@react-spectrum/s2 3.0.0-nightly-e7053dd8f-250108 → 3.0.0-nightly-d87cc4422-250109

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 (213) 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 +32 -32
  5. package/dist/ActionBar.css +34 -34
  6. package/dist/ActionBar.mjs +32 -32
  7. package/dist/ActionButton.cjs +61 -61
  8. package/dist/ActionButton.css +56 -56
  9. package/dist/ActionButton.mjs +61 -61
  10. package/dist/ActionButtonGroup.cjs +4 -4
  11. package/dist/ActionButtonGroup.css +3 -3
  12. package/dist/ActionButtonGroup.mjs +4 -4
  13. package/dist/Avatar.cjs +10 -10
  14. package/dist/Avatar.css +11 -11
  15. package/dist/Avatar.mjs +10 -10
  16. package/dist/AvatarGroup.cjs +97 -97
  17. package/dist/AvatarGroup.css +31 -31
  18. package/dist/AvatarGroup.mjs +97 -97
  19. package/dist/Badge.cjs +31 -31
  20. package/dist/Badge.css +33 -33
  21. package/dist/Badge.mjs +31 -31
  22. package/dist/Breadcrumbs.cjs +83 -82
  23. package/dist/Breadcrumbs.cjs.map +1 -1
  24. package/dist/Breadcrumbs.css +65 -59
  25. package/dist/Breadcrumbs.css.map +1 -1
  26. package/dist/Breadcrumbs.mjs +83 -82
  27. package/dist/Breadcrumbs.mjs.map +1 -1
  28. package/dist/Button.cjs +68 -68
  29. package/dist/Button.css +59 -59
  30. package/dist/Button.mjs +68 -68
  31. package/dist/ButtonGroup.cjs +15 -15
  32. package/dist/ButtonGroup.css +11 -11
  33. package/dist/ButtonGroup.mjs +15 -15
  34. package/dist/Card.cjs +157 -157
  35. package/dist/Card.css +117 -117
  36. package/dist/Card.mjs +157 -157
  37. package/dist/CardView.cjs +13 -13
  38. package/dist/CardView.css +14 -14
  39. package/dist/CardView.mjs +13 -13
  40. package/dist/CenterBaseline.cjs +1 -1
  41. package/dist/CenterBaseline.css +2 -2
  42. package/dist/CenterBaseline.mjs +1 -1
  43. package/dist/Checkbox.cjs +46 -46
  44. package/dist/Checkbox.css +42 -42
  45. package/dist/Checkbox.mjs +46 -46
  46. package/dist/CheckboxGroup.cjs +36 -36
  47. package/dist/CheckboxGroup.css +32 -32
  48. package/dist/CheckboxGroup.mjs +36 -36
  49. package/dist/ClearButton.cjs +5 -5
  50. package/dist/ClearButton.css +5 -5
  51. package/dist/ClearButton.mjs +5 -5
  52. package/dist/CloseButton.cjs +15 -15
  53. package/dist/CloseButton.css +15 -15
  54. package/dist/CloseButton.mjs +15 -15
  55. package/dist/ColorArea.cjs +9 -9
  56. package/dist/ColorArea.css +9 -9
  57. package/dist/ColorArea.mjs +9 -9
  58. package/dist/ColorField.cjs +29 -29
  59. package/dist/ColorField.css +24 -24
  60. package/dist/ColorField.mjs +29 -29
  61. package/dist/ColorHandle.cjs +9 -9
  62. package/dist/ColorHandle.css +16 -16
  63. package/dist/ColorHandle.mjs +9 -9
  64. package/dist/ColorSlider.cjs +34 -34
  65. package/dist/ColorSlider.css +42 -42
  66. package/dist/ColorSlider.mjs +34 -34
  67. package/dist/ColorSwatch.cjs +6 -6
  68. package/dist/ColorSwatch.css +14 -14
  69. package/dist/ColorSwatch.mjs +6 -6
  70. package/dist/ColorSwatchPicker.cjs +12 -12
  71. package/dist/ColorSwatchPicker.css +32 -32
  72. package/dist/ColorSwatchPicker.mjs +12 -12
  73. package/dist/ColorWheel.cjs +14 -14
  74. package/dist/ColorWheel.css +14 -14
  75. package/dist/ColorWheel.mjs +14 -14
  76. package/dist/ComboBox.cjs +51 -48
  77. package/dist/ComboBox.cjs.map +1 -1
  78. package/dist/ComboBox.css +47 -47
  79. package/dist/ComboBox.css.map +1 -1
  80. package/dist/ComboBox.mjs +51 -48
  81. package/dist/ComboBox.mjs.map +1 -1
  82. package/dist/ContextualHelp.cjs +5 -5
  83. package/dist/ContextualHelp.css +23 -23
  84. package/dist/ContextualHelp.mjs +5 -5
  85. package/dist/CustomDialog.cjs +8 -8
  86. package/dist/CustomDialog.css +9 -9
  87. package/dist/CustomDialog.mjs +8 -8
  88. package/dist/Dialog.cjs +10 -10
  89. package/dist/Dialog.css +39 -39
  90. package/dist/Dialog.mjs +10 -10
  91. package/dist/Disclosure.cjs +53 -53
  92. package/dist/Disclosure.css +47 -47
  93. package/dist/Disclosure.mjs +53 -53
  94. package/dist/Divider.cjs +5 -5
  95. package/dist/Divider.css +5 -5
  96. package/dist/Divider.mjs +5 -5
  97. package/dist/DropZone.cjs +24 -24
  98. package/dist/DropZone.css +24 -24
  99. package/dist/DropZone.mjs +24 -24
  100. package/dist/Field.cjs +98 -98
  101. package/dist/Field.cjs.map +1 -1
  102. package/dist/Field.css +68 -68
  103. package/dist/Field.mjs +98 -98
  104. package/dist/Field.mjs.map +1 -1
  105. package/dist/Form.cjs +4 -4
  106. package/dist/Form.css +3 -3
  107. package/dist/Form.mjs +4 -4
  108. package/dist/FullscreenDialog.cjs +5 -5
  109. package/dist/FullscreenDialog.css +54 -54
  110. package/dist/FullscreenDialog.mjs +5 -5
  111. package/dist/IllustratedMessage.cjs +117 -117
  112. package/dist/IllustratedMessage.css +58 -58
  113. package/dist/IllustratedMessage.mjs +117 -117
  114. package/dist/Image.cjs +10 -10
  115. package/dist/Image.css +11 -11
  116. package/dist/Image.mjs +10 -10
  117. package/dist/InlineAlert.cjs +41 -41
  118. package/dist/InlineAlert.css +44 -44
  119. package/dist/InlineAlert.mjs +41 -41
  120. package/dist/Link.cjs +27 -27
  121. package/dist/Link.css +27 -27
  122. package/dist/Link.mjs +27 -27
  123. package/dist/Menu.cjs +278 -207
  124. package/dist/Menu.cjs.map +1 -1
  125. package/dist/Menu.css +114 -112
  126. package/dist/Menu.css.map +1 -1
  127. package/dist/Menu.mjs +278 -207
  128. package/dist/Menu.mjs.map +1 -1
  129. package/dist/Meter.cjs +45 -45
  130. package/dist/Meter.css +51 -51
  131. package/dist/Meter.mjs +45 -45
  132. package/dist/Modal.cjs +37 -37
  133. package/dist/Modal.css +35 -35
  134. package/dist/Modal.mjs +37 -37
  135. package/dist/NumberField.cjs +57 -57
  136. package/dist/NumberField.css +65 -65
  137. package/dist/NumberField.mjs +57 -57
  138. package/dist/Picker.cjs +114 -111
  139. package/dist/Picker.cjs.map +1 -1
  140. package/dist/Picker.css +79 -79
  141. package/dist/Picker.css.map +1 -1
  142. package/dist/Picker.mjs +114 -111
  143. package/dist/Picker.mjs.map +1 -1
  144. package/dist/Popover.cjs +40 -40
  145. package/dist/Popover.css +37 -37
  146. package/dist/Popover.mjs +40 -40
  147. package/dist/ProgressBar.cjs +57 -57
  148. package/dist/ProgressBar.css +61 -61
  149. package/dist/ProgressBar.mjs +57 -57
  150. package/dist/ProgressCircle.cjs +3 -3
  151. package/dist/ProgressCircle.css +2 -2
  152. package/dist/ProgressCircle.mjs +3 -3
  153. package/dist/Provider.cjs +4 -4
  154. package/dist/Provider.css +5 -5
  155. package/dist/Provider.mjs +4 -4
  156. package/dist/Radio.cjs +46 -46
  157. package/dist/Radio.css +42 -42
  158. package/dist/Radio.mjs +46 -46
  159. package/dist/RadioGroup.cjs +34 -34
  160. package/dist/RadioGroup.css +32 -32
  161. package/dist/RadioGroup.mjs +34 -34
  162. package/dist/SearchField.cjs +31 -31
  163. package/dist/SearchField.css +29 -29
  164. package/dist/SearchField.mjs +31 -31
  165. package/dist/SegmentedControl.cjs +54 -54
  166. package/dist/SegmentedControl.css +54 -54
  167. package/dist/SegmentedControl.mjs +54 -54
  168. package/dist/Slider.cjs +89 -89
  169. package/dist/Slider.css +82 -82
  170. package/dist/Slider.mjs +89 -89
  171. package/dist/StatusLight.cjs +26 -26
  172. package/dist/StatusLight.css +26 -26
  173. package/dist/StatusLight.mjs +26 -26
  174. package/dist/Switch.cjs +47 -47
  175. package/dist/Switch.css +40 -40
  176. package/dist/Switch.mjs +47 -47
  177. package/dist/TableView.cjs +137 -137
  178. package/dist/TableView.css +76 -76
  179. package/dist/TableView.mjs +137 -137
  180. package/dist/Tabs.cjs +60 -60
  181. package/dist/Tabs.css +52 -52
  182. package/dist/Tabs.mjs +60 -60
  183. package/dist/TabsPicker.cjs +63 -63
  184. package/dist/TabsPicker.css +61 -61
  185. package/dist/TabsPicker.mjs +63 -63
  186. package/dist/TagGroup.cjs +102 -102
  187. package/dist/TagGroup.css +84 -84
  188. package/dist/TagGroup.mjs +102 -102
  189. package/dist/TextField.cjs +36 -36
  190. package/dist/TextField.css +33 -33
  191. package/dist/TextField.mjs +36 -36
  192. package/dist/ToggleButton.cjs +3 -3
  193. package/dist/ToggleButton.css +7 -7
  194. package/dist/ToggleButton.mjs +3 -3
  195. package/dist/Tooltip.cjs +29 -29
  196. package/dist/Tooltip.css +31 -31
  197. package/dist/Tooltip.mjs +29 -29
  198. package/dist/types.d.ts +2 -0
  199. package/dist/types.d.ts.map +1 -1
  200. package/icons/Skeleton.cjs +2 -2
  201. package/icons/Skeleton.css +5 -5
  202. package/icons/Skeleton.mjs +2 -2
  203. package/package.json +19 -19
  204. package/src/ComboBox.tsx +2 -1
  205. package/src/Menu.tsx +40 -17
  206. package/src/Picker.tsx +2 -1
  207. package/style/dist/spectrum-theme.cjs +12 -1
  208. package/style/dist/spectrum-theme.cjs.map +1 -1
  209. package/style/dist/spectrum-theme.mjs +12 -1
  210. package/style/dist/spectrum-theme.mjs.map +1 -1
  211. package/style/dist/types.d.ts +2 -0
  212. package/style/dist/types.d.ts.map +1 -1
  213. package/style/spectrum-theme.ts +9 -1
