@spectrum-web-components/button 0.16.4 → 0.17.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +3 -2
- package/custom-elements.json +443 -68
- package/package.json +12 -8
- package/sp-close-button.d.ts +6 -0
- package/sp-close-button.js +14 -0
- package/sp-close-button.js.map +1 -0
- package/src/Button.d.ts +13 -6
- package/src/Button.js +58 -16
- package/src/Button.js.map +1 -1
- package/src/ClearButton.js +28 -9
- package/src/ClearButton.js.map +1 -1
- package/src/CloseButton.d.ts +26 -0
- package/src/CloseButton.js +72 -0
- package/src/CloseButton.js.map +1 -0
- package/src/button.css.js +560 -470
- package/src/button.css.js.map +1 -1
- package/src/index.d.ts +1 -0
- package/src/index.js +1 -0
- package/src/index.js.map +1 -1
- package/src/spectrum-button.css.js +560 -470
- package/src/spectrum-button.css.js.map +1 -1
- package/src/spectrum-config.js +20 -76
- package/stories/button-accent-fill-sizes.stories.js +28 -0
- package/stories/button-accent-fill-sizes.stories.js.map +1 -0
- package/stories/button-accent-fill.stories.js +28 -0
- package/stories/button-accent-fill.stories.js.map +1 -0
- package/stories/button-accent-outline-sizes.stories.js +28 -0
- package/stories/button-accent-outline-sizes.stories.js.map +1 -0
- package/stories/button-accent-outline.stories.js +28 -0
- package/stories/button-accent-outline.stories.js.map +1 -0
- package/stories/button-black-fill-sizes.stories.js +29 -0
- package/stories/button-black-fill-sizes.stories.js.map +1 -0
- package/stories/button-black-fill.stories.js +29 -0
- package/stories/button-black-fill.stories.js.map +1 -0
- package/stories/button-black-outline-sizes.stories.js +29 -0
- package/stories/button-black-outline-sizes.stories.js.map +1 -0
- package/stories/button-black-outline.stories.js +29 -0
- package/stories/button-black-outline.stories.js.map +1 -0
- package/stories/button-negative-fill-sizes.stories.js +28 -0
- package/stories/button-negative-fill-sizes.stories.js.map +1 -0
- package/stories/button-negative-fill.stories.js +28 -0
- package/stories/button-negative-fill.stories.js.map +1 -0
- package/stories/button-negative-outline-sizes.stories.js +28 -0
- package/stories/button-negative-outline-sizes.stories.js.map +1 -0
- package/stories/button-negative-outline.stories.js +28 -0
- package/stories/button-negative-outline.stories.js.map +1 -0
- package/stories/button-primary-fill-sizes.stories.js +28 -0
- package/stories/button-primary-fill-sizes.stories.js.map +1 -0
- package/stories/button-primary-fill.stories.js +28 -0
- package/stories/button-primary-fill.stories.js.map +1 -0
- package/stories/button-primary-outline-sizes.stories.js +28 -0
- package/stories/button-primary-outline-sizes.stories.js.map +1 -0
- package/stories/button-primary-outline.stories.js +28 -0
- package/stories/button-primary-outline.stories.js.map +1 -0
- package/stories/button-secondary-fill-sizes.stories.js +28 -0
- package/stories/button-secondary-fill-sizes.stories.js.map +1 -0
- package/stories/button-secondary-fill.stories.js +28 -0
- package/stories/button-secondary-fill.stories.js.map +1 -0
- package/stories/button-secondary-outline-sizes.stories.js +28 -0
- package/stories/button-secondary-outline-sizes.stories.js.map +1 -0
- package/stories/button-secondary-outline.stories.js +28 -0
- package/stories/button-secondary-outline.stories.js.map +1 -0
- package/stories/button-white-fill-sizes.stories.js +29 -0
- package/stories/button-white-fill-sizes.stories.js.map +1 -0
- package/stories/button-white-fill.stories.js +29 -0
- package/stories/button-white-fill.stories.js.map +1 -0
- package/stories/button-white-outline-sizes.stories.js +29 -0
- package/stories/button-white-outline-sizes.stories.js.map +1 -0
- package/stories/button-white-outline.stories.js +29 -0
- package/stories/button-white-outline.stories.js.map +1 -0
- package/stories/index.js +117 -7
- package/stories/index.js.map +1 -1
- package/src/clear-button.css.d.ts +0 -2
- package/src/clear-button.css.js +0 -229
- package/src/clear-button.css.js.map +0 -1
- package/src/spectrum-clear-button.css.d.ts +0 -2
- package/src/spectrum-clear-button.css.js +0 -229
- package/src/spectrum-clear-button.css.js.map +0 -1
- package/stories/button-cta-sizes.stories.js +0 -11
- package/stories/button-cta-sizes.stories.js.map +0 -1
- package/stories/button-cta.stories.js +0 -115
- package/stories/button-cta.stories.js.map +0 -1
- package/stories/button-overBackground-sizes.stories.js +0 -12
- package/stories/button-overBackground-sizes.stories.js.map +0 -1
- package/stories/button-overBackground.stories.js +0 -132
- package/stories/button-overBackground.stories.js.map +0 -1
- package/stories/button-primary-sizes.stories.js +0 -11
- package/stories/button-primary-sizes.stories.js.map +0 -1
- package/stories/button-primary.stories.js +0 -129
- package/stories/button-primary.stories.js.map +0 -1
- package/stories/button-secondary-sizes.stories.js +0 -11
- package/stories/button-secondary-sizes.stories.js.map +0 -1
- package/stories/button-secondary.stories.js +0 -129
- package/stories/button-secondary.stories.js.map +0 -1
- package/stories/button-warning-sizes.stories.js +0 -11
- package/stories/button-warning-sizes.stories.js.map +0 -1
- package/stories/button-warning.stories.js +0 -129
- package/stories/button-warning.stories.js.map +0 -1
package/README.md
CHANGED
|
@@ -20,12 +20,13 @@ Import the side effectful registration of `<sp-button>` or `<sp-clear-button>` a
|
|
|
20
20
|
```
|
|
21
21
|
import '@spectrum-web-components/button/sp-button.js';
|
|
22
22
|
import '@spectrum-web-components/button/sp-clear-button.js';
|
|
23
|
+
import '@spectrum-web-components/button/sp-close-button.js';
|
|
23
24
|
```
|
|
24
25
|
|
|
25
|
-
When looking to leverage the `Button` or `
|
|
26
|
+
When looking to leverage the `Button`, `ClearButton`, or `CloseButton` base classes as a type and/or for extension purposes, do so via:
|
|
26
27
|
|
|
27
28
|
```
|
|
28
|
-
import { Button, ClearButton } from '@spectrum-web-components/button';
|
|
29
|
+
import { Button, ClearButton, CloseButton } from '@spectrum-web-components/button';
|
|
29
30
|
```
|
|
30
31
|
|
|
31
32
|
## Sizes
|