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

Comparing version 0.40.4 to 0.40.5

package.json

 {
     "name": "@spectrum-web-components/button",
-    "version": "0.40.4",
+    "version": "0.40.5",
     "publishConfig": {
@@ -85,11 +85,11 @@ "access": "public"
     "dependencies": {
-        "@spectrum-web-components/base": "^0.40.4",
-        "@spectrum-web-components/clear-button": "^0.40.4",
-        "@spectrum-web-components/close-button": "^0.40.4",
-        "@spectrum-web-components/icon": "^0.40.4",
-        "@spectrum-web-components/icons-ui": "^0.40.4",
-        "@spectrum-web-components/shared": "^0.40.4"
+        "@spectrum-web-components/base": "^0.40.5",
+        "@spectrum-web-components/clear-button": "^0.40.5",
+        "@spectrum-web-components/close-button": "^0.40.5",
+        "@spectrum-web-components/icon": "^0.40.5",
+        "@spectrum-web-components/icons-ui": "^0.40.5",
+        "@spectrum-web-components/shared": "^0.40.5"
     },
     "devDependencies": {
-        "@spectrum-css/button": "^11.0.19"
+        "@spectrum-css/button": "^11.2.0"
     },
@@ -102,3 +102,3 @@ "types": "./src/index.d.ts",
     ],
-    "gitHead": "e7bca020d0da71c4d92e95044bf58780d2e8e603"
+    "gitHead": "2e0006478841b07af63c19a0167a136bf724d064"
 }

src/button.css.dev.js

@@ -5,15 +5,41 @@ "use strict";
 :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-button-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;-webkit-text-decoration:none;text-decoration:none;text-transform:none;transition:background var(
+)
+);justify-content:center;line-height:var(
+--mod-button-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-button-animation-duration,var(
 --mod-animation-duration-100,var(--spectrum-animation-duration-100)
+)
 ) ease-out,border-color var(
+--mod-button-animation-duration,var(
 --mod-animation-duration-100,var(--spectrum-animation-duration-100)
+)
 ) ease-out,color var(
+--mod-button-animation-duration,var(
 --mod-animation-duration-100,var(--spectrum-animation-duration-100)
+)
 ) ease-out,box-shadow var(
+--mod-button-animation-duration,var(
 --mod-animation-duration-100,var(--spectrum-animation-duration-100)
-) ease-out;-webkit-user-select:none;user-select:none;vertical-align:top}:host(:focus){outline:none}:host([disabled]){cursor:default}:host:after{display:block;inset-block:0;inset-inline:0;margin:calc(var(--mod-focus-indicator-gap, var(--spectrum-focus-indicator-gap))*-1);transition:opacity var(
+)
+) ease-out;-webkit-user-select:none;user-select:none;vertical-align:top}:host(:focus){outline:none}:host .is-disabled,:host([disabled]){cursor:default}:host:after{display:block;inset-block:0;inset-inline:0;margin:calc(var(
+--mod-button-focus-indicator-gap,
+var(
+--mod-focus-indicator-gap,
+var(--spectrum-focus-indicator-gap)
+)
+) * -1);transition:opacity var(
+--mod-button-animation-duration,var(
+--mod-button-animation-duration,var(
 --mod-animation-duration-100,var(--spectrum-animation-duration-100)
+)
+)
 ) ease-out,margin var(
+--mod-button-animation-duration,var(
+--mod-button-animation-duration,var(
 --mod-animation-duration-100,var(--spectrum-animation-duration-100)
+)
+)
 ) ease-out}:host(.focus-visible):after{margin:calc(var(--mod-focus-indicator-gap, var(--spectrum-focus-indicator-gap))*-2)}:host(:focus-visible):after{margin:calc(var(--mod-focus-indicator-gap, var(--spectrum-focus-indicator-gap))*-2)}#label{place-self:center;text-align:center}#label[hidden]{display:none}:host{--spectrum-button-animation-duration:var(
