@react-spectrum/s2 0.11.1 → 0.11.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (256) hide show
  1. package/dist/Accordion.cjs +2 -2
  2. package/dist/Accordion.css +2 -2
  3. package/dist/Accordion.mjs +2 -2
  4. package/dist/ActionBar.cjs +62 -62
  5. package/dist/ActionBar.css +61 -61
  6. package/dist/ActionBar.mjs +62 -62
  7. package/dist/ActionButton.cjs +202 -202
  8. package/dist/ActionButton.css +138 -138
  9. package/dist/ActionButton.mjs +202 -202
  10. package/dist/ActionButtonGroup.cjs +15 -15
  11. package/dist/ActionButtonGroup.css +9 -9
  12. package/dist/ActionButtonGroup.mjs +15 -15
  13. package/dist/Add.cjs +10 -10
  14. package/dist/Add.css +6 -6
  15. package/dist/Add.mjs +10 -10
  16. package/dist/AlertDialog.cjs +3 -3
  17. package/dist/AlertDialog.css +3 -3
  18. package/dist/AlertDialog.mjs +3 -3
  19. package/dist/Asterisk.cjs +6 -6
  20. package/dist/Asterisk.css +4 -4
  21. package/dist/Asterisk.mjs +6 -6
  22. package/dist/Avatar.cjs +14 -14
  23. package/dist/Avatar.css +14 -14
  24. package/dist/Avatar.mjs +14 -14
  25. package/dist/AvatarGroup.cjs +134 -134
  26. package/dist/AvatarGroup.css +33 -33
  27. package/dist/AvatarGroup.mjs +134 -134
  28. package/dist/Badge.cjs +206 -206
  29. package/dist/Badge.css +127 -127
  30. package/dist/Badge.mjs +206 -206
  31. package/dist/Breadcrumbs.cjs +254 -254
  32. package/dist/Breadcrumbs.css +109 -109
  33. package/dist/Breadcrumbs.mjs +254 -254
  34. package/dist/Button.cjs +341 -341
  35. package/dist/Button.css +177 -177
  36. package/dist/Button.mjs +341 -341
  37. package/dist/ButtonGroup.cjs +20 -20
  38. package/dist/ButtonGroup.css +15 -15
  39. package/dist/ButtonGroup.mjs +20 -20
  40. package/dist/Calendar.cjs +126 -126
  41. package/dist/Calendar.css +134 -134
  42. package/dist/Calendar.mjs +126 -126
  43. package/dist/Card.cjs +304 -304
  44. package/dist/Card.css +209 -209
  45. package/dist/Card.mjs +304 -304
  46. package/dist/CardView.cjs +16 -16
  47. package/dist/CardView.css +16 -16
  48. package/dist/CardView.mjs +16 -16
  49. package/dist/CenterBaseline.cjs +1 -1
  50. package/dist/CenterBaseline.css +2 -2
  51. package/dist/CenterBaseline.mjs +1 -1
  52. package/dist/Checkbox.cjs +170 -170
  53. package/dist/Checkbox.css +92 -92
  54. package/dist/Checkbox.mjs +170 -170
  55. package/dist/CheckboxGroup.cjs +45 -45
  56. package/dist/CheckboxGroup.css +38 -38
  57. package/dist/CheckboxGroup.mjs +45 -45
  58. package/dist/Checkmark.cjs +12 -12
  59. package/dist/Checkmark.css +8 -8
  60. package/dist/Checkmark.mjs +12 -12
  61. package/dist/Chevron.cjs +12 -12
  62. package/dist/Chevron.css +10 -10
  63. package/dist/Chevron.mjs +12 -12
  64. package/dist/ClearButton.cjs +29 -29
  65. package/dist/ClearButton.css +29 -29
  66. package/dist/ClearButton.mjs +29 -29
  67. package/dist/CloseButton.cjs +54 -54
  68. package/dist/CloseButton.css +46 -46
  69. package/dist/CloseButton.mjs +54 -54
  70. package/dist/ColorArea.cjs +16 -16
  71. package/dist/ColorArea.css +16 -16
  72. package/dist/ColorArea.mjs +16 -16
  73. package/dist/ColorField.cjs +32 -32
  74. package/dist/ColorField.css +28 -28
  75. package/dist/ColorField.mjs +32 -32
  76. package/dist/ColorHandle.cjs +27 -27
  77. package/dist/ColorHandle.css +42 -42
  78. package/dist/ColorHandle.mjs +27 -27
  79. package/dist/ColorSlider.cjs +118 -118
  80. package/dist/ColorSlider.css +54 -54
  81. package/dist/ColorSlider.mjs +118 -118
  82. package/dist/ColorSwatch.cjs +29 -29
  83. package/dist/ColorSwatch.css +29 -29
  84. package/dist/ColorSwatch.mjs +29 -29
  85. package/dist/ColorSwatchPicker.cjs +27 -27
  86. package/dist/ColorSwatchPicker.css +46 -46
  87. package/dist/ColorSwatchPicker.mjs +27 -27
  88. package/dist/ColorWheel.cjs +26 -26
  89. package/dist/ColorWheel.css +17 -17
  90. package/dist/ColorWheel.mjs +26 -26
  91. package/dist/ComboBox.cjs +397 -397
  92. package/dist/ComboBox.css +181 -181
  93. package/dist/ComboBox.mjs +397 -397
  94. package/dist/ContextualHelp.cjs +5 -5
  95. package/dist/ContextualHelp.css +60 -60
  96. package/dist/ContextualHelp.mjs +5 -5
  97. package/dist/Cross.cjs +14 -14
  98. package/dist/Cross.css +10 -10
  99. package/dist/Cross.mjs +14 -14
  100. package/dist/CustomDialog.cjs +25 -25
  101. package/dist/CustomDialog.css +25 -25
  102. package/dist/CustomDialog.mjs +25 -25
  103. package/dist/Dash.cjs +10 -10
  104. package/dist/Dash.css +6 -6
  105. package/dist/Dash.mjs +10 -10
  106. package/dist/DateField.cjs +73 -73
  107. package/dist/DateField.css +77 -77
  108. package/dist/DateField.mjs +73 -73
  109. package/dist/DatePicker.cjs +180 -180
  110. package/dist/DatePicker.css +126 -126
  111. package/dist/DatePicker.mjs +180 -180
  112. package/dist/DateRangePicker.cjs +56 -56
  113. package/dist/DateRangePicker.css +60 -60
  114. package/dist/DateRangePicker.mjs +56 -56
  115. package/dist/Dialog.cjs +17 -17
  116. package/dist/Dialog.css +82 -82
  117. package/dist/Dialog.mjs +17 -17
  118. package/dist/Disclosure.cjs +135 -135
  119. package/dist/Disclosure.css +106 -106
  120. package/dist/Disclosure.mjs +135 -135
  121. package/dist/Divider.cjs +25 -25
  122. package/dist/Divider.css +25 -25
  123. package/dist/Divider.mjs +25 -25
  124. package/dist/DropZone.cjs +62 -62
  125. package/dist/DropZone.css +58 -58
  126. package/dist/DropZone.mjs +62 -62
  127. package/dist/Field.cjs +370 -370
  128. package/dist/Field.cjs.map +1 -1
  129. package/dist/Field.css +142 -142
  130. package/dist/Field.mjs +370 -370
  131. package/dist/Field.mjs.map +1 -1
  132. package/dist/Form.cjs +9 -9
  133. package/dist/Form.css +9 -9
  134. package/dist/Form.mjs +9 -9
  135. package/dist/FullscreenDialog.cjs +5 -5
  136. package/dist/FullscreenDialog.css +91 -91
  137. package/dist/FullscreenDialog.mjs +5 -5
  138. package/dist/IllustratedMessage.cjs +256 -256
  139. package/dist/IllustratedMessage.css +78 -78
  140. package/dist/IllustratedMessage.mjs +256 -256
  141. package/dist/Image.cjs +13 -13
  142. package/dist/Image.css +14 -14
  143. package/dist/Image.mjs +13 -13
  144. package/dist/InlineAlert.cjs +117 -117
  145. package/dist/InlineAlert.css +98 -98
  146. package/dist/InlineAlert.mjs +117 -117
  147. package/dist/Link.cjs +54 -54
  148. package/dist/Link.css +46 -46
  149. package/dist/Link.mjs +54 -54
  150. package/dist/LinkOut.cjs +8 -8
  151. package/dist/LinkOut.css +8 -8
  152. package/dist/LinkOut.mjs +8 -8
  153. package/dist/Menu.cjs +459 -459
  154. package/dist/Menu.css +185 -185
  155. package/dist/Menu.mjs +459 -459
  156. package/dist/Meter.cjs +163 -163
  157. package/dist/Meter.css +93 -93
  158. package/dist/Meter.mjs +163 -163
  159. package/dist/Modal.cjs +58 -58
  160. package/dist/Modal.css +50 -50
  161. package/dist/Modal.mjs +58 -58
  162. package/dist/NotificationBadge.cjs +58 -58
  163. package/dist/NotificationBadge.css +51 -51
  164. package/dist/NotificationBadge.mjs +58 -58
  165. package/dist/NumberField.cjs +115 -115
  166. package/dist/NumberField.css +100 -100
  167. package/dist/NumberField.mjs +115 -115
  168. package/dist/Picker.cjs +283 -283
  169. package/dist/Picker.css +169 -169
  170. package/dist/Picker.mjs +283 -283
  171. package/dist/Popover.cjs +86 -86
  172. package/dist/Popover.css +66 -66
  173. package/dist/Popover.mjs +86 -86
  174. package/dist/ProgressBar.cjs +173 -173
  175. package/dist/ProgressBar.css +101 -101
  176. package/dist/ProgressBar.mjs +173 -173
  177. package/dist/ProgressCircle.cjs +31 -31
  178. package/dist/ProgressCircle.css +24 -24
  179. package/dist/ProgressCircle.mjs +31 -31
  180. package/dist/Provider.cjs +11 -11
  181. package/dist/Provider.css +10 -10
  182. package/dist/Provider.mjs +11 -11
  183. package/dist/Radio.cjs +154 -154
  184. package/dist/Radio.css +79 -79
  185. package/dist/Radio.mjs +154 -154
  186. package/dist/RadioGroup.cjs +42 -42
  187. package/dist/RadioGroup.css +38 -38
  188. package/dist/RadioGroup.mjs +42 -42
  189. package/dist/RangeCalendar.cjs +7 -7
  190. package/dist/RangeCalendar.css +10 -10
  191. package/dist/RangeCalendar.mjs +7 -7
  192. package/dist/SearchField.cjs +42 -42
  193. package/dist/SearchField.css +46 -46
  194. package/dist/SearchField.mjs +42 -42
  195. package/dist/SegmentedControl.cjs +181 -181
  196. package/dist/SegmentedControl.css +118 -118
  197. package/dist/SegmentedControl.mjs +181 -181
  198. package/dist/SelectBoxGroup.cjs +142 -142
  199. package/dist/SelectBoxGroup.css +120 -120
  200. package/dist/SelectBoxGroup.mjs +142 -142
  201. package/dist/Slider.cjs +299 -299
  202. package/dist/Slider.css +151 -151
  203. package/dist/Slider.mjs +299 -299
  204. package/dist/StatusLight.cjs +125 -125
  205. package/dist/StatusLight.css +61 -61
  206. package/dist/StatusLight.mjs +125 -125
  207. package/dist/Switch.cjs +162 -162
  208. package/dist/Switch.css +74 -74
  209. package/dist/Switch.mjs +162 -162
  210. package/dist/TableView.cjs +319 -319
  211. package/dist/TableView.css +172 -172
  212. package/dist/TableView.mjs +319 -319
  213. package/dist/Tabs.cjs +115 -115
  214. package/dist/Tabs.css +100 -100
  215. package/dist/Tabs.mjs +115 -115
  216. package/dist/TabsPicker.cjs +127 -127
  217. package/dist/TabsPicker.css +111 -111
  218. package/dist/TabsPicker.mjs +127 -127
  219. package/dist/TagGroup.cjs +213 -213
  220. package/dist/TagGroup.css +147 -147
  221. package/dist/TagGroup.mjs +213 -213
  222. package/dist/TextField.cjs +59 -59
  223. package/dist/TextField.css +54 -54
  224. package/dist/TextField.mjs +59 -59
  225. package/dist/TimeField.cjs +52 -52
  226. package/dist/TimeField.css +48 -48
  227. package/dist/TimeField.mjs +52 -52
  228. package/dist/Toast.cjs +120 -120
  229. package/dist/Toast.css +107 -107
  230. package/dist/Toast.mjs +120 -120
  231. package/dist/ToggleButton.cjs +3 -3
  232. package/dist/ToggleButton.css +12 -12
  233. package/dist/ToggleButton.mjs +3 -3
  234. package/dist/Tooltip.cjs +83 -83
  235. package/dist/Tooltip.css +70 -70
  236. package/dist/Tooltip.mjs +83 -83
  237. package/dist/TreeView.cjs +146 -146
  238. package/dist/TreeView.css +147 -147
  239. package/dist/TreeView.mjs +146 -146
  240. package/icons/Icon.cjs +10 -10
  241. package/icons/Icon.css +9 -9
  242. package/icons/Icon.mjs +10 -10
  243. package/icons/Skeleton.cjs +2 -2
  244. package/icons/Skeleton.cjs.map +1 -1
  245. package/icons/Skeleton.css +6 -6
  246. package/icons/Skeleton.mjs +2 -2
  247. package/icons/Skeleton.mjs.map +1 -1
  248. package/package.json +5 -5
  249. package/style/__tests__/style-macro.test.js +56 -56
  250. package/style/dist/main.cjs +24 -24
  251. package/style/dist/module.mjs +13 -13
  252. package/style/dist/properties.mjs +3 -3
  253. package/style/dist/spectrum-theme.cjs +219 -219
  254. package/style/dist/spectrum-theme.mjs +210 -210
  255. package/style/dist/style-macro.cjs +80 -80
  256. package/style/dist/style-macro.mjs +75 -75
