@codecademy/gamut-styles 12.1.0 → 12.1.2-alpha.50b372.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 (9) hide show
  1. package/CHANGELOG.md +17 -0
  2. package/dist/themes/admin.d.ts +39 -7
  3. package/dist/themes/core.d.ts +19 -3
  4. package/dist/themes/core.js +8 -0
  5. package/dist/themes/core.js.map +1 -1
  6. package/dist/themes/platform.d.ts +39 -7
  7. package/dist/variables/colors.d.ts +2 -2
  8. package/dist/variables/colors.js +1 -1
  9. package/package.json +2 -2
package/CHANGELOG.md CHANGED
@@ -3,6 +3,23 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ### [12.1.2-alpha.50b372.0](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-styles@12.1.1...@codecademy/gamut-styles@12.1.2-alpha.50b372.0) (2022-01-24)
7
+
8
+ **Note:** Version bump only for package @codecademy/gamut-styles
9
+
10
+
11
+
12
+
13
+
14
+ ### [12.1.1](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-styles@12.1.0...@codecademy/gamut-styles@12.1.1) (2021-12-07)
15
+
16
+
17
+ ### Bug Fixes
18
+
19
+ * **colors:** Lighten navy-700 to increase interaction contrast ([720213e](https://github.com/Codecademy/gamut/commit/720213e8936c5ec67af09493e4db463b19c355b6))
20
+
21
+
22
+
6
23
  ## [12.1.0](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-styles@12.0.0...@codecademy/gamut-styles@12.1.0) (2021-11-23)
7
24
 
8
25
 
package/dist/themes/admin.d.ts CHANGED
@@ -107,7 +107,7 @@ export declare const adminTheme: Record<"breakpoints", {
107
107
  readonly "navy-800": "#10162F";
108
108
  readonly "navy-200": "#DBDCE0";
109
109
  readonly "navy-600": "#585C6D";
110
- readonly "navy-700": "#232940";
110
+ readonly "navy-700": "#34394C";
111
111
  readonly "navy-900": "#0A0D1C";
112
112
  readonly "green-0": "#F5FFE3";
113
113
  readonly "green-400": "#AEE938";
@@ -166,6 +166,10 @@ export declare const adminTheme: Record<"breakpoints", {
166
166
  _: "red-500";
167
167
  hover: "red-600";
168
168
  };
169
+ interface: {
170
+ _: "hyper-500";
171
+ hover: "hyper-400";
172
+ };
169
173
  } | {
170
174
  text: {
171
175
  _: "white";
@@ -201,6 +205,10 @@ export declare const adminTheme: Record<"breakpoints", {
201
205
  _: "red-0";
202
206
  hover: "red-100";
203
207
  };
208
+ interface: {
209
+ _: "yellow-500";
210
+ hover: "yellow-400";
211
+ };
204
212
  }, "-", "_">, "colors"> & import("@codecademy/variance").KeyAsVariable<import("@codecademy/variance").LiteralPaths<{
205
213
  readonly beige: "#FFF0E5";
206
214
  readonly blue: "#1557FF";
@@ -237,7 +245,7 @@ export declare const adminTheme: Record<"breakpoints", {
237
245
  readonly "navy-800": "#10162F";
238
246
  readonly "navy-200": "#DBDCE0";
239
247
  readonly "navy-600": "#585C6D";
240
- readonly "navy-700": "#232940";
248
+ readonly "navy-700": "#34394C";
241
249
  readonly "navy-900": "#0A0D1C";
242
250
  readonly "green-0": "#F5FFE3";
243
251
  readonly "green-400": "#AEE938";
@@ -297,6 +305,10 @@ export declare const adminTheme: Record<"breakpoints", {
297
305
  _: "red-500";
298
306
  hover: "red-600";
299
307
  };
308
+ interface: {
309
+ _: "hyper-500";
310
+ hover: "hyper-400";
311
+ };
300
312
  }, "-", "_">;
301
313
  dark: import("@codecademy/variance").LiteralPaths<{
302
314
  text: {
@@ -333,6 +345,10 @@ export declare const adminTheme: Record<"breakpoints", {
333
345
  _: "red-0";
334
346
  hover: "red-100";
335
347
  };
348
+ interface: {
349
+ _: "yellow-500";
350
+ hover: "yellow-400";
351
+ };
336
352
  }, "-", "_">;
337
353
  }>;
338
354
  mode: "light" | "dark";
@@ -372,7 +388,7 @@ export declare const adminTheme: Record<"breakpoints", {
372
388
  readonly "navy-800": "#10162F";
373
389
  readonly "navy-200": "#DBDCE0";
374
390
  readonly "navy-600": "#585C6D";
375
- readonly "navy-700": "#232940";
391
+ readonly "navy-700": "#34394C";
376
392
  readonly "navy-900": "#0A0D1C";
377
393
  readonly "green-0": "#F5FFE3";
378
394
  readonly "green-400": "#AEE938";
@@ -453,7 +469,7 @@ export declare const adminTheme: Record<"breakpoints", {
453
469
  readonly "navy-800": "#10162F";
454
470
  readonly "navy-200": "#DBDCE0";
455
471
  readonly "navy-600": "#585C6D";
456
- readonly "navy-700": "#232940";
472
+ readonly "navy-700": "#34394C";
457
473
  readonly "navy-900": "#0A0D1C";
458
474
  readonly "green-0": "#F5FFE3";
459
475
  readonly "green-400": "#AEE938";
@@ -511,6 +527,10 @@ export declare const adminTheme: Record<"breakpoints", {
511
527
  _: "red-500";
512
528
  hover: "red-600";
513
529
  };
530
+ interface: {
531
+ _: "hyper-500";
532
+ hover: "hyper-400";
533
+ };
514
534
  } | {
515
535
  text: {
516
536
  _: "white";
@@ -546,6 +566,10 @@ export declare const adminTheme: Record<"breakpoints", {
546
566
  _: "red-0";
547
567
  hover: "red-100";
548
568
  };
569
+ interface: {
570
+ _: "yellow-500";
571
+ hover: "yellow-400";
572
+ };
549
573
  }, "-", "_">, "colors"> & import("@codecademy/variance").KeyAsVariable<import("@codecademy/variance").LiteralPaths<{
550
574
  readonly beige: "#FFF0E5";
551
575
  readonly blue: "#1557FF";
@@ -582,7 +606,7 @@ export declare const adminTheme: Record<"breakpoints", {
582
606
  readonly "navy-800": "#10162F";
583
607
  readonly "navy-200": "#DBDCE0";
584
608
  readonly "navy-600": "#585C6D";
585
- readonly "navy-700": "#232940";
609
+ readonly "navy-700": "#34394C";
586
610
  readonly "navy-900": "#0A0D1C";
587
611
  readonly "green-0": "#F5FFE3";
588
612
  readonly "green-400": "#AEE938";
@@ -642,6 +666,10 @@ export declare const adminTheme: Record<"breakpoints", {
642
666
  _: "red-500";
643
667
  hover: "red-600";
644
668
  };
669
+ interface: {
670
+ _: "hyper-500";
671
+ hover: "hyper-400";
672
+ };
645
673
  }, "-", "_">;
646
674
  dark: import("@codecademy/variance").LiteralPaths<{
647
675
  text: {
@@ -678,6 +706,10 @@ export declare const adminTheme: Record<"breakpoints", {
678
706
  _: "red-0";
679
707
  hover: "red-100";
680
708
  };
709
+ interface: {
710
+ _: "yellow-500";
711
+ hover: "yellow-400";
712
+ };
681
713
  }, "-", "_">;
682
714
  }>, {
683
715
  light: import("@codecademy/variance").LiteralPaths<{
@@ -725,7 +757,7 @@ export declare const adminTheme: Record<"breakpoints", {
725
757
  readonly "navy-800": "#10162F";
726
758
  readonly "navy-200": "#DBDCE0";
727
759
  readonly "navy-600": "#585C6D";
728
- readonly "navy-700": "#232940";
760
+ readonly "navy-700": "#34394C";
729
761
  readonly "navy-900": "#0A0D1C";
730
762
  readonly "green-0": "#F5FFE3";
731
763
  readonly "green-400": "#AEE938";
@@ -748,7 +780,7 @@ export declare const adminTheme: Record<"breakpoints", {
748
780
  readonly "gray-200": "#EEEEEE";
749
781
  readonly "gray-600": "#9E9E9E";
750
782
  readonly "gray-900": "#424242";
751
- }, "-"> | "text" | "background" | "primary" | "secondary" | "danger" | "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") => string;
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;
752
784
  }> & import("@codecademy/variance/dist/createTheme/types").PrivateThemeKeys;
753
785
  export declare type AdminThemeShape = typeof adminTheme;
754
786
  export interface AdminTheme extends AdminThemeShape {
package/dist/themes/core.d.ts CHANGED
@@ -106,7 +106,7 @@ export declare const coreTheme: Record<"elements", Record<"elements", import("@c
106
106
  readonly "navy-800": "#10162F";
107
107
  readonly "navy-200": "#DBDCE0";
108
108
  readonly "navy-600": "#585C6D";
109
- readonly "navy-700": "#232940";
109
+ readonly "navy-700": "#34394C";
110
110
  readonly "navy-900": "#0A0D1C";
111
111
  readonly "green-0": "#F5FFE3";
112
112
  readonly "green-400": "#AEE938";
@@ -165,6 +165,10 @@ export declare const coreTheme: Record<"elements", Record<"elements", import("@c
165
165
  _: "red-500";
166
166
  hover: "red-600";
167
167
  };
168
+ interface: {
169
+ _: "hyper-500";
170
+ hover: "hyper-400";
171
+ };
168
172
  } | {
169
173
  text: {
170
174
  _: "white";
@@ -200,6 +204,10 @@ export declare const coreTheme: Record<"elements", Record<"elements", import("@c
200
204
  _: "red-0";
201
205
  hover: "red-100";
202
206
  };
207
+ interface: {
208
+ _: "yellow-500";
209
+ hover: "yellow-400";
210
+ };
203
211
  }, "-", "_">, "colors"> & import("@codecademy/variance").KeyAsVariable<import("@codecademy/variance").LiteralPaths<{
204
212
  readonly beige: "#FFF0E5";
205
213
  readonly blue: "#1557FF";
@@ -236,7 +244,7 @@ export declare const coreTheme: Record<"elements", Record<"elements", import("@c
236
244
  readonly "navy-800": "#10162F";
237
245
  readonly "navy-200": "#DBDCE0";
238
246
  readonly "navy-600": "#585C6D";
239
- readonly "navy-700": "#232940";
247
+ readonly "navy-700": "#34394C";
240
248
  readonly "navy-900": "#0A0D1C";
241
249
  readonly "green-0": "#F5FFE3";
242
250
  readonly "green-400": "#AEE938";
@@ -296,6 +304,10 @@ export declare const coreTheme: Record<"elements", Record<"elements", import("@c
296
304
  _: "red-500";
297
305
  hover: "red-600";
298
306
  };
307
+ interface: {
308
+ _: "hyper-500";
309
+ hover: "hyper-400";
310
+ };
299
311
  }, "-", "_">;
300
312
  dark: import("@codecademy/variance").LiteralPaths<{
301
313
  text: {
@@ -332,6 +344,10 @@ export declare const coreTheme: Record<"elements", Record<"elements", import("@c
332
344
  _: "red-0";
333
345
  hover: "red-100";
334
346
  };
347
+ interface: {
348
+ _: "yellow-500";
349
+ hover: "yellow-400";
350
+ };
335
351
  }, "-", "_">;
336
352
  }>;
337
353
  mode: "light" | "dark";
@@ -371,7 +387,7 @@ export declare const coreTheme: Record<"elements", Record<"elements", import("@c
371
387
  readonly "navy-800": "#10162F";
372
388
  readonly "navy-200": "#DBDCE0";
373
389
  readonly "navy-600": "#585C6D";
374
- readonly "navy-700": "#232940";
390
+ readonly "navy-700": "#34394C";
375
391
  readonly "navy-900": "#0A0D1C";
376
392
  readonly "green-0": "#F5FFE3";
377
393
  readonly "green-400": "#AEE938";
package/dist/themes/core.js CHANGED
@@ -49,6 +49,10 @@ export var coreTheme = createTheme({
49
49
  danger: {
50
50
  _: 'red-500',
51
51
  hover: 'red-600'
52
+ },
53
+ "interface": {
54
+ _: 'hyper-500',
55
+ hover: 'hyper-400'
52
56
  }
53
57
  },
54
58
  dark: {
@@ -85,6 +89,10 @@ export var coreTheme = createTheme({
85
89
  danger: {
86
90
  _: 'red-0',
87
91
  hover: 'red-100'
92
+ },
93
+ "interface": {
94
+ _: 'yellow-500',
95
+ hover: 'yellow-400'
88
96
  }
89
97
  }
90
98
  }).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;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,QAAQ;SAClB;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;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;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,QAAQ;SAClB;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"}
package/dist/themes/platform.d.ts CHANGED
@@ -117,7 +117,7 @@ export declare const platformTheme: Record<"breakpoints", {
117
117
  readonly "navy-800": "#10162F";
118
118
  readonly "navy-200": "#DBDCE0";
119
119
  readonly "navy-600": "#585C6D";
120
- readonly "navy-700": "#232940";
120
+ readonly "navy-700": "#34394C";
121
121
  readonly "navy-900": "#0A0D1C";
122
122
  readonly "green-0": "#F5FFE3";
123
123
  readonly "green-400": "#AEE938";
@@ -176,6 +176,10 @@ export declare const platformTheme: Record<"breakpoints", {
176
176
  _: "red-500";
177
177
  hover: "red-600";
178
178
  };
179
+ interface: {
180
+ _: "hyper-500";
181
+ hover: "hyper-400";
182
+ };
179
183
  } | {
180
184
  text: {
181
185
  _: "white";
@@ -211,6 +215,10 @@ export declare const platformTheme: Record<"breakpoints", {
211
215
  _: "red-0";
212
216
  hover: "red-100";
213
217
  };
218
+ interface: {
219
+ _: "yellow-500";
220
+ hover: "yellow-400";
221
+ };
214
222
  }, "-", "_">, "colors"> & import("@codecademy/variance").KeyAsVariable<import("@codecademy/variance").LiteralPaths<{
215
223
  readonly beige: "#FFF0E5";
216
224
  readonly blue: "#1557FF";
@@ -247,7 +255,7 @@ export declare const platformTheme: Record<"breakpoints", {
247
255
  readonly "navy-800": "#10162F";
248
256
  readonly "navy-200": "#DBDCE0";
249
257
  readonly "navy-600": "#585C6D";
250
- readonly "navy-700": "#232940";
258
+ readonly "navy-700": "#34394C";
251
259
  readonly "navy-900": "#0A0D1C";
252
260
  readonly "green-0": "#F5FFE3";
253
261
  readonly "green-400": "#AEE938";
@@ -307,6 +315,10 @@ export declare const platformTheme: Record<"breakpoints", {
307
315
  _: "red-500";
308
316
  hover: "red-600";
309
317
  };
318
+ interface: {
319
+ _: "hyper-500";
320
+ hover: "hyper-400";
321
+ };
310
322
  }, "-", "_">;
311
323
  dark: import("@codecademy/variance").LiteralPaths<{
312
324
  text: {
@@ -343,6 +355,10 @@ export declare const platformTheme: Record<"breakpoints", {
343
355
  _: "red-0";
344
356
  hover: "red-100";
345
357
  };
358
+ interface: {
359
+ _: "yellow-500";
360
+ hover: "yellow-400";
361
+ };
346
362
  }, "-", "_">;
347
363
  }>;
348
364
  mode: "light" | "dark";
@@ -382,7 +398,7 @@ export declare const platformTheme: Record<"breakpoints", {
382
398
  readonly "navy-800": "#10162F";
383
399
  readonly "navy-200": "#DBDCE0";
384
400
  readonly "navy-600": "#585C6D";
385
- readonly "navy-700": "#232940";
401
+ readonly "navy-700": "#34394C";
386
402
  readonly "navy-900": "#0A0D1C";
387
403
  readonly "green-0": "#F5FFE3";
388
404
  readonly "green-400": "#AEE938";
@@ -529,7 +545,7 @@ export declare const platformTheme: Record<"breakpoints", {
529
545
  readonly "navy-800": "#10162F";
530
546
  readonly "navy-200": "#DBDCE0";
531
547
  readonly "navy-600": "#585C6D";
532
- readonly "navy-700": "#232940";
548
+ readonly "navy-700": "#34394C";
533
549
  readonly "navy-900": "#0A0D1C";
534
550
  readonly "green-0": "#F5FFE3";
535
551
  readonly "green-400": "#AEE938";
@@ -587,6 +603,10 @@ export declare const platformTheme: Record<"breakpoints", {
587
603
  _: "red-500";
588
604
  hover: "red-600";
589
605
  };
606
+ interface: {
607
+ _: "hyper-500";
608
+ hover: "hyper-400";
609
+ };
590
610
  } | {
591
611
  text: {
592
612
  _: "white";
@@ -622,6 +642,10 @@ export declare const platformTheme: Record<"breakpoints", {
622
642
  _: "red-0";
623
643
  hover: "red-100";
624
644
  };
645
+ interface: {
646
+ _: "yellow-500";
647
+ hover: "yellow-400";
648
+ };
625
649
  }, "-", "_">, "colors"> & import("@codecademy/variance").KeyAsVariable<import("@codecademy/variance").LiteralPaths<{
626
650
  readonly beige: "#FFF0E5";
627
651
  readonly blue: "#1557FF";
@@ -658,7 +682,7 @@ export declare const platformTheme: Record<"breakpoints", {
658
682
  readonly "navy-800": "#10162F";
659
683
  readonly "navy-200": "#DBDCE0";
660
684
  readonly "navy-600": "#585C6D";
661
- readonly "navy-700": "#232940";
685
+ readonly "navy-700": "#34394C";
662
686
  readonly "navy-900": "#0A0D1C";
663
687
  readonly "green-0": "#F5FFE3";
664
688
  readonly "green-400": "#AEE938";
@@ -729,6 +753,10 @@ export declare const platformTheme: Record<"breakpoints", {
729
753
  _: "red-500";
730
754
  hover: "red-600";
731
755
  };
756
+ interface: {
757
+ _: "hyper-500";
758
+ hover: "hyper-400";
759
+ };
732
760
  }, "-", "_">;
733
761
  dark: import("@codecademy/variance").LiteralPaths<{
734
762
  text: {
@@ -765,6 +793,10 @@ export declare const platformTheme: Record<"breakpoints", {
765
793
  _: "red-0";
766
794
  hover: "red-100";
767
795
  };
796
+ interface: {
797
+ _: "yellow-500";
798
+ hover: "yellow-400";
799
+ };
768
800
  }, "-", "_">;
769
801
  }>, {
770
802
  light: import("@codecademy/variance").LiteralPaths<{
@@ -867,7 +899,7 @@ export declare const platformTheme: Record<"breakpoints", {
867
899
  readonly "navy-800": "#10162F";
868
900
  readonly "navy-200": "#DBDCE0";
869
901
  readonly "navy-600": "#585C6D";
870
- readonly "navy-700": "#232940";
902
+ readonly "navy-700": "#34394C";
871
903
  readonly "navy-900": "#0A0D1C";
872
904
  readonly "green-0": "#F5FFE3";
873
905
  readonly "green-400": "#AEE938";
@@ -890,7 +922,7 @@ export declare const platformTheme: Record<"breakpoints", {
890
922
  readonly "gray-200": "#EEEEEE";
891
923
  readonly "gray-600": "#9E9E9E";
892
924
  readonly "gray-900": "#424242";
893
- }, "-"> | "text" | "background" | "primary" | "secondary" | "danger" | "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" | import("@codecademy/variance").Path<{
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<{
894
926
  readonly lightBeige: "#FFFBF8";
895
927
  readonly gold: "#8A7300";
896
928
  readonly teal: "#027E97";
package/dist/variables/colors.d.ts CHANGED
@@ -16,7 +16,7 @@ export declare const coreSwatches: {
16
16
  readonly '400': "#9FA2AC";
17
17
  readonly '500': "#707382";
18
18
  readonly '600': "#585C6D";
19
- readonly '700': "#232940";
19
+ readonly '700': "#34394C";
20
20
  readonly '800': "#10162F";
21
21
  readonly '900': "#0A0D1C";
22
22
  };
@@ -112,7 +112,7 @@ export declare const corePalette: {
112
112
  readonly "navy-800": "#10162F";
113
113
  readonly "navy-200": "#DBDCE0";
114
114
  readonly "navy-600": "#585C6D";
115
- readonly "navy-700": "#232940";
115
+ readonly "navy-700": "#34394C";
116
116
  readonly "navy-900": "#0A0D1C";
117
117
  readonly "green-0": "#F5FFE3";
118
118
  readonly "green-400": "#AEE938";
package/dist/variables/colors.js CHANGED
@@ -42,7 +42,7 @@ export var coreSwatches = {
42
42
  '400': '#9FA2AC',
43
43
  '500': '#707382',
44
44
  '600': '#585C6D',
45
- '700': '#232940',
45
+ '700': '#34394C',
46
46
  '800': '#10162F',
47
47
  '900': '#0A0D1C'
48
48
  },
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": "12.1.0",
4
+ "version": "12.1.2-alpha.50b372.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": "78da75a250c886579a61fcb1ce583799c4ab29aa"
42
+ "gitHead": "16d1fad00d767489220b5c6aa587fcfd4b25d86c"
43
43
  }