@spectrum-web-components/number-field 0.40.3 → 0.40.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/package.json +10 -10
  2. package/src/number-field.css.dev.js +12 -18
  3. package/src/number-field.css.dev.js.map +2 -2
  4. package/src/number-field.css.js +12 -18
  5. package/src/number-field.css.js.map +2 -2
  6. package/src/spectrum-number-field.css.dev.js +12 -18
  7. package/src/spectrum-number-field.css.dev.js.map +2 -2
  8. package/src/spectrum-number-field.css.js +12 -18
  9. package/src/spectrum-number-field.css.js.map +2 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@spectrum-web-components/number-field",
3
- "version": "0.40.3",
3
+ "version": "0.40.4",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -58,17 +58,17 @@
58
58
  ],
59
59
  "dependencies": {
60
60
  "@internationalized/number": "^3.1.0",
61
- "@spectrum-web-components/base": "^0.40.3",
62
- "@spectrum-web-components/icon": "^0.40.3",
63
- "@spectrum-web-components/icons-ui": "^0.40.3",
64
- "@spectrum-web-components/infield-button": "^0.40.3",
65
- "@spectrum-web-components/reactive-controllers": "^0.40.3",
66
- "@spectrum-web-components/shared": "^0.40.3",
67
- "@spectrum-web-components/textfield": "^0.40.3"
61
+ "@spectrum-web-components/base": "^0.40.4",
62
+ "@spectrum-web-components/icon": "^0.40.4",
63
+ "@spectrum-web-components/icons-ui": "^0.40.4",
64
+ "@spectrum-web-components/infield-button": "^0.40.4",
65
+ "@spectrum-web-components/reactive-controllers": "^0.40.4",
66
+ "@spectrum-web-components/shared": "^0.40.4",
67
+ "@spectrum-web-components/textfield": "^0.40.4"
68
68
  },
69
69
  "devDependencies": {
70
70
  "@formatjs/intl-numberformat": "^8.3.5",
71
- "@spectrum-css/stepper": "^5.0.6"
71
+ "@spectrum-css/stepper": "^5.0.7"
72
72
  },
73
73
  "types": "./src/index.d.ts",
74
74
  "customElements": "custom-elements.json",
@@ -76,5 +76,5 @@
76
76
  "./sp-*.js",
77
77
  "./**/*.dev.js"
78
78
  ],
79
- "gitHead": "76467a3470aeafa4beefce1e4fc76341f1d6733f"
79
+ "gitHead": "e7bca020d0da71c4d92e95044bf58780d2e8e603"
80
80
  }
package/src/number-field.css.dev.js CHANGED
@@ -50,6 +50,8 @@ var(--spectrum-stepper-border-width)
50
50
  --mod-stepper-border-color-keyboard-focus-invalid,var(--spectrum-negative-border-color-key-focus)
51
51
  );--mod-infield-button-border-color:var(
52
52
  --mod-stepper-border-color-invalid,var(--spectrum-stepper-border-color-invalid)
53
+ );--mod-textfield-icon-spacing-inline-start-invalid:0}:host([invalid]:hover) #textfield{--mod-infield-button-border-color:var(
54
+ --mod-stepper-border-color-hover-invalid,var(--spectrum-negative-border-color-hover)
53
55
  )}:host([invalid]) #textfield:focus,:host([invalid][focused]) #textfield{--mod-infield-button-border-color:var(
54
56
  --mod-stepper-border-color-focus-invalid,var(--spectrum-stepper-border-color-focus-invalid)
55
57
  )}:host([invalid]:hover) #textfield:focus,:host([invalid][focused]:hover) #textfield{--mod-infield-button-border-color:var(
@@ -58,11 +60,11 @@ var(--spectrum-stepper-border-width)
58
60
  --mod-stepper-border-color-keyboard-focus-invalid,var(--spectrum-stepper-border-color-keyboard-focus-invalid)
59
61
  )}:host([invalid]) #textfield:focus-visible,:host([invalid][keyboard-focused]) #textfield{--mod-infield-button-border-color:var(
60
62
  --mod-stepper-border-color-keyboard-focus-invalid,var(--spectrum-stepper-border-color-keyboard-focus-invalid)
61
- )}@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(
63
+ )}.x{border-radius:var(--spectrum-stepper-button-border-radius-reset)}#textfield{block-size:var(--mod-stepper-height,var(--spectrum-stepper-height));border-radius:var(
62
64
  --mod-stepper-border-radius,var(--spectrum-stepper-border-radius)
63
65
  );display:inline-flex;flex-flow:row;inline-size:var(--mod-stepper-width,var(--spectrum-stepper-width));position:relative}#textfield,#textfield .input{border-color:var(
64
66
  --highcontrast-stepper-border-color,var(--mod-stepper-border-color,var(--spectrum-stepper-border-color))
65
- )}#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(
67
+ )}#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(
66
68
  --highcontrast-stepper-border-color-hover,var(
67
69
  --mod-stepper-buttons-border-color-hover,var(--spectrum-stepper-buttons-border-color-hover)
68
70
  )
@@ -70,11 +72,7 @@ var(--spectrum-stepper-border-width)
70
72
  --highcontrast-stepper-border-color-hover,var(
71
73
  --mod-stepper-border-color-hover,var(--spectrum-stepper-border-color-hover)
72
74
  )
73
- )}#textfield:focus,:host([focused]) #textfield{--mod-infield-button-background-color:var(
74
- --highcontrast-stepper-button-background-color-focus,var(
75
- --mod-stepper-button-background-color-focus,var(--spectrum-stepper-button-background-color-focus)
76
- )
77
- );--mod-infield-button-border-color:var(
75
+ )}#textfield:focus,:host([focused]) #textfield{--mod-infield-button-border-color:var(
78
76
  --highcontrast-stepper-border-color-focus,var(
79
77
  --mod-stepper-buttons-border-color-focus,var(--spectrum-stepper-buttons-border-color-focus)
80
78
  )
@@ -90,11 +88,7 @@ var(--spectrum-stepper-border-width)
90
88
  --highcontrast-stepper-border-color-focus-hover,var(
91
89
  --mod-stepper-border-color-focus-hover,var(--spectrum-stepper-border-color-focus-hover)
92
90
  )
93
- )}#textfield.focus-visible,:host([keyboard-focused]) #textfield{--mod-infield-button-background-color:var(
94
- --highcontrast-stepper-button-background-color-keyboard-focus,var(
95
- --mod-stepper-button-background-color-keyboard-focus,var(--spectrum-stepper-button-background-color-keyboard-focus)
96
- )
97
- );--mod-infield-button-border-color:var(
91
+ )}#textfield.focus-visible,:host([keyboard-focused]) #textfield{--mod-infield-button-border-color:var(
98
92
  --highcontrast-stepper-border-color-keyboard-focus,var(
99
93
  --mod-stepper-buttons-border-color-keyboard-focus,var(--spectrum-stepper-buttons-border-color-keyboard-focus)
100
94
  )
@@ -106,11 +100,7 @@ var(--spectrum-stepper-border-width)
106
100
  )
107
101
  );outline-offset:var(
108
102
  --mod-stepper-focus-indicator-gap,var(--spectrum-stepper-focus-indicator-gap)
109
- )}#textfield:focus-visible,:host([keyboard-focused]) #textfield{--mod-infield-button-background-color:var(
110
- --highcontrast-stepper-button-background-color-keyboard-focus,var(
111
- --mod-stepper-button-background-color-keyboard-focus,var(--spectrum-stepper-button-background-color-keyboard-focus)
112
- )
113
- );--mod-infield-button-border-color:var(
103
+ )}#textfield:focus-visible,:host([keyboard-focused]) #textfield{--mod-infield-button-border-color:var(
114
104
  --highcontrast-stepper-border-color-keyboard-focus,var(
115
105
  --mod-stepper-buttons-border-color-keyboard-focus,var(--spectrum-stepper-buttons-border-color-keyboard-focus)
116
106
  )
