@planningcenter/tapestry-react 2.9.2 → 2.10.0-rc.2

package/dist/esm/system/default-theme.js

@@ -1,68 +0,0 @@
-import * as general from '@planningcenter/icons/paths/general';
-import * as tapestry from '@planningcenter/icons/paths/tapestry';
-import { boxSizes } from './box-sizes';
-import { buttonThemes } from './button-themes';
-import { colors } from './colors';
-var controlStyles = {
-  fill: 'surfaceTertiary',
-  stroke: 'separatorSecondary',
-  focusStroke: 'blue-5',
-  checkedFill: 'primary-light',
-  checkedStroke: 'primary'
-};
-var defaultTheme = {
-  id: 'default',
-  boxSizes: boxSizes,
-  colors: colors,
-  icons: {
-    general: general,
-    tapestry: tapestry
-  },
-  breakpoints: {
-    xs: 480,
-    sm: 600,
-    md: 720,
-    lg: 960,
-    xl: 1200
-  },
-  button: {
-    themes: buttonThemes
-  },
-  calendar: {
-    weekStartsOn: 0
-  },
-  checkbox: controlStyles,
-  radio: controlStyles,
-  elevations: ['0 2px 5px rgba(219,219,219,0.3)', '0 4px 12px rgba(0,0,0,0.12)', '0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23)', '0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23)', '0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22)', '0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22)'],
-  fontSizes: [30, 21, 18, 16, 14, 12, 10],
-  lineHeights: [40, 32, 24, 24, 20, 16, 16],
-  group: {
-    radius: 3
-  },
-  spinner: {
-    color: 'primary',
-    sizes: {
-      xxs: 1.5,
-      xs: 1.75,
-      sm: 2,
-      md: 2.5,
-      lg: 3,
-      xl: 5,
-      xxl: 8
-    },
-    thickness: {
-      xxs: 3,
-      xs: 3,
-      sm: 3,
-      md: 4,
-      lg: 5,
-      xl: 7,
-      xxl: 9
-    },
-    trackColor: 'primary-lighter'
-  },
-  toggleSwitch: {
-    backgroundColor: 'interaction66'
-  }
-};
-export default defaultTheme;

package/dist/esm/system/index.js

@@ -1,17 +0,0 @@
-export { boxSizes, getBoxSize } from './box-sizes';
-export { colors, createTones, eachPalette, flattenPalette, generateColorScale, getColor, palette, setAlphaChannel } from './colors';
-export { default as css } from './css';
-export { default as defaultTheme } from './default-theme';
-export { default as border } from './plugins/border';
-export { default as color } from './plugins/color';
-export { default as elevation } from './plugins/elevation';
-export { default as flex } from './plugins/flex';
-export { default as misc } from './plugins/misc';
-export { default as position } from './plugins/position';
-export { default as size } from './plugins/size';
-export { default as space } from './plugins/space';
-export { default as stroke } from './plugins/stroke';
-export { default as typography } from './plugins/typography';
-export { default as splitStyles } from './split-styles';
-export { default as useCss } from './use-css';
-export { getForegroundColor, isLightColor, navigateSize, parseColor, spacing, spacingValue, useBoxSize, useThemeProps, useThemeValue } from './utils';

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

@@ -1,47 +0,0 @@
-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 stylePlugins from './plugins';
-import { colorStyleNames } from './style-names';
-var pluginCount = stylePlugins.length;
-export function parsePluginStyles(initialStyles, componentPlugin, theme) {
-  if (initialStyles === void 0) {
-    initialStyles = {};
-  }
-
-  var nextStyles = _objectSpread({}, initialStyles);
-
-  if (componentPlugin) {
-    nextStyles = componentPlugin.getStyles(nextStyles, theme);
-  }
-
-  for (var index = 0; index < pluginCount; index++) {
-    var stylePlugin = stylePlugins[index];
-    nextStyles = stylePlugin(nextStyles, theme);
-  }
-
-  if (nextStyles.css) {
-    nextStyles = _objectSpread(_objectSpread({}, nextStyles), parseCssStyles(nextStyles.css, componentPlugin, theme));
-    delete nextStyles.css;
-  }
-
-  return nextStyles;
-}
-export function parseStyles(style, plugin, theme) {
-  var parsedStyle = {};
-
-  for (var prop in style) {
-    var value = style[prop];
-    parsedStyle[prop] = colorStyleNames.indexOf(prop) === -1 && typeof value === 'object' ? parseStyles(value, plugin, theme) : value;
-  }
-
-  return parsePluginStyles(parsedStyle, plugin, theme);
-}
-export function parseCssStyles(style, plugin, theme) {
-  return style ? style.constructor === Array ? style.reduce(function (collection, styles) {
-    return _objectSpread(_objectSpread({}, collection), parseStyles(styles, plugin, theme));
-  }, {}) : parseStyles(style, plugin, theme) : null;
-}

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

