@codecademy/variance 0.19.1-alpha.a809e8.0 → 1.0.0-alpha.025bb0.0

package/dist/utils/__fixtures__/testConfig.d.ts

@@ -0,0 +1,153 @@
+export declare const testConfig: {
+    readonly textColor: {
+        readonly property: "color";
+    };
+    readonly bg: {
+        readonly property: "backgroundColor";
+    };
+    readonly borderColor: {
+        readonly property: "borderColor";
+    };
+    readonly borderColorX: {
+        readonly property: "borderColor";
+        readonly properties: readonly ["borderLeftColor", "borderRightColor"];
+        readonly scale: "colors";
+    };
+    readonly borderColorY: {
+        readonly property: "borderColor";
+        readonly properties: readonly ["borderTopColor", "borderBottomColor"];
+        readonly scale: "colors";
+    };
+    readonly borderColorLeft: {
+        readonly property: "borderLeftColor";
+    };
+    readonly borderColorRight: {
+        readonly property: "borderRightColor";
+    };
+    readonly borderColorTop: {
+        readonly property: "borderTopColor";
+    };
+    readonly borderColorBottom: {
+        readonly property: "borderBottomColor";
+    };
+    readonly border: {
+        readonly property: "border";
+    };
+    readonly borderX: {
+        readonly property: "border";
+        readonly properties: readonly ["borderLeft", "borderRight"];
+    };
+    readonly borderY: {
+        readonly property: "border";
+        readonly properties: readonly ["borderTop", "borderBottom"];
+    };
+    readonly borderTop: {
+        readonly property: "borderTop";
+    };
+    readonly borderRight: {
+        readonly property: "borderRight";
+    };
+    readonly borderBottom: {
+        readonly property: "borderBottom";
+    };
+    readonly borderLeft: {
+        readonly property: "borderLeft";
+    };
+    readonly borderWidth: {
+        readonly property: "borderWidth";
+    };
+    readonly borderWidthX: {
+        readonly property: "borderWidth";
+        readonly properties: readonly ["borderLeftWidth", "borderRightWidth"];
+    };
+    readonly borderWidthY: {
+        readonly property: "borderWidth";
+        readonly properties: readonly ["borderTopWidth", "borderBottomWidth"];
+    };
+    readonly borderRadius: {
+        readonly property: "borderRadius";
+    };
+    readonly borderRadiusLeft: {
+        readonly property: "borderRadius";
+        readonly properties: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
+    };
+    readonly borderRadiusTop: {
+        readonly property: "borderRadius";
+        readonly properties: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
+    };
+    readonly borderRadiusBottom: {
+        readonly property: "borderRadius";
+        readonly properties: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
+    };
+    readonly borderRadiusRight: {
+        readonly property: "borderRadius";
+        readonly properties: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
+    };
+    readonly borderStyle: {
+        readonly property: "borderStyle";
+    };
+    readonly borderStyleX: {
+        readonly property: "borderStyle";
+        readonly properties: readonly ["borderLeftStyle", "borderRightStyle"];
+    };
+    readonly borderStyleY: {
+        readonly property: "borderStyle";
+        readonly properties: readonly ["borderTopStyle", "borderBottomStyle"];
+    };
+    readonly flex: {
+        readonly property: "flex";
+    };
+    readonly flexBasis: {
+        readonly property: "flexBasis";
+    };
+    readonly p: {
+        readonly property: "padding";
+    };
+    readonly px: {
+        readonly property: "padding";
+        readonly properties: readonly ["paddingLeft", "paddingRight"];
+        readonly scale: "spacing";
+    };
+    readonly py: {
+        readonly property: "padding";
+        readonly properties: readonly ["paddingTop", "paddingBottom"];
+        readonly scale: "spacing";
+    };
+    readonly pt: {
+        readonly property: "paddingTop";
+    };
+    readonly pb: {
+        readonly property: "paddingBottom";
+    };
+    readonly pr: {
+        readonly property: "paddingRight";
+    };
+    readonly pl: {
+        readonly property: "paddingLeft";
+    };
+    readonly m: {
+        readonly property: "margin";
+    };
+    readonly mx: {
+        readonly property: "margin";
+        readonly properties: readonly ["marginLeft", "marginRight"];
+        readonly scale: "spacing";
+    };
+    readonly my: {
+        readonly property: "margin";
+        readonly properties: readonly ["marginTop", "marginBottom"];
+        readonly scale: "spacing";
+    };
+    readonly mt: {
+        readonly property: "marginTop";
+    };
+    readonly mb: {
+        readonly property: "marginBottom";
+    };
+    readonly mr: {
+        readonly property: "marginRight";
+    };
+    readonly ml: {
+        readonly property: "marginLeft";
+    };
+};

