@spectrum-web-components/picker 0.14.1 → 0.14.2

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 (10) hide show
  1. package/custom-elements.json +62 -62
  2. package/package.json +9 -9
  3. package/src/picker.css.dev.js +42 -63
  4. package/src/picker.css.dev.js.map +2 -2
  5. package/src/picker.css.js +42 -63
  6. package/src/picker.css.js.map +2 -2
  7. package/src/spectrum-picker.css.dev.js +42 -63
  8. package/src/spectrum-picker.css.dev.js.map +2 -2
  9. package/src/spectrum-picker.css.js +42 -63
  10. package/src/spectrum-picker.css.js.map +2 -2
package/src/picker.css.dev.js CHANGED
@@ -1,9 +1,9 @@
1
1
  "use strict";
2
2
  import { css } from "@spectrum-web-components/base";
3
3
  const styles = css`
4
- #button{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-appearance:button;box-sizing:border-box;cursor:pointer;display:inline-flex;font-family:var(
4
+ #button{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;-webkit-appearance:button;box-sizing:border-box;cursor:pointer;display:inline-flex;font-family:var(
5
5
  --mod-sans-font-family-stack,var(--spectrum-sans-font-family-stack)
6
- );line-height:var(--mod-line-height-100,var(--spectrum-line-height-100));overflow:visible;position:relative;text-decoration:none;text-transform:none;transition:background var(
6
+ );justify-content:center;line-height:var(--mod-line-height-100,var(--spectrum-line-height-100));margin:0;overflow:visible;position:relative;text-decoration:none;text-transform:none;transition:background var(
7
7
  --mod-animation-duration-100,var(--spectrum-animation-duration-100)
8
8
  ) ease-out,border-color var(
9
9
  --mod-animation-duration-100,var(--spectrum-animation-duration-100)
@@ -13,8 +13,8 @@ const styles = css`
13
13
  --mod-animation-duration-100,var(--spectrum-animation-duration-100)
14
14
  ) ease-out;user-select:none;-webkit-user-select:none;vertical-align:top}#button:focus{outline:none}#button::-moz-focus-inner{border:0;border-style:none;margin-block-end:-2px;margin-block-start:-2px;padding:0}#button:disabled{cursor:default}:host{--spectrum-picker-font-size:var(
15
15
  --spectrum-font-size-100
