@codecademy/gamut-styles 17.5.1-alpha.340ee7.0 → 17.6.0-alpha.4fa030.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 (8) hide show
  1. package/dist/themes/index.d.ts +0 -1
  2. package/dist/themes/index.js +1 -2
  3. package/dist/variables/colors.d.ts +0 -100
  4. package/dist/variables/colors.js +0 -74
  5. package/dist/variables/deprecated-colors.d.ts +1 -1
  6. package/package.json +2 -2
  7. package/dist/themes/enterprise.d.ts +0 -1055
  8. package/dist/themes/enterprise.js +0 -68
package/dist/themes/index.d.ts CHANGED
@@ -1,4 +1,3 @@
1
1
  export * from './core';
2
2
  export * from './platform';
3
3
  export * from './admin';
4
- export * from './enterprise';
package/dist/themes/index.js CHANGED
@@ -1,4 +1,3 @@
1
1
  export * from './core';
2
2
  export * from './platform';
3
- export * from './admin';
4
- export * from './enterprise';
3
+ export * from './admin';
package/dist/variables/colors.d.ts CHANGED
@@ -193,103 +193,3 @@ export declare const platformPalette: {
193
193
  readonly "teal-500": "#027E97";
194
194
  readonly "purple-300": "#B3CCFF";
195
195
  };
196
- export declare const enterpriseSwatches: {
197
- readonly blue: {
198
- readonly '50': "#F0F8FE";
199
- readonly '100': "#E0F2FE";
200
- readonly '200': "#B7DDF8";
201
- readonly '300': "#78BAE9";
202
- readonly '400': "#3498DF";
203
- readonly '500': "#0073C4";
204
- readonly '600': "#005998";
205
- readonly '700': "#00406C";
206
- readonly '800': "#002640";
207
- readonly '900': "#001626";
208
- };
209
- readonly gray: {
210
- readonly '50': "#F3F5F7";
211
- readonly '100': "#E1E6EA";
212
- readonly '200': "#CAD4DC";
213
- readonly '300': "#AAB8C1";
214
- readonly '400': "#80919C";
215
- readonly '500': "#6B7B85";
216
- readonly '600': "#56646E";
217
- readonly '700': "#404E58";
218
- readonly '800': "#2B3841";
219
- readonly '900': "#15222B";
220
- };
221
- readonly skyBlue: {
222
- readonly '100': "#E6FAFF";
223
- readonly '500': "#21B9E8";
224
- };
225
- readonly green: {
226
- readonly '0': "#EBF6E4";
227
- readonly '400': "#6EAB49";
228
- readonly '500': "#42811A";
229
- readonly '700': "#1D4C12";
230
- };
231
- readonly pink: {
232
- readonly '100': "#FEE7F2";
233
- readonly '400': "#DF659E";
234
- readonly '500': "#CD397E";
235
- };
236
- readonly yellow: {
237
- readonly '0': "#FEFAE8";
238
- readonly '500': "#E8C427";
239
- };
240
- readonly orange: {
241
- readonly '500': "#F2A036";
242
- };
243
- readonly red: {
244
- readonly '0': "#FBE8E8";
245
- readonly '100': "#F4C7C7";
246
- readonly '500': "#BE3636";
247
- readonly '600': "#932729";
248
- };
249
- };
250
- export declare const enterprisePalette: {
251
- readonly mulberryPink: "#CD397E";
252
- readonly blue: "#3498DF";
253
- readonly green: "#42811A";
254
- readonly skyBlue: "#21B9E8";
255
- readonly yellow: "#E8C427";
256
- readonly red: "#BE3636";
257
- readonly gray: "#6B7B85";
258
- readonly black: "#000C14";
259
- readonly "blue-100": "#E0F2FE";
260
- readonly "blue-300": "#78BAE9";
261
- readonly "blue-400": "#3498DF";
262
- readonly "blue-500": "#0073C4";
263
- readonly "blue-800": "#002640";
264
- readonly "green-0": "#EBF6E4";
265
- readonly "green-400": "#6EAB49";
266
- readonly "green-700": "#1D4C12";
267
- readonly "yellow-0": "#FEFAE8";
268
- readonly "yellow-500": "#E8C427";
269
- readonly "pink-400": "#DF659E";
270
- readonly "red-0": "#FBE8E8";
271
- readonly "red-100": "#F4C7C7";
272
- readonly "red-500": "#BE3636";
273
- readonly "red-600": "#932729";
274
- readonly "orange-500": "#F2A036";
275
- readonly "gray-100": "#E1E6EA";
276
- readonly "gray-300": "#AAB8C1";
277
- readonly "gray-800": "#2B3841";
278
- readonly "gray-200": "#CAD4DC";
279
- readonly "gray-600": "#56646E";
280
- readonly "gray-900": "#15222B";
281
- readonly "blue-200": "#B7DDF8";
282
- readonly "blue-600": "#005998";
283
- readonly "blue-700": "#00406C";
284
- readonly "blue-900": "#001626";
285
- readonly "blue-50": "#F0F8FE";
286
- readonly "green-500": "#42811A";
287
- readonly "pink-100": "#FEE7F2";
288
- readonly "pink-500": "#CD397E";
289
- readonly "gray-400": "#80919C";
290
- readonly "gray-500": "#6B7B85";
291
- readonly "gray-700": "#404E58";
292
- readonly "gray-50": "#F3F5F7";
293
- readonly "skyBlue-100": "#E6FAFF";
294
- readonly "skyBlue-500": "#21B9E8";
295
- };
package/dist/variables/colors.js CHANGED
@@ -148,78 +148,4 @@ const truePlatformColors = {
148
148
  export const platformPalette = {
149
149
  ...flattenScale(platformSwatches),
150
150
  ...truePlatformColors
151
- };
152
-
153
- /**
154
- * Enterprise Colors
155
- */
156
-
157
- const enterpriseBlack = '#000C14';
158
- export const enterpriseSwatches = {
159
- blue: {
160
- '50': '#F0F8FE',
161
- '100': '#E0F2FE',
162
- '200': '#B7DDF8',
163
- '300': '#78BAE9',
164
- '400': '#3498DF',
165
- '500': '#0073C4',
166
- '600': '#005998',
167
- '700': '#00406C',
168
- '800': '#002640',
169
- '900': '#001626'
170
- },
171
- gray: {
172
- '50': '#F3F5F7',
173
- '100': '#E1E6EA',
174
- '200': '#CAD4DC',
175
- '300': '#AAB8C1',
176
- '400': '#80919C',
177
- '500': '#6B7B85',
178
- '600': '#56646E',
179
- '700': '#404E58',
180
- '800': '#2B3841',
181
- '900': '#15222B'
182
- },
183
- skyBlue: {
184
- '100': '#E6FAFF',
185
- '500': '#21B9E8'
186
- },
187
- green: {
188
- '0': '#EBF6E4',
189
- '400': '#6EAB49',
190
- '500': '#42811A',
191
- '700': '#1D4C12'
192
- },
193
- pink: {
194
- '100': '#FEE7F2',
195
- '400': '#DF659E',
196
- '500': '#CD397E'
197
- },
198
- yellow: {
199
- '0': '#FEFAE8',
200
- '500': '#E8C427'
201
- },
202
- orange: {
203
- '500': '#F2A036'
204
- },
205
- red: {
206
- '0': '#FBE8E8',
207
- '100': '#F4C7C7',
208
- '500': '#BE3636',
209
- '600': '#932729'
210
- }
211
- };
212
- const trueEnterpriseColors = {
213
- mulberryPink: enterpriseSwatches.pink[500],
214
- blue: enterpriseSwatches.blue[400],
215
- green: enterpriseSwatches.green[500],
216
- skyBlue: enterpriseSwatches.skyBlue[500],
217
- yellow: enterpriseSwatches.yellow[500],
218
- red: enterpriseSwatches.red[500],
219
- gray: enterpriseSwatches.gray[500],
220
- black: enterpriseBlack
221
- };
222
- export const enterprisePalette = {
223
- ...flattenScale(enterpriseSwatches),
224
- ...trueEnterpriseColors
225
151
  };
package/dist/variables/deprecated-colors.d.ts CHANGED
@@ -149,8 +149,8 @@ export declare const colors: {
149
149
  readonly "gray-900": "#19191a";
150
150
  readonly "beige-0": "#FFF0E5";
151
151
  readonly "blue-900": "#10162f";
152
+ readonly "gray-0": "#ffffff";
152
153
  readonly "gray-400": "#a2a2a6";
153
154
  readonly "gray-500": "#828285";
154
155
  readonly "gray-700": "#4b4b4d";
155
- readonly "gray-0": "#ffffff";
156
156
  };
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.1-alpha.340ee7.0",
4
+ "version": "17.6.0-alpha.4fa030.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": "3710b389a998d43484694e01831e493a0c3c7bd5"
37
+ "gitHead": "846f035d72af2c3e1299f65cd8e7987e3a2354ab"
38
38
  }
