@planningcenter/tapestry-react 0.0.1-alpha.0

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

@@ -0,0 +1,34 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports["default"] = void 0;
+
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+
+var _utils = require("../utils");
+
+function misc(_ref) {
+  var lineHeight = _ref.lineHeight,
+      uppercase = _ref.uppercase,
+      styles = (0, _objectWithoutPropertiesLoose2["default"])(_ref, ["lineHeight", "uppercase"]);
+
+  if (styles.boxShadow && styles.boxShadow.constructor === Array) {
+    styles.boxShadow = styles.boxShadow.join(', ');
+  }
+
+  if (typeof lineHeight !== 'undefined') {
+    styles.lineHeight = typeof lineHeight === 'number' ? (0, _utils.spacingValue)(lineHeight) : lineHeight;
+  }
+
+  if (uppercase) {
+    styles.textTransform = 'uppercase';
+    styles.letterSpacing = '0.15em';
+  }
+
+  return styles;
+}
+
+var _default = misc;
+exports["default"] = _default;

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

@@ -0,0 +1,49 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports["default"] = void 0;
+
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+
+var _utils = require("../utils");
+
+function position(_ref) {
+  var position = _ref.position,
+      top = _ref.top,
+      right = _ref.right,
+      bottom = _ref.bottom,
+      left = _ref.left,
+      zIndex = _ref.zIndex,
+      styles = (0, _objectWithoutPropertiesLoose2["default"])(_ref, ["position", "top", "right", "bottom", "left", "zIndex"]);
+
+  if (position) {
+    styles.position = position;
+  }
+
+  if (typeof top !== 'undefined') {
+    styles.top = (0, _utils.spacingValue)(top);
+  }
+
+  if (typeof right !== 'undefined') {
+    styles.right = (0, _utils.spacingValue)(right);
+  }
+
+  if (typeof bottom !== 'undefined') {
+    styles.bottom = (0, _utils.spacingValue)(bottom);
+  }
+
+  if (typeof left !== 'undefined') {
+    styles.left = (0, _utils.spacingValue)(left);
+  }
+
+  if (typeof zIndex !== 'undefined') {
+    styles.zIndex = zIndex;
+  }
+
+  return styles;
+}
+
+var _default = position;
+exports["default"] = _default;

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

@@ -0,0 +1,39 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports["default"] = void 0;
+
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+
+var _utils = require("../utils");
+
+function size(_ref) {
+  var width = _ref.width,
+      height = _ref.height,
+      minWidth = _ref.minWidth,
+      minHeight = _ref.minHeight,
+      maxWidth = _ref.maxWidth,
+      maxHeight = _ref.maxHeight,
+      styles = (0, _objectWithoutPropertiesLoose2["default"])(_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] = (0, _utils.spacingValue)(value);
+    }
+  });
+  return styles;
+}
+
+var _default = size;
+exports["default"] = _default;

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

@@ -0,0 +1,112 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports["default"] = void 0;
+
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+
+var _utils = require("../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 = (0, _objectWithoutPropertiesLoose2["default"])(_ref, ["padding", "paddingHorizontal", "paddingVertical", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "margin", "marginHorizontal", "marginVertical", "marginTop", "marginRight", "marginBottom", "marginLeft", "gap", "columnGap", "rowGap"]);
+
+  if ((0, _utils.anyDefined)(padding)) {
+    if (typeof padding === 'string') {
+      var paddingStyles = (0, _utils.expandDirectionalProperty)('padding', padding);
+      styles.paddingTop = paddingStyles.paddingTop;
+      styles.paddingRight = paddingStyles.paddingRight;
+      styles.paddingBottom = paddingStyles.paddingBottom;
+      styles.paddingLeft = paddingStyles.paddingLeft;
+    } else {
+      var paddingValue = (0, _utils.parseSides)(padding);
+      styles.paddingTop = paddingValue;
+      styles.paddingRight = paddingValue;
+      styles.paddingBottom = paddingValue;
+      styles.paddingLeft = paddingValue;
+    }
+  }
+
+  if ((0, _utils.anyDefined)(paddingVertical, paddingTop)) {
+    styles.paddingTop = (0, _utils.parseSides)(paddingVertical, paddingTop);
+  }
+
+  if ((0, _utils.anyDefined)(paddingHorizontal, paddingRight)) {
+    styles.paddingRight = (0, _utils.parseSides)(paddingHorizontal, paddingRight);
+  }
+
+  if ((0, _utils.anyDefined)(paddingVertical, paddingBottom)) {
+    styles.paddingBottom = (0, _utils.parseSides)(paddingVertical, paddingBottom);
+  }
+
+  if ((0, _utils.anyDefined)(paddingHorizontal, paddingLeft)) {
+    styles.paddingLeft = (0, _utils.parseSides)(paddingHorizontal, paddingLeft);
+  }
+
+  if ((0, _utils.anyDefined)(margin)) {
+    if (typeof margin === 'string') {
+      var marginStyles = (0, _utils.expandDirectionalProperty)('margin', margin);
+      styles.marginTop = marginStyles.marginTop;
+      styles.marginRight = marginStyles.marginRight;
+      styles.marginBottom = marginStyles.marginBottom;
+      styles.marginLeft = marginStyles.marginLeft;
+    } else {
+      var marginValue = (0, _utils.parseSides)(margin);
+      styles.marginTop = marginValue;
+      styles.marginRight = marginValue;
+      styles.marginBottom = marginValue;
+      styles.marginLeft = marginValue;
+    }
+  }
+
+  if ((0, _utils.anyDefined)(marginVertical, marginTop)) {
+    styles.marginTop = (0, _utils.parseSides)(marginVertical, marginTop);
+  }
+
+  if ((0, _utils.anyDefined)(marginHorizontal, marginRight)) {
+    styles.marginRight = (0, _utils.parseSides)(marginHorizontal, marginRight);
+  }
+
+  if ((0, _utils.anyDefined)(marginVertical, marginBottom)) {
+    styles.marginBottom = (0, _utils.parseSides)(marginVertical, marginBottom);
+  }
+
+  if ((0, _utils.anyDefined)(marginHorizontal, marginLeft)) {
+    styles.marginLeft = (0, _utils.parseSides)(marginHorizontal, marginLeft);
+  }
+
+  if (gap !== undefined) {
+    styles.gap = (0, _utils.spacingValue)(gap);
+  }
+
+  if (columnGap !== undefined) {
+    styles.columnGap = (0, _utils.spacingValue)(columnGap);
+  }
+
+  if (rowGap !== undefined) {
+    styles.rowGap = (0, _utils.spacingValue)(rowGap);
+  }
+
+  return styles;
+}
+
+var _default = space;
+exports["default"] = _default;

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