@@ -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 += ' sd11';
44
- rules += ' _wb11';
45
- if (props.density === "spacious") rules += ' UWJpoB11';
46
- else if (props.density === "regular") rules += ' Ub11';
47
- else if (props.density === "compact") rules += ' Ua11';
48
- if (props.density === "spacious") rules += ' qWJpoB11';
49
- else if (props.density === "regular") rules += ' qb11';
50
- else if (props.density === "compact") rules += ' qa11';
43
+ rules += ' sd112';
44
+ rules += ' _wb112';
45
+ if (props.density === "spacious") rules += ' UWJpoB112';
46
+ else if (props.density === "regular") rules += ' Ub112';
47
+ else if (props.density === "compact") rules += ' Ua112';
48
+ if (props.density === "spacious") rules += ' qWJpoB112';
49
+ else if (props.density === "regular") rules += ' qb112';
50
+ else if (props.density === "compact") rules += ' qa112';
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 += ' _Lf11';
71
- else rules += ' _Le11';
72
- rules += ' Oh11';
73
- rules += ' _Mc11';
74
- rules += ' _Kd11';
75
- rules += ' _Pc11';
76
- if (props.rounding === "full") rules += ' og11';
77
- else if (props.rounding === "default") rules += ' oa11';
78
- else if (props.rounding === "none") rules += ' od11';
79
- if (props.rounding === "full") rules += ' ng11';
80
- else if (props.rounding === "default") rules += ' na11';
81
- else if (props.rounding === "none") rules += ' nd11';
82
- if (props.rounding === "full") rules += ' kg11';
83
- else if (props.rounding === "default") rules += ' ka11';
84
- else if (props.rounding === "none") rules += ' kd11';
85
- if (props.rounding === "full") rules += ' jg11';
86
- else if (props.rounding === "default") rules += ' ja11';
87
- else if (props.rounding === "none") rules += ' jd11';
70
+ if (props.isFocusVisible) rules += ' _Lf112';
71
+ else rules += ' _Le112';
72
+ rules += ' Oh112';
73
+ rules += ' _Mc112';
74
+ rules += ' _Kd112';
75
+ rules += ' _Pc112';
76
+ if (props.rounding === "full") rules += ' og112';
77
+ else if (props.rounding === "default") rules += ' oa112';
78
+ else if (props.rounding === "none") rules += ' od112';
79
+ if (props.rounding === "full") rules += ' ng112';
80
+ else if (props.rounding === "default") rules += ' na112';
81
+ else if (props.rounding === "none") rules += ' nd112';
82
+ if (props.rounding === "full") rules += ' kg112';
83
+ else if (props.rounding === "default") rules += ' ka112';
84
+ else if (props.rounding === "none") rules += ' kd112';
85
+ if (props.rounding === "full") rules += ' jg112';
86
+ else if (props.rounding === "default") rules += ' ja112';
87
+ else if (props.rounding === "none") rules += ' jd112';
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: " _Pa11 _Ob11 Wr11 _lr11 _Ar11 _zr11 _oa11 in11 _jf11 _kc11 hc11 mc11 lc11 Og11 _Lf11 _Mc11 _Kc11 _yb11 oi11 ni11 ki11 ji11"
98
+ className: " _Pa112 _Ob112 Wr112 _lr112 _Ar112 _zr112 _oa112 in112 _jf112 _kc112 hc112 mc112 lc112 Og112 _Lf112 _Mc112 _Kc112 _yb112 oi112 ni112 ki112 ji112"
99
99
  })
