@react-spectrum/s2 3.0.0-nightly-db60babaf-241014 → 3.0.0-nightly-e1b72a79f-241016

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 (94) hide show
  1. package/dist/ActionButton.css +3 -3
  2. package/dist/AlertDialog.css +2 -2
  3. package/dist/Badge.cjs +60 -60
  4. package/dist/Badge.cjs.map +1 -1
  5. package/dist/Badge.css +88 -88
  6. package/dist/Badge.css.map +1 -1
  7. package/dist/Badge.mjs +60 -60
  8. package/dist/Badge.mjs.map +1 -1
  9. package/dist/Breadcrumbs.css +1 -1
  10. package/dist/Button.cjs +4 -4
  11. package/dist/Button.css +7 -7
  12. package/dist/Button.mjs +4 -4
  13. package/dist/Card.cjs +1 -1
  14. package/dist/Card.css +2 -2
  15. package/dist/Card.mjs +1 -1
  16. package/dist/CardView.css +1 -1
  17. package/dist/Checkbox.cjs +1 -1
  18. package/dist/Checkbox.css +3 -3
  19. package/dist/Checkbox.mjs +1 -1
  20. package/dist/CloseButton.css +1 -1
  21. package/dist/ColorHandle.cjs +1 -1
  22. package/dist/ColorHandle.css +1 -1
  23. package/dist/ColorHandle.mjs +1 -1
  24. package/dist/ColorSwatchPicker.css +1 -1
  25. package/dist/ContextualHelp.cjs +1 -1
  26. package/dist/ContextualHelp.css +7 -7
  27. package/dist/ContextualHelp.mjs +1 -1
  28. package/dist/Dialog.cjs +1 -1
  29. package/dist/Dialog.css +3 -3
  30. package/dist/Dialog.mjs +1 -1
  31. package/dist/Disclosure.cjs +3 -3
  32. package/dist/Disclosure.css +9 -1
  33. package/dist/Disclosure.css.map +1 -1
  34. package/dist/Disclosure.mjs +3 -3
  35. package/dist/DropZone.css +3 -3
  36. package/dist/Field.cjs +1 -1
  37. package/dist/Field.css +3 -3
  38. package/dist/Field.mjs +1 -1
  39. package/dist/InlineAlert.cjs +20 -20
  40. package/dist/InlineAlert.css +31 -31
  41. package/dist/InlineAlert.mjs +20 -20
  42. package/dist/Link.css +1 -1
  43. package/dist/Menu.cjs +1 -1
  44. package/dist/Menu.css +2 -2
  45. package/dist/Menu.mjs +1 -1
  46. package/dist/Meter.cjs +6 -6
  47. package/dist/Meter.css +11 -11
  48. package/dist/Meter.mjs +6 -6
  49. package/dist/Modal.cjs +1 -1
  50. package/dist/Modal.css +1 -1
  51. package/dist/Modal.mjs +1 -1
  52. package/dist/Picker.css +2 -2
  53. package/dist/Popover.cjs +1 -1
  54. package/dist/Popover.css +1 -1
  55. package/dist/Popover.mjs +1 -1
  56. package/dist/ProgressBar.css +2 -2
  57. package/dist/Provider.cjs +1 -1
  58. package/dist/Provider.css +1 -1
  59. package/dist/Provider.mjs +1 -1
  60. package/dist/Radio.css +1 -1
  61. package/dist/{MoveHorizontalCircleTableWidget.cjs → S2_MoveHorizontalTableWidget.cjs} +7 -7
  62. package/dist/S2_MoveHorizontalTableWidget.cjs.map +1 -0
  63. package/dist/{MoveHorizontalCircleTableWidget.mjs → S2_MoveHorizontalTableWidget.mjs} +7 -7
  64. package/dist/S2_MoveHorizontalTableWidget.mjs.map +1 -0
  65. package/dist/SegmentedControl.css +1 -1
  66. package/dist/Slider.css +1 -1
  67. package/dist/StatusLight.cjs +15 -15
  68. package/dist/StatusLight.css +20 -20
  69. package/dist/StatusLight.mjs +15 -15
  70. package/dist/Switch.css +1 -1
  71. package/dist/TableView.cjs +7 -9
  72. package/dist/TableView.cjs.map +1 -1
  73. package/dist/TableView.css +11 -20
  74. package/dist/TableView.css.map +1 -1
  75. package/dist/TableView.mjs +7 -9
  76. package/dist/TableView.mjs.map +1 -1
  77. package/dist/Tabs.css +1 -1
  78. package/dist/TagGroup.css +3 -3
  79. package/dist/Tooltip.cjs +1 -1
  80. package/dist/Tooltip.css +1 -1
  81. package/dist/Tooltip.mjs +1 -1
  82. package/dist/types.d.ts.map +1 -1
  83. package/package.json +18 -18
  84. package/src/Badge.tsx +30 -30
  85. package/src/TableView.tsx +5 -10
  86. package/style/dist/spectrum-theme.cjs +112 -92
  87. package/style/dist/spectrum-theme.cjs.map +1 -1
  88. package/style/dist/spectrum-theme.mjs +112 -92
  89. package/style/dist/spectrum-theme.mjs.map +1 -1
  90. package/style/dist/types.d.ts +1 -1
  91. package/style/dist/types.d.ts.map +1 -1
  92. package/style/spectrum-theme.ts +25 -5
  93. package/dist/MoveHorizontalCircleTableWidget.cjs.map +0 -1
  94. package/dist/MoveHorizontalCircleTableWidget.mjs.map +0 -1
