@spectrum-web-components/number-field 0.40.2 → 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 +78 -44
  3. package/src/number-field.css.dev.js.map +2 -2
  4. package/src/number-field.css.js +78 -44
  5. package/src/number-field.css.js.map +2 -2
  6. package/src/spectrum-number-field.css.dev.js +78 -44
  7. package/src/spectrum-number-field.css.dev.js.map +2 -2
  8. package/src/spectrum-number-field.css.js +78 -44
  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.2",
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.2",
62
- "@spectrum-web-components/icon": "^0.40.2",
63
- "@spectrum-web-components/icons-ui": "^0.40.2",
64
- "@spectrum-web-components/infield-button": "^0.40.2",
65
- "@spectrum-web-components/reactive-controllers": "^0.40.2",
66
- "@spectrum-web-components/shared": "^0.40.2",
67
- "@spectrum-web-components/textfield": "^0.40.2"
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.1"
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": "e5fd35c7a98569150ca695ec0e0e7411c9c64c28"
79
+ "gitHead": "e7bca020d0da71c4d92e95044bf58780d2e8e603"
80
80
  }
package/src/number-field.css.dev.js CHANGED
@@ -21,9 +21,11 @@ var(--spectrum-stepper-border-width)
21
21
  );--spectrum-stepper-button-offset:calc(var(--spectrum-stepper-button-width)/2);--spectrum-stepper-animation-duration:var(
22
22
  --spectrum-animation-duration-100
23
23
  );--mod-infield-button-border-color:var(
24
- --highcontrast-stepper-border-color,var(--mod-stepper-border-color,var(--spectrum-stepper-border-color))
24
+ --highcontrast-stepper-border-color,var(
25
+ --mod-stepper-buttons-border-color,var(--spectrum-stepper-buttons-border-color)
26
+ )
25
27
  );--mod-infield-button-border-width:var(
26
- --mod-stepper-border-width,var(--spectrum-stepper-border-width)
28
+ --mod-stepper-button-border-width,var(--spectrum-stepper-button-border-width)
27
29
  );--mod-textfield-border-width:var(
28
30
  --mod-stepper-border-width,var(--spectrum-stepper-border-width)
29
31
  )}:host([size=s]) #textfield{--spectrum-stepper-button-width:var(
@@ -47,26 +49,32 @@ var(--spectrum-stepper-border-width)
47
49
  );--mod-stepper-border-color-keyboard-focus:var(
48
50
  --mod-stepper-border-color-keyboard-focus-invalid,var(--spectrum-negative-border-color-key-focus)
49
51
  );--mod-infield-button-border-color:var(
50
- --mod-stepper-border-color-invalid,var(--spectrum-negative-border-color-default)
51
- )}@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(
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)
55
+ )}:host([invalid]) #textfield:focus,:host([invalid][focused]) #textfield{--mod-infield-button-border-color:var(
56
+ --mod-stepper-border-color-focus-invalid,var(--spectrum-stepper-border-color-focus-invalid)
57
+ )}:host([invalid]:hover) #textfield:focus,:host([invalid][focused]:hover) #textfield{--mod-infield-button-border-color:var(
58
+ --mod-stepper-border-color-focus-hover-invalid,var(--spectrum-stepper-border-color-focus-hover-invalid)
59
+ )}:host([invalid]) #textfield.focus-visible,:host([invalid][keyboard-focused]) #textfield{--mod-infield-button-border-color:var(
60
+ --mod-stepper-border-color-keyboard-focus-invalid,var(--spectrum-stepper-border-color-keyboard-focus-invalid)
61
+ )}:host([invalid]) #textfield:focus-visible,:host([invalid][keyboard-focused]) #textfield{--mod-infield-button-border-color:var(
62
+ --mod-stepper-border-color-keyboard-focus-invalid,var(--spectrum-stepper-border-color-keyboard-focus-invalid)
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(
52
64
  --mod-stepper-border-radius,var(--spectrum-stepper-border-radius)
53
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(
54
66
  --highcontrast-stepper-border-color,var(--mod-stepper-border-color,var(--spectrum-stepper-border-color))
55
- )}#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(
56
68
  --highcontrast-stepper-border-color-hover,var(
57
- --mod-stepper-border-color-hover,var(--spectrum-stepper-border-color-hover)
69
+ --mod-stepper-buttons-border-color-hover,var(--spectrum-stepper-buttons-border-color-hover)
58
70
  )
59
71
  )}:host(:hover:not([disabled])) #textfield .buttons,:host(:hover:not([disabled])) #textfield .input{border-color:var(