@@ -181,7 +171,9 @@ var(--spectrum-stepper-focus-indicator-width)
181
171
  );border-style:var(
182
172
  --mod-stepper-buttons-border-style,var(--spectrum-stepper-buttons-border-style)
183
173
  );border-width:var(
174
+ --highcontrast-stepper-buttons-border-width,var(
184
175
  --mod-stepper-buttons-border-width,var(--spectrum-stepper-buttons-border-width)
176
+ )
185
177
  );border-inline-start-width:0;box-sizing:border-box;display:flex;flex-direction:column;inline-size:var(
186
178
  --mod-stepper-button-width,var(--spectrum-stepper-button-width)
187
179
  );justify-content:center;transition:border-color var(
@@ -192,7 +184,9 @@ var(--spectrum-stepper-focus-indicator-width)
192
184
  --mod-stepper-border-width,var(--spectrum-stepper-border-width)
193
185
  );border-start-end-radius:var(
194
186
  --mod-stepper-border-radius,var(--spectrum-stepper-border-radius)
195
- )}:host{--spectrum-stepper-border-width:var(
187
+ )}@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(
188
+ --mod-stepper-border-width,var(--spectrum-stepper-border-width)
189
+ )}: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(
196
190
  --system-spectrum-stepper-border-width
197
191
  );--spectrum-stepper-buttons-border-style:var(
198
192
  --system-spectrum-stepper-buttons-border-style
package/src/number-field.css.dev.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["number-field.css.ts"],
4
- "sourcesContent": ["/*\nCopyright 2024 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{--spectrum-stepper-height:var(--spectrum-component-height-100);--spectrum-stepper-border-radius:var(--spectrum-corner-radius-100);--spectrum-stepper-button-width:var(\n--spectrum-in-field-button-width-stacked-medium\n);--spectrum-stepper-button-padding:var(\n--spectrum-in-field-button-edge-to-fill\n);--spectrum-stepper-width:calc(var(--mod-stepper-height, var(--spectrum-stepper-height))*var(\n--mod-stepper-min-width-multiplier,\nvar(--spectrum-text-field-minimum-width-multiplier)\n) + var(\n--mod-stepper-button-width,\nvar(--spectrum-stepper-button-width)\n) + var(\n--mod-stepper-border-width,\nvar(--spectrum-stepper-border-width)\n)*2);--spectrum-stepper-focus-indicator-width:var(\n--spectrum-focus-indicator-thickness\n);--spectrum-stepper-focus-indicator-gap:var(--spectrum-focus-indicator-gap);--spectrum-stepper-focus-indicator-color:var(\n--spectrum-focus-indicator-color\n);--spectrum-stepper-button-offset:calc(var(--spectrum-stepper-button-width)/2);--spectrum-stepper-animation-duration:var(\n--spectrum-animation-duration-100\n);--mod-infield-button-border-color:var(\n--highcontrast-stepper-border-color,var(\n--mod-stepper-buttons-border-color,var(--spectrum-stepper-buttons-border-color)\n)\n);--mod-infield-button-border-width:var(\n--mod-stepper-button-border-width,var(--spectrum-stepper-button-border-width)\n);--mod-textfield-border-width:var(\n--mod-stepper-border-width,var(--spectrum-stepper-border-width)\n)}:host([size=s]) #textfield{--spectrum-stepper-button-width:var(\n--spectrum-in-field-button-width-stacked-small\n);--spectrum-stepper-height:var(--spectrum-component-height-75)}:host([size=l]) #textfield{--spectrum-stepper-button-width:var(\n--spectrum-in-field-button-width-stacked-large\n);--spectrum-stepper-height:var(--spectrum-component-height-200)}:host([size=xl]) #textfield{--spectrum-stepper-button-width:var(\n--spectrum-in-field-button-width-stacked-extra-large\n);--spectrum-stepper-height:var(--spectrum-component-height-300)}:host([quiet]) #textfield{--mod-infield-button-width-stacked:var(\n--mod-stepper-button-width-quiet,var(--spectrum-stepper-button-width)\n);--mod-textfield-focus-indicator-color:transparent}:host([disabled]) #textfield{--mod-infield-button-border-color-quiet-disabled:var(\n--spectrum-disabled-border-color\n)}:host([invalid]) #textfield{--mod-stepper-border-color:var(\n--mod-stepper-border-color-invalid,var(--spectrum-negative-border-color-default)\n);--mod-stepper-border-color-hover:var(\n--mod-stepper-border-color-hover-invalid,var(--spectrum-negative-border-color-hover)\n);--mod-stepper-border-color-focus:var(\n--mod-stepper-border-color-focus-invalid,var(--spectrum-negative-border-color-focus)\n);--mod-stepper-border-color-focus-hover:var(\n--mod-stepper-border-color-focus-hover-invalid,var(--spectrum-negative-border-color-focus-hover)\n);--mod-stepper-border-color-keyboard-focus:var(\n--mod-stepper-border-color-keyboard-focus-invalid,var(--spectrum-negative-border-color-key-focus)\n);--mod-infield-button-border-color:var(\n--mod-stepper-border-color-invalid,var(--spectrum-stepper-border-color-invalid)\n)}:host([invalid]) #textfield:focus,:host([invalid][focused]) #textfield{--mod-infield-button-border-color:var(\n--mod-stepper-border-color-focus-invalid,var(--spectrum-stepper-border-color-focus-invalid)\n)}:host([invalid]:hover) #textfield:focus,:host([invalid][focused]:hover) #textfield{--mod-infield-button-border-color:var(\n--mod-stepper-border-color-focus-hover-invalid,var(--spectrum-stepper-border-color-focus-hover-invalid)\n)}:host([invalid]) #textfield.focus-visible,:host([invalid][keyboard-focused]) #textfield{--mod-infield-button-border-color:var(\n--mod-stepper-border-color-keyboard-focus-invalid,var(--spectrum-stepper-border-color-keyboard-focus-invalid)\n)}:host([invalid]) #textfield:focus-visible,:host([invalid][keyboard-focused]) #textfield{--mod-infield-button-border-color:var(\n--mod-stepper-border-color-keyboard-focus-invalid,var(--spectrum-stepper-border-color-keyboard-focus-invalid)\n)}@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(\n--mod-stepper-border-radius,var(--spectrum-stepper-border-radius)\n);display:inline-flex;flex-flow:row;inline-size:var(--mod-stepper-width,var(--spectrum-stepper-width));position:relative}#textfield,#textfield .input{border-color:var(\n--highcontrast-stepper-border-color,var(--mod-stepper-border-color,var(--spectrum-stepper-border-color))\n)}#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(\n--highcontrast-stepper-border-color-hover,var(\n--mod-stepper-buttons-border-color-hover,var(--spectrum-stepper-buttons-border-color-hover)\n)\n)}:host(:hover:not([disabled])) #textfield .buttons,:host(:hover:not([disabled])) #textfield .input{border-color:var(\n--highcontrast-stepper-border-color-hover,var(\n--mod-stepper-border-color-hover,var(--spectrum-stepper-border-color-hover)\n)\n)}#textfield:focus,:host([focused]) #textfield{--mod-infield-button-background-color:var(\n--highcontrast-stepper-button-background-color-focus,var(\n--mod-stepper-button-background-color-focus,var(--spectrum-stepper-button-background-color-focus)\n)\n);--mod-infield-button-border-color:var(\n--highcontrast-stepper-border-color-focus,var(\n--mod-stepper-buttons-border-color-focus,var(--spectrum-stepper-buttons-border-color-focus)\n)\n)}#textfield:focus .input,:host([focused]) #textfield .input{outline:none}#textfield:focus .buttons,#textfield:focus .input,:host([focused]) #textfield .buttons,:host([focused]) #textfield .input{border-color:var(\n--highcontrast-stepper-border-color-focus,var(\n--mod-stepper-border-color-focus,var(--spectrum-stepper-border-color-focus)\n)\n)}:host(:hover) #textfield:focus,:host([focused]:hover) #textfield{--mod-infield-button-border-color:var(\n--highcontrast-stepper-border-color-focus-hover,var(\n--mod-stepper-buttons-border-color-focus-hover,var(--spectrum-stepper-buttons-border-color-focus-hover)\n)\n)}:host(:hover) #textfield:focus .buttons,:host(:hover) #textfield:focus .input,:host([focused]:hover) #textfield .buttons,:host([focused]:hover) #textfield .input{border-color:var(\n--highcontrast-stepper-border-color-focus-hover,var(\n--mod-stepper-border-color-focus-hover,var(--spectrum-stepper-border-color-focus-hover)\n)\n)}#textfield.focus-visible,:host([keyboard-focused]) #textfield{--mod-infield-button-background-color:var(\n--highcontrast-stepper-button-background-color-keyboard-focus,var(\n--mod-stepper-button-background-color-keyboard-focus,var(--spectrum-stepper-button-background-color-keyboard-focus)\n)\n);--mod-infield-button-border-color:var(\n--highcontrast-stepper-border-color-keyboard-focus,var(\n--mod-stepper-buttons-border-color-keyboard-focus,var(--spectrum-stepper-buttons-border-color-keyboard-focus)\n)\n);outline:var(\n--mod-stepper-focus-indicator-width,var(--spectrum-stepper-focus-indicator-width)\n) solid;outline-color:var(\n--highcontrast-stepper-focus-indicator-color,var(\n--mod-stepper-focus-indicator-color,var(--spectrum-stepper-focus-indicator-color)\n)\n);outline-offset:var(\n--mod-stepper-focus-indicator-gap,var(--spectrum-stepper-focus-indicator-gap)\n)}#textfield:focus-visible,:host([keyboard-focused]) #textfield{--mod-infield-button-background-color:var(\n--highcontrast-stepper-button-background-color-keyboard-focus,var(\n--mod-stepper-button-background-color-keyboard-focus,var(--spectrum-stepper-button-background-color-keyboard-focus)\n)\n);--mod-infield-button-border-color:var(\n--highcontrast-stepper-border-color-keyboard-focus,var(\n--mod-stepper-buttons-border-color-keyboard-focus,var(--spectrum-stepper-buttons-border-color-keyboard-focus)\n)\n);outline:var(\n--mod-stepper-focus-indicator-width,var(--spectrum-stepper-focus-indicator-width)\n) solid;outline-color:var(\n--highcontrast-stepper-focus-indicator-color,var(\n--mod-stepper-focus-indicator-color,var(--spectrum-stepper-focus-indicator-color)\n)\n);outline-offset:var(\n--mod-stepper-focus-indicator-gap,var(--spectrum-stepper-focus-indicator-gap)\n)}#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(\n--highcontrast-stepper-border-color-keyboard-focus,var(\n--mod-stepper-border-color-keyboard-focus,var(--spectrum-stepper-border-color-keyboard-focus)\n)\n)}#textfield:focus-visible .buttons,#textfield:focus-visible .input,:host([keyboard-focused]) #textfield .buttons,:host([keyboard-focused]) #textfield .input{border-color:var(\n--highcontrast-stepper-border-color-keyboard-focus,var(\n--mod-stepper-border-color-keyboard-focus,var(--spectrum-stepper-border-color-keyboard-focus)\n)\n)}:host([quiet]) #textfield{--mod-infield-button-border-color:var(\n--highcontrast-stepper-border-color,var(--mod-stepper-border-color,var(--spectrum-stepper-border-color))\n);border-end-end-radius:0;border-end-start-radius:0;border-start-end-radius:0;border-start-start-radius:0}:host([quiet]) #textfield.hide-stepper .input{border-end-end-radius:0;border-inline-end-width:0}:host([quiet]) #textfield:after{block-size:var(\n--mod-stepper-focus-indicator-width,var(--spectrum-stepper-focus-indicator-width)\n);content:\"\";inline-size:100%;inset-block-end:calc((var(\n--mod-stepper-focus-indicator-gap,\nvar(--spectrum-stepper-focus-indicator-gap)\n) + var(\n--mod-stepper-focus-indicator-width,\nvar(--spectrum-stepper-focus-indicator-width)\n))*-1);inset-inline-start:0;position:absolute}:host([quiet]) #textfield .buttons{border:none}:host([quiet]) #textfield .button{--mod-infield-button-border-block-end-width:var(\n--mod-stepper-border-width,var(--spectrum-stepper-border-width)\n);--mod-infield-button-stacked-bottom-border-block-end-width:var(\n--mod-stepper-border-width,var(--spectrum-stepper-border-width)\n);--mod-infield-button-stacked-bottom-border-radius-end-end:0;--mod-infield-button-stacked-bottom-border-radius-end-start:0;--mod-infield-button-fill-justify-content:flex-end;padding:0}:host([quiet]) #textfield .buttons,:host([quiet]) #textfield .input{background-color:#0000}:host([quiet]:hover:not([disabled])) #textfield{--mod-infield-button-border-color:var(\n--highcontrast-stepper-border-color-hover,var(\n--mod-stepper-border-color-hover,var(--spectrum-stepper-border-color-hover)\n)\n)}:host([quiet]:hover:not([disabled])) #textfield .buttons{background-color:#0000}:host([quiet]) #textfield:focus,:host([quiet][focused]) #textfield{--mod-infield-button-border-color:var(\n--highcontrast-stepper-border-color-focus,var(\n--mod-stepper-border-color-focus,var(--spectrum-stepper-border-color-focus)\n)\n)}:host([quiet]:hover) #textfield:focus,:host([quiet][focused]:hover) #textfield{--mod-infield-button-border-color:var(\n--highcontrast-stepper-border-color-focus-hover,var(\n--mod-stepper-border-color-focus-hover,var(--spectrum-stepper-border-color-focus-hover)\n)\n)}:host([quiet][keyboard-focused]) #textfield{--mod-infield-button-border-color:var(\n--highcontrast-stepper-border-color-keyboard-focus,var(\n--mod-stepper-border-color-keyboard-focus,var(--spectrum-stepper-border-color-keyboard-focus)\n)\n);outline:none}:host([quiet][keyboard-focused]) #textfield:after{background-color:var(\n--highcontrast-stepper-focus-indicator-color,var(\n--mod-stepper-focus-indicator-color,var(--spectrum-stepper-focus-indicator-color)\n)\n)}:host([quiet][keyboard-focused]:hover) #textfield{--mod-infield-button-border-color:var(\n--highcontrast-stepper-border-color-hover,var(\n--mod-stepper-border-color-hover,var(--spectrum-stepper-border-color-hover)\n)\n)}#textfield:before{content:\"\"}.buttons{background-color:var(\n--highcontrast-stepper-buttons-background-color,var(\n--mod-stepper-buttons-background-color,var(--spectrum-stepper-buttons-background-color)\n)\n);block-size:var(--mod-stepper-height,var(--spectrum-stepper-height));border-color:var(\n--highcontrast-stepper-border-color,var(--mod-stepper-border-color,var(--spectrum-stepper-border-color))\n);border-end-end-radius:var(\n--mod-stepper-border-radius,var(--spectrum-stepper-border-radius)\n);border-start-end-radius:var(\n--mod-stepper-border-radius,var(--spectrum-stepper-border-radius)\n);border-style:var(\n--mod-stepper-buttons-border-style,var(--spectrum-stepper-buttons-border-style)\n);border-width:var(\n--mod-stepper-buttons-border-width,var(--spectrum-stepper-buttons-border-width)\n);border-inline-start-width:0;box-sizing:border-box;display:flex;flex-direction:column;inline-size:var(\n--mod-stepper-button-width,var(--spectrum-stepper-button-width)\n);justify-content:center;transition:border-color var(\n--mod-stepper-animation-duration,var(--spectrum-stepper-animation-duration)\n) ease-in-out}#textfield.hide-stepper .input{border-end-end-radius:var(\n--mod-stepper-border-radius,var(--spectrum-stepper-border-radius)\n);border-inline-end-width:var(\n--mod-stepper-border-width,var(--spectrum-stepper-border-width)\n);border-start-end-radius:var(\n--mod-stepper-border-radius,var(--spectrum-stepper-border-radius)\n)}:host{--spectrum-stepper-border-width:var(\n--system-spectrum-stepper-border-width\n);--spectrum-stepper-buttons-border-style:var(\n--system-spectrum-stepper-buttons-border-style\n);--spectrum-stepper-buttons-border-width:var(\n--system-spectrum-stepper-buttons-border-width\n);--spectrum-stepper-buttons-border-color:var(\n--system-spectrum-stepper-buttons-border-color\n);--spectrum-stepper-buttons-background-color:var(\n--system-spectrum-stepper-buttons-background-color\n);--spectrum-stepper-buttons-border-color-hover:var(\n--system-spectrum-stepper-buttons-border-color-hover\n);--spectrum-stepper-buttons-border-color-focus:var(\n--system-spectrum-stepper-buttons-border-color-focus\n);--spectrum-stepper-buttons-border-color-keyboard-focus:var(\n--system-spectrum-stepper-buttons-border-color-keyboard-focus\n);--spectrum-stepper-button-border-radius-reset:var(\n--system-spectrum-stepper-button-border-radius-reset\n);--spectrum-stepper-button-border-width:var(\n--system-spectrum-stepper-button-border-width\n);--spectrum-stepper-border-color:var(\n--system-spectrum-stepper-border-color\n);--spectrum-stepper-border-color-hover:var(\n--system-spectrum-stepper-border-color-hover\n);--spectrum-stepper-border-color-focus:var(\n--system-spectrum-stepper-border-color-focus\n);--spectrum-stepper-border-color-focus-hover:var(\n--system-spectrum-stepper-border-color-focus-hover\n);--spectrum-stepper-border-color-keyboard-focus:var(\n--system-spectrum-stepper-border-color-keyboard-focus\n);--spectrum-stepper-border-color-invalid:var(\n--system-spectrum-stepper-border-color-invalid\n);--spectrum-stepper-border-color-focus-invalid:var(\n--system-spectrum-stepper-border-color-focus-invalid\n);--spectrum-stepper-border-color-focus-hover-invalid:var(\n--system-spectrum-stepper-border-color-focus-hover-invalid\n);--spectrum-stepper-border-color-keyboard-focus-invalid:var(\n--system-spectrum-stepper-border-color-keyboard-focus-invalid\n);--spectrum-stepper-button-background-color-focus:var(\n--system-spectrum-stepper-button-background-color-focus\n);--spectrum-stepper-button-background-color-keyboard-focus:var(\n--system-spectrum-stepper-button-background-color-keyboard-focus\n)}:host([disabled]) #textfield{--spectrum-stepper-buttons-background-color:var(\n--system-spectrum-stepper-disabled-buttons-background-color\n);--spectrum-stepper-buttons-border-width:var(\n--system-spectrum-stepper-disabled-buttons-border-width\n)}:host{--swc-number-field-width:calc(var(--mod-stepper-height, var(--spectrum-stepper-height))*var(\n--mod-stepper-min-width-multiplier,\nvar(--spectrum-text-field-minimum-width-multiplier)\n) + var(\n--mod-stepper-button-width,\nvar(--spectrum-stepper-button-width)\n) + var(\n--mod-stepper-border-width,\nvar(--spectrum-stepper-border-width)\n)*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)}\n`;\nexport default styles;"],
5
- "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAyPf,eAAe;",
4
+ "sourcesContent": ["/*\nCopyright 2024 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{--spectrum-stepper-height:var(--spectrum-component-height-100);--spectrum-stepper-border-radius:var(--spectrum-corner-radius-100);--spectrum-stepper-button-width:var(\n--spectrum-in-field-button-width-stacked-medium\n);--spectrum-stepper-button-padding:var(\n--spectrum-in-field-button-edge-to-fill\n);--spectrum-stepper-width:calc(var(--mod-stepper-height, var(--spectrum-stepper-height))*var(\n--mod-stepper-min-width-multiplier,\nvar(--spectrum-text-field-minimum-width-multiplier)\n) + var(\n--mod-stepper-button-width,\nvar(--spectrum-stepper-button-width)\n) + var(\n--mod-stepper-border-width,\nvar(--spectrum-stepper-border-width)\n)*2);--spectrum-stepper-focus-indicator-width:var(\n--spectrum-focus-indicator-thickness\n);--spectrum-stepper-focus-indicator-gap:var(--spectrum-focus-indicator-gap);--spectrum-stepper-focus-indicator-color:var(\n--spectrum-focus-indicator-color\n);--spectrum-stepper-button-offset:calc(var(--spectrum-stepper-button-width)/2);--spectrum-stepper-animation-duration:var(\n--spectrum-animation-duration-100\n);--mod-infield-button-border-color:var(\n--highcontrast-stepper-border-color,var(\n--mod-stepper-buttons-border-color,var(--spectrum-stepper-buttons-border-color)\n)\n);--mod-infield-button-border-width:var(\n--mod-stepper-button-border-width,var(--spectrum-stepper-button-border-width)\n);--mod-textfield-border-width:var(\n--mod-stepper-border-width,var(--spectrum-stepper-border-width)\n)}:host([size=s]) #textfield{--spectrum-stepper-button-width:var(\n--spectrum-in-field-button-width-stacked-small\n);--spectrum-stepper-height:var(--spectrum-component-height-75)}:host([size=l]) #textfield{--spectrum-stepper-button-width:var(\n--spectrum-in-field-button-width-stacked-large\n);--spectrum-stepper-height:var(--spectrum-component-height-200)}:host([size=xl]) #textfield{--spectrum-stepper-button-width:var(\n--spectrum-in-field-button-width-stacked-extra-large\n);--spectrum-stepper-height:var(--spectrum-component-height-300)}:host([quiet]) #textfield{--mod-infield-button-width-stacked:var(\n--mod-stepper-button-width-quiet,var(--spectrum-stepper-button-width)\n);--mod-textfield-focus-indicator-color:transparent}:host([disabled]) #textfield{--mod-infield-button-border-color-quiet-disabled:var(\n--spectrum-disabled-border-color\n)}:host([invalid]) #textfield{--mod-stepper-border-color:var(\n--mod-stepper-border-color-invalid,var(--spectrum-negative-border-color-default)\n);--mod-stepper-border-color-hover:var(\n--mod-stepper-border-color-hover-invalid,var(--spectrum-negative-border-color-hover)\n);--mod-stepper-border-color-focus:var(\n--mod-stepper-border-color-focus-invalid,var(--spectrum-negative-border-color-focus)\n);--mod-stepper-border-color-focus-hover:var(\n--mod-stepper-border-color-focus-hover-invalid,var(--spectrum-negative-border-color-focus-hover)\n);--mod-stepper-border-color-keyboard-focus:var(\n--mod-stepper-border-color-keyboard-focus-invalid,var(--spectrum-negative-border-color-key-focus)\n);--mod-infield-button-border-color:var(\n--mod-stepper-border-color-invalid,var(--spectrum-stepper-border-color-invalid)\n);--mod-textfield-icon-spacing-inline-start-invalid:0}:host([invalid]:hover) #textfield{--mod-infield-button-border-color:var(\n--mod-stepper-border-color-hover-invalid,var(--spectrum-negative-border-color-hover)\n)}:host([invalid]) #textfield:focus,:host([invalid][focused]) #textfield{--mod-infield-button-border-color:var(\n--mod-stepper-border-color-focus-invalid,var(--spectrum-stepper-border-color-focus-invalid)\n)}:host([invalid]:hover) #textfield:focus,:host([invalid][focused]:hover) #textfield{--mod-infield-button-border-color:var(\n--mod-stepper-border-color-focus-hover-invalid,var(--spectrum-stepper-border-color-focus-hover-invalid)\n)}:host([invalid]) #textfield.focus-visible,:host([invalid][keyboard-focused]) #textfield{--mod-infield-button-border-color:var(\n--mod-stepper-border-color-keyboard-focus-invalid,var(--spectrum-stepper-border-color-keyboard-focus-invalid)\n)}:host([invalid]) #textfield:focus-visible,:host([invalid][keyboard-focused]) #textfield{--mod-infield-button-border-color:var(\n--mod-stepper-border-color-keyboard-focus-invalid,var(--spectrum-stepper-border-color-keyboard-focus-invalid)\n)}.x{border-radius:var(--spectrum-stepper-button-border-radius-reset)}#textfield{block-size:var(--mod-stepper-height,var(--spectrum-stepper-height));border-radius:var(\n--mod-stepper-border-radius,var(--spectrum-stepper-border-radius)\n);display:inline-flex;flex-flow:row;inline-size:var(--mod-stepper-width,var(--spectrum-stepper-width));position:relative}#textfield,#textfield .input{border-color:var(\n--highcontrast-stepper-border-color,var(--mod-stepper-border-color,var(--spectrum-stepper-border-color))\n)}#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(\n--highcontrast-stepper-border-color-hover,var(\n--mod-stepper-buttons-border-color-hover,var(--spectrum-stepper-buttons-border-color-hover)\n)\n)}:host(:hover:not([disabled])) #textfield .buttons,:host(:hover:not([disabled])) #textfield .input{border-color:var(\n--highcontrast-stepper-border-color-hover,var(\n--mod-stepper-border-color-hover,var(--spectrum-stepper-border-color-hover)\n)\n)}#textfield:focus,:host([focused]) #textfield{--mod-infield-button-border-color:var(\n--highcontrast-stepper-border-color-focus,var(\n--mod-stepper-buttons-border-color-focus,var(--spectrum-stepper-buttons-border-color-focus)\n)\n)}#textfield:focus .input,:host([focused]) #textfield .input{outline:none}#textfield:focus .buttons,#textfield:focus .input,:host([focused]) #textfield .buttons,:host([focused]) #textfield .input{border-color:var(\n--highcontrast-stepper-border-color-focus,var(\n--mod-stepper-border-color-focus,var(--spectrum-stepper-border-color-focus)\n)\n)}:host(:hover) #textfield:focus,:host([focused]:hover) #textfield{--mod-infield-button-border-color:var(\n--highcontrast-stepper-border-color-focus-hover,var(\n--mod-stepper-buttons-border-color-focus-hover,var(--spectrum-stepper-buttons-border-color-focus-hover)\n)\n)}:host(:hover) #textfield:focus .buttons,:host(:hover) #textfield:focus .input,:host([focused]:hover) #textfield .buttons,:host([focused]:hover) #textfield .input{border-color:var(\n--highcontrast-stepper-border-color-focus-hover,var(\n--mod-stepper-border-color-focus-hover,var(--spectrum-stepper-border-color-focus-hover)\n)\n)}#textfield.focus-visible,:host([keyboard-focused]) #textfield{--mod-infield-button-border-color:var(\n--highcontrast-stepper-border-color-keyboard-focus,var(\n--mod-stepper-buttons-border-color-keyboard-focus,var(--spectrum-stepper-buttons-border-color-keyboard-focus)\n)\n);outline:var(\n--mod-stepper-focus-indicator-width,var(--spectrum-stepper-focus-indicator-width)\n) solid;outline-color:var(\n--highcontrast-stepper-focus-indicator-color,var(\n--mod-stepper-focus-indicator-color,var(--spectrum-stepper-focus-indicator-color)\n)\n);outline-offset:var(\n--mod-stepper-focus-indicator-gap,var(--spectrum-stepper-focus-indicator-gap)\n)}#textfield:focus-visible,:host([keyboard-focused]) #textfield{--mod-infield-button-border-color:var(\n--highcontrast-stepper-border-color-keyboard-focus,var(\n--mod-stepper-buttons-border-color-keyboard-focus,var(--spectrum-stepper-buttons-border-color-keyboard-focus)\n)\n);outline:var(\n--mod-stepper-focus-indicator-width,var(--spectrum-stepper-focus-indicator-width)\n) solid;outline-color:var(\n--highcontrast-stepper-focus-indicator-color,var(\n--mod-stepper-focus-indicator-color,var(--spectrum-stepper-focus-indicator-color)\n)\n);outline-offset:var(\n--mod-stepper-focus-indicator-gap,var(--spectrum-stepper-focus-indicator-gap)\n)}#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(\n--highcontrast-stepper-border-color-keyboard-focus,var(\n--mod-stepper-border-color-keyboard-focus,var(--spectrum-stepper-border-color-keyboard-focus)\n)\n)}#textfield:focus-visible .buttons,#textfield:focus-visible .input,:host([keyboard-focused]) #textfield .buttons,:host([keyboard-focused]) #textfield .input{border-color:var(\n--highcontrast-stepper-border-color-keyboard-focus,var(\n--mod-stepper-border-color-keyboard-focus,var(--spectrum-stepper-border-color-keyboard-focus)\n)\n)}:host([quiet]) #textfield{--mod-infield-button-border-color:var(\n--highcontrast-stepper-border-color,var(--mod-stepper-border-color,var(--spectrum-stepper-border-color))\n);border-end-end-radius:0;border-end-start-radius:0;border-start-end-radius:0;border-start-start-radius:0}:host([quiet]) #textfield.hide-stepper .input{border-end-end-radius:0;border-inline-end-width:0}:host([quiet]) #textfield:after{block-size:var(\n--mod-stepper-focus-indicator-width,var(--spectrum-stepper-focus-indicator-width)\n);content:\"\";inline-size:100%;inset-block-end:calc((var(\n--mod-stepper-focus-indicator-gap,\nvar(--spectrum-stepper-focus-indicator-gap)\n) + var(\n--mod-stepper-focus-indicator-width,\nvar(--spectrum-stepper-focus-indicator-width)\n))*-1);inset-inline-start:0;position:absolute}:host([quiet]) #textfield .buttons{border:none}:host([quiet]) #textfield .button{--mod-infield-button-border-block-end-width:var(\n--mod-stepper-border-width,var(--spectrum-stepper-border-width)\n);--mod-infield-button-stacked-bottom-border-block-end-width:var(\n--mod-stepper-border-width,var(--spectrum-stepper-border-width)\n);--mod-infield-button-stacked-bottom-border-radius-end-end:0;--mod-infield-button-stacked-bottom-border-radius-end-start:0;--mod-infield-button-fill-justify-content:flex-end;padding:0}:host([quiet]) #textfield .buttons,:host([quiet]) #textfield .input{background-color:#0000}:host([quiet]:hover:not([disabled])) #textfield{--mod-infield-button-border-color:var(\n--highcontrast-stepper-border-color-hover,var(\n--mod-stepper-border-color-hover,var(--spectrum-stepper-border-color-hover)\n)\n)}:host([quiet]:hover:not([disabled])) #textfield .buttons{background-color:#0000}:host([quiet]) #textfield:focus,:host([quiet][focused]) #textfield{--mod-infield-button-border-color:var(\n--highcontrast-stepper-border-color-focus,var(\n--mod-stepper-border-color-focus,var(--spectrum-stepper-border-color-focus)\n)\n)}:host([quiet]:hover) #textfield:focus,:host([quiet][focused]:hover) #textfield{--mod-infield-button-border-color:var(\n--highcontrast-stepper-border-color-focus-hover,var(\n--mod-stepper-border-color-focus-hover,var(--spectrum-stepper-border-color-focus-hover)\n)\n)}:host([quiet][keyboard-focused]) #textfield{--mod-infield-button-border-color:var(\n--highcontrast-stepper-border-color-keyboard-focus,var(\n--mod-stepper-border-color-keyboard-focus,var(--spectrum-stepper-border-color-keyboard-focus)\n)\n);outline:none}:host([quiet][keyboard-focused]) #textfield:after{background-color:var(\n--highcontrast-stepper-focus-indicator-color,var(\n--mod-stepper-focus-indicator-color,var(--spectrum-stepper-focus-indicator-color)\n)\n)}:host([quiet][keyboard-focused]:hover) #textfield{--mod-infield-button-border-color:var(\n--highcontrast-stepper-border-color-hover,var(\n--mod-stepper-border-color-hover,var(--spectrum-stepper-border-color-hover)\n)\n)}#textfield:before{content:\"\"}.buttons{background-color:var(\n--highcontrast-stepper-buttons-background-color,var(\n--mod-stepper-buttons-background-color,var(--spectrum-stepper-buttons-background-color)\n)\n);block-size:var(--mod-stepper-height,var(--spectrum-stepper-height));border-color:var(\n--highcontrast-stepper-border-color,var(--mod-stepper-border-color,var(--spectrum-stepper-border-color))\n);border-end-end-radius:var(\n--mod-stepper-border-radius,var(--spectrum-stepper-border-radius)\n);border-start-end-radius:var(\n--mod-stepper-border-radius,var(--spectrum-stepper-border-radius)\n);border-style:var(\n--mod-stepper-buttons-border-style,var(--spectrum-stepper-buttons-border-style)\n);border-width:var(\n--highcontrast-stepper-buttons-border-width,var(\n--mod-stepper-buttons-border-width,var(--spectrum-stepper-buttons-border-width)\n)\n);border-inline-start-width:0;box-sizing:border-box;display:flex;flex-direction:column;inline-size:var(\n--mod-stepper-button-width,var(--spectrum-stepper-button-width)\n);justify-content:center;transition:border-color var(\n--mod-stepper-animation-duration,var(--spectrum-stepper-animation-duration)\n) ease-in-out}#textfield.hide-stepper .input{border-end-end-radius:var(\n--mod-stepper-border-radius,var(--spectrum-stepper-border-radius)\n);border-inline-end-width:var(\n--mod-stepper-border-width,var(--spectrum-stepper-border-width)\n);border-start-end-radius:var(\n--mod-stepper-border-radius,var(--spectrum-stepper-border-radius)\n)}@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(\n--mod-stepper-border-width,var(--spectrum-stepper-border-width)\n)}: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(\n--system-spectrum-stepper-border-width\n);--spectrum-stepper-buttons-border-style:var(\n--system-spectrum-stepper-buttons-border-style\n);--spectrum-stepper-buttons-border-width:var(\n--system-spectrum-stepper-buttons-border-width\n);--spectrum-stepper-buttons-border-color:var(\n--system-spectrum-stepper-buttons-border-color\n);--spectrum-stepper-buttons-background-color:var(\n--system-spectrum-stepper-buttons-background-color\n);--spectrum-stepper-buttons-border-color-hover:var(\n--system-spectrum-stepper-buttons-border-color-hover\n);--spectrum-stepper-buttons-border-color-focus:var(\n--system-spectrum-stepper-buttons-border-color-focus\n);--spectrum-stepper-buttons-border-color-keyboard-focus:var(\n--system-spectrum-stepper-buttons-border-color-keyboard-focus\n);--spectrum-stepper-button-border-radius-reset:var(\n--system-spectrum-stepper-button-border-radius-reset\n);--spectrum-stepper-button-border-width:var(\n--system-spectrum-stepper-button-border-width\n);--spectrum-stepper-border-color:var(\n--system-spectrum-stepper-border-color\n);--spectrum-stepper-border-color-hover:var(\n--system-spectrum-stepper-border-color-hover\n);--spectrum-stepper-border-color-focus:var(\n--system-spectrum-stepper-border-color-focus\n);--spectrum-stepper-border-color-focus-hover:var(\n--system-spectrum-stepper-border-color-focus-hover\n);--spectrum-stepper-border-color-keyboard-focus:var(\n--system-spectrum-stepper-border-color-keyboard-focus\n);--spectrum-stepper-border-color-invalid:var(\n--system-spectrum-stepper-border-color-invalid\n);--spectrum-stepper-border-color-focus-invalid:var(\n--system-spectrum-stepper-border-color-focus-invalid\n);--spectrum-stepper-border-color-focus-hover-invalid:var(\n--system-spectrum-stepper-border-color-focus-hover-invalid\n);--spectrum-stepper-border-color-keyboard-focus-invalid:var(\n--system-spectrum-stepper-border-color-keyboard-focus-invalid\n);--spectrum-stepper-button-background-color-focus:var(\n--system-spectrum-stepper-button-background-color-focus\n);--spectrum-stepper-button-background-color-keyboard-focus:var(\n--system-spectrum-stepper-button-background-color-keyboard-focus\n)}:host([disabled]) #textfield{--spectrum-stepper-buttons-background-color:var(\n--system-spectrum-stepper-disabled-buttons-background-color\n);--spectrum-stepper-buttons-border-width:var(\n--system-spectrum-stepper-disabled-buttons-border-width\n)}:host{--swc-number-field-width:calc(var(--mod-stepper-height, var(--spectrum-stepper-height))*var(\n--mod-stepper-min-width-multiplier,\nvar(--spectrum-text-field-minimum-width-multiplier)\n) + var(\n--mod-stepper-button-width,\nvar(--spectrum-stepper-button-width)\n) + var(\n--mod-stepper-border-width,\nvar(--spectrum-stepper-border-width)\n)*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)}\n`;\nexport default styles;"],
5
+ "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAmPf,eAAe;",
6
6
  "names": []
7
7
  }
