@material/fab - npm Package Compare versions

Comparing version 0.1.0 to 0.2.0

package.json

 {
   "name": "@material/fab",
   "description": "The Material Components for the web floating action button component",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "license": "Apache-2.0",
@@ -11,6 +11,6 @@ "repository": {
   "dependencies": {
-    "@material/animation": "^0.1.0",
-    "@material/elevation": "^0.1.0",
+    "@material/animation": "^0.1.1",
+    "@material/elevation": "^0.1.1",
     "@material/theme": "^0.1.0"
   }
 }

README.md

@@ -17,3 +17,3 @@ # MDC FAB
 The demonstrations use the [Material Design Icon Font](https://design.google.com/icons/).
-You may include this to use them as shown or use any other icon method you wish.
+You may include this to use them as shown or use any other icon method you wish. 
 
@@ -24,3 +24,5 @@ ### Default
 <button class="mdc-fab material-icons" aria-label="Favorite">
-  favorite
+  <span class="mdc-fab__icon">
+    favorite
+  </span>
 </button>
@@ -33,3 +35,5 @@ ```
 <button class="mdc-fab mdc-fab--mini material-icons" aria-label="Favorite">
-  favorite
+  <span class="mdc-fab__icon">
+    favorite
+  </span>
 </button>
@@ -42,3 +46,5 @@ ```
 <button class="mdc-fab mdc-fab--plain material-icons" aria-label="favorite">
-  favorite
+  <span class="mdc-fab__icon">
+    favorite
+  </span>
 </button>
@@ -72,5 +78,7 @@ ```
 <button class="mdc-fab app-fab--absolute" aria-label="Edit">
-  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
-    <path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"/>
-  </svg>
+  <span class="mdc-fab__icon">
+    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+      <path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"/>
+    </svg>
+  </span>
 </button>
@@ -88,5 +96,5 @@ ```
 ### Element
+The button component has a single `span` element added as a child of the button due to buttons not adhering to flexbox rules 
+in all browsers. See [this Stackoverflow post](http://stackoverflow.com/posts/35466231/revisions) for details.
 
-The button component has no inner elements.
-
 ### Modifier
@@ -93,0 +101,0 @@

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

22077

increased by4.58%

Lines of code

379

increased by2.99%

Number of lines in readme file

102

increased by8.51%

Dependency changes

• Updated@material/animation@^0.1.1

• Updated@material/elevation@^0.1.1