@cloudflare/style-container 7.8.44 → 7.9.0

package/dist/createStyledComponent.d.ts

@@ -19,13 +19,13 @@ declare const shorthandSpacingProps: {
 };
 declare type ShorthandToLonghandMap = typeof shorthandSpacingProps;
 declare type ShorthandSpacingProp = keyof ShorthandToLonghandMap;
-declare const spacingProps: ("p" | "margin" | "marginTop" | "marginRight" | "marginLeft" | "padding" | "paddingTop" | "paddingRight" | "paddingLeft" | "marginBottom" | "paddingBottom" | "gap" | "m" | "ml" | "mr" | "mt" | "mb" | "mx" | "my" | "pl" | "pr" | "pt" | "pb" | "px" | "py")[];
+declare const spacingProps: ("p" | "margin" | "marginLeft" | "marginRight" | "marginTop" | "marginBottom" | "padding" | "paddingLeft" | "paddingRight" | "paddingTop" | "paddingBottom" | "gap" | "m" | "ml" | "mr" | "mt" | "mb" | "mx" | "my" | "pl" | "pr" | "pt" | "pb" | "px" | "py")[];
 declare const sizeProps: readonly ["width", "height", "minWidth", "minHeight", "maxWidth", "maxHeight"];
 declare const colorProps: readonly ["color", "backgroundColor", "borderColor", "borderLeftColor", "borderRightColor", "borderTopColor", "borderBottomColor"];
 declare const borderStyleProps: readonly ["borderStyle", "borderTopStyle", "borderBottomStyle", "borderLeftStyle", "borderRightStyle"];
 declare const borderWidthProps: readonly ["borderWidth", "borderTopWidth", "borderBottomWidth", "borderLeftWidth", "borderRightWidth"];
 declare const borderRadiusProps: readonly ["borderRadius", "borderTopLeftRadius", "borderTopRightRadius", "borderBottomLeftRadius", "borderbottomRightRadius"];
-export declare const styleRuleProps: ("p" | "color" | "height" | "width" | "cursor" | "display" | "fontSize" | "fontWeight" | "textDecoration" | "textAlign" | "backgroundColor" | "borderColor" | "borderLeftColor" | "borderRightColor" | "borderTopColor" | "borderBottomColor" | "minWidth" | "minHeight" | "maxWidth" | "maxHeight" | "margin" | "marginTop" | "marginRight" | "marginLeft" | "padding" | "paddingTop" | "paddingRight" | "paddingLeft" | "borderRadius" | "verticalAlign" | "alignItems" | "alignSelf" | "borderBottomLeftRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderLeftStyle" | "borderLeftWidth" | "borderRightStyle" | "borderRightWidth" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "boxSizing" | "flexBasis" | "flexDirection" | "flexGrow" | "justifyContent" | "marginBottom" | "paddingBottom" | "textTransform" | "borderStyle" | "borderWidth" | "gap" | "m" | "ml" | "mr" | "mt" | "mb" | "mx" | "my" | "pl" | "pr" | "pt" | "pb" | "px" | "py" | "borderbottomRightRadius")[];
+export declare const styleRuleProps: ("p" | "color" | "height" | "width" | "cursor" | "display" | "fontSize" | "fontWeight" | "textDecoration" | "borderColor" | "margin" | "marginLeft" | "marginRight" | "marginTop" | "marginBottom" | "padding" | "paddingLeft" | "paddingRight" | "paddingTop" | "paddingBottom" | "gap" | "m" | "ml" | "mr" | "mt" | "mb" | "mx" | "my" | "pl" | "pr" | "pt" | "pb" | "px" | "py" | "minWidth" | "minHeight" | "maxWidth" | "maxHeight" | "backgroundColor" | "borderLeftColor" | "borderRightColor" | "borderTopColor" | "borderBottomColor" | "borderStyle" | "borderTopStyle" | "borderBottomStyle" | "borderLeftStyle" | "borderRightStyle" | "borderWidth" | "borderTopWidth" | "borderBottomWidth" | "borderLeftWidth" | "borderRightWidth" | "borderRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderBottomLeftRadius" | "borderbottomRightRadius" | "textAlign" | "verticalAlign" | "alignItems" | "alignSelf" | "justifyContent" | "textTransform" | "boxSizing" | "flexDirection" | "flexBasis" | "flexGrow")[];
 export declare function filterStyleProps<Type extends {}>(props: Type): Type;
 declare type StyleRuleProp = typeof styleRuleProps[number];
 declare type ExpandedCSSProperty<P extends StyleRuleProp> = P extends ShorthandSpacingProp ? ShorthandToLonghandMap[P][0] : P;

package/es/applyStaticStyles.js

@@ -1,3 +1,5 @@
+var _excluded = ["theme"];
+
 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; }