package/src/number-field.css.js CHANGED
@@ -48,6 +48,8 @@ var(--spectrum-stepper-border-width)
48
48
  --mod-stepper-border-color-keyboard-focus-invalid,var(--spectrum-negative-border-color-key-focus)
49
49
  );--mod-infield-button-border-color:var(
50
50
  --mod-stepper-border-color-invalid,var(--spectrum-stepper-border-color-invalid)
51
+ );--mod-textfield-icon-spacing-inline-start-invalid:0}:host([invalid]:hover) #textfield{--mod-infield-button-border-color:var(
52
+ --mod-stepper-border-color-hover-invalid,var(--spectrum-negative-border-color-hover)
51
53
  )}:host([invalid]) #textfield:focus,:host([invalid][focused]) #textfield{--mod-infield-button-border-color:var(
52
54
  --mod-stepper-border-color-focus-invalid,var(--spectrum-stepper-border-color-focus-invalid)
53
55
  )}:host([invalid]:hover) #textfield:focus,:host([invalid][focused]:hover) #textfield{--mod-infield-button-border-color:var(
@@ -56,11 +58,11 @@ var(--spectrum-stepper-border-width)
56
58
  --mod-stepper-border-color-keyboard-focus-invalid,var(--spectrum-stepper-border-color-keyboard-focus-invalid)
57
59
  )}:host([invalid]) #textfield:focus-visible,:host([invalid][keyboard-focused]) #textfield{--mod-infield-button-border-color:var(
58
60
  --mod-stepper-border-color-keyboard-focus-invalid,var(--spectrum-stepper-border-color-keyboard-focus-invalid)
59
- )}@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(
61
+ )}.x{border-radius:var(--spectrum-stepper-button-border-radius-reset)}#textfield{block-size:var(--mod-stepper-height,var(--spectrum-stepper-height));border-radius:var(
60
62
  --mod-stepper-border-radius,var(--spectrum-stepper-border-radius)
61
63
  );display:inline-flex;flex-flow:row;inline-size:var(--mod-stepper-width,var(--spectrum-stepper-width));position:relative}#textfield,#textfield .input{border-color:var(
62
64
  --highcontrast-stepper-border-color,var(--mod-stepper-border-color,var(--spectrum-stepper-border-color))
63
- )}#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(
65
+ )}#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(
64
66
  --highcontrast-stepper-border-color-hover,var(
65
67
  --mod-stepper-buttons-border-color-hover,var(--spectrum-stepper-buttons-border-color-hover)
66
68
  )
@@ -68,11 +70,7 @@ var(--spectrum-stepper-border-width)
68
70
  --highcontrast-stepper-border-color-hover,var(
69
71
  --mod-stepper-border-color-hover,var(--spectrum-stepper-border-color-hover)
70
72
  )
71
- )}#textfield:focus,:host([focused]) #textfield{--mod-infield-button-background-color:var(
72
- --highcontrast-stepper-button-background-color-focus,var(
73
- --mod-stepper-button-background-color-focus,var(--spectrum-stepper-button-background-color-focus)
74
- )
75
- );--mod-infield-button-border-color:var(
73
+ )}#textfield:focus,:host([focused]) #textfield{--mod-infield-button-border-color:var(
76
74
  --highcontrast-stepper-border-color-focus,var(
77
75
  --mod-stepper-buttons-border-color-focus,var(--spectrum-stepper-buttons-border-color-focus)
78
76
  )
@@ -88,11 +86,7 @@ var(--spectrum-stepper-border-width)
88
86
  --highcontrast-stepper-border-color-focus-hover,var(
89
87
  --mod-stepper-border-color-focus-hover,var(--spectrum-stepper-border-color-focus-hover)
90
88
  )
91
- )}#textfield.focus-visible,:host([keyboard-focused]) #textfield{--mod-infield-button-background-color:var(
92
- --highcontrast-stepper-button-background-color-keyboard-focus,var(
93
- --mod-stepper-button-background-color-keyboard-focus,var(--spectrum-stepper-button-background-color-keyboard-focus)
94
- )
95
- );--mod-infield-button-border-color:var(
89
+ )}#textfield.focus-visible,:host([keyboard-focused]) #textfield{--mod-infield-button-border-color:var(
96
90
  --highcontrast-stepper-border-color-keyboard-focus,var(
97
91
  --mod-stepper-buttons-border-color-keyboard-focus,var(--spectrum-stepper-buttons-border-color-keyboard-focus)
98
92
  )
@@ -104,11 +98,7 @@ var(--spectrum-stepper-border-width)
104
98
  )
105
99
  );outline-offset:var(
106
100
  --mod-stepper-focus-indicator-gap,var(--spectrum-stepper-focus-indicator-gap)
107
- )}#textfield:focus-visible,:host([keyboard-focused]) #textfield{--mod-infield-button-background-color:var(
108
- --highcontrast-stepper-button-background-color-keyboard-focus,var(
109
- --mod-stepper-button-background-color-keyboard-focus,var(--spectrum-stepper-button-background-color-keyboard-focus)
110
- )
111
- );--mod-infield-button-border-color:var(
101
+ )}#textfield:focus-visible,:host([keyboard-focused]) #textfield{--mod-infield-button-border-color:var(
112
102
  --highcontrast-stepper-border-color-keyboard-focus,var(
113
103
  --mod-stepper-buttons-border-color-keyboard-focus,var(--spectrum-stepper-buttons-border-color-keyboard-focus)
114
104
  )
