@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
@@ -127,251 +127,251 @@ const $6e265ff388155b91$export$446543cff2a0f496 = function anonymous(props, over
127
127
  if (p[1] === "_9") zIndex = true;
128
128
  rules += p[0];
129
129
  }
130
- if (props.isFocusVisible) rules += ' _Lf1';
131
- else rules += ' _Le1';
132
- if (props.isStaticColor) rules += ' Oe1';
133
- else rules += ' Oh1';
134
- rules += ' Olc1';
135
- rules += ' _Mc1';
136
- rules += ' _Kd1';
137
- if (props.staticColor === "white") rules += ' -Ovbhqd-gcwrnr1';
138
- else if (props.staticColor === "black") rules += ' -Ovbhqd-g4hn3s1';
130
+ if (props.isFocusVisible) rules += ' _Lf11';
131
+ else rules += ' _Le11';
132
+ if (props.isStaticColor) rules += ' Oe11';
133
+ else rules += ' Oh11';
134
+ rules += ' Olc11';
135
+ rules += ' _Mc11';
136
+ rules += ' _Kd11';
137
+ if (props.staticColor === "white") rules += ' -Ovbhqd-gcwrnr11';
138
+ else if (props.staticColor === "black") rules += ' -Ovbhqd-g4hn3s11';
139
139
  if (props.size === "XL") {
140
- rules += ' uk1';
141
- rules += ' uch1';
142
- rules += ' udi1';
143
- rules += ' uea1';
144
- rules += ' ugb1';
145
- rules += ' uhd1';
146
- rules += ' uje1';
147
- rules += ' u2NhKxcl1';
148
- rules += ' uic1';
140
+ rules += ' uk11';
141
+ rules += ' uch11';
142
+ rules += ' udi11';
143
+ rules += ' uea11';
144
+ rules += ' ugb11';
145
+ rules += ' uhd11';
146
+ rules += ' uje11';
147
+ rules += ' u2NhKxcl11';
148
+ rules += ' uic11';
149
149
  } else if (props.size === "L") {
150
- rules += ' uk1';
151
- rules += ' uch1';
152
- rules += ' udi1';
153
- rules += ' uea1';
154
- rules += ' ugb1';
155
- rules += ' uhd1';
156
- rules += ' uje1';
157
- rules += ' u2NhKxcl1';
158
- rules += ' uic1';
150
+ rules += ' uk11';
151
+ rules += ' uch11';
152
+ rules += ' udi11';
153
+ rules += ' uea11';
154
+ rules += ' ugb11';
155
+ rules += ' uhd11';
156
+ rules += ' uje11';
157
+ rules += ' u2NhKxcl11';
158
+ rules += ' uic11';
159
159
  } else if (props.size === "S") {
160
- rules += ' uk1';
161
- rules += ' uch1';
162
- rules += ' udi1';
163
- rules += ' uea1';
164
- rules += ' ugb1';
165
- rules += ' uhd1';
166
- rules += ' uje1';
167
- rules += ' u2NhKxcl1';
168
- rules += ' uic1';
160
+ rules += ' uk11';
161
+ rules += ' uch11';
162
+ rules += ' udi11';
163
+ rules += ' uea11';
164
+ rules += ' ugb11';
165
+ rules += ' uhd11';
166
+ rules += ' uje11';
167
+ rules += ' u2NhKxcl11';
168
+ rules += ' uic11';
169
169
  } else if (props.size === "XS") {
170
- rules += ' uk1';
171
- rules += ' uch1';
172
- rules += ' udi1';
173
- rules += ' uea1';
174
- rules += ' ugb1';
175
- rules += ' uhd1';
176
- rules += ' uje1';
177
- rules += ' u2NhKxcl1';
178
- rules += ' uic1';
170
+ rules += ' uk11';
171
+ rules += ' uch11';
172
+ rules += ' udi11';
173
+ rules += ' uea11';
174
+ rules += ' ugb11';
175
+ rules += ' uhd11';
176
+ rules += ' uje11';
177
+ rules += ' u2NhKxcl11';
178
+ rules += ' uic11';
179
179
  } else {
180
- rules += ' uk1';
181
- rules += ' uch1';
182
- rules += ' udi1';
183
- rules += ' uea1';
184
- rules += ' ugb1';
185
- rules += ' uhd1';
186
- rules += ' uje1';
187
- rules += ' u2NhKxcl1';
188
- rules += ' uic1';
180
+ rules += ' uk11';
181
+ rules += ' uch11';
182
+ rules += ' udi11';
183
+ rules += ' uea11';
184
+ rules += ' ugb11';
185
+ rules += ' uhd11';
186
+ rules += ' uje11';
187
+ rules += ' u2NhKxcl11';
188
+ rules += ' uic11';
189
189
  }