16
- );--spectrum-picker-placeholder-font-style-default:italic;--spectrum-picker-placeholder-cjk-font-style:normal;--spectrum-picker-placeholder-font-style:var(
17
- --spectrum-picker-placeholder-font-style-default
16
+ );--spectrum-picker-font-weight:var(--spectrum-regular-font-weight);--spectrum-picker-placeholder-font-style:var(
17
+ --spectrum-default-font-style
18
18
  );--spectrum-picker-min-inline-size:var(
19
19
  --spectrum-picker-minimum-width-multiplier
20
20
  );--spectrum-picker-block-size:var(--spectrum-component-height-100);--spectrum-picker-border-width:var(--spectrum-border-width-100);--spectrum-picker-border-radius:var(--spectrum-corner-radius-100);--spectrum-picker-spacing-edge-to-text:var(
@@ -25,8 +25,6 @@ const styles = css`
25
25
  --spectrum-field-text-to-alert-icon-medium
26
26
  );--spectrum-picker-spacing-icon-to-disclosure-icon:var(
27
27
  --spectrum-picker-visual-to-disclosure-icon-medium
28
- );--spectrum-picker-spacing-label-to-picker:var(
29
- --spectrum-field-label-to-component
30
28
  );--spectrum-picker-spacing-label-to-picker-quiet:var(
31
29
  --spectrum-field-label-to-component-quiet-medium
32
30
  );--spectrum-picker-animation-duration:var(
@@ -73,12 +71,10 @@ const styles = css`
73
71
  --spectrum-disabled-content-color
74
72
  );--spectrum-picker-icon-color-disabled:var(
75
73
  --spectrum-disabled-content-color
76
- );--spectrum-focus-indicator-gap:2px;--spectrum-picker-focus-indicator-gap:var(--spectrum-focus-indicator-gap);--spectrum-focus-indicator-thickness:2px;--spectrum-picker-focus-indicator-thickness:var(
74
+ );--spectrum-picker-focus-indicator-gap:var(--spectrum-focus-indicator-gap);--spectrum-picker-focus-indicator-thickness:var(
77
75
  --spectrum-focus-indicator-thickness
78
76
  );--spectrum-picker-focus-indicator-color:var(
79
77
  --spectrum-focus-indicator-color
80
- )}#button:lang(ja),#button:lang(ko),#button:lang(zh){--spectrum-picker-placeholder-font-style:var(
81
- --spectrum-picker-placeholder-cjk-font-style
82
78
  )}:host([size=s]){--spectrum-picker-font-size:var(
83
79
  --spectrum-font-size-75
84
80
  );--spectrum-picker-block-size:var(--spectrum-component-height-75);--spectrum-picker-spacing-text-to-icon:var(--spectrum-text-to-visual-75);--spectrum-picker-spacing-text-to-alert-icon-inline-start:var(
@@ -121,19 +117,7 @@ const styles = css`
121
117
  --spectrum-component-to-menu-extra-large
122
118
  )}@media (forced-colors:active){#button{--highcontrast-picker-focus-indicator-color:CanvasText;--highcontrast-picker-border-color-default:ButtonText;--highcontrast-picker-border-color-active:ButtonText;--highcontrast-picker-border-color-key-focus:Highlight;--highcontrast-picker-border-color-error-default-open:ButtonText;--highcontrast-picker-border-color-error-hover:ButtonText;--highcontrast-picker-border-color-error-active:ButtonText;--highcontrast-picker-font-color-default:ButtonText;--highcontrast-picker-font-color-default-open:ButtonText;--highcontrast-picker-font-color-key-focus:ButtonText;--highcontrast-picker-font-color-disabled:GrayText;--highcontrast-picker-background-color-default:Background;--highcontrast-picker-background-color-disabled:Background;--highcontrast-picker-icon-color-default:ButtonText;--highcontrast-picker-icon-color-default-open:ButtonText;--highcontrast-picker-icon-color-hover:ButtonText;--highcontrast-picker-icon-color-hover-open:ButtonText;--highcontrast-picker-icon-color-key-focus:Highlight;--highcontrast-picker-icon-color-error-default:ButtonText}#button:disabled,:host([disabled]) #button{border-color:GrayText;border-width:var(
123
119
  --mod-picker-border-width,var(--spectrum-picker-border-width)
124
- )}:host([quiet]) #button.focus-visible,:host([quiet][focused]) #button{box-shadow:0 0 0 var(
125
- --highcontrast-picker-focus-indicator-color,var(
126
- --mod-picker-focus-indicator-color,var(--spectrum-picker-focus-indicator-color)
127
- )
128
- );forced-color-adjust:none;outline:0}:host([quiet]) #button.focus-visible,:host([quiet][focused]) #button{box-shadow:0 0 0 var(
129
- --highcontrast-picker-focus-indicator-color,var(
130
- --mod-picker-focus-indicator-color,var(--spectrum-picker-focus-indicator-color)
131
- )
132
- );forced-color-adjust:none;outline:0}:host([quiet]) #button:focus-visible,:host([quiet][focused]) #button{box-shadow:0 0 0 var(
133
- --highcontrast-picker-focus-indicator-color,var(
134
- --mod-picker-focus-indicator-color,var(--spectrum-picker-focus-indicator-color)
135
- )
136
- );forced-color-adjust:none;outline:0}}#button{align-items:center;background-color:var(
120
+ )}:host([quiet]) #button.focus-visible,:host([quiet][focused]) #button{forced-color-adjust:none;outline:0}:host([quiet]) #button.focus-visible,:host([quiet][focused]) #button{forced-color-adjust:none;outline:0}:host([quiet]) #button:focus-visible,:host([quiet][focused]) #button{forced-color-adjust:none;outline:0}}#button{background-color:var(
137
121
  --highcontrast-picker-background-color-default,var(
138
122
  --mod-picker-background-color-default,var(--spectrum-picker-background-color-default)
139
123
  )
@@ -144,14 +128,12 @@ const styles = css`
144
128
  );border-radius:var(
145
129
  --mod-picker-border-radius,var(--spectrum-picker-border-radius)
146
130
  );border-style:solid;border-width:var(
147
- --mod-spectrum-picker-border-width,var(--spectrum-picker-border-width)
131
+ --mod-picker-border-width,var(--spectrum-picker-border-width)
148
132
  );color:var(
149
133
  --highcontrast-picker-font-color-default,var(
150
134
  --mod-picker-font-color-default,var(--spectrum-picker-font-color-default)
151
135
  )
152
- );display:flex;justify-content:center;margin:0;margin-block-start:var(
153
- --mod-picker-spacing-label-to-picker,var(--spectrum-picker-spacing-label-to-picker)
154
- );max-inline-size:100%;min-inline-size:var(
136
+ );display:flex;max-inline-size:100%;min-inline-size:var(
155
137
  --mod-picker-min-inline-size,var(--spectrum-picker-min-inline-size)
156
138
  );padding-block:0;padding-inline:var(
157
139
  --mod-picker-spacing-edge-to-text,var(--spectrum-picker-spacing-edge-to-text)
@@ -164,27 +146,33 @@ const styles = css`
164
146
  ) ease-in-out}#button:after{block-size:calc(100% + var(
165
147
  --mod-picker-focus-indicator-gap,
166
148
  var(--spectrum-picker-focus-indicator-gap)
167
- )*2 + var(
168
- --mod-picker-border-width,
169
- var(--spectrum-picker-border-width) * 2
170
- ));border-color:transparent;border-radius:calc(var(--mod-picker-border-radius, var(--spectrum-picker-border-radius)) + var(
149
+ )*2 + var(--mod-picker-border-width, var(--spectrum-picker-border-width))*2);border-color:transparent;border-radius:calc(var(--mod-picker-border-radius, var(--spectrum-picker-border-radius)) + var(
171
150
  --mod-picker-focus-indicator-gap,
172
151
  var(--spectrum-picker-focus-indicator-gap)
173
152
  ) + var(--mod-picker-border-width, var(--spectrum-picker-border-width)));border-style:solid;border-width:var(
174
153
  --mod-picker-focus-indicator-thickness,var(--spectrum-picker-focus-indicator-thickness)
175
- );bottom:0;content:"";inline-size:calc(100% + var(
154
+ );content:"";inline-size:calc(100% + var(
155
+ --mod-picker-focus-indicator-gap,
156
+ var(--spectrum-picker-focus-indicator-gap)
157
+ )*2 + var(--mod-picker-border-width, var(--spectrum-picker-border-width))*2);inset-block:0;inset-inline:0;margin-block-start:calc((var(
176
158
  --mod-picker-focus-indicator-gap,
177
159
  var(--spectrum-picker-focus-indicator-gap)
178
- )*2 + var(--mod-picker-border-width, var(--spectrum-picker-border-width))*2);left:0;margin:auto;margin-inline-start:calc((var(
160
+ ) + var(
161
+ --mod-picker-focus-indicator-thickness,
162
+ var(--spectrum-picker-focus-indicator-thickness)
163
+ ) + var(
164
+ --mod-picker-border-width,
165
+ var(--spectrum-picker-border-width)
166
+ ))*-1);margin-inline-start:calc((var(
179
167
  --mod-picker-focus-indicator-gap,
180
168
  var(--spectrum-picker-focus-indicator-gap)
181
169
  ) + var(
182
170
  --mod-picker-focus-indicator-thickness,
183
171
  var(--spectrum-picker-focus-indicator-thickness)
184
172
  ) + var(
185
- --mod-picker-border-size,
186
- var(--spectrum-picker-border-size)
187
- ))*-1);pointer-events:none;position:absolute;right:0;top:0}#button.focus-visible{outline:none}#button:focus-visible{outline:none}#button.focus-visible:after{border-color:var(
173
+ --mod-picker-border-width,
174
+ var(--spectrum-picker-border-width)
175
+ ))*-1);pointer-events:none;position:absolute}#button.focus-visible{outline:none}#button:focus-visible{outline:none}#button.focus-visible:after{border-color:var(
188
176
  --highcontrast-picker-focus-indicator-color,var(
189
177
  --mod-picker-focus-indicator-color,var(--spectrum-picker-focus-indicator-color)
190
178
  )
@@ -288,7 +276,15 @@ var(--spectrum-picker-border-size)
288
276
  --highcontrast-picker-font-color-default-open,var(
289
277
  --mod-picker-font-color-default-open,var(--spectrum-picker-font-color-default-open)
290
278
  )
291
- )}:host([open]) #button:hover{background-color:var(--spectrum-picker-background-color-hover-open);border-color:var(--spectrum-picker-border-color-hover-open);color:var(
279
+ )}:host([open]) #button:hover{background-color:var(
280
+ --highcontrast-picker-background-color-hover-open,var(
281
+ --mod-picker-background-color-hover-open,var(--spectrum-picker-background-color-hover-open)
282
+ )
283
+ );border-color:var(
284
+ --highcontrast-picker-border-color-hover-open,var(
285
+ --mod-picker-border-color-hover-open,var(--spectrum-picker-border-color-hover-open)
286
+ )
287
+ );color:var(
292
288
  --highcontrast-picker-font-color-default,var(
293
289
  --mod-picker-font-color-hover-open,var(--spectrum-picker-font-color-hover-open)
294
290
  )
@@ -360,13 +356,15 @@ var(--spectrum-picker-border-size)
360
356
  )
361
357
  )}.icon{flex-shrink:0;margin-inline-end:var(
362
358
  --mod-picker-spacing-text-to-icon,var(--spectrum-picker-spacing-text-to-icon)
363
- )}:host([quiet]) #button{inline-size:auto;min-inline-size:0}:host([quiet]) #button:disabled.focus-visible,:host([quiet][disabled]) #button.focus-visible{border-color:transparent}:host([quiet]) #button:disabled.focus-visible,:host([quiet][disabled]) #button.focus-visible{border-color:transparent}:host([quiet]) #button:disabled:focus-visible,:host([quiet][disabled]) #button:focus-visible{border-color:transparent}#label{block-size:calc(var(--mod-picker-block-size, var(--spectrum-picker-block-size)) - var(--mod-picker-border-size, var(--spectrum-picker-border-size))*2);flex:1 1 auto;font-size:var(--mod-picker-font-size,var(--spectrum-picker-font-size));line-height:calc(var(--mod-picker-block-size, var(--spectrum-picker-block-size)) - var(--mod-picker-border-size, var(--spectrum-picker-border-size))*2);overflow:hidden;text-align:start;text-overflow:ellipsis;white-space:nowrap}#label.placeholder{color:var(
359
+ )}:host([quiet]) #button{inline-size:auto;min-inline-size:0}:host([quiet]) #button:disabled.focus-visible,:host([quiet][disabled]) #button.focus-visible{border-color:transparent}:host([quiet]) #button:disabled.focus-visible,:host([quiet][disabled]) #button.focus-visible{border-color:transparent}:host([quiet]) #button:disabled:focus-visible,:host([quiet][disabled]) #button:focus-visible{border-color:transparent}#label{block-size:calc(var(--mod-picker-block-size, var(--spectrum-picker-block-size)) - var(--mod-picker-border-width, var(--spectrum-picker-border-width))*2);flex:1 1 auto;font-size:var(--mod-picker-font-size,var(--spectrum-picker-font-size));line-height:calc(var(--mod-picker-block-size, var(--spectrum-picker-block-size)) - var(--mod-picker-border-width, var(--spectrum-picker-border-width))*2);overflow:hidden;text-align:start;text-overflow:ellipsis;white-space:nowrap}#label.placeholder{color:var(
364
360
  --highcontrast-picker-font-color-default,var(
365
361
  --mod-picker-font-color-default,var(--spectrum-picker-font-color-default)
366
362
  )
367
363
  );font-style:var(
368
364
  --mod-picker-placeholder-font-style,var(--spectrum-picker-placeholder-font-style)
369
- );font-weight:400;transition:color var(
365
+ );font-weight:var(
366
+ --mod-picker-font-weight,var(--spectrum-picker-font-weight)
367
+ );transition:color var(
370
368
  --mod-picker-animation-duration,var(--spectrum-picker-animation-duration)
371
369
  ) ease-in-out}#label.placeholder:hover{color:var(
372
370
  --highcontrast-picker-font-color-default,var(
@@ -407,11 +405,12 @@ var(--spectrum-picker-popover-quiet-offset-x)
407
405
  --highcontrast-picker-font-color-default,var(
408
406
  --mod-picker-font-color-default,var(--spectrum-picker-font-color-default)
409
407
  )
410
- );margin-block-start:var(
411
- --mod-picker-spacing-label-to-picker-quiet,var(--spectrum-picker-spacing-label-to-picker-quiet)
412
- );padding-inline:var(
408
+ );margin-block-start:calc(var(
409
+ --mod-picker-spacing-label-to-picker-quiet,
410
+ var(--spectrum-picker-spacing-label-to-picker-quiet)
411
+ ) + 1px);padding-inline:var(
413
412
  --mod-picker-spacing-edge-to-text-quiet,var(--spectrum-picker-spacing-edge-to-text-quiet)
414
- )}:host([quiet]) #button:after{border:none}:host([quiet]) #button:hover{background-color:transparent}:host([quiet]) #button.focus-visible,:host([quiet][focused]) #button{background-color:transparent}:host([quiet]) #button.focus-visible,:host([quiet][focused]) #button{background-color:transparent}:host([quiet]) #button:focus-visible,:host([quiet][focused]) #button{background-color:transparent}:host([quiet]) #button.focus-visible:after,:host([quiet][focused]) #button:after{border:none;border-radius:0;box-shadow:0 var(
413
+ )}:host([quiet]) #button:after{block-size:auto;border:none;inline-size:auto}:host([quiet]) #button:hover{background-color:transparent}:host([quiet]) #button.focus-visible,:host([quiet][focused]) #button{background-color:transparent}:host([quiet]) #button.focus-visible,:host([quiet][focused]) #button{background-color:transparent}:host([quiet]) #button:focus-visible,:host([quiet][focused]) #button{background-color:transparent}:host([quiet]) #button.focus-visible:after,:host([quiet][focused]) #button:after{border:none;border-radius:0;box-shadow:0 var(
415
414
  --mod-picker-focus-indicator-thickness,var(--spectrum-picker-focus-indicator-thickness)
416
415
  ) 0 0 var(
417
416
  --highcontrast-picker-focus-indicator-color,var(
@@ -447,27 +446,7 @@ var(--spectrum-picker-focus-indicator-gap)
447
446
  ) + var(
448
447
  --mod-picker-border-width,
449
448
  var(--spectrum-picker-border-width)
450
- ))*-1) 0}:host([quiet]) #button:active,:host([quiet][open]) #button{background-color:transparent}:host([quiet]) #button:active.focus-visible:after,:host([quiet][focused]) #button:active:after,:host([quiet][open]) #button.focus-visible:after,:host([quiet][open][focused]) #button:after{box-shadow:none}:host([quiet]) #button:active.focus-visible:after,:host([quiet][focused]) #button:active:after,:host([quiet][open]) #button.focus-visible:after,:host([quiet][open][focused]) #button:after{box-shadow:none}:host([quiet]) #button:active:focus-visible:after,:host([quiet][focused]) #button:active:after,:host([quiet][open]) #button:focus-visible:after,:host([quiet][open][focused]) #button:after{box-shadow:none}:host([quiet][invalid]:not([open])) #button.focus-visible,:host([quiet][invalid]:not([open])[focused]) #button{box-shadow:none}:host([quiet][invalid]:not([open])) #button.focus-visible,:host([quiet][invalid]:not([open])[focused]) #button{box-shadow:none}:host([quiet][invalid]:not([open])) #button:focus-visible,:host([quiet][invalid]:not([open])[focused]) #button{box-shadow:none}:host([quiet][invalid]:not([open])) #button.focus-visible:after,:host([quiet][invalid]:not([open])[focused]) #button:after{box-shadow:0 var(
451
- --mod-picker-focus-indicator-thickness,var(--spectrum-picker-focus-indicator-thickness)
452
- ) 0 0 var(
453
- --highcontrast-picker-focus-indicator-color,var(
454
- --mod-picker-focus-indicator-color,var(--spectrum-picker-focus-indicator-color)
455
- )
456
- )}:host([quiet][invalid]:not([open])) #button.focus-visible:after,:host([quiet][invalid]:not([open])[focused]) #button:after{box-shadow:0 var(
457
- --mod-picker-focus-indicator-thickness,var(--spectrum-picker-focus-indicator-thickness)
458
- ) 0 0 var(
459
- --highcontrast-picker-focus-indicator-color,var(
460
- --mod-picker-focus-indicator-color,var(--spectrum-picker-focus-indicator-color)
461
- )
462
- )}:host([quiet][invalid]:not([open])) #button:focus-visible:after,:host([quiet][invalid]:not([open])[focused]) #button:after{box-shadow:0 var(
463
- --mod-picker-focus-indicator-thickness,var(--spectrum-picker-focus-indicator-thickness)
464
- ) 0 0 var(
465
- --highcontrast-picker-focus-indicator-color,var(
466
- --mod-picker-focus-indicator-color,var(--spectrum-picker-focus-indicator-color)
467
- )
468
- )}:host([quiet]) #button:disabled,:host([quiet][disabled]) #button{background-color:transparent}:host{--spectrum-picker-border-size:var(
469
- --system-spectrum-picker-border-size
470
- );--spectrum-picker-background-color-default:var(
449
+ ))*-1) 0}:host([quiet]) #button:active,:host([quiet][open]) #button{background-color:transparent}:host([quiet]) #button:disabled,:host([quiet][disabled]) #button{background-color:transparent}:host{--spectrum-picker-background-color-default:var(
471
450
  --system-spectrum-picker-background-color-default
472
451
  );--spectrum-picker-background-color-default-open:var(
473
452
  --system-spectrum-picker-background-color-default-open
package/src/picker.css.dev.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["picker.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#button{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-appearance:button;box-sizing:border-box;cursor:pointer;display:inline-flex;font-family:var(\n--mod-sans-font-family-stack,var(--spectrum-sans-font-family-stack)\n);line-height:var(--mod-line-height-100,var(--spectrum-line-height-100));overflow:visible;position:relative;text-decoration:none;text-transform:none;transition:background var(\n--mod-animation-duration-100,var(--spectrum-animation-duration-100)\n) ease-out,border-color var(\n--mod-animation-duration-100,var(--spectrum-animation-duration-100)\n) ease-out,color var(\n--mod-animation-duration-100,var(--spectrum-animation-duration-100)\n) ease-out,box-shadow var(\n--mod-animation-duration-100,var(--spectrum-animation-duration-100)\n) ease-out;user-select:none;-webkit-user-select:none;vertical-align:top}#button:focus{outline:none}#button::-moz-focus-inner{border:0;border-style:none;margin-block-end:-2px;margin-block-start:-2px;padding:0}#button:disabled{cursor:default}:host{--spectrum-picker-font-size:var(\n--spectrum-font-size-100\n);--spectrum-picker-placeholder-font-style-default:italic;--spectrum-picker-placeholder-cjk-font-style:normal;--spectrum-picker-placeholder-font-style:var(\n--spectrum-picker-placeholder-font-style-default\n);--spectrum-picker-min-inline-size:var(\n--spectrum-picker-minimum-width-multiplier\n);--spectrum-picker-block-size:var(--spectrum-component-height-100);--spectrum-picker-border-width:var(--spectrum-border-width-100);--spectrum-picker-border-radius:var(--spectrum-corner-radius-100);--spectrum-picker-spacing-edge-to-text:var(\n--spectrum-component-edge-to-text-100\n);--spectrum-picker-spacing-edge-to-text-quiet:var(\n--spectrum-field-edge-to-text-quiet\n);--spectrum-picker-spacing-text-to-icon:var(--spectrum-text-to-visual-100);--spectrum-picker-spacing-text-to-alert-icon-inline-start:var(\n--spectrum-field-text-to-alert-icon-medium\n);--spectrum-picker-spacing-icon-to-disclosure-icon:var(\n--spectrum-picker-visual-to-disclosure-icon-medium\n);--spectrum-picker-spacing-label-to-picker:var(\n--spectrum-field-label-to-component\n);--spectrum-picker-spacing-label-to-picker-quiet:var(\n--spectrum-field-label-to-component-quiet-medium\n);--spectrum-picker-animation-duration:var(\n--spectrum-animation-duration-100\n);--spectrum-picker-font-color-default:var(\n--spectrum-neutral-content-color-default\n);--spectrum-picker-font-color-default-open:var(\n--spectrum-neutral-content-color-focus\n);--spectrum-picker-font-color-hover:var(\n--spectrum-neutral-content-color-hover\n);--spectrum-picker-font-color-hover-open:var(\n--spectrum-neutral-content-color-focus-hover\n);--spectrum-picker-font-color-active:var(\n--spectrum-neutral-content-color-down\n);--spectrum-picker-font-color-key-focus:var(\n--spectrum-neutral-content-color-key-focus\n);--spectrum-picker-icon-color-default:var(\n--spectrum-neutral-content-color-default\n);--spectrum-picker-icon-color-default-open:var(\n--spectrum-neutral-content-color-focus\n);--spectrum-picker-icon-color-hover:var(\n--spectrum-neutral-content-color-hover\n);--spectrum-picker-icon-color-hover-open:var(\n--spectrum-neutral-content-color-focus-hover\n);--spectrum-picker-icon-color-active:var(\n--spectrum-neutral-content-color-down\n);--spectrum-picker-icon-color-key-focus:var(\n--spectrum-neutral-content-color-key-focus\n);--spectrum-picker-border-color-error-default:var(\n--spectrum-negative-border-color-default\n);--spectrum-picker-border-color-error-default-open:var(\n--spectrum-negative-border-color-focus\n);--spectrum-picker-border-color-error-hover:var(\n--spectrum-negative-border-color-hover\n);--spectrum-picker-border-color-error-hover-open:var(\n--spectrum-negative-border-color-focus-hover\n);--spectrum-picker-border-color-error-active:var(\n--spectrum-negative-border-color-down\n);--spectrum-picker-border-color-error-key-focus:var(\n--spectrum-negative-border-color-key-focus\n);--spectrum-picker-icon-color-error:var(--spectrum-negative-visual-color);--spectrum-picker-background-color-disabled:var(\n--spectrum-disabled-background-color\n);--spectrum-picker-font-color-disabled:var(\n--spectrum-disabled-content-color\n);--spectrum-picker-icon-color-disabled:var(\n--spectrum-disabled-content-color\n);--spectrum-focus-indicator-gap:2px;--spectrum-picker-focus-indicator-gap:var(--spectrum-focus-indicator-gap);--spectrum-focus-indicator-thickness:2px;--spectrum-picker-focus-indicator-thickness:var(\n--spectrum-focus-indicator-thickness\n);--spectrum-picker-focus-indicator-color:var(\n--spectrum-focus-indicator-color\n)}#button:lang(ja),#button:lang(ko),#button:lang(zh){--spectrum-picker-placeholder-font-style:var(\n--spectrum-picker-placeholder-cjk-font-style\n)}:host([size=s]){--spectrum-picker-font-size:var(\n--spectrum-font-size-75\n);--spectrum-picker-block-size:var(--spectrum-component-height-75);--spectrum-picker-spacing-text-to-icon:var(--spectrum-text-to-visual-75);--spectrum-picker-spacing-text-to-alert-icon-inline-start:var(\n--spectrum-field-text-to-alert-icon-small\n);--spectrum-picker-spacing-icon-to-disclosure-icon:var(\n--spectrum-picker-visual-to-disclosure-icon-small\n);--spectrum-picker-spacing-label-to-picker-quiet:var(\n--spectrum-field-label-to-component-quiet-small\n)}:host([size=s][open])+.spectrum-Popover--bottom{--spectrum-picker-spacing-picker-to-popover:var(\n--spectrum-component-to-menu-small\n)}:host([size=m]){--spectrum-picker-font-size:var(\n--spectrum-font-size-100\n);--spectrum-picker-block-size:var(--spectrum-component-height-100);--spectrum-picker-spacing-text-to-icon:var(--spectrum-text-to-visual-100);--spectrum-picker-spacing-text-to-alert-icon-inline-start:var(\n--spectrum-field-text-to-alert-icon-medium\n);--spectrum-picker-spacing-icon-to-disclosure-icon:var(\n--spectrum-picker-visual-to-disclosure-icon-medium\n);--spectrum-picker-spacing-label-to-picker-quiet:var(\n--spectrum-field-label-to-component-quiet-medium\n)}:host([size=m][open])+.spectrum-Popover--bottom{--spectrum-picker-spacing-picker-to-popover:var(\n--spectrum-component-to-menu-medium\n)}:host([size=l]){--spectrum-picker-font-size:var(\n--spectrum-font-size-200\n);--spectrum-picker-block-size:var(--spectrum-component-height-200);--spectrum-picker-spacing-text-to-icon:var(--spectrum-text-to-visual-200);--spectrum-picker-spacing-text-to-alert-icon-inline-start:var(\n--spectrum-field-text-to-alert-icon-large\n);--spectrum-picker-spacing-icon-to-disclosure-icon:var(\n--spectrum-picker-visual-to-disclosure-icon-large\n);--spectrum-picker-spacing-label-to-picker-quiet:var(\n--spectrum-field-label-to-component-quiet-large\n)}:host([size=l][open])+.spectrum-Popover--bottom{--spectrum-picker-spacing-picker-to-popover:var(\n--spectrum-component-to-menu-large\n)}:host([size=xl]){--spectrum-picker-font-size:var(\n--spectrum-font-size-300\n);--spectrum-picker-block-size:var(--spectrum-component-height-300);--spectrum-picker-spacing-text-to-icon:var(--spectrum-text-to-visual-300);--spectrum-picker-spacing-text-to-alert-icon-inline-start:var(\n--spectrum-field-text-to-alert-icon-extra-large\n);--spectrum-picker-spacing-icon-to-disclosure-icon:var(\n--spectrum-picker-visual-to-disclosure-icon-extra-large\n);--spectrum-picker-spacing-label-to-picker-quiet:var(\n--spectrum-field-label-to-component-quiet-extra-large\n)}:host([size=xl][open])+.spectrum-Popover--bottom{--spectrum-picker-spacing-picker-to-popover:var(\n--spectrum-component-to-menu-extra-large\n)}@media (forced-colors:active){#button{--highcontrast-picker-focus-indicator-color:CanvasText;--highcontrast-picker-border-color-default:ButtonText;--highcontrast-picker-border-color-active:ButtonText;--highcontrast-picker-border-color-key-focus:Highlight;--highcontrast-picker-border-color-error-default-open:ButtonText;--highcontrast-picker-border-color-error-hover:ButtonText;--highcontrast-picker-border-color-error-active:ButtonText;--highcontrast-picker-font-color-default:ButtonText;--highcontrast-picker-font-color-default-open:ButtonText;--highcontrast-picker-font-color-key-focus:ButtonText;--highcontrast-picker-font-color-disabled:GrayText;--highcontrast-picker-background-color-default:Background;--highcontrast-picker-background-color-disabled:Background;--highcontrast-picker-icon-color-default:ButtonText;--highcontrast-picker-icon-color-default-open:ButtonText;--highcontrast-picker-icon-color-hover:ButtonText;--highcontrast-picker-icon-color-hover-open:ButtonText;--highcontrast-picker-icon-color-key-focus:Highlight;--highcontrast-picker-icon-color-error-default:ButtonText}#button:disabled,:host([disabled]) #button{border-color:GrayText;border-width:var(\n--mod-picker-border-width,var(--spectrum-picker-border-width)\n)}:host([quiet]) #button.focus-visible,:host([quiet][focused]) #button{box-shadow:0 0 0 var(\n--highcontrast-picker-focus-indicator-color,var(\n--mod-picker-focus-indicator-color,var(--spectrum-picker-focus-indicator-color)\n)\n);forced-color-adjust:none;outline:0}:host([quiet]) #button.focus-visible,:host([quiet][focused]) #button{box-shadow:0 0 0 var(\n--highcontrast-picker-focus-indicator-color,var(\n--mod-picker-focus-indicator-color,var(--spectrum-picker-focus-indicator-color)\n)\n);forced-color-adjust:none;outline:0}:host([quiet]) #button:focus-visible,:host([quiet][focused]) #button{box-shadow:0 0 0 var(\n--highcontrast-picker-focus-indicator-color,var(\n--mod-picker-focus-indicator-color,var(--spectrum-picker-focus-indicator-color)\n)\n);forced-color-adjust:none;outline:0}}#button{align-items:center;background-color:var(\n--highcontrast-picker-background-color-default,var(\n--mod-picker-background-color-default,var(--spectrum-picker-background-color-default)\n)\n);block-size:var(--mod-picker-block-size,var(--spectrum-picker-block-size));border-color:var(\n--highcontrast-picker-border-color-default,var(\n--mod-picker-border-color-default,var(--spectrum-picker-border-color-default)\n)\n);border-radius:var(\n--mod-picker-border-radius,var(--spectrum-picker-border-radius)\n);border-style:solid;border-width:var(\n--mod-spectrum-picker-border-width,var(--spectrum-picker-border-width)\n);color:var(\n--highcontrast-picker-font-color-default,var(\n--mod-picker-font-color-default,var(--spectrum-picker-font-color-default)\n)\n);display:flex;justify-content:center;margin:0;margin-block-start:var(\n--mod-picker-spacing-label-to-picker,var(--spectrum-picker-spacing-label-to-picker)\n);max-inline-size:100%;min-inline-size:var(\n--mod-picker-min-inline-size,var(--spectrum-picker-min-inline-size)\n);padding-block:0;padding-inline:var(\n--mod-picker-spacing-edge-to-text,var(--spectrum-picker-spacing-edge-to-text)\n);transition:background-color var(\n--mod-picker-animation-duration,var(--spectrum-picker-animation-duration)\n),box-shadow var(\n--mod-picker-animation-duration,var(--spectrum-picker-animation-duration)\n),border-color var(\n--mod-picker-animation-duration,var(--spectrum-picker-animation-duration)\n) ease-in-out}#button:after{block-size:calc(100% + var(\n--mod-picker-focus-indicator-gap,\nvar(--spectrum-picker-focus-indicator-gap)\n)*2 + var(\n--mod-picker-border-width,\nvar(--spectrum-picker-border-width) * 2\n));border-color:transparent;border-radius:calc(var(--mod-picker-border-radius, var(--spectrum-picker-border-radius)) + var(\n--mod-picker-focus-indicator-gap,\nvar(--spectrum-picker-focus-indicator-gap)\n) + var(--mod-picker-border-width, var(--spectrum-picker-border-width)));border-style:solid;border-width:var(\n--mod-picker-focus-indicator-thickness,var(--spectrum-picker-focus-indicator-thickness)\n);bottom:0;content:\"\";inline-size:calc(100% + var(\n--mod-picker-focus-indicator-gap,\nvar(--spectrum-picker-focus-indicator-gap)\n)*2 + var(--mod-picker-border-width, var(--spectrum-picker-border-width))*2);left:0;margin:auto;margin-inline-start:calc((var(\n--mod-picker-focus-indicator-gap,\nvar(--spectrum-picker-focus-indicator-gap)\n) + var(\n--mod-picker-focus-indicator-thickness,\nvar(--spectrum-picker-focus-indicator-thickness)\n) + var(\n--mod-picker-border-size,\nvar(--spectrum-picker-border-size)\n))*-1);pointer-events:none;position:absolute;right:0;top:0}#button.focus-visible{outline:none}#button:focus-visible{outline:none}#button.focus-visible:after{border-color:var(\n--highcontrast-picker-focus-indicator-color,var(\n--mod-picker-focus-indicator-color,var(--spectrum-picker-focus-indicator-color)\n)\n)}#button.focus-visible:after{border-color:var(\n--highcontrast-picker-focus-indicator-color,var(\n--mod-picker-focus-indicator-color,var(--spectrum-picker-focus-indicator-color)\n)\n)}#button:focus-visible:after{border-color:var(\n--highcontrast-picker-focus-indicator-color,var(\n--mod-picker-focus-indicator-color,var(--spectrum-picker-focus-indicator-color)\n)\n)}#button:hover{background-color:var(\n--highcontrast-picker-background-color-default,var(\n--mod-picker-background-color-hover,var(--spectrum-picker-background-color-hover)\n)\n);border-color:var(\n--highcontrast-picker-border-color-default,var(\n--mod-picker-border-color-hover,var(--spectrum-picker-border-color-hover)\n)\n);color:var(\n--highcontrast-picker-font-color-default,var(--mod-picker-font-color-hover,(--spectrum-picker-font-color-hover))\n)}#button:hover .picker{color:var(\n--highcontrast-picker-icon-color-hover,var(\n--mod-picker-icon-color-hover,var(--spectrum-picker-icon-color-hover)\n)\n)}#button:active{background-color:var(\n--highcontrast-picker-background-active,var(\n--mod-picker-background-color-active,var(--spectrum-picker-background-color-active)\n)\n);border-color:var(\n--highcontrast-picker-border-color-active,var(\n--mod-picker-border-active,var(--spectrum-picker-border-color-active)\n)\n)}#button:active:after{border-color:transparent}#button:active.placeholder #label{color:var(\n--highcontrast-picker-font-color-default,var(\n--mod-picker-font-color-active,var(--spectrum-picker-font-color-active)\n)\n)}#button.focus-visible,:host([focused]) #button{background-color:var(\n--highcontrast-picker-background-color-default,var(\n--mod-picker-background-color-key-focus,var(--spectrum-picker-background-color-key-focus)\n)\n);border-color:var(\n--highcontrast-picker-border-color-key-focus,var(\n--mod-picker-border-color-key-focus,var(--spectrum-picker-border-color-key-focus)\n)\n);border-width:var(\n--mod-picker-border-width,var(--spectrum-picker-border-width)\n);color:var(\n--highcontrast-picker-font-color-key-focus,var(\n--mod-picker-font-color-key-focus,var(--spectrum-picker-font-color-key-focus)\n)\n)}#button.focus-visible,:host([focused]) #button{background-color:var(\n--highcontrast-picker-background-color-default,var(\n--mod-picker-background-color-key-focus,var(--spectrum-picker-background-color-key-focus)\n)\n);border-color:var(\n--highcontrast-picker-border-color-key-focus,var(\n--mod-picker-border-color-key-focus,var(--spectrum-picker-border-color-key-focus)\n)\n);border-width:var(\n--mod-picker-border-width,var(--spectrum-picker-border-width)\n);color:var(\n--highcontrast-picker-font-color-key-focus,var(\n--mod-picker-font-color-key-focus,var(--spectrum-picker-font-color-key-focus)\n)\n)}#button:focus-visible,:host([focused]) #button{background-color:var(\n--highcontrast-picker-background-color-default,var(\n--mod-picker-background-color-key-focus,var(--spectrum-picker-background-color-key-focus)\n)\n);border-color:var(\n--highcontrast-picker-border-color-key-focus,var(\n--mod-picker-border-color-key-focus,var(--spectrum-picker-border-color-key-focus)\n)\n);border-width:var(\n--mod-picker-border-width,var(--spectrum-picker-border-width)\n);color:var(\n--highcontrast-picker-font-color-key-focus,var(\n--mod-picker-font-color-key-focus,var(--spectrum-picker-font-color-key-focus)\n)\n)}#button.focus-visible.placeholder,:host([focused]) #button.placeholder{color:var(\n--highcontrast-picker-font-color-key-focus,var(\n--mod-picker-font-color-key-focus,var(--spectrum-picker-font-color-key-focus)\n)\n)}#button.focus-visible.placeholder,:host([focused]) #button.placeholder{color:var(\n--highcontrast-picker-font-color-key-focus,var(\n--mod-picker-font-color-key-focus,var(--spectrum-picker-font-color-key-focus)\n)\n)}#button:focus-visible.placeholder,:host([focused]) #button.placeholder{color:var(\n--highcontrast-picker-font-color-key-focus,var(\n--mod-picker-font-color-key-focus,var(--spectrum-picker-font-color-key-focus)\n)\n)}:host([open]) #button{background-color:var(\n--highcontrast-picker-background-default-open,var(\n--mod-picker-background-color-default-open,var(--spectrum-picker-background-color-default-open)\n)\n);border-color:var(\n--highcontrast-picker-border-color-default-open,var(\n--mod-picker-border-default-open,var(--spectrum-picker-border-color-default-open)\n)\n);color:var(\n--highcontrast-picker-font-color-default-open,var(\n--mod-picker-font-color-default-open,var(--spectrum-picker-font-color-default-open)\n)\n)}:host([open]) #button:hover{background-color:var(--spectrum-picker-background-color-hover-open);border-color:var(--spectrum-picker-border-color-hover-open);color:var(\n--highcontrast-picker-font-color-default,var(\n--mod-picker-font-color-hover-open,var(--spectrum-picker-font-color-hover-open)\n)\n)}:host([open]) #button:hover .picker{color:var(\n--highcontrast-picker-icon-color-hover-open,var(\n--mod-picker-icon-color-hover-open,var(--spectrum-picker-icon-color-hover-open)\n)\n)}:host([open]) #button .picker{color:var(\n--highcontrast-picker-icon-color-default-open,var(\n--mod-picker-icon-color-default-open,var(--spectrum-picker-icon-color-default-open)\n)\n)}:host([invalid]) #button{border-color:var(\n--highcontrast-picker-border-color-error-default,var(\n--mod-picker-border-color-error-default,var(--spectrum-picker-border-color-error-default)\n)\n)}:host([invalid]) #button .validation-icon{color:var(\n--highcontrast-picker-icon-color-error-default,var(\n--mod-picker-icon-color-error,var(--spectrum-picker-icon-color-error)\n)\n)}:host([invalid]) #button:hover{border-color:var(\n--highcontrast-picker-border-color-error-hover,var(\n--mod-picker-border-color-error-hover,var(--spectrum-picker-border-color-error-hover)\n)\n)}:host([invalid]) #button:active{border-color:var(\n--highcontrast-picker-border-color-error-active,var(\n--mod-picker-border-color-error-active,var(--spectrum-picker-border-color-error-active)\n)\n)}:host([invalid][open]) #button{border-color:var(\n--highcontrast-picker-border-color-error-default-open,var(\n--mod-picker-border-color-error-default-open,var(--spectrum-picker-border-color-error-default-open)\n)\n)}:host([invalid][open]) #button:hover{border-color:var(\n--highcontrast-picker-border-color-error-hover-open,var(\n--mod-picker-border-color-error-hover-open,var(--spectrum-picker-border-color-error-hover-open)\n)\n)}:host([invalid]) #button.focus-visible,:host([invalid][focused]) #button{border-color:var(\n--highcontrast-picker-border-color-error-default,var(\n--mod-picker-border-color-error-key-focus,var(--spectrum-picker-border-color-error-key-focus)\n)\n)}:host([invalid]) #button.focus-visible,:host([invalid][focused]) #button{border-color:var(\n--highcontrast-picker-border-color-error-default,var(\n--mod-picker-border-color-error-key-focus,var(--spectrum-picker-border-color-error-key-focus)\n)\n)}:host([invalid]) #button:focus-visible,:host([invalid][focused]) #button{border-color:var(\n--highcontrast-picker-border-color-error-default,var(\n--mod-picker-border-color-error-key-focus,var(--spectrum-picker-border-color-error-key-focus)\n)\n)}#button.is-loading .picker{color:var(\n--highcontrast-picker-icon-color-disabled,var(\n--mod-picker-icon-color-disabled,var(--spectrum-picker-icon-color-disabled)\n)\n)}#button:disabled,:host([disabled]) #button{background-color:var(\n--highcontrast-picker-background-color-disabled,var(\n--mod-picker-background-color-disabled,var(--spectrum-picker-background-color-disabled)\n)\n);border-color:transparent;border-width:var(\n--mod-picker-border-width,var(--spectrum-picker-border-width)\n);color:var(\n--highcontrast-picker-font-color-disabled,var(\n--mod-picker-font-color-disabled,var(--spectrum-picker-font-color-disabled)\n)\n);cursor:default}#button:disabled .icon,#button:disabled .picker,#button:disabled .validation-icon,:host([disabled]) #button .icon,:host([disabled]) #button .picker,:host([disabled]) #button .validation-icon{color:var(\n--highcontrast-picker-icon-color-disabled,var(\n--mod-picker-icon-color-disabled,var(--spectrum-picker-icon-color-disabled)\n)\n)}#button:disabled #label.placeholder,:host([disabled]) #button #label.placeholder{color:var(\n--highcontrast-picker-font-color-disabled,var(\n--mod-picker-font-color-disabled,var(--spectrum-picker-font-color-disabled)\n)\n)}.icon{flex-shrink:0;margin-inline-end:var(\n--mod-picker-spacing-text-to-icon,var(--spectrum-picker-spacing-text-to-icon)\n)}:host([quiet]) #button{inline-size:auto;min-inline-size:0}:host([quiet]) #button:disabled.focus-visible,:host([quiet][disabled]) #button.focus-visible{border-color:transparent}:host([quiet]) #button:disabled.focus-visible,:host([quiet][disabled]) #button.focus-visible{border-color:transparent}:host([quiet]) #button:disabled:focus-visible,:host([quiet][disabled]) #button:focus-visible{border-color:transparent}#label{block-size:calc(var(--mod-picker-block-size, var(--spectrum-picker-block-size)) - var(--mod-picker-border-size, var(--spectrum-picker-border-size))*2);flex:1 1 auto;font-size:var(--mod-picker-font-size,var(--spectrum-picker-font-size));line-height:calc(var(--mod-picker-block-size, var(--spectrum-picker-block-size)) - var(--mod-picker-border-size, var(--spectrum-picker-border-size))*2);overflow:hidden;text-align:start;text-overflow:ellipsis;white-space:nowrap}#label.placeholder{color:var(\n--highcontrast-picker-font-color-default,var(\n--mod-picker-font-color-default,var(--spectrum-picker-font-color-default)\n)\n);font-style:var(\n--mod-picker-placeholder-font-style,var(--spectrum-picker-placeholder-font-style)\n);font-weight:400;transition:color var(\n--mod-picker-animation-duration,var(--spectrum-picker-animation-duration)\n) ease-in-out}#label.placeholder:hover{color:var(\n--highcontrast-picker-font-color-default,var(\n--mod-picker-font-color-hover,var(--spectrum-picker-font-color-hover)\n)\n)}#label.placeholder:active{color:var(\n--highcontrast-picker-font-color-default,var(\n--mod-picker-font-color-active,var(--spectrum-picker-font-color-active)\n)\n)}.picker{color:var(\n--highcontrast-picker-icon-color-default,var(\n--mod-picker-icon-color-default,var(--spectrum-picker-icon-color-default)\n)\n);display:inline-block;flex-shrink:0;margin-inline-start:var(\n--mod-picker-spacing-icon-to-disclosure-icon,var(--spectrum-picker-spacing-icon-to-disclosure-icon)\n);position:relative;transition:color var(\n--mod-picker-animation-duration,var(--spectrum-picker-animation-duration)\n) ease-out;vertical-align:top}.picker.focus-visible{color:var(\n--highcontrast-picker-icon-color-key-focus,var(\n--mod-picker-icon-color-key-focus,var(--spectrum-picker-icon-color-key-focus)\n)\n)}.picker:focus-visible{color:var(\n--highcontrast-picker-icon-color-key-focus,var(\n--mod-picker-icon-color-key-focus,var(--spectrum-picker-icon-color-key-focus)\n)\n)}.picker:active{color:var(\n--highcontrast-picker-icon-color-default,var(\n--mod-picker-icon-color-active,var(--spectrum-picker-icon-color-active)\n)\n)}.validation-icon{margin-inline-start:var(\n--mod-picker-spacing-text-to-alert-icon-inline-start,var(--spectrum-picker-spacing-text-to-alert-icon-inline-start)\n)}#label~.picker{margin-inline-start:var(\n--mod-picker-spacing-text-to-icon,var(--spectrum-picker-spacing-text-to-icon)\n)}:host([quiet][open])+.spectrum-Popover--bottom{margin-inline-start:calc(var(\n--mod-picker-popover-quiet-offset-x,\nvar(--spectrum-picker-popover-quiet-offset-x)\n)*-1)}:host([quiet]) #button{background-color:transparent;border:none;border-radius:0;color:var(\n--highcontrast-picker-font-color-default,var(\n--mod-picker-font-color-default,var(--spectrum-picker-font-color-default)\n)\n);margin-block-start:var(\n--mod-picker-spacing-label-to-picker-quiet,var(--spectrum-picker-spacing-label-to-picker-quiet)\n);padding-inline:var(\n--mod-picker-spacing-edge-to-text-quiet,var(--spectrum-picker-spacing-edge-to-text-quiet)\n)}:host([quiet]) #button:after{border:none}:host([quiet]) #button:hover{background-color:transparent}:host([quiet]) #button.focus-visible,:host([quiet][focused]) #button{background-color:transparent}:host([quiet]) #button.focus-visible,:host([quiet][focused]) #button{background-color:transparent}:host([quiet]) #button:focus-visible,:host([quiet][focused]) #button{background-color:transparent}:host([quiet]) #button.focus-visible:after,:host([quiet][focused]) #button:after{border:none;border-radius:0;box-shadow:0 var(\n--mod-picker-focus-indicator-thickness,var(--spectrum-picker-focus-indicator-thickness)\n) 0 0 var(\n--highcontrast-picker-focus-indicator-color,var(\n--mod-picker-focus-indicator-color,var(--spectrum-picker-focus-indicator-color)\n)\n);margin:calc((var(\n--mod-picker-focus-indicator-gap,\nvar(--spectrum-picker-focus-indicator-gap)\n) + var(\n--mod-picker-border-width,\nvar(--spectrum-picker-border-width)\n))*-1) 0}:host([quiet]) #button.focus-visible:after,:host([quiet][focused]) #button:after{border:none;border-radius:0;box-shadow:0 var(\n--mod-picker-focus-indicator-thickness,var(--spectrum-picker-focus-indicator-thickness)\n) 0 0 var(\n--highcontrast-picker-focus-indicator-color,var(\n--mod-picker-focus-indicator-color,var(--spectrum-picker-focus-indicator-color)\n)\n);margin:calc((var(\n--mod-picker-focus-indicator-gap,\nvar(--spectrum-picker-focus-indicator-gap)\n) + var(\n--mod-picker-border-width,\nvar(--spectrum-picker-border-width)\n))*-1) 0}:host([quiet]) #button:focus-visible:after,:host([quiet][focused]) #button:after{border:none;border-radius:0;box-shadow:0 var(\n--mod-picker-focus-indicator-thickness,var(--spectrum-picker-focus-indicator-thickness)\n) 0 0 var(\n--highcontrast-picker-focus-indicator-color,var(\n--mod-picker-focus-indicator-color,var(--spectrum-picker-focus-indicator-color)\n)\n);margin:calc((var(\n--mod-picker-focus-indicator-gap,\nvar(--spectrum-picker-focus-indicator-gap)\n) + var(\n--mod-picker-border-width,\nvar(--spectrum-picker-border-width)\n))*-1) 0}:host([quiet]) #button:active,:host([quiet][open]) #button{background-color:transparent}:host([quiet]) #button:active.focus-visible:after,:host([quiet][focused]) #button:active:after,:host([quiet][open]) #button.focus-visible:after,:host([quiet][open][focused]) #button:after{box-shadow:none}:host([quiet]) #button:active.focus-visible:after,:host([quiet][focused]) #button:active:after,:host([quiet][open]) #button.focus-visible:after,:host([quiet][open][focused]) #button:after{box-shadow:none}:host([quiet]) #button:active:focus-visible:after,:host([quiet][focused]) #button:active:after,:host([quiet][open]) #button:focus-visible:after,:host([quiet][open][focused]) #button:after{box-shadow:none}:host([quiet][invalid]:not([open])) #button.focus-visible,:host([quiet][invalid]:not([open])[focused]) #button{box-shadow:none}:host([quiet][invalid]:not([open])) #button.focus-visible,:host([quiet][invalid]:not([open])[focused]) #button{box-shadow:none}:host([quiet][invalid]:not([open])) #button:focus-visible,:host([quiet][invalid]:not([open])[focused]) #button{box-shadow:none}:host([quiet][invalid]:not([open])) #button.focus-visible:after,:host([quiet][invalid]:not([open])[focused]) #button:after{box-shadow:0 var(\n--mod-picker-focus-indicator-thickness,var(--spectrum-picker-focus-indicator-thickness)\n) 0 0 var(\n--highcontrast-picker-focus-indicator-color,var(\n--mod-picker-focus-indicator-color,var(--spectrum-picker-focus-indicator-color)\n)\n)}:host([quiet][invalid]:not([open])) #button.focus-visible:after,:host([quiet][invalid]:not([open])[focused]) #button:after{box-shadow:0 var(\n--mod-picker-focus-indicator-thickness,var(--spectrum-picker-focus-indicator-thickness)\n) 0 0 var(\n--highcontrast-picker-focus-indicator-color,var(\n--mod-picker-focus-indicator-color,var(--spectrum-picker-focus-indicator-color)\n)\n)}:host([quiet][invalid]:not([open])) #button:focus-visible:after,:host([quiet][invalid]:not([open])[focused]) #button:after{box-shadow:0 var(\n--mod-picker-focus-indicator-thickness,var(--spectrum-picker-focus-indicator-thickness)\n) 0 0 var(\n--highcontrast-picker-focus-indicator-color,var(\n--mod-picker-focus-indicator-color,var(--spectrum-picker-focus-indicator-color)\n)\n)}:host([quiet]) #button:disabled,:host([quiet][disabled]) #button{background-color:transparent}:host{--spectrum-picker-border-size:var(\n--system-spectrum-picker-border-size\n);--spectrum-picker-background-color-default:var(\n--system-spectrum-picker-background-color-default\n);--spectrum-picker-background-color-default-open:var(\n--system-spectrum-picker-background-color-default-open\n);--spectrum-picker-background-color-active:var(\n--system-spectrum-picker-background-color-active\n);--spectrum-picker-background-color-hover:var(\n--system-spectrum-picker-background-color-hover\n);--spectrum-picker-background-color-hover-open:var(\n--system-spectrum-picker-background-color-hover-open\n);--spectrum-picker-background-color-key-focus:var(\n--system-spectrum-picker-background-color-key-focus\n);--spectrum-picker-border-color-default:var(\n--system-spectrum-picker-border-color-default\n);--spectrum-picker-border-color-default-open:var(\n--system-spectrum-picker-border-color-default-open\n);--spectrum-picker-border-color-hover:var(\n--system-spectrum-picker-border-color-hover\n);--spectrum-picker-border-color-hover-open:var(\n--system-spectrum-picker-border-color-hover-open\n);--spectrum-picker-border-color-active:var(\n--system-spectrum-picker-border-color-active\n);--spectrum-picker-border-color-key-focus:var(\n--system-spectrum-picker-border-color-key-focus\n)}:host{display:inline-flex;max-width:100%;min-width:var(--spectrum-picker-min-width);vertical-align:top;width:var(--spectrum-picker-width)}:host([quiet]){min-width:0;width:auto}:host([size]){--spectrum-picker-width:var(--spectrum-global-dimension-size-2400)}#button{max-width:100%;min-width:100%;width:100%}#icon:not([hidden]){display:inline-flex}:host([readonly]) #button{-webkit-user-select:inherit;user-select:inherit}sp-popover{display:none}.picker,.validation-icon{flex-shrink:0}:host([focused]:not([quiet])) #button #label.placeholder{color:var(\n--spectrum-picker-placeholder-text-color-key-focus,var(--spectrum-alias-placeholder-text-color-hover)\n)}:host([focused]:not([quiet])) #button .picker{color:var(\n--spectrum-picker-icon-color-key-focus,var(--spectrum-alias-icon-color-focus)\n)}.visually-hidden{clip:rect(0,0,0,0);border:0;clip-path:inset(50%);height:1px;margin:0 -1px -1px 0;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}:host([dir=ltr]) #label.visually-hidden+.picker{margin-left:auto}:host([dir=rtl]) #label.visually-hidden+.picker{margin-right:auto}\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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAiff,eAAe;",
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#button{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;-webkit-appearance:button;box-sizing:border-box;cursor:pointer;display:inline-flex;font-family:var(\n--mod-sans-font-family-stack,var(--spectrum-sans-font-family-stack)\n);justify-content:center;line-height:var(--mod-line-height-100,var(--spectrum-line-height-100));margin:0;overflow:visible;position:relative;text-decoration:none;text-transform:none;transition:background var(\n--mod-animation-duration-100,var(--spectrum-animation-duration-100)\n) ease-out,border-color var(\n--mod-animation-duration-100,var(--spectrum-animation-duration-100)\n) ease-out,color var(\n--mod-animation-duration-100,var(--spectrum-animation-duration-100)\n) ease-out,box-shadow var(\n--mod-animation-duration-100,var(--spectrum-animation-duration-100)\n) ease-out;user-select:none;-webkit-user-select:none;vertical-align:top}#button:focus{outline:none}#button::-moz-focus-inner{border:0;border-style:none;margin-block-end:-2px;margin-block-start:-2px;padding:0}#button:disabled{cursor:default}:host{--spectrum-picker-font-size:var(\n--spectrum-font-size-100\n);--spectrum-picker-font-weight:var(--spectrum-regular-font-weight);--spectrum-picker-placeholder-font-style:var(\n--spectrum-default-font-style\n);--spectrum-picker-min-inline-size:var(\n--spectrum-picker-minimum-width-multiplier\n);--spectrum-picker-block-size:var(--spectrum-component-height-100);--spectrum-picker-border-width:var(--spectrum-border-width-100);--spectrum-picker-border-radius:var(--spectrum-corner-radius-100);--spectrum-picker-spacing-edge-to-text:var(\n--spectrum-component-edge-to-text-100\n);--spectrum-picker-spacing-edge-to-text-quiet:var(\n--spectrum-field-edge-to-text-quiet\n);--spectrum-picker-spacing-text-to-icon:var(--spectrum-text-to-visual-100);--spectrum-picker-spacing-text-to-alert-icon-inline-start:var(\n--spectrum-field-text-to-alert-icon-medium\n);--spectrum-picker-spacing-icon-to-disclosure-icon:var(\n--spectrum-picker-visual-to-disclosure-icon-medium\n);--spectrum-picker-spacing-label-to-picker-quiet:var(\n--spectrum-field-label-to-component-quiet-medium\n);--spectrum-picker-animation-duration:var(\n--spectrum-animation-duration-100\n);--spectrum-picker-font-color-default:var(\n--spectrum-neutral-content-color-default\n);--spectrum-picker-font-color-default-open:var(\n--spectrum-neutral-content-color-focus\n);--spectrum-picker-font-color-hover:var(\n--spectrum-neutral-content-color-hover\n);--spectrum-picker-font-color-hover-open:var(\n--spectrum-neutral-content-color-focus-hover\n);--spectrum-picker-font-color-active:var(\n--spectrum-neutral-content-color-down\n);--spectrum-picker-font-color-key-focus:var(\n--spectrum-neutral-content-color-key-focus\n);--spectrum-picker-icon-color-default:var(\n--spectrum-neutral-content-color-default\n);--spectrum-picker-icon-color-default-open:var(\n--spectrum-neutral-content-color-focus\n);--spectrum-picker-icon-color-hover:var(\n--spectrum-neutral-content-color-hover\n);--spectrum-picker-icon-color-hover-open:var(\n--spectrum-neutral-content-color-focus-hover\n);--spectrum-picker-icon-color-active:var(\n--spectrum-neutral-content-color-down\n);--spectrum-picker-icon-color-key-focus:var(\n--spectrum-neutral-content-color-key-focus\n);--spectrum-picker-border-color-error-default:var(\n--spectrum-negative-border-color-default\n);--spectrum-picker-border-color-error-default-open:var(\n--spectrum-negative-border-color-focus\n);--spectrum-picker-border-color-error-hover:var(\n--spectrum-negative-border-color-hover\n);--spectrum-picker-border-color-error-hover-open:var(\n--spectrum-negative-border-color-focus-hover\n);--spectrum-picker-border-color-error-active:var(\n--spectrum-negative-border-color-down\n);--spectrum-picker-border-color-error-key-focus:var(\n--spectrum-negative-border-color-key-focus\n);--spectrum-picker-icon-color-error:var(--spectrum-negative-visual-color);--spectrum-picker-background-color-disabled:var(\n--spectrum-disabled-background-color\n);--spectrum-picker-font-color-disabled:var(\n--spectrum-disabled-content-color\n);--spectrum-picker-icon-color-disabled:var(\n--spectrum-disabled-content-color\n);--spectrum-picker-focus-indicator-gap:var(--spectrum-focus-indicator-gap);--spectrum-picker-focus-indicator-thickness:var(\n--spectrum-focus-indicator-thickness\n);--spectrum-picker-focus-indicator-color:var(\n--spectrum-focus-indicator-color\n)}:host([size=s]){--spectrum-picker-font-size:var(\n--spectrum-font-size-75\n);--spectrum-picker-block-size:var(--spectrum-component-height-75);--spectrum-picker-spacing-text-to-icon:var(--spectrum-text-to-visual-75);--spectrum-picker-spacing-text-to-alert-icon-inline-start:var(\n--spectrum-field-text-to-alert-icon-small\n);--spectrum-picker-spacing-icon-to-disclosure-icon:var(\n--spectrum-picker-visual-to-disclosure-icon-small\n);--spectrum-picker-spacing-label-to-picker-quiet:var(\n--spectrum-field-label-to-component-quiet-small\n)}:host([size=s][open])+.spectrum-Popover--bottom{--spectrum-picker-spacing-picker-to-popover:var(\n--spectrum-component-to-menu-small\n)}:host([size=m]){--spectrum-picker-font-size:var(\n--spectrum-font-size-100\n);--spectrum-picker-block-size:var(--spectrum-component-height-100);--spectrum-picker-spacing-text-to-icon:var(--spectrum-text-to-visual-100);--spectrum-picker-spacing-text-to-alert-icon-inline-start:var(\n--spectrum-field-text-to-alert-icon-medium\n);--spectrum-picker-spacing-icon-to-disclosure-icon:var(\n--spectrum-picker-visual-to-disclosure-icon-medium\n);--spectrum-picker-spacing-label-to-picker-quiet:var(\n--spectrum-field-label-to-component-quiet-medium\n)}:host([size=m][open])+.spectrum-Popover--bottom{--spectrum-picker-spacing-picker-to-popover:var(\n--spectrum-component-to-menu-medium\n)}:host([size=l]){--spectrum-picker-font-size:var(\n--spectrum-font-size-200\n);--spectrum-picker-block-size:var(--spectrum-component-height-200);--spectrum-picker-spacing-text-to-icon:var(--spectrum-text-to-visual-200);--spectrum-picker-spacing-text-to-alert-icon-inline-start:var(\n--spectrum-field-text-to-alert-icon-large\n);--spectrum-picker-spacing-icon-to-disclosure-icon:var(\n--spectrum-picker-visual-to-disclosure-icon-large\n);--spectrum-picker-spacing-label-to-picker-quiet:var(\n--spectrum-field-label-to-component-quiet-large\n)}:host([size=l][open])+.spectrum-Popover--bottom{--spectrum-picker-spacing-picker-to-popover:var(\n--spectrum-component-to-menu-large\n)}:host([size=xl]){--spectrum-picker-font-size:var(\n--spectrum-font-size-300\n);--spectrum-picker-block-size:var(--spectrum-component-height-300);--spectrum-picker-spacing-text-to-icon:var(--spectrum-text-to-visual-300);--spectrum-picker-spacing-text-to-alert-icon-inline-start:var(\n--spectrum-field-text-to-alert-icon-extra-large\n);--spectrum-picker-spacing-icon-to-disclosure-icon:var(\n--spectrum-picker-visual-to-disclosure-icon-extra-large\n);--spectrum-picker-spacing-label-to-picker-quiet:var(\n--spectrum-field-label-to-component-quiet-extra-large\n)}:host([size=xl][open])+.spectrum-Popover--bottom{--spectrum-picker-spacing-picker-to-popover:var(\n--spectrum-component-to-menu-extra-large\n)}@media (forced-colors:active){#button{--highcontrast-picker-focus-indicator-color:CanvasText;--highcontrast-picker-border-color-default:ButtonText;--highcontrast-picker-border-color-active:ButtonText;--highcontrast-picker-border-color-key-focus:Highlight;--highcontrast-picker-border-color-error-default-open:ButtonText;--highcontrast-picker-border-color-error-hover:ButtonText;--highcontrast-picker-border-color-error-active:ButtonText;--highcontrast-picker-font-color-default:ButtonText;--highcontrast-picker-font-color-default-open:ButtonText;--highcontrast-picker-font-color-key-focus:ButtonText;--highcontrast-picker-font-color-disabled:GrayText;--highcontrast-picker-background-color-default:Background;--highcontrast-picker-background-color-disabled:Background;--highcontrast-picker-icon-color-default:ButtonText;--highcontrast-picker-icon-color-default-open:ButtonText;--highcontrast-picker-icon-color-hover:ButtonText;--highcontrast-picker-icon-color-hover-open:ButtonText;--highcontrast-picker-icon-color-key-focus:Highlight;--highcontrast-picker-icon-color-error-default:ButtonText}#button:disabled,:host([disabled]) #button{border-color:GrayText;border-width:var(\n--mod-picker-border-width,var(--spectrum-picker-border-width)\n)}:host([quiet]) #button.focus-visible,:host([quiet][focused]) #button{forced-color-adjust:none;outline:0}:host([quiet]) #button.focus-visible,:host([quiet][focused]) #button{forced-color-adjust:none;outline:0}:host([quiet]) #button:focus-visible,:host([quiet][focused]) #button{forced-color-adjust:none;outline:0}}#button{background-color:var(\n--highcontrast-picker-background-color-default,var(\n--mod-picker-background-color-default,var(--spectrum-picker-background-color-default)\n)\n);block-size:var(--mod-picker-block-size,var(--spectrum-picker-block-size));border-color:var(\n--highcontrast-picker-border-color-default,var(\n--mod-picker-border-color-default,var(--spectrum-picker-border-color-default)\n)\n);border-radius:var(\n--mod-picker-border-radius,var(--spectrum-picker-border-radius)\n);border-style:solid;border-width:var(\n--mod-picker-border-width,var(--spectrum-picker-border-width)\n);color:var(\n--highcontrast-picker-font-color-default,var(\n--mod-picker-font-color-default,var(--spectrum-picker-font-color-default)\n)\n);display:flex;max-inline-size:100%;min-inline-size:var(\n--mod-picker-min-inline-size,var(--spectrum-picker-min-inline-size)\n);padding-block:0;padding-inline:var(\n--mod-picker-spacing-edge-to-text,var(--spectrum-picker-spacing-edge-to-text)\n);transition:background-color var(\n--mod-picker-animation-duration,var(--spectrum-picker-animation-duration)\n),box-shadow var(\n--mod-picker-animation-duration,var(--spectrum-picker-animation-duration)\n),border-color var(\n--mod-picker-animation-duration,var(--spectrum-picker-animation-duration)\n) ease-in-out}#button:after{block-size:calc(100% + var(\n--mod-picker-focus-indicator-gap,\nvar(--spectrum-picker-focus-indicator-gap)\n)*2 + var(--mod-picker-border-width, var(--spectrum-picker-border-width))*2);border-color:transparent;border-radius:calc(var(--mod-picker-border-radius, var(--spectrum-picker-border-radius)) + var(\n--mod-picker-focus-indicator-gap,\nvar(--spectrum-picker-focus-indicator-gap)\n) + var(--mod-picker-border-width, var(--spectrum-picker-border-width)));border-style:solid;border-width:var(\n--mod-picker-focus-indicator-thickness,var(--spectrum-picker-focus-indicator-thickness)\n);content:\"\";inline-size:calc(100% + var(\n--mod-picker-focus-indicator-gap,\nvar(--spectrum-picker-focus-indicator-gap)\n)*2 + var(--mod-picker-border-width, var(--spectrum-picker-border-width))*2);inset-block:0;inset-inline:0;margin-block-start:calc((var(\n--mod-picker-focus-indicator-gap,\nvar(--spectrum-picker-focus-indicator-gap)\n) + var(\n--mod-picker-focus-indicator-thickness,\nvar(--spectrum-picker-focus-indicator-thickness)\n) + var(\n--mod-picker-border-width,\nvar(--spectrum-picker-border-width)\n))*-1);margin-inline-start:calc((var(\n--mod-picker-focus-indicator-gap,\nvar(--spectrum-picker-focus-indicator-gap)\n) + var(\n--mod-picker-focus-indicator-thickness,\nvar(--spectrum-picker-focus-indicator-thickness)\n) + var(\n--mod-picker-border-width,\nvar(--spectrum-picker-border-width)\n))*-1);pointer-events:none;position:absolute}#button.focus-visible{outline:none}#button:focus-visible{outline:none}#button.focus-visible:after{border-color:var(\n--highcontrast-picker-focus-indicator-color,var(\n--mod-picker-focus-indicator-color,var(--spectrum-picker-focus-indicator-color)\n)\n)}#button.focus-visible:after{border-color:var(\n--highcontrast-picker-focus-indicator-color,var(\n--mod-picker-focus-indicator-color,var(--spectrum-picker-focus-indicator-color)\n)\n)}#button:focus-visible:after{border-color:var(\n--highcontrast-picker-focus-indicator-color,var(\n--mod-picker-focus-indicator-color,var(--spectrum-picker-focus-indicator-color)\n)\n)}#button:hover{background-color:var(\n--highcontrast-picker-background-color-default,var(\n--mod-picker-background-color-hover,var(--spectrum-picker-background-color-hover)\n)\n);border-color:var(\n--highcontrast-picker-border-color-default,var(\n--mod-picker-border-color-hover,var(--spectrum-picker-border-color-hover)\n)\n);color:var(\n--highcontrast-picker-font-color-default,var(--mod-picker-font-color-hover,(--spectrum-picker-font-color-hover))\n)}#button:hover .picker{color:var(\n--highcontrast-picker-icon-color-hover,var(\n--mod-picker-icon-color-hover,var(--spectrum-picker-icon-color-hover)\n)\n)}#button:active{background-color:var(\n--highcontrast-picker-background-active,var(\n--mod-picker-background-color-active,var(--spectrum-picker-background-color-active)\n)\n);border-color:var(\n--highcontrast-picker-border-color-active,var(\n--mod-picker-border-active,var(--spectrum-picker-border-color-active)\n)\n)}#button:active:after{border-color:transparent}#button:active.placeholder #label{color:var(\n--highcontrast-picker-font-color-default,var(\n--mod-picker-font-color-active,var(--spectrum-picker-font-color-active)\n)\n)}#button.focus-visible,:host([focused]) #button{background-color:var(\n--highcontrast-picker-background-color-default,var(\n--mod-picker-background-color-key-focus,var(--spectrum-picker-background-color-key-focus)\n)\n);border-color:var(\n--highcontrast-picker-border-color-key-focus,var(\n--mod-picker-border-color-key-focus,var(--spectrum-picker-border-color-key-focus)\n)\n);border-width:var(\n--mod-picker-border-width,var(--spectrum-picker-border-width)\n);color:var(\n--highcontrast-picker-font-color-key-focus,var(\n--mod-picker-font-color-key-focus,var(--spectrum-picker-font-color-key-focus)\n)\n)}#button.focus-visible,:host([focused]) #button{background-color:var(\n--highcontrast-picker-background-color-default,var(\n--mod-picker-background-color-key-focus,var(--spectrum-picker-background-color-key-focus)\n)\n);border-color:var(\n--highcontrast-picker-border-color-key-focus,var(\n--mod-picker-border-color-key-focus,var(--spectrum-picker-border-color-key-focus)\n)\n);border-width:var(\n--mod-picker-border-width,var(--spectrum-picker-border-width)\n);color:var(\n--highcontrast-picker-font-color-key-focus,var(\n--mod-picker-font-color-key-focus,var(--spectrum-picker-font-color-key-focus)\n)\n)}#button:focus-visible,:host([focused]) #button{background-color:var(\n--highcontrast-picker-background-color-default,var(\n--mod-picker-background-color-key-focus,var(--spectrum-picker-background-color-key-focus)\n)\n);border-color:var(\n--highcontrast-picker-border-color-key-focus,var(\n--mod-picker-border-color-key-focus,var(--spectrum-picker-border-color-key-focus)\n)\n);border-width:var(\n--mod-picker-border-width,var(--spectrum-picker-border-width)\n);color:var(\n--highcontrast-picker-font-color-key-focus,var(\n--mod-picker-font-color-key-focus,var(--spectrum-picker-font-color-key-focus)\n)\n)}#button.focus-visible.placeholder,:host([focused]) #button.placeholder{color:var(\n--highcontrast-picker-font-color-key-focus,var(\n--mod-picker-font-color-key-focus,var(--spectrum-picker-font-color-key-focus)\n)\n)}#button.focus-visible.placeholder,:host([focused]) #button.placeholder{color:var(\n--highcontrast-picker-font-color-key-focus,var(\n--mod-picker-font-color-key-focus,var(--spectrum-picker-font-color-key-focus)\n)\n)}#button:focus-visible.placeholder,:host([focused]) #button.placeholder{color:var(\n--highcontrast-picker-font-color-key-focus,var(\n--mod-picker-font-color-key-focus,var(--spectrum-picker-font-color-key-focus)\n)\n)}:host([open]) #button{background-color:var(\n--highcontrast-picker-background-default-open,var(\n--mod-picker-background-color-default-open,var(--spectrum-picker-background-color-default-open)\n)\n);border-color:var(\n--highcontrast-picker-border-color-default-open,var(\n--mod-picker-border-default-open,var(--spectrum-picker-border-color-default-open)\n)\n);color:var(\n--highcontrast-picker-font-color-default-open,var(\n--mod-picker-font-color-default-open,var(--spectrum-picker-font-color-default-open)\n)\n)}:host([open]) #button:hover{background-color:var(\n--highcontrast-picker-background-color-hover-open,var(\n--mod-picker-background-color-hover-open,var(--spectrum-picker-background-color-hover-open)\n)\n);border-color:var(\n--highcontrast-picker-border-color-hover-open,var(\n--mod-picker-border-color-hover-open,var(--spectrum-picker-border-color-hover-open)\n)\n);color:var(\n--highcontrast-picker-font-color-default,var(\n--mod-picker-font-color-hover-open,var(--spectrum-picker-font-color-hover-open)\n)\n)}:host([open]) #button:hover .picker{color:var(\n--highcontrast-picker-icon-color-hover-open,var(\n--mod-picker-icon-color-hover-open,var(--spectrum-picker-icon-color-hover-open)\n)\n)}:host([open]) #button .picker{color:var(\n--highcontrast-picker-icon-color-default-open,var(\n--mod-picker-icon-color-default-open,var(--spectrum-picker-icon-color-default-open)\n)\n)}:host([invalid]) #button{border-color:var(\n--highcontrast-picker-border-color-error-default,var(\n--mod-picker-border-color-error-default,var(--spectrum-picker-border-color-error-default)\n)\n)}:host([invalid]) #button .validation-icon{color:var(\n--highcontrast-picker-icon-color-error-default,var(\n--mod-picker-icon-color-error,var(--spectrum-picker-icon-color-error)\n)\n)}:host([invalid]) #button:hover{border-color:var(\n--highcontrast-picker-border-color-error-hover,var(\n--mod-picker-border-color-error-hover,var(--spectrum-picker-border-color-error-hover)\n)\n)}:host([invalid]) #button:active{border-color:var(\n--highcontrast-picker-border-color-error-active,var(\n--mod-picker-border-color-error-active,var(--spectrum-picker-border-color-error-active)\n)\n)}:host([invalid][open]) #button{border-color:var(\n--highcontrast-picker-border-color-error-default-open,var(\n--mod-picker-border-color-error-default-open,var(--spectrum-picker-border-color-error-default-open)\n)\n)}:host([invalid][open]) #button:hover{border-color:var(\n--highcontrast-picker-border-color-error-hover-open,var(\n--mod-picker-border-color-error-hover-open,var(--spectrum-picker-border-color-error-hover-open)\n)\n)}:host([invalid]) #button.focus-visible,:host([invalid][focused]) #button{border-color:var(\n--highcontrast-picker-border-color-error-default,var(\n--mod-picker-border-color-error-key-focus,var(--spectrum-picker-border-color-error-key-focus)\n)\n)}:host([invalid]) #button.focus-visible,:host([invalid][focused]) #button{border-color:var(\n--highcontrast-picker-border-color-error-default,var(\n--mod-picker-border-color-error-key-focus,var(--spectrum-picker-border-color-error-key-focus)\n)\n)}:host([invalid]) #button:focus-visible,:host([invalid][focused]) #button{border-color:var(\n--highcontrast-picker-border-color-error-default,var(\n--mod-picker-border-color-error-key-focus,var(--spectrum-picker-border-color-error-key-focus)\n)\n)}#button.is-loading .picker{color:var(\n--highcontrast-picker-icon-color-disabled,var(\n--mod-picker-icon-color-disabled,var(--spectrum-picker-icon-color-disabled)\n)\n)}#button:disabled,:host([disabled]) #button{background-color:var(\n--highcontrast-picker-background-color-disabled,var(\n--mod-picker-background-color-disabled,var(--spectrum-picker-background-color-disabled)\n)\n);border-color:transparent;border-width:var(\n--mod-picker-border-width,var(--spectrum-picker-border-width)\n);color:var(\n--highcontrast-picker-font-color-disabled,var(\n--mod-picker-font-color-disabled,var(--spectrum-picker-font-color-disabled)\n)\n);cursor:default}#button:disabled .icon,#button:disabled .picker,#button:disabled .validation-icon,:host([disabled]) #button .icon,:host([disabled]) #button .picker,:host([disabled]) #button .validation-icon{color:var(\n--highcontrast-picker-icon-color-disabled,var(\n--mod-picker-icon-color-disabled,var(--spectrum-picker-icon-color-disabled)\n)\n)}#button:disabled #label.placeholder,:host([disabled]) #button #label.placeholder{color:var(\n--highcontrast-picker-font-color-disabled,var(\n--mod-picker-font-color-disabled,var(--spectrum-picker-font-color-disabled)\n)\n)}.icon{flex-shrink:0;margin-inline-end:var(\n--mod-picker-spacing-text-to-icon,var(--spectrum-picker-spacing-text-to-icon)\n)}:host([quiet]) #button{inline-size:auto;min-inline-size:0}:host([quiet]) #button:disabled.focus-visible,:host([quiet][disabled]) #button.focus-visible{border-color:transparent}:host([quiet]) #button:disabled.focus-visible,:host([quiet][disabled]) #button.focus-visible{border-color:transparent}:host([quiet]) #button:disabled:focus-visible,:host([quiet][disabled]) #button:focus-visible{border-color:transparent}#label{block-size:calc(var(--mod-picker-block-size, var(--spectrum-picker-block-size)) - var(--mod-picker-border-width, var(--spectrum-picker-border-width))*2);flex:1 1 auto;font-size:var(--mod-picker-font-size,var(--spectrum-picker-font-size));line-height:calc(var(--mod-picker-block-size, var(--spectrum-picker-block-size)) - var(--mod-picker-border-width, var(--spectrum-picker-border-width))*2);overflow:hidden;text-align:start;text-overflow:ellipsis;white-space:nowrap}#label.placeholder{color:var(\n--highcontrast-picker-font-color-default,var(\n--mod-picker-font-color-default,var(--spectrum-picker-font-color-default)\n)\n);font-style:var(\n--mod-picker-placeholder-font-style,var(--spectrum-picker-placeholder-font-style)\n);font-weight:var(\n--mod-picker-font-weight,var(--spectrum-picker-font-weight)\n);transition:color var(\n--mod-picker-animation-duration,var(--spectrum-picker-animation-duration)\n) ease-in-out}#label.placeholder:hover{color:var(\n--highcontrast-picker-font-color-default,var(\n--mod-picker-font-color-hover,var(--spectrum-picker-font-color-hover)\n)\n)}#label.placeholder:active{color:var(\n--highcontrast-picker-font-color-default,var(\n--mod-picker-font-color-active,var(--spectrum-picker-font-color-active)\n)\n)}.picker{color:var(\n--highcontrast-picker-icon-color-default,var(\n--mod-picker-icon-color-default,var(--spectrum-picker-icon-color-default)\n)\n);display:inline-block;flex-shrink:0;margin-inline-start:var(\n--mod-picker-spacing-icon-to-disclosure-icon,var(--spectrum-picker-spacing-icon-to-disclosure-icon)\n);position:relative;transition:color var(\n--mod-picker-animation-duration,var(--spectrum-picker-animation-duration)\n) ease-out;vertical-align:top}.picker.focus-visible{color:var(\n--highcontrast-picker-icon-color-key-focus,var(\n--mod-picker-icon-color-key-focus,var(--spectrum-picker-icon-color-key-focus)\n)\n)}.picker:focus-visible{color:var(\n--highcontrast-picker-icon-color-key-focus,var(\n--mod-picker-icon-color-key-focus,var(--spectrum-picker-icon-color-key-focus)\n)\n)}.picker:active{color:var(\n--highcontrast-picker-icon-color-default,var(\n--mod-picker-icon-color-active,var(--spectrum-picker-icon-color-active)\n)\n)}.validation-icon{margin-inline-start:var(\n--mod-picker-spacing-text-to-alert-icon-inline-start,var(--spectrum-picker-spacing-text-to-alert-icon-inline-start)\n)}#label~.picker{margin-inline-start:var(\n--mod-picker-spacing-text-to-icon,var(--spectrum-picker-spacing-text-to-icon)\n)}:host([quiet][open])+.spectrum-Popover--bottom{margin-inline-start:calc(var(\n--mod-picker-popover-quiet-offset-x,\nvar(--spectrum-picker-popover-quiet-offset-x)\n)*-1)}:host([quiet]) #button{background-color:transparent;border:none;border-radius:0;color:var(\n--highcontrast-picker-font-color-default,var(\n--mod-picker-font-color-default,var(--spectrum-picker-font-color-default)\n)\n);margin-block-start:calc(var(\n--mod-picker-spacing-label-to-picker-quiet,\nvar(--spectrum-picker-spacing-label-to-picker-quiet)\n) + 1px);padding-inline:var(\n--mod-picker-spacing-edge-to-text-quiet,var(--spectrum-picker-spacing-edge-to-text-quiet)\n)}:host([quiet]) #button:after{block-size:auto;border:none;inline-size:auto}:host([quiet]) #button:hover{background-color:transparent}:host([quiet]) #button.focus-visible,:host([quiet][focused]) #button{background-color:transparent}:host([quiet]) #button.focus-visible,:host([quiet][focused]) #button{background-color:transparent}:host([quiet]) #button:focus-visible,:host([quiet][focused]) #button{background-color:transparent}:host([quiet]) #button.focus-visible:after,:host([quiet][focused]) #button:after{border:none;border-radius:0;box-shadow:0 var(\n--mod-picker-focus-indicator-thickness,var(--spectrum-picker-focus-indicator-thickness)\n) 0 0 var(\n--highcontrast-picker-focus-indicator-color,var(\n--mod-picker-focus-indicator-color,var(--spectrum-picker-focus-indicator-color)\n)\n);margin:calc((var(\n--mod-picker-focus-indicator-gap,\nvar(--spectrum-picker-focus-indicator-gap)\n) + var(\n--mod-picker-border-width,\nvar(--spectrum-picker-border-width)\n))*-1) 0}:host([quiet]) #button.focus-visible:after,:host([quiet][focused]) #button:after{border:none;border-radius:0;box-shadow:0 var(\n--mod-picker-focus-indicator-thickness,var(--spectrum-picker-focus-indicator-thickness)\n) 0 0 var(\n--highcontrast-picker-focus-indicator-color,var(\n--mod-picker-focus-indicator-color,var(--spectrum-picker-focus-indicator-color)\n)\n);margin:calc((var(\n--mod-picker-focus-indicator-gap,\nvar(--spectrum-picker-focus-indicator-gap)\n) + var(\n--mod-picker-border-width,\nvar(--spectrum-picker-border-width)\n))*-1) 0}:host([quiet]) #button:focus-visible:after,:host([quiet][focused]) #button:after{border:none;border-radius:0;box-shadow:0 var(\n--mod-picker-focus-indicator-thickness,var(--spectrum-picker-focus-indicator-thickness)\n) 0 0 var(\n--highcontrast-picker-focus-indicator-color,var(\n--mod-picker-focus-indicator-color,var(--spectrum-picker-focus-indicator-color)\n)\n);margin:calc((var(\n--mod-picker-focus-indicator-gap,\nvar(--spectrum-picker-focus-indicator-gap)\n) + var(\n--mod-picker-border-width,\nvar(--spectrum-picker-border-width)\n))*-1) 0}:host([quiet]) #button:active,:host([quiet][open]) #button{background-color:transparent}:host([quiet]) #button:disabled,:host([quiet][disabled]) #button{background-color:transparent}:host{--spectrum-picker-background-color-default:var(\n--system-spectrum-picker-background-color-default\n);--spectrum-picker-background-color-default-open:var(\n--system-spectrum-picker-background-color-default-open\n);--spectrum-picker-background-color-active:var(\n--system-spectrum-picker-background-color-active\n);--spectrum-picker-background-color-hover:var(\n--system-spectrum-picker-background-color-hover\n);--spectrum-picker-background-color-hover-open:var(\n--system-spectrum-picker-background-color-hover-open\n);--spectrum-picker-background-color-key-focus:var(\n--system-spectrum-picker-background-color-key-focus\n);--spectrum-picker-border-color-default:var(\n--system-spectrum-picker-border-color-default\n);--spectrum-picker-border-color-default-open:var(\n--system-spectrum-picker-border-color-default-open\n);--spectrum-picker-border-color-hover:var(\n--system-spectrum-picker-border-color-hover\n);--spectrum-picker-border-color-hover-open:var(\n--system-spectrum-picker-border-color-hover-open\n);--spectrum-picker-border-color-active:var(\n--system-spectrum-picker-border-color-active\n);--spectrum-picker-border-color-key-focus:var(\n--system-spectrum-picker-border-color-key-focus\n)}:host{display:inline-flex;max-width:100%;min-width:var(--spectrum-picker-min-width);vertical-align:top;width:var(--spectrum-picker-width)}:host([quiet]){min-width:0;width:auto}:host([size]){--spectrum-picker-width:var(--spectrum-global-dimension-size-2400)}#button{max-width:100%;min-width:100%;width:100%}#icon:not([hidden]){display:inline-flex}:host([readonly]) #button{-webkit-user-select:inherit;user-select:inherit}sp-popover{display:none}.picker,.validation-icon{flex-shrink:0}:host([focused]:not([quiet])) #button #label.placeholder{color:var(\n--spectrum-picker-placeholder-text-color-key-focus,var(--spectrum-alias-placeholder-text-color-hover)\n)}:host([focused]:not([quiet])) #button .picker{color:var(\n--spectrum-picker-icon-color-key-focus,var(--spectrum-alias-icon-color-focus)\n)}.visually-hidden{clip:rect(0,0,0,0);border:0;clip-path:inset(50%);height:1px;margin:0 -1px -1px 0;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}:host([dir=ltr]) #label.visually-hidden+.picker{margin-left:auto}:host([dir=rtl]) #label.visually-hidden+.picker{margin-right:auto}\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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA4df,eAAe;",
6
6
  "names": []
7
7
  }
package/src/picker.css.js CHANGED
@@ -1,7 +1,7 @@
1
1
  "use strict";import{css as r}from"@spectrum-web-components/base";const o=r`
2
- #button{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-appearance:button;box-sizing:border-box;cursor:pointer;display:inline-flex;font-family:var(
2
+ #button{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;-webkit-appearance:button;box-sizing:border-box;cursor:pointer;display:inline-flex;font-family:var(
3
3
  --mod-sans-font-family-stack,var(--spectrum-sans-font-family-stack)
4
- );line-height:var(--mod-line-height-100,var(--spectrum-line-height-100));overflow:visible;position:relative;text-decoration:none;text-transform:none;transition:background var(
4
+ );justify-content:center;line-height:var(--mod-line-height-100,var(--spectrum-line-height-100));margin:0;overflow:visible;position:relative;text-decoration:none;text-transform:none;transition:background var(
5
5
  --mod-animation-duration-100,var(--spectrum-animation-duration-100)
6
6
  ) ease-out,border-color var(
7
7
  --mod-animation-duration-100,var(--spectrum-animation-duration-100)
@@ -11,8 +11,8 @@
11
11
  --mod-animation-duration-100,var(--spectrum-animation-duration-100)
12
12
  ) ease-out;user-select:none;-webkit-user-select:none;vertical-align:top}#button:focus{outline:none}#button::-moz-focus-inner{border:0;border-style:none;margin-block-end:-2px;margin-block-start:-2px;padding:0}#button:disabled{cursor:default}:host{--spectrum-picker-font-size:var(
