@codecademy/gamut-styles 14.2.0 → 14.2.1-alpha.58ee8c.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 (7) hide show
  1. package/dist/themes/admin.d.ts +24 -24
  2. package/dist/themes/core.d.ts +12 -12
  3. package/dist/themes/platform.d.ts +24 -24
  4. package/dist/variables/colors.d.ts +6 -6
  5. package/dist/variables/colors.js +2 -2
  6. package/dist/variables/deprecated-colors.d.ts +1 -1
  7. package/package.json +2 -2
package/dist/themes/admin.d.ts CHANGED
@@ -96,23 +96,23 @@ export declare const adminTheme: Record<"breakpoints", {
96
96
  readonly "shadow-white-slight": string;
97
97
  readonly "shadow-white-heavy": string;
98
98
  readonly "beige-100": "#FFF0E5";
99
+ readonly "blue-100": "#D3F2FF";
99
100
  readonly "blue-0": "#F5FCFF";
100
- readonly "blue-200": "#D3F2FF";
101
101
  readonly "blue-300": "#66C4FF";
102
102
  readonly "blue-400": "#3388FF";
103
103
  readonly "blue-500": "#1557FF";
104
104
  readonly "blue-800": "#1D2340";
105
105
  readonly "navy-100": "#F3F3F5";
106
- readonly "navy-200": "#DBDCE0";
107
106
  readonly "navy-300": "#C3C5CB";
108
107
  readonly "navy-400": "#9FA2AC";
109
108
  readonly "navy-500": "#707382";
110
109
  readonly "navy-800": "#10162F";
110
+ readonly "navy-200": "#DBDCE0";
111
111
  readonly "navy-600": "#585C6D";
112
112
  readonly "navy-700": "#34394C";
113
113
  readonly "navy-900": "#0A0D1C";
114
+ readonly "green-100": "#EAFDC6";
114
115
  readonly "green-0": "#F5FFE3";
115
- readonly "green-200": "#EAFDC6";
116
116
  readonly "green-400": "#AEE938";
117
117
  readonly "green-700": "#008A27";
118
118
  readonly "yellow-0": "#FFFAE5";
@@ -128,9 +128,9 @@ export declare const adminTheme: Record<"breakpoints", {
128
128
  readonly "hyper-400": "#5533FF";
129
129
  readonly "hyper-500": "#3A10E5";
130
130
  readonly "gray-100": "#F5F5F5";
131
- readonly "gray-200": "#EEEEEE";
132
131
  readonly "gray-300": "#E0E0E0";
133
132
  readonly "gray-800": "#616161";
133
+ readonly "gray-200": "#EEEEEE";
134
134
  readonly "gray-600": "#9E9E9E";
135
135
  readonly "gray-900": "#424242";
136
136
  }, "-", "">, "color">>> & import("@codecademy/variance/dist/createTheme/types").PrivateThemeKeys, {
@@ -240,23 +240,23 @@ export declare const adminTheme: Record<"breakpoints", {
240
240
  readonly "shadow-white-slight": string;
241
241
  readonly "shadow-white-heavy": string;
242
242
  readonly "beige-100": "#FFF0E5";
243
+ readonly "blue-100": "#D3F2FF";
243
244
  readonly "blue-0": "#F5FCFF";
244
- readonly "blue-200": "#D3F2FF";
245
245
  readonly "blue-300": "#66C4FF";
246
246
  readonly "blue-400": "#3388FF";
247
247
  readonly "blue-500": "#1557FF";
248
248
  readonly "blue-800": "#1D2340";
249
249
  readonly "navy-100": "#F3F3F5";
250
- readonly "navy-200": "#DBDCE0";
251
250
  readonly "navy-300": "#C3C5CB";
252
251
  readonly "navy-400": "#9FA2AC";
253
252
  readonly "navy-500": "#707382";
254
253
  readonly "navy-800": "#10162F";
254
+ readonly "navy-200": "#DBDCE0";
255
255
  readonly "navy-600": "#585C6D";
256
256
  readonly "navy-700": "#34394C";
257
257
  readonly "navy-900": "#0A0D1C";
258
+ readonly "green-100": "#EAFDC6";
258
259
  readonly "green-0": "#F5FFE3";
259
- readonly "green-200": "#EAFDC6";
260
260
  readonly "green-400": "#AEE938";
261
261
  readonly "green-700": "#008A27";
262
262
  readonly "yellow-0": "#FFFAE5";
@@ -272,9 +272,9 @@ export declare const adminTheme: Record<"breakpoints", {
272
272
  readonly "hyper-400": "#5533FF";
273
273
  readonly "hyper-500": "#3A10E5";
274
274
  readonly "gray-100": "#F5F5F5";
275
- readonly "gray-200": "#EEEEEE";
276
275
  readonly "gray-300": "#E0E0E0";
277
276
  readonly "gray-800": "#616161";
277
+ readonly "gray-200": "#EEEEEE";
278
278
  readonly "gray-600": "#9E9E9E";
279
279
  readonly "gray-900": "#424242";
280
280
  }, "-", "">, "color">;
@@ -389,23 +389,23 @@ export declare const adminTheme: Record<"breakpoints", {
389
389
  readonly "shadow-white-slight": string;
390
390
  readonly "shadow-white-heavy": string;
391
391
  readonly "beige-100": "#FFF0E5";
392
+ readonly "blue-100": "#D3F2FF";
392
393
  readonly "blue-0": "#F5FCFF";
393
- readonly "blue-200": "#D3F2FF";
394
394
  readonly "blue-300": "#66C4FF";
395
395
  readonly "blue-400": "#3388FF";
396
396
  readonly "blue-500": "#1557FF";
397
397
  readonly "blue-800": "#1D2340";
398
398
  readonly "navy-100": "#F3F3F5";
399
- readonly "navy-200": "#DBDCE0";
400
399
  readonly "navy-300": "#C3C5CB";
401
400
  readonly "navy-400": "#9FA2AC";
402
401
  readonly "navy-500": "#707382";
403
402
  readonly "navy-800": "#10162F";
403
+ readonly "navy-200": "#DBDCE0";
404
404
  readonly "navy-600": "#585C6D";
405
405
  readonly "navy-700": "#34394C";
406
406
  readonly "navy-900": "#0A0D1C";
407
+ readonly "green-100": "#EAFDC6";
407
408
  readonly "green-0": "#F5FFE3";
408
- readonly "green-200": "#EAFDC6";
409
409
  readonly "green-400": "#AEE938";
410
410
  readonly "green-700": "#008A27";
411
411
  readonly "yellow-0": "#FFFAE5";
@@ -421,9 +421,9 @@ export declare const adminTheme: Record<"breakpoints", {
421
421
  readonly "hyper-400": "#5533FF";
422
422
  readonly "hyper-500": "#3A10E5";
423
423
  readonly "gray-100": "#F5F5F5";
424
- readonly "gray-200": "#EEEEEE";
425
424
  readonly "gray-300": "#E0E0E0";
426
425
  readonly "gray-800": "#616161";
426
+ readonly "gray-200": "#EEEEEE";
427
427
  readonly "gray-600": "#9E9E9E";
428
428
  readonly "gray-900": "#424242";
429
429
  }, "-">) => string;
@@ -476,23 +476,23 @@ export declare const adminTheme: Record<"breakpoints", {
476
476
  readonly "shadow-white-slight": string;
477
477
  readonly "shadow-white-heavy": string;
478
478
  readonly "beige-100": "#FFF0E5";
479
+ readonly "blue-100": "#D3F2FF";
479
480
  readonly "blue-0": "#F5FCFF";
480
- readonly "blue-200": "#D3F2FF";
481
481
  readonly "blue-300": "#66C4FF";
482
482
  readonly "blue-400": "#3388FF";
483
483
  readonly "blue-500": "#1557FF";
484
484
  readonly "blue-800": "#1D2340";
485
485
  readonly "navy-100": "#F3F3F5";
486
- readonly "navy-200": "#DBDCE0";
487
486
  readonly "navy-300": "#C3C5CB";
488
487
  readonly "navy-400": "#9FA2AC";
489
488
  readonly "navy-500": "#707382";
490
489
  readonly "navy-800": "#10162F";
490
+ readonly "navy-200": "#DBDCE0";
491
491
  readonly "navy-600": "#585C6D";
492
492
  readonly "navy-700": "#34394C";
493
493
  readonly "navy-900": "#0A0D1C";
494
+ readonly "green-100": "#EAFDC6";
494
495
  readonly "green-0": "#F5FFE3";
495
- readonly "green-200": "#EAFDC6";
496
496
  readonly "green-400": "#AEE938";
497
497
  readonly "green-700": "#008A27";
498
498
  readonly "yellow-0": "#FFFAE5";
@@ -508,9 +508,9 @@ export declare const adminTheme: Record<"breakpoints", {
508
508
  readonly "hyper-400": "#5533FF";
509
509
  readonly "hyper-500": "#3A10E5";
510
510
  readonly "gray-100": "#F5F5F5";
511
- readonly "gray-200": "#EEEEEE";
512
511
  readonly "gray-300": "#E0E0E0";
513
512
  readonly "gray-800": "#616161";
513
+ readonly "gray-200": "#EEEEEE";
514
514
  readonly "gray-600": "#9E9E9E";
515
515
  readonly "gray-900": "#424242";
516
516
  }, "-", "">, "color">, import("@codecademy/variance").KeyAsVariable<import("@codecademy/variance").LiteralPaths<{
@@ -619,23 +619,23 @@ export declare const adminTheme: Record<"breakpoints", {
619
619
  readonly "shadow-white-slight": string;
620
620
  readonly "shadow-white-heavy": string;
621
621
  readonly "beige-100": "#FFF0E5";
622
+ readonly "blue-100": "#D3F2FF";
622
623
  readonly "blue-0": "#F5FCFF";
623
- readonly "blue-200": "#D3F2FF";
624
624
  readonly "blue-300": "#66C4FF";
625
625
  readonly "blue-400": "#3388FF";
626
626
  readonly "blue-500": "#1557FF";
627
627
  readonly "blue-800": "#1D2340";
628
628
  readonly "navy-100": "#F3F3F5";
629
- readonly "navy-200": "#DBDCE0";
630
629
  readonly "navy-300": "#C3C5CB";
631
630
  readonly "navy-400": "#9FA2AC";
632
631
  readonly "navy-500": "#707382";
633
632
  readonly "navy-800": "#10162F";
633
+ readonly "navy-200": "#DBDCE0";
634
634
  readonly "navy-600": "#585C6D";
635
635
  readonly "navy-700": "#34394C";
636
636
  readonly "navy-900": "#0A0D1C";
637
+ readonly "green-100": "#EAFDC6";
637
638
  readonly "green-0": "#F5FFE3";
638
- readonly "green-200": "#EAFDC6";
639
639
  readonly "green-400": "#AEE938";
640
640
  readonly "green-700": "#008A27";
641
641
  readonly "yellow-0": "#FFFAE5";
@@ -651,9 +651,9 @@ export declare const adminTheme: Record<"breakpoints", {
651
651
  readonly "hyper-400": "#5533FF";
652
652
  readonly "hyper-500": "#3A10E5";
653
653
  readonly "gray-100": "#F5F5F5";
654
- readonly "gray-200": "#EEEEEE";
655
654
  readonly "gray-300": "#E0E0E0";
656
655
  readonly "gray-800": "#616161";
656
+ readonly "gray-200": "#EEEEEE";
657
657
  readonly "gray-600": "#9E9E9E";
658
658
  readonly "gray-900": "#424242";
659
659
  }, "-", "">, "color">>;
@@ -780,23 +780,23 @@ export declare const adminTheme: Record<"breakpoints", {
780
780
  readonly "shadow-white-slight": string;
781
781
  readonly "shadow-white-heavy": string;
782
782
  readonly "beige-100": "#FFF0E5";
783
+ readonly "blue-100": "#D3F2FF";
783
784
  readonly "blue-0": "#F5FCFF";
784
- readonly "blue-200": "#D3F2FF";
785
785
  readonly "blue-300": "#66C4FF";
786
786
  readonly "blue-400": "#3388FF";
787
787
  readonly "blue-500": "#1557FF";
788
788
  readonly "blue-800": "#1D2340";
789
789
  readonly "navy-100": "#F3F3F5";
790
- readonly "navy-200": "#DBDCE0";
791
790
  readonly "navy-300": "#C3C5CB";
792
791
  readonly "navy-400": "#9FA2AC";
793
792
  readonly "navy-500": "#707382";
794
793
  readonly "navy-800": "#10162F";
794
+ readonly "navy-200": "#DBDCE0";
795
795
  readonly "navy-600": "#585C6D";
796
796
  readonly "navy-700": "#34394C";
797
797
  readonly "navy-900": "#0A0D1C";
798
+ readonly "green-100": "#EAFDC6";
798
799
  readonly "green-0": "#F5FFE3";
799
- readonly "green-200": "#EAFDC6";
800
800
  readonly "green-400": "#AEE938";
801
801
  readonly "green-700": "#008A27";
802
802
  readonly "yellow-0": "#FFFAE5";
@@ -812,9 +812,9 @@ export declare const adminTheme: Record<"breakpoints", {
812
812
  readonly "hyper-400": "#5533FF";
813
813
  readonly "hyper-500": "#3A10E5";
814
814
  readonly "gray-100": "#F5F5F5";
815
- readonly "gray-200": "#EEEEEE";
816
815
  readonly "gray-300": "#E0E0E0";
817
816
  readonly "gray-800": "#616161";
817
+ readonly "gray-200": "#EEEEEE";
818
818
  readonly "gray-600": "#9E9E9E";
819
819
  readonly "gray-900": "#424242";
820
820
  }, "-"> | "text" | "background" | "primary" | "secondary" | "danger" | "interface" | "shadow-opaque" | "shadow-solid" | "text-accent" | "text-disabled" | "feedback-error" | "feedback-success" | "feedback-warning" | "background-disabled" | "background-contrast" | "background-current" | "background-primary" | "background-selected" | "background-hover" | "primary-hover" | "primary-inverse" | "secondary-hover" | "danger-hover" | "interface-hover") => string;
package/dist/themes/core.d.ts CHANGED
@@ -95,23 +95,23 @@ export declare const coreTheme: Record<"elements", Record<"elements", import("@c
95
95
  readonly "shadow-white-slight": string;
96
96
  readonly "shadow-white-heavy": string;
97
97
  readonly "beige-100": "#FFF0E5";
98
+ readonly "blue-100": "#D3F2FF";
98
99
  readonly "blue-0": "#F5FCFF";
99
- readonly "blue-200": "#D3F2FF";
100
100
  readonly "blue-300": "#66C4FF";
101
101
  readonly "blue-400": "#3388FF";
102
102
  readonly "blue-500": "#1557FF";
103
103
  readonly "blue-800": "#1D2340";
104
104
  readonly "navy-100": "#F3F3F5";
105
- readonly "navy-200": "#DBDCE0";
106
105
  readonly "navy-300": "#C3C5CB";
107
106
  readonly "navy-400": "#9FA2AC";
108
107
  readonly "navy-500": "#707382";
109
108
  readonly "navy-800": "#10162F";
109
+ readonly "navy-200": "#DBDCE0";
110
110
  readonly "navy-600": "#585C6D";
111
111
  readonly "navy-700": "#34394C";
112
112
  readonly "navy-900": "#0A0D1C";
113
+ readonly "green-100": "#EAFDC6";
113
114
  readonly "green-0": "#F5FFE3";
114
- readonly "green-200": "#EAFDC6";
115
115
  readonly "green-400": "#AEE938";
116
116
  readonly "green-700": "#008A27";
117
117
  readonly "yellow-0": "#FFFAE5";
@@ -127,9 +127,9 @@ export declare const coreTheme: Record<"elements", Record<"elements", import("@c
127
127
  readonly "hyper-400": "#5533FF";
128
128
  readonly "hyper-500": "#3A10E5";
129
129
  readonly "gray-100": "#F5F5F5";
130
- readonly "gray-200": "#EEEEEE";
131
130
  readonly "gray-300": "#E0E0E0";
132
131
  readonly "gray-800": "#616161";
132
+ readonly "gray-200": "#EEEEEE";
133
133
  readonly "gray-600": "#9E9E9E";
134
134
  readonly "gray-900": "#424242";
135
135
  }, "-", "">, "color">>> & import("@codecademy/variance/dist/createTheme/types").PrivateThemeKeys, {
@@ -239,23 +239,23 @@ export declare const coreTheme: Record<"elements", Record<"elements", import("@c
239
239
  readonly "shadow-white-slight": string;
240
240
  readonly "shadow-white-heavy": string;
241
241
  readonly "beige-100": "#FFF0E5";
242
+ readonly "blue-100": "#D3F2FF";
242
243
  readonly "blue-0": "#F5FCFF";
243
- readonly "blue-200": "#D3F2FF";
244
244
  readonly "blue-300": "#66C4FF";
245
245
  readonly "blue-400": "#3388FF";
246
246
  readonly "blue-500": "#1557FF";
247
247
  readonly "blue-800": "#1D2340";
248
248
  readonly "navy-100": "#F3F3F5";
249
- readonly "navy-200": "#DBDCE0";
250
249
  readonly "navy-300": "#C3C5CB";
251
250
  readonly "navy-400": "#9FA2AC";
252
251
  readonly "navy-500": "#707382";
253
252
  readonly "navy-800": "#10162F";
253
+ readonly "navy-200": "#DBDCE0";
254
254
  readonly "navy-600": "#585C6D";
255
255
  readonly "navy-700": "#34394C";
256
256
  readonly "navy-900": "#0A0D1C";
257
+ readonly "green-100": "#EAFDC6";
257
258
  readonly "green-0": "#F5FFE3";
258
- readonly "green-200": "#EAFDC6";
259
259
  readonly "green-400": "#AEE938";
260
260
  readonly "green-700": "#008A27";
261
261
  readonly "yellow-0": "#FFFAE5";
@@ -271,9 +271,9 @@ export declare const coreTheme: Record<"elements", Record<"elements", import("@c
271
271
  readonly "hyper-400": "#5533FF";
272
272
  readonly "hyper-500": "#3A10E5";
273
273
  readonly "gray-100": "#F5F5F5";
274
- readonly "gray-200": "#EEEEEE";
275
274
  readonly "gray-300": "#E0E0E0";
276
275
  readonly "gray-800": "#616161";
276
+ readonly "gray-200": "#EEEEEE";
277
277
  readonly "gray-600": "#9E9E9E";
278
278
  readonly "gray-900": "#424242";
279
279
  }, "-", "">, "color">;
@@ -388,23 +388,23 @@ export declare const coreTheme: Record<"elements", Record<"elements", import("@c
388
388
  readonly "shadow-white-slight": string;
389
389
  readonly "shadow-white-heavy": string;
390
390
  readonly "beige-100": "#FFF0E5";
391
+ readonly "blue-100": "#D3F2FF";
391
392
  readonly "blue-0": "#F5FCFF";
392
- readonly "blue-200": "#D3F2FF";
393
393
  readonly "blue-300": "#66C4FF";
394
394
  readonly "blue-400": "#3388FF";
395
395
  readonly "blue-500": "#1557FF";
396
396
  readonly "blue-800": "#1D2340";
397
397
  readonly "navy-100": "#F3F3F5";
398
- readonly "navy-200": "#DBDCE0";
399
398
  readonly "navy-300": "#C3C5CB";
400
399
  readonly "navy-400": "#9FA2AC";
401
400
  readonly "navy-500": "#707382";
402
401
  readonly "navy-800": "#10162F";
402
+ readonly "navy-200": "#DBDCE0";
403
403
  readonly "navy-600": "#585C6D";
404
404
  readonly "navy-700": "#34394C";
405
405
  readonly "navy-900": "#0A0D1C";
406
+ readonly "green-100": "#EAFDC6";
406
407
  readonly "green-0": "#F5FFE3";
407
- readonly "green-200": "#EAFDC6";
408
408
  readonly "green-400": "#AEE938";
409
409
  readonly "green-700": "#008A27";
410
410
  readonly "yellow-0": "#FFFAE5";
@@ -420,9 +420,9 @@ export declare const coreTheme: Record<"elements", Record<"elements", import("@c
420
420
  readonly "hyper-400": "#5533FF";
421
421
  readonly "hyper-500": "#3A10E5";
422
422
  readonly "gray-100": "#F5F5F5";
423
- readonly "gray-200": "#EEEEEE";
424
423
  readonly "gray-300": "#E0E0E0";
425
424
  readonly "gray-800": "#616161";
425
+ readonly "gray-200": "#EEEEEE";
426
426
  readonly "gray-600": "#9E9E9E";
427
427
  readonly "gray-900": "#424242";
428
428
  }, "-">) => string;
package/dist/themes/platform.d.ts CHANGED
@@ -106,23 +106,23 @@ export declare const platformTheme: Record<"breakpoints", {
106
106
  readonly "shadow-white-slight": string;
107
107
  readonly "shadow-white-heavy": string;
108
108
  readonly "beige-100": "#FFF0E5";
109
+ readonly "blue-100": "#D3F2FF";
109
110
  readonly "blue-0": "#F5FCFF";
110
- readonly "blue-200": "#D3F2FF";
111
111
  readonly "blue-300": "#66C4FF";
112
112
  readonly "blue-400": "#3388FF";
113
113
  readonly "blue-500": "#1557FF";
114
114
  readonly "blue-800": "#1D2340";
115
115
  readonly "navy-100": "#F3F3F5";
116
- readonly "navy-200": "#DBDCE0";
117
116
  readonly "navy-300": "#C3C5CB";
118
117
  readonly "navy-400": "#9FA2AC";
119
118
  readonly "navy-500": "#707382";
120
119
  readonly "navy-800": "#10162F";
120
+ readonly "navy-200": "#DBDCE0";
121
121
  readonly "navy-600": "#585C6D";
122
122
  readonly "navy-700": "#34394C";
123
123
  readonly "navy-900": "#0A0D1C";
124
+ readonly "green-100": "#EAFDC6";
124
125
  readonly "green-0": "#F5FFE3";
125
- readonly "green-200": "#EAFDC6";
126
126
  readonly "green-400": "#AEE938";
127
127
  readonly "green-700": "#008A27";
128
128
  readonly "yellow-0": "#FFFAE5";
@@ -138,9 +138,9 @@ export declare const platformTheme: Record<"breakpoints", {
138
138
  readonly "hyper-400": "#5533FF";
139
139
  readonly "hyper-500": "#3A10E5";
140
140
  readonly "gray-100": "#F5F5F5";
141
- readonly "gray-200": "#EEEEEE";
142
141
  readonly "gray-300": "#E0E0E0";
143
142
  readonly "gray-800": "#616161";
143
+ readonly "gray-200": "#EEEEEE";
144
144
  readonly "gray-600": "#9E9E9E";
145
145
  readonly "gray-900": "#424242";
146
146
  }, "-", "">, "color">>> & import("@codecademy/variance/dist/createTheme/types").PrivateThemeKeys, {
@@ -250,23 +250,23 @@ export declare const platformTheme: Record<"breakpoints", {
250
250
  readonly "shadow-white-slight": string;
251
251
  readonly "shadow-white-heavy": string;
252
252
  readonly "beige-100": "#FFF0E5";
253
+ readonly "blue-100": "#D3F2FF";
253
254
  readonly "blue-0": "#F5FCFF";
254
- readonly "blue-200": "#D3F2FF";
255
255
  readonly "blue-300": "#66C4FF";
256
256
  readonly "blue-400": "#3388FF";
257
257
  readonly "blue-500": "#1557FF";
258
258
  readonly "blue-800": "#1D2340";
259
259
  readonly "navy-100": "#F3F3F5";
260
- readonly "navy-200": "#DBDCE0";
261
260
  readonly "navy-300": "#C3C5CB";
262
261
  readonly "navy-400": "#9FA2AC";
263
262
  readonly "navy-500": "#707382";
264
263
  readonly "navy-800": "#10162F";
264
+ readonly "navy-200": "#DBDCE0";
265
265
  readonly "navy-600": "#585C6D";
266
266
  readonly "navy-700": "#34394C";
267
267
  readonly "navy-900": "#0A0D1C";
268
+ readonly "green-100": "#EAFDC6";
268
269
  readonly "green-0": "#F5FFE3";
269
- readonly "green-200": "#EAFDC6";
270
270
  readonly "green-400": "#AEE938";
271
271
  readonly "green-700": "#008A27";
272
272
  readonly "yellow-0": "#FFFAE5";
@@ -282,9 +282,9 @@ export declare const platformTheme: Record<"breakpoints", {
282
282
  readonly "hyper-400": "#5533FF";
283
283
  readonly "hyper-500": "#3A10E5";
284
284
  readonly "gray-100": "#F5F5F5";
285
- readonly "gray-200": "#EEEEEE";
286
285
  readonly "gray-300": "#E0E0E0";
287
286
  readonly "gray-800": "#616161";
287
+ readonly "gray-200": "#EEEEEE";
288
288
  readonly "gray-600": "#9E9E9E";
289
289
  readonly "gray-900": "#424242";
290
290
  }, "-", "">, "color">;
@@ -399,23 +399,23 @@ export declare const platformTheme: Record<"breakpoints", {
399
399
  readonly "shadow-white-slight": string;
400
400
  readonly "shadow-white-heavy": string;
401
401
  readonly "beige-100": "#FFF0E5";
402
+ readonly "blue-100": "#D3F2FF";
402
403
  readonly "blue-0": "#F5FCFF";
403
- readonly "blue-200": "#D3F2FF";
404
404
  readonly "blue-300": "#66C4FF";
405
405
  readonly "blue-400": "#3388FF";
406
406
  readonly "blue-500": "#1557FF";
407
407
  readonly "blue-800": "#1D2340";
408
408
  readonly "navy-100": "#F3F3F5";
409
- readonly "navy-200": "#DBDCE0";
410
409
  readonly "navy-300": "#C3C5CB";
411
410
  readonly "navy-400": "#9FA2AC";
412
411
  readonly "navy-500": "#707382";
413
412
  readonly "navy-800": "#10162F";
413
+ readonly "navy-200": "#DBDCE0";
414
414
  readonly "navy-600": "#585C6D";
415
415
  readonly "navy-700": "#34394C";
416
416
  readonly "navy-900": "#0A0D1C";
417
+ readonly "green-100": "#EAFDC6";
417
418
  readonly "green-0": "#F5FFE3";
418
- readonly "green-200": "#EAFDC6";
419
419
  readonly "green-400": "#AEE938";
420
420
  readonly "green-700": "#008A27";
421
421
  readonly "yellow-0": "#FFFAE5";
@@ -431,9 +431,9 @@ export declare const platformTheme: Record<"breakpoints", {
431
431
  readonly "hyper-400": "#5533FF";
432
432
  readonly "hyper-500": "#3A10E5";
433
433
  readonly "gray-100": "#F5F5F5";
434
- readonly "gray-200": "#EEEEEE";
435
434
  readonly "gray-300": "#E0E0E0";
436
435
  readonly "gray-800": "#616161";
436
+ readonly "gray-200": "#EEEEEE";
437
437
  readonly "gray-600": "#9E9E9E";
438
438
  readonly "gray-900": "#424242";
439
439
  }, "-">) => string;
@@ -548,23 +548,23 @@ export declare const platformTheme: Record<"breakpoints", {
548
548
  readonly "shadow-white-slight": string;
549
549
  readonly "shadow-white-heavy": string;
550
550
  readonly "beige-100": "#FFF0E5";
551
+ readonly "blue-100": "#D3F2FF";
551
552
  readonly "blue-0": "#F5FCFF";
552
- readonly "blue-200": "#D3F2FF";
553
553
  readonly "blue-300": "#66C4FF";
554
554
  readonly "blue-400": "#3388FF";
555
555
  readonly "blue-500": "#1557FF";
556
556
  readonly "blue-800": "#1D2340";
557
557
  readonly "navy-100": "#F3F3F5";
558
- readonly "navy-200": "#DBDCE0";
559
558
  readonly "navy-300": "#C3C5CB";
560
559
  readonly "navy-400": "#9FA2AC";
561
560
  readonly "navy-500": "#707382";
562
561
  readonly "navy-800": "#10162F";
562
+ readonly "navy-200": "#DBDCE0";
563
563
  readonly "navy-600": "#585C6D";
564
564
  readonly "navy-700": "#34394C";
565
565
  readonly "navy-900": "#0A0D1C";
566
+ readonly "green-100": "#EAFDC6";
566
567
  readonly "green-0": "#F5FFE3";
567
- readonly "green-200": "#EAFDC6";
568
568
  readonly "green-400": "#AEE938";
569
569
  readonly "green-700": "#008A27";
570
570
  readonly "yellow-0": "#FFFAE5";
@@ -580,9 +580,9 @@ export declare const platformTheme: Record<"breakpoints", {
580
580
  readonly "hyper-400": "#5533FF";
581
581
  readonly "hyper-500": "#3A10E5";
582
582
  readonly "gray-100": "#F5F5F5";
583
- readonly "gray-200": "#EEEEEE";
584
583
  readonly "gray-300": "#E0E0E0";
585
584
  readonly "gray-800": "#616161";
585
+ readonly "gray-200": "#EEEEEE";
586
586
  readonly "gray-600": "#9E9E9E";
587
587
  readonly "gray-900": "#424242";
588
588
  }, "-", "">, "color">, import("@codecademy/variance").KeyAsVariable<import("@codecademy/variance").LiteralPaths<{
@@ -691,23 +691,23 @@ export declare const platformTheme: Record<"breakpoints", {
691
691
  readonly "shadow-white-slight": string;
692
692
  readonly "shadow-white-heavy": string;
693
693
  readonly "beige-100": "#FFF0E5";
694
+ readonly "blue-100": "#D3F2FF";
694
695
  readonly "blue-0": "#F5FCFF";
695
- readonly "blue-200": "#D3F2FF";
696
696
  readonly "blue-300": "#66C4FF";
697
697
  readonly "blue-400": "#3388FF";
698
698
  readonly "blue-500": "#1557FF";
699
699
  readonly "blue-800": "#1D2340";
700
700
  readonly "navy-100": "#F3F3F5";
701
- readonly "navy-200": "#DBDCE0";
702
701
  readonly "navy-300": "#C3C5CB";
703
702
  readonly "navy-400": "#9FA2AC";
704
703
  readonly "navy-500": "#707382";
705
704
  readonly "navy-800": "#10162F";
705
+ readonly "navy-200": "#DBDCE0";
706
706
  readonly "navy-600": "#585C6D";
707
707
  readonly "navy-700": "#34394C";
708
708
  readonly "navy-900": "#0A0D1C";
709
+ readonly "green-100": "#EAFDC6";
709
710
  readonly "green-0": "#F5FFE3";
710
- readonly "green-200": "#EAFDC6";
711
711
  readonly "green-400": "#AEE938";
712
712
  readonly "green-700": "#008A27";
713
713
  readonly "yellow-0": "#FFFAE5";
@@ -723,9 +723,9 @@ export declare const platformTheme: Record<"breakpoints", {
723
723
  readonly "hyper-400": "#5533FF";
724
724
  readonly "hyper-500": "#3A10E5";
725
725
  readonly "gray-100": "#F5F5F5";
726
- readonly "gray-200": "#EEEEEE";
727
726
  readonly "gray-300": "#E0E0E0";
728
727
  readonly "gray-800": "#616161";
728
+ readonly "gray-200": "#EEEEEE";
729
729
  readonly "gray-600": "#9E9E9E";
730
730
  readonly "gray-900": "#424242";
731
731
  }, "-", "">, "color">>, import("@codecademy/variance").KeyAsVariable<import("@codecademy/variance").LiteralPaths<{
@@ -914,23 +914,23 @@ export declare const platformTheme: Record<"breakpoints", {
914
914
  readonly "shadow-white-slight": string;
915
915
  readonly "shadow-white-heavy": string;
916
916
  readonly "beige-100": "#FFF0E5";
917
+ readonly "blue-100": "#D3F2FF";
917
918
  readonly "blue-0": "#F5FCFF";
918
- readonly "blue-200": "#D3F2FF";
919
919
  readonly "blue-300": "#66C4FF";
920
920
  readonly "blue-400": "#3388FF";
921
921
  readonly "blue-500": "#1557FF";
922
922
  readonly "blue-800": "#1D2340";
923
923
  readonly "navy-100": "#F3F3F5";
924
- readonly "navy-200": "#DBDCE0";
925
924
  readonly "navy-300": "#C3C5CB";
926
925
  readonly "navy-400": "#9FA2AC";
927
926
  readonly "navy-500": "#707382";
928
927
  readonly "navy-800": "#10162F";
928
+ readonly "navy-200": "#DBDCE0";
929
929
  readonly "navy-600": "#585C6D";
930
930
  readonly "navy-700": "#34394C";
931
931
  readonly "navy-900": "#0A0D1C";
932
+ readonly "green-100": "#EAFDC6";
932
933
  readonly "green-0": "#F5FFE3";
933
- readonly "green-200": "#EAFDC6";
934
934
  readonly "green-400": "#AEE938";
935
935
  readonly "green-700": "#008A27";
936
936
  readonly "yellow-0": "#FFFAE5";
@@ -946,9 +946,9 @@ export declare const platformTheme: Record<"breakpoints", {
946
946
  readonly "hyper-400": "#5533FF";
947
947
  readonly "hyper-500": "#3A10E5";
948
948
  readonly "gray-100": "#F5F5F5";
949
- readonly "gray-200": "#EEEEEE";
950
949
  readonly "gray-300": "#E0E0E0";
951
950
  readonly "gray-800": "#616161";
951
+ readonly "gray-200": "#EEEEEE";
952
952
  readonly "gray-600": "#9E9E9E";
953
953
  readonly "gray-900": "#424242";
954
954
  }, "-"> | "text" | "background" | "primary" | "secondary" | "danger" | "interface" | "shadow-opaque" | "shadow-solid" | "text-accent" | "text-disabled" | "feedback-error" | "feedback-success" | "feedback-warning" | "background-disabled" | "background-contrast" | "background-current" | "background-primary" | "background-selected" | "background-hover" | "primary-hover" | "primary-inverse" | "secondary-hover" | "danger-hover" | "interface-hover" | import("@codecademy/variance").Path<{
package/dist/variables/colors.d.ts CHANGED
@@ -4,7 +4,7 @@ export declare const coreSwatches: {
4
4
  };
5
5
  readonly blue: {
6
6
  readonly '0': "#F5FCFF";
7
- readonly '200': "#D3F2FF";
7
+ readonly '100': "#D3F2FF";
8
8
  readonly '300': "#66C4FF";
9
9
  readonly '400': "#3388FF";
10
10
  readonly '500': "#1557FF";
@@ -23,7 +23,7 @@ export declare const coreSwatches: {
23
23
  };
24
24
  readonly green: {
25
25
  readonly '0': "#F5FFE3";
26
- readonly '200': "#EAFDC6";
26
+ readonly '100': "#EAFDC6";
27
27
  readonly '400': "#AEE938";
28
28
  readonly '700': "#008A27";
29
29
  };
@@ -102,23 +102,23 @@ export declare const corePalette: {
102
102
  readonly "shadow-white-slight": string;
103
103
  readonly "shadow-white-heavy": string;
104
104
  readonly "beige-100": "#FFF0E5";
105
+ readonly "blue-100": "#D3F2FF";
105
106
  readonly "blue-0": "#F5FCFF";
106
- readonly "blue-200": "#D3F2FF";
107
107
  readonly "blue-300": "#66C4FF";
108
108
  readonly "blue-400": "#3388FF";
109
109
  readonly "blue-500": "#1557FF";
110
110
  readonly "blue-800": "#1D2340";
111
111
  readonly "navy-100": "#F3F3F5";
112
- readonly "navy-200": "#DBDCE0";
113
112
  readonly "navy-300": "#C3C5CB";
114
113
  readonly "navy-400": "#9FA2AC";
115
114
  readonly "navy-500": "#707382";
116
115
  readonly "navy-800": "#10162F";
116
+ readonly "navy-200": "#DBDCE0";
117
117
  readonly "navy-600": "#585C6D";
118
118
  readonly "navy-700": "#34394C";
119
119
  readonly "navy-900": "#0A0D1C";
120
+ readonly "green-100": "#EAFDC6";
120
121
  readonly "green-0": "#F5FFE3";
121
- readonly "green-200": "#EAFDC6";
122
122
  readonly "green-400": "#AEE938";
123
123
  readonly "green-700": "#008A27";
124
124
  readonly "yellow-0": "#FFFAE5";
@@ -134,9 +134,9 @@ export declare const corePalette: {
134
134
  readonly "hyper-400": "#5533FF";
135
135
  readonly "hyper-500": "#3A10E5";
136
136
  readonly "gray-100": "#F5F5F5";
137
- readonly "gray-200": "#EEEEEE";
138
137
  readonly "gray-300": "#E0E0E0";
139
138
  readonly "gray-800": "#616161";
139
+ readonly "gray-200": "#EEEEEE";
140
140
  readonly "gray-600": "#9E9E9E";
141
141
  readonly "gray-900": "#424242";
142
142
  };
package/dist/variables/colors.js CHANGED
@@ -30,7 +30,7 @@ export var coreSwatches = {
30
30
  },
31
31
  blue: {
32
32
  '0': '#F5FCFF',
33
- '200': '#D3F2FF',
33
+ '100': '#D3F2FF',
34
34
  '300': '#66C4FF',
35
35
  '400': '#3388FF',
36
36
  '500': '#1557FF',
@@ -49,7 +49,7 @@ export var coreSwatches = {
49
49
  },
50
50
  green: {
51
51
  '0': '#F5FFE3',
52
- '200': '#EAFDC6',
52
+ '100': '#EAFDC6',
53
53
  '400': '#AEE938',
54
54
  '700': '#008A27'
55
55
  },
package/dist/variables/deprecated-colors.d.ts CHANGED
@@ -142,9 +142,9 @@ export declare const colors: {
142
142
  readonly "hyper-400": "#5533FF";
143
143
  readonly "hyper-500": "#3A10E5";
144
144
  readonly "gray-100": "#f6f5fa";
145
- readonly "gray-200": "#dddce0";
146
145
  readonly "gray-300": "#c4c3c7";
147
146
  readonly "gray-800": "#323233";
147
+ readonly "gray-200": "#dddce0";
148
148
  readonly "gray-600": "#646466";
149
149
  readonly "gray-900": "#19191a";
150
150
  readonly "beige-0": "#FFF0E5";
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": "14.2.0",
4
+ "version": "14.2.1-alpha.58ee8c.0",
5
5
  "author": "Jake Hiller <jake@codecademy.com>",
6
6
  "main": "dist/index.js",
7
7
  "module": "dist/index.js",
@@ -43,5 +43,5 @@
43
43
  "publishConfig": {
44
44
  "access": "public"
45
45
  },
46
- "gitHead": "0bc9a8c081102bc48def2c641756f578fde227ac"
46
+ "gitHead": "a9dc066d1d6d4eda7fe13123d97bcb955cda352d"
47
47
  }