190
190
  if (props.size === "XL") {
191
- rules += ' -_6BNtrc-e1';
192
- rules += ' vx1';
191
+ rules += ' -_6BNtrc-e11';
192
+ rules += ' vx11';
193
193
  } else if (props.size === "L") {
194
- rules += ' -_6BNtrc-d1';
195
- rules += ' vx1';
194
+ rules += ' -_6BNtrc-d11';
195
+ rules += ' vx11';
196
196
  } else if (props.size === "S") {
197
- rules += ' -_6BNtrc-b1';
198
- rules += ' vx1';
197
+ rules += ' -_6BNtrc-b11';
198
+ rules += ' vx11';
199
199
  } else if (props.size === "XS") {
200
- rules += ' -_6BNtrc-a1';
201
- rules += ' vx1';
200
+ rules += ' -_6BNtrc-a11';
201
+ rules += ' vx11';
202
202
  } else {
203
- rules += ' -_6BNtrc-c1';
204
- rules += ' vx1';
203
+ rules += ' -_6BNtrc-c11';
204
+ rules += ' vx11';
205
205
  }
206
- rules += ' wc1';
207
- rules += ' xc1';
208
- rules += ' _xa1';
209
- rules += ' wezxGHbtN5kwb1';
210
- rules += ' xezxGHbg1';
211
- rules += ' _xezxGHba1';
206
+ rules += ' wc11';
207
+ rules += ' xc11';
208
+ rules += ' _xa11';
209
+ rules += ' wezxGHbtN5kwb11';
210
+ rules += ' xezxGHbg11';
211
+ rules += ' _xezxGHba11';
212
212
  if (props.size === "XL") {
213
- rules += ' _Fd1';
214
- rules += ' _FezxGHba1';
215
- rules += ' _FnuYUweb1';
213
+ rules += ' _Fd11';
214
+ rules += ' _FezxGHba11';
215
+ rules += ' _FnuYUweb11';
216
216
  } else if (props.size === "L") {
217
- rules += ' _Fd1';
218
- rules += ' _FezxGHba1';
219
- rules += ' _FnuYUweb1';
217
+ rules += ' _Fd11';
218
+ rules += ' _FezxGHba11';
219
+ rules += ' _FnuYUweb11';
220
220
  } else if (props.size === "S") {
221
- rules += ' _Fd1';
222
- rules += ' _FezxGHba1';
223
- rules += ' _FnuYUweb1';
221
+ rules += ' _Fd11';
222
+ rules += ' _FezxGHba11';
223
+ rules += ' _FnuYUweb11';
224
224
  } else if (props.size === "XS") {
225
- rules += ' _Fd1';
226
- rules += ' _FezxGHba1';
227
- rules += ' _FnuYUweb1';
225
+ rules += ' _Fd11';
226
+ rules += ' _FezxGHba11';
227
+ rules += ' _FnuYUweb11';
228
228
  } else {
229
- rules += ' _Fd1';
230
- rules += ' _FezxGHba1';
231
- rules += ' _FnuYUweb1';
229
+ rules += ' _Fd11';
230
+ rules += ' _FezxGHba11';
231
+ rules += ' _FnuYUweb11';
232
232
  }
