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

Comparing version 0.40.0 to 0.40.1

package.json

 {
     "name": "@spectrum-web-components/number-field",
-    "version": "0.40.0",
+    "version": "0.40.1",
     "publishConfig": {
@@ -61,9 +61,9 @@ "access": "public"
         "@internationalized/number": "^3.1.0",
-        "@spectrum-web-components/base": "^0.40.0",
-        "@spectrum-web-components/icon": "^0.40.0",
-        "@spectrum-web-components/icons-ui": "^0.40.0",
-        "@spectrum-web-components/infield-button": "^0.40.0",
-        "@spectrum-web-components/reactive-controllers": "^0.40.0",
-        "@spectrum-web-components/shared": "^0.40.0",
-        "@spectrum-web-components/textfield": "^0.40.0"
+        "@spectrum-web-components/base": "^0.40.1",
+        "@spectrum-web-components/icon": "^0.40.1",
+        "@spectrum-web-components/icons-ui": "^0.40.1",
+        "@spectrum-web-components/infield-button": "^0.40.1",
+        "@spectrum-web-components/reactive-controllers": "^0.40.1",
+        "@spectrum-web-components/shared": "^0.40.1",
+        "@spectrum-web-components/textfield": "^0.40.1"
     },
@@ -80,3 +80,3 @@ "devDependencies": {
     ],
-    "gitHead": "24d5569a839da94892ecfd125428779587ffb1f5"
+    "gitHead": "a75c4f83094c505d64658dbc7de20b5f18a8fde1"
 }

src/number-field.css.dev.js

@@ -99,18 +99,2 @@ "use strict";
 --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(
---highcontrast-stepper-border-color-keyboard-focus,var(
---mod-stepper-border-color-keyboard-focus,var(--spectrum-stepper-border-color-keyboard-focus)
-)
-);outline:var(
---mod-stepper-focus-indicator-width,var(--spectrum-stepper-focus-indicator-width)
-) solid;outline-color:var(
---highcontrast-stepper-focus-indicator-color,var(
---mod-stepper-focus-indicator-color,var(--spectrum-stepper-focus-indicator-color)
-)
-);outline-offset:var(
---mod-stepper-focus-indicator-gap,var(--spectrum-stepper-focus-indicator-gap)
 )}#textfield:focus-visible,:host([keyboard-focused]) #textfield{--mod-infield-button-background-color:var(
@@ -132,10 +116,6 @@ --highcontrast-stepper-button-background-color-keyboard-focus,var(
 --mod-stepper-focus-indicator-gap,var(--spectrum-stepper-focus-indicator-gap)
-)}#textfield.focus-visible .input,:host([keyboard-focused]) #textfield .input{outline:none}#textfield.focus-visible .input,:host([keyboard-focused]) #textfield .input{outline:none}#textfield:focus-visible .input,:host([keyboard-focused]) #textfield .input{outline:none}#textfield.focus-visible .buttons,#textfield.focus-visible .input,:host([keyboard-focused]) #textfield .buttons,:host([keyboard-focused]) #textfield .input{border-color:var(
+)}#textfield.focus-visible .input,:host([keyboard-focused]) #textfield .input{outline:none}#textfield:focus-visible .input,:host([keyboard-focused]) #textfield .input{outline:none}#textfield.focus-visible .buttons,#textfield.focus-visible .input,:host([keyboard-focused]) #textfield .buttons,:host([keyboard-focused]) #textfield .input{border-color:var(
 --highcontrast-stepper-border-color-keyboard-focus,var(
 --mod-stepper-border-color-keyboard-focus,var(--spectrum-stepper-border-color-keyboard-focus)
 )
-)}#textfield.focus-visible .buttons,#textfield.focus-visible .input,:host([keyboard-focused]) #textfield .buttons,:host([keyboard-focused]) #textfield .input{border-color:var(
---highcontrast-stepper-border-color-keyboard-focus,var(
---mod-stepper-border-color-keyboard-focus,var(--spectrum-stepper-border-color-keyboard-focus)
-)
 )}#textfield:focus-visible .buttons,#textfield:focus-visible .input,:host([keyboard-focused]) #textfield .buttons,:host([keyboard-focused]) #textfield .input{border-color:var(
