@flodesk/grain 11.40.0 → 11.40.1

package/es/components/icon-button.js

@@ -3,14 +3,12 @@ const _excluded = ["children", "isDisabled", "icon", "color", "variant", "type",
 
 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); }
 
-import "core-js/modules/web.dom-collections.iterator.js";
-
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
 import { Icon } from './icon';
-import React, { forwardRef, useEffect } from 'react';
+import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 import { types } from '../types';
 import { getClearButtonStyles } from '../foundational';
@@ -42,9 +40,11 @@ const Wrapper = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "product
     iconWidth,
     trimSide
   });
-}, ";.Icon{", p => p.clearButtonStyles.icon, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2ljb24tYnV0dG9uLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQjZCIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL2ljb24tYnV0dG9uLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEljb24gfSBmcm9tICcuL2ljb24nO1xuaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYsIHVzZUVmZmVjdCB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCB7IGdldENsZWFyQnV0dG9uU3R5bGVzIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcblxuY29uc3QgZ2V0VHJpbVNpZGVTdHlsZXMgPSAoeyBpY29uV2lkdGgsIHRyaW1TaWRlIH0pID0+IHtcbiAgY29uc3Qgb2Zmc2V0ID0gYGNhbGMoKHZhcigtLWdybi1jbGVhcmJ1dHRvbi1oZWlnaHQpIC0gJHtpY29uV2lkdGh9cHgpIC8gLTIpYDtcblxuICBpZiAoIXRyaW1TaWRlKSByZXR1cm4gJyc7XG5cbiAgaWYgKHRyaW1TaWRlID09PSAnbGVmdCcpIHJldHVybiBgbWFyZ2luLWxlZnQ6ICR7b2Zmc2V0fTtgO1xuICBpZiAodHJpbVNpZGUgPT09ICdyaWdodCcpIHJldHVybiBgbWFyZ2luLXJpZ2h0OiAke29mZnNldH07YDtcbiAgaWYgKHRyaW1TaWRlID09PSAneCcpIHJldHVybiBgbWFyZ2luLWlubGluZTogJHtvZmZzZXR9O2A7XG59O1xuXG5jb25zdCBXcmFwcGVyID0gc3R5bGVkLmJ1dHRvbmBcbiAgJHtwID0+IHAuY2xlYXJCdXR0b25TdHlsZXMuYm94fTtcbiAgbWluLXdpZHRoOiB2YXIoLS1ncm4tY2xlYXJidXR0b24taGVpZ2h0KTtcbiAgcGFkZGluZy1sZWZ0OiA4cHg7XG4gIHBhZGRpbmctcmlnaHQ6IDhweDtcbiAgJHsoeyB0cmltU2lkZSwgaWNvbldpZHRoIH0pID0+IHRyaW1TaWRlICYmIGdldFRyaW1TaWRlU3R5bGVzKHsgaWNvbldpZHRoLCB0cmltU2lkZSB9KX07XG5cbiAgLkljb24ge1xuICAgICR7cCA9PiBwLmNsZWFyQnV0dG9uU3R5bGVzLmljb259O1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgSWNvbkJ1dHRvbiA9IGZvcndhcmRSZWYoXG4gIChcbiAgICB7XG4gICAgICBjaGlsZHJlbixcbiAgICAgIGlzRGlzYWJsZWQsXG4gICAgICBpY29uLFxuICAgICAgY29sb3IsXG4gICAgICB2YXJpYW50ID0gJ25ldXRyYWwnLFxuICAgICAgdHlwZSA9ICdidXR0b24nLFxuICAgICAgaXNBY3RpdmUsXG4gICAgICB0YWcgPSAnYnV0dG9uJyxcbiAgICAgIHRyaW1TaWRlLFxuICAgICAgLi4ucHJvcHNcbiAgICB9LFxuICAgIHJlZixcbiAgKSA9PiB7XG4gICAgY29uc3QgW2ljb25XaWR0aCwgc2V0SWNvbldpZHRoXSA9IFJlYWN0LnVzZVN0YXRlKDE4KTtcbiAgICBjb25zdCBjbGVhckJ1dHRvblN0eWxlcyA9IGdldENsZWFyQnV0dG9uU3R5bGVzKHsgdmFyaWFudCwgaXNEaXNhYmxlZCwgaXNBY3RpdmUgfSk7XG5cbiAgICBjb25zdCBpY29uUmVmID0gUmVhY3QudXNlUmVmKCk7XG5cbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgICAgaWYgKHRyaW1TaWRlICYmIGljb25SZWYuY3VycmVudCkge1xuICAgICAgICBzZXRJY29uV2lkdGgoaWNvblJlZi5jdXJyZW50LmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpLndpZHRoKTtcbiAgICAgIH1cbiAgICB9LCBbXSk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPFdyYXBwZXJcbiAgICAgICAgdHlwZT17dHlwZX1cbiAgICAgICAgZGlzYWJsZWQ9e2lzRGlzYWJsZWR9XG4gICAgICAgIGljb249e2ljb259XG4gICAgICAgIHJlZj17cmVmfVxuICAgICAgICB2YXJpYW50PXt2YXJpYW50fVxuICAgICAgICBjbGVhckJ1dHRvblN0eWxlcz17Y2xlYXJCdXR0b25TdHlsZXN9XG4gICAgICAgIGFzPXt0YWd9XG4gICAgICAgIGljb25XaWR0aD17aWNvbldpZHRofVxuICAgICAgICB0cmltU2lkZT17dHJpbVNpZGV9XG4gICAgICAgIHsuLi5wcm9wc31cbiAgICAgID5cbiAgICAgICAge2ljb24gJiYgPEljb24gaWNvbj17aWNvbn0gcmVmPXtpY29uUmVmfSAvPn1cbiAgICAgICAge2NoaWxkcmVuICYmIGNoaWxkcmVufVxuICAgICAgPC9XcmFwcGVyPlxuICAgICk7XG4gIH0sXG4pO1xuXG5JY29uQnV0dG9uLnByb3BUeXBlcyA9IHtcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxuICBpY29uOiBQcm9wVHlwZXMubm9kZSxcbiAgb25DbGljazogUHJvcFR5cGVzLmZ1bmMsXG4gIGlzRGlzYWJsZWQ6IFByb3BUeXBlcy5ib29sLFxuICBpc0FjdGl2ZTogUHJvcFR5cGVzLmJvb2wsXG4gIHZhcmlhbnQ6IHR5cGVzLmNsZWFyQnV0dG9uVmFyaWFudCxcbiAgdHlwZTogdHlwZXMuYnV0dG9uVHlwZSxcbiAgdGFnOiB0eXBlcy5idXR0b25UYWcsXG4gIHRyaW1TaWRlOiBQcm9wVHlwZXMub25lT2YoWydsZWZ0JywgJ3JpZ2h0JywgJ3gnXSksXG59O1xuIl19 */"));
+}, ";.Icon{", p => p.clearButtonStyles.icon, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2ljb24tYnV0dG9uLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQjZCIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL2ljb24tYnV0dG9uLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEljb24gfSBmcm9tICcuL2ljb24nO1xuaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQgeyBnZXRDbGVhckJ1dHRvblN0eWxlcyB9IGZyb20gJy4uL2ZvdW5kYXRpb25hbCc7XG5cbmNvbnN0IGdldFRyaW1TaWRlU3R5bGVzID0gKHsgaWNvbldpZHRoLCB0cmltU2lkZSB9KSA9PiB7XG4gIGNvbnN0IG9mZnNldCA9IGBjYWxjKCh2YXIoLS1ncm4tY2xlYXJidXR0b24taGVpZ2h0KSAtICR7aWNvbldpZHRofXB4KSAvIC0yKWA7XG5cbiAgaWYgKCF0cmltU2lkZSkgcmV0dXJuICcnO1xuXG4gIGlmICh0cmltU2lkZSA9PT0gJ2xlZnQnKSByZXR1cm4gYG1hcmdpbi1sZWZ0OiAke29mZnNldH07YDtcbiAgaWYgKHRyaW1TaWRlID09PSAncmlnaHQnKSByZXR1cm4gYG1hcmdpbi1yaWdodDogJHtvZmZzZXR9O2A7XG4gIGlmICh0cmltU2lkZSA9PT0gJ3gnKSByZXR1cm4gYG1hcmdpbi1pbmxpbmU6ICR7b2Zmc2V0fTtgO1xufTtcblxuY29uc3QgV3JhcHBlciA9IHN0eWxlZC5idXR0b25gXG4gICR7cCA9PiBwLmNsZWFyQnV0dG9uU3R5bGVzLmJveH07XG4gIG1pbi13aWR0aDogdmFyKC0tZ3JuLWNsZWFyYnV0dG9uLWhlaWdodCk7XG4gIHBhZGRpbmctbGVmdDogOHB4O1xuICBwYWRkaW5nLXJpZ2h0OiA4cHg7XG4gICR7KHsgdHJpbVNpZGUsIGljb25XaWR0aCB9KSA9PiB0cmltU2lkZSAmJiBnZXRUcmltU2lkZVN0eWxlcyh7IGljb25XaWR0aCwgdHJpbVNpZGUgfSl9O1xuXG4gIC5JY29uIHtcbiAgICAke3AgPT4gcC5jbGVhckJ1dHRvblN0eWxlcy5pY29ufTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IEljb25CdXR0b24gPSBmb3J3YXJkUmVmKFxuICAoXG4gICAge1xuICAgICAgY2hpbGRyZW4sXG4gICAgICBpc0Rpc2FibGVkLFxuICAgICAgaWNvbixcbiAgICAgIGNvbG9yLFxuICAgICAgdmFyaWFudCA9ICduZXV0cmFsJyxcbiAgICAgIHR5cGUgPSAnYnV0dG9uJyxcbiAgICAgIGlzQWN0aXZlLFxuICAgICAgdGFnID0gJ2J1dHRvbicsXG4gICAgICB0cmltU2lkZSxcbiAgICAgIC4uLnByb3BzXG4gICAgfSxcbiAgICByZWYsXG4gICkgPT4ge1xuICAgIGNvbnN0IGNsZWFyQnV0dG9uU3R5bGVzID0gZ2V0Q2xlYXJCdXR0b25TdHlsZXMoeyB2YXJpYW50LCBpc0Rpc2FibGVkLCBpc0FjdGl2ZSB9KTtcbiAgICBjb25zdCBpY29uV2lkdGggPSBpY29uPy50eXBlPy52aWV3Qm94V2lkdGggLyAyIHx8IDE2O1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxXcmFwcGVyXG4gICAgICAgIHR5cGU9e3R5cGV9XG4gICAgICAgIGRpc2FibGVkPXtpc0Rpc2FibGVkfVxuICAgICAgICBpY29uPXtpY29ufVxuICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgdmFyaWFudD17dmFyaWFudH1cbiAgICAgICAgY2xlYXJCdXR0b25TdHlsZXM9e2NsZWFyQnV0dG9uU3R5bGVzfVxuICAgICAgICBhcz17dGFnfVxuICAgICAgICBpY29uV2lkdGg9e2ljb25XaWR0aH1cbiAgICAgICAgdHJpbVNpZGU9e3RyaW1TaWRlfVxuICAgICAgICB7Li4ucHJvcHN9XG4gICAgICA+XG4gICAgICAgIHtpY29uICYmIDxJY29uIGljb249e2ljb259IC8+fVxuICAgICAgICB7Y2hpbGRyZW4gJiYgY2hpbGRyZW59XG4gICAgICA8L1dyYXBwZXI+XG4gICAgKTtcbiAgfSxcbik7XG5cbkljb25CdXR0b24ucHJvcFR5cGVzID0ge1xuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUsXG4gIGljb246IFByb3BUeXBlcy5ub2RlLFxuICBvbkNsaWNrOiBQcm9wVHlwZXMuZnVuYyxcbiAgaXNEaXNhYmxlZDogUHJvcFR5cGVzLmJvb2wsXG4gIGlzQWN0aXZlOiBQcm9wVHlwZXMuYm9vbCxcbiAgdmFyaWFudDogdHlwZXMuY2xlYXJCdXR0b25WYXJpYW50LFxuICB0eXBlOiB0eXBlcy5idXR0b25UeXBlLFxuICB0YWc6IHR5cGVzLmJ1dHRvblRhZyxcbiAgdHJpbVNpZGU6IFByb3BUeXBlcy5vbmVPZihbJ2xlZnQnLCAncmlnaHQnLCAneCddKSxcbn07XG4iXX0= */"));
 
 export const IconButton = /*#__PURE__*/forwardRef((_ref3, ref) => {
+  var _icon$type;
+
   let {
     children,
     isDisabled,
@@ -58,18 +58,12 @@ export const IconButton = /*#__PURE__*/forwardRef((_ref3, ref) => {
   } = _ref3,
       props = _objectWithoutProperties(_ref3, _excluded);
 
-  const [iconWidth, setIconWidth] = React.useState(18);
   const clearButtonStyles = getClearButtonStyles({
     variant,
     isDisabled,
     isActive
   });
-  const iconRef = React.useRef();
-  useEffect(() => {
-    if (trimSide && iconRef.current) {
-      setIconWidth(iconRef.current.getBoundingClientRect().width);
-    }
-  }, []);
+  const iconWidth = (icon === null || icon === void 0 ? void 0 : (_icon$type = icon.type) === null || _icon$type === void 0 ? void 0 : _icon$type.viewBoxWidth) / 2 || 16;
   return ___EmotionJSX(Wrapper, _extends({
     type: type,
     disabled: isDisabled,
@@ -81,8 +75,7 @@ export const IconButton = /*#__PURE__*/forwardRef((_ref3, ref) => {
     iconWidth: iconWidth,
     trimSide: trimSide
   }, props), icon && ___EmotionJSX(Icon, {
-    icon: icon,
-    ref: iconRef
+    icon: icon
   }), children && children);
 });
 IconButton.propTypes = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flodesk/grain",
-  "version": "11.40.0",
+  "version": "11.40.1",
   "description": "Flodesk design system",
   "module": "es/index.js",
   "types": "es/types/index.d.ts",