@planningcenter/tapestry-react 0.0.1-alpha.0

package/dist/esm/system/plugins/index.js

@@ -0,0 +1,13 @@
+import border from './border';
+import color from './color';
+import elevation from './elevation';
+import flex from './flex';
+import grid from './grid';
+import misc from './misc';
+import position from './position';
+import size from './size';
+import space from './space';
+import stroke from './stroke';
+import transform from './transform';
+import typography from './typography';
+export default [grid, flex, position, size, space, border, stroke, typography, color, elevation, transform, misc];

package/dist/esm/system/plugins/misc.js

@@ -0,0 +1,25 @@
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import { spacingValue } from '../utils';
+
+function misc(_ref) {
+  var lineHeight = _ref.lineHeight,
+      uppercase = _ref.uppercase,
+      styles = _objectWithoutPropertiesLoose(_ref, ["lineHeight", "uppercase"]);
+
+  if (styles.boxShadow && styles.boxShadow.constructor === Array) {
+    styles.boxShadow = styles.boxShadow.join(', ');
+  }
+
+  if (typeof lineHeight !== 'undefined') {
+    styles.lineHeight = typeof lineHeight === 'number' ? spacingValue(lineHeight) : lineHeight;
+  }
+
+  if (uppercase) {
+    styles.textTransform = 'uppercase';
+    styles.letterSpacing = '0.15em';
+  }
+
+  return styles;
+}
+
+export default misc;

package/dist/esm/system/plugins/position.js

@@ -0,0 +1,40 @@
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import { spacingValue } from '../utils';
+
+function position(_ref) {
+  var position = _ref.position,
+      top = _ref.top,
+      right = _ref.right,
+      bottom = _ref.bottom,
+      left = _ref.left,
+      zIndex = _ref.zIndex,
+      styles = _objectWithoutPropertiesLoose(_ref, ["position", "top", "right", "bottom", "left", "zIndex"]);
+
+  if (position) {
+    styles.position = position;
+  }
+
+  if (typeof top !== 'undefined') {
+    styles.top = spacingValue(top);
+  }
+
+  if (typeof right !== 'undefined') {
+    styles.right = spacingValue(right);
+  }
+
+  if (typeof bottom !== 'undefined') {
+    styles.bottom = spacingValue(bottom);
+  }
+
+  if (typeof left !== 'undefined') {
+    styles.left = spacingValue(left);
+  }
+
+  if (typeof zIndex !== 'undefined') {
+    styles.zIndex = zIndex;
+  }
+
+  return styles;
+}
+
+export default position;

package/dist/esm/system/plugins/size.js

@@ -0,0 +1,31 @@
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import { spacingValue } from '../utils';
+
+function size(_ref) {
+  var width = _ref.width,
+      height = _ref.height,
+      minWidth = _ref.minWidth,
+      minHeight = _ref.minHeight,
+      maxWidth = _ref.maxWidth,
+      maxHeight = _ref.maxHeight,
+      styles = _objectWithoutPropertiesLoose(_ref, ["width", "height", "minWidth", "minHeight", "maxWidth", "maxHeight"]);
+
+  var props = {
+    width: width,
+    height: height,
+    minWidth: minWidth,
+    minHeight: minHeight,
+    maxWidth: maxWidth,
+    maxHeight: maxHeight
+  };
+  Object.keys(props).forEach(function (key) {
+    var value = props[key];
+
+    if (typeof value !== 'undefined') {
+      styles[key] = spacingValue(value);
+    }
+  });
+  return styles;
+}
+
+export default size;

package/dist/esm/system/plugins/space.js