13
13
  --spectrum-font-size-100
14
- );--spectrum-picker-placeholder-font-style-default:italic;--spectrum-picker-placeholder-cjk-font-style:normal;--spectrum-picker-placeholder-font-style:var(
15
- --spectrum-picker-placeholder-font-style-default
14
+ );--spectrum-picker-font-weight:var(--spectrum-regular-font-weight);--spectrum-picker-placeholder-font-style:var(
15
+ --spectrum-default-font-style
16
16
  );--spectrum-picker-min-inline-size:var(
17
17
  --spectrum-picker-minimum-width-multiplier
18
18
  );--spectrum-picker-block-size:var(--spectrum-component-height-100);--spectrum-picker-border-width:var(--spectrum-border-width-100);--spectrum-picker-border-radius:var(--spectrum-corner-radius-100);--spectrum-picker-spacing-edge-to-text:var(
@@ -23,8 +23,6 @@
23
23
  --spectrum-field-text-to-alert-icon-medium
24
24
  );--spectrum-picker-spacing-icon-to-disclosure-icon:var(
25
25
  --spectrum-picker-visual-to-disclosure-icon-medium
26
- );--spectrum-picker-spacing-label-to-picker:var(
27
- --spectrum-field-label-to-component
28
26
  );--spectrum-picker-spacing-label-to-picker-quiet:var(
29
27
  --spectrum-field-label-to-component-quiet-medium
30
28
  );--spectrum-picker-animation-duration:var(
@@ -71,12 +69,10 @@
71
69
  --spectrum-disabled-content-color
72
70
  );--spectrum-picker-icon-color-disabled:var(
73
71
  --spectrum-disabled-content-color
74
- );--spectrum-focus-indicator-gap:2px;--spectrum-picker-focus-indicator-gap:var(--spectrum-focus-indicator-gap);--spectrum-focus-indicator-thickness:2px;--spectrum-picker-focus-indicator-thickness:var(
72
+ );--spectrum-picker-focus-indicator-gap:var(--spectrum-focus-indicator-gap);--spectrum-picker-focus-indicator-thickness:var(
75
73
  --spectrum-focus-indicator-thickness
76
74
  );--spectrum-picker-focus-indicator-color:var(
77
75
  --spectrum-focus-indicator-color
78
- )}#button:lang(ja),#button:lang(ko),#button:lang(zh){--spectrum-picker-placeholder-font-style:var(
79
- --spectrum-picker-placeholder-cjk-font-style
80
76
  )}:host([size=s]){--spectrum-picker-font-size:var(
81
77
  --spectrum-font-size-75
82
78
  );--spectrum-picker-block-size:var(--spectrum-component-height-75);--spectrum-picker-spacing-text-to-icon:var(--spectrum-text-to-visual-75);--spectrum-picker-spacing-text-to-alert-icon-inline-start:var(
@@ -119,19 +115,7 @@
119
115
  --spectrum-component-to-menu-extra-large
120
116
  )}@media (forced-colors:active){#button{--highcontrast-picker-focus-indicator-color:CanvasText;--highcontrast-picker-border-color-default:ButtonText;--highcontrast-picker-border-color-active:ButtonText;--highcontrast-picker-border-color-key-focus:Highlight;--highcontrast-picker-border-color-error-default-open:ButtonText;--highcontrast-picker-border-color-error-hover:ButtonText;--highcontrast-picker-border-color-error-active:ButtonText;--highcontrast-picker-font-color-default:ButtonText;--highcontrast-picker-font-color-default-open:ButtonText;--highcontrast-picker-font-color-key-focus:ButtonText;--highcontrast-picker-font-color-disabled:GrayText;--highcontrast-picker-background-color-default:Background;--highcontrast-picker-background-color-disabled:Background;--highcontrast-picker-icon-color-default:ButtonText;--highcontrast-picker-icon-color-default-open:ButtonText;--highcontrast-picker-icon-color-hover:ButtonText;--highcontrast-picker-icon-color-hover-open:ButtonText;--highcontrast-picker-icon-color-key-focus:Highlight;--highcontrast-picker-icon-color-error-default:ButtonText}#button:disabled,:host([disabled]) #button{border-color:GrayText;border-width:var(
121
117
  --mod-picker-border-width,var(--spectrum-picker-border-width)
122
- )}:host([quiet]) #button.focus-visible,:host([quiet][focused]) #button{box-shadow:0 0 0 var(
123
- --highcontrast-picker-focus-indicator-color,var(
124
- --mod-picker-focus-indicator-color,var(--spectrum-picker-focus-indicator-color)
125
- )
126
- );forced-color-adjust:none;outline:0}:host([quiet]) #button.focus-visible,:host([quiet][focused]) #button{box-shadow:0 0 0 var(
127
- --highcontrast-picker-focus-indicator-color,var(
128
- --mod-picker-focus-indicator-color,var(--spectrum-picker-focus-indicator-color)
129
- )
130
- );forced-color-adjust:none;outline:0}:host([quiet]) #button:focus-visible,:host([quiet][focused]) #button{box-shadow:0 0 0 var(
131
- --highcontrast-picker-focus-indicator-color,var(
132
- --mod-picker-focus-indicator-color,var(--spectrum-picker-focus-indicator-color)
133
- )
134
- );forced-color-adjust:none;outline:0}}#button{align-items:center;background-color:var(
118
+ )}:host([quiet]) #button.focus-visible,:host([quiet][focused]) #button{forced-color-adjust:none;outline:0}:host([quiet]) #button.focus-visible,:host([quiet][focused]) #button{forced-color-adjust:none;outline:0}:host([quiet]) #button:focus-visible,:host([quiet][focused]) #button{forced-color-adjust:none;outline:0}}#button{background-color:var(
135
119
  --highcontrast-picker-background-color-default,var(
136
120
  --mod-picker-background-color-default,var(--spectrum-picker-background-color-default)
137
121
  )
