@codecademy/gamut-styles 13.0.2 → 13.0.3-alpha.b5e16b.0

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 (28) hide show
  1. package/.turbo/turbo-build.log +2 -2
  2. package/CHANGELOG.md +8 -0
  3. package/dist/Background.d.ts +1 -1
  4. package/dist/Background.js +1 -1
  5. package/dist/ColorMode.d.ts +3 -3
  6. package/dist/ColorMode.js +7 -5
  7. package/dist/ColorMode.js.map +1 -1
  8. package/dist/GamutProvider.js +4 -4
  9. package/dist/GamutProvider.js.map +1 -1
  10. package/dist/globals/Reboot.js +2 -2
  11. package/dist/globals/Reboot.js.map +1 -1
  12. package/dist/globals/Scrollbars.d.ts +2 -0
  13. package/dist/globals/Scrollbars.js +25 -0
  14. package/dist/globals/Scrollbars.js.map +1 -0
  15. package/dist/globals/index.d.ts +1 -0
  16. package/dist/globals/index.js +2 -1
  17. package/dist/globals/index.js.map +1 -1
  18. package/dist/themes/admin.d.ts +61 -31
  19. package/dist/themes/core.d.ts +30 -15
  20. package/dist/themes/core.js +6 -0
  21. package/dist/themes/core.js.map +1 -1
  22. package/dist/themes/platform.d.ts +61 -31
  23. package/dist/variables/colors.d.ts +7 -5
  24. package/dist/variables/colors.js +2 -1
  25. package/dist/variables/colors.js.map +1 -1
  26. package/dist/variables/deprecated-colors.d.ts +4 -4
  27. package/dist/variance/utils.d.ts +1 -1
  28. package/package.json +2 -2