@@ -0,0 +1,103 @@
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import { anyDefined, expandDirectionalProperty, parseSides, spacingValue } from '../utils';
+
+function space(_ref) {
+  var padding = _ref.padding,
+      paddingHorizontal = _ref.paddingHorizontal,
+      paddingVertical = _ref.paddingVertical,
+      paddingTop = _ref.paddingTop,
+      paddingRight = _ref.paddingRight,
+      paddingBottom = _ref.paddingBottom,
+      paddingLeft = _ref.paddingLeft,
+      margin = _ref.margin,
+      marginHorizontal = _ref.marginHorizontal,
+      marginVertical = _ref.marginVertical,
+      marginTop = _ref.marginTop,
+      marginRight = _ref.marginRight,
+      marginBottom = _ref.marginBottom,
+      marginLeft = _ref.marginLeft,
+      gap = _ref.gap,
+      columnGap = _ref.columnGap,
+      rowGap = _ref.rowGap,
+      styles = _objectWithoutPropertiesLoose(_ref, ["padding", "paddingHorizontal", "paddingVertical", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "margin", "marginHorizontal", "marginVertical", "marginTop", "marginRight", "marginBottom", "marginLeft", "gap", "columnGap", "rowGap"]);
+
+  if (anyDefined(padding)) {
+    if (typeof padding === 'string') {
+      var paddingStyles = expandDirectionalProperty('padding', padding);
+      styles.paddingTop = paddingStyles.paddingTop;
+      styles.paddingRight = paddingStyles.paddingRight;
+      styles.paddingBottom = paddingStyles.paddingBottom;
+      styles.paddingLeft = paddingStyles.paddingLeft;
+    } else {
+      var paddingValue = parseSides(padding);
+      styles.paddingTop = paddingValue;
+      styles.paddingRight = paddingValue;
+      styles.paddingBottom = paddingValue;
+      styles.paddingLeft = paddingValue;
+    }
+  }
+
+  if (anyDefined(paddingVertical, paddingTop)) {
+    styles.paddingTop = parseSides(paddingVertical, paddingTop);
+  }
+
+  if (anyDefined(paddingHorizontal, paddingRight)) {
+    styles.paddingRight = parseSides(paddingHorizontal, paddingRight);
+  }
+
+  if (anyDefined(paddingVertical, paddingBottom)) {
+    styles.paddingBottom = parseSides(paddingVertical, paddingBottom);
+  }
+
+  if (anyDefined(paddingHorizontal, paddingLeft)) {
+    styles.paddingLeft = parseSides(paddingHorizontal, paddingLeft);
+  }
+
+  if (anyDefined(margin)) {
+    if (typeof margin === 'string') {
+      var marginStyles = expandDirectionalProperty('margin', margin);
+      styles.marginTop = marginStyles.marginTop;
+      styles.marginRight = marginStyles.marginRight;
+      styles.marginBottom = marginStyles.marginBottom;
+      styles.marginLeft = marginStyles.marginLeft;
+    } else {
+      var marginValue = parseSides(margin);
+      styles.marginTop = marginValue;
+      styles.marginRight = marginValue;
+      styles.marginBottom = marginValue;
+      styles.marginLeft = marginValue;
+    }
+  }
+
+  if (anyDefined(marginVertical, marginTop)) {
+    styles.marginTop = parseSides(marginVertical, marginTop);
+  }
+
+  if (anyDefined(marginHorizontal, marginRight)) {
+    styles.marginRight = parseSides(marginHorizontal, marginRight);
+  }
+
+  if (anyDefined(marginVertical, marginBottom)) {
+    styles.marginBottom = parseSides(marginVertical, marginBottom);
+  }
+
+  if (anyDefined(marginHorizontal, marginLeft)) {
+    styles.marginLeft = parseSides(marginHorizontal, marginLeft);
+  }
+
+  if (gap !== undefined) {
+    styles.gap = spacingValue(gap);
+  }
+
+  if (columnGap !== undefined) {
+    styles.columnGap = spacingValue(columnGap);
+  }
+
+  if (rowGap !== undefined) {
+    styles.rowGap = spacingValue(rowGap);
+  }
+
+  return styles;
+}
+
+export default space;

package/dist/esm/system/plugins/stroke.js