package/dist/utils/__fixtures__/testConfig.js

@@ -0,0 +1,153 @@
+export var testConfig = {
+  textColor: {
+    property: 'color'
+  },
+  bg: {
+    property: 'backgroundColor'
+  },
+  borderColor: {
+    property: 'borderColor'
+  },
+  borderColorX: {
+    property: 'borderColor',
+    properties: ['borderLeftColor', 'borderRightColor'],
+    scale: 'colors'
+  },
+  borderColorY: {
+    property: 'borderColor',
+    properties: ['borderTopColor', 'borderBottomColor'],
+    scale: 'colors'
+  },
+  borderColorLeft: {
+    property: 'borderLeftColor'
+  },
+  borderColorRight: {
+    property: 'borderRightColor'
+  },
+  borderColorTop: {
+    property: 'borderTopColor'
+  },
+  borderColorBottom: {
+    property: 'borderBottomColor'
+  },
+  border: {
+    property: 'border'
+  },
+  borderX: {
+    property: 'border',
+    properties: ['borderLeft', 'borderRight']
+  },
+  borderY: {
+    property: 'border',
+    properties: ['borderTop', 'borderBottom']
+  },
+  borderTop: {
+    property: 'borderTop'
+  },
+  borderRight: {
+    property: 'borderRight'
+  },
+  borderBottom: {
+    property: 'borderBottom'
+  },
+  borderLeft: {
+    property: 'borderLeft'
+  },
+  borderWidth: {
+    property: 'borderWidth'
+  },
+  borderWidthX: {
+    property: 'borderWidth',
+    properties: ['borderLeftWidth', 'borderRightWidth']
+  },
+  borderWidthY: {
+    property: 'borderWidth',
+    properties: ['borderTopWidth', 'borderBottomWidth']
+  },
+  borderRadius: {
+    property: 'borderRadius'
+  },
+  borderRadiusLeft: {
+    property: 'borderRadius',
+    properties: ['borderTopLeftRadius', 'borderBottomLeftRadius']
+  },
+  borderRadiusTop: {
+    property: 'borderRadius',
+    properties: ['borderTopLeftRadius', 'borderTopRightRadius']
+  },
+  borderRadiusBottom: {
+    property: 'borderRadius',
+    properties: ['borderBottomLeftRadius', 'borderBottomRightRadius']
+  },
+  borderRadiusRight: {
+    property: 'borderRadius',
+    properties: ['borderTopRightRadius', 'borderBottomRightRadius']
+  },
+  borderStyle: {
+    property: 'borderStyle'
+  },
+  borderStyleX: {
+    property: 'borderStyle',
+    properties: ['borderLeftStyle', 'borderRightStyle']
+  },
+  borderStyleY: {
+    property: 'borderStyle',
+    properties: ['borderTopStyle', 'borderBottomStyle']
+  },
+  flex: {
+    property: 'flex'
+  },
+  flexBasis: {
+    property: 'flexBasis'
+  },
+  p: {
+    property: 'padding'
+  },
+  px: {
+    property: 'padding',
+    properties: ['paddingLeft', 'paddingRight'],
+    scale: 'spacing'
+  },
+  py: {
+    property: 'padding',
+    properties: ['paddingTop', 'paddingBottom'],
+    scale: 'spacing'
+  },
+  pt: {
+    property: 'paddingTop'
+  },
+  pb: {
+    property: 'paddingBottom'
+  },
+  pr: {
+    property: 'paddingRight'
+  },
+  pl: {
+    property: 'paddingLeft'
+  },
+  m: {
+    property: 'margin'
+  },
+  mx: {
+    property: 'margin',
+    properties: ['marginLeft', 'marginRight'],
+    scale: 'spacing'
+  },
+  my: {
+    property: 'margin',
+    properties: ['marginTop', 'marginBottom'],
+    scale: 'spacing'
+  },
+  mt: {
+    property: 'marginTop'
+  },
+  mb: {
+    property: 'marginBottom'
+  },
+  mr: {
+    property: 'marginRight'
+  },
+  ml: {
+    property: 'marginLeft'
+  }
+};