233
233
  if (props.isStaticColor) {
234
- if (props.isDisabled) rules += ' pi1';
235
- else if (props.isSelected) rules += ' ph1';
234
+ if (props.isDisabled) rules += ' pi11';
235
+ else if (props.isSelected) rules += ' ph11';
236
236
  else {
237
- if (props.isPressed) rules += ' pk1';
238
- else if (props.isFocusVisible) rules += ' pk1';
239
- else if (props.isHovered) rules += ' pk1';
240
- else rules += ' pj1';
237
+ if (props.isPressed) rules += ' pk11';
238
+ else if (props.isFocusVisible) rules += ' pk11';
239
+ else if (props.isHovered) rules += ' pk11';
240
+ else rules += ' pj11';
241
241
  }
242
- } else if (props.isDisabled) rules += ' pp1';
242
+ } else if (props.isDisabled) rules += ' pp11';
243
243
  else if (props.isSelected) {
244
- if (props.isEmphasized) rules += ' px1';
245
- else rules += ' pr1';
244
+ if (props.isEmphasized) rules += ' px11';
245
+ else rules += ' pr11';
246
246
  } else {
247
- if (props.isPressed) rules += ' po1';
248
- else if (props.isFocusVisible) rules += ' po1';
249
- else if (props.isHovered) rules += ' po1';
250
- else rules += ' pt1';
247
+ if (props.isPressed) rules += ' po11';
248
+ else if (props.isFocusVisible) rules += ' po11';
249
+ else if (props.isHovered) rules += ' po11';
250
+ else rules += ' pt11';
251
251
  }
252
- if (props.isDisabled) rules += ' plc1';
253
- else if (props.isSelected) rules += ' ple1';
254
- else rules += ' plb1';
255
- rules += ' sd1';
256
- rules += ' eb1';
257
- rules += ' _oa1';
258
- rules += ' SMBFGYc1';
259
- rules += ' Rv1';
260
- rules += ' RgLWx3bd1';
261
- rules += ' RsAUsHd1';
262
- if (!minWidth) rules += ' N7yFGYc1';
263
- if (props.size === "XL") rules += ' -SFnbic-_JaP8ec1';
264
- else if (props.size === "L") rules += ' -SFnbic-_J0K2hn1';
265
- else if (props.size === "S") rules += ' -SFnbic-_JJOW22b1';
266
- else if (props.size === "XS") rules += ' -SFnbic-_JICefdd1';
267
- else rules += ' -SFnbic-_Jb1';
268
- rules += ' -Bu7z1c-ob1';
252
+ if (props.isDisabled) rules += ' plc11';
253
+ else if (props.isSelected) rules += ' ple11';
254
+ else rules += ' plb11';
255
+ rules += ' sd11';
256
+ rules += ' eb11';
257
+ rules += ' _oa11';
258
+ rules += ' SMBFGYc11';
259
+ rules += ' Rv11';
260
+ rules += ' RgLWx3bd11';
261
+ rules += ' RsAUsHd11';
262
+ if (!minWidth) rules += ' N7yFGYc11';
263
+ if (props.size === "XL") rules += ' -SFnbic-_JaP8ec11';
264
+ else if (props.size === "L") rules += ' -SFnbic-_J0K2hn11';
265
+ else if (props.size === "S") rules += ' -SFnbic-_JJOW22b11';
266
+ else if (props.size === "XS") rules += ' -SFnbic-_JICefdd11';
267
+ else rules += ' -SFnbic-_Jb11';
268
+ rules += ' -Bu7z1c-ob11';
269
269
  if (props.density === "compact") {
270
- rules += ' od1';
271
- rules += ' obj1';
272
- } else rules += ' oj1';
270
+ rules += ' od11';
271
+ rules += ' obj11';
272
+ } else rules += ' oj11';
273
273
  if (props.density === "compact") {
274
- if (props.orientation === "vertical") rules += ' nbj1';
275
- else if (props.orientation === "horizontal") rules += ' nkj1';
276
- else rules += ' nd1';
277
- } else rules += ' nj1';
274
+ if (props.orientation === "vertical") rules += ' nbj11';
275
+ else if (props.orientation === "horizontal") rules += ' nkj11';
276
+ else rules += ' nd11';
277
+ } else rules += ' nj11';
278
278
  if (props.density === "compact") {
279
- if (props.orientation === "vertical") rules += ' kkj1';
280
- else if (props.orientation === "horizontal") rules += ' kbj1';
281
- else rules += ' kd1';
282
- } else rules += ' kj1';
279
+ if (props.orientation === "vertical") rules += ' kkj11';
280
+ else if (props.orientation === "horizontal") rules += ' kbj11';
281
+ else rules += ' kd11';
282
+ } else rules += ' kj11';
283
283
  if (props.density === "compact") {
284
- rules += ' jd1';
285
- rules += ' jkj1';
286
- } else rules += ' jj1';
287
- rules += ' qc1';
288
- rules += ' qsd1';
289
- rules += ' -Qg41Lb-IAxCW0c1';
290
- rules += ' -Qg41Lb-gLWx3bIy1';
291
- rules += ' FRuFGYc1';
292
- rules += ' _Ca1';
284
+ rules += ' jd11';
285
+ rules += ' jkj11';
286
+ } else rules += ' jj11';
287
+ rules += ' qc11';
288
+ rules += ' qsd11';
289
+ rules += ' -Qg41Lb-IAxCW0c11';
290
+ rules += ' -Qg41Lb-gLWx3bIy11';
291
+ rules += ' FRuFGYc11';
292
+ rules += ' _Ca11';
293
293
  if (props.isInGroup) {
294
- if (!flexShrink) rules += ' _va1';
295
- } else if (!flexShrink) rules += ' _vb1';
294
+ if (!flexShrink) rules += ' _va11';
295
+ } else if (!flexShrink) rules += ' _vb11';
296
296
  if (props.isJustified) {
297
- if (!flexGrow) rules += ' _ub1';
297
+ if (!flexGrow) rules += ' _ub11';
298
298
  }