package/dist/themes/enterprise.d.ts DELETED
@@ -1,1055 +0,0 @@
1
- export declare const enterpriseTheme: Record<"breakpoints", {
2
- xs: string;
3
- sm: string;
4
- md: string;
5
- lg: string;
6
- xl: string;
7
- }> & import("@codecademy/variance/dist/createTheme/types").Merge<Record<"breakpoints", {
8
- xs: string;
9
- sm: string;
10
- md: string;
11
- lg: string;
12
- xl: string;
13
- }> & import("@codecademy/variance/dist/createTheme/types").Merge<Record<"elements", Record<"elements", import("@codecademy/variance").KeyAsVariable<{
14
- readonly headerHeight: {
15
- readonly base: "4rem";
16
- readonly md: "5rem";
17
- };
18
- readonly headerZ: 15;
19
- }, "elements">>> & import("@codecademy/variance/dist/createTheme/types").Merge<import("@codecademy/variance/dist/createTheme/types").MergeTheme<import("@codecademy/variance/dist/createTheme/types").MergeTheme<Record<"breakpoints", {
20
- xs: string;
21
- sm: string;
22
- md: string;
23
- lg: string;
24
- xl: string;
25
- }> & import("@codecademy/variance/dist/createTheme/types").Merge<{
26
- breakpoints: {
27
- xs: string;
28
- sm: string;
29
- md: string;
30
- lg: string;
31
- xl: string;
32
- };
33
- borderRadii: {
34
- none: string;
35
- sm: string;
36
- md: string;
37
- lg: string;
38
- xl: string;
39
- full: string;
40
- };
41
- fontSize: {
42
- readonly 64: string;
43
- readonly 44: string;
44
- readonly 34: string;
45
- readonly 26: string;
46
- readonly 22: string;
47
- readonly 20: string;
48
- readonly 18: string;
49
- readonly 16: string;
50
- readonly 14: string;
51
- };
52
- fontFamily: {
53
- readonly accent: "\"Suisse\", \"Apercu\", -apple-system, BlinkMacSystemFont,\n\"Segoe UI\", \"Roboto\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\",\n\"Helvetica Neue\", sans-serif";
54
- readonly base: "\"Apercu\", -apple-system, BlinkMacSystemFont, \"Segoe UI\",\n\"Roboto\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\",\nsans-serif";
55
- readonly monospace: "Monaco, Menlo, \"Ubuntu Mono\", \"Droid Sans Mono\", Consolas,\nmonospace";
56
- readonly system: "-apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Ubuntu\",\n\"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif";
57
- };
58
- lineHeight: {
59
- readonly base: 1.5;
60
- readonly spacedTitle: 1.3;
61
- readonly title: 1.2;
62
- };
63
- fontWeight: {
64
- readonly base: 400;
65
- readonly title: 700;
66
- readonly 700: 700;
67
- readonly 400: 400;
68
- };
69
- spacing: {
70
- readonly 0: 0;
71
- readonly 4: string;
72
- readonly 8: string;
73
- readonly 12: string;
74
- readonly 16: string;
75
- readonly 24: string;
76
- readonly 32: string;
77
- readonly 40: string;
78
- readonly 48: string;
79
- readonly 64: string;
80
- readonly 96: string;
81
- };
82
- elements: {
83
- readonly headerHeight: {
84
- readonly base: "4rem";
85
- readonly md: "5rem";
86
- };
87
- readonly headerZ: 15;
88
- };
89
- } & import("@codecademy/variance/dist/createTheme/types").PrivateThemeKeys, Record<"colors", import("@codecademy/variance").KeyAsVariable<import("@codecademy/variance").LiteralPaths<{
90
- readonly beige: "#FFF0E5";
91
- readonly blue: "#1557FF";
92
- readonly green: "#008A27";
93
- readonly hyper: "#3A10E5";
94
- readonly lightBlue: "#66C4FF";
95
- readonly lightGreen: "#AEE938";
96
- readonly navy: "#10162F";
97
- readonly orange: "#FF8C00";
98
- readonly paleBlue: "#F5FCFF";
99
- readonly paleGreen: "#F5FFE3";
100
- readonly palePink: "#FFF5FF";
101
- readonly paleYellow: "#FFFAE5";
102
- readonly pink: "#F966FF";
103
- readonly paleRed: "#DC5879";
104
- readonly red: "#E91C11";
105
- readonly yellow: "#FFD300";
106
- readonly black: "#000000";
107
- readonly white: "#ffffff";
108
- readonly "shadow-white-slight": string;
109
- readonly "shadow-white-heavy": string;
110
- readonly "shadow-black-slight": string;
111
- readonly "shadow-black-heavy": string;
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<{
160
- text: {
161
- _: "navy-800";
162
- accent: "navy-900";
163
- disabled: "navy-500";
164
- secondary: "navy-600";
165
- };
166
- feedback: {
167
- error: "red-600";
168
- success: "green-700";
169
- warning: "yellow";
170
- };
171
- background: {
172
- _: "white";
173
- contrast: "white";
174
- current: "white";
175
- primary: "beige";
176
- selected: "navy-100";
177
- disabled: "navy-200";
178
- hover: "navy-200";
179
- };
180
- shadow: {
181
- opaque: "shadow-white-heavy";
182
- solid: "gray-200";
183
- };
184
- primary: {
185
- _: "hyper-500";
186
- hover: "hyper-400";
187
- inverse: "yellow-500";
188
- };
189
- secondary: {
190
- _: "navy-800";
191
- hover: "navy-700";
192
- };
193
- danger: {
194
- _: "red-500";
195
- hover: "red-600";
196
- };
197
- interface: {
198
- _: "hyper-500";
199
- hover: "hyper-400";
200
- };
201
- border: {
202
- primary: "navy-800";
203
- secondary: "navy-600";
204
- tertiary: "navy-300";
205
- disabled: "navy-500";
206
- };
207
- } | {
208
- text: {
209
- _: "white";
210
- accent: "beige";
211
- disabled: "white-500";
212
- secondary: "white-600";
213
- };
214
- feedback: {
215
- error: "red-0";
216
- success: "green-400";
217
- warning: "yellow-0";
218
- };
219
- background: {
220
- _: "navy-800";
221
- contrast: "black";
222
- current: "navy-800";
223
- primary: "navy-900";
224
- selected: "white-100";
225
- disabled: "white-200";
226
- hover: "white-200";
227
- };
228
- shadow: {
229
- opaque: "shadow-black-heavy";
230
- solid: "black";
231
- };
232
- primary: {
233
- _: "yellow-500";
234
- hover: "yellow-400";
235
- inverse: "hyper-500";
236
- };
237
- secondary: {
238
- _: "white";
239
- hover: "white-700";
240
- };
241
- danger: {
242
- _: "red-0";
243
- hover: "red-100";
244
- };
245
- interface: {
246
- _: "yellow-500";
247
- hover: "yellow-400";
248
- };
249
- border: {
250
- primary: "white";
251
- secondary: "white-600";
252
- tertiary: "white-300";
253
- disabled: "white-500";
254
- };
255
- }, "-", "_">, "colors"> & import("@codecademy/variance").KeyAsVariable<import("@codecademy/variance").LiteralPaths<{
256
- readonly beige: "#FFF0E5";
257
- readonly blue: "#1557FF";
258
- readonly green: "#008A27";
259
- readonly hyper: "#3A10E5";
260
- readonly lightBlue: "#66C4FF";
261
- readonly lightGreen: "#AEE938";
262
- readonly navy: "#10162F";
263
- readonly orange: "#FF8C00";
264
- readonly paleBlue: "#F5FCFF";
265
- readonly paleGreen: "#F5FFE3";
266
- readonly palePink: "#FFF5FF";
267
- readonly paleYellow: "#FFFAE5";
268
- readonly pink: "#F966FF";
269
- readonly paleRed: "#DC5879";
270
- readonly red: "#E91C11";
271
- readonly yellow: "#FFD300";
272
- readonly black: "#000000";
273
- readonly white: "#ffffff";
274
- readonly "shadow-white-slight": string;
275
- readonly "shadow-white-heavy": string;
276
- readonly "shadow-black-slight": string;
277
- readonly "shadow-black-heavy": string;
278
- readonly "beige-100": "#FFF0E5";
279
- readonly "blue-0": "#F5FCFF";
280
- readonly "blue-100": "#D3F2FF";
281
- readonly "blue-300": "#66C4FF";
282
- readonly "blue-400": "#3388FF";
283
- readonly "blue-500": "#1557FF";
284
- readonly "blue-800": "#1D2340";
285
- readonly "navy-100": string;
286
- readonly "navy-300": string;
287
- readonly "navy-400": string;
288
- readonly "navy-500": string;
289
- readonly "navy-800": "#10162F";
290
- readonly "navy-200": string;
291
- readonly "navy-600": string;
292
- readonly "navy-700": string;
293
- readonly "navy-900": "#0A0D1C";
294
- readonly "green-0": "#F5FFE3";
295
- readonly "green-100": "#EAFDC6";
296
- readonly "green-400": "#AEE938";
297
- readonly "green-700": "#008A27";
298
- readonly "yellow-0": "#FFFAE5";
299
- readonly "yellow-400": "#CCA900";
300
- readonly "yellow-500": "#FFD300";
301
- readonly "pink-0": "#FFF5FF";
302
- readonly "pink-400": "#F966FF";
303
- readonly "red-0": "#E85D7F";
304
- readonly "red-100": "#DC5879";
305
- readonly "red-500": "#E91C11";
306
- readonly "red-600": "#BE1809";
307
- readonly "orange-100": "#FFE8CC";
308
- readonly "orange-500": "#FF8C00";
309
- readonly "hyper-400": "#5533FF";
310
- readonly "hyper-500": "#3A10E5";
311
- readonly "gray-100": "#F5F5F5";
312
- readonly "gray-300": "#E0E0E0";
313
- readonly "gray-800": "#616161";
314
- readonly "gray-200": "#EEEEEE";
315
- readonly "gray-600": "#9E9E9E";
316
- readonly "gray-900": "#424242";
317
- readonly "white-100": string;
318
- readonly "white-300": string;
319
- readonly "white-400": string;
320
- readonly "white-500": string;
321
- readonly "white-200": string;
322
- readonly "white-600": string;
323
- readonly "white-700": string;
324
- }, "-">, "color">;
325
- modes: import("@codecademy/variance/dist/createTheme/types").Merge<unknown, {
326
- light: import("@codecademy/variance").LiteralPaths<{
327
- text: {
328
- _: "navy-800";
329
- accent: "navy-900";
330
- disabled: "navy-500";
331
- secondary: "navy-600";
332
- };
333
- feedback: {
334
- error: "red-600";
335
- success: "green-700";
336
- warning: "yellow";
337
- };
338
- background: {
339
- _: "white";
340
- contrast: "white";
341
- current: "white";
342
- primary: "beige";
343
- selected: "navy-100";
344
- disabled: "navy-200";
345
- hover: "navy-200";
346
- };
347
- shadow: {
348
- opaque: "shadow-white-heavy";
349
- solid: "gray-200";
350
- };
351
- primary: {
352
- _: "hyper-500";
353
- hover: "hyper-400";
354
- inverse: "yellow-500";
355
- };
356
- secondary: {
357
- _: "navy-800";
358
- hover: "navy-700";
359
- };
360
- danger: {
361
- _: "red-500";
362
- hover: "red-600";
363
- };
364
- interface: {
365
- _: "hyper-500";
366
- hover: "hyper-400";
367
- };
368
- border: {
369
- primary: "navy-800";
370
- secondary: "navy-600";
371
- tertiary: "navy-300";
372
- disabled: "navy-500";
373
- };
374
- }, "-", "_">;
375
- dark: import("@codecademy/variance").LiteralPaths<{
376
- text: {
377
- _: "white";
378
- accent: "beige";
379
- disabled: "white-500";
380
- secondary: "white-600";
381
- };
382
- feedback: {
383
- error: "red-0";
384
- success: "green-400";
385
- warning: "yellow-0";
386
- };
387
- background: {
388
- _: "navy-800";
389
- contrast: "black";
390
- current: "navy-800";
391
- primary: "navy-900";
392
- selected: "white-100";
393
- disabled: "white-200";
394
- hover: "white-200";
395
- };
396
- shadow: {
397
- opaque: "shadow-black-heavy";
398
- solid: "black";
399
- };
400
- primary: {
401
- _: "yellow-500";
402
- hover: "yellow-400";
403
- inverse: "hyper-500";
404
- };
405
- secondary: {
406
- _: "white";
407
- hover: "white-700";
408
- };
409
- danger: {
410
- _: "red-0";
411
- hover: "red-100";
412
- };
413
- interface: {
414
- _: "yellow-500";
415
- hover: "yellow-400";
416
- };
417
- border: {
418
- primary: "white";
419
- secondary: "white-600";
420
- tertiary: "white-300";
421
- disabled: "white-500";
422
- };
423
- }, "-", "_">;
424
- }>;
425
- mode: "light" | "dark";
426
- _getColorValue: (color: import("@codecademy/variance").Path<{
427
- readonly beige: "#FFF0E5";
428
- readonly blue: "#1557FF";
429
- readonly green: "#008A27";
430
- readonly hyper: "#3A10E5";
431
- readonly lightBlue: "#66C4FF";
432
- readonly lightGreen: "#AEE938";
433
- readonly navy: "#10162F";
434
- readonly orange: "#FF8C00";
435
- readonly paleBlue: "#F5FCFF";
436
- readonly paleGreen: "#F5FFE3";
437
- readonly palePink: "#FFF5FF";
438
- readonly paleYellow: "#FFFAE5";
439
- readonly pink: "#F966FF";
440
- readonly paleRed: "#DC5879";
441
- readonly red: "#E91C11";
442
- readonly yellow: "#FFD300";
443
- readonly black: "#000000";
444
- readonly white: "#ffffff";
445
- readonly "shadow-white-slight": string;
446
- readonly "shadow-white-heavy": string;
447
- readonly "shadow-black-slight": string;
448
- readonly "shadow-black-heavy": string;
449
- readonly "beige-100": "#FFF0E5";
450
- readonly "blue-0": "#F5FCFF";
451
- readonly "blue-100": "#D3F2FF";
452
- readonly "blue-300": "#66C4FF";
453
- readonly "blue-400": "#3388FF";
454
- readonly "blue-500": "#1557FF";
455
- readonly "blue-800": "#1D2340";
456
- readonly "navy-100": string;
457
- readonly "navy-300": string;
458
- readonly "navy-400": string;
459
- readonly "navy-500": string;
460
- readonly "navy-800": "#10162F";
461
- readonly "navy-200": string;
462
- readonly "navy-600": string;
463
- readonly "navy-700": string;
464
- readonly "navy-900": "#0A0D1C";
465
- readonly "green-0": "#F5FFE3";
466
- readonly "green-100": "#EAFDC6";
467
- readonly "green-400": "#AEE938";
468
- readonly "green-700": "#008A27";
469
- readonly "yellow-0": "#FFFAE5";
470
- readonly "yellow-400": "#CCA900";
471
- readonly "yellow-500": "#FFD300";
472
- readonly "pink-0": "#FFF5FF";
473
- readonly "pink-400": "#F966FF";
474
- readonly "red-0": "#E85D7F";
475
- readonly "red-100": "#DC5879";
476
- readonly "red-500": "#E91C11";
477
- readonly "red-600": "#BE1809";
478
- readonly "orange-100": "#FFE8CC";
479
- readonly "orange-500": "#FF8C00";
480
- readonly "hyper-400": "#5533FF";
481
- readonly "hyper-500": "#3A10E5";
482
- readonly "gray-100": "#F5F5F5";
483
- readonly "gray-300": "#E0E0E0";
484
- readonly "gray-800": "#616161";
485
- readonly "gray-200": "#EEEEEE";
486
- readonly "gray-600": "#9E9E9E";
487
- readonly "gray-900": "#424242";
488
- readonly "white-100": string;
489
- readonly "white-300": string;
490
- readonly "white-400": string;
491
- readonly "white-500": string;
492
- readonly "white-200": string;
493
- readonly "white-600": string;
494
- readonly "white-700": string;
495
- }, "-">) => string;
496
- }>, Record<"borders", import("@codecademy/variance").LiteralPaths<{
497
- 1: string;
498
- 2: string;
499
- }, "-">>>, import("@codecademy/variance/dist/createTheme/types").PrivateThemeKeys> & import("@codecademy/variance/dist/createTheme/types").PrivateThemeKeys, Record<"colors", import("@codecademy/variance").KeyAsVariable<import("@codecademy/variance").LiteralPaths<{
500
- readonly mulberryPink: "#CD397E";
501
- readonly blue: "#3498DF";
502
- readonly green: "#42811A";
503
- readonly skyBlue: "#21B9E8";
504
- readonly yellow: "#E8C427";
505
- readonly red: "#BE3636";
506
- readonly gray: "#6B7B85";
507
- readonly black: "#000C14";
508
- readonly "blue-100": "#E0F2FE";
509
- readonly "blue-300": "#78BAE9";
510
- readonly "blue-400": "#3498DF";
511
- readonly "blue-500": "#0073C4";
512
- readonly "blue-800": "#002640";
513
- readonly "green-0": "#EBF6E4";
514
- readonly "green-400": "#6EAB49";
515
- readonly "green-700": "#1D4C12";
516
- readonly "yellow-0": "#FEFAE8";
517
- readonly "yellow-500": "#E8C427";
518
- readonly "pink-400": "#DF659E";
519
- readonly "red-0": "#FBE8E8";
520
- readonly "red-100": "#F4C7C7";
521
- readonly "red-500": "#BE3636";
522
- readonly "red-600": "#932729";
523
- readonly "orange-500": "#F2A036";
524
- readonly "gray-100": "#E1E6EA";
525
- readonly "gray-300": "#AAB8C1";
526
- readonly "gray-800": "#2B3841";
527
- readonly "gray-200": "#CAD4DC";
528
- readonly "gray-600": "#56646E";
529
- readonly "gray-900": "#15222B";
530
- readonly "blue-200": "#B7DDF8";
531
- readonly "blue-600": "#005998";
532
- readonly "blue-700": "#00406C";
533
- readonly "blue-900": "#001626";
534
- readonly "blue-50": "#F0F8FE";
535
- readonly "green-500": "#42811A";
536
- readonly "pink-100": "#FEE7F2";
537
- readonly "pink-500": "#CD397E";
538
- readonly "gray-400": "#80919C";
539
- readonly "gray-500": "#6B7B85";
540
- readonly "gray-700": "#404E58";
541
- readonly "gray-50": "#F3F5F7";
542
- readonly "skyBlue-100": "#E6FAFF";
543
- readonly "skyBlue-500": "#21B9E8";
544
- }, "-">, "color">>> & import("@codecademy/variance/dist/createTheme/types").PrivateThemeKeys, {
545
- colors: import("@codecademy/variance").KeyAsVariable<import("@codecademy/variance").LiteralPaths<{
546
- text: {
547
- _: "gray-900";
548
- accent: "blue";
549
- disabled: "gray-500";
550
- secondary: "gray-500";
551
- };
552
- background: {
553
- _: "white";
554
- contrast: "white";
555
- current: "white";
556
- primary: "beige";
557
- selected: "blue-50";
558
- disabled: "gray-100";
559
- hover: "gray-200";
560
- };
561
- primary: {
562
- _: "blue";
563
- hover: "blue-400";
564
- inverse: "white";
565
- };
566
- secondary: {
567
- _: "gray-900";
568
- hover: "gray-800";
569
- };
570
- interface: {
571
- _: "blue";
572
- hover: "blue-400";
573
- };
574
- danger: {
575
- _: "red";
576
- hover: "red-600";
577
- };
578
- } | {
579
- text: {
580
- _: "white";
581
- accent: "blue";
582
- disabled: "gray-100";
583
- secondary: "gray-200";
584
- };
585
- background: {
586
- _: "gray-900";
587
- current: "gray-800";
588
- primary: "gray-900";
589
- selected: "gray-700";
590
- disabled: "gray-500";
591
- hover: "gray-600";
592
- };
593
- primary: {
594
- _: "skyBlue";
595
- hover: "skyBlue-100";
596
- inverse: "blue";
597
- };
598
- secondary: {
599
- _: "white";
600
- hover: "blue-50";
601
- };
602
- interface: {
603
- _: "white";
604
- hover: "blue-50";
605
- };
606
- }, "-", "_">, "colors"> & import("@codecademy/variance/dist/createTheme/types").Assign<import("@codecademy/variance/dist/createTheme/types").Assign<import("@codecademy/variance").KeyAsVariable<import("@codecademy/variance").LiteralPaths<{
607
- readonly beige: "#FFF0E5";
608
- readonly blue: "#1557FF";
609
- readonly green: "#008A27";
610
- readonly hyper: "#3A10E5";
611
- readonly lightBlue: "#66C4FF";
612
- readonly lightGreen: "#AEE938";
613
- readonly navy: "#10162F";
614
- readonly orange: "#FF8C00";
615
- readonly paleBlue: "#F5FCFF";
616
- readonly paleGreen: "#F5FFE3";
617
- readonly palePink: "#FFF5FF";
618
- readonly paleYellow: "#FFFAE5";
619
- readonly pink: "#F966FF";
620
- readonly paleRed: "#DC5879";
621
- readonly red: "#E91C11";
622
- readonly yellow: "#FFD300";
623
- readonly black: "#000000";
624
- readonly white: "#ffffff";
625
- readonly "shadow-white-slight": string;
626
- readonly "shadow-white-heavy": string;
627
- readonly "shadow-black-slight": string;
628
- readonly "shadow-black-heavy": string;
629
- readonly "beige-100": "#FFF0E5";
630
- readonly "blue-0": "#F5FCFF";
631
- readonly "blue-100": "#D3F2FF";
632
- readonly "blue-300": "#66C4FF";
633
- readonly "blue-400": "#3388FF";
634
- readonly "blue-500": "#1557FF";
635
- readonly "blue-800": "#1D2340";
636
- readonly "navy-100": string;
637
- readonly "navy-300": string;
638
- readonly "navy-400": string;
639
- readonly "navy-500": string;
640
- readonly "navy-800": "#10162F";
641
- readonly "navy-200": string;
642
- readonly "navy-600": string;
643
- readonly "navy-700": string;
644
- readonly "navy-900": "#0A0D1C";
645
- readonly "green-0": "#F5FFE3";
646
- readonly "green-100": "#EAFDC6";
647
- readonly "green-400": "#AEE938";
648
- readonly "green-700": "#008A27";
649
- readonly "yellow-0": "#FFFAE5";
650
- readonly "yellow-400": "#CCA900";
651
- readonly "yellow-500": "#FFD300";
652
- readonly "pink-0": "#FFF5FF";
653
- readonly "pink-400": "#F966FF";
654
- readonly "red-0": "#E85D7F";
655
- readonly "red-100": "#DC5879";
656
- readonly "red-500": "#E91C11";
657
- readonly "red-600": "#BE1809";
658
- readonly "orange-100": "#FFE8CC";
659
- readonly "orange-500": "#FF8C00";
660
- readonly "hyper-400": "#5533FF";
661
- readonly "hyper-500": "#3A10E5";
662
- readonly "gray-100": "#F5F5F5";
663
- readonly "gray-300": "#E0E0E0";
664
- readonly "gray-800": "#616161";
665
- readonly "gray-200": "#EEEEEE";
666
- readonly "gray-600": "#9E9E9E";
667
- readonly "gray-900": "#424242";
668
- readonly "white-100": string;
669
- readonly "white-300": string;
670
- readonly "white-400": string;
671
- readonly "white-500": string;
672
- readonly "white-200": string;
673
- readonly "white-600": string;
674
- readonly "white-700": string;
675
- }, "-">, "color">, import("@codecademy/variance").KeyAsVariable<import("@codecademy/variance").LiteralPaths<{
676
- text: {
677
- _: "navy-800";
678
- accent: "navy-900";
679
- disabled: "navy-500";
680
- secondary: "navy-600";
681
- };
682
- feedback: {
683
- error: "red-600";
684
- success: "green-700";
685
- warning: "yellow";
686
- };
687
- background: {
688
- _: "white";
689
- contrast: "white";
690
- current: "white";
691
- primary: "beige";
692
- selected: "navy-100";
693
- disabled: "navy-200";
694
- hover: "navy-200";
695
- };
696
- shadow: {
697
- opaque: "shadow-white-heavy";
698
- solid: "gray-200";
699
- };
700
- primary: {
701
- _: "hyper-500";
702
- hover: "hyper-400";
703
- inverse: "yellow-500";
704
- };
705
- secondary: {
706
- _: "navy-800";
707
- hover: "navy-700";
708
- };
709
- danger: {
710
- _: "red-500";
711
- hover: "red-600";
712
- };
713
- interface: {
714
- _: "hyper-500";
715
- hover: "hyper-400";
716
- };
717
- border: {
718
- primary: "navy-800";
719
- secondary: "navy-600";
720
- tertiary: "navy-300";
721
- disabled: "navy-500";
722
- };
723
- } | {
724
- text: {
725
- _: "white";
726
- accent: "beige";
727
- disabled: "white-500";
728
- secondary: "white-600";
729
- };
730
- feedback: {
731
- error: "red-0";
732
- success: "green-400";
733
- warning: "yellow-0";
734
- };
735
- background: {
736
- _: "navy-800";
737
- contrast: "black";
738
- current: "navy-800";
739
- primary: "navy-900";
740
- selected: "white-100";
741
- disabled: "white-200";
742
- hover: "white-200";
743
- };
744
- shadow: {
745
- opaque: "shadow-black-heavy";
746
- solid: "black";
747
- };
748
- primary: {
749
- _: "yellow-500";
750
- hover: "yellow-400";
751
- inverse: "hyper-500";
752
- };
753
- secondary: {
754
- _: "white";
755
- hover: "white-700";
756
- };
757
- danger: {
758
- _: "red-0";
759
- hover: "red-100";
760
- };
761
- interface: {
762
- _: "yellow-500";
763
- hover: "yellow-400";
764
- };
765
- border: {
766
- primary: "white";
767
- secondary: "white-600";
768
- tertiary: "white-300";
769
- disabled: "white-500";
770
- };
771
- }, "-", "_">, "colors"> & import("@codecademy/variance").KeyAsVariable<import("@codecademy/variance").LiteralPaths<{
772
- readonly beige: "#FFF0E5";
773
- readonly blue: "#1557FF";
774
- readonly green: "#008A27";
775
- readonly hyper: "#3A10E5";
776
- readonly lightBlue: "#66C4FF";
777
- readonly lightGreen: "#AEE938";
778
- readonly navy: "#10162F";
779
- readonly orange: "#FF8C00";
780
- readonly paleBlue: "#F5FCFF";
781
- readonly paleGreen: "#F5FFE3";
782
- readonly palePink: "#FFF5FF";
783
- readonly paleYellow: "#FFFAE5";
784
- readonly pink: "#F966FF";
785
- readonly paleRed: "#DC5879";
786
- readonly red: "#E91C11";
787
- readonly yellow: "#FFD300";
788
- readonly black: "#000000";
789
- readonly white: "#ffffff";
790
- readonly "shadow-white-slight": string;
791
- readonly "shadow-white-heavy": string;
792
- readonly "shadow-black-slight": string;
793
- readonly "shadow-black-heavy": string;
794
- readonly "beige-100": "#FFF0E5";
795
- readonly "blue-0": "#F5FCFF";
796
- readonly "blue-100": "#D3F2FF";
797
- readonly "blue-300": "#66C4FF";
798
- readonly "blue-400": "#3388FF";
799
- readonly "blue-500": "#1557FF";
800
- readonly "blue-800": "#1D2340";
801
- readonly "navy-100": string;
802
- readonly "navy-300": string;
803
- readonly "navy-400": string;
804
- readonly "navy-500": string;
805
- readonly "navy-800": "#10162F";
806
- readonly "navy-200": string;
807
- readonly "navy-600": string;
808
- readonly "navy-700": string;
809
- readonly "navy-900": "#0A0D1C";
810
- readonly "green-0": "#F5FFE3";
811
- readonly "green-100": "#EAFDC6";
812
- readonly "green-400": "#AEE938";
813
- readonly "green-700": "#008A27";
814
- readonly "yellow-0": "#FFFAE5";
815
- readonly "yellow-400": "#CCA900";
816
- readonly "yellow-500": "#FFD300";
817
- readonly "pink-0": "#FFF5FF";
818
- readonly "pink-400": "#F966FF";
819
- readonly "red-0": "#E85D7F";
820
- readonly "red-100": "#DC5879";
821
- readonly "red-500": "#E91C11";
822
- readonly "red-600": "#BE1809";
823
- readonly "orange-100": "#FFE8CC";
824
- readonly "orange-500": "#FF8C00";
825
- readonly "hyper-400": "#5533FF";
826
- readonly "hyper-500": "#3A10E5";
827
- readonly "gray-100": "#F5F5F5";
828
- readonly "gray-300": "#E0E0E0";
829
- readonly "gray-800": "#616161";
830
- readonly "gray-200": "#EEEEEE";
831
- readonly "gray-600": "#9E9E9E";
832
- readonly "gray-900": "#424242";
833
- readonly "white-100": string;
834
- readonly "white-300": string;
835
- readonly "white-400": string;
836
- readonly "white-500": string;
837
- readonly "white-200": string;
838
- readonly "white-600": string;
839
- readonly "white-700": string;
840
- }, "-">, "color">>, import("@codecademy/variance").KeyAsVariable<import("@codecademy/variance").LiteralPaths<{
841
- readonly mulberryPink: "#CD397E";
842
- readonly blue: "#3498DF";
843
- readonly green: "#42811A";
844
- readonly skyBlue: "#21B9E8";
845
- readonly yellow: "#E8C427";
846
- readonly red: "#BE3636";
847
- readonly gray: "#6B7B85";
848
- readonly black: "#000C14";
849
- readonly "blue-100": "#E0F2FE";
850
- readonly "blue-300": "#78BAE9";
851
- readonly "blue-400": "#3498DF";
852
- readonly "blue-500": "#0073C4";
853
- readonly "blue-800": "#002640";
854
- readonly "green-0": "#EBF6E4";
855
- readonly "green-400": "#6EAB49";
856
- readonly "green-700": "#1D4C12";
857
- readonly "yellow-0": "#FEFAE8";
858
- readonly "yellow-500": "#E8C427";
859
- readonly "pink-400": "#DF659E";
860
- readonly "red-0": "#FBE8E8";
861
- readonly "red-100": "#F4C7C7";
862
- readonly "red-500": "#BE3636";
863
- readonly "red-600": "#932729";
864
- readonly "orange-500": "#F2A036";
865
- readonly "gray-100": "#E1E6EA";
866
- readonly "gray-300": "#AAB8C1";
867
- readonly "gray-800": "#2B3841";
868
- readonly "gray-200": "#CAD4DC";
869
- readonly "gray-600": "#56646E";
870
- readonly "gray-900": "#15222B";
871
- readonly "blue-200": "#B7DDF8";
872
- readonly "blue-600": "#005998";
873
- readonly "blue-700": "#00406C";
874
- readonly "blue-900": "#001626";
875
- readonly "blue-50": "#F0F8FE";
876
- readonly "green-500": "#42811A";
877
- readonly "pink-100": "#FEE7F2";
878
- readonly "pink-500": "#CD397E";
879
- readonly "gray-400": "#80919C";
880
- readonly "gray-500": "#6B7B85";
881
- readonly "gray-700": "#404E58";
882
- readonly "gray-50": "#F3F5F7";
883
- readonly "skyBlue-100": "#E6FAFF";
884
- readonly "skyBlue-500": "#21B9E8";
885
- }, "-">, "color">>;
886
- modes: import("@codecademy/variance/dist/createTheme/types").Merge<import("@codecademy/variance/dist/createTheme/types").Merge<unknown, {
887
- light: import("@codecademy/variance").LiteralPaths<{
888
- text: {
889
- _: "navy-800";
890
- accent: "navy-900";
891
- disabled: "navy-500";
892
- secondary: "navy-600";
893
- };
894
- feedback: {
895
- error: "red-600";
896
- success: "green-700";
897
- warning: "yellow";
898
- };
899
- background: {
900
- _: "white";
901
- contrast: "white";
902
- current: "white";
903
- primary: "beige";
904
- selected: "navy-100";
905
- disabled: "navy-200";
906
- hover: "navy-200";
907
- };
908
- shadow: {
909
- opaque: "shadow-white-heavy";
910
- solid: "gray-200";
911
- };
912
- primary: {
913
- _: "hyper-500";
914
- hover: "hyper-400";
915
- inverse: "yellow-500";
916
- };
917
- secondary: {
918
- _: "navy-800";
919
- hover: "navy-700";
920
- };
921
- danger: {
922
- _: "red-500";
923
- hover: "red-600";
924
- };
925
- interface: {
926
- _: "hyper-500";
927
- hover: "hyper-400";
928
- };
929
- border: {
930
- primary: "navy-800";
931
- secondary: "navy-600";
932
- tertiary: "navy-300";
933
- disabled: "navy-500";
934
- };
935
- }, "-", "_">;
936
- dark: import("@codecademy/variance").LiteralPaths<{
937
- text: {
938
- _: "white";
939
- accent: "beige";
940
- disabled: "white-500";
941
- secondary: "white-600";
942
- };
943
- feedback: {
944
- error: "red-0";
945
- success: "green-400";
946
- warning: "yellow-0";
947
- };
948
- background: {
949
- _: "navy-800";
950
- contrast: "black";
951
- current: "navy-800";
952
- primary: "navy-900";
953
- selected: "white-100";
954
- disabled: "white-200";
955
- hover: "white-200";
956
- };
957
- shadow: {
958
- opaque: "shadow-black-heavy";
959
- solid: "black";
960
- };
961
- primary: {
962
- _: "yellow-500";
963
- hover: "yellow-400";
964
- inverse: "hyper-500";
965
- };
966
- secondary: {
967
- _: "white";
968
- hover: "white-700";
969
- };
970
- danger: {
971
- _: "red-0";
972
- hover: "red-100";
973
- };
974
- interface: {
975
- _: "yellow-500";
976
- hover: "yellow-400";
977
- };
978
- border: {
979
- primary: "white";
980
- secondary: "white-600";
981
- tertiary: "white-300";
982
- disabled: "white-500";
983
- };
984
- }, "-", "_">;
985
- }>, {
986
- light: import("@codecademy/variance").LiteralPaths<{
987
- text: {
988
- _: "gray-900";
989
- accent: "blue";
990
- disabled: "gray-500";
991
- secondary: "gray-500";
992
- };
993
- background: {
994
- _: "white";
995
- contrast: "white";
996
- current: "white";
997
- primary: "beige";
998
- selected: "blue-50";
999
- disabled: "gray-100";
1000
- hover: "gray-200";
1001
- };
1002
- primary: {
1003
- _: "blue";
1004
- hover: "blue-400";
1005
- inverse: "white";
1006
- };
1007
- secondary: {
1008
- _: "gray-900";
1009
- hover: "gray-800";
1010
- };
1011
- interface: {
1012
- _: "blue";
1013
- hover: "blue-400";
1014
- };
1015
- danger: {
1016
- _: "red";
1017
- hover: "red-600";
1018
- };
1019
- }, "-", "_">;
1020
- dark: import("@codecademy/variance").LiteralPaths<{
1021
- text: {
1022
- _: "white";
1023
- accent: "blue";
1024
- disabled: "gray-100";
1025
- secondary: "gray-200";
1026
- };
1027
- background: {
1028
- _: "gray-900";
1029
- current: "gray-800";
1030
- primary: "gray-900";
1031
- selected: "gray-700";
1032
- disabled: "gray-500";
1033
- hover: "gray-600";
1034
- };
1035
- primary: {
1036
- _: "skyBlue";
1037
- hover: "skyBlue-100";
1038
- inverse: "blue";
1039
- };
1040
- secondary: {
1041
- _: "white";
1042
- hover: "blue-50";
1043
- };
1044
- interface: {
1045
- _: "white";
1046
- hover: "blue-50";
1047
- };
1048
- }, "-", "_">;
1049
- }>;
1050
- mode: "light" | "dark";
1051
- _getColorValue: (color: "beige" | "blue" | "navy" | "green" | "yellow" | "pink" | "red" | "orange" | "hyper" | "gray" | "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" | "shadow-white-slight" | "shadow-white-heavy" | "shadow-black-slight" | "shadow-black-heavy" | "skyBlue" | "blue-200" | "blue-600" | "blue-700" | "blue-900" | "blue-50" | "green-500" | "pink-100" | "pink-500" | "gray-400" | "gray-500" | "gray-700" | "gray-50" | "skyBlue-100" | "skyBlue-500" | "lightBlue" | "lightGreen" | "paleBlue" | "paleGreen" | "palePink" | "paleYellow" | "paleRed" | "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" | "mulberryPink") => string;
1052
- }> & import("@codecademy/variance/dist/createTheme/types").PrivateThemeKeys;
1053
- export type EnterpriseThemeShape = typeof enterpriseTheme;
1054
- export interface EnterpriseTheme extends EnterpriseThemeShape {
1055
- }
package/dist/themes/enterprise.js DELETED
@@ -1,68 +0,0 @@
1
- import { createTheme } from '@codecademy/variance';
2
- import { enterprisePalette } from '../variables';
3
- import { coreTheme } from './core';
4
- export const enterpriseTheme = createTheme(coreTheme).addColors(enterprisePalette).addColorModes('light', {
5
- light: {
6
- text: {
7
- _: 'gray-900',
8
- accent: 'blue',
9
- disabled: 'gray-500',
10
- secondary: 'gray-500'
11
- },
12
- background: {
13
- _: 'white',
14
- contrast: 'white',
15
- current: 'white',
16
- primary: 'beige',
17
- selected: 'blue-50',
18
- disabled: 'gray-100',
19
- hover: 'gray-200'
20
- },
21
- primary: {
22
- _: 'blue',
23
- hover: 'blue-400',
24
- inverse: 'white'
25
- },
26
- secondary: {
27
- _: 'gray-900',
28
- hover: 'gray-800'
29
- },
30
- interface: {
31
- _: 'blue',
32
- hover: 'blue-400'
33
- },
34
- danger: {
35
- _: 'red',
36
- hover: 'red-600'
37
- }
38
- },
39
- dark: {
40
- text: {
41
- _: 'white',
42
- accent: 'blue',
43
- disabled: 'gray-100',
44
- secondary: 'gray-200'
45
- },
46
- background: {
47
- _: 'gray-900',
48
- current: 'gray-800',
49
- primary: 'gray-900',
50
- selected: 'gray-700',
51
- disabled: 'gray-500',
52
- hover: 'gray-600'
53
- },
54
- primary: {
55
- _: 'skyBlue',
56
- hover: 'skyBlue-100',
57
- inverse: 'blue'
58
- },
59
- secondary: {
60
- _: 'white',
61
- hover: 'blue-50'
62
- },
63
- interface: {
64
- _: 'white',
65
- hover: 'blue-50'
66
- }
67
- }
68
- }).build();