@@ -179,7 +169,9 @@ var(--spectrum-stepper-focus-indicator-width)
179
169
  );border-style:var(
180
170
  --mod-stepper-buttons-border-style,var(--spectrum-stepper-buttons-border-style)
181
171
  );border-width:var(
172
+ --highcontrast-stepper-buttons-border-width,var(
182
173
  --mod-stepper-buttons-border-width,var(--spectrum-stepper-buttons-border-width)
174
+ )
183
175
  );border-inline-start-width:0;box-sizing:border-box;display:flex;flex-direction:column;inline-size:var(
184
176
  --mod-stepper-button-width,var(--spectrum-stepper-button-width)
185
177
  );justify-content:center;transition:border-color var(
@@ -190,7 +182,9 @@ var(--spectrum-stepper-focus-indicator-width)
190
182
  --mod-stepper-border-width,var(--spectrum-stepper-border-width)
191
183
  );border-start-end-radius:var(
192
184
  --mod-stepper-border-radius,var(--spectrum-stepper-border-radius)
193
- )}:host{--spectrum-stepper-border-width:var(
185
+ )}@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(
186
+ --mod-stepper-border-width,var(--spectrum-stepper-border-width)
187
+ )}: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(
194
188
  --system-spectrum-stepper-border-width
195
189
  );--spectrum-stepper-buttons-border-style:var(
196
190
  --system-spectrum-stepper-buttons-border-style
package/src/number-field.css.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["number-field.css.ts"],
4
- "sourcesContent": ["/*\nCopyright 2024 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{--spectrum-stepper-height:var(--spectrum-component-height-100);--spectrum-stepper-border-radius:var(--spectrum-corner-radius-100);--spectrum-stepper-button-width:var(\n--spectrum-in-field-button-width-stacked-medium\n);--spectrum-stepper-button-padding:var(\n--spectrum-in-field-button-edge-to-fill\n);--spectrum-stepper-width:calc(var(--mod-stepper-height, var(--spectrum-stepper-height))*var(\n--mod-stepper-min-width-multiplier,\nvar(--spectrum-text-field-minimum-width-multiplier)\n) + var(\n--mod-stepper-button-width,\nvar(--spectrum-stepper-button-width)\n) + var(\n--mod-stepper-border-width,\nvar(--spectrum-stepper-border-width)\n)*2);--spectrum-stepper-focus-indicator-width:var(\n--spectrum-focus-indicator-thickness\n);--spectrum-stepper-focus-indicator-gap:var(--spectrum-focus-indicator-gap);--spectrum-stepper-focus-indicator-color:var(\n--spectrum-focus-indicator-color\n);--spectrum-stepper-button-offset:calc(var(--spectrum-stepper-button-width)/2);--spectrum-stepper-animation-duration:var(\n--spectrum-animation-duration-100\n);--mod-infield-button-border-color:var(\n--highcontrast-stepper-border-color,var(\n--mod-stepper-buttons-border-color,var(--spectrum-stepper-buttons-border-color)\n)\n);--mod-infield-button-border-width:var(\n--mod-stepper-button-border-width,var(--spectrum-stepper-button-border-width)\n);--mod-textfield-border-width:var(\n--mod-stepper-border-width,var(--spectrum-stepper-border-width)\n)}:host([size=s]) #textfield{--spectrum-stepper-button-width:var(\n--spectrum-in-field-button-width-stacked-small\n);--spectrum-stepper-height:var(--spectrum-component-height-75)}:host([size=l]) #textfield{--spectrum-stepper-button-width:var(\n--spectrum-in-field-button-width-stacked-large\n);--spectrum-stepper-height:var(--spectrum-component-height-200)}:host([size=xl]) #textfield{--spectrum-stepper-button-width:var(\n--spectrum-in-field-button-width-stacked-extra-large\n);--spectrum-stepper-height:var(--spectrum-component-height-300)}:host([quiet]) #textfield{--mod-infield-button-width-stacked:var(\n--mod-stepper-button-width-quiet,var(--spectrum-stepper-button-width)\n);--mod-textfield-focus-indicator-color:transparent}:host([disabled]) #textfield{--mod-infield-button-border-color-quiet-disabled:var(\n--spectrum-disabled-border-color\n)}:host([invalid]) #textfield{--mod-stepper-border-color:var(\n--mod-stepper-border-color-invalid,var(--spectrum-negative-border-color-default)\n);--mod-stepper-border-color-hover:var(\n--mod-stepper-border-color-hover-invalid,var(--spectrum-negative-border-color-hover)\n);--mod-stepper-border-color-focus:var(\n--mod-stepper-border-color-focus-invalid,var(--spectrum-negative-border-color-focus)\n);--mod-stepper-border-color-focus-hover:var(\n--mod-stepper-border-color-focus-hover-invalid,var(--spectrum-negative-border-color-focus-hover)\n);--mod-stepper-border-color-keyboard-focus:var(\n--mod-stepper-border-color-keyboard-focus-invalid,var(--spectrum-negative-border-color-key-focus)\n);--mod-infield-button-border-color:var(\n--mod-stepper-border-color-invalid,var(--spectrum-stepper-border-color-invalid)\n)}:host([invalid]) #textfield:focus,:host([invalid][focused]) #textfield{--mod-infield-button-border-color:var(\n--mod-stepper-border-color-focus-invalid,var(--spectrum-stepper-border-color-focus-invalid)\n)}:host([invalid]:hover) #textfield:focus,:host([invalid][focused]:hover) #textfield{--mod-infield-button-border-color:var(\n--mod-stepper-border-color-focus-hover-invalid,var(--spectrum-stepper-border-color-focus-hover-invalid)\n)}:host([invalid]) #textfield.focus-visible,:host([invalid][keyboard-focused]) #textfield{--mod-infield-button-border-color:var(\n--mod-stepper-border-color-keyboard-focus-invalid,var(--spectrum-stepper-border-color-keyboard-focus-invalid)\n)}:host([invalid]) #textfield:focus-visible,:host([invalid][keyboard-focused]) #textfield{--mod-infield-button-border-color:var(\n--mod-stepper-border-color-keyboard-focus-invalid,var(--spectrum-stepper-border-color-keyboard-focus-invalid)\n)}@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(\n--mod-stepper-border-radius,var(--spectrum-stepper-border-radius)\n);display:inline-flex;flex-flow:row;inline-size:var(--mod-stepper-width,var(--spectrum-stepper-width));position:relative}#textfield,#textfield .input{border-color:var(\n--highcontrast-stepper-border-color,var(--mod-stepper-border-color,var(--spectrum-stepper-border-color))\n)}#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(\n--highcontrast-stepper-border-color-hover,var(\n--mod-stepper-buttons-border-color-hover,var(--spectrum-stepper-buttons-border-color-hover)\n)\n)}:host(:hover:not([disabled])) #textfield .buttons,:host(:hover:not([disabled])) #textfield .input{border-color:var(\n--highcontrast-stepper-border-color-hover,var(\n--mod-stepper-border-color-hover,var(--spectrum-stepper-border-color-hover)\n)\n)}#textfield:focus,:host([focused]) #textfield{--mod-infield-button-background-color:var(\n--highcontrast-stepper-button-background-color-focus,var(\n--mod-stepper-button-background-color-focus,var(--spectrum-stepper-button-background-color-focus)\n)\n);--mod-infield-button-border-color:var(\n--highcontrast-stepper-border-color-focus,var(\n--mod-stepper-buttons-border-color-focus,var(--spectrum-stepper-buttons-border-color-focus)\n)\n)}#textfield:focus .input,:host([focused]) #textfield .input{outline:none}#textfield:focus .buttons,#textfield:focus .input,:host([focused]) #textfield .buttons,:host([focused]) #textfield .input{border-color:var(\n--highcontrast-stepper-border-color-focus,var(\n--mod-stepper-border-color-focus,var(--spectrum-stepper-border-color-focus)\n)\n)}:host(:hover) #textfield:focus,:host([focused]:hover) #textfield{--mod-infield-button-border-color:var(\n--highcontrast-stepper-border-color-focus-hover,var(\n--mod-stepper-buttons-border-color-focus-hover,var(--spectrum-stepper-buttons-border-color-focus-hover)\n)\n)}:host(:hover) #textfield:focus .buttons,:host(:hover) #textfield:focus .input,:host([focused]:hover) #textfield .buttons,:host([focused]:hover) #textfield .input{border-color:var(\n--highcontrast-stepper-border-color-focus-hover,var(\n--mod-stepper-border-color-focus-hover,var(--spectrum-stepper-border-color-focus-hover)\n)\n)}#textfield.focus-visible,:host([keyboard-focused]) #textfield{--mod-infield-button-background-color:var(\n--highcontrast-stepper-button-background-color-keyboard-focus,var(\n--mod-stepper-button-background-color-keyboard-focus,var(--spectrum-stepper-button-background-color-keyboard-focus)\n)\n);--mod-infield-button-border-color:var(\n--highcontrast-stepper-border-color-keyboard-focus,var(\n--mod-stepper-buttons-border-color-keyboard-focus,var(--spectrum-stepper-buttons-border-color-keyboard-focus)\n)\n);outline:var(\n--mod-stepper-focus-indicator-width,var(--spectrum-stepper-focus-indicator-width)\n) solid;outline-color:var(\n--highcontrast-stepper-focus-indicator-color,var(\n--mod-stepper-focus-indicator-color,var(--spectrum-stepper-focus-indicator-color)\n)\n);outline-offset:var(\n--mod-stepper-focus-indicator-gap,var(--spectrum-stepper-focus-indicator-gap)\n)}#textfield:focus-visible,:host([keyboard-focused]) #textfield{--mod-infield-button-background-color:var(\n--highcontrast-stepper-button-background-color-keyboard-focus,var(\n--mod-stepper-button-background-color-keyboard-focus,var(--spectrum-stepper-button-background-color-keyboard-focus)\n)\n);--mod-infield-button-border-color:var(\n--highcontrast-stepper-border-color-keyboard-focus,var(\n--mod-stepper-buttons-border-color-keyboard-focus,var(--spectrum-stepper-buttons-border-color-keyboard-focus)\n)\n);outline:var(\n--mod-stepper-focus-indicator-width,var(--spectrum-stepper-focus-indicator-width)\n) solid;outline-color:var(\n--highcontrast-stepper-focus-indicator-color,var(\n--mod-stepper-focus-indicator-color,var(--spectrum-stepper-focus-indicator-color)\n)\n);outline-offset:var(\n--mod-stepper-focus-indicator-gap,var(--spectrum-stepper-focus-indicator-gap)\n)}#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(\n--highcontrast-stepper-border-color-keyboard-focus,var(\n--mod-stepper-border-color-keyboard-focus,var(--spectrum-stepper-border-color-keyboard-focus)\n)\n)}#textfield:focus-visible .buttons,#textfield:focus-visible .input,:host([keyboard-focused]) #textfield .buttons,:host([keyboard-focused]) #textfield .input{border-color:var(\n--highcontrast-stepper-border-color-keyboard-focus,var(\n--mod-stepper-border-color-keyboard-focus,var(--spectrum-stepper-border-color-keyboard-focus)\n)\n)}:host([quiet]) #textfield{--mod-infield-button-border-color:var(\n--highcontrast-stepper-border-color,var(--mod-stepper-border-color,var(--spectrum-stepper-border-color))\n);border-end-end-radius:0;border-end-start-radius:0;border-start-end-radius:0;border-start-start-radius:0}:host([quiet]) #textfield.hide-stepper .input{border-end-end-radius:0;border-inline-end-width:0}:host([quiet]) #textfield:after{block-size:var(\n--mod-stepper-focus-indicator-width,var(--spectrum-stepper-focus-indicator-width)\n);content:\"\";inline-size:100%;inset-block-end:calc((var(\n--mod-stepper-focus-indicator-gap,\nvar(--spectrum-stepper-focus-indicator-gap)\n) + var(\n--mod-stepper-focus-indicator-width,\nvar(--spectrum-stepper-focus-indicator-width)\n))*-1);inset-inline-start:0;position:absolute}:host([quiet]) #textfield .buttons{border:none}:host([quiet]) #textfield .button{--mod-infield-button-border-block-end-width:var(\n--mod-stepper-border-width,var(--spectrum-stepper-border-width)\n);--mod-infield-button-stacked-bottom-border-block-end-width:var(\n--mod-stepper-border-width,var(--spectrum-stepper-border-width)\n);--mod-infield-button-stacked-bottom-border-radius-end-end:0;--mod-infield-button-stacked-bottom-border-radius-end-start:0;--mod-infield-button-fill-justify-content:flex-end;padding:0}:host([quiet]) #textfield .buttons,:host([quiet]) #textfield .input{background-color:#0000}:host([quiet]:hover:not([disabled])) #textfield{--mod-infield-button-border-color:var(\n--highcontrast-stepper-border-color-hover,var(\n--mod-stepper-border-color-hover,var(--spectrum-stepper-border-color-hover)\n)\n)}:host([quiet]:hover:not([disabled])) #textfield .buttons{background-color:#0000}:host([quiet]) #textfield:focus,:host([quiet][focused]) #textfield{--mod-infield-button-border-color:var(\n--highcontrast-stepper-border-color-focus,var(\n--mod-stepper-border-color-focus,var(--spectrum-stepper-border-color-focus)\n)\n)}:host([quiet]:hover) #textfield:focus,:host([quiet][focused]:hover) #textfield{--mod-infield-button-border-color:var(\n--highcontrast-stepper-border-color-focus-hover,var(\n--mod-stepper-border-color-focus-hover,var(--spectrum-stepper-border-color-focus-hover)\n)\n)}:host([quiet][keyboard-focused]) #textfield{--mod-infield-button-border-color:var(\n--highcontrast-stepper-border-color-keyboard-focus,var(\n--mod-stepper-border-color-keyboard-focus,var(--spectrum-stepper-border-color-keyboard-focus)\n)\n);outline:none}:host([quiet][keyboard-focused]) #textfield:after{background-color:var(\n--highcontrast-stepper-focus-indicator-color,var(\n--mod-stepper-focus-indicator-color,var(--spectrum-stepper-focus-indicator-color)\n)\n)}:host([quiet][keyboard-focused]:hover) #textfield{--mod-infield-button-border-color:var(\n--highcontrast-stepper-border-color-hover,var(\n--mod-stepper-border-color-hover,var(--spectrum-stepper-border-color-hover)\n)\n)}#textfield:before{content:\"\"}.buttons{background-color:var(\n--highcontrast-stepper-buttons-background-color,var(\n--mod-stepper-buttons-background-color,var(--spectrum-stepper-buttons-background-color)\n)\n);block-size:var(--mod-stepper-height,var(--spectrum-stepper-height));border-color:var(\n--highcontrast-stepper-border-color,var(--mod-stepper-border-color,var(--spectrum-stepper-border-color))\n);border-end-end-radius:var(\n--mod-stepper-border-radius,var(--spectrum-stepper-border-radius)\n);border-start-end-radius:var(\n--mod-stepper-border-radius,var(--spectrum-stepper-border-radius)\n);border-style:var(\n--mod-stepper-buttons-border-style,var(--spectrum-stepper-buttons-border-style)\n);border-width:var(\n--mod-stepper-buttons-border-width,var(--spectrum-stepper-buttons-border-width)\n);border-inline-start-width:0;box-sizing:border-box;display:flex;flex-direction:column;inline-size:var(\n--mod-stepper-button-width,var(--spectrum-stepper-button-width)\n);justify-content:center;transition:border-color var(\n--mod-stepper-animation-duration,var(--spectrum-stepper-animation-duration)\n) ease-in-out}#textfield.hide-stepper .input{border-end-end-radius:var(\n--mod-stepper-border-radius,var(--spectrum-stepper-border-radius)\n);border-inline-end-width:var(\n--mod-stepper-border-width,var(--spectrum-stepper-border-width)\n);border-start-end-radius:var(\n--mod-stepper-border-radius,var(--spectrum-stepper-border-radius)\n)}:host{--spectrum-stepper-border-width:var(\n--system-spectrum-stepper-border-width\n);--spectrum-stepper-buttons-border-style:var(\n--system-spectrum-stepper-buttons-border-style\n);--spectrum-stepper-buttons-border-width:var(\n--system-spectrum-stepper-buttons-border-width\n);--spectrum-stepper-buttons-border-color:var(\n--system-spectrum-stepper-buttons-border-color\n);--spectrum-stepper-buttons-background-color:var(\n--system-spectrum-stepper-buttons-background-color\n);--spectrum-stepper-buttons-border-color-hover:var(\n--system-spectrum-stepper-buttons-border-color-hover\n);--spectrum-stepper-buttons-border-color-focus:var(\n--system-spectrum-stepper-buttons-border-color-focus\n);--spectrum-stepper-buttons-border-color-keyboard-focus:var(\n--system-spectrum-stepper-buttons-border-color-keyboard-focus\n);--spectrum-stepper-button-border-radius-reset:var(\n--system-spectrum-stepper-button-border-radius-reset\n);--spectrum-stepper-button-border-width:var(\n--system-spectrum-stepper-button-border-width\n);--spectrum-stepper-border-color:var(\n--system-spectrum-stepper-border-color\n);--spectrum-stepper-border-color-hover:var(\n--system-spectrum-stepper-border-color-hover\n);--spectrum-stepper-border-color-focus:var(\n--system-spectrum-stepper-border-color-focus\n);--spectrum-stepper-border-color-focus-hover:var(\n--system-spectrum-stepper-border-color-focus-hover\n);--spectrum-stepper-border-color-keyboard-focus:var(\n--system-spectrum-stepper-border-color-keyboard-focus\n);--spectrum-stepper-border-color-invalid:var(\n--system-spectrum-stepper-border-color-invalid\n);--spectrum-stepper-border-color-focus-invalid:var(\n--system-spectrum-stepper-border-color-focus-invalid\n);--spectrum-stepper-border-color-focus-hover-invalid:var(\n--system-spectrum-stepper-border-color-focus-hover-invalid\n);--spectrum-stepper-border-color-keyboard-focus-invalid:var(\n--system-spectrum-stepper-border-color-keyboard-focus-invalid\n);--spectrum-stepper-button-background-color-focus:var(\n--system-spectrum-stepper-button-background-color-focus\n);--spectrum-stepper-button-background-color-keyboard-focus:var(\n--system-spectrum-stepper-button-background-color-keyboard-focus\n)}:host([disabled]) #textfield{--spectrum-stepper-buttons-background-color:var(\n--system-spectrum-stepper-disabled-buttons-background-color\n);--spectrum-stepper-buttons-border-width:var(\n--system-spectrum-stepper-disabled-buttons-border-width\n)}:host{--swc-number-field-width:calc(var(--mod-stepper-height, var(--spectrum-stepper-height))*var(\n--mod-stepper-min-width-multiplier,\nvar(--spectrum-text-field-minimum-width-multiplier)\n) + var(\n--mod-stepper-button-width,\nvar(--spectrum-stepper-button-width)\n) + var(\n--mod-stepper-border-width,\nvar(--spectrum-stepper-border-width)\n)*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)}\n`;\nexport default styles;"],
5
- "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAyPf,eAAeC",
4
+ "sourcesContent": ["/*\nCopyright 2024 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{--spectrum-stepper-height:var(--spectrum-component-height-100);--spectrum-stepper-border-radius:var(--spectrum-corner-radius-100);--spectrum-stepper-button-width:var(\n--spectrum-in-field-button-width-stacked-medium\n);--spectrum-stepper-button-padding:var(\n--spectrum-in-field-button-edge-to-fill\n);--spectrum-stepper-width:calc(var(--mod-stepper-height, var(--spectrum-stepper-height))*var(\n--mod-stepper-min-width-multiplier,\nvar(--spectrum-text-field-minimum-width-multiplier)\n) + var(\n--mod-stepper-button-width,\nvar(--spectrum-stepper-button-width)\n) + var(\n--mod-stepper-border-width,\nvar(--spectrum-stepper-border-width)\n)*2);--spectrum-stepper-focus-indicator-width:var(\n--spectrum-focus-indicator-thickness\n);--spectrum-stepper-focus-indicator-gap:var(--spectrum-focus-indicator-gap);--spectrum-stepper-focus-indicator-color:var(\n--spectrum-focus-indicator-color\n);--spectrum-stepper-button-offset:calc(var(--spectrum-stepper-button-width)/2);--spectrum-stepper-animation-duration:var(\n--spectrum-animation-duration-100\n);--mod-infield-button-border-color:var(\n--highcontrast-stepper-border-color,var(\n--mod-stepper-buttons-border-color,var(--spectrum-stepper-buttons-border-color)\n)\n);--mod-infield-button-border-width:var(\n--mod-stepper-button-border-width,var(--spectrum-stepper-button-border-width)\n);--mod-textfield-border-width:var(\n--mod-stepper-border-width,var(--spectrum-stepper-border-width)\n)}:host([size=s]) #textfield{--spectrum-stepper-button-width:var(\n--spectrum-in-field-button-width-stacked-small\n);--spectrum-stepper-height:var(--spectrum-component-height-75)}:host([size=l]) #textfield{--spectrum-stepper-button-width:var(\n--spectrum-in-field-button-width-stacked-large\n);--spectrum-stepper-height:var(--spectrum-component-height-200)}:host([size=xl]) #textfield{--spectrum-stepper-button-width:var(\n--spectrum-in-field-button-width-stacked-extra-large\n);--spectrum-stepper-height:var(--spectrum-component-height-300)}:host([quiet]) #textfield{--mod-infield-button-width-stacked:var(\n--mod-stepper-button-width-quiet,var(--spectrum-stepper-button-width)\n);--mod-textfield-focus-indicator-color:transparent}:host([disabled]) #textfield{--mod-infield-button-border-color-quiet-disabled:var(\n--spectrum-disabled-border-color\n)}:host([invalid]) #textfield{--mod-stepper-border-color:var(\n--mod-stepper-border-color-invalid,var(--spectrum-negative-border-color-default)\n);--mod-stepper-border-color-hover:var(\n--mod-stepper-border-color-hover-invalid,var(--spectrum-negative-border-color-hover)\n);--mod-stepper-border-color-focus:var(\n--mod-stepper-border-color-focus-invalid,var(--spectrum-negative-border-color-focus)\n);--mod-stepper-border-color-focus-hover:var(\n--mod-stepper-border-color-focus-hover-invalid,var(--spectrum-negative-border-color-focus-hover)\n);--mod-stepper-border-color-keyboard-focus:var(\n--mod-stepper-border-color-keyboard-focus-invalid,var(--spectrum-negative-border-color-key-focus)\n);--mod-infield-button-border-color:var(\n--mod-stepper-border-color-invalid,var(--spectrum-stepper-border-color-invalid)\n);--mod-textfield-icon-spacing-inline-start-invalid:0}:host([invalid]:hover) #textfield{--mod-infield-button-border-color:var(\n--mod-stepper-border-color-hover-invalid,var(--spectrum-negative-border-color-hover)\n)}:host([invalid]) #textfield:focus,:host([invalid][focused]) #textfield{--mod-infield-button-border-color:var(\n--mod-stepper-border-color-focus-invalid,var(--spectrum-stepper-border-color-focus-invalid)\n)}:host([invalid]:hover) #textfield:focus,:host([invalid][focused]:hover) #textfield{--mod-infield-button-border-color:var(\n--mod-stepper-border-color-focus-hover-invalid,var(--spectrum-stepper-border-color-focus-hover-invalid)\n)}:host([invalid]) #textfield.focus-visible,:host([invalid][keyboard-focused]) #textfield{--mod-infield-button-border-color:var(\n--mod-stepper-border-color-keyboard-focus-invalid,var(--spectrum-stepper-border-color-keyboard-focus-invalid)\n)}:host([invalid]) #textfield:focus-visible,:host([invalid][keyboard-focused]) #textfield{--mod-infield-button-border-color:var(\n--mod-stepper-border-color-keyboard-focus-invalid,var(--spectrum-stepper-border-color-keyboard-focus-invalid)\n)}.x{border-radius:var(--spectrum-stepper-button-border-radius-reset)}#textfield{block-size:var(--mod-stepper-height,var(--spectrum-stepper-height));border-radius:var(\n--mod-stepper-border-radius,var(--spectrum-stepper-border-radius)\n);display:inline-flex;flex-flow:row;inline-size:var(--mod-stepper-width,var(--spectrum-stepper-width));position:relative}#textfield,#textfield .input{border-color:var(\n--highcontrast-stepper-border-color,var(--mod-stepper-border-color,var(--spectrum-stepper-border-color))\n)}#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(\n--highcontrast-stepper-border-color-hover,var(\n--mod-stepper-buttons-border-color-hover,var(--spectrum-stepper-buttons-border-color-hover)\n)\n)}:host(:hover:not([disabled])) #textfield .buttons,:host(:hover:not([disabled])) #textfield .input{border-color:var(\n--highcontrast-stepper-border-color-hover,var(\n--mod-stepper-border-color-hover,var(--spectrum-stepper-border-color-hover)\n)\n)}#textfield:focus,:host([focused]) #textfield{--mod-infield-button-border-color:var(\n--highcontrast-stepper-border-color-focus,var(\n--mod-stepper-buttons-border-color-focus,var(--spectrum-stepper-buttons-border-color-focus)\n)\n)}#textfield:focus .input,:host([focused]) #textfield .input{outline:none}#textfield:focus .buttons,#textfield:focus .input,:host([focused]) #textfield .buttons,:host([focused]) #textfield .input{border-color:var(\n--highcontrast-stepper-border-color-focus,var(\n--mod-stepper-border-color-focus,var(--spectrum-stepper-border-color-focus)\n)\n)}:host(:hover) #textfield:focus,:host([focused]:hover) #textfield{--mod-infield-button-border-color:var(\n--highcontrast-stepper-border-color-focus-hover,var(\n--mod-stepper-buttons-border-color-focus-hover,var(--spectrum-stepper-buttons-border-color-focus-hover)\n)\n)}:host(:hover) #textfield:focus .buttons,:host(:hover) #textfield:focus .input,:host([focused]:hover) #textfield .buttons,:host([focused]:hover) #textfield .input{border-color:var(\n--highcontrast-stepper-border-color-focus-hover,var(\n--mod-stepper-border-color-focus-hover,var(--spectrum-stepper-border-color-focus-hover)\n)\n)}#textfield.focus-visible,:host([keyboard-focused]) #textfield{--mod-infield-button-border-color:var(\n--highcontrast-stepper-border-color-keyboard-focus,var(\n--mod-stepper-buttons-border-color-keyboard-focus,var(--spectrum-stepper-buttons-border-color-keyboard-focus)\n)\n);outline:var(\n--mod-stepper-focus-indicator-width,var(--spectrum-stepper-focus-indicator-width)\n) solid;outline-color:var(\n--highcontrast-stepper-focus-indicator-color,var(\n--mod-stepper-focus-indicator-color,var(--spectrum-stepper-focus-indicator-color)\n)\n);outline-offset:var(\n--mod-stepper-focus-indicator-gap,var(--spectrum-stepper-focus-indicator-gap)\n)}#textfield:focus-visible,:host([keyboard-focused]) #textfield{--mod-infield-button-border-color:var(\n--highcontrast-stepper-border-color-keyboard-focus,var(\n--mod-stepper-buttons-border-color-keyboard-focus,var(--spectrum-stepper-buttons-border-color-keyboard-focus)\n)\n);outline:var(\n--mod-stepper-focus-indicator-width,var(--spectrum-stepper-focus-indicator-width)\n) solid;outline-color:var(\n--highcontrast-stepper-focus-indicator-color,var(\n--mod-stepper-focus-indicator-color,var(--spectrum-stepper-focus-indicator-color)\n)\n);outline-offset:var(\n--mod-stepper-focus-indicator-gap,var(--spectrum-stepper-focus-indicator-gap)\n)}#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(\n--highcontrast-stepper-border-color-keyboard-focus,var(\n--mod-stepper-border-color-keyboard-focus,var(--spectrum-stepper-border-color-keyboard-focus)\n)\n)}#textfield:focus-visible .buttons,#textfield:focus-visible .input,:host([keyboard-focused]) #textfield .buttons,:host([keyboard-focused]) #textfield .input{border-color:var(\n--highcontrast-stepper-border-color-keyboard-focus,var(\n--mod-stepper-border-color-keyboard-focus,var(--spectrum-stepper-border-color-keyboard-focus)\n)\n)}:host([quiet]) #textfield{--mod-infield-button-border-color:var(\n--highcontrast-stepper-border-color,var(--mod-stepper-border-color,var(--spectrum-stepper-border-color))\n);border-end-end-radius:0;border-end-start-radius:0;border-start-end-radius:0;border-start-start-radius:0}:host([quiet]) #textfield.hide-stepper .input{border-end-end-radius:0;border-inline-end-width:0}:host([quiet]) #textfield:after{block-size:var(\n--mod-stepper-focus-indicator-width,var(--spectrum-stepper-focus-indicator-width)\n);content:\"\";inline-size:100%;inset-block-end:calc((var(\n--mod-stepper-focus-indicator-gap,\nvar(--spectrum-stepper-focus-indicator-gap)\n) + var(\n--mod-stepper-focus-indicator-width,\nvar(--spectrum-stepper-focus-indicator-width)\n))*-1);inset-inline-start:0;position:absolute}:host([quiet]) #textfield .buttons{border:none}:host([quiet]) #textfield .button{--mod-infield-button-border-block-end-width:var(\n--mod-stepper-border-width,var(--spectrum-stepper-border-width)\n);--mod-infield-button-stacked-bottom-border-block-end-width:var(\n--mod-stepper-border-width,var(--spectrum-stepper-border-width)\n);--mod-infield-button-stacked-bottom-border-radius-end-end:0;--mod-infield-button-stacked-bottom-border-radius-end-start:0;--mod-infield-button-fill-justify-content:flex-end;padding:0}:host([quiet]) #textfield .buttons,:host([quiet]) #textfield .input{background-color:#0000}:host([quiet]:hover:not([disabled])) #textfield{--mod-infield-button-border-color:var(\n--highcontrast-stepper-border-color-hover,var(\n--mod-stepper-border-color-hover,var(--spectrum-stepper-border-color-hover)\n)\n)}:host([quiet]:hover:not([disabled])) #textfield .buttons{background-color:#0000}:host([quiet]) #textfield:focus,:host([quiet][focused]) #textfield{--mod-infield-button-border-color:var(\n--highcontrast-stepper-border-color-focus,var(\n--mod-stepper-border-color-focus,var(--spectrum-stepper-border-color-focus)\n)\n)}:host([quiet]:hover) #textfield:focus,:host([quiet][focused]:hover) #textfield{--mod-infield-button-border-color:var(\n--highcontrast-stepper-border-color-focus-hover,var(\n--mod-stepper-border-color-focus-hover,var(--spectrum-stepper-border-color-focus-hover)\n)\n)}:host([quiet][keyboard-focused]) #textfield{--mod-infield-button-border-color:var(\n--highcontrast-stepper-border-color-keyboard-focus,var(\n--mod-stepper-border-color-keyboard-focus,var(--spectrum-stepper-border-color-keyboard-focus)\n)\n);outline:none}:host([quiet][keyboard-focused]) #textfield:after{background-color:var(\n--highcontrast-stepper-focus-indicator-color,var(\n--mod-stepper-focus-indicator-color,var(--spectrum-stepper-focus-indicator-color)\n)\n)}:host([quiet][keyboard-focused]:hover) #textfield{--mod-infield-button-border-color:var(\n--highcontrast-stepper-border-color-hover,var(\n--mod-stepper-border-color-hover,var(--spectrum-stepper-border-color-hover)\n)\n)}#textfield:before{content:\"\"}.buttons{background-color:var(\n--highcontrast-stepper-buttons-background-color,var(\n--mod-stepper-buttons-background-color,var(--spectrum-stepper-buttons-background-color)\n)\n);block-size:var(--mod-stepper-height,var(--spectrum-stepper-height));border-color:var(\n--highcontrast-stepper-border-color,var(--mod-stepper-border-color,var(--spectrum-stepper-border-color))\n);border-end-end-radius:var(\n--mod-stepper-border-radius,var(--spectrum-stepper-border-radius)\n);border-start-end-radius:var(\n--mod-stepper-border-radius,var(--spectrum-stepper-border-radius)\n);border-style:var(\n--mod-stepper-buttons-border-style,var(--spectrum-stepper-buttons-border-style)\n);border-width:var(\n--highcontrast-stepper-buttons-border-width,var(\n--mod-stepper-buttons-border-width,var(--spectrum-stepper-buttons-border-width)\n)\n);border-inline-start-width:0;box-sizing:border-box;display:flex;flex-direction:column;inline-size:var(\n--mod-stepper-button-width,var(--spectrum-stepper-button-width)\n);justify-content:center;transition:border-color var(\n--mod-stepper-animation-duration,var(--spectrum-stepper-animation-duration)\n) ease-in-out}#textfield.hide-stepper .input{border-end-end-radius:var(\n--mod-stepper-border-radius,var(--spectrum-stepper-border-radius)\n);border-inline-end-width:var(\n--mod-stepper-border-width,var(--spectrum-stepper-border-width)\n);border-start-end-radius:var(\n--mod-stepper-border-radius,var(--spectrum-stepper-border-radius)\n)}@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(\n--mod-stepper-border-width,var(--spectrum-stepper-border-width)\n)}: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(\n--system-spectrum-stepper-border-width\n);--spectrum-stepper-buttons-border-style:var(\n--system-spectrum-stepper-buttons-border-style\n);--spectrum-stepper-buttons-border-width:var(\n--system-spectrum-stepper-buttons-border-width\n);--spectrum-stepper-buttons-border-color:var(\n--system-spectrum-stepper-buttons-border-color\n);--spectrum-stepper-buttons-background-color:var(\n--system-spectrum-stepper-buttons-background-color\n);--spectrum-stepper-buttons-border-color-hover:var(\n--system-spectrum-stepper-buttons-border-color-hover\n);--spectrum-stepper-buttons-border-color-focus:var(\n--system-spectrum-stepper-buttons-border-color-focus\n);--spectrum-stepper-buttons-border-color-keyboard-focus:var(\n--system-spectrum-stepper-buttons-border-color-keyboard-focus\n);--spectrum-stepper-button-border-radius-reset:var(\n--system-spectrum-stepper-button-border-radius-reset\n);--spectrum-stepper-button-border-width:var(\n--system-spectrum-stepper-button-border-width\n);--spectrum-stepper-border-color:var(\n--system-spectrum-stepper-border-color\n);--spectrum-stepper-border-color-hover:var(\n--system-spectrum-stepper-border-color-hover\n);--spectrum-stepper-border-color-focus:var(\n--system-spectrum-stepper-border-color-focus\n);--spectrum-stepper-border-color-focus-hover:var(\n--system-spectrum-stepper-border-color-focus-hover\n);--spectrum-stepper-border-color-keyboard-focus:var(\n--system-spectrum-stepper-border-color-keyboard-focus\n);--spectrum-stepper-border-color-invalid:var(\n--system-spectrum-stepper-border-color-invalid\n);--spectrum-stepper-border-color-focus-invalid:var(\n--system-spectrum-stepper-border-color-focus-invalid\n);--spectrum-stepper-border-color-focus-hover-invalid:var(\n--system-spectrum-stepper-border-color-focus-hover-invalid\n);--spectrum-stepper-border-color-keyboard-focus-invalid:var(\n--system-spectrum-stepper-border-color-keyboard-focus-invalid\n);--spectrum-stepper-button-background-color-focus:var(\n--system-spectrum-stepper-button-background-color-focus\n);--spectrum-stepper-button-background-color-keyboard-focus:var(\n--system-spectrum-stepper-button-background-color-keyboard-focus\n)}:host([disabled]) #textfield{--spectrum-stepper-buttons-background-color:var(\n--system-spectrum-stepper-disabled-buttons-background-color\n);--spectrum-stepper-buttons-border-width:var(\n--system-spectrum-stepper-disabled-buttons-border-width\n)}:host{--swc-number-field-width:calc(var(--mod-stepper-height, var(--spectrum-stepper-height))*var(\n--mod-stepper-min-width-multiplier,\nvar(--spectrum-text-field-minimum-width-multiplier)\n) + var(\n--mod-stepper-button-width,\nvar(--spectrum-stepper-button-width)\n) + var(\n--mod-stepper-border-width,\nvar(--spectrum-stepper-border-width)\n)*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)}\n`;\nexport default styles;"],
5
+ "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAmPf,eAAeC",
6
6
  "names": ["css", "styles"]
7
7
  }
