@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
@@ -119,251 +119,251 @@ const $da878a05ab4a403e$export$446543cff2a0f496 = function anonymous(props, over
119
119
  if (p[1] === "_9") zIndex = true;
120
120
  rules += p[0];
121
121
  }
122
- if (props.isFocusVisible) rules += ' _Lf1';
123
- else rules += ' _Le1';
124
- if (props.isStaticColor) rules += ' Oe1';
125
- else rules += ' Oh1';
126
- rules += ' Olc1';
127
- rules += ' _Mc1';
128
- rules += ' _Kd1';
129
- if (props.staticColor === "white") rules += ' -Ovbhqd-gcwrnr1';
130
- else if (props.staticColor === "black") rules += ' -Ovbhqd-g4hn3s1';
122
+ if (props.isFocusVisible) rules += ' _Lf11';
123
+ else rules += ' _Le11';
124
+ if (props.isStaticColor) rules += ' Oe11';
125
+ else rules += ' Oh11';
126
+ rules += ' Olc11';
127
+ rules += ' _Mc11';
128
+ rules += ' _Kd11';
129
+ if (props.staticColor === "white") rules += ' -Ovbhqd-gcwrnr11';
130
+ else if (props.staticColor === "black") rules += ' -Ovbhqd-g4hn3s11';
131
131
  if (props.size === "XL") {
132
- rules += ' uk1';
133
- rules += ' uch1';
134
- rules += ' udi1';
135
- rules += ' uea1';
136
- rules += ' ugb1';
137
- rules += ' uhd1';
138
- rules += ' uje1';
139
- rules += ' u2NhKxcl1';
140
- rules += ' uic1';
132
+ rules += ' uk11';
133
+ rules += ' uch11';
134
+ rules += ' udi11';
135
+ rules += ' uea11';
136
+ rules += ' ugb11';
137
+ rules += ' uhd11';
138
+ rules += ' uje11';
139
+ rules += ' u2NhKxcl11';
140
+ rules += ' uic11';
141
141
  } else if (props.size === "L") {
142
- rules += ' uk1';
143
- rules += ' uch1';
144
- rules += ' udi1';
145
- rules += ' uea1';
146
- rules += ' ugb1';
147
- rules += ' uhd1';
148
- rules += ' uje1';
149
- rules += ' u2NhKxcl1';
150
- rules += ' uic1';
142
+ rules += ' uk11';
143
+ rules += ' uch11';
144
+ rules += ' udi11';
145
+ rules += ' uea11';
146
+ rules += ' ugb11';
147
+ rules += ' uhd11';
148
+ rules += ' uje11';
149
+ rules += ' u2NhKxcl11';
150
+ rules += ' uic11';
151
151
  } else if (props.size === "S") {
152
- rules += ' uk1';
153
- rules += ' uch1';
154
- rules += ' udi1';
155
- rules += ' uea1';
156
- rules += ' ugb1';
157
- rules += ' uhd1';
158
- rules += ' uje1';
159
- rules += ' u2NhKxcl1';
160
- rules += ' uic1';
152
+ rules += ' uk11';
153
+ rules += ' uch11';
154
+ rules += ' udi11';
155
+ rules += ' uea11';
156
+ rules += ' ugb11';
157
+ rules += ' uhd11';
158
+ rules += ' uje11';
159
+ rules += ' u2NhKxcl11';
160
+ rules += ' uic11';
161
161
  } else if (props.size === "XS") {
162
- rules += ' uk1';
163
- rules += ' uch1';
164
- rules += ' udi1';
165
- rules += ' uea1';
166
- rules += ' ugb1';
167
- rules += ' uhd1';
168
- rules += ' uje1';
169
- rules += ' u2NhKxcl1';
170
- rules += ' uic1';
162
+ rules += ' uk11';
163
+ rules += ' uch11';
164
+ rules += ' udi11';
165
+ rules += ' uea11';
166
+ rules += ' ugb11';
167
+ rules += ' uhd11';
168
+ rules += ' uje11';
169
+ rules += ' u2NhKxcl11';
170
+ rules += ' uic11';
171
171
  } else {
172
- rules += ' uk1';
173
- rules += ' uch1';
174
- rules += ' udi1';
175
- rules += ' uea1';
176
- rules += ' ugb1';
177
- rules += ' uhd1';
178
- rules += ' uje1';
179
- rules += ' u2NhKxcl1';
180
- rules += ' uic1';
172
+ rules += ' uk11';
173
+ rules += ' uch11';
174
+ rules += ' udi11';
175
+ rules += ' uea11';
176
+ rules += ' ugb11';
177
+ rules += ' uhd11';
178
+ rules += ' uje11';
179
+ rules += ' u2NhKxcl11';
180
+ rules += ' uic11';
181
181
  }
