@codecademy/gamut-styles 13.0.0 → 13.0.1-alpha.c5e528.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/CHANGELOG.md +8 -0
  2. package/dist/themes/admin.d.ts +33 -1
  3. package/dist/themes/core.d.ts +16 -0
  4. package/dist/themes/core.js +8 -0
  5. package/dist/themes/core.js.map +1 -1
  6. package/dist/themes/platform.d.ts +33 -1
  7. package/package.json +2 -2
package/CHANGELOG.md CHANGED
@@ -3,6 +3,14 @@
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
+ ### [13.0.1-alpha.c5e528.0](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-styles@13.0.0...@codecademy/gamut-styles@13.0.1-alpha.c5e528.0) (2022-01-26)
7
+
8
+ **Note:** Version bump only for package @codecademy/gamut-styles
9
+
10
+
11
+
12
+
13
+
6
14
  ## [13.0.0](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-styles@12.1.1...@codecademy/gamut-styles@13.0.0) (2022-01-25)
7
15
 
8
16
 
package/dist/themes/admin.d.ts CHANGED
@@ -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";
@@ -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";
@@ -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";
@@ -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<{
@@ -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
@@ -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";
@@ -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";
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
@@ -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";
@@ -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";
@@ -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";
@@ -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<{
@@ -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/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.0.0",
4
+ "version": "13.0.1-alpha.c5e528.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": "c165b0b46bb25c859d51e541761858a39a2d2a26"
42
+ "gitHead": "53bfe7bd495c2a5ce348adf6b79e8a8747e08906"
43
43
  }