New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More →
@spectrum-css/button
Advanced tools
@spectrum-css/button - npm Package Compare versions
Comparing version 13.5.0 to 13.6.0
| # Change Log | ||
| ## 13.6.0 | ||
| ### Minor Changes | ||
| - [#3359](https://github.com/adobe/spectrum-css/pull/3359) [`c8194b0`](https://github.com/adobe/spectrum-css/commit/c8194b0a5b6e115d7db680f287eb8a2a9709906b) Thanks [@cdransf](https://github.com/cdransf)! - This resolves our remaining stylelint issues around undefined tokens, rule order, unused values and color syntax. | ||
| - Updates invalid color syntax from `rgba(N, N, N, N)` to `rgba(N N N / N)`. | ||
| - In cases of duplicate properties, preserves the property that would be applied given current code structure. | ||
| - Updates misnamed tokens to use valid tokens (`table/index.css`). | ||
| - [#3502](https://github.com/adobe/spectrum-css/pull/3502) [`562396e`](https://github.com/adobe/spectrum-css/commit/562396eaf21769341f78ea3761393b65f00e751b) Thanks [@castastrophe](https://github.com/castastrophe)! - Simplify how the `--system` properties are mapped. By updating the logic in the `postcss-add-theming-layer`, we are now shipping cleaner, more readable `--system` property names. These custom properties are documented as _NOT_ a part of the component API so although these result in a change to the custom property names, it does not impact the properties that are in the API and so do not constitute a breaking change. Expect to see no change to how component theming works or any visual regressions as a result of this change. | ||
| ### Patch Changes | ||
| - Updated dependencies [[`c8194b0`](https://github.com/adobe/spectrum-css/commit/c8194b0a5b6e115d7db680f287eb8a2a9709906b), [`562396e`](https://github.com/adobe/spectrum-css/commit/562396eaf21769341f78ea3761393b65f00e751b)]: | ||
| - @spectrum-css/tokens@15.1.0 | ||
| - @spectrum-css/progresscircle@4.0.0 | ||
| - @spectrum-css/icon@8.0.0 | ||
| ## 13.5.0 | ||
@@ -4,0 +23,0 @@ |
@@ -19,2 +19,3 @@ { | ||
| ".spectrum-Button.is-disabled", | ||
| ".spectrum-Button.is-focused", | ||
| ".spectrum-Button.is-focused:after", | ||
@@ -90,4 +91,2 @@ ".spectrum-Button.is-pending", | ||
| "--mod-button-edge-to-visual-only", | ||
| "--mod-button-focus-indicator-gap", | ||
| "--mod-button-focus-ring-border-radius", | ||
| "--mod-button-focus-ring-color", | ||
@@ -280,313 +279,313 @@ "--mod-button-focus-ring-gap", | ||
| "system-theme": [ | ||
| "--system-spectrum-button-accent-background-color-default", | ||
| "--system-spectrum-button-accent-background-color-disabled", | ||
| "--system-spectrum-button-accent-background-color-down", | ||
| "--system-spectrum-button-accent-background-color-focus", | ||
| "--system-spectrum-button-accent-background-color-hover", | ||
| "--system-spectrum-button-accent-border-color-default", | ||
| "--system-spectrum-button-accent-border-color-disabled", | ||
| "--system-spectrum-button-accent-border-color-down", | ||
| "--system-spectrum-button-accent-border-color-focus", | ||
| "--system-spectrum-button-accent-border-color-hover", | ||
| "--system-spectrum-button-accent-content-color-default", | ||
| "--system-spectrum-button-accent-content-color-disabled", | ||
| "--system-spectrum-button-accent-content-color-down", | ||
| "--system-spectrum-button-accent-content-color-focus", | ||
| "--system-spectrum-button-accent-content-color-hover", | ||
| "--system-spectrum-button-accent-outline-background-color-default", | ||
| "--system-spectrum-button-accent-outline-background-color-disabled", | ||
| "--system-spectrum-button-accent-outline-background-color-down", | ||
| "--system-spectrum-button-accent-outline-background-color-focus", | ||
| "--system-spectrum-button-accent-outline-background-color-hover", | ||
| "--system-spectrum-button-accent-outline-border-color-default", | ||
| "--system-spectrum-button-accent-outline-border-color-disabled", | ||
| "--system-spectrum-button-accent-outline-border-color-down", | ||
| "--system-spectrum-button-accent-outline-border-color-focus", | ||
| "--system-spectrum-button-accent-outline-border-color-hover", | ||
| "--system-spectrum-button-accent-outline-content-color-default", | ||
| "--system-spectrum-button-accent-outline-content-color-disabled", | ||
| "--system-spectrum-button-accent-outline-content-color-down", | ||
| "--system-spectrum-button-accent-outline-content-color-focus", | ||
| "--system-spectrum-button-accent-outline-content-color-hover", | ||
| "--system-spectrum-button-background-color-default", | ||
| "--system-spectrum-button-background-color-disabled", | ||
| "--system-spectrum-button-background-color-down", | ||
| "--system-spectrum-button-background-color-focus", | ||
| "--system-spectrum-button-background-color-hover", | ||
| "--system-spectrum-button-border-color-default", | ||
| "--system-spectrum-button-border-color-disabled", | ||
| "--system-spectrum-button-border-color-down", | ||
| "--system-spectrum-button-border-color-focus", | ||
| "--system-spectrum-button-border-color-hover", | ||
| "--system-spectrum-button-content-color-default", | ||
| "--system-spectrum-button-content-color-disabled", | ||
| "--system-spectrum-button-content-color-down", | ||
| "--system-spectrum-button-content-color-focus", | ||
| "--system-spectrum-button-content-color-hover", | ||
| "--system-spectrum-button-negative-background-color-default", | ||
| "--system-spectrum-button-negative-background-color-disabled", | ||
| "--system-spectrum-button-negative-background-color-down", | ||
| "--system-spectrum-button-negative-background-color-focus", | ||
| "--system-spectrum-button-negative-background-color-hover", | ||
| "--system-spectrum-button-negative-border-color-default", | ||
| "--system-spectrum-button-negative-border-color-disabled", | ||
| "--system-spectrum-button-negative-border-color-down", | ||
| "--system-spectrum-button-negative-border-color-focus", | ||
| "--system-spectrum-button-negative-border-color-hover", | ||
| "--system-spectrum-button-negative-content-color-default", | ||
| "--system-spectrum-button-negative-content-color-disabled", | ||
| "--system-spectrum-button-negative-content-color-down", | ||
| "--system-spectrum-button-negative-content-color-focus", | ||
| "--system-spectrum-button-negative-content-color-hover", | ||
| "--system-spectrum-button-negative-outline-background-color-default", | ||
| "--system-spectrum-button-negative-outline-background-color-disabled", | ||
| "--system-spectrum-button-negative-outline-background-color-down", | ||
| "--system-spectrum-button-negative-outline-background-color-focus", | ||
| "--system-spectrum-button-negative-outline-background-color-hover", | ||
| "--system-spectrum-button-negative-outline-border-color-default", | ||
| "--system-spectrum-button-negative-outline-border-color-disabled", | ||
| "--system-spectrum-button-negative-outline-border-color-down", | ||
| "--system-spectrum-button-negative-outline-border-color-focus", | ||
| "--system-spectrum-button-negative-outline-border-color-hover", | ||
| "--system-spectrum-button-negative-outline-content-color-default", | ||
| "--system-spectrum-button-negative-outline-content-color-disabled", | ||
| "--system-spectrum-button-negative-outline-content-color-down", | ||
| "--system-spectrum-button-negative-outline-content-color-focus", | ||
| "--system-spectrum-button-negative-outline-content-color-hover", | ||
| "--system-spectrum-button-primary-background-color-default", | ||
| "--system-spectrum-button-primary-background-color-disabled", | ||
| "--system-spectrum-button-primary-background-color-down", | ||
| "--system-spectrum-button-primary-background-color-focus", | ||
| "--system-spectrum-button-primary-background-color-hover", | ||
| "--system-spectrum-button-primary-border-color-default", | ||
| "--system-spectrum-button-primary-border-color-disabled", | ||
| "--system-spectrum-button-primary-border-color-down", | ||
| "--system-spectrum-button-primary-border-color-focus", | ||
| "--system-spectrum-button-primary-border-color-hover", | ||
| "--system-spectrum-button-primary-content-color-default", | ||
| "--system-spectrum-button-primary-content-color-disabled", | ||
| "--system-spectrum-button-primary-content-color-down", | ||
| "--system-spectrum-button-primary-content-color-focus", | ||
| "--system-spectrum-button-primary-content-color-hover", | ||
| "--system-spectrum-button-primary-outline-background-color-default", | ||
| "--system-spectrum-button-primary-outline-background-color-disabled", | ||
| "--system-spectrum-button-primary-outline-background-color-down", | ||
| "--system-spectrum-button-primary-outline-background-color-focus", | ||
| "--system-spectrum-button-primary-outline-background-color-hover", | ||
| "--system-spectrum-button-primary-outline-border-color-default", | ||
| "--system-spectrum-button-primary-outline-border-color-disabled", | ||
| "--system-spectrum-button-primary-outline-border-color-down", | ||
| "--system-spectrum-button-primary-outline-border-color-focus", | ||
| "--system-spectrum-button-primary-outline-border-color-hover", | ||
| "--system-spectrum-button-primary-outline-content-color-default", | ||
| "--system-spectrum-button-primary-outline-content-color-disabled", | ||
| "--system-spectrum-button-primary-outline-content-color-down", | ||
| "--system-spectrum-button-primary-outline-content-color-focus", | ||
| "--system-spectrum-button-primary-outline-content-color-hover", | ||
| "--system-spectrum-button-quiet-background-color-default", | ||
| "--system-spectrum-button-quiet-background-color-disabled", | ||
| "--system-spectrum-button-quiet-background-color-down", | ||
| "--system-spectrum-button-quiet-background-color-focus", | ||
| "--system-spectrum-button-quiet-background-color-hover", | ||
| "--system-spectrum-button-quiet-border-color-default", | ||
| "--system-spectrum-button-quiet-border-color-disabled", | ||
| "--system-spectrum-button-quiet-border-color-down", | ||
| "--system-spectrum-button-quiet-border-color-focus", | ||
| "--system-spectrum-button-quiet-border-color-hover", | ||
| "--system-spectrum-button-secondary-background-color-default", | ||
| "--system-spectrum-button-secondary-background-color-disabled", | ||
| "--system-spectrum-button-secondary-background-color-down", | ||
| "--system-spectrum-button-secondary-background-color-focus", | ||
| "--system-spectrum-button-secondary-background-color-hover", | ||
| "--system-spectrum-button-secondary-border-color-default", | ||
| "--system-spectrum-button-secondary-border-color-disabled", | ||
| "--system-spectrum-button-secondary-border-color-down", | ||
| "--system-spectrum-button-secondary-border-color-focus", | ||
| "--system-spectrum-button-secondary-border-color-hover", | ||
| "--system-spectrum-button-secondary-content-color-default", | ||
| "--system-spectrum-button-secondary-content-color-disabled", | ||
| "--system-spectrum-button-secondary-content-color-down", | ||
| "--system-spectrum-button-secondary-content-color-focus", | ||
| "--system-spectrum-button-secondary-content-color-hover", | ||
| "--system-spectrum-button-secondary-outline-background-color-default", | ||
| "--system-spectrum-button-secondary-outline-background-color-disabled", | ||
| "--system-spectrum-button-secondary-outline-background-color-down", | ||
| "--system-spectrum-button-secondary-outline-background-color-focus", | ||
| "--system-spectrum-button-secondary-outline-background-color-hover", | ||
| "--system-spectrum-button-secondary-outline-border-color-default", | ||
| "--system-spectrum-button-secondary-outline-border-color-disabled", | ||
| "--system-spectrum-button-secondary-outline-border-color-down", | ||
| "--system-spectrum-button-secondary-outline-border-color-focus", | ||
| "--system-spectrum-button-secondary-outline-border-color-hover", | ||
| "--system-spectrum-button-secondary-outline-content-color-default", | ||
| "--system-spectrum-button-secondary-outline-content-color-disabled", | ||
| "--system-spectrum-button-secondary-outline-content-color-down", | ||
| "--system-spectrum-button-secondary-outline-content-color-focus", | ||
| "--system-spectrum-button-secondary-outline-content-color-hover", | ||
| "--system-spectrum-button-selected-background-color-default", | ||
| "--system-spectrum-button-selected-background-color-disabled", | ||
| "--system-spectrum-button-selected-background-color-down", | ||
| "--system-spectrum-button-selected-background-color-focus", | ||
| "--system-spectrum-button-selected-background-color-hover", | ||
| "--system-spectrum-button-selected-border-color-default", | ||
| "--system-spectrum-button-selected-border-color-disabled", | ||
| "--system-spectrum-button-selected-border-color-down", | ||
| "--system-spectrum-button-selected-border-color-focus", | ||
| "--system-spectrum-button-selected-border-color-hover", | ||
| "--system-spectrum-button-selected-content-color-default", | ||
| "--system-spectrum-button-selected-content-color-down", | ||
| "--system-spectrum-button-selected-content-color-focus", | ||
| "--system-spectrum-button-selected-content-color-hover", | ||
| "--system-spectrum-button-selected-emphasized-background-color-default", | ||
| "--system-spectrum-button-selected-emphasized-background-color-down", | ||
| "--system-spectrum-button-selected-emphasized-background-color-focus", | ||
| "--system-spectrum-button-selected-emphasized-background-color-hover", | ||
| "--system-spectrum-button-staticblack-background-color-default", | ||
| "--system-spectrum-button-staticblack-background-color-disabled", | ||
| "--system-spectrum-button-staticblack-background-color-down", | ||
| "--system-spectrum-button-staticblack-background-color-focus", | ||
| "--system-spectrum-button-staticblack-background-color-hover", | ||
| "--system-spectrum-button-staticblack-border-color-default", | ||
| "--system-spectrum-button-staticblack-border-color-disabled", | ||
| "--system-spectrum-button-staticblack-border-color-down", | ||
| "--system-spectrum-button-staticblack-border-color-focus", | ||
| "--system-spectrum-button-staticblack-border-color-hover", | ||
| "--system-spectrum-button-staticblack-content-color-default", | ||
| "--system-spectrum-button-staticblack-content-color-disabled", | ||
| "--system-spectrum-button-staticblack-content-color-down", | ||
| "--system-spectrum-button-staticblack-content-color-focus", | ||
| "--system-spectrum-button-staticblack-content-color-hover", | ||
| "--system-spectrum-button-staticblack-focus-indicator-color", | ||
| "--system-spectrum-button-staticblack-outline-background-color-default", | ||
| "--system-spectrum-button-staticblack-outline-background-color-disabled", | ||
| "--system-spectrum-button-staticblack-outline-background-color-down", | ||
| "--system-spectrum-button-staticblack-outline-background-color-focus", | ||
| "--system-spectrum-button-staticblack-outline-background-color-hover", | ||
| "--system-spectrum-button-staticblack-outline-border-color-default", | ||
| "--system-spectrum-button-staticblack-outline-border-color-disabled", | ||
| "--system-spectrum-button-staticblack-outline-border-color-down", | ||
| "--system-spectrum-button-staticblack-outline-border-color-focus", | ||
| "--system-spectrum-button-staticblack-outline-border-color-hover", | ||
| "--system-spectrum-button-staticblack-outline-content-color-default", | ||
| "--system-spectrum-button-staticblack-outline-content-color-disabled", | ||
| "--system-spectrum-button-staticblack-outline-content-color-down", | ||
| "--system-spectrum-button-staticblack-outline-content-color-focus", | ||
| "--system-spectrum-button-staticblack-outline-content-color-hover", | ||
| "--system-spectrum-button-staticblack-outline-focus-indicator-color", | ||
| "--system-spectrum-button-staticblack-quiet-border-color-default", | ||
| "--system-spectrum-button-staticblack-quiet-border-color-disabled", | ||
| "--system-spectrum-button-staticblack-quiet-border-color-down", | ||
| "--system-spectrum-button-staticblack-quiet-border-color-focus", | ||
| "--system-spectrum-button-staticblack-quiet-border-color-hover", | ||
| "--system-spectrum-button-staticblack-secondary-background-color-default", | ||
| "--system-spectrum-button-staticblack-secondary-background-color-disabled", | ||
| "--system-spectrum-button-staticblack-secondary-background-color-down", | ||
| "--system-spectrum-button-staticblack-secondary-background-color-focus", | ||
| "--system-spectrum-button-staticblack-secondary-background-color-hover", | ||
| "--system-spectrum-button-staticblack-secondary-border-color-default", | ||
| "--system-spectrum-button-staticblack-secondary-border-color-disabled", | ||
| "--system-spectrum-button-staticblack-secondary-border-color-down", | ||
| "--system-spectrum-button-staticblack-secondary-border-color-focus", | ||
| "--system-spectrum-button-staticblack-secondary-border-color-hover", | ||
| "--system-spectrum-button-staticblack-secondary-content-color-default", | ||
| "--system-spectrum-button-staticblack-secondary-content-color-disabled", | ||
| "--system-spectrum-button-staticblack-secondary-content-color-down", | ||
| "--system-spectrum-button-staticblack-secondary-content-color-focus", | ||
| "--system-spectrum-button-staticblack-secondary-content-color-hover", | ||
| "--system-spectrum-button-staticblack-secondary-focus-indicator-color", | ||
| "--system-spectrum-button-staticblack-secondary-outline-background-color-default", | ||
| "--system-spectrum-button-staticblack-secondary-outline-background-color-disabled", | ||
| "--system-spectrum-button-staticblack-secondary-outline-background-color-down", | ||
| "--system-spectrum-button-staticblack-secondary-outline-background-color-focus", | ||
| "--system-spectrum-button-staticblack-secondary-outline-background-color-hover", | ||
| "--system-spectrum-button-staticblack-secondary-outline-border-color-default", | ||
| "--system-spectrum-button-staticblack-secondary-outline-border-color-disabled", | ||
| "--system-spectrum-button-staticblack-secondary-outline-border-color-down", | ||
| "--system-spectrum-button-staticblack-secondary-outline-border-color-focus", | ||
| "--system-spectrum-button-staticblack-secondary-outline-border-color-hover", | ||
| "--system-spectrum-button-staticblack-secondary-outline-content-color-default", | ||
| "--system-spectrum-button-staticblack-secondary-outline-content-color-disabled", | ||
| "--system-spectrum-button-staticblack-secondary-outline-content-color-down", | ||
| "--system-spectrum-button-staticblack-secondary-outline-content-color-focus", | ||
| "--system-spectrum-button-staticblack-secondary-outline-content-color-hover", | ||
| "--system-spectrum-button-staticblack-secondary-outline-focus-indicator-color", | ||
| "--system-spectrum-button-staticwhite-background-color-default", | ||
| "--system-spectrum-button-staticwhite-background-color-disabled", | ||
| "--system-spectrum-button-staticwhite-background-color-down", | ||
| "--system-spectrum-button-staticwhite-background-color-focus", | ||
| "--system-spectrum-button-staticwhite-background-color-hover", | ||
| "--system-spectrum-button-staticwhite-border-color-default", | ||
| "--system-spectrum-button-staticwhite-border-color-disabled", | ||
| "--system-spectrum-button-staticwhite-border-color-down", | ||
| "--system-spectrum-button-staticwhite-border-color-focus", | ||
| "--system-spectrum-button-staticwhite-border-color-hover", | ||
| "--system-spectrum-button-staticwhite-content-color-default", | ||
| "--system-spectrum-button-staticwhite-content-color-disabled", | ||
| "--system-spectrum-button-staticwhite-content-color-down", | ||
| "--system-spectrum-button-staticwhite-content-color-focus", | ||
| "--system-spectrum-button-staticwhite-content-color-hover", | ||
| "--system-spectrum-button-staticwhite-focus-indicator-color", | ||
| "--system-spectrum-button-staticwhite-outline-background-color-default", | ||
| "--system-spectrum-button-staticwhite-outline-background-color-disabled", | ||
| "--system-spectrum-button-staticwhite-outline-background-color-down", | ||
| "--system-spectrum-button-staticwhite-outline-background-color-focus", | ||
| "--system-spectrum-button-staticwhite-outline-background-color-hover", | ||
| "--system-spectrum-button-staticwhite-outline-border-color-default", | ||
| "--system-spectrum-button-staticwhite-outline-border-color-disabled", | ||
| "--system-spectrum-button-staticwhite-outline-border-color-down", | ||
| "--system-spectrum-button-staticwhite-outline-border-color-focus", | ||
| "--system-spectrum-button-staticwhite-outline-border-color-hover", | ||
| "--system-spectrum-button-staticwhite-outline-content-color-default", | ||
| "--system-spectrum-button-staticwhite-outline-content-color-disabled", | ||
| "--system-spectrum-button-staticwhite-outline-content-color-down", | ||
| "--system-spectrum-button-staticwhite-outline-content-color-focus", | ||
| "--system-spectrum-button-staticwhite-outline-content-color-hover", | ||
| "--system-spectrum-button-staticwhite-outline-focus-indicator-color", | ||
| "--system-spectrum-button-staticwhite-quiet-border-color-default", | ||
| "--system-spectrum-button-staticwhite-quiet-border-color-disabled", | ||
| "--system-spectrum-button-staticwhite-quiet-border-color-down", | ||
| "--system-spectrum-button-staticwhite-quiet-border-color-focus", | ||
| "--system-spectrum-button-staticwhite-quiet-border-color-hover", | ||
| "--system-spectrum-button-staticwhite-secondary-background-color-default", | ||
| "--system-spectrum-button-staticwhite-secondary-background-color-disabled", | ||
| "--system-spectrum-button-staticwhite-secondary-background-color-down", | ||
| "--system-spectrum-button-staticwhite-secondary-background-color-focus", | ||
| "--system-spectrum-button-staticwhite-secondary-background-color-hover", | ||
| "--system-spectrum-button-staticwhite-secondary-border-color-default", | ||
| "--system-spectrum-button-staticwhite-secondary-border-color-disabled", | ||
| "--system-spectrum-button-staticwhite-secondary-border-color-down", | ||
| "--system-spectrum-button-staticwhite-secondary-border-color-focus", | ||
| "--system-spectrum-button-staticwhite-secondary-border-color-hover", | ||
| "--system-spectrum-button-staticwhite-secondary-content-color-default", | ||
| "--system-spectrum-button-staticwhite-secondary-content-color-disabled", | ||
| "--system-spectrum-button-staticwhite-secondary-content-color-down", | ||
| "--system-spectrum-button-staticwhite-secondary-content-color-focus", | ||
| "--system-spectrum-button-staticwhite-secondary-content-color-hover", | ||
| "--system-spectrum-button-staticwhite-secondary-focus-indicator-color", | ||
| "--system-spectrum-button-staticwhite-secondary-outline-background-color-default", | ||
| "--system-spectrum-button-staticwhite-secondary-outline-background-color-disabled", | ||
| "--system-spectrum-button-staticwhite-secondary-outline-background-color-down", | ||
| "--system-spectrum-button-staticwhite-secondary-outline-background-color-focus", | ||
| "--system-spectrum-button-staticwhite-secondary-outline-background-color-hover", | ||
| "--system-spectrum-button-staticwhite-secondary-outline-border-color-default", | ||
| "--system-spectrum-button-staticwhite-secondary-outline-border-color-disabled", | ||
| "--system-spectrum-button-staticwhite-secondary-outline-border-color-down", | ||
| "--system-spectrum-button-staticwhite-secondary-outline-border-color-focus", | ||
| "--system-spectrum-button-staticwhite-secondary-outline-border-color-hover", | ||
| "--system-spectrum-button-staticwhite-secondary-outline-content-color-default", | ||
| "--system-spectrum-button-staticwhite-secondary-outline-content-color-disabled", | ||
| "--system-spectrum-button-staticwhite-secondary-outline-content-color-down", | ||
| "--system-spectrum-button-staticwhite-secondary-outline-content-color-focus", | ||
| "--system-spectrum-button-staticwhite-secondary-outline-content-color-hover", | ||
| "--system-spectrum-button-staticwhite-secondary-outline-focus-indicator-color", | ||
| "--system-spectrum-button-staticwhite-selected-background-color-default", | ||
| "--system-spectrum-button-staticwhite-selected-background-color-disabled", | ||
| "--system-spectrum-button-staticwhite-selected-background-color-down", | ||
| "--system-spectrum-button-staticwhite-selected-background-color-focus", | ||
| "--system-spectrum-button-staticwhite-selected-background-color-hover", | ||
| "--system-spectrum-button-staticwhite-selected-border-color-disabled", | ||
| "--system-spectrum-button-staticwhite-selected-content-color-default", | ||
| "--system-spectrum-button-staticwhite-selected-content-color-down", | ||
| "--system-spectrum-button-staticwhite-selected-content-color-focus", | ||
| "--system-spectrum-button-staticwhite-selected-content-color-hover" | ||
| "--system-button-accent-background-color-default", | ||
| "--system-button-accent-background-color-disabled", | ||
| "--system-button-accent-background-color-down", | ||
| "--system-button-accent-background-color-focus", | ||
| "--system-button-accent-background-color-hover", | ||
| "--system-button-accent-border-color-default", | ||
| "--system-button-accent-border-color-disabled", | ||
| "--system-button-accent-border-color-down", | ||
| "--system-button-accent-border-color-focus", | ||
| "--system-button-accent-border-color-hover", | ||
| "--system-button-accent-content-color-default", | ||
| "--system-button-accent-content-color-disabled", | ||
| "--system-button-accent-content-color-down", | ||
| "--system-button-accent-content-color-focus", | ||
| "--system-button-accent-content-color-hover", | ||
| "--system-button-accent-outline-background-color-default", | ||
| "--system-button-accent-outline-background-color-disabled", | ||
| "--system-button-accent-outline-background-color-down", | ||
| "--system-button-accent-outline-background-color-focus", | ||
| "--system-button-accent-outline-background-color-hover", | ||
| "--system-button-accent-outline-border-color-default", | ||
| "--system-button-accent-outline-border-color-disabled", | ||
| "--system-button-accent-outline-border-color-down", | ||
| "--system-button-accent-outline-border-color-focus", | ||
| "--system-button-accent-outline-border-color-hover", | ||
| "--system-button-accent-outline-content-color-default", | ||
| "--system-button-accent-outline-content-color-disabled", | ||
| "--system-button-accent-outline-content-color-down", | ||
| "--system-button-accent-outline-content-color-focus", | ||
| "--system-button-accent-outline-content-color-hover", | ||
| "--system-button-background-color-default", | ||
| "--system-button-background-color-disabled", | ||
| "--system-button-background-color-down", | ||
| "--system-button-background-color-focus", | ||
| "--system-button-background-color-hover", | ||
| "--system-button-border-color-default", | ||
| "--system-button-border-color-disabled", | ||
| "--system-button-border-color-down", | ||
| "--system-button-border-color-focus", | ||
| "--system-button-border-color-hover", | ||
| "--system-button-content-color-default", | ||
| "--system-button-content-color-disabled", | ||
| "--system-button-content-color-down", | ||
| "--system-button-content-color-focus", | ||
| "--system-button-content-color-hover", | ||
| "--system-button-negative-background-color-default", | ||
| "--system-button-negative-background-color-disabled", | ||
| "--system-button-negative-background-color-down", | ||
| "--system-button-negative-background-color-focus", | ||
| "--system-button-negative-background-color-hover", | ||
| "--system-button-negative-border-color-default", | ||
| "--system-button-negative-border-color-disabled", | ||
| "--system-button-negative-border-color-down", | ||
| "--system-button-negative-border-color-focus", | ||
| "--system-button-negative-border-color-hover", | ||
| "--system-button-negative-content-color-default", | ||
| "--system-button-negative-content-color-disabled", | ||
| "--system-button-negative-content-color-down", | ||
| "--system-button-negative-content-color-focus", | ||
| "--system-button-negative-content-color-hover", | ||
| "--system-button-negative-outline-background-color-default", | ||
| "--system-button-negative-outline-background-color-disabled", | ||
| "--system-button-negative-outline-background-color-down", | ||
| "--system-button-negative-outline-background-color-focus", | ||
| "--system-button-negative-outline-background-color-hover", | ||
| "--system-button-negative-outline-border-color-default", | ||
| "--system-button-negative-outline-border-color-disabled", | ||
| "--system-button-negative-outline-border-color-down", | ||
| "--system-button-negative-outline-border-color-focus", | ||
| "--system-button-negative-outline-border-color-hover", | ||
| "--system-button-negative-outline-content-color-default", | ||
| "--system-button-negative-outline-content-color-disabled", | ||
| "--system-button-negative-outline-content-color-down", | ||
| "--system-button-negative-outline-content-color-focus", | ||
| "--system-button-negative-outline-content-color-hover", | ||
| "--system-button-primary-background-color-default", | ||
| "--system-button-primary-background-color-disabled", | ||
| "--system-button-primary-background-color-down", | ||
| "--system-button-primary-background-color-focus", | ||
| "--system-button-primary-background-color-hover", | ||
| "--system-button-primary-border-color-default", | ||
| "--system-button-primary-border-color-disabled", | ||
| "--system-button-primary-border-color-down", | ||
| "--system-button-primary-border-color-focus", | ||
| "--system-button-primary-border-color-hover", | ||
| "--system-button-primary-content-color-default", | ||
| "--system-button-primary-content-color-disabled", | ||
| "--system-button-primary-content-color-down", | ||
| "--system-button-primary-content-color-focus", | ||
| "--system-button-primary-content-color-hover", | ||
| "--system-button-primary-outline-background-color-default", | ||
| "--system-button-primary-outline-background-color-disabled", | ||
| "--system-button-primary-outline-background-color-down", | ||
| "--system-button-primary-outline-background-color-focus", | ||
| "--system-button-primary-outline-background-color-hover", | ||
| "--system-button-primary-outline-border-color-default", | ||
| "--system-button-primary-outline-border-color-disabled", | ||
| "--system-button-primary-outline-border-color-down", | ||
| "--system-button-primary-outline-border-color-focus", | ||
| "--system-button-primary-outline-border-color-hover", | ||
| "--system-button-primary-outline-content-color-default", | ||
| "--system-button-primary-outline-content-color-disabled", | ||
| "--system-button-primary-outline-content-color-down", | ||
| "--system-button-primary-outline-content-color-focus", | ||
| "--system-button-primary-outline-content-color-hover", | ||
| "--system-button-quiet-background-color-default", | ||
| "--system-button-quiet-background-color-disabled", | ||
| "--system-button-quiet-background-color-down", | ||
| "--system-button-quiet-background-color-focus", | ||
| "--system-button-quiet-background-color-hover", | ||
| "--system-button-quiet-border-color-default", | ||
| "--system-button-quiet-border-color-disabled", | ||
| "--system-button-quiet-border-color-down", | ||
| "--system-button-quiet-border-color-focus", | ||
| "--system-button-quiet-border-color-hover", | ||
| "--system-button-secondary-background-color-default", | ||
| "--system-button-secondary-background-color-disabled", | ||
| "--system-button-secondary-background-color-down", | ||
| "--system-button-secondary-background-color-focus", | ||
| "--system-button-secondary-background-color-hover", | ||
| "--system-button-secondary-border-color-default", | ||
| "--system-button-secondary-border-color-disabled", | ||
| "--system-button-secondary-border-color-down", | ||
| "--system-button-secondary-border-color-focus", | ||
| "--system-button-secondary-border-color-hover", | ||
| "--system-button-secondary-content-color-default", | ||
| "--system-button-secondary-content-color-disabled", | ||
| "--system-button-secondary-content-color-down", | ||
| "--system-button-secondary-content-color-focus", | ||
| "--system-button-secondary-content-color-hover", | ||
| "--system-button-secondary-outline-background-color-default", | ||
| "--system-button-secondary-outline-background-color-disabled", | ||
| "--system-button-secondary-outline-background-color-down", | ||
| "--system-button-secondary-outline-background-color-focus", | ||
| "--system-button-secondary-outline-background-color-hover", | ||
| "--system-button-secondary-outline-border-color-default", | ||
| "--system-button-secondary-outline-border-color-disabled", | ||
| "--system-button-secondary-outline-border-color-down", | ||
| "--system-button-secondary-outline-border-color-focus", | ||
| "--system-button-secondary-outline-border-color-hover", | ||
| "--system-button-secondary-outline-content-color-default", | ||
| "--system-button-secondary-outline-content-color-disabled", | ||
| "--system-button-secondary-outline-content-color-down", | ||
| "--system-button-secondary-outline-content-color-focus", | ||
| "--system-button-secondary-outline-content-color-hover", | ||
| "--system-button-selected-background-color-default", | ||
| "--system-button-selected-background-color-disabled", | ||
| "--system-button-selected-background-color-down", | ||
| "--system-button-selected-background-color-focus", | ||
| "--system-button-selected-background-color-hover", | ||
| "--system-button-selected-border-color-default", | ||
| "--system-button-selected-border-color-disabled", | ||
| "--system-button-selected-border-color-down", | ||
| "--system-button-selected-border-color-focus", | ||
| "--system-button-selected-border-color-hover", | ||
| "--system-button-selected-content-color-default", | ||
| "--system-button-selected-content-color-down", | ||
| "--system-button-selected-content-color-focus", | ||
| "--system-button-selected-content-color-hover", | ||
| "--system-button-selected-emphasized-background-color-default", | ||
| "--system-button-selected-emphasized-background-color-down", | ||
| "--system-button-selected-emphasized-background-color-focus", | ||
| "--system-button-selected-emphasized-background-color-hover", | ||
| "--system-button-static-black-background-color-default", | ||
| "--system-button-static-black-background-color-disabled", | ||
| "--system-button-static-black-background-color-down", | ||
| "--system-button-static-black-background-color-focus", | ||
| "--system-button-static-black-background-color-hover", | ||
| "--system-button-static-black-border-color-default", | ||
| "--system-button-static-black-border-color-disabled", | ||
| "--system-button-static-black-border-color-down", | ||
| "--system-button-static-black-border-color-focus", | ||
| "--system-button-static-black-border-color-hover", | ||
| "--system-button-static-black-content-color-default", | ||
| "--system-button-static-black-content-color-disabled", | ||
| "--system-button-static-black-content-color-down", | ||
| "--system-button-static-black-content-color-focus", | ||
| "--system-button-static-black-content-color-hover", | ||
| "--system-button-static-black-focus-indicator-color", | ||
| "--system-button-static-black-outline-background-color-default", | ||
| "--system-button-static-black-outline-background-color-disabled", | ||
| "--system-button-static-black-outline-background-color-down", | ||
| "--system-button-static-black-outline-background-color-focus", | ||
| "--system-button-static-black-outline-background-color-hover", | ||
| "--system-button-static-black-outline-border-color-default", | ||
| "--system-button-static-black-outline-border-color-disabled", | ||
| "--system-button-static-black-outline-border-color-down", | ||
| "--system-button-static-black-outline-border-color-focus", | ||
| "--system-button-static-black-outline-border-color-hover", | ||
| "--system-button-static-black-outline-content-color-default", | ||
| "--system-button-static-black-outline-content-color-disabled", | ||
| "--system-button-static-black-outline-content-color-down", | ||
| "--system-button-static-black-outline-content-color-focus", | ||
| "--system-button-static-black-outline-content-color-hover", | ||
| "--system-button-static-black-outline-focus-indicator-color", | ||
| "--system-button-static-black-quiet-border-color-default", | ||
| "--system-button-static-black-quiet-border-color-disabled", | ||
| "--system-button-static-black-quiet-border-color-down", | ||
| "--system-button-static-black-quiet-border-color-focus", | ||
| "--system-button-static-black-quiet-border-color-hover", | ||
| "--system-button-static-black-secondary-background-color-default", | ||
| "--system-button-static-black-secondary-background-color-disabled", | ||
| "--system-button-static-black-secondary-background-color-down", | ||
| "--system-button-static-black-secondary-background-color-focus", | ||
| "--system-button-static-black-secondary-background-color-hover", | ||
| "--system-button-static-black-secondary-border-color-default", | ||
| "--system-button-static-black-secondary-border-color-disabled", | ||
| "--system-button-static-black-secondary-border-color-down", | ||
| "--system-button-static-black-secondary-border-color-focus", | ||
| "--system-button-static-black-secondary-border-color-hover", | ||
| "--system-button-static-black-secondary-content-color-default", | ||
| "--system-button-static-black-secondary-content-color-disabled", | ||
| "--system-button-static-black-secondary-content-color-down", | ||
| "--system-button-static-black-secondary-content-color-focus", | ||
| "--system-button-static-black-secondary-content-color-hover", | ||
| "--system-button-static-black-secondary-focus-indicator-color", | ||
| "--system-button-static-black-secondary-outline-background-color-default", | ||
| "--system-button-static-black-secondary-outline-background-color-disabled", | ||
| "--system-button-static-black-secondary-outline-background-color-down", | ||
| "--system-button-static-black-secondary-outline-background-color-focus", | ||
| "--system-button-static-black-secondary-outline-background-color-hover", | ||
| "--system-button-static-black-secondary-outline-border-color-default", | ||
| "--system-button-static-black-secondary-outline-border-color-disabled", | ||
| "--system-button-static-black-secondary-outline-border-color-down", | ||
| "--system-button-static-black-secondary-outline-border-color-focus", | ||
| "--system-button-static-black-secondary-outline-border-color-hover", | ||
| "--system-button-static-black-secondary-outline-content-color-default", | ||
| "--system-button-static-black-secondary-outline-content-color-disabled", | ||
| "--system-button-static-black-secondary-outline-content-color-down", | ||
| "--system-button-static-black-secondary-outline-content-color-focus", | ||
| "--system-button-static-black-secondary-outline-content-color-hover", | ||
| "--system-button-static-black-secondary-outline-focus-indicator-color", | ||
| "--system-button-static-white-background-color-default", | ||
| "--system-button-static-white-background-color-disabled", | ||
| "--system-button-static-white-background-color-down", | ||
| "--system-button-static-white-background-color-focus", | ||
| "--system-button-static-white-background-color-hover", | ||
| "--system-button-static-white-border-color-default", | ||
| "--system-button-static-white-border-color-disabled", | ||
| "--system-button-static-white-border-color-down", | ||
| "--system-button-static-white-border-color-focus", | ||
| "--system-button-static-white-border-color-hover", | ||
| "--system-button-static-white-content-color-default", | ||
| "--system-button-static-white-content-color-disabled", | ||
| "--system-button-static-white-content-color-down", | ||
| "--system-button-static-white-content-color-focus", | ||
| "--system-button-static-white-content-color-hover", | ||
| "--system-button-static-white-focus-indicator-color", | ||
| "--system-button-static-white-outline-background-color-default", | ||
| "--system-button-static-white-outline-background-color-disabled", | ||
| "--system-button-static-white-outline-background-color-down", | ||
| "--system-button-static-white-outline-background-color-focus", | ||
| "--system-button-static-white-outline-background-color-hover", | ||
| "--system-button-static-white-outline-border-color-default", | ||
| "--system-button-static-white-outline-border-color-disabled", | ||
| "--system-button-static-white-outline-border-color-down", | ||
| "--system-button-static-white-outline-border-color-focus", | ||
| "--system-button-static-white-outline-border-color-hover", | ||
| "--system-button-static-white-outline-content-color-default", | ||
| "--system-button-static-white-outline-content-color-disabled", | ||
| "--system-button-static-white-outline-content-color-down", | ||
| "--system-button-static-white-outline-content-color-focus", | ||
| "--system-button-static-white-outline-content-color-hover", | ||
| "--system-button-static-white-outline-focus-indicator-color", | ||
| "--system-button-static-white-quiet-border-color-default", | ||
| "--system-button-static-white-quiet-border-color-disabled", | ||
| "--system-button-static-white-quiet-border-color-down", | ||
| "--system-button-static-white-quiet-border-color-focus", | ||
| "--system-button-static-white-quiet-border-color-hover", | ||
| "--system-button-static-white-secondary-background-color-default", | ||
| "--system-button-static-white-secondary-background-color-disabled", | ||
| "--system-button-static-white-secondary-background-color-down", | ||
| "--system-button-static-white-secondary-background-color-focus", | ||
| "--system-button-static-white-secondary-background-color-hover", | ||
| "--system-button-static-white-secondary-border-color-default", | ||
| "--system-button-static-white-secondary-border-color-disabled", | ||
| "--system-button-static-white-secondary-border-color-down", | ||
| "--system-button-static-white-secondary-border-color-focus", | ||
| "--system-button-static-white-secondary-border-color-hover", | ||
| "--system-button-static-white-secondary-content-color-default", | ||
| "--system-button-static-white-secondary-content-color-disabled", | ||
| "--system-button-static-white-secondary-content-color-down", | ||
| "--system-button-static-white-secondary-content-color-focus", | ||
| "--system-button-static-white-secondary-content-color-hover", | ||
| "--system-button-static-white-secondary-focus-indicator-color", | ||
| "--system-button-static-white-secondary-outline-background-color-default", | ||
| "--system-button-static-white-secondary-outline-background-color-disabled", | ||
| "--system-button-static-white-secondary-outline-background-color-down", | ||
| "--system-button-static-white-secondary-outline-background-color-focus", | ||
| "--system-button-static-white-secondary-outline-background-color-hover", | ||
| "--system-button-static-white-secondary-outline-border-color-default", | ||
| "--system-button-static-white-secondary-outline-border-color-disabled", | ||
| "--system-button-static-white-secondary-outline-border-color-down", | ||
| "--system-button-static-white-secondary-outline-border-color-focus", | ||
| "--system-button-static-white-secondary-outline-border-color-hover", | ||
| "--system-button-static-white-secondary-outline-content-color-default", | ||
| "--system-button-static-white-secondary-outline-content-color-disabled", | ||
| "--system-button-static-white-secondary-outline-content-color-down", | ||
| "--system-button-static-white-secondary-outline-content-color-focus", | ||
| "--system-button-static-white-secondary-outline-content-color-hover", | ||
| "--system-button-static-white-secondary-outline-focus-indicator-color", | ||
| "--system-button-static-white-selected-background-color-default", | ||
| "--system-button-static-white-selected-background-color-disabled", | ||
| "--system-button-static-white-selected-background-color-down", | ||
| "--system-button-static-white-selected-background-color-focus", | ||
| "--system-button-static-white-selected-background-color-hover", | ||
| "--system-button-static-white-selected-border-color-disabled", | ||
| "--system-button-static-white-selected-content-color-default", | ||
| "--system-button-static-white-selected-content-color-down", | ||
| "--system-button-static-white-selected-content-color-focus", | ||
| "--system-button-static-white-selected-content-color-hover" | ||
| ], | ||
@@ -614,5 +613,4 @@ "passthroughs": [ | ||
| "--highcontrast-button-content-color-focus", | ||
| "--highcontrast-button-content-color-hover", | ||
| "--highcontrast-button-focus-ring-color" | ||
| "--highcontrast-button-content-color-hover" | ||
| ] | ||
| } |
@@ -27,4 +27,2 @@ | Modifiable custom properties | | ||
| | `--mod-button-edge-to-visual-only` | | ||
| | `--mod-button-focus-indicator-gap` | | ||
| | `--mod-button-focus-ring-border-radius` | | ||
| | `--mod-button-focus-ring-color` | | ||
@@ -31,0 +29,0 @@ | `--mod-button-focus-ring-gap` | |
| { | ||
| "name": "@spectrum-css/button", | ||
| "version": "13.5.0", | ||
| "version": "13.6.0", | ||
| "description": "The Spectrum CSS button component", | ||
@@ -5,0 +5,0 @@ "license": "Apache-2.0", |
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
Sorry, the diff of this file is not supported yet
No alert changes
Worsened metrics
- Total package byte prevSize
- decreased by-6.09%
382873
- Lines of code
- decreased by-2.23%
4298
No dependency changes