182
182
  if (props.size === "XL") {
183
- rules += ' -_6BNtrc-e1';
184
- rules += ' vx1';
183
+ rules += ' -_6BNtrc-e11';
184
+ rules += ' vx11';
185
185
  } else if (props.size === "L") {
186
- rules += ' -_6BNtrc-d1';
187
- rules += ' vx1';
186
+ rules += ' -_6BNtrc-d11';
187
+ rules += ' vx11';
188
188
  } else if (props.size === "S") {
189
- rules += ' -_6BNtrc-b1';
190
- rules += ' vx1';
189
+ rules += ' -_6BNtrc-b11';
190
+ rules += ' vx11';
191
191
  } else if (props.size === "XS") {
192
- rules += ' -_6BNtrc-a1';
193
- rules += ' vx1';
192
+ rules += ' -_6BNtrc-a11';
193
+ rules += ' vx11';
194
194
  } else {
195
- rules += ' -_6BNtrc-c1';
196
- rules += ' vx1';
195
+ rules += ' -_6BNtrc-c11';
196
+ rules += ' vx11';
197
197
  }
198
- rules += ' wc1';
199
- rules += ' xc1';
200
- rules += ' _xa1';
201
- rules += ' wezxGHbtN5kwb1';
202
- rules += ' xezxGHbg1';
203
- rules += ' _xezxGHba1';
198
+ rules += ' wc11';
199
+ rules += ' xc11';
200
+ rules += ' _xa11';
201
+ rules += ' wezxGHbtN5kwb11';
202
+ rules += ' xezxGHbg11';
203
+ rules += ' _xezxGHba11';
204
204
  if (props.size === "XL") {
205
- rules += ' _Fd1';
206
- rules += ' _FezxGHba1';
207
- rules += ' _FnuYUweb1';
205
+ rules += ' _Fd11';
206
+ rules += ' _FezxGHba11';
207
+ rules += ' _FnuYUweb11';
208
208
  } else if (props.size === "L") {
209
- rules += ' _Fd1';
210
- rules += ' _FezxGHba1';
211
- rules += ' _FnuYUweb1';
209
+ rules += ' _Fd11';
210
+ rules += ' _FezxGHba11';
211
+ rules += ' _FnuYUweb11';
212
212
  } else if (props.size === "S") {
213
- rules += ' _Fd1';
214
- rules += ' _FezxGHba1';
215
- rules += ' _FnuYUweb1';
213
+ rules += ' _Fd11';
214
+ rules += ' _FezxGHba11';
215
+ rules += ' _FnuYUweb11';
216
216
  } else if (props.size === "XS") {
217
- rules += ' _Fd1';
218
- rules += ' _FezxGHba1';
219
- rules += ' _FnuYUweb1';
217
+ rules += ' _Fd11';
218
+ rules += ' _FezxGHba11';
219
+ rules += ' _FnuYUweb11';
220
220
  } else {
221
- rules += ' _Fd1';
222
- rules += ' _FezxGHba1';
223
- rules += ' _FnuYUweb1';
221
+ rules += ' _Fd11';
222
+ rules += ' _FezxGHba11';
223
+ rules += ' _FnuYUweb11';
224
224
  }