@@ -0,0 +1,38 @@
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import { parseColor } from '../utils';
+import { getCSSProperty } from '../../utils';
+
+function stroke(_ref, theme) {
+  var _stroke = _ref.stroke,
+      _ref$strokeAlign = _ref.strokeAlign,
+      strokeAlign = _ref$strokeAlign === void 0 ? 'outside' : _ref$strokeAlign,
+      strokeOpacity = _ref.strokeOpacity,
+      strokeWeight = _ref.strokeWeight,
+      styles = _objectWithoutPropertiesLoose(_ref, ["stroke", "strokeAlign", "strokeOpacity", "strokeWeight"]);
+
+  if (_stroke && strokeWeight) {
+    var color = theme && theme.colors ? theme.colors[_stroke] ? getCSSProperty('colors', _stroke) : parseColor(_stroke) : parseColor(_stroke);
+    var shadow = styles.boxShadow ? styles.boxShadow.split(', ') : [];
+
+    if (strokeAlign === 'inside') {
+      shadow.unshift("inset 0px 0px 0px " + strokeWeight + "px " + color);
+    } else if (strokeAlign === 'outside') {
+      shadow.unshift("0px 0px 0px " + strokeWeight + "px " + color);
+    } else if (strokeAlign === 'center') {
+      shadow.unshift("inset 0px 0px 0px " + strokeWeight / 2 + "px " + color);
+      shadow.unshift("0px 0px 0px " + strokeWeight / 2 + "px " + color);
+    }
+
+    styles.boxShadow = shadow.join(', ');
+  } else {
+    styles.stroke = _stroke;
+
+    if (strokeOpacity) {
+      styles.strokeOpacity = strokeOpacity;
+    }
+  }
+
+  return styles;
+}
+
+export default stroke;

package/dist/esm/system/plugins/transform.js

@@ -0,0 +1,39 @@
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+
+function transform(_ref) {
+  var x = _ref.x,
+      y = _ref.y,
+      scale = _ref.scale,
+      rotate = _ref.rotate,
+      styles = _objectWithoutPropertiesLoose(_ref, ["x", "y", "scale", "rotate"]);
+
+  var transform = '';
+
+  if (x && y) {
+    transform += "translate(" + x + ", " + y + ") ";
+  } else {
+    if (x) {
+      transform += "translateX(" + x + ") ";
+    }
+
+    if (y) {
+      transform += "translateY(" + y + ") ";
+    }
+  }
+
+  if (scale) {
+    transform += "scale(" + scale + ") ";
+  }
+
+  if (rotate) {
+    transform += "rotate(" + rotate + "deg) ";
+  }
+
+  if (transform.length > 0) {
+    styles.transform = styles.transform ? styles.transform + " " + transform : transform;
+  }
+
+  return styles;
+}
+
+export default transform;

package/dist/esm/system/plugins/typography.js

@@ -0,0 +1,15 @@
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+
+function typography(_ref, theme) {
+  var fontSize = _ref.fontSize,
+      styles = _objectWithoutPropertiesLoose(_ref, ["fontSize"]);
+
+  if (typeof fontSize !== 'undefined') {
+    var value = theme && theme.fontSizes ? theme.fontSizes[fontSize] || fontSize : fontSize;
+    styles.fontSize = typeof value === 'number' ? value + 'px' : value;
+  }
+
+  return styles;
+}
+
+export default typography;

package/dist/esm/system/split-styles.js