60
72
  --highcontrast-stepper-border-color-hover,var(
61
73
  --mod-stepper-border-color-hover,var(--spectrum-stepper-border-color-hover)
62
74
  )
63
- )}#textfield:focus,:host([focused]) #textfield{--mod-infield-button-background-color:var(
64
- --highcontrast-stepper-button-background-color-focus,var(
65
- --mod-stepper-button-background-color-focus,var(--spectrum-stepper-button-background-color-focus)
66
- )
67
- );--mod-infield-button-border-color:var(
75
+ )}#textfield:focus,:host([focused]) #textfield{--mod-infield-button-border-color:var(
68
76
  --highcontrast-stepper-border-color-focus,var(
69
- --mod-stepper-border-color-focus,var(--spectrum-stepper-border-color-focus)
77
+ --mod-stepper-buttons-border-color-focus,var(--spectrum-stepper-buttons-border-color-focus)
70
78
  )
71
79
  )}#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(
72
80
  --highcontrast-stepper-border-color-focus,var(
@@ -74,19 +82,15 @@ var(--spectrum-stepper-border-width)
74
82
  )
75
83
  )}:host(:hover) #textfield:focus,:host([focused]:hover) #textfield{--mod-infield-button-border-color:var(
76
84
  --highcontrast-stepper-border-color-focus-hover,var(
77
- --mod-stepper-border-color-focus-hover,var(--spectrum-stepper-border-color-focus-hover)
85
+ --mod-stepper-buttons-border-color-focus-hover,var(--spectrum-stepper-buttons-border-color-focus-hover)
78
86
  )
79
87
  )}:host(:hover) #textfield:focus .buttons,:host(:hover) #textfield:focus .input,:host([focused]:hover) #textfield .buttons,:host([focused]:hover) #textfield .input{border-color:var(
80
88
  --highcontrast-stepper-border-color-focus-hover,var(
81
89
  --mod-stepper-border-color-focus-hover,var(--spectrum-stepper-border-color-focus-hover)
82
90
  )
83
- )}#textfield.focus-visible,:host([keyboard-focused]) #textfield{--mod-infield-button-background-color:var(
84
- --highcontrast-stepper-button-background-color-keyboard-focus,var(
85
- --mod-stepper-button-background-color-keyboard-focus,var(--spectrum-stepper-button-background-color-keyboard-focus)
86
- )
87
- );--mod-infield-button-border-color:var(
91
+ )}#textfield.focus-visible,:host([keyboard-focused]) #textfield{--mod-infield-button-border-color:var(
88
92
  --highcontrast-stepper-border-color-keyboard-focus,var(
89
- --mod-stepper-border-color-keyboard-focus,var(--spectrum-stepper-border-color-keyboard-focus)
93
+ --mod-stepper-buttons-border-color-keyboard-focus,var(--spectrum-stepper-buttons-border-color-keyboard-focus)
90
94
  )
91
95
  );outline:var(
92
96
  --mod-stepper-focus-indicator-width,var(--spectrum-stepper-focus-indicator-width)
@@ -96,13 +100,9 @@ var(--spectrum-stepper-border-width)
96
100
  )
97
101
  );outline-offset:var(
98
102
  --mod-stepper-focus-indicator-gap,var(--spectrum-stepper-focus-indicator-gap)
99
- )}#textfield:focus-visible,:host([keyboard-focused]) #textfield{--mod-infield-button-background-color:var(
100
- --highcontrast-stepper-button-background-color-keyboard-focus,var(
101
- --mod-stepper-button-background-color-keyboard-focus,var(--spectrum-stepper-button-background-color-keyboard-focus)
102
- )
103
- );--mod-infield-button-border-color:var(
103
+ )}#textfield:focus-visible,:host([keyboard-focused]) #textfield{--mod-infield-button-border-color:var(
104
104
  --highcontrast-stepper-border-color-keyboard-focus,var(
105
- --mod-stepper-border-color-keyboard-focus,var(--spectrum-stepper-border-color-keyboard-focus)
105
+ --mod-stepper-buttons-border-color-keyboard-focus,var(--spectrum-stepper-buttons-border-color-keyboard-focus)
106
106
  )
