@react-spectrum/picker 3.14.4-nightly.4494 → 3.14.4-nightly.4502

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.
package/dist/import.mjs CHANGED
@@ -32,7 +32,7 @@ import $1ff90abddf42fc72$exports from "./tr-TR.mjs";
32
32
  import $4f07d8c17926a679$exports from "./uk-UA.mjs";
33
33
  import $07a8d3b903fa886f$exports from "./zh-CN.mjs";
34
34
  import $e1416a5539091e36$exports from "./zh-TW.mjs";
35
- import "./main.css";
35
+ import "./module.css";
36
36
  import {Item as $23896c8062ba3967$re_export$Item, Section as $23896c8062ba3967$re_export$Section} from "@react-stately/collections";
37
37
  import $3toCD$spectrumiconsuiAlertMedium from "@spectrum-icons/ui/AlertMedium";
38
38
  import $3toCD$spectrumiconsuiChevronDownMedium from "@spectrum-icons/ui/ChevronDownMedium";
package/dist/main.css CHANGED
@@ -23,11 +23,7 @@
23
23
  font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
24
24
  }
25
25
 
26
- .PBsjDW_i18nFontFamily:lang(zh-SG) {
27
- font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
28
- }
29
-
30
- .PBsjDW_i18nFontFamily:lang(zh-CN) {
26
+ .PBsjDW_i18nFontFamily:lang(zh-SG), .PBsjDW_i18nFontFamily:lang(zh-CN) {
31
27
  font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
32
28
  }
33
29
 
@@ -55,13 +51,7 @@
55
51
  transition: box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-out, margin var(--spectrum-global-animation-duration-100, .13s) ease-out;
56
52
  display: block;
57
53
  position: absolute;
58
- top: 0;
59
- bottom: 0;
60
- left: 0;
61
- right: 0;
62
- }
63
-
64
- .PBsjDW_spectrum-FocusRing {
54
+ inset: 0;
65
55
  }
66
56
 
67
57
  .PBsjDW_spectrum-FocusRing.PBsjDW_focus-ring:after {
@@ -107,7 +97,7 @@
107
97
  top: 50%;
108
98
  }
109
99
 
110
- .PBsjDW_spectrum-Dropdown select + .PBsjDW_spectrum-Dropdown-chevron:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
100
+ .PBsjDW_spectrum-Dropdown select + .PBsjDW_spectrum-Dropdown-chevron:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
111
101
  right: var(--spectrum-dropdown-padding-x, var(--spectrum-global-dimension-size-150));
112
102
  }
113
103
 
@@ -177,11 +167,7 @@
177
167
  margin-block-end: calc(calc(var(--spectrum-dropdown-height, var(--spectrum-global-dimension-size-400)) - calc(var(--spectrum-dropdown-border-size, var(--spectrum-alias-border-size-thin)) * 2) - var(--spectrum-dropdown-icon-size, var(--spectrum-alias-workflow-icon-size))) / 2);
178
168
  }
179
169
 
180
- .PBsjDW_spectrum-Dropdown-trigger .PBsjDW_spectrum-Dropdown-label + .PBsjDW_spectrum-Dropdown-invalidIcon {
181
- margin-inline-start: var(--spectrum-dropdown-icon-margin-left, var(--spectrum-global-dimension-size-150));
182
- }
183
-
184
- .PBsjDW_spectrum-Dropdown-trigger .PBsjDW_spectrum-Dropdown-progressCircle {
170
+ .PBsjDW_spectrum-Dropdown-trigger .PBsjDW_spectrum-Dropdown-label + .PBsjDW_spectrum-Dropdown-invalidIcon, .PBsjDW_spectrum-Dropdown-trigger .PBsjDW_spectrum-Dropdown-progressCircle {
185
171
  margin-inline-start: var(--spectrum-dropdown-icon-margin-left, var(--spectrum-global-dimension-size-150));
186
172
  }
187
173
 
@@ -237,11 +223,7 @@
237
223
  fill: var(--spectrum-dropdown-validation-icon-color-error, var(--spectrum-semantic-negative-color-icon));
238
224
  }
