@react-spectrum/s2 0.10.0 → 0.11.0

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 (296) hide show
  1. package/dist/Accordion.cjs +2 -2
  2. package/dist/Accordion.css +2 -2
  3. package/dist/Accordion.mjs +2 -2
  4. package/dist/ActionBar.cjs +62 -62
  5. package/dist/ActionBar.css +61 -61
  6. package/dist/ActionBar.mjs +62 -62
  7. package/dist/ActionButton.cjs +202 -202
  8. package/dist/ActionButton.css +138 -138
  9. package/dist/ActionButton.mjs +202 -202
  10. package/dist/ActionButtonGroup.cjs +15 -15
  11. package/dist/ActionButtonGroup.css +9 -9
  12. package/dist/ActionButtonGroup.mjs +15 -15
  13. package/dist/Add.cjs +10 -10
  14. package/dist/Add.css +6 -6
  15. package/dist/Add.mjs +10 -10
  16. package/dist/AlertDialog.cjs +3 -3
  17. package/dist/AlertDialog.css +3 -3
  18. package/dist/AlertDialog.mjs +3 -3
  19. package/dist/Asterisk.cjs +6 -6
  20. package/dist/Asterisk.css +4 -4
  21. package/dist/Asterisk.mjs +6 -6
  22. package/dist/Avatar.cjs +14 -14
  23. package/dist/Avatar.css +14 -14
  24. package/dist/Avatar.mjs +14 -14
  25. package/dist/AvatarGroup.cjs +134 -134
  26. package/dist/AvatarGroup.css +33 -33
  27. package/dist/AvatarGroup.mjs +134 -134
  28. package/dist/Badge.cjs +206 -206
  29. package/dist/Badge.css +127 -127
  30. package/dist/Badge.mjs +206 -206
  31. package/dist/Breadcrumbs.cjs +254 -254
  32. package/dist/Breadcrumbs.css +109 -109
  33. package/dist/Breadcrumbs.mjs +254 -254
  34. package/dist/Button.cjs +341 -341
  35. package/dist/Button.css +177 -177
  36. package/dist/Button.mjs +341 -341
  37. package/dist/ButtonGroup.cjs +20 -20
  38. package/dist/ButtonGroup.css +15 -15
  39. package/dist/ButtonGroup.mjs +20 -20
  40. package/dist/Calendar.cjs +151 -139
  41. package/dist/Calendar.cjs.map +1 -1
  42. package/dist/Calendar.css +134 -134
  43. package/dist/Calendar.css.map +1 -1
  44. package/dist/Calendar.mjs +153 -141
  45. package/dist/Calendar.mjs.map +1 -1
  46. package/dist/Card.cjs +304 -304
  47. package/dist/Card.css +209 -209
  48. package/dist/Card.mjs +304 -304
  49. package/dist/CardView.cjs +16 -16
  50. package/dist/CardView.css +16 -16
  51. package/dist/CardView.mjs +16 -16
  52. package/dist/CenterBaseline.cjs +1 -1
  53. package/dist/CenterBaseline.css +2 -2
  54. package/dist/CenterBaseline.mjs +1 -1
  55. package/dist/Checkbox.cjs +170 -170
  56. package/dist/Checkbox.css +92 -92
  57. package/dist/Checkbox.mjs +170 -170
  58. package/dist/CheckboxGroup.cjs +45 -45
  59. package/dist/CheckboxGroup.css +38 -38
  60. package/dist/CheckboxGroup.mjs +45 -45
  61. package/dist/Checkmark.cjs +12 -12
  62. package/dist/Checkmark.css +8 -8
  63. package/dist/Checkmark.mjs +12 -12
  64. package/dist/Chevron.cjs +12 -12
  65. package/dist/Chevron.css +10 -10
  66. package/dist/Chevron.mjs +12 -12
  67. package/dist/ClearButton.cjs +29 -29
  68. package/dist/ClearButton.css +29 -29
  69. package/dist/ClearButton.mjs +29 -29
  70. package/dist/CloseButton.cjs +54 -54
  71. package/dist/CloseButton.css +46 -46
  72. package/dist/CloseButton.mjs +54 -54
  73. package/dist/ColorArea.cjs +16 -16
  74. package/dist/ColorArea.css +16 -16
  75. package/dist/ColorArea.mjs +16 -16
  76. package/dist/ColorField.cjs +32 -32
  77. package/dist/ColorField.css +28 -28
  78. package/dist/ColorField.mjs +32 -32
  79. package/dist/ColorHandle.cjs +27 -27
  80. package/dist/ColorHandle.css +42 -42
  81. package/dist/ColorHandle.mjs +27 -27
  82. package/dist/ColorSlider.cjs +118 -118
  83. package/dist/ColorSlider.css +54 -54
  84. package/dist/ColorSlider.mjs +118 -118
  85. package/dist/ColorSwatch.cjs +29 -29
  86. package/dist/ColorSwatch.css +29 -29
  87. package/dist/ColorSwatch.mjs +29 -29
  88. package/dist/ColorSwatchPicker.cjs +27 -27
  89. package/dist/ColorSwatchPicker.css +46 -46
  90. package/dist/ColorSwatchPicker.mjs +27 -27
  91. package/dist/ColorWheel.cjs +26 -26
  92. package/dist/ColorWheel.css +17 -17
  93. package/dist/ColorWheel.mjs +26 -26
  94. package/dist/ComboBox.cjs +415 -400
  95. package/dist/ComboBox.cjs.map +1 -1
  96. package/dist/ComboBox.css +181 -181
  97. package/dist/ComboBox.css.map +1 -1
  98. package/dist/ComboBox.mjs +415 -400
  99. package/dist/ComboBox.mjs.map +1 -1
  100. package/dist/ContextualHelp.cjs +5 -5
  101. package/dist/ContextualHelp.css +60 -60
  102. package/dist/ContextualHelp.mjs +5 -5
  103. package/dist/Cross.cjs +14 -14
  104. package/dist/Cross.css +10 -10
  105. package/dist/Cross.mjs +14 -14
  106. package/dist/CustomDialog.cjs +25 -25
  107. package/dist/CustomDialog.css +25 -25
  108. package/dist/CustomDialog.mjs +25 -25
  109. package/dist/Dash.cjs +10 -10
  110. package/dist/Dash.css +6 -6
  111. package/dist/Dash.mjs +10 -10
  112. package/dist/DateField.cjs +73 -73
  113. package/dist/DateField.css +77 -77
  114. package/dist/DateField.mjs +73 -73
  115. package/dist/DatePicker.cjs +182 -185
  116. package/dist/DatePicker.cjs.map +1 -1
  117. package/dist/DatePicker.css +126 -126
  118. package/dist/DatePicker.css.map +1 -1
  119. package/dist/DatePicker.mjs +182 -185
  120. package/dist/DatePicker.mjs.map +1 -1
  121. package/dist/DateRangePicker.cjs +58 -61
  122. package/dist/DateRangePicker.cjs.map +1 -1
  123. package/dist/DateRangePicker.css +60 -60
  124. package/dist/DateRangePicker.css.map +1 -1
  125. package/dist/DateRangePicker.mjs +58 -61
  126. package/dist/DateRangePicker.mjs.map +1 -1
  127. package/dist/Dialog.cjs +17 -17
  128. package/dist/Dialog.css +82 -82
  129. package/dist/Dialog.mjs +17 -17
  130. package/dist/Disclosure.cjs +135 -135
  131. package/dist/Disclosure.css +106 -106
  132. package/dist/Disclosure.mjs +135 -135
  133. package/dist/Divider.cjs +25 -25
  134. package/dist/Divider.css +25 -25
  135. package/dist/Divider.mjs +25 -25
  136. package/dist/DropZone.cjs +62 -62
  137. package/dist/DropZone.css +58 -58
  138. package/dist/DropZone.mjs +62 -62
  139. package/dist/Field.cjs +370 -370
  140. package/dist/Field.cjs.map +1 -1
  141. package/dist/Field.css +142 -142
  142. package/dist/Field.mjs +370 -370
  143. package/dist/Field.mjs.map +1 -1
  144. package/dist/Form.cjs +9 -9
  145. package/dist/Form.css +9 -9
  146. package/dist/Form.mjs +9 -9
  147. package/dist/FullscreenDialog.cjs +5 -5
  148. package/dist/FullscreenDialog.css +91 -91
  149. package/dist/FullscreenDialog.mjs +5 -5
  150. package/dist/IllustratedMessage.cjs +256 -256
  151. package/dist/IllustratedMessage.css +78 -78
  152. package/dist/IllustratedMessage.mjs +256 -256
  153. package/dist/Image.cjs +13 -13
  154. package/dist/Image.css +14 -14
  155. package/dist/Image.mjs +13 -13
  156. package/dist/InlineAlert.cjs +117 -117
  157. package/dist/InlineAlert.css +98 -98
  158. package/dist/InlineAlert.mjs +117 -117
  159. package/dist/Link.cjs +54 -54
  160. package/dist/Link.css +46 -46
  161. package/dist/Link.mjs +54 -54
  162. package/dist/LinkOut.cjs +8 -8
  163. package/dist/LinkOut.css +8 -8
  164. package/dist/LinkOut.mjs +8 -8
  165. package/dist/Menu.cjs +459 -459
  166. package/dist/Menu.css +185 -185
  167. package/dist/Menu.mjs +459 -459
  168. package/dist/Meter.cjs +163 -163
  169. package/dist/Meter.css +93 -93
  170. package/dist/Meter.mjs +163 -163
  171. package/dist/Modal.cjs +58 -58
  172. package/dist/Modal.css +50 -50
  173. package/dist/Modal.mjs +58 -58
  174. package/dist/NotificationBadge.cjs +58 -58
  175. package/dist/NotificationBadge.css +51 -51
  176. package/dist/NotificationBadge.mjs +58 -58
  177. package/dist/NumberField.cjs +115 -115
  178. package/dist/NumberField.css +100 -100
  179. package/dist/NumberField.mjs +115 -115
  180. package/dist/Picker.cjs +283 -283
  181. package/dist/Picker.css +169 -169
  182. package/dist/Picker.mjs +283 -283
  183. package/dist/Popover.cjs +86 -86
  184. package/dist/Popover.css +66 -66
  185. package/dist/Popover.mjs +86 -86
  186. package/dist/ProgressBar.cjs +173 -173
  187. package/dist/ProgressBar.css +101 -101
  188. package/dist/ProgressBar.mjs +173 -173
  189. package/dist/ProgressCircle.cjs +31 -31
  190. package/dist/ProgressCircle.css +24 -24
  191. package/dist/ProgressCircle.mjs +31 -31
  192. package/dist/Provider.cjs +11 -11
  193. package/dist/Provider.css +10 -10
  194. package/dist/Provider.mjs +11 -11
  195. package/dist/Radio.cjs +154 -154
  196. package/dist/Radio.css +79 -79
  197. package/dist/Radio.mjs +154 -154
  198. package/dist/RadioGroup.cjs +42 -42
  199. package/dist/RadioGroup.css +38 -38
  200. package/dist/RadioGroup.mjs +42 -42
  201. package/dist/RangeCalendar.cjs +32 -20
  202. package/dist/RangeCalendar.cjs.map +1 -1
  203. package/dist/RangeCalendar.css +10 -10
  204. package/dist/RangeCalendar.css.map +1 -1
  205. package/dist/RangeCalendar.mjs +34 -22
  206. package/dist/RangeCalendar.mjs.map +1 -1
  207. package/dist/SearchField.cjs +42 -42
  208. package/dist/SearchField.css +46 -46
  209. package/dist/SearchField.mjs +42 -42
  210. package/dist/SegmentedControl.cjs +181 -181
  211. package/dist/SegmentedControl.css +118 -118
  212. package/dist/SegmentedControl.mjs +181 -181
  213. package/dist/SelectBoxGroup.cjs +342 -0
  214. package/dist/SelectBoxGroup.cjs.map +1 -0
  215. package/dist/SelectBoxGroup.css +503 -0
  216. package/dist/SelectBoxGroup.css.map +1 -0
  217. package/dist/SelectBoxGroup.mjs +335 -0
  218. package/dist/SelectBoxGroup.mjs.map +1 -0
  219. package/dist/SkeletonCollection.cjs +6 -1
  220. package/dist/SkeletonCollection.cjs.map +1 -1
  221. package/dist/SkeletonCollection.mjs +7 -2
  222. package/dist/SkeletonCollection.mjs.map +1 -1
  223. package/dist/Slider.cjs +299 -299
  224. package/dist/Slider.css +151 -151
  225. package/dist/Slider.mjs +299 -299
  226. package/dist/StatusLight.cjs +125 -125
  227. package/dist/StatusLight.css +61 -61
  228. package/dist/StatusLight.mjs +125 -125
  229. package/dist/Switch.cjs +162 -162
  230. package/dist/Switch.css +74 -74
  231. package/dist/Switch.mjs +162 -162
  232. package/dist/TableView.cjs +319 -319
  233. package/dist/TableView.css +172 -172
  234. package/dist/TableView.mjs +319 -319
  235. package/dist/Tabs.cjs +213 -188
  236. package/dist/Tabs.cjs.map +1 -1
  237. package/dist/Tabs.css +105 -101
  238. package/dist/Tabs.css.map +1 -1
  239. package/dist/Tabs.mjs +213 -188
  240. package/dist/Tabs.mjs.map +1 -1
  241. package/dist/TabsPicker.cjs +127 -127
  242. package/dist/TabsPicker.css +111 -111
  243. package/dist/TabsPicker.mjs +127 -127
  244. package/dist/TagGroup.cjs +213 -213
  245. package/dist/TagGroup.css +147 -147
  246. package/dist/TagGroup.mjs +213 -213
  247. package/dist/TextField.cjs +59 -59
  248. package/dist/TextField.css +54 -54
  249. package/dist/TextField.mjs +59 -59
  250. package/dist/TimeField.cjs +52 -52
  251. package/dist/TimeField.css +48 -48
  252. package/dist/TimeField.mjs +52 -52
  253. package/dist/Toast.cjs +120 -120
  254. package/dist/Toast.css +107 -107
  255. package/dist/Toast.mjs +120 -120
  256. package/dist/ToggleButton.cjs +3 -3
  257. package/dist/ToggleButton.css +12 -12
  258. package/dist/ToggleButton.mjs +3 -3
  259. package/dist/Tooltip.cjs +83 -83
  260. package/dist/Tooltip.css +70 -70
  261. package/dist/Tooltip.mjs +83 -83
  262. package/dist/TreeView.cjs +146 -146
  263. package/dist/TreeView.css +147 -147
  264. package/dist/TreeView.mjs +146 -146
  265. package/dist/main.cjs +5 -0
  266. package/dist/main.cjs.map +1 -1
  267. package/dist/module.mjs +3 -1
  268. package/dist/module.mjs.map +1 -1
  269. package/dist/types.d.ts +43 -1
  270. package/dist/types.d.ts.map +1 -1
  271. package/icons/Icon.cjs +10 -10
  272. package/icons/Icon.css +9 -9
  273. package/icons/Icon.mjs +10 -10
  274. package/icons/Skeleton.cjs +2 -2
  275. package/icons/Skeleton.cjs.map +1 -1
  276. package/icons/Skeleton.css +6 -6
  277. package/icons/Skeleton.mjs +2 -2
  278. package/icons/Skeleton.mjs.map +1 -1
  279. package/package.json +21 -21
  280. package/src/Calendar.tsx +13 -6
  281. package/src/ComboBox.tsx +20 -5
  282. package/src/DatePicker.tsx +1 -7
  283. package/src/DateRangePicker.tsx +1 -7
  284. package/src/RangeCalendar.tsx +13 -6
  285. package/src/SelectBoxGroup.tsx +408 -0
  286. package/src/SkeletonCollection.tsx +6 -2
  287. package/src/Tabs.tsx +49 -24
  288. package/src/index.ts +2 -0
  289. package/style/__tests__/style-macro.test.js +162 -166
  290. package/style/dist/main.cjs +24 -24
  291. package/style/dist/module.mjs +13 -13
  292. package/style/dist/properties.mjs +3 -3
  293. package/style/dist/spectrum-theme.cjs +219 -219
  294. package/style/dist/spectrum-theme.mjs +210 -210
  295. package/style/dist/style-macro.cjs +80 -80
  296. package/style/dist/style-macro.mjs +75 -75