107
107
  );outline:var(
108
108
  --mod-stepper-focus-indicator-width,var(--spectrum-stepper-focus-indicator-width)
@@ -120,7 +120,9 @@ var(--spectrum-stepper-border-width)
120
120
  --highcontrast-stepper-border-color-keyboard-focus,var(
121
121
  --mod-stepper-border-color-keyboard-focus,var(--spectrum-stepper-border-color-keyboard-focus)
122
122
  )
123
- )}:host([quiet]) #textfield{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(
123
+ )}:host([quiet]) #textfield{--mod-infield-button-border-color:var(
124
+ --highcontrast-stepper-border-color,var(--mod-stepper-border-color,var(--spectrum-stepper-border-color))
125
+ );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(
124
126
  --mod-stepper-focus-indicator-width,var(--spectrum-stepper-focus-indicator-width)
125
127
  );content:"";inline-size:100%;inset-block-end:calc((var(
126
128
  --mod-stepper-focus-indicator-gap,
@@ -128,12 +130,34 @@ var(--spectrum-stepper-focus-indicator-gap)
128
130
  ) + var(
129
131
  --mod-stepper-focus-indicator-width,
130
132
  var(--spectrum-stepper-focus-indicator-width)
131
- ))*-1);inset-inline-start:0;position:absolute}:host([quiet]) #textfield .buttons{border:none}:host([quiet]) #textfield .button{padding:0}:host([quiet]) #textfield .button.step-down .spectrum-InfieldButton-fill{border-block-end-width:var(
133
+ ))*-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(
132
134
  --mod-stepper-border-width,var(--spectrum-stepper-border-width)
133
- );border-end-end-radius:0;border-end-start-radius:0}:host([quiet]) #textfield .button .spectrum-InfieldButton-fill{justify-content:flex-end}:host([quiet]) #textfield .buttons,:host([quiet]) #textfield .input,:host([quiet]:hover) #textfield .buttons{background-color:#0000}:host([quiet][keyboard-focused]) #textfield{outline:none}:host([quiet][keyboard-focused]) #textfield:after{background-color:var(
135
+ );--mod-infield-button-stacked-bottom-border-block-end-width:var(
136
+ --mod-stepper-border-width,var(--spectrum-stepper-border-width)
137
+ );--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(
138
+ --highcontrast-stepper-border-color-hover,var(
139
+ --mod-stepper-border-color-hover,var(--spectrum-stepper-border-color-hover)
140
+ )
141
+ )}:host([quiet]:hover:not([disabled])) #textfield .buttons{background-color:#0000}:host([quiet]) #textfield:focus,:host([quiet][focused]) #textfield{--mod-infield-button-border-color:var(
142
+ --highcontrast-stepper-border-color-focus,var(
143
+ --mod-stepper-border-color-focus,var(--spectrum-stepper-border-color-focus)
144
+ )
145
+ )}:host([quiet]:hover) #textfield:focus,:host([quiet][focused]:hover) #textfield{--mod-infield-button-border-color:var(
146
+ --highcontrast-stepper-border-color-focus-hover,var(
147
+ --mod-stepper-border-color-focus-hover,var(--spectrum-stepper-border-color-focus-hover)
148
+ )
149
+ )}:host([quiet][keyboard-focused]) #textfield{--mod-infield-button-border-color:var(
150
+ --highcontrast-stepper-border-color-keyboard-focus,var(
151
+ --mod-stepper-border-color-keyboard-focus,var(--spectrum-stepper-border-color-keyboard-focus)
152
+ )
153
+ );outline:none}:host([quiet][keyboard-focused]) #textfield:after{background-color:var(
134
154
  --highcontrast-stepper-focus-indicator-color,var(
135
155
  --mod-stepper-focus-indicator-color,var(--spectrum-stepper-focus-indicator-color)
136
156
  )
157
+ )}:host([quiet][keyboard-focused]:hover) #textfield{--mod-infield-button-border-color:var(
158
+ --highcontrast-stepper-border-color-hover,var(
159
+ --mod-stepper-border-color-hover,var(--spectrum-stepper-border-color-hover)
160
+ )
137
161
  )}#textfield:before{content:""}.buttons{background-color:var(