@@ -0,0 +1,110 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+
+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; }
+
+import { stylePropNames, pseudoPropNames } from './style-names';
+import { parsePluginStyles } from './parse-styles';
+export default function (_ref) {
+  var className = _ref.className,
+      _ref$mediaQueries = _ref.mediaQueries,
+      mediaQueries = _ref$mediaQueries === void 0 ? {} : _ref$mediaQueries,
+      plugin = _ref.plugin,
+      variant = _ref.variant,
+      _ref$variants = _ref.variants,
+      variants = _ref$variants === void 0 ? {} : _ref$variants,
+      _ref$visible = _ref.visible,
+      visible = _ref$visible === void 0 ? true : _ref$visible,
+      combinedProps = _objectWithoutPropertiesLoose(_ref, ["className", "mediaQueries", "plugin", "variant", "variants", "visible"]);
+
+  var restProps = {};
+  var styleProps = {};
+
+  var isStyleProp = function isStyleProp(prop) {
+    return stylePropNames.indexOf(prop) > -1 || pseudoPropNames.indexOf(prop) > -1 || plugin && plugin.styleProps.indexOf(prop) > -1;
+  };
+
+  for (var prop in combinedProps) {
+    var value = combinedProps[prop];
+
+    if (isStyleProp(prop)) {
+      styleProps[prop] = value;
+    } else {
+      restProps[prop] = value;
+    }
+  }
+
+  return _objectSpread(_objectSpread({}, restProps), {}, {
+    className: className ? "uikit-reset " + className : "uikit-reset",
+    css: function css(theme) {
+      var propStyles = {};
+
+      for (var _prop in styleProps) {
+        var _value = styleProps[_prop];
+
+        if (stylePropNames.indexOf(_prop) > -1 || plugin && plugin.styleProps.indexOf(_prop) > -1) {
+          propStyles[_prop] = _value;
+        } else if (pseudoPropNames.indexOf(_prop) > -1) {
+          propStyles["&:" + _prop] = parsePluginStyles(_value, plugin, theme);
+        }
+      }
+
+      var baseStyles = parsePluginStyles(propStyles, plugin, theme);
+      var mediaQueryStyles = Object.keys(mediaQueries).reduce(function (collection, key) {
+        var themeBreakpoint = theme == null ? void 0 : theme.breakpoints[key];
+        var query = themeBreakpoint ? typeof themeBreakpoint === 'number' ? "@media screen and (min-width: " + themeBreakpoint + "px)" : themeBreakpoint : key;
+        var queryStyles = parsePluginStyles(mediaQueries[key], plugin, theme);
+
+        if (queryStyles.visible !== undefined) {
+          queryStyles.display = queryStyles.visible ? baseStyles.display : 'none';
+          delete queryStyles.visible;
+        }
+
+        collection[query] = queryStyles;
+        return collection;
+      }, {});
+
+      var mergeVariantsIntoStyles = function mergeVariantsIntoStyles(styles) {
+        var variants = styles.variants,
+            restStyles = _objectWithoutPropertiesLoose(styles, ["variants"]);
+
+        if (variants) {
+          return _objectSpread(_objectSpread({}, restStyles), getVariantStyles(variants));
+        } else {
+          return styles;
+        }
+      };
+
+      var getVariantStyles = function getVariantStyles(variants) {
+        return Object.keys(variants).reduce(function (mergedStyles, key) {
+          var styles = parsePluginStyles(variants[key], plugin, theme);
+
+          if (styles.visible !== undefined) {
+            styles.display = styles.visible ? baseStyles.display : 'none';
+            delete styles.visible;
+          }
+
+          if (variant.includes(key)) {
+            return _objectSpread(_objectSpread({}, mergedStyles), mergeVariantsIntoStyles(styles));
+          } else if (pseudoPropNames.includes(key)) {
+            var _objectSpread2;
+
+            return _objectSpread(_objectSpread({}, mergedStyles), {}, (_objectSpread2 = {}, _objectSpread2[":" + key] = mergeVariantsIntoStyles(styles), _objectSpread2));
+          } else {
+            return mergedStyles;
+          }
+        }, {});
+      };
+
+      var variantStyles = getVariantStyles(variants);
+
+      if (visible === false) {
+        baseStyles.display = 'none';
+      }
+
+      return [baseStyles, mediaQueryStyles, variantStyles];
+    }
+  });
+}

package/dist/esm/system/style-names.js