100
100
  ]
101
101
  })
@@ -1,185 +1,185 @@
1
1
  @layer _.a {
2
- .sd11 {
2
+ .sd112 {
3
3
  display: flex;
4
4
  }
5
5
 
6
- ._wb11 {
6
+ ._wb112 {
7
7
  flex-wrap: wrap;
8
8
  }
9
9
 
10
- .Ua11 {
10
+ .Ua112 {
11
11
  row-gap: .125rem;
12
12
  }
13
13
 
14
- .Ub11 {
14
+ .Ub112 {
15
15
  row-gap: .25rem;
16
16
  }
17
17
 
18
- .UWJpoB11 {
18
+ .UWJpoB112 {
19
19
  row-gap: .375rem;
20
20
  }
21
21
 
22
- .qa11 {
22
+ .qa112 {
23
23
  column-gap: .125rem;
24
24
  }
25
25
 
26
- .qb11 {
26
+ .qb112 {
27
27
  column-gap: .25rem;
28
28
  }
29
29
 
30
- .qWJpoB11 {
30
+ .qWJpoB112 {
31
31
  column-gap: .375rem;
32
32
  }
33
33
 
34
- ._Le11 {
34
+ ._Le112 {
35
35
  outline-style: none;
36
36
  }
37
37
 
38
- .Oh11 {
38
+ .Oh112 {
39
39
  outline-color: var(--lightningcss-light, #4b75ff) var(--lightningcss-dark, #4069fd);
40
40
  }
41
41
 
42
- ._Kd11 {
42
+ ._Kd112 {
43
43
  outline-offset: 2px;
44
44
  }
45
45
 
46
- ._Pc11 {
46
+ ._Pc112 {
47
47
  position: relative;
48
48
  }
49
49
 
50
- .od11 {
50
+ .od112 {
51
51
  border-start-start-radius: 0;
52
52
  }
53
53
 
54
- .oa11 {
54
+ .oa112 {
55
55
  border-start-start-radius: .25rem;
56
56
  }
57
57
 
58
- .og11 {
58
+ .og112 {
59
59
  border-start-start-radius: 9999px;
60
60
  }
61
61
 
62
- .nd11 {
62
+ .nd112 {
63
63
  border-start-end-radius: 0;
64
64
  }
65
65
 
66
- .na11 {
66
+ .na112 {
67
67
  border-start-end-radius: .25rem;
68
68
  }
69
69
 
70
- .ng11 {
70
+ .ng112 {
71
71
  border-start-end-radius: 9999px;
72
72
  }
73
73
 
74
- .kd11 {
74
+ .kd112 {
75
75
  border-end-start-radius: 0;
76
76
  }
77
77
 
78
- .ka11 {
78
+ .ka112 {
79
79
  border-end-start-radius: .25rem;
80
80
  }
81
81
 
82
- .kg11 {
82
+ .kg112 {
83
83
  border-end-start-radius: 9999px;
84
84
  }
85
85
 
86
- .jd11 {
86
+ .jd112 {
87
87
  border-end-end-radius: 0;
88
88
  }
89
89
 
90
- .ja11 {
90
+ .ja112 {
91
91
  border-end-end-radius: .25rem;
92
92
  }
93
93
 
94
- .jg11 {
94
+ .jg112 {
95
95
  border-end-end-radius: 9999px;
96
96
  }
97
97
 
98
- ._Pa11 {
98
+ ._Pa112 {
99
99
  position: absolute;
100
100
  }
101
101
 
102
- ._Ob11 {
102
+ ._Ob112 {
103
103
  pointer-events: none;
104
104
  }
105
105
 
106
- .Wr11 {
106
+ .Wr112 {
107
107
  top: 0;
108
108
  }
109
109
 
110
- ._lr11 {
110
+ ._lr112 {
111
111
  bottom: 0;
112
112
  }
113
113
 
114
- ._Ar11 {
114
+ ._Ar112 {
115
115
  inset-inline-start: 0;
116
116
  }
117
117
 
118
- ._zr11 {
118
+ ._zr112 {
119
119
  inset-inline-end: 0;
120
120
  }
121
121
 
122
- ._oa11 {
122
+ ._oa112 {
123
123
  box-sizing: border-box;
124
124
  }
125
125
 
126
- .in11 {
126
+ .in112 {
127
127
  border-color: var(--lightningcss-light, #131313) var(--lightningcss-dark, #f2f2f2);
128
128
  }
129
129
 
130
- ._jf11 {
130
+ ._jf112 {
131
131
  border-style: solid;
132
132
  }
133
133
 
134
- ._kc11 {
134
+ ._kc112 {
135
135
  border-top-width: 2px;
136
136
  }
137
137
 
138
- .hc11 {
138
+ .hc112 {
139
139
  border-bottom-width: 2px;
140
140
  }
141
141
 
142
- .mc11 {
142
+ .mc112 {
143
143
  border-inline-start-width: 2px;
144
144
  }
145
145
 
146
- .lc11 {
146
+ .lc112 {
147
147
  border-inline-end-width: 2px;
148
148
  }
149
149
 
150
- .Og11 {
150
+ .Og112 {
151
151
  outline-color: var(--lightningcss-light, #fff) var(--lightningcss-dark, #111);
152
152
  }
153
153
 
154
- ._Lf11 {
154
+ ._Lf112 {
155
155
  outline-style: solid;
156
156
  }
157
157
 
158
- ._Mc11 {
158
+ ._Mc112 {
159
159
  outline-width: 2px;
160
160
  }
161
161
 
162
- ._Kc11 {
162
+ ._Kc112 {
163
163
  outline-offset: -4px;
164
164
  }
165
165
 
166
- ._yb11 {
166
+ ._yb112 {
167
167
  forced-color-adjust: none;
168
168
  }
169
169
 
170
- .oi11 {
170
+ .oi112 {
171
171
  border-start-start-radius: inherit;
172
172
  }
173
173
 
174
- .ni11 {
174
+ .ni112 {
175
175
  border-start-end-radius: inherit;
176
176
  }
177
177
 
178
- .ki11 {
178
+ .ki112 {
179
179
  border-end-start-radius: inherit;
180
180
  }
181
181
 
182
- .ji11 {
182
+ .ji112 {
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 += ' sd11';
37
- rules += ' _wb11';
38
- if (props.density === "spacious") rules += ' UWJpoB11';
39
- else if (props.density === "regular") rules += ' Ub11';
40
- else if (props.density === "compact") rules += ' Ua11';
41
- if (props.density === "spacious") rules += ' qWJpoB11';
42
- else if (props.density === "regular") rules += ' qb11';
43
- else if (props.density === "compact") rules += ' qa11';
36
+ rules += ' sd112';
37
+ rules += ' _wb112';
38
+ if (props.density === "spacious") rules += ' UWJpoB112';
39
+ else if (props.density === "regular") rules += ' Ub112';
40
+ else if (props.density === "compact") rules += ' Ua112';
41
+ if (props.density === "spacious") rules += ' qWJpoB112';
42
+ else if (props.density === "regular") rules += ' qb112';
43
+ else if (props.density === "compact") rules += ' qa112';
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 += ' _Lf11';
64
- else rules += ' _Le11';
65
- rules += ' Oh11';
66
- rules += ' _Mc11';
67
- rules += ' _Kd11';
68
- rules += ' _Pc11';
69
- if (props.rounding === "full") rules += ' og11';
70
- else if (props.rounding === "default") rules += ' oa11';
71
- else if (props.rounding === "none") rules += ' od11';
72
- if (props.rounding === "full") rules += ' ng11';
73
- else if (props.rounding === "default") rules += ' na11';
74
- else if (props.rounding === "none") rules += ' nd11';
75
- if (props.rounding === "full") rules += ' kg11';
76
- else if (props.rounding === "default") rules += ' ka11';
77
- else if (props.rounding === "none") rules += ' kd11';
78
- if (props.rounding === "full") rules += ' jg11';
79
- else if (props.rounding === "default") rules += ' ja11';
80
- else if (props.rounding === "none") rules += ' jd11';
63
+ if (props.isFocusVisible) rules += ' _Lf112';
64
+ else rules += ' _Le112';
65
+ rules += ' Oh112';
66
+ rules += ' _Mc112';
67
+ rules += ' _Kd112';
68
+ rules += ' _Pc112';
69
+ if (props.rounding === "full") rules += ' og112';
70
+ else if (props.rounding === "default") rules += ' oa112';
71
+ else if (props.rounding === "none") rules += ' od112';
72
+ if (props.rounding === "full") rules += ' ng112';
73
+ else if (props.rounding === "default") rules += ' na112';
74
+ else if (props.rounding === "none") rules += ' nd112';
75
+ if (props.rounding === "full") rules += ' kg112';
76
+ else if (props.rounding === "default") rules += ' ka112';
77
+ else if (props.rounding === "none") rules += ' kd112';
78
+ if (props.rounding === "full") rules += ' jg112';
79
+ else if (props.rounding === "default") rules += ' ja112';
80
+ else if (props.rounding === "none") rules += ' jd112';
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: " _Pa11 _Ob11 Wr11 _lr11 _Ar11 _zr11 _oa11 in11 _jf11 _kc11 hc11 mc11 lc11 Og11 _Lf11 _Mc11 _Kc11 _yb11 oi11 ni11 ki11 ji11"
91
+ className: " _Pa112 _Ob112 Wr112 _lr112 _Ar112 _zr112 _oa112 in112 _jf112 _kc112 hc112 mc112 lc112 Og112 _Lf112 _Mc112 _Kc112 _yb112 oi112 ni112 ki112 ji112"
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 += ' og11';
58
- rules += ' ng11';
59
- rules += ' kg11';
60
- rules += ' jg11';
61
- rules += ' Oi11';
62
- rules += ' Ola11';
63
- rules += ' _Mb11';
64
- rules += ' _Ka11';
65
- if (props.isDisabled) rules += ' _Le11';
66
- else rules += ' _Lf11';
67
- if (props.isDisabled) rules += ' gH11';
57
+ rules += ' og112';
58
+ rules += ' ng112';
59
+ rules += ' kg112';
60
+ rules += ' jg112';
61
+ rules += ' Oi112';
62
+ rules += ' Ola112';
63
+ rules += ' _Mb112';
64
+ rules += ' _Ka112';
65
+ if (props.isDisabled) rules += ' _Le112';
66
+ else rules += ' _Lf112';
67
+ if (props.isDisabled) rules += ' gH112';
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 += ' _Pa11';
75
- rules += ' Ww11';
76
- rules += ' _lw11';
77
- rules += ' _Aw11';
78
- rules += ' _zw11';
79
- rules += ' _Ob11';
80
- rules += ' og11';
81
- rules += ' ng11';
82
- rules += ' kg11';
83
- rules += ' jg11';
84
- rules += ' Oi11';
85
- rules += ' Ola11';
86
- rules += ' _Mb11';
87
- if (props.isDisabled) rules += ' _Le11';
88
- else rules += ' _Lf11';
74
+ rules += ' _Pa112';
75
+ rules += ' Ww112';
76
+ rules += ' _lw112';
77
+ rules += ' _Aw112';
78
+ rules += ' _zw112';
79
+ rules += ' _Ob112';
80
+ rules += ' og112';
81
+ rules += ' ng112';
82
+ rules += ' kg112';
83
+ rules += ' jg112';
84
+ rules += ' Oi112';
85
+ rules += ' Ola112';
86
+ rules += ' _Mb112';
87
+ if (props.isDisabled) rules += ' _Le112';
88
+ else rules += ' _Lf112';
89
89
  return rules;
90
90
  }({
91
91
  isDisabled: isDisabled
@@ -1,65 +1,65 @@
1
1
  @layer _.a {
2
- ._Ka11 {
2
+ ._Ka112 {
3
3
  outline-offset: -1px;
4
4
  }
5
5
 
6
- .gH11 {
6
+ .gH112 {
7
7
  background-color: var(--lightningcss-light, #e9e9e9) var(--lightningcss-dark, #2c2c2c);
8
8
  }
9
9
 
10
- ._Pa11 {
10
+ ._Pa112 {
11
11
  position: absolute;
12
12
  }
13
13
 
14
- .Ww11 {
14
+ .Ww112 {
15
15
  top: 24px;
16
16
  }
17
17
 
18
- ._lw11 {
18
+ ._lw112 {
19
19
  bottom: 24px;
20
20
  }
21
21
 
22
- ._Aw11 {
22
+ ._Aw112 {
23
23
  inset-inline-start: 24px;
24
24
  }
25
25
 
26
- ._zw11 {
26
+ ._zw112 {
27
27
  inset-inline-end: 24px;
28
28
  }
29
29
 
30
- ._Ob11 {
30
+ ._Ob112 {
31
31
  pointer-events: none;
32
32
  }
33
33
 
34
- .og11 {
34
+ .og112 {
35
35
  border-start-start-radius: 9999px;
36
36
  }
37
37
 
38
- .ng11 {
38
+ .ng112 {
39
39
  border-start-end-radius: 9999px;
40
40
  }
41
41
 
42
- .kg11 {
42
+ .kg112 {
43
43
  border-end-start-radius: 9999px;
44
44
  }
45
45
 
46
- .jg11 {
46
+ .jg112 {
47
47
  border-end-end-radius: 9999px;
48
48
  }
49
49
 
50
- .Oi11 {
50
+ .Oi112 {
51
51
  outline-color: var(--lightningcss-light, #0000001a) var(--lightningcss-dark, #ffffff1a);
52
52
  }
53
53
 
54
- ._Mb11 {
54
+ ._Mb112 {
55
55
  outline-width: 1px;
56
56
  }
57
57
 
58
- ._Lf11 {
58
+ ._Lf112 {
59
59
  outline-style: solid;
60
60
  }
61
61
 
62
- ._Le11 {
62
+ ._Le112 {
63
63
  outline-style: none;
64
64
  }
65
65
  }
@@ -68,7 +68,7 @@
68
68
 
69
69
  @layer _.b.l {
70
70
  @media (forced-colors: active) {
71
- .Ola11 {
71
+ .Ola112 {
72
72
  outline-color: buttonborder;
73
73
  }
74
74
  }
@@ -47,38 +47,38 @@ const $4a6afc95235907f0$export$f80663f808113381 = /*#__PURE__*/ (0, $j8ecy$forwa
47
47
  }),
48
48
  className: function anonymous(props) {
49
49
  let rules = " ";
50
- rules += ' og11';
51
- rules += ' ng11';
52
- rules += ' kg11';
53
- rules += ' jg11';
54
- rules += ' Oi11';
55
- rules += ' Ola11';
56
- rules += ' _Mb11';
57
- rules += ' _Ka11';
58
- if (props.isDisabled) rules += ' _Le11';
59
- else rules += ' _Lf11';
60
- if (props.isDisabled) rules += ' gH11';
50
+ rules += ' og112';
51
+ rules += ' ng112';
52
+ rules += ' kg112';
53
+ rules += ' jg112';
54
+ rules += ' Oi112';
55
+ rules += ' Ola112';
56
+ rules += ' _Mb112';
57
+ rules += ' _Ka112';
58
+ if (props.isDisabled) rules += ' _Le112';
59
+ else rules += ' _Lf112';
60
+ if (props.isDisabled) rules += ' gH112';
61
61
  return rules;
62
62
  }
63
63
  }),
64
64
  /*#__PURE__*/ (0, $j8ecy$jsx)("div", {
65
65
  className: function anonymous(props) {
66
66
  let rules = " ";
67
- rules += ' _Pa11';
68
- rules += ' Ww11';
69
- rules += ' _lw11';
70
- rules += ' _Aw11';
71
- rules += ' _zw11';
72
- rules += ' _Ob11';
73
- rules += ' og11';
74
- rules += ' ng11';
75
- rules += ' kg11';
76
- rules += ' jg11';
77
- rules += ' Oi11';
78
- rules += ' Ola11';
79
- rules += ' _Mb11';
80
- if (props.isDisabled) rules += ' _Le11';
81
- else rules += ' _Lf11';
67
+ rules += ' _Pa112';
68
+ rules += ' Ww112';
69
+ rules += ' _lw112';
70
+ rules += ' _Aw112';
71
+ rules += ' _zw112';
72
+ rules += ' _Ob112';
73
+ rules += ' og112';
74
+ rules += ' ng112';
75
+ rules += ' kg112';
76
+ rules += ' jg112';
77
+ rules += ' Oi112';
78
+ rules += ' Ola112';
79
+ rules += ' _Mb112';
80
+ if (props.isDisabled) rules += ' _Le112';
81
+ else rules += ' _Lf112';
82
82
  return rules;
83
83
  }({
84
84
  isDisabled: isDisabled