138
162
  --highcontrast-stepper-buttons-background-color,var(
139
163
  --mod-stepper-buttons-background-color,var(--spectrum-stepper-buttons-background-color)
@@ -147,37 +171,41 @@ var(--spectrum-stepper-focus-indicator-width)
147
171
  );border-style:var(
148
172
  --mod-stepper-buttons-border-style,var(--spectrum-stepper-buttons-border-style)
149
173
  );border-width:var(
174
+ --highcontrast-stepper-buttons-border-width,var(
150
175
  --mod-stepper-buttons-border-width,var(--spectrum-stepper-buttons-border-width)
176
+ )
151
177
  );border-inline-start-width:0;box-sizing:border-box;display:flex;flex-direction:column;inline-size:var(
152
178
  --mod-stepper-button-width,var(--spectrum-stepper-button-width)
153
179
  );justify-content:center;transition:border-color var(
154
180
  --mod-stepper-animation-duration,var(--spectrum-stepper-animation-duration)
155
- ) ease-in-out}.button.step-up{padding-block-start:calc(var(
156
- --mod-stepper-button-padding,
157
- var(--spectrum-stepper-button-padding)
158
- ) - var(
159
- --mod-stepper-border-width,
160
- var(--spectrum-stepper-border-width)
161
- ))}.button.step-down{padding-block-end:calc(var(
162
- --mod-stepper-button-padding,
163
- var(--spectrum-stepper-button-padding)
164
- ) - var(
165
- --mod-stepper-border-width,
166
- var(--spectrum-stepper-border-width)
167
- ))}#textfield.hide-stepper .input{border-end-end-radius:var(
181
+ ) ease-in-out}#textfield.hide-stepper .input{border-end-end-radius:var(
168
182
  --mod-stepper-border-radius,var(--spectrum-stepper-border-radius)
