@codecademy/gamut-styles 17.7.0-alpha.1dc930.0 → 17.7.0-alpha.2cab9b.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
|
@@ -50,6 +50,9 @@ export declare const providerProps: import("@codecademy/variance/dist/types/conf
|
|
|
50
50
|
readonly gridArea: {
|
|
51
51
|
readonly property: "gridArea";
|
|
52
52
|
};
|
|
53
|
+
readonly containerType: {
|
|
54
|
+
readonly property: "containerType";
|
|
55
|
+
};
|
|
53
56
|
readonly display: {
|
|
54
57
|
readonly property: "display";
|
|
55
58
|
};
|
|
@@ -532,6 +535,9 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
|
|
|
532
535
|
readonly property: "columnGap";
|
|
533
536
|
readonly scale: "spacing";
|
|
534
537
|
}>;
|
|
538
|
+
containerType?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
539
|
+
readonly property: "containerType";
|
|
540
|
+
}>;
|
|
535
541
|
display?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
536
542
|
readonly property: "display";
|
|
537
543
|
}>;
|
|
@@ -939,6 +945,9 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
|
|
|
939
945
|
readonly property: "columnGap";
|
|
940
946
|
readonly scale: "spacing";
|
|
941
947
|
}>;
|
|
948
|
+
containerType?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
949
|
+
readonly property: "containerType";
|
|
950
|
+
}>;
|
|
942
951
|
display?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
943
952
|
readonly property: "display";
|
|
944
953
|
}>;
|
|
@@ -372,6 +372,9 @@ export declare const layout: {
|
|
|
372
372
|
readonly gridArea: {
|
|
373
373
|
readonly property: "gridArea";
|
|
374
374
|
};
|
|
375
|
+
readonly containerType: {
|
|
376
|
+
readonly property: "containerType";
|
|
377
|
+
};
|
|
375
378
|
readonly display: {
|
|
376
379
|
readonly property: "display";
|
|
377
380
|
};
|
|
@@ -848,6 +851,9 @@ export declare const all: {
|
|
|
848
851
|
gridArea: {
|
|
849
852
|
readonly property: "gridArea";
|
|
850
853
|
};
|
|
854
|
+
containerType: {
|
|
855
|
+
readonly property: "containerType";
|
|
856
|
+
};
|
|
851
857
|
display: {
|
|
852
858
|
readonly property: "display";
|
|
853
859
|
};
|
package/dist/variance/config.js
CHANGED
package/dist/variance/props.d.ts
CHANGED
|
@@ -190,6 +190,9 @@ export declare const layout: import("@codecademy/variance/dist/types/config").Pa
|
|
|
190
190
|
readonly gridArea: {
|
|
191
191
|
readonly property: "gridArea";
|
|
192
192
|
};
|
|
193
|
+
readonly containerType: {
|
|
194
|
+
readonly property: "containerType";
|
|
195
|
+
};
|
|
193
196
|
readonly display: {
|
|
194
197
|
readonly property: "display";
|
|
195
198
|
};
|
|
@@ -851,6 +854,9 @@ export declare const css: import("@codecademy/variance/dist/types/config").CSS<i
|
|
|
851
854
|
gridArea: {
|
|
852
855
|
readonly property: "gridArea";
|
|
853
856
|
};
|
|
857
|
+
containerType: {
|
|
858
|
+
readonly property: "containerType";
|
|
859
|
+
};
|
|
854
860
|
display: {
|
|
855
861
|
readonly property: "display";
|
|
856
862
|
};
|
|
@@ -1302,6 +1308,9 @@ export declare const variant: import("@codecademy/variance/dist/types/config").V
|
|
|
1302
1308
|
gridArea: {
|
|
1303
1309
|
readonly property: "gridArea";
|
|
1304
1310
|
};
|
|
1311
|
+
containerType: {
|
|
1312
|
+
readonly property: "containerType";
|
|
1313
|
+
};
|
|
1305
1314
|
display: {
|
|
1306
1315
|
readonly property: "display";
|
|
1307
1316
|
};
|
|
@@ -1753,6 +1762,9 @@ export declare const states: import("@codecademy/variance/dist/types/config").St
|
|
|
1753
1762
|
gridArea: {
|
|
1754
1763
|
readonly property: "gridArea";
|
|
1755
1764
|
};
|
|
1765
|
+
containerType: {
|
|
1766
|
+
readonly property: "containerType";
|
|
1767
|
+
};
|
|
1756
1768
|
display: {
|
|
1757
1769
|
readonly property: "display";
|
|
1758
1770
|
};
|
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" | "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"];
|
|
3
|
+
declare const allPropnames: ["mode", "variant", "p" | "fontSize" | "fontFamily" | "lineHeight" | "fontWeight" | "color" | "background" | "border" | "alignContent" | "alignItems" | "alignSelf" | "backgroundImage" | "backgroundRepeat" | "backgroundSize" | "bottom" | "boxShadow" | "columnGap" | "containerType" | "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" | "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>;
|
|
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" | "containerType" | "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,10 +1,10 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@codecademy/gamut-styles",
|
|
3
3
|
"description": "Styleguide & Component library for codecademy.com",
|
|
4
|
-
"version": "17.7.0-alpha.
|
|
4
|
+
"version": "17.7.0-alpha.2cab9b.0",
|
|
5
5
|
"author": "Jake Hiller <jake@codecademy.com>",
|
|
6
6
|
"dependencies": {
|
|
7
|
-
"@codecademy/variance": "0.23.0-alpha.
|
|
7
|
+
"@codecademy/variance": "0.23.0-alpha.2cab9b.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": "d1db9a25b1686be6523d3563e11a3498f19deb6b"
|
|
38
38
|
}
|