@spectrum-css/button - npm Package Compare versions

Comparing version 14.0.0-s2-foundations.1 to 14.0.0-s2-foundations.2

CHANGELOG.md

 # Change Log
 
+## 14.0.0-s2-foundations.2
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58) Thanks [@pfulton](https://github.com/pfulton)! - Preserves `themes` folder in `dist` artifacts for easier downstream consumption
+
+### Patch Changes
+
+- Updated dependencies [[`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58)]:
+  - @spectrum-css/progresscircle@4.0.0-s2-foundations.2
+  - @spectrum-css/icon@8.0.0-s2-foundations.2
+  - @spectrum-css/tokens@15.0.0-s2-foundations.2
+
 ## 14.0.0-s2-foundations.1
@@ -4,0 +17,0 @@

dist/metadata.json

 {
   "selectors": [
+    ".is-selected:scope",
     ".spectrum-Button",
     ".spectrum-Button .spectrum-Button-label",
     ".spectrum-Button .spectrum-Icon",
-    ".spectrum-Button .spectrum-Icon + .spectrum-Button-label",
+    ".spectrum-Button .spectrum-Icon+.spectrum-Button-label",
     ".spectrum-Button .spectrum-ProgressCircle",
+    ".spectrum-Button--accent:scope",
+    ".spectrum-Button--emphasized:scope",
+    ".spectrum-Button--negative:scope",
+    ".spectrum-Button--outline:scope",
+    ".spectrum-Button--primary:scope",
+    ".spectrum-Button--quiet:scope",
+    ".spectrum-Button--secondary:scope",
     ".spectrum-Button--sizeL",
@@ -13,3 +21,7 @@ ".spectrum-Button--sizeM",
     ".spectrum-Button--staticBlack",
+    ".spectrum-Button--staticBlack.spectrum-Button--secondary:scope",
+    ".spectrum-Button--staticBlack:scope",
     ".spectrum-Button--staticWhite",
+    ".spectrum-Button--staticWhite.spectrum-Button--secondary:scope",
+    ".spectrum-Button--staticWhite:scope",
     ".spectrum-Button-label",
@@ -23,29 +35,7 @@ ".spectrum-Button-label:empty",
     ".spectrum-Button.is-pending .spectrum-ProgressCircle",
-    ".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--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--primary",
-    ".spectrum-Button.spectrum-Button--primary.spectrum-Button--outline",
-    ".spectrum-Button.spectrum-Button--quiet",
-    ".spectrum-Button.spectrum-Button--secondary",
-    ".spectrum-Button.spectrum-Button--secondary.spectrum-Button--outline",
-    ".spectrum-Button.spectrum-Button--staticBlack",
-    ".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",
-    ".spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--secondary.spectrum-Button--outline",
     ".spectrum-Button::-moz-focus-inner",
@@ -52,0 +42,0 @@ ".spectrum-Button:active",

package.json

 {
 	"name": "@spectrum-css/button",
-	"version": "14.0.0-s2-foundations.1",
+	"version": "14.0.0-s2-foundations.2",
 	"description": "The Spectrum CSS button component",
@@ -5,0 +5,0 @@ "license": "Apache-2.0",

stories/template.js

@@ -0,1 +1,3 @@
+import { Template as Icon } from "@spectrum-css/icon/stories/template.js";
+import { Template as ProgressCircle } from "@spectrum-css/progresscircle/stories/template.js";
 import { useArgs } from "@storybook/preview-api";
@@ -7,9 +9,4 @@ import { html } from "lit";
 import { when } from "lit/directives/when.js";
-
-
 import { capitalize, lowerCase } from "lodash-es";
 
-import { Template as Icon } from "@spectrum-css/icon/stories/template.js";
-import { Template as ProgressCircle } from "@spectrum-css/progresscircle/stories/template.js";
-
 import "../index.css";
@@ -39,6 +36,13 @@
 	ariaControls,
-	...globals
-}) => {
+} = {}, context = {}) => {
 	const [, updateArgs] = useArgs();
+	const { globals = {} } = context;
 
+	if (globals.context === "express") {
+		import("../themes/express.css");
+	}
+	else if (globals.context === "legacy") {
+		import("../themes/legacy.css");
+	}
+
 	return html`
@@ -75,9 +79,8 @@ <button
     >
-      ${when(iconName && !iconAfterLabel, () => Icon({ ...globals, iconName, size }))}
+      ${when(iconName && !iconAfterLabel, () => Icon({ iconName, size }, context))}
       ${when(label && !hideLabel,
         () => html`<span class=${`${rootClass}-label`}>${label}</span>`
       )}
-      ${when(iconName && iconAfterLabel, () => Icon({ ...globals, iconName, size }))}
+      ${when(iconName && iconAfterLabel, () => Icon({ iconName, size }, context))}
       ${when(isPending, () => ProgressCircle({
-        ...globals,
         size: "s",
@@ -87,5 +90,5 @@ testId: "progress-circle",
         isIndeterminate: true,
-      }))}
+      }, context))}
     </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

Improved metrics

Total package byte prevSize

245371

increased by60.3%

Number of package files

12

increased by33.33%

Lines of code

2821

increased by63.44%

No dependency changes