239
225
 
240
- .PBsjDW_spectrum-Dropdown.PBsjDW_is-invalid.PBsjDW_is-disabled .PBsjDW_spectrum-Icon {
241
- fill: var(--spectrum-dropdown-icon-color-disabled, var(--spectrum-alias-icon-color-disabled));
242
- }
243
-
244
- .PBsjDW_spectrum-Dropdown.PBsjDW_is-invalid.PBsjDW_is-disabled .PBsjDW_spectrum-Dropdown-invalidIcon {
226
+ .PBsjDW_spectrum-Dropdown.PBsjDW_is-invalid.PBsjDW_is-disabled .PBsjDW_spectrum-Icon, .PBsjDW_spectrum-Dropdown.PBsjDW_is-invalid.PBsjDW_is-disabled .PBsjDW_spectrum-Dropdown-invalidIcon {
245
227
  fill: var(--spectrum-dropdown-icon-color-disabled, var(--spectrum-alias-icon-color-disabled));
246
228
  }
247
229
 
@@ -286,12 +268,11 @@
286
268
  }
287
269
 
288
270
  .PBsjDW_spectrum-Dropdown-trigger.PBsjDW_is-hovered .PBsjDW_spectrum-Dropdown-label {
289
- color: ButtonText;
271
+ color: buttontext;
290
272
  }
291
273
 
292
274
  .PBsjDW_spectrum-Dropdown-trigger.PBsjDW_is-hovered .PBsjDW_spectrum-Dropdown-label.PBsjDW_is-placeholder {
293
- color: GrayText;
275
+ color: graytext;
294
276
  }
295
277
  }
296
-
297
278
  /*# sourceMappingURL=main.css.map */
