@spectrum-web-components/picker-button 0.1.8 → 0.1.9

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 (11) hide show
  1. package/custom-elements.json +3 -3
  2. package/package.json +3 -3
  3. package/src/picker-button.css.dev.js +60 -210
  4. package/src/picker-button.css.dev.js.map +2 -2
  5. package/src/picker-button.css.js +62 -212
  6. package/src/picker-button.css.js.map +2 -2
  7. package/src/spectrum-config.js +188 -90
  8. package/src/spectrum-picker-button.css.dev.js +60 -210
  9. package/src/spectrum-picker-button.css.dev.js.map +2 -2
  10. package/src/spectrum-picker-button.css.js +62 -212
  11. package/src/spectrum-picker-button.css.js.map +2 -2
package/src/picker-button.css.js CHANGED
@@ -1,37 +1,29 @@
1
- "use strict";import{css as o}from"@spectrum-web-components/base";const t=o`
1
+ "use strict";import{css as t}from"@spectrum-web-components/base";const i=t`
2
2
  .root{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-appearance:button;border-style:solid;box-sizing:border-box;cursor:pointer;display:inline-flex;font-family:var(
3
3
  --spectrum-alias-body-text-font-family,var(--spectrum-global-font-family-base)
4
4
  );line-height:var(
5
5
  --spectrum-alias-component-text-line-height,var(--spectrum-global-font-line-height-small)
6
- );margin:0;overflow:visible;position:relative;text-decoration:none;text-transform:none;transition:background var(--spectrum-global-animation-duration-100,.13s) ease-out,border-color var(--spectrum-global-animation-duration-100,.13s) ease-out,color var(--spectrum-global-animation-duration-100,.13s) ease-out,box-shadow var(--spectrum-global-animation-duration-100,.13s) ease-out;user-select:none;-webkit-user-select:none;vertical-align:top}.root:focus{outline:none}.root::-moz-focus-inner{border:0;border-style:none;margin-bottom:-2px;margin-top:-2px;padding:0}:host([disabled]) .root{cursor:default}:host([size=s]){--spectrum-PickerButton-label-padding-y:var(
6
+ );margin:0;overflow:visible;position:relative;text-decoration:none;text-transform:none;transition:background var(--spectrum-global-animation-duration-100,.13s) ease-out,border-color var(--spectrum-global-animation-duration-100,.13s) ease-out,color var(--spectrum-global-animation-duration-100,.13s) ease-out,box-shadow var(--spectrum-global-animation-duration-100,.13s) ease-out;-webkit-user-select:none;user-select:none;vertical-align:top}.root:focus{outline:none}.root::-moz-focus-inner{border:0;margin-bottom:-2px;margin-top:-2px;padding:0}:host([disabled]) .root{cursor:default}:host([size=s]){--spectrum-PickerButton-label-padding-y:var(
7
7
  --spectrum-alias-pickerbutton-label-padding-y-s,var(--spectrum-global-dimension-size-50)
8
8
  );--spectrum-PickerButton-icon-margin-y:var(
9
9
  --spectrum-alias-pickerbutton-icon-margin-y-s,var(--spectrum-global-dimension-size-85)
10
10
  );--spectrum-PickerButton-icononly-padding-x:var(
11
11
  --spectrum-alias-pickerbutton-icononly-padding-x-s,var(--spectrum-global-dimension-size-85)
12
- )}:host([size=s]) .root{padding:var(
13
- --spectrum-alias-infieldbutton-padding-s,0
14
- )}:host([size=s]){--spectrum-PickerButton-Fill-size:var(
12
+ );padding:var(--spectrum-alias-infieldbutton-padding-s,0)}:host([size=s]) .spectrum-PickerButton-fill{--spectrum-PickerButton-Fill-size:var(
15
13
  --spectrum-alias-infieldbutton-full-height-s,var(--spectrum-global-dimension-size-300)
16
- )}:host([size=s]) .root .spectrum-PickerButton-fill{gap:var(--spectrum-global-dimension-size-75);height:var(
14
+ );gap:var(--spectrum-global-dimension-size-75);height:var(
17
15
  --spectrum-alias-infieldbutton-full-height-s,var(--spectrum-global-dimension-size-300)
18
16
  );width:var(
19
17
  --spectrum-alias-infieldbutton-full-height-s,var(--spectrum-global-dimension-size-300)
20
- )}:host([size=s]) .root .spectrum-PickerButton-label{font-size:var(
21
- --spectrum-global-dimension-font-size-75
22
- );padding-bottom:var(
18
+ )}:host([size=s]) .spectrum-PickerButton-label{font-size:var(--spectrum-global-dimension-font-size-75);padding-bottom:var(
23
19
  --spectrum-alias-pickerbutton-label-padding-y-s,var(--spectrum-global-dimension-size-50)
24
20
  );padding-top:var(
25
21
  --spectrum-alias-pickerbutton-label-padding-y-s,var(--spectrum-global-dimension-size-50)
26
- )}:host([size=s]) .root .spectrum-PickerButton-icon{gap:var(
27
- --spectrum-global-dimension-size-85
28
- );height:var(--spectrum-global-dimension-size-200);margin-bottom:var(
22
+ )}:host([size=s]) .spectrum-PickerButton-icon{gap:var(--spectrum-global-dimension-size-85);height:var(--spectrum-global-dimension-size-200);margin-bottom:var(
29
23
  --spectrum-alias-infieldbutton-icon-margin-y-s,var(--spectrum-global-dimension-size-50)
30
24
  );margin-top:var(
31
25
  --spectrum-alias-infieldbutton-icon-margin-y-s,var(--spectrum-global-dimension-size-50)
32
- );width:var(--spectrum-global-dimension-size-200)}:host([size=s]) .root .spectrum-PickerButton-UIIcon{height:var(
33
- --spectrum-alias-ui-icon-chevron-size-100
34
- );margin-bottom:var(
26
+ );width:var(--spectrum-global-dimension-size-200)}:host([size=s]) .spectrum-PickerButton-UIIcon{height:var(--spectrum-alias-ui-icon-chevron-size-100);margin-bottom:var(
35
27
  --spectrum-alias-pickerbutton-icon-margin-y-s,var(--spectrum-global-dimension-size-85)
36
28
  );margin-top:var(
37
29
  --spectrum-alias-pickerbutton-icon-margin-y-s,var(--spectrum-global-dimension-size-85)
@@ -41,29 +33,21 @@
41
33
  --spectrum-alias-pickerbutton-icon-margin-y-m,var(--spectrum-global-dimension-size-125)
42
34
  );--spectrum-PickerButton-icononly-padding-x:var(
43
35
  --spectrum-alias-pickerbutton-icononly-padding-x-m,var(--spectrum-global-dimension-size-125)
44
- )}:host([size=m]) .root{padding:var(
45
- --spectrum-alias-infieldbutton-padding-m,0
46
- )}:host([size=m]){--spectrum-PickerButton-Fill-size:var(
36
+ );padding:var(--spectrum-alias-infieldbutton-padding-m,0)}:host([size=m]) .spectrum-PickerButton-fill{--spectrum-PickerButton-Fill-size:var(
47
37
  --spectrum-alias-infieldbutton-full-height-m,var(--spectrum-global-dimension-size-400)
48
- )}:host([size=m]) .root .spectrum-PickerButton-fill{gap:var(--spectrum-global-dimension-size-85);height:var(
38
+ );gap:var(--spectrum-global-dimension-size-85);height:var(
49
39
  --spectrum-alias-infieldbutton-full-height-m,var(--spectrum-global-dimension-size-400)
50
40
  );width:var(
51
41
  --spectrum-alias-infieldbutton-full-height-m,var(--spectrum-global-dimension-size-400)
52
- )}:host([size=m]) .root .spectrum-PickerButton-label{font-size:var(
53
- --spectrum-global-dimension-font-size-100
54
- );padding-bottom:var(
42
+ )}:host([size=m]) .spectrum-PickerButton-label{font-size:var(--spectrum-global-dimension-font-size-100);padding-bottom:var(
55
43
  --spectrum-alias-pickerbutton-label-padding-y-m,var(--spectrum-global-dimension-size-75)
56
44
  );padding-top:var(
57
45
  --spectrum-alias-pickerbutton-label-padding-y-m,var(--spectrum-global-dimension-size-75)
58
- )}:host([size=m]) .root .spectrum-PickerButton-icon{gap:var(
59
- --spectrum-global-dimension-size-100
60
- );height:var(--spectrum-global-dimension-size-225);margin-bottom:var(
46
+ )}:host([size=m]) .spectrum-PickerButton-icon{gap:var(--spectrum-global-dimension-size-100);height:var(--spectrum-global-dimension-size-225);margin-bottom:var(
61
47
  --spectrum-alias-infieldbutton-icon-margin-y-m,var(--spectrum-global-dimension-size-85)
62
48
  );margin-top:var(
63
49
  --spectrum-alias-infieldbutton-icon-margin-y-m,var(--spectrum-global-dimension-size-85)
64
- );width:var(--spectrum-global-dimension-size-225)}:host([size=m]) .root .spectrum-PickerButton-UIIcon{height:var(
65
- --spectrum-alias-ui-icon-chevron-size-200
66
- );margin-bottom:var(
50
+ );width:var(--spectrum-global-dimension-size-225)}:host([size=m]) .spectrum-PickerButton-UIIcon{height:var(--spectrum-alias-ui-icon-chevron-size-200);margin-bottom:var(
67
51
  --spectrum-alias-pickerbutton-icon-margin-y-m,var(--spectrum-global-dimension-size-125)
68
52
  );margin-top:var(
69
53
  --spectrum-alias-pickerbutton-icon-margin-y-m,var(--spectrum-global-dimension-size-125)
@@ -73,29 +57,21 @@
73
57
  --spectrum-alias-pickerbutton-icon-margin-y-l,var(--spectrum-global-dimension-size-160)
74
58
  );--spectrum-PickerButton-icononly-padding-x:var(
75
59
  --spectrum-alias-pickerbutton-icononly-padding-x-l,var(--spectrum-global-dimension-size-160)
76
- )}:host([size=l]) .root{padding:var(
77
- --spectrum-alias-infieldbutton-padding-l,0
78
- )}:host([size=l]){--spectrum-PickerButton-Fill-size:var(
60
+ );padding:var(--spectrum-alias-infieldbutton-padding-l,0)}:host([size=l]) .spectrum-PickerButton-fill{--spectrum-PickerButton-Fill-size:var(
79
61
  --spectrum-alias-infieldbutton-full-height-l,var(--spectrum-global-dimension-size-500)
80
- )}:host([size=l]) .root .spectrum-PickerButton-fill{gap:var(--spectrum-global-dimension-size-65);height:var(
62
+ );gap:var(--spectrum-global-dimension-size-65);height:var(
81
63
  --spectrum-alias-infieldbutton-full-height-l,var(--spectrum-global-dimension-size-500)
82
64
  );width:var(
83
65
  --spectrum-alias-infieldbutton-full-height-l,var(--spectrum-global-dimension-size-500)
84
- )}:host([size=l]) .root .spectrum-PickerButton-label{font-size:var(
85
- --spectrum-global-dimension-font-size-200
86
- );padding-bottom:var(
66
+ )}:host([size=l]) .spectrum-PickerButton-label{font-size:var(--spectrum-global-dimension-font-size-200);padding-bottom:var(
87
67
  --spectrum-alias-pickerbutton-label-padding-y-l,var(--spectrum-global-dimension-size-115)
88
68
  );padding-top:var(
89
69
  --spectrum-alias-pickerbutton-label-padding-y-l,var(--spectrum-global-dimension-size-115)
90
- )}:host([size=l]) .root .spectrum-PickerButton-icon{gap:var(
91
- --spectrum-global-dimension-size-115
92
- );margin-bottom:var(
70
+ )}:host([size=l]) .spectrum-PickerButton-icon{gap:var(--spectrum-global-dimension-size-115);margin-bottom:var(
93
71
  --spectrum-alias-infieldbutton-icon-margin-y-l,var(--spectrum-global-dimension-size-125)
94
72
  );margin-top:var(
95
73
  --spectrum-alias-infieldbutton-icon-margin-y-l,var(--spectrum-global-dimension-size-125)
96
- )}:host([size=l]) .root .spectrum-PickerButton-UIIcon{height:var(
97
- --spectrum-alias-ui-icon-chevron-size-300
98
- );margin-bottom:var(
74
+ )}:host([size=l]) .spectrum-PickerButton-UIIcon{height:var(--spectrum-alias-ui-icon-chevron-size-300);margin-bottom:var(
99
75
  --spectrum-alias-pickerbutton-icon-margin-y-l,var(--spectrum-global-dimension-size-160)
100
76
  );margin-top:var(
101
77
  --spectrum-alias-pickerbutton-icon-margin-y-l,var(--spectrum-global-dimension-size-160)
@@ -105,29 +81,21 @@
105
81
  --spectrum-alias-pickerbutton-icon-margin-y-xl,var(--spectrum-global-dimension-size-200)
106
82
  );--spectrum-PickerButton-icononly-padding-x:var(
107
83
  --spectrum-alias-pickerbutton-icononly-padding-x-xl,var(--spectrum-global-dimension-size-200)
108
- )}:host([size=xl]) .root{padding:var(
109
- --spectrum-alias-infieldbutton-padding-xl,0
110
- )}:host([size=xl]){--spectrum-PickerButton-Fill-size:var(
84
+ );padding:var(--spectrum-alias-infieldbutton-padding-xl,0)}:host([size=xl]) .spectrum-PickerButton-fill{--spectrum-PickerButton-Fill-size:var(
111
85
  --spectrum-alias-infieldbutton-full-height-xl,var(--spectrum-global-dimension-size-600)
112
- )}:host([size=xl]) .root .spectrum-PickerButton-fill{gap:var(--spectrum-global-dimension-size-85);height:var(
86
+ );gap:var(--spectrum-global-dimension-size-85);height:var(
113
87
  --spectrum-alias-infieldbutton-full-height-xl,var(--spectrum-global-dimension-size-600)
114
88
  );width:var(
115
89
  --spectrum-alias-infieldbutton-full-height-xl,var(--spectrum-global-dimension-size-600)
116
- )}:host([size=xl]) .root .spectrum-PickerButton-label{font-size:var(
117
- --spectrum-global-dimension-font-size-300
118
- );padding-bottom:var(
90
+ )}:host([size=xl]) .spectrum-PickerButton-label{font-size:var(--spectrum-global-dimension-font-size-300);padding-bottom:var(
119
91
  --spectrum-alias-pickerbutton-label-padding-y-xl,var(--spectrum-global-dimension-size-150)
120
92
  );padding-top:var(
121
93
  --spectrum-alias-pickerbutton-label-padding-y-xl,var(--spectrum-global-dimension-size-150)
122
- )}:host([size=xl]) .root .spectrum-PickerButton-icon{gap:var(
123
- --spectrum-global-dimension-size-125
124
- );height:var(--spectrum-global-dimension-size-275);margin-bottom:var(
94
+ )}:host([size=xl]) .spectrum-PickerButton-icon{gap:var(--spectrum-global-dimension-size-125);height:var(--spectrum-global-dimension-size-275);margin-bottom:var(
125
95
  --spectrum-alias-infieldbutton-icon-margin-y-xl,var(--spectrum-global-dimension-size-160)
126
96
  );margin-top:var(
127
97
  --spectrum-alias-infieldbutton-icon-margin-y-xl,var(--spectrum-global-dimension-size-160)
128
- );width:var(--spectrum-global-dimension-size-275)}:host([size=xl]) .root .spectrum-PickerButton-UIIcon{height:var(
129
- --spectrum-alias-ui-icon-chevron-size-400
130
- );margin-bottom:var(
98
+ );width:var(--spectrum-global-dimension-size-275)}:host([size=xl]) .spectrum-PickerButton-UIIcon{height:var(--spectrum-alias-ui-icon-chevron-size-400);margin-bottom:var(
131
99
  --spectrum-alias-pickerbutton-icon-margin-y-xl,var(--spectrum-global-dimension-size-200)
132
100
  );margin-top:var(
133
101
  --spectrum-alias-pickerbutton-icon-margin-y-xl,var(--spectrum-global-dimension-size-200)
@@ -147,17 +115,11 @@
147
115
  --spectrum-alias-input-border-color-invalid-hover,var(--spectrum-semantic-negative-color-hover)
148
116
  )}:host([invalid]:not([disabled])[active]) .root .spectrum-PickerButton-fill{border-color:var(
149
117
  --spectrum-alias-input-border-color-invalid-down,var(--spectrum-semantic-negative-color-down)
150
- )}:host([invalid]:not([disabled])) .root:focus .spectrum-PickerButton-fill{border-color:var(
118
+ )}:host([invalid]:not([disabled])) .root.is-focused .spectrum-PickerButton-fill,:host([invalid]:not([disabled])) .root:focus .spectrum-PickerButton-fill{border-color:var(
151
119
  --spectrum-alias-input-border-color-invalid-mouse-focus,var(--spectrum-semantic-negative-color-hover)
152
- )}:host([invalid]:not([disabled])) .root.is-focused .spectrum-PickerButton-fill{border-color:var(
153
- --spectrum-alias-input-border-color-invalid-mouse-focus,var(--spectrum-semantic-negative-color-hover)
154
- )}:host([invalid]:not([disabled])) .root.focus-visible .spectrum-PickerButton-fill{border-color:var(
155
- --spectrum-alias-input-border-color-invalid-key-focus,var(--spectrum-alias-border-color-key-focus)
156
- )}:host([invalid]:not([disabled])) .root.focus-visible .spectrum-PickerButton-fill{border-color:var(
157
- --spectrum-alias-input-border-color-invalid-key-focus,var(--spectrum-alias-border-color-key-focus)
158
- )}:host([invalid]:not([disabled])) .root:focus-visible .spectrum-PickerButton-fill{border-color:var(
120
+ )}:host([invalid]:not([disabled])) .root.focus-visible .spectrum-PickerButton-fill,:host([invalid]:not([disabled])) .root.is-keyboardFocused .spectrum-PickerButton-fill{border-color:var(
159
121
  --spectrum-alias-input-border-color-invalid-key-focus,var(--spectrum-alias-border-color-key-focus)
160
- )}:host([invalid]:not([disabled])) .root.is-keyboardFocused .spectrum-PickerButton-fill{border-color:var(
122
+ )}:host([invalid]:not([disabled])) .root.is-keyboardFocused .spectrum-PickerButton-fill,:host([invalid]:not([disabled])) .root:focus-visible .spectrum-PickerButton-fill{border-color:var(
161
123
  --spectrum-alias-input-border-color-invalid-key-focus,var(--spectrum-alias-border-color-key-focus)
162
124
  )}:host(:not([invalid]):not([disabled])) .root .spectrum-PickerButton-fill{border-color:var(
163
125
  --spectrum-alias-infieldbutton-fill-border-color-default,var(--spectrum-alias-input-border-color-default)
@@ -165,17 +127,11 @@
165
127
  --spectrum-alias-infieldbutton-fill-border-color-hover,var(--spectrum-alias-input-border-color-hover)
166
128
  )}:host(:not([invalid]):not([disabled])[active]) .root .spectrum-PickerButton-fill{border-color:var(
167
129
  --spectrum-alias-infieldbutton-fill-border-color-down,var(--spectrum-alias-input-border-color-down)
168
- )}:host(:not([invalid]):not([disabled])) .root:focus .spectrum-PickerButton-fill{border-color:var(
130
+ )}:host(:not([invalid]):not([disabled])) .root.is-focused .spectrum-PickerButton-fill,:host(:not([invalid]):not([disabled])) .root:focus .spectrum-PickerButton-fill{border-color:var(
169
131
  --spectrum-alias-infieldbutton-fill-border-color-mouse-focus,var(--spectrum-alias-input-border-color-mouse-focus)
170
- )}:host(:not([invalid]):not([disabled])) .root.is-focused .spectrum-PickerButton-fill{border-color:var(
171
- --spectrum-alias-infieldbutton-fill-border-color-mouse-focus,var(--spectrum-alias-input-border-color-mouse-focus)
172
- )}:host(:not([invalid]):not([disabled])) .root.focus-visible .spectrum-PickerButton-fill{border-color:var(
173
- --spectrum-alias-infieldbutton-fill-border-color-key-focus,var(--spectrum-alias-input-border-color-key-focus)
174
- )}:host(:not([invalid]):not([disabled])) .root.focus-visible .spectrum-PickerButton-fill{border-color:var(
132
+ )}:host(:not([invalid]):not([disabled])) .root.focus-visible .spectrum-PickerButton-fill,:host(:not([invalid]):not([disabled])) .root.is-keyboardFocused .spectrum-PickerButton-fill{border-color:var(
175
133
  --spectrum-alias-infieldbutton-fill-border-color-key-focus,var(--spectrum-alias-input-border-color-key-focus)
176
- )}:host(:not([invalid]):not([disabled])) .root:focus-visible .spectrum-PickerButton-fill{border-color:var(
177
- --spectrum-alias-infieldbutton-fill-border-color-key-focus,var(--spectrum-alias-input-border-color-key-focus)
178
- )}:host(:not([invalid]):not([disabled])) .root.is-keyboardFocused .spectrum-PickerButton-fill{border-color:var(
134
+ )}:host(:not([invalid]):not([disabled])) .root.is-keyboardFocused .spectrum-PickerButton-fill,:host(:not([invalid]):not([disabled])) .root:focus-visible .spectrum-PickerButton-fill{border-color:var(
179
135
  --spectrum-alias-infieldbutton-fill-border-color-key-focus,var(--spectrum-alias-input-border-color-key-focus)
180
136
  )}:host([dir=ltr][position=right]:not([rounded])) .root .spectrum-PickerButton-fill{border-bottom-left-radius:var(
181
137
  --spectrum-alias-infieldbutton-border-radius-sided,0
@@ -211,161 +167,69 @@
211
167
  --spectrum-alias-pickerbutton-border-radius-rounded-sided,0
212
168
  )}:host([dir=ltr]:not([rounded])) .root .spectrum-PickerButton-fill{border-bottom-right-radius:var(
213
169
  --spectrum-alias-infieldbutton-border-radius,var(--spectrum-global-dimension-size-50)
214
- )}:host([dir=rtl]:not([rounded])) .root .spectrum-PickerButton-fill{border-bottom-left-radius:var(
215
- --spectrum-alias-infieldbutton-border-radius,var(--spectrum-global-dimension-size-50)
216
- )}:host([dir=ltr]:not([rounded])) .root .spectrum-PickerButton-fill{border-bottom-left-radius:var(
170
+ )}:host([dir=ltr]:not([rounded])) .root .spectrum-PickerButton-fill,:host([dir=rtl]:not([rounded])) .root .spectrum-PickerButton-fill{border-bottom-left-radius:var(
217
171
  --spectrum-alias-infieldbutton-border-radius,var(--spectrum-global-dimension-size-50)
218
172
  )}:host([dir=rtl]:not([rounded])) .root .spectrum-PickerButton-fill{border-bottom-right-radius:var(
219
173
  --spectrum-alias-infieldbutton-border-radius,var(--spectrum-global-dimension-size-50)
220
174
  )}:host([dir=ltr]:not([rounded])) .root .spectrum-PickerButton-fill{border-top-right-radius:var(
221
175
  --spectrum-alias-infieldbutton-border-radius,var(--spectrum-global-dimension-size-50)
222
- )}:host([dir=rtl]:not([rounded])) .root .spectrum-PickerButton-fill{border-top-left-radius:var(
223
- --spectrum-alias-infieldbutton-border-radius,var(--spectrum-global-dimension-size-50)
224
- )}:host([dir=ltr]:not([rounded])) .root .spectrum-PickerButton-fill{border-top-left-radius:var(
176
+ )}:host([dir=ltr]:not([rounded])) .root .spectrum-PickerButton-fill,:host([dir=rtl]:not([rounded])) .root .spectrum-PickerButton-fill{border-top-left-radius:var(
225
177
  --spectrum-alias-infieldbutton-border-radius,var(--spectrum-global-dimension-size-50)
226
178
  )}:host([dir=rtl]:not([rounded])) .root .spectrum-PickerButton-fill{border-top-right-radius:var(
227
179
  --spectrum-alias-infieldbutton-border-radius,var(--spectrum-global-dimension-size-50)
228
180
  )}:host([dir=ltr][rounded]) .root .spectrum-PickerButton-fill{border-bottom-right-radius:var(
229
181
  --spectrum-alias-pickerbutton-border-radius-rounded,var(--spectrum-global-dimension-size-50)
230
- )}:host([dir=rtl][rounded]) .root .spectrum-PickerButton-fill{border-bottom-left-radius:var(
231
- --spectrum-alias-pickerbutton-border-radius-rounded,var(--spectrum-global-dimension-size-50)
232
- )}:host([dir=ltr][rounded]) .root .spectrum-PickerButton-fill{border-bottom-left-radius:var(
182
+ )}:host([dir=ltr][rounded]) .root .spectrum-PickerButton-fill,:host([dir=rtl][rounded]) .root .spectrum-PickerButton-fill{border-bottom-left-radius:var(
233
183
  --spectrum-alias-pickerbutton-border-radius-rounded,var(--spectrum-global-dimension-size-50)
234
184
  )}:host([dir=rtl][rounded]) .root .spectrum-PickerButton-fill{border-bottom-right-radius:var(
235
185
  --spectrum-alias-pickerbutton-border-radius-rounded,var(--spectrum-global-dimension-size-50)
236
186
  )}:host([dir=ltr][rounded]) .root .spectrum-PickerButton-fill{border-top-right-radius:var(
237
187
  --spectrum-alias-pickerbutton-border-radius-rounded,var(--spectrum-global-dimension-size-50)
238
- )}:host([dir=rtl][rounded]) .root .spectrum-PickerButton-fill{border-top-left-radius:var(
239
- --spectrum-alias-pickerbutton-border-radius-rounded,var(--spectrum-global-dimension-size-50)
240
- )}:host([dir=ltr][rounded]) .root .spectrum-PickerButton-fill{border-top-left-radius:var(
188
+ )}:host([dir=ltr][rounded]) .root .spectrum-PickerButton-fill,:host([dir=rtl][rounded]) .root .spectrum-PickerButton-fill{border-top-left-radius:var(
241
189
  --spectrum-alias-pickerbutton-border-radius-rounded,var(--spectrum-global-dimension-size-50)
242
190
  )}:host([dir=rtl][rounded]) .root .spectrum-PickerButton-fill{border-top-right-radius:var(
243
191
  --spectrum-alias-pickerbutton-border-radius-rounded,var(--spectrum-global-dimension-size-50)
244
- )}:host([dir=ltr]) .root.uiicononly .spectrum-PickerButton-fill{padding-right:var(
245
- --spectrum-PickerButton-icononly-padding-x
246
- )}:host([dir=rtl]) .root.uiicononly .spectrum-PickerButton-fill{padding-left:var(
247
- --spectrum-PickerButton-icononly-padding-x
248
- )}:host([dir=ltr]) .root.uiicononly .spectrum-PickerButton-fill{padding-left:var(
249
- --spectrum-PickerButton-icononly-padding-x
250
- )}:host([dir=rtl]) .root.uiicononly .spectrum-PickerButton-fill{padding-right:var(
251
- --spectrum-PickerButton-icononly-padding-x
252
- )}.root.uiicononly .spectrum-PickerButton-fill{width:var(
253
- --spectrum-PickerButton-Fill-size
254
- )}:host([dir=ltr][size=s]) .root.uiicononly .spectrum-PickerButton-fill{padding-right:var(
192
+ )}:host([dir=ltr]) .root.uiicononly .spectrum-PickerButton-fill{padding-right:var(--spectrum-PickerButton-icononly-padding-x)}:host([dir=ltr]) .root.uiicononly .spectrum-PickerButton-fill,:host([dir=rtl]) .root.uiicononly .spectrum-PickerButton-fill{padding-left:var(--spectrum-PickerButton-icononly-padding-x)}:host([dir=rtl]) .root.uiicononly .spectrum-PickerButton-fill{padding-right:var(--spectrum-PickerButton-icononly-padding-x)}.root.uiicononly .spectrum-PickerButton-fill{width:var(--spectrum-PickerButton-Fill-size)}:host([dir=ltr][size=s]) .uiicononly .spectrum-PickerButton-fill{padding-right:var(
255
193
  --spectrum-alias-pickerbutton-icononly-padding-x-s,var(--spectrum-global-dimension-size-85)
256
- )}:host([dir=rtl][size=s]) .root.uiicononly .spectrum-PickerButton-fill{padding-left:var(
194
+ )}:host([dir=ltr][size=s]) .uiicononly .spectrum-PickerButton-fill,:host([dir=rtl][size=s]) .uiicononly .spectrum-PickerButton-fill{padding-left:var(
257
195
  --spectrum-alias-pickerbutton-icononly-padding-x-s,var(--spectrum-global-dimension-size-85)
258
- )}:host([dir=ltr][size=s]) .root.uiicononly .spectrum-PickerButton-fill{padding-left:var(
196
+ )}:host([dir=rtl][size=s]) .uiicononly .spectrum-PickerButton-fill{padding-right:var(
259
197
  --spectrum-alias-pickerbutton-icononly-padding-x-s,var(--spectrum-global-dimension-size-85)
260
- )}:host([dir=rtl][size=s]) .root.uiicononly .spectrum-PickerButton-fill{padding-right:var(
261
- --spectrum-alias-pickerbutton-icononly-padding-x-s,var(--spectrum-global-dimension-size-85)
262
- )}:host([size=s]) .root.uiicononly .spectrum-PickerButton-fill{width:var(
198
+ )}:host([size=s]) .uiicononly .spectrum-PickerButton-fill{width:var(
263
199
  --spectrum-alias-infieldbutton-full-height-s,var(--spectrum-global-dimension-size-300)
264
- )}:host([dir=ltr][size=m]) .root.uiicononly .spectrum-PickerButton-fill{padding-right:var(
265
- --spectrum-alias-pickerbutton-icononly-padding-x-m,var(--spectrum-global-dimension-size-125)
266
- )}:host([dir=rtl][size=m]) .root.uiicononly .spectrum-PickerButton-fill{padding-left:var(
200
+ )}:host([dir=ltr][size=m]) .uiicononly .spectrum-PickerButton-fill{padding-right:var(
267
201
  --spectrum-alias-pickerbutton-icononly-padding-x-m,var(--spectrum-global-dimension-size-125)
268
- )}:host([dir=ltr][size=m]) .root.uiicononly .spectrum-PickerButton-fill{padding-left:var(
202
+ )}:host([dir=ltr][size=m]) .uiicononly .spectrum-PickerButton-fill,:host([dir=rtl][size=m]) .uiicononly .spectrum-PickerButton-fill{padding-left:var(
269
203
  --spectrum-alias-pickerbutton-icononly-padding-x-m,var(--spectrum-global-dimension-size-125)
270
- )}:host([dir=rtl][size=m]) .root.uiicononly .spectrum-PickerButton-fill{padding-right:var(
204
+ )}:host([dir=rtl][size=m]) .uiicononly .spectrum-PickerButton-fill{padding-right:var(
271
205
  --spectrum-alias-pickerbutton-icononly-padding-x-m,var(--spectrum-global-dimension-size-125)
272
- )}:host([size=m]) .root.uiicononly .spectrum-PickerButton-fill{width:var(
206
+ )}:host([size=m]) .uiicononly .spectrum-PickerButton-fill{width:var(
273
207
  --spectrum-alias-infieldbutton-full-height-m,var(--spectrum-global-dimension-size-400)
274
- )}:host([dir=ltr][size=l]) .root.uiicononly .spectrum-PickerButton-fill{padding-right:var(
275
- --spectrum-alias-pickerbutton-icononly-padding-x-l,var(--spectrum-global-dimension-size-160)
276
- )}:host([dir=rtl][size=l]) .root.uiicononly .spectrum-PickerButton-fill{padding-left:var(
208
+ )}:host([dir=ltr][size=l]) .uiicononly .spectrum-PickerButton-fill{padding-right:var(
277
209
  --spectrum-alias-pickerbutton-icononly-padding-x-l,var(--spectrum-global-dimension-size-160)
278
- )}:host([dir=ltr][size=l]) .root.uiicononly .spectrum-PickerButton-fill{padding-left:var(
210
+ )}:host([dir=ltr][size=l]) .uiicononly .spectrum-PickerButton-fill,:host([dir=rtl][size=l]) .uiicononly .spectrum-PickerButton-fill{padding-left:var(
279
211
  --spectrum-alias-pickerbutton-icononly-padding-x-l,var(--spectrum-global-dimension-size-160)
280
- )}:host([dir=rtl][size=l]) .root.uiicononly .spectrum-PickerButton-fill{padding-right:var(
212
+ )}:host([dir=rtl][size=l]) .uiicononly .spectrum-PickerButton-fill{padding-right:var(
281
213
  --spectrum-alias-pickerbutton-icononly-padding-x-l,var(--spectrum-global-dimension-size-160)
282
- )}:host([size=l]) .root.uiicononly .spectrum-PickerButton-fill{width:var(
214
+ )}:host([size=l]) .uiicononly .spectrum-PickerButton-fill{width:var(
283
215
  --spectrum-alias-infieldbutton-full-height-l,var(--spectrum-global-dimension-size-500)
284
- )}:host([dir=ltr][size=xl]) .root.uiicononly .spectrum-PickerButton-fill{padding-right:var(
216
+ )}:host([dir=ltr][size=xl]) .uiicononly .spectrum-PickerButton-fill{padding-right:var(
285
217
  --spectrum-alias-pickerbutton-icononly-padding-x-xl,var(--spectrum-global-dimension-size-200)
286
- )}:host([dir=rtl][size=xl]) .root.uiicononly .spectrum-PickerButton-fill{padding-left:var(
218
+ )}:host([dir=ltr][size=xl]) .uiicononly .spectrum-PickerButton-fill,:host([dir=rtl][size=xl]) .uiicononly .spectrum-PickerButton-fill{padding-left:var(
287
219
  --spectrum-alias-pickerbutton-icononly-padding-x-xl,var(--spectrum-global-dimension-size-200)
288
- )}:host([dir=ltr][size=xl]) .root.uiicononly .spectrum-PickerButton-fill{padding-left:var(
220
+ )}:host([dir=rtl][size=xl]) .uiicononly .spectrum-PickerButton-fill{padding-right:var(
289
221
  --spectrum-alias-pickerbutton-icononly-padding-x-xl,var(--spectrum-global-dimension-size-200)
290
- )}:host([dir=rtl][size=xl]) .root.uiicononly .spectrum-PickerButton-fill{padding-right:var(
291
- --spectrum-alias-pickerbutton-icononly-padding-x-xl,var(--spectrum-global-dimension-size-200)
292
- )}:host([size=xl]) .root.uiicononly .spectrum-PickerButton-fill{width:var(
222
+ )}:host([size=xl]) .uiicononly .spectrum-PickerButton-fill{width:var(
293
223
  --spectrum-alias-infieldbutton-full-height-xl,var(--spectrum-global-dimension-size-600)
294
- )}.root.uiicononly .spectrum-PickerButton-icon,.root.uiicononly .spectrum-PickerButton-label{display:none}.root.uiicononly .spectrum-PickerButton-UIIcon{display:initial}.root.spectrum-PickerButton--icononly .spectrum-PickerButton-fill{width:var(
295
- --spectrum-PickerButton-Fill-size
296
- )}:host([dir=ltr][size=s]) .root.spectrum-PickerButton--icononly .spectrum-PickerButton-fill{padding-right:var(
297
- --spectrum-global-dimension-size-50
298
- )}:host([dir=rtl][size=s]) .root.spectrum-PickerButton--icononly .spectrum-PickerButton-fill{padding-left:var(
299
- --spectrum-global-dimension-size-50
300
- )}:host([dir=ltr][size=s]) .root.spectrum-PickerButton--icononly .spectrum-PickerButton-fill{padding-left:var(
301
- --spectrum-global-dimension-size-50
302
- )}:host([dir=rtl][size=s]) .root.spectrum-PickerButton--icononly .spectrum-PickerButton-fill{padding-right:var(
303
- --spectrum-global-dimension-size-50
304
- )}:host([size=s]) .root.spectrum-PickerButton--icononly .spectrum-PickerButton-fill{width:var(
224
+ )}.root.uiicononly .spectrum-PickerButton-icon,.root.uiicononly .spectrum-PickerButton-label{display:none}.root.uiicononly .spectrum-PickerButton-UIIcon{display:initial}.root.spectrum-PickerButton--icononly .spectrum-PickerButton-fill{width:var(--spectrum-PickerButton-Fill-size)}:host([dir=ltr][size=s]) .spectrum-PickerButton--icononly .spectrum-PickerButton-fill{padding-right:var(--spectrum-global-dimension-size-50)}:host([dir=ltr][size=s]) .spectrum-PickerButton--icononly .spectrum-PickerButton-fill,:host([dir=rtl][size=s]) .spectrum-PickerButton--icononly .spectrum-PickerButton-fill{padding-left:var(--spectrum-global-dimension-size-50)}:host([dir=rtl][size=s]) .spectrum-PickerButton--icononly .spectrum-PickerButton-fill{padding-right:var(--spectrum-global-dimension-size-50)}:host([size=s]) .spectrum-PickerButton--icononly .spectrum-PickerButton-fill{width:var(
305
225
  --spectrum-alias-infieldbutton-full-height-s,var(--spectrum-global-dimension-size-300)
306
- )}:host([dir=ltr][size=m]) .root.spectrum-PickerButton--icononly .spectrum-PickerButton-fill{padding-right:var(
307
- --spectrum-global-dimension-size-85
308
- )}:host([dir=rtl][size=m]) .root.spectrum-PickerButton--icononly .spectrum-PickerButton-fill{padding-left:var(
309
- --spectrum-global-dimension-size-85
310
- )}:host([dir=ltr][size=m]) .root.spectrum-PickerButton--icononly .spectrum-PickerButton-fill{padding-left:var(
311
- --spectrum-global-dimension-size-85
312
- )}:host([dir=rtl][size=m]) .root.spectrum-PickerButton--icononly .spectrum-PickerButton-fill{padding-right:var(
313
- --spectrum-global-dimension-size-85
314
- )}:host([size=m]) .root.spectrum-PickerButton--icononly .spectrum-PickerButton-fill{width:var(
226
+ )}:host([dir=ltr][size=m]) .spectrum-PickerButton--icononly .spectrum-PickerButton-fill{padding-right:var(--spectrum-global-dimension-size-85)}:host([dir=ltr][size=m]) .spectrum-PickerButton--icononly .spectrum-PickerButton-fill,:host([dir=rtl][size=m]) .spectrum-PickerButton--icononly .spectrum-PickerButton-fill{padding-left:var(--spectrum-global-dimension-size-85)}:host([dir=rtl][size=m]) .spectrum-PickerButton--icononly .spectrum-PickerButton-fill{padding-right:var(--spectrum-global-dimension-size-85)}:host([size=m]) .spectrum-PickerButton--icononly .spectrum-PickerButton-fill{width:var(
315
227
  --spectrum-alias-infieldbutton-full-height-m,var(--spectrum-global-dimension-size-400)
316
- )}:host([dir=ltr][size=l]) .root.spectrum-PickerButton--icononly .spectrum-PickerButton-fill{padding-right:var(
317
- --spectrum-global-dimension-size-125
318
- )}:host([dir=rtl][size=l]) .root.spectrum-PickerButton--icononly .spectrum-PickerButton-fill{padding-left:var(
319
- --spectrum-global-dimension-size-125
320
- )}:host([dir=ltr][size=l]) .root.spectrum-PickerButton--icononly .spectrum-PickerButton-fill{padding-left:var(
321
- --spectrum-global-dimension-size-125
322
- )}:host([dir=rtl][size=l]) .root.spectrum-PickerButton--icononly .spectrum-PickerButton-fill{padding-right:var(
323
- --spectrum-global-dimension-size-125
324
- )}:host([size=l]) .root.spectrum-PickerButton--icononly .spectrum-PickerButton-fill{width:var(
228
+ )}:host([dir=ltr][size=l]) .spectrum-PickerButton--icononly .spectrum-PickerButton-fill{padding-right:var(--spectrum-global-dimension-size-125)}:host([dir=ltr][size=l]) .spectrum-PickerButton--icononly .spectrum-PickerButton-fill,:host([dir=rtl][size=l]) .spectrum-PickerButton--icononly .spectrum-PickerButton-fill{padding-left:var(--spectrum-global-dimension-size-125)}:host([dir=rtl][size=l]) .spectrum-PickerButton--icononly .spectrum-PickerButton-fill{padding-right:var(--spectrum-global-dimension-size-125)}:host([size=l]) .spectrum-PickerButton--icononly .spectrum-PickerButton-fill{width:var(
325
229
  --spectrum-alias-infieldbutton-full-height-l,var(--spectrum-global-dimension-size-500)
326
- )}:host([dir=ltr][size=xl]) .root.spectrum-PickerButton--icononly .spectrum-PickerButton-fill{padding-right:var(
327
- --spectrum-global-dimension-size-160
328
- )}:host([dir=rtl][size=xl]) .root.spectrum-PickerButton--icononly .spectrum-PickerButton-fill{padding-left:var(
329
- --spectrum-global-dimension-size-160
330
- )}:host([dir=ltr][size=xl]) .root.spectrum-PickerButton--icononly .spectrum-PickerButton-fill{padding-left:var(
331
- --spectrum-global-dimension-size-160
332
- )}:host([dir=rtl][size=xl]) .root.spectrum-PickerButton--icononly .spectrum-PickerButton-fill{padding-right:var(
333
- --spectrum-global-dimension-size-160
334
- )}:host([size=xl]) .root.spectrum-PickerButton--icononly .spectrum-PickerButton-fill{width:var(
230
+ )}:host([dir=ltr][size=xl]) .spectrum-PickerButton--icononly .spectrum-PickerButton-fill{padding-right:var(--spectrum-global-dimension-size-160)}:host([dir=ltr][size=xl]) .spectrum-PickerButton--icononly .spectrum-PickerButton-fill,:host([dir=rtl][size=xl]) .spectrum-PickerButton--icononly .spectrum-PickerButton-fill{padding-left:var(--spectrum-global-dimension-size-160)}:host([dir=rtl][size=xl]) .spectrum-PickerButton--icononly .spectrum-PickerButton-fill{padding-right:var(--spectrum-global-dimension-size-160)}:host([size=xl]) .spectrum-PickerButton--icononly .spectrum-PickerButton-fill{width:var(
335
231
  --spectrum-alias-infieldbutton-full-height-xl,var(--spectrum-global-dimension-size-600)
336
- )}.root.spectrum-PickerButton--icononly .spectrum-PickerButton-label{display:none}.root.spectrum-PickerButton--icononly .spectrum-PickerButton-icon{display:initial}.root.spectrum-PickerButton--icononly .spectrum-PickerButton-UIIcon{display:none}:host([size]) .root.textuiicon .spectrum-PickerButton-fill{width:auto}:host([dir=ltr][size=s]) .root.textuiicon .spectrum-PickerButton-fill{padding-right:var(
337
- --spectrum-global-dimension-size-100
338
- )}:host([dir=rtl][size=s]) .root.textuiicon .spectrum-PickerButton-fill{padding-left:var(
339
- --spectrum-global-dimension-size-100
340
- )}:host([dir=ltr][size=s]) .root.textuiicon .spectrum-PickerButton-fill{padding-left:var(
341
- --spectrum-global-dimension-size-115
342
- )}:host([dir=rtl][size=s]) .root.textuiicon .spectrum-PickerButton-fill{padding-right:var(
343
- --spectrum-global-dimension-size-115
344
- )}:host([dir=ltr][size=m]) .root.textuiicon .spectrum-PickerButton-fill{padding-right:var(
345
- --spectrum-global-dimension-size-125
346
- )}:host([dir=rtl][size=m]) .root.textuiicon .spectrum-PickerButton-fill{padding-left:var(
347
- --spectrum-global-dimension-size-125
348
- )}:host([dir=ltr][size=m]) .root.textuiicon .spectrum-PickerButton-fill{padding-left:var(
349
- --spectrum-global-dimension-size-160
350
- )}:host([dir=rtl][size=m]) .root.textuiicon .spectrum-PickerButton-fill{padding-right:var(
351
- --spectrum-global-dimension-size-160
352
- )}:host([dir=ltr][size=l]) .root.textuiicon .spectrum-PickerButton-fill{padding-right:var(
353
- --spectrum-global-dimension-size-150
354
- )}:host([dir=rtl][size=l]) .root.textuiicon .spectrum-PickerButton-fill{padding-left:var(
355
- --spectrum-global-dimension-size-150
356
- )}:host([dir=ltr][size=l]) .root.textuiicon .spectrum-PickerButton-fill{padding-left:var(
357
- --spectrum-global-dimension-size-185
358
- )}:host([dir=rtl][size=l]) .root.textuiicon .spectrum-PickerButton-fill{padding-right:var(
359
- --spectrum-global-dimension-size-185
360
- )}:host([dir=ltr][size=xl]) .root.textuiicon .spectrum-PickerButton-fill{padding-right:var(
361
- --spectrum-global-dimension-size-200
362
- )}:host([dir=rtl][size=xl]) .root.textuiicon .spectrum-PickerButton-fill{padding-left:var(
363
- --spectrum-global-dimension-size-200
364
- )}:host([dir=ltr][size=xl]) .root.textuiicon .spectrum-PickerButton-fill{padding-left:var(
365
- --spectrum-global-dimension-size-225
366
- )}:host([dir=rtl][size=xl]) .root.textuiicon .spectrum-PickerButton-fill{padding-right:var(
367
- --spectrum-global-dimension-size-225
368
- )}.root.textuiicon .spectrum-PickerButton-label{display:initial}.root.textuiicon .spectrum-PickerButton-icon{display:none}.root.textuiicon .spectrum-PickerButton-UIIcon{display:initial}:host([disabled]:not([open])) .root.spectrum-PickerButton--quiet .spectrum-PickerButton-fill{background-color:var(
232
+ )}.root.spectrum-PickerButton--icononly .spectrum-PickerButton-label{display:none}.root.spectrum-PickerButton--icononly .spectrum-PickerButton-icon{display:initial}.root.spectrum-PickerButton--icononly .spectrum-PickerButton-UIIcon{display:none}.root.textuiicon .spectrum-PickerButton-fill{width:auto}:host([dir=ltr][size=s]) .textuiicon .spectrum-PickerButton-fill{padding-right:var(--spectrum-global-dimension-size-100)}:host([dir=rtl][size=s]) .textuiicon .spectrum-PickerButton-fill{padding-left:var(--spectrum-global-dimension-size-100)}:host([dir=ltr][size=s]) .textuiicon .spectrum-PickerButton-fill{padding-left:var(--spectrum-global-dimension-size-115)}:host([dir=rtl][size=s]) .textuiicon .spectrum-PickerButton-fill{padding-right:var(--spectrum-global-dimension-size-115)}:host([dir=ltr][size=m]) .textuiicon .spectrum-PickerButton-fill{padding-right:var(--spectrum-global-dimension-size-125)}:host([dir=rtl][size=m]) .textuiicon .spectrum-PickerButton-fill{padding-left:var(--spectrum-global-dimension-size-125)}:host([dir=ltr][size=m]) .textuiicon .spectrum-PickerButton-fill{padding-left:var(--spectrum-global-dimension-size-160)}:host([dir=rtl][size=m]) .textuiicon .spectrum-PickerButton-fill{padding-right:var(--spectrum-global-dimension-size-160)}:host([dir=ltr][size=l]) .textuiicon .spectrum-PickerButton-fill{padding-right:var(--spectrum-global-dimension-size-150)}:host([dir=rtl][size=l]) .textuiicon .spectrum-PickerButton-fill{padding-left:var(--spectrum-global-dimension-size-150)}:host([dir=ltr][size=l]) .textuiicon .spectrum-PickerButton-fill{padding-left:var(--spectrum-global-dimension-size-185)}:host([dir=rtl][size=l]) .textuiicon .spectrum-PickerButton-fill{padding-right:var(--spectrum-global-dimension-size-185)}:host([dir=ltr][size=xl]) .textuiicon .spectrum-PickerButton-fill{padding-right:var(--spectrum-global-dimension-size-200)}:host([dir=rtl][size=xl]) .textuiicon .spectrum-PickerButton-fill{padding-left:var(--spectrum-global-dimension-size-200)}:host([dir=ltr][size=xl]) .textuiicon .spectrum-PickerButton-fill{padding-left:var(--spectrum-global-dimension-size-225)}:host([dir=rtl][size=xl]) .textuiicon .spectrum-PickerButton-fill{padding-right:var(--spectrum-global-dimension-size-225)}.root.textuiicon .spectrum-PickerButton-label{display:initial}.root.textuiicon .spectrum-PickerButton-icon{display:none}.root.textuiicon .spectrum-PickerButton-UIIcon{display:initial}:host([disabled]:not([open])) .root.spectrum-PickerButton--quiet .spectrum-PickerButton-fill{background-color:var(
369
233
  --spectrum-alias-infieldbutton-fill-loudnessLow-background-color-disabled,transparent
370
234
  )}:host([disabled]) .root.spectrum-PickerButton--quiet .spectrum-PickerButton-fill{border-color:var(
371
235
  --spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled,transparent
@@ -375,43 +239,31 @@
375
239
  --spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover,transparent
376
240
  )}:host(:not([disabled]):not([open])[active]) .root.spectrum-PickerButton--quiet .spectrum-PickerButton-fill{background-color:var(
377
241
  --spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down,transparent
378
- )}:host([invalid]:not([disabled])) .root.spectrum-PickerButton--quiet .spectrum-PickerButton-fill{border-color:transparent}:host(:not([invalid]):not([disabled])) .root.spectrum-PickerButton--quiet .spectrum-PickerButton-fill{border-color:transparent}:host(:not([invalid]):not([disabled])) .root.spectrum-PickerButton--quiet:hover .spectrum-PickerButton-fill{border-color:transparent}:host(:not([invalid]):not([disabled])[active]) .root.spectrum-PickerButton--quiet .spectrum-PickerButton-fill{border-color:transparent}:host(:not([invalid]):not([disabled])) .root.spectrum-PickerButton--quiet:focus .spectrum-PickerButton-fill{border-color:transparent}:host(:not([invalid]):not([disabled])) .root.spectrum-PickerButton--quiet.is-focused .spectrum-PickerButton-fill{border-color:transparent}:host(:not([invalid]):not([disabled])) .root.spectrum-PickerButton--quiet.focus-visible .spectrum-PickerButton-fill{border-color:transparent}:host(:not([invalid]):not([disabled])) .root.spectrum-PickerButton--quiet.focus-visible .spectrum-PickerButton-fill{border-color:transparent}:host(:not([invalid]):not([disabled])) .root.spectrum-PickerButton--quiet:focus-visible .spectrum-PickerButton-fill{border-color:transparent}:host(:not([invalid]):not([disabled])) .root.spectrum-PickerButton--quiet.is-keyboardFocused .spectrum-PickerButton-fill{border-color:transparent}:host([open]) .root .spectrum-PickerButton-fill{background-color:var(
242
+ )}:host(:not([invalid]):not([disabled])) .root.spectrum-PickerButton--quiet .spectrum-PickerButton-fill,:host(:not([invalid]):not([disabled])) .root.spectrum-PickerButton--quiet.focus-visible .spectrum-PickerButton-fill,:host(:not([invalid]):not([disabled])) .root.spectrum-PickerButton--quiet.is-focused .spectrum-PickerButton-fill,:host(:not([invalid]):not([disabled])) .root.spectrum-PickerButton--quiet.is-keyboardFocused .spectrum-PickerButton-fill,:host(:not([invalid]):not([disabled])) .root.spectrum-PickerButton--quiet:focus .spectrum-PickerButton-fill,:host(:not([invalid]):not([disabled])) .root.spectrum-PickerButton--quiet:hover .spectrum-PickerButton-fill,:host(:not([invalid]):not([disabled])[active]) .root.spectrum-PickerButton--quiet .spectrum-PickerButton-fill,:host([invalid]:not([disabled])) .root.spectrum-PickerButton--quiet .spectrum-PickerButton-fill{border-color:#0000}:host(:not([invalid]):not([disabled])) .root.spectrum-PickerButton--quiet .spectrum-PickerButton-fill,:host(:not([invalid]):not([disabled])) .root.spectrum-PickerButton--quiet.is-focused .spectrum-PickerButton-fill,:host(:not([invalid]):not([disabled])) .root.spectrum-PickerButton--quiet.is-keyboardFocused .spectrum-PickerButton-fill,:host(:not([invalid]):not([disabled])) .root.spectrum-PickerButton--quiet:focus .spectrum-PickerButton-fill,:host(:not([invalid]):not([disabled])) .root.spectrum-PickerButton--quiet:focus-visible .spectrum-PickerButton-fill,:host(:not([invalid]):not([disabled])) .root.spectrum-PickerButton--quiet:hover .spectrum-PickerButton-fill,:host(:not([invalid]):not([disabled])[active]) .root.spectrum-PickerButton--quiet .spectrum-PickerButton-fill,:host([invalid]:not([disabled])) .root.spectrum-PickerButton--quiet .spectrum-PickerButton-fill{border-color:#0000}:host([open]) .root .spectrum-PickerButton-fill{background-color:var(
379
243
  --spectrum-alias-component-background-color-down,var(--spectrum-global-color-gray-200)
380
244
  )}:host([open]) .root .spectrum-PickerButton-label{color:var(
381
245
  --spectrum-alias-component-text-color-down,var(--spectrum-global-color-gray-900)
382
- )}:host([open]) .root .spectrum-PickerButton-icon{color:var(
383
- --spectrum-alias-component-icon-color-down,var(--spectrum-alias-icon-color-down)
384
- )}:host([open]) .root .spectrum-PickerButton-UIIcon{color:var(
246
+ )}:host([open]) .root .spectrum-PickerButton-UIIcon,:host([open]) .root .spectrum-PickerButton-icon{color:var(
385
247
  --spectrum-alias-component-icon-color-down,var(--spectrum-alias-icon-color-down)
386
248
  )}:host(:not([open])) .root .spectrum-PickerButton-label{color:var(
387
249
  --spectrum-alias-component-text-color,var(--spectrum-alias-component-text-color-default)
388
- )}:host(:not([open])) .root .spectrum-PickerButton-icon{color:var(
389
- --spectrum-alias-component-icon-color,var(--spectrum-alias-component-icon-color-default)
390
- )}:host(:not([open])) .root .spectrum-PickerButton-UIIcon{color:var(
250
+ )}:host(:not([open])) .root .spectrum-PickerButton-UIIcon,:host(:not([open])) .root .spectrum-PickerButton-icon{color:var(
391
251
  --spectrum-alias-component-icon-color,var(--spectrum-alias-component-icon-color-default)
392
252
  )}:host([disabled]:not([open])) .root .spectrum-PickerButton-label{color:var(
393
253
  --spectrum-alias-component-text-color-disabled,var(--spectrum-global-color-gray-500)
394
- )}:host([disabled]:not([open])) .root .spectrum-PickerButton-icon{color:var(
395
- --spectrum-alias-component-icon-color-disabled,var(--spectrum-alias-icon-color-disabled)
396
- )}:host([disabled]:not([open])) .root .spectrum-PickerButton-UIIcon{color:var(
254
+ )}:host([disabled]:not([open])) .root .spectrum-PickerButton-UIIcon,:host([disabled]:not([open])) .root .spectrum-PickerButton-icon{color:var(
397
255
  --spectrum-alias-component-icon-color-disabled,var(--spectrum-alias-icon-color-disabled)
398
256
  )}:host(:not([disabled]):not([open])) .root .spectrum-PickerButton-label{color:var(
399
257
  --spectrum-alias-component-text-color-default,var(--spectrum-global-color-gray-800)
400
258
  )}:host(:not([disabled]):not([open])) .root:hover .spectrum-PickerButton-label{color:var(
401
259
  --spectrum-alias-component-text-color-hover,var(--spectrum-global-color-gray-900)
402
- )}:host(:not([disabled]):not([open])) .root:hover .spectrum-PickerButton-icon{color:var(
403
- --spectrum-alias-component-icon-color-hover,var(--spectrum-alias-icon-color-hover)
404
- )}:host(:not([disabled]):not([open])) .root:hover .spectrum-PickerButton-UIIcon{color:var(
260
+ )}:host(:not([disabled]):not([open])) .root:hover .spectrum-PickerButton-UIIcon,:host(:not([disabled]):not([open])) .root:hover .spectrum-PickerButton-icon{color:var(
405
261
  --spectrum-alias-component-icon-color-hover,var(--spectrum-alias-icon-color-hover)
406
262
  )}:host(:not([disabled]):not([open])[active]) .root .spectrum-PickerButton-label{color:var(
407
263
  --spectrum-alias-component-text-color-down,var(--spectrum-global-color-gray-900)
408
- )}:host(:not([disabled]):not([open])[active]) .root .spectrum-PickerButton-icon{color:var(
264
+ )}:host(:not([disabled]):not([open])[active]) .root .spectrum-PickerButton-UIIcon,:host(:not([disabled]):not([open])[active]) .root .spectrum-PickerButton-icon{color:var(
409
265
  --spectrum-alias-component-icon-color-down,var(--spectrum-alias-icon-color-down)
410
- )}:host(:not([disabled]):not([open])[active]) .root .spectrum-PickerButton-UIIcon{color:var(
411
- --spectrum-alias-component-icon-color-down,var(--spectrum-alias-icon-color-down)
412
- )}:host(:not([disabled]):not([open])) .root .spectrum-PickerButton-icon{color:var(
413
- --spectrum-alias-component-icon-color-default,var(--spectrum-alias-icon-color)
414
- )}:host(:not([disabled]):not([open])) .root .spectrum-PickerButton-UIIcon{color:var(
266
+ )}:host(:not([disabled]):not([open])) .root .spectrum-PickerButton-UIIcon,:host(:not([disabled]):not([open])) .root .spectrum-PickerButton-icon{color:var(
415
267
  --spectrum-alias-component-icon-color-default,var(--spectrum-alias-icon-color)
416
268
  )}:host(:not([disabled]):not([open])) .root.spectrum-PickerButton--error .spectrum-PickerButton-label{color:var(
417
269
  --spectrum-alias-component-text-color-error-default,var(--spectrum-semantic-negative-text-color-small)
@@ -421,9 +273,7 @@
421
273
  --spectrum-alias-component-text-color-error-down,var(--spectrum-semantic-negative-text-color-small-down)
422
274
  )}.spectrum-PickerButton-fill{border-style:solid;border-width:var(
423
275
  --spectrum-alias-infieldbutton-border-size,var(--spectrum-global-dimension-static-size-10)
424
- );flex-direction:row}.spectrum-PickerButton-label{font-family:var(--spectrum-global-font-body-text-font-family);font-style:var(--spectrum-global-font-style-regular,normal);font-weight:var(--spectrum-global-font-body-text-font-weight);letter-spacing:var(--spectrum-global-font-letter-spacing-none,0);line-height:var(--spectrum-global-font-component-text-line-height);padding-bottom:var(--spectrum-PickerButton-label-padding-y);padding-top:var(--spectrum-PickerButton-label-padding-y);text-transform:none}.spectrum-PickerButton-UIIcon{margin-bottom:var(
425
- --spectrum-PickerButton-icon-margin-y
426
- );margin-top:var(--spectrum-PickerButton-icon-margin-y);transform:rotate(90deg)}:host{--spectrum-infieldbutton-border-color-override:initial}.root{align-items:center;background-color:transparent;border-style:none;display:flex;justify-content:center}.spectrum-PickerButton-label{flex:1 1 auto;overflow:hidden;white-space:nowrap}.spectrum-PickerButton-fill{align-items:center;border-color:var(--spectrum-infieldbutton-border-color-override);box-sizing:border-box;display:flex;justify-content:center;transition:border-color var(--spectrum-global-animation-duration-100,.13s) ease-in-out}.uiicononly .spectrum-PickerButton-fill{padding:0!important}.spectrum-PickerButton-UIIcon{margin:0!important}.spectrum-PickerButton-icon{flex-shrink:0;margin:0!important}:host{display:inline-flex}.root{display:contents}:host([size=s]){--spectrum-icon-tshirt-size-height:var(
276
+ );flex-direction:row}.spectrum-PickerButton-label{font-family:var(--spectrum-global-font-body-text-font-family);font-style:var(--spectrum-global-font-style-regular,normal);font-weight:var(--spectrum-global-font-body-text-font-weight);letter-spacing:var(--spectrum-global-font-letter-spacing-none,0);line-height:var(--spectrum-global-font-component-text-line-height);padding-bottom:var(--spectrum-PickerButton-label-padding-y);padding-top:var(--spectrum-PickerButton-label-padding-y);text-transform:none}.spectrum-PickerButton-UIIcon{margin-bottom:var(--spectrum-PickerButton-icon-margin-y);margin-top:var(--spectrum-PickerButton-icon-margin-y);transform:rotate(90deg)}.root{--spectrum-infieldbutton-border-color-override:initial;align-items:center;background-color:#0000;border-style:none;display:flex;justify-content:center}.spectrum-PickerButton-label{flex:auto;overflow:hidden;white-space:nowrap}.spectrum-PickerButton-fill{align-items:center;border-color:var(--spectrum-infieldbutton-border-color-override);box-sizing:border-box;display:flex;justify-content:center;transition:border-color var(--spectrum-global-animation-duration-100,.13s) ease-in-out}.uiicononly .spectrum-PickerButton-fill{padding:0!important}.spectrum-PickerButton-UIIcon{margin:0!important}.spectrum-PickerButton-icon{flex-shrink:0;margin:0!important}:host{display:inline-flex}.root{display:contents}:host([size=s]){--spectrum-icon-tshirt-size-height:var(
427
277
  --spectrum-alias-workflow-icon-size-s
428
278
  );--spectrum-icon-tshirt-size-width:var(
429
279
  --spectrum-alias-workflow-icon-size-s
@@ -456,5 +306,5 @@
456
306
  );--spectrum-ui-icon-tshirt-size-width:var(
457
307
  --spectrum-alias-ui-icon-cornertriangle-size-300
458
308
  )}
459
- `;export default t;
309
+ `;export default i;
460
310
  //# sourceMappingURL=picker-button.css.js.map