169
183
  );border-inline-end-width:var(
170
184
  --mod-stepper-border-width,var(--spectrum-stepper-border-width)
171
185
  );border-start-end-radius:var(
172
186
  --mod-stepper-border-radius,var(--spectrum-stepper-border-radius)
173
- )}: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(
174
190
  --system-spectrum-stepper-border-width
175
191
  );--spectrum-stepper-buttons-border-style:var(
176
192
  --system-spectrum-stepper-buttons-border-style
177
193
  );--spectrum-stepper-buttons-border-width:var(
178
194
  --system-spectrum-stepper-buttons-border-width
195
+ );--spectrum-stepper-buttons-border-color:var(
196
+ --system-spectrum-stepper-buttons-border-color
179
197
  );--spectrum-stepper-buttons-background-color:var(
180
198
  --system-spectrum-stepper-buttons-background-color
199
+ );--spectrum-stepper-buttons-border-color-hover:var(
200
+ --system-spectrum-stepper-buttons-border-color-hover
201
+ );--spectrum-stepper-buttons-border-color-focus:var(
202
+ --system-spectrum-stepper-buttons-border-color-focus
203
+ );--spectrum-stepper-buttons-border-color-keyboard-focus:var(
204
+ --system-spectrum-stepper-buttons-border-color-keyboard-focus
205
+ );--spectrum-stepper-button-border-radius-reset:var(
206
+ --system-spectrum-stepper-button-border-radius-reset
207
+ );--spectrum-stepper-button-border-width:var(
208
+ --system-spectrum-stepper-button-border-width
181
209
  );--spectrum-stepper-border-color:var(
182
210
  --system-spectrum-stepper-border-color
183
211
  );--spectrum-stepper-border-color-hover:var(
@@ -188,8 +216,14 @@ var(--spectrum-stepper-border-width)
188
216
  --system-spectrum-stepper-border-color-focus-hover
189
217
  );--spectrum-stepper-border-color-keyboard-focus:var(
190
218
  --system-spectrum-stepper-border-color-keyboard-focus
191
- );--spectrum-stepper-button-border-radius-reset:var(
192
- --system-spectrum-stepper-button-border-radius-reset
219
+ );--spectrum-stepper-border-color-invalid:var(
220
+ --system-spectrum-stepper-border-color-invalid
221
+ );--spectrum-stepper-border-color-focus-invalid:var(
222
+ --system-spectrum-stepper-border-color-focus-invalid
223
+ );--spectrum-stepper-border-color-focus-hover-invalid:var(
224
+ --system-spectrum-stepper-border-color-focus-hover-invalid
225
+ );--spectrum-stepper-border-color-keyboard-focus-invalid:var(
226
+ --system-spectrum-stepper-border-color-keyboard-focus-invalid
193
227
  );--spectrum-stepper-button-background-color-focus:var(
194
228
  --system-spectrum-stepper-button-background-color-focus
195
229
  );--spectrum-stepper-button-background-color-keyboard-focus:var(
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 2023 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(--mod-stepper-border-color,var(--spectrum-stepper-border-color))\n);--mod-infield-button-border-width:var(\n--mod-stepper-border-width,var(--spectrum-stepper-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-negative-border-color-default)\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-border-color-hover,var(--spectrum-stepper-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-border-color-focus,var(--spectrum-stepper-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-border-color-focus-hover,var(--spectrum-stepper-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-border-color-keyboard-focus,var(--spectrum-stepper-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-border-color-keyboard-focus,var(--spectrum-stepper-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{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{padding:0}:host([quiet]) #textfield .button.step-down .spectrum-InfieldButton-fill{border-block-end-width:var(\n--mod-stepper-border-width,var(--spectrum-stepper-border-width)\n);border-end-end-radius:0;border-end-start-radius:0}:host([quiet]) #textfield .button .spectrum-InfieldButton-fill{justify-content:flex-end}:host([quiet]) #textfield .buttons,:host([quiet]) #textfield .input,:host([quiet]:hover) #textfield .buttons{background-color:#0000}:host([quiet][keyboard-focused]) #textfield{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)}#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}.button.step-up{padding-block-start:calc(var(\n--mod-stepper-button-padding,\nvar(--spectrum-stepper-button-padding)\n) - var(\n--mod-stepper-border-width,\nvar(--spectrum-stepper-border-width)\n))}.button.step-down{padding-block-end:calc(var(\n--mod-stepper-button-padding,\nvar(--spectrum-stepper-button-padding)\n) - var(\n--mod-stepper-border-width,\nvar(--spectrum-stepper-border-width)\n))}#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-background-color:var(\n--system-spectrum-stepper-buttons-background-color\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-button-border-radius-reset:var(\n--system-spectrum-stepper-button-border-radius-reset\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;AAiNf,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
@@ -19,9 +19,11 @@ var(--spectrum-stepper-border-width)
19
19
  );--spectrum-stepper-button-offset:calc(var(--spectrum-stepper-button-width)/2);--spectrum-stepper-animation-duration:var(
20
20
  --spectrum-animation-duration-100
21
21
  );--mod-infield-button-border-color:var(
22
- --highcontrast-stepper-border-color,var(--mod-stepper-border-color,var(--spectrum-stepper-border-color))
22
+ --highcontrast-stepper-border-color,var(
23
+ --mod-stepper-buttons-border-color,var(--spectrum-stepper-buttons-border-color)
24
+ )
23
25
  );--mod-infield-button-border-width:var(
24
- --mod-stepper-border-width,var(--spectrum-stepper-border-width)
26
+ --mod-stepper-button-border-width,var(--spectrum-stepper-button-border-width)
25
27
  );--mod-textfield-border-width:var(
26
28
  --mod-stepper-border-width,var(--spectrum-stepper-border-width)
27
29
  )}:host([size=s]) #textfield{--spectrum-stepper-button-width:var(
@@ -45,26 +47,32 @@ var(--spectrum-stepper-border-width)
45
47
  );--mod-stepper-border-color-keyboard-focus:var(
46
48
  --mod-stepper-border-color-keyboard-focus-invalid,var(--spectrum-negative-border-color-key-focus)
47
49
  );--mod-infield-button-border-color:var(
48
- --mod-stepper-border-color-invalid,var(--spectrum-negative-border-color-default)
49
- )}@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(
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)
53
+ )}:host([invalid]) #textfield:focus,:host([invalid][focused]) #textfield{--mod-infield-button-border-color:var(
54
+ --mod-stepper-border-color-focus-invalid,var(--spectrum-stepper-border-color-focus-invalid)
55
+ )}:host([invalid]:hover) #textfield:focus,:host([invalid][focused]:hover) #textfield{--mod-infield-button-border-color:var(
56
+ --mod-stepper-border-color-focus-hover-invalid,var(--spectrum-stepper-border-color-focus-hover-invalid)
57
+ )}:host([invalid]) #textfield.focus-visible,:host([invalid][keyboard-focused]) #textfield{--mod-infield-button-border-color:var(
58
+ --mod-stepper-border-color-keyboard-focus-invalid,var(--spectrum-stepper-border-color-keyboard-focus-invalid)
59
+ )}:host([invalid]) #textfield:focus-visible,:host([invalid][keyboard-focused]) #textfield{--mod-infield-button-border-color:var(
60
+ --mod-stepper-border-color-keyboard-focus-invalid,var(--spectrum-stepper-border-color-keyboard-focus-invalid)
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(
50
62
  --mod-stepper-border-radius,var(--spectrum-stepper-border-radius)
51
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(
52
64
  --highcontrast-stepper-border-color,var(--mod-stepper-border-color,var(--spectrum-stepper-border-color))
53
- )}#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(
54
66
  --highcontrast-stepper-border-color-hover,var(
55
- --mod-stepper-border-color-hover,var(--spectrum-stepper-border-color-hover)
67
+ --mod-stepper-buttons-border-color-hover,var(--spectrum-stepper-buttons-border-color-hover)
56
68
  )