@@ -102,11 +102,11 @@ const $cf1d656285911959$var$buttonStyles = function anonymous(props) {
102
102
  rules += ' _dbm';
103
103
  rules += ' _dj';
104
104
  } else if (props.size === "M") {
105
+ rules += ' _dbl';
106
+ rules += ' _dk';
107
+ } else if (props.size === "S") {
105
108
  rules += ' _dbj';
106
109
  rules += ' _di';
107
- } else if (props.size === "S") {
108
- rules += ' _dbh';
109
- rules += ' _dg';
110
110
  }
111
111
  rules += ' _ed';
112
112
  rules += ' _f-1x99dlob';
package/dist/DropZone.css CHANGED
@@ -44,7 +44,7 @@
44
44
  }
45
45
 
46
46
  .cx {
47
- border-color: var(--lightningcss-light, #4b75ff) var(--lightningcss-dark, #456efe);
47
+ border-color: var(--lightningcss-light, #4b75ff) var(--lightningcss-dark, #4069fd);
48
48
  }
49
49
 
50
50
  ._vd {
@@ -120,11 +120,11 @@
120
120
  }
121
121
 
122
122
  .b_____E {
123
- background-color: var(--lightningcss-light, #3b63fb) var(--lightningcss-dark, #345bf8);
123
+ background-color: var(--lightningcss-light, #3b63fb) var(--lightningcss-dark, #4069fd);
124
124
  }
125
125
 
126
126
  .b_____F {
127
- background-color: var(--lightningcss-light, #274dea) var(--lightningcss-dark, #2549e5);
127
+ background-color: var(--lightningcss-light, #274dea) var(--lightningcss-dark, #345bf8);
128
128
  }
129
129
 
130
130
  ._vc {
package/dist/Field.cjs CHANGED
@@ -438,7 +438,7 @@ function $a0b996a550bb0891$export$bda0d075e0e342c9(props) {
438
438
  {
439
439
  render: (0, $e991cbcdf82ced71$exports.centerBaseline)({
440
440
  slot: 'icon',
441
- styles: " . __A-3t1x _8-3t1x -rwx0fg_e-e -rwx0fg_e-a_____S"
441
+ styles: " . __A-3t1x _8-3t1x -rwx0fg_e-e -rwx0fg_e-a_____V"
442
442
  }),
443
443
  styles: " . l-1sthc3k k-1sthc3k yG ybH z-177861o _8-3t1x"
444
444
  }
package/dist/Field.css CHANGED
@@ -56,7 +56,7 @@
56
56
  }
57
57
 
58
58
  .dx {
59
- outline-color: var(--lightningcss-light, #4b75ff) var(--lightningcss-dark, #456efe);
59
+ outline-color: var(--lightningcss-light, #4b75ff) var(--lightningcss-dark, #4069fd);
60
60
  }
61
61
 
62
62
  ._Nc {
@@ -452,7 +452,7 @@
452
452
  }
453
453
 
454
454
  .-rwx0fg_e-e {
455
- --iconPrimary: var(--lightningcss-light, #f03823) var(--lightningcss-dark, #cd2e1d);
455
+ --iconPrimary: var(--lightningcss-light, #f03823) var(--lightningcss-dark, #fc432e);
456
456
  }
457
457
 
458
458
  .l-1sthc3k {
@@ -642,7 +642,7 @@
642
642
  border-color: graytext;
643
643
  }
644
644
 
645
- .-rwx0fg_e-a_____S {
645
+ .-rwx0fg_e-a_____V {
646
646
  --iconPrimary: ButtonText;
647
647
  }
648
648
  }
package/dist/Field.mjs CHANGED
@@ -428,7 +428,7 @@ function $9afd80978c252040$export$bda0d075e0e342c9(props) {
428
428
  {
429
429
  render: (0, $1f4b04be3f24aae3$export$9d7e2342a7e53afa)({
430
430
  slot: 'icon',
431
- styles: " . __A-3t1x _8-3t1x -rwx0fg_e-e -rwx0fg_e-a_____S"
431
+ styles: " . __A-3t1x _8-3t1x -rwx0fg_e-e -rwx0fg_e-a_____V"
432
432
  }),
433
433
  styles: " . l-1sthc3k k-1sthc3k yG ybH z-177861o _8-3t1x"
434
434
  }
@@ -99,31 +99,31 @@ const $72bf3a9f94a75d9f$var$inlineAlert = function anonymous(props, overrides) {
99
99
  }
100
100
  if (props.variant === "neutral") {
101
101
  if (props.fillStyle === "boldFill") {
102
- if (props.isPressed) rules += ' b_____H';
103
- else if (props.isFocusVisible) rules += ' b_____H';
104
- else if (props.isHovered) rules += ' b_____H';
105
- else rules += ' b_____G';
106
- } else if (props.fillStyle === "subtleFill") rules += ' bg';
102
+ if (props.isPressed) rules += ' b_____I';
103
+ else if (props.isFocusVisible) rules += ' b_____I';
104
+ else if (props.isHovered) rules += ' b_____I';
105
+ else rules += ' b_____H';
106
+ } else if (props.fillStyle === "subtleFill") rules += ' b_____J';
107
107
  else if (props.fillStyle === "border") rules += ' bd';
108
108
  } else if (props.variant === "negative") {
109
109
  if (props.fillStyle === "boldFill") {
110
- if (props.isPressed) rules += ' b_____J';
111
- else if (props.isFocusVisible) rules += ' b_____J';
112
- else if (props.isHovered) rules += ' b_____J';
113
- else rules += ' b_____I';
114
- } else if (props.fillStyle === "subtleFill") rules += ' bH';
110
+ if (props.isPressed) rules += ' b_____L';
111
+ else if (props.isFocusVisible) rules += ' b_____L';
112
+ else if (props.isHovered) rules += ' b_____L';
113
+ else rules += ' b_____K';
114
+ } else if (props.fillStyle === "subtleFill") rules += ' b_____M';
115
115
  else if (props.fillStyle === "border") rules += ' bd';
116
116
  } else if (props.variant === "notice") {
117
- if (props.fillStyle === "boldFill") rules += ' b_____M';
118
- else if (props.fillStyle === "subtleFill") rules += ' bX';
117
+ if (props.fillStyle === "boldFill") rules += ' b_____Q';
118
+ else if (props.fillStyle === "subtleFill") rules += ' b_____R';
119
119
  else if (props.fillStyle === "border") rules += ' bd';
120
120
  } else if (props.variant === "positive") {
121
121
  if (props.fillStyle === "boldFill") {
122
- if (props.isPressed) rules += ' b_____L';
123
- else if (props.isFocusVisible) rules += ' b_____L';
124
- else if (props.isHovered) rules += ' b_____L';
125
- else rules += ' b_____K';
126
- } else if (props.fillStyle === "subtleFill") rules += ' b_Z';
122
+ if (props.isPressed) rules += ' b_____O';
123
+ else if (props.isFocusVisible) rules += ' b_____O';
124
+ else if (props.isHovered) rules += ' b_____O';
125
+ else rules += ' b_____N';
126
+ } else if (props.fillStyle === "subtleFill") rules += ' b_____P';
127
127
  else if (props.fillStyle === "border") rules += ' bd';
128
128
  } else if (props.variant === "informative") {
129
129
  if (props.fillStyle === "boldFill") {
@@ -131,7 +131,7 @@ const $72bf3a9f94a75d9f$var$inlineAlert = function anonymous(props, overrides) {
131
131
  else if (props.isFocusVisible) rules += ' b_____F';
132
132
  else if (props.isHovered) rules += ' b_____F';
133
133
  else rules += ' b_____E';
134
- } else if (props.fillStyle === "subtleFill") rules += ' br';
134
+ } else if (props.fillStyle === "subtleFill") rules += ' b_____G';
135
135
  else if (props.fillStyle === "border") rules += ' bd';
136
136
  }
137
137
  return rules;
@@ -143,8 +143,8 @@ const $72bf3a9f94a75d9f$var$icon = function anonymous(props) {
143
143
  rules += ' __c-ykjmzy';
144
144
  rules += ' __d-ykjmzy';
145
145
  if (props.fillStyle === "boldFill") {
146
- if (props.variant === "notice") rules += ' -rwx0fg_e-w';
147
- else rules += ' -rwx0fg_e-x';
146
+ if (props.variant === "notice") rules += ' -rwx0fg_e-z';
147
+ else rules += ' -rwx0fg_e-A';
148
148
  } else if (props.fillStyle === "subtleFill") {
149
149
  if (props.variant === "neutral") rules += ' -rwx0fg_e-d';
150
150
  else if (props.variant === "negative") rules += ' -rwx0fg_e-e';
@@ -8,7 +8,7 @@
8
8
  }
9
9
 
10
10
  .dx {
11
- outline-color: var(--lightningcss-light, #4b75ff) var(--lightningcss-dark, #456efe);
11
+ outline-color: var(--lightningcss-light, #4b75ff) var(--lightningcss-dark, #4069fd);
12
12
  }
13
13
 
14
14
  ._Nc {
@@ -88,7 +88,7 @@
88
88
  }
89
89
 
90
90
  .cx {
91
- border-color: var(--lightningcss-light, #4b75ff) var(--lightningcss-dark, #456efe);
91
+ border-color: var(--lightningcss-light, #4b75ff) var(--lightningcss-dark, #4069fd);
92
92
  }
93
93
 
94
94
  .c_4 {
@@ -100,7 +100,7 @@
100
100
  }
101
101
 
102
102
  .cN {
103
- border-color: var(--lightningcss-light, #f03823) var(--lightningcss-dark, #e63623);
103
+ border-color: var(--lightningcss-light, #f03823) var(--lightningcss-dark, #df3422);
104
104
  }
105
105
 
106
106
  .cm {
@@ -111,63 +111,63 @@
111
111
  border-color: #0000;
112
112
  }
113
113
 
114
- .br {
115
- background-color: var(--lightningcss-light, #e5f0fe) var(--lightningcss-dark, #0f1c52);
114
+ .b_____G {
115
+ background-color: var(--lightningcss-light, #e5f0fe) var(--lightningcss-dark, #0c2175);
116
116
  }
117
117
 
118
118
  .b_____E {
119
- background-color: var(--lightningcss-light, #3b63fb) var(--lightningcss-dark, #345bf8);
119
+ background-color: var(--lightningcss-light, #3b63fb) var(--lightningcss-dark, #4069fd);
120
120
  }
121
121
 
122
122
  .b_____F {
123
- background-color: var(--lightningcss-light, #274dea) var(--lightningcss-dark, #2549e5);
123
+ background-color: var(--lightningcss-light, #274dea) var(--lightningcss-dark, #345bf8);
124
124
  }
125
125
 
126
- .b_Z {
127
- background-color: var(--lightningcss-light, #d7f7e1) var(--lightningcss-dark, #00261d);
126
+ .b_____P {
127
+ background-color: var(--lightningcss-light, #d7f7e1) var(--lightningcss-dark, #003326);
128
128
  }
129
129
 
130
- .b_____K {
131
- background-color: var(--lightningcss-light, #05834e) var(--lightningcss-dark, #047c4b);
130
+ .b_____N {
131
+ background-color: var(--lightningcss-light, #05834e) var(--lightningcss-dark, #068850);
132
132
  }
133
133
 
134
- .b_____L {
135
- background-color: var(--lightningcss-light, #036e45) var(--lightningcss-dark, #036a43);
134
+ .b_____O {
135
+ background-color: var(--lightningcss-light, #036e45) var(--lightningcss-dark, #047c4b);
136
136
  }
137
137
 
138
- .bX {
139
- background-color: var(--lightningcss-light, #ffeccf) var(--lightningcss-dark, #3d1500);
138
+ .b_____R {
139
+ background-color: var(--lightningcss-light, #ffeccf) var(--lightningcss-dark, #501b00);
140
140
  }
141
141
 
142
- .b_____M {
142
+ .b_____Q {
143
143
  background-color: var(--lightningcss-light, #fc7d00) var(--lightningcss-dark, #e06400);
144
144
  }
145
145
 
146
- .bH {
147
- background-color: var(--lightningcss-light, #ffebe8) var(--lightningcss-dark, #440d05);
146
+ .b_____M {
147
+ background-color: var(--lightningcss-light, #ffebe8) var(--lightningcss-dark, #571107);
148
148
  }
149
149
 
150
- .b_____I {
151
- background-color: var(--lightningcss-light, #d73220) var(--lightningcss-dark, #cd2e1d);
150
+ .b_____K {
151
+ background-color: var(--lightningcss-light, #d73220) var(--lightningcss-dark, #df3422);
152
152
  }
153
153
 
154
- .b_____J {
155
- background-color: var(--lightningcss-light, #b72818) var(--lightningcss-dark, #b12617);
154
+ .b_____L {
155
+ background-color: var(--lightningcss-light, #b72818) var(--lightningcss-dark, #cd2e1d);
156
156
  }
157
157
 
158
158
  .bd {
159
159
  background-color: var(--lightningcss-light, #fff) var(--lightningcss-dark, #111);
160
160
  }
161
161
 
162
- .bg {
163
- background-color: var(--lightningcss-light, #e9e9e9) var(--lightningcss-dark, #2c2c2c);
162
+ .b_____J {
163
+ background-color: var(--lightningcss-light, #e9e9e9) var(--lightningcss-dark, #393939);
164
164
  }
165
165
 
166
- .b_____G {
166
+ .b_____H {
167
167
  background-color: var(--lightningcss-light, #505050) var(--lightningcss-dark, #6d6d6d);
168
168
  }
169
169
 
170
- .b_____H {
170
+ .b_____I {
171
171
  background-color: var(--lightningcss-light, #292929) var(--lightningcss-dark, #444);
172
172
  }
173
173
 
@@ -188,7 +188,7 @@
188
188
  }
189
189
 
190
190
  .-rwx0fg_e-g {
191
- --iconPrimary: var(--lightningcss-light, #e86a00) var(--lightningcss-dark, #e06400);
191
+ --iconPrimary: var(--lightningcss-light, #d45b00) var(--lightningcss-dark, #e06400);
192
192
  }
193
193
 
194
194
  .-rwx0fg_e-c {
@@ -196,22 +196,22 @@
196
196
  }
197
197
 
198
198
  .-rwx0fg_e-f {
199
- --iconPrimary: var(--lightningcss-light, #0ba45d) var(--lightningcss-dark, #068c52);
199
+ --iconPrimary: var(--lightningcss-light, #079355) var(--lightningcss-dark, #099d59);
200
200
  }
201
201
 
202
202
  .-rwx0fg_e-e {
203
- --iconPrimary: var(--lightningcss-light, #f03823) var(--lightningcss-dark, #cd2e1d);
203
+ --iconPrimary: var(--lightningcss-light, #f03823) var(--lightningcss-dark, #fc432e);
204
204
  }
205
205
 
206
206
  .-rwx0fg_e-d {
207
207
  --iconPrimary: var(--lightningcss-light, #8f8f8f) var(--lightningcss-dark, #8a8a8a);
208
208
  }
209
209
 
210
- .-rwx0fg_e-x {
210
+ .-rwx0fg_e-A {
211
211
  --iconPrimary: white;
212
212
  }
213
213
 
214
- .-rwx0fg_e-w {
214
+ .-rwx0fg_e-z {
215
215
  --iconPrimary: black;
216
216
  }
217
217
 
@@ -92,31 +92,31 @@ const $fc2cf6b397804b9c$var$inlineAlert = function anonymous(props, overrides) {
92
92
  }
93
93
  if (props.variant === "neutral") {
94
94
  if (props.fillStyle === "boldFill") {
95
- if (props.isPressed) rules += ' b_____H';
96
- else if (props.isFocusVisible) rules += ' b_____H';
97
- else if (props.isHovered) rules += ' b_____H';
98
- else rules += ' b_____G';
99
- } else if (props.fillStyle === "subtleFill") rules += ' bg';
95
+ if (props.isPressed) rules += ' b_____I';
96
+ else if (props.isFocusVisible) rules += ' b_____I';
97
+ else if (props.isHovered) rules += ' b_____I';
98
+ else rules += ' b_____H';
99
+ } else if (props.fillStyle === "subtleFill") rules += ' b_____J';
100
100
  else if (props.fillStyle === "border") rules += ' bd';
101
101
  } else if (props.variant === "negative") {
102
102
  if (props.fillStyle === "boldFill") {
103
- if (props.isPressed) rules += ' b_____J';
104
- else if (props.isFocusVisible) rules += ' b_____J';
105
- else if (props.isHovered) rules += ' b_____J';
106
- else rules += ' b_____I';
107
- } else if (props.fillStyle === "subtleFill") rules += ' bH';
103
+ if (props.isPressed) rules += ' b_____L';
104
+ else if (props.isFocusVisible) rules += ' b_____L';
105
+ else if (props.isHovered) rules += ' b_____L';
106
+ else rules += ' b_____K';
107
+ } else if (props.fillStyle === "subtleFill") rules += ' b_____M';
108
108
  else if (props.fillStyle === "border") rules += ' bd';
109
109
  } else if (props.variant === "notice") {
110
- if (props.fillStyle === "boldFill") rules += ' b_____M';
111
- else if (props.fillStyle === "subtleFill") rules += ' bX';
110
+ if (props.fillStyle === "boldFill") rules += ' b_____Q';
111
+ else if (props.fillStyle === "subtleFill") rules += ' b_____R';
112
112
  else if (props.fillStyle === "border") rules += ' bd';
113
113
  } else if (props.variant === "positive") {
114
114
  if (props.fillStyle === "boldFill") {
115
- if (props.isPressed) rules += ' b_____L';
116
- else if (props.isFocusVisible) rules += ' b_____L';
117
- else if (props.isHovered) rules += ' b_____L';
118
- else rules += ' b_____K';
119
- } else if (props.fillStyle === "subtleFill") rules += ' b_Z';
115
+ if (props.isPressed) rules += ' b_____O';
116
+ else if (props.isFocusVisible) rules += ' b_____O';
117
+ else if (props.isHovered) rules += ' b_____O';
118
+ else rules += ' b_____N';
119
+ } else if (props.fillStyle === "subtleFill") rules += ' b_____P';
120
120
  else if (props.fillStyle === "border") rules += ' bd';
121
121
  } else if (props.variant === "informative") {
122
122
  if (props.fillStyle === "boldFill") {
@@ -124,7 +124,7 @@ const $fc2cf6b397804b9c$var$inlineAlert = function anonymous(props, overrides) {
124
124
  else if (props.isFocusVisible) rules += ' b_____F';
125
125
  else if (props.isHovered) rules += ' b_____F';
126
126
  else rules += ' b_____E';
127
- } else if (props.fillStyle === "subtleFill") rules += ' br';
127
+ } else if (props.fillStyle === "subtleFill") rules += ' b_____G';
128
128
  else if (props.fillStyle === "border") rules += ' bd';
129
129
  }
130
130
  return rules;
@@ -136,8 +136,8 @@ const $fc2cf6b397804b9c$var$icon = function anonymous(props) {
136
136
  rules += ' __c-ykjmzy';
137
137
  rules += ' __d-ykjmzy';
138
138
  if (props.fillStyle === "boldFill") {
139
- if (props.variant === "notice") rules += ' -rwx0fg_e-w';
140
- else rules += ' -rwx0fg_e-x';
139
+ if (props.variant === "notice") rules += ' -rwx0fg_e-z';
140
+ else rules += ' -rwx0fg_e-A';
141
141
  } else if (props.fillStyle === "subtleFill") {
142
142
  if (props.variant === "neutral") rules += ' -rwx0fg_e-d';
143
143
  else if (props.variant === "negative") rules += ' -rwx0fg_e-e';
package/dist/Link.css CHANGED
@@ -12,7 +12,7 @@
12
12
  }
13
13
 
14
14
  .dx {
15
- outline-color: var(--lightningcss-light, #4b75ff) var(--lightningcss-dark, #456efe);
15
+ outline-color: var(--lightningcss-light, #4b75ff) var(--lightningcss-dark, #4069fd);
16
16
  }
17
17
 
18
18
  .dc {
package/dist/Menu.cjs CHANGED
@@ -254,7 +254,7 @@ let $e741ea6b88ce4866$export$292abbf31ed842a = function anonymous(props) {
254
254
  else if (props.isFocusVisible) rules += ' az';
255
255
  else if (props.isHovered) rules += ' az';
256
256
  else rules += ' ay';
257
- rules += ' -rwx0fg_e-a_____U';
257
+ rules += ' -rwx0fg_e-a_____X';
258
258
  rules += ' -rwx0fg_e-b';
259
259
  rules += ' zF';
260
260
  rules += ' _bb';
package/dist/Menu.css CHANGED
@@ -90,7 +90,7 @@
90
90
  }
91
91
 
92
92
  .dx {
93
- outline-color: var(--lightningcss-light, #4b75ff) var(--lightningcss-dark, #456efe);
93
+ outline-color: var(--lightningcss-light, #4b75ff) var(--lightningcss-dark, #4069fd);
94
94
  }
95
95
 
96
96
  ._Nc {
@@ -713,7 +713,7 @@
713
713
  outline-color: highlight;
714
714
  }
715
715
 
716
- .-rwx0fg_e-a_____U {
716
+ .-rwx0fg_e-a_____X {
717
717
  --iconPrimary: Highlight;
718
718
  }
719
719
 
package/dist/Menu.mjs CHANGED
@@ -233,7 +233,7 @@ let $13afb0ea5f0ed767$export$292abbf31ed842a = function anonymous(props) {
233
233
  else if (props.isFocusVisible) rules += ' az';
234
234
  else if (props.isHovered) rules += ' az';
235
235
  else rules += ' ay';
236
- rules += ' -rwx0fg_e-a_____U';
236
+ rules += ' -rwx0fg_e-a_____X';
237
237
  rules += ' -rwx0fg_e-b';
238
238
  rules += ' zF';
239
239
  rules += ' _bb';
package/dist/Meter.cjs CHANGED
@@ -212,16 +212,16 @@ const $f53cdf036c04454a$var$fillStyles = function anonymous(props) {
212
212
  if (props.staticColor === "black") rules += ' b_____s';
213
213
  else if (props.staticColor === "white") rules += ' b_____f';
214
214
  else if (props.variant === "negative") {
215
- if (props.isPressed) rules += ' b_____J';
216
- else if (props.isFocusVisible) rules += ' b_____J';
217
- else if (props.isHovered) rules += ' b_____J';
218
- else rules += ' b_____I';
219
- } else if (props.variant === "notice") rules += ' b_____M';
220
- else if (props.variant === "positive") {
221
215
  if (props.isPressed) rules += ' b_____L';
222
216
  else if (props.isFocusVisible) rules += ' b_____L';
223
217
  else if (props.isHovered) rules += ' b_____L';
224
218
  else rules += ' b_____K';
219
+ } else if (props.variant === "notice") rules += ' b_____Q';
220
+ else if (props.variant === "positive") {
221
+ if (props.isPressed) rules += ' b_____O';
222
+ else if (props.isFocusVisible) rules += ' b_____O';
223
+ else if (props.isHovered) rules += ' b_____O';
224
+ else rules += ' b_____N';
225
225
  } else {
226
226
  if (props.isPressed) rules += ' b_____F';
227
227
  else if (props.isFocusVisible) rules += ' b_____F';
package/dist/Meter.css CHANGED
@@ -279,31 +279,31 @@
279
279
  }
280
280
 
281
281
  .b_____E {
282
- background-color: var(--lightningcss-light, #3b63fb) var(--lightningcss-dark, #345bf8);
282
+ background-color: var(--lightningcss-light, #3b63fb) var(--lightningcss-dark, #4069fd);
283
283
  }
284
284
 
285
285
  .b_____F {
286
- background-color: var(--lightningcss-light, #274dea) var(--lightningcss-dark, #2549e5);
286
+ background-color: var(--lightningcss-light, #274dea) var(--lightningcss-dark, #345bf8);
287
287
  }
288
288
 
289
- .b_____K {
290
- background-color: var(--lightningcss-light, #05834e) var(--lightningcss-dark, #047c4b);
289
+ .b_____N {
290
+ background-color: var(--lightningcss-light, #05834e) var(--lightningcss-dark, #068850);
291
291
  }
292
292
 
293
- .b_____L {
294
- background-color: var(--lightningcss-light, #036e45) var(--lightningcss-dark, #036a43);
293
+ .b_____O {
294
+ background-color: var(--lightningcss-light, #036e45) var(--lightningcss-dark, #047c4b);
295
295
  }
296
296
 
297
- .b_____M {
297
+ .b_____Q {
298
298
  background-color: var(--lightningcss-light, #fc7d00) var(--lightningcss-dark, #e06400);
299
299
  }
300
300
 
301
- .b_____I {
302
- background-color: var(--lightningcss-light, #d73220) var(--lightningcss-dark, #cd2e1d);
301
+ .b_____K {
302
+ background-color: var(--lightningcss-light, #d73220) var(--lightningcss-dark, #df3422);
303
303
  }
304
304
 
305
- .b_____J {
306
- background-color: var(--lightningcss-light, #b72818) var(--lightningcss-dark, #b12617);
305
+ .b_____L {
306
+ background-color: var(--lightningcss-light, #b72818) var(--lightningcss-dark, #cd2e1d);
307
307
  }
308
308
 
309
309
  .b_____f {
package/dist/Meter.mjs CHANGED
@@ -205,16 +205,16 @@ const $bb56943300b294c6$var$fillStyles = function anonymous(props) {
205
205
  if (props.staticColor === "black") rules += ' b_____s';
206
206
  else if (props.staticColor === "white") rules += ' b_____f';
207
207
  else if (props.variant === "negative") {
208
- if (props.isPressed) rules += ' b_____J';
209
- else if (props.isFocusVisible) rules += ' b_____J';
210
- else if (props.isHovered) rules += ' b_____J';
211
- else rules += ' b_____I';
212
- } else if (props.variant === "notice") rules += ' b_____M';
213
- else if (props.variant === "positive") {
214
208
  if (props.isPressed) rules += ' b_____L';
215
209
  else if (props.isFocusVisible) rules += ' b_____L';
216
210
  else if (props.isHovered) rules += ' b_____L';
217
211
  else rules += ' b_____K';
212
+ } else if (props.variant === "notice") rules += ' b_____Q';
213
+ else if (props.variant === "positive") {
214
+ if (props.isPressed) rules += ' b_____O';
215
+ else if (props.isFocusVisible) rules += ' b_____O';
216
+ else if (props.isHovered) rules += ' b_____O';
217
+ else rules += ' b_____N';
218
218
  } else {
219
219
  if (props.isPressed) rules += ' b_____F';
220
220
  else if (props.isFocusVisible) rules += ' b_____F';
package/dist/Modal.cjs CHANGED
@@ -104,7 +104,7 @@ function $8e678305a8c10028$var$Modal(props1, ref) {
104
104
  if (props.size === "L") rules += ' p-yjhhbg';
105
105
  else if (props.size === "M") rules += ' p-yjhhbg';
106
106
  else if (props.size === "S") rules += ' p-yjhhbg';
107
- rules += ' -_1de2x0q_b-_____1';
107
+ rules += ' -_1de2x0q_b-______k';
108
108
  rules += ' b-1de2x0q';
109
109
  if (props.isExiting) rules += ' _S-1nys8p3';
110
110
  else if (props.isEntering) rules += ' _S-3zirke';
package/dist/Modal.css CHANGED
@@ -162,7 +162,7 @@
162
162
  max-height: 90vh;
163
163
  }
164
164
 
165
- .-_1de2x0q_b-_____1 {
165
+ .-_1de2x0q_b-______k {
166
166
  --s2-container-bg: var(--lightningcss-light, #fff) var(--lightningcss-dark, #222);
167
167
  }
168
168
 
package/dist/Modal.mjs CHANGED
@@ -98,7 +98,7 @@ function $c46d159bd615e407$var$Modal(props1, ref) {
98
98
  if (props.size === "L") rules += ' p-yjhhbg';
99
99
  else if (props.size === "M") rules += ' p-yjhhbg';
100
100
  else if (props.size === "S") rules += ' p-yjhhbg';
101
- rules += ' -_1de2x0q_b-_____1';
101
+ rules += ' -_1de2x0q_b-______k';
102
102
  rules += ' b-1de2x0q';
103
103
  if (props.isExiting) rules += ' _S-1nys8p3';
104
104
  else if (props.isEntering) rules += ' _S-3zirke';
package/dist/Picker.css CHANGED
@@ -4,7 +4,7 @@
4
4
  }
5
5
 
6
6
  .dx {
7
- outline-color: var(--lightningcss-light, #4b75ff) var(--lightningcss-dark, #456efe);
7
+ outline-color: var(--lightningcss-light, #4b75ff) var(--lightningcss-dark, #4069fd);
8
8
  }
9
9
 
10
10
  ._Nc {
@@ -202,7 +202,7 @@
202
202
  }
203
203
 
204
204
  .bx {
205
- background-color: var(--lightningcss-light, #4b75ff) var(--lightningcss-dark, #456efe);
205
+ background-color: var(--lightningcss-light, #4b75ff) var(--lightningcss-dark, #4069fd);
206
206
  }
207
207
 
208
208
  ._La {
package/dist/Popover.cjs CHANGED
@@ -43,7 +43,7 @@ let $493371ef39bf7a55$var$popover = function anonymous(props, overrides) {
43
43
  else if (props.colorScheme === "light") rules += ' _Aa';
44
44
  else if (props.colorScheme === "light dark") rules += ' _Ac';
45
45
  else rules += ' _A-10jn6wd';
46
- rules += ' -_1de2x0q_b-_____1';
46
+ rules += ' -_1de2x0q_b-______k';
47
47
  rules += ' b-1de2x0q';
48
48
  rules += ' _vd';
49
49
  rules += ' _wd';
package/dist/Popover.css CHANGED
@@ -78,7 +78,7 @@
78
78
  color-scheme: dark;
79
79
  }
80
80
 
81
- .-_1de2x0q_b-_____1 {
81
+ .-_1de2x0q_b-______k {
82
82
  --s2-container-bg: var(--lightningcss-light, #fff) var(--lightningcss-dark, #222);
83
83
  }
84
84
 
package/dist/Popover.mjs CHANGED
@@ -37,7 +37,7 @@ let $88b746eba92c8d0d$var$popover = function anonymous(props, overrides) {
37
37
  else if (props.colorScheme === "light") rules += ' _Aa';
38
38
  else if (props.colorScheme === "light dark") rules += ' _Ac';
39
39
  else rules += ' _A-10jn6wd';
40
- rules += ' -_1de2x0q_b-_____1';
40
+ rules += ' -_1de2x0q_b-______k';
41
41
  rules += ' b-1de2x0q';
42
42
  rules += ' _vd';
43
43
  rules += ' _wd';
@@ -298,11 +298,11 @@
298
298
  }
299
299
 
300
300
  .b_____E {
301
- background-color: var(--lightningcss-light, #3b63fb) var(--lightningcss-dark, #345bf8);
301
+ background-color: var(--lightningcss-light, #3b63fb) var(--lightningcss-dark, #4069fd);
302
302
  }
303
303
 
304
304
  .b_____F {
305
- background-color: var(--lightningcss-light, #274dea) var(--lightningcss-dark, #2549e5);
305
+ background-color: var(--lightningcss-light, #274dea) var(--lightningcss-dark, #345bf8);
306
306
  }
307
307
 
308
308
  .b_____f {
package/dist/Provider.cjs CHANGED
@@ -53,7 +53,7 @@ let $914a06b3a1c679bc$var$providerStyles = function anonymous(props) {
53
53
  else if (props.colorScheme === "light") rules += ' _Aa';
54
54
  else if (props.colorScheme === "light dark") rules += ' _Ac';
55
55
  else rules += ' _A-10jn6wd';
56
- if (props.background === "layer-2") rules += ' -_1de2x0q_b-_____1';
56
+ if (props.background === "layer-2") rules += ' -_1de2x0q_b-______k';
57
57
  else if (props.background === "layer-1") rules += ' -_1de2x0q_b-e';
58
58
  else if (props.background === "base") rules += ' -_1de2x0q_b-d';
59
59
  if (props.background === "layer-2") rules += ' b-1de2x0q';
package/dist/Provider.css CHANGED
@@ -48,7 +48,7 @@
48
48
  --s2-container-bg: var(--lightningcss-light, #f8f8f8) var(--lightningcss-dark, #1b1b1b);
49
49
  }
50
50
 
51
- .-_1de2x0q_b-_____1 {
51
+ .-_1de2x0q_b-______k {
52
52
  --s2-container-bg: var(--lightningcss-light, #fff) var(--lightningcss-dark, #222);
53
53
  }
54
54
 
package/dist/Provider.mjs CHANGED
@@ -46,7 +46,7 @@ let $9affbfa4e13b9582$var$providerStyles = function anonymous(props) {
46
46
  else if (props.colorScheme === "light") rules += ' _Aa';
47
47
  else if (props.colorScheme === "light dark") rules += ' _Ac';
48
48
  else rules += ' _A-10jn6wd';
49
- if (props.background === "layer-2") rules += ' -_1de2x0q_b-_____1';
49
+ if (props.background === "layer-2") rules += ' -_1de2x0q_b-______k';
50
50
  else if (props.background === "layer-1") rules += ' -_1de2x0q_b-e';
51
51
  else if (props.background === "base") rules += ' -_1de2x0q_b-d';
52
52
  if (props.background === "layer-2") rules += ' b-1de2x0q';