@spectrum-web-components/number-field - npm Package Compare versions

Comparing version 0.40.3 to 0.40.4

package.json

 {
     "name": "@spectrum-web-components/number-field",
-    "version": "0.40.3",
+    "version": "0.40.4",
     "publishConfig": {
@@ -61,13 +61,13 @@ "access": "public"
         "@internationalized/number": "^3.1.0",
-        "@spectrum-web-components/base": "^0.40.3",
-        "@spectrum-web-components/icon": "^0.40.3",
-        "@spectrum-web-components/icons-ui": "^0.40.3",
-        "@spectrum-web-components/infield-button": "^0.40.3",
-        "@spectrum-web-components/reactive-controllers": "^0.40.3",
-        "@spectrum-web-components/shared": "^0.40.3",
-        "@spectrum-web-components/textfield": "^0.40.3"
+        "@spectrum-web-components/base": "^0.40.4",
+        "@spectrum-web-components/icon": "^0.40.4",
+        "@spectrum-web-components/icons-ui": "^0.40.4",
+        "@spectrum-web-components/infield-button": "^0.40.4",
+        "@spectrum-web-components/reactive-controllers": "^0.40.4",
+        "@spectrum-web-components/shared": "^0.40.4",
+        "@spectrum-web-components/textfield": "^0.40.4"
     },
     "devDependencies": {
         "@formatjs/intl-numberformat": "^8.3.5",
-        "@spectrum-css/stepper": "^5.0.6"
+        "@spectrum-css/stepper": "^5.0.7"
     },
@@ -80,3 +80,3 @@ "types": "./src/index.d.ts",
     ],
-    "gitHead": "76467a3470aeafa4beefce1e4fc76341f1d6733f"
+    "gitHead": "e7bca020d0da71c4d92e95044bf58780d2e8e603"
 }

src/number-field.css.dev.js

@@ -53,2 +53,4 @@ "use strict";
 --mod-stepper-border-color-invalid,var(--spectrum-stepper-border-color-invalid)
+);--mod-textfield-icon-spacing-inline-start-invalid:0}:host([invalid]:hover) #textfield{--mod-infield-button-border-color:var(
+--mod-stepper-border-color-hover-invalid,var(--spectrum-negative-border-color-hover)
 )}:host([invalid]) #textfield:focus,:host([invalid][focused]) #textfield{--mod-infield-button-border-color:var(
@@ -62,7 +64,7 @@ --mod-stepper-border-color-focus-invalid,var(--spectrum-stepper-border-color-focus-invalid)
 --mod-stepper-border-color-keyboard-focus-invalid,var(--spectrum-stepper-border-color-keyboard-focus-invalid)
-)}@media (forced-colors:active){:host{--highcontrast-stepper-border-color:CanvasText;--highcontrast-stepper-border-color-hover:Highlight;--highcontrast-stepper-border-color-focus:Highlight;--highcontrast-stepper-border-color-focus-hover:Highlight;--highcontrast-stepper-border-color-keyboard-focus:CanvasText;--highcontrast-stepper-button-background-color-default:Canvas;--highcontrast-stepper-button-background-color-hover:Canvas;--highcontrast-stepper-button-background-color-focus:Canvas;--highcontrast-stepper-button-background-color-keyboard-focus:Canvas;--highcontrast-stepper-focus-indicator-color:Highlight}:host([disabled]) #textfield{--highcontrast-stepper-border-color:GrayText}:host([invalid]) #textfield{--highcontrast-stepper-border-color:Highlight;--highcontrast-stepper-border-color-hover:Highlight;--highcontrast-stepper-border-color-focus:Highlight;--highcontrast-stepper-border-color-focus-hover:Highlight;--highcontrast-stepper-border-color-keyboard-focus:Highlight}}.x{border-radius:var(--spectrum-stepper-button-border-radius-reset)}#textfield{block-size:var(--mod-stepper-height,var(--spectrum-stepper-height));border-radius:var(
+)}.x{border-radius:var(--spectrum-stepper-button-border-radius-reset)}#textfield{block-size:var(--mod-stepper-height,var(--spectrum-stepper-height));border-radius:var(
 --mod-stepper-border-radius,var(--spectrum-stepper-border-radius)
 );display:inline-flex;flex-flow:row;inline-size:var(--mod-stepper-width,var(--spectrum-stepper-width));position:relative}#textfield,#textfield .input{border-color:var(
 --highcontrast-stepper-border-color,var(--mod-stepper-border-color,var(--spectrum-stepper-border-color))
