@spectrum-css/button - npm Package Compare versions

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

dist/metadata.json

 {
   "selectors": [
     ".spectrum-Button",
+    ".spectrum-Button .spectrum-Button-label,\n.spectrum-Button .spectrum-Icon",
     ".spectrum-Button .spectrum-Icon",
     ".spectrum-Button .spectrum-Icon + .spectrum-Button-label",
-    ".spectrum-Button .spectrum-Icon, .spectrum-Button .spectrum-Button-label",
     ".spectrum-Button .spectrum-ProgressCircle",
+    ".spectrum-Button,\n.spectrum-Button.spectrum-Button--accent",
     ".spectrum-Button--sizeL",
@@ -14,5 +15,11 @@ ".spectrum-Button--sizeS",
     ".spectrum-Button-label:empty",
-    ".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.is-disabled,\n.spectrum-Button.is-pending,\n.spectrum-Button:disabled,\n.spectrum-Button[pending]",
+    ".spectrum-Button.is-disabled,\n.spectrum-Button:disabled",
+    ".spectrum-Button.is-focused,\n.spectrum-Button:focus-visible",
+    ".spectrum-Button.is-focused:after,\n.spectrum-Button:focus-visible:after",
+    ".spectrum-Button.is-pending .spectrum-Button-label,\n.spectrum-Button.is-pending .spectrum-Icon,\n.spectrum-Button[pending] .spectrum-Button-label,\n.spectrum-Button[pending] .spectrum-Icon",
+    ".spectrum-Button.is-pending .spectrum-ProgressCircle,\n.spectrum-Button[pending] .spectrum-ProgressCircle",
+    ".spectrum-Button.is-pending,\n.spectrum-Button[pending]",
+    ".spectrum-Button.spectrum-Button--accent .spectrum-Button-label,\n  .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,\n  .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",
@@ -35,15 +42,8 @@ ".spectrum-Button.spectrum-Button--iconOnly .spectrum-Icon",
     ".spectrum-Button::-moz-focus-inner",
-    ".spectrum-Button::after",
     ".spectrum-Button:active",
-    ".spectrum-Button:disabled, .spectrum-Button.is-disabled",
-    ".spectrum-Button:disabled, .spectrum-Button.is-disabled, .spectrum-Button[pending], .spectrum-Button.is-pending",
+    ".spectrum-Button:after",
     ".spectrum-Button:focus",
     ".spectrum-Button:focus-visible",
-    ".spectrum-Button:focus-visible, .spectrum-Button.is-focused",
-    ".spectrum-Button:focus-visible::after",
-    ".spectrum-Button:focus-visible::after, .spectrum-Button.is-focused::after",
+    ".spectrum-Button:focus-visible:after",
     ".spectrum-Button:hover",
-    ".spectrum-Button[pending] .spectrum-Icon, .spectrum-Button.is-pending .spectrum-Icon, .spectrum-Button[pending] .spectrum-Button-label, .spectrum-Button.is-pending .spectrum-Button-label",
-    ".spectrum-Button[pending] .spectrum-ProgressCircle, .spectrum-Button.is-pending .spectrum-ProgressCircle",
-    ".spectrum-Button[pending], .spectrum-Button.is-pending",
     "a.spectrum-Button"
@@ -74,3 +74,2 @@ ],
     "--mod-button-edge-to-visual-only",
-    "--mod-button-focus-indicator-gap",
     "--mod-button-focus-ring-border-radius",
@@ -77,0 +76,0 @@ "--mod-button-focus-ring-color",

metadata/mods.md

@@ -25,3 +25,2 @@ | Modifiable custom properties             |
 | `--mod-button-edge-to-visual-only`       |
-| `--mod-button-focus-indicator-gap`       |
 | `--mod-button-focus-ring-border-radius`  |
@@ -28,0 +27,0 @@ | `--mod-button-focus-ring-color`          |

package.json

 {
   "name": "@spectrum-css/button",
-  "version": "14.0.0-next.6",
+  "version": "14.0.0-next.7",
   "description": "The Spectrum CSS button component",
@@ -23,4 +23,4 @@ "license": "Apache-2.0",
   "peerDependencies": {
-    "@spectrum-css/icon": ">=6",
-    "@spectrum-css/progresscircle": ">=2",
+    "@spectrum-css/icon": ">=7",
+    "@spectrum-css/progresscircle": ">=3",
     "@spectrum-css/tokens": ">=14.0.0-next.3"
@@ -27,0 +27,0 @@ },

stories/template.js

@@ -78,15 +78,11 @@ import { useArgs } from "@storybook/preview-api";
       ${when(iconName && iconAfterLabel, () => Icon({ ...globals, iconName, size }))}
-      ${when(isPending, () => {
-        const isOverBackground = staticColor === "white";
-        return ProgressCircle({
-          ...globals,
-          size: "s",
-          testId: "progress-circle",
-          overBackground: isOverBackground,
-          isIndeterminate: true,
-          addStaticBackground: false
-        });
-      })}
+      ${when(isPending, () => ProgressCircle({
+        ...globals,
+        size: "s",
+        testId: "progress-circle",
+        staticColor,
+        isIndeterminate: true,
+      }))}
     </button>
   `;
 };

No alert changes

Worsened metrics

Total package byte prevSize

108360

decreased by-43.54%

Number of package files

8

decreased by-20%

Lines of code

1754

decreased by-3.25%

No dependency changes