@material/fab - npm Package Compare versions

Comparing version 4.0.0-alpha.0 to 4.0.0-canary.0

CHANGELOG.md

@@ -6,2 +6,167 @@ # Change Log
 
+# [4.0.0-canary.0](https://github.com/material-components/material-components-web/compare/v3.1.1...v4.0.0-canary.0) (2019-09-05)
+
+
+### Code Refactoring
+
+* **mdc-fab:** Move Ripple to inner Element. ([#4997](https://github.com/material-components/material-components-web/issues/4997)) ([85b33b5](https://github.com/material-components/material-components-web/commit/85b33b5))
+
+
+### BREAKING CHANGES
+
+* **mdc-fab:** This changes the structure of the FAB element by moving the ripple from the outer element to an inner mdc-fab__ripple element.
+
+OLD
+
+```html
+<button class="mdc-fab" aria-label="Favorite">
+  <span class="mdc-fab__icon material-icons">favorite</span>
+</button>
+```
+
+NEW
+
+```html
+<button class="mdc-fab" aria-label="Favorite">
+  <div class="mdc-fab__ripple"></div>
+  <span class="mdc-fab__icon material-icons">favorite</span>
+</button>
+```
+
+
+
+
+
+# [4.0.0-canary.0](https://github.com/material-components/material-components-web/compare/v3.1.1...v4.0.0-canary.0) (2019-09-05)
+
+
+### Code Refactoring
+
+* **mdc-fab:** Move Ripple to inner Element. ([#4997](https://github.com/material-components/material-components-web/issues/4997)) ([85b33b5](https://github.com/material-components/material-components-web/commit/85b33b5))
+
+
+### BREAKING CHANGES
+
+* **mdc-fab:** This changes the structure of the FAB element by moving the ripple from the outer element to an inner mdc-fab__ripple element.
+
+OLD
+
+```html
+<button class="mdc-fab" aria-label="Favorite">
+  <span class="mdc-fab__icon material-icons">favorite</span>
+</button>
+```
+
+NEW
+
+```html
+<button class="mdc-fab" aria-label="Favorite">
+  <div class="mdc-fab__ripple"></div>
+  <span class="mdc-fab__icon material-icons">favorite</span>
+</button>
+```
+
+
+
+
+
+# [4.0.0-canary.0](https://github.com/material-components/material-components-web/compare/v3.1.1...v4.0.0-canary.0) (2019-09-05)
+
+
+### Code Refactoring
+
+* **mdc-fab:** Move Ripple to inner Element. ([#4997](https://github.com/material-components/material-components-web/issues/4997)) ([85b33b5](https://github.com/material-components/material-components-web/commit/85b33b5))
+
+
+### BREAKING CHANGES
+
+* **mdc-fab:** This changes the structure of the FAB element by moving the ripple from the outer element to an inner mdc-fab__ripple element.
+
+OLD
+
+```html
+<button class="mdc-fab" aria-label="Favorite">
+  <span class="mdc-fab__icon material-icons">favorite</span>
+</button>
+```
+
+NEW
+
+```html
+<button class="mdc-fab" aria-label="Favorite">
+  <div class="mdc-fab__ripple"></div>
+  <span class="mdc-fab__icon material-icons">favorite</span>
+</button>
+```
+
+
+
+
+
+# [4.0.0-a9e694931.0](https://github.com/material-components/material-components-web/compare/v3.1.1...v4.0.0-a9e694931.0) (2019-09-05)
+
+
+### Code Refactoring
+
+* **mdc-fab:** Move Ripple to inner Element. ([#4997](https://github.com/material-components/material-components-web/issues/4997)) ([85b33b5](https://github.com/material-components/material-components-web/commit/85b33b5))
+
+
+### BREAKING CHANGES
+
+* **mdc-fab:** This changes the structure of the FAB element by moving the ripple from the outer element to an inner mdc-fab__ripple element.
+
+OLD
+
+```html
+<button class="mdc-fab" aria-label="Favorite">
+  <span class="mdc-fab__icon material-icons">favorite</span>
+</button>
+```
+
+NEW
+
+```html
+<button class="mdc-fab" aria-label="Favorite">
+  <div class="mdc-fab__ripple"></div>
+  <span class="mdc-fab__icon material-icons">favorite</span>
+</button>
+```
+
+
+
+
+
+# [4.0.0-snapshot.0](https://github.com/material-components/material-components-web/compare/v3.1.1...v4.0.0-snapshot.0) (2019-09-05)
+
+
+### Code Refactoring
+
+* **mdc-fab:** Move Ripple to inner Element. ([#4997](https://github.com/material-components/material-components-web/issues/4997)) ([85b33b5](https://github.com/material-components/material-components-web/commit/85b33b5))
+
+
+### BREAKING CHANGES
+
+* **mdc-fab:** This changes the structure of the FAB element by moving the ripple from the outer element to an inner mdc-fab__ripple element.
+
+OLD
+
+```html
+<button class="mdc-fab" aria-label="Favorite">
+  <span class="mdc-fab__icon material-icons">favorite</span>
+</button>
+```
+
+NEW
+
+```html
+<button class="mdc-fab" aria-label="Favorite">
+  <div class="mdc-fab__ripple"></div>
+  <span class="mdc-fab__icon material-icons">favorite</span>
+</button>
+```
+
+
+
+
+
 # [4.0.0-alpha.0](https://github.com/material-components/material-components-web/compare/v3.1.0...v4.0.0-alpha.0) (2019-08-07)
@@ -8,0 +173,0 @@

package.json

 {
   "name": "@material/fab",
   "description": "The Material Components for the web floating action button component",
-  "version": "4.0.0-alpha.0",
+  "version": "4.0.0-canary.0",
   "license": "MIT",
@@ -18,12 +18,12 @@ "keywords": [
   "dependencies": {
-    "@material/animation": "^4.0.0-alpha.0",
-    "@material/elevation": "^4.0.0-alpha.0",
-    "@material/feature-targeting": "^4.0.0-alpha.0",
-    "@material/ripple": "^4.0.0-alpha.0",
-    "@material/rtl": "^4.0.0-alpha.0",
-    "@material/shape": "^4.0.0-alpha.0",
-    "@material/theme": "^4.0.0-alpha.0",
-    "@material/typography": "^4.0.0-alpha.0"
+    "@material/animation": "^4.0.0-canary.0",
+    "@material/elevation": "^4.0.0-canary.0",
+    "@material/feature-targeting": "^4.0.0-canary.0",
+    "@material/ripple": "^4.0.0-canary.0",
+    "@material/rtl": "^4.0.0-canary.0",
+    "@material/shape": "^4.0.0-canary.0",
+    "@material/theme": "^4.0.0-canary.0",
+    "@material/typography": "^4.0.0-canary.0"
   },
-  "gitHead": "184b37f65b79a260f2835bd44e422dab2402d937"
+  "gitHead": "a9e69493144f4246efe28a958126afc2fedebd60"
 }

README.md

@@ -56,2 +56,3 @@ <!--docs:
 <button class="mdc-fab" aria-label="Favorite">
+  <div class="mdc-fab__ripple"></div>
   <span class="mdc-fab__icon material-icons">favorite</span>
@@ -89,2 +90,3 @@ </button>
 <button class="mdc-fab mdc-fab--extended">
+  <div class="mdc-fab__ripple"></div>
   <span class="material-icons mdc-fab__icon">add</span>
@@ -105,2 +107,3 @@ <span class="mdc-fab__label">Create</span>
 `mdc-fab__icon` | Mandatory, for the icon element
+`mdc-fab__ripple` | Mandatory, for the element which shows the ripple.
 `mdc-fab__label` | Optional, for the text label. Applicable only for Extended FAB.
@@ -107,0 +110,0 @@ `mdc-fab--mini` | Optional, modifies the FAB to a smaller size

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

166324

increased by6.08%

Lines of code

356

increased by5.01%

Number of lines in readme file

173

increased by1.76%

Dependency changes

• Updated@material/animation@^4.0.0-canary.0

• Updated@material/elevation@^4.0.0-canary.0

• Updated@material/feature-targeting@^4.0.0-canary.0

• Updated@material/ripple@^4.0.0-canary.0

• Updated@material/rtl@^4.0.0-canary.0

• Updated@material/shape@^4.0.0-canary.0

• Updated@material/theme@^4.0.0-canary.0

• Updated@material/typography@^4.0.0-canary.0