-)}#textfield .input{border-end-end-radius:0;border-inline-end-width:0;border-start-end-radius:0}:host(:hover:not([disabled])) #textfield{--mod-infield-button-border-color:var(
+)}#textfield .input{border-end-end-radius:0;border-inline-end-width:0;border-start-end-radius:0}:host(:hover) #textfield:not(.is-disabled,.is-invalid){--mod-infield-button-border-color:var(
 --highcontrast-stepper-border-color-hover,var(
@@ -75,7 +77,3 @@ --mod-stepper-buttons-border-color-hover,var(--spectrum-stepper-buttons-border-color-hover)
 )
-)}#textfield:focus,:host([focused]) #textfield{--mod-infield-button-background-color:var(
---highcontrast-stepper-button-background-color-focus,var(
---mod-stepper-button-background-color-focus,var(--spectrum-stepper-button-background-color-focus)
-)
-);--mod-infield-button-border-color:var(
+)}#textfield:focus,:host([focused]) #textfield{--mod-infield-button-border-color:var(
 --highcontrast-stepper-border-color-focus,var(
@@ -96,7 +94,3 @@ --mod-stepper-buttons-border-color-focus,var(--spectrum-stepper-buttons-border-color-focus)
 )
-)}#textfield.focus-visible,:host([keyboard-focused]) #textfield{--mod-infield-button-background-color:var(
---highcontrast-stepper-button-background-color-keyboard-focus,var(
---mod-stepper-button-background-color-keyboard-focus,var(--spectrum-stepper-button-background-color-keyboard-focus)
-)
-);--mod-infield-button-border-color:var(
+)}#textfield.focus-visible,:host([keyboard-focused]) #textfield{--mod-infield-button-border-color:var(
 --highcontrast-stepper-border-color-keyboard-focus,var(
@@ -113,7 +107,3 @@ --mod-stepper-buttons-border-color-keyboard-focus,var(--spectrum-stepper-buttons-border-color-keyboard-focus)
 --mod-stepper-focus-indicator-gap,var(--spectrum-stepper-focus-indicator-gap)
-)}#textfield:focus-visible,:host([keyboard-focused]) #textfield{--mod-infield-button-background-color:var(
---highcontrast-stepper-button-background-color-keyboard-focus,var(
---mod-stepper-button-background-color-keyboard-focus,var(--spectrum-stepper-button-background-color-keyboard-focus)
-)
-);--mod-infield-button-border-color:var(
+)}#textfield:focus-visible,:host([keyboard-focused]) #textfield{--mod-infield-button-border-color:var(
 --highcontrast-stepper-border-color-keyboard-focus,var(
@@ -189,3 +179,5 @@ --mod-stepper-buttons-border-color-keyboard-focus,var(--spectrum-stepper-buttons-border-color-keyboard-focus)
 );border-width:var(
+--highcontrast-stepper-buttons-border-width,var(
 --mod-stepper-buttons-border-width,var(--spectrum-stepper-buttons-border-width)
+)
 );border-inline-start-width:0;box-sizing:border-box;display:flex;flex-direction:column;inline-size:var(
@@ -201,3 +193,5 @@ --mod-stepper-button-width,var(--spectrum-stepper-button-width)
 --mod-stepper-border-radius,var(--spectrum-stepper-border-radius)
-)}:host{--spectrum-stepper-border-width:var(
+)}@media (forced-colors:active){:host{--highcontrast-stepper-border-color:CanvasText;--highcontrast-stepper-border-color-hover:Highlight;--highcontrast-stepper-border-color-focus:Highlight;--highcontrast-stepper-border-color-focus-hover:Highlight;--highcontrast-stepper-border-color-keyboard-focus:CanvasText;--highcontrast-stepper-button-background-color-default:Canvas;--highcontrast-stepper-button-background-color-hover:Canvas;--highcontrast-stepper-button-background-color-focus:Canvas;--highcontrast-stepper-button-background-color-keyboard-focus:Canvas;--highcontrast-stepper-focus-indicator-color:Highlight}:host([disabled]) #textfield{--highcontrast-stepper-border-color:GrayText;--highcontrast-stepper-buttons-border-width:var(
+--mod-stepper-border-width,var(--spectrum-stepper-border-width)
+)}:host([invalid]) #textfield{--highcontrast-stepper-border-color:Highlight;--highcontrast-stepper-border-color-hover:Highlight;--highcontrast-stepper-border-color-focus:Highlight;--highcontrast-stepper-border-color-focus-hover:Highlight;--highcontrast-stepper-border-color-keyboard-focus:Highlight}}:host{--spectrum-stepper-border-width:var(
 --system-spectrum-stepper-border-width
