@react-spectrum/s2 3.0.0-nightly-e228ed814-250129 → 3.0.0-nightly-016590a4a-250131

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 (283) hide show
  1. package/dist/Accordion.cjs +3 -3
  2. package/dist/Accordion.css +2 -2
  3. package/dist/Accordion.mjs +3 -3
  4. package/dist/ActionBar.cjs +47 -47
  5. package/dist/ActionBar.css +51 -51
  6. package/dist/ActionBar.mjs +47 -47
  7. package/dist/ActionButton.cjs +97 -97
  8. package/dist/ActionButton.css +96 -96
  9. package/dist/ActionButton.mjs +97 -97
  10. package/dist/ActionButtonGroup.cjs +11 -11
  11. package/dist/ActionButtonGroup.css +9 -9
  12. package/dist/ActionButtonGroup.mjs +11 -11
  13. package/dist/AlertDialog.cjs +3 -3
  14. package/dist/AlertDialog.css +3 -3
  15. package/dist/AlertDialog.mjs +3 -3
  16. package/dist/Avatar.cjs +17 -17
  17. package/dist/Avatar.css +14 -14
  18. package/dist/Avatar.mjs +17 -17
  19. package/dist/AvatarGroup.cjs +100 -100
  20. package/dist/AvatarGroup.css +34 -34
  21. package/dist/AvatarGroup.mjs +100 -100
  22. package/dist/Badge.cjs +92 -67
  23. package/dist/Badge.cjs.map +1 -1
  24. package/dist/Badge.css +168 -92
  25. package/dist/Badge.css.map +1 -1
  26. package/dist/Badge.mjs +92 -67
  27. package/dist/Badge.mjs.map +1 -1
  28. package/dist/Breadcrumbs.cjs +115 -115
  29. package/dist/Breadcrumbs.css +89 -89
  30. package/dist/Breadcrumbs.mjs +115 -115
  31. package/dist/Button.cjs +236 -152
  32. package/dist/Button.cjs.map +1 -1
  33. package/dist/Button.css +309 -165
  34. package/dist/Button.css.map +1 -1
  35. package/dist/Button.mjs +236 -152
  36. package/dist/Button.mjs.map +1 -1
  37. package/dist/ButtonGroup.cjs +19 -19
  38. package/dist/ButtonGroup.css +15 -15
  39. package/dist/ButtonGroup.mjs +19 -19
  40. package/dist/Card.cjs +264 -261
  41. package/dist/Card.cjs.map +1 -1
  42. package/dist/Card.css +210 -198
  43. package/dist/Card.css.map +1 -1
  44. package/dist/Card.mjs +264 -261
  45. package/dist/Card.mjs.map +1 -1
  46. package/dist/CardView.cjs +15 -15
  47. package/dist/CardView.css +18 -18
  48. package/dist/CardView.mjs +15 -15
  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 +124 -73
  53. package/dist/Checkbox.cjs.map +1 -1
  54. package/dist/Checkbox.css +201 -81
  55. package/dist/Checkbox.css.map +1 -1
  56. package/dist/Checkbox.mjs +124 -73
  57. package/dist/Checkbox.mjs.map +1 -1
  58. package/dist/CheckboxGroup.cjs +49 -49
  59. package/dist/CheckboxGroup.css +41 -41
  60. package/dist/CheckboxGroup.mjs +49 -49
  61. package/dist/ClearButton.cjs +15 -15
  62. package/dist/ClearButton.css +17 -17
  63. package/dist/ClearButton.mjs +15 -15
  64. package/dist/CloseButton.cjs +35 -35
  65. package/dist/CloseButton.css +33 -33
  66. package/dist/CloseButton.mjs +35 -35
  67. package/dist/ColorArea.cjs +22 -22
  68. package/dist/ColorArea.css +15 -15
  69. package/dist/ColorArea.mjs +22 -22
  70. package/dist/ColorField.cjs +38 -38
  71. package/dist/ColorField.css +32 -32
  72. package/dist/ColorField.mjs +38 -38
  73. package/dist/ColorHandle.cjs +27 -21
  74. package/dist/ColorHandle.cjs.map +1 -1
  75. package/dist/ColorHandle.css +93 -45
  76. package/dist/ColorHandle.css.map +1 -1
  77. package/dist/ColorHandle.mjs +27 -21
  78. package/dist/ColorHandle.mjs.map +1 -1
  79. package/dist/ColorSlider.cjs +52 -52
  80. package/dist/ColorSlider.css +51 -51
  81. package/dist/ColorSlider.mjs +52 -52
  82. package/dist/ColorSwatch.cjs +27 -24
  83. package/dist/ColorSwatch.cjs.map +1 -1
  84. package/dist/ColorSwatch.css +41 -29
  85. package/dist/ColorSwatch.css.map +1 -1
  86. package/dist/ColorSwatch.mjs +27 -24
  87. package/dist/ColorSwatch.mjs.map +1 -1
  88. package/dist/ColorSwatchPicker.cjs +23 -23
  89. package/dist/ColorSwatchPicker.css +60 -48
  90. package/dist/ColorSwatchPicker.css.map +1 -1
  91. package/dist/ColorSwatchPicker.mjs +23 -23
  92. package/dist/ColorWheel.cjs +22 -22
  93. package/dist/ColorWheel.css +16 -16
  94. package/dist/ColorWheel.mjs +22 -22
  95. package/dist/ComboBox.cjs +80 -80
  96. package/dist/ComboBox.css +88 -88
  97. package/dist/ComboBox.mjs +80 -80
  98. package/dist/Content.cjs.map +1 -1
  99. package/dist/Content.mjs.map +1 -1
  100. package/dist/ContextualHelp.cjs +5 -5
  101. package/dist/ContextualHelp.css +38 -38
  102. package/dist/ContextualHelp.mjs +5 -5
  103. package/dist/CustomDialog.cjs +31 -31
  104. package/dist/CustomDialog.css +25 -25
  105. package/dist/CustomDialog.mjs +31 -31
  106. package/dist/Dialog.cjs +17 -17
  107. package/dist/Dialog.css +64 -64
  108. package/dist/Dialog.mjs +17 -17
  109. package/dist/Disclosure.cjs +111 -108
  110. package/dist/Disclosure.cjs.map +1 -1
  111. package/dist/Disclosure.css +124 -112
  112. package/dist/Disclosure.css.map +1 -1
  113. package/dist/Disclosure.mjs +111 -108
  114. package/dist/Disclosure.mjs.map +1 -1
  115. package/dist/Divider.cjs +26 -26
  116. package/dist/Divider.css +16 -16
  117. package/dist/Divider.mjs +26 -26
  118. package/dist/DropZone.cjs +56 -47
  119. package/dist/DropZone.cjs.map +1 -1
  120. package/dist/DropZone.css +80 -56
  121. package/dist/DropZone.css.map +1 -1
  122. package/dist/DropZone.mjs +56 -47
  123. package/dist/DropZone.mjs.map +1 -1
  124. package/dist/Field.cjs +204 -150
  125. package/dist/Field.cjs.map +1 -1
  126. package/dist/Field.css +246 -150
  127. package/dist/Field.css.map +1 -1
  128. package/dist/Field.mjs +204 -150
  129. package/dist/Field.mjs.map +1 -1
  130. package/dist/Form.cjs +10 -10
  131. package/dist/Form.css +9 -9
  132. package/dist/Form.mjs +10 -10
  133. package/dist/FullscreenDialog.cjs +5 -5
  134. package/dist/FullscreenDialog.css +72 -72
  135. package/dist/FullscreenDialog.mjs +5 -5
  136. package/dist/IllustratedMessage.cjs +134 -134
  137. package/dist/IllustratedMessage.css +69 -69
  138. package/dist/IllustratedMessage.mjs +134 -134
  139. package/dist/Image.cjs +12 -12
  140. package/dist/Image.css +13 -13
  141. package/dist/Image.mjs +12 -12
  142. package/dist/InlineAlert.cjs +104 -77
  143. package/dist/InlineAlert.cjs.map +1 -1
  144. package/dist/InlineAlert.css +149 -77
  145. package/dist/InlineAlert.css.map +1 -1
  146. package/dist/InlineAlert.mjs +104 -77
  147. package/dist/InlineAlert.mjs.map +1 -1
  148. package/dist/Link.cjs +31 -31
  149. package/dist/Link.css +30 -30
  150. package/dist/Link.mjs +31 -31
  151. package/dist/Menu.cjs +269 -264
  152. package/dist/Menu.cjs.map +1 -1
  153. package/dist/Menu.css +152 -152
  154. package/dist/Menu.css.map +1 -1
  155. package/dist/Menu.mjs +270 -265
  156. package/dist/Menu.mjs.map +1 -1
  157. package/dist/Meter.cjs +85 -85
  158. package/dist/Meter.css +81 -81
  159. package/dist/Meter.mjs +85 -85
  160. package/dist/Modal.cjs +48 -48
  161. package/dist/Modal.css +46 -46
  162. package/dist/Modal.mjs +48 -48
  163. package/dist/NumberField.cjs +115 -115
  164. package/dist/NumberField.css +114 -114
  165. package/dist/NumberField.mjs +115 -115
  166. package/dist/Picker.cjs +193 -175
  167. package/dist/Picker.cjs.map +1 -1
  168. package/dist/Picker.css +223 -163
  169. package/dist/Picker.css.map +1 -1
  170. package/dist/Picker.mjs +193 -175
  171. package/dist/Picker.mjs.map +1 -1
  172. package/dist/Popover.cjs +84 -78
  173. package/dist/Popover.cjs.map +1 -1
  174. package/dist/Popover.css +89 -65
  175. package/dist/Popover.css.map +1 -1
  176. package/dist/Popover.mjs +84 -78
  177. package/dist/Popover.mjs.map +1 -1
  178. package/dist/ProgressBar.cjs +98 -98
  179. package/dist/ProgressBar.css +92 -92
  180. package/dist/ProgressBar.mjs +98 -98
  181. package/dist/ProgressCircle.cjs +17 -17
  182. package/dist/ProgressCircle.css +15 -15
  183. package/dist/ProgressCircle.mjs +17 -17
  184. package/dist/Provider.cjs +4 -4
  185. package/dist/Provider.css +5 -5
  186. package/dist/Provider.mjs +4 -4
  187. package/dist/Radio.cjs +152 -80
  188. package/dist/Radio.cjs.map +1 -1
  189. package/dist/Radio.css +240 -96
  190. package/dist/Radio.css.map +1 -1
  191. package/dist/Radio.mjs +152 -80
  192. package/dist/Radio.mjs.map +1 -1
  193. package/dist/RadioGroup.cjs +47 -47
  194. package/dist/RadioGroup.css +41 -41
  195. package/dist/RadioGroup.mjs +47 -47
  196. package/dist/SearchField.cjs +42 -42
  197. package/dist/SearchField.css +47 -47
  198. package/dist/SearchField.mjs +42 -42
  199. package/dist/SegmentedControl.cjs +101 -89
  200. package/dist/SegmentedControl.cjs.map +1 -1
  201. package/dist/SegmentedControl.css +140 -92
  202. package/dist/SegmentedControl.css.map +1 -1
  203. package/dist/SegmentedControl.mjs +101 -89
  204. package/dist/SegmentedControl.mjs.map +1 -1
  205. package/dist/Slider.cjs +229 -196
  206. package/dist/Slider.cjs.map +1 -1
  207. package/dist/Slider.css +221 -149
  208. package/dist/Slider.css.map +1 -1
  209. package/dist/Slider.mjs +229 -196
  210. package/dist/Slider.mjs.map +1 -1
  211. package/dist/StatusLight.cjs +56 -56
  212. package/dist/StatusLight.css +59 -59
  213. package/dist/StatusLight.mjs +56 -56
  214. package/dist/Switch.cjs +107 -74
  215. package/dist/Switch.cjs.map +1 -1
  216. package/dist/Switch.css +141 -69
  217. package/dist/Switch.css.map +1 -1
  218. package/dist/Switch.mjs +107 -74
  219. package/dist/Switch.mjs.map +1 -1
  220. package/dist/TableView.cjs +280 -253
  221. package/dist/TableView.cjs.map +1 -1
  222. package/dist/TableView.css +199 -163
  223. package/dist/TableView.css.map +1 -1
  224. package/dist/TableView.mjs +280 -253
  225. package/dist/TableView.mjs.map +1 -1
  226. package/dist/Tabs.cjs +493 -197
  227. package/dist/Tabs.cjs.map +1 -1
  228. package/dist/Tabs.css +250 -134
  229. package/dist/Tabs.css.map +1 -1
  230. package/dist/Tabs.mjs +494 -198
  231. package/dist/Tabs.mjs.map +1 -1
  232. package/dist/TabsPicker.cjs +415 -0
  233. package/dist/TabsPicker.cjs.map +1 -0
  234. package/dist/TabsPicker.css +482 -0
  235. package/dist/TabsPicker.css.map +1 -0
  236. package/dist/TabsPicker.mjs +409 -0
  237. package/dist/TabsPicker.mjs.map +1 -0
  238. package/dist/TagGroup.cjs +148 -148
  239. package/dist/TagGroup.css +134 -134
  240. package/dist/TagGroup.mjs +148 -148
  241. package/dist/TextField.cjs +59 -59
  242. package/dist/TextField.css +62 -62
  243. package/dist/TextField.mjs +59 -59
  244. package/dist/ToggleButton.cjs +3 -3
  245. package/dist/ToggleButton.css +12 -12
  246. package/dist/ToggleButton.mjs +3 -3
  247. package/dist/Tooltip.cjs +60 -57
  248. package/dist/Tooltip.cjs.map +1 -1
  249. package/dist/Tooltip.css +83 -71
  250. package/dist/Tooltip.css.map +1 -1
  251. package/dist/Tooltip.mjs +60 -57
  252. package/dist/Tooltip.mjs.map +1 -1
  253. package/dist/TreeView.cjs +465 -0
  254. package/dist/TreeView.cjs.map +1 -0
  255. package/dist/TreeView.css +632 -0
  256. package/dist/TreeView.css.map +1 -0
  257. package/dist/TreeView.mjs +455 -0
  258. package/dist/TreeView.mjs.map +1 -0
  259. package/dist/main.cjs +4 -0
  260. package/dist/main.cjs.map +1 -1
  261. package/dist/module.mjs +3 -1
  262. package/dist/module.mjs.map +1 -1
  263. package/dist/types.d.ts +33 -8
  264. package/dist/types.d.ts.map +1 -1
  265. package/icons/Skeleton.cjs +2 -2
  266. package/icons/Skeleton.css +5 -5
  267. package/icons/Skeleton.mjs +2 -2
  268. package/package.json +21 -19
  269. package/src/Badge.tsx +4 -1
  270. package/src/Content.tsx +2 -1
  271. package/src/Menu.tsx +2 -0
  272. package/src/Tabs.tsx +450 -144
  273. package/src/TabsPicker.tsx +350 -0
  274. package/src/TreeView.tsx +497 -0
  275. package/src/index.ts +2 -0
  276. package/style/__tests__/style-macro.test.js +18 -18
  277. package/style/dist/spectrum-theme.cjs +20 -10
  278. package/style/dist/spectrum-theme.cjs.map +1 -1
  279. package/style/dist/spectrum-theme.mjs +20 -10
  280. package/style/dist/spectrum-theme.mjs.map +1 -1
  281. package/style/dist/types.d.ts +4 -0
  282. package/style/dist/types.d.ts.map +1 -1
  283. package/style/spectrum-theme.ts +18 -11
