@codecademy/gamut-styles 17.5.2-alpha.b01287.0 → 17.5.2-alpha.bb2ba2.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.
@@ -559,42 +559,18 @@ export declare const lxStudioTheme: Record<"breakpoints", {
559
559
  "white-700": string;
560
560
  }, "-">, "color">>> & import("@codecademy/variance/dist/createTheme/types").PrivateThemeKeys, {
561
561
  colors: import("@codecademy/variance").KeyAsVariable<import("@codecademy/variance").LiteralPaths<{
562
- text: {
563
- _: "navy-800";
564
- accent: "navy-900";
565
- disabled: "navy-500";
566
- secondary: "navy-600";
567
- };
568
562
  feedback: {
569
- error: "red-600";
570
563
  success: "lxStudioSuccess";
571
- warning: "yellow";
572
564
  };
573
565
  background: {
574
- _: "white";
575
- contrast: "white";
576
- current: "white";
577
566
  primary: "lxStudioBgPrimary";
578
- selected: "navy-100";
579
- disabled: "navy-200";
580
- hover: "navy-200";
581
567
  };
582
568
  shadow: {
583
569
  primary: "navy-200";
584
- secondary: "navy-600";
585
570
  };
586
571
  primary: {
587
572
  _: "lxStudioPurple";
588
573
  hover: "lxStudioPurpleHover";
589
- inverse: "yellow-500";
590
- };
591
- secondary: {
592
- _: "navy-800";
593
- hover: "navy-700";
594
- };
595
- danger: {
596
- _: "red-500";
597
- hover: "red-600";
598
574
  };
599
575
  interface: {
600
576
  _: "hyper-500";
@@ -602,7 +578,6 @@ export declare const lxStudioTheme: Record<"breakpoints", {
602
578
  };
603
579
  border: {
604
580
  primary: "navy-400";
605
- secondary: "navy-600";
606
581
  tertiary: "navy-800";
607
582
  disabled: "navy-300";
608
583
  };
@@ -1003,42 +978,18 @@ export declare const lxStudioTheme: Record<"breakpoints", {
1003
978
  }, "-", "_">;
1004
979
  }>, {
1005
980
  light: import("@codecademy/variance").LiteralPaths<{
1006
- text: {
1007
- _: "navy-800";
1008
- accent: "navy-900";
1009
- disabled: "navy-500";
1010
- secondary: "navy-600";
1011
- };
1012
981
  feedback: {
1013
- error: "red-600";
1014
982
  success: "lxStudioSuccess";
1015
- warning: "yellow";
1016
983
  };
1017
984
  background: {
1018
- _: "white";
1019
- contrast: "white";
1020
- current: "white";
1021
985
  primary: "lxStudioBgPrimary";
1022
- selected: "navy-100";
1023
- disabled: "navy-200";
1024
- hover: "navy-200";
1025
986
  };
1026
987
  shadow: {
1027
988
  primary: "navy-200";
1028
- secondary: "navy-600";
1029
989
  };
1030
990
  primary: {
1031
991
  _: "lxStudioPurple";
1032
992
  hover: "lxStudioPurpleHover";
1033
- inverse: "yellow-500";
1034
- };
1035
- secondary: {
1036
- _: "navy-800";
1037
- hover: "navy-700";
1038
- };
1039
- danger: {
1040
- _: "red-500";
1041
- hover: "red-600";
1042
993
  };
1043
994
  interface: {
1044
995
  _: "hyper-500";
@@ -1046,7 +997,6 @@ export declare const lxStudioTheme: Record<"breakpoints", {
1046
997
  };
1047
998
  border: {
1048
999
  primary: "navy-400";
1049
- secondary: "navy-600";
1050
1000
  tertiary: "navy-800";
1051
1001
  disabled: "navy-300";
1052
1002
  };
@@ -26,43 +26,20 @@ export const lxStudioTheme = createTheme({
26
26
  borderRadii: lxStudioBorderRadii,
27
27
  fontFamily: lxStudioFontFamily
28
28
  }).addColors(lxStudioPalette).addColorModes('light', {
29
+ // these are just the overrides, the rest of the tokens are inherited from coreTheme
29
30
  light: {
30
- text: {
31
- _: 'navy-800',
32
- accent: 'navy-900',
33
- disabled: 'navy-500',
34
- secondary: 'navy-600'
35
- },
36
31
  feedback: {
37
- error: 'red-600',
38
- success: 'lxStudioSuccess',
39
- warning: 'yellow'
32
+ success: 'lxStudioSuccess'
40
33
  },
41
34
  background: {
42
- _: 'white',
43
- contrast: 'white',
44
- current: 'white',
45
- primary: 'lxStudioBgPrimary',
46
- selected: 'navy-100',
47
- disabled: 'navy-200',
48
- hover: 'navy-200'
35
+ primary: 'lxStudioBgPrimary'
49
36
  },
50
37
  shadow: {
51
- primary: 'navy-200',
52
- secondary: 'navy-600'
38
+ primary: 'navy-200'
53
39
  },
54
40
  primary: {
55
41
  _: 'lxStudioPurple',
56
- hover: 'lxStudioPurpleHover',
57
- inverse: 'yellow-500'
58
- },
59
- secondary: {
60
- _: 'navy-800',
61
- hover: 'navy-700'
62
- },
63
- danger: {
64
- _: 'red-500',
65
- hover: 'red-600'
42
+ hover: 'lxStudioPurpleHover'
66
43
  },
67
44
  interface: {
68
45
  _: 'hyper-500',
@@ -70,7 +47,6 @@ export const lxStudioTheme = createTheme({
70
47
  },
71
48
  border: {
72
49
  primary: 'navy-400',
73
- secondary: 'navy-600',
74
50
  tertiary: 'navy-800',
75
51
  disabled: 'navy-300'
76
52
  }
@@ -177,6 +177,12 @@ export declare const platformSwatches: {
177
177
  readonly '300': "#B3CCFF";
178
178
  };
179
179
  };
180
+ export declare const truePlatformColors: {
181
+ readonly lightBeige: "#FFFBF8";
182
+ readonly gold: "#8A7300";
183
+ readonly teal: "#027E97";
184
+ readonly purple: "#B3CCFF";
185
+ };
180
186
  export declare const platformPalette: {
181
187
  readonly lightBeige: "#FFFBF8";
182
188
  readonly gold: "#8A7300";
@@ -126,7 +126,7 @@ export const platformSwatches = {
126
126
  '300': '#B3CCFF'
127
127
  }
128
128
  };
129
- const truePlatformColors = {
129
+ export const truePlatformColors = {
130
130
  lightBeige: platformSwatches.beige[0],
131
131
  gold: platformSwatches.gold[800],
132
132
  teal: platformSwatches.teal[500],
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": "17.5.2-alpha.b01287.0",
4
+ "version": "17.5.2-alpha.bb2ba2.0",
5
5
  "author": "Jake Hiller <jake@codecademy.com>",
6
6
  "dependencies": {
7
7
  "@codecademy/variance": "0.22.1",
@@ -34,5 +34,5 @@
34
34
  "scripts": {
35
35
  "build": "nx build @codecademy/gamut-styles"
36
36
  },
37
- "gitHead": "17e7f209218378e88ce48d7be7b119373e918418"
37
+ "gitHead": "367858d173e69e9a08003003272c9c014d633d3b"
38
38
  }