@codecademy/gamut-styles 17.2.0 → 17.2.1-alpha.22e8a9.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 (7) hide show
  1. package/dist/ColorMode.d.ts +8 -8
  2. package/dist/themes/admin.d.ts +49 -1
  3. package/dist/themes/core.d.ts +24 -0
  4. package/dist/themes/core.js +12 -0
  5. package/dist/themes/platform.d.ts +49 -1
  6. package/dist/variance/utils.d.ts +2 -2
  7. package/package.json +2 -2
package/dist/ColorMode.d.ts CHANGED
@@ -502,6 +502,10 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
502
502
  background?: import("@codecademy/variance/dist/types/config").Scale<{
503
503
  readonly property: "background";
504
504
  }>;
505
+ border?: import("@codecademy/variance/dist/types/config").Scale<{
506
+ readonly property: "border";
507
+ readonly scale: "borders";
508
+ }>;
505
509
  alignContent?: import("@codecademy/variance/dist/types/config").Scale<{
506
510
  readonly property: "alignContent";
507
511
  }>;
@@ -649,10 +653,6 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
649
653
  backgroundPosition?: import("@codecademy/variance/dist/types/config").Scale<{
650
654
  readonly property: "backgroundPosition";
651
655
  }>;
652
- border?: import("@codecademy/variance/dist/types/config").Scale<{
653
- readonly property: "border";
654
- readonly scale: "borders";
655
- }>;
656
656
  borderBottom?: import("@codecademy/variance/dist/types/config").Scale<{
657
657
  readonly property: "borderBottom";
658
658
  readonly scale: "borders";
@@ -909,6 +909,10 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
909
909
  background?: import("@codecademy/variance/dist/types/config").Scale<{
910
910
  readonly property: "background";
911
911
  }>;
912
+ border?: import("@codecademy/variance/dist/types/config").Scale<{
913
+ readonly property: "border";
914
+ readonly scale: "borders";
915
+ }>;
912
916
  alignContent?: import("@codecademy/variance/dist/types/config").Scale<{
913
917
  readonly property: "alignContent";
914
918
  }>;
@@ -1056,10 +1060,6 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
1056
1060
  backgroundPosition?: import("@codecademy/variance/dist/types/config").Scale<{
1057
1061
  readonly property: "backgroundPosition";
1058
1062
  }>;
1059
- border?: import("@codecademy/variance/dist/types/config").Scale<{
1060
- readonly property: "border";
1061
- readonly scale: "borders";
1062
- }>;
1063
1063
  borderBottom?: import("@codecademy/variance/dist/types/config").Scale<{
1064
1064
  readonly property: "borderBottom";
1065
1065
  readonly scale: "borders";
package/dist/themes/admin.d.ts CHANGED
@@ -191,6 +191,12 @@ export declare const adminTheme: Record<"breakpoints", {
191
191
  _: "hyper-500";
192
192
  hover: "hyper-400";
193
193
  };
194
+ border: {
195
+ primary: "navy-800";
196
+ secondary: "navy-600";
197
+ tertiary: "navy-300";
198
+ disabled: "navy-500";
199
+ };
194
200
  } | {
195
201
  text: {
196
202
  _: "white";
@@ -233,6 +239,12 @@ export declare const adminTheme: Record<"breakpoints", {
233
239
  _: "yellow-500";
234
240
  hover: "yellow-400";
235
241
  };
242
+ border: {
243
+ primary: "white";
244
+ secondary: "white-600";
245
+ tertiary: "white-300";
246
+ disabled: "white-500";
247
+ };
236
248
  }, "-", "_">, "colors"> & import("@codecademy/variance").KeyAsVariable<import("@codecademy/variance").LiteralPaths<{
237
249
  readonly beige: "#FFF0E5";
238
250
  readonly blue: "#1557FF";
@@ -345,6 +357,12 @@ export declare const adminTheme: Record<"breakpoints", {
345
357
  _: "hyper-500";
346
358
  hover: "hyper-400";
347
359
  };
360
+ border: {
361
+ primary: "navy-800";
362
+ secondary: "navy-600";
363
+ tertiary: "navy-300";
364
+ disabled: "navy-500";
365
+ };
348
366
  }, "-", "_">;
349
367
  dark: import("@codecademy/variance").LiteralPaths<{
350
368
  text: {
@@ -388,6 +406,12 @@ export declare const adminTheme: Record<"breakpoints", {
388
406
  _: "yellow-500";
389
407
  hover: "yellow-400";
390
408
  };
409
+ border: {
410
+ primary: "white";
411
+ secondary: "white-600";
412
+ tertiary: "white-300";
413
+ disabled: "white-500";
414
+ };
391
415
  }, "-", "_">;
392
416
  }>;
393
417
  mode: "light" | "dark";
@@ -583,6 +607,12 @@ export declare const adminTheme: Record<"breakpoints", {
583
607
  _: "hyper-500";
584
608
  hover: "hyper-400";
585
609
  };
610
+ border: {
611
+ primary: "navy-800";
612
+ secondary: "navy-600";
613
+ tertiary: "navy-300";
614
+ disabled: "navy-500";
615
+ };
586
616
  } | {
587
617
  text: {
588
618
  _: "white";
@@ -625,6 +655,12 @@ export declare const adminTheme: Record<"breakpoints", {
625
655
  _: "yellow-500";
626
656
  hover: "yellow-400";
627
657
  };
658
+ border: {
659
+ primary: "white";
660
+ secondary: "white-600";
661
+ tertiary: "white-300";
662
+ disabled: "white-500";
663
+ };
628
664
  }, "-", "_">, "colors"> & import("@codecademy/variance").KeyAsVariable<import("@codecademy/variance").LiteralPaths<{
629
665
  readonly beige: "#FFF0E5";
630
666
  readonly blue: "#1557FF";
@@ -737,6 +773,12 @@ export declare const adminTheme: Record<"breakpoints", {
737
773
  _: "hyper-500";
738
774
  hover: "hyper-400";
739
775
  };
776
+ border: {
777
+ primary: "navy-800";
778
+ secondary: "navy-600";
779
+ tertiary: "navy-300";
780
+ disabled: "navy-500";
781
+ };
740
782
  }, "-", "_">;
741
783
  dark: import("@codecademy/variance").LiteralPaths<{
742
784
  text: {
@@ -780,6 +822,12 @@ export declare const adminTheme: Record<"breakpoints", {
780
822
  _: "yellow-500";
781
823
  hover: "yellow-400";
782
824
  };
825
+ border: {
826
+ primary: "white";
827
+ secondary: "white-600";
828
+ tertiary: "white-300";
829
+ disabled: "white-500";
830
+ };
783
831
  }, "-", "_">;
784
832
  }>, {
785
833
  light: import("@codecademy/variance").LiteralPaths<{
@@ -863,7 +911,7 @@ export declare const adminTheme: Record<"breakpoints", {
863
911
  readonly "white-200": string;
864
912
  readonly "white-600": string;
865
913
  readonly "white-700": string;
866
- }, "-"> | "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") => string;
914
+ }, "-"> | "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") => string;
867
915
  }> & import("@codecademy/variance/dist/createTheme/types").PrivateThemeKeys;