57
69
  )}:host(:hover:not([disabled])) #textfield .buttons,:host(:hover:not([disabled])) #textfield .input{border-color:var(
58
70
  --highcontrast-stepper-border-color-hover,var(
59
71
  --mod-stepper-border-color-hover,var(--spectrum-stepper-border-color-hover)
60
72
  )
61
- )}#textfield:focus,:host([focused]) #textfield{--mod-infield-button-background-color:var(
62
- --highcontrast-stepper-button-background-color-focus,var(
63
- --mod-stepper-button-background-color-focus,var(--spectrum-stepper-button-background-color-focus)
64
- )
65
- );--mod-infield-button-border-color:var(
73
+ )}#textfield:focus,:host([focused]) #textfield{--mod-infield-button-border-color:var(
66
74
  --highcontrast-stepper-border-color-focus,var(
67
- --mod-stepper-border-color-focus,var(--spectrum-stepper-border-color-focus)
75
+ --mod-stepper-buttons-border-color-focus,var(--spectrum-stepper-buttons-border-color-focus)
68
76
  )
69
77
  )}#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(
70
78
  --highcontrast-stepper-border-color-focus,var(
@@ -72,19 +80,15 @@ var(--spectrum-stepper-border-width)
72
80
  )
73
81
  )}:host(:hover) #textfield:focus,:host([focused]:hover) #textfield{--mod-infield-button-border-color:var(
74
82
  --highcontrast-stepper-border-color-focus-hover,var(
75
- --mod-stepper-border-color-focus-hover,var(--spectrum-stepper-border-color-focus-hover)
83
+ --mod-stepper-buttons-border-color-focus-hover,var(--spectrum-stepper-buttons-border-color-focus-hover)
76
84
  )
77
85
  )}:host(:hover) #textfield:focus .buttons,:host(:hover) #textfield:focus .input,:host([focused]:hover) #textfield .buttons,:host([focused]:hover) #textfield .input{border-color:var(
78
86
  --highcontrast-stepper-border-color-focus-hover,var(
79
87
  --mod-stepper-border-color-focus-hover,var(--spectrum-stepper-border-color-focus-hover)
80
88
  )
81
- )}#textfield.focus-visible,:host([keyboard-focused]) #textfield{--mod-infield-button-background-color:var(
82
- --highcontrast-stepper-button-background-color-keyboard-focus,var(
83
- --mod-stepper-button-background-color-keyboard-focus,var(--spectrum-stepper-button-background-color-keyboard-focus)
84
- )
85
- );--mod-infield-button-border-color:var(
89
+ )}#textfield.focus-visible,:host([keyboard-focused]) #textfield{--mod-infield-button-border-color:var(
86
90
  --highcontrast-stepper-border-color-keyboard-focus,var(
87
- --mod-stepper-border-color-keyboard-focus,var(--spectrum-stepper-border-color-keyboard-focus)
91
+ --mod-stepper-buttons-border-color-keyboard-focus,var(--spectrum-stepper-buttons-border-color-keyboard-focus)
88
92
  )
89
93
  );outline:var(
90
94
  --mod-stepper-focus-indicator-width,var(--spectrum-stepper-focus-indicator-width)
@@ -94,13 +98,9 @@ var(--spectrum-stepper-border-width)
94
98
  )
95
99
  );outline-offset:var(
96
100
  --mod-stepper-focus-indicator-gap,var(--spectrum-stepper-focus-indicator-gap)
97
- )}#textfield:focus-visible,:host([keyboard-focused]) #textfield{--mod-infield-button-background-color:var(
98
- --highcontrast-stepper-button-background-color-keyboard-focus,var(
99
- --mod-stepper-button-background-color-keyboard-focus,var(--spectrum-stepper-button-background-color-keyboard-focus)
100
- )
101
- );--mod-infield-button-border-color:var(
101
+ )}#textfield:focus-visible,:host([keyboard-focused]) #textfield{--mod-infield-button-border-color:var(
102
102
  --highcontrast-stepper-border-color-keyboard-focus,var(
103
- --mod-stepper-border-color-keyboard-focus,var(--spectrum-stepper-border-color-keyboard-focus)
103
+ --mod-stepper-buttons-border-color-keyboard-focus,var(--spectrum-stepper-buttons-border-color-keyboard-focus)
104
104
  )