299
299
  if (props.isJustified) {
300
- if (!flexBasis) rules += ' _sb1';
300
+ if (!flexBasis) rules += ' _sb11';
301
301
  }
302
- rules += ' _4c1';
303
- rules += ' Yd1';
304
- rules += ' Xb1';
305
- rules += ' _2b1';
306
- rules += ' _yb1';
307
- rules += ' gqMFGYc1';
308
- rules += ' -_8sjo0b-t5ZbAob1';
309
- rules += ' _je1';
302
+ rules += ' _4c11';
303
+ rules += ' Yd11';
304
+ rules += ' Xb11';
305
+ rules += ' _2b11';
306
+ rules += ' _yb11';
307
+ rules += ' gqMFGYc11';
308
+ rules += ' -_8sjo0b-t5ZbAob11';
309
+ rules += ' _je11';
310
310
  if (props.isFocusVisible) {
311
- if (!zIndex) rules += ' _9d1';
311
+ if (!zIndex) rules += ' _9d11';
312
312
  }
313
- rules += ' __ca1';
314
- rules += ' -B5H9Ae-WXN7eQb1';
315
- rules += ' -B5H9Ae-wAP22cWr1';
316
- rules += ' -SqFa4c-ZuUmpre1';
317
- rules += ' -dcAs1c-ZaYffXd1';
318
- rules += ' -dcAs1c-y5UFLdZt9HF51';
319
- rules += ' -dcAs1c-wAP22cZa1';
320
- if (props.size === "XL") rules += ' -F_-Fz1';
321
- else if (props.size === "L") rules += ' -F_-Fv1';
322
- else if (props.size === "S") rules += ' -F_-Fp1';
323
- else if (props.size === "XS") rules += ' -F_-Fn1';
324
- else rules += ' -F_-Fx1';
313
+ rules += ' __ca11';
314
+ rules += ' -B5H9Ae-WXN7eQb11';
315
+ rules += ' -B5H9Ae-wAP22cWr11';
316
+ rules += ' -SqFa4c-ZuUmpre11';
317
+ rules += ' -dcAs1c-ZaYffXd11';
318
+ rules += ' -dcAs1c-y5UFLdZt9HF511';
319
+ rules += ' -dcAs1c-wAP22cZa11';
320
+ if (props.size === "XL") rules += ' -F_-Fz11';
321
+ else if (props.size === "L") rules += ' -F_-Fv11';
322
+ else if (props.size === "S") rules += ' -F_-Fp11';
323
+ else if (props.size === "XS") rules += ' -F_-Fn11';
324
+ else rules += ' -F_-Fx11';
325
325
  if (props.isStaticColor) {
326
326
  if (props.isSelected) {
327
327
  if (props.isDisabled) {
328
- if (props.isQuiet) rules += ' -g_-g91';
329
- else rules += ' -g_-gf1';
328
+ if (props.isQuiet) rules += ' -g_-g911';
329
+ else rules += ' -g_-gf11';
330
330
  } else {
331
- if (props.isPressed) rules += ' -g_-gj1';
332
- else if (props.isFocusVisible) rules += ' -g_-gj1';
333
- else if (props.isHovered) rules += ' -g_-gj1';
334
- else rules += ' -g_-gi1';
331
+ if (props.isPressed) rules += ' -g_-gj11';
332
+ else if (props.isFocusVisible) rules += ' -g_-gj11';
333
+ else if (props.isHovered) rules += ' -g_-gj11';
334
+ else rules += ' -g_-gi11';
335
335
  }
336
- } else if (props.isPressed) rules += ' -g_-gg1';
337
- else if (props.isFocusVisible) rules += ' -g_-gg1';
338
- else if (props.isHovered) rules += ' -g_-gg1';
339
- else if (props.isQuiet) rules += ' -g_-g91';
340
- else rules += ' -g_-gf1';
336
+ } else if (props.isPressed) rules += ' -g_-gg11';
337
+ else if (props.isFocusVisible) rules += ' -g_-gg11';
338
+ else if (props.isHovered) rules += ' -g_-gg11';
339
+ else if (props.isQuiet) rules += ' -g_-g911';
340
+ else rules += ' -g_-gf11';
341
341
  } else if (props.isSelected) {
342
342
  if (props.isDisabled) {
343
- if (props.isQuiet) rules += ' -g_-g91';
344
- else rules += ' -g_-gH1';
343
+ if (props.isQuiet) rules += ' -g_-g911';
344
+ else rules += ' -g_-gH11';
345
345
  } else if (props.isEmphasized) {
346
- if (props.isFocusVisible) rules += ' -g_-gUgARdd1';
347
- else if (props.isPressed) rules += ' -g_-gUgARdd1';
348
- else if (props.isHovered) rules += ' -g_-gUgARdd1';
349
- else rules += ' -g_-g5qAiPc1';
346
+ if (props.isFocusVisible) rules += ' -g_-gUgARdd11';
347
+ else if (props.isPressed) rules += ' -g_-gUgARdd11';
348
+ else if (props.isHovered) rules += ' -g_-gUgARdd11';
349
+ else rules += ' -g_-g5qAiPc11';
350
350
  } else {
351
- if (props.isPressed) rules += ' -g_-gu1';
352
- else if (props.isFocusVisible) rules += ' -g_-gu1';
353
- else if (props.isHovered) rules += ' -g_-gu1';
354
- else rules += ' -g_-g01';
351
+ if (props.isPressed) rules += ' -g_-gu11';
352
+ else if (props.isFocusVisible) rules += ' -g_-gu11';
353
+ else if (props.isHovered) rules += ' -g_-gu11';
354
+ else rules += ' -g_-g011';
355
355
  }
356
356
  } else {
357
- if (props.isPressed) rules += ' -g_-gF1';
358
- else if (props.isFocusVisible) rules += ' -g_-gF1';
359
- else if (props.isHovered) rules += ' -g_-gF1';
360
- else if (props.isQuiet) rules += ' -g_-g91';
361
- else rules += ' -g_-gH1';
357
+ if (props.isPressed) rules += ' -g_-gF11';
358
+ else if (props.isFocusVisible) rules += ' -g_-gF11';
359
+ else if (props.isHovered) rules += ' -g_-gF11';
360
+ else if (props.isQuiet) rules += ' -g_-g911';
361
+ else rules += ' -g_-gH11';
362
362
  }