package/dist/utils/__fixtures__/testConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"testConfig.js","sourceRoot":"","sources":["../../../src/utils/__fixtures__/testConfig.ts"],"names":[],"mappings":"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"}

package/dist/utils/flattenScale.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Returns an exhaustive list of all possible paths of an object T for keys K.
+ * Possibilities are returned as `k1.k2.k3`.
+ */
+export declare type FindPath<T, K extends keyof T, D extends string = '.'> = K extends string | number ? T[K] extends Record<string | number, any> ? T[K] extends ArrayLike<any> ? K | `${K}${D}${FindPath<T[K], Exclude<keyof T[K], keyof any[]>, D>}` : K | `${K}${D}${FindPath<T[K], keyof T[K], D>}` : K : never;
+/** Returns valid paths of object T */
+export declare type Path<T, D extends string = '.'> = FindPath<T, keyof T, D> | keyof T;
+/** Returns the value of a valid path P `k1.k2.k3` in object T */
+export declare type PathValue<T, P extends Path<T, D>, D extends string = '.'> = P extends `${infer K}${D}${infer Rest}` ? K extends keyof T ? Rest extends Path<T[K], D> ? PathValue<T[K], Rest, D> : never : never : P extends keyof T ? T[P] : never;
+/** Check if path has a primitive end value and return only the union of end paths */
+export declare type PathToLiteral<T, K extends Path<T, D>, D extends string = '.', Base extends string = ''> = PathValue<T, K, D> extends string | number ? K extends string | number ? K extends `${infer BasePath}${D}${Base}` ? BasePath : K : never : never;
+/**
+ * Reduce all paths to a single map of paths with primitive values removing all extra non stateful paths
+ * { path: { sub: 1 } } => { 'path-sub': 1 }
+ *
+ */
+export declare type LiteralPaths<T extends Record<string | number, any>, D extends string = '.', Base extends string = ''> = {
+    [K in Path<T, D> as PathToLiteral<T, K, D, Base>]: PathValue<T, PathToLiteral<T, K, D>, D>;
+};
+export declare function flattenScale<T extends Record<string | number, any>, P extends string>(object: T, path?: P): LiteralPaths<T, '-', '_'>;

package/dist/utils/flattenScale.js

@@ -0,0 +1,24 @@
+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 { isObject } from 'lodash';
+/**
+ * Returns an exhaustive list of all possible paths of an object T for keys K.
+ * Possibilities are returned as `k1.k2.k3`.
+ */
+
+export function flattenScale(object, path) {
+  return Object.keys(object).reduce(function (carry, key) {
+    var nextKey = path ? "".concat(path).concat(key === '_' ? '' : "-".concat(key)) : key;
+    var current = object[key];
+
+    if (isObject(current)) {
+      return _objectSpread(_objectSpread({}, carry), flattenScale(current, nextKey));
+    }
+
+    return _objectSpread(_objectSpread({}, carry), {}, _defineProperty({}, nextKey, object[key]));
+  }, {});
+}

package/dist/utils/flattenScale.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flattenScale.js","sourceRoot":"","sources":["../../src/utils/flattenScale.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAiElC,MAAM,UAAU,YAAY,CAG1B,MAAS,EAAE,IAAQ;IACnB,OAAO,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;QAC/C,MAAM,OAAO,GAAG,IAAI,CAAC,CAAC,CAAC,GAAG,IAAI,GAAG,GAAG,KAAK,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,GAAG,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC;QACtE,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;QAC5B,IAAI,QAAQ,CAAC,OAAO,CAAC,EAAE;YACrB,OAAO;gBACL,GAAG,KAAK;gBACR,GAAG,YAAY,CAAC,OAAO,EAAE,OAAO,CAAC;aAClC,CAAC;SACH;QACD,OAAO;YACL,GAAG,KAAK;YACR,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC,GAAG,CAAC;SACvB,CAAC;IACJ,CAAC,EAAE,EAA+B,CAAC,CAAC;AACtC,CAAC"}

