@spectrum-web-components/button - npm Package Compare versions

Comparing version 0.41.2 to 0.42.0

package.json

 {
     "name": "@spectrum-web-components/button",
-    "version": "0.41.2",
+    "version": "0.42.0",
     "publishConfig": {
@@ -85,9 +85,9 @@ "access": "public"
     "dependencies": {
-        "@spectrum-web-components/base": "^0.41.2",
-        "@spectrum-web-components/clear-button": "^0.41.2",
-        "@spectrum-web-components/close-button": "^0.41.2",
-        "@spectrum-web-components/icon": "^0.41.2",
-        "@spectrum-web-components/icons-ui": "^0.41.2",
-        "@spectrum-web-components/progress-circle": "^0.41.2",
-        "@spectrum-web-components/shared": "^0.41.2"
+        "@spectrum-web-components/base": "^0.42.0",
+        "@spectrum-web-components/clear-button": "^0.42.0",
+        "@spectrum-web-components/close-button": "^0.42.0",
+        "@spectrum-web-components/icon": "^0.42.0",
+        "@spectrum-web-components/icons-ui": "^0.42.0",
+        "@spectrum-web-components/progress-circle": "^0.42.0",
+        "@spectrum-web-components/shared": "^0.42.0"
     },
@@ -103,3 +103,3 @@ "devDependencies": {
     ],
-    "gitHead": "78c3f16b08c9133c9e5ca88d0c9fef5ea7d2ab87"
+    "gitHead": "9b3bd55ff8e8f9438817255976e77fd456b19d72"
 }

src/button-base.css.dev.js

 "use strict";
 import { css } from "@spectrum-web-components/base";
 const styles = css`
-    :host{vertical-align:top;--spectrum-progress-circle-size:var(--spectrum-workflow-icon-size-100);--spectrum-icon-size:var(--spectrum-workflow-icon-size-100);display:inline-flex}:host([dir]){-webkit-appearance:none}:host([disabled]){pointer-events:none;cursor:auto}#button{position:absolute;inset:0}::slotted(sp-overlay),::slotted(sp-tooltip){position:absolute}:host:after{pointer-events:none}slot[name=icon]::slotted(svg),slot[name=icon]::slotted(img){fill:currentColor;stroke:currentColor;block-size:var(--spectrum-icon-size,var(--spectrum-workflow-icon-size-100));inline-size:var(--spectrum-icon-size,var(--spectrum-workflow-icon-size-100))}[icon-only]+#label{display:contents}:host([size=xs]){--spectrum-progress-circle-size:var(--spectrum-workflow-icon-size-50);--spectrum-icon-size:var(--spectrum-workflow-icon-size-50)}:host([size=s]){--spectrum-progress-circle-size:var(--spectrum-workflow-icon-size-75);--spectrum-icon-size:var(--spectrum-workflow-icon-size-75)}:host([size=l]){--spectrum-progress-circle-size:var(--spectrum-workflow-icon-size-200);--spectrum-icon-size:var(--spectrum-workflow-icon-size-200)}:host([size=xl]){--spectrum-progress-circle-size:var(--spectrum-workflow-icon-size-300);--spectrum-icon-size:var(--spectrum-workflow-icon-size-300)}:host([size=xxl]){--spectrum-progress-circle-size:var(--spectrum-workflow-icon-size-400);--spectrum-icon-size:var(--spectrum-workflow-icon-size-400)}
+    :host{vertical-align:top;--spectrum-progress-circle-size:var(--spectrum-workflow-icon-size-100);--spectrum-icon-size:var(--spectrum-workflow-icon-size-100);display:inline-flex}:host([dir]){-webkit-appearance:none}:host([disabled]){pointer-events:none;cursor:auto}#button{position:absolute;inset:0}::slotted(sp-overlay),::slotted(sp-tooltip){position:absolute}:host:after,::slotted(*){pointer-events:none}slot[name=icon]::slotted(svg),slot[name=icon]::slotted(img){fill:currentColor;stroke:currentColor;block-size:var(--spectrum-icon-size,var(--spectrum-workflow-icon-size-100));inline-size:var(--spectrum-icon-size,var(--spectrum-workflow-icon-size-100))}[icon-only]+#label{display:contents}:host([size=xs]){--spectrum-progress-circle-size:var(--spectrum-workflow-icon-size-50);--spectrum-icon-size:var(--spectrum-workflow-icon-size-50)}:host([size=s]){--spectrum-progress-circle-size:var(--spectrum-workflow-icon-size-75);--spectrum-icon-size:var(--spectrum-workflow-icon-size-75)}:host([size=l]){--spectrum-progress-circle-size:var(--spectrum-workflow-icon-size-200);--spectrum-icon-size:var(--spectrum-workflow-icon-size-200)}:host([size=xl]){--spectrum-progress-circle-size:var(--spectrum-workflow-icon-size-300);--spectrum-icon-size:var(--spectrum-workflow-icon-size-300)}:host([size=xxl]){--spectrum-progress-circle-size:var(--spectrum-workflow-icon-size-400);--spectrum-icon-size:var(--spectrum-workflow-icon-size-400)}
 `;
 export default styles;
 //# sourceMappingURL=button-base.css.dev.js.map

src/button-base.css.js

 "use strict";import{css as s}from"@spectrum-web-components/base";const e=s`
-    :host{vertical-align:top;--spectrum-progress-circle-size:var(--spectrum-workflow-icon-size-100);--spectrum-icon-size:var(--spectrum-workflow-icon-size-100);display:inline-flex}:host([dir]){-webkit-appearance:none}:host([disabled]){pointer-events:none;cursor:auto}#button{position:absolute;inset:0}::slotted(sp-overlay),::slotted(sp-tooltip){position:absolute}:host:after{pointer-events:none}slot[name=icon]::slotted(svg),slot[name=icon]::slotted(img){fill:currentColor;stroke:currentColor;block-size:var(--spectrum-icon-size,var(--spectrum-workflow-icon-size-100));inline-size:var(--spectrum-icon-size,var(--spectrum-workflow-icon-size-100))}[icon-only]+#label{display:contents}:host([size=xs]){--spectrum-progress-circle-size:var(--spectrum-workflow-icon-size-50);--spectrum-icon-size:var(--spectrum-workflow-icon-size-50)}:host([size=s]){--spectrum-progress-circle-size:var(--spectrum-workflow-icon-size-75);--spectrum-icon-size:var(--spectrum-workflow-icon-size-75)}:host([size=l]){--spectrum-progress-circle-size:var(--spectrum-workflow-icon-size-200);--spectrum-icon-size:var(--spectrum-workflow-icon-size-200)}:host([size=xl]){--spectrum-progress-circle-size:var(--spectrum-workflow-icon-size-300);--spectrum-icon-size:var(--spectrum-workflow-icon-size-300)}:host([size=xxl]){--spectrum-progress-circle-size:var(--spectrum-workflow-icon-size-400);--spectrum-icon-size:var(--spectrum-workflow-icon-size-400)}
+    :host{vertical-align:top;--spectrum-progress-circle-size:var(--spectrum-workflow-icon-size-100);--spectrum-icon-size:var(--spectrum-workflow-icon-size-100);display:inline-flex}:host([dir]){-webkit-appearance:none}:host([disabled]){pointer-events:none;cursor:auto}#button{position:absolute;inset:0}::slotted(sp-overlay),::slotted(sp-tooltip){position:absolute}:host:after,::slotted(*){pointer-events:none}slot[name=icon]::slotted(svg),slot[name=icon]::slotted(img){fill:currentColor;stroke:currentColor;block-size:var(--spectrum-icon-size,var(--spectrum-workflow-icon-size-100));inline-size:var(--spectrum-icon-size,var(--spectrum-workflow-icon-size-100))}[icon-only]+#label{display:contents}:host([size=xs]){--spectrum-progress-circle-size:var(--spectrum-workflow-icon-size-50);--spectrum-icon-size:var(--spectrum-workflow-icon-size-50)}:host([size=s]){--spectrum-progress-circle-size:var(--spectrum-workflow-icon-size-75);--spectrum-icon-size:var(--spectrum-workflow-icon-size-75)}:host([size=l]){--spectrum-progress-circle-size:var(--spectrum-workflow-icon-size-200);--spectrum-icon-size:var(--spectrum-workflow-icon-size-200)}:host([size=xl]){--spectrum-progress-circle-size:var(--spectrum-workflow-icon-size-300);--spectrum-icon-size:var(--spectrum-workflow-icon-size-300)}:host([size=xxl]){--spectrum-progress-circle-size:var(--spectrum-workflow-icon-size-400);--spectrum-icon-size:var(--spectrum-workflow-icon-size-400)}
 `;export default e;
 //# sourceMappingURL=button-base.css.js.map

stories/index.js

@@ -74,3 +74,3 @@ "use strict";
 export const makeOverBackground = (variant) => (story) => {
-  const color = variant === "black" ? "rgb(181, 209, 211)" : "var(--spectrum-global-color-seafoam-600)";
+  const color = variant === "black" ? "rgb(181, 209, 211)" : "var(--spectrum-seafoam-900)";
   return html`
@@ -82,4 +82,3 @@ <div
                     background-color: ${color};
-                    color: ${color};
-                    padding: var(--spectrum-global-dimension-size-175) var(--spectrum-global-dimension-size-250);
+                    padding: calc(var(--swc-scale-factor) * 14px) calc(var(--swc-scale-factor) * 20px);
                     display: inline-block;
@@ -86,0 +85,0 @@ "

No alert changes

Worsened metrics

Total package byte prevSize

846467

decreased by-0.01%

Lines of code

6035

decreased by-0.02%

Dependency changes

• + Added@spectrum-web-components/base@0.42.5(transitive)

• + Added@spectrum-web-components/clear-button@0.42.5(transitive)

• + Added@spectrum-web-components/close-button@0.42.5(transitive)

• + Added@spectrum-web-components/icon@0.42.5(transitive)

• + Added@spectrum-web-components/icons-ui@0.42.5(transitive)

• + Added@spectrum-web-components/iconset@0.42.5(transitive)

• + Added@spectrum-web-components/progress-circle@0.42.5(transitive)

• + Added@spectrum-web-components/shared@0.42.5(transitive)

• + Addedlit@3.1.4(transitive)

• + Addedlit-element@4.0.6(transitive)

• + Addedlit-html@3.1.4(transitive)

• - Removed@lit/reactive-element@1.6.3(transitive)

• - Removed@spectrum-web-components/base@0.41.2(transitive)

• - Removed@spectrum-web-components/clear-button@0.41.2(transitive)

• - Removed@spectrum-web-components/close-button@0.41.2(transitive)

• - Removed@spectrum-web-components/icon@0.41.2(transitive)

• - Removed@spectrum-web-components/icons-ui@0.41.2(transitive)

• - Removed@spectrum-web-components/iconset@0.41.2(transitive)

• - Removed@spectrum-web-components/progress-circle@0.41.2(transitive)

• - Removed@spectrum-web-components/shared@0.41.2(transitive)

• - Removedlit@2.8.0(transitive)

• - Removedlit-element@3.3.3(transitive)

• - Removedlit-html@2.8.0(transitive)

• Updated@spectrum-web-components/base@^0.42.0

• Updated@spectrum-web-components/clear-button@^0.42.0

• Updated@spectrum-web-components/close-button@^0.42.0

• Updated@spectrum-web-components/icon@^0.42.0

• Updated@spectrum-web-components/icons-ui@^0.42.0

• Updated@spectrum-web-components/progress-circle@^0.42.0

• Updated@spectrum-web-components/shared@^0.42.0