@react-spectrum/s2 0.9.0 → 0.9.1

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 (262) 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 +60 -60
  5. package/dist/ActionBar.css +59 -59
  6. package/dist/ActionBar.mjs +60 -60
  7. package/dist/ActionButton.cjs +187 -187
  8. package/dist/ActionButton.cjs.map +1 -1
  9. package/dist/ActionButton.css +134 -134
  10. package/dist/ActionButton.css.map +1 -1
  11. package/dist/ActionButton.mjs +187 -187
  12. package/dist/ActionButton.mjs.map +1 -1
  13. package/dist/ActionButtonGroup.cjs +15 -15
  14. package/dist/ActionButtonGroup.css +9 -9
  15. package/dist/ActionButtonGroup.mjs +15 -15
  16. package/dist/Add.cjs +10 -10
  17. package/dist/Add.css +6 -6
  18. package/dist/Add.mjs +10 -10
  19. package/dist/AlertDialog.cjs +3 -3
  20. package/dist/AlertDialog.css +3 -3
  21. package/dist/AlertDialog.mjs +3 -3
  22. package/dist/Asterisk.cjs +6 -6
  23. package/dist/Asterisk.css +4 -4
  24. package/dist/Asterisk.mjs +6 -6
  25. package/dist/Avatar.cjs +14 -14
  26. package/dist/Avatar.css +14 -14
  27. package/dist/Avatar.mjs +14 -14
  28. package/dist/AvatarGroup.cjs +120 -120
  29. package/dist/AvatarGroup.css +37 -37
  30. package/dist/AvatarGroup.mjs +120 -120
  31. package/dist/Badge.cjs +196 -196
  32. package/dist/Badge.css +129 -129
  33. package/dist/Badge.mjs +196 -196
  34. package/dist/Breadcrumbs.cjs +231 -231
  35. package/dist/Breadcrumbs.css +102 -102
  36. package/dist/Breadcrumbs.mjs +231 -231
  37. package/dist/Button.cjs +328 -328
  38. package/dist/Button.cjs.map +1 -1
  39. package/dist/Button.css +176 -176
  40. package/dist/Button.css.map +1 -1
  41. package/dist/Button.mjs +328 -328
  42. package/dist/Button.mjs.map +1 -1
  43. package/dist/ButtonGroup.cjs +20 -20
  44. package/dist/ButtonGroup.css +15 -15
  45. package/dist/ButtonGroup.mjs +20 -20
  46. package/dist/Card.cjs +294 -294
  47. package/dist/Card.css +205 -205
  48. package/dist/Card.mjs +294 -294
  49. package/dist/CardView.cjs +17 -17
  50. package/dist/CardView.css +17 -17
  51. package/dist/CardView.mjs +17 -17
  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 +160 -160
  56. package/dist/Checkbox.css +94 -94
  57. package/dist/Checkbox.mjs +160 -160
  58. package/dist/CheckboxGroup.cjs +43 -43
  59. package/dist/CheckboxGroup.css +41 -41
  60. package/dist/CheckboxGroup.mjs +43 -43
  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 +31 -31
  77. package/dist/ColorField.css +31 -31
  78. package/dist/ColorField.mjs +31 -31
  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 +108 -108
  83. package/dist/ColorSlider.css +56 -56
  84. package/dist/ColorSlider.mjs +108 -108
  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 +378 -376
  95. package/dist/ComboBox.cjs.map +1 -1
  96. package/dist/ComboBox.css +179 -179
  97. package/dist/ComboBox.css.map +1 -1
  98. package/dist/ComboBox.mjs +378 -376
  99. package/dist/ComboBox.mjs.map +1 -1
  100. package/dist/ContextualHelp.cjs +5 -5
  101. package/dist/ContextualHelp.cjs.map +1 -1
  102. package/dist/ContextualHelp.css +49 -49
  103. package/dist/ContextualHelp.css.map +1 -1
  104. package/dist/ContextualHelp.mjs +5 -5
  105. package/dist/ContextualHelp.mjs.map +1 -1
  106. package/dist/Cross.cjs +14 -14
  107. package/dist/Cross.css +10 -10
  108. package/dist/Cross.mjs +14 -14
  109. package/dist/CustomDialog.cjs +25 -25
  110. package/dist/CustomDialog.css +25 -25
  111. package/dist/CustomDialog.mjs +25 -25
  112. package/dist/Dash.cjs +10 -10
  113. package/dist/Dash.css +6 -6
  114. package/dist/Dash.mjs +10 -10
  115. package/dist/Dialog.cjs +17 -17
  116. package/dist/Dialog.css +70 -70
  117. package/dist/Dialog.mjs +17 -17
  118. package/dist/Disclosure.cjs +129 -129
  119. package/dist/Disclosure.css +104 -104
  120. package/dist/Disclosure.mjs +129 -129
  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 +58 -58
  125. package/dist/DropZone.css +54 -54
  126. package/dist/DropZone.mjs +58 -58
  127. package/dist/Field.cjs +340 -340
  128. package/dist/Field.cjs.map +1 -1
  129. package/dist/Field.css +144 -144
  130. package/dist/Field.mjs +340 -340
  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 +79 -79
  137. package/dist/FullscreenDialog.mjs +5 -5
  138. package/dist/IllustratedMessage.cjs +219 -219
  139. package/dist/IllustratedMessage.css +74 -74
  140. package/dist/IllustratedMessage.mjs +219 -219
  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 +108 -108
  145. package/dist/InlineAlert.css +90 -90
  146. package/dist/InlineAlert.mjs +108 -108
  147. package/dist/Link.cjs +49 -49
  148. package/dist/Link.css +41 -41
  149. package/dist/Link.mjs +49 -49
  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 +422 -422
  154. package/dist/Menu.css +180 -180
  155. package/dist/Menu.mjs +422 -422
  156. package/dist/Meter.cjs +153 -153
  157. package/dist/Meter.css +95 -95
  158. package/dist/Meter.mjs +153 -153
  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 +56 -56
  163. package/dist/NotificationBadge.css +51 -51
  164. package/dist/NotificationBadge.mjs +56 -56
  165. package/dist/NumberField.cjs +114 -114
  166. package/dist/NumberField.css +103 -103
  167. package/dist/NumberField.mjs +114 -114
  168. package/dist/Picker.cjs +273 -271
  169. package/dist/Picker.cjs.map +1 -1
  170. package/dist/Picker.css +169 -169
  171. package/dist/Picker.css.map +1 -1
  172. package/dist/Picker.mjs +273 -271
  173. package/dist/Picker.mjs.map +1 -1
  174. package/dist/Popover.cjs +85 -85
  175. package/dist/Popover.css +66 -66
  176. package/dist/Popover.mjs +85 -85
  177. package/dist/ProgressBar.cjs +163 -163
  178. package/dist/ProgressBar.css +103 -103
  179. package/dist/ProgressBar.mjs +163 -163
  180. package/dist/ProgressCircle.cjs +17 -17
  181. package/dist/ProgressCircle.css +17 -17
  182. package/dist/ProgressCircle.mjs +17 -17
  183. package/dist/Provider.cjs +10 -10
  184. package/dist/Provider.css +9 -9
  185. package/dist/Provider.mjs +10 -10
  186. package/dist/Radio.cjs +144 -144
  187. package/dist/Radio.css +81 -81
  188. package/dist/Radio.mjs +144 -144
  189. package/dist/RadioGroup.cjs +41 -41
  190. package/dist/RadioGroup.css +41 -41
  191. package/dist/RadioGroup.mjs +41 -41
  192. package/dist/SearchField.cjs +41 -41
  193. package/dist/SearchField.css +49 -49
  194. package/dist/SearchField.mjs +41 -41
  195. package/dist/SegmentedControl.cjs +171 -171
  196. package/dist/SegmentedControl.css +120 -120
  197. package/dist/SegmentedControl.mjs +171 -171
  198. package/dist/Slider.cjs +288 -288
  199. package/dist/Slider.css +152 -152
  200. package/dist/Slider.mjs +288 -288
  201. package/dist/StatusLight.cjs +115 -115
  202. package/dist/StatusLight.css +63 -63
  203. package/dist/StatusLight.mjs +115 -115
  204. package/dist/Switch.cjs +152 -152
  205. package/dist/Switch.css +76 -76
  206. package/dist/Switch.mjs +152 -152
  207. package/dist/TableView.cjs +310 -310
  208. package/dist/TableView.css +172 -172
  209. package/dist/TableView.mjs +310 -310
  210. package/dist/Tabs.cjs +113 -110
  211. package/dist/Tabs.cjs.map +1 -1
  212. package/dist/Tabs.css +92 -92
  213. package/dist/Tabs.css.map +1 -1
  214. package/dist/Tabs.mjs +113 -110
  215. package/dist/Tabs.mjs.map +1 -1
  216. package/dist/TabsPicker.cjs +123 -123
  217. package/dist/TabsPicker.css +112 -112
  218. package/dist/TabsPicker.mjs +123 -123
  219. package/dist/TagGroup.cjs +202 -202
  220. package/dist/TagGroup.cjs.map +1 -1
  221. package/dist/TagGroup.css +147 -147
  222. package/dist/TagGroup.css.map +1 -1
  223. package/dist/TagGroup.mjs +202 -202
  224. package/dist/TagGroup.mjs.map +1 -1
  225. package/dist/TextField.cjs +57 -57
  226. package/dist/TextField.css +57 -57
  227. package/dist/TextField.mjs +57 -57
  228. package/dist/Toast.cjs +118 -118
  229. package/dist/Toast.css +105 -105
  230. package/dist/Toast.mjs +118 -118
  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 +81 -81
  235. package/dist/Tooltip.css +68 -68
  236. package/dist/Tooltip.mjs +81 -81
  237. package/dist/TreeView.cjs +143 -149
  238. package/dist/TreeView.cjs.map +1 -1
  239. package/dist/TreeView.css +143 -143
  240. package/dist/TreeView.css.map +1 -1
  241. package/dist/TreeView.mjs +143 -149
  242. package/dist/TreeView.mjs.map +1 -1
  243. package/dist/types.d.ts +2 -2
  244. package/dist/types.d.ts.map +1 -1
  245. package/icons/Icon.cjs +10 -10
  246. package/icons/Icon.css +9 -9
  247. package/icons/Icon.mjs +10 -10
  248. package/icons/Skeleton.cjs +2 -2
  249. package/icons/Skeleton.cjs.map +1 -1
  250. package/icons/Skeleton.css +6 -6
  251. package/icons/Skeleton.mjs +2 -2
  252. package/icons/Skeleton.mjs.map +1 -1
  253. package/package.json +45 -26
  254. package/src/ActionButton.tsx +1 -1
  255. package/src/Button.tsx +3 -3
  256. package/src/ComboBox.tsx +3 -2
  257. package/src/ContextualHelp.tsx +2 -2
  258. package/src/Picker.tsx +3 -2
  259. package/src/Tabs.tsx +7 -5
  260. package/src/TagGroup.tsx +1 -1
  261. package/src/TreeView.tsx +1 -6
  262. package/style/__tests__/style-macro.test.js +56 -56
