@codecademy/gamut-styles 13.0.2 → 13.0.3-alpha.6d25ef.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 (25) hide show
  1. package/.turbo/turbo-build.log +2 -2
  2. package/CHANGELOG.md +8 -0
  3. package/dist/Background.d.ts +1 -1
  4. package/dist/Background.js +1 -1
  5. package/dist/ColorMode.d.ts +3 -3
  6. package/dist/ColorMode.js +7 -5
  7. package/dist/ColorMode.js.map +1 -1
  8. package/dist/globals/Reboot.js +1 -1
  9. package/dist/globals/Scrollbars.d.ts +2 -0
  10. package/dist/globals/Scrollbars.js +25 -0
  11. package/dist/globals/Scrollbars.js.map +1 -0
  12. package/dist/globals/index.d.ts +1 -0
  13. package/dist/globals/index.js +2 -1
  14. package/dist/globals/index.js.map +1 -1
  15. package/dist/themes/admin.d.ts +61 -31
  16. package/dist/themes/core.d.ts +30 -15
  17. package/dist/themes/core.js +6 -0
  18. package/dist/themes/core.js.map +1 -1
  19. package/dist/themes/platform.d.ts +61 -31
  20. package/dist/variables/colors.d.ts +7 -5
  21. package/dist/variables/colors.js +2 -1
  22. package/dist/variables/colors.js.map +1 -1
  23. package/dist/variables/deprecated-colors.d.ts +4 -4
  24. package/dist/variance/utils.d.ts +1 -1
  25. package/package.json +2 -2
