@spectrum-css/button - npm Package Compare versions

Comparing version 14.0.0-next.5 to 14.0.0-next.6

dist/metadata.json

 {
   "selectors": [
-    ".spectrum",
-    ".spectrum--express",
     ".spectrum-Button",
@@ -11,24 +9,16 @@ ".spectrum-Button .spectrum-Icon",
     ".spectrum-Button--sizeL",
-    ".spectrum-Button--sizeM",
     ".spectrum-Button--sizeS",
     ".spectrum-Button--sizeS.spectrum-Button--iconOnly",
     ".spectrum-Button--sizeXL",
-    ".spectrum-Button--staticBlack",
-    ".spectrum-Button--staticWhite",
     ".spectrum-Button-label",
     ".spectrum-Button-label:empty",
-    ".spectrum-Button.is-selected",
-    ".spectrum-Button.is-selected.spectrum-Button--emphasized",
-    ".spectrum-Button.spectrum-Button--accent",
-    ".spectrum-Button.spectrum-Button--accent.spectrum-Button--fill",
-    ".spectrum-Button.spectrum-Button--accent.spectrum-Button--fill .spectrum-Button-label",
-    ".spectrum-Button.spectrum-Button--accent.spectrum-Button--outline",
+    ".spectrum-Button.spectrum-Button--accent .spectrum-Button-label, .spectrum-Button:not(.spectrum-Button--primary):not(.spectrum-Button--negative):not(.spectrum-Button--secondary):not(.spectrum-Button--staticBlack):not(.spectrum-Button--staticWhite) .spectrum-Button-label",
+    ".spectrum-Button.spectrum-Button--accent, .spectrum-Button",
+    ".spectrum-Button.spectrum-Button--accent, .spectrum-Button:not(.spectrum-Button--primary):not(.spectrum-Button--negative):not(.spectrum-Button--secondary):not(.spectrum-Button--staticBlack):not(.spectrum-Button--staticWhite)",
     ".spectrum-Button.spectrum-Button--iconOnly",
     ".spectrum-Button.spectrum-Button--iconOnly .spectrum-Icon",
-    ".spectrum-Button.spectrum-Button--iconOnly::after",
     ".spectrum-Button.spectrum-Button--negative",
-    ".spectrum-Button.spectrum-Button--negative.spectrum-Button--outline",
+    ".spectrum-Button.spectrum-Button--outline",
     ".spectrum-Button.spectrum-Button--primary",
     ".spectrum-Button.spectrum-Button--primary.spectrum-Button--outline",
-    ".spectrum-Button.spectrum-Button--quiet",
     ".spectrum-Button.spectrum-Button--secondary",
@@ -38,9 +28,6 @@ ".spectrum-Button.spectrum-Button--secondary.spectrum-Button--outline",
     ".spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--outline",
-    ".spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--quiet",
     ".spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--secondary",
     ".spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--secondary.spectrum-Button--outline",
     ".spectrum-Button.spectrum-Button--staticWhite",
-    ".spectrum-Button.spectrum-Button--staticWhite.is-selected",
     ".spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--outline",
-    ".spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--quiet",
     ".spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--secondary",
@@ -55,2 +42,3 @@ ".spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--secondary.spectrum-Button--outline",
     ".spectrum-Button:focus-visible",
+    ".spectrum-Button:focus-visible, .spectrum-Button.is-focused",
     ".spectrum-Button:focus-visible::after",
@@ -65,4 +53,2 @@ ".spectrum-Button:focus-visible::after, .spectrum-Button.is-focused::after",
   "mods": [
-    "--mod-animation-duration-100",
-    "--mod-bold-font-weight",
     "--mod-button-animation-duration",
@@ -97,2 +83,3 @@ "--mod-button-background-color-default",
     "--mod-button-font-size",
+    "--mod-button-font-weight",
     "--mod-button-height",
@@ -106,11 +93,6 @@ "--mod-button-icon-margin-block-start",
     "--mod-button-padding-label-to-icon",
-    "--mod-button-static-content-color",
     "--mod-button-text-align",
     "--mod-button-text-align-with-icon",
     "--mod-button-top-to-icon",
-    "--mod-button-top-to-text",
-    "--mod-focus-indicator-gap",
-    "--mod-line-height-100",
-    "--mod-sans-font-family-stack",
-    "--mod-static-black-focus-indicator-color"
+    "--mod-button-top-to-text"
   ],
@@ -122,11 +104,2 @@ "spectrum": [
     "--spectrum-accent-background-color-key-focus",
-    "--spectrum-accent-color-1000",
-    "--spectrum-accent-color-1100",
-    "--spectrum-accent-color-200",
-    "--spectrum-accent-color-300",
-    "--spectrum-accent-color-900",
-    "--spectrum-accent-content-color-default",
-    "--spectrum-accent-content-color-down",
-    "--spectrum-accent-content-color-hover",
-    "--spectrum-accent-content-color-key-focus",
     "--spectrum-animation-duration-100",
@@ -163,7 +136,8 @@ "--spectrum-black",
     "--spectrum-button-focus-indicator-color",
-    "--spectrum-button-focus-ring-border-radius",
     "--spectrum-button-focus-ring-gap",
     "--spectrum-button-focus-ring-thickness",
     "--spectrum-button-font-size",
+    "--spectrum-button-font-weight",
     "--spectrum-button-height",
+    "--spectrum-button-icon-size-difference",
     "--spectrum-button-intended-icon-size",
@@ -203,3 +177,3 @@ "--spectrum-button-line-height",
     "--spectrum-component-top-to-workflow-icon-75",
-    "--spectrum-corner-radius-100",
+    "--spectrum-corner-radius-full",
     "--spectrum-disabled-background-color",
@@ -226,6 +200,5 @@ "--spectrum-disabled-border-color",
     "--spectrum-gray-200",
+    "--spectrum-gray-25",
+    "--spectrum-gray-300",
     "--spectrum-gray-400",
-    "--spectrum-gray-50",
-    "--spectrum-gray-500",
-    "--spectrum-gray-600",
     "--spectrum-gray-800",
@@ -239,11 +212,2 @@ "--spectrum-gray-900",
     "--spectrum-negative-background-color-key-focus",
-    "--spectrum-negative-color-1000",
-    "--spectrum-negative-color-1100",
-    "--spectrum-negative-color-200",
-    "--spectrum-negative-color-300",
-    "--spectrum-negative-color-900",
-    "--spectrum-negative-content-color-default",
-    "--spectrum-negative-content-color-down",
-    "--spectrum-negative-content-color-hover",
-    "--spectrum-negative-content-color-key-focus",
     "--spectrum-neutral-background-color-default",
@@ -257,6 +221,2 @@ "--spectrum-neutral-background-color-down",
     "--spectrum-neutral-content-color-key-focus",
-    "--spectrum-neutral-subdued-background-color-default",
-    "--spectrum-neutral-subdued-background-color-down",
-    "--spectrum-neutral-subdued-background-color-hover",
-    "--spectrum-neutral-subdued-background-color-key-focus",
     "--spectrum-progress-circle-thickness-medium",
@@ -270,13 +230,14 @@ "--spectrum-sans-font-family-stack",
     "--spectrum-text-to-visual-75",
+    "--spectrum-transparent-black-100",
     "--spectrum-transparent-black-200",
+    "--spectrum-transparent-black-25",
     "--spectrum-transparent-black-300",
     "--spectrum-transparent-black-400",
-    "--spectrum-transparent-black-500",
-    "--spectrum-transparent-black-600",
     "--spectrum-transparent-black-800",
     "--spectrum-transparent-black-900",
+    "--spectrum-transparent-white-100",
     "--spectrum-transparent-white-200",
+    "--spectrum-transparent-white-25",
     "--spectrum-transparent-white-300",
     "--spectrum-transparent-white-400",
-    "--spectrum-transparent-white-500",
     "--spectrum-transparent-white-800",
@@ -288,318 +249,5 @@ "--spectrum-transparent-white-900",
     "--spectrum-workflow-icon-size-300",
-    "--spectrum-workflow-icon-size-50",
     "--spectrum-workflow-icon-size-75"
   ],
-  "system": [
-    "--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": [],
   "a11y": [
@@ -606,0 +254,0 @@ "--highcontrast-button-background-color-default",

metadata/mods.md

@@ -1,50 +0,44 @@
-| Modifiable custom properties               |
-| ------------------------------------------ |
-| `--mod-animation-duration-100`             |
-| `--mod-bold-font-weight`                   |
-| `--mod-button-animation-duration`          |
-| `--mod-button-background-color-default`    |
-| `--mod-button-background-color-disabled`   |
-| `--mod-button-background-color-down`       |
-| `--mod-button-background-color-focus`      |
-| `--mod-button-background-color-hover`      |
-| `--mod-button-border-color-default`        |
-| `--mod-button-border-color-disabled`       |
-| `--mod-button-border-color-down`           |
-| `--mod-button-border-color-focus`          |
-| `--mod-button-border-color-hover`          |
-| `--mod-button-border-radius`               |
-| `--mod-button-border-width`                |
-| `--mod-button-bottom-to-text`              |
-| `--mod-button-content-color-default`       |
-| `--mod-button-content-color-disabled`      |
-| `--mod-button-content-color-down`          |
-| `--mod-button-content-color-focus`         |
-| `--mod-button-content-color-hover`         |
-| `--mod-button-edge-to-text`                |
-| `--mod-button-edge-to-visual`              |
-| `--mod-button-edge-to-visual-only`         |
-| `--mod-button-focus-indicator-gap`         |
-| `--mod-button-focus-ring-border-radius`    |
-| `--mod-button-focus-ring-color`            |
-| `--mod-button-focus-ring-gap`              |
-| `--mod-button-focus-ring-thickness`        |
-| `--mod-button-font-family`                 |
-| `--mod-button-font-size`                   |
-| `--mod-button-height`                      |
-| `--mod-button-icon-margin-block-start`     |
-| `--mod-button-line-height`                 |
-| `--mod-button-margin-block`                |
-| `--mod-button-margin-left`                 |
-| `--mod-button-margin-right`                |
-| `--mod-button-min-width`                   |
-| `--mod-button-padding-label-to-icon`       |
-| `--mod-button-static-content-color`        |
-| `--mod-button-text-align`                  |
-| `--mod-button-text-align-with-icon`        |
-| `--mod-button-top-to-icon`                 |
-| `--mod-button-top-to-text`                 |
-| `--mod-focus-indicator-gap`                |
-| `--mod-line-height-100`                    |
-| `--mod-sans-font-family-stack`             |
-| `--mod-static-black-focus-indicator-color` |
+| Modifiable custom properties             |
+| ---------------------------------------- |
+| `--mod-button-animation-duration`        |
+| `--mod-button-background-color-default`  |
+| `--mod-button-background-color-disabled` |
+| `--mod-button-background-color-down`     |
+| `--mod-button-background-color-focus`    |
+| `--mod-button-background-color-hover`    |
+| `--mod-button-border-color-default`      |
+| `--mod-button-border-color-disabled`     |
+| `--mod-button-border-color-down`         |
+| `--mod-button-border-color-focus`        |
+| `--mod-button-border-color-hover`        |
+| `--mod-button-border-radius`             |
+| `--mod-button-border-width`              |
+| `--mod-button-bottom-to-text`            |
+| `--mod-button-content-color-default`     |
+| `--mod-button-content-color-disabled`    |
+| `--mod-button-content-color-down`        |
+| `--mod-button-content-color-focus`       |
+| `--mod-button-content-color-hover`       |
+| `--mod-button-edge-to-text`              |
+| `--mod-button-edge-to-visual`            |
+| `--mod-button-edge-to-visual-only`       |
+| `--mod-button-focus-indicator-gap`       |
+| `--mod-button-focus-ring-border-radius`  |
+| `--mod-button-focus-ring-color`          |
+| `--mod-button-focus-ring-gap`            |
+| `--mod-button-focus-ring-thickness`      |
+| `--mod-button-font-family`               |
+| `--mod-button-font-size`                 |
+| `--mod-button-font-weight`               |
+| `--mod-button-height`                    |
+| `--mod-button-icon-margin-block-start`   |
+| `--mod-button-line-height`               |
+| `--mod-button-margin-block`              |
+| `--mod-button-margin-left`               |
+| `--mod-button-margin-right`              |
+| `--mod-button-min-width`                 |
+| `--mod-button-padding-label-to-icon`     |
+| `--mod-button-text-align`                |
+| `--mod-button-text-align-with-icon`      |
+| `--mod-button-top-to-icon`               |
+| `--mod-button-top-to-text`               |

package.json

 {
-	"name": "@spectrum-css/button",
-	"version": "14.0.0-next.5",
-	"description": "The Spectrum CSS button component",
-	"license": "Apache-2.0",
-	"author": "Adobe",
-	"homepage": "https://opensource.adobe.com/spectrum-css/button-accent",
-	"repository": {
-		"type": "git",
-		"url": "https://github.com/adobe/spectrum-css.git",
-		"directory": "components/button"
-	},
-	"bugs": {
-		"url": "https://github.com/adobe/spectrum-css/issues"
-	},
-	"main": "dist/index.css",
-	"files": [
-		"dist/*",
-		"CHANGELOG.md",
-		"package.json",
-		"stories/template.js",
-		"metadata/mods.md"
-	],
-	"peerDependencies": {
-		"@spectrum-css/icon": ">=6",
-		"@spectrum-css/progresscircle": ">=2",
-		"@spectrum-css/tokens": ">=14.0.0-next.3"
-	},
-	"peerDependenciesMeta": {
-		"@spectrum-css/icon": {
-			"optional": true
-		},
-		"@spectrum-css/progresscircle": {
-			"optional": true
-		}
-	},
-	"devDependencies": {
-		"@spectrum-css/commons": "^10.0.0"
-	},
-	"keywords": [
-		"spectrum",
-		"css",
-		"design system",
-		"adobe"
-	],
-	"publishConfig": {
-		"access": "public"
-	}
+  "name": "@spectrum-css/button",
+  "version": "14.0.0-next.6",
+  "description": "The Spectrum CSS button component",
+  "license": "Apache-2.0",
+  "author": "Adobe",
+  "homepage": "https://opensource.adobe.com/spectrum-css/button-accent",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/adobe/spectrum-css.git",
+    "directory": "components/button"
+  },
+  "bugs": {
+    "url": "https://github.com/adobe/spectrum-css/issues"
+  },
+  "main": "dist/index.css",
+  "files": [
+    "dist/*",
+    "metadata/mods.md",
+    "stories/template.js"
+  ],
+  "peerDependencies": {
+    "@spectrum-css/icon": ">=6",
+    "@spectrum-css/progresscircle": ">=2",
+    "@spectrum-css/tokens": ">=14.0.0-next.3"
+  },
+  "peerDependenciesMeta": {
+    "@spectrum-css/icon": {
+      "optional": true
+    },
+    "@spectrum-css/progresscircle": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@spectrum-css/commons": "^9.1.4-next.1"
+  },
+  "keywords": [
+    "adobe",
+    "css",
+    "design system",
+    "spectrum"
+  ],
+  "publishConfig": {
+    "access": "public"
+  }
 }

stories/template.js

@@ -40,11 +40,2 @@ import { useArgs } from "@storybook/preview-api";
 }) => {
-	const { express } = globals;
-	try {
-		if (express) import(/* webpackPrefetch: true */ "../themes/express.css");
-		else import(/* webpackPrefetch: true */ "../themes/spectrum.css");
-	}
-	catch (e) {
-		console.warn(e);
-	}
-
 	const [, updateArgs] = useArgs();
@@ -56,5 +47,5 @@
         [rootClass]: true,
-        [`${rootClass}--${treatment}`]: typeof treatment !== "undefined",
+        [`${rootClass}--${treatment}`]: typeof treatment !== "undefined" && treatment !== "fill",
         [`${rootClass}--${variant}`]: typeof variant !== "undefined",
-        [`${rootClass}--size${size?.toUpperCase()}`]: typeof size !== "undefined",
+        [`${rootClass}--size${size?.toUpperCase()}`]: typeof size !== "undefined" && size !== "m",
         [`${rootClass}--static${capitalize(lowerCase(staticColor))}`]: typeof staticColor !== "undefined",
@@ -61,0 +52,0 @@ [`${rootClass}--iconOnly`]: hideLabel,

No alert changes

Worsened metrics

Total package byte prevSize

191925

decreased by-68.07%

Number of package files

10

decreased by-41.18%

Lines of code

1813

decreased by-58.54%

No dependency changes