@@ -1,117 +1,117 @@
1
1
  @layer _.a {
2
- .Zu9 {
2
+ .Zu91 {
3
3
  width: calc(1rem * var(--s2-scale));
4
4
  }
5
5
 
6
- .Zo9 {
6
+ .Zo91 {
7
7
  width: calc(1.5rem * var(--s2-scale));
8
8
  }
9
9
 
10
- .ZC9 {
10
+ .ZC91 {
11
11
  width: calc(2rem * var(--s2-scale));
12
12
  }
13
13
 
14
- .Zw9 {
14
+ .Zw91 {
15
15
  width: calc(2.5rem * var(--s2-scale));
16
16
  }
17
17
 
18
- .Ft9 {
18
+ .Ft91 {
19
19
  height: calc(1rem * var(--s2-scale));
20
20
  }
21
21
 
22
- .Fp9 {
22
+ .Fp91 {
23
23
  height: calc(1.5rem * var(--s2-scale));
24
24
  }
25
25
 
26
- .Fx9 {
26
+ .Fx91 {
27
27
  height: calc(2rem * var(--s2-scale));
28
28
  }
29
29
 
30
- .Fv9 {
30
+ .Fv91 {
31
31
  height: calc(2.5rem * var(--s2-scale));
32
32
  }
33
33
 
34
- .oa9 {
34
+ .oa91 {
35
35
  border-start-start-radius: .25rem;
36
36
  }
37
37
 
38
- .od9 {
38
+ .od91 {
39
39
  border-start-start-radius: 0;
40
40
  }
41
41
 
42
- .og9 {
42
+ .og91 {
43
43
  border-start-start-radius: 9999px;
44
44
  }
45
45
 
46
- .na9 {
46
+ .na91 {
47
47
  border-start-end-radius: .25rem;
48
48
  }
49
49
 
50
- .nd9 {
50
+ .nd91 {
51
51
  border-start-end-radius: 0;
52
52
  }
53
53
 
54
- .ng9 {
54
+ .ng91 {
55
55
  border-start-end-radius: 9999px;
56
56
  }
57
57
 
58
- .ka9 {
58
+ .ka91 {
59
59
  border-end-start-radius: .25rem;
60
60
  }
61
61
 
62
- .kd9 {
62
+ .kd91 {
63
63
  border-end-start-radius: 0;
64
64
  }
65
65
 
66
- .kg9 {
66
+ .kg91 {
67
67
  border-end-start-radius: 9999px;
68
68
  }
69
69
 
70
- .ja9 {
70
+ .ja91 {
71
71
  border-end-end-radius: .25rem;
72
72
  }
73
73
 
74
- .jd9 {
74
+ .jd91 {
75
75
  border-end-end-radius: 0;
76
76
  }
77
77
 
78
- .jg9 {
78
+ .jg91 {
79
79
  border-end-end-radius: 9999px;
80
80
  }
81
81
 
82
- .iz9 {
82
+ .iz91 {
83
83
  border-color: var(--lightningcss-light, #0000006b) var(--lightningcss-dark, #ffffff6b);
84
84
  }
85
85
 
86
- ._kb9 {
86
+ ._kb91 {
87
87
  border-top-width: 1px;
88
88
  }
89
89
 
90
- .hb9 {
90
+ .hb91 {
91
91
  border-bottom-width: 1px;
92
92
  }
93
93
 
94
- .mb9 {
94
+ .mb91 {
95
95
  border-inline-start-width: 1px;
96
96
  }
97
97
 
98
- .lb9 {
98
+ .lb91 {
99
99
  border-inline-end-width: 1px;
100
100
  }
101
101
 
102
- ._jf9 {
102
+ ._jf91 {
103
103
  border-style: solid;
104
104
  }
105
105
 
106
- ._oa9 {
106
+ ._oa91 {
107
107
  box-sizing: border-box;
108
108
  }
109
109
 
110
- ._yb9 {
110
+ ._yb91 {
111
111
  forced-color-adjust: none;
112
112
  }
113
113
 
114
- .-_8LZfRc-pq9 {
114
+ .-_8LZfRc-pq91 {
115
115
  --slash-color: var(--lightningcss-light, #d73220) var(--lightningcss-dark, #fc432e);
116
116
  }
117
117
  }
@@ -50,44 +50,44 @@ const $cd9e1720baab3945$export$cae13e90592f246a = /*#__PURE__*/ (0, $b2Wh1$forwa
50
50
  rules += p[0];
51
51
  }
52
52
  if (props.size === "L") {
53
- if (!width) rules += ' Zw9';
53
+ if (!width) rules += ' Zw91';
54
54
  } else if (props.size === "M") {
55
- if (!width) rules += ' ZC9';
55
+ if (!width) rules += ' ZC91';
56
56
  } else if (props.size === "S") {
57
- if (!width) rules += ' Zo9';
57
+ if (!width) rules += ' Zo91';
58
58
  } else if (props.size === "XS") {
59
- if (!width) rules += ' Zu9';
59
+ if (!width) rules += ' Zu91';
60
60
  }
61
61
  if (props.size === "L") {
62
- if (!height) rules += ' Fv9';
62
+ if (!height) rules += ' Fv91';
63
63
  } else if (props.size === "M") {
64
- if (!height) rules += ' Fx9';
64
+ if (!height) rules += ' Fx91';
65
65
  } else if (props.size === "S") {
66
- if (!height) rules += ' Fp9';
66
+ if (!height) rules += ' Fp91';
67
67
  } else if (props.size === "XS") {
68
- if (!height) rules += ' Ft9';
68
+ if (!height) rules += ' Ft91';
69
69
  }
70
- if (props.rounding === "full") rules += ' og9';
71
- else if (props.rounding === "none") rules += ' od9';
72
- else if (props.rounding === "default") rules += ' oa9';
73
- if (props.rounding === "full") rules += ' ng9';
74
- else if (props.rounding === "none") rules += ' nd9';
75
- else if (props.rounding === "default") rules += ' na9';
76
- if (props.rounding === "full") rules += ' kg9';
77
- else if (props.rounding === "none") rules += ' kd9';
78
- else if (props.rounding === "default") rules += ' ka9';
79
- if (props.rounding === "full") rules += ' jg9';
80
- else if (props.rounding === "none") rules += ' jd9';
81
- else if (props.rounding === "default") rules += ' ja9';
82
- rules += ' iz9';
83
- rules += ' _kb9';
84
- rules += ' hb9';
85
- rules += ' mb9';
86
- rules += ' lb9';
87
- rules += ' _jf9';
88
- rules += ' _oa9';
89
- rules += ' _yb9';
90
- rules += ' -_8LZfRc-pq9';
70
+ if (props.rounding === "full") rules += ' og91';
71
+ else if (props.rounding === "none") rules += ' od91';
72
+ else if (props.rounding === "default") rules += ' oa91';
73
+ if (props.rounding === "full") rules += ' ng91';
74
+ else if (props.rounding === "none") rules += ' nd91';
75
+ else if (props.rounding === "default") rules += ' na91';
76
+ if (props.rounding === "full") rules += ' kg91';
77
+ else if (props.rounding === "none") rules += ' kd91';
78
+ else if (props.rounding === "default") rules += ' ka91';
79
+ if (props.rounding === "full") rules += ' jg91';
80
+ else if (props.rounding === "none") rules += ' jd91';
81
+ else if (props.rounding === "default") rules += ' ja91';
82
+ rules += ' iz91';
83
+ rules += ' _kb91';
84
+ rules += ' hb91';
85
+ rules += ' mb91';
86
+ rules += ' lb91';
87
+ rules += ' _jf91';
88
+ rules += ' _oa91';
89
+ rules += ' _yb91';
90
+ rules += ' -_8LZfRc-pq91';
91
91
  return rules;
92
92
  }({
93
93
  size: size,
@@ -40,14 +40,14 @@ const $a267e3efa7024819$export$b46792416e3d8515 = /*#__PURE__*/ (0, $7eldL$react
40
40
  className: UNSAFE_className + function anonymous(props, overrides) {
41
41
  let rules = " ";
42
42
  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)[^\s]+/g) || []).join('');
43
- rules += ' sd9';
44
- rules += ' _wb9';
45
- if (props.density === "spacious") rules += ' UWJpoB9';
46
- else if (props.density === "regular") rules += ' Ub9';
47
- else if (props.density === "compact") rules += ' Ua9';
48
- if (props.density === "spacious") rules += ' qWJpoB9';
49
- else if (props.density === "regular") rules += ' qb9';
50
- else if (props.density === "compact") rules += ' qa9';
43
+ rules += ' sd91';
44
+ rules += ' _wb91';
45
+ if (props.density === "spacious") rules += ' UWJpoB91';
46
+ else if (props.density === "regular") rules += ' Ub91';
47
+ else if (props.density === "compact") rules += ' Ua91';
48
+ if (props.density === "spacious") rules += ' qWJpoB91';
49
+ else if (props.density === "regular") rules += ' qb91';
50
+ else if (props.density === "compact") rules += ' qa91';
51
51
  return rules;
52
52
  }({
53
53
  density: density
@@ -67,24 +67,24 @@ function $a267e3efa7024819$var$useWrapper(swatch, color, rounding) {
67
67
  color: color,
68
68
  className: (renderProps)=>(function anonymous(props) {
69
69
  let rules = " ";
70
- if (props.isFocusVisible) rules += ' _Lf9';
71
- else rules += ' _Le9';
72
- rules += ' Oh9';
73
- rules += ' _Mc9';
74
- rules += ' _Kd9';
75
- rules += ' _Pc9';
76
- if (props.rounding === "full") rules += ' og9';
77
- else if (props.rounding === "default") rules += ' oa9';
78
- else if (props.rounding === "none") rules += ' od9';
79
- if (props.rounding === "full") rules += ' ng9';
80
- else if (props.rounding === "default") rules += ' na9';
81
- else if (props.rounding === "none") rules += ' nd9';
82
- if (props.rounding === "full") rules += ' kg9';
83
- else if (props.rounding === "default") rules += ' ka9';
84
- else if (props.rounding === "none") rules += ' kd9';
85
- if (props.rounding === "full") rules += ' jg9';
86
- else if (props.rounding === "default") rules += ' ja9';
87
- else if (props.rounding === "none") rules += ' jd9';
70
+ if (props.isFocusVisible) rules += ' _Lf91';
71
+ else rules += ' _Le91';
72
+ rules += ' Oh91';
73
+ rules += ' _Mc91';
74
+ rules += ' _Kd91';
75
+ rules += ' _Pc91';
76
+ if (props.rounding === "full") rules += ' og91';
77
+ else if (props.rounding === "default") rules += ' oa91';
78
+ else if (props.rounding === "none") rules += ' od91';
79
+ if (props.rounding === "full") rules += ' ng91';
80
+ else if (props.rounding === "default") rules += ' na91';
81
+ else if (props.rounding === "none") rules += ' nd91';
82
+ if (props.rounding === "full") rules += ' kg91';
83
+ else if (props.rounding === "default") rules += ' ka91';
84
+ else if (props.rounding === "none") rules += ' kd91';
85
+ if (props.rounding === "full") rules += ' jg91';
86
+ else if (props.rounding === "default") rules += ' ja91';
87
+ else if (props.rounding === "none") rules += ' jd91';
88
88
  return rules;
89
89
  })({
90
90
  ...renderProps,
@@ -95,7 +95,7 @@ function $a267e3efa7024819$var$useWrapper(swatch, color, rounding) {
95
95
  swatch,
96
96
  isSelected && /*#__PURE__*/ (0, $7eldL$reactjsxruntime.jsx)("div", {
97
97
  "aria-hidden": true,
98
- className: " _Pa9 _Ob9 Wr9 _lr9 _Ar9 _zr9 _oa9 in9 _jf9 _kc9 hc9 mc9 lc9 Og9 _Lf9 _Mc9 _Kc9 _yb9 oi9 ni9 ki9 ji9"
98
+ className: " _Pa91 _Ob91 Wr91 _lr91 _Ar91 _zr91 _oa91 in91 _jf91 _kc91 hc91 mc91 lc91 Og91 _Lf91 _Mc91 _Kc91 _yb91 oi91 ni91 ki91 ji91"
99
99
  })
100
100
  ]
101
101
  })
@@ -1,185 +1,185 @@
1
1
  @layer _.a {
2
- .sd9 {
2
+ .sd91 {
3
3
  display: flex;
4
4
  }
5
5
 
6
- ._wb9 {
6
+ ._wb91 {
7
7
  flex-wrap: wrap;
8
8
  }
9
9
 
10
- .Ua9 {
10
+ .Ua91 {
11
11
  row-gap: .125rem;
12
12
  }
13
13
 
14
- .Ub9 {
14
+ .Ub91 {
15
15
  row-gap: .25rem;
16
16
  }
17
17
 
18
- .UWJpoB9 {
18
+ .UWJpoB91 {
19
19
  row-gap: .375rem;
20
20
  }
21
21
 
22
- .qa9 {
22
+ .qa91 {
23
23
  column-gap: .125rem;
24
24
  }
25
25
 
26
- .qb9 {
26
+ .qb91 {
27
27
  column-gap: .25rem;
28
28
  }
29
29
 
30
- .qWJpoB9 {
30
+ .qWJpoB91 {
31
31
  column-gap: .375rem;
32
32
  }
33
33
 
34
- ._Le9 {
34
+ ._Le91 {
35
35
  outline-style: none;
36
36
  }
37
37
 
38
- .Oh9 {
38
+ .Oh91 {
39
39
  outline-color: var(--lightningcss-light, #4b75ff) var(--lightningcss-dark, #4069fd);
40
40
  }
41
41
 
42
- ._Kd9 {
42
+ ._Kd91 {
43
43
  outline-offset: 2px;
44
44
  }
45
45
 
46
- ._Pc9 {
46
+ ._Pc91 {
47
47
  position: relative;
48
48
  }
49
49
 
50
- .od9 {
50
+ .od91 {
51
51
  border-start-start-radius: 0;
52
52
  }
53
53
 
54
- .oa9 {
54
+ .oa91 {
55
55
  border-start-start-radius: .25rem;
56
56
  }
57
57
 
58
- .og9 {
58
+ .og91 {
59
59
  border-start-start-radius: 9999px;
60
60
  }
61
61
 
62
- .nd9 {
62
+ .nd91 {
63
63
  border-start-end-radius: 0;
64
64
  }
65
65
 
66
- .na9 {
66
+ .na91 {
67
67
  border-start-end-radius: .25rem;
68
68
  }
69
69
 
70
- .ng9 {
70
+ .ng91 {
71
71
  border-start-end-radius: 9999px;
72
72
  }
73
73
 
74
- .kd9 {
74
+ .kd91 {
75
75
  border-end-start-radius: 0;
76
76
  }
77
77
 
78
- .ka9 {
78
+ .ka91 {
79
79
  border-end-start-radius: .25rem;
80
80
  }
81
81
 
82
- .kg9 {
82
+ .kg91 {
83
83
  border-end-start-radius: 9999px;
84
84
  }
85
85
 
86
- .jd9 {
86
+ .jd91 {
87
87
  border-end-end-radius: 0;
88
88
  }
89
89
 
90
- .ja9 {
90
+ .ja91 {
91
91
  border-end-end-radius: .25rem;
92
92
  }
93
93
 
94
- .jg9 {
94
+ .jg91 {
95
95
  border-end-end-radius: 9999px;
96
96
  }
97
97
 
98
- ._Pa9 {
98
+ ._Pa91 {
99
99
  position: absolute;
100
100
  }
101
101
 
102
- ._Ob9 {
102
+ ._Ob91 {
103
103
  pointer-events: none;
104
104
  }
105
105
 
106
- .Wr9 {
106
+ .Wr91 {
107
107
  top: 0;
108
108
  }
109
109
 
110
- ._lr9 {
110
+ ._lr91 {
111
111
  bottom: 0;
112
112
  }
113
113
 
114
- ._Ar9 {
114
+ ._Ar91 {
115
115
  inset-inline-start: 0;
116
116
  }
117
117
 
118
- ._zr9 {
118
+ ._zr91 {
119
119
  inset-inline-end: 0;
120
120
  }
121
121
 
122
- ._oa9 {
122
+ ._oa91 {
123
123
  box-sizing: border-box;
124
124
  }
125
125
 
126
- .in9 {
126
+ .in91 {
127
127
  border-color: var(--lightningcss-light, #131313) var(--lightningcss-dark, #f2f2f2);
128
128
  }
129
129
 
130
- ._jf9 {
130
+ ._jf91 {
131
131
  border-style: solid;
132
132
  }
133
133
 
134
- ._kc9 {
134
+ ._kc91 {
135
135
  border-top-width: 2px;
136
136
  }
137
137
 
138
- .hc9 {
138
+ .hc91 {
139
139
  border-bottom-width: 2px;
140
140
  }
141
141
 
142
- .mc9 {
142
+ .mc91 {
143
143
  border-inline-start-width: 2px;
144
144
  }
145
145
 
146
- .lc9 {
146
+ .lc91 {
147
147
  border-inline-end-width: 2px;
148
148
  }
149
149
 
150
- .Og9 {
150
+ .Og91 {
151
151
  outline-color: var(--lightningcss-light, #fff) var(--lightningcss-dark, #111);
152
152
  }
153
153
 
154
- ._Lf9 {
154
+ ._Lf91 {
155
155
  outline-style: solid;
156
156
  }
157
157
 
158
- ._Mc9 {
158
+ ._Mc91 {
159
159
  outline-width: 2px;
160
160
  }
161
161
 
162
- ._Kc9 {
162
+ ._Kc91 {
163
163
  outline-offset: -4px;
164
164
  }
165
165
 
166
- ._yb9 {
166
+ ._yb91 {
167
167
  forced-color-adjust: none;
168
168
  }
169
169
 
170
- .oi9 {
170
+ .oi91 {
171
171
  border-start-start-radius: inherit;
172
172
  }
173
173
 
174
- .ni9 {
174
+ .ni91 {
175
175
  border-start-end-radius: inherit;
176
176
  }
177
177
 
178
- .ki9 {
178
+ .ki91 {
179
179
  border-end-start-radius: inherit;
180
180
  }
181
181
 
182
- .ji9 {
182
+ .ji91 {
183
183
  border-end-end-radius: inherit;
184
184
  }
185
185
  }
@@ -33,14 +33,14 @@ const $ba9c901b6c815fb9$export$b46792416e3d8515 = /*#__PURE__*/ (0, $bOBHx$forwa
33
33
  className: UNSAFE_className + function anonymous(props, overrides) {
34
34
  let rules = " ";
35
35
  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)[^\s]+/g) || []).join('');
36
- rules += ' sd9';
37
- rules += ' _wb9';
38
- if (props.density === "spacious") rules += ' UWJpoB9';
39
- else if (props.density === "regular") rules += ' Ub9';
40
- else if (props.density === "compact") rules += ' Ua9';
41
- if (props.density === "spacious") rules += ' qWJpoB9';
42
- else if (props.density === "regular") rules += ' qb9';
43
- else if (props.density === "compact") rules += ' qa9';
36
+ rules += ' sd91';
37
+ rules += ' _wb91';
38
+ if (props.density === "spacious") rules += ' UWJpoB91';
39
+ else if (props.density === "regular") rules += ' Ub91';
40
+ else if (props.density === "compact") rules += ' Ua91';
41
+ if (props.density === "spacious") rules += ' qWJpoB91';
42
+ else if (props.density === "regular") rules += ' qb91';
43
+ else if (props.density === "compact") rules += ' qa91';
44
44
  return rules;
45
45
  }({
46
46
  density: density
@@ -60,24 +60,24 @@ function $ba9c901b6c815fb9$var$useWrapper(swatch, color, rounding) {
60
60
  color: color,
61
61
  className: (renderProps)=>(function anonymous(props) {
62
62
  let rules = " ";
63
- if (props.isFocusVisible) rules += ' _Lf9';
64
- else rules += ' _Le9';
65
- rules += ' Oh9';
66
- rules += ' _Mc9';
67
- rules += ' _Kd9';
68
- rules += ' _Pc9';
69
- if (props.rounding === "full") rules += ' og9';
70
- else if (props.rounding === "default") rules += ' oa9';
71
- else if (props.rounding === "none") rules += ' od9';
72
- if (props.rounding === "full") rules += ' ng9';
73
- else if (props.rounding === "default") rules += ' na9';
74
- else if (props.rounding === "none") rules += ' nd9';
75
- if (props.rounding === "full") rules += ' kg9';
76
- else if (props.rounding === "default") rules += ' ka9';
77
- else if (props.rounding === "none") rules += ' kd9';
78
- if (props.rounding === "full") rules += ' jg9';
79
- else if (props.rounding === "default") rules += ' ja9';
80
- else if (props.rounding === "none") rules += ' jd9';
63
+ if (props.isFocusVisible) rules += ' _Lf91';
64
+ else rules += ' _Le91';
65
+ rules += ' Oh91';
66
+ rules += ' _Mc91';
67
+ rules += ' _Kd91';
68
+ rules += ' _Pc91';
69
+ if (props.rounding === "full") rules += ' og91';
70
+ else if (props.rounding === "default") rules += ' oa91';
71
+ else if (props.rounding === "none") rules += ' od91';
72
+ if (props.rounding === "full") rules += ' ng91';
73
+ else if (props.rounding === "default") rules += ' na91';
74
+ else if (props.rounding === "none") rules += ' nd91';
75
+ if (props.rounding === "full") rules += ' kg91';
76
+ else if (props.rounding === "default") rules += ' ka91';
77
+ else if (props.rounding === "none") rules += ' kd91';
78
+ if (props.rounding === "full") rules += ' jg91';
79
+ else if (props.rounding === "default") rules += ' ja91';
80
+ else if (props.rounding === "none") rules += ' jd91';
81
81
  return rules;
82
82
  })({
83
83
  ...renderProps,
@@ -88,7 +88,7 @@ function $ba9c901b6c815fb9$var$useWrapper(swatch, color, rounding) {
88
88
  swatch,
89
89
  isSelected && /*#__PURE__*/ (0, $bOBHx$jsx)("div", {
90
90
  "aria-hidden": true,
91
- className: " _Pa9 _Ob9 Wr9 _lr9 _Ar9 _zr9 _oa9 in9 _jf9 _kc9 hc9 mc9 lc9 Og9 _Lf9 _Mc9 _Kc9 _yb9 oi9 ni9 ki9 ji9"
91
+ className: " _Pa91 _Ob91 Wr91 _lr91 _Ar91 _zr91 _oa91 in91 _jf91 _kc91 hc91 mc91 lc91 Og91 _Lf91 _Mc91 _Kc91 _yb91 oi91 ni91 ki91 ji91"
92
92
  })
93
93
  ]
94
94
  })
@@ -54,38 +54,38 @@ const $0c1e31ce388fe468$export$f80663f808113381 = /*#__PURE__*/ (0, $lMAHP$react
54
54
  }),
55
55
  className: function anonymous(props) {
56
56
  let rules = " ";
57
- rules += ' og9';
58
- rules += ' ng9';
59
- rules += ' kg9';
60
- rules += ' jg9';
61
- rules += ' Oi9';
62
- rules += ' Ola9';
63
- rules += ' _Mb9';
64
- rules += ' _Ka9';
65
- if (props.isDisabled) rules += ' _Le9';
66
- else rules += ' _Lf9';
67
- if (props.isDisabled) rules += ' gH9';
57
+ rules += ' og91';
58
+ rules += ' ng91';
59
+ rules += ' kg91';
60
+ rules += ' jg91';
61
+ rules += ' Oi91';
62
+ rules += ' Ola91';
63
+ rules += ' _Mb91';
64
+ rules += ' _Ka91';
65
+ if (props.isDisabled) rules += ' _Le91';
66
+ else rules += ' _Lf91';
67
+ if (props.isDisabled) rules += ' gH91';
68
68
  return rules;
69
69
  }
70
70
  }),
71
71
  /*#__PURE__*/ (0, $lMAHP$reactjsxruntime.jsx)("div", {
72
72
  className: function anonymous(props) {
73
73
  let rules = " ";
74
- rules += ' _Pa9';
75
- rules += ' Ww9';
76
- rules += ' _lw9';
77
- rules += ' _Aw9';
78
- rules += ' _zw9';
79
- rules += ' _Ob9';
80
- rules += ' og9';
81
- rules += ' ng9';
82
- rules += ' kg9';
83
- rules += ' jg9';
84
- rules += ' Oi9';
85
- rules += ' Ola9';
86
- rules += ' _Mb9';
87
- if (props.isDisabled) rules += ' _Le9';
88
- else rules += ' _Lf9';
74
+ rules += ' _Pa91';
75
+ rules += ' Ww91';
76
+ rules += ' _lw91';
77
+ rules += ' _Aw91';
78
+ rules += ' _zw91';
79
+ rules += ' _Ob91';
80
+ rules += ' og91';
81
+ rules += ' ng91';
82
+ rules += ' kg91';
83
+ rules += ' jg91';
84
+ rules += ' Oi91';
85
+ rules += ' Ola91';
86
+ rules += ' _Mb91';
87
+ if (props.isDisabled) rules += ' _Le91';
88
+ else rules += ' _Lf91';
89
89
  return rules;
90
90
  }({
91
91
  isDisabled: isDisabled