@codecademy/gamut-styles 17.6.0-alpha.4fa030.0 → 17.6.1-alpha.63a3d2.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 (11) hide show
  1. package/dist/themes/admin.d.ts +17 -41
  2. package/dist/themes/core.d.ts +8 -20
  3. package/dist/themes/core.js +4 -4
  4. package/dist/themes/index.d.ts +1 -0
  5. package/dist/themes/index.js +2 -1
  6. package/dist/themes/lxStudio.d.ts +1010 -0
  7. package/dist/themes/lxStudio.js +54 -0
  8. package/dist/themes/platform.d.ts +17 -41
  9. package/dist/variables/colors.d.ts +85 -4
  10. package/dist/variables/colors.js +18 -16
  11. package/package.json +3 -2
package/dist/themes/admin.d.ts CHANGED
@@ -99,10 +99,6 @@ export declare const adminTheme: Record<"breakpoints", {
99
99
  readonly yellow: "#FFD300";
100
100
  readonly black: "#000000";
101
101
  readonly white: "#ffffff";
102
- readonly "shadow-white-slight": string;
103
- readonly "shadow-white-heavy": string;
104
- readonly "shadow-black-slight": string;
105
- readonly "shadow-black-heavy": string;
106
102
  readonly "beige-100": "#FFF0E5";
107
103
  readonly "blue-0": "#F5FCFF";
108
104
  readonly "blue-100": "#D3F2FF";
@@ -172,8 +168,8 @@ export declare const adminTheme: Record<"breakpoints", {
172
168
  hover: "navy-200";
173
169
  };
174
170
  shadow: {
175
- opaque: "shadow-white-heavy";
176
- solid: "gray-200";
171
+ primary: "navy-800";
172
+ secondary: "navy-600";
177
173
  };
178
174
  primary: {
179
175
  _: "hyper-500";
@@ -220,8 +216,8 @@ export declare const adminTheme: Record<"breakpoints", {
220
216
  hover: "white-200";
221
217
  };
222
218
  shadow: {
223
- opaque: "shadow-black-heavy";
224
- solid: "black";
219
+ primary: "white";
220
+ secondary: "white-600";
225
221
  };
226
222
  primary: {
227
223
  _: "yellow-500";
@@ -265,10 +261,6 @@ export declare const adminTheme: Record<"breakpoints", {
265
261
  readonly yellow: "#FFD300";
266
262
  readonly black: "#000000";
267
263
  readonly white: "#ffffff";
268
- readonly "shadow-white-slight": string;
269
- readonly "shadow-white-heavy": string;
270
- readonly "shadow-black-slight": string;
271
- readonly "shadow-black-heavy": string;
272
264
  readonly "beige-100": "#FFF0E5";
273
265
  readonly "blue-0": "#F5FCFF";
274
266
  readonly "blue-100": "#D3F2FF";
@@ -339,8 +331,8 @@ export declare const adminTheme: Record<"breakpoints", {
339
331
  hover: "navy-200";
340
332
  };
341
333
  shadow: {
342
- opaque: "shadow-white-heavy";
343
- solid: "gray-200";
334
+ primary: "navy-800";
335
+ secondary: "navy-600";
344
336
  };
345
337
  primary: {
346
338
  _: "hyper-500";
@@ -388,8 +380,8 @@ export declare const adminTheme: Record<"breakpoints", {
388
380
  hover: "white-200";
389
381
  };
390
382
  shadow: {
391
- opaque: "shadow-black-heavy";
392
- solid: "black";
383
+ primary: "white";
384
+ secondary: "white-600";
393
385
  };
394
386
  primary: {
395
387
  _: "yellow-500";
@@ -436,10 +428,6 @@ export declare const adminTheme: Record<"breakpoints", {
436
428
  readonly yellow: "#FFD300";
437
429
  readonly black: "#000000";
438
430
  readonly white: "#ffffff";
439
- readonly "shadow-white-slight": string;
440
- readonly "shadow-white-heavy": string;
441
- readonly "shadow-black-slight": string;
442
- readonly "shadow-black-heavy": string;
443
431
  readonly "beige-100": "#FFF0E5";
444
432
  readonly "blue-0": "#F5FCFF";
445
433
  readonly "blue-100": "#D3F2FF";
@@ -519,10 +507,6 @@ export declare const adminTheme: Record<"breakpoints", {
519
507
  readonly yellow: "#FFD300";
520
508
  readonly black: "#000000";
521
509
  readonly white: "#ffffff";
522
- readonly "shadow-white-slight": string;
523
- readonly "shadow-white-heavy": string;
524
- readonly "shadow-black-slight": string;
525
- readonly "shadow-black-heavy": string;
526
510
  readonly "beige-100": "#FFF0E5";
527
511
  readonly "blue-0": "#F5FCFF";
528
512
  readonly "blue-100": "#D3F2FF";
@@ -591,8 +575,8 @@ export declare const adminTheme: Record<"breakpoints", {
591
575
  hover: "navy-200";
592
576
  };
593
577
  shadow: {
594
- opaque: "shadow-white-heavy";
595
- solid: "gray-200";
578
+ primary: "navy-800";
579
+ secondary: "navy-600";
596
580
  };
597
581
  primary: {
598
582
  _: "hyper-500";
@@ -639,8 +623,8 @@ export declare const adminTheme: Record<"breakpoints", {
639
623
  hover: "white-200";
640
624
  };
641
625
  shadow: {
642
- opaque: "shadow-black-heavy";
643
- solid: "black";
626
+ primary: "white";
627
+ secondary: "white-600";
644
628
  };
645
629
  primary: {
646
630
  _: "yellow-500";
@@ -684,10 +668,6 @@ export declare const adminTheme: Record<"breakpoints", {
684
668
  readonly yellow: "#FFD300";
685
669
  readonly black: "#000000";
686
670
  readonly white: "#ffffff";
687
- readonly "shadow-white-slight": string;
688
- readonly "shadow-white-heavy": string;
689
- readonly "shadow-black-slight": string;
690
- readonly "shadow-black-heavy": string;
691
671
  readonly "beige-100": "#FFF0E5";
692
672
  readonly "blue-0": "#F5FCFF";
693
673
  readonly "blue-100": "#D3F2FF";
@@ -758,8 +738,8 @@ export declare const adminTheme: Record<"breakpoints", {
758
738
  hover: "navy-200";
759
739
  };
760
740
  shadow: {
761
- opaque: "shadow-white-heavy";
762
- solid: "gray-200";
741
+ primary: "navy-800";
742
+ secondary: "navy-600";
763
743
  };
764
744
  primary: {
765
745
  _: "hyper-500";
@@ -807,8 +787,8 @@ export declare const adminTheme: Record<"breakpoints", {
807
787
  hover: "white-200";
808
788
  };
809
789
  shadow: {
810
- opaque: "shadow-black-heavy";
811
- solid: "black";
790
+ primary: "white";
791
+ secondary: "white-600";
812
792
  };
813
793
  primary: {
814
794
  _: "yellow-500";
@@ -867,10 +847,6 @@ export declare const adminTheme: Record<"breakpoints", {
867
847
  readonly yellow: "#FFD300";
868
848
  readonly black: "#000000";
869
849
  readonly white: "#ffffff";
870
- readonly "shadow-white-slight": string;
871
- readonly "shadow-white-heavy": string;
872
- readonly "shadow-black-slight": string;
873
- readonly "shadow-black-heavy": string;
874
850
  readonly "beige-100": "#FFF0E5";
875
851
  readonly "blue-0": "#F5FCFF";
876
852
  readonly "blue-100": "#D3F2FF";
@@ -917,7 +893,7 @@ export declare const adminTheme: Record<"breakpoints", {
917
893
  readonly "white-200": string;
918
894
  readonly "white-600": string;
919
895
  readonly "white-700": string;
920
- }, "-"> | "text" | "secondary" | "background" | "primary" | "danger" | "interface" | "shadow-opaque" | "shadow-solid" | "text-disabled" | "text-accent" | "text-secondary" | "secondary-hover" | "feedback-error" | "feedback-success" | "feedback-warning" | "background-disabled" | "background-contrast" | "background-current" | "background-primary" | "background-selected" | "background-hover" | "primary-hover" | "primary-inverse" | "danger-hover" | "interface-hover" | "border-disabled" | "border-secondary" | "border-primary" | "border-tertiary") => string;
896
+ }, "-"> | "text" | "secondary" | "background" | "primary" | "danger" | "interface" | "border-primary" | "text-disabled" | "text-accent" | "text-secondary" | "secondary-hover" | "feedback-error" | "feedback-success" | "feedback-warning" | "background-disabled" | "background-contrast" | "background-current" | "background-primary" | "background-selected" | "background-hover" | "primary-hover" | "primary-inverse" | "shadow-secondary" | "shadow-primary" | "danger-hover" | "interface-hover" | "border-disabled" | "border-secondary" | "border-tertiary") => string;
921
897
  }> & import("@codecademy/variance/dist/createTheme/types").PrivateThemeKeys;
922
898
  export type AdminThemeShape = typeof adminTheme;
923
899
  export interface AdminTheme extends AdminThemeShape {
package/dist/themes/core.d.ts CHANGED
@@ -98,10 +98,6 @@ export declare const coreTheme: Record<"elements", Record<"elements", import("@c
98
98
  readonly yellow: "#FFD300";
99
99
  readonly black: "#000000";
100
100
  readonly white: "#ffffff";
101
- readonly "shadow-white-slight": string;
102
- readonly "shadow-white-heavy": string;
103
- readonly "shadow-black-slight": string;
104
- readonly "shadow-black-heavy": string;
105
101
  readonly "beige-100": "#FFF0E5";
106
102
  readonly "blue-0": "#F5FCFF";
107
103
  readonly "blue-100": "#D3F2FF";
@@ -171,8 +167,8 @@ export declare const coreTheme: Record<"elements", Record<"elements", import("@c
171
167
  hover: "navy-200";
172
168
  };
173
169
  shadow: {
174
- opaque: "shadow-white-heavy";
175
- solid: "gray-200";
170
+ primary: "navy-800";
171
+ secondary: "navy-600";
176
172
  };
177
173
  primary: {
178
174
  _: "hyper-500";
@@ -219,8 +215,8 @@ export declare const coreTheme: Record<"elements", Record<"elements", import("@c
219
215
  hover: "white-200";
220
216
  };
221
217
  shadow: {
222
- opaque: "shadow-black-heavy";
223
- solid: "black";
218
+ primary: "white";
219
+ secondary: "white-600";
224
220
  };
225
221
  primary: {
226
222
  _: "yellow-500";
@@ -264,10 +260,6 @@ export declare const coreTheme: Record<"elements", Record<"elements", import("@c
264
260
  readonly yellow: "#FFD300";
265
261
  readonly black: "#000000";
266
262
  readonly white: "#ffffff";
267
- readonly "shadow-white-slight": string;
268
- readonly "shadow-white-heavy": string;
269
- readonly "shadow-black-slight": string;
270
- readonly "shadow-black-heavy": string;
271
263
  readonly "beige-100": "#FFF0E5";
272
264
  readonly "blue-0": "#F5FCFF";
273
265
  readonly "blue-100": "#D3F2FF";
@@ -338,8 +330,8 @@ export declare const coreTheme: Record<"elements", Record<"elements", import("@c
338
330
  hover: "navy-200";
339
331
  };
340
332
  shadow: {
341
- opaque: "shadow-white-heavy";
342
- solid: "gray-200";
333
+ primary: "navy-800";
334
+ secondary: "navy-600";
343
335
  };
344
336
  primary: {
345
337
  _: "hyper-500";
@@ -387,8 +379,8 @@ export declare const coreTheme: Record<"elements", Record<"elements", import("@c
387
379
  hover: "white-200";
388
380
  };
389
381
  shadow: {
390
- opaque: "shadow-black-heavy";
391
- solid: "black";
382
+ primary: "white";
383
+ secondary: "white-600";
392
384
  };
393
385
  primary: {
394
386
  _: "yellow-500";
@@ -435,10 +427,6 @@ export declare const coreTheme: Record<"elements", Record<"elements", import("@c
435
427
  readonly yellow: "#FFD300";
436
428
  readonly black: "#000000";
437
429
  readonly white: "#ffffff";
438
- readonly "shadow-white-slight": string;
439
- readonly "shadow-white-heavy": string;
440
- readonly "shadow-black-slight": string;
441
- readonly "shadow-black-heavy": string;
442
430
  readonly "beige-100": "#FFF0E5";
443
431
  readonly "blue-0": "#F5FCFF";
444
432
  readonly "blue-100": "#D3F2FF";
package/dist/themes/core.js CHANGED
@@ -39,8 +39,8 @@ export const coreTheme = createTheme({
39
39
  hover: 'navy-200'
40
40
  },
41
41
  shadow: {
42
- opaque: 'shadow-white-heavy',
43
- solid: 'gray-200'
42
+ primary: 'navy-800',
43
+ secondary: 'navy-600'
44
44
  },
45
45
  primary: {
46
46
  _: 'hyper-500',
@@ -88,8 +88,8 @@ export const coreTheme = createTheme({
88
88
  hover: 'white-200'
89
89
  },
90
90
  shadow: {
91
- opaque: 'shadow-black-heavy',
92
- solid: 'black'
91
+ primary: 'white',
92
+ secondary: 'white-600'
93
93
  },
94
94
  primary: {
95
95
  _: 'yellow-500',
package/dist/themes/index.d.ts CHANGED
@@ -1,3 +1,4 @@
1
1
  export * from './core';
2
2
  export * from './platform';
3
3
  export * from './admin';
4
+ export * from './lxStudio';
package/dist/themes/index.js CHANGED
@@ -1,3 +1,4 @@
1
1
  export * from './core';
2
2
  export * from './platform';
3
- export * from './admin';
3
+ export * from './admin';
4
+ export * from './lxStudio';