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

Comparing version 0.40.4 to 0.40.5

package.json

 {
     "name": "@spectrum-web-components/action-button",
-    "version": "0.40.4",
+    "version": "0.40.5",
     "publishConfig": {
@@ -60,10 +60,10 @@ "access": "public"
     "dependencies": {
-        "@spectrum-web-components/base": "^0.40.4",
-        "@spectrum-web-components/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/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/actionbutton": "^5.0.18"
+        "@spectrum-css/actionbutton": "^5.2.0"
     },
@@ -76,3 +76,3 @@ "types": "./src/index.d.ts",
     ],
-    "gitHead": "e7bca020d0da71c4d92e95044bf58780d2e8e603"
+    "gitHead": "2e0006478841b07af63c19a0167a136bf724d064"
 }

src/action-button.css.dev.js

@@ -5,11 +5,23 @@ "use strict";
 :host{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;-webkit-appearance:button;border-style:solid;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}::slotted([slot=icon]){max-block-size:100%}#label{place-self:center;text-align:center}#label:empty{display:none}:host{--spectrum-actionbutton-animation-duration:var(
@@ -31,3 +43,3 @@ --spectrum-animation-duration-100
 --spectrum-focus-indicator-color
-);--spectrum-actionbutton-focus-indicator-border-radius:calc(var(--spectrum-actionbutton-border-radius) + var(--spectrum-actionbutton-focus-indicator-gap))}:host([selected]){--mod-actionbutton-background-color-default:var(
+);--spectrum-actionbutton-focus-indicator-border-radius:calc(var(--spectrum-actionbutton-border-radius) + var(--spectrum-actionbutton-focus-indicator-gap))}:host([dir=rtl]),[dir=rtl] :host{--spectrum-logical-rotation:matrix(-1,0,0,1,0,0)}:host([selected]){--mod-actionbutton-background-color-default:var(
 --mod-actionbutton-background-color-default-selected,var(--spectrum-neutral-background-color-selected-default)
@@ -74,3 +86,3 @@ );--mod-actionbutton-background-color-hover:var(
 --spectrum-action-button-edge-to-hold-icon-extra-large
-);--spectrum-actionbutton-edge-to-visual:calc(var(--spectrum-component-edge-to-visual-300) - var(--spectrum-actionbutton-border-width));--spectrum-actionbutton-edge-to-text:calc(var(--spectrum-component-edge-to-text-300) - var(--spectrum-actionbutton-border-width));--spectrum-actionbutton-edge-to-visual-only:calc(var(--spectrum-component-edge-to-visual-only-300) - var(--spectrum-actionbutton-border-width))}@media (forced-colors:active){:host{--highcontrast-actionbutton-focus-indicator-color:ButtonText}:host:after{forced-color-adjust:none}:host([selected]){--highcontrast-actionbutton-background-color-default:Highlight;--highcontrast-actionbutton-background-color-hover:Highlight;--highcontrast-actionbutton-background-color-focus:Highlight;--highcontrast-actionbutton-background-color-down:Highlight;--highcontrast-actionbutton-background-color-disabled:ButtonFace;--highcontrast-actionbutton-border-color-default:HighlightText;--highcontrast-actionbutton-border-color-hover:HighlightText;--highcontrast-actionbutton-border-color-focus:HighlightText;--highcontrast-actionbutton-border-color-down:HighlightText;--highcontrast-actionbutton-border-color-disabled:GrayText;--highcontrast-actionbutton-content-color-default:HighlightText;--highcontrast-actionbutton-content-color-hover:HighlightText;--highcontrast-actionbutton-content-color-focus:HighlightText;--highcontrast-actionbutton-content-color-down:HighlightText;--highcontrast-actionbutton-content-color-disabled:GrayText}:host([selected]) #label,:host([selected]) .hold-affordance,:host([selected]) ::slotted([slot=icon]){forced-color-adjust:none}}:host{background-color:var(
+);--spectrum-actionbutton-edge-to-visual:calc(var(--spectrum-component-edge-to-visual-300) - var(--spectrum-actionbutton-border-width));--spectrum-actionbutton-edge-to-text:calc(var(--spectrum-component-edge-to-text-300) - var(--spectrum-actionbutton-border-width));--spectrum-actionbutton-edge-to-visual-only:calc(var(--spectrum-component-edge-to-visual-only-300) - var(--spectrum-actionbutton-border-width))}@media (forced-colors:active){:host:after{forced-color-adjust:none}:host{--highcontrast-actionbutton-focus-indicator-color:ButtonText}:host([selected]){--highcontrast-actionbutton-background-color-default:Highlight;--highcontrast-actionbutton-background-color-hover:Highlight;--highcontrast-actionbutton-background-color-focus:Highlight;--highcontrast-actionbutton-background-color-down:Highlight;--highcontrast-actionbutton-background-color-disabled:ButtonFace;--highcontrast-actionbutton-border-color-default:HighlightText;--highcontrast-actionbutton-border-color-hover:HighlightText;--highcontrast-actionbutton-border-color-focus:HighlightText;--highcontrast-actionbutton-border-color-down:HighlightText;--highcontrast-actionbutton-border-color-disabled:GrayText;--highcontrast-actionbutton-content-color-default:HighlightText;--highcontrast-actionbutton-content-color-hover:HighlightText;--highcontrast-actionbutton-content-color-focus:HighlightText;--highcontrast-actionbutton-content-color-down:HighlightText;--highcontrast-actionbutton-content-color-disabled:GrayText}:host([selected]) #label,:host([selected]) .hold-affordance,:host([selected]) ::slotted([slot=icon]){forced-color-adjust:none}}:host{background-color:var(
 --highcontrast-actionbutton-background-color-default,var(
@@ -106,3 +118,3 @@ --mod-actionbutton-background-color-default,var(--spectrum-actionbutton-background-color-default)
 --mod-actionbutton-edge-to-text,var(--spectrum-actionbutton-edge-to-text)
-);position:relative}:host(:hover){background-color:var(
+);position:relative}@media (hover:hover){:host(:hover){background-color:var(
 --highcontrast-actionbutton-background-color-hover,var(
@@ -119,3 +131,3 @@ --mod-actionbutton-background-color-hover,var(--spectrum-actionbutton-background-color-hover)
 )
-)}:host(.focus-visible){background-color:var(
+)}}:host(.focus-visible){background-color:var(
 --highcontrast-actionbutton-background-color-focus,var(
@@ -192,3 +204,3 @@ --mod-actionbutton-background-color-focus,var(--spectrum-actionbutton-background-color-focus)
 --mod-actionbutton-font-size,var(--spectrum-actionbutton-font-size)
-);overflow:hidden;pointer-events:none;text-overflow:ellipsis;white-space:nowrap}:host([dir=rtl]) .hold-affordance{transform:matrix(-1,0,0,1,0,0)}.hold-affordance{color:inherit;inset-block-end:calc(var(
+);overflow:hidden;pointer-events:none;text-overflow:ellipsis;white-space:nowrap}.hold-affordance{color:inherit;inset-block-end:calc(var(
 --mod-actionbutton-edge-to-hold-icon,
@@ -205,3 +217,3 @@ var(--spectrum-actionbutton-edge-to-hold-icon)
 var(--spectrum-actionbutton-border-width)
-));position:absolute}:host{transition:border-color var(
+));position:absolute;transform:var(--spectrum-logical-rotation)}:host{transition:border-color var(
 --mod-actionbutton-animation-duration,var(--spectrum-actionbutton-animation-duration)
@@ -208,0 +220,0 @@ ) ease-in-out}:host:after{border-radius:var(

src/action-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;border-style:solid;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}::slotted([slot=icon]){max-block-size:100%}#label{place-self:center;text-align:center}#label:empty{display:none}:host{--spectrum-actionbutton-animation-duration:var(
@@ -28,3 +40,3 @@ --spectrum-animation-duration-100
 --spectrum-focus-indicator-color
-);--spectrum-actionbutton-focus-indicator-border-radius:calc(var(--spectrum-actionbutton-border-radius) + var(--spectrum-actionbutton-focus-indicator-gap))}:host([selected]){--mod-actionbutton-background-color-default:var(
+);--spectrum-actionbutton-focus-indicator-border-radius:calc(var(--spectrum-actionbutton-border-radius) + var(--spectrum-actionbutton-focus-indicator-gap))}:host([dir=rtl]),[dir=rtl] :host{--spectrum-logical-rotation:matrix(-1,0,0,1,0,0)}:host([selected]){--mod-actionbutton-background-color-default:var(
 --mod-actionbutton-background-color-default-selected,var(--spectrum-neutral-background-color-selected-default)
@@ -71,3 +83,3 @@ );--mod-actionbutton-background-color-hover:var(
 --spectrum-action-button-edge-to-hold-icon-extra-large
-);--spectrum-actionbutton-edge-to-visual:calc(var(--spectrum-component-edge-to-visual-300) - var(--spectrum-actionbutton-border-width));--spectrum-actionbutton-edge-to-text:calc(var(--spectrum-component-edge-to-text-300) - var(--spectrum-actionbutton-border-width));--spectrum-actionbutton-edge-to-visual-only:calc(var(--spectrum-component-edge-to-visual-only-300) - var(--spectrum-actionbutton-border-width))}@media (forced-colors:active){:host{--highcontrast-actionbutton-focus-indicator-color:ButtonText}:host:after{forced-color-adjust:none}:host([selected]){--highcontrast-actionbutton-background-color-default:Highlight;--highcontrast-actionbutton-background-color-hover:Highlight;--highcontrast-actionbutton-background-color-focus:Highlight;--highcontrast-actionbutton-background-color-down:Highlight;--highcontrast-actionbutton-background-color-disabled:ButtonFace;--highcontrast-actionbutton-border-color-default:HighlightText;--highcontrast-actionbutton-border-color-hover:HighlightText;--highcontrast-actionbutton-border-color-focus:HighlightText;--highcontrast-actionbutton-border-color-down:HighlightText;--highcontrast-actionbutton-border-color-disabled:GrayText;--highcontrast-actionbutton-content-color-default:HighlightText;--highcontrast-actionbutton-content-color-hover:HighlightText;--highcontrast-actionbutton-content-color-focus:HighlightText;--highcontrast-actionbutton-content-color-down:HighlightText;--highcontrast-actionbutton-content-color-disabled:GrayText}:host([selected]) #label,:host([selected]) .hold-affordance,:host([selected]) ::slotted([slot=icon]){forced-color-adjust:none}}:host{background-color:var(
+);--spectrum-actionbutton-edge-to-visual:calc(var(--spectrum-component-edge-to-visual-300) - var(--spectrum-actionbutton-border-width));--spectrum-actionbutton-edge-to-text:calc(var(--spectrum-component-edge-to-text-300) - var(--spectrum-actionbutton-border-width));--spectrum-actionbutton-edge-to-visual-only:calc(var(--spectrum-component-edge-to-visual-only-300) - var(--spectrum-actionbutton-border-width))}@media (forced-colors:active){:host:after{forced-color-adjust:none}:host{--highcontrast-actionbutton-focus-indicator-color:ButtonText}:host([selected]){--highcontrast-actionbutton-background-color-default:Highlight;--highcontrast-actionbutton-background-color-hover:Highlight;--highcontrast-actionbutton-background-color-focus:Highlight;--highcontrast-actionbutton-background-color-down:Highlight;--highcontrast-actionbutton-background-color-disabled:ButtonFace;--highcontrast-actionbutton-border-color-default:HighlightText;--highcontrast-actionbutton-border-color-hover:HighlightText;--highcontrast-actionbutton-border-color-focus:HighlightText;--highcontrast-actionbutton-border-color-down:HighlightText;--highcontrast-actionbutton-border-color-disabled:GrayText;--highcontrast-actionbutton-content-color-default:HighlightText;--highcontrast-actionbutton-content-color-hover:HighlightText;--highcontrast-actionbutton-content-color-focus:HighlightText;--highcontrast-actionbutton-content-color-down:HighlightText;--highcontrast-actionbutton-content-color-disabled:GrayText}:host([selected]) #label,:host([selected]) .hold-affordance,:host([selected]) ::slotted([slot=icon]){forced-color-adjust:none}}:host{background-color:var(
 --highcontrast-actionbutton-background-color-default,var(
@@ -103,3 +115,3 @@ --mod-actionbutton-background-color-default,var(--spectrum-actionbutton-background-color-default)
 --mod-actionbutton-edge-to-text,var(--spectrum-actionbutton-edge-to-text)
-);position:relative}:host(:hover){background-color:var(
+);position:relative}@media (hover:hover){:host(:hover){background-color:var(
 --highcontrast-actionbutton-background-color-hover,var(
@@ -116,3 +128,3 @@ --mod-actionbutton-background-color-hover,var(--spectrum-actionbutton-background-color-hover)
 )
-)}:host(.focus-visible){background-color:var(
+)}}:host(.focus-visible){background-color:var(
 --highcontrast-actionbutton-background-color-focus,var(
@@ -189,3 +201,3 @@ --mod-actionbutton-background-color-focus,var(--spectrum-actionbutton-background-color-focus)
 --mod-actionbutton-font-size,var(--spectrum-actionbutton-font-size)
-);overflow:hidden;pointer-events:none;text-overflow:ellipsis;white-space:nowrap}:host([dir=rtl]) .hold-affordance{transform:matrix(-1,0,0,1,0,0)}.hold-affordance{color:inherit;inset-block-end:calc(var(
+);overflow:hidden;pointer-events:none;text-overflow:ellipsis;white-space:nowrap}.hold-affordance{color:inherit;inset-block-end:calc(var(
 --mod-actionbutton-edge-to-hold-icon,
@@ -202,3 +214,3 @@ var(--spectrum-actionbutton-edge-to-hold-icon)
 var(--spectrum-actionbutton-border-width)
-));position:absolute}:host{transition:border-color var(
+));position:absolute;transform:var(--spectrum-logical-rotation)}:host{transition:border-color var(
 --mod-actionbutton-animation-duration,var(--spectrum-actionbutton-animation-duration)
@@ -205,0 +217,0 @@ ) ease-in-out}:host:after{border-radius:var(

src/spectrum-action-button.css.dev.js

@@ -5,11 +5,23 @@ "use strict";
 :host{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;-webkit-appearance:button;border-style:solid;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}::slotted([slot=icon]){flex-shrink:0;max-block-size:100%}#label{place-self:center;text-align:center}#label:empty{display:none}:host{--spectrum-actionbutton-animation-duration:var(
@@ -31,3 +43,3 @@ --spectrum-animation-duration-100
 --spectrum-focus-indicator-color
-);--spectrum-actionbutton-focus-indicator-border-radius:calc(var(--spectrum-actionbutton-border-radius) + var(--spectrum-actionbutton-focus-indicator-gap))}:host([selected]){--mod-actionbutton-background-color-default:var(
+);--spectrum-actionbutton-focus-indicator-border-radius:calc(var(--spectrum-actionbutton-border-radius) + var(--spectrum-actionbutton-focus-indicator-gap))}:host([dir=rtl]),[dir=rtl] :host{--spectrum-logical-rotation:matrix(-1,0,0,1,0,0)}:host([selected]){--mod-actionbutton-background-color-default:var(
 --mod-actionbutton-background-color-default-selected,var(--spectrum-neutral-background-color-selected-default)
@@ -74,3 +86,3 @@ );--mod-actionbutton-background-color-hover:var(
 --spectrum-action-button-edge-to-hold-icon-extra-large
-);--spectrum-actionbutton-edge-to-visual:calc(var(--spectrum-component-edge-to-visual-300) - var(--spectrum-actionbutton-border-width));--spectrum-actionbutton-edge-to-text:calc(var(--spectrum-component-edge-to-text-300) - var(--spectrum-actionbutton-border-width));--spectrum-actionbutton-edge-to-visual-only:calc(var(--spectrum-component-edge-to-visual-only-300) - var(--spectrum-actionbutton-border-width))}@media (forced-colors:active){:host{--highcontrast-actionbutton-focus-indicator-color:ButtonText}:host:after{forced-color-adjust:none}:host([selected]){--highcontrast-actionbutton-background-color-default:Highlight;--highcontrast-actionbutton-background-color-hover:Highlight;--highcontrast-actionbutton-background-color-focus:Highlight;--highcontrast-actionbutton-background-color-down:Highlight;--highcontrast-actionbutton-background-color-disabled:ButtonFace;--highcontrast-actionbutton-border-color-default:HighlightText;--highcontrast-actionbutton-border-color-hover:HighlightText;--highcontrast-actionbutton-border-color-focus:HighlightText;--highcontrast-actionbutton-border-color-down:HighlightText;--highcontrast-actionbutton-border-color-disabled:GrayText;--highcontrast-actionbutton-content-color-default:HighlightText;--highcontrast-actionbutton-content-color-hover:HighlightText;--highcontrast-actionbutton-content-color-focus:HighlightText;--highcontrast-actionbutton-content-color-down:HighlightText;--highcontrast-actionbutton-content-color-disabled:GrayText}:host([selected]) #label,:host([selected]) .hold-affordance,:host([selected]) ::slotted([slot=icon]){forced-color-adjust:none}}:host{background-color:var(
+);--spectrum-actionbutton-edge-to-visual:calc(var(--spectrum-component-edge-to-visual-300) - var(--spectrum-actionbutton-border-width));--spectrum-actionbutton-edge-to-text:calc(var(--spectrum-component-edge-to-text-300) - var(--spectrum-actionbutton-border-width));--spectrum-actionbutton-edge-to-visual-only:calc(var(--spectrum-component-edge-to-visual-only-300) - var(--spectrum-actionbutton-border-width))}@media (forced-colors:active){:host:after{forced-color-adjust:none}:host{--highcontrast-actionbutton-focus-indicator-color:ButtonText}:host([selected]){--highcontrast-actionbutton-background-color-default:Highlight;--highcontrast-actionbutton-background-color-hover:Highlight;--highcontrast-actionbutton-background-color-focus:Highlight;--highcontrast-actionbutton-background-color-down:Highlight;--highcontrast-actionbutton-background-color-disabled:ButtonFace;--highcontrast-actionbutton-border-color-default:HighlightText;--highcontrast-actionbutton-border-color-hover:HighlightText;--highcontrast-actionbutton-border-color-focus:HighlightText;--highcontrast-actionbutton-border-color-down:HighlightText;--highcontrast-actionbutton-border-color-disabled:GrayText;--highcontrast-actionbutton-content-color-default:HighlightText;--highcontrast-actionbutton-content-color-hover:HighlightText;--highcontrast-actionbutton-content-color-focus:HighlightText;--highcontrast-actionbutton-content-color-down:HighlightText;--highcontrast-actionbutton-content-color-disabled:GrayText}:host([selected]) #label,:host([selected]) .hold-affordance,:host([selected]) ::slotted([slot=icon]){forced-color-adjust:none}}:host{background-color:var(
 --highcontrast-actionbutton-background-color-default,var(
@@ -106,3 +118,3 @@ --mod-actionbutton-background-color-default,var(--spectrum-actionbutton-background-color-default)
 --mod-actionbutton-edge-to-text,var(--spectrum-actionbutton-edge-to-text)
-);position:relative}:host(:hover){background-color:var(
+);position:relative}@media (hover:hover){:host(:hover){background-color:var(
 --highcontrast-actionbutton-background-color-hover,var(
@@ -119,3 +131,3 @@ --mod-actionbutton-background-color-hover,var(--spectrum-actionbutton-background-color-hover)
 )
-)}:host(.focus-visible){background-color:var(
+)}}:host(.focus-visible){background-color:var(
 --highcontrast-actionbutton-background-color-focus,var(
@@ -192,3 +204,3 @@ --mod-actionbutton-background-color-focus,var(--spectrum-actionbutton-background-color-focus)
 --mod-actionbutton-font-size,var(--spectrum-actionbutton-font-size)
-);overflow:hidden;pointer-events:none;text-overflow:ellipsis;white-space:nowrap}:host([dir=rtl]) .hold-affordance{transform:matrix(-1,0,0,1,0,0)}.hold-affordance{color:inherit;inset-block-end:calc(var(
+);overflow:hidden;pointer-events:none;text-overflow:ellipsis;white-space:nowrap}.hold-affordance{color:inherit;inset-block-end:calc(var(
 --mod-actionbutton-edge-to-hold-icon,
@@ -205,3 +217,3 @@ var(--spectrum-actionbutton-edge-to-hold-icon)
 var(--spectrum-actionbutton-border-width)
-));position:absolute}:host{transition:border-color var(
+));position:absolute;transform:var(--spectrum-logical-rotation)}:host{transition:border-color var(
 --mod-actionbutton-animation-duration,var(--spectrum-actionbutton-animation-duration)
@@ -208,0 +220,0 @@ ) ease-in-out}:host:after{border-radius:var(

src/spectrum-action-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;border-style:solid;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}::slotted([slot=icon]){flex-shrink:0;max-block-size:100%}#label{place-self:center;text-align:center}#label:empty{display:none}:host{--spectrum-actionbutton-animation-duration:var(
@@ -28,3 +40,3 @@ --spectrum-animation-duration-100
 --spectrum-focus-indicator-color
-);--spectrum-actionbutton-focus-indicator-border-radius:calc(var(--spectrum-actionbutton-border-radius) + var(--spectrum-actionbutton-focus-indicator-gap))}:host([selected]){--mod-actionbutton-background-color-default:var(
+);--spectrum-actionbutton-focus-indicator-border-radius:calc(var(--spectrum-actionbutton-border-radius) + var(--spectrum-actionbutton-focus-indicator-gap))}:host([dir=rtl]),[dir=rtl] :host{--spectrum-logical-rotation:matrix(-1,0,0,1,0,0)}:host([selected]){--mod-actionbutton-background-color-default:var(
 --mod-actionbutton-background-color-default-selected,var(--spectrum-neutral-background-color-selected-default)
@@ -71,3 +83,3 @@ );--mod-actionbutton-background-color-hover:var(
 --spectrum-action-button-edge-to-hold-icon-extra-large
-);--spectrum-actionbutton-edge-to-visual:calc(var(--spectrum-component-edge-to-visual-300) - var(--spectrum-actionbutton-border-width));--spectrum-actionbutton-edge-to-text:calc(var(--spectrum-component-edge-to-text-300) - var(--spectrum-actionbutton-border-width));--spectrum-actionbutton-edge-to-visual-only:calc(var(--spectrum-component-edge-to-visual-only-300) - var(--spectrum-actionbutton-border-width))}@media (forced-colors:active){:host{--highcontrast-actionbutton-focus-indicator-color:ButtonText}:host:after{forced-color-adjust:none}:host([selected]){--highcontrast-actionbutton-background-color-default:Highlight;--highcontrast-actionbutton-background-color-hover:Highlight;--highcontrast-actionbutton-background-color-focus:Highlight;--highcontrast-actionbutton-background-color-down:Highlight;--highcontrast-actionbutton-background-color-disabled:ButtonFace;--highcontrast-actionbutton-border-color-default:HighlightText;--highcontrast-actionbutton-border-color-hover:HighlightText;--highcontrast-actionbutton-border-color-focus:HighlightText;--highcontrast-actionbutton-border-color-down:HighlightText;--highcontrast-actionbutton-border-color-disabled:GrayText;--highcontrast-actionbutton-content-color-default:HighlightText;--highcontrast-actionbutton-content-color-hover:HighlightText;--highcontrast-actionbutton-content-color-focus:HighlightText;--highcontrast-actionbutton-content-color-down:HighlightText;--highcontrast-actionbutton-content-color-disabled:GrayText}:host([selected]) #label,:host([selected]) .hold-affordance,:host([selected]) ::slotted([slot=icon]){forced-color-adjust:none}}:host{background-color:var(
+);--spectrum-actionbutton-edge-to-visual:calc(var(--spectrum-component-edge-to-visual-300) - var(--spectrum-actionbutton-border-width));--spectrum-actionbutton-edge-to-text:calc(var(--spectrum-component-edge-to-text-300) - var(--spectrum-actionbutton-border-width));--spectrum-actionbutton-edge-to-visual-only:calc(var(--spectrum-component-edge-to-visual-only-300) - var(--spectrum-actionbutton-border-width))}@media (forced-colors:active){:host:after{forced-color-adjust:none}:host{--highcontrast-actionbutton-focus-indicator-color:ButtonText}:host([selected]){--highcontrast-actionbutton-background-color-default:Highlight;--highcontrast-actionbutton-background-color-hover:Highlight;--highcontrast-actionbutton-background-color-focus:Highlight;--highcontrast-actionbutton-background-color-down:Highlight;--highcontrast-actionbutton-background-color-disabled:ButtonFace;--highcontrast-actionbutton-border-color-default:HighlightText;--highcontrast-actionbutton-border-color-hover:HighlightText;--highcontrast-actionbutton-border-color-focus:HighlightText;--highcontrast-actionbutton-border-color-down:HighlightText;--highcontrast-actionbutton-border-color-disabled:GrayText;--highcontrast-actionbutton-content-color-default:HighlightText;--highcontrast-actionbutton-content-color-hover:HighlightText;--highcontrast-actionbutton-content-color-focus:HighlightText;--highcontrast-actionbutton-content-color-down:HighlightText;--highcontrast-actionbutton-content-color-disabled:GrayText}:host([selected]) #label,:host([selected]) .hold-affordance,:host([selected]) ::slotted([slot=icon]){forced-color-adjust:none}}:host{background-color:var(
 --highcontrast-actionbutton-background-color-default,var(
@@ -103,3 +115,3 @@ --mod-actionbutton-background-color-default,var(--spectrum-actionbutton-background-color-default)
 --mod-actionbutton-edge-to-text,var(--spectrum-actionbutton-edge-to-text)
-);position:relative}:host(:hover){background-color:var(
+);position:relative}@media (hover:hover){:host(:hover){background-color:var(
 --highcontrast-actionbutton-background-color-hover,var(
@@ -116,3 +128,3 @@ --mod-actionbutton-background-color-hover,var(--spectrum-actionbutton-background-color-hover)
 )
-)}:host(.focus-visible){background-color:var(
+)}}:host(.focus-visible){background-color:var(
 --highcontrast-actionbutton-background-color-focus,var(
@@ -189,3 +201,3 @@ --mod-actionbutton-background-color-focus,var(--spectrum-actionbutton-background-color-focus)
 --mod-actionbutton-font-size,var(--spectrum-actionbutton-font-size)
-);overflow:hidden;pointer-events:none;text-overflow:ellipsis;white-space:nowrap}:host([dir=rtl]) .hold-affordance{transform:matrix(-1,0,0,1,0,0)}.hold-affordance{color:inherit;inset-block-end:calc(var(
+);overflow:hidden;pointer-events:none;text-overflow:ellipsis;white-space:nowrap}.hold-affordance{color:inherit;inset-block-end:calc(var(
 --mod-actionbutton-edge-to-hold-icon,
@@ -202,3 +214,3 @@ var(--spectrum-actionbutton-edge-to-hold-icon)
 var(--spectrum-actionbutton-border-width)
-));position:absolute}:host{transition:border-color var(
+));position:absolute;transform:var(--spectrum-logical-rotation)}:host{transition:border-color var(
 --mod-actionbutton-animation-duration,var(--spectrum-actionbutton-animation-duration)
@@ -205,0 +217,0 @@ ) ease-in-out}:host:after{border-radius:var(

No alert changes

Improved metrics

Total package byte prevSize

419559

increased by0.65%

Lines of code

3454

increased by1.53%

Dependency changes

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

• Updated@spectrum-web-components/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