@react-spectrum/s2 0.11.0 → 0.11.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.
Files changed (256) 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 +126 -126
  41. package/dist/Calendar.css +134 -134
  42. package/dist/Calendar.mjs +126 -126
  43. package/dist/Card.cjs +304 -304
  44. package/dist/Card.css +209 -209
  45. package/dist/Card.mjs +304 -304
  46. package/dist/CardView.cjs +16 -16
  47. package/dist/CardView.css +16 -16
  48. package/dist/CardView.mjs +16 -16
  49. package/dist/CenterBaseline.cjs +1 -1
  50. package/dist/CenterBaseline.css +2 -2
  51. package/dist/CenterBaseline.mjs +1 -1
  52. package/dist/Checkbox.cjs +170 -170
  53. package/dist/Checkbox.css +92 -92
  54. package/dist/Checkbox.mjs +170 -170
  55. package/dist/CheckboxGroup.cjs +45 -45
  56. package/dist/CheckboxGroup.css +38 -38
  57. package/dist/CheckboxGroup.mjs +45 -45
  58. package/dist/Checkmark.cjs +12 -12
  59. package/dist/Checkmark.css +8 -8
  60. package/dist/Checkmark.mjs +12 -12
  61. package/dist/Chevron.cjs +12 -12
  62. package/dist/Chevron.css +10 -10
  63. package/dist/Chevron.mjs +12 -12
  64. package/dist/ClearButton.cjs +29 -29
  65. package/dist/ClearButton.css +29 -29
  66. package/dist/ClearButton.mjs +29 -29
  67. package/dist/CloseButton.cjs +54 -54
  68. package/dist/CloseButton.css +46 -46
  69. package/dist/CloseButton.mjs +54 -54
  70. package/dist/ColorArea.cjs +16 -16
  71. package/dist/ColorArea.css +16 -16
  72. package/dist/ColorArea.mjs +16 -16
  73. package/dist/ColorField.cjs +32 -32
  74. package/dist/ColorField.css +28 -28
  75. package/dist/ColorField.mjs +32 -32
  76. package/dist/ColorHandle.cjs +27 -27
  77. package/dist/ColorHandle.css +42 -42
  78. package/dist/ColorHandle.mjs +27 -27
  79. package/dist/ColorSlider.cjs +118 -118
  80. package/dist/ColorSlider.css +54 -54
  81. package/dist/ColorSlider.mjs +118 -118
  82. package/dist/ColorSwatch.cjs +29 -29
  83. package/dist/ColorSwatch.css +29 -29
  84. package/dist/ColorSwatch.mjs +29 -29
  85. package/dist/ColorSwatchPicker.cjs +27 -27
  86. package/dist/ColorSwatchPicker.css +46 -46
  87. package/dist/ColorSwatchPicker.mjs +27 -27
  88. package/dist/ColorWheel.cjs +26 -26
  89. package/dist/ColorWheel.css +17 -17
  90. package/dist/ColorWheel.mjs +26 -26
  91. package/dist/ComboBox.cjs +397 -397
  92. package/dist/ComboBox.css +181 -181
  93. package/dist/ComboBox.mjs +397 -397
  94. package/dist/ContextualHelp.cjs +5 -5
  95. package/dist/ContextualHelp.css +60 -60
  96. package/dist/ContextualHelp.mjs +5 -5
  97. package/dist/Cross.cjs +14 -14
  98. package/dist/Cross.css +10 -10
  99. package/dist/Cross.mjs +14 -14
  100. package/dist/CustomDialog.cjs +25 -25
  101. package/dist/CustomDialog.css +25 -25
  102. package/dist/CustomDialog.mjs +25 -25
  103. package/dist/Dash.cjs +10 -10
  104. package/dist/Dash.css +6 -6
  105. package/dist/Dash.mjs +10 -10
  106. package/dist/DateField.cjs +73 -73
  107. package/dist/DateField.css +77 -77
  108. package/dist/DateField.mjs +73 -73
  109. package/dist/DatePicker.cjs +180 -180
  110. package/dist/DatePicker.css +126 -126
  111. package/dist/DatePicker.mjs +180 -180
  112. package/dist/DateRangePicker.cjs +56 -56
  113. package/dist/DateRangePicker.css +60 -60
  114. package/dist/DateRangePicker.mjs +56 -56
  115. package/dist/Dialog.cjs +17 -17
  116. package/dist/Dialog.css +82 -82
  117. package/dist/Dialog.mjs +17 -17
  118. package/dist/Disclosure.cjs +135 -135
  119. package/dist/Disclosure.css +106 -106
  120. package/dist/Disclosure.mjs +135 -135
  121. package/dist/Divider.cjs +25 -25
  122. package/dist/Divider.css +25 -25
  123. package/dist/Divider.mjs +25 -25
  124. package/dist/DropZone.cjs +62 -62
  125. package/dist/DropZone.css +58 -58
  126. package/dist/DropZone.mjs +62 -62
  127. package/dist/Field.cjs +370 -370
  128. package/dist/Field.cjs.map +1 -1
  129. package/dist/Field.css +142 -142
  130. package/dist/Field.mjs +370 -370
  131. package/dist/Field.mjs.map +1 -1
  132. package/dist/Form.cjs +9 -9
  133. package/dist/Form.css +9 -9
  134. package/dist/Form.mjs +9 -9
  135. package/dist/FullscreenDialog.cjs +5 -5
  136. package/dist/FullscreenDialog.css +91 -91
  137. package/dist/FullscreenDialog.mjs +5 -5
  138. package/dist/IllustratedMessage.cjs +256 -256
  139. package/dist/IllustratedMessage.css +78 -78
  140. package/dist/IllustratedMessage.mjs +256 -256
  141. package/dist/Image.cjs +13 -13
  142. package/dist/Image.css +14 -14
  143. package/dist/Image.mjs +13 -13
  144. package/dist/InlineAlert.cjs +117 -117
  145. package/dist/InlineAlert.css +98 -98
  146. package/dist/InlineAlert.mjs +117 -117
  147. package/dist/Link.cjs +54 -54
  148. package/dist/Link.css +46 -46
  149. package/dist/Link.mjs +54 -54
  150. package/dist/LinkOut.cjs +8 -8
  151. package/dist/LinkOut.css +8 -8
  152. package/dist/LinkOut.mjs +8 -8
  153. package/dist/Menu.cjs +459 -459
  154. package/dist/Menu.css +185 -185
  155. package/dist/Menu.mjs +459 -459
  156. package/dist/Meter.cjs +163 -163
  157. package/dist/Meter.css +93 -93
  158. package/dist/Meter.mjs +163 -163
  159. package/dist/Modal.cjs +58 -58
  160. package/dist/Modal.css +50 -50
  161. package/dist/Modal.mjs +58 -58
  162. package/dist/NotificationBadge.cjs +58 -58
  163. package/dist/NotificationBadge.css +51 -51
  164. package/dist/NotificationBadge.mjs +58 -58
  165. package/dist/NumberField.cjs +115 -115
  166. package/dist/NumberField.css +100 -100
  167. package/dist/NumberField.mjs +115 -115
  168. package/dist/Picker.cjs +283 -283
  169. package/dist/Picker.css +169 -169
  170. package/dist/Picker.mjs +283 -283
  171. package/dist/Popover.cjs +86 -86
  172. package/dist/Popover.css +66 -66
  173. package/dist/Popover.mjs +86 -86
  174. package/dist/ProgressBar.cjs +173 -173
  175. package/dist/ProgressBar.css +101 -101
  176. package/dist/ProgressBar.mjs +173 -173
  177. package/dist/ProgressCircle.cjs +31 -31
  178. package/dist/ProgressCircle.css +24 -24
  179. package/dist/ProgressCircle.mjs +31 -31
  180. package/dist/Provider.cjs +11 -11
  181. package/dist/Provider.css +10 -10
  182. package/dist/Provider.mjs +11 -11
  183. package/dist/Radio.cjs +154 -154
  184. package/dist/Radio.css +79 -79
  185. package/dist/Radio.mjs +154 -154
  186. package/dist/RadioGroup.cjs +42 -42
  187. package/dist/RadioGroup.css +38 -38
  188. package/dist/RadioGroup.mjs +42 -42
  189. package/dist/RangeCalendar.cjs +7 -7
  190. package/dist/RangeCalendar.css +10 -10
  191. package/dist/RangeCalendar.mjs +7 -7
  192. package/dist/SearchField.cjs +42 -42
  193. package/dist/SearchField.css +46 -46
  194. package/dist/SearchField.mjs +42 -42
  195. package/dist/SegmentedControl.cjs +181 -181
  196. package/dist/SegmentedControl.css +118 -118
  197. package/dist/SegmentedControl.mjs +181 -181
  198. package/dist/SelectBoxGroup.cjs +142 -142
  199. package/dist/SelectBoxGroup.css +120 -120
  200. package/dist/SelectBoxGroup.mjs +142 -142
  201. package/dist/Slider.cjs +299 -299
  202. package/dist/Slider.css +151 -151
  203. package/dist/Slider.mjs +299 -299
  204. package/dist/StatusLight.cjs +125 -125
  205. package/dist/StatusLight.css +61 -61
  206. package/dist/StatusLight.mjs +125 -125
  207. package/dist/Switch.cjs +162 -162
  208. package/dist/Switch.css +74 -74
  209. package/dist/Switch.mjs +162 -162
  210. package/dist/TableView.cjs +319 -319
  211. package/dist/TableView.css +172 -172
  212. package/dist/TableView.mjs +319 -319
  213. package/dist/Tabs.cjs +115 -115
  214. package/dist/Tabs.css +100 -100
  215. package/dist/Tabs.mjs +115 -115
  216. package/dist/TabsPicker.cjs +127 -127
  217. package/dist/TabsPicker.css +111 -111
  218. package/dist/TabsPicker.mjs +127 -127
  219. package/dist/TagGroup.cjs +213 -213
  220. package/dist/TagGroup.css +147 -147
  221. package/dist/TagGroup.mjs +213 -213
  222. package/dist/TextField.cjs +59 -59
  223. package/dist/TextField.css +54 -54
  224. package/dist/TextField.mjs +59 -59
  225. package/dist/TimeField.cjs +52 -52
  226. package/dist/TimeField.css +48 -48
  227. package/dist/TimeField.mjs +52 -52
  228. package/dist/Toast.cjs +120 -120
  229. package/dist/Toast.css +107 -107
  230. package/dist/Toast.mjs +120 -120
  231. package/dist/ToggleButton.cjs +3 -3
  232. package/dist/ToggleButton.css +12 -12
  233. package/dist/ToggleButton.mjs +3 -3
  234. package/dist/Tooltip.cjs +83 -83
  235. package/dist/Tooltip.css +70 -70
  236. package/dist/Tooltip.mjs +83 -83
  237. package/dist/TreeView.cjs +146 -146
  238. package/dist/TreeView.css +147 -147
  239. package/dist/TreeView.mjs +146 -146
  240. package/icons/Icon.cjs +10 -10
  241. package/icons/Icon.css +9 -9
  242. package/icons/Icon.mjs +10 -10
  243. package/icons/Skeleton.cjs +2 -2
  244. package/icons/Skeleton.cjs.map +1 -1
  245. package/icons/Skeleton.css +6 -6
  246. package/icons/Skeleton.mjs +2 -2
  247. package/icons/Skeleton.mjs.map +1 -1
  248. package/package.json +5 -5
  249. package/style/__tests__/style-macro.test.js +56 -56
  250. package/style/dist/main.cjs +24 -24
  251. package/style/dist/module.mjs +13 -13
  252. package/style/dist/properties.mjs +3 -3
  253. package/style/dist/spectrum-theme.cjs +219 -219
  254. package/style/dist/spectrum-theme.mjs +210 -210
  255. package/style/dist/style-macro.cjs +80 -80
  256. 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 += ' 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';