363
363
  if (props.isSelected) {
364
- if (props.isDisabled) rules += ' -g_-lgb1';
365
- else rules += ' -g_-lge1';
366
- } else rules += ' -g_-lgb1';
367
- rules += ' -S_-Sv1';
368
- rules += ' -S_-gLWx3bSd1';
369
- rules += ' -S_-sAUsHSd1';
370
- if (props.size === "XL") rules += ' -N_-Nl1';
371
- else if (props.size === "L") rules += ' -N_-Nj1';
372
- else if (props.size === "S") rules += ' -N_-Nf1';
373
- else if (props.size === "XS") rules += ' -N_-Ne1';
374
- else rules += ' -N_-Nk1';
364
+ if (props.isDisabled) rules += ' -g_-lgb11';
365
+ else rules += ' -g_-lge11';
366
+ } else rules += ' -g_-lgb11';
367
+ rules += ' -S_-Sv11';
368
+ rules += ' -S_-gLWx3bSd11';
369
+ rules += ' -S_-sAUsHSd11';
370
+ if (props.size === "XL") rules += ' -N_-Nl11';
371
+ else if (props.size === "L") rules += ' -N_-Nj11';
372
+ else if (props.size === "S") rules += ' -N_-Nf11';
373
+ else if (props.size === "XS") rules += ' -N_-Ne11';
374
+ else rules += ' -N_-Nk11';
375
375
  return rules;