@@ -232,5 +212,5 @@ --highcontrast-stepper-border-color-keyboard-focus,var(
 var(--spectrum-stepper-border-width)
-)*2);--mod-infield-button-border-width:var(--unset-value-resets-inheritance);inline-size:var(--mod-stepper-width,var(--spectrum-stepper-width))}:host([size=s]){--spectrum-stepper-width:calc(var(--swc-number-field-width)/5*4)}:host([size=l]){--spectrum-stepper-width:calc(var(--swc-number-field-width)*1.25)}:host([size=xl]){--spectrum-stepper-width:calc(var(--swc-number-field-width)*1.25*1.25)}#textfield{inline-size:100%}.input{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}:host([readonly]) .buttons{pointer-events:none;visibility:hidden}:host([readonly]:not([disabled],[invalid],[focused],[keyboard-focused])) #textfield:hover .input{border-color:transparent}:host([hide-stepper]:not([quiet])) #textfield input{border:var(--spectrum-textfield-border-width) solid var(--spectrum-textfield-border-color);border-radius:var(--spectrum-textfield-corner-radius)}
+)*2);--mod-infield-button-border-width:var(--unset-value-resets-inheritance);inline-size:var(--mod-stepper-width,var(--spectrum-stepper-width))}:host([size=s]){--spectrum-stepper-width:calc(var(--swc-number-field-width)/5*4)}:host([size=l]){--spectrum-stepper-width:calc(var(--swc-number-field-width)*1.25)}:host([size=xl]){--spectrum-stepper-width:calc(var(--swc-number-field-width)*1.25*1.25)}#textfield{inline-size:100%}.input{font-variant-numeric:tabular-nums}:host([readonly]) .buttons{pointer-events:none;visibility:hidden}:host([readonly]:not([disabled],[invalid],[focused],[keyboard-focused])) #textfield:hover .input{border-color:transparent}:host([hide-stepper]:not([quiet])) #textfield input{border:var(--spectrum-textfield-border-width) solid var(--spectrum-textfield-border-color);border-radius:var(--spectrum-textfield-corner-radius)}
 `;
 export default styles;
 //# sourceMappingURL=number-field.css.dev.js.map

src/number-field.css.js

@@ -97,18 +97,2 @@ "use strict";import{css as r}from"@spectrum-web-components/base";const e=r`
 --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(
---highcontrast-stepper-border-color-keyboard-focus,var(
---mod-stepper-border-color-keyboard-focus,var(--spectrum-stepper-border-color-keyboard-focus)
-)
-);outline:var(
---mod-stepper-focus-indicator-width,var(--spectrum-stepper-focus-indicator-width)
-) solid;outline-color:var(
---highcontrast-stepper-focus-indicator-color,var(
---mod-stepper-focus-indicator-color,var(--spectrum-stepper-focus-indicator-color)
-)
-);outline-offset:var(
---mod-stepper-focus-indicator-gap,var(--spectrum-stepper-focus-indicator-gap)
 )}#textfield:focus-visible,:host([keyboard-focused]) #textfield{--mod-infield-button-background-color:var(
@@ -130,10 +114,6 @@ --highcontrast-stepper-button-background-color-keyboard-focus,var(
 --mod-stepper-focus-indicator-gap,var(--spectrum-stepper-focus-indicator-gap)
-)}#textfield.focus-visible .input,:host([keyboard-focused]) #textfield .input{outline:none}#textfield.focus-visible .input,:host([keyboard-focused]) #textfield .input{outline:none}#textfield:focus-visible .input,:host([keyboard-focused]) #textfield .input{outline:none}#textfield.focus-visible .buttons,#textfield.focus-visible .input,:host([keyboard-focused]) #textfield .buttons,:host([keyboard-focused]) #textfield .input{border-color:var(
+)}#textfield.focus-visible .input,:host([keyboard-focused]) #textfield .input{outline:none}#textfield:focus-visible .input,:host([keyboard-focused]) #textfield .input{outline:none}#textfield.focus-visible .buttons,#textfield.focus-visible .input,:host([keyboard-focused]) #textfield .buttons,:host([keyboard-focused]) #textfield .input{border-color:var(
 --highcontrast-stepper-border-color-keyboard-focus,var(
 --mod-stepper-border-color-keyboard-focus,var(--spectrum-stepper-border-color-keyboard-focus)
 )