package/src/spectrum-number-field.css.dev.js CHANGED
@@ -50,6 +50,8 @@ var(--spectrum-stepper-border-width)
50
50
  --mod-stepper-border-color-keyboard-focus-invalid,var(--spectrum-negative-border-color-key-focus)
51
51
  );--mod-infield-button-border-color:var(
52
52
  --mod-stepper-border-color-invalid,var(--spectrum-stepper-border-color-invalid)
53
+ );--mod-textfield-icon-spacing-inline-start-invalid:0}:host([invalid]:hover) #textfield{--mod-infield-button-border-color:var(
54
+ --mod-stepper-border-color-hover-invalid,var(--spectrum-negative-border-color-hover)
53
55
  )}:host([invalid]) #textfield:focus,:host([invalid][focused]) #textfield{--mod-infield-button-border-color:var(
54
56
  --mod-stepper-border-color-focus-invalid,var(--spectrum-stepper-border-color-focus-invalid)
55
57
  )}:host([invalid]:hover) #textfield:focus,:host([invalid][focused]:hover) #textfield{--mod-infield-button-border-color:var(
@@ -58,11 +60,11 @@ var(--spectrum-stepper-border-width)
58
60
  --mod-stepper-border-color-keyboard-focus-invalid,var(--spectrum-stepper-border-color-keyboard-focus-invalid)
59
61
  )}:host([invalid]) #textfield:focus-visible,:host([invalid][keyboard-focused]) #textfield{--mod-infield-button-border-color:var(
60
62
  --mod-stepper-border-color-keyboard-focus-invalid,var(--spectrum-stepper-border-color-keyboard-focus-invalid)
61
- )}@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(
63
+ )}.x{border-radius:var(--spectrum-stepper-button-border-radius-reset)}#textfield{block-size:var(--mod-stepper-height,var(--spectrum-stepper-height));border-radius:var(
62
64
  --mod-stepper-border-radius,var(--spectrum-stepper-border-radius)
63
65
  );display:inline-flex;flex-flow:row;inline-size:var(--mod-stepper-width,var(--spectrum-stepper-width));position:relative}#textfield,#textfield .input{border-color:var(
64
66
  --highcontrast-stepper-border-color,var(--mod-stepper-border-color,var(--spectrum-stepper-border-color))
65
- )}#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(
67
+ )}#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(
66
68
  --highcontrast-stepper-border-color-hover,var(
67
69
  --mod-stepper-buttons-border-color-hover,var(--spectrum-stepper-buttons-border-color-hover)
68
70
  )
@@ -70,11 +72,7 @@ var(--spectrum-stepper-border-width)
70
72
  --highcontrast-stepper-border-color-hover,var(
71
73
  --mod-stepper-border-color-hover,var(--spectrum-stepper-border-color-hover)
72
74
  )
73
- )}#textfield:focus,:host([focused]) #textfield{--mod-infield-button-background-color:var(
74
- --highcontrast-stepper-button-background-color-focus,var(
75
- --mod-stepper-button-background-color-focus,var(--spectrum-stepper-button-background-color-focus)
76
- )
77
- );--mod-infield-button-border-color:var(
75
+ )}#textfield:focus,:host([focused]) #textfield{--mod-infield-button-border-color:var(
78
76
  --highcontrast-stepper-border-color-focus,var(
79
77
  --mod-stepper-buttons-border-color-focus,var(--spectrum-stepper-buttons-border-color-focus)
80
78
  )
@@ -90,11 +88,7 @@ var(--spectrum-stepper-border-width)
90
88
  --highcontrast-stepper-border-color-focus-hover,var(
91
89
  --mod-stepper-border-color-focus-hover,var(--spectrum-stepper-border-color-focus-hover)
92
90
  )
93
- )}#textfield.focus-visible,:host([keyboard-focused]) #textfield{--mod-infield-button-background-color:var(
94
- --highcontrast-stepper-button-background-color-keyboard-focus,var(
95
- --mod-stepper-button-background-color-keyboard-focus,var(--spectrum-stepper-button-background-color-keyboard-focus)
96
- )
97
- );--mod-infield-button-border-color:var(
91
+ )}#textfield.focus-visible,:host([keyboard-focused]) #textfield{--mod-infield-button-border-color:var(
98
92
  --highcontrast-stepper-border-color-keyboard-focus,var(
99
93
  --mod-stepper-buttons-border-color-keyboard-focus,var(--spectrum-stepper-buttons-border-color-keyboard-focus)
100
94
  )
@@ -106,11 +100,7 @@ var(--spectrum-stepper-border-width)
106
100
  )
107
101
  );outline-offset:var(
108
102
  --mod-stepper-focus-indicator-gap,var(--spectrum-stepper-focus-indicator-gap)
109
- )}#textfield:focus-visible,:host([keyboard-focused]) #textfield{--mod-infield-button-background-color:var(
110
- --highcontrast-stepper-button-background-color-keyboard-focus,var(
111
- --mod-stepper-button-background-color-keyboard-focus,var(--spectrum-stepper-button-background-color-keyboard-focus)
112
- )
113
- );--mod-infield-button-border-color:var(
103
+ )}#textfield:focus-visible,:host([keyboard-focused]) #textfield{--mod-infield-button-border-color:var(
114
104
  --highcontrast-stepper-border-color-keyboard-focus,var(
115
105
  --mod-stepper-buttons-border-color-keyboard-focus,var(--spectrum-stepper-buttons-border-color-keyboard-focus)
116
106
  )