package/dist/DropZone.cjs CHANGED
@@ -46,72 +46,72 @@ const $797cda10ca96fc86$var$dropzone = function anonymous(props, overrides) {
46
46
  if (p[1] === "_P") position = true;
47
47
  rules += p[0];
48
48
  }
49
- rules += ' sd1';
50
- rules += ' _Ca1';
51
- rules += ' eb1';
52
- if (!position) rules += ' _Pc1';
53
- rules += ' uk1';
54
- rules += ' uch1';
55
- rules += ' udi1';
56
- rules += ' uea1';
57
- rules += ' ugb1';
58
- rules += ' uhd1';
59
- rules += ' uje1';
60
- rules += ' u2NhKxcl1';
61
- rules += ' uic1';
62
- rules += ' po1';
63
- if (props.isDropTarget) rules += ' _jf1';
64
- else rules += ' _ja1';
65
- if (props.isDropTarget) rules += ' g_e1';
66
- rules += ' _kc1';
67
- rules += ' hc1';
68
- rules += ' mc1';
69
- rules += ' lc1';
70
- if (props.isFocusVisible) rules += ' ix1';
71
- else if (props.isDropTarget) rules += ' ix1';
72
- else rules += ' iq1';
73
- rules += ' oc1';
74
- rules += ' nc1';
75
- rules += ' kc1';
76
- rules += ' jc1';
77
- rules += ' Th1';
78
- rules += ' Qh1';
79
- rules += ' Sh1';
80
- rules += ' Rh1';
49
+ rules += ' sd11';
50
+ rules += ' _Ca11';
51
+ rules += ' eb11';
52
+ if (!position) rules += ' _Pc11';
53
+ rules += ' uk11';
54
+ rules += ' uch11';
55
+ rules += ' udi11';
56
+ rules += ' uea11';
57
+ rules += ' ugb11';
58
+ rules += ' uhd11';
59
+ rules += ' uje11';
60
+ rules += ' u2NhKxcl11';
61
+ rules += ' uic11';
62
+ rules += ' po11';
63
+ if (props.isDropTarget) rules += ' _jf11';
64
+ else rules += ' _ja11';
65
+ if (props.isDropTarget) rules += ' g_e11';
66
+ rules += ' _kc11';
67
+ rules += ' hc11';
68
+ rules += ' mc11';
69
+ rules += ' lc11';
70
+ if (props.isFocusVisible) rules += ' ix11';
71
+ else if (props.isDropTarget) rules += ' ix11';
72
+ else rules += ' iq11';
73
+ rules += ' oc11';
74
+ rules += ' nc11';
75
+ rules += ' kc11';
76
+ rules += ' jc11';
77
+ rules += ' Th11';
78
+ rules += ' Qh11';
79
+ rules += ' Sh11';
80
+ rules += ' Rh11';
81
81
  return rules;
