@codecademy/gamut-styles 17.1.2-alpha.2f18ee.0 → 17.1.2-alpha.3d89ca.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 (3) hide show
  1. package/dist/ColorMode.d.ts +16 -16
  2. package/dist/variance/utils.d.ts +2 -2
  3. package/package.json +3 -3
package/dist/ColorMode.d.ts CHANGED
@@ -514,6 +514,9 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
514
514
  backgroundImage?: import("@codecademy/variance/dist/types/config").Scale<{
515
515
  readonly property: "backgroundImage";
516
516
  }>;
517
+ backgroundPosition?: import("@codecademy/variance/dist/types/config").Scale<{
518
+ readonly property: "backgroundPosition";
519
+ }>;
517
520
  backgroundRepeat?: import("@codecademy/variance/dist/types/config").Scale<{
518
521
  readonly property: "backgroundRepeat";
519
522
  }>;
@@ -580,6 +583,11 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
580
583
  readonly property: "height";
581
584
  readonly transform: (value: string | number) => string | 0;
582
585
  }>;
586
+ inset?: import("@codecademy/variance/dist/types/config").Scale<{
587
+ readonly property: "inset";
588
+ readonly properties: readonly ["top", "right", "bottom", "left"];
589
+ readonly transform: (value: string | number) => string | 0;
590
+ }>;
583
591
  justifyContent?: import("@codecademy/variance/dist/types/config").Scale<{
584
592
  readonly property: "justifyContent";
585
593
  }>;
@@ -646,9 +654,6 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
646
654
  zIndex?: import("@codecademy/variance/dist/types/config").Scale<{
647
655
  readonly property: "zIndex";
648
656
  }>;
649
- backgroundPosition?: import("@codecademy/variance/dist/types/config").Scale<{
650
- readonly property: "backgroundPosition";
651
- }>;
652
657
  border?: import("@codecademy/variance/dist/types/config").Scale<{
653
658
  readonly property: "border";
654
659
  readonly scale: "borders";
@@ -699,11 +704,6 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
699
704
  gridRow?: import("@codecademy/variance/dist/types/config").Scale<{
700
705
  readonly property: "gridRow";
701
706
  }>;
702
- inset?: import("@codecademy/variance/dist/types/config").Scale<{
703
- readonly property: "inset";
704
- readonly properties: readonly ["top", "right", "bottom", "left"];
705
- readonly transform: (value: string | number) => string | 0;
706
- }>;
707
707
  overflow?: import("@codecademy/variance/dist/types/config").Scale<{
708
708
  readonly property: "overflow";
709
709
  }>;
@@ -921,6 +921,9 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
921
921
  backgroundImage?: import("@codecademy/variance/dist/types/config").Scale<{
922
922
  readonly property: "backgroundImage";
923
923
  }>;
924
+ backgroundPosition?: import("@codecademy/variance/dist/types/config").Scale<{
925
+ readonly property: "backgroundPosition";
926
+ }>;
924
927
  backgroundRepeat?: import("@codecademy/variance/dist/types/config").Scale<{
925
928
  readonly property: "backgroundRepeat";
926
929
  }>;
@@ -987,6 +990,11 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
987
990
  readonly property: "height";
988
991
  readonly transform: (value: string | number) => string | 0;
989
992
  }>;
993
+ inset?: import("@codecademy/variance/dist/types/config").Scale<{
994
+ readonly property: "inset";
995
+ readonly properties: readonly ["top", "right", "bottom", "left"];
996
+ readonly transform: (value: string | number) => string | 0;
997
+ }>;
990
998
  justifyContent?: import("@codecademy/variance/dist/types/config").Scale<{
991
999
  readonly property: "justifyContent";
992
1000
  }>;
@@ -1053,9 +1061,6 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
1053
1061
  zIndex?: import("@codecademy/variance/dist/types/config").Scale<{
1054
1062
  readonly property: "zIndex";
1055
1063
  }>;
1056
- backgroundPosition?: import("@codecademy/variance/dist/types/config").Scale<{
1057
- readonly property: "backgroundPosition";
1058
- }>;
1059
1064
  border?: import("@codecademy/variance/dist/types/config").Scale<{
1060
1065
  readonly property: "border";
1061
1066
  readonly scale: "borders";
@@ -1106,11 +1111,6 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
1106
1111
  gridRow?: import("@codecademy/variance/dist/types/config").Scale<{
1107
1112
  readonly property: "gridRow";
1108
1113
  }>;
1109
- inset?: import("@codecademy/variance/dist/types/config").Scale<{
1110
- readonly property: "inset";
1111
- readonly properties: readonly ["top", "right", "bottom", "left"];
1112
- readonly transform: (value: string | number) => string | 0;
1113
- }>;
1114
1114
  overflow?: import("@codecademy/variance/dist/types/config").Scale<{
1115
1115
  readonly property: "overflow";
1116
1116
  }>;
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" | "alignContent" | "alignItems" | "alignSelf" | "backgroundImage" | "backgroundPosition" | "backgroundRepeat" | "backgroundSize" | "bottom" | "boxShadow" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "inset" | "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" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "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" | "mode" | "alignContent" | "alignItems" | "alignSelf" | "backgroundImage" | "backgroundPosition" | "backgroundRepeat" | "backgroundSize" | "bottom" | "boxShadow" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "inset" | "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" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "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,10 +1,10 @@
1
1
  {
2
2
  "name": "@codecademy/gamut-styles",
3
3
  "description": "Styleguide & Component library for codecademy.com",
4
- "version": "17.1.2-alpha.2f18ee.0",
4
+ "version": "17.1.2-alpha.3d89ca.0",
5
5
  "author": "Jake Hiller <jake@codecademy.com>",
6
6
  "dependencies": {
7
- "@codecademy/variance": "0.21.5-alpha.2f18ee.0",
7
+ "@codecademy/variance": "0.21.5-alpha.3d89ca.0",
8
8
  "@emotion/is-prop-valid": "^1.1.0",
9
9
  "polished": "^4.1.2"
10
10
  },
@@ -34,5 +34,5 @@
34
34
  "scripts": {
35
35
  "build": "nx build @codecademy/gamut-styles"
36
36
  },
37
- "gitHead": "510f9a1d8d8e1ad20c47582e6095b1a85bd05929"
37
+ "gitHead": "862dc9076ace95e09af2f49bb4773bebcfc89c7c"
38
38
  }