@spectrum-css/button - npm Package Compare versions

Comparing version 13.0.0 to 13.1.0

CHANGELOG.md

 # Change Log
 
+## 13.1.0
+
+### Minor Changes
+
+- [#2616](https://github.com/adobe/spectrum-css/pull/2616) [`7f45ea9`](https://github.com/adobe/spectrum-css/commit/7f45ea95d3d31addf29b0720de8623b0f3f0431d) Thanks [@castastrophe](https://github.com/castastrophe)!
+
+#### Build optmizations to support minification
+
+Output for all component CSS files is now being run through a lightweight optimizer (cssnano) which significantly reduces unnecessary whitespace. These changes reduce file size but should not have any impact on the rendering of the component. By removing unnecessary whitespace from var functions, we are making it easier to effectively minify our provided CSS assets.
+
+### Patch Changes
+
+- Updated peerDependencies [[`7f45ea9`](https://github.com/adobe/spectrum-css/commit/7f45ea95d3d31addf29b0720de8623b0f3f0431d)]:
+  - @spectrum-css/icon@>=7
+  - @spectrum-css/progresscircle@>=3
+  - @spectrum-css/tokens@>=14
+
 All notable changes to this project will be documented in this file.
@@ -4,0 +21,0 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.

dist/metadata.json

@@ -6,5 +6,5 @@ {
     ".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",
@@ -15,6 +15,11 @@ ".spectrum-Button--sizeL",
     ".spectrum-Button--sizeXL",
-    ".spectrum-Button--staticBlack",
-    ".spectrum-Button--staticWhite",
+    ".spectrum-Button--staticBlack,\n.spectrum-Button--staticWhite",
     ".spectrum-Button-label",
     ".spectrum-Button-label:empty",
+    ".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: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.is-selected",
@@ -28,3 +33,3 @@ ".spectrum-Button.is-selected.spectrum-Button--emphasized",
     ".spectrum-Button.spectrum-Button--iconOnly .spectrum-Icon",
-    ".spectrum-Button.spectrum-Button--iconOnly::after",
+    ".spectrum-Button.spectrum-Button--iconOnly:after",
     ".spectrum-Button.spectrum-Button--negative",
@@ -49,14 +54,8 @@ ".spectrum-Button.spectrum-Button--negative.spectrum-Button--outline",
     ".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::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"
@@ -63,0 +62,0 @@ ],

package.json

 {
 	"name": "@spectrum-css/button",
-	"version": "13.0.0",
+	"version": "13.1.0",
 	"description": "The Spectrum CSS button component",
@@ -17,6 +17,13 @@ "license": "Apache-2.0",
 	"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": ">=13"
+		"@spectrum-css/icon": ">=7",
+		"@spectrum-css/progresscircle": ">=3",
+		"@spectrum-css/tokens": ">=14"
 	},
@@ -34,6 +41,11 @@ "peerDependenciesMeta": {
 	},
+	"keywords": [
+		"spectrum",
+		"css",
+		"design system",
+		"adobe"
+	],
 	"publishConfig": {
 		"access": "public"
-	},
-	"gitHead": "ee96fec864d2f60be456b50964dacfa8d562d9b8"
+	}
 }

stories/template.js

@@ -87,15 +87,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>
   `;
 };

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

404744

decreased by-49.93%

Number of package files

12

decreased by-58.62%

Lines of code

4364

decreased by-21.24%

No dependency changes