@codecademy/variance 1.0.0-alpha.f43515.0 → 67.0.0-alpha.09ad1e.0

package/dist/types/config.d.ts

@@ -2,8 +2,8 @@ import { Theme } from '@emotion/react';
 import { DefaultCSSPropertyValue, PropertyTypes } from './properties';
 import { AbstractProps, CSSObject, CSSPropMap, CSSProps, ResponsiveProp, ThemeProps } from './props';
 import { AllUnionKeys, Key, KeyFromUnion } from './utils';
-export declare type MapScale = Record<string | number, string | number>;
-export declare type ArrayScale = readonly (string | number)[] & {
+export type MapScale = Record<string | number, string | number>;
+export type ArrayScale = readonly (string | number)[] & {
     length: 0;
 };
 export interface BaseProperty {
@@ -23,9 +23,9 @@ export interface AbstractParser {
     propNames: string[];
     config: Record<string, AbstractPropTransformer>;
 }
-export declare type PropertyValues<Property extends keyof PropertyTypes, All extends boolean = false> = Exclude<PropertyTypes<All extends true ? DefaultCSSPropertyValue : never>[Property], All extends true ? never : object | any[]>;
-export declare type ScaleValue<Config extends Prop> = Config['scale'] extends keyof Theme ? keyof Theme[Config['scale']] | PropertyValues<Config['property']> : Config['scale'] extends MapScale ? keyof Config['scale'] | PropertyValues<Config['property']> : Config['scale'] extends ArrayScale ? Config['scale'][number] | PropertyValues<Config['property']> : PropertyValues<Config['property'], true>;
-export declare type Scale<Config extends Prop> = ResponsiveProp<ScaleValue<Config> | ((theme: Theme) => ScaleValue<Config>)>;
+export type PropertyValues<Property extends keyof PropertyTypes, All extends boolean = false> = Exclude<PropertyTypes<All extends true ? DefaultCSSPropertyValue : never>[Property], All extends true ? never : object | any[]>;
+export type ScaleValue<Config extends Prop> = Config['scale'] extends keyof Theme ? keyof Theme[Config['scale']] | PropertyValues<Config['property']> : Config['scale'] extends MapScale ? keyof Config['scale'] | PropertyValues<Config['property']> : Config['scale'] extends ArrayScale ? Config['scale'][number] | PropertyValues<Config['property']> : PropertyValues<Config['property'], true>;
+export type Scale<Config extends Prop> = ResponsiveProp<ScaleValue<Config> | ((theme: Theme) => ScaleValue<Config>)>;
 export interface TransformFn<P extends string, Config extends Prop> {
     (value: Scale<Config> | Scale<Config>, prop: P, props: ThemeProps<{
         [K in P]?: Scale<Config>;
@@ -35,7 +35,7 @@ export interface PropTransformer<P extends string, C extends Prop> extends Abstr
     prop: P;
     styleFn: TransformFn<P, C>;
 }
-export declare type TransformerMap<Config extends Record<string, Prop>> = {
+export type TransformerMap<Config extends Record<string, Prop>> = {
     [P in Key<keyof Config>]: PropTransformer<Key<P>, Config[P]>;
 };
 export interface Parser<Config extends Record<string, AbstractPropTransformer>> {
@@ -43,7 +43,7 @@ export interface Parser<Config extends Record<string, AbstractPropTransformer>>
     propNames: (keyof Config)[];
     config: Config;
 }
-export declare type Compose<Args extends AbstractParser[]> = {
+export type Compose<Args extends AbstractParser[]> = {
     [K in AllUnionKeys<Args[number]['config']>]: KeyFromUnion<Args[number]['config'], K>;
 };
 export interface Variant<P extends AbstractParser> {
@@ -60,12 +60,12 @@ export interface States<P extends AbstractParser> {
 export interface CSS<P extends AbstractParser> {
     <Props extends AbstractProps>(config: CSSProps<Props, SystemProps<P>>): (props: ThemeProps) => CSSObject;
 }
-export declare type ParserProps<Config extends Record<string, AbstractPropTransformer>> = ThemeProps<{
+export type ParserProps<Config extends Record<string, AbstractPropTransformer>> = ThemeProps<{
     [P in keyof Config]?: Parameters<Config[P]['styleFn']>[2][Config[P]['prop']];
 }>;
-export declare type SystemProps<P extends AbstractParser> = {
+export type SystemProps<P extends AbstractParser> = {
     [K in keyof Omit<Parameters<P>[0], 'theme'>]: Omit<Parameters<P>[0], 'theme'>[K];
 };
-export declare type VariantProps<T extends string, V> = {
+export type VariantProps<T extends string, V> = {
     [Key in T]?: V;
 };

package/dist/types/config.js

@@ -0,0 +1 @@
+export {};

package/dist/types/properties.d.ts

@@ -1,10 +1,10 @@
 import { Globals, StandardProperties, VendorProperties } from 'csstype';
-declare type ColorProperties = 'color' | `${string}Color`;
-declare type ColorGlobals = {
+type ColorProperties = 'color' | `${string}Color`;
+type ColorGlobals = {
     [K in Extract<keyof StandardProperties, ColorProperties>]?: Globals | 'currentColor' | 'transparent' | (string & {});
 };
-declare type SizeProperties = 'left' | 'right' | 'top' | 'bottom' | 'inset' | 'width' | 'height' | `${string}${'Width' | 'Height'}`;
-declare type SizeGlobals = {
+type SizeProperties = 'left' | 'right' | 'top' | 'bottom' | 'inset' | 'width' | 'height' | `${string}${'Width' | 'Height'}`;
+type SizeGlobals = {
     [K in Extract<keyof StandardProperties, SizeProperties>]?: StandardProperties[K] | (number & {});
 };
 /** This is a placeholder type for CSS properties that may not have any specific global values (outlineOffset).
@@ -12,7 +12,7 @@ declare type SizeGlobals = {
  *
  * This ensures that autosuggestions will still work for literal types but still allow any string for certain properties.
  */
-export declare type DefaultCSSPropertyValue = (string & {}) | 0;
+export type DefaultCSSPropertyValue = (string & {}) | 0;
 export interface PropertyTypes<Overrides = DefaultCSSPropertyValue> extends Omit<StandardProperties<Overrides>, keyof ColorGlobals | keyof SizeGlobals>, ColorGlobals, SizeGlobals {
 }
 export interface VendorPropertyTypes<Overrides = DefaultCSSPropertyValue> extends VendorProperties<Overrides> {

package/dist/types/properties.js

@@ -0,0 +1 @@
+export {};

package/dist/types/props.d.ts

@@ -1,7 +1,7 @@
 import { Theme } from '@emotion/react';
 import { AbstractParser, Scale } from './config';
 import { CSSPropertyTypes } from './properties';
-export declare type AbstractProps = ThemeProps<Record<string, unknown>>;
+export type AbstractProps = ThemeProps<Record<string, unknown>>;
 interface BreakpointKeys<T = string> {
     xs: T;
     sm: T;
@@ -13,7 +13,7 @@ export interface BreakpointCache {
     map: BreakpointKeys;
     array: string[];
 }
-export declare type ThemeProps<Props = {}> = Props & {
+export type ThemeProps<Props = {}> = Props & {
     theme?: Theme;
 };
 export interface MediaQueryArray<T> {
@@ -32,16 +32,16 @@ export interface MediaQueryMap<T> {
     lg?: T;
     xl?: T;
 }
-export declare type ResponsiveProp<T> = T | MediaQueryMap<T> | MediaQueryArray<T>;
+export type ResponsiveProp<T> = T | MediaQueryMap<T> | MediaQueryArray<T>;
 export interface CSSObject {
     [key: string]: string | number | CSSObject | undefined;
 }
-export declare type CSSPropMap<Props, System> = {
+export type CSSPropMap<Props, System> = {
     [K in keyof Props]?: CSSProps<Props[K], System>;
 };
-export declare type CSSProps<Props, System> = {
+export type CSSProps<Props, System> = {
     [K in keyof Props]?: K extends keyof System ? System[K] : K extends keyof CSSPropertyTypes ? CSSPropertyTypes[K] : Omit<CSSPropertyTypes, keyof System> & Omit<System, 'theme'>;
 };
-export declare type StyleProps<T extends (args: AbstractProps) => CSSObject> = Parameters<T>[0];
-export declare type ScaleValue<P extends AbstractParser, Prop extends keyof P['config']> = Scale<P['config'][Prop]>;
+export type StyleProps<T extends (args: AbstractProps) => CSSObject> = Parameters<T>[0];
+export type ScaleValue<P extends AbstractParser, Prop extends keyof P['config']> = Scale<P['config'][Prop]>;
 export {};

package/dist/types/props.js

@@ -0,0 +1 @@
+export {};

package/dist/types/theme.js

@@ -0,0 +1 @@
+export {};

package/dist/types/utils.d.ts

@@ -1,3 +1,3 @@
-export declare type AllUnionKeys<T> = T extends any ? keyof T : never;
-export declare type KeyFromUnion<T, K> = T extends any ? K extends keyof T ? T[K] : never : never;
-export declare type Key<T> = T extends string ? T : never;
+export type AllUnionKeys<T> = T extends any ? keyof T : never;
+export type KeyFromUnion<T, K> = T extends any ? K extends keyof T ? T[K] : never : never;
+export type Key<T> = T extends string ? T : never;

package/dist/types/utils.js

@@ -0,0 +1 @@
+export {};

package/dist/utils/flattenScale.d.ts

@@ -2,19 +2,19 @@
  * 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;
+export 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;
+export 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;
+export 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;
+export 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 = ''> = {
+export 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

@@ -1,10 +1,11 @@
-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; }
-
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 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`.
@@ -14,11 +15,9 @@ 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/propNames.js

@@ -4,47 +4,40 @@ var SORT = {
   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];
+      bConf = config[b];
     var aProp = aConf.property,
-        _aConf$properties = aConf.properties,
-        aProperties = _aConf$properties === void 0 ? [] : _aConf$properties;
+      _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;
+      _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/responsive.js

@@ -1,38 +1,29 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 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 _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 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
-
-
+    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]
@@ -47,15 +38,13 @@ export var isMediaMap = function isMediaMap(val) {
 export var objectParser = function objectParser(value, props, config, breakpoints) {
   var styles = {};
   var styleFn = config.styleFn,
-      prop = config.prop;
-
+    prop = config.prop;
   var _ = value._,
-      rest = _objectWithoutProperties(value, ["_"]); // the keyof 'base' is base styles
+    rest = _objectWithoutProperties(value, ["_"]); // the keyof 'base' is base styles
+  if (_) Object.assign(styles, styleFn(_, prop, props));
 
-
-  if (_) Object.assign(styles, styleFn(_, prop, props)); // Map over remaining keys and merge the corresponding breakpoint styles
+  // 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;
@@ -66,16 +55,14 @@ export var objectParser = function objectParser(value, props, config, breakpoint
 export var arrayParser = function arrayParser(value, props, config, breakpoints) {
   var styles = {};
   var styleFn = config.styleFn,
-      prop = config.prop;
-
+    prop = config.prop;
   var _value = _toArray(value),
-      _ = _value[0],
-      rest = _value.slice(1); // the first index is base styles
+    _ = _value[0],
+    rest = _value.slice(1); // the first index is base styles
+  if (_) Object.assign(styles, styleFn(_, prop, props));
 
-
-  if (_) Object.assign(styles, styleFn(_, prop, props)); // Map over each value in the array and merge the corresponding breakpoint styles
+  // 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;

package/dist/utils/serializeTokens.d.ts

@@ -3,10 +3,10 @@ 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> = {
+export 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>;
+type SerializedTokensInput = Record<string, string | number | CSSObject | SerializedTokensInputRecursive>;
 interface SerializedTokensInputRecursive {
     [i: number]: SerializedTokensInput;
     [i: string]: SerializedTokensInput;

package/dist/utils/serializeTokens.js

@@ -1,32 +1,26 @@
-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 _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 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"]);
-
+      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 = {};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@codecademy/variance",
   "description": "Constraint based CSS in JS for building scalable design systems",
-  "version": "1.0.0-alpha.f43515.0",
+  "version": "67.0.0-alpha.09ad1e.0",
   "keywords": [
     "emotion",
     "css",
@@ -14,6 +14,9 @@
   "main": "dist/index.js",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
   "publishConfig": {
     "access": "public"
   },
@@ -22,11 +25,7 @@
     "url": "git+https://github.com/Codecademy/gamut.git"
   },
   "scripts": {
-    "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:compile && yarn build:transpile",
-    "lernaBuildTask": "yarn build"
+    "build": "nx build @codecademy/variance"
   },
   "peerDependencies": {
     "@emotion/react": "*",
@@ -37,11 +36,11 @@
     "lodash": "^4.17.5"
   },
   "devDependencies": {
-    "@emotion/jest": "^11.3.0",
-    "@emotion/styled": "^11.3.0",
-    "@types/react-test-renderer": "^17.0.1",
-    "react": "17.0.2",
-    "react-test-renderer": "17.0.2"
+    "@emotion/jest": "^11.11.0",
+    "@emotion/styled": "^11.11.0",
+    "@types/react-test-renderer": "^17.0.2",
+    "react": "^17.0.2",
+    "react-test-renderer": "^17.0.2"
   },
-  "gitHead": "f4e40f0923d85931dce988b511f95134138a223c"
+  "gitHead": "430c6d83990991443428d7d476f069d368022b83"
 }