@react-spectrum/s2 0.10.0 → 0.10.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 (255) 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 +396 -396
  95. package/dist/ComboBox.css +181 -181
  96. package/dist/ComboBox.mjs +396 -396
  97. package/dist/ContextualHelp.cjs +5 -5
  98. package/dist/ContextualHelp.css +60 -60
  99. package/dist/ContextualHelp.mjs +5 -5
  100. package/dist/Cross.cjs +14 -14
  101. package/dist/Cross.css +10 -10
  102. package/dist/Cross.mjs +14 -14
  103. package/dist/CustomDialog.cjs +25 -25
  104. package/dist/CustomDialog.css +25 -25
  105. package/dist/CustomDialog.mjs +25 -25
  106. package/dist/Dash.cjs +10 -10
  107. package/dist/Dash.css +6 -6
  108. package/dist/Dash.mjs +10 -10
  109. package/dist/DateField.cjs +73 -73
  110. package/dist/DateField.css +77 -77
  111. package/dist/DateField.mjs +73 -73
  112. package/dist/DatePicker.cjs +180 -180
  113. package/dist/DatePicker.css +126 -126
  114. package/dist/DatePicker.mjs +180 -180
  115. package/dist/DateRangePicker.cjs +56 -56
  116. package/dist/DateRangePicker.css +60 -60
  117. package/dist/DateRangePicker.mjs +56 -56
  118. package/dist/Dialog.cjs +17 -17
  119. package/dist/Dialog.css +82 -82
  120. package/dist/Dialog.mjs +17 -17
  121. package/dist/Disclosure.cjs +135 -135
  122. package/dist/Disclosure.css +106 -106
  123. package/dist/Disclosure.mjs +135 -135
  124. package/dist/Divider.cjs +25 -25
  125. package/dist/Divider.css +25 -25
  126. package/dist/Divider.mjs +25 -25
  127. package/dist/DropZone.cjs +62 -62
  128. package/dist/DropZone.css +58 -58
  129. package/dist/DropZone.mjs +62 -62
  130. package/dist/Field.cjs +370 -370
  131. package/dist/Field.cjs.map +1 -1
  132. package/dist/Field.css +142 -142
  133. package/dist/Field.mjs +370 -370
  134. package/dist/Field.mjs.map +1 -1
  135. package/dist/Form.cjs +9 -9
  136. package/dist/Form.css +9 -9
  137. package/dist/Form.mjs +9 -9
  138. package/dist/FullscreenDialog.cjs +5 -5
  139. package/dist/FullscreenDialog.css +91 -91
  140. package/dist/FullscreenDialog.mjs +5 -5
  141. package/dist/IllustratedMessage.cjs +256 -256
  142. package/dist/IllustratedMessage.css +78 -78
  143. package/dist/IllustratedMessage.mjs +256 -256
  144. package/dist/Image.cjs +13 -13
  145. package/dist/Image.css +14 -14
  146. package/dist/Image.mjs +13 -13
  147. package/dist/InlineAlert.cjs +117 -117
  148. package/dist/InlineAlert.css +98 -98
  149. package/dist/InlineAlert.mjs +117 -117
  150. package/dist/Link.cjs +54 -54
  151. package/dist/Link.css +46 -46
  152. package/dist/Link.mjs +54 -54
  153. package/dist/LinkOut.cjs +8 -8
  154. package/dist/LinkOut.css +8 -8
  155. package/dist/LinkOut.mjs +8 -8
  156. package/dist/Menu.cjs +459 -459
  157. package/dist/Menu.css +185 -185
  158. package/dist/Menu.mjs +459 -459
  159. package/dist/Meter.cjs +163 -163
  160. package/dist/Meter.css +93 -93
  161. package/dist/Meter.mjs +163 -163
  162. package/dist/Modal.cjs +58 -58
  163. package/dist/Modal.css +50 -50
  164. package/dist/Modal.mjs +58 -58
  165. package/dist/NotificationBadge.cjs +58 -58
  166. package/dist/NotificationBadge.css +51 -51
  167. package/dist/NotificationBadge.mjs +58 -58
  168. package/dist/NumberField.cjs +115 -115
  169. package/dist/NumberField.css +100 -100
  170. package/dist/NumberField.mjs +115 -115
  171. package/dist/Picker.cjs +283 -283
  172. package/dist/Picker.css +169 -169
  173. package/dist/Picker.mjs +283 -283
  174. package/dist/Popover.cjs +86 -86
  175. package/dist/Popover.css +66 -66
  176. package/dist/Popover.mjs +86 -86
  177. package/dist/ProgressBar.cjs +173 -173
  178. package/dist/ProgressBar.css +101 -101
  179. package/dist/ProgressBar.mjs +173 -173
  180. package/dist/ProgressCircle.cjs +31 -31
  181. package/dist/ProgressCircle.css +24 -24
  182. package/dist/ProgressCircle.mjs +31 -31
  183. package/dist/Provider.cjs +11 -11
  184. package/dist/Provider.css +10 -10
  185. package/dist/Provider.mjs +11 -11
  186. package/dist/Radio.cjs +154 -154
  187. package/dist/Radio.css +79 -79
  188. package/dist/Radio.mjs +154 -154
  189. package/dist/RadioGroup.cjs +42 -42
  190. package/dist/RadioGroup.css +38 -38
  191. package/dist/RadioGroup.mjs +42 -42
  192. package/dist/RangeCalendar.cjs +32 -20
  193. package/dist/RangeCalendar.cjs.map +1 -1
  194. package/dist/RangeCalendar.css +10 -10
  195. package/dist/RangeCalendar.css.map +1 -1
  196. package/dist/RangeCalendar.mjs +34 -22
  197. package/dist/RangeCalendar.mjs.map +1 -1
  198. package/dist/SearchField.cjs +42 -42
  199. package/dist/SearchField.css +46 -46
  200. package/dist/SearchField.mjs +42 -42
  201. package/dist/SegmentedControl.cjs +181 -181
  202. package/dist/SegmentedControl.css +118 -118
  203. package/dist/SegmentedControl.mjs +181 -181
  204. package/dist/Slider.cjs +299 -299
  205. package/dist/Slider.css +151 -151
  206. package/dist/Slider.mjs +299 -299
  207. package/dist/StatusLight.cjs +125 -125
  208. package/dist/StatusLight.css +61 -61
  209. package/dist/StatusLight.mjs +125 -125
  210. package/dist/Switch.cjs +162 -162
  211. package/dist/Switch.css +74 -74
  212. package/dist/Switch.mjs +162 -162
  213. package/dist/TableView.cjs +319 -319
  214. package/dist/TableView.css +172 -172
  215. package/dist/TableView.mjs +319 -319
  216. package/dist/Tabs.cjs +115 -115
  217. package/dist/Tabs.css +99 -99
  218. package/dist/Tabs.mjs +115 -115
  219. package/dist/TabsPicker.cjs +127 -127
  220. package/dist/TabsPicker.css +111 -111
  221. package/dist/TabsPicker.mjs +127 -127
  222. package/dist/TagGroup.cjs +213 -213
  223. package/dist/TagGroup.css +147 -147
  224. package/dist/TagGroup.mjs +213 -213
  225. package/dist/TextField.cjs +59 -59
  226. package/dist/TextField.css +54 -54
  227. package/dist/TextField.mjs +59 -59
  228. package/dist/TimeField.cjs +52 -52
  229. package/dist/TimeField.css +48 -48
  230. package/dist/TimeField.mjs +52 -52
  231. package/dist/Toast.cjs +120 -120
  232. package/dist/Toast.css +107 -107
  233. package/dist/Toast.mjs +120 -120
  234. package/dist/ToggleButton.cjs +3 -3
  235. package/dist/ToggleButton.css +12 -12
  236. package/dist/ToggleButton.mjs +3 -3
  237. package/dist/Tooltip.cjs +83 -83
  238. package/dist/Tooltip.css +70 -70
  239. package/dist/Tooltip.mjs +83 -83
  240. package/dist/TreeView.cjs +146 -146
  241. package/dist/TreeView.css +147 -147
  242. package/dist/TreeView.mjs +146 -146
  243. package/dist/types.d.ts.map +1 -1
  244. package/icons/Icon.cjs +10 -10
  245. package/icons/Icon.css +9 -9
  246. package/icons/Icon.mjs +10 -10
  247. package/icons/Skeleton.cjs +2 -2
  248. package/icons/Skeleton.cjs.map +1 -1
  249. package/icons/Skeleton.css +6 -6
  250. package/icons/Skeleton.mjs +2 -2
  251. package/icons/Skeleton.mjs.map +1 -1
  252. package/package.json +2 -2
  253. package/src/Calendar.tsx +13 -6
  254. package/src/RangeCalendar.tsx +13 -6
  255. package/style/__tests__/style-macro.test.js +162 -166
@@ -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 += ' sd1';
44
- rules += ' _wb1';
45
- if (props.density === "spacious") rules += ' UWJpoB1';
46
- else if (props.density === "regular") rules += ' Ub1';
47
- else if (props.density === "compact") rules += ' Ua1';
48
- if (props.density === "spacious") rules += ' qWJpoB1';
49
- else if (props.density === "regular") rules += ' qb1';
50
- else if (props.density === "compact") rules += ' qa1';
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';
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 += ' _Lf1';
71
- else rules += ' _Le1';
72
- rules += ' Oh1';
73
- rules += ' _Mc1';
74
- rules += ' _Kd1';
75
- rules += ' _Pc1';
76
- if (props.rounding === "full") rules += ' og1';
77
- else if (props.rounding === "default") rules += ' oa1';
78
- else if (props.rounding === "none") rules += ' od1';
79
- if (props.rounding === "full") rules += ' ng1';
80
- else if (props.rounding === "default") rules += ' na1';
81
- else if (props.rounding === "none") rules += ' nd1';
82
- if (props.rounding === "full") rules += ' kg1';
83
- else if (props.rounding === "default") rules += ' ka1';
84
- else if (props.rounding === "none") rules += ' kd1';
85
- if (props.rounding === "full") rules += ' jg1';
86
- else if (props.rounding === "default") rules += ' ja1';
87
- else if (props.rounding === "none") rules += ' jd1';
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';
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: " _Pa1 _Ob1 Wr1 _lr1 _Ar1 _zr1 _oa1 in1 _jf1 _kc1 hc1 mc1 lc1 Og1 _Lf1 _Mc1 _Kc1 _yb1 oi1 ni1 ki1 ji1"
98
+ className: " _Pa11 _Ob11 Wr11 _lr11 _Ar11 _zr11 _oa11 in11 _jf11 _kc11 hc11 mc11 lc11 Og11 _Lf11 _Mc11 _Kc11 _yb11 oi11 ni11 ki11 ji11"
99
99
  })
