@channel.io/bezier-tokens 0.3.3-beta.6 → 0.3.3-beta.8

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 (20) hide show
  1. package/dist/beta/cjs/darkTheme.js +90 -106
  2. package/dist/beta/cjs/global.js +19 -16
  3. package/dist/beta/cjs/lightTheme.js +8 -24
  4. package/dist/beta/css/styles.css +74 -103
  5. package/dist/beta/esm/darkTheme.mjs +90 -106
  6. package/dist/beta/esm/global.mjs +19 -16
  7. package/dist/beta/esm/lightTheme.mjs +8 -24
  8. package/dist/beta/scss/dark-theme.scss +55 -71
  9. package/dist/beta/scss/global.scss +22 -16
  10. package/dist/beta/scss/light-theme.scss +11 -27
  11. package/dist/types/beta/cjs/darkTheme.d.ts +108 -164
  12. package/dist/types/beta/cjs/global.d.ts +25 -16
  13. package/dist/types/beta/cjs/index.d.ts +156 -259
  14. package/dist/types/beta/cjs/lightTheme.d.ts +23 -79
  15. package/dist/types/beta/esm/darkTheme.d.mts +108 -164
  16. package/dist/types/beta/esm/global.d.mts +25 -16
  17. package/dist/types/beta/esm/index.d.mts +156 -259
  18. package/dist/types/beta/esm/index.d.mts.map +1 -1
  19. package/dist/types/beta/esm/lightTheme.d.mts +23 -79
  20. package/package.json +1 -1
package/dist/beta/css/styles.css CHANGED
@@ -96,15 +96,15 @@
96
96
  --typography-code-line-height-medium: var(--typography-line-height-18);
97
97
  --typography-code-line-height-small: var(--typography-line-height-18);
98
98
  --color-text-action: var(--color-blue-300);
99
- --color-text-action-hovered: #8184ffff;
99
+ --color-text-action-hovered: #9698ffff;
100
100
  --color-text-success: var(--color-green-300);
101
- --color-text-success-hovered: #56cc77ff;
101
+ --color-text-success-hovered: #5cce7cff;
102
102
  --color-text-highlight: var(--color-cobalt-300);
103
103
  --color-text-highlight-hovered: #6cb8f5ff;
104
104
  --color-text-warning: var(--color-orange-300);
105
105
  --color-text-warning-hovered: #f8a45cff;
106
106
  --color-text-critical: var(--color-red-300);
107
- --color-text-critical-hovered: #f77171ff;
107
+ --color-text-critical-hovered: #f87979ff;
108
108
  --color-text-neutral-heaviest: var(--color-white-100);
109
109
  --color-text-neutral-heaviest-hovered: #edededff;
110
110
  --color-text-neutral: var(--color-white-80);
@@ -114,13 +114,13 @@
114
114
  --color-text-neutral-lighter: var(--color-white-40);
115
115
  --color-text-neutral-lighter-hovered: #ededed66;
116
116
  --color-text-accent-blue: var(--color-blue-300);
117
- --color-text-accent-blue-hovered: #8184ffff;
117
+ --color-text-accent-blue-hovered: #9698ffff;
118
118
  --color-text-accent-cobalt: var(--color-cobalt-300);
119
119
  --color-text-accent-cobalt-hovered: #6cb8f5ff;
120
120
  --color-text-accent-green: var(--color-green-300);
121
- --color-text-accent-green-hovered: #56cc77ff;
121
+ --color-text-accent-green-hovered: #5cce7cff;
122
122
  --color-text-accent-red: var(--color-red-300);
123
- --color-text-accent-red-hovered: #f77171ff;
123
+ --color-text-accent-red-hovered: #f87979ff;
124
124
  --color-text-accent-orange: var(--color-orange-300);
125
125
  --color-text-accent-orange-hovered: #f8a45cff;
126
126
  --color-text-accent-yellow: var(--color-yellow-300);
@@ -130,7 +130,7 @@
130
130
  --color-text-accent-teal: var(--color-teal-300);
131
131
  --color-text-accent-teal-hovered: #4cdccfff;
132
132
  --color-text-accent-navy: var(--color-navy-300);
133
- --color-text-accent-navy-hovered: #7b86d3ff;
133
+ --color-text-accent-navy-hovered: #8a95d7ff;
134
134
  --color-text-accent-purple: var(--color-purple-300);
135
135
  --color-text-accent-purple-hovered: #b686ffff;
136
136
  --color-text-accent-pink: var(--color-pink-300);
@@ -139,16 +139,18 @@
139
139
  --color-text-absolute-white-hovered: #edededff;
140
140
  --color-text-absolute-black: var(--color-black-100);
141
141
  --color-text-absolute-black-hovered: #0a0a0aff;
142
+ --color-text-inverse: var(--color-black-85);
143
+ --color-text-inverse-hovered: #0a0a0ad9;
142
144
  --color-icon-action: var(--color-blue-300);
143
- --color-icon-action-hovered: #8184ffff;
145
+ --color-icon-action-hovered: #9698ffff;
144
146
  --color-icon-success: var(--color-green-300);
145
- --color-icon-success-hovered: #56cc77ff;
147
+ --color-icon-success-hovered: #5cce7cff;
146
148
  --color-icon-highlight: var(--color-cobalt-300);
147
149
  --color-icon-highlight-hovered: #6cb8f5ff;
148
150
  --color-icon-warning: var(--color-orange-300);
149
151
  --color-icon-warning-hovered: #f8a45cff;
150
152
  --color-icon-critical: var(--color-red-300);
151
- --color-icon-critical-hovered: #f77171ff;
153
+ --color-icon-critical-hovered: #f87979ff;
152
154
  --color-icon-neutral: var(--color-white-40);
153
155
  --color-icon-neutral-hovered: #ededed66;
154
156
  --color-icon-neutral-heavy: var(--color-white-60);
@@ -156,13 +158,13 @@
156
158
  --color-icon-neutral-heavier: var(--color-white-80);
157
159
  --color-icon-neutral-heavier-hovered: #edededcc;
158
160
  --color-icon-accent-blue: var(--color-blue-300);
159
- --color-icon-accent-blue-hovered: #8184ffff;
161
+ --color-icon-accent-blue-hovered: #9698ffff;
160
162
  --color-icon-accent-cobalt: var(--color-cobalt-300);
161
163
  --color-icon-accent-cobalt-hovered: #6cb8f5ff;
162
164
  --color-icon-accent-green: var(--color-green-300);
163
- --color-icon-accent-green-hovered: #56cc77ff;
165
+ --color-icon-accent-green-hovered: #5cce7cff;
164
166
  --color-icon-accent-red: var(--color-red-300);
165
- --color-icon-accent-red-hovered: #f77171ff;
167
+ --color-icon-accent-red-hovered: #f87979ff;
166
168
  --color-icon-accent-orange: var(--color-orange-300);
167
169
  --color-icon-accent-orange-hovered: #f8a45cff;
168
170
  --color-icon-accent-yellow: var(--color-yellow-300);
@@ -172,7 +174,7 @@
172
174
  --color-icon-accent-teal: var(--color-teal-300);
173
175
  --color-icon-accent-teal-hovered: #4cdccfff;
174
176
  --color-icon-accent-navy: var(--color-navy-300);
175
- --color-icon-accent-navy-hovered: #7b86d3ff;
177
+ --color-icon-accent-navy-hovered: #8a95d7ff;
176
178
  --color-icon-accent-purple: var(--color-purple-300);
177
179
  --color-icon-accent-purple-hovered: #b686ffff;
178
180
  --color-icon-accent-pink: var(--color-pink-300);
@@ -181,8 +183,10 @@
181
183
  --color-icon-absolute-white-hovered: #edededff;
182
184
  --color-icon-absolute-black: var(--color-black-100);
183
185
  --color-icon-absolute-black-hovered: #0a0a0aff;
184
- --color-fill-neutral-heaviest: var(--color-white-90);
185
- --color-fill-neutral-heaviest-hovered: #ededede6;
186
+ --color-icon-inverse-heavier: var(--color-black-85);
187
+ --color-icon-inverse-heavier-hovered: #0a0a0ad9;
188
+ --color-fill-neutral-heaviest: var(--color-white-100);
189
+ --color-fill-neutral-heaviest-hovered: #edededff;
186
190
  --color-fill-neutral-heavier: var(--color-white-40);
187
191
  --color-fill-neutral-heavier-hovered: #ededed66;
188
192
  --color-fill-neutral-heavy: var(--color-white-20);
@@ -196,7 +200,7 @@
196
200
  --color-fill-neutral-transparent: var(--color-white-0);
197
201
  --color-fill-neutral-transparent-hovered: #ffffff0d;
198
202
  --color-fill-action: var(--color-blue-300);
199
- --color-fill-action-hovered: #8184ffff;
203
+ --color-fill-action-hovered: #9698ffff;
200
204
  --color-fill-action-light: var(--color-blue-300-30);
201
205
  --color-fill-action-light-hovered: #8184ff4d;
202
206
  --color-fill-action-lighter: var(--color-blue-300-18);
@@ -204,7 +208,7 @@
204
208
  --color-fill-action-transparent: var(--color-blue-300-0);
205
209
  --color-fill-action-transparent-hovered: #6b6eff1a;
206
210
  --color-fill-success: var(--color-green-300);
207
- --color-fill-success-hovered: #56cc77ff;
211
+ --color-fill-success-hovered: #5cce7cff;
208
212
  --color-fill-success-light: var(--color-green-300-30);
209
213
  --color-fill-success-light-hovered: #56cc774d;
210
214
  --color-fill-success-lighter: var(--color-green-300-18);
@@ -228,7 +232,7 @@
228
232
  --color-fill-warning-transparent: var(--color-orange-300-0);
229
233
  --color-fill-warning-transparent-hovered: #f798471a;
230
234
  --color-fill-critical: var(--color-red-300);
231
- --color-fill-critical-hovered: #f77171ff;
235
+ --color-fill-critical-hovered: #f87979ff;
232
236
  --color-fill-critical-light: var(--color-red-300-30);
233
237
  --color-fill-critical-light-hovered: #f771714d;
234
238
  --color-fill-critical-lighter: var(--color-red-300-18);
@@ -236,17 +240,17 @@
236
240
  --color-fill-critical-transparent: var(--color-red-300-0);
237
241
  --color-fill-critical-transparent-hovered: #f260601a;
238
242
  --color-fill-grey: var(--color-grey-850);
239
- --color-fill-grey-hovered: #343438ff;
243
+ --color-fill-grey-hovered: #2e2e31ff;
240
244
  --color-fill-grey-heavy: var(--color-grey-800);
241
- --color-fill-grey-heavy-hovered: #3a3a40ff;
245
+ --color-fill-grey-heavy-hovered: #333338ff;
242
246
  --color-fill-grey-heavier: var(--color-grey-750);
243
- --color-fill-grey-heavier-hovered: #414147ff;
247
+ --color-fill-grey-heavier-hovered: #3b3b40ff;
244
248
  --color-fill-accent-blue: var(--color-blue-300-18);
245
249
  --color-fill-accent-blue-hovered: #8184ff45;
246
250
  --color-fill-accent-blue-heavy: var(--color-blue-300-30);
247
251
  --color-fill-accent-blue-heavy-hovered: #8184ff4d;
248
252
  --color-fill-accent-blue-heavier: var(--color-blue-300);
249
- --color-fill-accent-blue-heavier-hovered: #8184ffff;
253
+ --color-fill-accent-blue-heavier-hovered: #9698ffff;
250
254
  --color-fill-accent-blue-transparent: var(--color-blue-300-0);
251
255
  --color-fill-accent-blue-transparent-hovered: #6b6eff1a;
252
256
  --color-fill-accent-cobalt: var(--color-cobalt-300-18);
@@ -262,7 +266,7 @@
262
266
  --color-fill-accent-green-heavy: var(--color-green-300-30);
263
267
  --color-fill-accent-green-heavy-hovered: #56cc774d;
264
268
  --color-fill-accent-green-heavier: var(--color-green-300);
265
- --color-fill-accent-green-heavier-hovered: #56cc77ff;
269
+ --color-fill-accent-green-heavier-hovered: #5cce7cff;
266
270
  --color-fill-accent-green-transparent: var(--color-green-300-0);
267
271
  --color-fill-accent-green-transparent-hovered: #4bc16c1a;
268
272
  --color-fill-accent-red: var(--color-red-300-18);
@@ -270,7 +274,7 @@
270
274
  --color-fill-accent-red-heavy: var(--color-red-300-30);
271
275
  --color-fill-accent-red-heavy-hovered: #f771714d;
272
276
  --color-fill-accent-red-heavier: var(--color-red-300);
273
- --color-fill-accent-red-heavier-hovered: #f77171ff;
277
+ --color-fill-accent-red-heavier-hovered: #f87979ff;
274
278
  --color-fill-accent-red-transparent: var(--color-red-300-0);
275
279
  --color-fill-accent-red-transparent-hovered: #f260601a;
276
280
  --color-fill-accent-orange: var(--color-orange-300-18);
@@ -310,7 +314,7 @@
310
314
  --color-fill-accent-navy-heavy: var(--color-navy-300-30);
311
315
  --color-fill-accent-navy-heavy-hovered: #7b86d34d;
312
316
  --color-fill-accent-navy-heavier: var(--color-navy-300);
313
- --color-fill-accent-navy-heavier-hovered: #7b86d3ff;
317
+ --color-fill-accent-navy-heavier-hovered: #8a95d7ff;
314
318
  --color-fill-accent-navy-transparent: var(--color-navy-300-0);
315
319
  --color-fill-accent-navy-transparent-hovered: #6f7bc81a;
316
320
  --color-fill-accent-purple: var(--color-purple-300-18);
@@ -341,6 +345,8 @@
341
345
  --color-fill-absolute-black-light-hovered: #0a0a0a4d;
342
346
  --color-fill-absolute-black-transparent: var(--color-black-0);
343
347
  --color-fill-absolute-black-transparent-hovered: #0000000d;
348
+ --color-fill-bright: var(--color-grey-650);
349
+ --color-fill-bright-hovered: #64646aff;
344
350
  --color-border-neutral: var(--color-white-12);
345
351
  --color-border-neutral-hovered: #ededed2f;
346
352
  --color-border-neutral-heavy: var(--color-white-20);
@@ -348,57 +354,35 @@
348
354
  --color-border-neutral-heavier: var(--color-white-40);
349
355
  --color-border-neutral-heavier-hovered: #ededed66;
350
356
  --color-border-detach: var(--color-grey-900);
351
- --color-border-detach-hovered: #2e2e33ff;
352
- --color-border-detach-highest: var(--color-grey-700);
353
- --color-border-detach-highest-hovered: #4f4f54ff;
357
+ --color-border-detach-hovered: #27272bff;
358
+ --color-border-detach-highest: var(--color-grey-750);
359
+ --color-border-detach-highest-hovered: #3b3b40ff;
354
360
  --color-border-detach-higher: var(--color-grey-800);
355
- --color-border-detach-higher-hovered: #3a3a40ff;
361
+ --color-border-detach-higher-hovered: #333338ff;
356
362
  --color-border-detach-high: var(--color-grey-850);
357
- --color-border-detach-high-hovered: #343438ff;
363
+ --color-border-detach-high-hovered: #2e2e31ff;
358
364
  --color-border-detach-low: var(--color-grey-950);
359
365
  --color-border-detach-low-hovered: #242427ff;
360
366
  --color-border-absolute-white: var(--color-white-100);
361
367
  --color-border-absolute-white-hovered: #edededff;
362
368
  --color-surface: var(--color-grey-900);
363
- --color-surface-hovered: #2e2e33ff;
369
+ --color-surface-hovered: #27272bff;
364
370
  --color-surface-highest: var(--color-grey-750);
365
- --color-surface-highest-hovered: #414147ff;
371
+ --color-surface-highest-hovered: #3b3b40ff;
366
372
  --color-surface-higher: var(--color-grey-800);
367
- --color-surface-higher-hovered: #3a3a40ff;
373
+ --color-surface-higher-hovered: #333338ff;
368
374
  --color-surface-high: var(--color-grey-850);
369
- --color-surface-high-hovered: #343438ff;
375
+ --color-surface-high-hovered: #2e2e31ff;
370
376
  --color-surface-low: var(--color-grey-950);
371
377
  --color-surface-low-hovered: #242427ff;
372
378
  --color-surface-glass: var(--color-grey-800-90);
373
- --color-surface-glass-hovered: #3a3a40e6;
374
- --color-surface-glass-highest: var(--color-grey-700-90);
375
- --color-surface-glass-highest-hovered: #4f4f54e6;
379
+ --color-surface-glass-hovered: #333338e6;
380
+ --color-surface-glass-highest: var(--color-grey-750-90);
381
+ --color-surface-glass-highest-hovered: #3b3b40e6;
376
382
  --color-surface-glass-higher: var(--color-grey-800-90);
377
- --color-surface-glass-higher-hovered: #3a3a40e6;
383
+ --color-surface-glass-higher-hovered: #333338e6;
378
384
  --color-surface-glass-high: var(--color-grey-850-90);
379
- --color-surface-glass-high-hovered: #343438e6;
380
- --color-surface-accent-blue: var(--color-blue-300);
381
- --color-surface-accent-blue-hovered: #8184ffff;
382
- --color-surface-accent-cobalt: var(--color-cobalt-300);
383
- --color-surface-accent-cobalt-hovered: #6cb8f5ff;
384
- --color-surface-accent-green: var(--color-green-300);
385
- --color-surface-accent-green-hovered: #56cc77ff;
386
- --color-surface-accent-red: var(--color-red-300);
387
- --color-surface-accent-red-hovered: #f77171ff;
388
- --color-surface-accent-orange: var(--color-orange-300);
389
- --color-surface-accent-orange-hovered: #f8a45cff;
390
- --color-surface-accent-yellow: var(--color-yellow-300);
391
- --color-surface-accent-yellow-hovered: #f7c736ff;
392
- --color-surface-accent-olive: var(--color-olive-300);
393
- --color-surface-accent-olive-hovered: #ccdb25ff;
394
- --color-surface-accent-teal: var(--color-teal-300);
395
- --color-surface-accent-teal-hovered: #4cdccfff;
396
- --color-surface-accent-navy: var(--color-navy-300);
397
- --color-surface-accent-navy-hovered: #7b86d3ff;
398
- --color-surface-accent-purple: var(--color-purple-300);
399
- --color-surface-accent-purple-hovered: #b686ffff;
400
- --color-surface-accent-pink: var(--color-pink-300);
401
- --color-surface-accent-pink-hovered: #f27fdbff;
385
+ --color-surface-glass-high-hovered: #2e2e31e6;
402
386
  --color-dim-absolute-black: var(--color-black-40);
403
387
  --color-dim-absolute-black-hovered: #0a0a0a66;
404
388
  --color-dim-absolute-black-heavy: var(--color-black-60);
@@ -410,11 +394,11 @@
410
394
  --color-gradient-green: var(--color-green-400);
411
395
  --color-gradient-green-hovered: #1ec35dff;
412
396
  --color-gradient-green-heavy: var(--color-green-300);
413
- --color-gradient-green-heavy-hovered: #56cc77ff;
397
+ --color-gradient-green-heavy-hovered: #5cce7cff;
414
398
  --color-state-default: var(--color-white-20);
415
399
  --color-state-default-hovered: #ededed4d;
416
400
  --color-state-action: var(--color-blue-300);
417
- --color-state-action-hovered: #8184ffff;
401
+ --color-state-action-hovered: #9698ffff;
418
402
  --color-state-action-light: var(--color-blue-300-45);
419
403
  --color-state-action-light-hovered: #8184ff73;
420
404
  --color-state-warning: var(--color-orange-300);
@@ -438,7 +422,7 @@
438
422
  :where(:root, :host) {
439
423
  --color-blue-100: #b2b7ffff;
440
424
  --color-blue-200: #8d93ffff;
441
- --color-blue-300: #6b6effff;
425
+ --color-blue-300: #8082ffff;
442
426
  --color-blue-400: #6157eaff;
443
427
  --color-blue-500: #5139d9ff;
444
428
  --color-blue-600: #4134bbff;
@@ -470,7 +454,7 @@
470
454
  --color-cobalt-400-30: #3292e34d;
471
455
  --color-green-100: #a4ecb3ff;
472
456
  --color-green-200: #7cd985ff;
473
- --color-green-300: #4bc16cff;
457
+ --color-green-300: #51c371ff;
474
458
  --color-green-400: #20ab55ff;
475
459
  --color-green-500: #358761ff;
476
460
  --color-green-600: #327055ff;
@@ -486,7 +470,7 @@
486
470
  --color-green-400-30: #20ab554d;
487
471
  --color-red-100: #ffb8b8ff;
488
472
  --color-red-200: #ff8683ff;
489
- --color-red-300: #f26060ff;
473
+ --color-red-300: #f36868ff;
490
474
  --color-red-400: #e1535dff;
491
475
  --color-red-500: #bc3a42ff;
492
476
  --color-red-600: #992c34ff;
@@ -566,7 +550,7 @@
566
550
  --color-teal-400-30: #09b2ac4d;
567
551
  --color-navy-100: #a5b2eeff;
568
552
  --color-navy-200: #8b99d9ff;
569
- --color-navy-300: #6f7bc8ff;
553
+ --color-navy-300: #7e89cdff;
570
554
  --color-navy-400: #424fabff;
571
555
  --color-navy-500: #353888ff;
572
556
  --color-navy-600: #22245bff;
@@ -612,6 +596,7 @@
612
596
  --color-pink-400-10: #d64bb51a;
613
597
  --color-pink-400-20: #d64bb533;
614
598
  --color-pink-400-30: #d64bb54d;
599
+ --color-grey-25: #fdfdffff;
615
600
  --color-grey-50: #fbfbfbff;
616
601
  --color-grey-100: #f7f7f8ff;
617
602
  --color-grey-200: #efeff0ff;
@@ -619,25 +604,27 @@
619
604
  --color-grey-400: #cfcfd1ff;
620
605
  --color-grey-500: #a7a7aaff;
621
606
  --color-grey-600: #79797eff;
622
- --color-grey-700: #454549ff;
623
- --color-grey-750: #37373cff;
624
- --color-grey-800: #303035ff;
625
- --color-grey-850: #2a2a2dff;
626
- --color-grey-900: #242428ff;
607
+ --color-grey-650: #5a5a5fff;
608
+ --color-grey-700: #3b3b3fff;
609
+ --color-grey-750: #313135ff;
610
+ --color-grey-800: #29292dff;
611
+ --color-grey-850: #242426ff;
612
+ --color-grey-900: #1d1d20ff;
627
613
  --color-grey-950: #1a1a1cff;
628
614
  --color-grey-50-80: #fbfbfbcc;
629
615
  --color-grey-100-80: #f7f7f8cc;
630
616
  --color-grey-100-90: #f7f7f8e6;
631
617
  --color-grey-200-80: #efeff0cc;
632
618
  --color-grey-200-90: #efeff0e6;
633
- --color-grey-700-80: #454549cc;
634
- --color-grey-700-90: #454549e6;
635
- --color-grey-800-80: #303035cc;
636
- --color-grey-800-90: #303035e6;
637
- --color-grey-850-80: #2a2a2dcc;
638
- --color-grey-850-90: #2a2a2de6;
619
+ --color-grey-700-80: #3b3b3fcc;
620
+ --color-grey-700-90: #3b3b3fe6;
621
+ --color-grey-750-90: #313135e6;
622
+ --color-grey-800-80: #29292dcc;
623
+ --color-grey-800-90: #29292de6;
624
+ --color-grey-850-80: #242426cc;
625
+ --color-grey-850-90: #242426e6;
639
626
  --color-grey-900-0: #24242800;
640
- --color-grey-900-90: #242428e6;
627
+ --color-grey-900-90: #1d1d2000;
641
628
  --color-white-0: #fff0;
642
629
  --color-white-3: #ffffff08;
643
630
  --color-white-5: #ffffff0d;
@@ -890,6 +877,8 @@
890
877
  --color-text-absolute-white-hovered: #edededff;
891
878
  --color-text-absolute-black: var(--color-black-100);
892
879
  --color-text-absolute-black-hovered: #1c1c1cff;
880
+ --color-text-inverse: var(--color-white-100);
881
+ --color-text-inverse-hovered: #edededff;
893
882
  --color-icon-action: var(--color-blue-400);
894
883
  --color-icon-action-hovered: #5146e4ff;
895
884
  --color-icon-success: var(--color-green-400);
@@ -932,6 +921,8 @@
932
921
  --color-icon-absolute-white-hovered: #edededff;
933
922
  --color-icon-absolute-black: var(--color-black-100);
934
923
  --color-icon-absolute-black-hovered: #1c1c1cff;
924
+ --color-icon-inverse-heavier: var(--color-white-100);
925
+ --color-icon-inverse-heavier-hovered: #edededff;
935
926
  --color-fill-neutral-heaviest: var(--color-black-85);
936
927
  --color-fill-neutral-heaviest-hovered: #1c1c1cd9;
937
928
  --color-fill-neutral-heavier: var(--color-black-40);
@@ -1092,6 +1083,8 @@
1092
1083
  --color-fill-absolute-black-light-hovered: #1c1c1c4d;
1093
1084
  --color-fill-absolute-black-transparent: var(--color-black-0);
1094
1085
  --color-fill-absolute-black-transparent-hovered: #0000000d;
1086
+ --color-fill-bright: var(--color-grey-25);
1087
+ --color-fill-bright-hovered: #d9d9ffff;
1095
1088
  --color-border-neutral: var(--color-black-8);
1096
1089
  --color-border-neutral-hovered: #1c1c1c1e;
1097
1090
  --color-border-neutral-heavy: var(--color-black-15);
@@ -1128,28 +1121,6 @@
1128
1121
  --color-surface-glass-higher-hovered: #e5e5e8e6;
1129
1122
  --color-surface-glass-high: var(--color-white-90);
1130
1123
  --color-surface-glass-high-hovered: #ededede6;
1131
- --color-surface-accent-blue: var(--color-blue-400);
1132
- --color-surface-accent-blue-hovered: #5146e4ff;
1133
- --color-surface-accent-cobalt: var(--color-cobalt-400);
1134
- --color-surface-accent-cobalt-hovered: #2589ddff;
1135
- --color-surface-accent-green: var(--color-green-400);
1136
- --color-surface-accent-green-hovered: #219c50ff;
1137
- --color-surface-accent-red: var(--color-red-400);
1138
- --color-surface-accent-red-hovered: #da444fff;
1139
- --color-surface-accent-orange: var(--color-orange-400);
1140
- --color-surface-accent-orange-hovered: #df751fff;
1141
- --color-surface-accent-yellow: var(--color-yellow-400);
1142
- --color-surface-accent-yellow-hovered: #d9a010ff;
1143
- --color-surface-accent-olive: var(--color-olive-400);
1144
- --color-surface-accent-olive-hovered: #9ba212ff;
1145
- --color-surface-accent-teal: var(--color-teal-400);
1146
- --color-surface-accent-teal-hovered: #08a5a0ff;
1147
- --color-surface-accent-navy: var(--color-navy-400);
1148
- --color-surface-accent-navy-hovered: #414c9cff;
1149
- --color-surface-accent-purple: var(--color-purple-400);
1150
- --color-surface-accent-purple-hovered: #8247e1ff;
1151
- --color-surface-accent-pink: var(--color-pink-400);
1152
- --color-surface-accent-pink-hovered: #cf3eacff;
1153
1124
  --color-dim-absolute-black: var(--color-black-40);
1154
1125
  --color-dim-absolute-black-hovered: #1c1c1c66;
1155
1126
  --color-dim-absolute-black-heavy: var(--color-black-60);
@@ -1161,7 +1132,7 @@
1161
1132
  --color-gradient-green: var(--color-green-400);
1162
1133
  --color-gradient-green-hovered: #219c50ff;
1163
1134
  --color-gradient-green-heavy: var(--color-green-300);
1164
- --color-gradient-green-heavy-hovered: #44b663ff;
1135
+ --color-gradient-green-heavy-hovered: #46ba67ff;
1165
1136
  --color-state-default: var(--color-black-15);
1166
1137
  --color-state-default-hovered: #1c1c1c39;
1167
1138
  --color-state-action: var(--color-blue-400);