@spectrum-css/button - npm Package Compare versions

Comparing version 9.1.1 to 9.1.2

CHANGELOG.md

@@ -6,2 +6,12 @@ # Change Log
 
+<a name="9.1.2"></a>
+## 9.1.2
+🗓 2023-04-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/button@9.1.1...@spectrum-css/button@9.1.2)
+
+**Note:** Version bump only for package @spectrum-css/button
+
+
+
+
+
 <a name="9.1.1"></a>
@@ -8,0 +18,0 @@ ## 9.1.1

package.json

 {
   "name": "@spectrum-css/button",
-  "version": "9.1.1",
+  "version": "9.1.2",
   "description": "The Spectrum CSS button component",
@@ -24,5 +24,5 @@ "license": "Apache-2.0",
   "devDependencies": {
-    "@spectrum-css/component-builder-simple": "^2.0.7",
-    "@spectrum-css/icon": "^3.0.36",
-    "@spectrum-css/tokens": "^8.0.2",
+    "@spectrum-css/component-builder-simple": "*",
+    "@spectrum-css/icon": "^3.0.37",
+    "@spectrum-css/tokens": "^8.0.3",
     "gulp": "^4.0.0"
@@ -33,3 +33,3 @@ },
   },
-  "gitHead": "450f329bacf94a36daeaab41ceed85cc841c85f6"
+  "gitHead": "dfa61347c705afef597ccd3c731cd519a52e53d7"
 }

stories/button.stories.js

@@ -104,18 +104,24 @@ import { html } from "lit-html";
   return (
-    html`<div>
-      ${Template(args)}
-      ${Template({
-        ...args,
-        treatment: 'outline'
-      })}
-      ${Template({
-        ...args,
-        iconName: args.iconName ?? 'Edit'
-      })}
-      ${Template({
-        ...args,
-        hideLabel: true,
-        iconName: args.iconName ?? 'Edit'
-      })}
-    </div>`
+    html`
+      <div style="padding: 1rem; ${(args.staticColor && args.backgroundColor) ? `background-color: ${args.backgroundColor}` : ""}">
+        ${Template({
+          ...args,
+          iconName: undefined,
+        })}
+        ${Template({
+          ...args,
+          iconName: undefined,
+          treatment: 'outline'
+        })}
+        ${Template({
+          ...args,
+          iconName: args.iconName ?? 'Edit'
+        })}
+        ${Template({
+          ...args,
+          hideLabel: true,
+          iconName: args.iconName ?? 'Edit'
+        })}
+      </div>
+    `
   )
@@ -147,2 +153,3 @@ }
 StaticColorWhite.args = {
+  backgroundColor: 'rgb(15, 121, 125)',
   staticColor: "white"
@@ -153,2 +160,3 @@ };
 StaticColorBlack.args = {
+  backgroundColor: 'rgb(181, 209, 211)',
   staticColor: "black"
@@ -155,0 +163,0 @@ };

stories/template.js

@@ -19,3 +19,3 @@ import { html } from "lit-html";
   hideLabel = false,
-  iconName = "Edit",
+  iconName,
   variant,
@@ -22,0 +22,0 @@ staticColor,

No alert changes

Improved metrics

Total package byte prevSize

474326

increased by0.12%

Lines of code

4241

increased by0.19%

No dependency changes