package/dist/utils/getStaticProperties.d.ts

@@ -0,0 +1 @@
+export declare const getStaticCss: (props: Record<string, any>, filteredKeys: string[]) => Pick<Record<string, any>, string>;

package/dist/utils/getStaticProperties.js

@@ -0,0 +1,6 @@
+import { keys, pick } from 'lodash';
+export var getStaticCss = function getStaticCss(props, filteredKeys) {
+  return pick(props, keys(props).filter(function (key) {
+    return !filteredKeys.includes(key);
+  }));
+};

package/dist/utils/getStaticProperties.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getStaticProperties.js","sourceRoot":"","sources":["../../src/utils/getStaticProperties.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAEpC,MAAM,CAAC,MAAM,YAAY,GAAG,CAC1B,KAA0B,EAC1B,YAAsB,EACtB,EAAE,CACF,IAAI,CACF,KAAK,EACL,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,YAAY,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CACzD,CAAC"}

package/dist/utils/propNames.d.ts

@@ -0,0 +1,6 @@
+import { BaseProperty } from '../types/config';
+/**
+ * Orders all properties by the most dependent props
+ * @param config
+ */
+export declare const orderPropNames: (config: Record<string, BaseProperty>) => string[];

package/dist/utils/propNames.js

@@ -0,0 +1,52 @@
+var SHORTHAND_PROPERTIES = ['border', 'borderTop', 'borderBottom', 'borderLeft', 'borderRight', 'borderWidth', 'borderStyle', 'borderColor', 'background', 'flex', 'margin', 'padding', 'transition', 'gap', 'grid', 'gridArea', 'gridColumn', 'gridRow', 'gridTemplate', 'overflow', 'transition'];
+var SORT = {
+  A_BEFORE_B: -1,
+  B_BEFORE_A: 1,
+  EQUAL: 1
+};
+
+var compare = function compare(a, b) {
+  if (a < b) return SORT.A_BEFORE_B;
+  if (b < a) return SORT.B_BEFORE_A;
+  return SORT.EQUAL;
+};
+/**
+ * Orders all properties by the most dependent props
+ * @param config
+ */
+
+
+export var orderPropNames = function orderPropNames(config) {
+  return Object.keys(config).sort(function (a, b) {
+    var aConf = config[a],
+        bConf = config[b];
+    var aProp = aConf.property,
+        _aConf$properties = aConf.properties,
+        aProperties = _aConf$properties === void 0 ? [] : _aConf$properties;
+    var bProp = bConf.property,
+        _bConf$properties = bConf.properties,
+        bProperties = _bConf$properties === void 0 ? [] : _bConf$properties;
+    var aIsShorthand = SHORTHAND_PROPERTIES.includes(aProp);
+    var bIsShorthand = SHORTHAND_PROPERTIES.includes(bProp);
+
+    if (aIsShorthand && bIsShorthand) {
+      var aNum = aProperties.length;
+      var bNum = bProperties.length;
+
+      if (aProp !== bProp) {
+        return compare(SHORTHAND_PROPERTIES.indexOf(aProp), SHORTHAND_PROPERTIES.indexOf(bProp));
+      }
+
+      if (aProp === bProp) {
+        if (aNum === 0) return SORT.A_BEFORE_B;
+        if (bNum === 0) return SORT.B_BEFORE_A;
+      }
+
+      return compare(bNum, aNum);
+    }
+
+    if (aIsShorthand) return SORT.A_BEFORE_B;
+    if (bIsShorthand) return SORT.B_BEFORE_A;
+    return SORT.EQUAL;
+  });
+};