package/dist/themes/platform.d.ts CHANGED
@@ -105,28 +105,29 @@ export declare const platformTheme: Record<"breakpoints", {
105
105
  readonly "shadow-white-slight": string;
106
106
  readonly "shadow-white-heavy": string;
107
107
  readonly "beige-100": "#FFF0E5";
108
+ readonly "beige-400": "#B2A8A0";
109
+ readonly "blue-400": "#3388FF";
108
110
  readonly "blue-0": "#F5FCFF";
109
111
  readonly "blue-300": "#66C4FF";
110
- readonly "blue-400": "#3388FF";
111
112
  readonly "blue-500": "#1557FF";
112
113
  readonly "blue-800": "#1D2340";
113
114
  readonly "navy-100": "#F3F3F5";
114
- readonly "navy-300": "#C3C5CB";
115
115
  readonly "navy-400": "#9FA2AC";
116
+ readonly "navy-300": "#C3C5CB";
116
117
  readonly "navy-500": "#707382";
117
118
  readonly "navy-800": "#10162F";
118
119
  readonly "navy-200": "#DBDCE0";
119
120
  readonly "navy-600": "#585C6D";
120
121
  readonly "navy-700": "#34394C";
121
122
  readonly "navy-900": "#0A0D1C";
122
- readonly "green-0": "#F5FFE3";
123
123
  readonly "green-400": "#AEE938";
124
+ readonly "green-0": "#F5FFE3";
124
125
  readonly "green-700": "#008A27";
125
- readonly "yellow-0": "#FFFAE5";
126
126
  readonly "yellow-400": "#CCA900";
127
+ readonly "yellow-0": "#FFFAE5";
127
128
  readonly "yellow-500": "#FFD300";
128
- readonly "pink-0": "#FFF5FF";
129
129
  readonly "pink-400": "#F966FF";
130
+ readonly "pink-0": "#FFF5FF";
130
131
  readonly "red-100": "#DC5879";
131
132
  readonly "red-0": "#E85D7F";
132
133
  readonly "red-500": "#E91C11";
@@ -180,6 +181,9 @@ export declare const platformTheme: Record<"breakpoints", {
180
181
  _: "hyper-500";
181
182
  hover: "hyper-400";
182
183
  };
184
+ scrollbar: {
185
+ _: "beige-400";
186
+ };
183
187
  } | {
184
188
  text: {
185
189
  _: "white";
@@ -219,6 +223,9 @@ export declare const platformTheme: Record<"breakpoints", {
219
223
  _: "yellow-500";
220
224
  hover: "yellow-400";
221
225
  };
226
+ scrollbar: {
227
+ _: "navy-600";
228
+ };
222
229
  }, "-", "_">, "colors"> & import("@codecademy/variance").KeyAsVariable<import("@codecademy/variance").LiteralPaths<{
223
230
  readonly beige: "#FFF0E5";
224
231
  readonly blue: "#1557FF";
@@ -243,28 +250,29 @@ export declare const platformTheme: Record<"breakpoints", {
243
250
  readonly "shadow-white-slight": string;
244
251
  readonly "shadow-white-heavy": string;
245
252
  readonly "beige-100": "#FFF0E5";
253
+ readonly "beige-400": "#B2A8A0";
254
+ readonly "blue-400": "#3388FF";
246
255
  readonly "blue-0": "#F5FCFF";
247
256
  readonly "blue-300": "#66C4FF";
248
- readonly "blue-400": "#3388FF";
249
257
  readonly "blue-500": "#1557FF";
250
258
  readonly "blue-800": "#1D2340";
251
259
  readonly "navy-100": "#F3F3F5";
252
- readonly "navy-300": "#C3C5CB";
253
260
  readonly "navy-400": "#9FA2AC";
261
+ readonly "navy-300": "#C3C5CB";
254
262
  readonly "navy-500": "#707382";
255
263
  readonly "navy-800": "#10162F";
256
264
  readonly "navy-200": "#DBDCE0";
257
265
  readonly "navy-600": "#585C6D";
258
266
  readonly "navy-700": "#34394C";
259
267
  readonly "navy-900": "#0A0D1C";
260
- readonly "green-0": "#F5FFE3";
261
268
  readonly "green-400": "#AEE938";
269
+ readonly "green-0": "#F5FFE3";
262
270
  readonly "green-700": "#008A27";
263
- readonly "yellow-0": "#FFFAE5";
264
271
  readonly "yellow-400": "#CCA900";
272
+ readonly "yellow-0": "#FFFAE5";
265
273
  readonly "yellow-500": "#FFD300";
266
- readonly "pink-0": "#FFF5FF";
267
274
  readonly "pink-400": "#F966FF";
275
+ readonly "pink-0": "#FFF5FF";
268
276
  readonly "red-100": "#DC5879";
269
277
  readonly "red-0": "#E85D7F";
270
278
  readonly "red-500": "#E91C11";
@@ -319,6 +327,9 @@ export declare const platformTheme: Record<"breakpoints", {
319
327
  _: "hyper-500";
320
328
  hover: "hyper-400";
321
329
  };
330
+ scrollbar: {
331
+ _: "beige-400";
332
+ };
322
333
  }, "-", "_">;
323
334
  dark: import("@codecademy/variance").LiteralPaths<{
324
335
  text: {
@@ -359,6 +370,9 @@ export declare const platformTheme: Record<"breakpoints", {
359
370
  _: "yellow-500";
360
371
  hover: "yellow-400";
361
372
  };
373
+ scrollbar: {
374
+ _: "navy-600";
375
+ };
362
376
  }, "-", "_">;
363
377
  }>;
364
378
  mode: "light" | "dark";
@@ -386,28 +400,29 @@ export declare const platformTheme: Record<"breakpoints", {
386
400
  readonly "shadow-white-slight": string;
387
401
  readonly "shadow-white-heavy": string;
388
402
  readonly "beige-100": "#FFF0E5";
403
+ readonly "beige-400": "#B2A8A0";
404
+ readonly "blue-400": "#3388FF";
389
405
  readonly "blue-0": "#F5FCFF";
390
406
  readonly "blue-300": "#66C4FF";
391
- readonly "blue-400": "#3388FF";
392
407
  readonly "blue-500": "#1557FF";
393
408
  readonly "blue-800": "#1D2340";
394
409
  readonly "navy-100": "#F3F3F5";
395
- readonly "navy-300": "#C3C5CB";
396
410
  readonly "navy-400": "#9FA2AC";
411
+ readonly "navy-300": "#C3C5CB";
397
412
  readonly "navy-500": "#707382";
398
413
  readonly "navy-800": "#10162F";
399
414
  readonly "navy-200": "#DBDCE0";
400
415
  readonly "navy-600": "#585C6D";
401
416
  readonly "navy-700": "#34394C";
402
417
  readonly "navy-900": "#0A0D1C";
403
- readonly "green-0": "#F5FFE3";
404
418
  readonly "green-400": "#AEE938";
419
+ readonly "green-0": "#F5FFE3";
405
420
  readonly "green-700": "#008A27";
406
- readonly "yellow-0": "#FFFAE5";
407
421
  readonly "yellow-400": "#CCA900";
422
+ readonly "yellow-0": "#FFFAE5";
408
423
  readonly "yellow-500": "#FFD300";
409
- readonly "pink-0": "#FFF5FF";
410
424
  readonly "pink-400": "#F966FF";
425
+ readonly "pink-0": "#FFF5FF";
411
426
  readonly "red-100": "#DC5879";
412
427
  readonly "red-0": "#E85D7F";
413
428
  readonly "red-500": "#E91C11";
@@ -533,28 +548,29 @@ export declare const platformTheme: Record<"breakpoints", {
533
548
  readonly "shadow-white-slight": string;
534
549
  readonly "shadow-white-heavy": string;
535
550
  readonly "beige-100": "#FFF0E5";
551
+ readonly "beige-400": "#B2A8A0";
552
+ readonly "blue-400": "#3388FF";
536
553
  readonly "blue-0": "#F5FCFF";
537
554
  readonly "blue-300": "#66C4FF";
538
- readonly "blue-400": "#3388FF";
539
555
  readonly "blue-500": "#1557FF";
540
556
  readonly "blue-800": "#1D2340";
541
557
  readonly "navy-100": "#F3F3F5";
542
- readonly "navy-300": "#C3C5CB";
543
558
  readonly "navy-400": "#9FA2AC";
559
+ readonly "navy-300": "#C3C5CB";
544
560
  readonly "navy-500": "#707382";
545
561
  readonly "navy-800": "#10162F";
546
562
  readonly "navy-200": "#DBDCE0";
547
563
  readonly "navy-600": "#585C6D";
548
564
  readonly "navy-700": "#34394C";
549
565
  readonly "navy-900": "#0A0D1C";
550
- readonly "green-0": "#F5FFE3";
551
566
  readonly "green-400": "#AEE938";
567
+ readonly "green-0": "#F5FFE3";
552
568
  readonly "green-700": "#008A27";
553
- readonly "yellow-0": "#FFFAE5";
554
569
  readonly "yellow-400": "#CCA900";
570
+ readonly "yellow-0": "#FFFAE5";
555
571
  readonly "yellow-500": "#FFD300";
556
- readonly "pink-0": "#FFF5FF";
557
572
  readonly "pink-400": "#F966FF";
573
+ readonly "pink-0": "#FFF5FF";
558
574
  readonly "red-100": "#DC5879";
559
575
  readonly "red-0": "#E85D7F";
560
576
  readonly "red-500": "#E91C11";
@@ -607,6 +623,9 @@ export declare const platformTheme: Record<"breakpoints", {
607
623
  _: "hyper-500";
608
624
  hover: "hyper-400";
609
625
  };
626
+ scrollbar: {
627
+ _: "beige-400";
628
+ };
610
629
  } | {
611
630
  text: {
612
631
  _: "white";
@@ -646,6 +665,9 @@ export declare const platformTheme: Record<"breakpoints", {
646
665
  _: "yellow-500";
647
666
  hover: "yellow-400";
648
667
  };
668
+ scrollbar: {
669
+ _: "navy-600";
670
+ };
649
671
  }, "-", "_">, "colors"> & import("@codecademy/variance").KeyAsVariable<import("@codecademy/variance").LiteralPaths<{
650
672
  readonly beige: "#FFF0E5";
651
673
  readonly blue: "#1557FF";
@@ -670,28 +692,29 @@ export declare const platformTheme: Record<"breakpoints", {
670
692
  readonly "shadow-white-slight": string;
671
693
  readonly "shadow-white-heavy": string;
672
694
  readonly "beige-100": "#FFF0E5";
695
+ readonly "beige-400": "#B2A8A0";
696
+ readonly "blue-400": "#3388FF";
673
697
  readonly "blue-0": "#F5FCFF";
674
698
  readonly "blue-300": "#66C4FF";
675
- readonly "blue-400": "#3388FF";
676
699
  readonly "blue-500": "#1557FF";
677
700
  readonly "blue-800": "#1D2340";
678
701
  readonly "navy-100": "#F3F3F5";
679
- readonly "navy-300": "#C3C5CB";
680
702
  readonly "navy-400": "#9FA2AC";
703
+ readonly "navy-300": "#C3C5CB";
681
704
  readonly "navy-500": "#707382";
682
705
  readonly "navy-800": "#10162F";
683
706
  readonly "navy-200": "#DBDCE0";
684
707
  readonly "navy-600": "#585C6D";
685
708
  readonly "navy-700": "#34394C";
686
709
  readonly "navy-900": "#0A0D1C";
687
- readonly "green-0": "#F5FFE3";
688
710
  readonly "green-400": "#AEE938";
711
+ readonly "green-0": "#F5FFE3";
689
712
  readonly "green-700": "#008A27";
690
- readonly "yellow-0": "#FFFAE5";
691
713
  readonly "yellow-400": "#CCA900";
714
+ readonly "yellow-0": "#FFFAE5";
692
715
  readonly "yellow-500": "#FFD300";
693
- readonly "pink-0": "#FFF5FF";
694
716
  readonly "pink-400": "#F966FF";
717
+ readonly "pink-0": "#FFF5FF";
695
718
  readonly "red-100": "#DC5879";
696
719
  readonly "red-0": "#E85D7F";
697
720
  readonly "red-500": "#E91C11";
@@ -757,6 +780,9 @@ export declare const platformTheme: Record<"breakpoints", {
757
780
  _: "hyper-500";
758
781
  hover: "hyper-400";
759
782
  };
783
+ scrollbar: {
784
+ _: "beige-400";
785
+ };
760
786
  }, "-", "_">;
761
787
  dark: import("@codecademy/variance").LiteralPaths<{
762
788
  text: {
@@ -797,6 +823,9 @@ export declare const platformTheme: Record<"breakpoints", {
797
823
  _: "yellow-500";
798
824
  hover: "yellow-400";
799
825
  };
826
+ scrollbar: {
827
+ _: "navy-600";
828
+ };
800
829
  }, "-", "_">;
801
830
  }>, {
802
831
  light: import("@codecademy/variance").LiteralPaths<{
@@ -887,28 +916,29 @@ export declare const platformTheme: Record<"breakpoints", {
887
916
  readonly "shadow-white-slight": string;
888
917
  readonly "shadow-white-heavy": string;
889
918
  readonly "beige-100": "#FFF0E5";
919
+ readonly "beige-400": "#B2A8A0";
920
+ readonly "blue-400": "#3388FF";
890
921
  readonly "blue-0": "#F5FCFF";
891
922
  readonly "blue-300": "#66C4FF";
892
- readonly "blue-400": "#3388FF";
893
923
  readonly "blue-500": "#1557FF";
894
924
  readonly "blue-800": "#1D2340";
895
925
  readonly "navy-100": "#F3F3F5";
896
- readonly "navy-300": "#C3C5CB";
897
926
  readonly "navy-400": "#9FA2AC";
927
+ readonly "navy-300": "#C3C5CB";
898
928
  readonly "navy-500": "#707382";
899
929
  readonly "navy-800": "#10162F";
900
930
  readonly "navy-200": "#DBDCE0";
901
931
  readonly "navy-600": "#585C6D";
902
932
  readonly "navy-700": "#34394C";
903
933
  readonly "navy-900": "#0A0D1C";
904
- readonly "green-0": "#F5FFE3";
905
934
  readonly "green-400": "#AEE938";
935
+ readonly "green-0": "#F5FFE3";
906
936
  readonly "green-700": "#008A27";
907
- readonly "yellow-0": "#FFFAE5";
908
937
  readonly "yellow-400": "#CCA900";
938
+ readonly "yellow-0": "#FFFAE5";
909
939
  readonly "yellow-500": "#FFD300";
910
- readonly "pink-0": "#FFF5FF";
911
940
  readonly "pink-400": "#F966FF";
941
+ readonly "pink-0": "#FFF5FF";
912
942
  readonly "red-100": "#DC5879";
913
943
  readonly "red-0": "#E85D7F";
914
944
  readonly "red-500": "#E91C11";
@@ -922,7 +952,7 @@ export declare const platformTheme: Record<"breakpoints", {
922
952
  readonly "gray-200": "#EEEEEE";
923
953
  readonly "gray-600": "#9E9E9E";
924
954
  readonly "gray-900": "#424242";
925
- }, "-"> | "text" | "background" | "primary" | "secondary" | "danger" | "interface" | "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" | "interface-hover" | import("@codecademy/variance").Path<{
955
+ }, "-"> | "text" | "background" | "primary" | "secondary" | "danger" | "interface" | "scrollbar" | "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" | "interface-hover" | import("@codecademy/variance").Path<{
926
956
  readonly lightBeige: "#FFFBF8";
927
957
  readonly gold: "#8A7300";
928
958
  readonly teal: "#027E97";
package/dist/variables/colors.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  export declare const coreSwatches: {
2
2
  readonly beige: {
3
3
  readonly '100': "#FFF0E5";
4
+ readonly '400': "#B2A8A0";
4
5
  };
5
6
  readonly blue: {
6
7
  readonly '0': "#F5FCFF";
@@ -100,28 +101,29 @@ export declare const corePalette: {
100
101
  readonly "shadow-white-slight": string;
101
102
  readonly "shadow-white-heavy": string;
102
103
  readonly "beige-100": "#FFF0E5";
104
+ readonly "beige-400": "#B2A8A0";
105
+ readonly "blue-400": "#3388FF";
103
106
  readonly "blue-0": "#F5FCFF";
104
107
  readonly "blue-300": "#66C4FF";
105
- readonly "blue-400": "#3388FF";
106
108
  readonly "blue-500": "#1557FF";
107
109
  readonly "blue-800": "#1D2340";
108
110
  readonly "navy-100": "#F3F3F5";
109
- readonly "navy-300": "#C3C5CB";
110
111
  readonly "navy-400": "#9FA2AC";
112
+ readonly "navy-300": "#C3C5CB";
111
113
  readonly "navy-500": "#707382";
112
114
  readonly "navy-800": "#10162F";
113
115
  readonly "navy-200": "#DBDCE0";
114
116
  readonly "navy-600": "#585C6D";
115
117
  readonly "navy-700": "#34394C";
116
118
  readonly "navy-900": "#0A0D1C";
117
- readonly "green-0": "#F5FFE3";
118
119
  readonly "green-400": "#AEE938";
120
+ readonly "green-0": "#F5FFE3";
119
121
  readonly "green-700": "#008A27";
120
- readonly "yellow-0": "#FFFAE5";
121
122
  readonly "yellow-400": "#CCA900";
123
+ readonly "yellow-0": "#FFFAE5";
122
124
  readonly "yellow-500": "#FFD300";
123
- readonly "pink-0": "#FFF5FF";
124
125
  readonly "pink-400": "#F966FF";
126
+ readonly "pink-0": "#FFF5FF";
125
127
  readonly "red-100": "#DC5879";
126
128
  readonly "red-0": "#E85D7F";
127
129
  readonly "red-500": "#E91C11";
package/dist/variables/colors.js CHANGED
@@ -26,7 +26,8 @@ var effects = {
26
26
  };
27
27
  export var coreSwatches = {
28
28
  beige: {
29
- '100': '#FFF0E5'
29
+ '100': '#FFF0E5',
30
+ '400': '#B2A8A0'
30
31
  },
31
32
  blue: {
32
33
  '0': '#F5FCFF',
package/dist/variables/colors.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"colors.js","sourceRoot":"","sources":["../../src/variables/colors.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"colors.js","sourceRoot":"","sources":["../../src/variables/colors.ts"],"names":[],"mappings":"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"}
package/dist/variables/deprecated-colors.d.ts CHANGED
@@ -129,14 +129,14 @@ export declare const colors: {
129
129
  readonly "blue-300": "#66C4FF";
130
130
  readonly "blue-500": "#1557FF";
131
131
  readonly "blue-800": "#1D2340";
132
- readonly "green-0": "#F5FFE3";
133
132
  readonly "green-400": "#AEE938";
133
+ readonly "green-0": "#F5FFE3";
134
134
  readonly "green-700": "#008A27";
135
- readonly "yellow-0": "#FFFAE5";
136
135
  readonly "yellow-400": "#CCA900";
136
+ readonly "yellow-0": "#FFFAE5";
137
137
  readonly "yellow-500": "#FFD300";
138
- readonly "pink-0": "#FFF5FF";
139
138
  readonly "pink-400": "#F966FF";
139
+ readonly "pink-0": "#FFF5FF";
140
140
  readonly "red-500": "#E91C11";
141
141
  readonly "orange-500": "#FF8C00";
142
142
  readonly "hyper-400": "#5533FF";
@@ -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";
153
152
  readonly "gray-400": "#a2a2a6";
153
+ readonly "gray-0": "#ffffff";
154
154
  readonly "gray-500": "#828285";
155
155
  readonly "gray-700": "#4b4b4d";
156
156
  };
package/dist/variance/utils.d.ts CHANGED
@@ -24,6 +24,6 @@ export declare function createStyledOptions<El extends ElementOrProps = 'div', A
24
24
  *
25
25
  */
26
26
  export declare const styledOptions: typeof createStyledOptions & {
27
- shouldForwardProp: (prop: PropertyKey) => prop is "dir" | "slot" | "style" | "title" | "id" | "property" | "translate" | "hidden" | "children" | "className" | "prefix" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | keyof import("react").ClassAttributes<HTMLDivElement>;
27
+ shouldForwardProp: (prop: PropertyKey) => prop is "dir" | "slot" | "style" | "title" | "id" | "property" | "translate" | "hidden" | "className" | "prefix" | "children" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | keyof import("react").ClassAttributes<HTMLDivElement>;
28
28
  };
29
29
  export {};
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": "13.0.2",
4
+ "version": "13.0.3-alpha.6d25ef.0",
5
5
  "author": "Jake Hiller <jake@codecademy.com>",
6
6
  "main": "dist/index.js",
7
7
  "module": "dist/index.js",
@@ -39,5 +39,5 @@
39
39
  "publishConfig": {
40
40
  "access": "public"
41
41
  },
42
- "gitHead": "7adb24098e76039068bbe119afbf18739c4a2263"
42
+ "gitHead": "bd76c2aae799b6cadff2c75c9e2f2bd779c5686b"
43
43
  }