105
105
  );outline:var(
106
106
  --mod-stepper-focus-indicator-width,var(--spectrum-stepper-focus-indicator-width)
@@ -118,7 +118,9 @@ var(--spectrum-stepper-border-width)
118
118
  --highcontrast-stepper-border-color-keyboard-focus,var(
119
119
  --mod-stepper-border-color-keyboard-focus,var(--spectrum-stepper-border-color-keyboard-focus)
120
120
  )
121
- )}:host([quiet]) #textfield{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(
121
+ )}:host([quiet]) #textfield{--mod-infield-button-border-color:var(
122
+ --highcontrast-stepper-border-color,var(--mod-stepper-border-color,var(--spectrum-stepper-border-color))
123
+ );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(
122
124
  --mod-stepper-focus-indicator-width,var(--spectrum-stepper-focus-indicator-width)
123
125
  );content:"";inline-size:100%;inset-block-end:calc((var(
124
126
  --mod-stepper-focus-indicator-gap,
@@ -126,12 +128,34 @@ var(--spectrum-stepper-focus-indicator-gap)
126
128
  ) + var(
127
129
  --mod-stepper-focus-indicator-width,
128
130
  var(--spectrum-stepper-focus-indicator-width)
129
- ))*-1);inset-inline-start:0;position:absolute}:host([quiet]) #textfield .buttons{border:none}:host([quiet]) #textfield .button{padding:0}:host([quiet]) #textfield .button.step-down .spectrum-InfieldButton-fill{border-block-end-width:var(
131
+ ))*-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(
130
132
  --mod-stepper-border-width,var(--spectrum-stepper-border-width)
131
- );border-end-end-radius:0;border-end-start-radius:0}:host([quiet]) #textfield .button .spectrum-InfieldButton-fill{justify-content:flex-end}:host([quiet]) #textfield .buttons,:host([quiet]) #textfield .input,:host([quiet]:hover) #textfield .buttons{background-color:#0000}:host([quiet][keyboard-focused]) #textfield{outline:none}:host([quiet][keyboard-focused]) #textfield:after{background-color:var(
133
+ );--mod-infield-button-stacked-bottom-border-block-end-width:var(
134
+ --mod-stepper-border-width,var(--spectrum-stepper-border-width)
135
+ );--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(
136
+ --highcontrast-stepper-border-color-hover,var(
137
+ --mod-stepper-border-color-hover,var(--spectrum-stepper-border-color-hover)
138
+ )
139
+ )}:host([quiet]:hover:not([disabled])) #textfield .buttons{background-color:#0000}:host([quiet]) #textfield:focus,:host([quiet][focused]) #textfield{--mod-infield-button-border-color:var(
140
+ --highcontrast-stepper-border-color-focus,var(
141
+ --mod-stepper-border-color-focus,var(--spectrum-stepper-border-color-focus)
142
+ )
143
+ )}:host([quiet]:hover) #textfield:focus,:host([quiet][focused]:hover) #textfield{--mod-infield-button-border-color:var(
144
+ --highcontrast-stepper-border-color-focus-hover,var(
145
+ --mod-stepper-border-color-focus-hover,var(--spectrum-stepper-border-color-focus-hover)
146
+ )
147
+ )}:host([quiet][keyboard-focused]) #textfield{--mod-infield-button-border-color:var(
148
+ --highcontrast-stepper-border-color-keyboard-focus,var(
149
+ --mod-stepper-border-color-keyboard-focus,var(--spectrum-stepper-border-color-keyboard-focus)
150
+ )
151
+ );outline:none}:host([quiet][keyboard-focused]) #textfield:after{background-color:var(
132
152
  --highcontrast-stepper-focus-indicator-color,var(
133
153
  --mod-stepper-focus-indicator-color,var(--spectrum-stepper-focus-indicator-color)
134
154
  )
155
+ )}:host([quiet][keyboard-focused]:hover) #textfield{--mod-infield-button-border-color:var(
156
+ --highcontrast-stepper-border-color-hover,var(
157
+ --mod-stepper-border-color-hover,var(--spectrum-stepper-border-color-hover)
158
+ )
135
159
  )}#textfield:before{content:""}.buttons{background-color:var(