376
376
  };
377
377
  // Matching icon sizes. TBD.
@@ -418,7 +418,7 @@ const $6e265ff388155b91$export$cfc7921d29ef7b80 = /*#__PURE__*/ (0, $9ZEgK$react
418
418
  [
419
419
  (0, $6367bc87eb7d24ad$exports.TextContext),
420
420
  {
421
- styles: " _Jb1 _Nc1 Pc1 _Yb1 _7c1"
421
+ styles: " _Jb11 _Nc11 Pc11 _Yb11 _7c11"
422
422
  }
423
423
  ],
424
424
  [
@@ -426,16 +426,16 @@ const $6e265ff388155b91$export$cfc7921d29ef7b80 = /*#__PURE__*/ (0, $9ZEgK$react
426
426
  {
427
427
  render: (0, $e991cbcdf82ced71$exports.centerBaseline)({
428
428
  slot: 'icon',
429
- styles: " _Ja1"
429
+ styles: " _Ja11"
430
430
  }),
431
- styles: " ZuUmpre1 FuUmpre1 I67logd1 _va1"
431
+ styles: " ZuUmpre11 FuUmpre11 I67logd11 _va11"
432
432
  }
433
433
  ],
434
434
  [
435
435
  (0, $38071d9ce246d4cf$exports.AvatarContext),
436
436
  {
437
437
  size: $6e265ff388155b91$var$avatarSize[size],
438
- styles: " I67logd1 Iky1 _va1 _Ja1"
438
+ styles: " I67logd11 Iky11 _va11 _Ja11"
439
439
  }
440
440
  ],
441
441
  [
@@ -444,7 +444,7 @@ const $6e265ff388155b91$export$cfc7921d29ef7b80 = /*#__PURE__*/ (0, $9ZEgK$react
444
444
  staticColor: staticColor,
445
445
  size: props.size === 'XS' ? undefined : props.size,
446
446
  isDisabled: props.isDisabled,
447
- styles: " _Pa1 WtedXZc1 _A1IiWH1 JlZStSb1 IlZStSb1"
447
+ styles: " _Pa11 WtedXZc11 _A1IiWH11 JlZStSb11 IlZStSb11"
448
448
  }
449
449
  ]
450
450
  ],