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

Comparing version 0.20.6-overlay.18 to 0.30.0

package.json

 {
     "name": "@spectrum-web-components/button",
-    "version": "0.20.6-overlay.18+2ba65b1a7",
+    "version": "0.30.0",
     "publishConfig": {
@@ -85,11 +85,11 @@ "access": "public"
     "dependencies": {
-        "@spectrum-web-components/base": "^0.7.6-overlay.62+2ba65b1a7",
-        "@spectrum-web-components/clear-button": "^0.2.10-overlay.18+2ba65b1a7",
-        "@spectrum-web-components/close-button": "^0.3.13-overlay.18+2ba65b1a7",
-        "@spectrum-web-components/icon": "^0.12.12-overlay.18+2ba65b1a7",
-        "@spectrum-web-components/icons-ui": "^0.9.13-overlay.18+2ba65b1a7",
-        "@spectrum-web-components/shared": "^0.15.8-overlay.18+2ba65b1a7"
+        "@spectrum-web-components/base": "^0.30.0",
+        "@spectrum-web-components/clear-button": "^0.30.0",
+        "@spectrum-web-components/close-button": "^0.30.0",
+        "@spectrum-web-components/icon": "^0.30.0",
+        "@spectrum-web-components/icons-ui": "^0.30.0",
+        "@spectrum-web-components/shared": "^0.30.0"
     },
     "devDependencies": {
-        "@spectrum-css/button": "^9.0.8"
+        "@spectrum-css/button": "^10.0.3"
     },
@@ -102,3 +102,3 @@ "types": "./src/index.d.ts",
     ],
-    "gitHead": "2ba65b1a7310f182972a840bea45ba93203c2da0"
+    "gitHead": "e34a26bf2bbea5f60a5e415e0f12c97654f0e20d"
 }

sp-button.dev.js

 "use strict";
 import { Button } from "./src/Button.dev.js";
-customElements.define("sp-button", Button);
+import { defineElement } from "@spectrum-web-components/base/src/define-element.js";
+defineElement("sp-button", Button);
 //# sourceMappingURL=sp-button.dev.js.map

sp-button.js

@@ -1,2 +0,2 @@
-"use strict";import{Button as t}from"./src/Button.js";customElements.define("sp-button",t);
+"use strict";import{Button as t}from"./src/Button.js";import{defineElement as e}from"@spectrum-web-components/base/src/define-element.js";e("sp-button",t);
 //# sourceMappingURL=sp-button.js.map

sp-clear-button.dev.js

 "use strict";
 import { ClearButton } from "./src/ClearButton.dev.js";
-customElements.define("sp-clear-button", ClearButton);
+import { defineElement } from "@spectrum-web-components/base/src/define-element.js";
+defineElement("sp-clear-button", ClearButton);
 //# sourceMappingURL=sp-clear-button.dev.js.map

sp-clear-button.js

@@ -1,2 +0,2 @@
-"use strict";import{ClearButton as e}from"./src/ClearButton.js";customElements.define("sp-clear-button",e);
+"use strict";import{ClearButton as e}from"./src/ClearButton.js";import{defineElement as t}from"@spectrum-web-components/base/src/define-element.js";t("sp-clear-button",e);
 //# sourceMappingURL=sp-clear-button.js.map

sp-close-button.dev.js

 "use strict";
 import { CloseButton } from "./src/CloseButton.dev.js";
-customElements.define("sp-close-button", CloseButton);
+import { defineElement } from "@spectrum-web-components/base/src/define-element.js";
+defineElement("sp-close-button", CloseButton);
 //# sourceMappingURL=sp-close-button.dev.js.map

sp-close-button.js

@@ -1,2 +0,2 @@
-"use strict";import{CloseButton as e}from"./src/CloseButton.js";customElements.define("sp-close-button",e);
+"use strict";import{CloseButton as e}from"./src/CloseButton.js";import{defineElement as o}from"@spectrum-web-components/base/src/define-element.js";o("sp-close-button",e);
 //# sourceMappingURL=sp-close-button.js.map

src/button.css.dev.js

@@ -6,3 +6,3 @@ "use strict";
 --mod-sans-font-family-stack,var(--spectrum-sans-font-family-stack)
