@codecademy/variance 0.21.0 → 0.21.1-alpha.187436.0

package/dist/utils/flattenScale.js

@@ -1,23 +0,0 @@
-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`.
- */
-
-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/getStaticProperties.d.ts

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

package/dist/utils/getStaticProperties.js

@@ -1,6 +0,0 @@
-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/propNames.d.ts

@@ -1,6 +0,0 @@
-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

@@ -1,45 +0,0 @@
-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/responsive.d.ts

@@ -1,16 +0,0 @@
-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

@@ -1,81 +0,0 @@
-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) { 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
-  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/serializeTokens.d.ts

@@ -1,18 +0,0 @@
-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

@@ -1,36 +0,0 @@
-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"]);
-    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
-  };
-};