49
+ rules += ' sd112';
50
+ rules += ' _Ca112';
51
+ rules += ' eb112';
52
+ if (!position) rules += ' _Pc112';
53
+ rules += ' uk112';
54
+ rules += ' uch112';
55
+ rules += ' udi112';
56
+ rules += ' uea112';
57
+ rules += ' ugb112';
58
+ rules += ' uhd112';
59
+ rules += ' uje112';
60
+ rules += ' u2NhKxcl112';
61
+ rules += ' uic112';
62
+ rules += ' po112';
63
+ if (props.isDropTarget) rules += ' _jf112';
64
+ else rules += ' _ja112';
65
+ if (props.isDropTarget) rules += ' g_e112';
66
+ rules += ' _kc112';
67
+ rules += ' hc112';
68
+ rules += ' mc112';
69
+ rules += ' lc112';
70
+ if (props.isFocusVisible) rules += ' ix112';
71
+ else if (props.isDropTarget) rules += ' ix112';
72
+ else rules += ' iq112';
73
+ rules += ' oc112';
74
+ rules += ' nc112';
75
+ rules += ' kc112';
76
+ rules += ' jc112';
77
+ rules += ' Th112';
78
+ rules += ' Qh112';
79
+ rules += ' Sh112';
80
+ rules += ' Rh112';
81
81
  return rules;