-);justify-content:center;line-height:var(--mod-line-height-100,var(--spectrum-line-height-100));margin:0;overflow:visible;text-decoration:none;text-transform:none;transition:background var(
+);justify-content:center;line-height:var(--mod-line-height-100,var(--spectrum-line-height-100));margin:0;overflow:visible;-webkit-text-decoration:none;text-decoration:none;text-transform:none;transition:background var(
 --mod-animation-duration-100,var(--spectrum-animation-duration-100)
@@ -21,30 +21,32 @@ ) ease-out,border-color var(
 --spectrum-animation-duration-100
-);--spectrum-button-border-radius:var(--spectrum-corner-radius-100);--spectrum-button-border-width:var(--spectrum-border-width-200);--spectrum-button-focus-ring-gap:var(--spectrum-focus-indicator-gap);--spectrum-button-focus-ring-thickness:var(
+);--spectrum-button-border-radius:var(--spectrum-corner-radius-100);--spectrum-button-border-width:var(--spectrum-border-width-200);--spectrum-button-line-height:1.2;--spectrum-button-focus-ring-border-radius:calc(var(--spectrum-button-border-radius) + var(--spectrum-button-focus-ring-gap));--spectrum-button-focus-ring-gap:var(--spectrum-focus-indicator-gap);--spectrum-button-focus-ring-thickness:var(
 --spectrum-focus-indicator-thickness
 );--spectrum-button-focus-indicator-color:var(
 --spectrum-focus-indicator-color
-);--spectrum-button-focus-ring-border-radius:calc(var(--spectrum-button-border-radius) + var(--spectrum-button-focus-ring-gap))}:host([size=s]){--spectrum-button-min-width:calc(var(--spectrum-component-height-75)*var(--spectrum-button-minimum-width-multiplier));--spectrum-button-border-radius:var(
+)}:host([size=s]){--spectrum-button-min-width:calc(var(--spectrum-component-height-75)*var(--spectrum-button-minimum-width-multiplier));--spectrum-button-border-radius:var(
 --spectrum-component-pill-edge-to-text-75
-);--spectrum-button-height:var(--spectrum-component-height-75);--spectrum-button-font-size:var(--spectrum-font-size-75);--spectrum-button-edge-to-visual:calc(var(--spectrum-component-pill-edge-to-visual-75) - var(--spectrum-button-border-width));--spectrum-button-edge-to-text:calc(var(--spectrum-component-pill-edge-to-text-75) - var(--spectrum-button-border-width));--spectrum-button-padding-label-to-icon:var(--spectrum-text-to-visual-75);--spectrum-button-padding-label-top:var(
---spectrum-component-top-to-text-75
-);--spectrum-button-padding-label-bottom:var(
---spectrum-component-bottom-to-text-75
+);--spectrum-button-height:var(--spectrum-component-height-75);--spectrum-button-font-size:var(--spectrum-font-size-75);--spectrum-button-edge-to-visual:calc(var(--spectrum-component-pill-edge-to-visual-75) - var(--spectrum-button-border-width));--spectrum-button-edge-to-visual-only:var(
+--spectrum-component-pill-edge-to-visual-only-75
+);--spectrum-button-edge-to-text:calc(var(--spectrum-component-pill-edge-to-text-75) - var(--spectrum-button-border-width));--spectrum-button-padding-label-to-icon:var(--spectrum-text-to-visual-75);--spectrum-button-top-to-text:var(--spectrum-button-top-to-text-small);--spectrum-button-bottom-to-text:var(
+--spectrum-button-bottom-to-text-small
 )}:host([size=m]){--spectrum-button-min-width:calc(var(--spectrum-component-height-100)*var(--spectrum-button-minimum-width-multiplier));--spectrum-button-border-radius:var(
 --spectrum-component-pill-edge-to-text-100
-);--spectrum-button-height:var(--spectrum-component-height-100);--spectrum-button-font-size:var(--spectrum-font-size-100);--spectrum-button-edge-to-visual:calc(var(--spectrum-component-pill-edge-to-visual-100) - var(--spectrum-button-border-width));--spectrum-button-edge-to-text:calc(var(--spectrum-component-pill-edge-to-text-100) - var(--spectrum-button-border-width));--spectrum-button-padding-label-to-icon:var(--spectrum-text-to-visual-100);--spectrum-button-padding-label-top:var(
---spectrum-component-top-to-text-100
-);--spectrum-button-padding-label-bottom:var(
---spectrum-component-bottom-to-text-100
+);--spectrum-button-height:var(--spectrum-component-height-100);--spectrum-button-font-size:var(--spectrum-font-size-100);--spectrum-button-edge-to-visual:calc(var(--spectrum-component-pill-edge-to-visual-100) - var(--spectrum-button-border-width));--spectrum-button-edge-to-visual-only:var(
+--spectrum-component-pill-edge-to-visual-only-100
+);--spectrum-button-edge-to-text:calc(var(--spectrum-component-pill-edge-to-text-100) - var(--spectrum-button-border-width));--spectrum-button-padding-label-to-icon:var(--spectrum-text-to-visual-100);--spectrum-button-top-to-text:var(--spectrum-button-top-to-text-medium);--spectrum-button-bottom-to-text:var(
+--spectrum-button-bottom-to-text-medium
 )}:host([size=l]){--spectrum-button-min-width:calc(var(--spectrum-component-height-200)*var(--spectrum-button-minimum-width-multiplier));--spectrum-button-border-radius:var(
 --spectrum-component-pill-edge-to-text-200
-);--spectrum-button-height:var(--spectrum-component-height-200);--spectrum-button-font-size:var(--spectrum-font-size-200);--spectrum-button-edge-to-visual:calc(var(--spectrum-component-pill-edge-to-visual-200) - var(--spectrum-button-border-width));--spectrum-button-edge-to-text:calc(var(--spectrum-component-pill-edge-to-text-200) - var(--spectrum-button-border-width));--spectrum-button-padding-label-to-icon:var(--spectrum-text-to-visual-200);--spectrum-button-padding-label-top:var(
---spectrum-component-top-to-text-200
-);--spectrum-button-padding-label-bottom:var(
---spectrum-component-bottom-to-text-200
+);--spectrum-button-height:var(--spectrum-component-height-200);--spectrum-button-font-size:var(--spectrum-font-size-200);--spectrum-button-edge-to-visual:calc(var(--spectrum-component-pill-edge-to-visual-200) - var(--spectrum-button-border-width));--spectrum-button-edge-to-visual-only:var(
+--spectrum-component-pill-edge-to-visual-only-200
+);--spectrum-button-edge-to-text:calc(var(--spectrum-component-pill-edge-to-text-200) - var(--spectrum-button-border-width));--spectrum-button-padding-label-to-icon:var(--spectrum-text-to-visual-200);--spectrum-button-top-to-text:var(--spectrum-button-top-to-text-large);--spectrum-button-bottom-to-text:var(
+--spectrum-button-bottom-to-text-large
 )}:host([size=xl]){--spectrum-button-min-width:calc(var(--spectrum-component-height-300)*var(--spectrum-button-minimum-width-multiplier));--spectrum-button-border-radius:var(
 --spectrum-component-pill-edge-to-text-300
-);--spectrum-button-height:var(--spectrum-component-height-300);--spectrum-button-font-size:var(--spectrum-font-size-300);--spectrum-button-edge-to-visual:calc(var(--spectrum-component-pill-edge-to-visual-300) - var(--spectrum-button-border-width));--spectrum-button-edge-to-text:calc(var(--spectrum-component-pill-edge-to-text-300) - var(--spectrum-button-border-width));--spectrum-button-padding-label-to-icon:var(--spectrum-text-to-visual-300);--spectrum-button-padding-label-top:var(
---spectrum-component-top-to-text-300
-);--spectrum-button-padding-label-bottom:var(
---spectrum-component-bottom-to-text-300
+);--spectrum-button-height:var(--spectrum-component-height-300);--spectrum-button-font-size:var(--spectrum-font-size-300);--spectrum-button-edge-to-visual:calc(var(--spectrum-component-pill-edge-to-visual-300) - var(--spectrum-button-border-width));--spectrum-button-edge-to-visual-only:var(
+--spectrum-component-pill-edge-to-visual-only-300
+);--spectrum-button-edge-to-text:calc(var(--spectrum-component-pill-edge-to-text-300) - var(--spectrum-button-border-width));--spectrum-button-padding-label-to-icon:var(--spectrum-text-to-visual-300);--spectrum-button-top-to-text:var(
+--spectrum-button-top-to-text-extra-large
+);--spectrum-button-bottom-to-text:var(
+--spectrum-button-bottom-to-text-extra-large
 )}:host{border-radius:var(
@@ -56,13 +58,12 @@ --mod-button-border-radius,var(--spectrum-button-border-radius)
 --mod-button-padding-label-to-icon,var(--spectrum-button-padding-label-to-icon)
-);height:var(--mod-button-height,var(--spectrum-button-height));min-block-size:var(--mod-button-height,var(--spectrum-button-height));min-inline-size:var(
+);min-block-size:var(--mod-button-height,var(--spectrum-button-height));min-inline-size:var(
 --mod-button-min-width,var(--spectrum-button-min-width)
 );padding-block:0;padding-inline:var(
 --mod-button-edge-to-text,var(--spectrum-button-edge-to-text)
-);position:relative}:host(:hover),:host([active]){box-shadow:none}::slotted([slot=icon]){color:inherit;margin-inline-start:calc(var(--mod-button-edge-to-visual, var(--spectrum-button-edge-to-visual)) - var(--mod-button-edge-to-text, var(--spectrum-button-edge-to-text)))}:host:after{border-radius:calc(var(--mod-button-border-radius, var(--spectrum-button-border-radius)) + var(--mod-focus-indicator-gap, var(--spectrum-focus-indicator-gap)))}#label{align-self:start;line-height:var(--spectrum-line-height-100);padding-block-end:calc(var(
---mod-button-padding-label-bottom,
-var(--spectrum-button-padding-label-bottom)
-) - var(--mod-button-border-width, var(--spectrum-button-border-width)));padding-block-start:calc(var(
---mod-button-padding-label-top,
-var(--spectrum-button-padding-label-top)
-) - var(--mod-button-border-width, var(--spectrum-button-border-width)));white-space:nowrap}:host(.focus-visible):after,:host([focused]):after{box-shadow:0 0 0 var(
+);position:relative}:host(:hover),:host([active]){box-shadow:none}::slotted([slot=icon]){color:inherit;margin-inline-start:calc(var(--mod-button-edge-to-visual, var(--spectrum-button-edge-to-visual)) - var(--mod-button-edge-to-text, var(--spectrum-button-edge-to-text)))}:host:after{border-radius:calc(var(--mod-button-border-radius, var(--spectrum-button-border-radius)) + var(--mod-focus-indicator-gap, var(--spectrum-focus-indicator-gap)))}:host .spectrum-Button--iconOnly{border-radius:50%;min-inline-size:unset;padding:calc(var(
+--mod-button-edge-to-visual-only,
+var(--spectrum-button-edge-to-visual-only)
+) - var(--mod-button-border-width, var(--spectrum-button-border-width)))}:host .spectrum-Button--iconOnly ::slotted([slot=icon]){margin-inline-start:0}:host .spectrum-Button--iconOnly:after{border-radius:50%}#label{align-self:start;line-height:var(
+--mod-button-line-height,var(--spectrum-button-line-height)
+);padding-block-end:calc(var(--mod-button-bottom-to-text, var(--spectrum-button-bottom-to-text)) - var(--mod-button-border-width, var(--spectrum-button-border-width)));padding-block-start:calc(var(--mod-button-top-to-text, var(--spectrum-button-top-to-text)) - var(--mod-button-border-width, var(--spectrum-button-border-width)));white-space:nowrap}:host(.focus-visible):after,:host([focused]):after{box-shadow:0 0 0 var(
 --mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness)
@@ -69,0 +70,0 @@ ) var(

src/button.css.js

 "use strict";import{css as t}from"@spectrum-web-components/base";const o=t`
 :host{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;-webkit-appearance:button;box-sizing:border-box;cursor:pointer;display:inline-flex;font-family:var(
 --mod-sans-font-family-stack,var(--spectrum-sans-font-family-stack)
-);justify-content:center;line-height:var(--mod-line-height-100,var(--spectrum-line-height-100));margin:0;overflow:visible;text-decoration:none;text-transform:none;transition:background var(
+);justify-content:center;line-height:var(--mod-line-height-100,var(--spectrum-line-height-100));margin:0;overflow:visible;-webkit-text-decoration:none;text-decoration:none;text-transform:none;transition:background var(
 --mod-animation-duration-100,var(--spectrum-animation-duration-100)
@@ -18,30 +18,32 @@ ) ease-out,border-color var(
 --spectrum-animation-duration-100
-);--spectrum-button-border-radius:var(--spectrum-corner-radius-100);--spectrum-button-border-width:var(--spectrum-border-width-200);--spectrum-button-focus-ring-gap:var(--spectrum-focus-indicator-gap);--spectrum-button-focus-ring-thickness:var(
+);--spectrum-button-border-radius:var(--spectrum-corner-radius-100);--spectrum-button-border-width:var(--spectrum-border-width-200);--spectrum-button-line-height:1.2;--spectrum-button-focus-ring-border-radius:calc(var(--spectrum-button-border-radius) + var(--spectrum-button-focus-ring-gap));--spectrum-button-focus-ring-gap:var(--spectrum-focus-indicator-gap);--spectrum-button-focus-ring-thickness:var(
 --spectrum-focus-indicator-thickness
 );--spectrum-button-focus-indicator-color:var(
 --spectrum-focus-indicator-color
-);--spectrum-button-focus-ring-border-radius:calc(var(--spectrum-button-border-radius) + var(--spectrum-button-focus-ring-gap))}:host([size=s]){--spectrum-button-min-width:calc(var(--spectrum-component-height-75)*var(--spectrum-button-minimum-width-multiplier));--spectrum-button-border-radius:var(
+)}:host([size=s]){--spectrum-button-min-width:calc(var(--spectrum-component-height-75)*var(--spectrum-button-minimum-width-multiplier));--spectrum-button-border-radius:var(
 --spectrum-component-pill-edge-to-text-75
-);--spectrum-button-height:var(--spectrum-component-height-75);--spectrum-button-font-size:var(--spectrum-font-size-75);--spectrum-button-edge-to-visual:calc(var(--spectrum-component-pill-edge-to-visual-75) - var(--spectrum-button-border-width));--spectrum-button-edge-to-text:calc(var(--spectrum-component-pill-edge-to-text-75) - var(--spectrum-button-border-width));--spectrum-button-padding-label-to-icon:var(--spectrum-text-to-visual-75);--spectrum-button-padding-label-top:var(
---spectrum-component-top-to-text-75
-);--spectrum-button-padding-label-bottom:var(
---spectrum-component-bottom-to-text-75
+);--spectrum-button-height:var(--spectrum-component-height-75);--spectrum-button-font-size:var(--spectrum-font-size-75);--spectrum-button-edge-to-visual:calc(var(--spectrum-component-pill-edge-to-visual-75) - var(--spectrum-button-border-width));--spectrum-button-edge-to-visual-only:var(
+--spectrum-component-pill-edge-to-visual-only-75
+);--spectrum-button-edge-to-text:calc(var(--spectrum-component-pill-edge-to-text-75) - var(--spectrum-button-border-width));--spectrum-button-padding-label-to-icon:var(--spectrum-text-to-visual-75);--spectrum-button-top-to-text:var(--spectrum-button-top-to-text-small);--spectrum-button-bottom-to-text:var(
+--spectrum-button-bottom-to-text-small
 )}:host([size=m]){--spectrum-button-min-width:calc(var(--spectrum-component-height-100)*var(--spectrum-button-minimum-width-multiplier));--spectrum-button-border-radius:var(
 --spectrum-component-pill-edge-to-text-100
-);--spectrum-button-height:var(--spectrum-component-height-100);--spectrum-button-font-size:var(--spectrum-font-size-100);--spectrum-button-edge-to-visual:calc(var(--spectrum-component-pill-edge-to-visual-100) - var(--spectrum-button-border-width));--spectrum-button-edge-to-text:calc(var(--spectrum-component-pill-edge-to-text-100) - var(--spectrum-button-border-width));--spectrum-button-padding-label-to-icon:var(--spectrum-text-to-visual-100);--spectrum-button-padding-label-top:var(
---spectrum-component-top-to-text-100
-);--spectrum-button-padding-label-bottom:var(
---spectrum-component-bottom-to-text-100
+);--spectrum-button-height:var(--spectrum-component-height-100);--spectrum-button-font-size:var(--spectrum-font-size-100);--spectrum-button-edge-to-visual:calc(var(--spectrum-component-pill-edge-to-visual-100) - var(--spectrum-button-border-width));--spectrum-button-edge-to-visual-only:var(
+--spectrum-component-pill-edge-to-visual-only-100
+);--spectrum-button-edge-to-text:calc(var(--spectrum-component-pill-edge-to-text-100) - var(--spectrum-button-border-width));--spectrum-button-padding-label-to-icon:var(--spectrum-text-to-visual-100);--spectrum-button-top-to-text:var(--spectrum-button-top-to-text-medium);--spectrum-button-bottom-to-text:var(
+--spectrum-button-bottom-to-text-medium
 )}:host([size=l]){--spectrum-button-min-width:calc(var(--spectrum-component-height-200)*var(--spectrum-button-minimum-width-multiplier));--spectrum-button-border-radius:var(
 --spectrum-component-pill-edge-to-text-200
-);--spectrum-button-height:var(--spectrum-component-height-200);--spectrum-button-font-size:var(--spectrum-font-size-200);--spectrum-button-edge-to-visual:calc(var(--spectrum-component-pill-edge-to-visual-200) - var(--spectrum-button-border-width));--spectrum-button-edge-to-text:calc(var(--spectrum-component-pill-edge-to-text-200) - var(--spectrum-button-border-width));--spectrum-button-padding-label-to-icon:var(--spectrum-text-to-visual-200);--spectrum-button-padding-label-top:var(
---spectrum-component-top-to-text-200
-);--spectrum-button-padding-label-bottom:var(
---spectrum-component-bottom-to-text-200
+);--spectrum-button-height:var(--spectrum-component-height-200);--spectrum-button-font-size:var(--spectrum-font-size-200);--spectrum-button-edge-to-visual:calc(var(--spectrum-component-pill-edge-to-visual-200) - var(--spectrum-button-border-width));--spectrum-button-edge-to-visual-only:var(
+--spectrum-component-pill-edge-to-visual-only-200
+);--spectrum-button-edge-to-text:calc(var(--spectrum-component-pill-edge-to-text-200) - var(--spectrum-button-border-width));--spectrum-button-padding-label-to-icon:var(--spectrum-text-to-visual-200);--spectrum-button-top-to-text:var(--spectrum-button-top-to-text-large);--spectrum-button-bottom-to-text:var(
+--spectrum-button-bottom-to-text-large
 )}:host([size=xl]){--spectrum-button-min-width:calc(var(--spectrum-component-height-300)*var(--spectrum-button-minimum-width-multiplier));--spectrum-button-border-radius:var(
 --spectrum-component-pill-edge-to-text-300
-);--spectrum-button-height:var(--spectrum-component-height-300);--spectrum-button-font-size:var(--spectrum-font-size-300);--spectrum-button-edge-to-visual:calc(var(--spectrum-component-pill-edge-to-visual-300) - var(--spectrum-button-border-width));--spectrum-button-edge-to-text:calc(var(--spectrum-component-pill-edge-to-text-300) - var(--spectrum-button-border-width));--spectrum-button-padding-label-to-icon:var(--spectrum-text-to-visual-300);--spectrum-button-padding-label-top:var(
---spectrum-component-top-to-text-300
-);--spectrum-button-padding-label-bottom:var(
---spectrum-component-bottom-to-text-300
+);--spectrum-button-height:var(--spectrum-component-height-300);--spectrum-button-font-size:var(--spectrum-font-size-300);--spectrum-button-edge-to-visual:calc(var(--spectrum-component-pill-edge-to-visual-300) - var(--spectrum-button-border-width));--spectrum-button-edge-to-visual-only:var(
+--spectrum-component-pill-edge-to-visual-only-300
+);--spectrum-button-edge-to-text:calc(var(--spectrum-component-pill-edge-to-text-300) - var(--spectrum-button-border-width));--spectrum-button-padding-label-to-icon:var(--spectrum-text-to-visual-300);--spectrum-button-top-to-text:var(
+--spectrum-button-top-to-text-extra-large
+);--spectrum-button-bottom-to-text:var(
+--spectrum-button-bottom-to-text-extra-large
 )}:host{border-radius:var(
@@ -53,13 +55,12 @@ --mod-button-border-radius,var(--spectrum-button-border-radius)
 --mod-button-padding-label-to-icon,var(--spectrum-button-padding-label-to-icon)
-);height:var(--mod-button-height,var(--spectrum-button-height));min-block-size:var(--mod-button-height,var(--spectrum-button-height));min-inline-size:var(
+);min-block-size:var(--mod-button-height,var(--spectrum-button-height));min-inline-size:var(
 --mod-button-min-width,var(--spectrum-button-min-width)
 );padding-block:0;padding-inline:var(
 --mod-button-edge-to-text,var(--spectrum-button-edge-to-text)
-);position:relative}:host(:hover),:host([active]){box-shadow:none}::slotted([slot=icon]){color:inherit;margin-inline-start:calc(var(--mod-button-edge-to-visual, var(--spectrum-button-edge-to-visual)) - var(--mod-button-edge-to-text, var(--spectrum-button-edge-to-text)))}:host:after{border-radius:calc(var(--mod-button-border-radius, var(--spectrum-button-border-radius)) + var(--mod-focus-indicator-gap, var(--spectrum-focus-indicator-gap)))}#label{align-self:start;line-height:var(--spectrum-line-height-100);padding-block-end:calc(var(
---mod-button-padding-label-bottom,
-var(--spectrum-button-padding-label-bottom)
-) - var(--mod-button-border-width, var(--spectrum-button-border-width)));padding-block-start:calc(var(
---mod-button-padding-label-top,
-var(--spectrum-button-padding-label-top)
-) - var(--mod-button-border-width, var(--spectrum-button-border-width)));white-space:nowrap}:host(.focus-visible):after,:host([focused]):after{box-shadow:0 0 0 var(
+);position:relative}:host(:hover),:host([active]){box-shadow:none}::slotted([slot=icon]){color:inherit;margin-inline-start:calc(var(--mod-button-edge-to-visual, var(--spectrum-button-edge-to-visual)) - var(--mod-button-edge-to-text, var(--spectrum-button-edge-to-text)))}:host:after{border-radius:calc(var(--mod-button-border-radius, var(--spectrum-button-border-radius)) + var(--mod-focus-indicator-gap, var(--spectrum-focus-indicator-gap)))}:host .spectrum-Button--iconOnly{border-radius:50%;min-inline-size:unset;padding:calc(var(
+--mod-button-edge-to-visual-only,
+var(--spectrum-button-edge-to-visual-only)
+) - var(--mod-button-border-width, var(--spectrum-button-border-width)))}:host .spectrum-Button--iconOnly ::slotted([slot=icon]){margin-inline-start:0}:host .spectrum-Button--iconOnly:after{border-radius:50%}#label{align-self:start;line-height:var(
+--mod-button-line-height,var(--spectrum-button-line-height)
+);padding-block-end:calc(var(--mod-button-bottom-to-text, var(--spectrum-button-bottom-to-text)) - var(--mod-button-border-width, var(--spectrum-button-border-width)));padding-block-start:calc(var(--mod-button-top-to-text, var(--spectrum-button-top-to-text)) - var(--mod-button-border-width, var(--spectrum-button-border-width)));white-space:nowrap}:host(.focus-visible):after,:host([focused]):after{box-shadow:0 0 0 var(
 --mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness)
@@ -66,0 +67,0 @@ ) var(

src/spectrum-button.css.dev.js

@@ -6,3 +6,3 @@ "use strict";
 --mod-sans-font-family-stack,var(--spectrum-sans-font-family-stack)
-);justify-content:center;line-height:var(--mod-line-height-100,var(--spectrum-line-height-100));margin:0;overflow:visible;text-decoration:none;text-transform:none;transition:background var(
+);justify-content:center;line-height:var(--mod-line-height-100,var(--spectrum-line-height-100));margin:0;overflow:visible;-webkit-text-decoration:none;text-decoration:none;text-transform:none;transition:background var(
 --mod-animation-duration-100,var(--spectrum-animation-duration-100)
@@ -21,30 +21,32 @@ ) ease-out,border-color var(
 --spectrum-animation-duration-100
-);--spectrum-button-border-radius:var(--spectrum-corner-radius-100);--spectrum-button-border-width:var(--spectrum-border-width-200);--spectrum-button-focus-ring-gap:var(--spectrum-focus-indicator-gap);--spectrum-button-focus-ring-thickness:var(
+);--spectrum-button-border-radius:var(--spectrum-corner-radius-100);--spectrum-button-border-width:var(--spectrum-border-width-200);--spectrum-button-line-height:1.2;--spectrum-button-focus-ring-border-radius:calc(var(--spectrum-button-border-radius) + var(--spectrum-button-focus-ring-gap));--spectrum-button-focus-ring-gap:var(--spectrum-focus-indicator-gap);--spectrum-button-focus-ring-thickness:var(
 --spectrum-focus-indicator-thickness
 );--spectrum-button-focus-indicator-color:var(
 --spectrum-focus-indicator-color
-);--spectrum-button-focus-ring-border-radius:calc(var(--spectrum-button-border-radius) + var(--spectrum-button-focus-ring-gap))}:host([size=s]){--spectrum-button-min-width:calc(var(--spectrum-component-height-75)*var(--spectrum-button-minimum-width-multiplier));--spectrum-button-border-radius:var(
+)}:host([size=s]){--spectrum-button-min-width:calc(var(--spectrum-component-height-75)*var(--spectrum-button-minimum-width-multiplier));--spectrum-button-border-radius:var(
 --spectrum-component-pill-edge-to-text-75
-);--spectrum-button-height:var(--spectrum-component-height-75);--spectrum-button-font-size:var(--spectrum-font-size-75);--spectrum-button-edge-to-visual:calc(var(--spectrum-component-pill-edge-to-visual-75) - var(--spectrum-button-border-width));--spectrum-button-edge-to-text:calc(var(--spectrum-component-pill-edge-to-text-75) - var(--spectrum-button-border-width));--spectrum-button-padding-label-to-icon:var(--spectrum-text-to-visual-75);--spectrum-button-padding-label-top:var(
---spectrum-component-top-to-text-75
-);--spectrum-button-padding-label-bottom:var(
---spectrum-component-bottom-to-text-75
+);--spectrum-button-height:var(--spectrum-component-height-75);--spectrum-button-font-size:var(--spectrum-font-size-75);--spectrum-button-edge-to-visual:calc(var(--spectrum-component-pill-edge-to-visual-75) - var(--spectrum-button-border-width));--spectrum-button-edge-to-visual-only:var(
+--spectrum-component-pill-edge-to-visual-only-75
+);--spectrum-button-edge-to-text:calc(var(--spectrum-component-pill-edge-to-text-75) - var(--spectrum-button-border-width));--spectrum-button-padding-label-to-icon:var(--spectrum-text-to-visual-75);--spectrum-button-top-to-text:var(--spectrum-button-top-to-text-small);--spectrum-button-bottom-to-text:var(
+--spectrum-button-bottom-to-text-small
 )}:host([size=m]){--spectrum-button-min-width:calc(var(--spectrum-component-height-100)*var(--spectrum-button-minimum-width-multiplier));--spectrum-button-border-radius:var(
 --spectrum-component-pill-edge-to-text-100
-);--spectrum-button-height:var(--spectrum-component-height-100);--spectrum-button-font-size:var(--spectrum-font-size-100);--spectrum-button-edge-to-visual:calc(var(--spectrum-component-pill-edge-to-visual-100) - var(--spectrum-button-border-width));--spectrum-button-edge-to-text:calc(var(--spectrum-component-pill-edge-to-text-100) - var(--spectrum-button-border-width));--spectrum-button-padding-label-to-icon:var(--spectrum-text-to-visual-100);--spectrum-button-padding-label-top:var(
---spectrum-component-top-to-text-100
-);--spectrum-button-padding-label-bottom:var(
---spectrum-component-bottom-to-text-100
+);--spectrum-button-height:var(--spectrum-component-height-100);--spectrum-button-font-size:var(--spectrum-font-size-100);--spectrum-button-edge-to-visual:calc(var(--spectrum-component-pill-edge-to-visual-100) - var(--spectrum-button-border-width));--spectrum-button-edge-to-visual-only:var(
+--spectrum-component-pill-edge-to-visual-only-100
+);--spectrum-button-edge-to-text:calc(var(--spectrum-component-pill-edge-to-text-100) - var(--spectrum-button-border-width));--spectrum-button-padding-label-to-icon:var(--spectrum-text-to-visual-100);--spectrum-button-top-to-text:var(--spectrum-button-top-to-text-medium);--spectrum-button-bottom-to-text:var(
+--spectrum-button-bottom-to-text-medium
 )}:host([size=l]){--spectrum-button-min-width:calc(var(--spectrum-component-height-200)*var(--spectrum-button-minimum-width-multiplier));--spectrum-button-border-radius:var(
 --spectrum-component-pill-edge-to-text-200
-);--spectrum-button-height:var(--spectrum-component-height-200);--spectrum-button-font-size:var(--spectrum-font-size-200);--spectrum-button-edge-to-visual:calc(var(--spectrum-component-pill-edge-to-visual-200) - var(--spectrum-button-border-width));--spectrum-button-edge-to-text:calc(var(--spectrum-component-pill-edge-to-text-200) - var(--spectrum-button-border-width));--spectrum-button-padding-label-to-icon:var(--spectrum-text-to-visual-200);--spectrum-button-padding-label-top:var(
---spectrum-component-top-to-text-200
-);--spectrum-button-padding-label-bottom:var(
---spectrum-component-bottom-to-text-200
+);--spectrum-button-height:var(--spectrum-component-height-200);--spectrum-button-font-size:var(--spectrum-font-size-200);--spectrum-button-edge-to-visual:calc(var(--spectrum-component-pill-edge-to-visual-200) - var(--spectrum-button-border-width));--spectrum-button-edge-to-visual-only:var(
+--spectrum-component-pill-edge-to-visual-only-200
+);--spectrum-button-edge-to-text:calc(var(--spectrum-component-pill-edge-to-text-200) - var(--spectrum-button-border-width));--spectrum-button-padding-label-to-icon:var(--spectrum-text-to-visual-200);--spectrum-button-top-to-text:var(--spectrum-button-top-to-text-large);--spectrum-button-bottom-to-text:var(
+--spectrum-button-bottom-to-text-large
 )}:host([size=xl]){--spectrum-button-min-width:calc(var(--spectrum-component-height-300)*var(--spectrum-button-minimum-width-multiplier));--spectrum-button-border-radius:var(
 --spectrum-component-pill-edge-to-text-300
-);--spectrum-button-height:var(--spectrum-component-height-300);--spectrum-button-font-size:var(--spectrum-font-size-300);--spectrum-button-edge-to-visual:calc(var(--spectrum-component-pill-edge-to-visual-300) - var(--spectrum-button-border-width));--spectrum-button-edge-to-text:calc(var(--spectrum-component-pill-edge-to-text-300) - var(--spectrum-button-border-width));--spectrum-button-padding-label-to-icon:var(--spectrum-text-to-visual-300);--spectrum-button-padding-label-top:var(
---spectrum-component-top-to-text-300
-);--spectrum-button-padding-label-bottom:var(
---spectrum-component-bottom-to-text-300
+);--spectrum-button-height:var(--spectrum-component-height-300);--spectrum-button-font-size:var(--spectrum-font-size-300);--spectrum-button-edge-to-visual:calc(var(--spectrum-component-pill-edge-to-visual-300) - var(--spectrum-button-border-width));--spectrum-button-edge-to-visual-only:var(
+--spectrum-component-pill-edge-to-visual-only-300
+);--spectrum-button-edge-to-text:calc(var(--spectrum-component-pill-edge-to-text-300) - var(--spectrum-button-border-width));--spectrum-button-padding-label-to-icon:var(--spectrum-text-to-visual-300);--spectrum-button-top-to-text:var(
+--spectrum-button-top-to-text-extra-large
+);--spectrum-button-bottom-to-text:var(
+--spectrum-button-bottom-to-text-extra-large
 )}:host{border-radius:var(
@@ -56,13 +58,12 @@ --mod-button-border-radius,var(--spectrum-button-border-radius)
 --mod-button-padding-label-to-icon,var(--spectrum-button-padding-label-to-icon)
-);height:var(--mod-button-height,var(--spectrum-button-height));min-block-size:var(--mod-button-height,var(--spectrum-button-height));min-inline-size:var(
+);min-block-size:var(--mod-button-height,var(--spectrum-button-height));min-inline-size:var(
 --mod-button-min-width,var(--spectrum-button-min-width)
 );padding-block:0;padding-inline:var(
 --mod-button-edge-to-text,var(--spectrum-button-edge-to-text)
-);position:relative}:host(:hover),:host([active]){box-shadow:none}::slotted([slot=icon]){color:inherit;margin-inline-start:calc(var(--mod-button-edge-to-visual, var(--spectrum-button-edge-to-visual)) - var(--mod-button-edge-to-text, var(--spectrum-button-edge-to-text)))}:host:after{border-radius:calc(var(--mod-button-border-radius, var(--spectrum-button-border-radius)) + var(--mod-focus-indicator-gap, var(--spectrum-focus-indicator-gap)))}#label{align-self:start;line-height:var(--spectrum-line-height-100);padding-block-end:calc(var(
---mod-button-padding-label-bottom,
-var(--spectrum-button-padding-label-bottom)
-) - var(--mod-button-border-width, var(--spectrum-button-border-width)));padding-block-start:calc(var(
---mod-button-padding-label-top,
-var(--spectrum-button-padding-label-top)
-) - var(--mod-button-border-width, var(--spectrum-button-border-width)));white-space:nowrap}:host(.focus-visible):after,:host([focused]):after{box-shadow:0 0 0 var(
+);position:relative}:host(:hover),:host([active]){box-shadow:none}::slotted([slot=icon]){color:inherit;margin-inline-start:calc(var(--mod-button-edge-to-visual, var(--spectrum-button-edge-to-visual)) - var(--mod-button-edge-to-text, var(--spectrum-button-edge-to-text)))}:host:after{border-radius:calc(var(--mod-button-border-radius, var(--spectrum-button-border-radius)) + var(--mod-focus-indicator-gap, var(--spectrum-focus-indicator-gap)))}:host .spectrum-Button--iconOnly{border-radius:50%;min-inline-size:unset;padding:calc(var(
+--mod-button-edge-to-visual-only,
+var(--spectrum-button-edge-to-visual-only)
+) - var(--mod-button-border-width, var(--spectrum-button-border-width)))}:host .spectrum-Button--iconOnly ::slotted([slot=icon]){margin-inline-start:0}:host .spectrum-Button--iconOnly:after{border-radius:50%}#label{align-self:start;line-height:var(
+--mod-button-line-height,var(--spectrum-button-line-height)
+);padding-block-end:calc(var(--mod-button-bottom-to-text, var(--spectrum-button-bottom-to-text)) - var(--mod-button-border-width, var(--spectrum-button-border-width)));padding-block-start:calc(var(--mod-button-top-to-text, var(--spectrum-button-top-to-text)) - var(--mod-button-border-width, var(--spectrum-button-border-width)));white-space:nowrap}:host(.focus-visible):after,:host([focused]):after{box-shadow:0 0 0 var(
 --mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness)
@@ -69,0 +70,0 @@ ) var(

src/spectrum-button.css.js

 "use strict";import{css as t}from"@spectrum-web-components/base";const o=t`
 :host{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;-webkit-appearance:button;box-sizing:border-box;cursor:pointer;display:inline-flex;font-family:var(
 --mod-sans-font-family-stack,var(--spectrum-sans-font-family-stack)
-);justify-content:center;line-height:var(--mod-line-height-100,var(--spectrum-line-height-100));margin:0;overflow:visible;text-decoration:none;text-transform:none;transition:background var(
+);justify-content:center;line-height:var(--mod-line-height-100,var(--spectrum-line-height-100));margin:0;overflow:visible;-webkit-text-decoration:none;text-decoration:none;text-transform:none;transition:background var(
 --mod-animation-duration-100,var(--spectrum-animation-duration-100)
@@ -18,30 +18,32 @@ ) ease-out,border-color var(
 --spectrum-animation-duration-100
-);--spectrum-button-border-radius:var(--spectrum-corner-radius-100);--spectrum-button-border-width:var(--spectrum-border-width-200);--spectrum-button-focus-ring-gap:var(--spectrum-focus-indicator-gap);--spectrum-button-focus-ring-thickness:var(
+);--spectrum-button-border-radius:var(--spectrum-corner-radius-100);--spectrum-button-border-width:var(--spectrum-border-width-200);--spectrum-button-line-height:1.2;--spectrum-button-focus-ring-border-radius:calc(var(--spectrum-button-border-radius) + var(--spectrum-button-focus-ring-gap));--spectrum-button-focus-ring-gap:var(--spectrum-focus-indicator-gap);--spectrum-button-focus-ring-thickness:var(
 --spectrum-focus-indicator-thickness
 );--spectrum-button-focus-indicator-color:var(
 --spectrum-focus-indicator-color
-);--spectrum-button-focus-ring-border-radius:calc(var(--spectrum-button-border-radius) + var(--spectrum-button-focus-ring-gap))}:host([size=s]){--spectrum-button-min-width:calc(var(--spectrum-component-height-75)*var(--spectrum-button-minimum-width-multiplier));--spectrum-button-border-radius:var(
+)}:host([size=s]){--spectrum-button-min-width:calc(var(--spectrum-component-height-75)*var(--spectrum-button-minimum-width-multiplier));--spectrum-button-border-radius:var(
 --spectrum-component-pill-edge-to-text-75
-);--spectrum-button-height:var(--spectrum-component-height-75);--spectrum-button-font-size:var(--spectrum-font-size-75);--spectrum-button-edge-to-visual:calc(var(--spectrum-component-pill-edge-to-visual-75) - var(--spectrum-button-border-width));--spectrum-button-edge-to-text:calc(var(--spectrum-component-pill-edge-to-text-75) - var(--spectrum-button-border-width));--spectrum-button-padding-label-to-icon:var(--spectrum-text-to-visual-75);--spectrum-button-padding-label-top:var(
---spectrum-component-top-to-text-75
-);--spectrum-button-padding-label-bottom:var(
---spectrum-component-bottom-to-text-75
+);--spectrum-button-height:var(--spectrum-component-height-75);--spectrum-button-font-size:var(--spectrum-font-size-75);--spectrum-button-edge-to-visual:calc(var(--spectrum-component-pill-edge-to-visual-75) - var(--spectrum-button-border-width));--spectrum-button-edge-to-visual-only:var(
+--spectrum-component-pill-edge-to-visual-only-75
+);--spectrum-button-edge-to-text:calc(var(--spectrum-component-pill-edge-to-text-75) - var(--spectrum-button-border-width));--spectrum-button-padding-label-to-icon:var(--spectrum-text-to-visual-75);--spectrum-button-top-to-text:var(--spectrum-button-top-to-text-small);--spectrum-button-bottom-to-text:var(
+--spectrum-button-bottom-to-text-small
 )}:host([size=m]){--spectrum-button-min-width:calc(var(--spectrum-component-height-100)*var(--spectrum-button-minimum-width-multiplier));--spectrum-button-border-radius:var(
 --spectrum-component-pill-edge-to-text-100
-);--spectrum-button-height:var(--spectrum-component-height-100);--spectrum-button-font-size:var(--spectrum-font-size-100);--spectrum-button-edge-to-visual:calc(var(--spectrum-component-pill-edge-to-visual-100) - var(--spectrum-button-border-width));--spectrum-button-edge-to-text:calc(var(--spectrum-component-pill-edge-to-text-100) - var(--spectrum-button-border-width));--spectrum-button-padding-label-to-icon:var(--spectrum-text-to-visual-100);--spectrum-button-padding-label-top:var(
---spectrum-component-top-to-text-100
-);--spectrum-button-padding-label-bottom:var(
---spectrum-component-bottom-to-text-100
+);--spectrum-button-height:var(--spectrum-component-height-100);--spectrum-button-font-size:var(--spectrum-font-size-100);--spectrum-button-edge-to-visual:calc(var(--spectrum-component-pill-edge-to-visual-100) - var(--spectrum-button-border-width));--spectrum-button-edge-to-visual-only:var(
+--spectrum-component-pill-edge-to-visual-only-100
+);--spectrum-button-edge-to-text:calc(var(--spectrum-component-pill-edge-to-text-100) - var(--spectrum-button-border-width));--spectrum-button-padding-label-to-icon:var(--spectrum-text-to-visual-100);--spectrum-button-top-to-text:var(--spectrum-button-top-to-text-medium);--spectrum-button-bottom-to-text:var(
+--spectrum-button-bottom-to-text-medium
 )}:host([size=l]){--spectrum-button-min-width:calc(var(--spectrum-component-height-200)*var(--spectrum-button-minimum-width-multiplier));--spectrum-button-border-radius:var(
 --spectrum-component-pill-edge-to-text-200
-);--spectrum-button-height:var(--spectrum-component-height-200);--spectrum-button-font-size:var(--spectrum-font-size-200);--spectrum-button-edge-to-visual:calc(var(--spectrum-component-pill-edge-to-visual-200) - var(--spectrum-button-border-width));--spectrum-button-edge-to-text:calc(var(--spectrum-component-pill-edge-to-text-200) - var(--spectrum-button-border-width));--spectrum-button-padding-label-to-icon:var(--spectrum-text-to-visual-200);--spectrum-button-padding-label-top:var(
---spectrum-component-top-to-text-200
-);--spectrum-button-padding-label-bottom:var(
---spectrum-component-bottom-to-text-200
+);--spectrum-button-height:var(--spectrum-component-height-200);--spectrum-button-font-size:var(--spectrum-font-size-200);--spectrum-button-edge-to-visual:calc(var(--spectrum-component-pill-edge-to-visual-200) - var(--spectrum-button-border-width));--spectrum-button-edge-to-visual-only:var(
+--spectrum-component-pill-edge-to-visual-only-200
+);--spectrum-button-edge-to-text:calc(var(--spectrum-component-pill-edge-to-text-200) - var(--spectrum-button-border-width));--spectrum-button-padding-label-to-icon:var(--spectrum-text-to-visual-200);--spectrum-button-top-to-text:var(--spectrum-button-top-to-text-large);--spectrum-button-bottom-to-text:var(
+--spectrum-button-bottom-to-text-large
 )}:host([size=xl]){--spectrum-button-min-width:calc(var(--spectrum-component-height-300)*var(--spectrum-button-minimum-width-multiplier));--spectrum-button-border-radius:var(
 --spectrum-component-pill-edge-to-text-300
-);--spectrum-button-height:var(--spectrum-component-height-300);--spectrum-button-font-size:var(--spectrum-font-size-300);--spectrum-button-edge-to-visual:calc(var(--spectrum-component-pill-edge-to-visual-300) - var(--spectrum-button-border-width));--spectrum-button-edge-to-text:calc(var(--spectrum-component-pill-edge-to-text-300) - var(--spectrum-button-border-width));--spectrum-button-padding-label-to-icon:var(--spectrum-text-to-visual-300);--spectrum-button-padding-label-top:var(
---spectrum-component-top-to-text-300
-);--spectrum-button-padding-label-bottom:var(
---spectrum-component-bottom-to-text-300
+);--spectrum-button-height:var(--spectrum-component-height-300);--spectrum-button-font-size:var(--spectrum-font-size-300);--spectrum-button-edge-to-visual:calc(var(--spectrum-component-pill-edge-to-visual-300) - var(--spectrum-button-border-width));--spectrum-button-edge-to-visual-only:var(
+--spectrum-component-pill-edge-to-visual-only-300
+);--spectrum-button-edge-to-text:calc(var(--spectrum-component-pill-edge-to-text-300) - var(--spectrum-button-border-width));--spectrum-button-padding-label-to-icon:var(--spectrum-text-to-visual-300);--spectrum-button-top-to-text:var(
+--spectrum-button-top-to-text-extra-large
+);--spectrum-button-bottom-to-text:var(
+--spectrum-button-bottom-to-text-extra-large
 )}:host{border-radius:var(
@@ -53,13 +55,12 @@ --mod-button-border-radius,var(--spectrum-button-border-radius)
 --mod-button-padding-label-to-icon,var(--spectrum-button-padding-label-to-icon)
-);height:var(--mod-button-height,var(--spectrum-button-height));min-block-size:var(--mod-button-height,var(--spectrum-button-height));min-inline-size:var(
+);min-block-size:var(--mod-button-height,var(--spectrum-button-height));min-inline-size:var(
 --mod-button-min-width,var(--spectrum-button-min-width)
 );padding-block:0;padding-inline:var(
 --mod-button-edge-to-text,var(--spectrum-button-edge-to-text)
-);position:relative}:host(:hover),:host([active]){box-shadow:none}::slotted([slot=icon]){color:inherit;margin-inline-start:calc(var(--mod-button-edge-to-visual, var(--spectrum-button-edge-to-visual)) - var(--mod-button-edge-to-text, var(--spectrum-button-edge-to-text)))}:host:after{border-radius:calc(var(--mod-button-border-radius, var(--spectrum-button-border-radius)) + var(--mod-focus-indicator-gap, var(--spectrum-focus-indicator-gap)))}#label{align-self:start;line-height:var(--spectrum-line-height-100);padding-block-end:calc(var(
---mod-button-padding-label-bottom,
-var(--spectrum-button-padding-label-bottom)
-) - var(--mod-button-border-width, var(--spectrum-button-border-width)));padding-block-start:calc(var(
---mod-button-padding-label-top,
-var(--spectrum-button-padding-label-top)
-) - var(--mod-button-border-width, var(--spectrum-button-border-width)));white-space:nowrap}:host(.focus-visible):after,:host([focused]):after{box-shadow:0 0 0 var(
+);position:relative}:host(:hover),:host([active]){box-shadow:none}::slotted([slot=icon]){color:inherit;margin-inline-start:calc(var(--mod-button-edge-to-visual, var(--spectrum-button-edge-to-visual)) - var(--mod-button-edge-to-text, var(--spectrum-button-edge-to-text)))}:host:after{border-radius:calc(var(--mod-button-border-radius, var(--spectrum-button-border-radius)) + var(--mod-focus-indicator-gap, var(--spectrum-focus-indicator-gap)))}:host .spectrum-Button--iconOnly{border-radius:50%;min-inline-size:unset;padding:calc(var(
+--mod-button-edge-to-visual-only,
+var(--spectrum-button-edge-to-visual-only)
+) - var(--mod-button-border-width, var(--spectrum-button-border-width)))}:host .spectrum-Button--iconOnly ::slotted([slot=icon]){margin-inline-start:0}:host .spectrum-Button--iconOnly:after{border-radius:50%}#label{align-self:start;line-height:var(
+--mod-button-line-height,var(--spectrum-button-line-height)
+);padding-block-end:calc(var(--mod-button-bottom-to-text, var(--spectrum-button-bottom-to-text)) - var(--mod-button-border-width, var(--spectrum-button-border-width)));padding-block-start:calc(var(--mod-button-top-to-text, var(--spectrum-button-top-to-text)) - var(--mod-button-border-width, var(--spectrum-button-border-width)));white-space:nowrap}:host(.focus-visible):after,:host([focused]):after{box-shadow:0 0 0 var(
 --mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness)
@@ -66,0 +67,0 @@ ) var(

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

Manifest confusion

Supply chain risk

This package has inconsistent metadata. This could be malicious or caused by an error when publishing the package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

781065

increased by7.85%

Number of package files

176

increased by0.57%

Lines of code

7786

increased by30.99%

Number of medium supply chain risk alerts

0

decreased by-100%

Dependency changes

• + Added@lit-labs/observers@2.0.3(transitive)

• + Added@lit/reactive-element@2.0.4(transitive)

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

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

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

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

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

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

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

• + Addedlit-html@3.2.0(transitive)

• - Removed@lit-labs/observers@1.1.0(transitive)

• - Removed@spectrum-web-components/base@0.7.6-overlay.62(transitive)

• - Removed@spectrum-web-components/clear-button@0.2.10-overlay.18(transitive)

• - Removed@spectrum-web-components/close-button@0.3.13-overlay.18(transitive)

• - Removed@spectrum-web-components/icon@0.12.12-overlay.18(transitive)

• - Removed@spectrum-web-components/icons-ui@0.9.13-overlay.18(transitive)

• - Removed@spectrum-web-components/iconset@0.7.8-overlay.62(transitive)

• - Removed@spectrum-web-components/shared@0.15.8-overlay.18(transitive)

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

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

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

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

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

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