@codecademy/variance 0.20.0 → 0.20.1-alpha.32ef98.0

package/dist/transforms/transformSize.js

@@ -1,47 +1,26 @@
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _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 _iterableToArrayLimit(arr, i) { var _i = arr && (typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]); if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 import { isNumber } from 'lodash';
-export var percentageOrAbsolute = function percentageOrAbsolute(coordinate) {
-  if (coordinate === 0) {
-    return coordinate;
-  }
-
-  if (coordinate <= 1 && coordinate >= -1) {
-    return "".concat(coordinate * 100, "%");
-  }
-
-  return "".concat(coordinate, "px");
+export const percentageOrAbsolute = (coordinate) => {
+    if (coordinate === 0) {
+        return coordinate;
+    }
+    if (coordinate <= 1 && coordinate >= -1) {
+        return `${coordinate * 100}%`;
+    }
+    return `${coordinate}px`;
 };
-var valueWithUnit = /(-?\d*\.?\d+)(%|\w*)/;
-export var transformSize = function transformSize(value) {
-  if (isNumber(value)) {
-    return percentageOrAbsolute(value);
-  }
-
-  if (value.includes('calc')) {
-    return value;
-  }
-
-  var _ref = valueWithUnit.exec(value) || [],
-      _ref2 = _slicedToArray(_ref, 3),
-      match = _ref2[0],
-      number = _ref2[1],
-      unit = _ref2[2];
-
-  if (match === undefined) {
-    return value;
-  }
-
-  var numericValue = parseFloat(number);
-  return !unit ? percentageOrAbsolute(numericValue) : "".concat(numericValue).concat(unit);
-};
+const valueWithUnit = /(-?\d*\.?\d+)(%|\w*)/;
+export const transformSize = (value) => {
+    if (isNumber(value)) {
+        return percentageOrAbsolute(value);
+    }
+    if (value.includes('calc')) {
+        return value;
+    }
+    const [match, number, unit] = valueWithUnit.exec(value) || [];
+    if (match === undefined) {
+        return value;
+    }
+    const numericValue = parseFloat(number);
+    return !unit ? percentageOrAbsolute(numericValue) : `${numericValue}${unit}`;
+};
+//# sourceMappingURL=transformSize.js.map

package/dist/types/config.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=config.js.map

package/dist/types/properties.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=properties.js.map

package/dist/types/props.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=props.js.map

package/dist/types/theme.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=theme.js.map

package/dist/types/utils.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=utils.js.map

package/dist/utils/__fixtures__/testConfig.js

@@ -1,153 +1,94 @@
-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'
-  }
-};
+export const 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' },
+};
+//# sourceMappingURL=testConfig.js.map

package/dist/utils/flattenScale.js

@@ -1,24 +1,18 @@
-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]));
-  }, {});
-}
+    return Object.keys(object).reduce((carry, key) => {
+        const nextKey = path ? `${path}${key === '_' ? '' : `-${key}`}` : key;
+        const current = object[key];
+        if (isObject(current)) {
+            return {
+                ...carry,
+                ...flattenScale(current, nextKey),
+            };
+        }
+        return {
+            ...carry,
+            [nextKey]: object[key],
+        };
+    }, {});
+}
+//# sourceMappingURL=flattenScale.js.map

package/dist/utils/getStaticProperties.js

@@ -1,6 +1,3 @@
 import { keys, pick } from 'lodash';
-export var getStaticCss = function getStaticCss(props, filteredKeys) {
-  return pick(props, keys(props).filter(function (key) {
-    return !filteredKeys.includes(key);
-  }));
-};
+export const getStaticCss = (props, filteredKeys) => pick(props, keys(props).filter((key) => !filteredKeys.includes(key)));
+//# sourceMappingURL=getStaticProperties.js.map

package/dist/utils/propNames.js

@@ -1,52 +1,66 @@
-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
+const SHORTHAND_PROPERTIES = [
+    'border',
+    'borderTop',
+    'borderBottom',
+    'borderLeft',
+    'borderRight',
+    'borderWidth',
+    'borderStyle',
+    'borderColor',
+    'background',
+    'flex',
+    'margin',
+    'padding',
+    'transition',
+    'gap',
+    'grid',
+    'gridArea',
+    'gridColumn',
+    'gridRow',
+    'gridTemplate',
+    'overflow',
+    'transition',
+];
+const 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;
+const 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);
-
+export const orderPropNames = (config) => Object.keys(config).sort((a, b) => {
+    const { [a]: aConf, [b]: bConf } = config;
+    const { property: aProp, properties: aProperties = [] } = aConf;
+    const { property: bProp, properties: bProperties = [] } = bConf;
+    const aIsShorthand = SHORTHAND_PROPERTIES.includes(aProp);
+    const 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);
+        const aNum = aProperties.length;
+        const 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;
+    if (aIsShorthand)
+        return SORT.A_BEFORE_B;
+    if (bIsShorthand)
+        return SORT.B_BEFORE_A;
     return SORT.EQUAL;
-  });
-};
+});
+//# sourceMappingURL=propNames.js.map

package/dist/utils/responsive.js

@@ -1,94 +1,65 @@
-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'];
+const 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 const parseBreakpoints = (breakpoints) => {
+    if (breakpoints === undefined)
+        return null;
+    const { xs, sm, md, lg, xl } = breakpoints ?? {};
+    // Ensure order for mapping
+    return {
+        map: breakpoints,
+        array: [xs, sm, md, lg, xl],
+    };
 };
-export var isMediaArray = function isMediaArray(val) {
-  return Array.isArray(val);
+export const isMediaArray = (val) => Array.isArray(val);
+export const isMediaMap = (val) => intersection(Object.keys(val), BREAKPOINT_KEYS).length > 0;
+export const objectParser = (value, props, config, breakpoints) => {
+    const styles = {};
+    const { styleFn, prop } = config;
+    const { _, ...rest } = 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((breakpointKey) => {
+        const bpStyles = rest[breakpointKey];
+        if (typeof bpStyles === 'undefined')
+            return;
+        Object.assign(styles, {
+            [breakpoints[breakpointKey]]: styleFn(bpStyles, prop, props),
+        });
+    });
+    return styles;
 };
-export var isMediaMap = function isMediaMap(val) {
-  return intersection(Object.keys(val), BREAKPOINT_KEYS).length > 0;
+export const arrayParser = (value, props, config, breakpoints) => {
+    const styles = {};
+    const { styleFn, prop } = config;
+    const [_, ...rest] = value;
+    // 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((val, i) => {
+        const breakpointKey = breakpoints[i];
+        if (!breakpointKey || typeof val === 'undefined')
+            return;
+        Object.assign(styles, {
+            [breakpointKey]: styleFn(val, prop, props),
+        });
+    });
+    return styles;
 };
-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 const orderBreakpoints = (styles, breakpoints) => {
+    const orderedStyles = omit(styles, breakpoints);
+    breakpoints.forEach((bp) => {
+        if (styles[bp]) {
+            orderedStyles[bp] = styles[bp];
+        }
+    });
+    return orderedStyles;
 };
-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;
-};
+//# sourceMappingURL=responsive.js.map