225
225
  if (props.isStaticColor) {
226
- if (props.isDisabled) rules += ' pi1';
227
- else if (props.isSelected) rules += ' ph1';
226
+ if (props.isDisabled) rules += ' pi11';
227
+ else if (props.isSelected) rules += ' ph11';
228
228
  else {
229
- if (props.isPressed) rules += ' pk1';
230
- else if (props.isFocusVisible) rules += ' pk1';
231
- else if (props.isHovered) rules += ' pk1';
232
- else rules += ' pj1';
229
+ if (props.isPressed) rules += ' pk11';
230
+ else if (props.isFocusVisible) rules += ' pk11';
231
+ else if (props.isHovered) rules += ' pk11';
232
+ else rules += ' pj11';
233
233
  }
234
- } else if (props.isDisabled) rules += ' pp1';
234
+ } else if (props.isDisabled) rules += ' pp11';
235
235
  else if (props.isSelected) {
236
- if (props.isEmphasized) rules += ' px1';
237
- else rules += ' pr1';
236
+ if (props.isEmphasized) rules += ' px11';
237
+ else rules += ' pr11';
238
238
  } else {
239
- if (props.isPressed) rules += ' po1';
240
- else if (props.isFocusVisible) rules += ' po1';
241
- else if (props.isHovered) rules += ' po1';
242
- else rules += ' pt1';
239
+ if (props.isPressed) rules += ' po11';
240
+ else if (props.isFocusVisible) rules += ' po11';
241
+ else if (props.isHovered) rules += ' po11';
242
+ else rules += ' pt11';
243
243
  }
244
- if (props.isDisabled) rules += ' plc1';
245
- else if (props.isSelected) rules += ' ple1';
246
- else rules += ' plb1';
247
- rules += ' sd1';
248
- rules += ' eb1';
249
- rules += ' _oa1';
250
- rules += ' SMBFGYc1';
251
- rules += ' Rv1';
252
- rules += ' RgLWx3bd1';
253
- rules += ' RsAUsHd1';
254
- if (!minWidth) rules += ' N7yFGYc1';
255
- if (props.size === "XL") rules += ' -SFnbic-_JaP8ec1';
256
- else if (props.size === "L") rules += ' -SFnbic-_J0K2hn1';
257
- else if (props.size === "S") rules += ' -SFnbic-_JJOW22b1';
258
- else if (props.size === "XS") rules += ' -SFnbic-_JICefdd1';
259
- else rules += ' -SFnbic-_Jb1';
260
- rules += ' -Bu7z1c-ob1';
244
+ if (props.isDisabled) rules += ' plc11';
245
+ else if (props.isSelected) rules += ' ple11';
246
+ else rules += ' plb11';
247
+ rules += ' sd11';
248
+ rules += ' eb11';
249
+ rules += ' _oa11';
250
+ rules += ' SMBFGYc11';
251
+ rules += ' Rv11';
252
+ rules += ' RgLWx3bd11';
253
+ rules += ' RsAUsHd11';
254
+ if (!minWidth) rules += ' N7yFGYc11';
255
+ if (props.size === "XL") rules += ' -SFnbic-_JaP8ec11';
256
+ else if (props.size === "L") rules += ' -SFnbic-_J0K2hn11';
257
+ else if (props.size === "S") rules += ' -SFnbic-_JJOW22b11';
258
+ else if (props.size === "XS") rules += ' -SFnbic-_JICefdd11';
259
+ else rules += ' -SFnbic-_Jb11';
260
+ rules += ' -Bu7z1c-ob11';
261
261
  if (props.density === "compact") {
262
- rules += ' od1';
263
- rules += ' obj1';
264
- } else rules += ' oj1';
262
+ rules += ' od11';
263
+ rules += ' obj11';
264
+ } else rules += ' oj11';
265
265
  if (props.density === "compact") {
266
- if (props.orientation === "vertical") rules += ' nbj1';
267
- else if (props.orientation === "horizontal") rules += ' nkj1';
268
- else rules += ' nd1';
269
- } else rules += ' nj1';
266
+ if (props.orientation === "vertical") rules += ' nbj11';
267
+ else if (props.orientation === "horizontal") rules += ' nkj11';
268
+ else rules += ' nd11';
269
+ } else rules += ' nj11';
270
270
  if (props.density === "compact") {
271
- if (props.orientation === "vertical") rules += ' kkj1';
272
- else if (props.orientation === "horizontal") rules += ' kbj1';
273
- else rules += ' kd1';
274
- } else rules += ' kj1';
271
+ if (props.orientation === "vertical") rules += ' kkj11';
272
+ else if (props.orientation === "horizontal") rules += ' kbj11';
273
+ else rules += ' kd11';
274
+ } else rules += ' kj11';
275
275
  if (props.density === "compact") {
276
- rules += ' jd1';
277
- rules += ' jkj1';
278
- } else rules += ' jj1';
279
- rules += ' qc1';
280
- rules += ' qsd1';
281
- rules += ' -Qg41Lb-IAxCW0c1';
282
- rules += ' -Qg41Lb-gLWx3bIy1';
283
- rules += ' FRuFGYc1';
284
- rules += ' _Ca1';
276
+ rules += ' jd11';
277
+ rules += ' jkj11';
278
+ } else rules += ' jj11';
279
+ rules += ' qc11';
280
+ rules += ' qsd11';
281
+ rules += ' -Qg41Lb-IAxCW0c11';
282
+ rules += ' -Qg41Lb-gLWx3bIy11';
283
+ rules += ' FRuFGYc11';
284
+ rules += ' _Ca11';
285
285
  if (props.isInGroup) {
286
- if (!flexShrink) rules += ' _va1';
287
- } else if (!flexShrink) rules += ' _vb1';
286
+ if (!flexShrink) rules += ' _va11';
287
+ } else if (!flexShrink) rules += ' _vb11';
288
288
  if (props.isJustified) {
289
- if (!flexGrow) rules += ' _ub1';
289
+ if (!flexGrow) rules += ' _ub11';
290
290
  }
