@codecademy/gamut-styles 12.1.1 → 12.1.2-alpha.a809e8.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 (128) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/package.json +3 -3
  3. package/dist/AssetProvider.d.ts +0 -3
  4. package/dist/AssetProvider.js +0 -22
  5. package/dist/AssetProvider.js.map +0 -1
  6. package/dist/Background.d.ts +0 -6
  7. package/dist/Background.js +0 -104
  8. package/dist/Background.js.map +0 -1
  9. package/dist/ColorMode.d.ts +0 -1277
  10. package/dist/ColorMode.js +0 -107
  11. package/dist/ColorMode.js.map +0 -1
  12. package/dist/GamutProvider.d.ts +0 -15
  13. package/dist/GamutProvider.js +0 -56
  14. package/dist/GamutProvider.js.map +0 -1
  15. package/dist/__tests__/Background-test.d.ts +0 -1
  16. package/dist/__tests__/GamutProvider-test.d.ts +0 -1
  17. package/dist/cache/__tests__/createEmotionCache-test.d.ts +0 -1
  18. package/dist/cache/createEmotionCache.d.ts +0 -4
  19. package/dist/cache/createEmotionCache.js +0 -49
  20. package/dist/cache/createEmotionCache.js.map +0 -1
  21. package/dist/cache/index.d.ts +0 -1
  22. package/dist/cache/index.js +0 -1
  23. package/dist/cache/index.js.map +0 -1
  24. package/dist/cache/stylisPlugins/focusVisible.d.ts +0 -2
  25. package/dist/cache/stylisPlugins/focusVisible.js +0 -10
  26. package/dist/cache/stylisPlugins/focusVisible.js.map +0 -1
  27. package/dist/cache/stylisPlugins/index.d.ts +0 -1
  28. package/dist/cache/stylisPlugins/index.js +0 -1
  29. package/dist/cache/stylisPlugins/index.js.map +0 -1
  30. package/dist/globals/Reboot.d.ts +0 -2
  31. package/dist/globals/Reboot.js +0 -9
  32. package/dist/globals/Reboot.js.map +0 -1
  33. package/dist/globals/Typography.d.ts +0 -2
  34. package/dist/globals/Typography.js +0 -25
  35. package/dist/globals/Typography.js.map +0 -1
  36. package/dist/globals/Variables.d.ts +0 -5
  37. package/dist/globals/Variables.js +0 -35
  38. package/dist/globals/Variables.js.map +0 -1
  39. package/dist/globals/index.d.ts +0 -2
  40. package/dist/globals/index.js +0 -2
  41. package/dist/globals/index.js.map +0 -1
  42. package/dist/index.d.ts +0 -12
  43. package/dist/index.js +0 -12
  44. package/dist/index.js.map +0 -1
  45. package/dist/remoteAssets/fonts.d.ts +0 -26
  46. package/dist/remoteAssets/fonts.js +0 -31
  47. package/dist/remoteAssets/fonts.js.map +0 -1
  48. package/dist/styles/boxShadow.d.ts +0 -26
  49. package/dist/styles/boxShadow.js +0 -52
  50. package/dist/styles/boxShadow.js.map +0 -1
  51. package/dist/styles/fontSmoothing.d.ts +0 -29
  52. package/dist/styles/fontSmoothing.js +0 -29
  53. package/dist/styles/fontSmoothing.js.map +0 -1
  54. package/dist/styles/index.d.ts +0 -7
  55. package/dist/styles/index.js +0 -7
  56. package/dist/styles/index.js.map +0 -1
  57. package/dist/styles/noSelect.d.ts +0 -1
  58. package/dist/styles/noSelect.js +0 -12
  59. package/dist/styles/noSelect.js.map +0 -1
  60. package/dist/styles/pxRem.d.ts +0 -1
  61. package/dist/styles/pxRem.js +0 -4
  62. package/dist/styles/pxRem.js.map +0 -1
  63. package/dist/styles/responsive.d.ts +0 -6
  64. package/dist/styles/responsive.js +0 -14
  65. package/dist/styles/responsive.js.map +0 -1
  66. package/dist/styles/screenReaderOnly.d.ts +0 -2
  67. package/dist/styles/screenReaderOnly.js +0 -21
  68. package/dist/styles/screenReaderOnly.js.map +0 -1
  69. package/dist/styles/transitionConcat.d.ts +0 -3
  70. package/dist/styles/transitionConcat.js +0 -7
  71. package/dist/styles/transitionConcat.js.map +0 -1
  72. package/dist/themes/__tests__/theme-test.d.ts +0 -1
  73. package/dist/themes/admin.d.ts +0 -755
  74. package/dist/themes/admin.js +0 -11
  75. package/dist/themes/admin.js.map +0 -1
  76. package/dist/themes/core.d.ts +0 -416
  77. package/dist/themes/core.js +0 -96
  78. package/dist/themes/core.js.map +0 -1
  79. package/dist/themes/index.d.ts +0 -3
  80. package/dist/themes/index.js +0 -3
  81. package/dist/themes/index.js.map +0 -1
  82. package/dist/themes/platform.d.ts +0 -908
  83. package/dist/themes/platform.js +0 -72
  84. package/dist/themes/platform.js.map +0 -1
  85. package/dist/typings/theme.d.ts +0 -6
  86. package/dist/utilities/__tests__/themed-test.d.ts +0 -1
  87. package/dist/utilities/index.d.ts +0 -1
  88. package/dist/utilities/index.js +0 -1
  89. package/dist/utilities/index.js.map +0 -1
  90. package/dist/utilities/themed.d.ts +0 -14
  91. package/dist/utilities/themed.js +0 -16
  92. package/dist/utilities/themed.js.map +0 -1
  93. package/dist/variables/colors.d.ts +0 -173
  94. package/dist/variables/colors.js +0 -136
  95. package/dist/variables/colors.js.map +0 -1
  96. package/dist/variables/deprecated-colors.d.ts +0 -156
  97. package/dist/variables/deprecated-colors.js +0 -151
  98. package/dist/variables/deprecated-colors.js.map +0 -1
  99. package/dist/variables/elements.d.ts +0 -11
  100. package/dist/variables/elements.js +0 -12
  101. package/dist/variables/elements.js.map +0 -1
  102. package/dist/variables/index.d.ts +0 -7
  103. package/dist/variables/index.js +0 -8
  104. package/dist/variables/index.js.map +0 -1
  105. package/dist/variables/responsive.d.ts +0 -19
  106. package/dist/variables/responsive.js +0 -23
  107. package/dist/variables/responsive.js.map +0 -1
  108. package/dist/variables/spacing.d.ts +0 -13
  109. package/dist/variables/spacing.js +0 -14
  110. package/dist/variables/spacing.js.map +0 -1
  111. package/dist/variables/timing.d.ts +0 -10
  112. package/dist/variables/timing.js +0 -10
  113. package/dist/variables/timing.js.map +0 -1
  114. package/dist/variables/typography.d.ts +0 -31
  115. package/dist/variables/typography.js +0 -32
  116. package/dist/variables/typography.js.map +0 -1
  117. package/dist/variance/config.d.ts +0 -1002
  118. package/dist/variance/config.js +0 -473
  119. package/dist/variance/config.js.map +0 -1
  120. package/dist/variance/index.d.ts +0 -3
  121. package/dist/variance/index.js +0 -4
  122. package/dist/variance/index.js.map +0 -1
  123. package/dist/variance/props.d.ts +0 -1865
  124. package/dist/variance/props.js +0 -23
  125. package/dist/variance/props.js.map +0 -1
  126. package/dist/variance/utils.d.ts +0 -29
  127. package/dist/variance/utils.js +0 -49
  128. package/dist/variance/utils.js.map +0 -1
