Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@smui/fab

Package Overview
Dependencies
Maintainers
1
Versions
94
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@smui/fab - npm Package Compare versions

Comparing version 2.0.0-beta.1 to 3.0.0-beta.0

2

bare.js

@@ -8,2 +8,2 @@ import Fab from './Fab.svelte';

export {Label, Icon};
export { Label, Icon };

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

# [3.0.0-beta.0](https://github.com/hperrin/svelte-material-ui/compare/v2.0.0-beta.1...v3.0.0-beta.0) (2021-04-11)
### Bug Fixes
* class and attr removal ([b3ca6f1](https://github.com/hperrin/svelte-material-ui/commit/b3ca6f16b2adda7cead2ef2c54ce3c446eeb6179))
### Features
* add getElement method to all components ([f293cf3](https://github.com/hperrin/svelte-material-ui/commit/f293cf365e30fa8d291b1428f5db683625572402))
* updated Chips for MDC v10 ([5ca1c05](https://github.com/hperrin/svelte-material-ui/commit/5ca1c05853f3a526450e1f4d3c41fbfeaeab0946))
* updated Floating Actio Button for MDC v10 ([4a85665](https://github.com/hperrin/svelte-material-ui/commit/4a8566530bd6521ec7f1bf2f5ee11568268b0c87))
* updated Menu for MDC v10 ([ddd6262](https://github.com/hperrin/svelte-material-ui/commit/ddd6262faa7b833472c6bf8ccca6017e6e06ebbe))
* upgrade upstream MDC components to v10 ([d47c59a](https://github.com/hperrin/svelte-material-ui/commit/d47c59af50bbec2b7de810261b3cb7a2ffe59180))
### BREAKING CHANGES
* Upgrading to v10 of upstream components. Their APIs will change. View the component READMEs.
# [2.0.0-beta.1](https://github.com/hperrin/svelte-material-ui/compare/v2.0.0-beta.0...v2.0.0-beta.1) (2021-03-27)

@@ -8,0 +33,0 @@

import './_index.scss';
export * from './bare.js';
export {default} from './bare.js';
export { default } from './bare.js';
{
"name": "@smui/fab",
"version": "2.0.0-beta.1",
"version": "3.0.0-beta.0",
"description": "Svelte Material UI - Floating Action Button",

@@ -15,3 +15,3 @@ "keywords": [

"scripts": {
"prepare": "echo \"$(npx glob '**/*' | sed 's/^/-I /' | paste -s -d ' ' -) --no-source-map _style.scss bare.css\" | xargs sass",
"prepare": "sass --no-source-map -I node_modules _style.scss bare.css",
"test": "echo \"Error: no test specified\" && exit 1"

@@ -32,12 +32,11 @@ },

"dependencies": {
"@material/fab": "^4.0.0",
"@material/feature-targeting": "^4.0.0",
"@smui/common": "^2.0.0-beta.1",
"@smui/ripple": "^2.0.0-beta.1"
"@material/fab": "^10.0.0",
"@material/feature-targeting": "^10.0.0",
"@smui/common": "^3.0.0-beta.0",
"@smui/ripple": "^3.0.0-beta.0"
},
"devDependencies": {
"glob-cmd": "0.0.7",
"sass": "^1.30.0"
"sass": "^1.32.8"
},
"gitHead": "5e48c98403f409cad9f6b9c96f2a320fe7b3b5c6"
"gitHead": "df924bdae36977405f6184097c456f2a8d4d3db6"
}

@@ -5,6 +5,2 @@ # Svelte Material UI - Floating Action Button

See [MDC Floating Action Button](https://material.io/develop/web/components/buttons/floating-action-buttons/) for more information on API and Sass mixins.
See [the Sass variable file](https://github.com/material-components/material-components-web/blob/v3.1.1/packages/mdc-fab/_variables.scss) for styling variables.
# Installation

@@ -16,7 +12,13 @@

# Whoa There, These Docs are Outdated
The latest SMUI v3 beta had a lot of changes, and these docs haven't been caught up yet. You should check out the demo page's code to see the latest usage.
# Basic Usage
```html
```svelte
<Fab on:click={doSomething}><Icon class="material-icons">favorite</Icon></Fab>
<script>
import Fab, {Icon} from '@smui/fab';
import Fab, { Icon } from '@smui/fab';

@@ -27,4 +29,2 @@ function doSomething() {

</script>
<Fab on:click={doSomething}><Icon class="material-icons">favorite</Icon></Fab>
```

@@ -34,5 +34,5 @@

*in action:* https://sveltematerialui.com/demo/fab
_in action:_ https://sveltematerialui.com/demo/fab
*demo code:* https://github.com/hperrin/svelte-material-ui/blob/master/site/src/routes/demo/fab.svelte
_demo code:_ https://github.com/hperrin/svelte-material-ui/blob/master/site/src/routes/demo/fab.svelte

@@ -47,9 +47,9 @@ # Exports

* `use`: `[]` - An array of actions and/or action/property arrays.
* `class`: `''` - A CSS class string.
* `ripple`: `true` - Whether to implement a ripple for when the component is interacted with.
* `color`: `'secondary'` - The FAB's color. ('primary' or 'secondary')
* `mini`: `false` - Whether to make the FAB smaller.
* `exited`: `false` - Whether the FAB is not visible. Changing this will cause the FAB to animate in/out.
* `extended`: `false` - Whether the FAB contains a label.
- `use`: `[]` - An array of actions and/or action/property arrays.
- `class`: `''` - A CSS class string.
- `ripple`: `true` - Whether to implement a ripple for when the component is interacted with.
- `color`: `'secondary'` - The FAB's color. ('primary' or 'secondary')
- `mini`: `false` - Whether to make the FAB smaller.
- `exited`: `false` - Whether the FAB is not visible. Changing this will cause the FAB to animate in/out.
- `extended`: `false` - Whether the FAB contains a label.

@@ -70,2 +70,8 @@ ### Events

See the [common icon readme](https://github.com/hperrin/svelte-material-ui/blob/master/packages/common/README.md#icon).
See the [common icon readme](https://github.com/hperrin/svelte-material-ui/blob/master/packages/common/README.md#icon).
# More Information
See [Buttons: floating action button](https://material.io/components/buttons-floating-action-button) in the Material design spec.
See [FAB](https://github.com/material-components/material-components-web/tree/v10.0.0/packages/mdc-fab) in MDC-Web for information about the upstream library's architecture.

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

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