@@ -9,20 +11,22 @@ import { withTheme, RendererContext } from 'react-fela'; // eslint-disable-line
 import getReactDisplayName from 'react-display-name';
 
 function applyStaticStyles(staticStyles, ComponentToWrap) {
-  const CompWithStaticStyles = (_ref) => {
+  var CompWithStaticStyles = _ref => {
     var _renderer$renderStati;
 
-    let theme = _ref.theme,
-        passThroughProps = _objectWithoutProperties(_ref, ["theme"]);
+    var {
+      theme
+    } = _ref,
+        passThroughProps = _objectWithoutProperties(_ref, _excluded);
 
-    const renderer = useContext(RendererContext);
-    const contextTheme = theme || {};
-    const result = typeof staticStyles === 'function' ? staticStyles(contextTheme) : staticStyles;
+    var renderer = useContext(RendererContext);
+    var contextTheme = theme || {};
+    var result = typeof staticStyles === 'function' ? staticStyles(contextTheme) : staticStyles;
     renderer === null || renderer === void 0 ? void 0 : (_renderer$renderStati = renderer.renderStatic) === null || _renderer$renderStati === void 0 ? void 0 : _renderer$renderStati.call(renderer, result);
     return /*#__PURE__*/React.createElement(ComponentToWrap, passThroughProps);
   };
 
-  const WithThemeHOC = withTheme(CompWithStaticStyles);
+  var WithThemeHOC = withTheme(CompWithStaticStyles);
   WithThemeHOC.displayName = getReactDisplayName(ComponentToWrap);
   return WithThemeHOC;
 }

package/es/applyTheme.js

@@ -7,7 +7,11 @@ import { withTheme, ThemeProvider } from 'react-fela'; // eslint-disable-line be
 import mergeThemes from './mergeThemes';
 import getReactDisplayName from 'react-display-name';
 
-function applyTheme(ComponentToWrap, ...themes) {
+function applyTheme(ComponentToWrap) {
+  for (var _len = arguments.length, themes = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+    themes[_key - 1] = arguments[_key];
+  }
+
   if (!ComponentToWrap) {
     throw new InvalidComponentError(ComponentToWrap);
   }
@@ -23,7 +27,7 @@ function applyTheme(ComponentToWrap, ...themes) {
 
   _defineProperty(ThemedComponent, "_isFelaComponent", true);
 
-  const WithThemeHOC = withTheme(ThemedComponent);
+  var WithThemeHOC = withTheme(ThemedComponent);
   WithThemeHOC.displayName = getReactDisplayName(ComponentToWrap);
   return WithThemeHOC;
 }
@@ -31,10 +35,7 @@ function applyTheme(ComponentToWrap, ...themes) {
 export default applyTheme;
 export class InvalidComponentError extends Error {
   constructor(component) {
-    super(`applyTheme received an invalid first argument: ${component}`);
-
-    _defineProperty(this, "component", void 0);
-
+    super("applyTheme received an invalid first argument: ".concat(component));
     this.component = component;
   }
 

package/es/createComponent.js

@@ -2,15 +2,13 @@ import isValidElementProp from './isValidElementProp';
 import { createComponent as createFelaComponent } from 'react-fela';
 import getReactDisplayName from 'react-display-name';
 import { objectKeys } from './types';
-const EMPTY_PASSTHROUGH_PROPS = []; // the order of these overloads is important to allow the compiler to
+var EMPTY_PASSTHROUGH_PROPS = []; // the order of these overloads is important to allow the compiler to
 // correctly resolve to the right function signature
 
 function createComponent(rule, base, passthroughProps) {
-  var _base2, _passthroughProps;
+  var _base = base !== null && base !== void 0 ? base : 'div';
 
-  const _base = (_base2 = base) !== null && _base2 !== void 0 ? _base2 : 'div';
-
-  const Component = createFelaComponent(rule, _base, (_passthroughProps = passthroughProps) !== null && _passthroughProps !== void 0 ? _passthroughProps : _base._isFelaComponent ? // fela merges the passthrough props of nested style components,
+  var Component = createFelaComponent(rule, _base, passthroughProps !== null && passthroughProps !== void 0 ? passthroughProps : _base._isFelaComponent ? // fela merges the passthrough props of nested style components,
   // so if we're wrapping another style component we want to defer
   // determining passthrough props to a leaf-level component
   EMPTY_PASSTHROUGH_PROPS : typeof _base !== 'string' ? // A plain React component

package/es/createComponentStyles.js

@@ -2,7 +2,7 @@ import { connect } from 'react-fela'; // eslint-disable-line behance/no-deprecat
 
 import getReactDisplayName from 'react-display-name';
 export function createComponentStyles(styleFunctions, component) {
-  const ConnectedComponent = connect(styleFunctions)(component);
+  var ConnectedComponent = connect(styleFunctions)(component);
   ConnectedComponent.displayName = getReactDisplayName(component);
   return ConnectedComponent;
 }

package/es/createStyledComponent.js

@@ -1,4 +1,6 @@
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
@@ -9,10 +11,10 @@ import createComponent from './createComponent';
 import { variables as theme } from '@cloudflare/style-const'; // eslint-disable-line behance/no-deprecated
 
 import { objectKeys } from './types';
-const sizePropType = PropTypes.oneOfType([PropTypes.string, PropTypes.array, PropTypes.number]);
-const scalePropType = PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.array]);
-const longhandSpacingProps = ['margin', 'marginLeft', 'marginRight', 'marginTop', 'marginBottom', 'padding', 'paddingLeft', 'paddingRight', 'paddingTop', 'paddingBottom', 'gap'];
-const shorthandSpacingProps = {
+var sizePropType = PropTypes.oneOfType([PropTypes.string, PropTypes.array, PropTypes.number]);
+var scalePropType = PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.array]);
+var longhandSpacingProps = ['margin', 'marginLeft', 'marginRight', 'marginTop', 'marginBottom', 'padding', 'paddingLeft', 'paddingRight', 'paddingTop', 'paddingBottom', 'gap'];
+var shorthandSpacingProps = {
   m: ['margin'],
   ml: ['marginLeft'],
   mr: ['marginRight'],
@@ -28,19 +30,19 @@ const shorthandSpacingProps = {
   px: ['paddingLeft', 'paddingRight'],
   py: ['paddingTop', 'paddingBottom']
 };
-const spacingProps = [...longhandSpacingProps, ...objectKeys(shorthandSpacingProps)];
-const sizeProps = ['width', 'height', 'minWidth', 'minHeight', 'maxWidth', 'maxHeight'];
-const colorProps = ['color', 'backgroundColor', 'borderColor', 'borderLeftColor', 'borderRightColor', 'borderTopColor', 'borderBottomColor'];
-const borderStyleProps = ['borderStyle', 'borderTopStyle', 'borderBottomStyle', 'borderLeftStyle', 'borderRightStyle'];
-const borderWidthProps = ['borderWidth', 'borderTopWidth', 'borderBottomWidth', 'borderLeftWidth', 'borderRightWidth'];
-const borderRadiusProps = ['borderRadius', 'borderTopLeftRadius', 'borderTopRightRadius', 'borderBottomLeftRadius', 'borderbottomRightRadius'];
-const additionalProps = ['fontSize', 'fontWeight', 'textAlign', 'display', 'width', 'verticalAlign', 'alignItems', 'alignSelf', 'justifyContent', 'textDecoration', 'textTransform', 'boxSizing', 'cursor', 'flexDirection', 'flexBasis', 'flexGrow'];
-export const styleRuleProps = [...spacingProps, ...sizeProps, ...colorProps, ...borderStyleProps, ...borderWidthProps, ...borderRadiusProps, ...additionalProps];
-const stylesRulePropsSet = new Set(styleRuleProps); // Function to remove styling attributes from a Props object
+var spacingProps = [...longhandSpacingProps, ...objectKeys(shorthandSpacingProps)];
+var sizeProps = ['width', 'height', 'minWidth', 'minHeight', 'maxWidth', 'maxHeight'];
+var colorProps = ['color', 'backgroundColor', 'borderColor', 'borderLeftColor', 'borderRightColor', 'borderTopColor', 'borderBottomColor'];
+var borderStyleProps = ['borderStyle', 'borderTopStyle', 'borderBottomStyle', 'borderLeftStyle', 'borderRightStyle'];
+var borderWidthProps = ['borderWidth', 'borderTopWidth', 'borderBottomWidth', 'borderLeftWidth', 'borderRightWidth'];
+var borderRadiusProps = ['borderRadius', 'borderTopLeftRadius', 'borderTopRightRadius', 'borderBottomLeftRadius', 'borderbottomRightRadius'];
+var additionalProps = ['fontSize', 'fontWeight', 'textAlign', 'display', 'width', 'verticalAlign', 'alignItems', 'alignSelf', 'justifyContent', 'textDecoration', 'textTransform', 'boxSizing', 'cursor', 'flexDirection', 'flexBasis', 'flexGrow'];
+export var styleRuleProps = [...spacingProps, ...sizeProps, ...colorProps, ...borderStyleProps, ...borderWidthProps, ...borderRadiusProps, ...additionalProps];
+var stylesRulePropsSet = new Set(styleRuleProps); // Function to remove styling attributes from a Props object
 
 export function filterStyleProps(props) {
-  let newProps;
-  const properties = Object.keys(props);
+  var newProps;
+  var properties = Object.keys(props);
   properties.forEach(property => {
     if (stylesRulePropsSet.has(property)) {
       newProps = newProps || _objectSpread({}, props);
@@ -51,10 +53,10 @@ export function filterStyleProps(props) {
 }
 // gotta broaden from Set<StyleRuleProp> to a ReadonlySet<string> so we can check
 // if arbitrary strings are in it via propsSet.has(maybeStyleRuleProp)
-const propsSet = new Set(styleRuleProps); // Function to construct the prop types object
+var propsSet = new Set(styleRuleProps); // Function to construct the prop types object
 
-const makePropTypes = () => {
-  const propTypes = {
+var makePropTypes = () => {
+  var propTypes = {
     fontSize: scalePropType,
     textAlign: sizePropType,
     display: sizePropType,
@@ -62,59 +64,59 @@ const makePropTypes = () => {
     verticalAlign: sizePropType
   };
 
-  for (let prop of [...spacingProps, ...borderWidthProps, ...borderRadiusProps]) {
+  for (var prop of [...spacingProps, ...borderWidthProps, ...borderRadiusProps]) {
     propTypes[prop] = scalePropType;
   }
 
-  for (let prop of [...colorProps, ...borderStyleProps]) {
-    propTypes[prop] = PropTypes.string;
+  for (var _prop of [...colorProps, ...borderStyleProps]) {
+    propTypes[_prop] = PropTypes.string;
   }
 
-  for (let prop of sizeProps) {
-    propTypes[prop] = sizePropType;
+  for (var _prop2 of sizeProps) {
+    propTypes[_prop2] = sizePropType;
   }
 
   return propTypes;
 };
 
-const styledPropTypes = makePropTypes(); // Fela rule which turns component props into a style object
+var styledPropTypes = makePropTypes(); // Fela rule which turns component props into a style object
 
-const propsRule = props => Object.keys(props).filter(prop => propsSet.has(prop)).reduce((o, prop) => (o[prop] = props[prop], o), {}); // Static breakpoints
+var propsRule = props => Object.keys(props).filter(prop => propsSet.has(prop)).reduce((o, prop) => (o[prop] = props[prop], o), {}); // Static breakpoints
 
 
-const bp = [null, `tablet`, `desktop`]; // Ensure value is an array
+var bp = [null, "tablet", "desktop"]; // Ensure value is an array
 
-const arr = n => Array.isArray(n) ? n : [n]; // Wrap a value in an object with a property name
+var arr = n => Array.isArray(n) ? n : [n]; // Wrap a value in an object with a property name
 // assignValueToProperty("margin")(32) returns {margin: 32}
 
 
-const assignValueToProperty = property => val => ({
+var assignValueToProperty = property => val => ({
   [property]: val
 }); // Transform object array into breakpoint syntax
 // [{margin: 32}, {margin: 64}] into [{margin: 32}, {"@media screen and (min-width: )": {margin: 64}}]
 
 
-const media = (style, i) => {
+var media = (style, i) => {
   if (style === null || style === undefined) return null;
-  const breakpoint = bp[i];
+  var breakpoint = bp[i];
   return breakpoint ? {
     [breakpoint]: style
   } : style;
 };
 
 // Recursive object merge
-const merge = (a, b) => Object.assign({}, a, b, Object.keys(b).reduce((obj, key) => Object.assign(obj, {
+var merge = (a, b) => Object.assign({}, a, b, Object.keys(b).reduce((obj, key) => Object.assign(obj, {
   [key]: a[key] !== null && typeof a[key] === 'object' ? merge(a[key], b[key]) : b[key]
 }), {}));
 
-const processRules = customRules => {
-  let rules = _objectSpread({}, customRules); // Expand shorthand spacing properties
+var processRules = customRules => {
+  var rules = _objectSpread({}, customRules); // Expand shorthand spacing properties
 
 
   ['padding', 'margin'].forEach(property => {
     if (rules.hasOwnProperty(property)) {
       ['Top', 'Bottom', 'Left', 'Right'].forEach(position => {
-        const attr = `${property}${position}`; // Don't overwrite pre-existing longhand properties
+        var attr = "".concat(property).concat(position); // Don't overwrite pre-existing longhand properties
 
         if (!rules[attr]) {
           rules[attr] = rules[property];
@@ -133,13 +135,13 @@ const processRules = customRules => {
   }); // Convert spacing scales
 
   rules = Object.keys(rules).filter(property => spacingProps.includes(property)).map(property => {
-    const propValues = arr(rules[property]).map(val => theme.space[val] || val).map(assignValueToProperty(property)).map(media).reduce(merge, {});
+    var propValues = arr(rules[property]).map(val => theme.space[val] || val).map(assignValueToProperty(property)).map(media).reduce(merge, {});
     delete rules[property];
     return propValues;
   }).reduce(merge, rules); // Convert colors to theme
 
   rules = Object.keys(rules).filter(property => colorProps.includes(property)).map(property => {
-    const propValues = arr(rules[property]).map(val => {
+    var propValues = arr(rules[property]).map(val => {
       // Handle nested '.' syntax
       if (val && val.includes('.')) {
         // Attempt to access nested values, otherwise return what was passed
@@ -159,21 +161,21 @@ const processRules = customRules => {
   }).reduce(merge, rules); // font-size
 
   if (rules.fontSize) {
-    let fontSize = arr(rules.fontSize).map(val => theme.fontSizes[val] || val).map(assignValueToProperty('fontSize')).map(media).reduce(merge, {});
+    var fontSize = arr(rules.fontSize).map(val => theme.fontSizes[val] || val).map(assignValueToProperty('fontSize')).map(media).reduce(merge, {});
     delete rules.fontSize;
     rules = merge(rules, fontSize);
   } // display
 
 
   if (rules.display) {
-    let display = arr(rules.display).map(assignValueToProperty('display')).map(media).reduce(merge, {});
+    var display = arr(rules.display).map(assignValueToProperty('display')).map(media).reduce(merge, {});
     delete rules.display;
     rules = merge(rules, display);
   } // width
 
 
   if (rules.width) {
-    let width = arr(rules.width).map(assignValueToProperty('width')).map(media).reduce(merge, {});
+    var width = arr(rules.width).map(assignValueToProperty('width')).map(media).reduce(merge, {});
     delete rules.width;
     rules = merge(rules, width);
   }
@@ -181,18 +183,16 @@ const processRules = customRules => {
   return rules;
 };
 
-const emptyRule = () => ({});
-
-const makeStyledRule = rule => {
-  var _rule;
+var emptyRule = () => ({});
 
-  const combinedRules = combineRules((_rule = rule) !== null && _rule !== void 0 ? _rule : emptyRule, propsRule);
+var makeStyledRule = rule => {
+  var combinedRules = combineRules(rule !== null && rule !== void 0 ? rule : emptyRule, propsRule);
   return (props, renderer) => processRules(combinedRules(props, renderer));
 };
 
 function createStyledComponent(rule, type, passthroughProps) {
-  const styledRule = makeStyledRule(rule);
-  const Component = createComponent(styledRule, type, passthroughProps);
+  var styledRule = makeStyledRule(rule);
+  var Component = createComponent(styledRule, type, passthroughProps);
   Component.propTypes = styledPropTypes;
 
   if (typeof type === 'function') {

package/es/index.js

@@ -10,5 +10,5 @@ import createStyledComponent, { filterStyleProps } from './createStyledComponent
 import withRenderer from './withRenderer';
 import { ariaAttributes, isValidElementProp, filterValidElementProps } from './isValidElementProp';
 export * from './types';
-export const withTheme = _withTheme;
+export var withTheme = _withTheme;
 export { createComponent, ariaAttributes, applyTheme, ThemeProvider, FelaTheme, connect, combineRules, createComponentStyles, withRenderer, applyStaticStyles, createStyledComponent, isValidElementProp, filterValidElementProps, filterStyleProps };

package/es/isValidElementProp.js

@@ -1,10 +1,12 @@
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 import memoize from 'lodash/memoize';
 import pickBy from 'lodash/pickBy';
-const globalAttributes = [
+var globalAttributes = [
 /* React-specific Attributes */
 'defaultChecked', 'defaultValue', 'suppressContentEditableWarning', 'suppressHydrationWarning', 'children', 'dangerouslySetInnerHTML',
 /* Standard HTML Attributes */
@@ -19,9 +21,9 @@ const globalAttributes = [
 /* Non-standard Attributes */
 'autoCapitalize', 'autoCorrect', 'autoSave', // 'color', probably best to not allow this attribute
 'itemProp', 'itemScope', 'itemType', 'itemID', 'itemRef', 'results', 'security', 'unselectable'];
-const htmlElements = ['a', 'abbr', 'address', 'area', 'article', 'aside', 'audio', 'b', 'base', 'bdi', 'bdo', 'big', 'blockquote', 'body', 'br', 'button', 'canvas', 'caption', 'cite', 'code', 'col', 'colgroup', 'data', 'datalist', 'dd', 'del', 'details', 'dfn', 'dialog', 'div', 'dl', 'dt', 'em', 'embed', 'fieldset', 'figcaption', 'figure', 'footer', 'form', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'head', 'header', 'hgroup', 'hr', 'html', 'i', 'iframe', 'img', 'input', 'ins', 'kbd', 'keygen', 'label', 'legend', 'li', 'link', 'main', 'map', 'mark', 'menu', 'menuitem', 'meta', 'meter', 'nav', 'noscript', 'object', 'ol', 'optgroup', 'option', 'output', 'p', 'param', 'picture', 'pre', 'progress', 'q', 'rp', 'rt', 'ruby', 's', 'samp', 'script', 'section', 'select', 'small', 'source', 'span', 'strong', 'style', 'sub', 'summary', 'sup', 'table', 'tbody', 'td', 'textarea', 'tfoot', 'th', 'thead', 'time', 'title', 'tr', 'track', 'u', 'ul', 'var', 'video', 'wbr'];
-export const ariaAttributes = ['aria-activedescendant', 'aria-atomic', 'aria-autocomplete', 'aria-busy', 'aria-checked', 'aria-colcount', 'aria-colindex', 'aria-colspan', 'aria-controls', 'aria-current', 'aria-describedby', 'aria-details', 'aria-disabled', 'aria-dropeffect', 'aria-errormessage', 'aria-expanded', 'aria-flowto', 'aria-grabbed', 'aria-haspopup', 'aria-hidden', 'aria-invalid', 'aria-keyshortcuts', 'aria-label', 'aria-labelledby', 'aria-level', 'aria-live', 'aria-modal', 'aria-multiline', 'aria-multiselectable', 'aria-orientation', 'aria-owns', 'aria-placeholder', 'aria-posinset', 'aria-pressed', 'aria-readonly', 'aria-relevant', 'aria-required', 'aria-roledescription', 'aria-rowcount', 'aria-rowindex', 'aria-rowspan', 'aria-selected', 'aria-setsize', 'aria-sort', 'aria-valuemax', 'aria-valuemin', 'aria-valuenow', 'aria-valuetext'];
-const extendedAttributes = {
+var htmlElements = ['a', 'abbr', 'address', 'area', 'article', 'aside', 'audio', 'b', 'base', 'bdi', 'bdo', 'big', 'blockquote', 'body', 'br', 'button', 'canvas', 'caption', 'cite', 'code', 'col', 'colgroup', 'data', 'datalist', 'dd', 'del', 'details', 'dfn', 'dialog', 'div', 'dl', 'dt', 'em', 'embed', 'fieldset', 'figcaption', 'figure', 'footer', 'form', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'head', 'header', 'hgroup', 'hr', 'html', 'i', 'iframe', 'img', 'input', 'ins', 'kbd', 'keygen', 'label', 'legend', 'li', 'link', 'main', 'map', 'mark', 'menu', 'menuitem', 'meta', 'meter', 'nav', 'noscript', 'object', 'ol', 'optgroup', 'option', 'output', 'p', 'param', 'picture', 'pre', 'progress', 'q', 'rp', 'rt', 'ruby', 's', 'samp', 'script', 'section', 'select', 'small', 'source', 'span', 'strong', 'style', 'sub', 'summary', 'sup', 'table', 'tbody', 'td', 'textarea', 'tfoot', 'th', 'thead', 'time', 'title', 'tr', 'track', 'u', 'ul', 'var', 'video', 'wbr'];
+export var ariaAttributes = ['aria-activedescendant', 'aria-atomic', 'aria-autocomplete', 'aria-busy', 'aria-checked', 'aria-colcount', 'aria-colindex', 'aria-colspan', 'aria-controls', 'aria-current', 'aria-describedby', 'aria-details', 'aria-disabled', 'aria-dropeffect', 'aria-errormessage', 'aria-expanded', 'aria-flowto', 'aria-grabbed', 'aria-haspopup', 'aria-hidden', 'aria-invalid', 'aria-keyshortcuts', 'aria-label', 'aria-labelledby', 'aria-level', 'aria-live', 'aria-modal', 'aria-multiline', 'aria-multiselectable', 'aria-orientation', 'aria-owns', 'aria-placeholder', 'aria-posinset', 'aria-pressed', 'aria-readonly', 'aria-relevant', 'aria-required', 'aria-roledescription', 'aria-rowcount', 'aria-rowindex', 'aria-rowspan', 'aria-selected', 'aria-setsize', 'aria-sort', 'aria-valuemax', 'aria-valuemin', 'aria-valuenow', 'aria-valuetext'];
+var extendedAttributes = {
   a: ['download', 'href', 'hrefLang', 'media', 'rel', 'target', 'type', 'referrerPolicy'],
   area: ['alt', 'coords', 'download', 'href', 'hrefLang', 'media', 'rel', 'shape', 'target'],
   audio: ['autoPlay', 'controls', 'controlsList', 'crossOrigin', 'loop', 'mediaGroup', 'muted', 'playsinline', 'preload', 'src'],
@@ -72,32 +74,32 @@ const extendedAttributes = {
   track: ['default', 'kind', 'label', 'src', 'srcLang'],
   video: ['autoPlay', 'controls', 'controlsList', 'crossOrigin', 'loop', 'mediaGroup', 'muted', 'playsinline', 'preload', 'src', 'height', 'playsInline', 'poster', 'width']
 };
-const svgElements = ['animate', 'animateMotion', 'animateTransform', 'circle', 'clipPath', 'defs', 'desc', 'ellipse', 'feBlend', 'feColorMatrix', 'feComponentTransfer', 'feComposite', 'feConvolveMatrix', 'feDiffuseLighting', 'feDisplacementMap', 'feDistantLight', 'feDropShadow', 'feFlood', 'feFuncA', 'feFuncB', 'feFuncG', 'feFuncR', 'feGaussianBlur', 'feImage', 'feMerge', 'feMergeNode', 'feMorphology', 'feOffset', 'fePointLight', 'feSpecularLighting', 'feSpotLight', 'feTile', 'feTurbulence', 'filter', 'foreignObject', 'g', 'image', 'line', 'linearGradient', 'marker', 'mask', 'metadata', 'mpath', 'path', 'pattern', 'polygon', 'polyline', 'radialGradient', 'rect', 'stop', 'svg', 'switch', 'symbol', 'text', 'textPath', 'tspan', 'use', 'view'];
-const svgAttributes = ['accentHeight', 'accumulate', 'additive', 'alignmentBaseline', 'allowReorder', 'alphabetic', 'amplitude', 'arabicForm', 'ascent', 'attributeName', 'attributeType', 'autoReverse', 'azimuth', 'baseFrequency', 'baselineShift', 'baseProfile', 'bbox', 'begin', 'bias', 'by', 'calcMode', 'capHeight', 'clip', 'clipPath', 'clipPathUnits', 'clipRule', 'color', 'colorInterpolation', 'colorInterpolationFilters', 'colorProfile', 'colorRendering', 'contentScriptType', 'contentStyleType', 'cursor', 'cx', 'cy', 'd', 'decelerate', 'descent', 'diffuseConstant', 'direction', 'display', 'divisor', 'dominantBaseline', 'dur', 'dx', 'dy', 'edgeMode', 'elevation', 'enableBackground', 'end', 'exponent', 'externalResourcesRequired', 'fill', 'fillOpacity', 'fillRule', 'filter', 'filterRes', 'filterUnits', 'floodColor', 'floodOpacity', 'focusable', 'fontFamily', 'fontSize', 'fontSizeAdjust', 'fontStretch', 'fontStyle', 'fontVariant', 'fontWeight', 'format', 'from', 'fx', 'fy', 'g1', 'g2', 'glyphName', 'glyphOrientationHorizontal', 'glyphOrientationVertical', 'glyphRef', 'gradientTransform', 'gradientUnits', // 'hanging' DEPRECATED,
+var svgElements = ['animate', 'animateMotion', 'animateTransform', 'circle', 'clipPath', 'defs', 'desc', 'ellipse', 'feBlend', 'feColorMatrix', 'feComponentTransfer', 'feComposite', 'feConvolveMatrix', 'feDiffuseLighting', 'feDisplacementMap', 'feDistantLight', 'feDropShadow', 'feFlood', 'feFuncA', 'feFuncB', 'feFuncG', 'feFuncR', 'feGaussianBlur', 'feImage', 'feMerge', 'feMergeNode', 'feMorphology', 'feOffset', 'fePointLight', 'feSpecularLighting', 'feSpotLight', 'feTile', 'feTurbulence', 'filter', 'foreignObject', 'g', 'image', 'line', 'linearGradient', 'marker', 'mask', 'metadata', 'mpath', 'path', 'pattern', 'polygon', 'polyline', 'radialGradient', 'rect', 'stop', 'svg', 'switch', 'symbol', 'text', 'textPath', 'tspan', 'use', 'view'];
+var svgAttributes = ['accentHeight', 'accumulate', 'additive', 'alignmentBaseline', 'allowReorder', 'alphabetic', 'amplitude', 'arabicForm', 'ascent', 'attributeName', 'attributeType', 'autoReverse', 'azimuth', 'baseFrequency', 'baselineShift', 'baseProfile', 'bbox', 'begin', 'bias', 'by', 'calcMode', 'capHeight', 'clip', 'clipPath', 'clipPathUnits', 'clipRule', 'color', 'colorInterpolation', 'colorInterpolationFilters', 'colorProfile', 'colorRendering', 'contentScriptType', 'contentStyleType', 'cursor', 'cx', 'cy', 'd', 'decelerate', 'descent', 'diffuseConstant', 'direction', 'display', 'divisor', 'dominantBaseline', 'dur', 'dx', 'dy', 'edgeMode', 'elevation', 'enableBackground', 'end', 'exponent', 'externalResourcesRequired', 'fill', 'fillOpacity', 'fillRule', 'filter', 'filterRes', 'filterUnits', 'floodColor', 'floodOpacity', 'focusable', 'fontFamily', 'fontSize', 'fontSizeAdjust', 'fontStretch', 'fontStyle', 'fontVariant', 'fontWeight', 'format', 'from', 'fx', 'fy', 'g1', 'g2', 'glyphName', 'glyphOrientationHorizontal', 'glyphOrientationVertical', 'glyphRef', 'gradientTransform', 'gradientUnits', // 'hanging' DEPRECATED,
 'height', 'horizAdvX', 'horizOriginX', 'href', 'ideographic', 'imageRendering', 'in2', 'in', 'intercept', 'k1', 'k2', 'k3', 'k4', 'k', 'kernelMatrix', 'kernelUnitLength', 'kerning', 'keyPoints', 'keySplines', 'keyTimes', 'lengthAdjust', 'letterSpacing', 'lightingColor', 'limitingConeAngle', 'local', 'markerEnd', 'markerHeight', 'markerMid', 'markerStart', 'markerUnits', 'markerWidth', 'mask', 'maskContentUnits', 'maskUnits', 'mathematical', 'max', 'media', 'method', 'min', 'mode', 'name', 'numOctaves', 'offset', 'opacity', 'operator', 'order', 'orient', 'orientation', 'origin', 'overflow', 'overlinePosition', 'overlineThickness', 'paintOrder', 'panose1', 'pathLength', 'patternContentUnits', 'patternTransform', 'patternUnits', 'pointerEvents', 'points', 'pointsAtX', 'pointsAtY', 'pointsAtZ', 'preserveAlpha', 'preserveAspectRatio', 'primitiveUnits', 'r', 'radius', 'refX', 'refY', 'renderingIntent', 'repeatCount', 'repeatDur', 'requiredExtensions', 'requiredFeatures', 'restart', 'result', 'rotate', 'rx', 'ry', 'scale', 'seed', 'shapeRendering', 'slope', 'spacing', 'specularConstant', 'specularExponent', 'speed', 'spreadMethod', 'startOffset', 'stdDeviation', 'stemh', 'stemv', 'stitchTiles', 'stopColor', 'stopOpacity', 'strikethroughPosition', 'strikethroughThickness', 'string', 'stroke', 'strokeDasharray', 'strokeDashoffset', 'strokeLinecap', 'strokeLinejoin', 'strokeMiterlimit', 'strokeOpacity', 'strokeWidth', 'surfaceScale', 'systemLanguage', 'tableValues', 'target', 'targetX', 'targetY', 'textAnchor', 'textDecoration', 'textLength', 'textRendering', 'to', 'transform', 'type', 'u1', 'u2', 'underlinePosition', 'underlineThickness', 'unicode', 'unicodeBidi', 'unicodeRange', 'unitsPerEm', 'vAlphabetic', 'values', 'vectorEffect', 'version', 'vertAdvY', 'vertOriginX', 'vertOriginY', 'vHanging', 'vIdeographic', 'viewBox', 'viewTarget', 'visibility', 'vMathematical', 'width', 'widths', 'wordSpacing', 'writingMode', 'x1', 'x2', 'x', 'xChannelSelector', 'xHeight', 'xlinkActuate', 'xlinkArcrole', 'xlinkHref', 'xlinkRole', 'xlinkShow', 'xlinkTitle', 'xlinkType', 'xmlBase', 'xmlLang', 'xmlns', 'xmlnsXlink', 'xmlSpace', 'y1', 'y2', 'y', 'yChannelSelector', 'z', 'zoomAndPan'];
-const eventHandlerPattern = `on[A-Z]\\w+`;
-const globalAttributePattern = globalAttributes.join('|');
-const dataAttributePattern = `data(?:-\\w+)+`;
-const ariaAttributePattern = ariaAttributes.join('|');
-const htmlRegexMap = htmlElements.reduce((map, tag) => {
-  const extendedAttrs = extendedAttributes[tag] || [];
-  const patterns = [eventHandlerPattern, globalAttributePattern, dataAttributePattern, ariaAttributePattern, ...extendedAttrs].join('|');
+var eventHandlerPattern = "on[A-Z]\\w+";
+var globalAttributePattern = globalAttributes.join('|');
+var dataAttributePattern = "data(?:-\\w+)+";
+var ariaAttributePattern = ariaAttributes.join('|');
+var htmlRegexMap = htmlElements.reduce((map, tag) => {
+  var extendedAttrs = extendedAttributes[tag] || [];
+  var patterns = [eventHandlerPattern, globalAttributePattern, dataAttributePattern, ariaAttributePattern, ...extendedAttrs].join('|');
   return Object.assign(map, {
-    [tag]: new RegExp(`^(?:${patterns})$`)
+    [tag]: new RegExp("^(?:".concat(patterns, ")$"))
   });
 }, {});
-const svgRegexMap = svgElements.reduce((map, tag) => {
-  const patterns = [eventHandlerPattern, globalAttributePattern, dataAttributePattern, ariaAttributePattern, ...svgAttributes].join('|');
+var svgRegexMap = svgElements.reduce((map, tag) => {
+  var patterns = [eventHandlerPattern, globalAttributePattern, dataAttributePattern, ariaAttributePattern, ...svgAttributes].join('|');
   return Object.assign(map, {
-    [tag]: new RegExp(`^(?:${patterns})$`)
+    [tag]: new RegExp("^(?:".concat(patterns, ")$"))
   });
 }, {});
 
-const elementRegexMap = _objectSpread({}, htmlRegexMap, svgRegexMap);
+var elementRegexMap = _objectSpread(_objectSpread({}, htmlRegexMap), svgRegexMap);
 
-export const isValidElementProp = memoize((tag, attr) => {
-  const regex = elementRegexMap[tag];
+export var isValidElementProp = memoize((tag, attr) => {
+  var regex = elementRegexMap[tag];
   return regex ? regex.test(attr) : false;
-}, (tag, attr) => `${tag}#${attr}`);
-export const filterValidElementProps = (tag, props) => pickBy(props, (val, prop) => isValidElementProp(tag, prop));
+}, (tag, attr) => "".concat(tag, "#").concat(attr));
+export var filterValidElementProps = (tag, props) => pickBy(props, (val, prop) => isValidElementProp(tag, prop));
 export default isValidElementProp;

package/es/mergeThemes.js

@@ -1,4 +1,8 @@
-const mergeThemes = (baseTheme, ...themes) => {
+var mergeThemes = function mergeThemes(baseTheme) {
+  for (var _len = arguments.length, themes = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+    themes[_key - 1] = arguments[_key];
+  }
+
   if (themes) {
     return themes.reduce((acc, theme) => {
       if (typeof theme === 'function') {

package/es/withRenderer.js

@@ -1,4 +1,4 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 /* eslint-disable behance/no-deprecated */
 import React, { useContext } from 'react';
@@ -6,8 +6,8 @@ import getReactDisplayName from 'react-display-name';
 import { RendererContext } from 'react-fela';
 
 function withRenderer(ComponentToWrap) {
-  const WithRendererComponent = props => {
-    const renderer = useContext(RendererContext);
+  var WithRendererComponent = props => {
+    var renderer = useContext(RendererContext);
     return /*#__PURE__*/React.createElement(ComponentToWrap, _extends({
       renderer: renderer
     }, props));

package/lib/applyStaticStyles.js

@@ -1,6 +1,6 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -13,11 +13,13 @@ var _reactFela = require("react-fela");
 
 var _reactDisplayName = _interopRequireDefault(require("react-display-name"));
 
+var _excluded = ["theme"];
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 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; }
 
@@ -28,7 +30,7 @@ function applyStaticStyles(staticStyles, ComponentToWrap) {
     var _renderer$renderStati;
 
     var theme = _ref.theme,
-        passThroughProps = _objectWithoutProperties(_ref, ["theme"]);
+        passThroughProps = _objectWithoutProperties(_ref, _excluded);
 
     var renderer = (0, _react.useContext)(_reactFela.RendererContext);
     var contextTheme = theme || {};