100
100
  ]
101
101
  })
@@ -1,185 +1,185 @@
1
1
  @layer _.a {
2
- .sd1 {
2
+ .sd11 {
3
3
  display: flex;
4
4
  }
5
5
 
6
- ._wb1 {
6
+ ._wb11 {
7
7
  flex-wrap: wrap;
8
8
  }
9
9
 
10
- .Ua1 {
10
+ .Ua11 {
11
11
  row-gap: .125rem;
12
12
  }
13
13
 
14
- .Ub1 {
14
+ .Ub11 {
15
15
  row-gap: .25rem;
16
16
  }
17
17
 
18
- .UWJpoB1 {
18
+ .UWJpoB11 {
19
19
  row-gap: .375rem;
20
20
  }
21
21
 
22
- .qa1 {
22
+ .qa11 {
23
23
  column-gap: .125rem;
24
24
  }
25
25
 
26
- .qb1 {
26
+ .qb11 {
27
27
  column-gap: .25rem;
28
28
  }
29
29
 
30
- .qWJpoB1 {
30
+ .qWJpoB11 {
31
31
  column-gap: .375rem;
32
32
  }
33
33
 
34
- ._Le1 {
34
+ ._Le11 {
35
35
  outline-style: none;
36
36
  }
37
37
 
38
- .Oh1 {
38
+ .Oh11 {
39
39
  outline-color: var(--lightningcss-light, #4b75ff) var(--lightningcss-dark, #4069fd);
40
40
  }
41
41
 
42
- ._Kd1 {
42
+ ._Kd11 {
43
43
  outline-offset: 2px;
44
44
  }
45
45
 
46
- ._Pc1 {
46
+ ._Pc11 {
47
47
  position: relative;
48
48
  }
49
49
 
50
- .od1 {
50
+ .od11 {
51
51
  border-start-start-radius: 0;
52
52
  }
53
53
 
54
- .oa1 {
54
+ .oa11 {
55
55
  border-start-start-radius: .25rem;
56
56
  }
57
57
 
58
- .og1 {
58
+ .og11 {
59
59
  border-start-start-radius: 9999px;
60
60
  }
61
61
 
62
- .nd1 {
62
+ .nd11 {
63
63
  border-start-end-radius: 0;
64
64
  }
65
65
 
66
- .na1 {
66
+ .na11 {
67
67
  border-start-end-radius: .25rem;
68
68
  }
69
69
 
70
- .ng1 {
70
+ .ng11 {
71
71
  border-start-end-radius: 9999px;
72
72
  }
73
73
 
74
- .kd1 {
74
+ .kd11 {
75
75
  border-end-start-radius: 0;
76
76
  }
77
77
 
78
- .ka1 {
78
+ .ka11 {
79
79
  border-end-start-radius: .25rem;
80
80
  }
81
81
 
82
- .kg1 {
82
+ .kg11 {
83
83
  border-end-start-radius: 9999px;
84
84
  }
85
85
 
86
- .jd1 {
86
+ .jd11 {
87
87
  border-end-end-radius: 0;
88
88
  }
89
89
 
90
- .ja1 {
90
+ .ja11 {
91
91
  border-end-end-radius: .25rem;
92
92
  }
93
93
 
94
- .jg1 {
94
+ .jg11 {
95
95
  border-end-end-radius: 9999px;
96
96
  }
97
97
 
98
- ._Pa1 {
98
+ ._Pa11 {
99
99
  position: absolute;
100
100
  }
101
101
 
102
- ._Ob1 {
102
+ ._Ob11 {
103
103
  pointer-events: none;
104
104
  }
105
105
 
106
- .Wr1 {
106
+ .Wr11 {
107
107
  top: 0;
108
108
  }
109
109
 
110
- ._lr1 {
110
+ ._lr11 {
111
111
  bottom: 0;
112
112
  }
113
113
 
114
- ._Ar1 {
114
+ ._Ar11 {
115
115
  inset-inline-start: 0;
116
116
  }
117
117
 
118
- ._zr1 {
118
+ ._zr11 {
119
119
  inset-inline-end: 0;
120
120
  }
121
121
 
122
- ._oa1 {
122
+ ._oa11 {
123
123
  box-sizing: border-box;
124
124
  }
125
125
 
126
- .in1 {
126
+ .in11 {
127
127
  border-color: var(--lightningcss-light, #131313) var(--lightningcss-dark, #f2f2f2);
128
128
  }
129
129
 
130
- ._jf1 {
130
+ ._jf11 {
131
131
  border-style: solid;
132
132
  }
133
133
 
134
- ._kc1 {
134
+ ._kc11 {
135
135
  border-top-width: 2px;
136
136
  }
137
137
 
138
- .hc1 {
138
+ .hc11 {
139
139
  border-bottom-width: 2px;
140
140
  }
141
141
 
142
- .mc1 {
142
+ .mc11 {
143
143
  border-inline-start-width: 2px;
144
144
  }
145
145
 
146
- .lc1 {
146
+ .lc11 {
147
147
  border-inline-end-width: 2px;
148
148
  }
149
149
 
150
- .Og1 {
150
+ .Og11 {
151
151
  outline-color: var(--lightningcss-light, #fff) var(--lightningcss-dark, #111);
152
152
  }
153
153
 
154
- ._Lf1 {
154
+ ._Lf11 {
155
155
  outline-style: solid;
156
156
  }
157
157
 
158
- ._Mc1 {
158
+ ._Mc11 {
159
159
  outline-width: 2px;
160
160
  }
161
161
 
162
- ._Kc1 {
162
+ ._Kc11 {
163
163
  outline-offset: -4px;
164
164
  }
165
165
 
166
- ._yb1 {
166
+ ._yb11 {
167
167
  forced-color-adjust: none;
168
168
  }
169
169
 
170
- .oi1 {
170
+ .oi11 {
171
171
  border-start-start-radius: inherit;
172
172
  }
173
173
 
174
- .ni1 {
174
+ .ni11 {
175
175
  border-start-end-radius: inherit;
176
176
  }
177
177
 
178
- .ki1 {
178
+ .ki11 {
179
179
  border-end-start-radius: inherit;
180
180
  }
181
181
 
182
- .ji1 {
182
+ .ji11 {
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 += ' sd1';
37
- rules += ' _wb1';
38
- if (props.density === "spacious") rules += ' UWJpoB1';
39
- else if (props.density === "regular") rules += ' Ub1';
40
- else if (props.density === "compact") rules += ' Ua1';
41
- if (props.density === "spacious") rules += ' qWJpoB1';
42
- else if (props.density === "regular") rules += ' qb1';
43
- else if (props.density === "compact") rules += ' qa1';
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';
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 += ' _Lf1';
64
- else rules += ' _Le1';
65
- rules += ' Oh1';
66
- rules += ' _Mc1';
67
- rules += ' _Kd1';
68
- rules += ' _Pc1';
69
- if (props.rounding === "full") rules += ' og1';
70
- else if (props.rounding === "default") rules += ' oa1';
71
- else if (props.rounding === "none") rules += ' od1';
72
- if (props.rounding === "full") rules += ' ng1';
73
- else if (props.rounding === "default") rules += ' na1';
74
- else if (props.rounding === "none") rules += ' nd1';
75
- if (props.rounding === "full") rules += ' kg1';
76
- else if (props.rounding === "default") rules += ' ka1';
77
- else if (props.rounding === "none") rules += ' kd1';
78
- if (props.rounding === "full") rules += ' jg1';
79
- else if (props.rounding === "default") rules += ' ja1';
80
- else if (props.rounding === "none") rules += ' jd1';
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';
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: " _Pa1 _Ob1 Wr1 _lr1 _Ar1 _zr1 _oa1 in1 _jf1 _kc1 hc1 mc1 lc1 Og1 _Lf1 _Mc1 _Kc1 _yb1 oi1 ni1 ki1 ji1"
91
+ className: " _Pa11 _Ob11 Wr11 _lr11 _Ar11 _zr11 _oa11 in11 _jf11 _kc11 hc11 mc11 lc11 Og11 _Lf11 _Mc11 _Kc11 _yb11 oi11 ni11 ki11 ji11"
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 += ' og1';
58
- rules += ' ng1';
59
- rules += ' kg1';
60
- rules += ' jg1';
61
- rules += ' Oi1';
62
- rules += ' Ola1';
63
- rules += ' _Mb1';
64
- rules += ' _Ka1';
65
- if (props.isDisabled) rules += ' _Le1';
66
- else rules += ' _Lf1';
67
- if (props.isDisabled) rules += ' gH1';
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';
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 += ' _Pa1';
75
- rules += ' Ww1';
76
- rules += ' _lw1';
77
- rules += ' _Aw1';
78
- rules += ' _zw1';
79
- rules += ' _Ob1';
80
- rules += ' og1';
81
- rules += ' ng1';
82
- rules += ' kg1';
83
- rules += ' jg1';
84
- rules += ' Oi1';
85
- rules += ' Ola1';
86
- rules += ' _Mb1';
87
- if (props.isDisabled) rules += ' _Le1';
88
- else rules += ' _Lf1';
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';
89
89
  return rules;
90
90
  }({
91
91
  isDisabled: isDisabled
@@ -1,65 +1,65 @@
1
1
  @layer _.a {
2
- ._Ka1 {
2
+ ._Ka11 {
3
3
  outline-offset: -1px;
4
4
  }
5
5
 
6
- .gH1 {
6
+ .gH11 {
7
7
  background-color: var(--lightningcss-light, #e9e9e9) var(--lightningcss-dark, #2c2c2c);
8
8
  }
9
9
 
10
- ._Pa1 {
10
+ ._Pa11 {
11
11
  position: absolute;
12
12
  }
13
13
 
14
- .Ww1 {
14
+ .Ww11 {
15
15
  top: 24px;
16
16
  }
17
17
 
18
- ._lw1 {
18
+ ._lw11 {
19
19
  bottom: 24px;
20
20
  }
21
21
 
22
- ._Aw1 {
22
+ ._Aw11 {
23
23
  inset-inline-start: 24px;
24
24
  }
25
25
 
26
- ._zw1 {
26
+ ._zw11 {
27
27
  inset-inline-end: 24px;
28
28
  }
29
29
 
30
- ._Ob1 {
30
+ ._Ob11 {
31
31
  pointer-events: none;
32
32
  }
33
33
 
34
- .og1 {
34
+ .og11 {
35
35
  border-start-start-radius: 9999px;
36
36
  }
37
37
 
38
- .ng1 {
38
+ .ng11 {
39
39
  border-start-end-radius: 9999px;
40
40
  }
41
41
 
42
- .kg1 {
42
+ .kg11 {
43
43
  border-end-start-radius: 9999px;
44
44
  }
45
45
 
46
- .jg1 {
46
+ .jg11 {
47
47
  border-end-end-radius: 9999px;
48
48
  }
49
49
 
50
- .Oi1 {
50
+ .Oi11 {
51
51
  outline-color: var(--lightningcss-light, #0000001a) var(--lightningcss-dark, #ffffff1a);
52
52
  }
53
53
 
54
- ._Mb1 {
54
+ ._Mb11 {
55
55
  outline-width: 1px;
56
56
  }
57
57
 
58
- ._Lf1 {
58
+ ._Lf11 {
59
59
  outline-style: solid;
60
60
  }
61
61
 
62
- ._Le1 {
62
+ ._Le11 {
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
- .Ola1 {
71
+ .Ola11 {
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 += ' og1';
51
- rules += ' ng1';
52
- rules += ' kg1';
53
- rules += ' jg1';
54
- rules += ' Oi1';
55
- rules += ' Ola1';
56
- rules += ' _Mb1';
57
- rules += ' _Ka1';
58
- if (props.isDisabled) rules += ' _Le1';
59
- else rules += ' _Lf1';
60
- if (props.isDisabled) rules += ' gH1';
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';
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 += ' _Pa1';
68
- rules += ' Ww1';
69
- rules += ' _lw1';
70
- rules += ' _Aw1';
71
- rules += ' _zw1';
72
- rules += ' _Ob1';
73
- rules += ' og1';
74
- rules += ' ng1';
75
- rules += ' kg1';
76
- rules += ' jg1';
77
- rules += ' Oi1';
78
- rules += ' Ola1';
79
- rules += ' _Mb1';
80
- if (props.isDisabled) rules += ' _Le1';
81
- else rules += ' _Lf1';
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';
82
82
  return rules;
83
83
  }({
84
84
  isDisabled: isDisabled