package/dist/main.css.map CHANGED
@@ -1 +1 @@
1
- {"mappings":"AA4DA;;;;;AAIE;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAKF;;;;;;;;AAOE;;;;;;;;;;;;;;AAiBF;;;AAII;;;;;AAQF;;;;AAKE;;;;;AAOJ;;;;;;;;;;AAWE;;;;;AAIE;;;;AAIA;;;;AAIA;;;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AASJ;;;;;;;;;AAWA;;;;;;;;;;;AAeE;;;;;;AASF;;;;AAIA;;;;AAUA;;;;AAIA;;;;;;;;;;;AAiBE;;;;;AAMA;;;;AAMA;;;;AAKF;;;;AAIA;;;;;AAIE;;;;AAKF;;;;;;AAWA;;;;;;;AAME;;;;;AAIE;;;;;AAMF;;;;AAiBF;;;;AAOM;;;;AAQF;;;;AAKE;;;;AAAA;;;;AAQF;;;;AAIE;;;;AAQJ;;;;AAMA;;;;AAIA;;;;AAMA;;;;AAKF;EACE;;;;;;;;;;;;;;;EAgBE;;;;EAEE","sources":["packages/@adobe/spectrum-css-temp/components/dropdown/vars.css"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"main.css.map"}
1
+ {"mappings":"AA4DA;;;;;AAIE;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAQA;;;;AAIA;;;;AAKF;;;;;;;;AAOE;;;;;;;;;;;AAqBE;;;;;AAQF;;;;AAKE;;;;;AAOJ;;;;;;;;;;AAWE;;;;;AAIE;;;;AAIA;;;;AAIA;;;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AASJ;;;;;;;;;AAWA;;;;;;;;;;;AAeE;;;;;;AASF;;;;AAIA;;;;AAUA;;;;AAIA;;;;;;;;;;;AAiBE;;;;;AAMA;;;;AAWF;;;;AAIA;;;;;AAIE;;;;AAKF;;;;;;AAWA;;;;;;;AAME;;;;;AAIE;;;;;AAMF;;;;AAiBF;;;;AAOM;;;;AAQF;;;;AAKE;;;;AAQF;;;;AAIE;;;;AAQJ;;;;AAMA;;;;AAIA;;;;AAMA;;;;AAKF;EACE;;;;;;;;;;;;;;;EAgBE;;;;EAEE","sources":["packages/@adobe/spectrum-css-temp/components/dropdown/vars.css"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"main.css.map"}
@@ -0,0 +1,278 @@
1
+ .PBsjDW_i18nFontFamily {
2
+ font-synthesis: weight;
3
+ font-family: adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
4
+ }
5
+
6
+ .PBsjDW_i18nFontFamily:lang(ar) {
7
+ font-family: myriad-arabic, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
8
+ }
9
+
10
+ .PBsjDW_i18nFontFamily:lang(he) {
11
+ font-family: myriad-hebrew, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
12
+ }
13
+
14
+ .PBsjDW_i18nFontFamily:lang(zh) {
15
+ font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
16
+ }
17
+
18
+ .PBsjDW_i18nFontFamily:lang(zh-Hans) {
19
+ font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
20
+ }
21
+
22
+ .PBsjDW_i18nFontFamily:lang(zh-Hant) {
23
+ font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
24
+ }
25
+
26
+ .PBsjDW_i18nFontFamily:lang(zh-SG), .PBsjDW_i18nFontFamily:lang(zh-CN) {
27
+ font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
28
+ }
29
+
30
+ .PBsjDW_i18nFontFamily:lang(ko) {
31
+ font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
32
+ }
33
+
34
+ .PBsjDW_i18nFontFamily:lang(ja) {
35
+ font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, MS Pゴシック, MS PGothic, sans-serif;
36
+ }
37
+
38
+ .PBsjDW_spectrum-FocusRing-ring {
39
+ --spectrum-focus-ring-border-radius: var(--spectrum-textfield-border-radius, var(--spectrum-alias-border-radius-regular));
40
+ --spectrum-focus-ring-gap: var(--spectrum-alias-input-focusring-gap);
41
+ --spectrum-focus-ring-size: var(--spectrum-alias-input-focusring-size);
42
+ --spectrum-focus-ring-border-size: 0px;
43
+ --spectrum-focus-ring-color: var(--spectrum-high-contrast-focus-ring-color, var(--spectrum-alias-focus-ring-color, var(--spectrum-alias-focus-color)));
44
+ }
45
+
46
+ .PBsjDW_spectrum-FocusRing-ring:after {
47
+ border-radius: calc(var(--spectrum-focus-ring-border-radius) + var(--spectrum-focus-ring-gap));
48
+ content: "";
49
+ margin: calc(-1 * var(--spectrum-focus-ring-border-size));
50
+ pointer-events: none;
51
+ transition: box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-out, margin var(--spectrum-global-animation-duration-100, .13s) ease-out;
52
+ display: block;
53
+ position: absolute;
54
+ inset: 0;
55
+ }
56
+
57
+ .PBsjDW_spectrum-FocusRing.PBsjDW_focus-ring:after {
58
+ margin: calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size));
59
+ box-shadow: 0 0 0 var(--spectrum-focus-ring-size) var(--spectrum-focus-ring-color);
60
+ }
61
+
62
+ .PBsjDW_spectrum-FocusRing--quiet:after {
63
+ border-radius: 0;
64
+ }
65
+
66
+ .PBsjDW_spectrum-FocusRing--quiet.PBsjDW_focus-ring:after {
67
+ margin: 0 0 calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size)) 0;
68
+ box-shadow: 0 var(--spectrum-focus-ring-size) 0 var(--spectrum-focus-ring-color);
69
+ }
70
+
71
+ .PBsjDW_spectrum-Dropdown {
72
+ -webkit-user-select: none;
73
+ user-select: none;
74
+ inline-size: var(--spectrum-global-dimension-size-2400);
75
+ min-inline-size: var(--spectrum-dropdown-min-width, var(--spectrum-global-dimension-size-600));
76
+ max-inline-size: 100%;
77
+ display: inline-block;
78
+ position: relative;
79
+ }
80
+
81
+ .PBsjDW_spectrum-Dropdown select {
82
+ -webkit-appearance: none;
83
+ appearance: none;
84
+ }
85
+
86
+ .PBsjDW_spectrum-Dropdown select::-ms-expand {
87
+ display: none;
88
+ }
89
+
90
+ .PBsjDW_spectrum-Dropdown select::-ms-value {
91
+ background-color: #0000;
92
+ }
93
+
94
+ .PBsjDW_spectrum-Dropdown select + .PBsjDW_spectrum-Dropdown-chevron {
95
+ margin-block-start: calc(var(--spectrum-icon-chevron-down-medium-height, var(--spectrum-global-dimension-size-75)) / -2);
96
+ position: absolute;
97
+ top: 50%;
98
+ }
99
+
100
+ .PBsjDW_spectrum-Dropdown select + .PBsjDW_spectrum-Dropdown-chevron:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
101
+ right: var(--spectrum-dropdown-padding-x, var(--spectrum-global-dimension-size-150));
102
+ }
103
+
104
+ .PBsjDW_spectrum-Dropdown select + .PBsjDW_spectrum-Dropdown-chevron:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
105
+ right: var(--spectrum-dropdown-padding-x, var(--spectrum-global-dimension-size-150));
106
+ }
107
+
108
+ .PBsjDW_spectrum-Dropdown select + .PBsjDW_spectrum-Dropdown-chevron:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
109
+ left: var(--spectrum-dropdown-padding-x, var(--spectrum-global-dimension-size-150));
110
+ }
111
+
112
+ .PBsjDW_spectrum-Dropdown select + .PBsjDW_spectrum-Dropdown-chevron:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
113
+ left: var(--spectrum-dropdown-padding-x, var(--spectrum-global-dimension-size-150));
114
+ }
115
+
116
+ .PBsjDW_spectrum-Dropdown-trigger {
117
+ contain: size;
118
+ justify-content: space-between;
119
+ align-items: center;
120
+ inline-size: 100%;
121
+ display: flex;
122
+ position: relative;
123
+ }
124
+
125
+ .PBsjDW_spectrum-Dropdown-label {
126
+ white-space: nowrap;
127
+ block-size: calc(var(--spectrum-dropdown-height, var(--spectrum-global-dimension-size-400)) - calc(var(--spectrum-dropdown-border-size, var(--spectrum-alias-border-size-thin)) * 2));
128
+ line-height: calc(var(--spectrum-dropdown-height, var(--spectrum-global-dimension-size-400)) - calc(var(--spectrum-dropdown-border-size, var(--spectrum-alias-border-size-thin)) * 2));
129
+ font-size: var(--spectrum-dropdown-text-size, var(--spectrum-alias-font-size-default));
130
+ text-overflow: ellipsis;
131
+ text-align: start;
132
+ flex: auto;
133
+ overflow: hidden;
134
+ }
135
+
136
+ .PBsjDW_spectrum-Dropdown-label.PBsjDW_is-placeholder {
137
+ font-weight: var(--spectrum-dropdown-placeholder-text-font-weight, var(--spectrum-global-font-weight-regular));
138
+ font-style: var(--spectrum-dropdown-placeholder-text-font-style, var(--spectrum-global-font-style-italic));
139
+ transition: color var(--spectrum-global-animation-duration-100, .13s) ease-in-out;
140
+ }
141
+
142
+ .PBsjDW_spectrum-Dropdown-label + .PBsjDW_spectrum-Dropdown-chevron {
143
+ margin-inline-start: var(--spectrum-dropdown-icon-margin-left, var(--spectrum-global-dimension-size-150));
144
+ }
145
+
146
+ .PBsjDW_spectrum-Icon + .PBsjDW_spectrum-Dropdown-label, .PBsjDW_spectrum-Dropdown-avatar + .PBsjDW_spectrum-Dropdown-label {
147
+ margin-inline-start: var(--spectrum-selectlist-thumbnail-image-padding-x, var(--spectrum-global-dimension-size-100));
148
+ }
149
+
150
+ .PBsjDW_spectrum-Dropdown-label ~ .PBsjDW_spectrum-Dropdown-chevron {
151
+ margin-inline-start: var(--spectrum-dropdown-icon-margin-left, var(--spectrum-global-dimension-size-150));
152
+ }
153
+
154
+ .PBsjDW_spectrum-Dropdown-chevron {
155
+ vertical-align: top;
156
+ transition: color var(--spectrum-global-animation-duration-100, .13s) ease-out;
157
+ margin-top: calc(calc(var(--spectrum-dropdown-height, var(--spectrum-global-dimension-size-400)) - calc(var(--spectrum-dropdown-border-size, var(--spectrum-alias-border-size-thin)) * 2) - var(--spectrum-icon-chevron-down-medium-height, var(--spectrum-global-dimension-size-75))) / 2);
158
+ margin-bottom: calc(calc(var(--spectrum-dropdown-height, var(--spectrum-global-dimension-size-400)) - calc(var(--spectrum-dropdown-border-size, var(--spectrum-alias-border-size-thin)) * 2) - var(--spectrum-icon-chevron-down-medium-height, var(--spectrum-global-dimension-size-75))) / 2);
159
+ opacity: 1;
160
+ flex-shrink: 0;
161
+ display: inline-block;
162
+ position: relative;
163
+ }
164
+
165
+ .PBsjDW_spectrum-Dropdown-trigger .PBsjDW_spectrum-Dropdown-invalidIcon {
166
+ margin-block-start: calc(calc(var(--spectrum-dropdown-height, var(--spectrum-global-dimension-size-400)) - calc(var(--spectrum-dropdown-border-size, var(--spectrum-alias-border-size-thin)) * 2) - var(--spectrum-dropdown-icon-size, var(--spectrum-alias-workflow-icon-size))) / 2);
167
+ margin-block-end: calc(calc(var(--spectrum-dropdown-height, var(--spectrum-global-dimension-size-400)) - calc(var(--spectrum-dropdown-border-size, var(--spectrum-alias-border-size-thin)) * 2) - var(--spectrum-dropdown-icon-size, var(--spectrum-alias-workflow-icon-size))) / 2);
168
+ }
169
+
170
+ .PBsjDW_spectrum-Dropdown-trigger .PBsjDW_spectrum-Dropdown-label + .PBsjDW_spectrum-Dropdown-invalidIcon, .PBsjDW_spectrum-Dropdown-trigger .PBsjDW_spectrum-Dropdown-progressCircle {
171
+ margin-inline-start: var(--spectrum-dropdown-icon-margin-left, var(--spectrum-global-dimension-size-150));
172
+ }
173
+
174
+ .PBsjDW_spectrum-Icon + .PBsjDW_spectrum-Dropdown-chevron {
175
+ margin-inline-start: var(--spectrum-dropdown-icon-gap, var(--spectrum-global-dimension-size-100));
176
+ }
177
+
178
+ .PBsjDW_spectrum-Dropdown--quiet {
179
+ min-inline-size: var(--spectrum-dropdown-quiet-min-width, var(--spectrum-global-dimension-size-600));
180
+ inline-size: auto;
181
+ }
182
+
183
+ .PBsjDW_spectrum-Dropdown--quiet .PBsjDW_spectrum-Dropdown-trigger {
184
+ contain: none;
185
+ }
186
+
187
+ .PBsjDW_spectrum-Dropdown-popover--quiet {
188
+ inline-size: var(--spectrum-global-dimension-size-2400);
189
+ --spectrum-dropdown-quiet-offset: calc(var(--spectrum-dropdown-quiet-popover-offset-x, var(--spectrum-global-dimension-size-150)) + var(--spectrum-popover-border-size, var(--spectrum-alias-border-size-thin)));
190
+ margin-inline-start: calc(var(--spectrum-dropdown-quiet-offset) * -1);
191
+ }
192
+
193
+ .PBsjDW_spectrum-Field.PBsjDW_spectrum-Dropdown-fieldWrapper--quiet {
194
+ inline-size: max-content;
195
+ flex-direction: column;
196
+ max-width: 100%;
197
+ display: inline-flex;
198
+ }
199
+
200
+ .PBsjDW_spectrum-Field.PBsjDW_spectrum-Dropdown-fieldWrapper--quiet .PBsjDW_spectrum-Dropdown--quiet {
201
+ min-inline-size: var(--spectrum-dropdown-quiet-min-width, var(--spectrum-global-dimension-size-600));
202
+ inline-size: auto;
203
+ }
204
+
205
+ .PBsjDW_spectrum-Field.PBsjDW_spectrum-Dropdown-fieldWrapper--quiet .PBsjDW_spectrum-Dropdown--quiet .PBsjDW_spectrum-Dropdown-trigger {
206
+ inline-size: max-content;
207
+ max-width: 100%;
208
+ }
209
+
210
+ .PBsjDW_spectrum-Field.PBsjDW_spectrum-Dropdown-fieldWrapper--quiet.PBsjDW_spectrum-Dropdown-fieldWrapper--positionSide {
211
+ flex-direction: row;
212
+ }
213
+
214
+ .PBsjDW_spectrum-Dropdown {
215
+ --spectrum-dropdown-placeholder-text-color: var(--spectrum-global-color-gray-800);
216
+ }
217
+
218
+ .PBsjDW_spectrum-Dropdown .PBsjDW_spectrum-Dropdown-trigger.PBsjDW_is-selected .PBsjDW_is-placeholder {
219
+ color: var(--spectrum-dropdown-placeholder-text-color-down, var(--spectrum-global-color-gray-900));
220
+ }
221
+
222
+ .PBsjDW_spectrum-Dropdown.PBsjDW_is-invalid .PBsjDW_spectrum-Dropdown-invalidIcon.PBsjDW_spectrum-Dropdown-invalidIcon {
223
+ fill: var(--spectrum-dropdown-validation-icon-color-error, var(--spectrum-semantic-negative-color-icon));
224
+ }
225
+
226
+ .PBsjDW_spectrum-Dropdown.PBsjDW_is-invalid.PBsjDW_is-disabled .PBsjDW_spectrum-Icon, .PBsjDW_spectrum-Dropdown.PBsjDW_is-invalid.PBsjDW_is-disabled .PBsjDW_spectrum-Dropdown-invalidIcon {
227
+ fill: var(--spectrum-dropdown-icon-color-disabled, var(--spectrum-alias-icon-color-disabled));
228
+ }
229
+
230
+ .PBsjDW_spectrum-Dropdown.PBsjDW_is-disabled:active .PBsjDW_spectrum-Dropdown-label {
231
+ color: var(--spectrum-dropdown-text-color-disabled, var(--spectrum-alias-text-color-disabled));
232
+ }
233
+
234
+ .PBsjDW_spectrum-Dropdown.PBsjDW_is-disabled .PBsjDW_spectrum-Dropdown-label.PBsjDW_is-placeholder {
235
+ color: var(--spectrum-dropdown-placeholder-text-color-disabled, var(--spectrum-alias-text-color-disabled));
236
+ }
237
+
238
+ .PBsjDW_spectrum-Dropdown-label.PBsjDW_is-placeholder {
239
+ color: var(--spectrum-dropdown-placeholder-text-color, var(--spectrum-alias-placeholder-text-color));
240
+ }
241
+
242
+ .PBsjDW_spectrum-Dropdown-trigger.PBsjDW_is-hovered .PBsjDW_spectrum-Dropdown-label {
243
+ color: var(--spectrum-dropdown-placeholder-text-color-hover, var(--spectrum-alias-placeholder-text-color-hover));
244
+ }
245
+
246
+ .PBsjDW_spectrum-Dropdown-trigger:active .PBsjDW_spectrum-Dropdown-label {
247
+ color: var(--spectrum-dropdown-placeholder-text-color-mouse-focus, var(--spectrum-global-color-gray-900));
248
+ }
249
+
250
+ .PBsjDW_spectrum-Dropdown-trigger.PBsjDW_focus-ring .PBsjDW_spectrum-Dropdown-label.PBsjDW_is-placeholder {
251
+ color: var(--spectrum-dropdown-placeholder-text-color-key-focus, var(--spectrum-alias-placeholder-text-color-hover));
252
+ }
253
+
254
+ @media (forced-colors: active) {
255
+ .PBsjDW_spectrum-Dropdown {
256
+ --spectrum-dropdown-icon-color: ButtonText;
257
+ --spectrum-dropdown-icon-color-disabled: GrayText;
258
+ --spectrum-dropdown-icon-color-hover: ButtonText;
259
+ --spectrum-dropdown-icon-color-key-focus: ButtonText;
260
+ --spectrum-dropdown-placeholder-text-color: GrayText;
261
+ --spectrum-dropdown-placeholder-text-color-disabled: GrayText;
262
+ --spectrum-dropdown-placeholder-text-color-down: GrayText;
263
+ --spectrum-dropdown-placeholder-text-color-hover: GrayText;
264
+ --spectrum-dropdown-placeholder-text-color-key-focus: GrayText;
265
+ --spectrum-dropdown-placeholder-text-color-mouse-focus: GrayText;
266
+ --spectrum-dropdown-text-color-disabled: GrayText;
267
+ --spectrum-dropdown-validation-icon-color-error: ButtonText;
268
+ }
269
+
270
+ .PBsjDW_spectrum-Dropdown-trigger.PBsjDW_is-hovered .PBsjDW_spectrum-Dropdown-label {
271
+ color: buttontext;
272
+ }
273
+
274
+ .PBsjDW_spectrum-Dropdown-trigger.PBsjDW_is-hovered .PBsjDW_spectrum-Dropdown-label.PBsjDW_is-placeholder {
275
+ color: graytext;
276
+ }
277
+ }
278
+ /*# sourceMappingURL=module.css.map */
@@ -0,0 +1 @@
1
+ {"mappings":"AA4DA;;;;;AAIE;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAQA;;;;AAIA;;;;AAKF;;;;;;;;AAOE;;;;;;;;;;;AAqBE;;;;;AAQF;;;;AAKE;;;;;AAOJ;;;;;;;;;;AAWE;;;;;AAIE;;;;AAIA;;;;AAIA;;;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AASJ;;;;;;;;;AAWA;;;;;;;;;;;AAeE;;;;;;AASF;;;;AAIA;;;;AAUA;;;;AAIA;;;;;;;;;;;AAiBE;;;;;AAMA;;;;AAWF;;;;AAIA;;;;;AAIE;;;;AAKF;;;;;;AAWA;;;;;;;AAME;;;;;AAIE;;;;;AAMF;;;;AAiBF;;;;AAOM;;;;AAQF;;;;AAKE;;;;AAQF;;;;AAIE;;;;AAQJ;;;;AAMA;;;;AAIA;;;;AAMA;;;;AAKF;EACE;;;;;;;;;;;;;;;EAgBE;;;;EAEE","sources":["packages/@adobe/spectrum-css-temp/components/dropdown/vars.css"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"module.css.map"}
package/dist/module.js CHANGED
@@ -32,7 +32,7 @@ import $1ff90abddf42fc72$exports from "./tr-TR.module.js";
32
32
  import $4f07d8c17926a679$exports from "./uk-UA.module.js";
33
33
  import $07a8d3b903fa886f$exports from "./zh-CN.module.js";
34
34
  import $e1416a5539091e36$exports from "./zh-TW.module.js";
35
- import "./main.css";
35
+ import "./module.css";
36
36
  import {Item as $23896c8062ba3967$re_export$Item, Section as $23896c8062ba3967$re_export$Section} from "@react-stately/collections";
37
37
  import $3toCD$spectrumiconsuiAlertMedium from "@spectrum-icons/ui/AlertMedium";
38
38
  import $3toCD$spectrumiconsuiChevronDownMedium from "@spectrum-icons/ui/ChevronDownMedium";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@react-spectrum/picker",
3
- "version": "3.14.4-nightly.4494+361d47080",
3
+ "version": "3.14.4-nightly.4502+89fa370bd",
4
4
  "description": "Spectrum UI components in React",
5
5
  "license": "Apache-2.0",
6
6
  "main": "dist/main.js",
@@ -36,27 +36,27 @@
36
36
  "url": "https://github.com/adobe/react-spectrum"
37
37
  },