@@ -0,0 +1,5 @@
+export var nativeStyleNames = ['alignContent', 'alignItems', 'alignSelf', 'alignmentBaseline', 'animation', 'animationDelay', 'animationDirection', 'animationDuration', 'animationFillMode', 'animationIterationCount', 'animationName', 'animationPlayState', 'animationTimingFunction', 'backfaceVisibility', 'background', 'backgroundAttachment', 'backgroundBlendMode', 'backgroundClip', 'backgroundImage', 'backgroundOrigin', 'backgroundPosition', 'backgroundPositionX', 'backgroundPositionY', 'backgroundRepeat', 'backgroundSize', 'baselineShift', 'border', 'borderBottom', 'borderBottomLeftRadius', 'borderBottomRightRadius', 'borderBottomStyle', 'borderBottomWidth', 'borderCollapse', 'borderImage', 'borderImageOutset', 'borderImageRepeat', 'borderImageSlice', 'borderImageSource', 'borderImageWidth', 'borderLeft', 'borderLeftStyle', 'borderLeftWidth', 'borderRadius', 'borderRight', 'borderRightStyle', 'borderRightWidth', 'borderSpacing', 'borderStyle', 'borderTop', 'borderTopLeftRadius', 'borderTopRightRadius', 'borderTopStyle', 'borderTopWidth', 'borderWidth', 'bottom', 'boxShadow', 'boxSizing', 'breakAfter', 'breakBefore', 'breakInside', 'clear', 'clip', 'clipPath', 'clipRule', 'columnCount', 'columnFill', 'columnGap', 'columnRule', 'columnRuleColor', 'columnRuleStyle', 'columnRuleWidth', 'columnSpan', 'columnWidth', 'columns', 'contain', 'content', 'counterIncrement', 'counterReset', 'cursor', 'direction', 'display', 'fillOpacity', 'fillRule', 'filter', 'flex', 'flexBasis', 'flexDirection', 'flexFlow', 'flexGrow', 'flexShrink', 'flexWrap', 'font', 'fontFamily', 'fontFeatureSettings', 'fontKerning', 'fontSize', 'fontStretch', 'fontStyle', 'fontVariant', 'fontVariantCaps', 'fontVariantLigatures', 'fontVariantNumeric', 'fontWeight', 'gap', 'gridArea', 'gridAutoColumns', 'gridAutoFlow', 'gridAutoRows', 'gridColumn', 'gridColumnEnd', 'gridColumnGap', 'gridColumnStart', 'gridGap', 'gridRow', 'gridRowEnd', 'gridRowGap', 'gridRowStart', 'gridTemplate', 'gridTemplateAreas', 'gridTemplateColumns', 'gridTemplateRows', 'height', 'imageRendering', 'isolation', 'justifyContent', 'justifyItems', 'justifySelf', 'left', 'letterSpacing', 'lightingColor', 'lineHeight', 'listStyle', 'listStyleImage', 'listStylePosition', 'listStyleType', 'margin', 'marginBottom', 'marginLeft', 'marginRight', 'marginTop', 'mask', 'maskType', 'maxHeight', 'maxWidth', 'minHeight', 'minWidth', 'mixBlendMode', 'motion', 'objectFit', 'objectPosition', 'opacity', 'order', 'outline', 'outlineColor', 'outlineOffset', 'outlineStyle', 'outlineWidth', 'overflow', 'overflowWrap', 'overflowX', 'overflowY', 'padding', 'paddingBottom', 'paddingLeft', 'paddingRight', 'paddingTop', 'pageBreakAfter', 'pageBreakBefore', 'pageBreakInside', 'perspective', 'perspectiveOrigin', 'placeItems', 'placeSelf', 'pointerEvents', 'position', 'resize', 'right', 'strokeDasharray', 'strokeDashoffset', 'strokeLinecap', 'strokeLinejoin', 'strokeMiterlimit', 'strokeOpacity', 'strokeWidth', 'tabSize', 'tableLayout', 'textAlign', 'textDecoration', 'textIndent', 'textOrientation', 'textOverflow', 'textRendering', 'textShadow', 'textTransform', 'top', 'touchAction', 'transform', 'transformOrigin', 'transformStyle', 'transition', 'transitionDelay', 'transitionDuration', 'transitionProperty', 'transitionTimingFunction', 'verticalAlign', 'visibility', 'clipPath', 'filter', 'userSelect', 'WebkitOverflowScrolling', 'writingMode', 'whiteSpace', 'width', 'willChange', 'wordBreak', 'wordSpacing', 'wordWrap', 'zIndex'];
+export var colorStyleNames = ['backgroundColor', 'borderColor', 'borderBottomColor', 'borderLeftColor', 'borderRightColor', 'borderTopColor', 'color', 'fill', 'stroke'];
+export var customStyleNames = ['css', 'column', 'columnStart', 'columnEnd', 'row', 'rowStart', 'rowEnd', 'basis', 'elevation', 'grow', 'marginHorizontal', 'marginVertical', 'paddingHorizontal', 'paddingVertical', 'radius', 'radiusTop', 'radiusRight', 'radiusBottom', 'radiusLeft', 'x', 'y', 'rotate', 'scale', 'uppercase', 'shrink', 'wrap', 'strokeAlign', 'strokeWeight'];
+export var stylePropNames = [].concat(nativeStyleNames, colorStyleNames, customStyleNames);
+export var pseudoPropNames = ['active', 'focus', 'hover'];

package/dist/esm/system/use-css.js

@@ -0,0 +1,10 @@
+import { useCallback } from 'react';
+import { useTheme } from 'emotion-theming';
+import css from './cxs';
+import { parseCssStyles } from './parse-styles';
+export default function useCss() {
+  var theme = useTheme();
+  return useCallback(function (styles) {
+    return css(parseCssStyles(styles, null, theme));
+  }, [theme]);
+}

package/dist/esm/system/utils.js