@@ -181,7 +171,9 @@ var(--spectrum-stepper-focus-indicator-width)
181
171
  );border-style:var(
182
172
  --mod-stepper-buttons-border-style,var(--spectrum-stepper-buttons-border-style)
183
173
  );border-width:var(
174
+ --highcontrast-stepper-buttons-border-width,var(
184
175
  --mod-stepper-buttons-border-width,var(--spectrum-stepper-buttons-border-width)
176
+ )
185
177
  );border-inline-start-width:0;box-sizing:border-box;display:flex;flex-direction:column;inline-size:var(
186
178
  --mod-stepper-button-width,var(--spectrum-stepper-button-width)
187
179
  );justify-content:center;transition:border-color var(
@@ -192,7 +184,9 @@ var(--spectrum-stepper-focus-indicator-width)
192
184
  --mod-stepper-border-width,var(--spectrum-stepper-border-width)
193
185
  );border-start-end-radius:var(
194
186
  --mod-stepper-border-radius,var(--spectrum-stepper-border-radius)
195
- )}:host{--spectrum-stepper-border-width:var(
187
+ )}@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(
188
+ --mod-stepper-border-width,var(--spectrum-stepper-border-width)
189
+ )}: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(
196
190
  --system-spectrum-stepper-border-width
197
191
  );--spectrum-stepper-buttons-border-style:var(
198
192
  --system-spectrum-stepper-buttons-border-style
package/src/spectrum-number-field.css.dev.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["spectrum-number-field.css.ts"],
4
- "sourcesContent": ["/*\nCopyright 2024 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{--spectrum-stepper-height:var(--spectrum-component-height-100);--spectrum-stepper-border-radius:var(--spectrum-corner-radius-100);--spectrum-stepper-button-width:var(\n--spectrum-in-field-button-width-stacked-medium\n);--spectrum-stepper-button-padding:var(\n--spectrum-in-field-button-edge-to-fill\n);--spectrum-stepper-width:calc(var(--mod-stepper-height, var(--spectrum-stepper-height))*var(\n--mod-stepper-min-width-multiplier,\nvar(--spectrum-text-field-minimum-width-multiplier)\n) + var(\n--mod-stepper-button-width,\nvar(--spectrum-stepper-button-width)\n) + var(\n--mod-stepper-border-width,\nvar(--spectrum-stepper-border-width)\n)*2);--spectrum-stepper-focus-indicator-width:var(\n--spectrum-focus-indicator-thickness\n);--spectrum-stepper-focus-indicator-gap:var(--spectrum-focus-indicator-gap);--spectrum-stepper-focus-indicator-color:var(\n--spectrum-focus-indicator-color\n);--spectrum-stepper-button-offset:calc(var(--spectrum-stepper-button-width)/2);--spectrum-stepper-animation-duration:var(\n--spectrum-animation-duration-100\n);--mod-infield-button-border-color:var(\n--highcontrast-stepper-border-color,var(\n--mod-stepper-buttons-border-color,var(--spectrum-stepper-buttons-border-color)\n)\n);--mod-infield-button-border-width:var(\n--mod-stepper-button-border-width,var(--spectrum-stepper-button-border-width)\n);--mod-textfield-border-width:var(\n--mod-stepper-border-width,var(--spectrum-stepper-border-width)\n)}:host([size=s]) #textfield{--spectrum-stepper-button-width:var(\n--spectrum-in-field-button-width-stacked-small\n);--spectrum-stepper-height:var(--spectrum-component-height-75)}:host([size=l]) #textfield{--spectrum-stepper-button-width:var(\n--spectrum-in-field-button-width-stacked-large\n);--spectrum-stepper-height:var(--spectrum-component-height-200)}:host([size=xl]) #textfield{--spectrum-stepper-button-width:var(\n--spectrum-in-field-button-width-stacked-extra-large\n);--spectrum-stepper-height:var(--spectrum-component-height-300)}:host([quiet]) #textfield{--mod-infield-button-width-stacked:var(\n--mod-stepper-button-width-quiet,var(--spectrum-stepper-button-width)\n);--mod-textfield-focus-indicator-color:transparent}:host([disabled]) #textfield{--mod-infield-button-border-color-quiet-disabled:var(\n--spectrum-disabled-border-color\n)}:host([invalid]) #textfield{--mod-stepper-border-color:var(\n--mod-stepper-border-color-invalid,var(--spectrum-negative-border-color-default)\n);--mod-stepper-border-color-hover:var(\n--mod-stepper-border-color-hover-invalid,var(--spectrum-negative-border-color-hover)\n);--mod-stepper-border-color-focus:var(\n--mod-stepper-border-color-focus-invalid,var(--spectrum-negative-border-color-focus)\n);--mod-stepper-border-color-focus-hover:var(\n--mod-stepper-border-color-focus-hover-invalid,var(--spectrum-negative-border-color-focus-hover)\n);--mod-stepper-border-color-keyboard-focus:var(\n--mod-stepper-border-color-keyboard-focus-invalid,var(--spectrum-negative-border-color-key-focus)\n);--mod-infield-button-border-color:var(\n--mod-stepper-border-color-invalid,var(--spectrum-stepper-border-color-invalid)\n)}:host([invalid]) #textfield:focus,:host([invalid][focused]) #textfield{--mod-infield-button-border-color:var(\n--mod-stepper-border-color-focus-invalid,var(--spectrum-stepper-border-color-focus-invalid)\n)}:host([invalid]:hover) #textfield:focus,:host([invalid][focused]:hover) #textfield{--mod-infield-button-border-color:var(\n--mod-stepper-border-color-focus-hover-invalid,var(--spectrum-stepper-border-color-focus-hover-invalid)\n)}:host([invalid]) #textfield.focus-visible,:host([invalid][keyboard-focused]) #textfield{--mod-infield-button-border-color:var(\n--mod-stepper-border-color-keyboard-focus-invalid,var(--spectrum-stepper-border-color-keyboard-focus-invalid)\n)}:host([invalid]) #textfield:focus-visible,:host([invalid][keyboard-focused]) #textfield{--mod-infield-button-border-color:var(\n--mod-stepper-border-color-keyboard-focus-invalid,var(--spectrum-stepper-border-color-keyboard-focus-invalid)\n)}@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(\n--mod-stepper-border-radius,var(--spectrum-stepper-border-radius)\n);display:inline-flex;flex-flow:row;inline-size:var(--mod-stepper-width,var(--spectrum-stepper-width));position:relative}#textfield,#textfield .input{border-color:var(\n--highcontrast-stepper-border-color,var(--mod-stepper-border-color,var(--spectrum-stepper-border-color))\n)}#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(\n--highcontrast-stepper-border-color-hover,var(\n--mod-stepper-buttons-border-color-hover,var(--spectrum-stepper-buttons-border-color-hover)\n)\n)}:host(:hover:not([disabled])) #textfield .buttons,:host(:hover:not([disabled])) #textfield .input{border-color:var(\n--highcontrast-stepper-border-color-hover,var(\n--mod-stepper-border-color-hover,var(--spectrum-stepper-border-color-hover)\n)\n)}#textfield:focus,:host([focused]) #textfield{--mod-infield-button-background-color:var(\n--highcontrast-stepper-button-background-color-focus,var(\n--mod-stepper-button-background-color-focus,var(--spectrum-stepper-button-background-color-focus)\n)\n);--mod-infield-button-border-color:var(\n--highcontrast-stepper-border-color-focus,var(\n--mod-stepper-buttons-border-color-focus,var(--spectrum-stepper-buttons-border-color-focus)\n)\n)}#textfield:focus .input,:host([focused]) #textfield .input{outline:none}#textfield:focus .buttons,#textfield:focus .input,:host([focused]) #textfield .buttons,:host([focused]) #textfield .input{border-color:var(\n--highcontrast-stepper-border-color-focus,var(\n--mod-stepper-border-color-focus,var(--spectrum-stepper-border-color-focus)\n)\n)}:host(:hover) #textfield:focus,:host([focused]:hover) #textfield{--mod-infield-button-border-color:var(\n--highcontrast-stepper-border-color-focus-hover,var(\n--mod-stepper-buttons-border-color-focus-hover,var(--spectrum-stepper-buttons-border-color-focus-hover)\n)\n)}:host(:hover) #textfield:focus .buttons,:host(:hover) #textfield:focus .input,:host([focused]:hover) #textfield .buttons,:host([focused]:hover) #textfield .input{border-color:var(\n--highcontrast-stepper-border-color-focus-hover,var(\n--mod-stepper-border-color-focus-hover,var(--spectrum-stepper-border-color-focus-hover)\n)\n)}#textfield.focus-visible,:host([keyboard-focused]) #textfield{--mod-infield-button-background-color:var(\n--highcontrast-stepper-button-background-color-keyboard-focus,var(\n--mod-stepper-button-background-color-keyboard-focus,var(--spectrum-stepper-button-background-color-keyboard-focus)\n)\n);--mod-infield-button-border-color:var(\n--highcontrast-stepper-border-color-keyboard-focus,var(\n--mod-stepper-buttons-border-color-keyboard-focus,var(--spectrum-stepper-buttons-border-color-keyboard-focus)\n)\n);outline:var(\n--mod-stepper-focus-indicator-width,var(--spectrum-stepper-focus-indicator-width)\n) solid;outline-color:var(\n--highcontrast-stepper-focus-indicator-color,var(\n--mod-stepper-focus-indicator-color,var(--spectrum-stepper-focus-indicator-color)\n)\n);outline-offset:var(\n--mod-stepper-focus-indicator-gap,var(--spectrum-stepper-focus-indicator-gap)\n)}#textfield:focus-visible,:host([keyboard-focused]) #textfield{--mod-infield-button-background-color:var(\n--highcontrast-stepper-button-background-color-keyboard-focus,var(\n--mod-stepper-button-background-color-keyboard-focus,var(--spectrum-stepper-button-background-color-keyboard-focus)\n)\n);--mod-infield-button-border-color:var(\n--highcontrast-stepper-border-color-keyboard-focus,var(\n--mod-stepper-buttons-border-color-keyboard-focus,var(--spectrum-stepper-buttons-border-color-keyboard-focus)\n)\n);outline:var(\n--mod-stepper-focus-indicator-width,var(--spectrum-stepper-focus-indicator-width)\n) solid;outline-color:var(\n--highcontrast-stepper-focus-indicator-color,var(\n--mod-stepper-focus-indicator-color,var(--spectrum-stepper-focus-indicator-color)\n)\n);outline-offset:var(\n--mod-stepper-focus-indicator-gap,var(--spectrum-stepper-focus-indicator-gap)\n)}#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(\n--highcontrast-stepper-border-color-keyboard-focus,var(\n--mod-stepper-border-color-keyboard-focus,var(--spectrum-stepper-border-color-keyboard-focus)\n)\n)}#textfield:focus-visible .buttons,#textfield:focus-visible .input,:host([keyboard-focused]) #textfield .buttons,:host([keyboard-focused]) #textfield .input{border-color:var(\n--highcontrast-stepper-border-color-keyboard-focus,var(\n--mod-stepper-border-color-keyboard-focus,var(--spectrum-stepper-border-color-keyboard-focus)\n)\n)}:host([quiet]) #textfield{--mod-infield-button-border-color:var(\n--highcontrast-stepper-border-color,var(--mod-stepper-border-color,var(--spectrum-stepper-border-color))\n);border-end-end-radius:0;border-end-start-radius:0;border-start-end-radius:0;border-start-start-radius:0}:host([quiet]) #textfield.hide-stepper .input{border-end-end-radius:0;border-inline-end-width:0}:host([quiet]) #textfield:after{block-size:var(\n--mod-stepper-focus-indicator-width,var(--spectrum-stepper-focus-indicator-width)\n);content:\"\";inline-size:100%;inset-block-end:calc((var(\n--mod-stepper-focus-indicator-gap,\nvar(--spectrum-stepper-focus-indicator-gap)\n) + var(\n--mod-stepper-focus-indicator-width,\nvar(--spectrum-stepper-focus-indicator-width)\n))*-1);inset-inline-start:0;position:absolute}:host([quiet]) #textfield .buttons{border:none}:host([quiet]) #textfield .button{--mod-infield-button-border-block-end-width:var(\n--mod-stepper-border-width,var(--spectrum-stepper-border-width)\n);--mod-infield-button-stacked-bottom-border-block-end-width:var(\n--mod-stepper-border-width,var(--spectrum-stepper-border-width)\n);--mod-infield-button-stacked-bottom-border-radius-end-end:0;--mod-infield-button-stacked-bottom-border-radius-end-start:0;--mod-infield-button-fill-justify-content:flex-end;padding:0}:host([quiet]) #textfield .buttons,:host([quiet]) #textfield .input{background-color:#0000}:host([quiet]:hover:not([disabled])) #textfield{--mod-infield-button-border-color:var(\n--highcontrast-stepper-border-color-hover,var(\n--mod-stepper-border-color-hover,var(--spectrum-stepper-border-color-hover)\n)\n)}:host([quiet]:hover:not([disabled])) #textfield .buttons{background-color:#0000}:host([quiet]) #textfield:focus,:host([quiet][focused]) #textfield{--mod-infield-button-border-color:var(\n--highcontrast-stepper-border-color-focus,var(\n--mod-stepper-border-color-focus,var(--spectrum-stepper-border-color-focus)\n)\n)}:host([quiet]:hover) #textfield:focus,:host([quiet][focused]:hover) #textfield{--mod-infield-button-border-color:var(\n--highcontrast-stepper-border-color-focus-hover,var(\n--mod-stepper-border-color-focus-hover,var(--spectrum-stepper-border-color-focus-hover)\n)\n)}:host([quiet][keyboard-focused]) #textfield{--mod-infield-button-border-color:var(\n--highcontrast-stepper-border-color-keyboard-focus,var(\n--mod-stepper-border-color-keyboard-focus,var(--spectrum-stepper-border-color-keyboard-focus)\n)\n);outline:none}:host([quiet][keyboard-focused]) #textfield:after{background-color:var(\n--highcontrast-stepper-focus-indicator-color,var(\n--mod-stepper-focus-indicator-color,var(--spectrum-stepper-focus-indicator-color)\n)\n)}:host([quiet][keyboard-focused]:hover) #textfield{--mod-infield-button-border-color:var(\n--highcontrast-stepper-border-color-hover,var(\n--mod-stepper-border-color-hover,var(--spectrum-stepper-border-color-hover)\n)\n)}#textfield:before{content:\"\"}.buttons{background-color:var(\n--highcontrast-stepper-buttons-background-color,var(\n--mod-stepper-buttons-background-color,var(--spectrum-stepper-buttons-background-color)\n)\n);block-size:var(--mod-stepper-height,var(--spectrum-stepper-height));border-color:var(\n--highcontrast-stepper-border-color,var(--mod-stepper-border-color,var(--spectrum-stepper-border-color))\n);border-end-end-radius:var(\n--mod-stepper-border-radius,var(--spectrum-stepper-border-radius)\n);border-start-end-radius:var(\n--mod-stepper-border-radius,var(--spectrum-stepper-border-radius)\n);border-style:var(\n--mod-stepper-buttons-border-style,var(--spectrum-stepper-buttons-border-style)\n);border-width:var(\n--mod-stepper-buttons-border-width,var(--spectrum-stepper-buttons-border-width)\n);border-inline-start-width:0;box-sizing:border-box;display:flex;flex-direction:column;inline-size:var(\n--mod-stepper-button-width,var(--spectrum-stepper-button-width)\n);justify-content:center;transition:border-color var(\n--mod-stepper-animation-duration,var(--spectrum-stepper-animation-duration)\n) ease-in-out}#textfield.hide-stepper .input{border-end-end-radius:var(\n--mod-stepper-border-radius,var(--spectrum-stepper-border-radius)\n);border-inline-end-width:var(\n--mod-stepper-border-width,var(--spectrum-stepper-border-width)\n);border-start-end-radius:var(\n--mod-stepper-border-radius,var(--spectrum-stepper-border-radius)\n)}:host{--spectrum-stepper-border-width:var(\n--system-spectrum-stepper-border-width\n);--spectrum-stepper-buttons-border-style:var(\n--system-spectrum-stepper-buttons-border-style\n);--spectrum-stepper-buttons-border-width:var(\n--system-spectrum-stepper-buttons-border-width\n);--spectrum-stepper-buttons-border-color:var(\n--system-spectrum-stepper-buttons-border-color\n);--spectrum-stepper-buttons-background-color:var(\n--system-spectrum-stepper-buttons-background-color\n);--spectrum-stepper-buttons-border-color-hover:var(\n--system-spectrum-stepper-buttons-border-color-hover\n);--spectrum-stepper-buttons-border-color-focus:var(\n--system-spectrum-stepper-buttons-border-color-focus\n);--spectrum-stepper-buttons-border-color-keyboard-focus:var(\n--system-spectrum-stepper-buttons-border-color-keyboard-focus\n);--spectrum-stepper-button-border-radius-reset:var(\n--system-spectrum-stepper-button-border-radius-reset\n);--spectrum-stepper-button-border-width:var(\n--system-spectrum-stepper-button-border-width\n);--spectrum-stepper-border-color:var(\n--system-spectrum-stepper-border-color\n);--spectrum-stepper-border-color-hover:var(\n--system-spectrum-stepper-border-color-hover\n);--spectrum-stepper-border-color-focus:var(\n--system-spectrum-stepper-border-color-focus\n);--spectrum-stepper-border-color-focus-hover:var(\n--system-spectrum-stepper-border-color-focus-hover\n);--spectrum-stepper-border-color-keyboard-focus:var(\n--system-spectrum-stepper-border-color-keyboard-focus\n);--spectrum-stepper-border-color-invalid:var(\n--system-spectrum-stepper-border-color-invalid\n);--spectrum-stepper-border-color-focus-invalid:var(\n--system-spectrum-stepper-border-color-focus-invalid\n);--spectrum-stepper-border-color-focus-hover-invalid:var(\n--system-spectrum-stepper-border-color-focus-hover-invalid\n);--spectrum-stepper-border-color-keyboard-focus-invalid:var(\n--system-spectrum-stepper-border-color-keyboard-focus-invalid\n);--spectrum-stepper-button-background-color-focus:var(\n--system-spectrum-stepper-button-background-color-focus\n);--spectrum-stepper-button-background-color-keyboard-focus:var(\n--system-spectrum-stepper-button-background-color-keyboard-focus\n)}:host([disabled]) #textfield{--spectrum-stepper-buttons-background-color:var(\n--system-spectrum-stepper-disabled-buttons-background-color\n);--spectrum-stepper-buttons-border-width:var(\n--system-spectrum-stepper-disabled-buttons-border-width\n)}\n`;\nexport default styles;"],
5
- "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAgPf,eAAe;",
4
+ "sourcesContent": ["/*\nCopyright 2024 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{--spectrum-stepper-height:var(--spectrum-component-height-100);--spectrum-stepper-border-radius:var(--spectrum-corner-radius-100);--spectrum-stepper-button-width:var(\n--spectrum-in-field-button-width-stacked-medium\n);--spectrum-stepper-button-padding:var(\n--spectrum-in-field-button-edge-to-fill\n);--spectrum-stepper-width:calc(var(--mod-stepper-height, var(--spectrum-stepper-height))*var(\n--mod-stepper-min-width-multiplier,\nvar(--spectrum-text-field-minimum-width-multiplier)\n) + var(\n--mod-stepper-button-width,\nvar(--spectrum-stepper-button-width)\n) + var(\n--mod-stepper-border-width,\nvar(--spectrum-stepper-border-width)\n)*2);--spectrum-stepper-focus-indicator-width:var(\n--spectrum-focus-indicator-thickness\n);--spectrum-stepper-focus-indicator-gap:var(--spectrum-focus-indicator-gap);--spectrum-stepper-focus-indicator-color:var(\n--spectrum-focus-indicator-color\n);--spectrum-stepper-button-offset:calc(var(--spectrum-stepper-button-width)/2);--spectrum-stepper-animation-duration:var(\n--spectrum-animation-duration-100\n);--mod-infield-button-border-color:var(\n--highcontrast-stepper-border-color,var(\n--mod-stepper-buttons-border-color,var(--spectrum-stepper-buttons-border-color)\n)\n);--mod-infield-button-border-width:var(\n--mod-stepper-button-border-width,var(--spectrum-stepper-button-border-width)\n);--mod-textfield-border-width:var(\n--mod-stepper-border-width,var(--spectrum-stepper-border-width)\n)}:host([size=s]) #textfield{--spectrum-stepper-button-width:var(\n--spectrum-in-field-button-width-stacked-small\n);--spectrum-stepper-height:var(--spectrum-component-height-75)}:host([size=l]) #textfield{--spectrum-stepper-button-width:var(\n--spectrum-in-field-button-width-stacked-large\n);--spectrum-stepper-height:var(--spectrum-component-height-200)}:host([size=xl]) #textfield{--spectrum-stepper-button-width:var(\n--spectrum-in-field-button-width-stacked-extra-large\n);--spectrum-stepper-height:var(--spectrum-component-height-300)}:host([quiet]) #textfield{--mod-infield-button-width-stacked:var(\n--mod-stepper-button-width-quiet,var(--spectrum-stepper-button-width)\n);--mod-textfield-focus-indicator-color:transparent}:host([disabled]) #textfield{--mod-infield-button-border-color-quiet-disabled:var(\n--spectrum-disabled-border-color\n)}:host([invalid]) #textfield{--mod-stepper-border-color:var(\n--mod-stepper-border-color-invalid,var(--spectrum-negative-border-color-default)\n);--mod-stepper-border-color-hover:var(\n--mod-stepper-border-color-hover-invalid,var(--spectrum-negative-border-color-hover)\n);--mod-stepper-border-color-focus:var(\n--mod-stepper-border-color-focus-invalid,var(--spectrum-negative-border-color-focus)\n);--mod-stepper-border-color-focus-hover:var(\n--mod-stepper-border-color-focus-hover-invalid,var(--spectrum-negative-border-color-focus-hover)\n);--mod-stepper-border-color-keyboard-focus:var(\n--mod-stepper-border-color-keyboard-focus-invalid,var(--spectrum-negative-border-color-key-focus)\n);--mod-infield-button-border-color:var(\n--mod-stepper-border-color-invalid,var(--spectrum-stepper-border-color-invalid)\n);--mod-textfield-icon-spacing-inline-start-invalid:0}:host([invalid]:hover) #textfield{--mod-infield-button-border-color:var(\n--mod-stepper-border-color-hover-invalid,var(--spectrum-negative-border-color-hover)\n)}:host([invalid]) #textfield:focus,:host([invalid][focused]) #textfield{--mod-infield-button-border-color:var(\n--mod-stepper-border-color-focus-invalid,var(--spectrum-stepper-border-color-focus-invalid)\n)}:host([invalid]:hover) #textfield:focus,:host([invalid][focused]:hover) #textfield{--mod-infield-button-border-color:var(\n--mod-stepper-border-color-focus-hover-invalid,var(--spectrum-stepper-border-color-focus-hover-invalid)\n)}:host([invalid]) #textfield.focus-visible,:host([invalid][keyboard-focused]) #textfield{--mod-infield-button-border-color:var(\n--mod-stepper-border-color-keyboard-focus-invalid,var(--spectrum-stepper-border-color-keyboard-focus-invalid)\n)}:host([invalid]) #textfield:focus-visible,:host([invalid][keyboard-focused]) #textfield{--mod-infield-button-border-color:var(\n--mod-stepper-border-color-keyboard-focus-invalid,var(--spectrum-stepper-border-color-keyboard-focus-invalid)\n)}.x{border-radius:var(--spectrum-stepper-button-border-radius-reset)}#textfield{block-size:var(--mod-stepper-height,var(--spectrum-stepper-height));border-radius:var(\n--mod-stepper-border-radius,var(--spectrum-stepper-border-radius)\n);display:inline-flex;flex-flow:row;inline-size:var(--mod-stepper-width,var(--spectrum-stepper-width));position:relative}#textfield,#textfield .input{border-color:var(\n--highcontrast-stepper-border-color,var(--mod-stepper-border-color,var(--spectrum-stepper-border-color))\n)}#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(\n--highcontrast-stepper-border-color-hover,var(\n--mod-stepper-buttons-border-color-hover,var(--spectrum-stepper-buttons-border-color-hover)\n)\n)}:host(:hover:not([disabled])) #textfield .buttons,:host(:hover:not([disabled])) #textfield .input{border-color:var(\n--highcontrast-stepper-border-color-hover,var(\n--mod-stepper-border-color-hover,var(--spectrum-stepper-border-color-hover)\n)\n)}#textfield:focus,:host([focused]) #textfield{--mod-infield-button-border-color:var(\n--highcontrast-stepper-border-color-focus,var(\n--mod-stepper-buttons-border-color-focus,var(--spectrum-stepper-buttons-border-color-focus)\n)\n)}#textfield:focus .input,:host([focused]) #textfield .input{outline:none}#textfield:focus .buttons,#textfield:focus .input,:host([focused]) #textfield .buttons,:host([focused]) #textfield .input{border-color:var(\n--highcontrast-stepper-border-color-focus,var(\n--mod-stepper-border-color-focus,var(--spectrum-stepper-border-color-focus)\n)\n)}:host(:hover) #textfield:focus,:host([focused]:hover) #textfield{--mod-infield-button-border-color:var(\n--highcontrast-stepper-border-color-focus-hover,var(\n--mod-stepper-buttons-border-color-focus-hover,var(--spectrum-stepper-buttons-border-color-focus-hover)\n)\n)}:host(:hover) #textfield:focus .buttons,:host(:hover) #textfield:focus .input,:host([focused]:hover) #textfield .buttons,:host([focused]:hover) #textfield .input{border-color:var(\n--highcontrast-stepper-border-color-focus-hover,var(\n--mod-stepper-border-color-focus-hover,var(--spectrum-stepper-border-color-focus-hover)\n)\n)}#textfield.focus-visible,:host([keyboard-focused]) #textfield{--mod-infield-button-border-color:var(\n--highcontrast-stepper-border-color-keyboard-focus,var(\n--mod-stepper-buttons-border-color-keyboard-focus,var(--spectrum-stepper-buttons-border-color-keyboard-focus)\n)\n);outline:var(\n--mod-stepper-focus-indicator-width,var(--spectrum-stepper-focus-indicator-width)\n) solid;outline-color:var(\n--highcontrast-stepper-focus-indicator-color,var(\n--mod-stepper-focus-indicator-color,var(--spectrum-stepper-focus-indicator-color)\n)\n);outline-offset:var(\n--mod-stepper-focus-indicator-gap,var(--spectrum-stepper-focus-indicator-gap)\n)}#textfield:focus-visible,:host([keyboard-focused]) #textfield{--mod-infield-button-border-color:var(\n--highcontrast-stepper-border-color-keyboard-focus,var(\n--mod-stepper-buttons-border-color-keyboard-focus,var(--spectrum-stepper-buttons-border-color-keyboard-focus)\n)\n);outline:var(\n--mod-stepper-focus-indicator-width,var(--spectrum-stepper-focus-indicator-width)\n) solid;outline-color:var(\n--highcontrast-stepper-focus-indicator-color,var(\n--mod-stepper-focus-indicator-color,var(--spectrum-stepper-focus-indicator-color)\n)\n);outline-offset:var(\n--mod-stepper-focus-indicator-gap,var(--spectrum-stepper-focus-indicator-gap)\n)}#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(\n--highcontrast-stepper-border-color-keyboard-focus,var(\n--mod-stepper-border-color-keyboard-focus,var(--spectrum-stepper-border-color-keyboard-focus)\n)\n)}#textfield:focus-visible .buttons,#textfield:focus-visible .input,:host([keyboard-focused]) #textfield .buttons,:host([keyboard-focused]) #textfield .input{border-color:var(\n--highcontrast-stepper-border-color-keyboard-focus,var(\n--mod-stepper-border-color-keyboard-focus,var(--spectrum-stepper-border-color-keyboard-focus)\n)\n)}:host([quiet]) #textfield{--mod-infield-button-border-color:var(\n--highcontrast-stepper-border-color,var(--mod-stepper-border-color,var(--spectrum-stepper-border-color))\n);border-end-end-radius:0;border-end-start-radius:0;border-start-end-radius:0;border-start-start-radius:0}:host([quiet]) #textfield.hide-stepper .input{border-end-end-radius:0;border-inline-end-width:0}:host([quiet]) #textfield:after{block-size:var(\n--mod-stepper-focus-indicator-width,var(--spectrum-stepper-focus-indicator-width)\n);content:\"\";inline-size:100%;inset-block-end:calc((var(\n--mod-stepper-focus-indicator-gap,\nvar(--spectrum-stepper-focus-indicator-gap)\n) + var(\n--mod-stepper-focus-indicator-width,\nvar(--spectrum-stepper-focus-indicator-width)\n))*-1);inset-inline-start:0;position:absolute}:host([quiet]) #textfield .buttons{border:none}:host([quiet]) #textfield .button{--mod-infield-button-border-block-end-width:var(\n--mod-stepper-border-width,var(--spectrum-stepper-border-width)\n);--mod-infield-button-stacked-bottom-border-block-end-width:var(\n--mod-stepper-border-width,var(--spectrum-stepper-border-width)\n);--mod-infield-button-stacked-bottom-border-radius-end-end:0;--mod-infield-button-stacked-bottom-border-radius-end-start:0;--mod-infield-button-fill-justify-content:flex-end;padding:0}:host([quiet]) #textfield .buttons,:host([quiet]) #textfield .input{background-color:#0000}:host([quiet]:hover:not([disabled])) #textfield{--mod-infield-button-border-color:var(\n--highcontrast-stepper-border-color-hover,var(\n--mod-stepper-border-color-hover,var(--spectrum-stepper-border-color-hover)\n)\n)}:host([quiet]:hover:not([disabled])) #textfield .buttons{background-color:#0000}:host([quiet]) #textfield:focus,:host([quiet][focused]) #textfield{--mod-infield-button-border-color:var(\n--highcontrast-stepper-border-color-focus,var(\n--mod-stepper-border-color-focus,var(--spectrum-stepper-border-color-focus)\n)\n)}:host([quiet]:hover) #textfield:focus,:host([quiet][focused]:hover) #textfield{--mod-infield-button-border-color:var(\n--highcontrast-stepper-border-color-focus-hover,var(\n--mod-stepper-border-color-focus-hover,var(--spectrum-stepper-border-color-focus-hover)\n)\n)}:host([quiet][keyboard-focused]) #textfield{--mod-infield-button-border-color:var(\n--highcontrast-stepper-border-color-keyboard-focus,var(\n--mod-stepper-border-color-keyboard-focus,var(--spectrum-stepper-border-color-keyboard-focus)\n)\n);outline:none}:host([quiet][keyboard-focused]) #textfield:after{background-color:var(\n--highcontrast-stepper-focus-indicator-color,var(\n--mod-stepper-focus-indicator-color,var(--spectrum-stepper-focus-indicator-color)\n)\n)}:host([quiet][keyboard-focused]:hover) #textfield{--mod-infield-button-border-color:var(\n--highcontrast-stepper-border-color-hover,var(\n--mod-stepper-border-color-hover,var(--spectrum-stepper-border-color-hover)\n)\n)}#textfield:before{content:\"\"}.buttons{background-color:var(\n--highcontrast-stepper-buttons-background-color,var(\n--mod-stepper-buttons-background-color,var(--spectrum-stepper-buttons-background-color)\n)\n);block-size:var(--mod-stepper-height,var(--spectrum-stepper-height));border-color:var(\n--highcontrast-stepper-border-color,var(--mod-stepper-border-color,var(--spectrum-stepper-border-color))\n);border-end-end-radius:var(\n--mod-stepper-border-radius,var(--spectrum-stepper-border-radius)\n);border-start-end-radius:var(\n--mod-stepper-border-radius,var(--spectrum-stepper-border-radius)\n);border-style:var(\n--mod-stepper-buttons-border-style,var(--spectrum-stepper-buttons-border-style)\n);border-width:var(\n--highcontrast-stepper-buttons-border-width,var(\n--mod-stepper-buttons-border-width,var(--spectrum-stepper-buttons-border-width)\n)\n);border-inline-start-width:0;box-sizing:border-box;display:flex;flex-direction:column;inline-size:var(\n--mod-stepper-button-width,var(--spectrum-stepper-button-width)\n);justify-content:center;transition:border-color var(\n--mod-stepper-animation-duration,var(--spectrum-stepper-animation-duration)\n) ease-in-out}#textfield.hide-stepper .input{border-end-end-radius:var(\n--mod-stepper-border-radius,var(--spectrum-stepper-border-radius)\n);border-inline-end-width:var(\n--mod-stepper-border-width,var(--spectrum-stepper-border-width)\n);border-start-end-radius:var(\n--mod-stepper-border-radius,var(--spectrum-stepper-border-radius)\n)}@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(\n--mod-stepper-border-width,var(--spectrum-stepper-border-width)\n)}: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(\n--system-spectrum-stepper-border-width\n);--spectrum-stepper-buttons-border-style:var(\n--system-spectrum-stepper-buttons-border-style\n);--spectrum-stepper-buttons-border-width:var(\n--system-spectrum-stepper-buttons-border-width\n);--spectrum-stepper-buttons-border-color:var(\n--system-spectrum-stepper-buttons-border-color\n);--spectrum-stepper-buttons-background-color:var(\n--system-spectrum-stepper-buttons-background-color\n);--spectrum-stepper-buttons-border-color-hover:var(\n--system-spectrum-stepper-buttons-border-color-hover\n);--spectrum-stepper-buttons-border-color-focus:var(\n--system-spectrum-stepper-buttons-border-color-focus\n);--spectrum-stepper-buttons-border-color-keyboard-focus:var(\n--system-spectrum-stepper-buttons-border-color-keyboard-focus\n);--spectrum-stepper-button-border-radius-reset:var(\n--system-spectrum-stepper-button-border-radius-reset\n);--spectrum-stepper-button-border-width:var(\n--system-spectrum-stepper-button-border-width\n);--spectrum-stepper-border-color:var(\n--system-spectrum-stepper-border-color\n);--spectrum-stepper-border-color-hover:var(\n--system-spectrum-stepper-border-color-hover\n);--spectrum-stepper-border-color-focus:var(\n--system-spectrum-stepper-border-color-focus\n);--spectrum-stepper-border-color-focus-hover:var(\n--system-spectrum-stepper-border-color-focus-hover\n);--spectrum-stepper-border-color-keyboard-focus:var(\n--system-spectrum-stepper-border-color-keyboard-focus\n);--spectrum-stepper-border-color-invalid:var(\n--system-spectrum-stepper-border-color-invalid\n);--spectrum-stepper-border-color-focus-invalid:var(\n--system-spectrum-stepper-border-color-focus-invalid\n);--spectrum-stepper-border-color-focus-hover-invalid:var(\n--system-spectrum-stepper-border-color-focus-hover-invalid\n);--spectrum-stepper-border-color-keyboard-focus-invalid:var(\n--system-spectrum-stepper-border-color-keyboard-focus-invalid\n);--spectrum-stepper-button-background-color-focus:var(\n--system-spectrum-stepper-button-background-color-focus\n);--spectrum-stepper-button-background-color-keyboard-focus:var(\n--system-spectrum-stepper-button-background-color-keyboard-focus\n)}:host([disabled]) #textfield{--spectrum-stepper-buttons-background-color:var(\n--system-spectrum-stepper-disabled-buttons-background-color\n);--spectrum-stepper-buttons-border-width:var(\n--system-spectrum-stepper-disabled-buttons-border-width\n)}\n`;\nexport default styles;"],
5
+ "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA0Of,eAAe;",
6
6
  "names": []
7
7
  }