38
38
  "dependencies": {
39
- "@react-aria/i18n": "3.0.0-nightly.2782+361d47080",
40
- "@react-aria/interactions": "3.0.0-nightly.2782+361d47080",
41
- "@react-aria/select": "3.14.4-nightly.4494+361d47080",
42
- "@react-aria/utils": "3.0.0-nightly.2782+361d47080",
43
- "@react-spectrum/button": "3.0.0-nightly.2782+361d47080",
44
- "@react-spectrum/form": "3.0.0-nightly.2782+361d47080",
45
- "@react-spectrum/label": "3.16.5-nightly.4494+361d47080",
46
- "@react-spectrum/listbox": "3.12.8-nightly.4494+361d47080",
47
- "@react-spectrum/overlays": "3.0.0-nightly.2782+361d47080",
48
- "@react-spectrum/progress": "3.0.0-nightly.2782+361d47080",
49
- "@react-spectrum/text": "3.5.4-nightly.4494+361d47080",
50
- "@react-spectrum/utils": "3.0.0-nightly.2782+361d47080",
51
- "@react-stately/collections": "3.0.0-nightly.2782+361d47080",
52
- "@react-stately/select": "3.6.3-nightly.4494+361d47080",
53
- "@react-types/select": "3.9.3-nightly.4494+361d47080",
54
- "@react-types/shared": "3.0.0-nightly.2782+361d47080",
55
- "@spectrum-icons/ui": "3.0.0-nightly.2782+361d47080",
39
+ "@react-aria/i18n": "3.0.0-nightly.2790+89fa370bd",
40
+ "@react-aria/interactions": "3.0.0-nightly.2790+89fa370bd",
41
+ "@react-aria/select": "3.14.4-nightly.4502+89fa370bd",
42
+ "@react-aria/utils": "3.0.0-nightly.2790+89fa370bd",
43
+ "@react-spectrum/button": "3.0.0-nightly.2790+89fa370bd",
44
+ "@react-spectrum/form": "3.0.0-nightly.2790+89fa370bd",
45
+ "@react-spectrum/label": "3.16.5-nightly.4502+89fa370bd",
46
+ "@react-spectrum/listbox": "3.12.8-nightly.4502+89fa370bd",
47
+ "@react-spectrum/overlays": "3.0.0-nightly.2790+89fa370bd",
48
+ "@react-spectrum/progress": "3.0.0-nightly.2790+89fa370bd",
49
+ "@react-spectrum/text": "3.5.4-nightly.4502+89fa370bd",
50
+ "@react-spectrum/utils": "3.0.0-nightly.2790+89fa370bd",
51
+ "@react-stately/collections": "3.0.0-nightly.2790+89fa370bd",
52
+ "@react-stately/select": "3.6.3-nightly.4502+89fa370bd",
53
+ "@react-types/select": "3.9.3-nightly.4502+89fa370bd",
54
+ "@react-types/shared": "3.0.0-nightly.2790+89fa370bd",
55
+ "@spectrum-icons/ui": "3.0.0-nightly.2790+89fa370bd",
56
56
  "@swc/helpers": "^0.5.0"
57
57
  },
58
58
  "devDependencies": {
59
- "@adobe/spectrum-css-temp": "3.0.0-nightly.2782+361d47080"
59
+ "@adobe/spectrum-css-temp": "3.0.0-nightly.2790+89fa370bd"
60
60
  },
61
61
  "peerDependencies": {
62
62
  "@react-spectrum/provider": "^3.1.4",
@@ -66,5 +66,5 @@
66
66
  "publishConfig": {
67
67
  "access": "public"
68
68
  },
69
- "gitHead": "361d47080c79e4d52ee287078b9e3c27ed312f2e"
69
+ "gitHead": "89fa370bd1bb346be643c9ab2a0d79fab857e4d7"
70
70
  }