@@ -142,14 +126,12 @@
142
126
  );border-radius:var(
143
127
  --mod-picker-border-radius,var(--spectrum-picker-border-radius)
144
128
  );border-style:solid;border-width:var(
145
- --mod-spectrum-picker-border-width,var(--spectrum-picker-border-width)
129
+ --mod-picker-border-width,var(--spectrum-picker-border-width)
146
130
  );color:var(
147
131
  --highcontrast-picker-font-color-default,var(
148
132
  --mod-picker-font-color-default,var(--spectrum-picker-font-color-default)
149
133
  )
150
- );display:flex;justify-content:center;margin:0;margin-block-start:var(
151
- --mod-picker-spacing-label-to-picker,var(--spectrum-picker-spacing-label-to-picker)
152
- );max-inline-size:100%;min-inline-size:var(
134
+ );display:flex;max-inline-size:100%;min-inline-size:var(
153
135
  --mod-picker-min-inline-size,var(--spectrum-picker-min-inline-size)
154
136
  );padding-block:0;padding-inline:var(
155
137
  --mod-picker-spacing-edge-to-text,var(--spectrum-picker-spacing-edge-to-text)
@@ -162,27 +144,33 @@
162
144
  ) ease-in-out}#button:after{block-size:calc(100% + var(
163
145
  --mod-picker-focus-indicator-gap,