package/dist/utils/propNames.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"propNames.js","sourceRoot":"","sources":["../../src/utils/propNames.ts"],"names":[],"mappings":"AAEA,MAAM,oBAAoB,GAAG;IAC3B,QAAQ;IACR,WAAW;IACX,cAAc;IACd,YAAY;IACZ,aAAa;IACb,aAAa;IACb,aAAa;IACb,aAAa;IACb,YAAY;IACZ,MAAM;IACN,QAAQ;IACR,SAAS;IACT,YAAY;IACZ,KAAK;IACL,MAAM;IACN,UAAU;IACV,YAAY;IACZ,SAAS;IACT,cAAc;IACd,UAAU;IACV,YAAY;CACb,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,UAAU,EAAE,CAAC,CAAC;IACd,UAAU,EAAE,CAAC;IACb,KAAK,EAAE,CAAC;CACT,CAAC;AAEF,MAAM,OAAO,GAAG,CAAC,CAAS,EAAE,CAAS,EAAE,EAAE;IACvC,IAAI,CAAC,GAAG,CAAC;QAAE,OAAO,IAAI,CAAC,UAAU,CAAC;IAClC,IAAI,CAAC,GAAG,CAAC;QAAE,OAAO,IAAI,CAAC,UAAU,CAAC;IAClC,OAAO,IAAI,CAAC,KAAK,CAAC;AACpB,CAAC,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,MAAoC,EAAE,EAAE,CACrE,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;IAChC,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,GAAG,MAAM,CAAC;IAE1C,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,WAAW,GAAG,EAAE,EAAE,GAAG,KAAK,CAAC;IAChE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,WAAW,GAAG,EAAE,EAAE,GAAG,KAAK,CAAC;IAEhE,MAAM,YAAY,GAAG,oBAAoB,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC1D,MAAM,YAAY,GAAG,oBAAoB,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE1D,IAAI,YAAY,IAAI,YAAY,EAAE;QAChC,MAAM,IAAI,GAAG,WAAW,CAAC,MAAM,CAAC;QAChC,MAAM,IAAI,GAAG,WAAW,CAAC,MAAM,CAAC;QAEhC,IAAI,KAAK,KAAK,KAAK,EAAE;YACnB,OAAO,OAAO,CACZ,oBAAoB,CAAC,OAAO,CAAC,KAAK,CAAC,EACnC,oBAAoB,CAAC,OAAO,CAAC,KAAK,CAAC,CACpC,CAAC;SACH;QAED,IAAI,KAAK,KAAK,KAAK,EAAE;YACnB,IAAI,IAAI,KAAK,CAAC;gBAAE,OAAO,IAAI,CAAC,UAAU,CAAC;YACvC,IAAI,IAAI,KAAK,CAAC;gBAAE,OAAO,IAAI,CAAC,UAAU,CAAC;SACxC;QAED,OAAO,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;KAC5B;IAED,IAAI,YAAY;QAAE,OAAO,IAAI,CAAC,UAAU,CAAC;IACzC,IAAI,YAAY;QAAE,OAAO,IAAI,CAAC,UAAU,CAAC;IAEzC,OAAO,IAAI,CAAC,KAAK,CAAC;AACpB,CAAC,CAAC,CAAC"}

package/dist/utils/responsive.d.ts

@@ -0,0 +1,16 @@
+import { AbstractPropTransformer } from '../types/config';
+import { BreakpointCache, CSSObject, MediaQueryMap, ThemeProps } from '../types/props';
+import { Breakpoints } from '../types/theme';
+/**
+ * Destructures the themes breakpoints into an ordered structure to traverse
+ */
+export declare const parseBreakpoints: (breakpoints?: Breakpoints | undefined) => BreakpointCache | null;
+export declare const isMediaArray: (val: unknown) => val is (string | number)[];
+export declare const isMediaMap: (val: object) => val is MediaQueryMap<string | number>;
+interface ResponsiveParser<Bp extends MediaQueryMap<string | number> | (string | number)[]> {
+    <C extends AbstractPropTransformer>(value: Bp, props: ThemeProps, config: C, breakpoints: Bp): CSSObject;
+}
+export declare const objectParser: ResponsiveParser<MediaQueryMap<string | number>>;
+export declare const arrayParser: ResponsiveParser<(string | number)[]>;
+export declare const orderBreakpoints: (styles: CSSObject, breakpoints: string[]) => CSSObject;
+export {};