-)}#textfield.focus-visible .buttons,#textfield.focus-visible .input,:host([keyboard-focused]) #textfield .buttons,:host([keyboard-focused]) #textfield .input{border-color:var(
---highcontrast-stepper-border-color-keyboard-focus,var(
---mod-stepper-border-color-keyboard-focus,var(--spectrum-stepper-border-color-keyboard-focus)
-)
 )}#textfield:focus-visible .buttons,#textfield:focus-visible .input,:host([keyboard-focused]) #textfield .buttons,:host([keyboard-focused]) #textfield .input{border-color:var(
@@ -230,4 +210,4 @@ --highcontrast-stepper-border-color-keyboard-focus,var(
 var(--spectrum-stepper-border-width)
-)*2);--mod-infield-button-border-width:var(--unset-value-resets-inheritance);inline-size:var(--mod-stepper-width,var(--spectrum-stepper-width))}:host([size=s]){--spectrum-stepper-width:calc(var(--swc-number-field-width)/5*4)}:host([size=l]){--spectrum-stepper-width:calc(var(--swc-number-field-width)*1.25)}:host([size=xl]){--spectrum-stepper-width:calc(var(--swc-number-field-width)*1.25*1.25)}#textfield{inline-size:100%}.input{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}:host([readonly]) .buttons{pointer-events:none;visibility:hidden}:host([readonly]:not([disabled],[invalid],[focused],[keyboard-focused])) #textfield:hover .input{border-color:transparent}:host([hide-stepper]:not([quiet])) #textfield input{border:var(--spectrum-textfield-border-width) solid var(--spectrum-textfield-border-color);border-radius:var(--spectrum-textfield-corner-radius)}
+)*2);--mod-infield-button-border-width:var(--unset-value-resets-inheritance);inline-size:var(--mod-stepper-width,var(--spectrum-stepper-width))}:host([size=s]){--spectrum-stepper-width:calc(var(--swc-number-field-width)/5*4)}:host([size=l]){--spectrum-stepper-width:calc(var(--swc-number-field-width)*1.25)}:host([size=xl]){--spectrum-stepper-width:calc(var(--swc-number-field-width)*1.25*1.25)}#textfield{inline-size:100%}.input{font-variant-numeric:tabular-nums}:host([readonly]) .buttons{pointer-events:none;visibility:hidden}:host([readonly]:not([disabled],[invalid],[focused],[keyboard-focused])) #textfield:hover .input{border-color:transparent}:host([hide-stepper]:not([quiet])) #textfield input{border:var(--spectrum-textfield-border-width) solid var(--spectrum-textfield-border-color);border-radius:var(--spectrum-textfield-corner-radius)}
 `;export default e;
 //# sourceMappingURL=number-field.css.js.map

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

@@ -99,18 +99,2 @@ "use strict";
 --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(
---highcontrast-stepper-border-color-keyboard-focus,var(
---mod-stepper-border-color-keyboard-focus,var(--spectrum-stepper-border-color-keyboard-focus)
-)
-);outline:var(
---mod-stepper-focus-indicator-width,var(--spectrum-stepper-focus-indicator-width)
-) solid;outline-color:var(
---highcontrast-stepper-focus-indicator-color,var(
---mod-stepper-focus-indicator-color,var(--spectrum-stepper-focus-indicator-color)
-)
-);outline-offset:var(
---mod-stepper-focus-indicator-gap,var(--spectrum-stepper-focus-indicator-gap)
 )}#textfield:focus-visible,:host([keyboard-focused]) #textfield{--mod-infield-button-background-color:var(
@@ -132,10 +116,6 @@ --highcontrast-stepper-button-background-color-keyboard-focus,var(
 --mod-stepper-focus-indicator-gap,var(--spectrum-stepper-focus-indicator-gap)
-)}#textfield.focus-visible .input,:host([keyboard-focused]) #textfield .input{outline:none}#textfield.focus-visible .input,:host([keyboard-focused]) #textfield .input{outline:none}#textfield:focus-visible .input,:host([keyboard-focused]) #textfield .input{outline:none}#textfield.focus-visible .buttons,#textfield.focus-visible .input,:host([keyboard-focused]) #textfield .buttons,:host([keyboard-focused]) #textfield .input{border-color:var(
+)}#textfield.focus-visible .input,:host([keyboard-focused]) #textfield .input{outline:none}#textfield:focus-visible .input,:host([keyboard-focused]) #textfield .input{outline:none}#textfield.focus-visible .buttons,#textfield.focus-visible .input,:host([keyboard-focused]) #textfield .buttons,:host([keyboard-focused]) #textfield .input{border-color:var(
 --highcontrast-stepper-border-color-keyboard-focus,var(
 --mod-stepper-border-color-keyboard-focus,var(--spectrum-stepper-border-color-keyboard-focus)
 )
-)}#textfield.focus-visible .buttons,#textfield.focus-visible .input,:host([keyboard-focused]) #textfield .buttons,:host([keyboard-focused]) #textfield .input{border-color:var(
---highcontrast-stepper-border-color-keyboard-focus,var(
---mod-stepper-border-color-keyboard-focus,var(--spectrum-stepper-border-color-keyboard-focus)
-)
 )}#textfield:focus-visible .buttons,#textfield:focus-visible .input,:host([keyboard-focused]) #textfield .buttons,:host([keyboard-focused]) #textfield .input{border-color:var(
@@ -142,0 +122,0 @@ --highcontrast-stepper-border-color-keyboard-focus,var(

src/spectrum-number-field.css.js

@@ -97,18 +97,2 @@ "use strict";import{css as r}from"@spectrum-web-components/base";const e=r`
 --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(
---highcontrast-stepper-border-color-keyboard-focus,var(
---mod-stepper-border-color-keyboard-focus,var(--spectrum-stepper-border-color-keyboard-focus)
-)
-);outline:var(
---mod-stepper-focus-indicator-width,var(--spectrum-stepper-focus-indicator-width)
-) solid;outline-color:var(
---highcontrast-stepper-focus-indicator-color,var(
---mod-stepper-focus-indicator-color,var(--spectrum-stepper-focus-indicator-color)
-)
-);outline-offset:var(
---mod-stepper-focus-indicator-gap,var(--spectrum-stepper-focus-indicator-gap)
 )}#textfield:focus-visible,:host([keyboard-focused]) #textfield{--mod-infield-button-background-color:var(