164
146
  var(--spectrum-picker-focus-indicator-gap)
165
- )*2 + var(
166
- --mod-picker-border-width,
167
- var(--spectrum-picker-border-width) * 2
168
- ));border-color:transparent;border-radius:calc(var(--mod-picker-border-radius, var(--spectrum-picker-border-radius)) + var(
147
+ )*2 + var(--mod-picker-border-width, var(--spectrum-picker-border-width))*2);border-color:transparent;border-radius:calc(var(--mod-picker-border-radius, var(--spectrum-picker-border-radius)) + var(
169
148
  --mod-picker-focus-indicator-gap,
170
149
  var(--spectrum-picker-focus-indicator-gap)
171
150
  ) + var(--mod-picker-border-width, var(--spectrum-picker-border-width)));border-style:solid;border-width:var(
172
151
  --mod-picker-focus-indicator-thickness,var(--spectrum-picker-focus-indicator-thickness)
173
- );bottom:0;content:"";inline-size:calc(100% + var(
152
+ );content:"";inline-size:calc(100% + var(
153
+ --mod-picker-focus-indicator-gap,
154
+ var(--spectrum-picker-focus-indicator-gap)
155
+ )*2 + var(--mod-picker-border-width, var(--spectrum-picker-border-width))*2);inset-block:0;inset-inline:0;margin-block-start:calc((var(
174
156
  --mod-picker-focus-indicator-gap,
175
157
  var(--spectrum-picker-focus-indicator-gap)
176
- )*2 + var(--mod-picker-border-width, var(--spectrum-picker-border-width))*2);left:0;margin:auto;margin-inline-start:calc((var(
158
+ ) + var(
159
+ --mod-picker-focus-indicator-thickness,
160
+ var(--spectrum-picker-focus-indicator-thickness)
161
+ ) + var(
162
+ --mod-picker-border-width,
163
+ var(--spectrum-picker-border-width)
164
+ ))*-1);margin-inline-start:calc((var(
177
165
  --mod-picker-focus-indicator-gap,
178
166
  var(--spectrum-picker-focus-indicator-gap)
179
167
  ) + var(
180
168
  --mod-picker-focus-indicator-thickness,
181
169
  var(--spectrum-picker-focus-indicator-thickness)
182
170
  ) + var(
183
- --mod-picker-border-size,
184
- var(--spectrum-picker-border-size)
185
- ))*-1);pointer-events:none;position:absolute;right:0;top:0}#button.focus-visible{outline:none}#button:focus-visible{outline:none}#button.focus-visible:after{border-color:var(
171
+ --mod-picker-border-width,
172
+ var(--spectrum-picker-border-width)
173
+ ))*-1);pointer-events:none;position:absolute}#button.focus-visible{outline:none}#button:focus-visible{outline:none}#button.focus-visible:after{border-color:var(
186
174
  --highcontrast-picker-focus-indicator-color,var(
187
175
  --mod-picker-focus-indicator-color,var(--spectrum-picker-focus-indicator-color)
188
176
  )
