@codecademy/gamut-styles 17.1.2-alpha.e17690.0 → 17.1.2-alpha.e4e17a.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.
package/dist/ColorMode.d.ts
CHANGED
|
@@ -514,9 +514,6 @@ 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
|
-
}>;
|
|
520
517
|
backgroundRepeat?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
521
518
|
readonly property: "backgroundRepeat";
|
|
522
519
|
}>;
|
|
@@ -583,11 +580,6 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
|
|
|
583
580
|
readonly property: "height";
|
|
584
581
|
readonly transform: (value: string | number) => string | 0;
|
|
585
582
|
}>;
|
|
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
|
-
}>;
|
|
591
583
|
justifyContent?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
592
584
|
readonly property: "justifyContent";
|
|
593
585
|
}>;
|
|
@@ -654,6 +646,9 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
|
|
|
654
646
|
zIndex?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
655
647
|
readonly property: "zIndex";
|
|
656
648
|
}>;
|
|
649
|
+
backgroundPosition?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
650
|
+
readonly property: "backgroundPosition";
|
|
651
|
+
}>;
|
|
657
652
|
border?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
658
653
|
readonly property: "border";
|
|
659
654
|
readonly scale: "borders";
|
|
@@ -704,6 +699,11 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
|
|
|
704
699
|
gridRow?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
705
700
|
readonly property: "gridRow";
|
|
706
701
|
}>;
|
|
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,9 +921,6 @@ 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
|
-
}>;
|
|
927
924
|
backgroundRepeat?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
928
925
|
readonly property: "backgroundRepeat";
|
|
929
926
|
}>;
|
|
@@ -990,11 +987,6 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
|
|
|
990
987
|
readonly property: "height";
|
|
991
988
|
readonly transform: (value: string | number) => string | 0;
|
|
992
989
|
}>;
|
|
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
|
-
}>;
|
|
998
990
|
justifyContent?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
999
991
|
readonly property: "justifyContent";
|
|
1000
992
|
}>;
|
|
@@ -1061,6 +1053,9 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
|
|
|
1061
1053
|
zIndex?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1062
1054
|
readonly property: "zIndex";
|
|
1063
1055
|
}>;
|
|
1056
|
+
backgroundPosition?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1057
|
+
readonly property: "backgroundPosition";
|
|
1058
|
+
}>;
|
|
1064
1059
|
border?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1065
1060
|
readonly property: "border";
|
|
1066
1061
|
readonly scale: "borders";
|
|
@@ -1111,6 +1106,11 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
|
|
|
1111
1106
|
gridRow?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1112
1107
|
readonly property: "gridRow";
|
|
1113
1108
|
}>;
|
|
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
|
}>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { Options } from '@emotion/cache';
|
|
2
2
|
export declare const EMOTION_KEY = "gamut";
|
|
3
3
|
export declare const EMOTION_CONTAINER = "emotion-styles";
|
|
4
|
-
export declare const createEmotionCache: (overrides?: Partial<Options>) => import("@emotion/
|
|
4
|
+
export declare const createEmotionCache: (overrides?: Partial<Options>) => import("@emotion/cache").EmotionCache;
|
|
@@ -22,5 +22,5 @@ declare const shadowsForDepth: {
|
|
|
22
22
|
};
|
|
23
23
|
};
|
|
24
24
|
export declare const createShadow: (depth: ShadowDepth) => string;
|
|
25
|
-
export declare const boxShadow: (depth?: ShadowDepth) => import("@emotion/
|
|
25
|
+
export declare const boxShadow: (depth?: ShadowDepth) => import("@emotion/react").SerializedStyles;
|
|
26
26
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const noSelect: import("@emotion/
|
|
1
|
+
export declare const noSelect: import("@emotion/react").SerializedStyles;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare const screenReaderOnly: import("@emotion/
|
|
2
|
-
export declare const screenReaderOnlyFocusable: import("@emotion/
|
|
1
|
+
export declare const screenReaderOnly: import("@emotion/react").SerializedStyles;
|
|
2
|
+
export declare const screenReaderOnlyFocusable: import("@emotion/react").SerializedStyles;
|
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" | "
|
|
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"];
|
|
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" | "
|
|
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>;
|
|
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.
|
|
4
|
+
"version": "17.1.2-alpha.e4e17a.0",
|
|
5
5
|
"author": "Jake Hiller <jake@codecademy.com>",
|
|
6
6
|
"dependencies": {
|
|
7
|
-
"@codecademy/variance": "0.21.5-alpha.
|
|
7
|
+
"@codecademy/variance": "0.21.5-alpha.e4e17a.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": "
|
|
37
|
+
"gitHead": "d29423812a250cc52ef6ef465d31894227770a34"
|
|
38
38
|
}
|