291
291
  if (props.isJustified) {
292
- if (!flexBasis) rules += ' _sb1';
292
+ if (!flexBasis) rules += ' _sb11';
293
293
  }
294
- rules += ' _4c1';
295
- rules += ' Yd1';
296
- rules += ' Xb1';
297
- rules += ' _2b1';
298
- rules += ' _yb1';
299
- rules += ' gqMFGYc1';
300
- rules += ' -_8sjo0b-t5ZbAob1';
301
- rules += ' _je1';
294
+ rules += ' _4c11';
295
+ rules += ' Yd11';
296
+ rules += ' Xb11';
297
+ rules += ' _2b11';
298
+ rules += ' _yb11';
299
+ rules += ' gqMFGYc11';
300
+ rules += ' -_8sjo0b-t5ZbAob11';
301
+ rules += ' _je11';
302
302
  if (props.isFocusVisible) {
303
- if (!zIndex) rules += ' _9d1';
303
+ if (!zIndex) rules += ' _9d11';
304
304
  }
305
- rules += ' __ca1';
306
- rules += ' -B5H9Ae-WXN7eQb1';
307
- rules += ' -B5H9Ae-wAP22cWr1';
308
- rules += ' -SqFa4c-ZuUmpre1';
309
- rules += ' -dcAs1c-ZaYffXd1';
310
- rules += ' -dcAs1c-y5UFLdZt9HF51';
311
- rules += ' -dcAs1c-wAP22cZa1';
312
- if (props.size === "XL") rules += ' -F_-Fz1';
313
- else if (props.size === "L") rules += ' -F_-Fv1';
314
- else if (props.size === "S") rules += ' -F_-Fp1';
315
- else if (props.size === "XS") rules += ' -F_-Fn1';
316
- else rules += ' -F_-Fx1';
305
+ rules += ' __ca11';
306
+ rules += ' -B5H9Ae-WXN7eQb11';
307
+ rules += ' -B5H9Ae-wAP22cWr11';
308
+ rules += ' -SqFa4c-ZuUmpre11';
309
+ rules += ' -dcAs1c-ZaYffXd11';
310
+ rules += ' -dcAs1c-y5UFLdZt9HF511';
311
+ rules += ' -dcAs1c-wAP22cZa11';
312
+ if (props.size === "XL") rules += ' -F_-Fz11';
313
+ else if (props.size === "L") rules += ' -F_-Fv11';
314
+ else if (props.size === "S") rules += ' -F_-Fp11';
315
+ else if (props.size === "XS") rules += ' -F_-Fn11';
316
+ else rules += ' -F_-Fx11';
317
317
  if (props.isStaticColor) {
318
318
  if (props.isSelected) {
319
319
  if (props.isDisabled) {
320
- if (props.isQuiet) rules += ' -g_-g91';
321
- else rules += ' -g_-gf1';
320
+ if (props.isQuiet) rules += ' -g_-g911';
321
+ else rules += ' -g_-gf11';
322
322
  } else {
323
- if (props.isPressed) rules += ' -g_-gj1';
324
- else if (props.isFocusVisible) rules += ' -g_-gj1';
325
- else if (props.isHovered) rules += ' -g_-gj1';
326
- else rules += ' -g_-gi1';
323
+ if (props.isPressed) rules += ' -g_-gj11';
324
+ else if (props.isFocusVisible) rules += ' -g_-gj11';
325
+ else if (props.isHovered) rules += ' -g_-gj11';
326
+ else rules += ' -g_-gi11';
327
327
  }
328
- } else if (props.isPressed) rules += ' -g_-gg1';
329
- else if (props.isFocusVisible) rules += ' -g_-gg1';
330
- else if (props.isHovered) rules += ' -g_-gg1';
331
- else if (props.isQuiet) rules += ' -g_-g91';
332
- else rules += ' -g_-gf1';
328
+ } else if (props.isPressed) rules += ' -g_-gg11';
329
+ else if (props.isFocusVisible) rules += ' -g_-gg11';
330
+ else if (props.isHovered) rules += ' -g_-gg11';
331
+ else if (props.isQuiet) rules += ' -g_-g911';
332
+ else rules += ' -g_-gf11';
333
333
  } else if (props.isSelected) {
334
334
  if (props.isDisabled) {
335
- if (props.isQuiet) rules += ' -g_-g91';
336
- else rules += ' -g_-gH1';
335
+ if (props.isQuiet) rules += ' -g_-g911';
336
+ else rules += ' -g_-gH11';
337
337
  } else if (props.isEmphasized) {
338
- if (props.isFocusVisible) rules += ' -g_-gUgARdd1';
339
- else if (props.isPressed) rules += ' -g_-gUgARdd1';
340
- else if (props.isHovered) rules += ' -g_-gUgARdd1';
341
- else rules += ' -g_-g5qAiPc1';
338
+ if (props.isFocusVisible) rules += ' -g_-gUgARdd11';
339
+ else if (props.isPressed) rules += ' -g_-gUgARdd11';
340
+ else if (props.isHovered) rules += ' -g_-gUgARdd11';
341
+ else rules += ' -g_-g5qAiPc11';
342
342
  } else {
343
- if (props.isPressed) rules += ' -g_-gu1';
344
- else if (props.isFocusVisible) rules += ' -g_-gu1';
345
- else if (props.isHovered) rules += ' -g_-gu1';
346
- else rules += ' -g_-g01';
343
+ if (props.isPressed) rules += ' -g_-gu11';
344
+ else if (props.isFocusVisible) rules += ' -g_-gu11';
345
+ else if (props.isHovered) rules += ' -g_-gu11';
346
+ else rules += ' -g_-g011';
347
347
  }
348
348
  } else {
349
- if (props.isPressed) rules += ' -g_-gF1';
350
- else if (props.isFocusVisible) rules += ' -g_-gF1';
351
- else if (props.isHovered) rules += ' -g_-gF1';
352
- else if (props.isQuiet) rules += ' -g_-g91';
353
- else rules += ' -g_-gH1';
349
+ if (props.isPressed) rules += ' -g_-gF11';
350
+ else if (props.isFocusVisible) rules += ' -g_-gF11';
351
+ else if (props.isHovered) rules += ' -g_-gF11';
352
+ else if (props.isQuiet) rules += ' -g_-g911';
353
+ else rules += ' -g_-gH11';
354
354
  }