@@ -204,0 +198,0 @@ );--spectrum-stepper-buttons-border-style:var(

src/number-field.css.js

@@ -51,2 +51,4 @@ "use strict";import{css as r}from"@spectrum-web-components/base";const e=r`
 --mod-stepper-border-color-invalid,var(--spectrum-stepper-border-color-invalid)
+);--mod-textfield-icon-spacing-inline-start-invalid:0}:host([invalid]:hover) #textfield{--mod-infield-button-border-color:var(
+--mod-stepper-border-color-hover-invalid,var(--spectrum-negative-border-color-hover)
 )}:host([invalid]) #textfield:focus,:host([invalid][focused]) #textfield{--mod-infield-button-border-color:var(
@@ -60,7 +62,7 @@ --mod-stepper-border-color-focus-invalid,var(--spectrum-stepper-border-color-focus-invalid)
 --mod-stepper-border-color-keyboard-focus-invalid,var(--spectrum-stepper-border-color-keyboard-focus-invalid)
-)}@media (forced-colors:active){:host{--highcontrast-stepper-border-color:CanvasText;--highcontrast-stepper-border-color-hover:Highlight;--highcontrast-stepper-border-color-focus:Highlight;--highcontrast-stepper-border-color-focus-hover:Highlight;--highcontrast-stepper-border-color-keyboard-focus:CanvasText;--highcontrast-stepper-button-background-color-default:Canvas;--highcontrast-stepper-button-background-color-hover:Canvas;--highcontrast-stepper-button-background-color-focus:Canvas;--highcontrast-stepper-button-background-color-keyboard-focus:Canvas;--highcontrast-stepper-focus-indicator-color:Highlight}:host([disabled]) #textfield{--highcontrast-stepper-border-color:GrayText}:host([invalid]) #textfield{--highcontrast-stepper-border-color:Highlight;--highcontrast-stepper-border-color-hover:Highlight;--highcontrast-stepper-border-color-focus:Highlight;--highcontrast-stepper-border-color-focus-hover:Highlight;--highcontrast-stepper-border-color-keyboard-focus:Highlight}}.x{border-radius:var(--spectrum-stepper-button-border-radius-reset)}#textfield{block-size:var(--mod-stepper-height,var(--spectrum-stepper-height));border-radius:var(
+)}.x{border-radius:var(--spectrum-stepper-button-border-radius-reset)}#textfield{block-size:var(--mod-stepper-height,var(--spectrum-stepper-height));border-radius:var(
 --mod-stepper-border-radius,var(--spectrum-stepper-border-radius)
 );display:inline-flex;flex-flow:row;inline-size:var(--mod-stepper-width,var(--spectrum-stepper-width));position:relative}#textfield,#textfield .input{border-color:var(
 --highcontrast-stepper-border-color,var(--mod-stepper-border-color,var(--spectrum-stepper-border-color))
-)}#textfield .input{border-end-end-radius:0;border-inline-end-width:0;border-start-end-radius:0}:host(:hover:not([disabled])) #textfield{--mod-infield-button-border-color:var(
+)}#textfield .input{border-end-end-radius:0;border-inline-end-width:0;border-start-end-radius:0}:host(:hover) #textfield:not(.is-disabled,.is-invalid){--mod-infield-button-border-color:var(
 --highcontrast-stepper-border-color-hover,var(
@@ -73,7 +75,3 @@ --mod-stepper-buttons-border-color-hover,var(--spectrum-stepper-buttons-border-color-hover)
 )
-)}#textfield:focus,:host([focused]) #textfield{--mod-infield-button-background-color:var(
---highcontrast-stepper-button-background-color-focus,var(
---mod-stepper-button-background-color-focus,var(--spectrum-stepper-button-background-color-focus)
-)
-);--mod-infield-button-border-color:var(
+)}#textfield:focus,:host([focused]) #textfield{--mod-infield-button-border-color:var(
 --highcontrast-stepper-border-color-focus,var(
@@ -94,7 +92,3 @@ --mod-stepper-buttons-border-color-focus,var(--spectrum-stepper-buttons-border-color-focus)
 )
-)}#textfield.focus-visible,:host([keyboard-focused]) #textfield{--mod-infield-button-background-color:var(
---highcontrast-stepper-button-background-color-keyboard-focus,var(
---mod-stepper-button-background-color-keyboard-focus,var(--spectrum-stepper-button-background-color-keyboard-focus)
-)
-);--mod-infield-button-border-color:var(
+)}#textfield.focus-visible,:host([keyboard-focused]) #textfield{--mod-infield-button-border-color:var(
 --highcontrast-stepper-border-color-keyboard-focus,var(
@@ -111,7 +105,3 @@ --mod-stepper-buttons-border-color-keyboard-focus,var(--spectrum-stepper-buttons-border-color-keyboard-focus)
 --mod-stepper-focus-indicator-gap,var(--spectrum-stepper-focus-indicator-gap)
-)}#textfield:focus-visible,:host([keyboard-focused]) #textfield{--mod-infield-button-background-color:var(
---highcontrast-stepper-button-background-color-keyboard-focus,var(
---mod-stepper-button-background-color-keyboard-focus,var(--spectrum-stepper-button-background-color-keyboard-focus)
-)
-);--mod-infield-button-border-color:var(
+)}#textfield:focus-visible,:host([keyboard-focused]) #textfield{--mod-infield-button-border-color:var(
 --highcontrast-stepper-border-color-keyboard-focus,var(
@@ -187,3 +177,5 @@ --mod-stepper-buttons-border-color-keyboard-focus,var(--spectrum-stepper-buttons-border-color-keyboard-focus)
 );border-width:var(
+--highcontrast-stepper-buttons-border-width,var(
 --mod-stepper-buttons-border-width,var(--spectrum-stepper-buttons-border-width)
+)
 );border-inline-start-width:0;box-sizing:border-box;display:flex;flex-direction:column;inline-size:var(
@@ -199,3 +191,5 @@ --mod-stepper-button-width,var(--spectrum-stepper-button-width)
 --mod-stepper-border-radius,var(--spectrum-stepper-border-radius)
-)}:host{--spectrum-stepper-border-width:var(
+)}@media (forced-colors:active){:host{--highcontrast-stepper-border-color:CanvasText;--highcontrast-stepper-border-color-hover:Highlight;--highcontrast-stepper-border-color-focus:Highlight;--highcontrast-stepper-border-color-focus-hover:Highlight;--highcontrast-stepper-border-color-keyboard-focus:CanvasText;--highcontrast-stepper-button-background-color-default:Canvas;--highcontrast-stepper-button-background-color-hover:Canvas;--highcontrast-stepper-button-background-color-focus:Canvas;--highcontrast-stepper-button-background-color-keyboard-focus:Canvas;--highcontrast-stepper-focus-indicator-color:Highlight}:host([disabled]) #textfield{--highcontrast-stepper-border-color:GrayText;--highcontrast-stepper-buttons-border-width:var(
+--mod-stepper-border-width,var(--spectrum-stepper-border-width)
+)}:host([invalid]) #textfield{--highcontrast-stepper-border-color:Highlight;--highcontrast-stepper-border-color-hover:Highlight;--highcontrast-stepper-border-color-focus:Highlight;--highcontrast-stepper-border-color-focus-hover:Highlight;--highcontrast-stepper-border-color-keyboard-focus:Highlight}}:host{--spectrum-stepper-border-width:var(
 --system-spectrum-stepper-border-width
@@ -202,0 +196,0 @@ );--spectrum-stepper-buttons-border-style:var(

src/spectrum-number-field.css.dev.js

@@ -53,2 +53,4 @@ "use strict";
 --mod-stepper-border-color-invalid,var(--spectrum-stepper-border-color-invalid)
+);--mod-textfield-icon-spacing-inline-start-invalid:0}:host([invalid]:hover) #textfield{--mod-infield-button-border-color:var(
+--mod-stepper-border-color-hover-invalid,var(--spectrum-negative-border-color-hover)
 )}:host([invalid]) #textfield:focus,:host([invalid][focused]) #textfield{--mod-infield-button-border-color:var(
@@ -62,7 +64,7 @@ --mod-stepper-border-color-focus-invalid,var(--spectrum-stepper-border-color-focus-invalid)
 --mod-stepper-border-color-keyboard-focus-invalid,var(--spectrum-stepper-border-color-keyboard-focus-invalid)
-)}@media (forced-colors:active){:host{--highcontrast-stepper-border-color:CanvasText;--highcontrast-stepper-border-color-hover:Highlight;--highcontrast-stepper-border-color-focus:Highlight;--highcontrast-stepper-border-color-focus-hover:Highlight;--highcontrast-stepper-border-color-keyboard-focus:CanvasText;--highcontrast-stepper-button-background-color-default:Canvas;--highcontrast-stepper-button-background-color-hover:Canvas;--highcontrast-stepper-button-background-color-focus:Canvas;--highcontrast-stepper-button-background-color-keyboard-focus:Canvas;--highcontrast-stepper-focus-indicator-color:Highlight}:host([disabled]) #textfield{--highcontrast-stepper-border-color:GrayText}:host([invalid]) #textfield{--highcontrast-stepper-border-color:Highlight;--highcontrast-stepper-border-color-hover:Highlight;--highcontrast-stepper-border-color-focus:Highlight;--highcontrast-stepper-border-color-focus-hover:Highlight;--highcontrast-stepper-border-color-keyboard-focus:Highlight}}.x{border-radius:var(--spectrum-stepper-button-border-radius-reset)}#textfield{block-size:var(--mod-stepper-height,var(--spectrum-stepper-height));border-radius:var(
+)}.x{border-radius:var(--spectrum-stepper-button-border-radius-reset)}#textfield{block-size:var(--mod-stepper-height,var(--spectrum-stepper-height));border-radius:var(
 --mod-stepper-border-radius,var(--spectrum-stepper-border-radius)
 );display:inline-flex;flex-flow:row;inline-size:var(--mod-stepper-width,var(--spectrum-stepper-width));position:relative}#textfield,#textfield .input{border-color:var(
 --highcontrast-stepper-border-color,var(--mod-stepper-border-color,var(--spectrum-stepper-border-color))
-)}#textfield .input{border-end-end-radius:0;border-inline-end-width:0;border-start-end-radius:0}:host(:hover:not([disabled])) #textfield{--mod-infield-button-border-color:var(
+)}#textfield .input{border-end-end-radius:0;border-inline-end-width:0;border-start-end-radius:0}:host(:hover) #textfield:not(.is-disabled,.is-invalid){--mod-infield-button-border-color:var(
 --highcontrast-stepper-border-color-hover,var(
@@ -75,7 +77,3 @@ --mod-stepper-buttons-border-color-hover,var(--spectrum-stepper-buttons-border-color-hover)
 )
-)}#textfield:focus,:host([focused]) #textfield{--mod-infield-button-background-color:var(
---highcontrast-stepper-button-background-color-focus,var(
---mod-stepper-button-background-color-focus,var(--spectrum-stepper-button-background-color-focus)
-)
-);--mod-infield-button-border-color:var(
+)}#textfield:focus,:host([focused]) #textfield{--mod-infield-button-border-color:var(
 --highcontrast-stepper-border-color-focus,var(
@@ -96,7 +94,3 @@ --mod-stepper-buttons-border-color-focus,var(--spectrum-stepper-buttons-border-color-focus)
 )
-)}#textfield.focus-visible,:host([keyboard-focused]) #textfield{--mod-infield-button-background-color:var(
---highcontrast-stepper-button-background-color-keyboard-focus,var(
---mod-stepper-button-background-color-keyboard-focus,var(--spectrum-stepper-button-background-color-keyboard-focus)
-)
-);--mod-infield-button-border-color:var(
+)}#textfield.focus-visible,:host([keyboard-focused]) #textfield{--mod-infield-button-border-color:var(
 --highcontrast-stepper-border-color-keyboard-focus,var(
@@ -113,7 +107,3 @@ --mod-stepper-buttons-border-color-keyboard-focus,var(--spectrum-stepper-buttons-border-color-keyboard-focus)
 --mod-stepper-focus-indicator-gap,var(--spectrum-stepper-focus-indicator-gap)
-)}#textfield:focus-visible,:host([keyboard-focused]) #textfield{--mod-infield-button-background-color:var(
---highcontrast-stepper-button-background-color-keyboard-focus,var(
---mod-stepper-button-background-color-keyboard-focus,var(--spectrum-stepper-button-background-color-keyboard-focus)
-)
-);--mod-infield-button-border-color:var(
+)}#textfield:focus-visible,:host([keyboard-focused]) #textfield{--mod-infield-button-border-color:var(
 --highcontrast-stepper-border-color-keyboard-focus,var(
@@ -189,3 +179,5 @@ --mod-stepper-buttons-border-color-keyboard-focus,var(--spectrum-stepper-buttons-border-color-keyboard-focus)
 );border-width:var(
+--highcontrast-stepper-buttons-border-width,var(
 --mod-stepper-buttons-border-width,var(--spectrum-stepper-buttons-border-width)
+)
 );border-inline-start-width:0;box-sizing:border-box;display:flex;flex-direction:column;inline-size:var(
@@ -201,3 +193,5 @@ --mod-stepper-button-width,var(--spectrum-stepper-button-width)
 --mod-stepper-border-radius,var(--spectrum-stepper-border-radius)
-)}:host{--spectrum-stepper-border-width:var(
+)}@media (forced-colors:active){:host{--highcontrast-stepper-border-color:CanvasText;--highcontrast-stepper-border-color-hover:Highlight;--highcontrast-stepper-border-color-focus:Highlight;--highcontrast-stepper-border-color-focus-hover:Highlight;--highcontrast-stepper-border-color-keyboard-focus:CanvasText;--highcontrast-stepper-button-background-color-default:Canvas;--highcontrast-stepper-button-background-color-hover:Canvas;--highcontrast-stepper-button-background-color-focus:Canvas;--highcontrast-stepper-button-background-color-keyboard-focus:Canvas;--highcontrast-stepper-focus-indicator-color:Highlight}:host([disabled]) #textfield{--highcontrast-stepper-border-color:GrayText;--highcontrast-stepper-buttons-border-width:var(
+--mod-stepper-border-width,var(--spectrum-stepper-border-width)
+)}:host([invalid]) #textfield{--highcontrast-stepper-border-color:Highlight;--highcontrast-stepper-border-color-hover:Highlight;--highcontrast-stepper-border-color-focus:Highlight;--highcontrast-stepper-border-color-focus-hover:Highlight;--highcontrast-stepper-border-color-keyboard-focus:Highlight}}:host{--spectrum-stepper-border-width:var(
 --system-spectrum-stepper-border-width
@@ -204,0 +198,0 @@ );--spectrum-stepper-buttons-border-style:var(

src/spectrum-number-field.css.js

@@ -51,2 +51,4 @@ "use strict";import{css as r}from"@spectrum-web-components/base";const e=r`
 --mod-stepper-border-color-invalid,var(--spectrum-stepper-border-color-invalid)
+);--mod-textfield-icon-spacing-inline-start-invalid:0}:host([invalid]:hover) #textfield{--mod-infield-button-border-color:var(
+--mod-stepper-border-color-hover-invalid,var(--spectrum-negative-border-color-hover)
 )}:host([invalid]) #textfield:focus,:host([invalid][focused]) #textfield{--mod-infield-button-border-color:var(