868
916
  export type AdminThemeShape = typeof adminTheme;
869
917
  export interface AdminTheme extends AdminThemeShape {
package/dist/themes/core.d.ts CHANGED
@@ -190,6 +190,12 @@ export declare const coreTheme: Record<"elements", Record<"elements", import("@c
190
190
  _: "hyper-500";
191
191
  hover: "hyper-400";
192
192
  };
193
+ border: {
194
+ primary: "navy-800";
195
+ secondary: "navy-600";
196
+ tertiary: "navy-300";
197
+ disabled: "navy-500";
198
+ };
193
199
  } | {
194
200
  text: {
195
201
  _: "white";
@@ -232,6 +238,12 @@ export declare const coreTheme: Record<"elements", Record<"elements", import("@c
232
238
  _: "yellow-500";
233
239
  hover: "yellow-400";
234
240
  };
241
+ border: {
242
+ primary: "white";
243
+ secondary: "white-600";
244
+ tertiary: "white-300";
245
+ disabled: "white-500";
246
+ };
235
247
  }, "-", "_">, "colors"> & import("@codecademy/variance").KeyAsVariable<import("@codecademy/variance").LiteralPaths<{
236
248
  readonly beige: "#FFF0E5";
237
249
  readonly blue: "#1557FF";
@@ -344,6 +356,12 @@ export declare const coreTheme: Record<"elements", Record<"elements", import("@c
344
356
  _: "hyper-500";
345
357
  hover: "hyper-400";
346
358
  };
359
+ border: {
360
+ primary: "navy-800";
361
+ secondary: "navy-600";
362
+ tertiary: "navy-300";
363
+ disabled: "navy-500";
364
+ };
347
365
  }, "-", "_">;
348
366
  dark: import("@codecademy/variance").LiteralPaths<{
349
367
  text: {
@@ -387,6 +405,12 @@ export declare const coreTheme: Record<"elements", Record<"elements", import("@c
387
405
  _: "yellow-500";
388
406
  hover: "yellow-400";
389
407
  };
408
+ border: {
409
+ primary: "white";
410
+ secondary: "white-600";
411
+ tertiary: "white-300";
412
+ disabled: "white-500";
413
+ };
390
414
  }, "-", "_">;
391
415
  }>;
392
416
  mode: "light" | "dark";
package/dist/themes/core.js CHANGED
@@ -58,6 +58,12 @@ export const coreTheme = createTheme({
58
58
  interface: {
59
59
  _: 'hyper-500',
60
60
  hover: 'hyper-400'
61
+ },
62
+ border: {
63
+ primary: 'navy-800',
64
+ secondary: 'navy-600',
65
+ tertiary: 'navy-300',
66
+ disabled: 'navy-500'
61
67
  }
62
68
  },
63
69
  dark: {
@@ -101,6 +107,12 @@ export const coreTheme = createTheme({
101
107
  interface: {
102
108
  _: 'yellow-500',
103
109
  hover: 'yellow-400'
110
+ },
111
+ border: {
112
+ primary: 'white',
113
+ secondary: 'white-600',
114
+ tertiary: 'white-300',
115
+ disabled: 'white-500'
104
116
  }
105
117
  }
106
118
  }).addScale('borders', _ref => {
package/dist/themes/platform.d.ts CHANGED
@@ -201,6 +201,12 @@ export declare const platformTheme: Record<"breakpoints", {
201
201
  _: "hyper-500";
202
202
  hover: "hyper-400";
203
203
  };
204
+ border: {
205
+ primary: "navy-800";
206
+ secondary: "navy-600";
207
+ tertiary: "navy-300";
208
+ disabled: "navy-500";
209
+ };
204
210
  } | {
205
211
  text: {
206
212
  _: "white";
@@ -243,6 +249,12 @@ export declare const platformTheme: Record<"breakpoints", {
243
249
  _: "yellow-500";
244
250
  hover: "yellow-400";
245
251
  };
252
+ border: {
253
+ primary: "white";
254
+ secondary: "white-600";
255
+ tertiary: "white-300";
256
+ disabled: "white-500";
257
+ };
246
258
  }, "-", "_">, "colors"> & import("@codecademy/variance").KeyAsVariable<import("@codecademy/variance").LiteralPaths<{
247
259
  readonly beige: "#FFF0E5";
248
260
  readonly blue: "#1557FF";
@@ -355,6 +367,12 @@ export declare const platformTheme: Record<"breakpoints", {
355
367
  _: "hyper-500";
356
368
  hover: "hyper-400";
357
369
  };
370
+ border: {
371
+ primary: "navy-800";
372
+ secondary: "navy-600";
373
+ tertiary: "navy-300";
374
+ disabled: "navy-500";
375
+ };
358
376
  }, "-", "_">;
359
377
  dark: import("@codecademy/variance").LiteralPaths<{
360
378
  text: {
@@ -398,6 +416,12 @@ export declare const platformTheme: Record<"breakpoints", {
398
416
  _: "yellow-500";
399
417
  hover: "yellow-400";
400
418
  };
419
+ border: {
420
+ primary: "white";
421
+ secondary: "white-600";
422
+ tertiary: "white-300";
423
+ disabled: "white-500";
424
+ };
401
425
  }, "-", "_">;
402
426
  }>;
403
427
  mode: "light" | "dark";
@@ -655,6 +679,12 @@ export declare const platformTheme: Record<"breakpoints", {
655
679
  _: "hyper-500";
656
680
  hover: "hyper-400";
657
681
  };
682
+ border: {
683
+ primary: "navy-800";
684
+ secondary: "navy-600";
685
+ tertiary: "navy-300";
686
+ disabled: "navy-500";
687
+ };
658
688
  } | {
659
689
  text: {
660
690
  _: "white";
@@ -697,6 +727,12 @@ export declare const platformTheme: Record<"breakpoints", {
697
727
  _: "yellow-500";
698
728
  hover: "yellow-400";
699
729
  };
730
+ border: {
731
+ primary: "white";
732
+ secondary: "white-600";
733
+ tertiary: "white-300";
734
+ disabled: "white-500";
735
+ };
700
736
  }, "-", "_">, "colors"> & import("@codecademy/variance").KeyAsVariable<import("@codecademy/variance").LiteralPaths<{
701
737
  readonly beige: "#FFF0E5";
702
738
  readonly blue: "#1557FF";
@@ -820,6 +856,12 @@ export declare const platformTheme: Record<"breakpoints", {
820
856
  _: "hyper-500";
821
857
  hover: "hyper-400";
822
858
  };
859
+ border: {
860
+ primary: "navy-800";
861
+ secondary: "navy-600";
862
+ tertiary: "navy-300";
863
+ disabled: "navy-500";
864
+ };
823
865
  }, "-", "_">;
824
866
  dark: import("@codecademy/variance").LiteralPaths<{
825
867
  text: {
@@ -863,6 +905,12 @@ export declare const platformTheme: Record<"breakpoints", {
863
905
  _: "yellow-500";
864
906
  hover: "yellow-400";
865
907
  };
908
+ border: {
909
+ primary: "white";
910
+ secondary: "white-600";
911
+ tertiary: "white-300";
912
+ disabled: "white-500";
913
+ };
866
914
  }, "-", "_">;
867
915
  }>, {
868
916
  light: import("@codecademy/variance").LiteralPaths<{
@@ -997,7 +1045,7 @@ export declare const platformTheme: Record<"breakpoints", {
997
1045
  readonly "white-200": string;
998
1046
  readonly "white-600": string;
999
1047
  readonly "white-700": string;
1000
- }, "-"> | "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" | import("@codecademy/variance").Path<{
1048
+ }, "-"> | "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" | import("@codecademy/variance").Path<{
1001
1049
  readonly lightBeige: "#FFFBF8";
1002
1050
  readonly gold: "#8A7300";
1003
1051
  readonly teal: "#027E97";
package/dist/variance/utils.d.ts CHANGED
@@ -1,11 +1,11 @@
1
1
  /// <reference types="react" />
2
2
  import { ThemeProps } from '@codecademy/variance';
3
- declare const allPropnames: ["mode", "variant", "p" | "fontSize" | "fontFamily" | "lineHeight" | "fontWeight" | "color" | "background" | "alignContent" | "alignItems" | "alignSelf" | "backgroundImage" | "backgroundRepeat" | "backgroundSize" | "bottom" | "boxShadow" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "listStyleImage" | "listStylePosition" | "listStyleType" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "order" | "overflowX" | "overflowY" | "position" | "right" | "rowGap" | "textAlign" | "textShadow" | "textTransform" | "top" | "verticalAlign" | "whiteSpace" | "width" | "zIndex" | "backgroundPosition" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "inset" | "listStyle" | "overflow" | "textDecoration" | "dimensions" | "textColor" | "bg" | "borderColorX" | "borderColorY" | "borderColorLeft" | "borderColorRight" | "borderColorTop" | "borderColorBottom" | "px" | "py" | "pt" | "pb" | "pr" | "pl" | "m" | "mx" | "my" | "mt" | "mb" | "mr" | "ml" | "borderX" | "borderY" | "borderWidthX" | "borderWidthY" | "borderWidthLeft" | "borderWidthRight" | "borderWidthTop" | "borderWidthBottom" | "borderRadiusLeft" | "borderRadiusTop" | "borderRadiusBottom" | "borderRadiusRight" | "borderRadiusTopLeft" | "borderRadiusTopRight" | "borderRadiusBottomRight" | "borderRadiusBottomLeft" | "borderStyleX" | "borderStyleY" | "borderStyleLeft" | "borderStyleRight" | "borderStyleTop" | "borderStyleBottom"];
3
+ declare const allPropnames: ["mode", "variant", "p" | "fontSize" | "fontFamily" | "lineHeight" | "fontWeight" | "color" | "background" | "border" | "alignContent" | "alignItems" | "alignSelf" | "backgroundImage" | "backgroundRepeat" | "backgroundSize" | "bottom" | "boxShadow" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "listStyleImage" | "listStylePosition" | "listStyleType" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "order" | "overflowX" | "overflowY" | "position" | "right" | "rowGap" | "textAlign" | "textShadow" | "textTransform" | "top" | "verticalAlign" | "whiteSpace" | "width" | "zIndex" | "backgroundPosition" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "inset" | "listStyle" | "overflow" | "textDecoration" | "dimensions" | "textColor" | "bg" | "borderColorX" | "borderColorY" | "borderColorLeft" | "borderColorRight" | "borderColorTop" | "borderColorBottom" | "px" | "py" | "pt" | "pb" | "pr" | "pl" | "m" | "mx" | "my" | "mt" | "mb" | "mr" | "ml" | "borderX" | "borderY" | "borderWidthX" | "borderWidthY" | "borderWidthLeft" | "borderWidthRight" | "borderWidthTop" | "borderWidthBottom" | "borderRadiusLeft" | "borderRadiusTop" | "borderRadiusBottom" | "borderRadiusRight" | "borderRadiusTopLeft" | "borderRadiusTopRight" | "borderRadiusBottomRight" | "borderRadiusBottomLeft" | "borderStyleX" | "borderStyleY" | "borderStyleLeft" | "borderStyleRight" | "borderStyleTop" | "borderStyleBottom"];
4
4
  export type SystemPropNames = typeof allPropnames[number];
5
5
  export type ElementOrProps = keyof JSX.IntrinsicElements | ThemeProps;
6
6
  export type ForwardableProps<El extends ElementOrProps, Additional> = Exclude<El extends keyof JSX.IntrinsicElements ? keyof JSX.IntrinsicElements[El] : keyof Element, Additional | SystemPropNames>;
7
7
  export declare function createStyledOptions<El extends ElementOrProps = 'div', Additional extends string = never>(additional?: readonly Additional[]): {
8
- shouldForwardProp: (prop: PropertyKey) => prop is Exclude<El extends keyof JSX.IntrinsicElements ? keyof JSX.IntrinsicElements[El] : keyof Element, "p" | "fontSize" | "fontFamily" | "lineHeight" | "fontWeight" | "color" | "background" | "mode" | "alignContent" | "alignItems" | "alignSelf" | "backgroundImage" | "backgroundRepeat" | "backgroundSize" | "bottom" | "boxShadow" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "listStyleImage" | "listStylePosition" | "listStyleType" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "order" | "overflowX" | "overflowY" | "position" | "right" | "rowGap" | "textAlign" | "textShadow" | "textTransform" | "top" | "verticalAlign" | "whiteSpace" | "width" | "zIndex" | "backgroundPosition" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "inset" | "listStyle" | "overflow" | "textDecoration" | "dimensions" | "textColor" | "bg" | "borderColorX" | "borderColorY" | "borderColorLeft" | "borderColorRight" | "borderColorTop" | "borderColorBottom" | "px" | "py" | "pt" | "pb" | "pr" | "pl" | "m" | "mx" | "my" | "mt" | "mb" | "mr" | "ml" | "borderX" | "borderY" | "borderWidthX" | "borderWidthY" | "borderWidthLeft" | "borderWidthRight" | "borderWidthTop" | "borderWidthBottom" | "borderRadiusLeft" | "borderRadiusTop" | "borderRadiusBottom" | "borderRadiusRight" | "borderRadiusTopLeft" | "borderRadiusTopRight" | "borderRadiusBottomRight" | "borderRadiusBottomLeft" | "borderStyleX" | "borderStyleY" | "borderStyleLeft" | "borderStyleRight" | "borderStyleTop" | "borderStyleBottom" | "variant" | Additional>;
8
+ shouldForwardProp: (prop: PropertyKey) => prop is Exclude<El extends keyof JSX.IntrinsicElements ? keyof JSX.IntrinsicElements[El] : keyof Element, "p" | "fontSize" | "fontFamily" | "lineHeight" | "fontWeight" | "color" | "background" | "border" | "mode" | "alignContent" | "alignItems" | "alignSelf" | "backgroundImage" | "backgroundRepeat" | "backgroundSize" | "bottom" | "boxShadow" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "listStyleImage" | "listStylePosition" | "listStyleType" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "order" | "overflowX" | "overflowY" | "position" | "right" | "rowGap" | "textAlign" | "textShadow" | "textTransform" | "top" | "verticalAlign" | "whiteSpace" | "width" | "zIndex" | "backgroundPosition" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "inset" | "listStyle" | "overflow" | "textDecoration" | "dimensions" | "textColor" | "bg" | "borderColorX" | "borderColorY" | "borderColorLeft" | "borderColorRight" | "borderColorTop" | "borderColorBottom" | "px" | "py" | "pt" | "pb" | "pr" | "pl" | "m" | "mx" | "my" | "mt" | "mb" | "mr" | "ml" | "borderX" | "borderY" | "borderWidthX" | "borderWidthY" | "borderWidthLeft" | "borderWidthRight" | "borderWidthTop" | "borderWidthBottom" | "borderRadiusLeft" | "borderRadiusTop" | "borderRadiusBottom" | "borderRadiusRight" | "borderRadiusTopLeft" | "borderRadiusTopRight" | "borderRadiusBottomRight" | "borderRadiusBottomLeft" | "borderStyleX" | "borderStyleY" | "borderStyleLeft" | "borderStyleRight" | "borderStyleTop" | "borderStyleBottom" | "variant" | Additional>;
9
9
  };
10
10
  /**
11
11
  * @description
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.2.0",
4
+ "version": "17.2.1-alpha.22e8a9.0",
5
5
  "author": "Jake Hiller <jake@codecademy.com>",
6
6
  "dependencies": {
7
7
  "@codecademy/variance": "0.22.0",
@@ -34,5 +34,5 @@
34
34
  "scripts": {
35
35
  "build": "nx build @codecademy/gamut-styles"
36
36
  },
37
- "gitHead": "c59fb2f77eadc836fbcfb636195f38b8f7d3a227"
37
+ "gitHead": "da32272c5fb21c75360b145cce70b7b39424c462"
38
38
  }