355
355
  if (props.isSelected) {
356
- if (props.isDisabled) rules += ' -g_-lgb1';
357
- else rules += ' -g_-lge1';
358
- } else rules += ' -g_-lgb1';
359
- rules += ' -S_-Sv1';
360
- rules += ' -S_-gLWx3bSd1';
361
- rules += ' -S_-sAUsHSd1';
362
- if (props.size === "XL") rules += ' -N_-Nl1';
363
- else if (props.size === "L") rules += ' -N_-Nj1';
364
- else if (props.size === "S") rules += ' -N_-Nf1';
365
- else if (props.size === "XS") rules += ' -N_-Ne1';
366
- else rules += ' -N_-Nk1';
356
+ if (props.isDisabled) rules += ' -g_-lgb11';
357
+ else rules += ' -g_-lge11';
358
+ } else rules += ' -g_-lgb11';
359
+ rules += ' -S_-Sv11';
360
+ rules += ' -S_-gLWx3bSd11';
361
+ rules += ' -S_-sAUsHSd11';
362
+ if (props.size === "XL") rules += ' -N_-Nl11';
363
+ else if (props.size === "L") rules += ' -N_-Nj11';
364
+ else if (props.size === "S") rules += ' -N_-Nf11';
365
+ else if (props.size === "XS") rules += ' -N_-Ne11';
366
+ else rules += ' -N_-Nk11';
367
367
  return rules;