@@ -60,7 +62,7 @@ --mod-stepper-border-color-focus-invalid,var(--spectrum-stepper-border-color-focus-invalid)
 --mod-stepper-border-color-keyboard-focus-invalid,var(--spectrum-stepper-border-color-keyboard-focus-invalid)
-)}@media (forced-colors:active){:host{--highcontrast-stepper-border-color:CanvasText;--highcontrast-stepper-border-color-hover:Highlight;--highcontrast-stepper-border-color-focus:Highlight;--highcontrast-stepper-border-color-focus-hover:Highlight;--highcontrast-stepper-border-color-keyboard-focus:CanvasText;--highcontrast-stepper-button-background-color-default:Canvas;--highcontrast-stepper-button-background-color-hover:Canvas;--highcontrast-stepper-button-background-color-focus:Canvas;--highcontrast-stepper-button-background-color-keyboard-focus:Canvas;--highcontrast-stepper-focus-indicator-color:Highlight}:host([disabled]) #textfield{--highcontrast-stepper-border-color:GrayText}:host([invalid]) #textfield{--highcontrast-stepper-border-color:Highlight;--highcontrast-stepper-border-color-hover:Highlight;--highcontrast-stepper-border-color-focus:Highlight;--highcontrast-stepper-border-color-focus-hover:Highlight;--highcontrast-stepper-border-color-keyboard-focus:Highlight}}.x{border-radius:var(--spectrum-stepper-button-border-radius-reset)}#textfield{block-size:var(--mod-stepper-height,var(--spectrum-stepper-height));border-radius:var(
+)}.x{border-radius:var(--spectrum-stepper-button-border-radius-reset)}#textfield{block-size:var(--mod-stepper-height,var(--spectrum-stepper-height));border-radius:var(
 --mod-stepper-border-radius,var(--spectrum-stepper-border-radius)
 );display:inline-flex;flex-flow:row;inline-size:var(--mod-stepper-width,var(--spectrum-stepper-width));position:relative}#textfield,#textfield .input{border-color:var(
 --highcontrast-stepper-border-color,var(--mod-stepper-border-color,var(--spectrum-stepper-border-color))