@@ -1,85 +0,0 @@
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-
-function appendPixel(value) {
-  return typeof value === 'number' ? value + 'px' : value;
-}
-
-function border(_ref) {
-  var borderWidth = _ref.borderWidth,
-      borderTopWidth = _ref.borderTopWidth,
-      borderRightWidth = _ref.borderRightWidth,
-      borderBottomWidth = _ref.borderBottomWidth,
-      borderLeftWidth = _ref.borderLeftWidth,
-      radius = _ref.radius,
-      radiusTop = _ref.radiusTop,
-      radiusRight = _ref.radiusRight,
-      radiusBottom = _ref.radiusBottom,
-      radiusLeft = _ref.radiusLeft,
-      styles = _objectWithoutPropertiesLoose(_ref, ["borderWidth", "borderTopWidth", "borderRightWidth", "borderBottomWidth", "borderLeftWidth", "radius", "radiusTop", "radiusRight", "radiusBottom", "radiusLeft"]);
-
-  if (typeof borderWidth !== 'undefined') {
-    styles.borderTopWidth = appendPixel(borderWidth);
-    styles.borderRightWidth = appendPixel(borderWidth);
-    styles.borderBottomWidth = appendPixel(borderWidth);
-    styles.borderLeftWidth = appendPixel(borderWidth);
-  }
-
-  if (typeof borderTopWidth !== 'undefined') {
-    styles.borderTopWidth = appendPixel(borderTopWidth);
-  }
-
-  if (typeof borderRightWidth !== 'undefined') {
-    styles.borderRightWidth = appendPixel(borderRightWidth);
-  }
-
-  if (typeof borderBottomWidth !== 'undefined') {
-    styles.borderBottomWidth = appendPixel(borderBottomWidth);
-  }
-
-  if (typeof borderLeftWidth !== 'undefined') {
-    styles.borderLeftWidth = appendPixel(borderLeftWidth);
-  }
-
-  if (typeof radius !== 'undefined') {
-    if (radius === 'circle') {
-      styles.borderRadius = '100%';
-    } else if (radius === 'pill') {
-      styles.borderRadius = '10em';
-    } else if (radius === 'pill-left') {
-      styles.borderTopLeftRadius = '10em';
-      styles.borderBottomLeftRadius = '10em';
-    } else if (radius === 'pill-right') {
-      styles.borderTopRightRadius = '10em';
-      styles.borderBottomRightRadius = '10em';
-    } else {
-      styles.borderTopLeftRadius = appendPixel(radius);
-      styles.borderTopRightRadius = appendPixel(radius);
-      styles.borderBottomRightRadius = appendPixel(radius);
-      styles.borderBottomLeftRadius = appendPixel(radius);
-    }
-  }
-
-  if (typeof radiusTop !== 'undefined') {
-    styles.borderTopLeftRadius = appendPixel(radiusTop);
-    styles.borderTopRightRadius = appendPixel(radiusTop);
-  }
-
-  if (typeof radiusRight !== 'undefined') {
-    styles.borderTopRightRadius = appendPixel(radiusRight);
-    styles.borderBottomRightRadius = appendPixel(radiusRight);
-  }
-
-  if (typeof radiusBottom !== 'undefined') {
-    styles.borderBottomRightRadius = appendPixel(radiusBottom);
-    styles.borderBottomLeftRadius = appendPixel(radiusBottom);
-  }
-
-  if (typeof radiusLeft !== 'undefined') {
-    styles.borderTopLeftRadius = appendPixel(radiusLeft);
-    styles.borderBottomLeftRadius = appendPixel(radiusLeft);
-  }
-
-  return styles;
-}
-
-export default border;

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

@@ -1,40 +0,0 @@
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import { parseColor } from '../utils';
-import { getCSSProperty } from '../../utils';
-
-function color(_ref, theme) {
-  var backgroundColor = _ref.backgroundColor,
-      borderColor = _ref.borderColor,
-      borderBottomColor = _ref.borderBottomColor,
-      borderLeftColor = _ref.borderLeftColor,
-      borderRightColor = _ref.borderRightColor,
-      borderTopColor = _ref.borderTopColor,
-      color = _ref.color,
-      fill = _ref.fill,
-      outlineColor = _ref.outlineColor,
-      stroke = _ref.stroke,
-      styles = _objectWithoutPropertiesLoose(_ref, ["backgroundColor", "borderColor", "borderBottomColor", "borderLeftColor", "borderRightColor", "borderTopColor", "color", "fill", "outlineColor", "stroke"]);
-
-  var colorProps = {
-    backgroundColor: backgroundColor,
-    borderColor: borderColor,
-    borderBottomColor: borderBottomColor,
-    borderLeftColor: borderLeftColor,
-    borderRightColor: borderRightColor,
-    borderTopColor: borderTopColor,
-    color: color,
-    fill: fill,
-    outlineColor: outlineColor,
-    stroke: stroke
-  };
-  Object.keys(colorProps).forEach(function (key) {
-    var colorProp = colorProps[key];
-
-    if (colorProp) {
-      styles[key] = theme && theme.colors ? theme.colors[colorProp] ? getCSSProperty('colors', colorProp) : parseColor(colorProp) : parseColor(colorProp);
-    }
-  });
-  return styles;
-}
-
-export default color;

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