368
368
  };
369
369
  // Matching icon sizes. TBD.
@@ -410,7 +410,7 @@ const $da878a05ab4a403e$export$cfc7921d29ef7b80 = /*#__PURE__*/ (0, $hl1Zj$forwa
410
410
  [
411
411
  (0, $8e847109a6ab556d$export$9afb8bc826b033ea),
412
412
  {
413
- styles: " _Jb1 _Nc1 Pc1 _Yb1 _7c1"
413
+ styles: " _Jb11 _Nc11 Pc11 _Yb11 _7c11"
414
414
  }
415
415
  ],
416
416
  [
@@ -418,16 +418,16 @@ const $da878a05ab4a403e$export$cfc7921d29ef7b80 = /*#__PURE__*/ (0, $hl1Zj$forwa
418
418
  {
419
419
  render: (0, $1f4b04be3f24aae3$export$9d7e2342a7e53afa)({
420
420
  slot: 'icon',
421
- styles: " _Ja1"
421
+ styles: " _Ja11"
422
422
  }),
423
- styles: " ZuUmpre1 FuUmpre1 I67logd1 _va1"
423
+ styles: " ZuUmpre11 FuUmpre11 I67logd11 _va11"
424
424
  }
425
425
  ],
426
426
  [
427
427
  (0, $3ffa2cd930156220$export$a20dad690e1279e2),
428
428
  {
429
429
  size: $da878a05ab4a403e$var$avatarSize[size],
430
- styles: " I67logd1 Iky1 _va1 _Ja1"
430
+ styles: " I67logd11 Iky11 _va11 _Ja11"
431
431
  }
432
432
  ],
433
433
  [
@@ -436,7 +436,7 @@ const $da878a05ab4a403e$export$cfc7921d29ef7b80 = /*#__PURE__*/ (0, $hl1Zj$forwa
436
436
  staticColor: staticColor,
437
437
  size: props.size === 'XS' ? undefined : props.size,
438
438
  isDisabled: props.isDisabled,
439
- styles: " _Pa1 WtedXZc1 _A1IiWH1 JlZStSb1 IlZStSb1"
439
+ styles: " _Pa11 WtedXZc11 _A1IiWH11 JlZStSb11 IlZStSb11"
440
440
  }
441
441
  ]
442
442
  ],
@@ -29,23 +29,23 @@ $parcel$export(module.exports, "ActionButtonGroup", () => $7a26131f6144af2b$expo
29
29
  const $7a26131f6144af2b$export$641cbcd1f6f6802f = function anonymous(props, overrides) {
30
30
  let rules = " ";
31
31
  rules += ((overrides || '').match(/(?:^|\s)(J|G|I|H|_u|_v|_s|__A|_d|_J|z|y|B|A|_P|_9|W|_l|_A|_z|Z|N|L|F|M|K)[^\s]+/g) || []).join('');
32
- rules += ' sd1';
33
- if (props.orientation === "vertical") rules += ' _ta1';
34
- else if (props.orientation === "horizontal") rules += ' _tc1';
32
+ rules += ' sd11';
33
+ if (props.orientation === "vertical") rules += ' _ta11';
34
+ else if (props.orientation === "horizontal") rules += ' _tc11';
35
35
  if (props.density === "regular") {
36
- if (props.size === "XL") rules += ' Ue1';
37
- else if (props.size === "L") rules += ' Ue1';
38
- else if (props.size === "M") rules += ' Ue1';
39
- else if (props.size === "S") rules += ' Ub1';
40
- else if (props.size === "XS") rules += ' Ub1';
41
- } else if (props.density === "compact") rules += ' Ua1';
36
+ if (props.size === "XL") rules += ' Ue11';
37
+ else if (props.size === "L") rules += ' Ue11';
38
+ else if (props.size === "M") rules += ' Ue11';
39
+ else if (props.size === "S") rules += ' Ub11';
40
+ else if (props.size === "XS") rules += ' Ub11';
41
+ } else if (props.density === "compact") rules += ' Ua11';
42
42
  if (props.density === "regular") {
43
- if (props.size === "XL") rules += ' qe1';
44
- else if (props.size === "L") rules += ' qe1';
45
- else if (props.size === "M") rules += ' qe1';
46
- else if (props.size === "S") rules += ' qb1';
47
- else if (props.size === "XS") rules += ' qb1';
48
- } else if (props.density === "compact") rules += ' qa1';
43
+ if (props.size === "XL") rules += ' qe11';
44
+ else if (props.size === "L") rules += ' qe11';
45
+ else if (props.size === "M") rules += ' qe11';
46
+ else if (props.size === "S") rules += ' qb11';
47
+ else if (props.size === "XS") rules += ' qb11';
48
+ } else if (props.density === "compact") rules += ' qa11';
49
49
  return rules;
50
50
  };
