@adobe/react-spectrum 3.47.1 → 3.47.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/private/accordion_vars.css +66 -48
- package/dist/private/accordion_vars.css.map +1 -1
- package/dist/private/actionbar/ActionBar.cjs.map +1 -1
- package/dist/private/actionbar/ActionBar.js.map +1 -1
- package/dist/private/actionbar/ActionBar.mjs.map +1 -1
- package/dist/private/actionbar/actionbar.css +59 -57
- package/dist/private/actionbar/actionbar.css.map +1 -1
- package/dist/private/actiongroup/ActionGroup.cjs +1 -1
- package/dist/private/actiongroup/ActionGroup.cjs.map +1 -1
- package/dist/private/actiongroup/ActionGroup.js +1 -1
- package/dist/private/actiongroup/ActionGroup.js.map +1 -1
- package/dist/private/actiongroup/ActionGroup.mjs +1 -1
- package/dist/private/actiongroup/ActionGroup.mjs.map +1 -1
- package/dist/private/actiongroup_vars.css +124 -114
- package/dist/private/actiongroup_vars.css.map +1 -1
- package/dist/private/autocomplete/MobileSearchAutocomplete.cjs.map +1 -1
- package/dist/private/autocomplete/MobileSearchAutocomplete.js.map +1 -1
- package/dist/private/autocomplete/MobileSearchAutocomplete.mjs.map +1 -1
- package/dist/private/autocomplete/SearchAutocomplete.cjs.map +1 -1
- package/dist/private/autocomplete/SearchAutocomplete.js.map +1 -1
- package/dist/private/autocomplete/SearchAutocomplete.mjs.map +1 -1
- package/dist/private/autocomplete/searchautocomplete.css +6 -6
- package/dist/private/autocomplete/searchautocomplete.css.map +1 -1
- package/dist/private/avatar_vars.css +12 -7
- package/dist/private/avatar_vars.css.map +1 -1
- package/dist/private/badge_vars.css +76 -68
- package/dist/private/badge_vars.css.map +1 -1
- package/dist/private/barloader_vars.css +132 -112
- package/dist/private/barloader_vars.css.map +1 -1
- package/dist/private/breadcrumb_vars.css +182 -148
- package/dist/private/breadcrumb_vars.css.map +1 -1
- package/dist/private/button/Button.cjs.map +1 -1
- package/dist/private/button/Button.js.map +1 -1
- package/dist/private/button/Button.mjs.map +1 -1
- package/dist/private/button_vars.css +822 -785
- package/dist/private/button_vars.css.map +1 -1
- package/dist/private/buttongroup_vars.css +25 -24
- package/dist/private/buttongroup_vars.css.map +1 -1
- package/dist/private/buttongroup_vars_css.cjs +5 -5
- package/dist/private/buttongroup_vars_css.mjs +5 -5
- package/dist/private/calendar/CalendarBase.cjs.map +1 -1
- package/dist/private/calendar/CalendarBase.js.map +1 -1
- package/dist/private/calendar/CalendarBase.mjs.map +1 -1
- package/dist/private/calendar_vars.css +280 -256
- package/dist/private/calendar_vars.css.map +1 -1
- package/dist/private/card/BaseLayout.cjs +2 -2
- package/dist/private/card/BaseLayout.cjs.map +1 -1
- package/dist/private/card/BaseLayout.js +2 -2
- package/dist/private/card/BaseLayout.js.map +1 -1
- package/dist/private/card/BaseLayout.mjs +2 -2
- package/dist/private/card/BaseLayout.mjs.map +1 -1
- package/dist/private/card/CardView.cjs.map +1 -1
- package/dist/private/card/CardView.js.map +1 -1
- package/dist/private/card/CardView.mjs.map +1 -1
- package/dist/private/card_vars.css +995 -907
- package/dist/private/card_vars.css.map +1 -1
- package/dist/private/checkbox_vars.css +318 -219
- package/dist/private/checkbox_vars.css.map +1 -1
- package/dist/private/circleloader_vars.css +99 -85
- package/dist/private/circleloader_vars.css.map +1 -1
- package/dist/private/color/ColorEditor.cjs.map +1 -1
- package/dist/private/color/ColorEditor.js.map +1 -1
- package/dist/private/color/ColorEditor.mjs.map +1 -1
- package/dist/private/color/ColorPicker.css +28 -14
- package/dist/private/color/ColorPicker.css.map +1 -1
- package/dist/private/color/colorfield.css +3 -3
- package/dist/private/color/colorfield.css.map +1 -1
- package/dist/private/colorarea_vars.css +36 -29
- package/dist/private/colorarea_vars.css.map +1 -1
- package/dist/private/colorhandle_vars.css +23 -23
- package/dist/private/colorloupe_vars.css +5 -5
- package/dist/private/colorloupe_vars.css.map +1 -1
- package/dist/private/colorslider_vars.css +34 -34
- package/dist/private/colorslider_vars.css.map +1 -1
- package/dist/private/colorwheel_vars.css +44 -38
- package/dist/private/colorwheel_vars.css.map +1 -1
- package/dist/private/combobox/ComboBox.cjs.map +1 -1
- package/dist/private/combobox/ComboBox.js.map +1 -1
- package/dist/private/combobox/ComboBox.mjs.map +1 -1
- package/dist/private/combobox/MobileComboBox.cjs.map +1 -1
- package/dist/private/combobox/MobileComboBox.js.map +1 -1
- package/dist/private/combobox/MobileComboBox.mjs.map +1 -1
- package/dist/private/combobox/combobox.css +6 -6
- package/dist/private/combobox/combobox.css.map +1 -1
- package/dist/private/contextualhelp/ContextualHelp.cjs.map +1 -1
- package/dist/private/contextualhelp/ContextualHelp.js.map +1 -1
- package/dist/private/contextualhelp/ContextualHelp.mjs.map +1 -1
- package/dist/private/contextualhelp_vars.css +13 -13
- package/dist/private/contextualhelp_vars.css.map +1 -1
- package/dist/private/datepicker/DatePicker.cjs.map +1 -1
- package/dist/private/datepicker/DatePicker.js.map +1 -1
- package/dist/private/datepicker/DatePicker.mjs.map +1 -1
- package/dist/private/datepicker/DateRangePicker.cjs.map +1 -1
- package/dist/private/datepicker/DateRangePicker.js.map +1 -1
- package/dist/private/datepicker/DateRangePicker.mjs.map +1 -1
- package/dist/private/datepicker/styles.css +33 -31
- package/dist/private/datepicker/styles.css.map +1 -1
- package/dist/private/dialog/AlertDialog.cjs.map +1 -1
- package/dist/private/dialog/AlertDialog.js.map +1 -1
- package/dist/private/dialog/AlertDialog.mjs.map +1 -1
- package/dist/private/dialog/Dialog.cjs.map +1 -1
- package/dist/private/dialog/Dialog.js.map +1 -1
- package/dist/private/dialog/Dialog.mjs.map +1 -1
- package/dist/private/dialog_vars.css +216 -180
- package/dist/private/dialog_vars.css.map +1 -1
- package/dist/private/dropdown_vars.css +150 -114
- package/dist/private/dropdown_vars.css.map +1 -1
- package/dist/private/dropzone/DropZone.cjs.map +1 -1
- package/dist/private/dropzone/DropZone.js.map +1 -1
- package/dist/private/dropzone/DropZone.mjs.map +1 -1
- package/dist/private/dropzone_vars.css +114 -85
- package/dist/private/dropzone_vars.css.map +1 -1
- package/dist/private/fieldgroup_vars.css +54 -46
- package/dist/private/fieldgroup_vars.css.map +1 -1
- package/dist/private/fieldlabel_vars.css +183 -169
- package/dist/private/fieldlabel_vars.css.map +1 -1
- package/dist/private/helptext_vars.css +83 -69
- package/dist/private/helptext_vars.css.map +1 -1
- package/dist/private/icon_vars.css +52 -36
- package/dist/private/icon_vars.css.map +1 -1
- package/dist/private/illustratedmessage_vars.css +33 -31
- package/dist/private/illustratedmessage_vars.css.map +1 -1
- package/dist/private/inlinealert/InlineAlert.cjs.map +1 -1
- package/dist/private/inlinealert/InlineAlert.js.map +1 -1
- package/dist/private/inlinealert/InlineAlert.mjs.map +1 -1
- package/dist/private/inlinealert_vars.css +54 -46
- package/dist/private/inlinealert_vars.css.map +1 -1
- package/dist/private/inputgroup_vars.css +499 -319
- package/dist/private/inputgroup_vars.css.map +1 -1
- package/dist/private/label/Label.cjs.map +1 -1
- package/dist/private/label/Label.js.map +1 -1
- package/dist/private/label/Label.mjs.map +1 -1
- package/dist/private/link_vars.css +101 -85
- package/dist/private/link_vars.css.map +1 -1
- package/dist/private/list/ListView.cjs.map +1 -1
- package/dist/private/list/ListView.js.map +1 -1
- package/dist/private/list/ListView.mjs.map +1 -1
- package/dist/private/list/styles.css +425 -333
- package/dist/private/list/styles.css.map +1 -1
- package/dist/private/listbox/ListBoxBase.cjs.map +1 -1
- package/dist/private/listbox/ListBoxBase.js.map +1 -1
- package/dist/private/listbox/ListBoxBase.mjs.map +1 -1
- package/dist/private/menu/ActionMenu.cjs.map +1 -1
- package/dist/private/menu/ActionMenu.js.map +1 -1
- package/dist/private/menu/ActionMenu.mjs.map +1 -1
- package/dist/private/menu/Menu.cjs.map +1 -1
- package/dist/private/menu/Menu.js.map +1 -1
- package/dist/private/menu/Menu.mjs.map +1 -1
- package/dist/private/menu/MenuItem.cjs.map +1 -1
- package/dist/private/menu/MenuItem.js.map +1 -1
- package/dist/private/menu/MenuItem.mjs.map +1 -1
- package/dist/private/menu_vars.css +178 -160
- package/dist/private/menu_vars.css.map +1 -1
- package/dist/private/modal_vars.css +64 -54
- package/dist/private/modal_vars.css.map +1 -1
- package/dist/private/overlays/overlays.css +7 -5
- package/dist/private/overlays/overlays.css.map +1 -1
- package/dist/private/package.cjs +1 -1
- package/dist/private/package.cjs.map +1 -1
- package/dist/private/package.js +1 -1
- package/dist/private/package.js.map +1 -1
- package/dist/private/package.mjs +1 -1
- package/dist/private/package.mjs.map +1 -1
- package/dist/private/page_vars.css +54 -46
- package/dist/private/page_vars.css.map +1 -1
- package/dist/private/picker/Picker.cjs.map +1 -1
- package/dist/private/picker/Picker.js.map +1 -1
- package/dist/private/picker/Picker.mjs.map +1 -1
- package/dist/private/popover_vars.css +105 -83
- package/dist/private/popover_vars.css.map +1 -1
- package/dist/private/radio_vars.css +257 -163
- package/dist/private/radio_vars.css.map +1 -1
- package/dist/private/rule_vars.css +73 -63
- package/dist/private/rule_vars.css.map +1 -1
- package/dist/private/search_vars.css +95 -87
- package/dist/private/search_vars.css.map +1 -1
- package/dist/private/slider/RangeSlider.cjs.map +1 -1
- package/dist/private/slider/RangeSlider.js.map +1 -1
- package/dist/private/slider/RangeSlider.mjs.map +1 -1
- package/dist/private/slider_vars.css +516 -402
- package/dist/private/slider_vars.css.map +1 -1
- package/dist/private/statuslight_vars.css +76 -68
- package/dist/private/statuslight_vars.css.map +1 -1
- package/dist/private/steplist/StepListItem.cjs.map +1 -1
- package/dist/private/steplist/StepListItem.js.map +1 -1
- package/dist/private/steplist/StepListItem.mjs.map +1 -1
- package/dist/private/steplist_vars.css +371 -297
- package/dist/private/steplist_vars.css.map +1 -1
- package/dist/private/stepper_vars.css +557 -438
- package/dist/private/stepper_vars.css.map +1 -1
- package/dist/private/table/Resizer.cjs.map +1 -1
- package/dist/private/table/Resizer.js.map +1 -1
- package/dist/private/table/Resizer.mjs.map +1 -1
- package/dist/private/table/TableViewBase.cjs.map +1 -1
- package/dist/private/table/TableViewBase.js.map +1 -1
- package/dist/private/table/TableViewBase.mjs.map +1 -1
- package/dist/private/table/table.css +103 -95
- package/dist/private/table/table.css.map +1 -1
- package/dist/private/table_vars.css +458 -350
- package/dist/private/table_vars.css.map +1 -1
- package/dist/private/tabs_vars.css +319 -281
- package/dist/private/tabs_vars.css.map +1 -1
- package/dist/private/tag/TagGroup.cjs.map +1 -1
- package/dist/private/tag/TagGroup.js.map +1 -1
- package/dist/private/tag/TagGroup.mjs.map +1 -1
- package/dist/private/tags_vars.css +167 -149
- package/dist/private/tags_vars.css.map +1 -1
- package/dist/private/textfield/TextFieldBase.cjs.map +1 -1
- package/dist/private/textfield/TextFieldBase.js.map +1 -1
- package/dist/private/textfield/TextFieldBase.mjs.map +1 -1
- package/dist/private/textfield_vars.css +278 -250
- package/dist/private/textfield_vars.css.map +1 -1
- package/dist/private/toast/Toast.cjs.map +1 -1
- package/dist/private/toast/Toast.js.map +1 -1
- package/dist/private/toast/Toast.mjs.map +1 -1
- package/dist/private/toast/toastContainer.css +64 -56
- package/dist/private/toast/toastContainer.css.map +1 -1
- package/dist/private/toast_vars.css +5 -3
- package/dist/private/toast_vars.css.map +1 -1
- package/dist/private/toggle_vars.css +287 -211
- package/dist/private/toggle_vars.css.map +1 -1
- package/dist/private/tooltip_vars.css +150 -127
- package/dist/private/tooltip_vars.css.map +1 -1
- package/dist/private/tray_vars.css +54 -46
- package/dist/private/tray_vars.css.map +1 -1
- package/dist/private/typography_index.css +54 -46
- package/dist/private/typography_index.css.map +1 -1
- package/dist/private/underlay_vars.css +58 -50
- package/dist/private/underlay_vars.css.map +1 -1
- package/dist/private/well_vars.css +54 -46
- package/dist/private/well_vars.css.map +1 -1
- package/package.json +6 -6
|
@@ -1,38 +1,38 @@
|
|
|
1
1
|
.Gil3wW_i18nFontFamily {
|
|
2
2
|
font-synthesis: weight;
|
|
3
3
|
font-family: adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
|
|
4
|
-
}
|
|
5
4
|
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
}
|
|
5
|
+
&:lang(ar) {
|
|
6
|
+
font-family: myriad-arabic, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
|
|
7
|
+
}
|
|
9
8
|
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
}
|
|
9
|
+
&:lang(he) {
|
|
10
|
+
font-family: myriad-hebrew, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
|
|
11
|
+
}
|
|
13
12
|
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
}
|
|
13
|
+
&:lang(zh) {
|
|
14
|
+
font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
|
|
15
|
+
}
|
|
17
16
|
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
}
|
|
17
|
+
&:lang(zh-Hans) {
|
|
18
|
+
font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
|
|
19
|
+
}
|
|
21
20
|
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
}
|
|
21
|
+
&:lang(zh-Hant) {
|
|
22
|
+
font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
|
|
23
|
+
}
|
|
25
24
|
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
}
|
|
25
|
+
&:lang(zh-SG), &:lang(zh-CN) {
|
|
26
|
+
font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
|
|
27
|
+
}
|
|
29
28
|
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
}
|
|
29
|
+
&:lang(ko) {
|
|
30
|
+
font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
|
|
31
|
+
}
|
|
33
32
|
|
|
34
|
-
|
|
35
|
-
|
|
33
|
+
&:lang(ja) {
|
|
34
|
+
font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, MS Pゴシック, MS PGothic, sans-serif;
|
|
35
|
+
}
|
|
36
36
|
}
|
|
37
37
|
|
|
38
38
|
.Gil3wW_spectrum-FocusRing-ring {
|
|
@@ -41,42 +41,50 @@
|
|
|
41
41
|
--spectrum-focus-ring-size: var(--spectrum-alias-input-focusring-size);
|
|
42
42
|
--spectrum-focus-ring-border-size: 0px;
|
|
43
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
44
|
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
45
|
+
&:after {
|
|
46
|
+
border-radius: calc(var(--spectrum-focus-ring-border-radius) + var(--spectrum-focus-ring-gap));
|
|
47
|
+
content: "";
|
|
48
|
+
margin: calc(-1 * var(--spectrum-focus-ring-border-size));
|
|
49
|
+
pointer-events: none;
|
|
50
|
+
transition: box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-out,
|
|
52
51
|
margin var(--spectrum-global-animation-duration-100, .13s) ease-out;
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
52
|
+
display: block;
|
|
53
|
+
position: absolute;
|
|
54
|
+
inset: 0;
|
|
55
|
+
}
|
|
56
56
|
}
|
|
57
57
|
|
|
58
|
-
.Gil3wW_spectrum-FocusRing
|
|
59
|
-
|
|
60
|
-
|
|
58
|
+
.Gil3wW_spectrum-FocusRing {
|
|
59
|
+
&.Gil3wW_focus-ring {
|
|
60
|
+
&:after {
|
|
61
|
+
margin: calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size));
|
|
62
|
+
box-shadow: 0 0 0 var(--spectrum-focus-ring-size) var(--spectrum-focus-ring-color);
|
|
63
|
+
}
|
|
64
|
+
}
|
|
61
65
|
}
|
|
62
66
|
|
|
63
|
-
.Gil3wW_spectrum-FocusRing--quiet
|
|
64
|
-
|
|
65
|
-
|
|
67
|
+
.Gil3wW_spectrum-FocusRing--quiet {
|
|
68
|
+
&:after {
|
|
69
|
+
border-radius: 0;
|
|
70
|
+
}
|
|
66
71
|
|
|
67
|
-
|
|
68
|
-
|
|
72
|
+
&.Gil3wW_focus-ring {
|
|
73
|
+
&:after {
|
|
74
|
+
margin: 0 0 calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size))
|
|
69
75
|
0;
|
|
70
|
-
|
|
76
|
+
box-shadow: 0 var(--spectrum-focus-ring-size) 0 var(--spectrum-focus-ring-color);
|
|
77
|
+
}
|
|
78
|
+
}
|
|
71
79
|
}
|
|
72
80
|
|
|
73
81
|
@media (forced-colors: active) {
|
|
74
82
|
.Gil3wW_spectrum-FocusRing, .Gil3wW_spectrum-FocusRing-ring, .Gil3wW_spectrum-FocusRing--quiet {
|
|
75
83
|
--spectrum-high-contrast-focus-ring-color: Highlight;
|
|
76
|
-
}
|
|
77
84
|
|
|
78
|
-
|
|
79
|
-
|
|
85
|
+
&:after {
|
|
86
|
+
forced-color-adjust: none;
|
|
87
|
+
}
|
|
80
88
|
}
|
|
81
89
|
}
|
|
82
90
|
|
|
@@ -88,25 +96,25 @@
|
|
|
88
96
|
min-inline-size: var(--spectrum-dropdown-min-width, var(--spectrum-global-dimension-size-600));
|
|
89
97
|
display: inline-block;
|
|
90
98
|
position: relative;
|
|
91
|
-
}
|
|
92
99
|
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
}
|
|
100
|
+
& select {
|
|
101
|
+
appearance: none;
|
|
96
102
|
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
}
|
|
103
|
+
&::-ms-expand {
|
|
104
|
+
display: none;
|
|
105
|
+
}
|
|
100
106
|
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
}
|
|
107
|
+
&::-ms-value {
|
|
108
|
+
background-color: #0000;
|
|
109
|
+
}
|
|
104
110
|
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
111
|
+
& + .Gil3wW_spectrum-Dropdown-chevron {
|
|
112
|
+
margin-block-start: calc(var(--spectrum-icon-chevron-down-medium-height, var(--spectrum-global-dimension-size-75)) / -2);
|
|
113
|
+
position: absolute;
|
|
114
|
+
inset-block-start: 50%;
|
|
115
|
+
inset-inline-end: var(--spectrum-dropdown-padding-x, var(--spectrum-global-dimension-size-150));
|
|
116
|
+
}
|
|
117
|
+
}
|
|
110
118
|
}
|
|
111
119
|
|
|
112
120
|
.Gil3wW_spectrum-Dropdown-trigger {
|
|
@@ -127,12 +135,12 @@
|
|
|
127
135
|
text-align: start;
|
|
128
136
|
flex: auto;
|
|
129
137
|
overflow: hidden;
|
|
130
|
-
}
|
|
131
138
|
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
139
|
+
&.Gil3wW_is-placeholder {
|
|
140
|
+
font-weight: var(--spectrum-dropdown-placeholder-text-font-weight, var(--spectrum-global-font-weight-regular));
|
|
141
|
+
font-style: var(--spectrum-dropdown-placeholder-text-font-style, var(--spectrum-global-font-style-italic));
|
|
142
|
+
transition: color var(--spectrum-global-animation-duration-100, .13s) ease-in-out;
|
|
143
|
+
}
|
|
136
144
|
}
|
|
137
145
|
|
|
138
146
|
.Gil3wW_spectrum-Dropdown-label + .Gil3wW_spectrum-Dropdown-chevron {
|
|
@@ -162,17 +170,25 @@
|
|
|
162
170
|
position: relative;
|
|
163
171
|
}
|
|
164
172
|
|
|
165
|
-
.Gil3wW_spectrum-Dropdown-trigger
|
|
166
|
-
|
|
173
|
+
.Gil3wW_spectrum-Dropdown-trigger {
|
|
174
|
+
& .Gil3wW_spectrum-Dropdown-invalidIcon {
|
|
175
|
+
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) -
|
|
167
176
|
var(--spectrum-dropdown-icon-size, var(--spectrum-alias-workflow-icon-size))) /
|
|
168
177
|
2);
|
|
169
|
-
|
|
178
|
+
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) -
|
|
170
179
|
var(--spectrum-dropdown-icon-size, var(--spectrum-alias-workflow-icon-size))) /
|
|
171
180
|
2);
|
|
181
|
+
}
|
|
182
|
+
|
|
183
|
+
& .Gil3wW_spectrum-Dropdown-label + .Gil3wW_spectrum-Dropdown-invalidIcon {
|
|
184
|
+
margin-inline-start: var(--spectrum-dropdown-icon-margin-left, var(--spectrum-global-dimension-size-150));
|
|
185
|
+
}
|
|
172
186
|
}
|
|
173
187
|
|
|
174
|
-
.Gil3wW_spectrum-Dropdown-trigger
|
|
175
|
-
|
|
188
|
+
.Gil3wW_spectrum-Dropdown-trigger {
|
|
189
|
+
& .Gil3wW_spectrum-Dropdown-progressCircle {
|
|
190
|
+
margin-inline-start: var(--spectrum-dropdown-icon-margin-left, var(--spectrum-global-dimension-size-150));
|
|
191
|
+
}
|
|
176
192
|
}
|
|
177
193
|
|
|
178
194
|
.Gil3wW_spectrum-Icon + .Gil3wW_spectrum-Dropdown-chevron {
|
|
@@ -182,10 +198,10 @@
|
|
|
182
198
|
.Gil3wW_spectrum-Dropdown--quiet {
|
|
183
199
|
inline-size: auto;
|
|
184
200
|
min-inline-size: var(--spectrum-dropdown-quiet-min-width, var(--spectrum-global-dimension-size-600));
|
|
185
|
-
}
|
|
186
201
|
|
|
187
|
-
|
|
188
|
-
|
|
202
|
+
& .Gil3wW_spectrum-Dropdown-trigger {
|
|
203
|
+
contain: none;
|
|
204
|
+
}
|
|
189
205
|
}
|
|
190
206
|
|
|
191
207
|
.Gil3wW_spectrum-Dropdown-popover--quiet {
|
|
@@ -199,60 +215,78 @@
|
|
|
199
215
|
flex-direction: column;
|
|
200
216
|
max-width: 100%;
|
|
201
217
|
display: inline-flex;
|
|
202
|
-
}
|
|
203
218
|
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
}
|
|
219
|
+
& .Gil3wW_spectrum-Dropdown--quiet {
|
|
220
|
+
inline-size: auto;
|
|
221
|
+
min-inline-size: var(--spectrum-dropdown-quiet-min-width, var(--spectrum-global-dimension-size-600));
|
|
208
222
|
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
}
|
|
223
|
+
& .Gil3wW_spectrum-Dropdown-trigger {
|
|
224
|
+
inline-size: max-content;
|
|
225
|
+
max-width: 100%;
|
|
226
|
+
}
|
|
227
|
+
}
|
|
213
228
|
|
|
214
|
-
|
|
215
|
-
|
|
229
|
+
&.Gil3wW_spectrum-Dropdown-fieldWrapper--positionSide {
|
|
230
|
+
flex-direction: row;
|
|
231
|
+
}
|
|
216
232
|
}
|
|
217
233
|
|
|
218
234
|
.Gil3wW_spectrum-Dropdown {
|
|
219
235
|
--spectrum-dropdown-placeholder-text-color: var(--spectrum-global-color-gray-800);
|
|
220
|
-
}
|
|
221
236
|
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
237
|
+
& .Gil3wW_spectrum-Dropdown-trigger {
|
|
238
|
+
&.Gil3wW_is-selected {
|
|
239
|
+
& .Gil3wW_is-placeholder {
|
|
240
|
+
color: var(--spectrum-dropdown-placeholder-text-color-down, var(--spectrum-global-color-gray-900));
|
|
241
|
+
}
|
|
242
|
+
}
|
|
243
|
+
}
|
|
225
244
|
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
245
|
+
&.Gil3wW_is-invalid {
|
|
246
|
+
& .Gil3wW_spectrum-Dropdown-invalidIcon.Gil3wW_spectrum-Dropdown-invalidIcon {
|
|
247
|
+
fill: var(--spectrum-dropdown-validation-icon-color-error, var(--spectrum-semantic-negative-color-icon));
|
|
248
|
+
}
|
|
229
249
|
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
250
|
+
&.Gil3wW_is-disabled {
|
|
251
|
+
& .Gil3wW_spectrum-Icon, & .Gil3wW_spectrum-Dropdown-invalidIcon {
|
|
252
|
+
fill: var(--spectrum-dropdown-icon-color-disabled, var(--spectrum-alias-icon-color-disabled));
|
|
253
|
+
}
|
|
254
|
+
}
|
|
255
|
+
}
|
|
233
256
|
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
257
|
+
&.Gil3wW_is-disabled {
|
|
258
|
+
&:active .Gil3wW_spectrum-Dropdown-label {
|
|
259
|
+
color: var(--spectrum-dropdown-text-color-disabled, var(--spectrum-alias-text-color-disabled));
|
|
260
|
+
}
|
|
237
261
|
|
|
238
|
-
|
|
239
|
-
|
|
262
|
+
& .Gil3wW_spectrum-Dropdown-label {
|
|
263
|
+
&.Gil3wW_is-placeholder {
|
|
264
|
+
color: var(--spectrum-dropdown-placeholder-text-color-disabled, var(--spectrum-alias-text-color-disabled));
|
|
265
|
+
}
|
|
266
|
+
}
|
|
267
|
+
}
|
|
240
268
|
}
|
|
241
269
|
|
|
242
|
-
.Gil3wW_spectrum-Dropdown-label
|
|
243
|
-
|
|
270
|
+
.Gil3wW_spectrum-Dropdown-label {
|
|
271
|
+
&.Gil3wW_is-placeholder {
|
|
272
|
+
color: var(--spectrum-dropdown-placeholder-text-color, var(--spectrum-alias-placeholder-text-color));
|
|
273
|
+
}
|
|
244
274
|
}
|
|
245
275
|
|
|
246
|
-
.Gil3wW_spectrum-Dropdown-trigger
|
|
247
|
-
|
|
248
|
-
|
|
276
|
+
.Gil3wW_spectrum-Dropdown-trigger {
|
|
277
|
+
&.Gil3wW_is-hovered .Gil3wW_spectrum-Dropdown-label {
|
|
278
|
+
color: var(--spectrum-dropdown-placeholder-text-color-hover, var(--spectrum-alias-placeholder-text-color-hover));
|
|
279
|
+
}
|
|
249
280
|
|
|
250
|
-
|
|
251
|
-
|
|
281
|
+
&:active .Gil3wW_spectrum-Dropdown-label {
|
|
282
|
+
color: var(--spectrum-dropdown-placeholder-text-color-mouse-focus, var(--spectrum-global-color-gray-900));
|
|
283
|
+
}
|
|
252
284
|
}
|
|
253
285
|
|
|
254
|
-
.Gil3wW_spectrum-Dropdown-trigger.Gil3wW_focus-ring
|
|
255
|
-
|
|
286
|
+
.Gil3wW_spectrum-Dropdown-trigger.Gil3wW_focus-ring {
|
|
287
|
+
& .Gil3wW_spectrum-Dropdown-label.Gil3wW_is-placeholder {
|
|
288
|
+
color: var(--spectrum-dropdown-placeholder-text-color-key-focus, var(--spectrum-alias-placeholder-text-color-hover));
|
|
289
|
+
}
|
|
256
290
|
}
|
|
257
291
|
|
|
258
292
|
@media (forced-colors: active) {
|
|
@@ -271,12 +305,14 @@
|
|
|
271
305
|
--spectrum-dropdown-validation-icon-color-error: ButtonText;
|
|
272
306
|
}
|
|
273
307
|
|
|
274
|
-
.Gil3wW_spectrum-Dropdown-trigger
|
|
275
|
-
|
|
276
|
-
|
|
308
|
+
.Gil3wW_spectrum-Dropdown-trigger {
|
|
309
|
+
&.Gil3wW_is-hovered .Gil3wW_spectrum-Dropdown-label {
|
|
310
|
+
color: buttontext;
|
|
277
311
|
|
|
278
|
-
|
|
279
|
-
|
|
312
|
+
&.Gil3wW_is-placeholder {
|
|
313
|
+
color: graytext;
|
|
314
|
+
}
|
|
315
|
+
}
|
|
280
316
|
}
|
|
281
317
|
}
|
|
282
318
|
/*# sourceMappingURL=dropdown_vars.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"mappings":"AA4DA
|
|
1
|
+
{"mappings":"AA4DA;;;;EAKE;;;;EAKA;;;;EAKA;;;;EAIA;;;;EAIA;;;;EAKA;;;;EAQA;;;;EAIA;;;;;AAMF;;;;;;;EAUE;;;;;;;;;;;;;EAsBE;;;;;;;;AAQF;;;;;EAKE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2JF;;;;;;;;;;;AAeF;;;;;;;;;;;;;;;;;;;;;;;;;AAgCI;;;;;;EAMF;;;;;;;;;;EAuBI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2CJ;;;;;AAKF;EACE","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":"dropdown_vars.css.map"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;;;
|
|
1
|
+
{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;;;AAwCD,oFAAoF;AACpF,IAAI,oCAAc,CAAA;IAChB,6DAA6D;IAC7D,IAAI,gBAAC,YAAY,iBAAE,aAAa,cAAE,UAAU,EAAE,GAAG,YAAW,GAAG;IAC/D,OAAO;AACT;AAKO,MAAM,yDAAW,CAAA,GAAA,sCAAI,EAAE,UAAU,CAAC,SAAS,SAChD,KAA4B,EAC5B,GAA2B;IAE3B,IAAI,YAAC,QAAQ,YAAE,QAAQ,kBAAE,cAAc,EAAE,GAAG,YAAW,GAAG;IAC1D,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,uCAAY,EAAE;IACjC,IAAI,SAAS,CAAA,GAAA,mCAAQ,EAAE;IACvB,IAAI,YAAY,CAAA,GAAA,2BAAI;IACpB,IAAI,YAAY,CAAA,GAAA,2BAAI;IACpB,IAAI,kBAAkB,CAAA,GAAA,uEAA0B,EAAE,CAAA,GAAA,mDAAW,GAAG;IAChE,IAAI,iBAAiB,WAAW,GAAG,UAAU,CAAC,EAAE,WAAW,GAAG;IAE9D,qBACE,0DAAC,CAAA,GAAA,wCAAO;QAAE,QAAQ;YAAC;gBAAC,CAAA,GAAA,gDAAa;gBAAG;oBAAC,IAAI;gBAAS;aAAE;SAAC;qBACnD,0DAAC,CAAA,GAAA,2CAAU;QACR,GAAG,CAAA,GAAA,qCAAS,EAAE,kCAAY,YAAY;QACtC,GAAI,UAAU;QACf,mBAAiB;QACjB,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG,qBAAqB,WAAW,SAAS,EAAE;YACvE,6BAA6B;QAC/B;QACA,KAAK;qBACL,0DAAC,CAAA,GAAA,sCAAW;QACV,OAAO;YACL,cAAc;gBACZ,kBAAkB,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;YACvC;QACF;OACC,yBAEH,0DAAC;QAAI,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;sBACnC,0DAAC;QACC,IAAI;QACJ,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG,4BAA4B,WAAW,SAAS;OAC7E,iBAAiB,iBAAiB,gBAAgB,MAAM,CAAC;AAKpE","sources":["packages/@adobe/react-spectrum/src/dropzone/DropZone.tsx"],"sourcesContent":["/*\n * Copyright 2023 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\nimport {AriaLabelingProps, DOMProps, DOMRef, StyleProps} from '@react-types/shared';\nimport {classNames} from '../utils/classNames';\nimport {DropZoneProps, DropZone as RACDropZone} from 'react-aria-components/DropZone';\nimport {HeadingContext} from 'react-aria-components/Heading';\nimport intlMessages from '../../intl/dropzone/*.json';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport {Provider} from 'react-aria-components/slots';\nimport React, {ReactNode} from 'react';\nimport {SlotProvider} from '../utils/Slots';\nimport styles from '@adobe/spectrum-css-temp/components/dropzone/vars.css';\nimport {useDOMRef} from '../utils/useDOMRef';\nimport {useId} from 'react-aria/useId';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\nimport {useStyleProps} from '../utils/styleProps';\n\nexport interface SpectrumDropZoneProps\n extends\n Omit<\n DropZoneProps,\n | 'onHoverStart'\n | 'onHoverChange'\n | 'onHoverEnd'\n | 'isDisabled'\n | 'className'\n | 'style'\n | 'render'\n >,\n DOMProps,\n StyleProps,\n AriaLabelingProps {\n /** The content to display in the drop zone. */\n children: ReactNode;\n /** Whether the drop zone has been filled. */\n isFilled?: boolean;\n /** The message to replace the default banner message that is shown when the drop zone is filled. */\n replaceMessage?: string;\n}\n\n// Filter out props used by RAC DropZone that we don't want in RSP DropZone for now.\nlet filterProps = props => {\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n let {onHoverStart, onHoverChange, onHoverEnd, ...otherProps} = props;\n return otherProps;\n};\n\n/**\n * A drop zone is an area into which one or multiple objects can be dragged and dropped.\n */\nexport const DropZone = React.forwardRef(function DropZone(\n props: SpectrumDropZoneProps,\n ref: DOMRef<HTMLDivElement>\n) {\n let {children, isFilled, replaceMessage, ...otherProps} = props;\n let {styleProps} = useStyleProps(props);\n let domRef = useDOMRef(ref);\n let messageId = useId();\n let headingId = useId();\n let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/dropzone');\n let ariaLabelledby = isFilled ? `${headingId} ${messageId}` : headingId;\n\n return (\n <Provider values={[[HeadingContext, {id: headingId}]]}>\n <RACDropZone\n {...mergeProps(filterProps(otherProps))}\n {...(styleProps as Omit<React.HTMLAttributes<HTMLElement>, 'onDrop'>)}\n aria-labelledby={ariaLabelledby}\n className={classNames(styles, 'spectrum-Dropzone', styleProps.className, {\n 'spectrum-Dropzone--filled': isFilled\n })}\n ref={domRef}>\n <SlotProvider\n slots={{\n illustration: {\n UNSAFE_className: classNames(styles, 'spectrum-Dropzone-illustratedMessage')\n }\n }}>\n {children}\n </SlotProvider>\n <div className={classNames(styles, 'spectrum-Dropzone-backdrop')} />\n <div\n id={messageId}\n className={classNames(styles, 'spectrum-Dropzone-banner', styleProps.className)}>\n {replaceMessage ? replaceMessage : stringFormatter.format('replaceMessage')}\n </div>\n </RACDropZone>\n </Provider>\n );\n});\n"],"names":[],"version":3,"file":"DropZone.cjs.map"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;;;
|
|
1
|
+
{"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;;;AAwCD,oFAAoF;AACpF,IAAI,oCAAc,CAAA;IAChB,6DAA6D;IAC7D,IAAI,gBAAC,YAAY,iBAAE,aAAa,cAAE,UAAU,EAAE,GAAG,YAAW,GAAG;IAC/D,OAAO;AACT;AAKO,MAAM,yDAAW,CAAA,GAAA,YAAI,EAAE,UAAU,CAAC,SAAS,SAChD,KAA4B,EAC5B,GAA2B;IAE3B,IAAI,YAAC,QAAQ,YAAE,QAAQ,kBAAE,cAAc,EAAE,GAAG,YAAW,GAAG;IAC1D,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,yCAAY,EAAE;IACjC,IAAI,SAAS,CAAA,GAAA,yCAAQ,EAAE;IACvB,IAAI,YAAY,CAAA,GAAA,YAAI;IACpB,IAAI,YAAY,CAAA,GAAA,YAAI;IACpB,IAAI,kBAAkB,CAAA,GAAA,kCAA0B,EAAE,CAAA,GAAA,8CAAW,GAAG;IAChE,IAAI,iBAAiB,WAAW,GAAG,UAAU,CAAC,EAAE,WAAW,GAAG;IAE9D,qBACE,gCAAC,CAAA,GAAA,eAAO;QAAE,QAAQ;YAAC;gBAAC,CAAA,GAAA,qBAAa;gBAAG;oBAAC,IAAI;gBAAS;aAAE;SAAC;qBACnD,gCAAC,CAAA,GAAA,eAAU;QACR,GAAG,CAAA,GAAA,iBAAS,EAAE,kCAAY,YAAY;QACtC,GAAI,UAAU;QACf,mBAAiB;QACjB,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,qDAAK,GAAG,qBAAqB,WAAW,SAAS,EAAE;YACvE,6BAA6B;QAC/B;QACA,KAAK;qBACL,gCAAC,CAAA,GAAA,yCAAW;QACV,OAAO;YACL,cAAc;gBACZ,kBAAkB,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,qDAAK,GAAG;YACvC;QACF;OACC,yBAEH,gCAAC;QAAI,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,qDAAK,GAAG;sBACnC,gCAAC;QACC,IAAI;QACJ,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,qDAAK,GAAG,4BAA4B,WAAW,SAAS;OAC7E,iBAAiB,iBAAiB,gBAAgB,MAAM,CAAC;AAKpE","sources":["packages/@adobe/react-spectrum/src/dropzone/DropZone.tsx"],"sourcesContent":["/*\n * Copyright 2023 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\nimport {AriaLabelingProps, DOMProps, DOMRef, StyleProps} from '@react-types/shared';\nimport {classNames} from '../utils/classNames';\nimport {DropZoneProps, DropZone as RACDropZone} from 'react-aria-components/DropZone';\nimport {HeadingContext} from 'react-aria-components/Heading';\nimport intlMessages from '../../intl/dropzone/*.json';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport {Provider} from 'react-aria-components/slots';\nimport React, {ReactNode} from 'react';\nimport {SlotProvider} from '../utils/Slots';\nimport styles from '@adobe/spectrum-css-temp/components/dropzone/vars.css';\nimport {useDOMRef} from '../utils/useDOMRef';\nimport {useId} from 'react-aria/useId';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\nimport {useStyleProps} from '../utils/styleProps';\n\nexport interface SpectrumDropZoneProps\n extends\n Omit<\n DropZoneProps,\n | 'onHoverStart'\n | 'onHoverChange'\n | 'onHoverEnd'\n | 'isDisabled'\n | 'className'\n | 'style'\n | 'render'\n >,\n DOMProps,\n StyleProps,\n AriaLabelingProps {\n /** The content to display in the drop zone. */\n children: ReactNode;\n /** Whether the drop zone has been filled. */\n isFilled?: boolean;\n /** The message to replace the default banner message that is shown when the drop zone is filled. */\n replaceMessage?: string;\n}\n\n// Filter out props used by RAC DropZone that we don't want in RSP DropZone for now.\nlet filterProps = props => {\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n let {onHoverStart, onHoverChange, onHoverEnd, ...otherProps} = props;\n return otherProps;\n};\n\n/**\n * A drop zone is an area into which one or multiple objects can be dragged and dropped.\n */\nexport const DropZone = React.forwardRef(function DropZone(\n props: SpectrumDropZoneProps,\n ref: DOMRef<HTMLDivElement>\n) {\n let {children, isFilled, replaceMessage, ...otherProps} = props;\n let {styleProps} = useStyleProps(props);\n let domRef = useDOMRef(ref);\n let messageId = useId();\n let headingId = useId();\n let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/dropzone');\n let ariaLabelledby = isFilled ? `${headingId} ${messageId}` : headingId;\n\n return (\n <Provider values={[[HeadingContext, {id: headingId}]]}>\n <RACDropZone\n {...mergeProps(filterProps(otherProps))}\n {...(styleProps as Omit<React.HTMLAttributes<HTMLElement>, 'onDrop'>)}\n aria-labelledby={ariaLabelledby}\n className={classNames(styles, 'spectrum-Dropzone', styleProps.className, {\n 'spectrum-Dropzone--filled': isFilled\n })}\n ref={domRef}>\n <SlotProvider\n slots={{\n illustration: {\n UNSAFE_className: classNames(styles, 'spectrum-Dropzone-illustratedMessage')\n }\n }}>\n {children}\n </SlotProvider>\n <div className={classNames(styles, 'spectrum-Dropzone-backdrop')} />\n <div\n id={messageId}\n className={classNames(styles, 'spectrum-Dropzone-banner', styleProps.className)}>\n {replaceMessage ? replaceMessage : stringFormatter.format('replaceMessage')}\n </div>\n </RACDropZone>\n </Provider>\n );\n});\n"],"names":[],"version":3,"file":"DropZone.js.map"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;;;
|
|
1
|
+
{"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;;;AAwCD,oFAAoF;AACpF,IAAI,oCAAc,CAAA;IAChB,6DAA6D;IAC7D,IAAI,gBAAC,YAAY,iBAAE,aAAa,cAAE,UAAU,EAAE,GAAG,YAAW,GAAG;IAC/D,OAAO;AACT;AAKO,MAAM,yDAAW,CAAA,GAAA,YAAI,EAAE,UAAU,CAAC,SAAS,SAChD,KAA4B,EAC5B,GAA2B;IAE3B,IAAI,YAAC,QAAQ,YAAE,QAAQ,kBAAE,cAAc,EAAE,GAAG,YAAW,GAAG;IAC1D,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,yCAAY,EAAE;IACjC,IAAI,SAAS,CAAA,GAAA,yCAAQ,EAAE;IACvB,IAAI,YAAY,CAAA,GAAA,YAAI;IACpB,IAAI,YAAY,CAAA,GAAA,YAAI;IACpB,IAAI,kBAAkB,CAAA,GAAA,kCAA0B,EAAE,CAAA,GAAA,+CAAW,GAAG;IAChE,IAAI,iBAAiB,WAAW,GAAG,UAAU,CAAC,EAAE,WAAW,GAAG;IAE9D,qBACE,gCAAC,CAAA,GAAA,eAAO;QAAE,QAAQ;YAAC;gBAAC,CAAA,GAAA,qBAAa;gBAAG;oBAAC,IAAI;gBAAS;aAAE;SAAC;qBACnD,gCAAC,CAAA,GAAA,eAAU;QACR,GAAG,CAAA,GAAA,iBAAS,EAAE,kCAAY,YAAY;QACtC,GAAI,UAAU;QACf,mBAAiB;QACjB,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,qDAAK,GAAG,qBAAqB,WAAW,SAAS,EAAE;YACvE,6BAA6B;QAC/B;QACA,KAAK;qBACL,gCAAC,CAAA,GAAA,yCAAW;QACV,OAAO;YACL,cAAc;gBACZ,kBAAkB,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,qDAAK,GAAG;YACvC;QACF;OACC,yBAEH,gCAAC;QAAI,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,qDAAK,GAAG;sBACnC,gCAAC;QACC,IAAI;QACJ,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,qDAAK,GAAG,4BAA4B,WAAW,SAAS;OAC7E,iBAAiB,iBAAiB,gBAAgB,MAAM,CAAC;AAKpE","sources":["packages/@adobe/react-spectrum/src/dropzone/DropZone.tsx"],"sourcesContent":["/*\n * Copyright 2023 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\nimport {AriaLabelingProps, DOMProps, DOMRef, StyleProps} from '@react-types/shared';\nimport {classNames} from '../utils/classNames';\nimport {DropZoneProps, DropZone as RACDropZone} from 'react-aria-components/DropZone';\nimport {HeadingContext} from 'react-aria-components/Heading';\nimport intlMessages from '../../intl/dropzone/*.json';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport {Provider} from 'react-aria-components/slots';\nimport React, {ReactNode} from 'react';\nimport {SlotProvider} from '../utils/Slots';\nimport styles from '@adobe/spectrum-css-temp/components/dropzone/vars.css';\nimport {useDOMRef} from '../utils/useDOMRef';\nimport {useId} from 'react-aria/useId';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\nimport {useStyleProps} from '../utils/styleProps';\n\nexport interface SpectrumDropZoneProps\n extends\n Omit<\n DropZoneProps,\n | 'onHoverStart'\n | 'onHoverChange'\n | 'onHoverEnd'\n | 'isDisabled'\n | 'className'\n | 'style'\n | 'render'\n >,\n DOMProps,\n StyleProps,\n AriaLabelingProps {\n /** The content to display in the drop zone. */\n children: ReactNode;\n /** Whether the drop zone has been filled. */\n isFilled?: boolean;\n /** The message to replace the default banner message that is shown when the drop zone is filled. */\n replaceMessage?: string;\n}\n\n// Filter out props used by RAC DropZone that we don't want in RSP DropZone for now.\nlet filterProps = props => {\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n let {onHoverStart, onHoverChange, onHoverEnd, ...otherProps} = props;\n return otherProps;\n};\n\n/**\n * A drop zone is an area into which one or multiple objects can be dragged and dropped.\n */\nexport const DropZone = React.forwardRef(function DropZone(\n props: SpectrumDropZoneProps,\n ref: DOMRef<HTMLDivElement>\n) {\n let {children, isFilled, replaceMessage, ...otherProps} = props;\n let {styleProps} = useStyleProps(props);\n let domRef = useDOMRef(ref);\n let messageId = useId();\n let headingId = useId();\n let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/dropzone');\n let ariaLabelledby = isFilled ? `${headingId} ${messageId}` : headingId;\n\n return (\n <Provider values={[[HeadingContext, {id: headingId}]]}>\n <RACDropZone\n {...mergeProps(filterProps(otherProps))}\n {...(styleProps as Omit<React.HTMLAttributes<HTMLElement>, 'onDrop'>)}\n aria-labelledby={ariaLabelledby}\n className={classNames(styles, 'spectrum-Dropzone', styleProps.className, {\n 'spectrum-Dropzone--filled': isFilled\n })}\n ref={domRef}>\n <SlotProvider\n slots={{\n illustration: {\n UNSAFE_className: classNames(styles, 'spectrum-Dropzone-illustratedMessage')\n }\n }}>\n {children}\n </SlotProvider>\n <div className={classNames(styles, 'spectrum-Dropzone-backdrop')} />\n <div\n id={messageId}\n className={classNames(styles, 'spectrum-Dropzone-banner', styleProps.className)}>\n {replaceMessage ? replaceMessage : stringFormatter.format('replaceMessage')}\n </div>\n </RACDropZone>\n </Provider>\n );\n});\n"],"names":[],"version":3,"file":"DropZone.mjs.map"}
|