@react-spectrum/s2 3.0.0-nightly-326f48154-241216 → 3.0.0-nightly-fee532d6a-241217

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 (180) hide show
  1. package/dist/ActionButton.cjs +58 -80
  2. package/dist/ActionButton.cjs.map +1 -1
  3. package/dist/ActionButton.css +76 -96
  4. package/dist/ActionButton.css.map +1 -1
  5. package/dist/ActionButton.mjs +58 -80
  6. package/dist/ActionButton.mjs.map +1 -1
  7. package/dist/ActionButtonGroup.cjs.map +1 -1
  8. package/dist/ActionButtonGroup.css.map +1 -1
  9. package/dist/ActionButtonGroup.mjs.map +1 -1
  10. package/dist/Badge.cjs +66 -66
  11. package/dist/Badge.css +43 -43
  12. package/dist/Badge.mjs +66 -66
  13. package/dist/Breadcrumbs.cjs +6 -6
  14. package/dist/Breadcrumbs.css +4 -4
  15. package/dist/Breadcrumbs.mjs +6 -6
  16. package/dist/Button.cjs +89 -134
  17. package/dist/Button.cjs.map +1 -1
  18. package/dist/Button.css +102 -134
  19. package/dist/Button.css.map +1 -1
  20. package/dist/Button.mjs +89 -134
  21. package/dist/Button.mjs.map +1 -1
  22. package/dist/Card.cjs +4 -4
  23. package/dist/Card.css +3 -3
  24. package/dist/Card.mjs +4 -4
  25. package/dist/CardView.cjs +1 -1
  26. package/dist/CardView.css +1 -1
  27. package/dist/CardView.mjs +1 -1
  28. package/dist/Checkbox.cjs +10 -10
  29. package/dist/Checkbox.css +10 -10
  30. package/dist/Checkbox.mjs +10 -10
  31. package/dist/CloseButton.cjs +17 -28
  32. package/dist/CloseButton.cjs.map +1 -1
  33. package/dist/CloseButton.css +19 -31
  34. package/dist/CloseButton.css.map +1 -1
  35. package/dist/CloseButton.mjs +17 -28
  36. package/dist/CloseButton.mjs.map +1 -1
  37. package/dist/ColorArea.cjs +1 -1
  38. package/dist/ColorArea.css +1 -1
  39. package/dist/ColorArea.mjs +1 -1
  40. package/dist/ColorHandle.cjs +3 -3
  41. package/dist/ColorHandle.css +3 -3
  42. package/dist/ColorHandle.mjs +3 -3
  43. package/dist/ColorSlider.cjs +1 -1
  44. package/dist/ColorSlider.css +1 -1
  45. package/dist/ColorSlider.mjs +1 -1
  46. package/dist/ColorSwatchPicker.cjs +1 -1
  47. package/dist/ColorSwatchPicker.css +1 -1
  48. package/dist/ColorSwatchPicker.mjs +1 -1
  49. package/dist/ColorWheel.cjs +2 -2
  50. package/dist/ColorWheel.css +1 -1
  51. package/dist/ColorWheel.mjs +2 -2
  52. package/dist/ComboBox.cjs +5 -5
  53. package/dist/ComboBox.css +4 -4
  54. package/dist/ComboBox.mjs +5 -5
  55. package/dist/Disclosure.cjs +1 -1
  56. package/dist/Disclosure.css +1 -1
  57. package/dist/Disclosure.mjs +1 -1
  58. package/dist/Divider.cjs +8 -8
  59. package/dist/Divider.cjs.map +1 -1
  60. package/dist/Divider.css +13 -13
  61. package/dist/Divider.css.map +1 -1
  62. package/dist/Divider.mjs +8 -8
  63. package/dist/Divider.mjs.map +1 -1
  64. package/dist/DropZone.cjs +4 -4
  65. package/dist/DropZone.css +2 -2
  66. package/dist/DropZone.mjs +4 -4
  67. package/dist/Field.cjs +7 -8
  68. package/dist/Field.cjs.map +1 -1
  69. package/dist/Field.css +7 -11
  70. package/dist/Field.css.map +1 -1
  71. package/dist/Field.mjs +7 -8
  72. package/dist/Field.mjs.map +1 -1
  73. package/dist/InlineAlert.cjs +23 -23
  74. package/dist/InlineAlert.css +15 -15
  75. package/dist/InlineAlert.mjs +23 -23
  76. package/dist/Link.cjs +7 -6
  77. package/dist/Link.cjs.map +1 -1
  78. package/dist/Link.css +14 -14
  79. package/dist/Link.css.map +1 -1
  80. package/dist/Link.mjs +7 -6
  81. package/dist/Link.mjs.map +1 -1
  82. package/dist/Menu.cjs +26 -6
  83. package/dist/Menu.cjs.map +1 -1
  84. package/dist/Menu.css +3 -3
  85. package/dist/Menu.css.map +1 -1
  86. package/dist/Menu.mjs +27 -7
  87. package/dist/Menu.mjs.map +1 -1
  88. package/dist/Meter.cjs +13 -13
  89. package/dist/Meter.cjs.map +1 -1
  90. package/dist/Meter.css +18 -22
  91. package/dist/Meter.css.map +1 -1
  92. package/dist/Meter.mjs +13 -13
  93. package/dist/Meter.mjs.map +1 -1
  94. package/dist/Modal.cjs +1 -1
  95. package/dist/Modal.css +1 -1
  96. package/dist/Modal.mjs +1 -1
  97. package/dist/NumberField.cjs +4 -4
  98. package/dist/NumberField.css +4 -4
  99. package/dist/NumberField.mjs +4 -4
  100. package/dist/Picker.cjs +4 -4
  101. package/dist/Picker.css +4 -4
  102. package/dist/Picker.mjs +4 -4
  103. package/dist/Popover.cjs +3 -3
  104. package/dist/Popover.css +3 -3
  105. package/dist/Popover.mjs +3 -3
  106. package/dist/ProgressBar.cjs +20 -18
  107. package/dist/ProgressBar.cjs.map +1 -1
  108. package/dist/ProgressBar.css +20 -24
  109. package/dist/ProgressBar.css.map +1 -1
  110. package/dist/ProgressBar.mjs +20 -18
  111. package/dist/ProgressBar.mjs.map +1 -1
  112. package/dist/ProgressCircle.cjs +11 -9
  113. package/dist/ProgressCircle.cjs.map +1 -1
  114. package/dist/ProgressCircle.css +14 -14
  115. package/dist/ProgressCircle.css.map +1 -1
  116. package/dist/ProgressCircle.mjs +11 -9
  117. package/dist/ProgressCircle.mjs.map +1 -1
  118. package/dist/Provider.cjs +1 -1
  119. package/dist/Provider.css +1 -1
  120. package/dist/Provider.mjs +1 -1
  121. package/dist/Radio.cjs +6 -6
  122. package/dist/Radio.css +6 -6
  123. package/dist/Radio.mjs +6 -6
  124. package/dist/SearchField.cjs +1 -1
  125. package/dist/SearchField.css +1 -1
  126. package/dist/SearchField.mjs +1 -1
  127. package/dist/SegmentedControl.cjs +8 -8
  128. package/dist/SegmentedControl.css +8 -8
  129. package/dist/SegmentedControl.mjs +8 -8
  130. package/dist/Slider.cjs +8 -8
  131. package/dist/Slider.css +5 -5
  132. package/dist/Slider.mjs +8 -8
  133. package/dist/Switch.cjs +7 -7
  134. package/dist/Switch.css +6 -6
  135. package/dist/Switch.mjs +7 -7
  136. package/dist/TableView.cjs +17 -17
  137. package/dist/TableView.css +11 -11
  138. package/dist/TableView.mjs +17 -17
  139. package/dist/Tabs.cjs +5 -5
  140. package/dist/Tabs.css +5 -5
  141. package/dist/Tabs.mjs +5 -5
  142. package/dist/TabsPicker.cjs +1 -1
  143. package/dist/TabsPicker.css +1 -1
  144. package/dist/TabsPicker.mjs +1 -1
  145. package/dist/TagGroup.cjs +10 -10
  146. package/dist/TagGroup.css +8 -8
  147. package/dist/TagGroup.mjs +10 -10
  148. package/dist/ToggleButton.cjs +1 -0
  149. package/dist/ToggleButton.cjs.map +1 -1
  150. package/dist/ToggleButton.css.map +1 -1
  151. package/dist/ToggleButton.mjs +1 -0
  152. package/dist/ToggleButton.mjs.map +1 -1
  153. package/dist/Tooltip.cjs +1 -1
  154. package/dist/Tooltip.css +1 -1
  155. package/dist/Tooltip.mjs +1 -1
  156. package/dist/types.d.ts +9 -9
  157. package/dist/types.d.ts.map +1 -1
  158. package/package.json +18 -18
  159. package/src/ActionButton.tsx +19 -43
  160. package/src/ActionButtonGroup.tsx +1 -1
  161. package/src/Button.tsx +36 -79
  162. package/src/CloseButton.tsx +10 -20
  163. package/src/Divider.tsx +10 -16
  164. package/src/Field.tsx +2 -2
  165. package/src/Link.tsx +7 -12
  166. package/src/Menu.tsx +22 -6
  167. package/src/Meter.tsx +7 -14
  168. package/src/ProgressBar.tsx +8 -15
  169. package/src/ProgressCircle.tsx +12 -15
  170. package/src/ToggleButton.tsx +1 -0
  171. package/src/bar-utils.ts +3 -10
  172. package/src/style-utils.ts +15 -8
  173. package/style/dist/spectrum-theme.cjs +15 -1
  174. package/style/dist/spectrum-theme.cjs.map +1 -1
  175. package/style/dist/spectrum-theme.mjs +15 -1
  176. package/style/dist/spectrum-theme.mjs.map +1 -1
  177. package/style/dist/types.d.ts +40 -27
  178. package/style/dist/types.d.ts.map +1 -1
  179. package/style/spectrum-theme.ts +4 -2
  180. package/style/tokens.ts +30 -0