51
51
  const $7a26131f6144af2b$export$33f5f2f2cb85d743 = /*#__PURE__*/ (0, $jGK4W$react.createContext)(null);
@@ -1,37 +1,37 @@
1
1
  @layer _.a {
2
- .sd1 {
2
+ .sd11 {
3
3
  display: flex;
4
4
  }
5
5
 
6
- ._tc1 {
6
+ ._tc11 {
7
7
  flex-direction: row;
8
8
  }
9
9
 
10
- ._ta1 {
10
+ ._ta11 {
11
11
  flex-direction: column;
12
12
  }
13
13
 
14
- .Ua1 {
14
+ .Ua11 {
15
15
  row-gap: .125rem;
16
16
  }
17
17
 
18
- .Ub1 {
18
+ .Ub11 {
19
19
  row-gap: .25rem;
20
20
  }
21
21
 
22
- .Ue1 {
22
+ .Ue11 {
23
23
  row-gap: .5rem;
24
24
  }
25
25
 
26
- .qa1 {
26
+ .qa11 {
27
27
  column-gap: .125rem;
28
28
  }
29
29
 
30
- .qb1 {
30
+ .qb11 {
31
31
  column-gap: .25rem;
32
32
  }
33
33
 
34
- .qe1 {
34
+ .qe11 {
35
35
  column-gap: .5rem;
36
36
  }
37
37
  }
@@ -21,23 +21,23 @@ import {createContext as $aTsYn$createContext, forwardRef as $aTsYn$forwardRef}
21
21
  const $10401bdc118cbc90$export$641cbcd1f6f6802f = function anonymous(props, overrides) {
22
22
  let rules = " ";
23
23
  rules += ((overrides || '').match(/(?:^|\s)(J|G|I|H|_u|_v|_s|__A|_d|_J|z|y|B|A|_P|_9|W|_l|_A|_z|Z|N|L|F|M|K)[^\s]+/g) || []).join('');
24
- rules += ' sd1';
25
- if (props.orientation === "vertical") rules += ' _ta1';
26
- else if (props.orientation === "horizontal") rules += ' _tc1';
24
+ rules += ' sd11';
25
+ if (props.orientation === "vertical") rules += ' _ta11';
26
+ else if (props.orientation === "horizontal") rules += ' _tc11';
27
27
  if (props.density === "regular") {
28
- if (props.size === "XL") rules += ' Ue1';
29
- else if (props.size === "L") rules += ' Ue1';
30
- else if (props.size === "M") rules += ' Ue1';
31
- else if (props.size === "S") rules += ' Ub1';
32
- else if (props.size === "XS") rules += ' Ub1';
33
- } else if (props.density === "compact") rules += ' Ua1';
28
+ if (props.size === "XL") rules += ' Ue11';
29
+ else if (props.size === "L") rules += ' Ue11';
30
+ else if (props.size === "M") rules += ' Ue11';
31
+ else if (props.size === "S") rules += ' Ub11';
32
+ else if (props.size === "XS") rules += ' Ub11';
33
+ } else if (props.density === "compact") rules += ' Ua11';
34
34
  if (props.density === "regular") {
35
- if (props.size === "XL") rules += ' qe1';
36
- else if (props.size === "L") rules += ' qe1';
37
- else if (props.size === "M") rules += ' qe1';
38
- else if (props.size === "S") rules += ' qb1';
39
- else if (props.size === "XS") rules += ' qb1';
40
- } else if (props.density === "compact") rules += ' qa1';
35
+ if (props.size === "XL") rules += ' qe11';
36
+ else if (props.size === "L") rules += ' qe11';
37
+ else if (props.size === "M") rules += ' qe11';
38
+ else if (props.size === "S") rules += ' qb11';
39
+ else if (props.size === "XS") rules += ' qb11';
40
+ } else if (props.density === "compact") rules += ' qa11';
41
41
  return rules;
42
42
  };
43
43
  const $10401bdc118cbc90$export$33f5f2f2cb85d743 = /*#__PURE__*/ (0, $aTsYn$createContext)(null);
package/dist/Add.cjs CHANGED
@@ -30,16 +30,16 @@ $parcel$export(module.exports, "default", () => $54686c7c3f031ee2$export$2e2bcd8
30
30
 
31
31
  let $54686c7c3f031ee2$var$styles = function anonymous(props) {
32
32
  let rules = " ";
33
- if (props.size === "S") rules += ' Zh1';
34
- else if (props.size === "XS") rules += ' Zh1';
35
- else if (props.size === "XL") rules += ' Zj1';
36
- else if (props.size === "L") rules += ' Zj1';
37
- else if (props.size === "M") rules += ' Zi1';
38
- if (props.size === "S") rules += ' Fi1';
39
- else if (props.size === "XS") rules += ' Fi1';
40
- else if (props.size === "XL") rules += ' Fk1';
41
- else if (props.size === "L") rules += ' Fk1';
42
- else if (props.size === "M") rules += ' Fj1';
33
+ if (props.size === "S") rules += ' Zh11';
34
+ else if (props.size === "XS") rules += ' Zh11';
35
+ else if (props.size === "XL") rules += ' Zj11';
36
+ else if (props.size === "L") rules += ' Zj11';
37
+ else if (props.size === "M") rules += ' Zi11';
38
+ if (props.size === "S") rules += ' Fi11';
39
+ else if (props.size === "XS") rules += ' Fi11';
40
+ else if (props.size === "XL") rules += ' Fk11';
41
+ else if (props.size === "L") rules += ' Fk11';
42
+ else if (props.size === "M") rules += ' Fj11';
43
43
  return rules;
44
44
  };
45
45
  function $54686c7c3f031ee2$export$2e2bcd8739ae039(props) {