@codecademy/gamut-styles 13.0.3-alpha.e4a9fd.0 → 13.1.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.
- package/.turbo/turbo-build.log +6 -11
- package/CHANGELOG.md +308 -684
- package/LICENSE +1 -1
- package/dist/Background.d.ts +1 -2
- package/dist/Background.js +3 -6
- package/dist/Background.js.map +1 -1
- package/dist/ColorMode.d.ts +3 -7
- package/dist/ColorMode.js +29 -18
- package/dist/ColorMode.js.map +1 -1
- package/dist/globals/Reboot.js +1 -1
- package/dist/globals/index.d.ts +0 -1
- package/dist/globals/index.js +1 -2
- package/dist/globals/index.js.map +1 -1
- package/dist/themes/admin.d.ts +31 -61
- package/dist/themes/core.d.ts +15 -30
- package/dist/themes/core.js +0 -6
- package/dist/themes/core.js.map +1 -1
- package/dist/themes/platform.d.ts +31 -61
- package/dist/variables/colors.d.ts +5 -7
- package/dist/variables/colors.js +1 -2
- package/dist/variables/colors.js.map +1 -1
- package/dist/variables/deprecated-colors.d.ts +4 -4
- package/package.json +2 -2
- package/dist/globals/Scrollbars.d.ts +0 -4
- package/dist/globals/Scrollbars.js +0 -32
- package/dist/globals/Scrollbars.js.map +0 -1
|
@@ -105,29 +105,28 @@ export declare const platformTheme: Record<"breakpoints", {
|
|
|
105
105
|
readonly "shadow-white-slight": string;
|
|
106
106
|
readonly "shadow-white-heavy": string;
|
|
107
107
|
readonly "beige-100": "#FFF0E5";
|
|
108
|
-
readonly "beige-400": "#B2A8A0";
|
|
109
|
-
readonly "blue-400": "#3388FF";
|
|
110
108
|
readonly "blue-0": "#F5FCFF";
|
|
111
109
|
readonly "blue-300": "#66C4FF";
|
|
110
|
+
readonly "blue-400": "#3388FF";
|
|
112
111
|
readonly "blue-500": "#1557FF";
|
|
113
112
|
readonly "blue-800": "#1D2340";
|
|
114
113
|
readonly "navy-100": "#F3F3F5";
|
|
115
|
-
readonly "navy-400": "#9FA2AC";
|
|
116
114
|
readonly "navy-300": "#C3C5CB";
|
|
115
|
+
readonly "navy-400": "#9FA2AC";
|
|
117
116
|
readonly "navy-500": "#707382";
|
|
118
117
|
readonly "navy-800": "#10162F";
|
|
119
118
|
readonly "navy-200": "#DBDCE0";
|
|
120
119
|
readonly "navy-600": "#585C6D";
|
|
121
120
|
readonly "navy-700": "#34394C";
|
|
122
121
|
readonly "navy-900": "#0A0D1C";
|
|
123
|
-
readonly "green-400": "#AEE938";
|
|
124
122
|
readonly "green-0": "#F5FFE3";
|
|
123
|
+
readonly "green-400": "#AEE938";
|
|
125
124
|
readonly "green-700": "#008A27";
|
|
126
|
-
readonly "yellow-400": "#CCA900";
|
|
127
125
|
readonly "yellow-0": "#FFFAE5";
|
|
126
|
+
readonly "yellow-400": "#CCA900";
|
|
128
127
|
readonly "yellow-500": "#FFD300";
|
|
129
|
-
readonly "pink-400": "#F966FF";
|
|
130
128
|
readonly "pink-0": "#FFF5FF";
|
|
129
|
+
readonly "pink-400": "#F966FF";
|
|
131
130
|
readonly "red-100": "#DC5879";
|
|
132
131
|
readonly "red-0": "#E85D7F";
|
|
133
132
|
readonly "red-500": "#E91C11";
|
|
@@ -181,9 +180,6 @@ export declare const platformTheme: Record<"breakpoints", {
|
|
|
181
180
|
_: "hyper-500";
|
|
182
181
|
hover: "hyper-400";
|
|
183
182
|
};
|
|
184
|
-
scrollbar: {
|
|
185
|
-
_: "beige-400";
|
|
186
|
-
};
|
|
187
183
|
} | {
|
|
188
184
|
text: {
|
|
189
185
|
_: "white";
|
|
@@ -223,9 +219,6 @@ export declare const platformTheme: Record<"breakpoints", {
|
|
|
223
219
|
_: "yellow-500";
|
|
224
220
|
hover: "yellow-400";
|
|
225
221
|
};
|
|
226
|
-
scrollbar: {
|
|
227
|
-
_: "navy-600";
|
|
228
|
-
};
|
|
229
222
|
}, "-", "_">, "colors"> & import("@codecademy/variance").KeyAsVariable<import("@codecademy/variance").LiteralPaths<{
|
|
230
223
|
readonly beige: "#FFF0E5";
|
|
231
224
|
readonly blue: "#1557FF";
|
|
@@ -250,29 +243,28 @@ export declare const platformTheme: Record<"breakpoints", {
|
|
|
250
243
|
readonly "shadow-white-slight": string;
|
|
251
244
|
readonly "shadow-white-heavy": string;
|
|
252
245
|
readonly "beige-100": "#FFF0E5";
|
|
253
|
-
readonly "beige-400": "#B2A8A0";
|
|
254
|
-
readonly "blue-400": "#3388FF";
|
|
255
246
|
readonly "blue-0": "#F5FCFF";
|
|
256
247
|
readonly "blue-300": "#66C4FF";
|
|
248
|
+
readonly "blue-400": "#3388FF";
|
|
257
249
|
readonly "blue-500": "#1557FF";
|
|
258
250
|
readonly "blue-800": "#1D2340";
|
|
259
251
|
readonly "navy-100": "#F3F3F5";
|
|
260
|
-
readonly "navy-400": "#9FA2AC";
|
|
261
252
|
readonly "navy-300": "#C3C5CB";
|
|
253
|
+
readonly "navy-400": "#9FA2AC";
|
|
262
254
|
readonly "navy-500": "#707382";
|
|
263
255
|
readonly "navy-800": "#10162F";
|
|
264
256
|
readonly "navy-200": "#DBDCE0";
|
|
265
257
|
readonly "navy-600": "#585C6D";
|
|
266
258
|
readonly "navy-700": "#34394C";
|
|
267
259
|
readonly "navy-900": "#0A0D1C";
|
|
268
|
-
readonly "green-400": "#AEE938";
|
|
269
260
|
readonly "green-0": "#F5FFE3";
|
|
261
|
+
readonly "green-400": "#AEE938";
|
|
270
262
|
readonly "green-700": "#008A27";
|
|
271
|
-
readonly "yellow-400": "#CCA900";
|
|
272
263
|
readonly "yellow-0": "#FFFAE5";
|
|
264
|
+
readonly "yellow-400": "#CCA900";
|
|
273
265
|
readonly "yellow-500": "#FFD300";
|
|
274
|
-
readonly "pink-400": "#F966FF";
|
|
275
266
|
readonly "pink-0": "#FFF5FF";
|
|
267
|
+
readonly "pink-400": "#F966FF";
|
|
276
268
|
readonly "red-100": "#DC5879";
|
|
277
269
|
readonly "red-0": "#E85D7F";
|
|
278
270
|
readonly "red-500": "#E91C11";
|
|
@@ -327,9 +319,6 @@ export declare const platformTheme: Record<"breakpoints", {
|
|
|
327
319
|
_: "hyper-500";
|
|
328
320
|
hover: "hyper-400";
|
|
329
321
|
};
|
|
330
|
-
scrollbar: {
|
|
331
|
-
_: "beige-400";
|
|
332
|
-
};
|
|
333
322
|
}, "-", "_">;
|
|
334
323
|
dark: import("@codecademy/variance").LiteralPaths<{
|
|
335
324
|
text: {
|
|
@@ -370,9 +359,6 @@ export declare const platformTheme: Record<"breakpoints", {
|
|
|
370
359
|
_: "yellow-500";
|
|
371
360
|
hover: "yellow-400";
|
|
372
361
|
};
|
|
373
|
-
scrollbar: {
|
|
374
|
-
_: "navy-600";
|
|
375
|
-
};
|
|
376
362
|
}, "-", "_">;
|
|
377
363
|
}>;
|
|
378
364
|
mode: "light" | "dark";
|
|
@@ -400,29 +386,28 @@ export declare const platformTheme: Record<"breakpoints", {
|
|
|
400
386
|
readonly "shadow-white-slight": string;
|
|
401
387
|
readonly "shadow-white-heavy": string;
|
|
402
388
|
readonly "beige-100": "#FFF0E5";
|
|
403
|
-
readonly "beige-400": "#B2A8A0";
|
|
404
|
-
readonly "blue-400": "#3388FF";
|
|
405
389
|
readonly "blue-0": "#F5FCFF";
|
|
406
390
|
readonly "blue-300": "#66C4FF";
|
|
391
|
+
readonly "blue-400": "#3388FF";
|
|
407
392
|
readonly "blue-500": "#1557FF";
|
|
408
393
|
readonly "blue-800": "#1D2340";
|
|
409
394
|
readonly "navy-100": "#F3F3F5";
|
|
410
|
-
readonly "navy-400": "#9FA2AC";
|
|
411
395
|
readonly "navy-300": "#C3C5CB";
|
|
396
|
+
readonly "navy-400": "#9FA2AC";
|
|
412
397
|
readonly "navy-500": "#707382";
|
|
413
398
|
readonly "navy-800": "#10162F";
|
|
414
399
|
readonly "navy-200": "#DBDCE0";
|
|
415
400
|
readonly "navy-600": "#585C6D";
|
|
416
401
|
readonly "navy-700": "#34394C";
|
|
417
402
|
readonly "navy-900": "#0A0D1C";
|
|
418
|
-
readonly "green-400": "#AEE938";
|
|
419
403
|
readonly "green-0": "#F5FFE3";
|
|
404
|
+
readonly "green-400": "#AEE938";
|
|
420
405
|
readonly "green-700": "#008A27";
|
|
421
|
-
readonly "yellow-400": "#CCA900";
|
|
422
406
|
readonly "yellow-0": "#FFFAE5";
|
|
407
|
+
readonly "yellow-400": "#CCA900";
|
|
423
408
|
readonly "yellow-500": "#FFD300";
|
|
424
|
-
readonly "pink-400": "#F966FF";
|
|
425
409
|
readonly "pink-0": "#FFF5FF";
|
|
410
|
+
readonly "pink-400": "#F966FF";
|
|
426
411
|
readonly "red-100": "#DC5879";
|
|
427
412
|
readonly "red-0": "#E85D7F";
|
|
428
413
|
readonly "red-500": "#E91C11";
|
|
@@ -548,29 +533,28 @@ export declare const platformTheme: Record<"breakpoints", {
|
|
|
548
533
|
readonly "shadow-white-slight": string;
|
|
549
534
|
readonly "shadow-white-heavy": string;
|
|
550
535
|
readonly "beige-100": "#FFF0E5";
|
|
551
|
-
readonly "beige-400": "#B2A8A0";
|
|
552
|
-
readonly "blue-400": "#3388FF";
|
|
553
536
|
readonly "blue-0": "#F5FCFF";
|
|
554
537
|
readonly "blue-300": "#66C4FF";
|
|
538
|
+
readonly "blue-400": "#3388FF";
|
|
555
539
|
readonly "blue-500": "#1557FF";
|
|
556
540
|
readonly "blue-800": "#1D2340";
|
|
557
541
|
readonly "navy-100": "#F3F3F5";
|
|
558
|
-
readonly "navy-400": "#9FA2AC";
|
|
559
542
|
readonly "navy-300": "#C3C5CB";
|
|
543
|
+
readonly "navy-400": "#9FA2AC";
|
|
560
544
|
readonly "navy-500": "#707382";
|
|
561
545
|
readonly "navy-800": "#10162F";
|
|
562
546
|
readonly "navy-200": "#DBDCE0";
|
|
563
547
|
readonly "navy-600": "#585C6D";
|
|
564
548
|
readonly "navy-700": "#34394C";
|
|
565
549
|
readonly "navy-900": "#0A0D1C";
|
|
566
|
-
readonly "green-400": "#AEE938";
|
|
567
550
|
readonly "green-0": "#F5FFE3";
|
|
551
|
+
readonly "green-400": "#AEE938";
|
|
568
552
|
readonly "green-700": "#008A27";
|
|
569
|
-
readonly "yellow-400": "#CCA900";
|
|
570
553
|
readonly "yellow-0": "#FFFAE5";
|
|
554
|
+
readonly "yellow-400": "#CCA900";
|
|
571
555
|
readonly "yellow-500": "#FFD300";
|
|
572
|
-
readonly "pink-400": "#F966FF";
|
|
573
556
|
readonly "pink-0": "#FFF5FF";
|
|
557
|
+
readonly "pink-400": "#F966FF";
|
|
574
558
|
readonly "red-100": "#DC5879";
|
|
575
559
|
readonly "red-0": "#E85D7F";
|
|
576
560
|
readonly "red-500": "#E91C11";
|
|
@@ -623,9 +607,6 @@ export declare const platformTheme: Record<"breakpoints", {
|
|
|
623
607
|
_: "hyper-500";
|
|
624
608
|
hover: "hyper-400";
|
|
625
609
|
};
|
|
626
|
-
scrollbar: {
|
|
627
|
-
_: "beige-400";
|
|
628
|
-
};
|
|
629
610
|
} | {
|
|
630
611
|
text: {
|
|
631
612
|
_: "white";
|
|
@@ -665,9 +646,6 @@ export declare const platformTheme: Record<"breakpoints", {
|
|
|
665
646
|
_: "yellow-500";
|
|
666
647
|
hover: "yellow-400";
|
|
667
648
|
};
|
|
668
|
-
scrollbar: {
|
|
669
|
-
_: "navy-600";
|
|
670
|
-
};
|
|
671
649
|
}, "-", "_">, "colors"> & import("@codecademy/variance").KeyAsVariable<import("@codecademy/variance").LiteralPaths<{
|
|
672
650
|
readonly beige: "#FFF0E5";
|
|
673
651
|
readonly blue: "#1557FF";
|
|
@@ -692,29 +670,28 @@ export declare const platformTheme: Record<"breakpoints", {
|
|
|
692
670
|
readonly "shadow-white-slight": string;
|
|
693
671
|
readonly "shadow-white-heavy": string;
|
|
694
672
|
readonly "beige-100": "#FFF0E5";
|
|
695
|
-
readonly "beige-400": "#B2A8A0";
|
|
696
|
-
readonly "blue-400": "#3388FF";
|
|
697
673
|
readonly "blue-0": "#F5FCFF";
|
|
698
674
|
readonly "blue-300": "#66C4FF";
|
|
675
|
+
readonly "blue-400": "#3388FF";
|
|
699
676
|
readonly "blue-500": "#1557FF";
|
|
700
677
|
readonly "blue-800": "#1D2340";
|
|
701
678
|
readonly "navy-100": "#F3F3F5";
|
|
702
|
-
readonly "navy-400": "#9FA2AC";
|
|
703
679
|
readonly "navy-300": "#C3C5CB";
|
|
680
|
+
readonly "navy-400": "#9FA2AC";
|
|
704
681
|
readonly "navy-500": "#707382";
|
|
705
682
|
readonly "navy-800": "#10162F";
|
|
706
683
|
readonly "navy-200": "#DBDCE0";
|
|
707
684
|
readonly "navy-600": "#585C6D";
|
|
708
685
|
readonly "navy-700": "#34394C";
|
|
709
686
|
readonly "navy-900": "#0A0D1C";
|
|
710
|
-
readonly "green-400": "#AEE938";
|
|
711
687
|
readonly "green-0": "#F5FFE3";
|
|
688
|
+
readonly "green-400": "#AEE938";
|
|
712
689
|
readonly "green-700": "#008A27";
|
|
713
|
-
readonly "yellow-400": "#CCA900";
|
|
714
690
|
readonly "yellow-0": "#FFFAE5";
|
|
691
|
+
readonly "yellow-400": "#CCA900";
|
|
715
692
|
readonly "yellow-500": "#FFD300";
|
|
716
|
-
readonly "pink-400": "#F966FF";
|
|
717
693
|
readonly "pink-0": "#FFF5FF";
|
|
694
|
+
readonly "pink-400": "#F966FF";
|
|
718
695
|
readonly "red-100": "#DC5879";
|
|
719
696
|
readonly "red-0": "#E85D7F";
|
|
720
697
|
readonly "red-500": "#E91C11";
|
|
@@ -780,9 +757,6 @@ export declare const platformTheme: Record<"breakpoints", {
|
|
|
780
757
|
_: "hyper-500";
|
|
781
758
|
hover: "hyper-400";
|
|
782
759
|
};
|
|
783
|
-
scrollbar: {
|
|
784
|
-
_: "beige-400";
|
|
785
|
-
};
|
|
786
760
|
}, "-", "_">;
|
|
787
761
|
dark: import("@codecademy/variance").LiteralPaths<{
|
|
788
762
|
text: {
|
|
@@ -823,9 +797,6 @@ export declare const platformTheme: Record<"breakpoints", {
|
|
|
823
797
|
_: "yellow-500";
|
|
824
798
|
hover: "yellow-400";
|
|
825
799
|
};
|
|
826
|
-
scrollbar: {
|
|
827
|
-
_: "navy-600";
|
|
828
|
-
};
|
|
829
800
|
}, "-", "_">;
|
|
830
801
|
}>, {
|
|
831
802
|
light: import("@codecademy/variance").LiteralPaths<{
|
|
@@ -916,29 +887,28 @@ export declare const platformTheme: Record<"breakpoints", {
|
|
|
916
887
|
readonly "shadow-white-slight": string;
|
|
917
888
|
readonly "shadow-white-heavy": string;
|
|
918
889
|
readonly "beige-100": "#FFF0E5";
|
|
919
|
-
readonly "beige-400": "#B2A8A0";
|
|
920
|
-
readonly "blue-400": "#3388FF";
|
|
921
890
|
readonly "blue-0": "#F5FCFF";
|
|
922
891
|
readonly "blue-300": "#66C4FF";
|
|
892
|
+
readonly "blue-400": "#3388FF";
|
|
923
893
|
readonly "blue-500": "#1557FF";
|
|
924
894
|
readonly "blue-800": "#1D2340";
|
|
925
895
|
readonly "navy-100": "#F3F3F5";
|
|
926
|
-
readonly "navy-400": "#9FA2AC";
|
|
927
896
|
readonly "navy-300": "#C3C5CB";
|
|
897
|
+
readonly "navy-400": "#9FA2AC";
|
|
928
898
|
readonly "navy-500": "#707382";
|
|
929
899
|
readonly "navy-800": "#10162F";
|
|
930
900
|
readonly "navy-200": "#DBDCE0";
|
|
931
901
|
readonly "navy-600": "#585C6D";
|
|
932
902
|
readonly "navy-700": "#34394C";
|
|
933
903
|
readonly "navy-900": "#0A0D1C";
|
|
934
|
-
readonly "green-400": "#AEE938";
|
|
935
904
|
readonly "green-0": "#F5FFE3";
|
|
905
|
+
readonly "green-400": "#AEE938";
|
|
936
906
|
readonly "green-700": "#008A27";
|
|
937
|
-
readonly "yellow-400": "#CCA900";
|
|
938
907
|
readonly "yellow-0": "#FFFAE5";
|
|
908
|
+
readonly "yellow-400": "#CCA900";
|
|
939
909
|
readonly "yellow-500": "#FFD300";
|
|
940
|
-
readonly "pink-400": "#F966FF";
|
|
941
910
|
readonly "pink-0": "#FFF5FF";
|
|
911
|
+
readonly "pink-400": "#F966FF";
|
|
942
912
|
readonly "red-100": "#DC5879";
|
|
943
913
|
readonly "red-0": "#E85D7F";
|
|
944
914
|
readonly "red-500": "#E91C11";
|
|
@@ -952,7 +922,7 @@ export declare const platformTheme: Record<"breakpoints", {
|
|
|
952
922
|
readonly "gray-200": "#EEEEEE";
|
|
953
923
|
readonly "gray-600": "#9E9E9E";
|
|
954
924
|
readonly "gray-900": "#424242";
|
|
955
|
-
}, "-"> | "text" | "background" | "primary" | "secondary" | "danger" | "interface" | "
|
|
925
|
+
}, "-"> | "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" | import("@codecademy/variance").Path<{
|
|
956
926
|
readonly lightBeige: "#FFFBF8";
|
|
957
927
|
readonly gold: "#8A7300";
|
|
958
928
|
readonly teal: "#027E97";
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
export declare const coreSwatches: {
|
|
2
2
|
readonly beige: {
|
|
3
3
|
readonly '100': "#FFF0E5";
|
|
4
|
-
readonly '400': "#B2A8A0";
|
|
5
4
|
};
|
|
6
5
|
readonly blue: {
|
|
7
6
|
readonly '0': "#F5FCFF";
|
|
@@ -101,29 +100,28 @@ export declare const corePalette: {
|
|
|
101
100
|
readonly "shadow-white-slight": string;
|
|
102
101
|
readonly "shadow-white-heavy": string;
|
|
103
102
|
readonly "beige-100": "#FFF0E5";
|
|
104
|
-
readonly "beige-400": "#B2A8A0";
|
|
105
|
-
readonly "blue-400": "#3388FF";
|
|
106
103
|
readonly "blue-0": "#F5FCFF";
|
|
107
104
|
readonly "blue-300": "#66C4FF";
|
|
105
|
+
readonly "blue-400": "#3388FF";
|
|
108
106
|
readonly "blue-500": "#1557FF";
|
|
109
107
|
readonly "blue-800": "#1D2340";
|
|
110
108
|
readonly "navy-100": "#F3F3F5";
|
|
111
|
-
readonly "navy-400": "#9FA2AC";
|
|
112
109
|
readonly "navy-300": "#C3C5CB";
|
|
110
|
+
readonly "navy-400": "#9FA2AC";
|
|
113
111
|
readonly "navy-500": "#707382";
|
|
114
112
|
readonly "navy-800": "#10162F";
|
|
115
113
|
readonly "navy-200": "#DBDCE0";
|
|
116
114
|
readonly "navy-600": "#585C6D";
|
|
117
115
|
readonly "navy-700": "#34394C";
|
|
118
116
|
readonly "navy-900": "#0A0D1C";
|
|
119
|
-
readonly "green-400": "#AEE938";
|
|
120
117
|
readonly "green-0": "#F5FFE3";
|
|
118
|
+
readonly "green-400": "#AEE938";
|
|
121
119
|
readonly "green-700": "#008A27";
|
|
122
|
-
readonly "yellow-400": "#CCA900";
|
|
123
120
|
readonly "yellow-0": "#FFFAE5";
|
|
121
|
+
readonly "yellow-400": "#CCA900";
|
|
124
122
|
readonly "yellow-500": "#FFD300";
|
|
125
|
-
readonly "pink-400": "#F966FF";
|
|
126
123
|
readonly "pink-0": "#FFF5FF";
|
|
124
|
+
readonly "pink-400": "#F966FF";
|
|
127
125
|
readonly "red-100": "#DC5879";
|
|
128
126
|
readonly "red-0": "#E85D7F";
|
|
129
127
|
readonly "red-500": "#E91C11";
|
package/dist/variables/colors.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"colors.js","sourceRoot":"","sources":["../../src/variables/colors.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAChC;;GAEG;AAEH,MAAM,KAAK,GAAG,SAAS,CAAC;AACxB,MAAM,KAAK,GAAG,SAAS,CAAC;AAExB,MAAM,OAAO,GAAG;IACd,MAAM,EAAE;QACN,KAAK,EAAE;YACL,MAAM,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC;YACzB,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC;SACzB;QACD,KAAK,EAAE;YACL,MAAM,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC;YACzB,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC;SACzB;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,KAAK,EAAE;QACL,KAAK,EAAE,SAAS;
|
|
1
|
+
{"version":3,"file":"colors.js","sourceRoot":"","sources":["../../src/variables/colors.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAChC;;GAEG;AAEH,MAAM,KAAK,GAAG,SAAS,CAAC;AACxB,MAAM,KAAK,GAAG,SAAS,CAAC;AAExB,MAAM,OAAO,GAAG;IACd,MAAM,EAAE;QACN,KAAK,EAAE;YACL,MAAM,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC;YACzB,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC;SACzB;QACD,KAAK,EAAE;YACL,MAAM,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC;YACzB,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC;SACzB;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,KAAK,EAAE;QACL,KAAK,EAAE,SAAS;KACjB;IACD,IAAI,EAAE;QACJ,GAAG,EAAE,SAAS;QACd,KAAK,EAAE,SAAS;QAChB,KAAK,EAAE,SAAS;QAChB,KAAK,EAAE,SAAS;QAChB,KAAK,EAAE,SAAS;KACjB;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,SAAS;QAChB,KAAK,EAAE,SAAS;QAChB,KAAK,EAAE,SAAS;QAChB,KAAK,EAAE,SAAS;QAChB,KAAK,EAAE,SAAS;QAChB,KAAK,EAAE,SAAS;QAChB,KAAK,EAAE,SAAS;QAChB,KAAK,EAAE,SAAS;QAChB,KAAK,EAAE,SAAS;KACjB;IACD,KAAK,EAAE;QACL,GAAG,EAAE,SAAS;QACd,KAAK,EAAE,SAAS;QAChB,KAAK,EAAE,SAAS;KACjB;IACD,MAAM,EAAE;QACN,GAAG,EAAE,SAAS;QACd,KAAK,EAAE,SAAS;QAChB,KAAK,EAAE,SAAS;KACjB;IACD,IAAI,EAAE;QACJ,GAAG,EAAE,SAAS;QACd,KAAK,EAAE,SAAS;KACjB;IACD,GAAG,EAAE;QACH,GAAG,EAAE,SAAS;QACd,KAAK,EAAE,SAAS;QAChB,KAAK,EAAE,SAAS;QAChB,KAAK,EAAE,SAAS;KACjB;IACD,MAAM,EAAE;QACN,KAAK,EAAE,SAAS;KACjB;IACD,KAAK,EAAE;QACL,KAAK,EAAE,SAAS;QAChB,KAAK,EAAE,SAAS;KACjB;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,SAAS;QAChB,KAAK,EAAE,SAAS;QAChB,KAAK,EAAE,SAAS;QAChB,KAAK,EAAE,SAAS;QAChB,KAAK,EAAE,SAAS;QAChB,KAAK,EAAE,SAAS;KACjB;CACO,CAAC;AAEX,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,KAAK,EAAE,YAAY,CAAC,KAAK,CAAC,GAAG,CAAC;IAC9B,IAAI,EAAE,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC;IAC5B,KAAK,EAAE,YAAY,CAAC,KAAK,CAAC,GAAG,CAAC;IAC9B,KAAK,EAAE,YAAY,CAAC,KAAK,CAAC,GAAG,CAAC;IAC9B,SAAS,EAAE,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC;IACjC,UAAU,EAAE,YAAY,CAAC,KAAK,CAAC,GAAG,CAAC;IACnC,IAAI,EAAE,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC;IAC5B,MAAM,EAAE,YAAY,CAAC,MAAM,CAAC,GAAG,CAAC;IAChC,QAAQ,EAAE,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC;IAC9B,SAAS,EAAE,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC;IAChC,QAAQ,EAAE,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC;IAC9B,UAAU,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC;IAClC,IAAI,EAAE,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC;IAC5B,OAAO,EAAE,YAAY,CAAC,GAAG,CAAC,GAAG,CAAC;IAC9B,GAAG,EAAE,YAAY,CAAC,GAAG,CAAC,GAAG,CAAC;IAC1B,MAAM,EAAE,YAAY,CAAC,MAAM,CAAC,GAAG,CAAC;IAChC,KAAK;IACL,KAAK;CACG,CAAC;AAEX,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,GAAG,YAAY,CAAC,YAAY,CAAC;IAC7B,GAAG,YAAY,CAAC,OAAO,CAAC;IACxB,GAAG,UAAU;CACL,CAAC;AAEX;;GAEG;AAEH,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B,KAAK,EAAE;QACL,GAAG,EAAE,SAAS;KACf;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,SAAS;KACjB;IACD,MAAM,EAAE;QACN,KAAK,EAAE,SAAS;KACjB;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,SAAS;KACjB;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,SAAS;KACjB;IACD,MAAM,EAAE;QACN,KAAK,EAAE,SAAS;KACjB;CACO,CAAC;AAEX,MAAM,kBAAkB,GAAG;IACzB,UAAU,EAAE,gBAAgB,CAAC,KAAK,CAAC,CAAC,CAAC;IACrC,IAAI,EAAE,gBAAgB,CAAC,IAAI,CAAC,GAAG,CAAC;IAChC,IAAI,EAAE,gBAAgB,CAAC,IAAI,CAAC,GAAG,CAAC;IAChC,MAAM,EAAE,gBAAgB,CAAC,MAAM,CAAC,GAAG,CAAC;CAC5B,CAAC;AAEX,MAAM,CAAC,MAAM,eAAe,GAAG;IAC7B,GAAG,YAAY,CAAC,gBAAgB,CAAC;IACjC,GAAG,kBAAkB;CACb,CAAC"}
|
|
@@ -129,14 +129,14 @@ export declare const colors: {
|
|
|
129
129
|
readonly "blue-300": "#66C4FF";
|
|
130
130
|
readonly "blue-500": "#1557FF";
|
|
131
131
|
readonly "blue-800": "#1D2340";
|
|
132
|
-
readonly "green-400": "#AEE938";
|
|
133
132
|
readonly "green-0": "#F5FFE3";
|
|
133
|
+
readonly "green-400": "#AEE938";
|
|
134
134
|
readonly "green-700": "#008A27";
|
|
135
|
-
readonly "yellow-400": "#CCA900";
|
|
136
135
|
readonly "yellow-0": "#FFFAE5";
|
|
136
|
+
readonly "yellow-400": "#CCA900";
|
|
137
137
|
readonly "yellow-500": "#FFD300";
|
|
138
|
-
readonly "pink-400": "#F966FF";
|
|
139
138
|
readonly "pink-0": "#FFF5FF";
|
|
139
|
+
readonly "pink-400": "#F966FF";
|
|
140
140
|
readonly "red-500": "#E91C11";
|
|
141
141
|
readonly "orange-500": "#FF8C00";
|
|
142
142
|
readonly "hyper-400": "#5533FF";
|
|
@@ -149,8 +149,8 @@ export declare const colors: {
|
|
|
149
149
|
readonly "gray-900": "#19191a";
|
|
150
150
|
readonly "beige-0": "#FFF0E5";
|
|
151
151
|
readonly "blue-900": "#10162f";
|
|
152
|
-
readonly "gray-400": "#a2a2a6";
|
|
153
152
|
readonly "gray-0": "#ffffff";
|
|
153
|
+
readonly "gray-400": "#a2a2a6";
|
|
154
154
|
readonly "gray-500": "#828285";
|
|
155
155
|
readonly "gray-700": "#4b4b4d";
|
|
156
156
|
};
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@codecademy/gamut-styles",
|
|
3
3
|
"description": "Styleguide & Component library for codecademy.com",
|
|
4
|
-
"version": "13.
|
|
4
|
+
"version": "13.1.0",
|
|
5
5
|
"author": "Jake Hiller <jake@codecademy.com>",
|
|
6
6
|
"main": "dist/index.js",
|
|
7
7
|
"module": "dist/index.js",
|
|
@@ -39,5 +39,5 @@
|
|
|
39
39
|
"publishConfig": {
|
|
40
40
|
"access": "public"
|
|
41
41
|
},
|
|
42
|
-
"gitHead": "
|
|
42
|
+
"gitHead": "285526a7aac5569beb8e10ae4a1d81258cf68851"
|
|
43
43
|
}
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import { css as _css } from "@emotion/react";
|
|
2
|
-
|
|
3
|
-
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
4
|
-
|
|
5
|
-
import { css, Global, useTheme } from '@emotion/react';
|
|
6
|
-
import React from 'react';
|
|
7
|
-
export var scrollbarStyles = function scrollbarStyles(theme) {
|
|
8
|
-
var colors = theme.modes[theme.mode];
|
|
9
|
-
var getColor = theme._getColorValue;
|
|
10
|
-
return /*#__PURE__*/css({
|
|
11
|
-
scrollbarColor: "var(--color-".concat(colors.scrollbar, ", ").concat(getColor(colors.scrollbar), ") var(--color-").concat(colors['background-current'], ", ").concat(getColor(colors['background-current']), ")"),
|
|
12
|
-
scrollbarWidth: "thin",
|
|
13
|
-
'&::-webkit-scrollbar': {
|
|
14
|
-
backgroundColor: "transparent",
|
|
15
|
-
width: ".75em"
|
|
16
|
-
},
|
|
17
|
-
'&::-webkit-scrollbar-track': {
|
|
18
|
-
backgroundColor: "\n var(--color-".concat(colors['background-current'], ",\n ").concat(getColor(colors['background-current']), "\n )")
|
|
19
|
-
},
|
|
20
|
-
'&::-webkit-scrollbar-thumb': {
|
|
21
|
-
backgroundColor: "var(--color-".concat(colors.scrollbar, ", ").concat(getColor(colors.scrollbar), ")"),
|
|
22
|
-
borderRadius: "20px",
|
|
23
|
-
border: "3px solid var(--color-".concat(colors['background-current'], ", ").concat(getColor(colors['background-current']), ")")
|
|
24
|
-
}
|
|
25
|
-
}, ";label:scrollbarStyles;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9nbG9iYWxzL1Njcm9sbGJhcnMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU9TIiwiZmlsZSI6Ii4uLy4uL3NyYy9nbG9iYWxzL1Njcm9sbGJhcnMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBHbG9iYWwsIFRoZW1lLCB1c2VUaGVtZSB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmV4cG9ydCBjb25zdCBzY3JvbGxiYXJTdHlsZXMgPSAodGhlbWU6IFRoZW1lKSA9PiB7XG4gIGNvbnN0IGNvbG9ycyA9IHRoZW1lLm1vZGVzW3RoZW1lLm1vZGVdO1xuICBjb25zdCBnZXRDb2xvciA9IHRoZW1lLl9nZXRDb2xvclZhbHVlO1xuXG4gIHJldHVybiBjc3Moe1xuICAgIHNjcm9sbGJhckNvbG9yOiBgdmFyKC0tY29sb3ItJHtjb2xvcnMuc2Nyb2xsYmFyfSwgJHtnZXRDb2xvcihcbiAgICAgIGNvbG9ycy5zY3JvbGxiYXJcbiAgICApfSkgdmFyKC0tY29sb3ItJHtjb2xvcnNbJ2JhY2tncm91bmQtY3VycmVudCddfSwgJHtnZXRDb2xvcihcbiAgICAgIGNvbG9yc1snYmFja2dyb3VuZC1jdXJyZW50J11cbiAgICApfSlgLFxuICAgIHNjcm9sbGJhcldpZHRoOiBgdGhpbmAsXG5cbiAgICAnJjo6LXdlYmtpdC1zY3JvbGxiYXInOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IGB0cmFuc3BhcmVudGAsXG4gICAgICB3aWR0aDogYC43NWVtYCxcbiAgICB9LFxuXG4gICAgJyY6Oi13ZWJraXQtc2Nyb2xsYmFyLXRyYWNrJzoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiBgXG4gICAgICB2YXIoLS1jb2xvci0ke2NvbG9yc1snYmFja2dyb3VuZC1jdXJyZW50J119LFxuICAgICAgJHtnZXRDb2xvcihjb2xvcnNbJ2JhY2tncm91bmQtY3VycmVudCddKX1cbiAgICAgIClgLFxuICAgIH0sXG5cbiAgICAnJjo6LXdlYmtpdC1zY3JvbGxiYXItdGh1bWInOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IGB2YXIoLS1jb2xvci0ke2NvbG9ycy5zY3JvbGxiYXJ9LCAke2dldENvbG9yKFxuICAgICAgICBjb2xvcnMuc2Nyb2xsYmFyXG4gICAgICApfSlgLFxuICAgICAgYm9yZGVyUmFkaXVzOiBgMjBweGAsXG4gICAgICBib3JkZXI6IGAzcHggc29saWQgdmFyKC0tY29sb3ItJHtcbiAgICAgICAgY29sb3JzWydiYWNrZ3JvdW5kLWN1cnJlbnQnXVxuICAgICAgfSwgJHtnZXRDb2xvcihjb2xvcnNbJ2JhY2tncm91bmQtY3VycmVudCddKX0pYCxcbiAgICB9LFxuICB9KTtcbn07XG5cbmV4cG9ydCBjb25zdCBTY3JvbGxiYXJzID0gKCkgPT4ge1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG5cbiAgcmV0dXJuIChcbiAgICA8R2xvYmFsXG4gICAgICBzdHlsZXM9e3tcbiAgICAgICAgW2BodG1sLCBib2R5YF06IHNjcm9sbGJhclN0eWxlcyh0aGVtZSksXG4gICAgICB9fVxuICAgIC8+XG4gICk7XG59O1xuIl19 */"));
|
|
26
|
-
};
|
|
27
|
-
export var Scrollbars = function Scrollbars() {
|
|
28
|
-
var theme = useTheme();
|
|
29
|
-
return /*#__PURE__*/React.createElement(Global, {
|
|
30
|
-
styles: /*#__PURE__*/_css(_defineProperty({}, "html, body", scrollbarStyles(theme)), ";label:Scrollbars;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9nbG9iYWxzL1Njcm9sbGJhcnMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRDTSIsImZpbGUiOiIuLi8uLi9zcmMvZ2xvYmFscy9TY3JvbGxiYXJzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgR2xvYmFsLCBUaGVtZSwgdXNlVGhlbWUgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuXG5leHBvcnQgY29uc3Qgc2Nyb2xsYmFyU3R5bGVzID0gKHRoZW1lOiBUaGVtZSkgPT4ge1xuICBjb25zdCBjb2xvcnMgPSB0aGVtZS5tb2Rlc1t0aGVtZS5tb2RlXTtcbiAgY29uc3QgZ2V0Q29sb3IgPSB0aGVtZS5fZ2V0Q29sb3JWYWx1ZTtcblxuICByZXR1cm4gY3NzKHtcbiAgICBzY3JvbGxiYXJDb2xvcjogYHZhcigtLWNvbG9yLSR7Y29sb3JzLnNjcm9sbGJhcn0sICR7Z2V0Q29sb3IoXG4gICAgICBjb2xvcnMuc2Nyb2xsYmFyXG4gICAgKX0pIHZhcigtLWNvbG9yLSR7Y29sb3JzWydiYWNrZ3JvdW5kLWN1cnJlbnQnXX0sICR7Z2V0Q29sb3IoXG4gICAgICBjb2xvcnNbJ2JhY2tncm91bmQtY3VycmVudCddXG4gICAgKX0pYCxcbiAgICBzY3JvbGxiYXJXaWR0aDogYHRoaW5gLFxuXG4gICAgJyY6Oi13ZWJraXQtc2Nyb2xsYmFyJzoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiBgdHJhbnNwYXJlbnRgLFxuICAgICAgd2lkdGg6IGAuNzVlbWAsXG4gICAgfSxcblxuICAgICcmOjotd2Via2l0LXNjcm9sbGJhci10cmFjayc6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogYFxuICAgICAgdmFyKC0tY29sb3ItJHtjb2xvcnNbJ2JhY2tncm91bmQtY3VycmVudCddfSxcbiAgICAgICR7Z2V0Q29sb3IoY29sb3JzWydiYWNrZ3JvdW5kLWN1cnJlbnQnXSl9XG4gICAgICApYCxcbiAgICB9LFxuXG4gICAgJyY6Oi13ZWJraXQtc2Nyb2xsYmFyLXRodW1iJzoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiBgdmFyKC0tY29sb3ItJHtjb2xvcnMuc2Nyb2xsYmFyfSwgJHtnZXRDb2xvcihcbiAgICAgICAgY29sb3JzLnNjcm9sbGJhclxuICAgICAgKX0pYCxcbiAgICAgIGJvcmRlclJhZGl1czogYDIwcHhgLFxuICAgICAgYm9yZGVyOiBgM3B4IHNvbGlkIHZhcigtLWNvbG9yLSR7XG4gICAgICAgIGNvbG9yc1snYmFja2dyb3VuZC1jdXJyZW50J11cbiAgICAgIH0sICR7Z2V0Q29sb3IoY29sb3JzWydiYWNrZ3JvdW5kLWN1cnJlbnQnXSl9KWAsXG4gICAgfSxcbiAgfSk7XG59O1xuXG5leHBvcnQgY29uc3QgU2Nyb2xsYmFycyA9ICgpID0+IHtcbiAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpO1xuXG4gIHJldHVybiAoXG4gICAgPEdsb2JhbFxuICAgICAgc3R5bGVzPXt7XG4gICAgICAgIFtgaHRtbCwgYm9keWBdOiBzY3JvbGxiYXJTdHlsZXModGhlbWUpLFxuICAgICAgfX1cbiAgICAvPlxuICApO1xufTtcbiJdfQ== */"))
|
|
31
|
-
});
|
|
32
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Scrollbars.js","sourceRoot":"","sources":["../../src/globals/Scrollbars.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,EAAS,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC9D,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,KAAY,EAAE,EAAE;IAC9C,MAAM,MAAM,GAAG,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IACvC,MAAM,QAAQ,GAAG,KAAK,CAAC,cAAc,CAAC;IAEtC,OAAO,GAAG,CAAC;QACT,cAAc,EAAE,eAAe,MAAM,CAAC,SAAS,KAAK,QAAQ,CAC1D,MAAM,CAAC,SAAS,CACjB,iBAAiB,MAAM,CAAC,oBAAoB,CAAC,KAAK,QAAQ,CACzD,MAAM,CAAC,oBAAoB,CAAC,CAC7B,GAAG;QACJ,cAAc,EAAE,MAAM;QAEtB,sBAAsB,EAAE;YACtB,eAAe,EAAE,aAAa;YAC9B,KAAK,EAAE,OAAO;SACf;QAED,4BAA4B,EAAE;YAC5B,eAAe,EAAE;oBACH,MAAM,CAAC,oBAAoB,CAAC;QACxC,QAAQ,CAAC,MAAM,CAAC,oBAAoB,CAAC,CAAC;QACtC;SACH;QAED,4BAA4B,EAAE;YAC5B,eAAe,EAAE,eAAe,MAAM,CAAC,SAAS,KAAK,QAAQ,CAC3D,MAAM,CAAC,SAAS,CACjB,GAAG;YACJ,YAAY,EAAE,MAAM;YACpB,MAAM,EAAE,yBACN,MAAM,CAAC,oBAAoB,CAC7B,KAAK,QAAQ,CAAC,MAAM,CAAC,oBAAoB,CAAC,CAAC,GAAG;SAC/C;KACF,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,EAAE;IAC7B,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IAEzB,OAAO,CACL,oBAAC,MAAM,IACL,MAAM,EAAE;YACN,CAAC,YAAY,CAAC,EAAE,eAAe,CAAC,KAAK,CAAC;SACvC,GACD,CACH,CAAC;AACJ,CAAC,CAAC"}
|