136
160
  --highcontrast-stepper-buttons-background-color,var(
137
161
  --mod-stepper-buttons-background-color,var(--spectrum-stepper-buttons-background-color)
@@ -145,37 +169,41 @@ var(--spectrum-stepper-focus-indicator-width)
145
169
  );border-style:var(
146
170
  --mod-stepper-buttons-border-style,var(--spectrum-stepper-buttons-border-style)
147
171
  );border-width:var(
172
+ --highcontrast-stepper-buttons-border-width,var(
148
173
  --mod-stepper-buttons-border-width,var(--spectrum-stepper-buttons-border-width)
174
+ )
149
175
  );border-inline-start-width:0;box-sizing:border-box;display:flex;flex-direction:column;inline-size:var(
150
176
  --mod-stepper-button-width,var(--spectrum-stepper-button-width)
151
177
  );justify-content:center;transition:border-color var(
152
178
  --mod-stepper-animation-duration,var(--spectrum-stepper-animation-duration)
153
- ) ease-in-out}.button.step-up{padding-block-start:calc(var(
154
- --mod-stepper-button-padding,
155
- var(--spectrum-stepper-button-padding)
156
- ) - var(
157
- --mod-stepper-border-width,
158
- var(--spectrum-stepper-border-width)
159
- ))}.button.step-down{padding-block-end:calc(var(
160
- --mod-stepper-button-padding,
161
- var(--spectrum-stepper-button-padding)
162
- ) - var(
163
- --mod-stepper-border-width,
164
- var(--spectrum-stepper-border-width)
165
- ))}#textfield.hide-stepper .input{border-end-end-radius:var(
179
+ ) ease-in-out}#textfield.hide-stepper .input{border-end-end-radius:var(
166
180
  --mod-stepper-border-radius,var(--spectrum-stepper-border-radius)
167
181
  );border-inline-end-width:var(
168
182
  --mod-stepper-border-width,var(--spectrum-stepper-border-width)
169
183
  );border-start-end-radius:var(
170
184
  --mod-stepper-border-radius,var(--spectrum-stepper-border-radius)
171
- )}: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(
172
188
  --system-spectrum-stepper-border-width
173
189
  );--spectrum-stepper-buttons-border-style:var(
174
190
  --system-spectrum-stepper-buttons-border-style
175
191
  );--spectrum-stepper-buttons-border-width:var(
176
192
  --system-spectrum-stepper-buttons-border-width
193
+ );--spectrum-stepper-buttons-border-color:var(
194
+ --system-spectrum-stepper-buttons-border-color
177
195
  );--spectrum-stepper-buttons-background-color:var(
178
196
  --system-spectrum-stepper-buttons-background-color
197
+ );--spectrum-stepper-buttons-border-color-hover:var(
198
+ --system-spectrum-stepper-buttons-border-color-hover
199
+ );--spectrum-stepper-buttons-border-color-focus:var(
200
+ --system-spectrum-stepper-buttons-border-color-focus
201
+ );--spectrum-stepper-buttons-border-color-keyboard-focus:var(
202
+ --system-spectrum-stepper-buttons-border-color-keyboard-focus
203
+ );--spectrum-stepper-button-border-radius-reset:var(
204
+ --system-spectrum-stepper-button-border-radius-reset
205
+ );--spectrum-stepper-button-border-width:var(
206
+ --system-spectrum-stepper-button-border-width
179
207
  );--spectrum-stepper-border-color:var(
180
208
  --system-spectrum-stepper-border-color
181
209
  );--spectrum-stepper-border-color-hover:var(
@@ -186,8 +214,14 @@ var(--spectrum-stepper-border-width)
186
214
  --system-spectrum-stepper-border-color-focus-hover
187
215
  );--spectrum-stepper-border-color-keyboard-focus:var(
188
216
  --system-spectrum-stepper-border-color-keyboard-focus
189
- );--spectrum-stepper-button-border-radius-reset:var(
190
- --system-spectrum-stepper-button-border-radius-reset
217
+ );--spectrum-stepper-border-color-invalid:var(
218
+ --system-spectrum-stepper-border-color-invalid
219
+ );--spectrum-stepper-border-color-focus-invalid:var(
220
+ --system-spectrum-stepper-border-color-focus-invalid
221
+ );--spectrum-stepper-border-color-focus-hover-invalid:var(
222
+ --system-spectrum-stepper-border-color-focus-hover-invalid
223
+ );--spectrum-stepper-border-color-keyboard-focus-invalid:var(
224
+ --system-spectrum-stepper-border-color-keyboard-focus-invalid
191
225
  );--spectrum-stepper-button-background-color-focus:var(
192
226
  --system-spectrum-stepper-button-background-color-focus
193
227
  );--spectrum-stepper-button-background-color-keyboard-focus:var(