82
82
  };
83
83
  const $797cda10ca96fc86$var$banner = function anonymous(props) {
84
84
  let rules = " ";
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';
85
+ rules += ' _Pa112';
86
+ rules += ' _Er112';
87
+ rules += ' _Rr112';
88
+ rules += ' IM112';
89
+ rules += ' HM112';
90
+ rules += ' sd112';
91
+ rules += ' eb112';
92
+ rules += ' _Ca112';
93
+ rules += ' MAyFGYc112';
94
+ rules += ' ZJ112';
95
+ if (props.size === "L") rules += ' Lg112';
96
+ else if (props.size === "S") rules += ' Le112';
97
+ else rules += ' Lf112';
98
+ rules += ' g2112';
99
+ rules += ' ob112';
100
+ rules += ' nb112';
101
+ rules += ' kb112';
102
+ rules += ' jb112';
103
+ rules += ' px112';
104
+ rules += ' wd112';
105
+ rules += ' xd112';
106
+ rules += ' _xa112';
107
+ rules += ' wX0cczbc112';
108
+ rules += ' xX0cczbc112';
109
+ rules += ' _xX0cczba112';
110
+ rules += ' T85xBjb112';
111
+ rules += ' Q85xBjb112';
112
+ rules += ' S85xBjb112';
113
+ rules += ' R85xBjb112';
114
+ rules += ' -M_-Mf112';
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
- ._Pc11 {
2
+ ._Pc112 {
3
3
  position: relative;
4
4
  }
5
5
 
6
- .uk11 {
6
+ .uk112 {
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
- .po11 {
10
+ .po112 {
11
11
  color: var(--lightningcss-light, #131313) var(--lightningcss-dark, #f2f2f2);
12
12
  }
13
13
 
14
- ._ja11 {
14
+ ._ja112 {
15
15
  border-style: dashed;
16
16
  }
17
17
 
18
- ._jf11 {
18
+ ._jf112 {
19
19
  border-style: solid;
20
20
  }
21
21
 
22
- .g_e11 {
22
+ .g_e112 {
23
23
  background-color: var(--lightningcss-light, #e5f0fe) var(--lightningcss-dark, #0f1c52);
24
24
  }
25
25
 
26
- ._kc11 {
26
+ ._kc112 {
27
27
  border-top-width: 2px;
28
28
  }
29
29
 
30
- .hc11 {
30
+ .hc112 {
31
31
  border-bottom-width: 2px;
32
32
  }
33
33
 
34
- .mc11 {
34
+ .mc112 {
35
35
  border-inline-start-width: 2px;
36
36
  }
37
37
 
38
- .lc11 {
38
+ .lc112 {
39
39
  border-inline-end-width: 2px;
40
40
  }
41
41
 
42
- .iq11 {
42
+ .iq112 {
43
43
  border-color: var(--lightningcss-light, #dadada) var(--lightningcss-dark, #393939);
44
44
  }
45
45
 
46
- .ix11 {
46
+ .ix112 {
47
47
  border-color: var(--lightningcss-light, #4b75ff) var(--lightningcss-dark, #4069fd);
48
48
  }
49
49
 
50
- .oc11 {
50
+ .oc112 {
51
51
  border-start-start-radius: .625rem;
52
52
  }
53
53
 
54
- .nc11 {
54
+ .nc112 {
55
55
  border-start-end-radius: .625rem;
56
56
  }
57
57
 
58
- .kc11 {
58
+ .kc112 {
59
59
  border-end-start-radius: .625rem;
60
60
  }
61
61
 
62
- .jc11 {
62
+ .jc112 {
63
63
  border-end-end-radius: .625rem;
64
64
  }
65
65
 
66
- .Th11 {
66
+ .Th112 {
67
67
  padding-top: 24px;
68
68
  }
69
69
 
70
- .Qh11 {
70
+ .Qh112 {
71
71
  padding-bottom: 24px;
72
72
  }
73
73
 
74
- .Sh11 {
74
+ .Sh112 {
75
75
  padding-inline-start: 24px;
76
76
  }
77
77
 
78
- .Rh11 {
78
+ .Rh112 {
79
79
  padding-inline-end: 24px;
80
80
  }
81
81
 
82
- ._Pa11 {
82
+ ._Pa112 {
83
83
  position: absolute;
84
84
  }
85
85
 
86
- ._Er11 {
86
+ ._Er112 {
87
87
  left: 0;
88
88
  }
89
89
 
90
- ._Rr11 {
90
+ ._Rr112 {
91
91
  right: 0;
92
92
  }
93
93
 
94
- .IM11 {
94
+ .IM112 {
95
95
  margin-inline-start: auto;
96
96
  }
97
97
 
98
- .HM11 {
98
+ .HM112 {
99
99
  margin-inline-end: auto;
100
100
  }
101
101
 
102
- .sd11 {
102
+ .sd112 {
103
103
  display: flex;
104
104
  }
105
105
 
106
- .eb11 {
106
+ .eb112 {
107
107
  align-items: center;
108
108
  }
109
109
 
110
- ._Ca11 {
110
+ ._Ca112 {
111
111
  justify-content: center;
112
112
  }
113
113
 
114
- .MAyFGYc11 {
114
+ .MAyFGYc112 {
115
115
  min-height: var(--M);
116
116
  }
117
117
 
118
- .ZJ11 {
118
+ .ZJ112 {
119
119
  width: fit-content;
120
120
  }
121
121
 
122
- .Lf11 {
122
+ .Lf112 {
123
123
  max-width: calc(12rem * var(--s2-scale));
124
124
  }
125
125
 
126
- .Le11 {
126
+ .Le112 {
127
127
  max-width: calc(10rem * var(--s2-scale));
128
128
  }
129
129
 
130
- .Lg11 {
130
+ .Lg112 {
131
131
  max-width: calc(13rem * var(--s2-scale));
132
132
  }
133
133
 
134
- .g211 {
134
+ .g2112 {
135
135
  background-color: var(--lightningcss-light, #3b63fb) var(--lightningcss-dark, #4069fd);
136
136
  }
137
137
 
138
- .ob11 {
138
+ .ob112 {
139
139
  border-start-start-radius: .5rem;
140
140
  }
141
141
 
142
- .nb11 {
142
+ .nb112 {
143
143
  border-start-end-radius: .5rem;
144
144
  }
145
145
 
146
- .kb11 {
146
+ .kb112 {
147
147
  border-end-start-radius: .5rem;
148
148
  }
149
149
 
150
- .jb11 {
150
+ .jb112 {
151
151
  border-end-end-radius: .5rem;
152
152
  }
153
153
 
154
- .px11 {
154
+ .px112 {
155
155
  color: #fff;
156
156
  }
157
157
 
158
- .wd11 {
158
+ .wd112 {
159
159
  font-variation-settings: "wght" 700;
160
160
  }
161
161
 
162
- .xd11 {
162
+ .xd112 {
163
163
  font-weight: 700;
164
164
  }
165
165
 
166
- ._xa11 {
166
+ ._xa112 {
167
167
  font-synthesis-weight: none;
168
168
  }
169
169
 
170
- .T85xBjb11 {
170
+ .T85xBjb112 {
171
171
  padding-top: calc((var(--M)) / 1.5);
172
172
  }
173
173
 
174
- .Q85xBjb11 {
174
+ .Q85xBjb112 {
175
175
  padding-bottom: calc((var(--M)) / 1.5);
176
176
  }
177
177
 
178
- .S85xBjb11 {
178
+ .S85xBjb112 {
179
179
  padding-inline-start: calc((var(--M)) / 1.5);
180
180
  }
181
181
 
182
- .R85xBjb11 {
182
+ .R85xBjb112 {
183
183
  padding-inline-end: calc((var(--M)) / 1.5);
184
184
  }
185
185
 
186
- .-M_-Mf11 {
186
+ .-M_-Mf112 {
187
187
  --M: calc(1.25rem * var(--s2-scale));
188
188
  }
189
189
  }
190
190
 
191
191
  @layer _.b {
192
- .uch11:lang(ar) {
192
+ .uch112:lang(ar) {
193
193
  font-family: myriad-arabic, ui-sans-serif, system-ui, sans-serif;
194
194
  }
195
195
 
196
- .wX0cczbc11:is(:lang(ja), :lang(ko), :lang(zh)) {
196
+ .wX0cczbc112:is(:lang(ja), :lang(ko), :lang(zh)) {
197
197
  font-variation-settings: "wght" 500;
198
198
  }
199
199
 
200
- .xX0cczbc11:is(:lang(ja), :lang(ko), :lang(zh)) {
200
+ .xX0cczbc112:is(:lang(ja), :lang(ko), :lang(zh)) {
201
201
  font-weight: 500;
202
202
  }
203
203
 
204
- ._xX0cczba11:is(:lang(ja), :lang(ko), :lang(zh)) {
204
+ ._xX0cczba112:is(:lang(ja), :lang(ko), :lang(zh)) {
205
205
  font-synthesis-weight: none;
206
206
  }
207
207
  }
208
208
 
209
209
  @layer _.c {
210
- .udi11:lang(he) {
210
+ .udi112: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
- .uea11:lang(ja) {
216
+ .uea112: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
- .ugb11:lang(ko) {
222
+ .ugb112: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
- .uhd11:lang(zh) {
228
+ .uhd112: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
- .uje11:lang(zh-hant) {
234
+ .uje112: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
- .u2NhKxcl11:lang(zh-HK) {
240
+ .u2NhKxcl112: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
- .uic11:is(:lang(zh-Hans), :lang(zh-CN), :lang(zh-SG)) {
246
+ .uic112: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 += ' 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';
42
+ rules += ' sd112';
43
+ rules += ' _Ca112';
44
+ rules += ' eb112';
45
+ if (!position) rules += ' _Pc112';
46
+ rules += ' uk112';
47
+ rules += ' uch112';
48
+ rules += ' udi112';
49
+ rules += ' uea112';
50
+ rules += ' ugb112';
51
+ rules += ' uhd112';
52
+ rules += ' uje112';
53
+ rules += ' u2NhKxcl112';
54
+ rules += ' uic112';
55
+ rules += ' po112';
56
+ if (props.isDropTarget) rules += ' _jf112';
57
+ else rules += ' _ja112';
58
+ if (props.isDropTarget) rules += ' g_e112';
59
+ rules += ' _kc112';
60
+ rules += ' hc112';
61
+ rules += ' mc112';
62
+ rules += ' lc112';
63
+ if (props.isFocusVisible) rules += ' ix112';
64
+ else if (props.isDropTarget) rules += ' ix112';
65
+ else rules += ' iq112';
66
+ rules += ' oc112';
67
+ rules += ' nc112';
68
+ rules += ' kc112';
69
+ rules += ' jc112';
70
+ rules += ' Th112';
71
+ rules += ' Qh112';
72
+ rules += ' Sh112';
73
+ rules += ' Rh112';
74
74
  return rules;
75
75
  };
76
76
  const $fb6e45fba2483f65$var$banner = function anonymous(props) {
77
77
  let rules = " ";
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';
78
+ rules += ' _Pa112';
79
+ rules += ' _Er112';
80
+ rules += ' _Rr112';
81
+ rules += ' IM112';
82
+ rules += ' HM112';
83
+ rules += ' sd112';
84
+ rules += ' eb112';
85
+ rules += ' _Ca112';
86
+ rules += ' MAyFGYc112';
87
+ rules += ' ZJ112';
88
+ if (props.size === "L") rules += ' Lg112';
89
+ else if (props.size === "S") rules += ' Le112';
90
+ else rules += ' Lf112';
91
+ rules += ' g2112';
92
+ rules += ' ob112';
93
+ rules += ' nb112';
94
+ rules += ' kb112';
95
+ rules += ' jb112';
96
+ rules += ' px112';
97
+ rules += ' wd112';
98
+ rules += ' xd112';
99
+ rules += ' _xa112';
100
+ rules += ' wX0cczbc112';
101
+ rules += ' xX0cczbc112';
102
+ rules += ' _xX0cczba112';
103
+ rules += ' T85xBjb112';
104
+ rules += ' Q85xBjb112';
105
+ rules += ' S85xBjb112';
106
+ rules += ' R85xBjb112';
107
+ rules += ' -M_-Mf112';
108
108
  return rules;
109
109
  };
110
110
  const $fb6e45fba2483f65$export$3c6489d84dc98b6 = /*#__PURE__*/ (0, $4h9kk$forwardRef)(function DropZone(props, ref) {