@@ -1,755 +0,0 @@
1
- export declare const adminTheme: 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<"elements", Record<"elements", import("@codecademy/variance").KeyAsVariable<{
8
- readonly headerHeight: {
9
- readonly base: "4rem";
10
- readonly md: "5rem";
11
- };
12
- readonly headerZ: 15;
13
- }, "elements">>> & import("@codecademy/variance/dist/createTheme/types").Merge<import("@codecademy/variance/dist/createTheme/types").MergeTheme<import("@codecademy/variance/dist/createTheme/types").MergeTheme<Record<"breakpoints", {
14
- xs: string;
15
- sm: string;
16
- md: string;
17
- lg: string;
18
- xl: string;
19
- }> & import("@codecademy/variance/dist/createTheme/types").Merge<{
20
- breakpoints: {
21
- xs: string;
22
- sm: string;
23
- md: string;
24
- lg: string;
25
- xl: string;
26
- };
27
- fontSize: {
28
- readonly 64: string;
29
- readonly 44: string;
30
- readonly 34: string;
31
- readonly 26: string;
32
- readonly 22: string;
33
- readonly 20: string;
34
- readonly 18: string;
35
- readonly 16: string;
36
- readonly 14: string;
37
- };
38
- fontFamily: {
39
- readonly accent: "\"Suisse\", \"Apercu\", -apple-system, BlinkMacSystemFont,\n\"Segoe UI\", \"Roboto\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\",\n\"Helvetica Neue\", sans-serif";
40
- readonly base: "\"Apercu\", -apple-system, BlinkMacSystemFont, \"Segoe UI\",\n\"Roboto\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\",\nsans-serif";
41
- readonly monospace: "Monaco, Menlo, \"Ubuntu Mono\", \"Droid Sans Mono\", Consolas,\nmonospace";
42
- readonly system: "-apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Ubuntu\",\n\"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif";
43
- };
44
- lineHeight: {
45
- readonly base: 1.5;
46
- readonly title: 1.1;
47
- };
48
- fontWeight: {
49
- readonly base: 400;
50
- readonly title: 700;
51
- readonly 700: 700;
52
- readonly 400: 400;
53
- };
54
- spacing: {
55
- readonly 0: 0;
56
- readonly 4: string;
57
- readonly 8: string;
58
- readonly 12: string;
59
- readonly 16: string;
60
- readonly 24: string;
61
- readonly 32: string;
62
- readonly 40: string;
63
- readonly 48: string;
64
- readonly 64: string;
65
- readonly 96: string;
66
- };
67
- elements: {
68
- readonly headerHeight: {
69
- readonly base: "4rem";
70
- readonly md: "5rem";
71
- };
72
- readonly headerZ: 15;
73
- };
74
- } & import("@codecademy/variance/dist/createTheme/types").PrivateThemeKeys, Record<"colors", import("@codecademy/variance").KeyAsVariable<import("@codecademy/variance").LiteralPaths<{
75
- readonly beige: "#FFF0E5";
76
- readonly blue: "#1557FF";
77
- readonly green: "#008A27";
78
- readonly hyper: "#3A10E5";
79
- readonly lightBlue: "#66C4FF";
80
- readonly lightGreen: "#AEE938";
81
- readonly navy: "#10162F";
82
- readonly orange: "#FF8C00";
83
- readonly paleBlue: "#F5FCFF";
84
- readonly paleGreen: "#F5FFE3";
85
- readonly palePink: "#FFF5FF";
86
- readonly paleYellow: "#FFFAE5";
87
- readonly pink: "#F966FF";
88
- readonly paleRed: "#DC5879";
89
- readonly red: "#E91C11";
90
- readonly yellow: "#FFD300";
91
- readonly black: "#000000";
92
- readonly white: "#ffffff";
93
- readonly "shadow-black-slight": string;
94
- readonly "shadow-black-heavy": string;
95
- readonly "shadow-white-slight": string;
96
- readonly "shadow-white-heavy": string;
97
- readonly "beige-100": "#FFF0E5";
98
- readonly "blue-0": "#F5FCFF";
99
- readonly "blue-300": "#66C4FF";
100
- readonly "blue-400": "#3388FF";
101
- readonly "blue-500": "#1557FF";
102
- readonly "blue-800": "#1D2340";
103
- readonly "navy-100": "#F3F3F5";
104
- readonly "navy-300": "#C3C5CB";
105
- readonly "navy-400": "#9FA2AC";
106
- readonly "navy-500": "#707382";
107
- readonly "navy-800": "#10162F";
108
- readonly "navy-200": "#DBDCE0";
109
- readonly "navy-600": "#585C6D";
110
- readonly "navy-700": "#34394C";
111
- readonly "navy-900": "#0A0D1C";
112
- readonly "green-0": "#F5FFE3";
113
- readonly "green-400": "#AEE938";
114
- readonly "green-700": "#008A27";
115
- readonly "yellow-0": "#FFFAE5";
116
- readonly "yellow-400": "#CCA900";
117
- readonly "yellow-500": "#FFD300";
118
- readonly "pink-0": "#FFF5FF";
119
- readonly "pink-400": "#F966FF";
120
- readonly "red-100": "#DC5879";
121
- readonly "red-0": "#E85D7F";
122
- readonly "red-500": "#E91C11";
123
- readonly "red-600": "#BE1809";
124
- readonly "orange-500": "#FF8C00";
125
- readonly "hyper-400": "#5533FF";
126
- readonly "hyper-500": "#3A10E5";
127
- readonly "gray-100": "#F5F5F5";
128
- readonly "gray-300": "#E0E0E0";
129
- readonly "gray-800": "#616161";
130
- readonly "gray-200": "#EEEEEE";
131
- readonly "gray-600": "#9E9E9E";
132
- readonly "gray-900": "#424242";
133
- }, "-", "">, "color">>> & import("@codecademy/variance/dist/createTheme/types").PrivateThemeKeys, {
134
- colors: import("@codecademy/variance").KeyAsVariable<import("@codecademy/variance").LiteralPaths<{
135
- text: {
136
- _: "navy-800";
137
- accent: "navy-900";
138
- disabled: "navy-500";
139
- };
140
- feedback: {
141
- error: "red-600";
142
- success: "green-700";
143
- warning: "yellow";
144
- };
145
- background: {
146
- _: "white";
147
- current: "white";
148
- primary: "beige";
149
- selected: "navy-100";
150
- disabled: "navy-200";
151
- hover: "navy-200";
152
- };
153
- shadow: {
154
- opaque: "shadow-white-heavy";
155
- solid: "gray-200";
156
- };
157
- primary: {
158
- _: "hyper-500";
159
- hover: "hyper-400";
160
- };
161
- secondary: {
162
- _: "navy-800";
163
- hover: "navy-700";
164
- };
165
- danger: {
166
- _: "red-500";
167
- hover: "red-600";
168
- };
169
- } | {
170
- text: {
171
- _: "white";
172
- accent: "beige";
173
- disabled: "navy-200";
174
- };
175
- feedback: {
176
- error: "red-0";
177
- success: "green-0";
178
- warning: "yellow";
179
- };
180
- background: {
181
- _: "navy-800";
182
- current: "navy-800";
183
- primary: "navy-900";
184
- selected: "navy-700";
185
- disabled: "navy-500";
186
- hover: "navy-900";
187
- };
188
- shadow: {
189
- opaque: "shadow-black-heavy";
190
- solid: "black";
191
- };
192
- primary: {
193
- _: "yellow-500";
194
- hover: "yellow-400";
195
- };
196
- secondary: {
197
- _: "white";
198
- hover: "navy-200";
199
- };
200
- danger: {
201
- _: "red-0";
202
- hover: "red-100";
203
- };
204
- }, "-", "_">, "colors"> & import("@codecademy/variance").KeyAsVariable<import("@codecademy/variance").LiteralPaths<{
205
- readonly beige: "#FFF0E5";
206
- readonly blue: "#1557FF";
207
- readonly green: "#008A27";
208
- readonly hyper: "#3A10E5";
209
- readonly lightBlue: "#66C4FF";
210
- readonly lightGreen: "#AEE938";
211
- readonly navy: "#10162F";
212
- readonly orange: "#FF8C00";
213
- readonly paleBlue: "#F5FCFF";
214
- readonly paleGreen: "#F5FFE3";
215
- readonly palePink: "#FFF5FF";
216
- readonly paleYellow: "#FFFAE5";
217
- readonly pink: "#F966FF";
218
- readonly paleRed: "#DC5879";
219
- readonly red: "#E91C11";
220
- readonly yellow: "#FFD300";
221
- readonly black: "#000000";
222
- readonly white: "#ffffff";
223
- readonly "shadow-black-slight": string;
224
- readonly "shadow-black-heavy": string;
225
- readonly "shadow-white-slight": string;
226
- readonly "shadow-white-heavy": string;
227
- readonly "beige-100": "#FFF0E5";
228
- readonly "blue-0": "#F5FCFF";
229
- readonly "blue-300": "#66C4FF";
230
- readonly "blue-400": "#3388FF";
231
- readonly "blue-500": "#1557FF";
232
- readonly "blue-800": "#1D2340";
233
- readonly "navy-100": "#F3F3F5";
234
- readonly "navy-300": "#C3C5CB";
235
- readonly "navy-400": "#9FA2AC";
236
- readonly "navy-500": "#707382";
237
- readonly "navy-800": "#10162F";
238
- readonly "navy-200": "#DBDCE0";
239
- readonly "navy-600": "#585C6D";
240
- readonly "navy-700": "#34394C";
241
- readonly "navy-900": "#0A0D1C";
242
- readonly "green-0": "#F5FFE3";
243
- readonly "green-400": "#AEE938";
244
- readonly "green-700": "#008A27";
245
- readonly "yellow-0": "#FFFAE5";
246
- readonly "yellow-400": "#CCA900";
247
- readonly "yellow-500": "#FFD300";
248
- readonly "pink-0": "#FFF5FF";
249
- readonly "pink-400": "#F966FF";
250
- readonly "red-100": "#DC5879";
251
- readonly "red-0": "#E85D7F";
252
- readonly "red-500": "#E91C11";
253
- readonly "red-600": "#BE1809";
254
- readonly "orange-500": "#FF8C00";
255
- readonly "hyper-400": "#5533FF";
256
- readonly "hyper-500": "#3A10E5";
257
- readonly "gray-100": "#F5F5F5";
258
- readonly "gray-300": "#E0E0E0";
259
- readonly "gray-800": "#616161";
260
- readonly "gray-200": "#EEEEEE";
261
- readonly "gray-600": "#9E9E9E";
262
- readonly "gray-900": "#424242";
263
- }, "-", "">, "color">;
264
- modes: import("@codecademy/variance/dist/createTheme/types").Merge<unknown, {
265
- light: import("@codecademy/variance").LiteralPaths<{
266
- text: {
267
- _: "navy-800";
268
- accent: "navy-900";
269
- disabled: "navy-500";
270
- };
271
- feedback: {
272
- error: "red-600";
273
- success: "green-700";
274
- warning: "yellow";
275
- };
276
- background: {
277
- _: "white";
278
- current: "white";
279
- primary: "beige";
280
- selected: "navy-100";
281
- disabled: "navy-200";
282
- hover: "navy-200";
283
- };
284
- shadow: {
285
- opaque: "shadow-white-heavy";
286
- solid: "gray-200";
287
- };
288
- primary: {
289
- _: "hyper-500";
290
- hover: "hyper-400";
291
- };
292
- secondary: {
293
- _: "navy-800";
294
- hover: "navy-700";
295
- };
296
- danger: {
297
- _: "red-500";
298
- hover: "red-600";
299
- };
300
- }, "-", "_">;
301
- dark: import("@codecademy/variance").LiteralPaths<{
302
- text: {
303
- _: "white";
304
- accent: "beige";
305
- disabled: "navy-200";
306
- };
307
- feedback: {
308
- error: "red-0";
309
- success: "green-0";
310
- warning: "yellow";
311
- };
312
- background: {
313
- _: "navy-800";
314
- current: "navy-800";
315
- primary: "navy-900";
316
- selected: "navy-700";
317
- disabled: "navy-500";
318
- hover: "navy-900";
319
- };
320
- shadow: {
321
- opaque: "shadow-black-heavy";
322
- solid: "black";
323
- };
324
- primary: {
325
- _: "yellow-500";
326
- hover: "yellow-400";
327
- };
328
- secondary: {
329
- _: "white";
330
- hover: "navy-200";
331
- };
332
- danger: {
333
- _: "red-0";
334
- hover: "red-100";
335
- };
336
- }, "-", "_">;
337
- }>;
338
- mode: "light" | "dark";
339
- _getColorValue: (color: import("@codecademy/variance").Path<{
340
- readonly beige: "#FFF0E5";
341
- readonly blue: "#1557FF";
342
- readonly green: "#008A27";
343
- readonly hyper: "#3A10E5";
344
- readonly lightBlue: "#66C4FF";
345
- readonly lightGreen: "#AEE938";
346
- readonly navy: "#10162F";
347
- readonly orange: "#FF8C00";
348
- readonly paleBlue: "#F5FCFF";
349
- readonly paleGreen: "#F5FFE3";
350
- readonly palePink: "#FFF5FF";
351
- readonly paleYellow: "#FFFAE5";
352
- readonly pink: "#F966FF";
353
- readonly paleRed: "#DC5879";
354
- readonly red: "#E91C11";
355
- readonly yellow: "#FFD300";
356
- readonly black: "#000000";
357
- readonly white: "#ffffff";
358
- readonly "shadow-black-slight": string;
359
- readonly "shadow-black-heavy": string;
360
- readonly "shadow-white-slight": string;
361
- readonly "shadow-white-heavy": string;
362
- readonly "beige-100": "#FFF0E5";
363
- readonly "blue-0": "#F5FCFF";
364
- readonly "blue-300": "#66C4FF";
365
- readonly "blue-400": "#3388FF";
366
- readonly "blue-500": "#1557FF";
367
- readonly "blue-800": "#1D2340";
368
- readonly "navy-100": "#F3F3F5";
369
- readonly "navy-300": "#C3C5CB";
370
- readonly "navy-400": "#9FA2AC";
371
- readonly "navy-500": "#707382";
372
- readonly "navy-800": "#10162F";
373
- readonly "navy-200": "#DBDCE0";
374
- readonly "navy-600": "#585C6D";
375
- readonly "navy-700": "#34394C";
376
- readonly "navy-900": "#0A0D1C";
377
- readonly "green-0": "#F5FFE3";
378
- readonly "green-400": "#AEE938";
379
- readonly "green-700": "#008A27";
380
- readonly "yellow-0": "#FFFAE5";
381
- readonly "yellow-400": "#CCA900";
382
- readonly "yellow-500": "#FFD300";
383
- readonly "pink-0": "#FFF5FF";
384
- readonly "pink-400": "#F966FF";
385
- readonly "red-100": "#DC5879";
386
- readonly "red-0": "#E85D7F";
387
- readonly "red-500": "#E91C11";
388
- readonly "red-600": "#BE1809";
389
- readonly "orange-500": "#FF8C00";
390
- readonly "hyper-400": "#5533FF";
391
- readonly "hyper-500": "#3A10E5";
392
- readonly "gray-100": "#F5F5F5";
393
- readonly "gray-300": "#E0E0E0";
394
- readonly "gray-800": "#616161";
395
- readonly "gray-200": "#EEEEEE";
396
- readonly "gray-600": "#9E9E9E";
397
- readonly "gray-900": "#424242";
398
- }, "-">) => string;
399
- }, Record<"breakpoints", {
400
- xs: string;
401
- sm: string;
402
- md: string;
403
- lg: string;
404
- xl: string;
405
- }>>, Record<"borders", import("@codecademy/variance").LiteralPaths<{
406
- 1: string;
407
- 2: string;
408
- }, "-", "">>, Record<"breakpoints", {
409
- xs: string;
410
- sm: string;
411
- md: string;
412
- lg: string;
413
- xl: string;
414
- }>>, import("@codecademy/variance/dist/createTheme/types").PrivateThemeKeys> & import("@codecademy/variance/dist/createTheme/types").PrivateThemeKeys, {
415
- colors: import("@codecademy/variance").KeyAsVariable<import("@codecademy/variance").LiteralPaths<{
416
- primary: {
417
- _: "blue-500";
418
- hover: "blue-400";
419
- };
420
- } | {}, "-", "_">, "colors"> & import("@codecademy/variance/dist/createTheme/types").Assign<import("@codecademy/variance").KeyAsVariable<import("@codecademy/variance").LiteralPaths<{
421
- readonly beige: "#FFF0E5";
422
- readonly blue: "#1557FF";
423
- readonly green: "#008A27";
424
- readonly hyper: "#3A10E5";
425
- readonly lightBlue: "#66C4FF";
426
- readonly lightGreen: "#AEE938";
427
- readonly navy: "#10162F";
428
- readonly orange: "#FF8C00";
429
- readonly paleBlue: "#F5FCFF";
430
- readonly paleGreen: "#F5FFE3";
431
- readonly palePink: "#FFF5FF";
432
- readonly paleYellow: "#FFFAE5";
433
- readonly pink: "#F966FF";
434
- readonly paleRed: "#DC5879";
435
- readonly red: "#E91C11";
436
- readonly yellow: "#FFD300";
437
- readonly black: "#000000";
438
- readonly white: "#ffffff";
439
- readonly "shadow-black-slight": string;
440
- readonly "shadow-black-heavy": string;
441
- readonly "shadow-white-slight": string;
442
- readonly "shadow-white-heavy": string;
443
- readonly "beige-100": "#FFF0E5";
444
- readonly "blue-0": "#F5FCFF";
445
- readonly "blue-300": "#66C4FF";
446
- readonly "blue-400": "#3388FF";
447
- readonly "blue-500": "#1557FF";
448
- readonly "blue-800": "#1D2340";
449
- readonly "navy-100": "#F3F3F5";
450
- readonly "navy-300": "#C3C5CB";
451
- readonly "navy-400": "#9FA2AC";
452
- readonly "navy-500": "#707382";
453
- readonly "navy-800": "#10162F";
454
- readonly "navy-200": "#DBDCE0";
455
- readonly "navy-600": "#585C6D";
456
- readonly "navy-700": "#34394C";
457
- readonly "navy-900": "#0A0D1C";
458
- readonly "green-0": "#F5FFE3";
459
- readonly "green-400": "#AEE938";
460
- readonly "green-700": "#008A27";
461
- readonly "yellow-0": "#FFFAE5";
462
- readonly "yellow-400": "#CCA900";
463
- readonly "yellow-500": "#FFD300";
464
- readonly "pink-0": "#FFF5FF";
465
- readonly "pink-400": "#F966FF";
466
- readonly "red-100": "#DC5879";
467
- readonly "red-0": "#E85D7F";
468
- readonly "red-500": "#E91C11";
469
- readonly "red-600": "#BE1809";
470
- readonly "orange-500": "#FF8C00";
471
- readonly "hyper-400": "#5533FF";
472
- readonly "hyper-500": "#3A10E5";
473
- readonly "gray-100": "#F5F5F5";
474
- readonly "gray-300": "#E0E0E0";
475
- readonly "gray-800": "#616161";
476
- readonly "gray-200": "#EEEEEE";
477
- readonly "gray-600": "#9E9E9E";
478
- readonly "gray-900": "#424242";
479
- }, "-", "">, "color">, import("@codecademy/variance").KeyAsVariable<import("@codecademy/variance").LiteralPaths<{
480
- text: {
481
- _: "navy-800";
482
- accent: "navy-900";
483
- disabled: "navy-500";
484
- };
485
- feedback: {
486
- error: "red-600";
487
- success: "green-700";
488
- warning: "yellow";
489
- };
490
- background: {
491
- _: "white";
492
- current: "white";
493
- primary: "beige";
494
- selected: "navy-100";
495
- disabled: "navy-200";
496
- hover: "navy-200";
497
- };
498
- shadow: {
499
- opaque: "shadow-white-heavy";
500
- solid: "gray-200";
501
- };
502
- primary: {
503
- _: "hyper-500";
504
- hover: "hyper-400";
505
- };
506
- secondary: {
507
- _: "navy-800";
508
- hover: "navy-700";
509
- };
510
- danger: {
511
- _: "red-500";
512
- hover: "red-600";
513
- };
514
- } | {
515
- text: {
516
- _: "white";
517
- accent: "beige";
518
- disabled: "navy-200";
519
- };
520
- feedback: {
521
- error: "red-0";
522
- success: "green-0";
523
- warning: "yellow";
524
- };
525
- background: {
526
- _: "navy-800";
527
- current: "navy-800";
528
- primary: "navy-900";
529
- selected: "navy-700";
530
- disabled: "navy-500";
531
- hover: "navy-900";
532
- };
533
- shadow: {
534
- opaque: "shadow-black-heavy";
535
- solid: "black";
536
- };
537
- primary: {
538
- _: "yellow-500";
539
- hover: "yellow-400";
540
- };
541
- secondary: {
542
- _: "white";
543
- hover: "navy-200";
544
- };
545
- danger: {
546
- _: "red-0";
547
- hover: "red-100";
548
- };
549
- }, "-", "_">, "colors"> & import("@codecademy/variance").KeyAsVariable<import("@codecademy/variance").LiteralPaths<{
550
- readonly beige: "#FFF0E5";
551
- readonly blue: "#1557FF";
552
- readonly green: "#008A27";
553
- readonly hyper: "#3A10E5";
554
- readonly lightBlue: "#66C4FF";
555
- readonly lightGreen: "#AEE938";
556
- readonly navy: "#10162F";
557
- readonly orange: "#FF8C00";
558
- readonly paleBlue: "#F5FCFF";
559
- readonly paleGreen: "#F5FFE3";
560
- readonly palePink: "#FFF5FF";
561
- readonly paleYellow: "#FFFAE5";
562
- readonly pink: "#F966FF";
563
- readonly paleRed: "#DC5879";
564
- readonly red: "#E91C11";
565
- readonly yellow: "#FFD300";
566
- readonly black: "#000000";
567
- readonly white: "#ffffff";
568
- readonly "shadow-black-slight": string;
569
- readonly "shadow-black-heavy": string;
570
- readonly "shadow-white-slight": string;
571
- readonly "shadow-white-heavy": string;
572
- readonly "beige-100": "#FFF0E5";
573
- readonly "blue-0": "#F5FCFF";
574
- readonly "blue-300": "#66C4FF";
575
- readonly "blue-400": "#3388FF";
576
- readonly "blue-500": "#1557FF";
577
- readonly "blue-800": "#1D2340";
578
- readonly "navy-100": "#F3F3F5";
579
- readonly "navy-300": "#C3C5CB";
580
- readonly "navy-400": "#9FA2AC";
581
- readonly "navy-500": "#707382";
582
- readonly "navy-800": "#10162F";
583
- readonly "navy-200": "#DBDCE0";
584
- readonly "navy-600": "#585C6D";
585
- readonly "navy-700": "#34394C";
586
- readonly "navy-900": "#0A0D1C";
587
- readonly "green-0": "#F5FFE3";
588
- readonly "green-400": "#AEE938";
589
- readonly "green-700": "#008A27";
590
- readonly "yellow-0": "#FFFAE5";
591
- readonly "yellow-400": "#CCA900";
592
- readonly "yellow-500": "#FFD300";
593
- readonly "pink-0": "#FFF5FF";
594
- readonly "pink-400": "#F966FF";
595
- readonly "red-100": "#DC5879";
596
- readonly "red-0": "#E85D7F";
597
- readonly "red-500": "#E91C11";
598
- readonly "red-600": "#BE1809";
599
- readonly "orange-500": "#FF8C00";
600
- readonly "hyper-400": "#5533FF";
601
- readonly "hyper-500": "#3A10E5";
602
- readonly "gray-100": "#F5F5F5";
603
- readonly "gray-300": "#E0E0E0";
604
- readonly "gray-800": "#616161";
605
- readonly "gray-200": "#EEEEEE";
606
- readonly "gray-600": "#9E9E9E";
607
- readonly "gray-900": "#424242";
608
- }, "-", "">, "color">>;
609
- modes: import("@codecademy/variance/dist/createTheme/types").Merge<import("@codecademy/variance/dist/createTheme/types").Merge<unknown, {
610
- light: import("@codecademy/variance").LiteralPaths<{
611
- text: {
612
- _: "navy-800";
613
- accent: "navy-900";
614
- disabled: "navy-500";
615
- };
616
- feedback: {
617
- error: "red-600";
618
- success: "green-700";
619
- warning: "yellow";
620
- };
621
- background: {
622
- _: "white";
623
- current: "white";
624
- primary: "beige";
625
- selected: "navy-100";
626
- disabled: "navy-200";
627
- hover: "navy-200";
628
- };
629
- shadow: {
630
- opaque: "shadow-white-heavy";
631
- solid: "gray-200";
632
- };
633
- primary: {
634
- _: "hyper-500";
635
- hover: "hyper-400";
636
- };
637
- secondary: {
638
- _: "navy-800";
639
- hover: "navy-700";
640
- };
641
- danger: {
642
- _: "red-500";
643
- hover: "red-600";
644
- };
645
- }, "-", "_">;
646
- dark: import("@codecademy/variance").LiteralPaths<{
647
- text: {
648
- _: "white";
649
- accent: "beige";
650
- disabled: "navy-200";
651
- };
652
- feedback: {
653
- error: "red-0";
654
- success: "green-0";
655
- warning: "yellow";
656
- };
657
- background: {
658
- _: "navy-800";
659
- current: "navy-800";
660
- primary: "navy-900";
661
- selected: "navy-700";
662
- disabled: "navy-500";
663
- hover: "navy-900";
664
- };
665
- shadow: {
666
- opaque: "shadow-black-heavy";
667
- solid: "black";
668
- };
669
- primary: {
670
- _: "yellow-500";
671
- hover: "yellow-400";
672
- };
673
- secondary: {
674
- _: "white";
675
- hover: "navy-200";
676
- };
677
- danger: {
678
- _: "red-0";
679
- hover: "red-100";
680
- };
681
- }, "-", "_">;
682
- }>, {
683
- light: import("@codecademy/variance").LiteralPaths<{
684
- primary: {
685
- _: "blue-500";
686
- hover: "blue-400";
687
- };
688
- }, "-", "_">;
689
- dark: import("@codecademy/variance").LiteralPaths<{}, "-", "_">;
690
- }>;
691
- mode: "light" | "dark";
692
- _getColorValue: (color: import("@codecademy/variance").Path<{
693
- readonly beige: "#FFF0E5";
694
- readonly blue: "#1557FF";
695
- readonly green: "#008A27";
696
- readonly hyper: "#3A10E5";
697
- readonly lightBlue: "#66C4FF";
698
- readonly lightGreen: "#AEE938";
699
- readonly navy: "#10162F";
700
- readonly orange: "#FF8C00";
701
- readonly paleBlue: "#F5FCFF";
702
- readonly paleGreen: "#F5FFE3";
703
- readonly palePink: "#FFF5FF";
704
- readonly paleYellow: "#FFFAE5";
705
- readonly pink: "#F966FF";
706
- readonly paleRed: "#DC5879";
707
- readonly red: "#E91C11";
708
- readonly yellow: "#FFD300";
709
- readonly black: "#000000";
710
- readonly white: "#ffffff";
711
- readonly "shadow-black-slight": string;
712
- readonly "shadow-black-heavy": string;
713
- readonly "shadow-white-slight": string;
714
- readonly "shadow-white-heavy": string;
715
- readonly "beige-100": "#FFF0E5";
716
- readonly "blue-0": "#F5FCFF";
717
- readonly "blue-300": "#66C4FF";
718
- readonly "blue-400": "#3388FF";
719
- readonly "blue-500": "#1557FF";
720
- readonly "blue-800": "#1D2340";
721
- readonly "navy-100": "#F3F3F5";
722
- readonly "navy-300": "#C3C5CB";
723
- readonly "navy-400": "#9FA2AC";
724
- readonly "navy-500": "#707382";
725
- readonly "navy-800": "#10162F";
726
- readonly "navy-200": "#DBDCE0";
727
- readonly "navy-600": "#585C6D";
728
- readonly "navy-700": "#34394C";
729
- readonly "navy-900": "#0A0D1C";
730
- readonly "green-0": "#F5FFE3";
731
- readonly "green-400": "#AEE938";
732
- readonly "green-700": "#008A27";
733
- readonly "yellow-0": "#FFFAE5";
734
- readonly "yellow-400": "#CCA900";
735
- readonly "yellow-500": "#FFD300";
736
- readonly "pink-0": "#FFF5FF";
737
- readonly "pink-400": "#F966FF";
738
- readonly "red-100": "#DC5879";
739
- readonly "red-0": "#E85D7F";
740
- readonly "red-500": "#E91C11";
741
- readonly "red-600": "#BE1809";
742
- readonly "orange-500": "#FF8C00";
743
- readonly "hyper-400": "#5533FF";
744
- readonly "hyper-500": "#3A10E5";
745
- readonly "gray-100": "#F5F5F5";
746
- readonly "gray-300": "#E0E0E0";
747
- readonly "gray-800": "#616161";
748
- readonly "gray-200": "#EEEEEE";
749
- readonly "gray-600": "#9E9E9E";
750
- 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;
752
- }> & import("@codecademy/variance/dist/createTheme/types").PrivateThemeKeys;
753
- export declare type AdminThemeShape = typeof adminTheme;
754
- export interface AdminTheme extends AdminThemeShape {
755
- }