Socket
Socket
Sign inDemoInstall

@material/fab

Package Overview
Dependencies
Maintainers
17
Versions
1700
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@material/fab - npm Package Compare versions

Comparing version 4.0.0-canary.905884690.0 to 4.0.0-canary.199534d61.0

33

CHANGELOG.md

@@ -6,2 +6,35 @@ # Change Log

# [4.0.0-canary.199534d61.0](https://github.com/material-components/material-components-web/compare/v3.2.0...v4.0.0-canary.199534d61.0) (2019-09-27)
### 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.905884690.0](https://github.com/material-components/material-components-web/compare/v3.2.0...v4.0.0-canary.905884690.0) (2019-09-16)

@@ -8,0 +41,0 @@

20

package.json
{
"name": "@material/fab",
"description": "The Material Components for the web floating action button component",
"version": "4.0.0-canary.905884690.0",
"version": "4.0.0-canary.199534d61.0",
"license": "MIT",

@@ -18,12 +18,12 @@ "keywords": [

"dependencies": {
"@material/animation": "^4.0.0-canary.905884690.0",
"@material/elevation": "^4.0.0-canary.905884690.0",
"@material/feature-targeting": "^4.0.0-canary.905884690.0",
"@material/ripple": "^4.0.0-canary.905884690.0",
"@material/rtl": "^4.0.0-canary.905884690.0",
"@material/shape": "^4.0.0-canary.905884690.0",
"@material/theme": "^4.0.0-canary.905884690.0",
"@material/typography": "^4.0.0-canary.905884690.0"
"@material/animation": "^4.0.0-canary.199534d61.0",
"@material/elevation": "^4.0.0-canary.199534d61.0",
"@material/feature-targeting": "^4.0.0-canary.199534d61.0",
"@material/ripple": "^4.0.0-canary.199534d61.0",
"@material/rtl": "^4.0.0-canary.199534d61.0",
"@material/shape": "^4.0.0-canary.199534d61.0",
"@material/theme": "^4.0.0-canary.199534d61.0",
"@material/typography": "^4.0.0-canary.199534d61.0"
},
"gitHead": "df7fbf65943b1227b1bf145a2774abe7710b1e30"
"gitHead": "c35810420b70c99e38a1438e1fd44e4bb84e21be"
}
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc