@channel.io/bezier-tokens 0.3.3-beta.7 → 0.3.3-beta.9

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 +53 -73
  2. package/dist/beta/cjs/global.js +6 -4
  3. package/dist/beta/cjs/lightTheme.js +8 -28
  4. package/dist/beta/css/styles.css +40 -78
  5. package/dist/beta/esm/darkTheme.mjs +53 -73
  6. package/dist/beta/esm/global.mjs +6 -4
  7. package/dist/beta/esm/lightTheme.mjs +8 -28
  8. package/dist/beta/scss/dark-theme.scss +30 -52
  9. package/dist/beta/scss/global.scss +8 -4
  10. package/dist/beta/scss/light-theme.scss +6 -28
  11. package/dist/types/beta/cjs/darkTheme.d.ts +59 -129
  12. package/dist/types/beta/cjs/global.d.ts +10 -4
  13. package/dist/types/beta/cjs/index.d.ts +84 -218
  14. package/dist/types/beta/cjs/lightTheme.d.ts +15 -85
  15. package/dist/types/beta/esm/darkTheme.d.mts +59 -129
  16. package/dist/types/beta/esm/global.d.mts +10 -4
  17. package/dist/types/beta/esm/index.d.mts +84 -218
  18. package/dist/types/beta/esm/index.d.mts.map +1 -1
  19. package/dist/types/beta/esm/lightTheme.d.mts +15 -85
  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);
@@ -142,15 +142,15 @@
142
142
  --color-text-inverse: var(--color-black-85);
143
143
  --color-text-inverse-hovered: #0a0a0ad9;
144
144
  --color-icon-action: var(--color-blue-300);
145
- --color-icon-action-hovered: #8184ffff;
145
+ --color-icon-action-hovered: #9698ffff;
146
146
  --color-icon-success: var(--color-green-300);
147
- --color-icon-success-hovered: #56cc77ff;
147
+ --color-icon-success-hovered: #5cce7cff;
148
148
  --color-icon-highlight: var(--color-cobalt-300);
149
149
  --color-icon-highlight-hovered: #6cb8f5ff;
150
150
  --color-icon-warning: var(--color-orange-300);
151
151
  --color-icon-warning-hovered: #f8a45cff;
152
152
  --color-icon-critical: var(--color-red-300);
153
- --color-icon-critical-hovered: #f77171ff;
153
+ --color-icon-critical-hovered: #f87979ff;
154
154
  --color-icon-neutral: var(--color-white-40);
155
155
  --color-icon-neutral-hovered: #ededed66;
156
156
  --color-icon-neutral-heavy: var(--color-white-60);
@@ -158,13 +158,13 @@
158
158
  --color-icon-neutral-heavier: var(--color-white-80);
159
159
  --color-icon-neutral-heavier-hovered: #edededcc;
160
160
  --color-icon-accent-blue: var(--color-blue-300);
161
- --color-icon-accent-blue-hovered: #8184ffff;
161
+ --color-icon-accent-blue-hovered: #9698ffff;
162
162
  --color-icon-accent-cobalt: var(--color-cobalt-300);
163
163
  --color-icon-accent-cobalt-hovered: #6cb8f5ff;
164
164
  --color-icon-accent-green: var(--color-green-300);
165
- --color-icon-accent-green-hovered: #56cc77ff;
165
+ --color-icon-accent-green-hovered: #5cce7cff;
166
166
  --color-icon-accent-red: var(--color-red-300);
167
- --color-icon-accent-red-hovered: #f77171ff;
167
+ --color-icon-accent-red-hovered: #f87979ff;
168
168
  --color-icon-accent-orange: var(--color-orange-300);
169
169
  --color-icon-accent-orange-hovered: #f8a45cff;
170
170
  --color-icon-accent-yellow: var(--color-yellow-300);
@@ -174,7 +174,7 @@
174
174
  --color-icon-accent-teal: var(--color-teal-300);
175
175
  --color-icon-accent-teal-hovered: #4cdccfff;
176
176
  --color-icon-accent-navy: var(--color-navy-300);
177
- --color-icon-accent-navy-hovered: #7b86d3ff;
177
+ --color-icon-accent-navy-hovered: #8a95d7ff;
178
178
  --color-icon-accent-purple: var(--color-purple-300);
179
179
  --color-icon-accent-purple-hovered: #b686ffff;
180
180
  --color-icon-accent-pink: var(--color-pink-300);
@@ -185,8 +185,8 @@
185
185
  --color-icon-absolute-black-hovered: #0a0a0aff;
186
186
  --color-icon-inverse-heavier: var(--color-black-85);
187
187
  --color-icon-inverse-heavier-hovered: #0a0a0ad9;
188
- --color-fill-neutral-heaviest: var(--color-white-90);
189
- --color-fill-neutral-heaviest-hovered: #ededede6;
188
+ --color-fill-neutral-heaviest: var(--color-white-100);
189
+ --color-fill-neutral-heaviest-hovered: #edededff;
190
190
  --color-fill-neutral-heavier: var(--color-white-40);
191
191
  --color-fill-neutral-heavier-hovered: #ededed66;
192
192
  --color-fill-neutral-heavy: var(--color-white-20);
@@ -200,7 +200,7 @@
200
200
  --color-fill-neutral-transparent: var(--color-white-0);
201
201
  --color-fill-neutral-transparent-hovered: #ffffff0d;
202
202
  --color-fill-action: var(--color-blue-300);
203
- --color-fill-action-hovered: #8184ffff;
203
+ --color-fill-action-hovered: #9698ffff;
204
204
  --color-fill-action-light: var(--color-blue-300-30);
205
205
  --color-fill-action-light-hovered: #8184ff4d;
206
206
  --color-fill-action-lighter: var(--color-blue-300-18);
@@ -208,7 +208,7 @@
208
208
  --color-fill-action-transparent: var(--color-blue-300-0);
209
209
  --color-fill-action-transparent-hovered: #6b6eff1a;
210
210
  --color-fill-success: var(--color-green-300);
211
- --color-fill-success-hovered: #56cc77ff;
211
+ --color-fill-success-hovered: #5cce7cff;
212
212
  --color-fill-success-light: var(--color-green-300-30);
213
213
  --color-fill-success-light-hovered: #56cc774d;