82
82
  };
83
83
  const $797cda10ca96fc86$var$banner = function anonymous(props) {
84
84
  let rules = " ";
85
- rules += ' _Pa1';
86
- rules += ' _Er1';
87
- rules += ' _Rr1';
88
- rules += ' IM1';
89
- rules += ' HM1';
90
- rules += ' sd1';
91
- rules += ' eb1';
92
- rules += ' _Ca1';
93
- rules += ' MAyFGYc1';
94
- rules += ' ZJ1';
95
- if (props.size === "L") rules += ' Lg1';
96
- else if (props.size === "S") rules += ' Le1';
97
- else rules += ' Lf1';
98
- rules += ' g21';
99
- rules += ' ob1';
100
- rules += ' nb1';
101
- rules += ' kb1';
102
- rules += ' jb1';
103
- rules += ' px1';
104
- rules += ' wd1';
105
- rules += ' xd1';
106
- rules += ' _xa1';
107
- rules += ' wX0cczbc1';
108
- rules += ' xX0cczbc1';
109
- rules += ' _xX0cczba1';
110
- rules += ' T85xBjb1';
111
- rules += ' Q85xBjb1';
112
- rules += ' S85xBjb1';
113
- rules += ' R85xBjb1';
114
- rules += ' -M_-Mf1';
85
+ rules += ' _Pa11';
86
+ rules += ' _Er11';
87
+ rules += ' _Rr11';
88
+ rules += ' IM11';
89
+ rules += ' HM11';
90
+ rules += ' sd11';
91
+ rules += ' eb11';
92
+ rules += ' _Ca11';
93
+ rules += ' MAyFGYc11';
94
+ rules += ' ZJ11';
95
+ if (props.size === "L") rules += ' Lg11';
96
+ else if (props.size === "S") rules += ' Le11';
97
+ else rules += ' Lf11';
98
+ rules += ' g211';
99
+ rules += ' ob11';
100
+ rules += ' nb11';
101
+ rules += ' kb11';
102
+ rules += ' jb11';
103
+ rules += ' px11';
104
+ rules += ' wd11';
105
+ rules += ' xd11';
106
+ rules += ' _xa11';
107
+ rules += ' wX0cczbc11';
108
+ rules += ' xX0cczbc11';
109
+ rules += ' _xX0cczba11';
110
+ rules += ' T85xBjb11';
111
+ rules += ' Q85xBjb11';
112
+ rules += ' S85xBjb11';
113
+ rules += ' R85xBjb11';
114
+ rules += ' -M_-Mf11';
115
115
  return rules;
116
116
  };
