@codecademy/gamut-styles 17.5.2-alpha.fe3518.0 → 17.6.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 (5) hide show
  1. package/dist/themes/lxStudio.d.ts +105 -162
  2. package/dist/themes/lxStudio.js +26 -39
  3. package/dist/variables/colors.d.ts +6 -0
  4. package/dist/variables/colors.js +1 -1
  5. package/package.json +2 -2
package/dist/themes/lxStudio.d.ts CHANGED
@@ -1,46 +1,57 @@
1
- /**
2
- * @description This is an extended theme for the lx studio with an expanded set of tokens
3
- * That are not needed for the rest of the application.
4
- */
5
- export declare const lxStudioTheme: Record<"breakpoints", {
6
- xs: string;
1
+ export declare const lxStudioBorderRadii: {
2
+ none: string;
7
3
  sm: string;
8
4
  md: string;
9
5
  lg: string;
10
6
  xl: string;
11
- }> & import("@codecademy/variance/dist/createTheme/types").Merge<import("@codecademy/variance/dist/createTheme/types").MergeTheme<Record<"breakpoints", {
7
+ full: string;
8
+ };
9
+ export declare const lxStudioTheme: Record<"breakpoints", {
12
10
  xs: string;
13
11
  sm: string;
14
12
  md: string;
15
13
  lg: string;
16
14
  xl: string;
17
- }> & import("@codecademy/variance/dist/createTheme/types").Merge<Record<"elements", Record<"elements", import("@codecademy/variance").KeyAsVariable<{
18
- readonly headerHeight: {
19
- readonly base: "4rem";
20
- readonly md: "5rem";
21
- };
22
- readonly headerZ: 15;
23
- }, "elements">>> & import("@codecademy/variance/dist/createTheme/types").Merge<import("@codecademy/variance/dist/createTheme/types").MergeTheme<import("@codecademy/variance/dist/createTheme/types").MergeTheme<Record<"breakpoints", {
15
+ }> & import("@codecademy/variance/dist/createTheme/types").Merge<Record<"breakpoints", {
24
16
  xs: string;
25
17
  sm: string;
26
18
  md: string;
27
19
  lg: string;
28
20
  xl: string;
29
21
  }> & import("@codecademy/variance/dist/createTheme/types").Merge<{
30
- breakpoints: {
31
- xs: string;
22
+ borderRadii: {
23
+ none: string;
32
24
  sm: string;
33
25
  md: string;
34
26
  lg: string;
35
27
  xl: string;
28
+ full: string;
36
29
  };
37
- borderRadii: {
38
- none: string;
30
+ fontFamily: {
31
+ readonly accent: "\"Apercu\", -apple-system, BlinkMacSystemFont, \"Segoe UI\",\n\"Roboto\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\",\nsans-serif";
32
+ readonly base: "\"Apercu\", -apple-system, BlinkMacSystemFont, \"Segoe UI\",\n\"Roboto\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\",\nsans-serif";
33
+ readonly monospace: "Monaco, Menlo, \"Ubuntu Mono\", \"Droid Sans Mono\", Consolas,\nmonospace";
34
+ readonly system: "-apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Ubuntu\",\n\"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif";
35
+ };
36
+ elements: Record<"elements", import("@codecademy/variance").KeyAsVariable<{
37
+ readonly headerHeight: {
38
+ readonly base: "4rem";
39
+ readonly md: "5rem";
40
+ };
41
+ readonly headerZ: 15;
42
+ }, "elements">> & {
43
+ readonly headerHeight: {
44
+ readonly base: "4rem";
45
+ readonly md: "5rem";
46
+ };
47
+ readonly headerZ: 15;
48
+ };
49
+ breakpoints: {
50
+ xs: string;
39
51
  sm: string;
40
52
  md: string;
41
53
  lg: string;
42
54
  xl: string;
43
- full: string;
44
55
  };
45
56
  fontSize: {
46
57
  readonly 64: string;
@@ -53,12 +64,6 @@ export declare const lxStudioTheme: Record<"breakpoints", {
53
64
  readonly 16: string;
54
65
  readonly 14: string;
55
66
  };
56
- fontFamily: {
57
- readonly accent: "\"Suisse\", \"Apercu\", -apple-system, BlinkMacSystemFont,\n\"Segoe UI\", \"Roboto\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\",\n\"Helvetica Neue\", sans-serif";
58
- readonly base: "\"Apercu\", -apple-system, BlinkMacSystemFont, \"Segoe UI\",\n\"Roboto\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\",\nsans-serif";
59
- readonly monospace: "Monaco, Menlo, \"Ubuntu Mono\", \"Droid Sans Mono\", Consolas,\nmonospace";
60
- readonly system: "-apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Ubuntu\",\n\"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif";
61
- };
62
67
  lineHeight: {
63
68
  readonly base: 1.5;
64
69
  readonly spacedTitle: 1.3;
@@ -83,80 +88,74 @@ export declare const lxStudioTheme: Record<"breakpoints", {
83
88
  readonly 64: string;
84
89
  readonly 96: string;
85
90
  };
86
- elements: {
87
- readonly headerHeight: {
88
- readonly base: "4rem";
89
- readonly md: "5rem";
90
- };
91
- readonly headerZ: 15;
92
- };
93
- } & import("@codecademy/variance/dist/createTheme/types").PrivateThemeKeys, Record<"colors", import("@codecademy/variance").KeyAsVariable<import("@codecademy/variance").LiteralPaths<{
94
- readonly beige: "#FFF0E5";
95
- readonly blue: "#1557FF";
96
- readonly green: "#008A27";
97
- readonly hyper: "#3A10E5";
98
- readonly lightBlue: "#66C4FF";
99
- readonly lightGreen: "#AEE938";
100
- readonly navy: "#10162F";
101
- readonly orange: "#FF8C00";
102
- readonly paleBlue: "#F5FCFF";
103
- readonly paleGreen: "#F5FFE3";
104
- readonly palePink: "#FFF5FF";
105
- readonly paleYellow: "#FFFAE5";
106
- readonly pink: "#F966FF";
107
- readonly paleRed: "#DC5879";
108
- readonly red: "#E91C11";
109
- readonly yellow: "#FFD300";
110
- readonly black: "#000000";
111
- readonly white: "#ffffff";
112
- readonly "beige-100": "#FFF0E5";
113
- readonly "blue-0": "#F5FCFF";
114
- readonly "blue-100": "#D3F2FF";
115
- readonly "blue-300": "#66C4FF";
116
- readonly "blue-400": "#3388FF";
117
- readonly "blue-500": "#1557FF";
118
- readonly "blue-800": "#1D2340";
119
- readonly "navy-100": string;
120
- readonly "navy-300": string;
121
- readonly "navy-400": string;
122
- readonly "navy-500": string;
123
- readonly "navy-800": "#10162F";
124
- readonly "navy-200": string;
125
- readonly "navy-600": string;
126
- readonly "navy-700": string;
127
- readonly "navy-900": "#0A0D1C";
128
- readonly "green-0": "#F5FFE3";
129
- readonly "green-100": "#EAFDC6";
130
- readonly "green-400": "#AEE938";
131
- readonly "green-700": "#008A27";
132
- readonly "yellow-0": "#FFFAE5";
133
- readonly "yellow-400": "#CCA900";
134
- readonly "yellow-500": "#FFD300";
135
- readonly "pink-0": "#FFF5FF";
136
- readonly "pink-400": "#F966FF";
137
- readonly "red-0": "#E85D7F";
138
- readonly "red-100": "#DC5879";
139
- readonly "red-500": "#E91C11";
140
- readonly "red-600": "#BE1809";
141
- readonly "orange-100": "#FFE8CC";
142
- readonly "orange-500": "#FF8C00";
143
- readonly "hyper-400": "#5533FF";
144
- readonly "hyper-500": "#3A10E5";
145
- readonly "gray-100": "#F5F5F5";
146
- readonly "gray-300": "#E0E0E0";
147
- readonly "gray-800": "#616161";
148
- readonly "gray-200": "#EEEEEE";
149
- readonly "gray-600": "#9E9E9E";
150
- readonly "gray-900": "#424242";
151
- readonly "white-100": string;
152
- readonly "white-300": string;
153
- readonly "white-400": string;
154
- readonly "white-500": string;
155
- readonly "white-200": string;
156
- readonly "white-600": string;
157
- readonly "white-700": string;
158
- }, "-">, "color">>> & import("@codecademy/variance/dist/createTheme/types").PrivateThemeKeys, {
159
- colors: import("@codecademy/variance").KeyAsVariable<import("@codecademy/variance").LiteralPaths<{
91
+ _variables: import("@codecademy/variance/dist/createTheme/types").Assign<Record<string, import("@codecademy/variance").CSSObject>, Record<string, import("@codecademy/variance").CSSObject>> & Record<string, import("@codecademy/variance").CSSObject>;
92
+ _tokens: import("@codecademy/variance/dist/createTheme/types").Assign<Record<string | number, any>, Record<string | number, any>> & Record<string | number, any>;
93
+ colors: import("@codecademy/variance/dist/createTheme/types").Assign<import("@codecademy/variance").KeyAsVariable<import("@codecademy/variance").LiteralPaths<{
94
+ readonly beige: "#FFF0E5";
95
+ readonly blue: "#1557FF";
96
+ readonly green: "#008A27";
97
+ readonly hyper: "#3A10E5";
98
+ readonly lightBlue: "#66C4FF";
99
+ readonly lightGreen: "#AEE938";
100
+ readonly navy: "#10162F";
101
+ readonly orange: "#FF8C00";
102
+ readonly paleBlue: "#F5FCFF";
103
+ readonly paleGreen: "#F5FFE3";
104
+ readonly palePink: "#FFF5FF";
105
+ readonly paleYellow: "#FFFAE5";
106
+ readonly pink: "#F966FF";
107
+ readonly paleRed: "#DC5879";
108
+ readonly red: "#E91C11";
109
+ readonly yellow: "#FFD300";
110
+ readonly black: "#000000";
111
+ readonly white: "#ffffff";
112
+ readonly "beige-100": "#FFF0E5";
113
+ readonly "blue-0": "#F5FCFF";
114
+ readonly "blue-100": "#D3F2FF";
115
+ readonly "blue-300": "#66C4FF";
116
+ readonly "blue-400": "#3388FF";
117
+ readonly "blue-500": "#1557FF";
118
+ readonly "blue-800": "#1D2340";
119
+ readonly "navy-100": string;
120
+ readonly "navy-300": string;
121
+ readonly "navy-400": string;
122
+ readonly "navy-500": string;
123
+ readonly "navy-800": "#10162F";
124
+ readonly "navy-200": string;
125
+ readonly "navy-600": string;
126
+ readonly "navy-700": string;
127
+ readonly "navy-900": "#0A0D1C";
128
+ readonly "green-0": "#F5FFE3";
129
+ readonly "green-100": "#EAFDC6";
130
+ readonly "green-400": "#AEE938";
131
+ readonly "green-700": "#008A27";
132
+ readonly "yellow-0": "#FFFAE5";
133
+ readonly "yellow-400": "#CCA900";
134
+ readonly "yellow-500": "#FFD300";
135
+ readonly "pink-0": "#FFF5FF";
136
+ readonly "pink-400": "#F966FF";
137
+ readonly "red-0": "#E85D7F";
138
+ readonly "red-100": "#DC5879";
139
+ readonly "red-500": "#E91C11";
140
+ readonly "red-600": "#BE1809";
141
+ readonly "orange-100": "#FFE8CC";
142
+ readonly "orange-500": "#FF8C00";
143
+ readonly "hyper-400": "#5533FF";
144
+ readonly "hyper-500": "#3A10E5";
145
+ readonly "gray-100": "#F5F5F5";
146
+ readonly "gray-300": "#E0E0E0";
147
+ readonly "gray-800": "#616161";
148
+ readonly "gray-200": "#EEEEEE";
149
+ readonly "gray-600": "#9E9E9E";
150
+ readonly "gray-900": "#424242";
151
+ readonly "white-100": string;
152
+ readonly "white-300": string;
153
+ readonly "white-400": string;
154
+ readonly "white-500": string;
155
+ readonly "white-200": string;
156
+ readonly "white-600": string;
157
+ readonly "white-700": string;
158
+ }, "-">, "color">, import("@codecademy/variance").KeyAsVariable<import("@codecademy/variance").LiteralPaths<{
160
159
  text: {
161
160
  _: "navy-800";
162
161
  accent: "navy-900";
@@ -317,7 +316,7 @@ export declare const lxStudioTheme: Record<"breakpoints", {
317
316
  readonly "white-200": string;
318
317
  readonly "white-600": string;
319
318
  readonly "white-700": string;
320
- }, "-">, "color">;
319
+ }, "-">, "color">>;
321
320
  modes: import("@codecademy/variance/dist/createTheme/types").Merge<unknown, {
322
321
  light: import("@codecademy/variance").LiteralPaths<{
323
322
  text: {
@@ -485,10 +484,11 @@ export declare const lxStudioTheme: Record<"breakpoints", {
485
484
  readonly "white-600": string;
486
485
  readonly "white-700": string;
487
486
  }, "-">) => string;
488
- }>, Record<"borders", import("@codecademy/variance").LiteralPaths<{
489
- 1: string;
490
- 2: string;
491
- }, "-">>>, import("@codecademy/variance/dist/createTheme/types").PrivateThemeKeys> & import("@codecademy/variance/dist/createTheme/types").PrivateThemeKeys, Record<"colors", import("@codecademy/variance").KeyAsVariable<import("@codecademy/variance").LiteralPaths<{
487
+ borders: import("@codecademy/variance").LiteralPaths<{
488
+ 1: string;
489
+ 2: string;
490
+ }, "-">;
491
+ } & import("@codecademy/variance/dist/createTheme/types").PrivateThemeKeys, Record<"colors", import("@codecademy/variance").KeyAsVariable<import("@codecademy/variance").LiteralPaths<{
492
492
  lxStudioSuccess: "#06844F";
493
493
  lxStudioBgPrimary: "#FAFBFC";
494
494
  lxStudioPurple: "#5628FE";
@@ -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
  };
@@ -1054,14 +1004,7 @@ export declare const lxStudioTheme: Record<"breakpoints", {
1054
1004
  }>;
1055
1005
  mode: "light";
1056
1006
  _getColorValue: (color: "beige" | "blue" | "navy" | "green" | "yellow" | "pink" | "red" | "orange" | "hyper" | "white" | "beige-100" | "blue-0" | "blue-100" | "blue-300" | "blue-400" | "blue-500" | "blue-800" | "navy-100" | "navy-300" | "navy-400" | "navy-500" | "navy-800" | "navy-200" | "navy-600" | "navy-700" | "navy-900" | "green-0" | "green-100" | "green-400" | "green-700" | "yellow-0" | "yellow-400" | "yellow-500" | "pink-0" | "pink-400" | "red-0" | "red-100" | "red-500" | "red-600" | "orange-100" | "orange-500" | "hyper-400" | "hyper-500" | "gray-100" | "gray-300" | "gray-800" | "gray-200" | "gray-600" | "gray-900" | "white-100" | "white-300" | "white-400" | "white-500" | "white-200" | "white-600" | "white-700" | "black" | "lightBlue" | "lightGreen" | "paleBlue" | "paleGreen" | "palePink" | "paleYellow" | "paleRed" | "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" | "lxStudioSuccess" | "lxStudioBgPrimary" | "lxStudioPurple" | "lxStudioPurpleHover") => string;
1057
- }>, Record<"borderRadii", import("@codecademy/variance").LiteralPaths<{
1058
- none: string;
1059
- sm: string;
1060
- md: string;
1061
- lg: string;
1062
- xl: string;
1063
- full: string;
1064
- }, "-">>> & import("@codecademy/variance/dist/createTheme/types").PrivateThemeKeys;
1007
+ }> & import("@codecademy/variance/dist/createTheme/types").PrivateThemeKeys;
1065
1008
  export type LxStudioThemeShape = typeof lxStudioTheme;
1066
1009
  export interface LxStudioTheme extends LxStudioThemeShape {
1067
1010
  }
package/dist/themes/lxStudio.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { createTheme } from '@codecademy/variance';
2
- import { lxStudioPalette } from '../variables';
2
+ import { fontBase, fontMonospace, fontSystem, lxStudioPalette } from '../variables';
3
3
  import { coreTheme } from './core';
4
4
 
5
5
  /**
@@ -7,44 +7,39 @@ import { coreTheme } from './core';
7
7
  * That are not needed for the rest of the application.
8
8
  */
9
9
 
10
- export const lxStudioTheme = createTheme(coreTheme).addColors(lxStudioPalette).addColorModes('light', {
10
+ const lxStudioFontFamily = {
11
+ accent: fontBase,
12
+ base: fontBase,
13
+ monospace: fontMonospace,
14
+ system: fontSystem
15
+ };
16
+ export const lxStudioBorderRadii = {
17
+ none: '0px',
18
+ sm: '4px',
19
+ md: '8px',
20
+ lg: '12px',
21
+ xl: '16px',
22
+ full: '999px'
23
+ };
24
+ export const lxStudioTheme = createTheme({
25
+ ...coreTheme,
26
+ borderRadii: lxStudioBorderRadii,
27
+ fontFamily: lxStudioFontFamily
28
+ }).addColors(lxStudioPalette).addColorModes('light', {
29
+ // these are just the overrides, the rest of the tokens are inherited from coreTheme
11
30
  light: {
12
- text: {
13
- _: 'navy-800',
14
- accent: 'navy-900',
15
- disabled: 'navy-500',
16
- secondary: 'navy-600'
17
- },
18
31
  feedback: {
19
- error: 'red-600',
20
- success: 'lxStudioSuccess',
21
- warning: 'yellow'
32
+ success: 'lxStudioSuccess'
22
33
  },
23
34
  background: {
24
- _: 'white',
25
- contrast: 'white',
26
- current: 'white',
27
- primary: 'lxStudioBgPrimary',
28
- selected: 'navy-100',
29
- disabled: 'navy-200',
30
- hover: 'navy-200'
35
+ primary: 'lxStudioBgPrimary'
31
36
  },
32
37
  shadow: {
33
- primary: 'navy-200',
34
- secondary: 'navy-600'
38
+ primary: 'navy-200'
35
39
  },
36
40
  primary: {
37
41
  _: 'lxStudioPurple',
38
- hover: 'lxStudioPurpleHover',
39
- inverse: 'yellow-500'
40
- },
41
- secondary: {
42
- _: 'navy-800',
43
- hover: 'navy-700'
44
- },
45
- danger: {
46
- _: 'red-500',
47
- hover: 'red-600'
42
+ hover: 'lxStudioPurpleHover'
48
43
  },
49
44
  interface: {
50
45
  _: 'hyper-500',
@@ -52,16 +47,8 @@ export const lxStudioTheme = createTheme(coreTheme).addColors(lxStudioPalette).a
52
47
  },
53
48
  border: {
54
49
  primary: 'navy-400',
55
- secondary: 'navy-600',
56
50
  tertiary: 'navy-800',
57
51
  disabled: 'navy-300'
58
52
  }
59
53
  }
60
- }).addScale('borderRadii', () => ({
61
- none: '0px',
62
- sm: '4px',
63
- md: '8px',
64
- lg: '12px',
65
- xl: '16px',
66
- full: '999px'
67
- })).build();
54
+ }).build();
package/dist/variables/colors.d.ts CHANGED
@@ -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";
package/dist/variables/colors.js CHANGED
@@ -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.fe3518.0",
4
+ "version": "17.6.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": "9d958d2537b662d4bdd4d56ea74ff79475761526"
37
+ "gitHead": "74d89a5287fe289fcd615bde0418c0b53611f582"
38
38
  }