214
214
  --color-fill-success-lighter: var(--color-green-300-18);
@@ -232,7 +232,7 @@
232
232
  --color-fill-warning-transparent: var(--color-orange-300-0);
233
233
  --color-fill-warning-transparent-hovered: #f798471a;
234
234
  --color-fill-critical: var(--color-red-300);
235
- --color-fill-critical-hovered: #f77171ff;
235
+ --color-fill-critical-hovered: #f87979ff;
236
236
  --color-fill-critical-light: var(--color-red-300-30);
237
237
  --color-fill-critical-light-hovered: #f771714d;
238
238
  --color-fill-critical-lighter: var(--color-red-300-18);
@@ -250,7 +250,7 @@
250
250
  --color-fill-accent-blue-heavy: var(--color-blue-300-30);
251
251
  --color-fill-accent-blue-heavy-hovered: #8184ff4d;
252
252
  --color-fill-accent-blue-heavier: var(--color-blue-300);
253
- --color-fill-accent-blue-heavier-hovered: #8184ffff;
253
+ --color-fill-accent-blue-heavier-hovered: #9698ffff;
254
254
  --color-fill-accent-blue-transparent: var(--color-blue-300-0);
255
255
  --color-fill-accent-blue-transparent-hovered: #6b6eff1a;
256
256
  --color-fill-accent-cobalt: var(--color-cobalt-300-18);
@@ -266,7 +266,7 @@
266
266
  --color-fill-accent-green-heavy: var(--color-green-300-30);
267
267
  --color-fill-accent-green-heavy-hovered: #56cc774d;
268
268
  --color-fill-accent-green-heavier: var(--color-green-300);
269
- --color-fill-accent-green-heavier-hovered: #56cc77ff;
269
+ --color-fill-accent-green-heavier-hovered: #5cce7cff;
270
270
  --color-fill-accent-green-transparent: var(--color-green-300-0);
271
271
  --color-fill-accent-green-transparent-hovered: #4bc16c1a;
272
272
  --color-fill-accent-red: var(--color-red-300-18);
@@ -274,7 +274,7 @@
274
274
  --color-fill-accent-red-heavy: var(--color-red-300-30);
275
275
  --color-fill-accent-red-heavy-hovered: #f771714d;
276
276
  --color-fill-accent-red-heavier: var(--color-red-300);
277
- --color-fill-accent-red-heavier-hovered: #f77171ff;
277
+ --color-fill-accent-red-heavier-hovered: #f87979ff;
278
278
  --color-fill-accent-red-transparent: var(--color-red-300-0);
279
279
  --color-fill-accent-red-transparent-hovered: #f260601a;
280
280
  --color-fill-accent-orange: var(--color-orange-300-18);
@@ -314,7 +314,7 @@
314
314
  --color-fill-accent-navy-heavy: var(--color-navy-300-30);
315
315
  --color-fill-accent-navy-heavy-hovered: #7b86d34d;
316
316
  --color-fill-accent-navy-heavier: var(--color-navy-300);
317
- --color-fill-accent-navy-heavier-hovered: #7b86d3ff;
317
+ --color-fill-accent-navy-heavier-hovered: #8a95d7ff;
318
318
  --color-fill-accent-navy-transparent: var(--color-navy-300-0);
319
319
  --color-fill-accent-navy-transparent-hovered: #6f7bc81a;
320
320
  --color-fill-accent-purple: var(--color-purple-300-18);
@@ -345,6 +345,8 @@
345
345
  --color-fill-absolute-black-light-hovered: #0a0a0a4d;
346
346
  --color-fill-absolute-black-transparent: var(--color-black-0);
347
347
  --color-fill-absolute-black-transparent-hovered: #0000000d;
348
+ --color-fill-bright: var(--color-grey-650);
349
+ --color-fill-bright-hovered: #64646aff;
348
350
  --color-border-neutral: var(--color-white-12);
349
351
  --color-border-neutral-hovered: #ededed2f;
350
352
  --color-border-neutral-heavy: var(--color-white-20);
@@ -381,28 +383,6 @@
381
383
  --color-surface-glass-higher-hovered: #333338e6;
382
384
  --color-surface-glass-high: var(--color-grey-850-90);
383
385
  --color-surface-glass-high-hovered: #2e2e31e6;
384
- --color-surface-accent-blue: var(--color-blue-300);
385
- --color-surface-accent-blue-hovered: #8184ffff;
386
- --color-surface-accent-cobalt: var(--color-cobalt-300);
387
- --color-surface-accent-cobalt-hovered: #6cb8f5ff;
388
- --color-surface-accent-green: var(--color-green-300);
389
- --color-surface-accent-green-hovered: #56cc77ff;
390
- --color-surface-accent-red: var(--color-red-300);
391
- --color-surface-accent-red-hovered: #f77171ff;
392
- --color-surface-accent-orange: var(--color-orange-300);
393
- --color-surface-accent-orange-hovered: #f8a45cff;
394
- --color-surface-accent-yellow: var(--color-yellow-300);
395
- --color-surface-accent-yellow-hovered: #f7c736ff;
396
- --color-surface-accent-olive: var(--color-olive-300);
397
- --color-surface-accent-olive-hovered: #ccdb25ff;
398
- --color-surface-accent-teal: var(--color-teal-300);
399
- --color-surface-accent-teal-hovered: #4cdccfff;
400
- --color-surface-accent-navy: var(--color-navy-300);
401
- --color-surface-accent-navy-hovered: #7b86d3ff;
402
- --color-surface-accent-purple: var(--color-purple-300);
403
- --color-surface-accent-purple-hovered: #b686ffff;
404
- --color-surface-accent-pink: var(--color-pink-300);
405
- --color-surface-accent-pink-hovered: #f27fdbff;
406
386
  --color-dim-absolute-black: var(--color-black-40);
407
387
  --color-dim-absolute-black-hovered: #0a0a0a66;
408
388
  --color-dim-absolute-black-heavy: var(--color-black-60);
@@ -414,11 +394,11 @@
414
394
  --color-gradient-green: var(--color-green-400);
415
395
  --color-gradient-green-hovered: #1ec35dff;
416
396
  --color-gradient-green-heavy: var(--color-green-300);
417
- --color-gradient-green-heavy-hovered: #56cc77ff;
397
+ --color-gradient-green-heavy-hovered: #5cce7cff;
418
398
  --color-state-default: var(--color-white-20);
419
399
  --color-state-default-hovered: #ededed4d;
420
400
  --color-state-action: var(--color-blue-300);
421
- --color-state-action-hovered: #8184ffff;
401
+ --color-state-action-hovered: #9698ffff;
422
402
  --color-state-action-light: var(--color-blue-300-45);
423
403
  --color-state-action-light-hovered: #8184ff73;
424
404
  --color-state-warning: var(--color-orange-300);
@@ -442,7 +422,7 @@
442
422
  :where(:root, :host) {
443
423
  --color-blue-100: #b2b7ffff;
444
424
  --color-blue-200: #8d93ffff;
445
- --color-blue-300: #6b6effff;
425
+ --color-blue-300: #8082ffff;
446
426
  --color-blue-400: #6157eaff;
447
427
  --color-blue-500: #5139d9ff;
448
428
  --color-blue-600: #4134bbff;
@@ -474,7 +454,7 @@
474
454
  --color-cobalt-400-30: #3292e34d;
475
455
  --color-green-100: #a4ecb3ff;
476
456
  --color-green-200: #7cd985ff;
477
- --color-green-300: #4bc16cff;
457
+ --color-green-300: #51c371ff;
478
458
  --color-green-400: #20ab55ff;
479
459
  --color-green-500: #358761ff;
480
460
  --color-green-600: #327055ff;
@@ -490,7 +470,7 @@
490
470
  --color-green-400-30: #20ab554d;
491
471
  --color-red-100: #ffb8b8ff;
492
472
  --color-red-200: #ff8683ff;
493
- --color-red-300: #f26060ff;
473
+ --color-red-300: #f36868ff;
494
474
  --color-red-400: #e1535dff;
495
475
  --color-red-500: #bc3a42ff;
496
476
  --color-red-600: #992c34ff;
@@ -570,7 +550,7 @@
570
550
  --color-teal-400-30: #09b2ac4d;
571
551
  --color-navy-100: #a5b2eeff;
572
552
  --color-navy-200: #8b99d9ff;
573
- --color-navy-300: #6f7bc8ff;
553
+ --color-navy-300: #7e89cdff;
574
554
  --color-navy-400: #424fabff;
575
555
  --color-navy-500: #353888ff;
576
556
  --color-navy-600: #22245bff;
@@ -616,6 +596,7 @@
616
596
  --color-pink-400-10: #d64bb51a;
617
597
  --color-pink-400-20: #d64bb533;
618
598
  --color-pink-400-30: #d64bb54d;
599
+ --color-grey-25: #fdfdffff;
619
600
  --color-grey-50: #fbfbfbff;
620
601
  --color-grey-100: #f7f7f8ff;
621
602
  --color-grey-200: #efeff0ff;
@@ -623,6 +604,7 @@
623
604
  --color-grey-400: #cfcfd1ff;
624
605
  --color-grey-500: #a7a7aaff;
625
606
  --color-grey-600: #79797eff;
607
+ --color-grey-650: #5a5a5fff;
626
608
  --color-grey-700: #3b3b3fff;
627
609
  --color-grey-750: #313135ff;
628
610
  --color-grey-800: #29292dff;
@@ -895,8 +877,8 @@
895
877
  --color-text-absolute-white-hovered: #edededff;
896
878
  --color-text-absolute-black: var(--color-black-100);
897
879
  --color-text-absolute-black-hovered: #1c1c1cff;
898
- --color-text-inverse: var(--color-white-80);
899
- --color-text-inverse-hovered: #edededcc;
880
+ --color-text-inverse: var(--color-white-100);
881
+ --color-text-inverse-hovered: #edededff;
900
882
  --color-icon-action: var(--color-blue-400);
901
883
  --color-icon-action-hovered: #5146e4ff;
902
884
  --color-icon-success: var(--color-green-400);
@@ -939,8 +921,8 @@
939
921
  --color-icon-absolute-white-hovered: #edededff;
940
922
  --color-icon-absolute-black: var(--color-black-100);
941
923
  --color-icon-absolute-black-hovered: #1c1c1cff;
942
- --color-icon-inverse-heavier: var(--color-white-80);
943
- --color-icon-inverse-heavier-hovered: #edededcc;
924
+ --color-icon-inverse-heavier: var(--color-white-100);
925
+ --color-icon-inverse-heavier-hovered: #edededff;
944
926
  --color-fill-neutral-heaviest: var(--color-black-85);
945
927
  --color-fill-neutral-heaviest-hovered: #1c1c1cd9;
946
928
  --color-fill-neutral-heavier: var(--color-black-40);
@@ -1101,6 +1083,8 @@
1101
1083
  --color-fill-absolute-black-light-hovered: #1c1c1c4d;
1102
1084
  --color-fill-absolute-black-transparent: var(--color-black-0);
1103
1085
  --color-fill-absolute-black-transparent-hovered: #0000000d;
1086
+ --color-fill-bright: var(--color-grey-25);
1087
+ --color-fill-bright-hovered: #d9d9ffff;
1104
1088
  --color-border-neutral: var(--color-black-8);
1105
1089
  --color-border-neutral-hovered: #1c1c1c1e;
1106
1090
  --color-border-neutral-heavy: var(--color-black-15);
@@ -1137,28 +1121,6 @@
1137
1121
  --color-surface-glass-higher-hovered: #e5e5e8e6;
1138
1122
  --color-surface-glass-high: var(--color-white-90);
1139
1123
  --color-surface-glass-high-hovered: #ededede6;
1140
- --color-surface-accent-blue: var(--color-blue-400);
1141
- --color-surface-accent-blue-hovered: #5146e4ff;
1142
- --color-surface-accent-cobalt: var(--color-cobalt-400);
1143
- --color-surface-accent-cobalt-hovered: #2589ddff;
1144
- --color-surface-accent-green: var(--color-green-400);
1145
- --color-surface-accent-green-hovered: #219c50ff;
1146
- --color-surface-accent-red: var(--color-red-400);
1147
- --color-surface-accent-red-hovered: #da444fff;
1148
- --color-surface-accent-orange: var(--color-orange-400);
1149
- --color-surface-accent-orange-hovered: #df751fff;
1150
- --color-surface-accent-yellow: var(--color-yellow-400);
1151
- --color-surface-accent-yellow-hovered: #d9a010ff;
1152
- --color-surface-accent-olive: var(--color-olive-400);
1153
- --color-surface-accent-olive-hovered: #9ba212ff;
1154
- --color-surface-accent-teal: var(--color-teal-400);
1155
- --color-surface-accent-teal-hovered: #08a5a0ff;
1156
- --color-surface-accent-navy: var(--color-navy-400);
1157
- --color-surface-accent-navy-hovered: #414c9cff;
1158
- --color-surface-accent-purple: var(--color-purple-400);
1159
- --color-surface-accent-purple-hovered: #8247e1ff;
1160
- --color-surface-accent-pink: var(--color-pink-400);
1161
- --color-surface-accent-pink-hovered: #cf3eacff;
1162
1124
  --color-dim-absolute-black: var(--color-black-40);
1163
1125
  --color-dim-absolute-black-hovered: #1c1c1c66;
1164
1126
  --color-dim-absolute-black-heavy: var(--color-black-60);
@@ -1170,7 +1132,7 @@
1170
1132
  --color-gradient-green: var(--color-green-400);
1171
1133
  --color-gradient-green-hovered: #219c50ff;
1172
1134
  --color-gradient-green-heavy: var(--color-green-300);
1173
- --color-gradient-green-heavy-hovered: #44b663ff;
1135
+ --color-gradient-green-heavy-hovered: #46ba67ff;
1174
1136
  --color-state-default: var(--color-black-15);
1175
1137
  --color-state-default-hovered: #1c1c1c39;
1176
1138
  --color-state-action: var(--color-blue-400);
package/dist/beta/esm/darkTheme.mjs CHANGED
@@ -55,10 +55,10 @@ export default Object.freeze({
55
55
  }),
56
56
  "state": Object.freeze({
57
57
  "state-error": Object.freeze({"value":"0 0 0 1px #f79847ff","ref":"0 0 0 dimension-1 color-state-warning"}),
58
- "state-active": Object.freeze({"value":"0 0 0 1px #6b6effff","ref":"0 0 0 dimension-1 color-state-action"}),
58
+ "state-active": Object.freeze({"value":"0 0 0 1px #8082ffff","ref":"0 0 0 dimension-1 color-state-action"}),
59
59
  "state-input-default": Object.freeze({"value":"0 1px 2px 0 #0000000d, inset 0 0 0 1px #fff3","ref":"0 dimension-1 dimension-2 0 color-elevation-base, inset 0 0 0 dimension-1 color-state-default"}),
60
- "state-input-hovered": Object.freeze({"value":"0 2px 6px 0 #0000000d, inset 0 0 0 1px #6b6effff","ref":"0 dimension-2 dimension-6 0 color-elevation-base, inset 0 0 0 dimension-1 color-state-action"}),
61
- "state-input-active": Object.freeze({"value":"0 2px 6px 0 #0000000d, 0 0 0 3px #6b6eff73, inset 0 0 0 1px #6b6effff","ref":"0 dimension-2 dimension-6 0 color-elevation-base, 0 0 0 dimension-3 color-state-action-light, inset 0 0 0 dimension-1 color-state-action"}),
60
+ "state-input-hovered": Object.freeze({"value":"0 2px 6px 0 #0000000d, inset 0 0 0 1px #8082ffff","ref":"0 dimension-2 dimension-6 0 color-elevation-base, inset 0 0 0 dimension-1 color-state-action"}),
61
+ "state-input-active": Object.freeze({"value":"0 2px 6px 0 #0000000d, 0 0 0 3px #6b6eff73, inset 0 0 0 1px #8082ffff","ref":"0 dimension-2 dimension-6 0 color-elevation-base, 0 0 0 dimension-3 color-state-action-light, inset 0 0 0 dimension-1 color-state-action"}),
62
62
  "state-input-error": Object.freeze({"value":"0 2px 6px 0 #0000000d, 0 0 0 3px #f798474d, inset 0 0 0 1px #f79847ff","ref":"0 dimension-2 dimension-6 0 color-elevation-base, 0 0 0 dimension-3 color-state-warning-light, inset 0 0 0 dimension-1 color-state-warning"}),
63
63
  }),
64
64
  "typography": Object.freeze({
@@ -114,16 +114,16 @@ export default Object.freeze({
114
114
  "typography-code-line-height-small": Object.freeze({"value":"18px","ref":"typography-line-height-18"}),
115
115
  }),
116
116
  "color": Object.freeze({
117
- "color-text-action": Object.freeze({"value":"#6b6effff","ref":"color-blue-300"}),
118
- "color-text-action-hovered": Object.freeze({"value":"#8184ffff"}),
119
- "color-text-success": Object.freeze({"value":"#4bc16cff","ref":"color-green-300"}),
120
- "color-text-success-hovered": Object.freeze({"value":"#56cc77ff"}),
117
+ "color-text-action": Object.freeze({"value":"#8082ffff","ref":"color-blue-300"}),
118
+ "color-text-action-hovered": Object.freeze({"value":"#9698ffff"}),
119
+ "color-text-success": Object.freeze({"value":"#51c371ff","ref":"color-green-300"}),
120
+ "color-text-success-hovered": Object.freeze({"value":"#5cce7cff"}),
121
121
  "color-text-highlight": Object.freeze({"value":"#5cadefff","ref":"color-cobalt-300"}),
122
122
  "color-text-highlight-hovered": Object.freeze({"value":"#6cb8f5ff"}),
123
123
  "color-text-warning": Object.freeze({"value":"#f79847ff","ref":"color-orange-300"}),
124
124
  "color-text-warning-hovered": Object.freeze({"value":"#f8a45cff"}),
125
- "color-text-critical": Object.freeze({"value":"#f26060ff","ref":"color-red-300"}),
126
- "color-text-critical-hovered": Object.freeze({"value":"#f77171ff"}),
125
+ "color-text-critical": Object.freeze({"value":"#f36868ff","ref":"color-red-300"}),
126
+ "color-text-critical-hovered": Object.freeze({"value":"#f87979ff"}),
127
127
  "color-text-neutral-heaviest": Object.freeze({"value":"#ffff","ref":"color-white-100"}),
128
128
  "color-text-neutral-heaviest-hovered": Object.freeze({"value":"#edededff"}),
129
129
  "color-text-neutral": Object.freeze({"value":"#fffc","ref":"color-white-80"}),
@@ -132,14 +132,14 @@ export default Object.freeze({
132
132
  "color-text-neutral-light-hovered": Object.freeze({"value":"#ededed99"}),
133
133
  "color-text-neutral-lighter": Object.freeze({"value":"#fff6","ref":"color-white-40"}),
134
134
  "color-text-neutral-lighter-hovered": Object.freeze({"value":"#ededed66"}),
135
- "color-text-accent-blue": Object.freeze({"value":"#6b6effff","ref":"color-blue-300"}),
136
- "color-text-accent-blue-hovered": Object.freeze({"value":"#8184ffff"}),
135
+ "color-text-accent-blue": Object.freeze({"value":"#8082ffff","ref":"color-blue-300"}),
136
+ "color-text-accent-blue-hovered": Object.freeze({"value":"#9698ffff"}),
137
137
  "color-text-accent-cobalt": Object.freeze({"value":"#5cadefff","ref":"color-cobalt-300"}),
138
138
  "color-text-accent-cobalt-hovered": Object.freeze({"value":"#6cb8f5ff"}),
139
- "color-text-accent-green": Object.freeze({"value":"#4bc16cff","ref":"color-green-300"}),
140
- "color-text-accent-green-hovered": Object.freeze({"value":"#56cc77ff"}),
141
- "color-text-accent-red": Object.freeze({"value":"#f26060ff","ref":"color-red-300"}),
142
- "color-text-accent-red-hovered": Object.freeze({"value":"#f77171ff"}),
139
+ "color-text-accent-green": Object.freeze({"value":"#51c371ff","ref":"color-green-300"}),
140
+ "color-text-accent-green-hovered": Object.freeze({"value":"#5cce7cff"}),
141
+ "color-text-accent-red": Object.freeze({"value":"#f36868ff","ref":"color-red-300"}),
142
+ "color-text-accent-red-hovered": Object.freeze({"value":"#f87979ff"}),
143
143
  "color-text-accent-orange": Object.freeze({"value":"#f79847ff","ref":"color-orange-300"}),
144
144
  "color-text-accent-orange-hovered": Object.freeze({"value":"#f8a45cff"}),
145
145
  "color-text-accent-yellow": Object.freeze({"value":"#f0be27ff","ref":"color-yellow-300"}),
@@ -148,8 +148,8 @@ export default Object.freeze({
148
148
  "color-text-accent-olive-hovered": Object.freeze({"value":"#ccdb25ff"}),
149
149
  "color-text-accent-teal": Object.freeze({"value":"#40d3c5ff","ref":"color-teal-300"}),
150
150
  "color-text-accent-teal-hovered": Object.freeze({"value":"#4cdccfff"}),
151
- "color-text-accent-navy": Object.freeze({"value":"#6f7bc8ff","ref":"color-navy-300"}),
152
- "color-text-accent-navy-hovered": Object.freeze({"value":"#7b86d3ff"}),
151
+ "color-text-accent-navy": Object.freeze({"value":"#7e89cdff","ref":"color-navy-300"}),
152
+ "color-text-accent-navy-hovered": Object.freeze({"value":"#8a95d7ff"}),
153
153
  "color-text-accent-purple": Object.freeze({"value":"#a970ffff","ref":"color-purple-300"}),
154
154
  "color-text-accent-purple-hovered": Object.freeze({"value":"#b686ffff"}),
155
155
  "color-text-accent-pink": Object.freeze({"value":"#ec6fd3ff","ref":"color-pink-300"}),
@@ -160,30 +160,30 @@ export default Object.freeze({
160
160
  "color-text-absolute-black-hovered": Object.freeze({"value":"#0a0a0aff"}),
161
161
  "color-text-inverse": Object.freeze({"value":"#000000d9","ref":"color-black-85"}),
162
162
  "color-text-inverse-hovered": Object.freeze({"value":"#0a0a0ad9"}),
163
- "color-icon-action": Object.freeze({"value":"#6b6effff","ref":"color-blue-300"}),
164
- "color-icon-action-hovered": Object.freeze({"value":"#8184ffff"}),
165
- "color-icon-success": Object.freeze({"value":"#4bc16cff","ref":"color-green-300"}),
166
- "color-icon-success-hovered": Object.freeze({"value":"#56cc77ff"}),
163
+ "color-icon-action": Object.freeze({"value":"#8082ffff","ref":"color-blue-300"}),
164
+ "color-icon-action-hovered": Object.freeze({"value":"#9698ffff"}),
165
+ "color-icon-success": Object.freeze({"value":"#51c371ff","ref":"color-green-300"}),
166
+ "color-icon-success-hovered": Object.freeze({"value":"#5cce7cff"}),
167
167
  "color-icon-highlight": Object.freeze({"value":"#5cadefff","ref":"color-cobalt-300"}),
168
168
  "color-icon-highlight-hovered": Object.freeze({"value":"#6cb8f5ff"}),
169
169
  "color-icon-warning": Object.freeze({"value":"#f79847ff","ref":"color-orange-300"}),
170
170
  "color-icon-warning-hovered": Object.freeze({"value":"#f8a45cff"}),
171
- "color-icon-critical": Object.freeze({"value":"#f26060ff","ref":"color-red-300"}),
172
- "color-icon-critical-hovered": Object.freeze({"value":"#f77171ff"}),
171
+ "color-icon-critical": Object.freeze({"value":"#f36868ff","ref":"color-red-300"}),
172
+ "color-icon-critical-hovered": Object.freeze({"value":"#f87979ff"}),
173
173
  "color-icon-neutral": Object.freeze({"value":"#fff6","ref":"color-white-40"}),
174
174
  "color-icon-neutral-hovered": Object.freeze({"value":"#ededed66"}),
175
175
  "color-icon-neutral-heavy": Object.freeze({"value":"#fff9","ref":"color-white-60"}),
176
176
  "color-icon-neutral-heavy-hovered": Object.freeze({"value":"#ededed99"}),
177
177
  "color-icon-neutral-heavier": Object.freeze({"value":"#fffc","ref":"color-white-80"}),
178
178
  "color-icon-neutral-heavier-hovered": Object.freeze({"value":"#edededcc"}),
179
- "color-icon-accent-blue": Object.freeze({"value":"#6b6effff","ref":"color-blue-300"}),
180
- "color-icon-accent-blue-hovered": Object.freeze({"value":"#8184ffff"}),
179
+ "color-icon-accent-blue": Object.freeze({"value":"#8082ffff","ref":"color-blue-300"}),
180
+ "color-icon-accent-blue-hovered": Object.freeze({"value":"#9698ffff"}),
181
181
  "color-icon-accent-cobalt": Object.freeze({"value":"#5cadefff","ref":"color-cobalt-300"}),
182
182
  "color-icon-accent-cobalt-hovered": Object.freeze({"value":"#6cb8f5ff"}),
183
- "color-icon-accent-green": Object.freeze({"value":"#4bc16cff","ref":"color-green-300"}),
184
- "color-icon-accent-green-hovered": Object.freeze({"value":"#56cc77ff"}),
185
- "color-icon-accent-red": Object.freeze({"value":"#f26060ff","ref":"color-red-300"}),
186
- "color-icon-accent-red-hovered": Object.freeze({"value":"#f77171ff"}),
183
+ "color-icon-accent-green": Object.freeze({"value":"#51c371ff","ref":"color-green-300"}),
184
+ "color-icon-accent-green-hovered": Object.freeze({"value":"#5cce7cff"}),
185
+ "color-icon-accent-red": Object.freeze({"value":"#f36868ff","ref":"color-red-300"}),
186
+ "color-icon-accent-red-hovered": Object.freeze({"value":"#f87979ff"}),
187
187
  "color-icon-accent-orange": Object.freeze({"value":"#f79847ff","ref":"color-orange-300"}),
188
188
  "color-icon-accent-orange-hovered": Object.freeze({"value":"#f8a45cff"}),
189
189
  "color-icon-accent-yellow": Object.freeze({"value":"#f0be27ff","ref":"color-yellow-300"}),
@@ -192,8 +192,8 @@ export default Object.freeze({
192
192
  "color-icon-accent-olive-hovered": Object.freeze({"value":"#ccdb25ff"}),
193
193
  "color-icon-accent-teal": Object.freeze({"value":"#40d3c5ff","ref":"color-teal-300"}),
194
194
  "color-icon-accent-teal-hovered": Object.freeze({"value":"#4cdccfff"}),
195
- "color-icon-accent-navy": Object.freeze({"value":"#6f7bc8ff","ref":"color-navy-300"}),
196
- "color-icon-accent-navy-hovered": Object.freeze({"value":"#7b86d3ff"}),
195
+ "color-icon-accent-navy": Object.freeze({"value":"#7e89cdff","ref":"color-navy-300"}),
196
+ "color-icon-accent-navy-hovered": Object.freeze({"value":"#8a95d7ff"}),
197
197
  "color-icon-accent-purple": Object.freeze({"value":"#a970ffff","ref":"color-purple-300"}),
198
198
  "color-icon-accent-purple-hovered": Object.freeze({"value":"#b686ffff"}),
199
199
  "color-icon-accent-pink": Object.freeze({"value":"#ec6fd3ff","ref":"color-pink-300"}),
@@ -204,8 +204,8 @@ export default Object.freeze({
204
204
  "color-icon-absolute-black-hovered": Object.freeze({"value":"#0a0a0aff"}),
205
205
  "color-icon-inverse-heavier": Object.freeze({"value":"#000000d9","ref":"color-black-85"}),
206
206
  "color-icon-inverse-heavier-hovered": Object.freeze({"value":"#0a0a0ad9"}),
207
- "color-fill-neutral-heaviest": Object.freeze({"value":"#ffffffe6","ref":"color-white-90"}),
208
- "color-fill-neutral-heaviest-hovered": Object.freeze({"value":"#ededede6"}),
207
+ "color-fill-neutral-heaviest": Object.freeze({"value":"#ffff","ref":"color-white-100"}),
208
+ "color-fill-neutral-heaviest-hovered": Object.freeze({"value":"#edededff"}),
209
209
  "color-fill-neutral-heavier": Object.freeze({"value":"#fff6","ref":"color-white-40"}),
210
210
  "color-fill-neutral-heavier-hovered": Object.freeze({"value":"#ededed66"}),
211
211
  "color-fill-neutral-heavy": Object.freeze({"value":"#fff3","ref":"color-white-20"}),
@@ -218,16 +218,16 @@ export default Object.freeze({
218
218
  "color-fill-neutral-lightest-hovered": Object.freeze({"value":"#ededed0c"}),
219
219
  "color-fill-neutral-transparent": Object.freeze({"value":"#fff0","ref":"color-white-0"}),
220
220
  "color-fill-neutral-transparent-hovered": Object.freeze({"value":"#ffffff0d"}),
221
- "color-fill-action": Object.freeze({"value":"#6b6effff","ref":"color-blue-300"}),
222
- "color-fill-action-hovered": Object.freeze({"value":"#8184ffff"}),
221
+ "color-fill-action": Object.freeze({"value":"#8082ffff","ref":"color-blue-300"}),
222
+ "color-fill-action-hovered": Object.freeze({"value":"#9698ffff"}),
223
223
  "color-fill-action-light": Object.freeze({"value":"#6b6eff4d","ref":"color-blue-300-30"}),
224
224
  "color-fill-action-light-hovered": Object.freeze({"value":"#8184ff4d"}),
225
225
  "color-fill-action-lighter": Object.freeze({"value":"#6b6eff2e","ref":"color-blue-300-18"}),
226
226
  "color-fill-action-lighter-hovered": Object.freeze({"value":"#8184ff45"}),
227
227
  "color-fill-action-transparent": Object.freeze({"value":"#6b6eff00","ref":"color-blue-300-0"}),
228
228
  "color-fill-action-transparent-hovered": Object.freeze({"value":"#6b6eff1a"}),
229
- "color-fill-success": Object.freeze({"value":"#4bc16cff","ref":"color-green-300"}),
230
- "color-fill-success-hovered": Object.freeze({"value":"#56cc77ff"}),
229
+ "color-fill-success": Object.freeze({"value":"#51c371ff","ref":"color-green-300"}),
230
+ "color-fill-success-hovered": Object.freeze({"value":"#5cce7cff"}),
231
231
  "color-fill-success-light": Object.freeze({"value":"#4bc16c4d","ref":"color-green-300-30"}),
232
232
  "color-fill-success-light-hovered": Object.freeze({"value":"#56cc774d"}),
233
233
  "color-fill-success-lighter": Object.freeze({"value":"#4bc16c2e","ref":"color-green-300-18"}),
@@ -250,8 +250,8 @@ export default Object.freeze({
250
250
  "color-fill-warning-lighter-hovered": Object.freeze({"value":"#f8a45c45"}),
251
251
  "color-fill-warning-transparent": Object.freeze({"value":"#f7984700","ref":"color-orange-300-0"}),
252
252
  "color-fill-warning-transparent-hovered": Object.freeze({"value":"#f798471a"}),
253
- "color-fill-critical": Object.freeze({"value":"#f26060ff","ref":"color-red-300"}),
254
- "color-fill-critical-hovered": Object.freeze({"value":"#f77171ff"}),
253
+ "color-fill-critical": Object.freeze({"value":"#f36868ff","ref":"color-red-300"}),
254
+ "color-fill-critical-hovered": Object.freeze({"value":"#f87979ff"}),
255
255
  "color-fill-critical-light": Object.freeze({"value":"#f260604d","ref":"color-red-300-30"}),
256
256
  "color-fill-critical-light-hovered": Object.freeze({"value":"#f771714d"}),
257
257
  "color-fill-critical-lighter": Object.freeze({"value":"#f260602e","ref":"color-red-300-18"}),
@@ -268,8 +268,8 @@ export default Object.freeze({
268
268
  "color-fill-accent-blue-hovered": Object.freeze({"value":"#8184ff45"}),
269
269
  "color-fill-accent-blue-heavy": Object.freeze({"value":"#6b6eff4d","ref":"color-blue-300-30"}),
270
270
  "color-fill-accent-blue-heavy-hovered": Object.freeze({"value":"#8184ff4d"}),
271
- "color-fill-accent-blue-heavier": Object.freeze({"value":"#6b6effff","ref":"color-blue-300"}),
272
- "color-fill-accent-blue-heavier-hovered": Object.freeze({"value":"#8184ffff"}),
271
+ "color-fill-accent-blue-heavier": Object.freeze({"value":"#8082ffff","ref":"color-blue-300"}),
272
+ "color-fill-accent-blue-heavier-hovered": Object.freeze({"value":"#9698ffff"}),
273
273
  "color-fill-accent-blue-transparent": Object.freeze({"value":"#6b6eff00","ref":"color-blue-300-0"}),
274
274
  "color-fill-accent-blue-transparent-hovered": Object.freeze({"value":"#6b6eff1a"}),
275
275
  "color-fill-accent-cobalt": Object.freeze({"value":"#5cadef2e","ref":"color-cobalt-300-18"}),
@@ -284,16 +284,16 @@ export default Object.freeze({
284
284
  "color-fill-accent-green-hovered": Object.freeze({"value":"#56cc7745"}),
285
285
  "color-fill-accent-green-heavy": Object.freeze({"value":"#4bc16c4d","ref":"color-green-300-30"}),
286
286
  "color-fill-accent-green-heavy-hovered": Object.freeze({"value":"#56cc774d"}),
287
- "color-fill-accent-green-heavier": Object.freeze({"value":"#4bc16cff","ref":"color-green-300"}),
288
- "color-fill-accent-green-heavier-hovered": Object.freeze({"value":"#56cc77ff"}),
287
+ "color-fill-accent-green-heavier": Object.freeze({"value":"#51c371ff","ref":"color-green-300"}),
288
+ "color-fill-accent-green-heavier-hovered": Object.freeze({"value":"#5cce7cff"}),
289
289
  "color-fill-accent-green-transparent": Object.freeze({"value":"#4bc16c00","ref":"color-green-300-0"}),
290
290
  "color-fill-accent-green-transparent-hovered": Object.freeze({"value":"#4bc16c1a"}),
291
291
  "color-fill-accent-red": Object.freeze({"value":"#f260602e","ref":"color-red-300-18"}),
292
292
  "color-fill-accent-red-hovered": Object.freeze({"value":"#f7717145"}),
293
293
  "color-fill-accent-red-heavy": Object.freeze({"value":"#f260604d","ref":"color-red-300-30"}),
294
294
  "color-fill-accent-red-heavy-hovered": Object.freeze({"value":"#f771714d"}),
295
- "color-fill-accent-red-heavier": Object.freeze({"value":"#f26060ff","ref":"color-red-300"}),
296
- "color-fill-accent-red-heavier-hovered": Object.freeze({"value":"#f77171ff"}),
295
+ "color-fill-accent-red-heavier": Object.freeze({"value":"#f36868ff","ref":"color-red-300"}),
296
+ "color-fill-accent-red-heavier-hovered": Object.freeze({"value":"#f87979ff"}),
297
297
  "color-fill-accent-red-transparent": Object.freeze({"value":"#f2606000","ref":"color-red-300-0"}),
298
298
  "color-fill-accent-red-transparent-hovered": Object.freeze({"value":"#f260601a"}),
299
299
  "color-fill-accent-orange": Object.freeze({"value":"#f798472e","ref":"color-orange-300-18"}),
@@ -332,8 +332,8 @@ export default Object.freeze({
332
332
  "color-fill-accent-navy-hovered": Object.freeze({"value":"#7b86d345"}),
333
333
  "color-fill-accent-navy-heavy": Object.freeze({"value":"#6f7bc84d","ref":"color-navy-300-30"}),
334
334
  "color-fill-accent-navy-heavy-hovered": Object.freeze({"value":"#7b86d34d"}),
335
- "color-fill-accent-navy-heavier": Object.freeze({"value":"#6f7bc8ff","ref":"color-navy-300"}),
336
- "color-fill-accent-navy-heavier-hovered": Object.freeze({"value":"#7b86d3ff"}),
335
+ "color-fill-accent-navy-heavier": Object.freeze({"value":"#7e89cdff","ref":"color-navy-300"}),
336
+ "color-fill-accent-navy-heavier-hovered": Object.freeze({"value":"#8a95d7ff"}),
337
337
  "color-fill-accent-navy-transparent": Object.freeze({"value":"#6f7bc800","ref":"color-navy-300-0"}),
338
338
  "color-fill-accent-navy-transparent-hovered": Object.freeze({"value":"#6f7bc81a"}),
339
339
  "color-fill-accent-purple": Object.freeze({"value":"#a970ff2e","ref":"color-purple-300-18"}),
@@ -364,6 +364,8 @@ export default Object.freeze({
364
364
  "color-fill-absolute-black-light-hovered": Object.freeze({"value":"#0a0a0a4d"}),
365
365
  "color-fill-absolute-black-transparent": Object.freeze({"value":"#0000","ref":"color-black-0"}),
366
366
  "color-fill-absolute-black-transparent-hovered": Object.freeze({"value":"#0000000d"}),
367
+ "color-fill-bright": Object.freeze({"value":"#5a5a5fff","ref":"color-grey-650"}),
368
+ "color-fill-bright-hovered": Object.freeze({"value":"#64646aff"}),
367
369
  "color-border-neutral": Object.freeze({"value":"#ffffff1f","ref":"color-white-12"}),
368
370
  "color-border-neutral-hovered": Object.freeze({"value":"#ededed2f"}),
369
371
  "color-border-neutral-heavy": Object.freeze({"value":"#fff3","ref":"color-white-20"}),
@@ -400,28 +402,6 @@ export default Object.freeze({
400
402
  "color-surface-glass-higher-hovered": Object.freeze({"value":"#333338e6"}),
401
403
  "color-surface-glass-high": Object.freeze({"value":"#242426e6","ref":"color-grey-850-90"}),
402
404
  "color-surface-glass-high-hovered": Object.freeze({"value":"#2e2e31e6"}),
403
- "color-surface-accent-blue": Object.freeze({"value":"#6b6effff","ref":"color-blue-300"}),
404
- "color-surface-accent-blue-hovered": Object.freeze({"value":"#8184ffff"}),
405
- "color-surface-accent-cobalt": Object.freeze({"value":"#5cadefff","ref":"color-cobalt-300"}),
406
- "color-surface-accent-cobalt-hovered": Object.freeze({"value":"#6cb8f5ff"}),
407
- "color-surface-accent-green": Object.freeze({"value":"#4bc16cff","ref":"color-green-300"}),
408
- "color-surface-accent-green-hovered": Object.freeze({"value":"#56cc77ff"}),
409
- "color-surface-accent-red": Object.freeze({"value":"#f26060ff","ref":"color-red-300"}),
410
- "color-surface-accent-red-hovered": Object.freeze({"value":"#f77171ff"}),
411
- "color-surface-accent-orange": Object.freeze({"value":"#f79847ff","ref":"color-orange-300"}),
412
- "color-surface-accent-orange-hovered": Object.freeze({"value":"#f8a45cff"}),
413
- "color-surface-accent-yellow": Object.freeze({"value":"#f0be27ff","ref":"color-yellow-300"}),
414
- "color-surface-accent-yellow-hovered": Object.freeze({"value":"#f7c736ff"}),
415
- "color-surface-accent-olive": Object.freeze({"value":"#b7c427ff","ref":"color-olive-300"}),
416
- "color-surface-accent-olive-hovered": Object.freeze({"value":"#ccdb25ff"}),
417
- "color-surface-accent-teal": Object.freeze({"value":"#40d3c5ff","ref":"color-teal-300"}),
418
- "color-surface-accent-teal-hovered": Object.freeze({"value":"#4cdccfff"}),
419
- "color-surface-accent-navy": Object.freeze({"value":"#6f7bc8ff","ref":"color-navy-300"}),
420
- "color-surface-accent-navy-hovered": Object.freeze({"value":"#7b86d3ff"}),
421
- "color-surface-accent-purple": Object.freeze({"value":"#a970ffff","ref":"color-purple-300"}),
422
- "color-surface-accent-purple-hovered": Object.freeze({"value":"#b686ffff"}),
423
- "color-surface-accent-pink": Object.freeze({"value":"#ec6fd3ff","ref":"color-pink-300"}),
424
- "color-surface-accent-pink-hovered": Object.freeze({"value":"#f27fdbff"}),
425
405
  "color-dim-absolute-black": Object.freeze({"value":"#0006","ref":"color-black-40"}),
426
406
  "color-dim-absolute-black-hovered": Object.freeze({"value":"#0a0a0a66"}),
427
407
  "color-dim-absolute-black-heavy": Object.freeze({"value":"#0009","ref":"color-black-60"}),
@@ -432,12 +412,12 @@ export default Object.freeze({
432
412
  "color-dim-absolute-white-heavy-hovered": Object.freeze({"value":"#ededed99"}),
433
413
  "color-gradient-green": Object.freeze({"value":"#20ab55ff","ref":"color-green-400"}),
434
414
  "color-gradient-green-hovered": Object.freeze({"value":"#1ec35dff"}),
435
- "color-gradient-green-heavy": Object.freeze({"value":"#4bc16cff","ref":"color-green-300"}),
436
- "color-gradient-green-heavy-hovered": Object.freeze({"value":"#56cc77ff"}),
415
+ "color-gradient-green-heavy": Object.freeze({"value":"#51c371ff","ref":"color-green-300"}),
416
+ "color-gradient-green-heavy-hovered": Object.freeze({"value":"#5cce7cff"}),
437
417
  "color-state-default": Object.freeze({"value":"#fff3","ref":"color-white-20"}),
438
418
  "color-state-default-hovered": Object.freeze({"value":"#ededed4d"}),
439
- "color-state-action": Object.freeze({"value":"#6b6effff","ref":"color-blue-300"}),
440
- "color-state-action-hovered": Object.freeze({"value":"#8184ffff"}),
419
+ "color-state-action": Object.freeze({"value":"#8082ffff","ref":"color-blue-300"}),
420
+ "color-state-action-hovered": Object.freeze({"value":"#9698ffff"}),
441
421
  "color-state-action-light": Object.freeze({"value":"#6b6eff73","ref":"color-blue-300-45"}),
442
422
  "color-state-action-light-hovered": Object.freeze({"value":"#8184ff73"}),
443
423
  "color-state-warning": Object.freeze({"value":"#f79847ff","ref":"color-orange-300"}),