@@ -0,0 +1,48 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports["default"] = void 0;
+
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+
+var _utils = require("../utils");
+
+var _utils2 = require("../../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 = (0, _objectWithoutPropertiesLoose2["default"])(_ref, ["stroke", "strokeAlign", "strokeOpacity", "strokeWeight"]);
+
+  if (_stroke && strokeWeight) {
+    var color = theme && theme.colors ? theme.colors[_stroke] ? (0, _utils2.getCSSProperty)('colors', _stroke) : (0, _utils.parseColor)(_stroke) : (0, _utils.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;
+}
+
+var _default = stroke;
+exports["default"] = _default;

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

@@ -0,0 +1,46 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports["default"] = void 0;
+
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+
+function transform(_ref) {
+  var x = _ref.x,
+      y = _ref.y,
+      scale = _ref.scale,
+      rotate = _ref.rotate,
+      styles = (0, _objectWithoutPropertiesLoose2["default"])(_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;
+}
+
+var _default = transform;
+exports["default"] = _default;

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

@@ -0,0 +1,23 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports["default"] = void 0;
+
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+
+function typography(_ref, theme) {
+  var fontSize = _ref.fontSize,
+      styles = (0, _objectWithoutPropertiesLoose2["default"])(_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;
+}
+
+var _default = typography;
+exports["default"] = _default;

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

@@ -0,0 +1,119 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports["default"] = _default;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+
+var _styleNames = require("./style-names");
+
+var _parseStyles = require("./parse-styles");
+
+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) { (0, _defineProperty2["default"])(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 _default(_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 = (0, _objectWithoutPropertiesLoose2["default"])(_ref, ["className", "mediaQueries", "plugin", "variant", "variants", "visible"]);
+  var restProps = {};
+  var styleProps = {};
+
+  var isStyleProp = function isStyleProp(prop) {
+    return _styleNames.stylePropNames.indexOf(prop) > -1 || _styleNames.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 (_styleNames.stylePropNames.indexOf(_prop) > -1 || plugin && plugin.styleProps.indexOf(_prop) > -1) {
+          propStyles[_prop] = _value;
+        } else if (_styleNames.pseudoPropNames.indexOf(_prop) > -1) {
+          propStyles["&:" + _prop] = (0, _parseStyles.parsePluginStyles)(_value, plugin, theme);
+        }
+      }
+
+      var baseStyles = (0, _parseStyles.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 = (0, _parseStyles.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 = (0, _objectWithoutPropertiesLoose2["default"])(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 = (0, _parseStyles.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 (_styleNames.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/cjs/system/style-names.js

@@ -0,0 +1,14 @@
+"use strict";
+
+exports.__esModule = true;
+exports.pseudoPropNames = exports.stylePropNames = exports.customStyleNames = exports.colorStyleNames = exports.nativeStyleNames = void 0;
+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'];
+exports.nativeStyleNames = nativeStyleNames;
+var colorStyleNames = ['backgroundColor', 'borderColor', 'borderBottomColor', 'borderLeftColor', 'borderRightColor', 'borderTopColor', 'color', 'fill', 'stroke'];
+exports.colorStyleNames = colorStyleNames;
+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'];
+exports.customStyleNames = customStyleNames;
+var stylePropNames = [].concat(nativeStyleNames, colorStyleNames, customStyleNames);
+exports.stylePropNames = stylePropNames;
+var pseudoPropNames = ['active', 'focus', 'hover'];
+exports.pseudoPropNames = pseudoPropNames;

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

@@ -0,0 +1,21 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports["default"] = useCss;
+
+var _react = require("react");
+
+var _emotionTheming = require("emotion-theming");
+
+var _cxs = _interopRequireDefault(require("./cxs"));
+
+var _parseStyles = require("./parse-styles");
+
+function useCss() {
+  var theme = (0, _emotionTheming.useTheme)();
+  return (0, _react.useCallback)(function (styles) {
+    return (0, _cxs["default"])((0, _parseStyles.parseCssStyles)(styles, null, theme));
+  }, [theme]);
+}