-)}#textfield .input{border-end-end-radius:0;border-inline-end-width:0;border-start-end-radius:0}:host(:hover:not([disabled])) #textfield{--mod-infield-button-border-color:var(
+)}#textfield .input{border-end-end-radius:0;border-inline-end-width:0;border-start-end-radius:0}:host(:hover) #textfield:not(.is-disabled,.is-invalid){--mod-infield-button-border-color:var(
 --highcontrast-stepper-border-color-hover,var(
@@ -73,7 +75,3 @@ --mod-stepper-buttons-border-color-hover,var(--spectrum-stepper-buttons-border-color-hover)
 )
-)}#textfield:focus,:host([focused]) #textfield{--mod-infield-button-background-color:var(
---highcontrast-stepper-button-background-color-focus,var(
---mod-stepper-button-background-color-focus,var(--spectrum-stepper-button-background-color-focus)
-)
-);--mod-infield-button-border-color:var(
+)}#textfield:focus,:host([focused]) #textfield{--mod-infield-button-border-color:var(
 --highcontrast-stepper-border-color-focus,var(
@@ -94,7 +92,3 @@ --mod-stepper-buttons-border-color-focus,var(--spectrum-stepper-buttons-border-color-focus)
 )
-)}#textfield.focus-visible,:host([keyboard-focused]) #textfield{--mod-infield-button-background-color:var(
---highcontrast-stepper-button-background-color-keyboard-focus,var(
---mod-stepper-button-background-color-keyboard-focus,var(--spectrum-stepper-button-background-color-keyboard-focus)
-)
-);--mod-infield-button-border-color:var(
+)}#textfield.focus-visible,:host([keyboard-focused]) #textfield{--mod-infield-button-border-color:var(
 --highcontrast-stepper-border-color-keyboard-focus,var(
@@ -111,7 +105,3 @@ --mod-stepper-buttons-border-color-keyboard-focus,var(--spectrum-stepper-buttons-border-color-keyboard-focus)
 --mod-stepper-focus-indicator-gap,var(--spectrum-stepper-focus-indicator-gap)
-)}#textfield:focus-visible,:host([keyboard-focused]) #textfield{--mod-infield-button-background-color:var(
---highcontrast-stepper-button-background-color-keyboard-focus,var(
---mod-stepper-button-background-color-keyboard-focus,var(--spectrum-stepper-button-background-color-keyboard-focus)
-)
-);--mod-infield-button-border-color:var(
+)}#textfield:focus-visible,:host([keyboard-focused]) #textfield{--mod-infield-button-border-color:var(
 --highcontrast-stepper-border-color-keyboard-focus,var(
@@ -187,3 +177,5 @@ --mod-stepper-buttons-border-color-keyboard-focus,var(--spectrum-stepper-buttons-border-color-keyboard-focus)
 );border-width:var(
+--highcontrast-stepper-buttons-border-width,var(
 --mod-stepper-buttons-border-width,var(--spectrum-stepper-buttons-border-width)
+)
 );border-inline-start-width:0;box-sizing:border-box;display:flex;flex-direction:column;inline-size:var(
@@ -199,3 +191,5 @@ --mod-stepper-button-width,var(--spectrum-stepper-button-width)
 --mod-stepper-border-radius,var(--spectrum-stepper-border-radius)
-)}:host{--spectrum-stepper-border-width:var(
+)}@media (forced-colors:active){:host{--highcontrast-stepper-border-color:CanvasText;--highcontrast-stepper-border-color-hover:Highlight;--highcontrast-stepper-border-color-focus:Highlight;--highcontrast-stepper-border-color-focus-hover:Highlight;--highcontrast-stepper-border-color-keyboard-focus:CanvasText;--highcontrast-stepper-button-background-color-default:Canvas;--highcontrast-stepper-button-background-color-hover:Canvas;--highcontrast-stepper-button-background-color-focus:Canvas;--highcontrast-stepper-button-background-color-keyboard-focus:Canvas;--highcontrast-stepper-focus-indicator-color:Highlight}:host([disabled]) #textfield{--highcontrast-stepper-border-color:GrayText;--highcontrast-stepper-buttons-border-width:var(
+--mod-stepper-border-width,var(--spectrum-stepper-border-width)
+)}:host([invalid]) #textfield{--highcontrast-stepper-border-color:Highlight;--highcontrast-stepper-border-color-hover:Highlight;--highcontrast-stepper-border-color-focus:Highlight;--highcontrast-stepper-border-color-focus-hover:Highlight;--highcontrast-stepper-border-color-keyboard-focus:Highlight}}:host{--spectrum-stepper-border-width:var(
 --system-spectrum-stepper-border-width
@@ -202,0 +196,0 @@ );--spectrum-stepper-buttons-border-style: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

Worsened metrics

Total package byte prevSize

566860

decreased by-0.41%

Lines of code

5475

decreased by-0.51%

Dependency changes

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

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

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

• Updated@spectrum-web-components/infield-button@^0.40.4

• Updated@spectrum-web-components/reactive-controllers@^0.40.4

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

• Updated@spectrum-web-components/textfield@^0.40.4