@@ -130,10 +114,6 @@ --highcontrast-stepper-button-background-color-keyboard-focus,var(
 --mod-stepper-focus-indicator-gap,var(--spectrum-stepper-focus-indicator-gap)
-)}#textfield.focus-visible .input,:host([keyboard-focused]) #textfield .input{outline:none}#textfield.focus-visible .input,:host([keyboard-focused]) #textfield .input{outline:none}#textfield:focus-visible .input,:host([keyboard-focused]) #textfield .input{outline:none}#textfield.focus-visible .buttons,#textfield.focus-visible .input,:host([keyboard-focused]) #textfield .buttons,:host([keyboard-focused]) #textfield .input{border-color:var(
+)}#textfield.focus-visible .input,:host([keyboard-focused]) #textfield .input{outline:none}#textfield:focus-visible .input,:host([keyboard-focused]) #textfield .input{outline:none}#textfield.focus-visible .buttons,#textfield.focus-visible .input,:host([keyboard-focused]) #textfield .buttons,:host([keyboard-focused]) #textfield .input{border-color:var(
 --highcontrast-stepper-border-color-keyboard-focus,var(
 --mod-stepper-border-color-keyboard-focus,var(--spectrum-stepper-border-color-keyboard-focus)
 )
-)}#textfield.focus-visible .buttons,#textfield.focus-visible .input,:host([keyboard-focused]) #textfield .buttons,:host([keyboard-focused]) #textfield .input{border-color:var(
---highcontrast-stepper-border-color-keyboard-focus,var(
---mod-stepper-border-color-keyboard-focus,var(--spectrum-stepper-border-color-keyboard-focus)
-)
 )}#textfield:focus-visible .buttons,#textfield:focus-visible .input,:host([keyboard-focused]) #textfield .buttons,:host([keyboard-focused]) #textfield .input{border-color:var(
@@ -140,0 +120,0 @@ --highcontrast-stepper-border-color-keyboard-focus,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

535166

decreased by-1.96%

Lines of code

5245

decreased by-1.5%

Dependency changes

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

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

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

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

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

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

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