@@ -286,7 +274,15 @@ var(--spectrum-picker-border-size)
286
274
  --highcontrast-picker-font-color-default-open,var(
287
275
  --mod-picker-font-color-default-open,var(--spectrum-picker-font-color-default-open)
288
276
  )
289
- )}:host([open]) #button:hover{background-color:var(--spectrum-picker-background-color-hover-open);border-color:var(--spectrum-picker-border-color-hover-open);color:var(
277
+ )}:host([open]) #button:hover{background-color:var(
278
+ --highcontrast-picker-background-color-hover-open,var(
279
+ --mod-picker-background-color-hover-open,var(--spectrum-picker-background-color-hover-open)
280
+ )
281
+ );border-color:var(
282
+ --highcontrast-picker-border-color-hover-open,var(
283
+ --mod-picker-border-color-hover-open,var(--spectrum-picker-border-color-hover-open)
284
+ )
285
+ );color:var(
290
286
  --highcontrast-picker-font-color-default,var(
291
287
  --mod-picker-font-color-hover-open,var(--spectrum-picker-font-color-hover-open)
292
288
  )
@@ -358,13 +354,15 @@ var(--spectrum-picker-border-size)
358
354
  )
359
355
  )}.icon{flex-shrink:0;margin-inline-end:var(
360
356
  --mod-picker-spacing-text-to-icon,var(--spectrum-picker-spacing-text-to-icon)
361
- )}:host([quiet]) #button{inline-size:auto;min-inline-size:0}:host([quiet]) #button:disabled.focus-visible,:host([quiet][disabled]) #button.focus-visible{border-color:transparent}:host([quiet]) #button:disabled.focus-visible,:host([quiet][disabled]) #button.focus-visible{border-color:transparent}:host([quiet]) #button:disabled:focus-visible,:host([quiet][disabled]) #button:focus-visible{border-color:transparent}#label{block-size:calc(var(--mod-picker-block-size, var(--spectrum-picker-block-size)) - var(--mod-picker-border-size, var(--spectrum-picker-border-size))*2);flex:1 1 auto;font-size:var(--mod-picker-font-size,var(--spectrum-picker-font-size));line-height:calc(var(--mod-picker-block-size, var(--spectrum-picker-block-size)) - var(--mod-picker-border-size, var(--spectrum-picker-border-size))*2);overflow:hidden;text-align:start;text-overflow:ellipsis;white-space:nowrap}#label.placeholder{color:var(
357
+ )}:host([quiet]) #button{inline-size:auto;min-inline-size:0}:host([quiet]) #button:disabled.focus-visible,:host([quiet][disabled]) #button.focus-visible{border-color:transparent}:host([quiet]) #button:disabled.focus-visible,:host([quiet][disabled]) #button.focus-visible{border-color:transparent}:host([quiet]) #button:disabled:focus-visible,:host([quiet][disabled]) #button:focus-visible{border-color:transparent}#label{block-size:calc(var(--mod-picker-block-size, var(--spectrum-picker-block-size)) - var(--mod-picker-border-width, var(--spectrum-picker-border-width))*2);flex:1 1 auto;font-size:var(--mod-picker-font-size,var(--spectrum-picker-font-size));line-height:calc(var(--mod-picker-block-size, var(--spectrum-picker-block-size)) - var(--mod-picker-border-width, var(--spectrum-picker-border-width))*2);overflow:hidden;text-align:start;text-overflow:ellipsis;white-space:nowrap}#label.placeholder{color:var(
362
358
  --highcontrast-picker-font-color-default,var(
363
359
  --mod-picker-font-color-default,var(--spectrum-picker-font-color-default)
364
360
  )