package/dist/Meter.css CHANGED
@@ -7,110 +7,110 @@
7
7
  --s2-container-bg: black;
8
8
  }
9
9
 
10
- .Vc {
10
+ .Yc {
11
11
  position: relative;
12
12
  }
13
13
 
14
- ._0f {
14
+ ._3f {
15
15
  display: grid;
16
16
  }
17
17
 
18
- .__i-15pd573 {
18
+ .__l-15pd573 {
19
19
  grid-template-columns: 1fr auto;
20
20
  }
21
21
 
22
- .__i-ar5vcf {
22
+ .__l-ar5vcf {
23
23
  grid-template-columns: auto 1fr;
24
24
  }
25
25
 
26
- .__k-3in7tg {
26
+ .__n-3in7tg {
27
27
  grid-template-areas: "label value"
28
28
  "bar bar";
29
29
  }
30
30
 
31
- .__k-1tip2u3 {
31
+ .__n-1tip2u3 {
32
32
  grid-template-areas: "label bar value";
33
33
  }
34
34
 
35
- ._2d {
35
+ ._5d {
36
36
  align-items: baseline;
37
37
  }
38
38
 
39
- .__Ga {
39
+ .__Ja {
40
40
  isolation: isolate;
41
41
  }
42
42
 
43
- .q_a {
43
+ .p_a {
44
44
  min-width: calc(3rem * var(--s2-scale));
45
45
  }
46
46
 
47
- .r____________N {
47
+ .q____________N {
48
48
  max-width: calc(48rem * var(--s2-scale));
49
49
  }
50
50
 
51
- .-aqrvqh_k-f {
51
+ .-aqrvqh_j-f {
52
52
  --field-height: calc(2rem * var(--s2-scale));
53
53
  }
54
54
 
55
- .-aqrvqh_k-g {
55
+ .-aqrvqh_j-g {
56
56
  --field-height: calc(1.25rem * var(--s2-scale));
57
57
  }
58
58
 
59
- .-aqrvqh_k-h {
59
+ .-aqrvqh_j-h {
60
60
  --field-height: calc(1.5rem * var(--s2-scale));
61
61
  }
62
62
 
63
- .-aqrvqh_k-i {
63
+ .-aqrvqh_j-i {
64
64
  --field-height: calc(2.5rem * var(--s2-scale));
65
65
  }
66
66
 
67
- .-aqrvqh_k-j {
67
+ .-aqrvqh_j-j {
68
68
  --field-height: calc(3rem * var(--s2-scale));
69
69
  }
70
70
 
71
- .-_1urhtf5_k-s {
71
+ .-_1urhtf5_j-s {
72
72
  --track-to-label: calc(.25rem * var(--s2-scale));
73
73
  }
74
74
 
75
- .-_1inj1bc_i--q18lfg {
76
- --field-gap: calc((calc(var(--field-height) + var(--track-to-label)) - var(--u, 0px) - var(--v, 0px) - 1lh) / 2);
75
+ .-_1inj1bc_h--q18lfg {
76
+ --field-gap: calc((calc(var(--field-height) + var(--track-to-label)) - var(--t, 0px) - var(--u, 0px) - 1lh) / 2);
77
77
  }
78
78
 
79
- .je {
79
+ .ie {
80
80
  column-gap: .75rem;
81
81
  }
82
82
 
83
- ._da {
83
+ ._ga {
84
84
  font-family: adobe-clean-variable, adobe-clean, ui-sans-serif, system-ui, sans-serif;
85
85
  }
86
86
 
87
- ._ee {
87
+ ._he {
88
88
  font-size: .875rem;
89
89
  }
90
90
 
91
- ._ea {
91
+ ._ha {
92
92
  font-size: .6875rem;
93
93
  }
94
94
 
95
- ._ec {
95
+ ._hc {
96
96
  font-size: .75rem;
97
97
  }
98
98
 
99
- ._eg {
99
+ ._hg {
100
100
  font-size: 1rem;
101
101
  }
102
102
 
103
- ._ei {
103
+ ._hi {
104
104
  font-size: 1.125rem;
105
105
  }
106
106
 
107
- ._fb {
107
+ ._ib {
108
108
  font-variation-settings: "wght" 400;
109
109
  font-synthesis-weight: none;
110
110
  font-weight: 400;
111
111
  }
112
112
 
113
- ._ga {
113
+ ._ja {
114
114
  line-height: 1.3;
115
115
  }
116
116
 
@@ -130,91 +130,91 @@
130
130
  color: lch(from var(--s2-container-bg) calc((49.44 - l) * infinity) 0 0 / 1);
131
131
  }
132
132
 
133
- .__Ib {
133
+ .__Lb {
134
134
  cursor: default;
135
135
  }
136
136
 
137
- .__b-o8by7a {
137
+ .__e-o8by7a {
138
138
  grid-column-start: value;
139
139
  }
140
140
 
141
- .__c-o8by7a {
141
+ .__f-o8by7a {
142
142
  grid-column-end: value;
143
143
  }
144
144
 
145
- .__d-o8by7a {
145
+ .__g-o8by7a {
146
146
  grid-row-start: value;
147
147
  }
148
148
 
149
- .__e-o8by7a {
149
+ .__h-o8by7a {
150
150
  grid-row-end: value;
151
151
  }
152
152
 
153
- .__b-2y1eji {
153
+ .__e-2y1eji {
154
154
  grid-column-start: bar;
155
155
  }
156
156
 
157
- .__c-2y1eji {
157
+ .__f-2y1eji {
158
158
  grid-column-end: bar;
159
159
  }
160
160
 
161
- .__d-2y1eji {
161
+ .__g-2y1eji {
162
162
  grid-row-start: bar;
163
163
  }
164
164
 
165
- .__e-2y1eji {
165
+ .__h-2y1eji {
166
166
  grid-row-end: bar;
167
167
  }
168
168
 
169
- .qf {
169
+ .pf {
170
170
  min-width: calc(2rem * var(--s2-scale));
171
171
  }
172
172
 
173
- .qg {
173
+ .pg {
174
174
  min-width: calc(1.25rem * var(--s2-scale));
175
175
  }
176
176
 
177
- .qh {
177
+ .ph {
178
178
  min-width: calc(1.5rem * var(--s2-scale));
179
179
  }
180
180
 
181
- .qi {
181
+ .pi {
182
182
  min-width: calc(2.5rem * var(--s2-scale));
183
183
  }
184
184
 
185
- .qj {
185
+ .pj {
186
186
  min-width: calc(3rem * var(--s2-scale));
187
187
  }
188
188
 
189
- .__na {
189
+ .__qa {
190
190
  contain: none;
191
191
  }
192
192
 
193
- .-usygro_l-___K {
193
+ .-usygro_k-___K {
194
194
  --defaultWidth: calc(13rem * var(--s2-scale));
195
195
  }
196
196
 
197
- .-usygro_l-___u {
197
+ .-usygro_k-___u {
198
198
  --defaultWidth: calc(12rem * var(--s2-scale));
199
199
  }
200
200
 
201
- .-usygro_l-___0 {
201
+ .-usygro_k-___0 {
202
202
  --defaultWidth: calc(14rem * var(--s2-scale));
203
203
  }
204
204
 
205
- .-usygro_l-____g {
205
+ .-usygro_k-____g {
206
206
  --defaultWidth: calc(15rem * var(--s2-scale));
207
207
  }
208
208
 
209
- .m-rwozxi {
210
- contain-intrinsic-width: calc(var(--defaultWidth) - var(--C, 0px) - var(--D, 0px) - var(--s, 0px) - var(--t, 0px));
209
+ .l-rwozxi {
210
+ contain-intrinsic-width: calc(var(--defaultWidth) - var(--F, 0px) - var(--G, 0px) - var(--r, 0px) - var(--s, 0px));
211
211
  }
212
212
 
213
- .__wb {
213
+ .__zb {
214
214
  overflow-x: hidden;
215
215
  }
216
216
 
217
- .__xb {
217
+ .__Ab {
218
218
  overflow-y: hidden;
219
219
  }
220
220
 
@@ -226,59 +226,59 @@
226
226
  background-color: lch(from var(--s2-container-bg) calc((49.44 - l) * infinity) 0 0 / .17);
227
227
  }
228
228
 
229
- ._Oa {
229
+ ._Ra {
230
230
  outline-width: 0;
231
231
  }
232
232
 
233
- ._Ma {
233
+ ._Pa {
234
234
  outline-style: none;
235
235
  }
236
236
 
237
- .da {
237
+ .ca {
238
238
  outline-color: #0000;
239
239
  }
240
240
 
241
- .__R-3t1y {
241
+ .__U-3t1y {
242
242
  z-index: 1;
243
243
  }
244
244
 
245
- .ks {
245
+ .js {
246
246
  height: calc(.25rem * var(--s2-scale));
247
247
  }
248
248
 
249
- .ku {
249
+ .ju {
250
250
  height: calc(.375rem * var(--s2-scale));
251
251
  }
252
252
 
253
- .kw {
253
+ .jw {
254
254
  height: calc(.5rem * var(--s2-scale));
255
255
  }
256
256
 
257
- .ky {
257
+ .jy {
258
258
  height: calc(.625rem * var(--s2-scale));
259
259
  }
260
260
 
261
- .kb {
261
+ .jb {
262
262
  height: 100%;
263
263
  }
264
264
 
265
- .wf {
265
+ .zf {
266
266
  border-style: none;
267
267
  }
268
268
 
269
- ._wf {
269
+ ._zf {
270
270
  border-start-start-radius: 9999px;
271
271
  }
272
272
 
273
- ._xf {
273
+ ._Af {
274
274
  border-start-end-radius: 9999px;
275
275
  }
276
276
 
277
- ._yf {
277
+ ._Bf {
278
278
  border-end-start-radius: 9999px;
279
279
  }
280
280
 
281
- ._zf {
281
+ ._Cf {
282
282
  border-end-end-radius: 9999px;
283
283
  }
284
284
 
@@ -304,70 +304,70 @@
304
304
  }
305
305
 
306
306
  @layer _.b {
307
- ._d-enzrfpb:lang(ar) {
307
+ ._g-enzrfpb:lang(ar) {
308
308
  font-family: myriad-arabic, ui-sans-serif, system-ui, sans-serif;
309
309
  }
310
310
 
311
- ._g-1x99dlob:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans)) {
311
+ ._j-1x99dlob:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans)) {
312
312
  line-height: 1.5;
313
313
  }
314
314
  }
315
315
 
316
316
  @layer _.c {
317
- ._d-enzwzjc:lang(he) {
317
+ ._g-enzwzjc:lang(he) {
318
318
  font-family: myriad-hebrew, ui-sans-serif, system-ui, sans-serif;
319
319
  }
320
320
  }
321
321
 
322
322
  @layer _.d {
323
- ._d-enzykdd:lang(ja) {
323
+ ._g-enzykdd:lang(ja) {
324
324
  font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, MS Pゴシック, MS PGothic, sans-serif;
325
325
  }
326
326
  }
327
327
 
328
328
  @layer _.e {
329
- ._d-enzzrge:lang(ko) {
329
+ ._g-enzzrge:lang(ko) {
330
330
  font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
331
331
  }
332
332
  }
333
333
 
334
334
  @layer _.f {
335
- ._d-eo0c6sf:lang(zh) {
335
+ ._g-eo0c6sf:lang(zh) {
336
336
  font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
337
337
  }
338
338
  }
339
339
 
340
340
  @layer _.g {
341
- ._d-1uotwbwg:lang(zh-hant) {
341
+ ._g-1uotwbwg:lang(zh-hant) {
342
342
  font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
343
343
  }
344
344
  }
345
345
 
346
346
  @layer _.h {
347
- ._d-bc1l9oh:is(:lang(zh-Hans), :lang(zh-CN), :lang(zh-SG)) {
347
+ ._g-bc1l9oh:is(:lang(zh-Hans), :lang(zh-CN), :lang(zh-SG)) {
348
348
  font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
349
349
  }
350
350
  }
351
351
 
352
352
  @layer _.b.b {
353
353
  @media not ((hover: hover) and (pointer: fine)) {
354
- ._ebf {
354
+ ._hbf {
355
355
  font-size: 1.0625rem;
356
356
  }
357
357
 
358
- ._ebb {
358
+ ._hbb {
359
359
  font-size: .8125rem;
360
360
  }
361
361
 
362
- ._ebd {
362
+ ._hbd {
363
363
  font-size: .9375rem;
364
364
  }
365
365
 
366
- ._ebh {
366
+ ._hbh {
367
367
  font-size: 1.1875rem;
368
368
  }
369
369
 
370
- ._ebj {
370
+ ._hbj {
371
371
  font-size: 1.375rem;
372
372
  }
373
373
  }
@@ -383,15 +383,15 @@
383
383
  background-color: buttonface;
384
384
  }
385
385
 
386
- ._Oab {
386
+ ._Rab {
387
387
  outline-width: 1px;
388
388
  }
389
389
 
390
- ._Mab {
390
+ ._Pab {
391
391
  outline-style: solid;
392
392
  }
393
393
 
394
- .da_____K {
394
+ .ca_____K {
395
395
  outline-color: buttontext;
396
396
  }
397
397
 
@@ -403,7 +403,7 @@
403
403
 
404
404
  @layer _.b.-_1s8glxu {
405
405
  @supports (contain-intrinsic-width: 1px) {
406
- .__n-1s8glxue {
406
+ .__q-1s8glxue {
407
407
  contain: inline-size;
408
408
  }
409
409
  }
package/dist/Meter.mjs CHANGED
@@ -29,67 +29,67 @@ import {useDOMRef as $blcZa$useDOMRef} from "@react-spectrum/utils";
29
29
  const $bb56943300b294c6$export$8b645da15a96b44f = /*#__PURE__*/ (0, $blcZa$createContext)(null);
30
30
  const $bb56943300b294c6$var$wrapper = function anonymous(props, overrides) {
31
31
  let rules = " .";
32
- let matches = (overrides || '').match(/(?:^|\s)(?:y|z|A|B|__a|_9|h|_6|_5|__B|__d|__e|__b|__c|V|__R|Y|_a|W|X|l|q|r)[^\s]+/g) || [];
32
+ let matches = (overrides || '').match(/(?:^|\s)(?:B|C|D|E|__d|__c|g|_9|_8|__E|__g|__h|__e|__f|Y|__U|_b|_d|Z|_a|k|p|q)[^\s]+/g) || [];
33
33
  rules += matches.join('');
34
- let $V = false;
34
+ let $Y = false;
35
+ let $p = false;
35
36
  let $q = false;
36
- let $r = false;
37
37
  for (let p of matches){
38
- if (/^\s*V/.test(p)) $V = true;
38
+ if (/^\s*Y/.test(p)) $Y = true;
39
+ if (/^\s*p/.test(p)) $p = true;
39
40
  if (/^\s*q/.test(p)) $q = true;
40
- if (/^\s*r/.test(p)) $r = true;
41
41
  }
42
42
  if (props.staticColor === "white") rules += ' -_1de2x0q_b-b';
43
43
  else if (props.staticColor === "black") rules += ' -_1de2x0q_b-c';
44
- if (!$V) rules += ' Vc';
45
- rules += ' _0f';
46
- if (props.labelPosition === "side") rules += ' __i-ar5vcf';
47
- else if (props.labelPosition === "top") rules += ' __i-15pd573';
48
- if (props.labelPosition === "side") rules += ' __k-1tip2u3';
49
- else if (props.labelPosition === "top") rules += ' __k-3in7tg';
50
- rules += ' _2d';
51
- rules += ' __Ga';
52
- if (!$q) rules += ' q_a';
53
- if (!$r) rules += ' r____________N';
54
- if (props.size === "XL") rules += ' -aqrvqh_k-j';
55
- else if (props.size === "L") rules += ' -aqrvqh_k-i';
56
- else if (props.size === "S") rules += ' -aqrvqh_k-h';
57
- else if (props.size === "XS") rules += ' -aqrvqh_k-g';
58
- else rules += ' -aqrvqh_k-f';
59
- rules += ' -_1urhtf5_k-s';
60
- rules += ' -_1inj1bc_i--q18lfg';
61
- rules += ' je';
44
+ if (!$Y) rules += ' Yc';
45
+ rules += ' _3f';
46
+ if (props.labelPosition === "side") rules += ' __l-ar5vcf';
47
+ else if (props.labelPosition === "top") rules += ' __l-15pd573';
48
+ if (props.labelPosition === "side") rules += ' __n-1tip2u3';
49
+ else if (props.labelPosition === "top") rules += ' __n-3in7tg';
50
+ rules += ' _5d';
51
+ rules += ' __Ja';
52
+ if (!$p) rules += ' p_a';
53
+ if (!$q) rules += ' q____________N';
54
+ if (props.size === "XL") rules += ' -aqrvqh_j-j';
55
+ else if (props.size === "L") rules += ' -aqrvqh_j-i';
56
+ else if (props.size === "S") rules += ' -aqrvqh_j-h';
57
+ else if (props.size === "XS") rules += ' -aqrvqh_j-g';
58
+ else rules += ' -aqrvqh_j-f';
59
+ rules += ' -_1urhtf5_j-s';
60
+ rules += ' -_1inj1bc_h--q18lfg';
61
+ rules += ' ie';
62
62
  return rules;
63
63
  };
64
64
  const $bb56943300b294c6$var$valueStyles = function anonymous(props) {
65
65
  let rules = " .";
66
- rules += ' _d-bc1l9oh';
67
- rules += ' _d-1uotwbwg';
68
- rules += ' _d-eo0c6sf';
69
- rules += ' _d-enzzrge';
70
- rules += ' _d-enzykdd';
71
- rules += ' _d-enzwzjc';
72
- rules += ' _d-enzrfpb';
73
- rules += ' _da';
66
+ rules += ' _g-bc1l9oh';
67
+ rules += ' _g-1uotwbwg';
68
+ rules += ' _g-eo0c6sf';
69
+ rules += ' _g-enzzrge';
70
+ rules += ' _g-enzykdd';
71
+ rules += ' _g-enzwzjc';
72
+ rules += ' _g-enzrfpb';
73
+ rules += ' _ga';
74
74
  if (props.size === "XL") {
75
- rules += ' _ebj';
76
- rules += ' _ei';
75
+ rules += ' _hbj';
76
+ rules += ' _hi';
77
77
  } else if (props.size === "L") {
78
- rules += ' _ebh';
79
- rules += ' _eg';
78
+ rules += ' _hbh';
79
+ rules += ' _hg';
80
80
  } else if (props.size === "S") {
81
- rules += ' _ebd';
82
- rules += ' _ec';
81
+ rules += ' _hbd';
82
+ rules += ' _hc';
83
83
  } else if (props.size === "XS") {
84
- rules += ' _ebb';
85
- rules += ' _ea';
84
+ rules += ' _hbb';
85
+ rules += ' _ha';
86
86
  } else {
87
- rules += ' _ebf';
88
- rules += ' _ee';
87
+ rules += ' _hbf';
88
+ rules += ' _he';
89
89
  }
90
- rules += ' _fb';
91
- rules += ' _g-1x99dlob';
92
- rules += ' _ga';
90
+ rules += ' _ib';
91
+ rules += ' _j-1x99dlob';
92
+ rules += ' _ja';
93
93
  rules += ' aa_____K';
94
94
  if (props.isStaticColor) rules += ' a_____G';
95
95
  else if (props.isDisabled) rules += ' aj';
@@ -99,62 +99,62 @@ const $bb56943300b294c6$var$valueStyles = function anonymous(props) {
99
99
  else if (props.isHovered) rules += ' an';
100
100
  else rules += ' am';
101
101
  }
102
- rules += ' __Ib';
103
- rules += ' __b-o8by7a';
104
- rules += ' __c-o8by7a';
105
- rules += ' __d-o8by7a';
102
+ rules += ' __Lb';
106
103
  rules += ' __e-o8by7a';
104
+ rules += ' __f-o8by7a';
105
+ rules += ' __g-o8by7a';
106
+ rules += ' __h-o8by7a';
107
107
  return rules;
108
108
  };
109
109
  const $bb56943300b294c6$var$trackStyles = function anonymous(props) {
110
110
  let rules = " .";
111
- rules += ' __b-2y1eji';
112
- rules += ' __c-2y1eji';
113
- rules += ' __d-2y1eji';
114
111
  rules += ' __e-2y1eji';
115
- if (props.size === "XL") rules += ' qj';
116
- else if (props.size === "L") rules += ' qi';
117
- else if (props.size === "S") rules += ' qh';
118
- else if (props.size === "XS") rules += ' qg';
119
- else rules += ' qf';
120
- if (props.isQuiet) rules += ' __na';
121
- else rules += ' __n-1s8glxue';
122
- if (props.size === "XL") rules += ' -usygro_l-____g';
123
- else if (props.size === "L") rules += ' -usygro_l-___0';
124
- else if (props.size === "S") rules += ' -usygro_l-___u';
125
- else rules += ' -usygro_l-___K';
126
- rules += ' m-rwozxi';
127
- rules += ' __wb';
128
- rules += ' __xb';
129
- rules += ' _wf';
130
- rules += ' _xf';
131
- rules += ' _yf';
112
+ rules += ' __f-2y1eji';
113
+ rules += ' __g-2y1eji';
114
+ rules += ' __h-2y1eji';
115
+ if (props.size === "XL") rules += ' pj';
116
+ else if (props.size === "L") rules += ' pi';
117
+ else if (props.size === "S") rules += ' ph';
118
+ else if (props.size === "XS") rules += ' pg';
119
+ else rules += ' pf';
120
+ if (props.isQuiet) rules += ' __qa';
121
+ else rules += ' __q-1s8glxue';
122
+ if (props.size === "XL") rules += ' -usygro_k-____g';
123
+ else if (props.size === "L") rules += ' -usygro_k-___0';
124
+ else if (props.size === "S") rules += ' -usygro_k-___u';
125
+ else rules += ' -usygro_k-___K';
126
+ rules += ' l-rwozxi';
127
+ rules += ' __zb';
128
+ rules += ' __Ab';
132
129
  rules += ' _zf';
130
+ rules += ' _Af';
131
+ rules += ' _Bf';
132
+ rules += ' _Cf';
133
133
  rules += ' ba_____J';
134
134
  if (props.isStaticColor) rules += ' b_____z';
135
135
  else rules += ' bi';
136
- rules += ' _Oab';
137
- rules += ' _Oa';
138
- rules += ' _Mab';
139
- rules += ' _Ma';
140
- rules += ' da_____K';
141
- rules += ' da';
142
- rules += ' __R-3t1y';
143
- if (props.size === "XL") rules += ' ky';
144
- else if (props.size === "L") rules += ' kw';
145
- else if (props.size === "M") rules += ' ku';
146
- else if (props.size === "S") rules += ' ks';
147
- else rules += ' ku';
136
+ rules += ' _Rab';
137
+ rules += ' _Ra';
138
+ rules += ' _Pab';
139
+ rules += ' _Pa';
140
+ rules += ' ca_____K';
141
+ rules += ' ca';
142
+ rules += ' __U-3t1y';
143
+ if (props.size === "XL") rules += ' jy';
144
+ else if (props.size === "L") rules += ' jw';
145
+ else if (props.size === "M") rules += ' ju';
146
+ else if (props.size === "S") rules += ' js';
147
+ else rules += ' ju';
148
148
  return rules;
149
149
  };
150
150
  const $bb56943300b294c6$var$fillStyles = function anonymous(props) {
151
151
  let rules = " .";
152
- rules += ' kb';
153
- rules += ' wf';
154
- rules += ' _wf';
155
- rules += ' _xf';
156
- rules += ' _yf';
152
+ rules += ' jb';
153
+ rules += ' zf';
157
154
  rules += ' _zf';
155
+ rules += ' _Af';
156
+ rules += ' _Bf';
157
+ rules += ' _Cf';
158
158
  rules += ' ba_____K';
159
159
  if (props.isStaticColor) rules += ' b_____F';
160
160
  else if (props.variant === "negative") rules += ' b-awl6xt';