@codecademy/gamut-styles 14.0.2 → 14.0.3-alpha.4d61d4.0

package/dist/themes/admin.d.ts

@@ -4,19 +4,19 @@ export declare const adminTheme: Record<"breakpoints", {
     md: string;
     lg: string;
     xl: string;
-}> & import("@codecademy/variance/dist/createTheme/types").Merge<Record<"elements", Record<"elements", import("@codecademy/variance").KeyAsVariable<{
+}> & import("packages/variance/dist/createTheme/types").Merge<Record<"elements", Record<"elements", import("@codecademy/variance").KeyAsVariable<{
     readonly headerHeight: {
         readonly base: "4rem";
         readonly md: "5rem";
     };
     readonly headerZ: 15;
-}, "elements">>> & import("@codecademy/variance/dist/createTheme/types").Merge<import("@codecademy/variance/dist/createTheme/types").MergeTheme<import("@codecademy/variance/dist/createTheme/types").MergeTheme<Record<"breakpoints", {
+}, "elements">>> & import("packages/variance/dist/createTheme/types").Merge<import("packages/variance/dist/createTheme/types").MergeTheme<import("packages/variance/dist/createTheme/types").MergeTheme<Record<"breakpoints", {
     xs: string;
     sm: string;
     md: string;
     lg: string;
     xl: string;
-}> & import("@codecademy/variance/dist/createTheme/types").Merge<{
+}> & import("packages/variance/dist/createTheme/types").Merge<{
     breakpoints: {
         xs: string;
         sm: string;
@@ -72,7 +72,7 @@ export declare const adminTheme: Record<"breakpoints", {
         };
         readonly headerZ: 15;
     };
-} & import("@codecademy/variance/dist/createTheme/types").PrivateThemeKeys, Record<"colors", import("@codecademy/variance").KeyAsVariable<import("@codecademy/variance").LiteralPaths<{
+} & import("packages/variance/dist/createTheme/types").PrivateThemeKeys, Record<"colors", import("@codecademy/variance").KeyAsVariable<import("@codecademy/variance").LiteralPaths<{
     readonly beige: "#FFF0E5";
     readonly blue: "#1557FF";
     readonly green: "#008A27";
@@ -131,7 +131,7 @@ export declare const adminTheme: Record<"breakpoints", {
     readonly "gray-200": "#EEEEEE";
     readonly "gray-600": "#9E9E9E";
     readonly "gray-900": "#424242";
-}, "-", "">, "color">>> & import("@codecademy/variance/dist/createTheme/types").PrivateThemeKeys, {
+}, "-", "">, "color">>> & import("packages/variance/dist/createTheme/types").PrivateThemeKeys, {
     colors: import("@codecademy/variance").KeyAsVariable<import("@codecademy/variance").LiteralPaths<{
         text: {
             _: "navy-800";
@@ -274,7 +274,7 @@ export declare const adminTheme: Record<"breakpoints", {
         readonly "gray-600": "#9E9E9E";
         readonly "gray-900": "#424242";
     }, "-", "">, "color">;
-    modes: import("@codecademy/variance/dist/createTheme/types").Merge<unknown, {
+    modes: import("packages/variance/dist/createTheme/types").Merge<unknown, {
         light: import("@codecademy/variance").LiteralPaths<{
             text: {
                 _: "navy-800";
@@ -436,13 +436,13 @@ export declare const adminTheme: Record<"breakpoints", {
     md: string;
     lg: string;
     xl: string;
-}>>, import("@codecademy/variance/dist/createTheme/types").PrivateThemeKeys> & import("@codecademy/variance/dist/createTheme/types").PrivateThemeKeys, {
+}>>, import("packages/variance/dist/createTheme/types").PrivateThemeKeys> & import("packages/variance/dist/createTheme/types").PrivateThemeKeys, {
     colors: import("@codecademy/variance").KeyAsVariable<import("@codecademy/variance").LiteralPaths<{
         primary: {
             _: "blue-500";
             hover: "blue-400";
         };
-    } | {}, "-", "_">, "colors"> & import("@codecademy/variance/dist/createTheme/types").Assign<import("@codecademy/variance").KeyAsVariable<import("@codecademy/variance").LiteralPaths<{
+    } | {}, "-", "_">, "colors"> & import("packages/variance/dist/createTheme/types").Assign<import("@codecademy/variance").KeyAsVariable<import("@codecademy/variance").LiteralPaths<{
         readonly beige: "#FFF0E5";
         readonly blue: "#1557FF";
         readonly green: "#008A27";
@@ -643,7 +643,7 @@ export declare const adminTheme: Record<"breakpoints", {
         readonly "gray-600": "#9E9E9E";
         readonly "gray-900": "#424242";
     }, "-", "">, "color">>;
-    modes: import("@codecademy/variance/dist/createTheme/types").Merge<import("@codecademy/variance/dist/createTheme/types").Merge<unknown, {
+    modes: import("packages/variance/dist/createTheme/types").Merge<import("packages/variance/dist/createTheme/types").Merge<unknown, {
         light: import("@codecademy/variance").LiteralPaths<{
             text: {
                 _: "navy-800";
@@ -798,7 +798,7 @@ export declare const adminTheme: Record<"breakpoints", {
         readonly "gray-600": "#9E9E9E";
         readonly "gray-900": "#424242";
     }, "-"> | "text" | "background" | "primary" | "secondary" | "danger" | "interface" | "shadow-opaque" | "shadow-solid" | "text-accent" | "text-disabled" | "feedback-error" | "feedback-success" | "feedback-warning" | "background-disabled" | "background-contrast" | "background-current" | "background-primary" | "background-selected" | "background-hover" | "primary-hover" | "primary-inverse" | "secondary-hover" | "danger-hover" | "interface-hover") => string;
-}> & import("@codecademy/variance/dist/createTheme/types").PrivateThemeKeys;
+}> & import("packages/variance/dist/createTheme/types").PrivateThemeKeys;
 export declare type AdminThemeShape = typeof adminTheme;
 export interface AdminTheme extends AdminThemeShape {
 }

package/dist/themes/core.d.ts

@@ -9,13 +9,13 @@ export declare const coreTheme: Record<"elements", Record<"elements", import("@c
         readonly md: "5rem";
     };
     readonly headerZ: 15;
-}, "elements">>> & import("@codecademy/variance/dist/createTheme/types").Merge<import("@codecademy/variance/dist/createTheme/types").MergeTheme<import("@codecademy/variance/dist/createTheme/types").MergeTheme<Record<"breakpoints", {
+}, "elements">>> & import("packages/variance/dist/createTheme/types").Merge<import("packages/variance/dist/createTheme/types").MergeTheme<import("packages/variance/dist/createTheme/types").MergeTheme<Record<"breakpoints", {
     xs: string;
     sm: string;
     md: string;
     lg: string;
     xl: string;
-}> & import("@codecademy/variance/dist/createTheme/types").Merge<{
+}> & import("packages/variance/dist/createTheme/types").Merge<{
     breakpoints: {
         xs: string;
         sm: string;
@@ -71,7 +71,7 @@ export declare const coreTheme: Record<"elements", Record<"elements", import("@c
         };
         readonly headerZ: 15;
     };
-} & import("@codecademy/variance/dist/createTheme/types").PrivateThemeKeys, Record<"colors", import("@codecademy/variance").KeyAsVariable<import("@codecademy/variance").LiteralPaths<{
+} & import("packages/variance/dist/createTheme/types").PrivateThemeKeys, Record<"colors", import("@codecademy/variance").KeyAsVariable<import("@codecademy/variance").LiteralPaths<{
     readonly beige: "#FFF0E5";
     readonly blue: "#1557FF";
     readonly green: "#008A27";
@@ -130,7 +130,7 @@ export declare const coreTheme: Record<"elements", Record<"elements", import("@c
     readonly "gray-200": "#EEEEEE";
     readonly "gray-600": "#9E9E9E";
     readonly "gray-900": "#424242";
-}, "-", "">, "color">>> & import("@codecademy/variance/dist/createTheme/types").PrivateThemeKeys, {
+}, "-", "">, "color">>> & import("packages/variance/dist/createTheme/types").PrivateThemeKeys, {
     colors: import("@codecademy/variance").KeyAsVariable<import("@codecademy/variance").LiteralPaths<{
         text: {
             _: "navy-800";
@@ -273,7 +273,7 @@ export declare const coreTheme: Record<"elements", Record<"elements", import("@c
         readonly "gray-600": "#9E9E9E";
         readonly "gray-900": "#424242";
     }, "-", "">, "color">;
-    modes: import("@codecademy/variance/dist/createTheme/types").Merge<unknown, {
+    modes: import("packages/variance/dist/createTheme/types").Merge<unknown, {
         light: import("@codecademy/variance").LiteralPaths<{
             text: {
                 _: "navy-800";
@@ -435,7 +435,7 @@ export declare const coreTheme: Record<"elements", Record<"elements", import("@c
     md: string;
     lg: string;
     xl: string;
-}>>, import("@codecademy/variance/dist/createTheme/types").PrivateThemeKeys> & import("@codecademy/variance/dist/createTheme/types").PrivateThemeKeys;
+}>>, import("packages/variance/dist/createTheme/types").PrivateThemeKeys> & import("packages/variance/dist/createTheme/types").PrivateThemeKeys;
 export declare type CoreThemeShape = typeof coreTheme;
 export interface CoreTheme extends CoreThemeShape {
 }

package/dist/themes/core.js

@@ -102,7 +102,7 @@ export var coreTheme = createTheme({
 }).addScale('borders', function (_ref) {
   var colors = _ref.colors;
   return {
-    1: "1px solid ".concat(colors.secondary),
-    2: "2px solid ".concat(colors.secondary)
+    1: "1px solid " + colors.secondary,
+    2: "2px solid " + colors.secondary
   };
 }).createScaleVariables('elements').build();

package/dist/themes/platform.d.ts

@@ -8,25 +8,25 @@ export declare const platformTheme: Record<"breakpoints", {
     md: string;
     lg: string;
     xl: string;
-}> & import("@codecademy/variance/dist/createTheme/types").Merge<Record<"breakpoints", {
+}> & import("packages/variance/dist/createTheme/types").Merge<Record<"breakpoints", {
     xs: string;
     sm: string;
     md: string;
     lg: string;
     xl: string;
-}> & import("@codecademy/variance/dist/createTheme/types").Merge<Record<"elements", Record<"elements", import("@codecademy/variance").KeyAsVariable<{
+}> & import("packages/variance/dist/createTheme/types").Merge<Record<"elements", Record<"elements", import("@codecademy/variance").KeyAsVariable<{
     readonly headerHeight: {
         readonly base: "4rem";
         readonly md: "5rem";
     };
     readonly headerZ: 15;
-}, "elements">>> & import("@codecademy/variance/dist/createTheme/types").Merge<import("@codecademy/variance/dist/createTheme/types").MergeTheme<import("@codecademy/variance/dist/createTheme/types").MergeTheme<Record<"breakpoints", {
+}, "elements">>> & import("packages/variance/dist/createTheme/types").Merge<import("packages/variance/dist/createTheme/types").MergeTheme<import("packages/variance/dist/createTheme/types").MergeTheme<Record<"breakpoints", {
     xs: string;
     sm: string;
     md: string;
     lg: string;
     xl: string;
-}> & import("@codecademy/variance/dist/createTheme/types").Merge<{
+}> & import("packages/variance/dist/createTheme/types").Merge<{
     breakpoints: {
         xs: string;
         sm: string;
@@ -82,7 +82,7 @@ export declare const platformTheme: Record<"breakpoints", {
         };
         readonly headerZ: 15;
     };
-} & import("@codecademy/variance/dist/createTheme/types").PrivateThemeKeys, Record<"colors", import("@codecademy/variance").KeyAsVariable<import("@codecademy/variance").LiteralPaths<{
+} & import("packages/variance/dist/createTheme/types").PrivateThemeKeys, Record<"colors", import("@codecademy/variance").KeyAsVariable<import("@codecademy/variance").LiteralPaths<{
     readonly beige: "#FFF0E5";
     readonly blue: "#1557FF";
     readonly green: "#008A27";
@@ -141,7 +141,7 @@ export declare const platformTheme: Record<"breakpoints", {
     readonly "gray-200": "#EEEEEE";
     readonly "gray-600": "#9E9E9E";
     readonly "gray-900": "#424242";
-}, "-", "">, "color">>> & import("@codecademy/variance/dist/createTheme/types").PrivateThemeKeys, {
+}, "-", "">, "color">>> & import("packages/variance/dist/createTheme/types").PrivateThemeKeys, {
     colors: import("@codecademy/variance").KeyAsVariable<import("@codecademy/variance").LiteralPaths<{
         text: {
             _: "navy-800";
@@ -284,7 +284,7 @@ export declare const platformTheme: Record<"breakpoints", {
         readonly "gray-600": "#9E9E9E";
         readonly "gray-900": "#424242";
     }, "-", "">, "color">;
-    modes: import("@codecademy/variance/dist/createTheme/types").Merge<unknown, {
+    modes: import("packages/variance/dist/createTheme/types").Merge<unknown, {
         light: import("@codecademy/variance").LiteralPaths<{
             text: {
                 _: "navy-800";
@@ -446,7 +446,7 @@ export declare const platformTheme: Record<"breakpoints", {
     md: string;
     lg: string;
     xl: string;
-}>>, import("@codecademy/variance/dist/createTheme/types").PrivateThemeKeys> & import("@codecademy/variance/dist/createTheme/types").PrivateThemeKeys, Record<"colors", import("@codecademy/variance").KeyAsVariable<import("@codecademy/variance").LiteralPaths<{
+}>>, import("packages/variance/dist/createTheme/types").PrivateThemeKeys> & import("packages/variance/dist/createTheme/types").PrivateThemeKeys, Record<"colors", import("@codecademy/variance").KeyAsVariable<import("@codecademy/variance").LiteralPaths<{
     readonly lightBeige: "#FFFBF8";
     readonly gold: "#8A7300";
     readonly teal: "#027E97";
@@ -457,7 +457,7 @@ export declare const platformTheme: Record<"breakpoints", {
     readonly "gold-800": "#8A7300";
     readonly "teal-500": "#027E97";
     readonly "purple-300": "#B3CCFF";
-}, "-", "">, "color">>> & import("@codecademy/variance/dist/createTheme/types").PrivateThemeKeys, {
+}, "-", "">, "color">>> & import("packages/variance/dist/createTheme/types").PrivateThemeKeys, {
     colors: import("@codecademy/variance").KeyAsVariable<import("@codecademy/variance").LiteralPaths<{
         editor: {
             attribute: "green-700";
@@ -518,7 +518,7 @@ export declare const platformTheme: Record<"breakpoints", {
                 'line-number': "gray-600";
             };
         };
-    }, "-", "_">, "colors"> & import("@codecademy/variance/dist/createTheme/types").Assign<import("@codecademy/variance/dist/createTheme/types").Assign<import("@codecademy/variance").KeyAsVariable<import("@codecademy/variance").LiteralPaths<{
+    }, "-", "_">, "colors"> & import("packages/variance/dist/createTheme/types").Assign<import("packages/variance/dist/createTheme/types").Assign<import("@codecademy/variance").KeyAsVariable<import("@codecademy/variance").LiteralPaths<{
         readonly beige: "#FFF0E5";
         readonly blue: "#1557FF";
         readonly green: "#008A27";
@@ -730,7 +730,7 @@ export declare const platformTheme: Record<"breakpoints", {
         readonly "teal-500": "#027E97";
         readonly "purple-300": "#B3CCFF";
     }, "-", "">, "color">>;
-    modes: import("@codecademy/variance/dist/createTheme/types").Merge<import("@codecademy/variance/dist/createTheme/types").Merge<unknown, {
+    modes: import("packages/variance/dist/createTheme/types").Merge<import("packages/variance/dist/createTheme/types").Merge<unknown, {
         light: import("@codecademy/variance").LiteralPaths<{
             text: {
                 _: "navy-800";
@@ -951,7 +951,7 @@ export declare const platformTheme: Record<"breakpoints", {
         readonly "teal-500": "#027E97";
         readonly "purple-300": "#B3CCFF";
     }, "-">) => string;
-}> & import("@codecademy/variance/dist/createTheme/types").PrivateThemeKeys;
+}> & import("packages/variance/dist/createTheme/types").PrivateThemeKeys;
 export declare type PlatformThemeShape = typeof platformTheme;
 export interface PlatformTheme extends PlatformThemeShape {
 }

package/dist/variables/colors.js

@@ -1,9 +1,4 @@
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+import "core-js/modules/es.object.assign.js";
 import { flattenScale } from '@codecademy/variance';
 import { rgba } from 'polished';
 /**
@@ -102,7 +97,7 @@ export var trueColors = {
   black: black,
   white: white
 };
-export var corePalette = _objectSpread(_objectSpread(_objectSpread({}, flattenScale(coreSwatches)), flattenScale(effects)), trueColors);
+export var corePalette = Object.assign({}, flattenScale(coreSwatches), flattenScale(effects), trueColors);
 /**
  * Platform Colors
  */
@@ -133,4 +128,4 @@ var truePlatformColors = {
   teal: platformSwatches.teal[500],
   purple: platformSwatches.purple[300]
 };
-export var platformPalette = _objectSpread(_objectSpread({}, flattenScale(platformSwatches)), truePlatformColors);
+export var platformPalette = Object.assign({}, flattenScale(platformSwatches), truePlatformColors);

package/dist/variables/deprecated-colors.js

@@ -1,9 +1,4 @@
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+import "core-js/modules/es.object.assign.js";
 import { flattenScale } from '@codecademy/variance';
 import { corePalette } from './colors';
 var black = corePalette.black,
@@ -148,4 +143,4 @@ var trueColors = {
  * Please use [`theme.colors`](https://gamut.codecademy.com/storybook/?path=/docs/foundations-theme--colors#standard-colors)
  */
 
-export var colors = _objectSpread(_objectSpread({}, flattenScale(swatches)), trueColors);
+export var colors = Object.assign({}, flattenScale(swatches), trueColors);

package/dist/variables/responsive.js

@@ -7,7 +7,7 @@ export var breakpoints = {
 };
 
 var createMediaQuery = function createMediaQuery(size, direction) {
-  return "@media only screen and (".concat(direction, "-width: ").concat(breakpoints[size], ")");
+  return "@media only screen and (" + direction + "-width: " + breakpoints[size] + ")";
 };
 
 export var mediaQueries = {

package/dist/variables/timing.js

@@ -4,7 +4,7 @@ export var timingValues = {
   slow: 350
 };
 export var timing = {
-  fast: "".concat(timingValues.fast, "ms"),
-  medium: "".concat(timingValues.medium, "ms"),
-  slow: "".concat(timingValues.slow, "ms")
+  fast: timingValues.fast + "ms",
+  medium: timingValues.medium + "ms",
+  slow: timingValues.slow + "ms"
 };

package/dist/variance/config.js

@@ -1,9 +1,4 @@
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+import "core-js/modules/es.object.assign.js";
 import { transformSize } from '@codecademy/variance';
 export var color = {
   color: {
@@ -173,8 +168,7 @@ var selfAlignments = {
     property: 'gridArea'
   }
 };
-
-var alignments = _objectSpread({
+var alignments = Object.assign({
   justifyContent: {
     property: 'justifyContent'
   },
@@ -188,7 +182,6 @@ var alignments = _objectSpread({
     property: 'alignContent'
   }
 }, selfAlignments);
-
 var flexItems = {
   flexBasis: {
     property: 'flexBasis'
@@ -203,7 +196,7 @@ var flexItems = {
     property: 'order'
   }
 };
-export var flex = _objectSpread(_objectSpread({
+export var flex = Object.assign({
   flexDirection: {
     property: 'flexDirection'
   },
@@ -213,7 +206,7 @@ export var flex = _objectSpread(_objectSpread({
   flex: {
     property: 'flex'
   }
-}, alignments), flexItems);
+}, alignments, flexItems);
 var gridItems = {
   gridColumn: {
     property: 'gridColumn'
@@ -234,7 +227,7 @@ var gridItems = {
     property: 'gridRowEnd'
   }
 };
-export var grid = _objectSpread(_objectSpread({
+export var grid = Object.assign({
   gridAutoColumns: {
     property: 'gridAutoColumns'
   },
@@ -265,7 +258,7 @@ export var grid = _objectSpread(_objectSpread({
     property: 'columnGap',
     scale: 'spacing'
   }
-}, alignments), gridItems);
+}, alignments, gridItems);
 export var background = {
   background: {
     property: 'background'
@@ -323,7 +316,7 @@ export var shadows = {
     property: 'textShadow'
   }
 };
-export var layout = _objectSpread(_objectSpread(_objectSpread({
+export var layout = Object.assign({
   display: {
     property: 'display'
   },
@@ -368,7 +361,7 @@ export var layout = _objectSpread(_objectSpread(_objectSpread({
   verticalAlign: {
     property: 'verticalAlign'
   }
-}, selfAlignments), gridItems), flexItems);
+}, selfAlignments, gridItems, flexItems);
 export var typography = {
   fontFamily: {
     property: 'fontFamily',
@@ -469,5 +462,5 @@ export var padding = {
     scale: 'spacing'
   }
 };
-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 space = Object.assign({}, margin, padding);
+export var all = Object.assign({}, typography, space, shadows, grid, flex, layout, positioning, border, background, color);

package/dist/variance/props.d.ts

@@ -1,5 +1,5 @@
 /**  General Prop Groups  */
-export declare const typography: import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
+export declare const typography: import("packages/variance/dist/types/config").Parser<import("packages/variance/dist/types/config").TransformerMap<{
     readonly fontFamily: {
         readonly property: "fontFamily";
         readonly scale: "fontFamily";
@@ -35,7 +35,7 @@ export declare const typography: import("@codecademy/variance/dist/types/config"
         readonly property: "whiteSpace";
     };
 }>>;
-export declare const grid: import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
+export declare const grid: import("packages/variance/dist/types/config").Parser<import("packages/variance/dist/types/config").TransformerMap<{
     readonly gridColumn: {
         readonly property: "gridColumn";
     };
@@ -106,7 +106,7 @@ export declare const grid: import("@codecademy/variance/dist/types/config").Pars
         readonly scale: "spacing";
     };
 }>>;
-export declare const flex: import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
+export declare const flex: import("packages/variance/dist/types/config").Parser<import("packages/variance/dist/types/config").TransformerMap<{
     readonly flexBasis: {
         readonly property: "flexBasis";
     };
@@ -150,7 +150,7 @@ export declare const flex: import("@codecademy/variance/dist/types/config").Pars
         readonly property: "flex";
     };
 }>>;
-export declare const layout: import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
+export declare const layout: import("packages/variance/dist/types/config").Parser<import("packages/variance/dist/types/config").TransformerMap<{
     readonly flexBasis: {
         readonly property: "flexBasis";
     };
@@ -235,7 +235,7 @@ export declare const layout: import("@codecademy/variance/dist/types/config").Pa
         readonly property: "verticalAlign";
     };
 }>>;
-export declare const positioning: import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
+export declare const positioning: import("packages/variance/dist/types/config").Parser<import("packages/variance/dist/types/config").TransformerMap<{
     readonly position: {
         readonly property: "position";
     };
@@ -267,7 +267,7 @@ export declare const positioning: import("@codecademy/variance/dist/types/config
         readonly property: "opacity";
     };
 }>>;
-export declare const background: import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
+export declare const background: import("packages/variance/dist/types/config").Parser<import("packages/variance/dist/types/config").TransformerMap<{
     readonly background: {
         readonly property: "background";
     };
@@ -284,7 +284,7 @@ export declare const background: import("@codecademy/variance/dist/types/config"
         readonly property: "backgroundPosition";
     };
 }>>;
-export declare const color: import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
+export declare const color: import("packages/variance/dist/types/config").Parser<import("packages/variance/dist/types/config").TransformerMap<{
     readonly color: {
         readonly property: "color";
         readonly scale: "colors";
@@ -328,7 +328,7 @@ export declare const color: import("@codecademy/variance/dist/types/config").Par
         readonly scale: "colors";
     };
 }>>;
-export declare const shadow: import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
+export declare const shadow: import("packages/variance/dist/types/config").Parser<import("packages/variance/dist/types/config").TransformerMap<{
     readonly boxShadow: {
         readonly property: "boxShadow";
     };
@@ -336,7 +336,7 @@ export declare const shadow: import("@codecademy/variance/dist/types/config").Pa
         readonly property: "textShadow";
     };
 }>>;
-export declare const space: import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
+export declare const space: import("packages/variance/dist/types/config").Parser<import("packages/variance/dist/types/config").TransformerMap<{
     readonly p: {
         readonly property: "padding";
         readonly scale: "spacing";
@@ -398,7 +398,7 @@ export declare const space: import("@codecademy/variance/dist/types/config").Par
         readonly scale: "spacing";
     };
 }>>;
-export declare const border: import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
+export declare const border: import("packages/variance/dist/types/config").Parser<import("packages/variance/dist/types/config").TransformerMap<{
     readonly border: {
         readonly property: "border";
         readonly scale: "borders";
@@ -508,7 +508,7 @@ export declare const border: import("@codecademy/variance/dist/types/config").Pa
     };
 }>>;
 /** Sub Groups */
-export declare const padding: import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
+export declare const padding: import("packages/variance/dist/types/config").Parser<import("packages/variance/dist/types/config").TransformerMap<{
     readonly p: {
         readonly property: "padding";
         readonly scale: "spacing";
@@ -540,7 +540,7 @@ export declare const padding: import("@codecademy/variance/dist/types/config").P
         readonly scale: "spacing";
     };
 }>>;
-export declare const margin: import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
+export declare const margin: import("packages/variance/dist/types/config").Parser<import("packages/variance/dist/types/config").TransformerMap<{
     readonly m: {
         readonly property: "margin";
         readonly scale: "spacing";
@@ -573,7 +573,7 @@ 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<{
+export declare const css: import("packages/variance/dist/types/config").CSS<import("packages/variance/dist/types/config").Parser<import("packages/variance/dist/types/config").TransformerMap<{
     color: {
         readonly property: "color";
         readonly scale: "colors";
@@ -1003,7 +1003,7 @@ export declare const css: import("@codecademy/variance/dist/types/config").CSS<i
         readonly property: "whiteSpace";
     };
 }>>>;
-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<{
+export declare const variant: import("packages/variance/dist/types/config").Variant<import("packages/variance/dist/types/config").Parser<import("packages/variance/dist/types/config").TransformerMap<{
     color: {
         readonly property: "color";
         readonly scale: "colors";
@@ -1433,7 +1433,7 @@ export declare const variant: import("@codecademy/variance/dist/types/config").V
         readonly property: "whiteSpace";
     };
 }>>>;
-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<{
+export declare const states: import("packages/variance/dist/types/config").States<import("packages/variance/dist/types/config").Parser<import("packages/variance/dist/types/config").TransformerMap<{
     color: {
         readonly property: "color";
         readonly scale: "colors";

package/dist/variance/utils.js

@@ -1,26 +1,24 @@
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
+import "core-js/modules/es.array.concat.js";
+import "core-js/modules/es.object.keys.js";
+import "core-js/modules/es.array.filter.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.array.includes.js";
+import "core-js/modules/es.string.includes.js";
+import "core-js/modules/es.object.assign.js";
 import isPropValid from '@emotion/is-prop-valid';
 import { all as allProps } from './config';
-var allPropnames = ['mode', 'variant'].concat(_toConsumableArray(Object.keys(allProps)));
+var allPropnames = ['mode', 'variant'].concat(Object.keys(allProps));
 /**
  * Emotion will not attempt to forward all system props - so this pre filters all possible exceptions to search agains
  * props like `color` and `width`.
  */
 
 var validPropnames = allPropnames.filter(isPropValid);
-export function createStyledOptions() {
-  var additional = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+export function createStyledOptions(additional) {
+  if (additional === void 0) {
+    additional = [];
+  }
+
   // Cache possible valid prop names to prevent searching a larger list.
   var additionalExclusions = additional.filter(isPropValid);
   return {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@codecademy/gamut-styles",
   "description": "Styleguide & Component library for codecademy.com",
-  "version": "14.0.2",
+  "version": "14.0.3-alpha.4d61d4.0",
   "author": "Jake Hiller <jake@codecademy.com>",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -13,7 +13,7 @@
     "url": "git@github.com:Codecademy/gamut.git"
   },
   "dependencies": {
-    "@codecademy/variance": "^0.20.2",
+    "@codecademy/variance": "0.20.3-alpha.4d61d4.0",
     "@emotion/is-prop-valid": "^1.1.0",
     "polished": "^4.1.2"
   },
@@ -35,5 +35,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "eb5934e99931cdf6a967fd964bc1e3cb27e128aa"
+  "gitHead": "6060cbb9e9243cdf361242feb2ca71f5212f6470"
 }