@@ -61,3 +87,3 @@ --spectrum-animation-duration-100
 --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)))}:host([icon-only]){border-radius:50%;min-inline-size:unset;padding:calc(var(
+);position:relative}: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([icon-only]){border-radius:50%;min-inline-size:unset;padding:calc(var(
 --mod-button-edge-to-visual-only,
@@ -115,3 +141,3 @@ var(--spectrum-button-edge-to-visual-only)
 )
-)}:host(:hover){background-color:var(
+)}@media (hover:hover){:host(:hover){box-shadow:none}:host(:hover){background-color:var(
 --highcontrast-button-background-color-hover,var(
@@ -128,3 +154,3 @@ --mod-button-background-color-hover,var(--spectrum-button-background-color-hover)
 )
-)}:host(.focus-visible){background-color:var(
+)}}:host(.focus-visible){background-color:var(
 --highcontrast-button-background-color-focus,var(
@@ -131,0 +157,0 @@ --mod-button-background-color-focus,var(--spectrum-button-background-color-focus)

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-button-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;-webkit-text-decoration:none;text-decoration:none;text-transform:none;transition:background var(
+)
+);justify-content:center;line-height:var(
+--mod-button-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-button-animation-duration,var(
 --mod-animation-duration-100,var(--spectrum-animation-duration-100)
+)
 ) ease-out,border-color var(
+--mod-button-animation-duration,var(
 --mod-animation-duration-100,var(--spectrum-animation-duration-100)
+)
 ) ease-out,color var(
+--mod-button-animation-duration,var(
 --mod-animation-duration-100,var(--spectrum-animation-duration-100)
+)
 ) ease-out,box-shadow var(
+--mod-button-animation-duration,var(
 --mod-animation-duration-100,var(--spectrum-animation-duration-100)
-) ease-out;-webkit-user-select:none;user-select:none;vertical-align:top}:host(:focus){outline:none}:host([disabled]){cursor:default}:host:after{display:block;inset-block:0;inset-inline:0;margin:calc(var(--mod-focus-indicator-gap, var(--spectrum-focus-indicator-gap))*-1);transition:opacity var(
+)
+) ease-out;-webkit-user-select:none;user-select:none;vertical-align:top}:host(:focus){outline:none}:host .is-disabled,:host([disabled]){cursor:default}:host:after{display:block;inset-block:0;inset-inline:0;margin:calc(var(
+--mod-button-focus-indicator-gap,
+var(
+--mod-focus-indicator-gap,
+var(--spectrum-focus-indicator-gap)
+)
+) * -1);transition:opacity var(
+--mod-button-animation-duration,var(
+--mod-button-animation-duration,var(
 --mod-animation-duration-100,var(--spectrum-animation-duration-100)
+)
+)
 ) ease-out,margin var(
+--mod-button-animation-duration,var(
+--mod-button-animation-duration,var(
 --mod-animation-duration-100,var(--spectrum-animation-duration-100)
+)
+)
 ) ease-out}:host(.focus-visible):after{margin:calc(var(--mod-focus-indicator-gap, var(--spectrum-focus-indicator-gap))*-2)}:host(:focus-visible):after{margin:calc(var(--mod-focus-indicator-gap, var(--spectrum-focus-indicator-gap))*-2)}#label{place-self:center;text-align:center}#label[hidden]{display:none}:host{--spectrum-button-animation-duration:var(
@@ -58,3 +84,3 @@ --spectrum-animation-duration-100
 --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)))}:host([icon-only]){border-radius:50%;min-inline-size:unset;padding:calc(var(
+);position:relative}: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([icon-only]){border-radius:50%;min-inline-size:unset;padding:calc(var(
 --mod-button-edge-to-visual-only,
@@ -112,3 +138,3 @@ var(--spectrum-button-edge-to-visual-only)
 )
-)}:host(:hover){background-color:var(
+)}@media (hover:hover){:host(:hover){box-shadow:none}:host(:hover){background-color:var(
 --highcontrast-button-background-color-hover,var(
@@ -125,3 +151,3 @@ --mod-button-background-color-hover,var(--spectrum-button-background-color-hover)
 )
-)}:host(.focus-visible){background-color:var(
+)}}:host(.focus-visible){background-color:var(
 --highcontrast-button-background-color-focus,var(
@@ -128,0 +154,0 @@ --mod-button-background-color-focus,var(--spectrum-button-background-color-focus)

src/CloseButton.d.ts

 import { CSSResultArray, TemplateResult } from '@spectrum-web-components/base';
 import { StyledButton } from './StyledButton.js';
-import '@spectrum-web-components/icons-ui/icons/sp-icon-cross75.js';
-import '@spectrum-web-components/icons-ui/icons/sp-icon-cross100.js';
 import '@spectrum-web-components/icons-ui/icons/sp-icon-cross200.js';
 import '@spectrum-web-components/icons-ui/icons/sp-icon-cross300.js';
+import '@spectrum-web-components/icons-ui/icons/sp-icon-cross400.js';
+import '@spectrum-web-components/icons-ui/icons/sp-icon-cross500.js';
 import type { ButtonStatics } from './Button.js';
@@ -8,0 +8,0 @@ declare const CloseButton_base: typeof StyledButton & {

src/CloseButton.dev.js

@@ -20,31 +20,31 @@ "use strict";
 import buttonStyles from "@spectrum-web-components/close-button/src/close-button.css.js";
-import "@spectrum-web-components/icons-ui/icons/sp-icon-cross75.js";
-import "@spectrum-web-components/icons-ui/icons/sp-icon-cross100.js";
 import "@spectrum-web-components/icons-ui/icons/sp-icon-cross200.js";
 import "@spectrum-web-components/icons-ui/icons/sp-icon-cross300.js";
+import "@spectrum-web-components/icons-ui/icons/sp-icon-cross400.js";
+import "@spectrum-web-components/icons-ui/icons/sp-icon-cross500.js";
 import crossMediumStyles from "@spectrum-web-components/icon/src/spectrum-icon-cross.css.js";
 const crossIcon = {
   s: () => html`
-        <sp-icon-cross75
+        <sp-icon-cross200
             slot="icon"
-            class="icon spectrum-UIIcon-Cross75"
-        ></sp-icon-cross75>
+            class="icon spectrum-UIIcon-Cross200"
+        ></sp-icon-cross200>
     `,
   m: () => html`
-        <sp-icon-cross100
+        <sp-icon-cross300
             slot="icon"
-            class="icon spectrum-UIIcon-Cross100"
-        ></sp-icon-cross100>
+            class="icon spectrum-UIIcon-Cross300"
+        ></sp-icon-cross300>
     `,
   l: () => html`
-        <sp-icon-cross200
+        <sp-icon-cross400
             slot="icon"
-            class="icon spectrum-UIIcon-Cross200"
-        ></sp-icon-cross200>
+            class="icon spectrum-UIIcon-Cross400"
+        ></sp-icon-cross400>
     `,
   xl: () => html`
-        <sp-icon-cross300
+        <sp-icon-cross500
             slot="icon"
-            class="icon spectrum-UIIcon-Cross300"
-        ></sp-icon-cross300>
+            class="icon spectrum-UIIcon-Cross500"
+        ></sp-icon-cross500>
     `
@@ -51,0 +51,0 @@ };

src/CloseButton.js

@@ -1,12 +0,2 @@
-"use strict";var m=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var p=(c,t,e,o)=>{for(var s=o>1?void 0:o?u(t,e):t,i=c.length-1,n;i>=0;i--)(n=c[i])&&(s=(o?n(t,e,s):n(s))||s);return o&&s&&m(t,e,s),s};import{html as r,SizedMixin as a}from"@spectrum-web-components/base";import{property as l}from"@spectrum-web-components/base/src/decorators.js";import{StyledButton as S}from"./StyledButton.js";import d from"@spectrum-web-components/close-button/src/close-button.css.js";import"@spectrum-web-components/icons-ui/icons/sp-icon-cross75.js";import"@spectrum-web-components/icons-ui/icons/sp-icon-cross100.js";import"@spectrum-web-components/icons-ui/icons/sp-icon-cross200.js";import"@spectrum-web-components/icons-ui/icons/sp-icon-cross300.js";import f from"@spectrum-web-components/icon/src/spectrum-icon-cross.css.js";const y={s:()=>r`
-        <sp-icon-cross75
-            slot="icon"
-            class="icon spectrum-UIIcon-Cross75"
-        ></sp-icon-cross75>
-    `,m:()=>r`
-        <sp-icon-cross100
-            slot="icon"
-            class="icon spectrum-UIIcon-Cross100"
-        ></sp-icon-cross100>
-    `,l:()=>r`
+"use strict";var m=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var p=(c,t,e,o)=>{for(var s=o>1?void 0:o?u(t,e):t,i=c.length-1,n;i>=0;i--)(n=c[i])&&(s=(o?n(t,e,s):n(s))||s);return o&&s&&m(t,e,s),s};import{html as r,SizedMixin as a}from"@spectrum-web-components/base";import{property as l}from"@spectrum-web-components/base/src/decorators.js";import{StyledButton as S}from"./StyledButton.js";import d from"@spectrum-web-components/close-button/src/close-button.css.js";import"@spectrum-web-components/icons-ui/icons/sp-icon-cross200.js";import"@spectrum-web-components/icons-ui/icons/sp-icon-cross300.js";import"@spectrum-web-components/icons-ui/icons/sp-icon-cross400.js";import"@spectrum-web-components/icons-ui/icons/sp-icon-cross500.js";import f from"@spectrum-web-components/icon/src/spectrum-icon-cross.css.js";const y={s:()=>r`
         <sp-icon-cross200
@@ -16,3 +6,3 @@ slot="icon"
         ></sp-icon-cross200>
-    `,xl:()=>r`
+    `,m:()=>r`
         <sp-icon-cross300
@@ -22,3 +12,13 @@ slot="icon"
         ></sp-icon-cross300>
+    `,l:()=>r`
+        <sp-icon-cross400
+            slot="icon"
+            class="icon spectrum-UIIcon-Cross400"
+        ></sp-icon-cross400>
+    `,xl:()=>r`
+        <sp-icon-cross500
+            slot="icon"
+            class="icon spectrum-UIIcon-Cross500"
+        ></sp-icon-cross500>
     `};export class CloseButton extends a(S,{noDefaultSize:!0}){constructor(){super(...arguments);this.variant=""}static get styles(){return[...super.styles,d,f]}get buttonContent(){return[y[this.size]()]}}p([l({reflect:!0})],CloseButton.prototype,"variant",2),p([l({type:String,reflect:!0})],CloseButton.prototype,"static",2);
 //# sourceMappingURL=CloseButton.js.map

src/spectrum-button.css.dev.js

@@ -5,15 +5,41 @@ "use strict";
 :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-button-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;-webkit-text-decoration:none;text-decoration:none;text-transform:none;transition:background var(
+)
+);justify-content:center;line-height:var(
+--mod-button-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-button-animation-duration,var(
 --mod-animation-duration-100,var(--spectrum-animation-duration-100)
+)
 ) ease-out,border-color var(
+--mod-button-animation-duration,var(
 --mod-animation-duration-100,var(--spectrum-animation-duration-100)
+)
 ) ease-out,color var(
+--mod-button-animation-duration,var(
 --mod-animation-duration-100,var(--spectrum-animation-duration-100)
+)
 ) ease-out,box-shadow var(
+--mod-button-animation-duration,var(
 --mod-animation-duration-100,var(--spectrum-animation-duration-100)
-) ease-out;-webkit-user-select:none;user-select:none;vertical-align:top}:host(:focus){outline:none}:host([disabled]){cursor:default}:host:after{display:block;inset-block:0;inset-inline:0;margin:calc(var(--mod-focus-indicator-gap, var(--spectrum-focus-indicator-gap))*-1);transition:opacity var(
+)
+) ease-out;-webkit-user-select:none;user-select:none;vertical-align:top}:host(:focus){outline:none}:host .is-disabled,:host([disabled]){cursor:default}:host:after{display:block;inset-block:0;inset-inline:0;margin:calc(var(
+--mod-button-focus-indicator-gap,
+var(
+--mod-focus-indicator-gap,
+var(--spectrum-focus-indicator-gap)
+)
+) * -1);transition:opacity var(
+--mod-button-animation-duration,var(
+--mod-button-animation-duration,var(
 --mod-animation-duration-100,var(--spectrum-animation-duration-100)
+)
+)
 ) ease-out,margin var(
+--mod-button-animation-duration,var(
+--mod-button-animation-duration,var(
 --mod-animation-duration-100,var(--spectrum-animation-duration-100)
+)
+)
 ) ease-out}:host(.focus-visible):after{margin:calc(var(--mod-focus-indicator-gap, var(--spectrum-focus-indicator-gap))*-2)}:host(:focus-visible):after{margin:calc(var(--mod-focus-indicator-gap, var(--spectrum-focus-indicator-gap))*-2)}#label{place-self:center;text-align:center}#label[hidden]{display:none}:host{--spectrum-button-animation-duration:var(
@@ -61,3 +87,3 @@ --spectrum-animation-duration-100
 --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)))}:host([icon-only]){border-radius:50%;min-inline-size:unset;padding:calc(var(
+);position:relative}: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([icon-only]){border-radius:50%;min-inline-size:unset;padding:calc(var(
 --mod-button-edge-to-visual-only,
@@ -115,3 +141,3 @@ var(--spectrum-button-edge-to-visual-only)
 )
-)}:host(:hover){background-color:var(
+)}@media (hover:hover){:host(:hover){box-shadow:none}:host(:hover){background-color:var(
 --highcontrast-button-background-color-hover,var(
@@ -128,3 +154,3 @@ --mod-button-background-color-hover,var(--spectrum-button-background-color-hover)
 )
-)}:host(.focus-visible){background-color:var(
+)}}:host(.focus-visible){background-color:var(
 --highcontrast-button-background-color-focus,var(
@@ -131,0 +157,0 @@ --mod-button-background-color-focus,var(--spectrum-button-background-color-focus)

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-button-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;-webkit-text-decoration:none;text-decoration:none;text-transform:none;transition:background var(
+)
+);justify-content:center;line-height:var(
+--mod-button-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-button-animation-duration,var(
 --mod-animation-duration-100,var(--spectrum-animation-duration-100)
+)
 ) ease-out,border-color var(
+--mod-button-animation-duration,var(
 --mod-animation-duration-100,var(--spectrum-animation-duration-100)
+)
 ) ease-out,color var(
+--mod-button-animation-duration,var(
 --mod-animation-duration-100,var(--spectrum-animation-duration-100)
+)
 ) ease-out,box-shadow var(
+--mod-button-animation-duration,var(
 --mod-animation-duration-100,var(--spectrum-animation-duration-100)
-) ease-out;-webkit-user-select:none;user-select:none;vertical-align:top}:host(:focus){outline:none}:host([disabled]){cursor:default}:host:after{display:block;inset-block:0;inset-inline:0;margin:calc(var(--mod-focus-indicator-gap, var(--spectrum-focus-indicator-gap))*-1);transition:opacity var(
+)
+) ease-out;-webkit-user-select:none;user-select:none;vertical-align:top}:host(:focus){outline:none}:host .is-disabled,:host([disabled]){cursor:default}:host:after{display:block;inset-block:0;inset-inline:0;margin:calc(var(
+--mod-button-focus-indicator-gap,
+var(
+--mod-focus-indicator-gap,
+var(--spectrum-focus-indicator-gap)
+)
+) * -1);transition:opacity var(
+--mod-button-animation-duration,var(
+--mod-button-animation-duration,var(
 --mod-animation-duration-100,var(--spectrum-animation-duration-100)
+)
+)
 ) ease-out,margin var(
+--mod-button-animation-duration,var(
+--mod-button-animation-duration,var(
 --mod-animation-duration-100,var(--spectrum-animation-duration-100)
+)
+)
 ) ease-out}:host(.focus-visible):after{margin:calc(var(--mod-focus-indicator-gap, var(--spectrum-focus-indicator-gap))*-2)}:host(:focus-visible):after{margin:calc(var(--mod-focus-indicator-gap, var(--spectrum-focus-indicator-gap))*-2)}#label{place-self:center;text-align:center}#label[hidden]{display:none}:host{--spectrum-button-animation-duration:var(
@@ -58,3 +84,3 @@ --spectrum-animation-duration-100
 --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)))}:host([icon-only]){border-radius:50%;min-inline-size:unset;padding:calc(var(
+);position:relative}: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([icon-only]){border-radius:50%;min-inline-size:unset;padding:calc(var(
 --mod-button-edge-to-visual-only,
@@ -112,3 +138,3 @@ var(--spectrum-button-edge-to-visual-only)
 )
-)}:host(:hover){background-color:var(
+)}@media (hover:hover){:host(:hover){box-shadow:none}:host(:hover){background-color:var(
 --highcontrast-button-background-color-hover,var(
@@ -125,3 +151,3 @@ --mod-button-background-color-hover,var(--spectrum-button-background-color-hover)
 )
-)}:host(.focus-visible){background-color:var(
+)}}:host(.focus-visible){background-color:var(
 --highcontrast-button-background-color-focus,var(
@@ -128,0 +154,0 @@ --mod-button-background-color-focus,var(--spectrum-button-background-color-focus)

No alert changes

Improved metrics

Total package byte prevSize

869138

increased by0.52%

Lines of code

8677

increased by1.17%

Dependency changes

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

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

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

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

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

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