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