@@ -1,14 +0,0 @@
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-
-function elevation(_ref, theme) {
-  var _elevation = _ref.elevation,
-      styles = _objectWithoutPropertiesLoose(_ref, ["elevation"]);
-
-  if (typeof _elevation !== 'undefined') {
-    styles.boxShadow = theme.elevations[parseFloat(_elevation) - 1];
-  }
-
-  return styles;
-}
-
-export default elevation;

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

@@ -1,75 +0,0 @@
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import { alignTypes, justifyTypes, spacingValue } from '../utils';
-
-function flex(_ref) {
-  if (_ref === void 0) {
-    _ref = {};
-  }
-
-  var _ref2 = _ref,
-      alignItems = _ref2.alignItems,
-      alignSelf = _ref2.alignSelf,
-      basis = _ref2.basis,
-      direction = _ref2.direction,
-      flexBasis = _ref2.flexBasis,
-      flexGrow = _ref2.flexGrow,
-      flexShrink = _ref2.flexShrink,
-      flexWrap = _ref2.flexWrap,
-      grow = _ref2.grow,
-      justifyContent = _ref2.justifyContent,
-      shrink = _ref2.shrink,
-      wrap = _ref2.wrap,
-      styles = _objectWithoutPropertiesLoose(_ref2, ["alignItems", "alignSelf", "basis", "direction", "flexBasis", "flexGrow", "flexShrink", "flexWrap", "grow", "justifyContent", "shrink", "wrap"]);
-
-  if (direction) {
-    styles.flexDirection = direction;
-  }
-
-  if (typeof wrap === 'undefined') {
-    wrap = flexWrap;
-  }
-
-  if (typeof wrap !== 'undefined') {
-    styles.flexWrap = wrap === 'reverse' ? 'wrap-reverse' : wrap === true || wrap === 'wrap' ? 'wrap' : 'nowrap';
-  }
-
-  if (typeof grow === 'undefined') {
-    grow = flexGrow;
-  }
-
-  if (typeof grow !== 'undefined') {
-    styles.flexGrow = grow === true ? 1 : grow;
-  }
-
-  if (typeof shrink === 'undefined') {
-    shrink = flexShrink;
-  }
-
-  if (typeof shrink !== 'undefined') {
-    styles.flexShrink = shrink === true ? 1 : shrink;
-  }
-
-  if (typeof basis === 'undefined') {
-    basis = flexBasis;
-  }
-
-  if (typeof basis !== 'undefined') {
-    styles.flexBasis = spacingValue(basis);
-  }
-
-  if (justifyContent) {
-    styles.justifyContent = justifyTypes[justifyContent] || justifyContent;
-  }
-
-  if (alignItems) {
-    styles.alignItems = alignTypes[alignItems] || alignItems;
-  }
-
-  if (alignSelf) {
-    styles.alignSelf = alignTypes[alignSelf] || alignSelf;
-  }
-
-  return styles;
-}
-
-export default flex;

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

@@ -1,44 +0,0 @@
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-
-function grid(_ref) {
-  if (_ref === void 0) {
-    _ref = {};
-  }
-
-  var _ref2 = _ref,
-      column = _ref2.column,
-      columnStart = _ref2.columnStart,
-      columnEnd = _ref2.columnEnd,
-      row = _ref2.row,
-      rowStart = _ref2.rowStart,
-      rowEnd = _ref2.rowEnd,
-      styles = _objectWithoutPropertiesLoose(_ref2, ["column", "columnStart", "columnEnd", "row", "rowStart", "rowEnd"]);
-
-  if (column !== undefined && styles.gridColumn === undefined) {
-    styles.gridColumn = column;
-  }
-
-  if (columnStart !== undefined && styles.gridColumnStart === undefined) {
-    styles.gridColumnStart = columnStart;
-  }
-
-  if (columnEnd !== undefined && styles.gridColumnEnd === undefined) {
-    styles.gridColumnEnd = columnEnd;
-  }
-
-  if (row !== undefined && styles.gridRow === undefined) {
-    styles.gridRow = row;
-  }
-
-  if (rowStart !== undefined && styles.gridRowStart === undefined) {
-    styles.gridRowStart = rowStart;
-  }
-
-  if (rowEnd !== undefined && styles.gridRowEnd === undefined) {
-    styles.gridRowEnd = rowEnd;
-  }
-
-  return styles;
-}
-
-export default grid;

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

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

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

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

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

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

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