117
117
  const $797cda10ca96fc86$export$3c6489d84dc98b6 = /*#__PURE__*/ (0, $faaBC$react.forwardRef)(function DropZone(props, ref) {
package/dist/DropZone.css CHANGED
@@ -1,249 +1,249 @@
1
1
  @layer _.a {
2
- ._Pc1 {
2
+ ._Pc11 {
3
3
  position: relative;
4
4
  }
5
5
 
6
- .uk1 {
6
+ .uk11 {
7
7
  font-family: var(--s2-font-family-sans, adobe-clean-spectrum-vf), adobe-clean-variable, adobe-clean, ui-sans-serif, system-ui, sans-serif;
8
8
  }
9
9
 
10
- .po1 {
10
+ .po11 {
11
11
  color: var(--lightningcss-light, #131313) var(--lightningcss-dark, #f2f2f2);
12
12
  }
13
13
 
14
- ._ja1 {
14
+ ._ja11 {
15
15
  border-style: dashed;
16
16
  }
17
17
 
18
- ._jf1 {
18
+ ._jf11 {
19
19
  border-style: solid;
20
20
  }
21
21
 
22
- .g_e1 {
22
+ .g_e11 {
23
23
  background-color: var(--lightningcss-light, #e5f0fe) var(--lightningcss-dark, #0f1c52);
24
24
  }
25
25
 
26
- ._kc1 {
26
+ ._kc11 {
27
27
  border-top-width: 2px;
28
28
  }
29
29
 
30
- .hc1 {
30
+ .hc11 {
31
31
  border-bottom-width: 2px;
32
32
  }
33
33
 
34
- .mc1 {
34
+ .mc11 {
35
35
  border-inline-start-width: 2px;
36
36
  }
37
37
 
38
- .lc1 {
38
+ .lc11 {
39
39
  border-inline-end-width: 2px;
40
40
  }
41
41
 
42
- .iq1 {
42
+ .iq11 {
43
43
  border-color: var(--lightningcss-light, #dadada) var(--lightningcss-dark, #393939);
44
44
  }
45
45
 
46
- .ix1 {
46
+ .ix11 {
47
47
  border-color: var(--lightningcss-light, #4b75ff) var(--lightningcss-dark, #4069fd);
48
48
  }
49
49
 
50
- .oc1 {
50
+ .oc11 {
51
51
  border-start-start-radius: .625rem;
52
52
  }
53
53
 
54
- .nc1 {
54
+ .nc11 {
55
55
  border-start-end-radius: .625rem;
56
56
  }
57
57
 
58
- .kc1 {
58
+ .kc11 {
59
59
  border-end-start-radius: .625rem;
60
60
  }
61
61
 
62
- .jc1 {
62
+ .jc11 {
63
63
  border-end-end-radius: .625rem;
64
64
  }
65
65
 
66
- .Th1 {
66
+ .Th11 {
67
67
  padding-top: 24px;
68
68
  }
69
69
 
70
- .Qh1 {
70
+ .Qh11 {
71
71
  padding-bottom: 24px;
72
72
  }
73
73
 
74
- .Sh1 {
74
+ .Sh11 {
75
75
  padding-inline-start: 24px;
76
76
  }
77
77
 
78
- .Rh1 {
78
+ .Rh11 {
79
79
  padding-inline-end: 24px;
80
80
  }
81
81
 
82
- ._Pa1 {
82
+ ._Pa11 {
83
83
  position: absolute;
84
84
  }
85
85
 
86
- ._Er1 {
86
+ ._Er11 {
87
87
  left: 0;
88
88
  }
89
89
 
90
- ._Rr1 {
90
+ ._Rr11 {
91
91
  right: 0;
92
92
  }
93
93
 
94
- .IM1 {
94
+ .IM11 {
95
95
  margin-inline-start: auto;
96
96
  }
97
97
 
98
- .HM1 {
98
+ .HM11 {
99
99
  margin-inline-end: auto;
100
100
  }
101
101
 
102
- .sd1 {
102
+ .sd11 {
103
103
  display: flex;
104
104
  }
105
105
 
106
- .eb1 {
106
+ .eb11 {
107
107
  align-items: center;
108
108
  }
109
109
 
110
- ._Ca1 {
110
+ ._Ca11 {
111
111
  justify-content: center;
112
112
  }
113
113
 
114
- .MAyFGYc1 {
114
+ .MAyFGYc11 {
115
115
  min-height: var(--M);
116
116
  }
117
117
 
118
- .ZJ1 {
118
+ .ZJ11 {
119
119
  width: fit-content;
120
120
  }
121
121
 
122
- .Lf1 {
122
+ .Lf11 {
123
123
  max-width: calc(12rem * var(--s2-scale));
124
124
  }
125
125
 
126
- .Le1 {
126
+ .Le11 {
127
127
  max-width: calc(10rem * var(--s2-scale));
128
128
  }
129
129
 
130
- .Lg1 {
130
+ .Lg11 {
131
131
  max-width: calc(13rem * var(--s2-scale));
132
132
  }
133
133
 
134
- .g21 {
134
+ .g211 {
135
135
  background-color: var(--lightningcss-light, #3b63fb) var(--lightningcss-dark, #4069fd);
136
136
  }
137
137
 
138
- .ob1 {
138
+ .ob11 {
139
139
  border-start-start-radius: .5rem;
140
140
  }
141
141
 
142
- .nb1 {
142
+ .nb11 {
143
143
  border-start-end-radius: .5rem;
144
144
  }
145
145
 
146
- .kb1 {
146
+ .kb11 {
147
147
  border-end-start-radius: .5rem;
148
148
  }
149
149
 
150
- .jb1 {
150
+ .jb11 {
151
151
  border-end-end-radius: .5rem;
152
152
  }
153
153
 
154
- .px1 {
154
+ .px11 {
155
155
  color: #fff;
156
156
  }
157
157
 
158
- .wd1 {
158
+ .wd11 {
159
159
  font-variation-settings: "wght" 700;
160
160
  }
161
161
 
162
- .xd1 {
162
+ .xd11 {
163
163
  font-weight: 700;
164
164
  }
165
165
 
166
- ._xa1 {
166
+ ._xa11 {
167
167
  font-synthesis-weight: none;
168
168
  }
169
169
 
170
- .T85xBjb1 {
170
+ .T85xBjb11 {
171
171
  padding-top: calc((var(--M)) / 1.5);
172
172
  }
173
173
 
174
- .Q85xBjb1 {
174
+ .Q85xBjb11 {
175
175
  padding-bottom: calc((var(--M)) / 1.5);
176
176
  }
177
177
 
178
- .S85xBjb1 {
178
+ .S85xBjb11 {
179
179
  padding-inline-start: calc((var(--M)) / 1.5);
180
180
  }
181
181
 
182
- .R85xBjb1 {
182
+ .R85xBjb11 {
183
183
  padding-inline-end: calc((var(--M)) / 1.5);
184
184
  }
185
185
 
186
- .-M_-Mf1 {
186
+ .-M_-Mf11 {
187
187
  --M: calc(1.25rem * var(--s2-scale));
188
188
  }
189
189
  }
190
190
 
191
191
  @layer _.b {
192
- .uch1:lang(ar) {
192
+ .uch11:lang(ar) {
193
193
  font-family: myriad-arabic, ui-sans-serif, system-ui, sans-serif;
194
194
  }
195
195
 
196
- .wX0cczbc1:is(:lang(ja), :lang(ko), :lang(zh)) {
196
+ .wX0cczbc11:is(:lang(ja), :lang(ko), :lang(zh)) {
197
197
  font-variation-settings: "wght" 500;
198
198
  }
199
199
 
200
- .xX0cczbc1:is(:lang(ja), :lang(ko), :lang(zh)) {
200
+ .xX0cczbc11:is(:lang(ja), :lang(ko), :lang(zh)) {
201
201
  font-weight: 500;
202
202
  }
203
203
 
204
- ._xX0cczba1:is(:lang(ja), :lang(ko), :lang(zh)) {
204
+ ._xX0cczba11:is(:lang(ja), :lang(ko), :lang(zh)) {
205
205
  font-synthesis-weight: none;
206
206
  }
207
207
  }
208
208
 
209
209
  @layer _.c {
210
- .udi1:lang(he) {
210
+ .udi11:lang(he) {
211
211
  font-family: myriad-hebrew, ui-sans-serif, system-ui, sans-serif;
212
212
  }
213
213
  }
214
214
 
215
215
  @layer _.d {
216
- .uea1:lang(ja) {
216
+ .uea11:lang(ja) {
217
217
  font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, MS Pゴシック, MS PGothic, sans-serif;
218
218
  }
219
219
  }
220
220
 
221
221
  @layer _.e {
222
- .ugb1:lang(ko) {
222
+ .ugb11:lang(ko) {
223
223
  font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
224
224
  }
225
225
  }
226
226
 
227
227
  @layer _.f {
228
- .uhd1:lang(zh) {
228
+ .uhd11:lang(zh) {
229
229
  font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
230
230
  }
231
231
  }
232
232
 
233
233
  @layer _.g {
234
- .uje1:lang(zh-hant) {
234
+ .uje11:lang(zh-hant) {
235
235
  font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
236
236
  }
237
237
  }
238
238
 
239
239
  @layer _.h {
240
- .u2NhKxcl1:lang(zh-HK) {
240
+ .u2NhKxcl11:lang(zh-HK) {
241
241
  font-family: adobe-clean-han-hong-kong, source-han-hong-kong, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
242
242
  }
243
243
  }
244
244
 
245
245
  @layer _.i {
246
- .uic1:is(:lang(zh-Hans), :lang(zh-CN), :lang(zh-SG)) {
246
+ .uic11:is(:lang(zh-Hans), :lang(zh-CN), :lang(zh-SG)) {
247
247
  font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
248
248
  }
249
249
  }
package/dist/DropZone.mjs CHANGED
@@ -39,72 +39,72 @@ const $fb6e45fba2483f65$var$dropzone = function anonymous(props, overrides) {
39
39
  if (p[1] === "_P") position = true;
40
40
  rules += p[0];
41
41
  }
42
- rules += ' sd1';
43
- rules += ' _Ca1';
44
- rules += ' eb1';
45
- if (!position) rules += ' _Pc1';
46
- rules += ' uk1';
47
- rules += ' uch1';
48
- rules += ' udi1';
49
- rules += ' uea1';
50
- rules += ' ugb1';
51
- rules += ' uhd1';
52
- rules += ' uje1';
53
- rules += ' u2NhKxcl1';
54
- rules += ' uic1';
55
- rules += ' po1';
56
- if (props.isDropTarget) rules += ' _jf1';
57
- else rules += ' _ja1';
58
- if (props.isDropTarget) rules += ' g_e1';
59
- rules += ' _kc1';
60
- rules += ' hc1';
61
- rules += ' mc1';
62
- rules += ' lc1';
63
- if (props.isFocusVisible) rules += ' ix1';
64
- else if (props.isDropTarget) rules += ' ix1';
65
- else rules += ' iq1';
66
- rules += ' oc1';
67
- rules += ' nc1';
68
- rules += ' kc1';
69
- rules += ' jc1';
70
- rules += ' Th1';
71
- rules += ' Qh1';
72
- rules += ' Sh1';
73
- rules += ' Rh1';
42
+ rules += ' sd11';
43
+ rules += ' _Ca11';
44
+ rules += ' eb11';
45
+ if (!position) rules += ' _Pc11';
46
+ rules += ' uk11';
47
+ rules += ' uch11';
48
+ rules += ' udi11';
49
+ rules += ' uea11';
50
+ rules += ' ugb11';
51
+ rules += ' uhd11';
52
+ rules += ' uje11';
53
+ rules += ' u2NhKxcl11';
54
+ rules += ' uic11';
55
+ rules += ' po11';
56
+ if (props.isDropTarget) rules += ' _jf11';
57
+ else rules += ' _ja11';
58
+ if (props.isDropTarget) rules += ' g_e11';
59
+ rules += ' _kc11';
60
+ rules += ' hc11';
61
+ rules += ' mc11';
62
+ rules += ' lc11';
63
+ if (props.isFocusVisible) rules += ' ix11';
64
+ else if (props.isDropTarget) rules += ' ix11';
65
+ else rules += ' iq11';
66
+ rules += ' oc11';
67
+ rules += ' nc11';
68
+ rules += ' kc11';
69
+ rules += ' jc11';
70
+ rules += ' Th11';
71
+ rules += ' Qh11';
72
+ rules += ' Sh11';
73
+ rules += ' Rh11';
74
74
  return rules;
75
75
  };
76
76
  const $fb6e45fba2483f65$var$banner = function anonymous(props) {
77
77
  let rules = " ";
78
- rules += ' _Pa1';
79
- rules += ' _Er1';
80
- rules += ' _Rr1';
81
- rules += ' IM1';
82
- rules += ' HM1';
83
- rules += ' sd1';
84
- rules += ' eb1';
85
- rules += ' _Ca1';
86
- rules += ' MAyFGYc1';
87
- rules += ' ZJ1';
88
- if (props.size === "L") rules += ' Lg1';
89
- else if (props.size === "S") rules += ' Le1';
90
- else rules += ' Lf1';
91
- rules += ' g21';
92
- rules += ' ob1';
93
- rules += ' nb1';
94
- rules += ' kb1';
95
- rules += ' jb1';
96
- rules += ' px1';
97
- rules += ' wd1';
98
- rules += ' xd1';
99
- rules += ' _xa1';
100
- rules += ' wX0cczbc1';
101
- rules += ' xX0cczbc1';
102
- rules += ' _xX0cczba1';
103
- rules += ' T85xBjb1';
104
- rules += ' Q85xBjb1';
105
- rules += ' S85xBjb1';
106
- rules += ' R85xBjb1';
107
- rules += ' -M_-Mf1';
78
+ rules += ' _Pa11';
79
+ rules += ' _Er11';
80
+ rules += ' _Rr11';
81
+ rules += ' IM11';
82
+ rules += ' HM11';
83
+ rules += ' sd11';
84
+ rules += ' eb11';
85
+ rules += ' _Ca11';
86
+ rules += ' MAyFGYc11';
87
+ rules += ' ZJ11';
88
+ if (props.size === "L") rules += ' Lg11';
89
+ else if (props.size === "S") rules += ' Le11';
90
+ else rules += ' Lf11';
91
+ rules += ' g211';
92
+ rules += ' ob11';
93
+ rules += ' nb11';
94
+ rules += ' kb11';
95
+ rules += ' jb11';
96
+ rules += ' px11';
97
+ rules += ' wd11';
98
+ rules += ' xd11';
99
+ rules += ' _xa11';
100
+ rules += ' wX0cczbc11';
101
+ rules += ' xX0cczbc11';
102
+ rules += ' _xX0cczba11';
103
+ rules += ' T85xBjb11';
104
+ rules += ' Q85xBjb11';
105
+ rules += ' S85xBjb11';
106
+ rules += ' R85xBjb11';
107
+ rules += ' -M_-Mf11';
108
108
  return rules;
109
109
  };
110
110
  const $fb6e45fba2483f65$export$3c6489d84dc98b6 = /*#__PURE__*/ (0, $4h9kk$forwardRef)(function DropZone(props, ref) {