365
361
  );font-style:var(
366
362
  --mod-picker-placeholder-font-style,var(--spectrum-picker-placeholder-font-style)
367
- );font-weight:400;transition:color var(
363
+ );font-weight:var(
364
+ --mod-picker-font-weight,var(--spectrum-picker-font-weight)
365
+ );transition:color var(
368
366
  --mod-picker-animation-duration,var(--spectrum-picker-animation-duration)
369
367
  ) ease-in-out}#label.placeholder:hover{color:var(
370
368
  --highcontrast-picker-font-color-default,var(
@@ -405,11 +403,12 @@ var(--spectrum-picker-popover-quiet-offset-x)
405
403
  --highcontrast-picker-font-color-default,var(
406
404
  --mod-picker-font-color-default,var(--spectrum-picker-font-color-default)
407
405
  )
408
- );margin-block-start:var(
409
- --mod-picker-spacing-label-to-picker-quiet,var(--spectrum-picker-spacing-label-to-picker-quiet)
410
- );padding-inline:var(
406
+ );margin-block-start:calc(var(
407
+ --mod-picker-spacing-label-to-picker-quiet,
408
+ var(--spectrum-picker-spacing-label-to-picker-quiet)
409
+ ) + 1px);padding-inline:var(
411
410
  --mod-picker-spacing-edge-to-text-quiet,var(--spectrum-picker-spacing-edge-to-text-quiet)
412
- )}:host([quiet]) #button:after{border:none}:host([quiet]) #button:hover{background-color:transparent}:host([quiet]) #button.focus-visible,:host([quiet][focused]) #button{background-color:transparent}:host([quiet]) #button.focus-visible,:host([quiet][focused]) #button{background-color:transparent}:host([quiet]) #button:focus-visible,:host([quiet][focused]) #button{background-color:transparent}:host([quiet]) #button.focus-visible:after,:host([quiet][focused]) #button:after{border:none;border-radius:0;box-shadow:0 var(
411
+ )}:host([quiet]) #button:after{block-size:auto;border:none;inline-size:auto}:host([quiet]) #button:hover{background-color:transparent}:host([quiet]) #button.focus-visible,:host([quiet][focused]) #button{background-color:transparent}:host([quiet]) #button.focus-visible,:host([quiet][focused]) #button{background-color:transparent}:host([quiet]) #button:focus-visible,:host([quiet][focused]) #button{background-color:transparent}:host([quiet]) #button.focus-visible:after,:host([quiet][focused]) #button:after{border:none;border-radius:0;box-shadow:0 var(
413
412
  --mod-picker-focus-indicator-thickness,var(--spectrum-picker-focus-indicator-thickness)