package/dist/Badge.css CHANGED
@@ -97,175 +97,175 @@
97
97
  column-gap: .428571em;
98
98
  }
99
99
 
100
- .b_____F {
100
+ .b_____S {
101
101
  background-color: var(--lightningcss-light, #274dea) var(--lightningcss-dark, #345bf8);
102
102
  }
103
103
 
104
- .b_____I {
104
+ .b_____V {
105
105
  background-color: var(--lightningcss-light, #292929) var(--lightningcss-dark, #444);
106
106
  }
107
107
 
108
- .b_____O {
108
+ .b_____1 {
109
109
  background-color: var(--lightningcss-light, #036e45) var(--lightningcss-dark, #047c4b);
110
110
  }
111
111
 
112
- .b_____L {
112
+ .b_____Y {
113
113
  background-color: var(--lightningcss-light, #b72818) var(--lightningcss-dark, #cd2e1d);
114
114
  }
115
115
 
116
- .b_____H {
116
+ .b_____U {
117
117
  background-color: var(--lightningcss-light, #505050) var(--lightningcss-dark, #6d6d6d);
118
118
  }
119
119
 
120
- .b_____K {
120
+ .b_____X {
121
121
  background-color: var(--lightningcss-light, #d73220) var(--lightningcss-dark, #df3422);
122
122
  }
123
123
 
124
- .b_____Q {
124
+ .b_____3 {
125
125
  background-color: var(--lightningcss-light, #fc7d00) var(--lightningcss-dark, #e06400);
126
126
  }
127
127
 
128
- .b_____S {
128
+ .b_____5 {
129
129
  background-color: var(--lightningcss-light, #f5c700) var(--lightningcss-dark, #da9f00);
130
130
  }
131
131
 
132
- .b_____U {
132
+ .b_____7 {
133
133
  background-color: var(--lightningcss-light, #a3c400) var(--lightningcss-dark, #88a400);
134
134
  }
135
135
 
136
- .b_____W {
136
+ .b_____9 {
137
137
  background-color: var(--lightningcss-light, #5db41f) var(--lightningcss-dark, #4e9a17);
138
138
  }
139
139
 
140
- .b_____N {
140
+ .b_____0 {
141
141
  background-color: var(--lightningcss-light, #05834e) var(--lightningcss-dark, #068850);
142
142
  }
143
143
 
144
- .b_____Y {
144
+ .b______b {
145
145
  background-color: var(--lightningcss-light, #07816d) var(--lightningcss-dark, #088670);
146
146
  }
147
147
 
148
- .b_____0 {
148
+ .b______d {
149
149
  background-color: var(--lightningcss-light, #0b78b3) var(--lightningcss-dark, #0d7dba);
150
150
  }
151
151
 
152
- .b_____E {
152
+ .b_____R {
153
153
  background-color: var(--lightningcss-light, #3b63fb) var(--lightningcss-dark, #4069fd);
154
154
  }
155
155
 
156
- .b_____2 {
156
+ .b______f {
157
157
  background-color: var(--lightningcss-light, #7155fa) var(--lightningcss-dark, #745bfc);
158
158
  }
159
159
 
160
- .b_____4 {
160
+ .b______h {
161
161
  background-color: var(--lightningcss-light, #9a47e2) var(--lightningcss-dark, #9d4ee4);
162
162
  }
163
163
 
164
- .b_____6 {
164
+ .b______j {
165
165
  background-color: var(--lightningcss-light, #b539c8) var(--lightningcss-dark, #ba3cce);
166
166
  }
167
167
 
168
- .b_____8 {
168
+ .b______l {
169
169
  background-color: var(--lightningcss-light, #d92361) var(--lightningcss-dark, #e02665);
170
170
  }
171
171
 
172
- .b______a {
172
+ .b______n {
173
173
  background-color: var(--lightningcss-light, #ce2a92) var(--lightningcss-dark, #d52d97);
174
174
  }
175
175
 
176
- .b______c {
176
+ .b______p {
177
177
  background-color: var(--lightningcss-light, #087e89) var(--lightningcss-dark, #09838e);
178
178
  }
179
179
 
180
- .b______g {
180
+ .b______t {
181
181
  background-color: var(--lightningcss-light, #8b6d42) var(--lightningcss-dark, #8f7245);
182
182
  }
183
183
 
184
- .b______e {
184
+ .b______r {
185
185
  background-color: var(--lightningcss-light, #aa5e38) var(--lightningcss-dark, #b0623b);
186
186
  }
187
187
 
188
- .b______i {
188
+ .b______v {
189
189
  background-color: var(--lightningcss-light, #727272) var(--lightningcss-dark, #767676);
190
190
  }
191
191
 
192
- .b_____J {
192
+ .b_____W {
193
193
  background-color: var(--lightningcss-light, #e9e9e9) var(--lightningcss-dark, #393939);
194
194
  }
195
195
 
196
- .b_____M {
196
+ .b_____Z {
197
197
  background-color: var(--lightningcss-light, #ffebe8) var(--lightningcss-dark, #571107);
198
198
  }
199
199
 
200
- .b_____R {
200
+ .b_____4 {
201
201
  background-color: var(--lightningcss-light, #ffeccf) var(--lightningcss-dark, #501b00);
202
202
  }
203
203
 
204
- .b_____T {
204
+ .b_____6 {
205
205
  background-color: var(--lightningcss-light, #fff197) var(--lightningcss-dark, #3d2700);
206
206
  }
207
207
 
208
- .b_____V {
208
+ .b_____8 {
209
209
  background-color: var(--lightningcss-light, #eaf6ad) var(--lightningcss-dark, #272f00);
210
210
  }
211
211
 
212
- .b_____X {
212
+ .b______a {
213
213
  background-color: var(--lightningcss-light, #c5ff9c) var(--lightningcss-dark, #153301);
214
214
  }
215
215
 
216
- .b_____P {
216
+ .b_____2 {
217
217
  background-color: var(--lightningcss-light, #d7f7e1) var(--lightningcss-dark, #003326);
218
218
  }
219
219
 
220
- .b_____Z {
220
+ .b______c {
221
221
  background-color: var(--lightningcss-light, #d3f6ea) var(--lightningcss-dark, #00322c);
222
222
  }
223
223
 
224
- .b_____1 {
224
+ .b______e {
225
225
  background-color: var(--lightningcss-light, #d9f4fd) var(--lightningcss-dark, #003041);
226
226
  }
227
227
 
228
- .b_____G {
228
+ .b_____T {
229
229
  background-color: var(--lightningcss-light, #e5f0fe) var(--lightningcss-dark, #0c2175);
230
230
  }
231
231
 
232
- .b_____3 {
232
+ .b______g {
233
233
  background-color: var(--lightningcss-light, #ebeeff) var(--lightningcss-dark, #2f008c);
234
234
  }
235
235
 
236
- .b_____5 {
236
+ .b______i {
237
237
  background-color: var(--lightningcss-light, #f4ebfc) var(--lightningcss-dark, #40007a);
238
238
  }
239
239
 
240
- .b_____7 {
240
+ .b______k {
241
241
  background-color: var(--lightningcss-light, #fde9ff) var(--lightningcss-dark, #4f005f);
242
242
  }
243
243
 
244
- .b_____9 {
244
+ .b______m {
245
245
  background-color: var(--lightningcss-light, #ffe8f0) var(--lightningcss-dark, #5d0022);
246
246
  }
247
247
 
248
- .b______b {
248
+ .b______o {
249
249
  background-color: var(--lightningcss-light, #ffe8f7) var(--lightningcss-dark, #5a0039);
250
250
  }
251
251
 
252
- .b______d {
252
+ .b______q {
253
253
  background-color: var(--lightningcss-light, #d1f5f5) var(--lightningcss-dark, #003136);
254
254
  }
255
255
 
256
- .b______h {
256
+ .b______u {
257
257
  background-color: var(--lightningcss-light, #f7eee1) var(--lightningcss-dark, #3a280e);
258
258
  }
259
259
 
260
- .b______f {
260
+ .b______s {
261
261
  background-color: var(--lightningcss-light, #f9ece5) var(--lightningcss-dark, #4f1c07);
262
262
  }
263
263
 
264
- .b______j {
264
+ .b______w {
265
265
  background-color: var(--lightningcss-light, #efefef) var(--lightningcss-dark, #2c2c2c);
266
266
  }
267
267
 
268
- .b______k {
268
+ .b______x {
269
269
  background-color: var(--lightningcss-light, #fff) var(--lightningcss-dark, #222);
270
270
  }
271
271
 
package/dist/Badge.mjs CHANGED
@@ -90,79 +90,79 @@ const $6357025487dea614$var$badge = function anonymous(props, overrides) {
90
90
  rules += ' -oelgqu_A--177861o';
91
91
  rules += ' jbH';
92
92
  rules += ' jG';
93
- if (props.fillStyle === "outline") rules += ' b______k';
93
+ if (props.fillStyle === "outline") rules += ' b______x';
94
94
  else if (props.fillStyle === "subtle") {
95
- if (props.variant === "silver") rules += ' b______j';
96
- else if (props.variant === "cinnamon") rules += ' b______f';
97
- else if (props.variant === "brown") rules += ' b______h';
98
- else if (props.variant === "turquoise") rules += ' b______d';
99
- else if (props.variant === "pink") rules += ' b______b';
100
- else if (props.variant === "magenta") rules += ' b_____9';
101
- else if (props.variant === "fuchsia") rules += ' b_____7';
102
- else if (props.variant === "purple") rules += ' b_____5';
103
- else if (props.variant === "indigo") rules += ' b_____3';
104
- else if (props.variant === "blue") rules += ' b_____G';
105
- else if (props.variant === "cyan") rules += ' b_____1';
106
- else if (props.variant === "seafoam") rules += ' b_____Z';
107
- else if (props.variant === "green") rules += ' b_____P';
108
- else if (props.variant === "celery") rules += ' b_____X';
109
- else if (props.variant === "charteuse") rules += ' b_____V';
110
- else if (props.variant === "yellow") rules += ' b_____T';
111
- else if (props.variant === "orange") rules += ' b_____R';
112
- else if (props.variant === "red") rules += ' b_____M';
113
- else if (props.variant === "gray") rules += ' b_____J';
114
- else if (props.variant === "negative") rules += ' b_____M';
115
- else if (props.variant === "notice") rules += ' b_____R';
116
- else if (props.variant === "positive") rules += ' b_____P';
117
- else if (props.variant === "neutral") rules += ' b_____J';
118
- else if (props.variant === "informative") rules += ' b_____G';
119
- else if (props.variant === "accent") rules += ' b_____G';
95
+ if (props.variant === "silver") rules += ' b______w';
96
+ else if (props.variant === "cinnamon") rules += ' b______s';
97
+ else if (props.variant === "brown") rules += ' b______u';
98
+ else if (props.variant === "turquoise") rules += ' b______q';
99
+ else if (props.variant === "pink") rules += ' b______o';
100
+ else if (props.variant === "magenta") rules += ' b______m';
101
+ else if (props.variant === "fuchsia") rules += ' b______k';
102
+ else if (props.variant === "purple") rules += ' b______i';
103
+ else if (props.variant === "indigo") rules += ' b______g';
104
+ else if (props.variant === "blue") rules += ' b_____T';
105
+ else if (props.variant === "cyan") rules += ' b______e';
106
+ else if (props.variant === "seafoam") rules += ' b______c';
107
+ else if (props.variant === "green") rules += ' b_____2';
108
+ else if (props.variant === "celery") rules += ' b______a';
109
+ else if (props.variant === "charteuse") rules += ' b_____8';
110
+ else if (props.variant === "yellow") rules += ' b_____6';
111
+ else if (props.variant === "orange") rules += ' b_____4';
112
+ else if (props.variant === "red") rules += ' b_____Z';
113
+ else if (props.variant === "gray") rules += ' b_____W';
114
+ else if (props.variant === "negative") rules += ' b_____Z';
115
+ else if (props.variant === "notice") rules += ' b_____4';
116
+ else if (props.variant === "positive") rules += ' b_____2';
117
+ else if (props.variant === "neutral") rules += ' b_____W';
118
+ else if (props.variant === "informative") rules += ' b_____T';
119
+ else if (props.variant === "accent") rules += ' b_____T';
120
120
  } else if (props.fillStyle === "bold") {
121
- if (props.variant === "silver") rules += ' b______i';
122
- else if (props.variant === "cinnamon") rules += ' b______e';
123
- else if (props.variant === "brown") rules += ' b______g';
124
- else if (props.variant === "turquoise") rules += ' b______c';
125
- else if (props.variant === "pink") rules += ' b______a';
126
- else if (props.variant === "magenta") rules += ' b_____8';
127
- else if (props.variant === "fuchsia") rules += ' b_____6';
128
- else if (props.variant === "purple") rules += ' b_____4';
129
- else if (props.variant === "indigo") rules += ' b_____2';
130
- else if (props.variant === "blue") rules += ' b_____E';
131
- else if (props.variant === "cyan") rules += ' b_____0';
132
- else if (props.variant === "seafoam") rules += ' b_____Y';
133
- else if (props.variant === "green") rules += ' b_____N';
134
- else if (props.variant === "celery") rules += ' b_____W';
135
- else if (props.variant === "charteuse") rules += ' b_____U';
136
- else if (props.variant === "yellow") rules += ' b_____S';
137
- else if (props.variant === "orange") rules += ' b_____Q';
138
- else if (props.variant === "red") rules += ' b_____K';
139
- else if (props.variant === "gray") rules += ' b_____H';
121
+ if (props.variant === "silver") rules += ' b______v';
122
+ else if (props.variant === "cinnamon") rules += ' b______r';
123
+ else if (props.variant === "brown") rules += ' b______t';
124
+ else if (props.variant === "turquoise") rules += ' b______p';
125
+ else if (props.variant === "pink") rules += ' b______n';
126
+ else if (props.variant === "magenta") rules += ' b______l';
127
+ else if (props.variant === "fuchsia") rules += ' b______j';
128
+ else if (props.variant === "purple") rules += ' b______h';
129
+ else if (props.variant === "indigo") rules += ' b______f';
130
+ else if (props.variant === "blue") rules += ' b_____R';
131
+ else if (props.variant === "cyan") rules += ' b______d';
132
+ else if (props.variant === "seafoam") rules += ' b______b';
133
+ else if (props.variant === "green") rules += ' b_____0';
134
+ else if (props.variant === "celery") rules += ' b_____9';
135
+ else if (props.variant === "charteuse") rules += ' b_____7';
136
+ else if (props.variant === "yellow") rules += ' b_____5';
137
+ else if (props.variant === "orange") rules += ' b_____3';
138
+ else if (props.variant === "red") rules += ' b_____X';
139
+ else if (props.variant === "gray") rules += ' b_____U';
140
140
  else if (props.variant === "negative") {
141
- if (props.isPressed) rules += ' b_____L';
142
- else if (props.isFocusVisible) rules += ' b_____L';
143
- else if (props.isHovered) rules += ' b_____L';
144
- else rules += ' b_____K';
145
- } else if (props.variant === "notice") rules += ' b_____Q';
141
+ if (props.isPressed) rules += ' b_____Y';
142
+ else if (props.isFocusVisible) rules += ' b_____Y';
143
+ else if (props.isHovered) rules += ' b_____Y';
144
+ else rules += ' b_____X';
145
+ } else if (props.variant === "notice") rules += ' b_____3';
146
146
  else if (props.variant === "positive") {
147
- if (props.isPressed) rules += ' b_____O';
148
- else if (props.isFocusVisible) rules += ' b_____O';
149
- else if (props.isHovered) rules += ' b_____O';
150
- else rules += ' b_____N';
147
+ if (props.isPressed) rules += ' b_____1';
148
+ else if (props.isFocusVisible) rules += ' b_____1';
149
+ else if (props.isHovered) rules += ' b_____1';
150
+ else rules += ' b_____0';
151
151
  } else if (props.variant === "neutral") {
152
- if (props.isPressed) rules += ' b_____I';
153
- else if (props.isFocusVisible) rules += ' b_____I';
154
- else if (props.isHovered) rules += ' b_____I';
155
- else rules += ' b_____H';
152
+ if (props.isPressed) rules += ' b_____V';
153
+ else if (props.isFocusVisible) rules += ' b_____V';
154
+ else if (props.isHovered) rules += ' b_____V';
155
+ else rules += ' b_____U';
156
156
  } else if (props.variant === "informative") {
157
- if (props.isPressed) rules += ' b_____F';
158
- else if (props.isFocusVisible) rules += ' b_____F';
159
- else if (props.isHovered) rules += ' b_____F';
160
- else rules += ' b_____E';
157
+ if (props.isPressed) rules += ' b_____S';
158
+ else if (props.isFocusVisible) rules += ' b_____S';
159
+ else if (props.isHovered) rules += ' b_____S';
160
+ else rules += ' b_____R';
161
161
  } else if (props.variant === "accent") {
162
- if (props.isPressed) rules += ' b_____F';
163
- else if (props.isFocusVisible) rules += ' b_____F';
164
- else if (props.isHovered) rules += ' b_____F';
165
- else rules += ' b_____E';
162
+ if (props.isPressed) rules += ' b_____S';
163
+ else if (props.isFocusVisible) rules += ' b_____S';
164
+ else if (props.isHovered) rules += ' b_____S';
165
+ else rules += ' b_____R';
166
166
  }
167
167
  }
168
168
  rules += ' wa';
@@ -228,8 +228,8 @@ const $4130f4e17f7081aa$var$breadcrumbStyles = function anonymous(props) {
228
228
  rules += ' _Ra';
229
229
  rules += ' Uc';
230
230
  rules += ' _8-3t1x';
231
- if (props.isDisabled) rules += ' aa_____B';
232
- else rules += ' aa_____x';
231
+ if (props.isDisabled) rules += ' aa_____O';
232
+ else rules += ' aa_____K';
233
233
  if (props.isDisabled) rules += ' aj';
234
234
  else {
235
235
  if (props.isPressed) rules += ' ao';
@@ -249,7 +249,7 @@ const $4130f4e17f7081aa$var$chevronStyles = function anonymous(props) {
249
249
  rules += ' ybH';
250
250
  rules += ' yG';
251
251
  }
252
- rules += ' aa_____D';
252
+ rules += ' aa_____Q';
253
253
  if (props.isPressed) rules += ' ao';
254
254
  else if (props.isFocusVisible) rules += ' ao';
255
255
  else if (props.isHovered) rules += ' ao';
@@ -261,7 +261,7 @@ const $4130f4e17f7081aa$var$linkStyles = function anonymous(props) {
261
261
  let rules = " .";
262
262
  if (props.isFocusVisible) rules += ' _Lb';
263
263
  else rules += ' _La';
264
- rules += ' da_____z';
264
+ rules += ' da_____M';
265
265
  rules += ' dx';
266
266
  rules += ' _Nc';
267
267
  rules += ' _M-3t1z';
@@ -296,8 +296,8 @@ const $4130f4e17f7081aa$var$linkStyles = function anonymous(props) {
296
296
  rules += ' _eb';
297
297
  rules += ' _f-1x99dlob';
298
298
  rules += ' _fa';
299
- if (props.isDisabled) rules += ' aa_____B';
300
- else rules += ' aa_____D';
299
+ if (props.isDisabled) rules += ' aa_____O';
300
+ else rules += ' aa_____Q';
301
301
  if (props.isCurrent) {
302
302
  if (props.isPressed) rules += ' ao';
303
303
  else if (props.isFocusVisible) rules += ' ao';
@@ -326,19 +326,19 @@
326
326
 
327
327
  @layer _.b.a {
328
328
  @media (forced-colors: active) {
329
- .aa_____x {
329
+ .aa_____K {
330
330
  color: buttontext;
331
331
  }
332
332
 
333
- .da_____z {
333
+ .da_____M {
334
334
  outline-color: highlight;
335
335
  }
336
336
 
337
- .aa_____D {
337
+ .aa_____Q {
338
338
  color: linktext;
339
339
  }
340
340
 
341
- .aa_____B {
341
+ .aa_____O {
342
342
  color: graytext;
343
343
  }
344
344
  }
@@ -220,8 +220,8 @@ const $f329dd4f2aa58cd0$var$breadcrumbStyles = function anonymous(props) {
220
220
  rules += ' _Ra';
221
221
  rules += ' Uc';
222
222
  rules += ' _8-3t1x';
223
- if (props.isDisabled) rules += ' aa_____B';
224
- else rules += ' aa_____x';
223
+ if (props.isDisabled) rules += ' aa_____O';
224
+ else rules += ' aa_____K';
225
225
  if (props.isDisabled) rules += ' aj';
226
226
  else {
227
227
  if (props.isPressed) rules += ' ao';
@@ -241,7 +241,7 @@ const $f329dd4f2aa58cd0$var$chevronStyles = function anonymous(props) {
241
241
  rules += ' ybH';
242
242
  rules += ' yG';
243
243
  }
244
- rules += ' aa_____D';
244
+ rules += ' aa_____Q';
245
245
  if (props.isPressed) rules += ' ao';
246
246
  else if (props.isFocusVisible) rules += ' ao';
247
247
  else if (props.isHovered) rules += ' ao';
@@ -253,7 +253,7 @@ const $f329dd4f2aa58cd0$var$linkStyles = function anonymous(props) {
253
253
  let rules = " .";
254
254
  if (props.isFocusVisible) rules += ' _Lb';
255
255
  else rules += ' _La';
256
- rules += ' da_____z';
256
+ rules += ' da_____M';
257
257
  rules += ' dx';
258
258
  rules += ' _Nc';
259
259
  rules += ' _M-3t1z';
@@ -288,8 +288,8 @@ const $f329dd4f2aa58cd0$var$linkStyles = function anonymous(props) {
288
288
  rules += ' _eb';
289
289
  rules += ' _f-1x99dlob';
290
290
  rules += ' _fa';
291
- if (props.isDisabled) rules += ' aa_____B';
292
- else rules += ' aa_____D';
291
+ if (props.isDisabled) rules += ' aa_____O';
292
+ else rules += ' aa_____Q';
293
293
  if (props.isCurrent) {
294
294
  if (props.isPressed) rules += ' ao';
295
295
  else if (props.isFocusVisible) rules += ' ao';