package/dist/utils/responsive.js

@@ -0,0 +1,94 @@
+function _toArray(arr) { return _arrayWithHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure 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 _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; }
+
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+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; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+import { intersection, omit } from 'lodash';
+var BREAKPOINT_KEYS = ['_', 'xs', 'sm', 'md', 'lg', 'xl'];
+/**
+ * Destructures the themes breakpoints into an ordered structure to traverse
+ */
+
+export var parseBreakpoints = function parseBreakpoints(breakpoints) {
+  if (breakpoints === undefined) return null;
+
+  var _ref = breakpoints !== null && breakpoints !== void 0 ? breakpoints : {},
+      xs = _ref.xs,
+      sm = _ref.sm,
+      md = _ref.md,
+      lg = _ref.lg,
+      xl = _ref.xl; // Ensure order for mapping
+
+
+  return {
+    map: breakpoints,
+    array: [xs, sm, md, lg, xl]
+  };
+};
+export var isMediaArray = function isMediaArray(val) {
+  return Array.isArray(val);
+};
+export var isMediaMap = function isMediaMap(val) {
+  return intersection(Object.keys(val), BREAKPOINT_KEYS).length > 0;
+};
+export var objectParser = function objectParser(value, props, config, breakpoints) {
+  var styles = {};
+  var styleFn = config.styleFn,
+      prop = config.prop;
+
+  var _ = value._,
+      rest = _objectWithoutProperties(value, ["_"]); // the keyof 'base' is base styles
+
+
+  if (_) Object.assign(styles, styleFn(_, prop, props)); // Map over remaining keys and merge the corresponding breakpoint styles
+  // for that property.
+
+  Object.keys(breakpoints).forEach(function (breakpointKey) {
+    var bpStyles = rest[breakpointKey];
+    if (typeof bpStyles === 'undefined') return;
+    Object.assign(styles, _defineProperty({}, breakpoints[breakpointKey], styleFn(bpStyles, prop, props)));
+  });
+  return styles;
+};
+export var arrayParser = function arrayParser(value, props, config, breakpoints) {
+  var styles = {};
+  var styleFn = config.styleFn,
+      prop = config.prop;
+
+  var _value = _toArray(value),
+      _ = _value[0],
+      rest = _value.slice(1); // the first index is base styles
+
+
+  if (_) Object.assign(styles, styleFn(_, prop, props)); // Map over each value in the array and merge the corresponding breakpoint styles
+  // for that property.
+
+  rest.forEach(function (val, i) {
+    var breakpointKey = breakpoints[i];
+    if (!breakpointKey || typeof val === 'undefined') return;
+    Object.assign(styles, _defineProperty({}, breakpointKey, styleFn(val, prop, props)));
+  });
+  return styles;
+};
+export var orderBreakpoints = function orderBreakpoints(styles, breakpoints) {
+  var orderedStyles = omit(styles, breakpoints);
+  breakpoints.forEach(function (bp) {
+    if (styles[bp]) {
+      orderedStyles[bp] = styles[bp];
+    }
+  });
+  return orderedStyles;
+};