package/src/spectrum-number-field.css.js CHANGED
@@ -48,6 +48,8 @@ var(--spectrum-stepper-border-width)
48
48
  --mod-stepper-border-color-keyboard-focus-invalid,var(--spectrum-negative-border-color-key-focus)
49
49
  );--mod-infield-button-border-color:var(
50
50
  --mod-stepper-border-color-invalid,var(--spectrum-stepper-border-color-invalid)
51
+ );--mod-textfield-icon-spacing-inline-start-invalid:0}:host([invalid]:hover) #textfield{--mod-infield-button-border-color:var(
52
+ --mod-stepper-border-color-hover-invalid,var(--spectrum-negative-border-color-hover)
51
53
  )}:host([invalid]) #textfield:focus,:host([invalid][focused]) #textfield{--mod-infield-button-border-color:var(
52
54
  --mod-stepper-border-color-focus-invalid,var(--spectrum-stepper-border-color-focus-invalid)
53
55
  )}:host([invalid]:hover) #textfield:focus,:host([invalid][focused]:hover) #textfield{--mod-infield-button-border-color:var(
@@ -56,11 +58,11 @@ var(--spectrum-stepper-border-width)
56
58
  --mod-stepper-border-color-keyboard-focus-invalid,var(--spectrum-stepper-border-color-keyboard-focus-invalid)
57
59
  )}:host([invalid]) #textfield:focus-visible,:host([invalid][keyboard-focused]) #textfield{--mod-infield-button-border-color:var(
58
60
  --mod-stepper-border-color-keyboard-focus-invalid,var(--spectrum-stepper-border-color-keyboard-focus-invalid)
59
- )}@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(
61
+ )}.x{border-radius:var(--spectrum-stepper-button-border-radius-reset)}#textfield{block-size:var(--mod-stepper-height,var(--spectrum-stepper-height));border-radius:var(
60
62
  --mod-stepper-border-radius,var(--spectrum-stepper-border-radius)
61
63
  );display:inline-flex;flex-flow:row;inline-size:var(--mod-stepper-width,var(--spectrum-stepper-width));position:relative}#textfield,#textfield .input{border-color:var(
62
64
  --highcontrast-stepper-border-color,var(--mod-stepper-border-color,var(--spectrum-stepper-border-color))
63
- )}#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(
65
+ )}#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(
64
66
  --highcontrast-stepper-border-color-hover,var(
65
67
  --mod-stepper-buttons-border-color-hover,var(--spectrum-stepper-buttons-border-color-hover)
66
68
  )
@@ -68,11 +70,7 @@ var(--spectrum-stepper-border-width)
68
70
  --highcontrast-stepper-border-color-hover,var(
69
71
  --mod-stepper-border-color-hover,var(--spectrum-stepper-border-color-hover)
70
72
  )
71
- )}#textfield:focus,:host([focused]) #textfield{--mod-infield-button-background-color:var(
72
- --highcontrast-stepper-button-background-color-focus,var(
73
- --mod-stepper-button-background-color-focus,var(--spectrum-stepper-button-background-color-focus)
74
- )
75
- );--mod-infield-button-border-color:var(
73
+ )}#textfield:focus,:host([focused]) #textfield{--mod-infield-button-border-color:var(
76
74
  --highcontrast-stepper-border-color-focus,var(
77
75
  --mod-stepper-buttons-border-color-focus,var(--spectrum-stepper-buttons-border-color-focus)
78
76
  )
@@ -88,11 +86,7 @@ var(--spectrum-stepper-border-width)
88
86
  --highcontrast-stepper-border-color-focus-hover,var(
89
87
  --mod-stepper-border-color-focus-hover,var(--spectrum-stepper-border-color-focus-hover)
90
88
  )
91
- )}#textfield.focus-visible,:host([keyboard-focused]) #textfield{--mod-infield-button-background-color:var(
92
- --highcontrast-stepper-button-background-color-keyboard-focus,var(
93
- --mod-stepper-button-background-color-keyboard-focus,var(--spectrum-stepper-button-background-color-keyboard-focus)
94
- )
95
- );--mod-infield-button-border-color:var(
89
+ )}#textfield.focus-visible,:host([keyboard-focused]) #textfield{--mod-infield-button-border-color:var(
96
90
  --highcontrast-stepper-border-color-keyboard-focus,var(
97
91
  --mod-stepper-buttons-border-color-keyboard-focus,var(--spectrum-stepper-buttons-border-color-keyboard-focus)
98
92
  )
@@ -104,11 +98,7 @@ var(--spectrum-stepper-border-width)
104
98
  )
105
99
  );outline-offset:var(
106
100
  --mod-stepper-focus-indicator-gap,var(--spectrum-stepper-focus-indicator-gap)
107
- )}#textfield:focus-visible,:host([keyboard-focused]) #textfield{--mod-infield-button-background-color:var(
108
- --highcontrast-stepper-button-background-color-keyboard-focus,var(
109
- --mod-stepper-button-background-color-keyboard-focus,var(--spectrum-stepper-button-background-color-keyboard-focus)
110
- )
111
- );--mod-infield-button-border-color:var(
101
+ )}#textfield:focus-visible,:host([keyboard-focused]) #textfield{--mod-infield-button-border-color:var(
112
102
  --highcontrast-stepper-border-color-keyboard-focus,var(
113
103
  --mod-stepper-buttons-border-color-keyboard-focus,var(--spectrum-stepper-buttons-border-color-keyboard-focus)
114
104
  )