414
413
  ) 0 0 var(
415
414
  --highcontrast-picker-focus-indicator-color,var(
@@ -445,27 +444,7 @@ var(--spectrum-picker-focus-indicator-gap)
445
444
  ) + var(
446
445
  --mod-picker-border-width,
447
446
  var(--spectrum-picker-border-width)
448
- ))*-1) 0}:host([quiet]) #button:active,:host([quiet][open]) #button{background-color:transparent}:host([quiet]) #button:active.focus-visible:after,:host([quiet][focused]) #button:active:after,:host([quiet][open]) #button.focus-visible:after,:host([quiet][open][focused]) #button:after{box-shadow:none}:host([quiet]) #button:active.focus-visible:after,:host([quiet][focused]) #button:active:after,:host([quiet][open]) #button.focus-visible:after,:host([quiet][open][focused]) #button:after{box-shadow:none}:host([quiet]) #button:active:focus-visible:after,:host([quiet][focused]) #button:active:after,:host([quiet][open]) #button:focus-visible:after,:host([quiet][open][focused]) #button:after{box-shadow:none}:host([quiet][invalid]:not([open])) #button.focus-visible,:host([quiet][invalid]:not([open])[focused]) #button{box-shadow:none}:host([quiet][invalid]:not([open])) #button.focus-visible,:host([quiet][invalid]:not([open])[focused]) #button{box-shadow:none}:host([quiet][invalid]:not([open])) #button:focus-visible,:host([quiet][invalid]:not([open])[focused]) #button{box-shadow:none}:host([quiet][invalid]:not([open])) #button.focus-visible:after,:host([quiet][invalid]:not([open])[focused]) #button:after{box-shadow:0 var(
449
- --mod-picker-focus-indicator-thickness,var(--spectrum-picker-focus-indicator-thickness)
450
- ) 0 0 var(
451
- --highcontrast-picker-focus-indicator-color,var(
452
- --mod-picker-focus-indicator-color,var(--spectrum-picker-focus-indicator-color)
453
- )
454
- )}:host([quiet][invalid]:not([open])) #button.focus-visible:after,:host([quiet][invalid]:not([open])[focused]) #button:after{box-shadow:0 var(
455
- --mod-picker-focus-indicator-thickness,var(--spectrum-picker-focus-indicator-thickness)
456
- ) 0 0 var(
457
- --highcontrast-picker-focus-indicator-color,var(
458
- --mod-picker-focus-indicator-color,var(--spectrum-picker-focus-indicator-color)
459
- )
460
- )}:host([quiet][invalid]:not([open])) #button:focus-visible:after,:host([quiet][invalid]:not([open])[focused]) #button:after{box-shadow:0 var(
461
- --mod-picker-focus-indicator-thickness,var(--spectrum-picker-focus-indicator-thickness)
462
- ) 0 0 var(
463
- --highcontrast-picker-focus-indicator-color,var(
464
- --mod-picker-focus-indicator-color,var(--spectrum-picker-focus-indicator-color)
465
- )
466
- )}:host([quiet]) #button:disabled,:host([quiet][disabled]) #button{background-color:transparent}:host{--spectrum-picker-border-size:var(
467
- --system-spectrum-picker-border-size
468
- );--spectrum-picker-background-color-default:var(
447
+ ))*-1) 0}:host([quiet]) #button:active,:host([quiet][open]) #button{background-color:transparent}:host([quiet]) #button:disabled,:host([quiet][disabled]) #button{background-color:transparent}:host{--spectrum-picker-background-color-default:var(
469
448
  --system-spectrum-picker-background-color-default
470
449
  );--spectrum-picker-background-color-default-open:var(
471
450
  --system-spectrum-picker-background-color-default-open