package/dist/utils/responsive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"responsive.js","sourceRoot":"","sources":["../../src/utils/responsive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAW5C,MAAM,eAAe,GAAG,CAAC,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;AAE5D;;GAEG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAC9B,WAAqC,EACb,EAAE;IAC1B,IAAI,WAAW,KAAK,SAAS;QAAE,OAAO,IAAI,CAAC;IAC3C,MAAM,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,WAAW,IAAI,EAAE,CAAC;IAEjD,2BAA2B;IAC3B,OAAO;QACL,GAAG,EAAE,WAAW;QAChB,KAAK,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC;KAC5B,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,GAAY,EAA8B,EAAE,CACvE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;AAErB,MAAM,CAAC,MAAM,UAAU,GAAG,CACxB,GAAW,EAC4B,EAAE,CACzC,YAAY,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,eAAe,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC;AAa7D,MAAM,CAAC,MAAM,YAAY,GAAqD,CAC5E,KAAK,EACL,KAAK,EACL,MAAM,EACN,WAAW,EACX,EAAE;IACF,MAAM,MAAM,GAAc,EAAE,CAAC;IAC7B,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,MAAM,CAAC;IACjC,MAAM,EAAE,CAAC,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAC7B,kCAAkC;IAClC,IAAI,CAAC;QAAE,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC;IAEtD,wEAAwE;IACxE,qBAAqB;IACrB,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,OAAO,CAC9B,CAAC,aAAuC,EAAE,EAAE;QAC1C,MAAM,QAAQ,GAAG,IAAI,CAAC,aAAkC,CAAC,CAAC;QAC1D,IAAI,OAAO,QAAQ,KAAK,WAAW;YAAE,OAAO;QAC5C,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE;YACpB,CAAC,WAAW,CAAC,aAAa,CAAW,CAAC,EAAE,OAAO,CAAC,QAAQ,EAAE,IAAI,EAAE,KAAK,CAAC;SACvE,CAAC,CAAC;IACL,CAAC,CACF,CAAC;IAEF,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAA0C,CAChE,KAAK,EACL,KAAK,EACL,MAAM,EACN,WAAW,EACA,EAAE;IACb,MAAM,MAAM,GAAc,EAAE,CAAC;IAC7B,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,MAAM,CAAC;IACjC,MAAM,CAAC,CAAC,EAAE,GAAG,IAAI,CAAC,GAAG,KAAK,CAAC;IAC3B,iCAAiC;IACjC,IAAI,CAAC;QAAE,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC;IAEtD,iFAAiF;IACjF,qBAAqB;IACrB,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE;QACtB,MAAM,aAAa,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC;QACrC,IAAI,CAAC,aAAa,IAAI,OAAO,GAAG,KAAK,WAAW;YAAE,OAAO;QACzD,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE;YACpB,CAAC,aAAa,CAAC,EAAE,OAAO,CAAC,GAAG,EAAE,IAAI,EAAE,KAAK,CAAC;SAC3C,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,MAAiB,EAAE,WAAqB,EAAE,EAAE;IAC3E,MAAM,aAAa,GAAc,IAAI,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;IAC3D,WAAW,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,EAAE;QACzB,IAAI,MAAM,CAAC,EAAE,CAAC,EAAE;YACd,aAAa,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,EAAE,CAAc,CAAC;SAC7C;IACH,CAAC,CAAC,CAAC;IACH,OAAO,aAAa,CAAC;AACvB,CAAC,CAAC"}

package/dist/utils/serializeTokens.d.ts

@@ -0,0 +1,18 @@
+import { Theme } from '@emotion/react';
+import { CSSObject } from '../types/props';
+/**
+ * Returns an type of any object with { key: 'var(--key) }
+ */
+export declare type KeyAsVariable<T extends Record<string, any>, Prefix extends string> = {
+    [V in keyof T]: `var(--${Prefix}-${Extract<V, string>})`;
+};
+declare type SerializedTokensInput = Record<string, string | number | CSSObject | SerializedTokensInputRecursive>;
+interface SerializedTokensInputRecursive {
+    [i: number]: SerializedTokensInput;
+    [i: string]: SerializedTokensInput;
+}
+export declare const serializeTokens: <T extends SerializedTokensInput, Prefix extends string>(tokens: T, prefix: Prefix, theme: Theme | undefined) => {
+    tokens: KeyAsVariable<T, Prefix>;
+    variables: CSSObject;
+};
+export {};

package/dist/utils/serializeTokens.js