@@ -179,7 +169,9 @@ var(--spectrum-stepper-focus-indicator-width)
179
169
  );border-style:var(
180
170
  --mod-stepper-buttons-border-style,var(--spectrum-stepper-buttons-border-style)
181
171
  );border-width:var(
172
+ --highcontrast-stepper-buttons-border-width,var(
182
173
  --mod-stepper-buttons-border-width,var(--spectrum-stepper-buttons-border-width)
174
+ )
183
175
  );border-inline-start-width:0;box-sizing:border-box;display:flex;flex-direction:column;inline-size:var(
184
176
  --mod-stepper-button-width,var(--spectrum-stepper-button-width)
185
177
  );justify-content:center;transition:border-color var(
@@ -190,7 +182,9 @@ var(--spectrum-stepper-focus-indicator-width)
190
182
  --mod-stepper-border-width,var(--spectrum-stepper-border-width)
191
183
  );border-start-end-radius:var(
192
184
  --mod-stepper-border-radius,var(--spectrum-stepper-border-radius)
193
- )}:host{--spectrum-stepper-border-width:var(
185
+ )}@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(
186
+ --mod-stepper-border-width,var(--spectrum-stepper-border-width)
187
+ )}: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(
194
188
  --system-spectrum-stepper-border-width
195
189
  );--spectrum-stepper-buttons-border-style:var(
196
190
  --system-spectrum-stepper-buttons-border-style
package/src/spectrum-number-field.css.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["spectrum-number-field.css.ts"],
4
- "sourcesContent": ["/*\nCopyright 2024 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{--spectrum-stepper-height:var(--spectrum-component-height-100);--spectrum-stepper-border-radius:var(--spectrum-corner-radius-100);--spectrum-stepper-button-width:var(\n--spectrum-in-field-button-width-stacked-medium\n);--spectrum-stepper-button-padding:var(\n--spectrum-in-field-button-edge-to-fill\n);--spectrum-stepper-width:calc(var(--mod-stepper-height, var(--spectrum-stepper-height))*var(\n--mod-stepper-min-width-multiplier,\nvar(--spectrum-text-field-minimum-width-multiplier)\n) + var(\n--mod-stepper-button-width,\nvar(--spectrum-stepper-button-width)\n) + var(\n--mod-stepper-border-width,\nvar(--spectrum-stepper-border-width)\n)*2);--spectrum-stepper-focus-indicator-width:var(\n--spectrum-focus-indicator-thickness\n);--spectrum-stepper-focus-indicator-gap:var(--spectrum-focus-indicator-gap);--spectrum-stepper-focus-indicator-color:var(\n--spectrum-focus-indicator-color\n);--spectrum-stepper-button-offset:calc(var(--spectrum-stepper-button-width)/2);--spectrum-stepper-animation-duration:var(\n--spectrum-animation-duration-100\n);--mod-infield-button-border-color:var(\n--highcontrast-stepper-border-color,var(\n--mod-stepper-buttons-border-color,var(--spectrum-stepper-buttons-border-color)\n)\n);--mod-infield-button-border-width:var(\n--mod-stepper-button-border-width,var(--spectrum-stepper-button-border-width)\n);--mod-textfield-border-width:var(\n--mod-stepper-border-width,var(--spectrum-stepper-border-width)\n)}:host([size=s]) #textfield{--spectrum-stepper-button-width:var(\n--spectrum-in-field-button-width-stacked-small\n);--spectrum-stepper-height:var(--spectrum-component-height-75)}:host([size=l]) #textfield{--spectrum-stepper-button-width:var(\n--spectrum-in-field-button-width-stacked-large\n);--spectrum-stepper-height:var(--spectrum-component-height-200)}:host([size=xl]) #textfield{--spectrum-stepper-button-width:var(\n--spectrum-in-field-button-width-stacked-extra-large\n);--spectrum-stepper-height:var(--spectrum-component-height-300)}:host([quiet]) #textfield{--mod-infield-button-width-stacked:var(\n--mod-stepper-button-width-quiet,var(--spectrum-stepper-button-width)\n);--mod-textfield-focus-indicator-color:transparent}:host([disabled]) #textfield{--mod-infield-button-border-color-quiet-disabled:var(\n--spectrum-disabled-border-color\n)}:host([invalid]) #textfield{--mod-stepper-border-color:var(\n--mod-stepper-border-color-invalid,var(--spectrum-negative-border-color-default)\n);--mod-stepper-border-color-hover:var(\n--mod-stepper-border-color-hover-invalid,var(--spectrum-negative-border-color-hover)\n);--mod-stepper-border-color-focus:var(\n--mod-stepper-border-color-focus-invalid,var(--spectrum-negative-border-color-focus)\n);--mod-stepper-border-color-focus-hover:var(\n--mod-stepper-border-color-focus-hover-invalid,var(--spectrum-negative-border-color-focus-hover)\n);--mod-stepper-border-color-keyboard-focus:var(\n--mod-stepper-border-color-keyboard-focus-invalid,var(--spectrum-negative-border-color-key-focus)\n);--mod-infield-button-border-color:var(\n--mod-stepper-border-color-invalid,var(--spectrum-stepper-border-color-invalid)\n)}:host([invalid]) #textfield:focus,:host([invalid][focused]) #textfield{--mod-infield-button-border-color:var(\n--mod-stepper-border-color-focus-invalid,var(--spectrum-stepper-border-color-focus-invalid)\n)}:host([invalid]:hover) #textfield:focus,:host([invalid][focused]:hover) #textfield{--mod-infield-button-border-color:var(\n--mod-stepper-border-color-focus-hover-invalid,var(--spectrum-stepper-border-color-focus-hover-invalid)\n)}:host([invalid]) #textfield.focus-visible,:host([invalid][keyboard-focused]) #textfield{--mod-infield-button-border-color:var(\n--mod-stepper-border-color-keyboard-focus-invalid,var(--spectrum-stepper-border-color-keyboard-focus-invalid)\n)}:host([invalid]) #textfield:focus-visible,:host([invalid][keyboard-focused]) #textfield{--mod-infield-button-border-color:var(\n--mod-stepper-border-color-keyboard-focus-invalid,var(--spectrum-stepper-border-color-keyboard-focus-invalid)\n)}@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(\n--mod-stepper-border-radius,var(--spectrum-stepper-border-radius)\n);display:inline-flex;flex-flow:row;inline-size:var(--mod-stepper-width,var(--spectrum-stepper-width));position:relative}#textfield,#textfield .input{border-color:var(\n--highcontrast-stepper-border-color,var(--mod-stepper-border-color,var(--spectrum-stepper-border-color))\n)}#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(\n--highcontrast-stepper-border-color-hover,var(\n--mod-stepper-buttons-border-color-hover,var(--spectrum-stepper-buttons-border-color-hover)\n)\n)}:host(:hover:not([disabled])) #textfield .buttons,:host(:hover:not([disabled])) #textfield .input{border-color:var(\n--highcontrast-stepper-border-color-hover,var(\n--mod-stepper-border-color-hover,var(--spectrum-stepper-border-color-hover)\n)\n)}#textfield:focus,:host([focused]) #textfield{--mod-infield-button-background-color:var(\n--highcontrast-stepper-button-background-color-focus,var(\n--mod-stepper-button-background-color-focus,var(--spectrum-stepper-button-background-color-focus)\n)\n);--mod-infield-button-border-color:var(\n--highcontrast-stepper-border-color-focus,var(\n--mod-stepper-buttons-border-color-focus,var(--spectrum-stepper-buttons-border-color-focus)\n)\n)}#textfield:focus .input,:host([focused]) #textfield .input{outline:none}#textfield:focus .buttons,#textfield:focus .input,:host([focused]) #textfield .buttons,:host([focused]) #textfield .input{border-color:var(\n--highcontrast-stepper-border-color-focus,var(\n--mod-stepper-border-color-focus,var(--spectrum-stepper-border-color-focus)\n)\n)}:host(:hover) #textfield:focus,:host([focused]:hover) #textfield{--mod-infield-button-border-color:var(\n--highcontrast-stepper-border-color-focus-hover,var(\n--mod-stepper-buttons-border-color-focus-hover,var(--spectrum-stepper-buttons-border-color-focus-hover)\n)\n)}:host(:hover) #textfield:focus .buttons,:host(:hover) #textfield:focus .input,:host([focused]:hover) #textfield .buttons,:host([focused]:hover) #textfield .input{border-color:var(\n--highcontrast-stepper-border-color-focus-hover,var(\n--mod-stepper-border-color-focus-hover,var(--spectrum-stepper-border-color-focus-hover)\n)\n)}#textfield.focus-visible,:host([keyboard-focused]) #textfield{--mod-infield-button-background-color:var(\n--highcontrast-stepper-button-background-color-keyboard-focus,var(\n--mod-stepper-button-background-color-keyboard-focus,var(--spectrum-stepper-button-background-color-keyboard-focus)\n)\n);--mod-infield-button-border-color:var(\n--highcontrast-stepper-border-color-keyboard-focus,var(\n--mod-stepper-buttons-border-color-keyboard-focus,var(--spectrum-stepper-buttons-border-color-keyboard-focus)\n)\n);outline:var(\n--mod-stepper-focus-indicator-width,var(--spectrum-stepper-focus-indicator-width)\n) solid;outline-color:var(\n--highcontrast-stepper-focus-indicator-color,var(\n--mod-stepper-focus-indicator-color,var(--spectrum-stepper-focus-indicator-color)\n)\n);outline-offset:var(\n--mod-stepper-focus-indicator-gap,var(--spectrum-stepper-focus-indicator-gap)\n)}#textfield:focus-visible,:host([keyboard-focused]) #textfield{--mod-infield-button-background-color:var(\n--highcontrast-stepper-button-background-color-keyboard-focus,var(\n--mod-stepper-button-background-color-keyboard-focus,var(--spectrum-stepper-button-background-color-keyboard-focus)\n)\n);--mod-infield-button-border-color:var(\n--highcontrast-stepper-border-color-keyboard-focus,var(\n--mod-stepper-buttons-border-color-keyboard-focus,var(--spectrum-stepper-buttons-border-color-keyboard-focus)\n)\n);outline:var(\n--mod-stepper-focus-indicator-width,var(--spectrum-stepper-focus-indicator-width)\n) solid;outline-color:var(\n--highcontrast-stepper-focus-indicator-color,var(\n--mod-stepper-focus-indicator-color,var(--spectrum-stepper-focus-indicator-color)\n)\n);outline-offset:var(\n--mod-stepper-focus-indicator-gap,var(--spectrum-stepper-focus-indicator-gap)\n)}#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(\n--highcontrast-stepper-border-color-keyboard-focus,var(\n--mod-stepper-border-color-keyboard-focus,var(--spectrum-stepper-border-color-keyboard-focus)\n)\n)}#textfield:focus-visible .buttons,#textfield:focus-visible .input,:host([keyboard-focused]) #textfield .buttons,:host([keyboard-focused]) #textfield .input{border-color:var(\n--highcontrast-stepper-border-color-keyboard-focus,var(\n--mod-stepper-border-color-keyboard-focus,var(--spectrum-stepper-border-color-keyboard-focus)\n)\n)}:host([quiet]) #textfield{--mod-infield-button-border-color:var(\n--highcontrast-stepper-border-color,var(--mod-stepper-border-color,var(--spectrum-stepper-border-color))\n);border-end-end-radius:0;border-end-start-radius:0;border-start-end-radius:0;border-start-start-radius:0}:host([quiet]) #textfield.hide-stepper .input{border-end-end-radius:0;border-inline-end-width:0}:host([quiet]) #textfield:after{block-size:var(\n--mod-stepper-focus-indicator-width,var(--spectrum-stepper-focus-indicator-width)\n);content:\"\";inline-size:100%;inset-block-end:calc((var(\n--mod-stepper-focus-indicator-gap,\nvar(--spectrum-stepper-focus-indicator-gap)\n) + var(\n--mod-stepper-focus-indicator-width,\nvar(--spectrum-stepper-focus-indicator-width)\n))*-1);inset-inline-start:0;position:absolute}:host([quiet]) #textfield .buttons{border:none}:host([quiet]) #textfield .button{--mod-infield-button-border-block-end-width:var(\n--mod-stepper-border-width,var(--spectrum-stepper-border-width)\n);--mod-infield-button-stacked-bottom-border-block-end-width:var(\n--mod-stepper-border-width,var(--spectrum-stepper-border-width)\n);--mod-infield-button-stacked-bottom-border-radius-end-end:0;--mod-infield-button-stacked-bottom-border-radius-end-start:0;--mod-infield-button-fill-justify-content:flex-end;padding:0}:host([quiet]) #textfield .buttons,:host([quiet]) #textfield .input{background-color:#0000}:host([quiet]:hover:not([disabled])) #textfield{--mod-infield-button-border-color:var(\n--highcontrast-stepper-border-color-hover,var(\n--mod-stepper-border-color-hover,var(--spectrum-stepper-border-color-hover)\n)\n)}:host([quiet]:hover:not([disabled])) #textfield .buttons{background-color:#0000}:host([quiet]) #textfield:focus,:host([quiet][focused]) #textfield{--mod-infield-button-border-color:var(\n--highcontrast-stepper-border-color-focus,var(\n--mod-stepper-border-color-focus,var(--spectrum-stepper-border-color-focus)\n)\n)}:host([quiet]:hover) #textfield:focus,:host([quiet][focused]:hover) #textfield{--mod-infield-button-border-color:var(\n--highcontrast-stepper-border-color-focus-hover,var(\n--mod-stepper-border-color-focus-hover,var(--spectrum-stepper-border-color-focus-hover)\n)\n)}:host([quiet][keyboard-focused]) #textfield{--mod-infield-button-border-color:var(\n--highcontrast-stepper-border-color-keyboard-focus,var(\n--mod-stepper-border-color-keyboard-focus,var(--spectrum-stepper-border-color-keyboard-focus)\n)\n);outline:none}:host([quiet][keyboard-focused]) #textfield:after{background-color:var(\n--highcontrast-stepper-focus-indicator-color,var(\n--mod-stepper-focus-indicator-color,var(--spectrum-stepper-focus-indicator-color)\n)\n)}:host([quiet][keyboard-focused]:hover) #textfield{--mod-infield-button-border-color:var(\n--highcontrast-stepper-border-color-hover,var(\n--mod-stepper-border-color-hover,var(--spectrum-stepper-border-color-hover)\n)\n)}#textfield:before{content:\"\"}.buttons{background-color:var(\n--highcontrast-stepper-buttons-background-color,var(\n--mod-stepper-buttons-background-color,var(--spectrum-stepper-buttons-background-color)\n)\n);block-size:var(--mod-stepper-height,var(--spectrum-stepper-height));border-color:var(\n--highcontrast-stepper-border-color,var(--mod-stepper-border-color,var(--spectrum-stepper-border-color))\n);border-end-end-radius:var(\n--mod-stepper-border-radius,var(--spectrum-stepper-border-radius)\n);border-start-end-radius:var(\n--mod-stepper-border-radius,var(--spectrum-stepper-border-radius)\n);border-style:var(\n--mod-stepper-buttons-border-style,var(--spectrum-stepper-buttons-border-style)\n);border-width:var(\n--mod-stepper-buttons-border-width,var(--spectrum-stepper-buttons-border-width)\n);border-inline-start-width:0;box-sizing:border-box;display:flex;flex-direction:column;inline-size:var(\n--mod-stepper-button-width,var(--spectrum-stepper-button-width)\n);justify-content:center;transition:border-color var(\n--mod-stepper-animation-duration,var(--spectrum-stepper-animation-duration)\n) ease-in-out}#textfield.hide-stepper .input{border-end-end-radius:var(\n--mod-stepper-border-radius,var(--spectrum-stepper-border-radius)\n);border-inline-end-width:var(\n--mod-stepper-border-width,var(--spectrum-stepper-border-width)\n);border-start-end-radius:var(\n--mod-stepper-border-radius,var(--spectrum-stepper-border-radius)\n)}:host{--spectrum-stepper-border-width:var(\n--system-spectrum-stepper-border-width\n);--spectrum-stepper-buttons-border-style:var(\n--system-spectrum-stepper-buttons-border-style\n);--spectrum-stepper-buttons-border-width:var(\n--system-spectrum-stepper-buttons-border-width\n);--spectrum-stepper-buttons-border-color:var(\n--system-spectrum-stepper-buttons-border-color\n);--spectrum-stepper-buttons-background-color:var(\n--system-spectrum-stepper-buttons-background-color\n);--spectrum-stepper-buttons-border-color-hover:var(\n--system-spectrum-stepper-buttons-border-color-hover\n);--spectrum-stepper-buttons-border-color-focus:var(\n--system-spectrum-stepper-buttons-border-color-focus\n);--spectrum-stepper-buttons-border-color-keyboard-focus:var(\n--system-spectrum-stepper-buttons-border-color-keyboard-focus\n);--spectrum-stepper-button-border-radius-reset:var(\n--system-spectrum-stepper-button-border-radius-reset\n);--spectrum-stepper-button-border-width:var(\n--system-spectrum-stepper-button-border-width\n);--spectrum-stepper-border-color:var(\n--system-spectrum-stepper-border-color\n);--spectrum-stepper-border-color-hover:var(\n--system-spectrum-stepper-border-color-hover\n);--spectrum-stepper-border-color-focus:var(\n--system-spectrum-stepper-border-color-focus\n);--spectrum-stepper-border-color-focus-hover:var(\n--system-spectrum-stepper-border-color-focus-hover\n);--spectrum-stepper-border-color-keyboard-focus:var(\n--system-spectrum-stepper-border-color-keyboard-focus\n);--spectrum-stepper-border-color-invalid:var(\n--system-spectrum-stepper-border-color-invalid\n);--spectrum-stepper-border-color-focus-invalid:var(\n--system-spectrum-stepper-border-color-focus-invalid\n);--spectrum-stepper-border-color-focus-hover-invalid:var(\n--system-spectrum-stepper-border-color-focus-hover-invalid\n);--spectrum-stepper-border-color-keyboard-focus-invalid:var(\n--system-spectrum-stepper-border-color-keyboard-focus-invalid\n);--spectrum-stepper-button-background-color-focus:var(\n--system-spectrum-stepper-button-background-color-focus\n);--spectrum-stepper-button-background-color-keyboard-focus:var(\n--system-spectrum-stepper-button-background-color-keyboard-focus\n)}:host([disabled]) #textfield{--spectrum-stepper-buttons-background-color:var(\n--system-spectrum-stepper-disabled-buttons-background-color\n);--spectrum-stepper-buttons-border-width:var(\n--system-spectrum-stepper-disabled-buttons-border-width\n)}\n`;\nexport default styles;"],
5
- "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAgPf,eAAeC",
4
+ "sourcesContent": ["/*\nCopyright 2024 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{--spectrum-stepper-height:var(--spectrum-component-height-100);--spectrum-stepper-border-radius:var(--spectrum-corner-radius-100);--spectrum-stepper-button-width:var(\n--spectrum-in-field-button-width-stacked-medium\n);--spectrum-stepper-button-padding:var(\n--spectrum-in-field-button-edge-to-fill\n);--spectrum-stepper-width:calc(var(--mod-stepper-height, var(--spectrum-stepper-height))*var(\n--mod-stepper-min-width-multiplier,\nvar(--spectrum-text-field-minimum-width-multiplier)\n) + var(\n--mod-stepper-button-width,\nvar(--spectrum-stepper-button-width)\n) + var(\n--mod-stepper-border-width,\nvar(--spectrum-stepper-border-width)\n)*2);--spectrum-stepper-focus-indicator-width:var(\n--spectrum-focus-indicator-thickness\n);--spectrum-stepper-focus-indicator-gap:var(--spectrum-focus-indicator-gap);--spectrum-stepper-focus-indicator-color:var(\n--spectrum-focus-indicator-color\n);--spectrum-stepper-button-offset:calc(var(--spectrum-stepper-button-width)/2);--spectrum-stepper-animation-duration:var(\n--spectrum-animation-duration-100\n);--mod-infield-button-border-color:var(\n--highcontrast-stepper-border-color,var(\n--mod-stepper-buttons-border-color,var(--spectrum-stepper-buttons-border-color)\n)\n);--mod-infield-button-border-width:var(\n--mod-stepper-button-border-width,var(--spectrum-stepper-button-border-width)\n);--mod-textfield-border-width:var(\n--mod-stepper-border-width,var(--spectrum-stepper-border-width)\n)}:host([size=s]) #textfield{--spectrum-stepper-button-width:var(\n--spectrum-in-field-button-width-stacked-small\n);--spectrum-stepper-height:var(--spectrum-component-height-75)}:host([size=l]) #textfield{--spectrum-stepper-button-width:var(\n--spectrum-in-field-button-width-stacked-large\n);--spectrum-stepper-height:var(--spectrum-component-height-200)}:host([size=xl]) #textfield{--spectrum-stepper-button-width:var(\n--spectrum-in-field-button-width-stacked-extra-large\n);--spectrum-stepper-height:var(--spectrum-component-height-300)}:host([quiet]) #textfield{--mod-infield-button-width-stacked:var(\n--mod-stepper-button-width-quiet,var(--spectrum-stepper-button-width)\n);--mod-textfield-focus-indicator-color:transparent}:host([disabled]) #textfield{--mod-infield-button-border-color-quiet-disabled:var(\n--spectrum-disabled-border-color\n)}:host([invalid]) #textfield{--mod-stepper-border-color:var(\n--mod-stepper-border-color-invalid,var(--spectrum-negative-border-color-default)\n);--mod-stepper-border-color-hover:var(\n--mod-stepper-border-color-hover-invalid,var(--spectrum-negative-border-color-hover)\n);--mod-stepper-border-color-focus:var(\n--mod-stepper-border-color-focus-invalid,var(--spectrum-negative-border-color-focus)\n);--mod-stepper-border-color-focus-hover:var(\n--mod-stepper-border-color-focus-hover-invalid,var(--spectrum-negative-border-color-focus-hover)\n);--mod-stepper-border-color-keyboard-focus:var(\n--mod-stepper-border-color-keyboard-focus-invalid,var(--spectrum-negative-border-color-key-focus)\n);--mod-infield-button-border-color:var(\n--mod-stepper-border-color-invalid,var(--spectrum-stepper-border-color-invalid)\n);--mod-textfield-icon-spacing-inline-start-invalid:0}:host([invalid]:hover) #textfield{--mod-infield-button-border-color:var(\n--mod-stepper-border-color-hover-invalid,var(--spectrum-negative-border-color-hover)\n)}:host([invalid]) #textfield:focus,:host([invalid][focused]) #textfield{--mod-infield-button-border-color:var(\n--mod-stepper-border-color-focus-invalid,var(--spectrum-stepper-border-color-focus-invalid)\n)}:host([invalid]:hover) #textfield:focus,:host([invalid][focused]:hover) #textfield{--mod-infield-button-border-color:var(\n--mod-stepper-border-color-focus-hover-invalid,var(--spectrum-stepper-border-color-focus-hover-invalid)\n)}:host([invalid]) #textfield.focus-visible,:host([invalid][keyboard-focused]) #textfield{--mod-infield-button-border-color:var(\n--mod-stepper-border-color-keyboard-focus-invalid,var(--spectrum-stepper-border-color-keyboard-focus-invalid)\n)}:host([invalid]) #textfield:focus-visible,:host([invalid][keyboard-focused]) #textfield{--mod-infield-button-border-color:var(\n--mod-stepper-border-color-keyboard-focus-invalid,var(--spectrum-stepper-border-color-keyboard-focus-invalid)\n)}.x{border-radius:var(--spectrum-stepper-button-border-radius-reset)}#textfield{block-size:var(--mod-stepper-height,var(--spectrum-stepper-height));border-radius:var(\n--mod-stepper-border-radius,var(--spectrum-stepper-border-radius)\n);display:inline-flex;flex-flow:row;inline-size:var(--mod-stepper-width,var(--spectrum-stepper-width));position:relative}#textfield,#textfield .input{border-color:var(\n--highcontrast-stepper-border-color,var(--mod-stepper-border-color,var(--spectrum-stepper-border-color))\n)}#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(\n--highcontrast-stepper-border-color-hover,var(\n--mod-stepper-buttons-border-color-hover,var(--spectrum-stepper-buttons-border-color-hover)\n)\n)}:host(:hover:not([disabled])) #textfield .buttons,:host(:hover:not([disabled])) #textfield .input{border-color:var(\n--highcontrast-stepper-border-color-hover,var(\n--mod-stepper-border-color-hover,var(--spectrum-stepper-border-color-hover)\n)\n)}#textfield:focus,:host([focused]) #textfield{--mod-infield-button-border-color:var(\n--highcontrast-stepper-border-color-focus,var(\n--mod-stepper-buttons-border-color-focus,var(--spectrum-stepper-buttons-border-color-focus)\n)\n)}#textfield:focus .input,:host([focused]) #textfield .input{outline:none}#textfield:focus .buttons,#textfield:focus .input,:host([focused]) #textfield .buttons,:host([focused]) #textfield .input{border-color:var(\n--highcontrast-stepper-border-color-focus,var(\n--mod-stepper-border-color-focus,var(--spectrum-stepper-border-color-focus)\n)\n)}:host(:hover) #textfield:focus,:host([focused]:hover) #textfield{--mod-infield-button-border-color:var(\n--highcontrast-stepper-border-color-focus-hover,var(\n--mod-stepper-buttons-border-color-focus-hover,var(--spectrum-stepper-buttons-border-color-focus-hover)\n)\n)}:host(:hover) #textfield:focus .buttons,:host(:hover) #textfield:focus .input,:host([focused]:hover) #textfield .buttons,:host([focused]:hover) #textfield .input{border-color:var(\n--highcontrast-stepper-border-color-focus-hover,var(\n--mod-stepper-border-color-focus-hover,var(--spectrum-stepper-border-color-focus-hover)\n)\n)}#textfield.focus-visible,:host([keyboard-focused]) #textfield{--mod-infield-button-border-color:var(\n--highcontrast-stepper-border-color-keyboard-focus,var(\n--mod-stepper-buttons-border-color-keyboard-focus,var(--spectrum-stepper-buttons-border-color-keyboard-focus)\n)\n);outline:var(\n--mod-stepper-focus-indicator-width,var(--spectrum-stepper-focus-indicator-width)\n) solid;outline-color:var(\n--highcontrast-stepper-focus-indicator-color,var(\n--mod-stepper-focus-indicator-color,var(--spectrum-stepper-focus-indicator-color)\n)\n);outline-offset:var(\n--mod-stepper-focus-indicator-gap,var(--spectrum-stepper-focus-indicator-gap)\n)}#textfield:focus-visible,:host([keyboard-focused]) #textfield{--mod-infield-button-border-color:var(\n--highcontrast-stepper-border-color-keyboard-focus,var(\n--mod-stepper-buttons-border-color-keyboard-focus,var(--spectrum-stepper-buttons-border-color-keyboard-focus)\n)\n);outline:var(\n--mod-stepper-focus-indicator-width,var(--spectrum-stepper-focus-indicator-width)\n) solid;outline-color:var(\n--highcontrast-stepper-focus-indicator-color,var(\n--mod-stepper-focus-indicator-color,var(--spectrum-stepper-focus-indicator-color)\n)\n);outline-offset:var(\n--mod-stepper-focus-indicator-gap,var(--spectrum-stepper-focus-indicator-gap)\n)}#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(\n--highcontrast-stepper-border-color-keyboard-focus,var(\n--mod-stepper-border-color-keyboard-focus,var(--spectrum-stepper-border-color-keyboard-focus)\n)\n)}#textfield:focus-visible .buttons,#textfield:focus-visible .input,:host([keyboard-focused]) #textfield .buttons,:host([keyboard-focused]) #textfield .input{border-color:var(\n--highcontrast-stepper-border-color-keyboard-focus,var(\n--mod-stepper-border-color-keyboard-focus,var(--spectrum-stepper-border-color-keyboard-focus)\n)\n)}:host([quiet]) #textfield{--mod-infield-button-border-color:var(\n--highcontrast-stepper-border-color,var(--mod-stepper-border-color,var(--spectrum-stepper-border-color))\n);border-end-end-radius:0;border-end-start-radius:0;border-start-end-radius:0;border-start-start-radius:0}:host([quiet]) #textfield.hide-stepper .input{border-end-end-radius:0;border-inline-end-width:0}:host([quiet]) #textfield:after{block-size:var(\n--mod-stepper-focus-indicator-width,var(--spectrum-stepper-focus-indicator-width)\n);content:\"\";inline-size:100%;inset-block-end:calc((var(\n--mod-stepper-focus-indicator-gap,\nvar(--spectrum-stepper-focus-indicator-gap)\n) + var(\n--mod-stepper-focus-indicator-width,\nvar(--spectrum-stepper-focus-indicator-width)\n))*-1);inset-inline-start:0;position:absolute}:host([quiet]) #textfield .buttons{border:none}:host([quiet]) #textfield .button{--mod-infield-button-border-block-end-width:var(\n--mod-stepper-border-width,var(--spectrum-stepper-border-width)\n);--mod-infield-button-stacked-bottom-border-block-end-width:var(\n--mod-stepper-border-width,var(--spectrum-stepper-border-width)\n);--mod-infield-button-stacked-bottom-border-radius-end-end:0;--mod-infield-button-stacked-bottom-border-radius-end-start:0;--mod-infield-button-fill-justify-content:flex-end;padding:0}:host([quiet]) #textfield .buttons,:host([quiet]) #textfield .input{background-color:#0000}:host([quiet]:hover:not([disabled])) #textfield{--mod-infield-button-border-color:var(\n--highcontrast-stepper-border-color-hover,var(\n--mod-stepper-border-color-hover,var(--spectrum-stepper-border-color-hover)\n)\n)}:host([quiet]:hover:not([disabled])) #textfield .buttons{background-color:#0000}:host([quiet]) #textfield:focus,:host([quiet][focused]) #textfield{--mod-infield-button-border-color:var(\n--highcontrast-stepper-border-color-focus,var(\n--mod-stepper-border-color-focus,var(--spectrum-stepper-border-color-focus)\n)\n)}:host([quiet]:hover) #textfield:focus,:host([quiet][focused]:hover) #textfield{--mod-infield-button-border-color:var(\n--highcontrast-stepper-border-color-focus-hover,var(\n--mod-stepper-border-color-focus-hover,var(--spectrum-stepper-border-color-focus-hover)\n)\n)}:host([quiet][keyboard-focused]) #textfield{--mod-infield-button-border-color:var(\n--highcontrast-stepper-border-color-keyboard-focus,var(\n--mod-stepper-border-color-keyboard-focus,var(--spectrum-stepper-border-color-keyboard-focus)\n)\n);outline:none}:host([quiet][keyboard-focused]) #textfield:after{background-color:var(\n--highcontrast-stepper-focus-indicator-color,var(\n--mod-stepper-focus-indicator-color,var(--spectrum-stepper-focus-indicator-color)\n)\n)}:host([quiet][keyboard-focused]:hover) #textfield{--mod-infield-button-border-color:var(\n--highcontrast-stepper-border-color-hover,var(\n--mod-stepper-border-color-hover,var(--spectrum-stepper-border-color-hover)\n)\n)}#textfield:before{content:\"\"}.buttons{background-color:var(\n--highcontrast-stepper-buttons-background-color,var(\n--mod-stepper-buttons-background-color,var(--spectrum-stepper-buttons-background-color)\n)\n);block-size:var(--mod-stepper-height,var(--spectrum-stepper-height));border-color:var(\n--highcontrast-stepper-border-color,var(--mod-stepper-border-color,var(--spectrum-stepper-border-color))\n);border-end-end-radius:var(\n--mod-stepper-border-radius,var(--spectrum-stepper-border-radius)\n);border-start-end-radius:var(\n--mod-stepper-border-radius,var(--spectrum-stepper-border-radius)\n);border-style:var(\n--mod-stepper-buttons-border-style,var(--spectrum-stepper-buttons-border-style)\n);border-width:var(\n--highcontrast-stepper-buttons-border-width,var(\n--mod-stepper-buttons-border-width,var(--spectrum-stepper-buttons-border-width)\n)\n);border-inline-start-width:0;box-sizing:border-box;display:flex;flex-direction:column;inline-size:var(\n--mod-stepper-button-width,var(--spectrum-stepper-button-width)\n);justify-content:center;transition:border-color var(\n--mod-stepper-animation-duration,var(--spectrum-stepper-animation-duration)\n) ease-in-out}#textfield.hide-stepper .input{border-end-end-radius:var(\n--mod-stepper-border-radius,var(--spectrum-stepper-border-radius)\n);border-inline-end-width:var(\n--mod-stepper-border-width,var(--spectrum-stepper-border-width)\n);border-start-end-radius:var(\n--mod-stepper-border-radius,var(--spectrum-stepper-border-radius)\n)}@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(\n--mod-stepper-border-width,var(--spectrum-stepper-border-width)\n)}: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(\n--system-spectrum-stepper-border-width\n);--spectrum-stepper-buttons-border-style:var(\n--system-spectrum-stepper-buttons-border-style\n);--spectrum-stepper-buttons-border-width:var(\n--system-spectrum-stepper-buttons-border-width\n);--spectrum-stepper-buttons-border-color:var(\n--system-spectrum-stepper-buttons-border-color\n);--spectrum-stepper-buttons-background-color:var(\n--system-spectrum-stepper-buttons-background-color\n);--spectrum-stepper-buttons-border-color-hover:var(\n--system-spectrum-stepper-buttons-border-color-hover\n);--spectrum-stepper-buttons-border-color-focus:var(\n--system-spectrum-stepper-buttons-border-color-focus\n);--spectrum-stepper-buttons-border-color-keyboard-focus:var(\n--system-spectrum-stepper-buttons-border-color-keyboard-focus\n);--spectrum-stepper-button-border-radius-reset:var(\n--system-spectrum-stepper-button-border-radius-reset\n);--spectrum-stepper-button-border-width:var(\n--system-spectrum-stepper-button-border-width\n);--spectrum-stepper-border-color:var(\n--system-spectrum-stepper-border-color\n);--spectrum-stepper-border-color-hover:var(\n--system-spectrum-stepper-border-color-hover\n);--spectrum-stepper-border-color-focus:var(\n--system-spectrum-stepper-border-color-focus\n);--spectrum-stepper-border-color-focus-hover:var(\n--system-spectrum-stepper-border-color-focus-hover\n);--spectrum-stepper-border-color-keyboard-focus:var(\n--system-spectrum-stepper-border-color-keyboard-focus\n);--spectrum-stepper-border-color-invalid:var(\n--system-spectrum-stepper-border-color-invalid\n);--spectrum-stepper-border-color-focus-invalid:var(\n--system-spectrum-stepper-border-color-focus-invalid\n);--spectrum-stepper-border-color-focus-hover-invalid:var(\n--system-spectrum-stepper-border-color-focus-hover-invalid\n);--spectrum-stepper-border-color-keyboard-focus-invalid:var(\n--system-spectrum-stepper-border-color-keyboard-focus-invalid\n);--spectrum-stepper-button-background-color-focus:var(\n--system-spectrum-stepper-button-background-color-focus\n);--spectrum-stepper-button-background-color-keyboard-focus:var(\n--system-spectrum-stepper-button-background-color-keyboard-focus\n)}:host([disabled]) #textfield{--spectrum-stepper-buttons-background-color:var(\n--system-spectrum-stepper-disabled-buttons-background-color\n);--spectrum-stepper-buttons-border-width:var(\n--system-spectrum-stepper-disabled-buttons-border-width\n)}\n`;\nexport default styles;"],
5
+ "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA0Of,eAAeC",
6
6
  "names": ["css", "styles"]
7
7
  }