package/dist/themes/admin.d.ts CHANGED
@@ -95,28 +95,29 @@ export declare const adminTheme: Record<"breakpoints", {
95
95
  readonly "shadow-white-slight": string;
96
96
  readonly "shadow-white-heavy": string;
97
97
  readonly "beige-100": "#FFF0E5";
98
+ readonly "beige-400": "#B2A8A0";
99
+ readonly "blue-400": "#3388FF";
98
100
  readonly "blue-0": "#F5FCFF";
99
101
  readonly "blue-300": "#66C4FF";
100
- readonly "blue-400": "#3388FF";
101
102
  readonly "blue-500": "#1557FF";
102
103
  readonly "blue-800": "#1D2340";
103
104
  readonly "navy-100": "#F3F3F5";
104
- readonly "navy-300": "#C3C5CB";
105
105
  readonly "navy-400": "#9FA2AC";
106
+ readonly "navy-300": "#C3C5CB";
106
107
  readonly "navy-500": "#707382";
107
108
  readonly "navy-800": "#10162F";
108
109
  readonly "navy-200": "#DBDCE0";
109
110
  readonly "navy-600": "#585C6D";
110
111
  readonly "navy-700": "#34394C";
111
112
  readonly "navy-900": "#0A0D1C";
112
- readonly "green-0": "#F5FFE3";
113
113
  readonly "green-400": "#AEE938";
114
+ readonly "green-0": "#F5FFE3";
114
115
  readonly "green-700": "#008A27";
115
- readonly "yellow-0": "#FFFAE5";
116
116
  readonly "yellow-400": "#CCA900";
117
+ readonly "yellow-0": "#FFFAE5";
117
118
  readonly "yellow-500": "#FFD300";
118
- readonly "pink-0": "#FFF5FF";
119
119
  readonly "pink-400": "#F966FF";
120
+ readonly "pink-0": "#FFF5FF";
120
121
  readonly "red-100": "#DC5879";
121
122
  readonly "red-0": "#E85D7F";
122
123
  readonly "red-500": "#E91C11";
@@ -170,6 +171,9 @@ export declare const adminTheme: Record<"breakpoints", {
170
171
  _: "hyper-500";
171
172
  hover: "hyper-400";
172
173
  };
174
+ scrollbar: {
175
+ _: "beige-400";
176
+ };
173
177
  } | {
174
178
  text: {
175
179
  _: "white";
@@ -209,6 +213,9 @@ export declare const adminTheme: Record<"breakpoints", {
209
213
  _: "yellow-500";
210
214
  hover: "yellow-400";
211
215
  };
216
+ scrollbar: {
217
+ _: "navy-600";
218
+ };
212
219
  }, "-", "_">, "colors"> & import("@codecademy/variance").KeyAsVariable<import("@codecademy/variance").LiteralPaths<{
213
220
  readonly beige: "#FFF0E5";
214
221
  readonly blue: "#1557FF";
@@ -233,28 +240,29 @@ export declare const adminTheme: Record<"breakpoints", {
233
240
  readonly "shadow-white-slight": string;
234
241
  readonly "shadow-white-heavy": string;
235
242
  readonly "beige-100": "#FFF0E5";
243
+ readonly "beige-400": "#B2A8A0";
244
+ readonly "blue-400": "#3388FF";
236
245
  readonly "blue-0": "#F5FCFF";
237
246
  readonly "blue-300": "#66C4FF";
238
- readonly "blue-400": "#3388FF";
239
247
  readonly "blue-500": "#1557FF";
240
248
  readonly "blue-800": "#1D2340";
241
249
  readonly "navy-100": "#F3F3F5";
242
- readonly "navy-300": "#C3C5CB";
243
250
  readonly "navy-400": "#9FA2AC";
251
+ readonly "navy-300": "#C3C5CB";
244
252
  readonly "navy-500": "#707382";
245
253
  readonly "navy-800": "#10162F";
246
254
  readonly "navy-200": "#DBDCE0";
247
255
  readonly "navy-600": "#585C6D";
248
256
  readonly "navy-700": "#34394C";
249
257
  readonly "navy-900": "#0A0D1C";
250
- readonly "green-0": "#F5FFE3";
251
258
  readonly "green-400": "#AEE938";
259
+ readonly "green-0": "#F5FFE3";
252
260
  readonly "green-700": "#008A27";
253
- readonly "yellow-0": "#FFFAE5";
254
261
  readonly "yellow-400": "#CCA900";
262
+ readonly "yellow-0": "#FFFAE5";
255
263
  readonly "yellow-500": "#FFD300";
256
- readonly "pink-0": "#FFF5FF";
257
264
  readonly "pink-400": "#F966FF";
265
+ readonly "pink-0": "#FFF5FF";
258
266
  readonly "red-100": "#DC5879";
259
267
  readonly "red-0": "#E85D7F";
260
268
  readonly "red-500": "#E91C11";
@@ -309,6 +317,9 @@ export declare const adminTheme: Record<"breakpoints", {
309
317
  _: "hyper-500";
310
318
  hover: "hyper-400";
311
319
  };
320
+ scrollbar: {
321
+ _: "beige-400";
322
+ };
312
323
  }, "-", "_">;
313
324
  dark: import("@codecademy/variance").LiteralPaths<{
314
325
  text: {
@@ -349,6 +360,9 @@ export declare const adminTheme: Record<"breakpoints", {
349
360
  _: "yellow-500";
350
361
  hover: "yellow-400";
351
362
  };
363
+ scrollbar: {
364
+ _: "navy-600";
365
+ };
352
366
  }, "-", "_">;
353
367
  }>;
354
368
  mode: "light" | "dark";
@@ -376,28 +390,29 @@ export declare const adminTheme: Record<"breakpoints", {
376
390
  readonly "shadow-white-slight": string;
377
391
  readonly "shadow-white-heavy": string;
378
392
  readonly "beige-100": "#FFF0E5";
393
+ readonly "beige-400": "#B2A8A0";
394
+ readonly "blue-400": "#3388FF";
379
395
  readonly "blue-0": "#F5FCFF";
380
396
  readonly "blue-300": "#66C4FF";
381
- readonly "blue-400": "#3388FF";
382
397
  readonly "blue-500": "#1557FF";
383
398
  readonly "blue-800": "#1D2340";
384
399
  readonly "navy-100": "#F3F3F5";
385
- readonly "navy-300": "#C3C5CB";
386
400
  readonly "navy-400": "#9FA2AC";
401
+ readonly "navy-300": "#C3C5CB";
387
402
  readonly "navy-500": "#707382";
388
403
  readonly "navy-800": "#10162F";
389
404
  readonly "navy-200": "#DBDCE0";
390
405
  readonly "navy-600": "#585C6D";
391
406
  readonly "navy-700": "#34394C";
392
407
  readonly "navy-900": "#0A0D1C";
393
- readonly "green-0": "#F5FFE3";
394
408
  readonly "green-400": "#AEE938";
409
+ readonly "green-0": "#F5FFE3";
395
410
  readonly "green-700": "#008A27";
396
- readonly "yellow-0": "#FFFAE5";
397
411
  readonly "yellow-400": "#CCA900";
412
+ readonly "yellow-0": "#FFFAE5";
398
413
  readonly "yellow-500": "#FFD300";
399
- readonly "pink-0": "#FFF5FF";
400
414
  readonly "pink-400": "#F966FF";
415
+ readonly "pink-0": "#FFF5FF";
401
416
  readonly "red-100": "#DC5879";
402
417
  readonly "red-0": "#E85D7F";
403
418
  readonly "red-500": "#E91C11";
@@ -457,28 +472,29 @@ export declare const adminTheme: Record<"breakpoints", {
457
472
  readonly "shadow-white-slight": string;
458
473
  readonly "shadow-white-heavy": string;
459
474
  readonly "beige-100": "#FFF0E5";
475
+ readonly "beige-400": "#B2A8A0";
476
+ readonly "blue-400": "#3388FF";
460
477
  readonly "blue-0": "#F5FCFF";
461
478
  readonly "blue-300": "#66C4FF";
462
- readonly "blue-400": "#3388FF";
463
479
  readonly "blue-500": "#1557FF";
464
480
  readonly "blue-800": "#1D2340";
465
481
  readonly "navy-100": "#F3F3F5";
466
- readonly "navy-300": "#C3C5CB";
467
482
  readonly "navy-400": "#9FA2AC";
483
+ readonly "navy-300": "#C3C5CB";
468
484
  readonly "navy-500": "#707382";
469
485
  readonly "navy-800": "#10162F";
470
486
  readonly "navy-200": "#DBDCE0";
471
487
  readonly "navy-600": "#585C6D";
472
488
  readonly "navy-700": "#34394C";
473
489
  readonly "navy-900": "#0A0D1C";
474
- readonly "green-0": "#F5FFE3";
475
490
  readonly "green-400": "#AEE938";
491
+ readonly "green-0": "#F5FFE3";
476
492
  readonly "green-700": "#008A27";
477
- readonly "yellow-0": "#FFFAE5";
478
493
  readonly "yellow-400": "#CCA900";
494
+ readonly "yellow-0": "#FFFAE5";
479
495
  readonly "yellow-500": "#FFD300";
480
- readonly "pink-0": "#FFF5FF";
481
496
  readonly "pink-400": "#F966FF";
497
+ readonly "pink-0": "#FFF5FF";
482
498
  readonly "red-100": "#DC5879";
483
499
  readonly "red-0": "#E85D7F";
484
500
  readonly "red-500": "#E91C11";
@@ -531,6 +547,9 @@ export declare const adminTheme: Record<"breakpoints", {
531
547
  _: "hyper-500";
532
548
  hover: "hyper-400";
533
549
  };
550
+ scrollbar: {
551
+ _: "beige-400";
552
+ };
534
553
  } | {
535
554
  text: {
536
555
  _: "white";
@@ -570,6 +589,9 @@ export declare const adminTheme: Record<"breakpoints", {
570
589
  _: "yellow-500";
571
590
  hover: "yellow-400";
572
591
  };
592
+ scrollbar: {
593
+ _: "navy-600";
594
+ };
573
595
  }, "-", "_">, "colors"> & import("@codecademy/variance").KeyAsVariable<import("@codecademy/variance").LiteralPaths<{
574
596
  readonly beige: "#FFF0E5";
575
597
  readonly blue: "#1557FF";
@@ -594,28 +616,29 @@ export declare const adminTheme: Record<"breakpoints", {
594
616
  readonly "shadow-white-slight": string;
595
617
  readonly "shadow-white-heavy": string;
596
618
  readonly "beige-100": "#FFF0E5";
619
+ readonly "beige-400": "#B2A8A0";
620
+ readonly "blue-400": "#3388FF";
597
621
  readonly "blue-0": "#F5FCFF";
598
622
  readonly "blue-300": "#66C4FF";
599
- readonly "blue-400": "#3388FF";
600
623
  readonly "blue-500": "#1557FF";
601
624
  readonly "blue-800": "#1D2340";
602
625
  readonly "navy-100": "#F3F3F5";
603
- readonly "navy-300": "#C3C5CB";
604
626
  readonly "navy-400": "#9FA2AC";
627
+ readonly "navy-300": "#C3C5CB";
605
628
  readonly "navy-500": "#707382";
606
629
  readonly "navy-800": "#10162F";
607
630
  readonly "navy-200": "#DBDCE0";
608
631
  readonly "navy-600": "#585C6D";
609
632
  readonly "navy-700": "#34394C";
610
633
  readonly "navy-900": "#0A0D1C";
611
- readonly "green-0": "#F5FFE3";
612
634
  readonly "green-400": "#AEE938";
635
+ readonly "green-0": "#F5FFE3";
613
636
  readonly "green-700": "#008A27";
614
- readonly "yellow-0": "#FFFAE5";
615
637
  readonly "yellow-400": "#CCA900";
638
+ readonly "yellow-0": "#FFFAE5";
616
639
  readonly "yellow-500": "#FFD300";
617
- readonly "pink-0": "#FFF5FF";
618
640
  readonly "pink-400": "#F966FF";
641
+ readonly "pink-0": "#FFF5FF";
619
642
  readonly "red-100": "#DC5879";
620
643
  readonly "red-0": "#E85D7F";
621
644
  readonly "red-500": "#E91C11";
@@ -670,6 +693,9 @@ export declare const adminTheme: Record<"breakpoints", {
670
693
  _: "hyper-500";
671
694
  hover: "hyper-400";
672
695
  };
696
+ scrollbar: {
697
+ _: "beige-400";
698
+ };
673
699
  }, "-", "_">;
674
700
  dark: import("@codecademy/variance").LiteralPaths<{
675
701
  text: {
@@ -710,6 +736,9 @@ export declare const adminTheme: Record<"breakpoints", {
710
736
  _: "yellow-500";
711
737
  hover: "yellow-400";
712
738
  };
739
+ scrollbar: {
740
+ _: "navy-600";
741
+ };
713
742
  }, "-", "_">;
714
743
  }>, {
715
744
  light: import("@codecademy/variance").LiteralPaths<{
@@ -745,28 +774,29 @@ export declare const adminTheme: Record<"breakpoints", {
745
774
  readonly "shadow-white-slight": string;
746
775
  readonly "shadow-white-heavy": string;
747
776
  readonly "beige-100": "#FFF0E5";
777
+ readonly "beige-400": "#B2A8A0";
778
+ readonly "blue-400": "#3388FF";
748
779
  readonly "blue-0": "#F5FCFF";
749
780
  readonly "blue-300": "#66C4FF";
750
- readonly "blue-400": "#3388FF";
751
781
  readonly "blue-500": "#1557FF";
752
782
  readonly "blue-800": "#1D2340";
753
783
  readonly "navy-100": "#F3F3F5";
754
- readonly "navy-300": "#C3C5CB";
755
784
  readonly "navy-400": "#9FA2AC";
785
+ readonly "navy-300": "#C3C5CB";
756
786
  readonly "navy-500": "#707382";
757
787
  readonly "navy-800": "#10162F";
758
788
  readonly "navy-200": "#DBDCE0";
759
789
  readonly "navy-600": "#585C6D";
760
790
  readonly "navy-700": "#34394C";
761
791
  readonly "navy-900": "#0A0D1C";
762
- readonly "green-0": "#F5FFE3";
763
792
  readonly "green-400": "#AEE938";
793
+ readonly "green-0": "#F5FFE3";
764
794
  readonly "green-700": "#008A27";
765
- readonly "yellow-0": "#FFFAE5";
766
795
  readonly "yellow-400": "#CCA900";
796
+ readonly "yellow-0": "#FFFAE5";
767
797
  readonly "yellow-500": "#FFD300";
768
- readonly "pink-0": "#FFF5FF";
769
798
  readonly "pink-400": "#F966FF";
799
+ readonly "pink-0": "#FFF5FF";
770
800
  readonly "red-100": "#DC5879";
771
801
  readonly "red-0": "#E85D7F";
772
802
  readonly "red-500": "#E91C11";
@@ -780,7 +810,7 @@ export declare const adminTheme: Record<"breakpoints", {
780
810
  readonly "gray-200": "#EEEEEE";
781
811
  readonly "gray-600": "#9E9E9E";
782
812
  readonly "gray-900": "#424242";
783
- }, "-"> | "text" | "background" | "primary" | "secondary" | "danger" | "interface" | "shadow-opaque" | "shadow-solid" | "text-accent" | "text-disabled" | "feedback-error" | "feedback-success" | "feedback-warning" | "background-disabled" | "background-current" | "background-primary" | "background-selected" | "background-hover" | "primary-hover" | "secondary-hover" | "danger-hover" | "interface-hover") => string;
813
+ }, "-"> | "text" | "background" | "primary" | "secondary" | "danger" | "interface" | "scrollbar" | "shadow-opaque" | "shadow-solid" | "text-accent" | "text-disabled" | "feedback-error" | "feedback-success" | "feedback-warning" | "background-disabled" | "background-current" | "background-primary" | "background-selected" | "background-hover" | "primary-hover" | "secondary-hover" | "danger-hover" | "interface-hover") => string;
784
814
  }> & import("@codecademy/variance/dist/createTheme/types").PrivateThemeKeys;
785
815
  export declare type AdminThemeShape = typeof adminTheme;
786
816
  export interface AdminTheme extends AdminThemeShape {
package/dist/themes/core.d.ts CHANGED
@@ -94,28 +94,29 @@ export declare const coreTheme: Record<"elements", Record<"elements", import("@c
94
94
  readonly "shadow-white-slight": string;
95
95
  readonly "shadow-white-heavy": string;
96
96
  readonly "beige-100": "#FFF0E5";
97
+ readonly "beige-400": "#B2A8A0";
98
+ readonly "blue-400": "#3388FF";
97
99
  readonly "blue-0": "#F5FCFF";
98
100
  readonly "blue-300": "#66C4FF";
99
- readonly "blue-400": "#3388FF";
100
101
  readonly "blue-500": "#1557FF";
101
102
  readonly "blue-800": "#1D2340";
102
103
  readonly "navy-100": "#F3F3F5";
103
- readonly "navy-300": "#C3C5CB";
104
104
  readonly "navy-400": "#9FA2AC";
105
+ readonly "navy-300": "#C3C5CB";
105
106
  readonly "navy-500": "#707382";
106
107
  readonly "navy-800": "#10162F";
107
108
  readonly "navy-200": "#DBDCE0";
108
109
  readonly "navy-600": "#585C6D";
109
110
  readonly "navy-700": "#34394C";
110
111
  readonly "navy-900": "#0A0D1C";
111
- readonly "green-0": "#F5FFE3";
112
112
  readonly "green-400": "#AEE938";
113
+ readonly "green-0": "#F5FFE3";
113
114
  readonly "green-700": "#008A27";
114
- readonly "yellow-0": "#FFFAE5";
115
115
  readonly "yellow-400": "#CCA900";
116
+ readonly "yellow-0": "#FFFAE5";
116
117
  readonly "yellow-500": "#FFD300";
117
- readonly "pink-0": "#FFF5FF";
118
118
  readonly "pink-400": "#F966FF";
119
+ readonly "pink-0": "#FFF5FF";
119
120
  readonly "red-100": "#DC5879";
120
121
  readonly "red-0": "#E85D7F";
121
122
  readonly "red-500": "#E91C11";
@@ -169,6 +170,9 @@ export declare const coreTheme: Record<"elements", Record<"elements", import("@c
169
170
  _: "hyper-500";
170
171
  hover: "hyper-400";
171
172
  };
173
+ scrollbar: {
174
+ _: "beige-400";
175
+ };
172
176
  } | {
173
177
  text: {
174
178
  _: "white";
@@ -208,6 +212,9 @@ export declare const coreTheme: Record<"elements", Record<"elements", import("@c
208
212
  _: "yellow-500";
209
213
  hover: "yellow-400";
210
214
  };
215
+ scrollbar: {
216
+ _: "navy-600";
217
+ };
211
218
  }, "-", "_">, "colors"> & import("@codecademy/variance").KeyAsVariable<import("@codecademy/variance").LiteralPaths<{
212
219
  readonly beige: "#FFF0E5";
213
220
  readonly blue: "#1557FF";
@@ -232,28 +239,29 @@ export declare const coreTheme: Record<"elements", Record<"elements", import("@c
232
239
  readonly "shadow-white-slight": string;
233
240
  readonly "shadow-white-heavy": string;
234
241
  readonly "beige-100": "#FFF0E5";
242
+ readonly "beige-400": "#B2A8A0";
243
+ readonly "blue-400": "#3388FF";
235
244
  readonly "blue-0": "#F5FCFF";
236
245
  readonly "blue-300": "#66C4FF";
237
- readonly "blue-400": "#3388FF";
238
246
  readonly "blue-500": "#1557FF";
239
247
  readonly "blue-800": "#1D2340";
240
248
  readonly "navy-100": "#F3F3F5";
241
- readonly "navy-300": "#C3C5CB";
242
249
  readonly "navy-400": "#9FA2AC";
250
+ readonly "navy-300": "#C3C5CB";
243
251
  readonly "navy-500": "#707382";
244
252
  readonly "navy-800": "#10162F";
245
253
  readonly "navy-200": "#DBDCE0";
246
254
  readonly "navy-600": "#585C6D";
247
255
  readonly "navy-700": "#34394C";
248
256
  readonly "navy-900": "#0A0D1C";
249
- readonly "green-0": "#F5FFE3";
250
257
  readonly "green-400": "#AEE938";
258
+ readonly "green-0": "#F5FFE3";
251
259
  readonly "green-700": "#008A27";
252
- readonly "yellow-0": "#FFFAE5";
253
260
  readonly "yellow-400": "#CCA900";
261
+ readonly "yellow-0": "#FFFAE5";
254
262
  readonly "yellow-500": "#FFD300";
255
- readonly "pink-0": "#FFF5FF";
256
263
  readonly "pink-400": "#F966FF";
264
+ readonly "pink-0": "#FFF5FF";
257
265
  readonly "red-100": "#DC5879";
258
266
  readonly "red-0": "#E85D7F";
259
267
  readonly "red-500": "#E91C11";
@@ -308,6 +316,9 @@ export declare const coreTheme: Record<"elements", Record<"elements", import("@c
308
316
  _: "hyper-500";
309
317
  hover: "hyper-400";
310
318
  };
319
+ scrollbar: {
320
+ _: "beige-400";
321
+ };
311
322
  }, "-", "_">;
312
323
  dark: import("@codecademy/variance").LiteralPaths<{
313
324
  text: {
@@ -348,6 +359,9 @@ export declare const coreTheme: Record<"elements", Record<"elements", import("@c
348
359
  _: "yellow-500";
349
360
  hover: "yellow-400";
350
361
  };
362
+ scrollbar: {
363
+ _: "navy-600";
364
+ };
351
365
  }, "-", "_">;
352
366
  }>;
353
367
  mode: "light" | "dark";
@@ -375,28 +389,29 @@ export declare const coreTheme: Record<"elements", Record<"elements", import("@c
375
389
  readonly "shadow-white-slight": string;
376
390
  readonly "shadow-white-heavy": string;
377
391
  readonly "beige-100": "#FFF0E5";
392
+ readonly "beige-400": "#B2A8A0";
393
+ readonly "blue-400": "#3388FF";
378
394
  readonly "blue-0": "#F5FCFF";
379
395
  readonly "blue-300": "#66C4FF";
380
- readonly "blue-400": "#3388FF";
381
396
  readonly "blue-500": "#1557FF";
382
397
  readonly "blue-800": "#1D2340";
383
398
  readonly "navy-100": "#F3F3F5";
384
- readonly "navy-300": "#C3C5CB";
385
399
  readonly "navy-400": "#9FA2AC";
400
+ readonly "navy-300": "#C3C5CB";
386
401
  readonly "navy-500": "#707382";
387
402
  readonly "navy-800": "#10162F";
388
403
  readonly "navy-200": "#DBDCE0";
389
404
  readonly "navy-600": "#585C6D";
390
405
  readonly "navy-700": "#34394C";
391
406
  readonly "navy-900": "#0A0D1C";
392
- readonly "green-0": "#F5FFE3";
393
407
  readonly "green-400": "#AEE938";
408
+ readonly "green-0": "#F5FFE3";
394
409
  readonly "green-700": "#008A27";
395
- readonly "yellow-0": "#FFFAE5";
396
410
  readonly "yellow-400": "#CCA900";
411
+ readonly "yellow-0": "#FFFAE5";
397
412
  readonly "yellow-500": "#FFD300";
398
- readonly "pink-0": "#FFF5FF";
399
413
  readonly "pink-400": "#F966FF";
414
+ readonly "pink-0": "#FFF5FF";
400
415
  readonly "red-100": "#DC5879";
401
416
  readonly "red-0": "#E85D7F";
402
417
  readonly "red-500": "#E91C11";
package/dist/themes/core.js CHANGED
@@ -53,6 +53,9 @@ export var coreTheme = createTheme({
53
53
  "interface": {
54
54
  _: 'hyper-500',
55
55
  hover: 'hyper-400'
56
+ },
57
+ scrollbar: {
58
+ _: 'beige-400'
56
59
  }
57
60
  },
58
61
  dark: {
@@ -93,6 +96,9 @@ export var coreTheme = createTheme({
93
96
  "interface": {
94
97
  _: 'yellow-500',
95
98
  hover: 'yellow-400'
99
+ },
100
+ scrollbar: {
101
+ _: 'navy-600'
96
102
  }
97
103
  }
98
104
  }).addScale('borders', function (_ref) {
package/dist/themes/core.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"core.js","sourceRoot":"","sources":["../../src/themes/core.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAEnD,OAAO,EACL,WAAW,EACX,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,UAAU,EACV,UAAU,EACV,YAAY,EACZ,OAAO,GACR,MAAM,cAAc,CAAC;AAEtB;;;;GAIG;AAEH,MAAM,CAAC,MAAM,SAAS,GAAG,WAAW,CAAC;IACnC,WAAW,EAAE,YAAY;IACzB,QAAQ;IACR,UAAU;IACV,UAAU;IACV,UAAU;IACV,OAAO;IACP,QAAQ;CACT,CAAC;KACC,SAAS,CAAC,WAAW,CAAC;KACtB,aAAa,CAAC,OAAO,EAAE;IACtB,KAAK,EAAE;QACL,IAAI,EAAE,EAAE,CAAC,EAAE,UAAU,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE;QACjE,QAAQ,EAAE;YACR,KAAK,EAAE,SAAS;YAChB,OAAO,EAAE,WAAW;YACpB,OAAO,EAAE,QAAQ;SAClB;QACD,UAAU,EAAE;YACV,CAAC,EAAE,OAAO;YACV,OAAO,EAAE,OAAO;YAChB,OAAO,EAAE,OAAO;YAChB,QAAQ,EAAE,UAAU;YACpB,QAAQ,EAAE,UAAU;YACpB,KAAK,EAAE,UAAU;SAClB;QACD,MAAM,EAAE;YACN,MAAM,EAAE,oBAAoB;YAC5B,KAAK,EAAE,UAAU;SAClB;QACD,OAAO,EAAE;YACP,CAAC,EAAE,WAAW;YACd,KAAK,EAAE,WAAW;SACnB;QACD,SAAS,EAAE;YACT,CAAC,EAAE,UAAU;YACb,KAAK,EAAE,UAAU;SAClB;QACD,MAAM,EAAE;YACN,CAAC,EAAE,SAAS;YACZ,KAAK,EAAE,SAAS;SACjB;QACD,SAAS,EAAE;YACT,CAAC,EAAE,WAAW;YACd,KAAK,EAAE,WAAW;SACnB;KACF;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,EAAE,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE;QAC3D,QAAQ,EAAE;YACR,KAAK,EAAE,OAAO;YACd,OAAO,EAAE,SAAS;YAClB,OAAO,EAAE,UAAU;SACpB;QACD,UAAU,EAAE;YACV,CAAC,EAAE,UAAU;YACb,OAAO,EAAE,UAAU;YACnB,OAAO,EAAE,UAAU;YACnB,QAAQ,EAAE,UAAU;YACpB,QAAQ,EAAE,UAAU;YACpB,KAAK,EAAE,UAAU;SAClB;QACD,MAAM,EAAE;YACN,MAAM,EAAE,oBAAoB;YAC5B,KAAK,EAAE,OAAO;SACf;QACD,OAAO,EAAE;YACP,CAAC,EAAE,YAAY;YACf,KAAK,EAAE,YAAY;SACpB;QACD,SAAS,EAAE;YACT,CAAC,EAAE,OAAO;YACV,KAAK,EAAE,UAAU;SAClB;QACD,MAAM,EAAE;YACN,CAAC,EAAE,OAAO;YACV,KAAK,EAAE,SAAS;SACjB;QACD,SAAS,EAAE;YACT,CAAC,EAAE,YAAY;YACf,KAAK,EAAE,YAAY;SACpB;KACF;CACF,CAAC;KACD,QAAQ,CAAC,SAAS,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC;IACpC,CAAC,EAAE,aAAa,MAAM,CAAC,SAAS,EAAE;IAClC,CAAC,EAAE,aAAa,MAAM,CAAC,SAAS,EAAE;CACnC,CAAC,CAAC;KACF,oBAAoB,CAAC,UAAU,CAAC;KAChC,KAAK,EAAE,CAAC"}
1
+ {"version":3,"file":"core.js","sourceRoot":"","sources":["../../src/themes/core.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAEnD,OAAO,EACL,WAAW,EACX,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,UAAU,EACV,UAAU,EACV,YAAY,EACZ,OAAO,GACR,MAAM,cAAc,CAAC;AAEtB;;;;GAIG;AAEH,MAAM,CAAC,MAAM,SAAS,GAAG,WAAW,CAAC;IACnC,WAAW,EAAE,YAAY;IACzB,QAAQ;IACR,UAAU;IACV,UAAU;IACV,UAAU;IACV,OAAO;IACP,QAAQ;CACT,CAAC;KACC,SAAS,CAAC,WAAW,CAAC;KACtB,aAAa,CAAC,OAAO,EAAE;IACtB,KAAK,EAAE;QACL,IAAI,EAAE,EAAE,CAAC,EAAE,UAAU,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE;QACjE,QAAQ,EAAE;YACR,KAAK,EAAE,SAAS;YAChB,OAAO,EAAE,WAAW;YACpB,OAAO,EAAE,QAAQ;SAClB;QACD,UAAU,EAAE;YACV,CAAC,EAAE,OAAO;YACV,OAAO,EAAE,OAAO;YAChB,OAAO,EAAE,OAAO;YAChB,QAAQ,EAAE,UAAU;YACpB,QAAQ,EAAE,UAAU;YACpB,KAAK,EAAE,UAAU;SAClB;QACD,MAAM,EAAE;YACN,MAAM,EAAE,oBAAoB;YAC5B,KAAK,EAAE,UAAU;SAClB;QACD,OAAO,EAAE;YACP,CAAC,EAAE,WAAW;YACd,KAAK,EAAE,WAAW;SACnB;QACD,SAAS,EAAE;YACT,CAAC,EAAE,UAAU;YACb,KAAK,EAAE,UAAU;SAClB;QACD,MAAM,EAAE;YACN,CAAC,EAAE,SAAS;YACZ,KAAK,EAAE,SAAS;SACjB;QACD,SAAS,EAAE;YACT,CAAC,EAAE,WAAW;YACd,KAAK,EAAE,WAAW;SACnB;QACD,SAAS,EAAE;YACT,CAAC,EAAE,WAAW;SACf;KACF;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,EAAE,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE;QAC3D,QAAQ,EAAE;YACR,KAAK,EAAE,OAAO;YACd,OAAO,EAAE,SAAS;YAClB,OAAO,EAAE,UAAU;SACpB;QACD,UAAU,EAAE;YACV,CAAC,EAAE,UAAU;YACb,OAAO,EAAE,UAAU;YACnB,OAAO,EAAE,UAAU;YACnB,QAAQ,EAAE,UAAU;YACpB,QAAQ,EAAE,UAAU;YACpB,KAAK,EAAE,UAAU;SAClB;QACD,MAAM,EAAE;YACN,MAAM,EAAE,oBAAoB;YAC5B,KAAK,EAAE,OAAO;SACf;QACD,OAAO,EAAE;YACP,CAAC,EAAE,YAAY;YACf,KAAK,EAAE,YAAY;SACpB;QACD,SAAS,EAAE;YACT,CAAC,EAAE,OAAO;YACV,KAAK,EAAE,UAAU;SAClB;QACD,MAAM,EAAE;YACN,CAAC,EAAE,OAAO;YACV,KAAK,EAAE,SAAS;SACjB;QACD,SAAS,EAAE;YACT,CAAC,EAAE,YAAY;YACf,KAAK,EAAE,YAAY;SACpB;QACD,SAAS,EAAE;YACT,CAAC,EAAE,UAAU;SACd;KACF;CACF,CAAC;KACD,QAAQ,CAAC,SAAS,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC;IACpC,CAAC,EAAE,aAAa,MAAM,CAAC,SAAS,EAAE;IAClC,CAAC,EAAE,aAAa,MAAM,CAAC,SAAS,EAAE;CACnC,CAAC,CAAC;KACF,oBAAoB,CAAC,UAAU,CAAC;KAChC,KAAK,EAAE,CAAC"}