@@ -0,0 +1,42 @@
+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; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+import { isObject, merge } from 'lodash';
+
+var templateBreakpoints = function templateBreakpoints(value, alias, theme) {
+  if (isObject(value)) {
+    var _ = value._,
+        base = value.base,
+        rest = _objectWithoutProperties(value, ["_", "base"]);
+
+    var css = _defineProperty({}, alias, _ !== null && _ !== void 0 ? _ : base);
+
+    if (theme) {
+      var breakpoints = theme.breakpoints;
+      Object.keys(breakpoints).forEach(function (key) {
+        css[breakpoints[key]] = _defineProperty({}, alias, rest[key]);
+      });
+    }
+
+    return css;
+  }
+
+  return _defineProperty({}, alias, value);
+};
+
+export var serializeTokens = function serializeTokens(tokens, prefix, theme) {
+  var tokenReferences = {};
+  var tokenVariables = {};
+  Object.keys(tokens).forEach(function (key) {
+    var varName = "--".concat(prefix, "-").concat(key);
+    tokenReferences[key] = "var(".concat(varName, ")");
+    merge(tokenVariables, templateBreakpoints(tokens[key], varName, theme));
+  });
+  return {
+    tokens: tokenReferences,
+    variables: tokenVariables
+  };
+};

package/dist/utils/serializeTokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"serializeTokens.js","sourceRoot":"","sources":["../../src/utils/serializeTokens.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAczC,MAAM,mBAAmB,GAAG,CAC1B,KAAkC,EAClC,KAAa,EACb,KAAwB,EACxB,EAAE;IACF,IAAI,QAAQ,CAAC,KAAK,CAAC,EAAE;QACnB,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;QACnC,MAAM,GAAG,GAAG;YACV,CAAC,KAAK,CAAC,EAAE,CAAC,IAAI,IAAI;SACnB,CAAC;QAEF,IAAI,KAAK,EAAE;YACT,MAAM,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC;YAC9B,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;gBACvC,GAAG,CAAC,WAAW,CAAC,GAA+B,CAAC,CAAC,GAAG;oBAClD,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC;iBACnB,CAAC;YACJ,CAAC,CAAC,CAAC;SACJ;QAED,OAAO,GAAG,CAAC;KACZ;IACD,OAAO,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,CAAC;AAC5B,CAAC,CAAC;AAYF,MAAM,CAAC,MAAM,eAAe,GAAG,CAI7B,MAAS,EACT,MAAc,EACd,KAAwB,EAIxB,EAAE;IACF,MAAM,eAAe,GAAG,EAA4B,CAAC;IACrD,MAAM,cAAc,GAAc,EAAE,CAAC;IAErC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;QAClC,MAAM,OAAO,GAAG,KAAK,MAAM,IAAI,GAAG,EAAE,CAAC;QACrC,eAAe,CAAC,GAAG,CAAC,GAAG,OAAO,OAAO,GAAG,CAAC;QAEzC,KAAK,CAAC,cAAc,EAAE,mBAAmB,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC;IAC1E,CAAC,CAAC,CAAC;IAEH,OAAO;QACL,MAAM,EAAE,eAA2C;QACnD,SAAS,EAAE,cAAc;KAC1B,CAAC;AACJ,CAAC,CAAC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@codecademy/variance",
   "description": "Constraint based CSS in JS for building scalable design systems",
-  "version": "0.19.1-alpha.a809e8.0",
+  "version": "1.0.0-alpha.025bb0.0",
   "keywords": [
     "emotion",
     "css",
@@ -25,7 +25,7 @@
     "build:clean": "rm -rf ./dist",
     "build:compile": "tsc -b",
     "build:transpile": "babel ./src --out-dir ./dist --copy-files --extensions \".ts,.tsx\"",
-    "build": "yarn build:clean && yarn build:transpile && yarn build:compile",
+    "build": "yarn build:clean && yarn build:compile && yarn build:transpile",
     "lernaBuildTask": "yarn build"
   },
   "peerDependencies": {
@@ -40,8 +40,8 @@
     "@emotion/jest": "^11.3.0",
     "@emotion/styled": "^11.3.0",
     "@types/react-test-renderer": "^17.0.1",
-    "react": "16.13.1",
-    "react-test-renderer": "16.13.1"
+    "react": "17.0.2",
+    "react-test-renderer": "17.0.2"
   },
-  "gitHead": "7be5114e0f5a72b7d5835c0312490f467646a903"
+  "gitHead": "4a409844bb26e189b24c3fb3392c65572af28949"
 }