@codecademy/gamut-styles 16.1.4 → 16.1.5-alpha.e41bcc.0

package/dist/variance/config.d.ts

@@ -408,6 +408,20 @@ export declare const layout: {
         readonly property: "verticalAlign";
     };
 };
+export declare const list: {
+    readonly listStyle: {
+        readonly property: "listStyle";
+    };
+    readonly listStyleType: {
+        readonly property: "listStyleType";
+    };
+    readonly listStylePosition: {
+        readonly property: "listStylePosition";
+    };
+    readonly listStyleImage: {
+        readonly property: "listStyleImage";
+    };
+};
 export declare const typography: {
     readonly fontFamily: {
         readonly property: "fontFamily";
@@ -571,6 +585,18 @@ export declare const space: {
     };
 };
 export declare const all: {
+    listStyle: {
+        readonly property: "listStyle";
+    };
+    listStyleType: {
+        readonly property: "listStyleType";
+    };
+    listStylePosition: {
+        readonly property: "listStylePosition";
+    };
+    listStyleImage: {
+        readonly property: "listStyleImage";
+    };
     color: {
         readonly property: "color";
         readonly scale: "colors";

package/dist/variance/config.js

@@ -367,6 +367,20 @@ export var layout = _objectSpread(_objectSpread(_objectSpread({
     property: 'verticalAlign'
   }
 }, selfAlignments), gridItems), flexItems);
+export var list = {
+  listStyle: {
+    property: 'listStyle'
+  },
+  listStyleType: {
+    property: 'listStyleType'
+  },
+  listStylePosition: {
+    property: 'listStylePosition'
+  },
+  listStyleImage: {
+    property: 'listStyleImage'
+  }
+};
 export var typography = {
   fontFamily: {
     property: 'fontFamily',
@@ -468,4 +482,4 @@ export var padding = {
   }
 };
 export var space = _objectSpread(_objectSpread({}, margin), padding);
-export var all = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, typography), space), shadows), grid), flex), layout), positioning), border), background), color);
+export var all = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, typography), space), shadows), grid), flex), layout), positioning), border), background), color), list);

package/dist/variance/props.d.ts

@@ -507,6 +507,20 @@ export declare const border: import("@codecademy/variance/dist/types/config").Pa
         readonly property: "borderBottomStyle";
     };
 }>>;
+export declare const list: import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
+    readonly listStyle: {
+        readonly property: "listStyle";
+    };
+    readonly listStyleType: {
+        readonly property: "listStyleType";
+    };
+    readonly listStylePosition: {
+        readonly property: "listStylePosition";
+    };
+    readonly listStyleImage: {
+        readonly property: "listStyleImage";
+    };
+}>>;
 /** Sub Groups */
 export declare const padding: import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
     readonly p: {
@@ -574,6 +588,18 @@ export declare const margin: import("@codecademy/variance/dist/types/config").Pa
 }>>;
 /** CSS */
 export declare const css: import("@codecademy/variance/dist/types/config").CSS<import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
+    listStyle: {
+        readonly property: "listStyle";
+    };
+    listStyleType: {
+        readonly property: "listStyleType";
+    };
+    listStylePosition: {
+        readonly property: "listStylePosition";
+    };
+    listStyleImage: {
+        readonly property: "listStyleImage";
+    };
     color: {
         readonly property: "color";
         readonly scale: "colors";
@@ -1004,6 +1030,18 @@ export declare const css: import("@codecademy/variance/dist/types/config").CSS<i
     };
 }>>>;
 export declare const variant: import("@codecademy/variance/dist/types/config").Variant<import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
+    listStyle: {
+        readonly property: "listStyle";
+    };
+    listStyleType: {
+        readonly property: "listStyleType";
+    };
+    listStylePosition: {
+        readonly property: "listStylePosition";
+    };
+    listStyleImage: {
+        readonly property: "listStyleImage";
+    };
     color: {
         readonly property: "color";
         readonly scale: "colors";
@@ -1434,6 +1472,18 @@ export declare const variant: import("@codecademy/variance/dist/types/config").V
     };
 }>>>;
 export declare const states: import("@codecademy/variance/dist/types/config").States<import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
+    listStyle: {
+        readonly property: "listStyle";
+    };
+    listStyleType: {
+        readonly property: "listStyleType";
+    };
+    listStylePosition: {
+        readonly property: "listStylePosition";
+    };
+    listStyleImage: {
+        readonly property: "listStyleImage";
+    };
     color: {
         readonly property: "color";
         readonly scale: "colors";

package/dist/variance/props.js

@@ -12,6 +12,7 @@ export var color = variance.create(PROPERTIES.color);
 export var shadow = variance.create(PROPERTIES.shadows);
 export var space = variance.create(PROPERTIES.space);
 export var border = variance.create(PROPERTIES.border);
+export var list = variance.create(PROPERTIES.list);
 
 /** Sub Groups */
 export var padding = variance.create(PROPERTIES.padding);

package/dist/variance/utils.d.ts

@@ -1,11 +1,11 @@
 /// <reference types="react" />
 import { ThemeProps } from '@codecademy/variance';
-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" | "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" | "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"];
+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"];
 export type SystemPropNames = typeof allPropnames[number];
 export type ElementOrProps = keyof JSX.IntrinsicElements | ThemeProps;
 export type ForwardableProps<El extends ElementOrProps, Additional> = Exclude<El extends keyof JSX.IntrinsicElements ? keyof JSX.IntrinsicElements[El] : keyof Element, Additional | SystemPropNames>;
 export declare function createStyledOptions<El extends ElementOrProps = 'div', Additional extends string = never>(additional?: readonly Additional[]): {
-    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" | "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" | "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>;
+    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>;
 };
 /**
  * @description

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@codecademy/gamut-styles",
   "description": "Styleguide & Component library for codecademy.com",
-  "version": "16.1.4",
+  "version": "16.1.5-alpha.e41bcc.0",
   "author": "Jake Hiller <jake@codecademy.com>",
   "dependencies": {
     "@codecademy/variance": "0.21.2",
@@ -34,5 +34,5 @@
   "scripts": {
     "build": "nx build @codecademy/gamut-styles"
   },
-  "gitHead": "211364c302abe4d75af11ecabd79c9507284abdc"
+  "gitHead": "6fcdd9bfd73c5ebee9e9689b960d73c0a79f5ad5"
 }