package/dist/Button.css CHANGED
@@ -1,9 +1,9 @@
1
1
  @layer _.a {
2
- ._La {
2
+ ._Ma {
3
3
  outline-style: none;
4
4
  }
5
5
 
6
- ._Lb {
6
+ ._Mb {
7
7
  outline-style: solid;
8
8
  }
9
9
 
@@ -15,11 +15,11 @@
15
15
  outline-color: lch(from var(--s2-container-bg) calc((49.44 - l) * infinity) 0 0 / 1);
16
16
  }
17
17
 
18
- ._Nc {
18
+ ._Oc {
19
19
  outline-width: 2px;
20
20
  }
21
21
 
22
- ._M-3t1z {
22
+ ._N-3t1z {
23
23
  outline-offset: 2px;
24
24
  }
25
25
 
@@ -31,23 +31,23 @@
31
31
  --s2-container-bg: black;
32
32
  }
33
33
 
34
- .Uc {
34
+ .Vc {
35
35
  position: relative;
36
36
  }
37
37
 
38
- ._Zd {
38
+ ._0d {
39
39
  display: flex;
40
40
  }
41
41
 
42
- ._1d {
42
+ ._2d {
43
43
  align-items: baseline;
44
44
  }
45
45
 
46
- ._2d {
46
+ ._3d {
47
47
  justify-content: center;
48
48
  }
49
49
 
50
- ._ja {
50
+ ._ka {
51
51
  text-align: start;
52
52
  }
53
53
 
@@ -55,37 +55,37 @@
55
55
  column-gap: .428571em;
56
56
  }
57
57
 
58
- ._ca {
58
+ ._da {
59
59
  font-family: adobe-clean-variable, adobe-clean, ui-sans-serif, system-ui, sans-serif;
60
60
  }
61
61
 
62
- ._de {
62
+ ._ee {
63
63
  font-size: .875rem;
64
64
  }
65
65
 
66
- ._da {
66
+ ._ea {
67
67
  font-size: .6875rem;
68
68
  }
69
69
 
70
- ._dc {
70
+ ._ec {
71
71
  font-size: .75rem;
72
72
  }
73
73
 
74
- ._dg {
74
+ ._eg {
75
75
  font-size: 1rem;
76
76
  }
77
77
 
78
- ._di {
78
+ ._ei {
79
79
  font-size: 1.125rem;
80
80
  }
81
81
 
82
- ._ed {
82
+ ._fd {
83
83
  font-variation-settings: "wght" 700;
84
84
  font-synthesis-weight: none;
85
85
  font-weight: 700;
86
86
  }
87
87
 
88
- ._fa {
88
+ ._ga {
89
89
  line-height: 1.3;
90
90
  }
91
91
 
@@ -125,7 +125,7 @@
125
125
  color: lch(from var(--s2-container-bg) calc((49.44 - l) * infinity) 0 0 / .21);
126
126
  }
127
127
 
128
- .__Da {
128
+ .__Ea {
129
129
  -webkit-user-select: none;
130
130
  user-select: none;
131
131
  }
@@ -134,23 +134,23 @@
134
134
  min-height: var(--o);
135
135
  }
136
136
 
137
- ._vg {
137
+ ._wg {
138
138
  border-start-start-radius: calc(var(--k, var(--o, 9999px)) / 2);
139
139
  }
140
140
 
141
- ._wg {
141
+ ._xg {
142
142
  border-start-end-radius: calc(var(--k, var(--o, 9999px)) / 2);
143
143
  }
144
144
 
145
- ._xg {
145
+ ._yg {
146
146
  border-end-start-radius: calc(var(--k, var(--o, 9999px)) / 2);
147
147
  }
148
148
 
149
- ._yg {
149
+ ._zg {
150
150
  border-end-end-radius: calc(var(--k, var(--o, 9999px)) / 2);
151
151
  }
152
152
 
153
- .__na {
153
+ .__oa {
154
154
  box-sizing: border-box;
155
155
  }
156
156
 
@@ -158,7 +158,7 @@
158
158
  width: fit-content;
159
159
  }
160
160
 
161
- ._ld {
161
+ ._md {
162
162
  text-decoration: none;
163
163
  }
164
164
 
@@ -178,15 +178,15 @@
178
178
  padding-bottom: 0;
179
179
  }
180
180
 
181
- ._Oa {
181
+ ._Pa {
182
182
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter;
183
183
  }
184
184
 
185
- ._Q-375x7f {
185
+ ._R-375x7f {
186
186
  transition-duration: .15s;
187
187
  }
188
188
 
189
- ._Ra {
189
+ ._Sa {
190
190
  transition-timing-function: cubic-bezier(.45, 0, .4, 1);
191
191
  }
192
192
 
@@ -262,23 +262,23 @@
262
262
  border-color: lch(from var(--s2-container-bg) calc((49.44 - l) * infinity) 0 0 / .17);
263
263
  }
264
264
 
265
- ._B-riuwfd {
265
+ ._C-riuwfd {
266
266
  background-image: linear-gradient(96deg, var(--lightningcss-light, #b539c8) var(--lightningcss-dark, #d549eb) 0%, var(--lightningcss-light, #7155fa) var(--lightningcss-dark, #8077fe) 66%, var(--lightningcss-light, #3b63fb) var(--lightningcss-dark, #5681ff) 100%);
267
267
  }
268
268
 
269
- ._B-2xhv0x {
269
+ ._C-2xhv0x {
270
270
  background-image: linear-gradient(96deg, var(--lightningcss-light, #9c28af) var(--lightningcss-dark, #e85bfd) 0%, var(--lightningcss-light, #6338ee) var(--lightningcss-dark, #8b8dfe) 66%, var(--lightningcss-light, #274dea) var(--lightningcss-dark, #6995fe) 100%);
271
271
  }
272
272
 
273
- ._B-u0nzys {
273
+ ._C-u0nzys {
274
274
  background-image: linear-gradient(96deg, var(--lightningcss-light, #d73220) var(--lightningcss-dark, #fc432e) 0%, var(--lightningcss-light, #d92361) var(--lightningcss-dark, #f37) 33%, var(--lightningcss-light, #7155fa) var(--lightningcss-dark, #8077fe) 100%);
275
275
  }
276
276
 
277
- ._B-1gcd5pl {
277
+ ._C-1gcd5pl {
278
278
  background-image: linear-gradient(96deg, var(--lightningcss-light, #b72818) var(--lightningcss-dark, #ff6756) 0%, var(--lightningcss-light, #ba1650) var(--lightningcss-dark, #ff6095) 33%, var(--lightningcss-light, #6338ee) var(--lightningcss-dark, #8b8dfe) 100%);
279
279
  }
280
280
 
281
- ._B-yknrp1 {
281
+ ._C-yknrp1 {
282
282
  background-image: none;
283
283
  }
284
284
 
@@ -290,11 +290,11 @@
290
290
  --iconPrimary: currentColor;
291
291
  }
292
292
 
293
- ._zb {
293
+ ._Ab {
294
294
  forced-color-adjust: none;
295
295
  }
296
296
 
297
- .__R-yksgrp {
297
+ .__S-yksgrp {
298
298
  -webkit-tap-highlight-color: #0000;
299
299
  }
300
300
 
@@ -386,27 +386,27 @@
386
386
  --b: lch(from var(--s2-container-bg) calc((49.44 - l) * infinity) 0 0 / .11);
387
387
  }
388
388
 
389
- .Ua {
389
+ .Va {
390
390
  position: absolute;
391
391
  }
392
392
 
393
- .X-3760fj {
393
+ .Y-3760fj {
394
394
  top: 50%;
395
395
  }
396
396
 
397
- .Y-3760fj {
397
+ .Z-3760fj {
398
398
  left: 50%;
399
399
  }
400
400
 
401
- .T-1tktoou {
401
+ .U-1tktoou {
402
402
  transform: translate(-50%, -50%);
403
403
  }
404
404
 
405
- ._K-3t1x {
405
+ ._L-3t1x {
406
406
  opacity: 0;
407
407
  }
408
408
 
409
- ._K-3t1y {
409
+ ._L-3t1y {
410
410
  opacity: 1;
411
411
  }
412
412
 
@@ -450,11 +450,11 @@
450
450
  padding-bottom: var(--labelPadding);
451
451
  }
452
452
 
453
- .__A-3t1y {
453
+ .__B-3t1y {
454
454
  order: 1;
455
455
  }
456
456
 
457
- .__A-3t1x {
457
+ .__B-3t1x {
458
458
  order: 0;
459
459
  }
460
460
 
@@ -470,21 +470,21 @@
470
470
  margin-inline-start: var(--iconMargin);
471
471
  }
472
472
 
473
- ._8-3t1x {
473
+ ._9-3t1x {
474
474
  flex-shrink: 0;
475
475
  }
476
476
  }
477
477
 
478
478
  @layer _.b {
479
- ._1-soocicc:has([slot="icon"]):not(:has([data-rsp-slot="text"])) {
479
+ ._2-soocicc:has([slot="icon"]):not(:has([data-rsp-slot="text"])) {
480
480
  align-items: center;
481
481
  }
482
482
 
483
- ._c-enzrfpb:lang(ar) {
483
+ ._d-enzrfpb:lang(ar) {
484
484
  font-family: myriad-arabic, ui-sans-serif, system-ui, sans-serif;
485
485
  }
486
486
 
487
- ._f-1x99dlob:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans)) {
487
+ ._g-1x99dlob:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans)) {
488
488
  line-height: 1.5;
489
489
  }
490
490
 
@@ -516,7 +516,7 @@
516
516
  padding-inline-end: 0;
517
517
  }
518
518
 
519
- ._b-soocicb:has([slot="icon"]):not(:has([data-rsp-slot="text"])) {
519
+ ._c-soocicb:has([slot="icon"]):not(:has([data-rsp-slot="text"])) {
520
520
  aspect-ratio: 1;
521
521
  }
522
522
 
@@ -526,37 +526,37 @@
526
526
  }
527
527
 
528
528
  @layer _.c {
529
- ._c-enzwzjc:lang(he) {
529
+ ._d-enzwzjc:lang(he) {
530
530
  font-family: myriad-hebrew, ui-sans-serif, system-ui, sans-serif;
531
531
  }
532
532
  }
533
533
 
534
534
  @layer _.d {
535
- ._c-enzykdd:lang(ja) {
535
+ ._d-enzykdd:lang(ja) {
536
536
  font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, MS Pゴシック, MS PGothic, sans-serif;
537
537
  }
538
538
  }
539
539
 
540
540
  @layer _.e {
541
- ._c-enzzrge:lang(ko) {
541
+ ._d-enzzrge:lang(ko) {
542
542
  font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
543
543
  }
544
544
  }
545
545
 
546
546
  @layer _.f {
547
- ._c-eo0c6sf:lang(zh) {
547
+ ._d-eo0c6sf:lang(zh) {
548
548
  font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
549
549
  }
550
550
  }
551
551
 
552
552
  @layer _.g {
553
- ._c-1uotwbwg:lang(zh-hant) {
553
+ ._d-1uotwbwg:lang(zh-hant) {
554
554
  font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
555
555
  }
556
556
  }
557
557
 
558
558
  @layer _.h {
559
- ._c-bc1l9oh:is(:lang(zh-Hans), :lang(zh-CN), :lang(zh-SG)) {
559
+ ._d-bc1l9oh:is(:lang(zh-Hans), :lang(zh-CN), :lang(zh-SG)) {
560
560
  font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
561
561
  }
562
562
  }
@@ -597,7 +597,7 @@
597
597
  border-color: graytext;
598
598
  }
599
599
 
600
- ._Ba-yknrp1 {
600
+ ._Ca-yknrp1 {
601
601
  background-image: none;
602
602
  }
603
603
 
@@ -625,23 +625,23 @@
625
625
  column-gap: .470588em;
626
626
  }
627
627
 
628
- ._dbf {
628
+ ._ebf {
629
629
  font-size: 1.0625rem;
630
630
  }
631
631
 
632
- ._dbb {
632
+ ._ebb {
633
633
  font-size: .8125rem;
634
634
  }
635
635
 
636
- ._dbd {
636
+ ._ebd {
637
637
  font-size: .9375rem;
638
638
  }
639
639
 
640
- ._dbh {
640
+ ._ebh {
641
641
  font-size: 1.1875rem;
642
642
  }
643
643
 
644
- ._dbj {
644
+ ._ebj {
645
645
  font-size: 1.375rem;
646
646
  }
647
647
  }
package/dist/Button.mjs CHANGED
@@ -47,60 +47,60 @@ const $067ea9f64ccd4e8e$export$1c1a176f3b9e48d3 = /*#__PURE__*/ (0, $7BBHC$creat
47
47
  const $067ea9f64ccd4e8e$var$iconOnly = ':has([slot=icon]):not(:has([data-rsp-slot=text]))';
48
48
  const $067ea9f64ccd4e8e$var$button = function anonymous(props, overrides) {
49
49
  let rules = " .";
50
- let matches = (overrides || '').match(/(?:^|\s)(?:y|z|A|B|_9|_8|h|_5|_4|__A|__c|__d|__a|__b|U|__Q|X|Z|V|W|l|q|r)[^\s]+/g) || [];
50
+ 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) || [];
51
51
  rules += matches.join('');
52
- let $U = false;
52
+ let $V = false;
53
53
  let $q = false;
54
54
  let $l = false;
55
55
  for (let p of matches){
56
- if (/^\s*U/.test(p)) $U = true;
56
+ if (/^\s*V/.test(p)) $V = true;
57
57
  if (/^\s*q/.test(p)) $q = true;
58
58
  if (/^\s*l/.test(p)) $l = true;
59
59
  }
60
- if (props.isFocusVisible) rules += ' _Lb';
61
- else rules += ' _La';
60
+ if (props.isFocusVisible) rules += ' _Mb';
61
+ else rules += ' _Ma';
62
62
  rules += ' da_____M';
63
63
  if (props.isStaticColor) rules += ' d_____G';
64
64
  else rules += ' dx';
65
- rules += ' _Nc';
66
- rules += ' _M-3t1z';
65
+ rules += ' _Oc';
66
+ rules += ' _N-3t1z';
67
67
  if (props.staticColor === "white") rules += ' -_1de2x0q_b-b';
68
68
  else if (props.staticColor === "black") rules += ' -_1de2x0q_b-c';
69
- if (!$U) rules += ' Uc';
70
- rules += ' _Zd';
71
- rules += ' _1-soocicc';
72
- rules += ' _1d';
69
+ if (!$V) rules += ' Vc';
70
+ rules += ' _0d';
71
+ rules += ' _2-soocicc';
73
72
  rules += ' _2d';
74
- rules += ' _ja';
73
+ rules += ' _3d';
74
+ rules += ' _ka';
75
75
  rules += ' jbH';
76
76
  rules += ' jG';
77
- rules += ' _c-bc1l9oh';
78
- rules += ' _c-1uotwbwg';
79
- rules += ' _c-eo0c6sf';
80
- rules += ' _c-enzzrge';
81
- rules += ' _c-enzykdd';
82
- rules += ' _c-enzwzjc';
83
- rules += ' _c-enzrfpb';
84
- rules += ' _ca';
77
+ rules += ' _d-bc1l9oh';
78
+ rules += ' _d-1uotwbwg';
79
+ rules += ' _d-eo0c6sf';
80
+ rules += ' _d-enzzrge';
81
+ rules += ' _d-enzykdd';
82
+ rules += ' _d-enzwzjc';
83
+ rules += ' _d-enzrfpb';
84
+ rules += ' _da';
85
85
  if (props.size === "XL") {
86
- rules += ' _dbj';
87
- rules += ' _di';
86
+ rules += ' _ebj';
87
+ rules += ' _ei';
88
88
  } else if (props.size === "L") {
89
- rules += ' _dbh';
90
- rules += ' _dg';
89
+ rules += ' _ebh';
90
+ rules += ' _eg';
91
91
  } else if (props.size === "S") {
92
- rules += ' _dbd';
93
- rules += ' _dc';
92
+ rules += ' _ebd';
93
+ rules += ' _ec';
94
94
  } else if (props.size === "XS") {
95
- rules += ' _dbb';
96
- rules += ' _da';
95
+ rules += ' _ebb';
96
+ rules += ' _ea';
97
97
  } else {
98
- rules += ' _dbf';
99
- rules += ' _de';
98
+ rules += ' _ebf';
99
+ rules += ' _ee';
100
100
  }
101
- rules += ' _ed';
102
- rules += ' _f-1x99dlob';
103
- rules += ' _fa';
101
+ rules += ' _fd';
102
+ rules += ' _g-1x99dlob';
103
+ rules += ' _ga';
104
104
  if (props.fillStyle === "outline") {
105
105
  if (props.isDisabled) rules += ' aa_____O';
106
106
  else rules += ' aa_____K';
@@ -152,7 +152,7 @@ const $067ea9f64ccd4e8e$var$button = function anonymous(props, overrides) {
152
152
  else rules += ' an';
153
153
  } else if (props.variant === "primary") rules += ' ad';
154
154
  }
155
- rules += ' __Da';
155
+ rules += ' __Ea';
156
156
  rules += ' o-375tou';
157
157
  if (!$q) {
158
158
  if (props.size === "XL") rules += ' q-soocicj';
@@ -161,23 +161,23 @@ const $067ea9f64ccd4e8e$var$button = function anonymous(props, overrides) {
161
161
  else if (props.size === "XS") rules += ' q-soocicg';
162
162
  else rules += ' q-soocicf';
163
163
  }
164
- rules += ' _vg';
165
164
  rules += ' _wg';
166
165
  rules += ' _xg';
167
166
  rules += ' _yg';
168
- rules += ' __na';
167
+ rules += ' _zg';
168
+ rules += ' __oa';
169
169
  if (!$l) rules += ' le';
170
- rules += ' _ld';
170
+ rules += ' _md';
171
171
  rules += ' C-soocica';
172
172
  rules += ' CJ';
173
173
  rules += ' D-soocica';
174
174
  rules += ' DJ';
175
175
  rules += ' Ea';
176
176
  rules += ' Fa';
177
- rules += ' _b-soocicb';
178
- rules += ' _Oa';
179
- rules += ' _Q-375x7f';
180
- rules += ' _Ra';
177
+ rules += ' _c-soocicb';
178
+ rules += ' _Pa';
179
+ rules += ' _R-375x7f';
180
+ rules += ' _Sa';
181
181
  rules += ' wa';
182
182
  rules += ' u-375tp0';
183
183
  rules += ' v-375tp1';
@@ -220,23 +220,23 @@ const $067ea9f64ccd4e8e$var$button = function anonymous(props, overrides) {
220
220
  else if (props.isHovered) rules += ' co';
221
221
  else rules += ' cn';
222
222
  }
223
- rules += ' _Ba-yknrp1';
224
- if (props.isDisabled) rules += ' _B-yknrp1';
223
+ rules += ' _Ca-yknrp1';
224
+ if (props.isDisabled) rules += ' _C-yknrp1';
225
225
  else if (props.variant === "genai") {
226
- if (props.isFocusVisible) rules += ' _B-1gcd5pl';
227
- else if (props.isPressed) rules += ' _B-1gcd5pl';
228
- else if (props.isHovered) rules += ' _B-1gcd5pl';
229
- else rules += ' _B-u0nzys';
226
+ if (props.isFocusVisible) rules += ' _C-1gcd5pl';
227
+ else if (props.isPressed) rules += ' _C-1gcd5pl';
228
+ else if (props.isHovered) rules += ' _C-1gcd5pl';
229
+ else rules += ' _C-u0nzys';
230
230
  } else if (props.variant === "premium") {
231
- if (props.isFocusVisible) rules += ' _B-2xhv0x';
232
- else if (props.isPressed) rules += ' _B-2xhv0x';
233
- else if (props.isHovered) rules += ' _B-2xhv0x';
234
- else rules += ' _B-riuwfd';
231
+ if (props.isFocusVisible) rules += ' _C-2xhv0x';
232
+ else if (props.isPressed) rules += ' _C-2xhv0x';
233
+ else if (props.isHovered) rules += ' _C-2xhv0x';
234
+ else rules += ' _C-riuwfd';
235
235
  }
236
236
  rules += ' b-375toh';
237
237
  rules += ' -rwx0fg_e-b';
238
- rules += ' _zb';
239
- rules += ' __R-yksgrp';
238
+ rules += ' _Ab';
239
+ rules += ' __S-yksgrp';
240
240
  if (props.size === "XL") rules += ' -_375tou_o-j';
241
241
  else if (props.size === "L") rules += ' -_375tou_o-i';
242
242
  else if (props.size === "S") rules += ' -_375tou_o-h';
@@ -374,9 +374,9 @@ const $067ea9f64ccd4e8e$export$353f5b6fc5456de1 = /*#__PURE__*/ (0, $7BBHC$forwa
374
374
  let rules = " .";
375
375
  rules += ' E-1gogtue';
376
376
  rules += ' F-1gogtue';
377
- rules += ' __A-3t1y';
378
- if (props.isProgressVisible) rules += ' _K-3t1x';
379
- else rules += ' _K-3t1y';
377
+ rules += ' __B-3t1y';
378
+ if (props.isProgressVisible) rules += ' _L-3t1x';
379
+ else rules += ' _L-3t1y';
380
380
  return rules;
381
381
  }({
382
382
  isProgressVisible: isProgressVisible
@@ -390,16 +390,16 @@ const $067ea9f64ccd4e8e$export$353f5b6fc5456de1 = /*#__PURE__*/ (0, $7BBHC$forwa
390
390
  {
391
391
  render: (0, $1f4b04be3f24aae3$export$9d7e2342a7e53afa)({
392
392
  slot: 'icon',
393
- styles: " . __A-3t1x"
393
+ styles: " . __B-3t1x"
394
394
  }),
395
395
  styles: function anonymous(props) {
396
396
  let rules = " .";
397
397
  rules += ' l-1sthc3k';
398
398
  rules += ' k-1sthc3k';
399
399
  rules += ' y-oelgqu';
400
- rules += ' _8-3t1x';
401
- if (props.isProgressVisible) rules += ' _K-3t1x';
402
- else rules += ' _K-3t1y';
400
+ rules += ' _9-3t1x';
401
+ if (props.isProgressVisible) rules += ' _L-3t1x';
402
+ else rules += ' _L-3t1y';
403
403
  return rules;
404
404
  }({
405
405
  isProgressVisible: isProgressVisible
@@ -414,12 +414,12 @@ const $067ea9f64ccd4e8e$export$353f5b6fc5456de1 = /*#__PURE__*/ (0, $7BBHC$forwa
414
414
  isPending && /*#__PURE__*/ (0, $7BBHC$jsx)("div", {
415
415
  className: function anonymous(props) {
416
416
  let rules = " .";
417
- rules += ' Ua';
418
- rules += ' X-3760fj';
417
+ rules += ' Va';
419
418
  rules += ' Y-3760fj';
420
- rules += ' T-1tktoou';
421
- if (props.isProgressVisible) rules += ' _K-3t1y';
422
- else rules += ' _K-3t1x';
419
+ rules += ' Z-3760fj';
420
+ rules += ' U-1tktoou';
421
+ if (props.isProgressVisible) rules += ' _L-3t1y';
422
+ else rules += ' _L-3t1x';
423
423
  return rules;
424
424
  }({
425
425
  isProgressVisible: isProgressVisible,
@@ -479,7 +479,7 @@ const $067ea9f64ccd4e8e$export$29d11c0fe2fc51d8 = /*#__PURE__*/ (0, $7BBHC$forwa
479
479
  [
480
480
  (0, $8e847109a6ab556d$export$9afb8bc826b033ea),
481
481
  {
482
- styles: " . E-1gogtue F-1gogtue __A-3t1y",
482
+ styles: " . E-1gogtue F-1gogtue __B-3t1y",
483
483
  // @ts-ignore data-attributes allowed on all JSX elements, but adding to DOMProps has been problematic in the past
484
484
  'data-rsp-slot': 'text'
485
485
  }
@@ -489,9 +489,9 @@ const $067ea9f64ccd4e8e$export$29d11c0fe2fc51d8 = /*#__PURE__*/ (0, $7BBHC$forwa
489
489
  {
490
490
  render: (0, $1f4b04be3f24aae3$export$9d7e2342a7e53afa)({
491
491
  slot: 'icon',
492
- styles: " . __A-3t1x"
492
+ styles: " . __B-3t1x"
493
493
  }),
494
- styles: " . l-1sthc3k k-1sthc3k y-oelgqu _8-3t1x"
494
+ styles: " . l-1sthc3k k-1sthc3k y-oelgqu _9-3t1x"
495
495
  }
496
496
  ]
497
497
  ],
@@ -34,12 +34,12 @@ $parcel$export(module.exports, "ButtonGroup", () => $e1016b8947dbadb8$export$69b
34
34
  const $e1016b8947dbadb8$export$4c574c91bb0be0e2 = /*#__PURE__*/ (0, $5rFNy$react.createContext)({});
35
35
  const $e1016b8947dbadb8$var$buttongroup = function anonymous(props, overrides) {
36
36
  let rules = " .";
37
- let matches = (overrides || '').match(/(?:^|\s)(?:y|z|A|B|_9|_8|h|_5|_4|__A|__c|__d|__a|__b|U|__Q|X|Z|V|W|l|q|r)[^\s]+/g) || [];
37
+ 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) || [];
38
38
  rules += matches.join('');
39
- let $U = false;
40
- for (let p of matches)if (/^\s*U/.test(p)) $U = true;
41
- rules += ' _Ze';
42
- if (!$U) rules += ' Uc';
39
+ let $V = false;
40
+ for (let p of matches)if (/^\s*V/.test(p)) $V = true;
41
+ rules += ' _0e';
42
+ if (!$V) rules += ' Vc';
43
43
  if (props.size === "XL") rules += ' ie';
44
44
  else if (props.size === "L") rules += ' ie';
45
45
  else if (props.size === "M") rules += ' ie';
@@ -48,17 +48,17 @@ const $e1016b8947dbadb8$var$buttongroup = function anonymous(props, overrides) {
48
48
  else if (props.size === "L") rules += ' je';
49
49
  else if (props.size === "M") rules += ' je';
50
50
  else if (props.size === "S") rules += ' jd';
51
- if (props.orientation === "vertical") rules += ' _6b';
52
- else rules += ' _6a';
51
+ if (props.orientation === "vertical") rules += ' _7b';
52
+ else rules += ' _7a';
53
53
  if (props.orientation === "vertical") {
54
- if (props.align === "center") rules += ' _1c';
55
- else if (props.align === "end") rules += ' _1b';
56
- else rules += ' _1a';
57
- } else rules += ' _1c';
54
+ if (props.align === "center") rules += ' _2c';
55
+ else if (props.align === "end") rules += ' _2b';
56
+ else rules += ' _2a';
57
+ } else rules += ' _2c';
58
58
  if (props.orientation === "vertical") {
59
- if (props.align === "center") rules += ' _2d';
60
- else if (props.align === "end") rules += ' _2c';
61
- else rules += ' _2b';
59
+ if (props.align === "center") rules += ' _3d';
60
+ else if (props.align === "end") rules += ' _3c';
61
+ else rules += ' _3b';
62
62
  }
63
63
  return rules;
64
64
  };
@@ -112,7 +112,7 @@ const $e1016b8947dbadb8$export$69b1032f2ecdf404 = /*#__PURE__*/ (0, $5rFNy$react
112
112
  });
113
113
  if (props.isHidden) return null;
114
114
  let context = {
115
- styles: " . _8-3t1x",
115
+ styles: " . _9-3t1x",
116
116
  size: size,
117
117
  isDisabled: isDisabled
118
118
  };