@@ -0,0 +1,144 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+
+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; }
+
+import { useContext, useCallback } from 'react';
+import { ThemeContext } from '@emotion/core';
+import { darken, getLuminance, lighten, parseToRgb } from 'polished';
+import get from 'lodash.get';
+import { getColor } from './colors';
+import defaultTheme from './default-theme';
+export var spacing = 8;
+export var fontSizeBase = 16;
+export var sizes = ['xxs', 'xs', 'sm', 'md', 'lg', 'xl', 'xxl'];
+export var alignTypes = {
+  baseline: 'baseline',
+  center: 'center',
+  end: 'flex-end',
+  start: 'flex-start',
+  stretch: 'stretch'
+};
+export var justifyTypes = {
+  center: 'center',
+  end: 'flex-end',
+  'space-around': 'space-around',
+  'space-between': 'space-between',
+  'space-evenly': 'space-evenly',
+  start: 'flex-start'
+};
+export function navigateSize(startSize, amount) {
+  var index = sizes.indexOf(startSize);
+  return sizes[index + amount] || startSize;
+}
+export function anyDefined() {
+  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+    args[_key] = arguments[_key];
+  }
+
+  return args.some(function (arg) {
+    return arg !== undefined && arg !== null;
+  });
+}
+export function spacingValue(value) {
+  return typeof value === 'number' ? value * spacing + 'px' : value;
+}
+export function expandDirectionalProperty(name, value) {
+  var values = value.split(/\s+/);
+
+  if (values.length === 1) {
+    var _value = values[0];
+    values = [_value, _value, _value, _value];
+  } else if (values.length === 2) {
+    values = values.concat(values);
+  } else if (values.length === 3) {
+    values.push(values[1]);
+  }
+
+  return ['Top', 'Right', 'Bottom', 'Left'].reduce(function (acc, direction, i) {
+    var _objectSpread2;
+
+    return _objectSpread(_objectSpread({}, acc), {}, (_objectSpread2 = {}, _objectSpread2["" + name + direction] = values[i], _objectSpread2));
+  }, {});
+}
+export function parseSides() {
+  for (var _len2 = arguments.length, sides = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+    sides[_key2] = arguments[_key2];
+  }
+
+  return sides.reduce(function (acc, side) {
+    if (typeof side === 'string') {
+      return side;
+    } else if (side !== null && typeof side !== 'undefined') {
+      return side * spacing + 'px';
+    }
+
+    return acc;
+  }, 0);
+}
+export function parseColor(color) {
+  if (typeof color === 'object') {
+    var parsedColor = getColor(color.base) || color.base;
+
+    if (parsedColor === 'transparent') {
+      return parsedColor;
+    }
+
+    if (color.darken) {
+      parsedColor = darken(color.darken, parsedColor);
+    }
+
+    if (color.lighten) {
+      parsedColor = lighten(color.lighten, parsedColor);
+    }
+
+    if (typeof color.alpha !== 'undefined') {
+      var _parseToRgb = parseToRgb(parsedColor),
+          red = _parseToRgb.red,
+          green = _parseToRgb.green,
+          blue = _parseToRgb.blue;
+
+      return "rgba(" + red + ", " + green + ", " + blue + ", " + color.alpha + ")";
+    } else {
+      return parsedColor;
+    }
+  }
+
+  return getColor(color) || color;
+}
+export function isLightColor(color) {
+  if (color === 'transparent') {
+    return null;
+  }
+
+  try {
+    return getLuminance(parseColor(color)) > 0.5;
+  } catch (err) {
+    return null;
+  }
+}
+export function getForegroundColor(color) {
+  return isLightColor(color) ? 'dark-9' : 'light-9';
+}
+export function useThemeValue(path, defaultValue) {
+  var userTheme = useContext(ThemeContext);
+  return path ? get(userTheme, path, defaultValue || get(defaultTheme, path)) : userTheme || defaultTheme;
+}
+export function useThemeProps(path, props) {
+  return _objectSpread(_objectSpread({}, useThemeValue(path)), props);
+}
+export function useBoxSize(size) {
+  if (size === void 0) {
+    size = 'md';
+  }
+
+  var boxSizes = useThemeValue('boxSizes');
+  var navigateSize = useCallback(function (amount) {
+    var index = Object.keys(boxSizes).indexOf(size);
+    return sizes[index + amount] || size;
+  }, [size]);
+  return _objectSpread(_objectSpread({}, boxSizes[size] || {}), {}, {
+    navigateSize: navigateSize
+  });
+}