colibri-ui 0.8.84 → 0.8.86

package/Editable/Editable.js

@@ -1,6 +1,5 @@
 'use strict';
 
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var tslib = require('tslib');
 var React = require('react');
 require('../Icons/index.js');
@@ -9,81 +8,69 @@ var Edit = require('../Icons/Edit.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
-var _slicedToArray__default = /*#__PURE__*/_interopDefault(_slicedToArray);
 var React__default = /*#__PURE__*/_interopDefault(React);
 var styles__default = /*#__PURE__*/_interopDefault(styles);
 
-var placeCaretAtEnd = function placeCaretAtEnd(element) {
-  var selection = window.getSelection();
+const placeCaretAtEnd = element => {
+  const selection = window.getSelection();
   if (!selection) return;
-  var range = document.createRange();
+  const range = document.createRange();
   range.selectNodeContents(element);
   range.collapse(false);
   selection.removeAllRanges();
   selection.addRange(range);
 };
-var insertTextAtSelection = function insertTextAtSelection(element, text) {
-  var selection = window.getSelection();
+const insertTextAtSelection = (element, text) => {
+  const selection = window.getSelection();
   if (!selection || selection.rangeCount === 0) {
     element.append(document.createTextNode(text));
     placeCaretAtEnd(element);
     return;
   }
-  var range = selection.getRangeAt(0);
+  const range = selection.getRangeAt(0);
   range.deleteContents();
-  var node = document.createTextNode(text);
+  const node = document.createTextNode(text);
   range.insertNode(node);
   range.setStartAfter(node);
   range.collapse(true);
   selection.removeAllRanges();
   selection.addRange(range);
 };
-var Editable = /*#__PURE__*/React.forwardRef(function EditableComponent(_a, forwardedRef) {
-  var value = _a.value,
-    _a$textComponent = _a.textComponent,
-    TextComponent = _a$textComponent === void 0 ? "span" : _a$textComponent,
-    _a$icon = _a.icon,
-    icon = _a$icon === void 0 ? /*#__PURE__*/React__default.default.createElement(Edit.Edit, {
-      className: styles__default.default.default_icon,
-      "aria-hidden": "true"
-    }) : _a$icon,
-    _a$placeholder = _a.placeholder,
-    placeholder = _a$placeholder === void 0 ? "" : _a$placeholder,
-    maxLength = _a.maxLength,
-    name = _a.name,
-    _a$disabled = _a.disabled,
-    disabled = _a$disabled === void 0 ? false : _a$disabled,
-    _a$spellCheck = _a.spellCheck,
-    spellCheck = _a$spellCheck === void 0 ? false : _a$spellCheck,
-    className = _a.className,
-    onChange = _a.onChange,
-    onBlur = _a.onBlur,
-    onPaste = _a.onPaste,
+const Editable = /*#__PURE__*/React.forwardRef(function EditableComponent(_a, forwardedRef) {
+  var {
+      value,
+      textComponent: TextComponent = "span",
+      icon = /*#__PURE__*/React__default.default.createElement(Edit.Edit, {
+        className: styles__default.default.default_icon,
+        "aria-hidden": "true"
+      }),
+      placeholder = "",
+      maxLength,
+      name,
+      disabled = false,
+      spellCheck = false,
+      className,
+      onChange,
+      onBlur,
+      onPaste
+    } = _a,
     rest = tslib.__rest(_a, ["value", "textComponent", "icon", "placeholder", "maxLength", "name", "disabled", "spellCheck", "className", "onChange", "onBlur", "onPaste"]);
-  var editorRef = React.useRef(null);
-  var _useState = React.useState(value !== null && value !== void 0 ? value : ""),
-    _useState2 = _slicedToArray__default.default(_useState, 2),
-    currentValue = _useState2[0],
-    setCurrentValue = _useState2[1];
-  var _useState3 = React.useState(false),
-    _useState4 = _slicedToArray__default.default(_useState3, 2),
-    isEditing = _useState4[0],
-    setIsEditing = _useState4[1];
-  var lastValidValue = React.useRef(value !== null && value !== void 0 ? value : "");
-  React.useImperativeHandle(forwardedRef, function () {
-    return editorRef.current;
-  }, []);
-  React.useEffect(function () {
+  const editorRef = React.useRef(null);
+  const [currentValue, setCurrentValue] = React.useState(value !== null && value !== void 0 ? value : "");
+  const [isEditing, setIsEditing] = React.useState(false);
+  const lastValidValue = React.useRef(value !== null && value !== void 0 ? value : "");
+  React.useImperativeHandle(forwardedRef, () => editorRef.current, []);
+  React.useEffect(() => {
     if (value === undefined || value === lastValidValue.current) return;
     lastValidValue.current = value;
     setCurrentValue(value);
     if (editorRef.current) editorRef.current.textContent = value;
   }, [value]);
-  var commitInput = React.useCallback(function (event) {
+  const commitInput = React.useCallback(event => {
     var _a;
-    var editor = editorRef.current;
+    const editor = editorRef.current;
     if (!editor) return;
-    var nextValue = (_a = editor.textContent) !== null && _a !== void 0 ? _a : "";
+    const nextValue = (_a = editor.textContent) !== null && _a !== void 0 ? _a : "";
     if (maxLength !== undefined && nextValue.length > maxLength) {
       editor.textContent = lastValidValue.current;
       placeCaretAtEnd(editor);
@@ -93,39 +80,39 @@ var Editable = /*#__PURE__*/React.forwardRef(function EditableComponent(_a, forw
     setCurrentValue(nextValue);
     onChange === null || onChange === void 0 ? void 0 : onChange(event, nextValue);
   }, [maxLength, onChange]);
-  var handleFocus = function handleFocus(event) {
+  const handleFocus = event => {
     setIsEditing(true);
-    var selection = window.getSelection();
-    var range = document.createRange();
+    const selection = window.getSelection();
+    const range = document.createRange();
     range.selectNodeContents(event.currentTarget);
     selection === null || selection === void 0 ? void 0 : selection.removeAllRanges();
     selection === null || selection === void 0 ? void 0 : selection.addRange(range);
   };
-  var handleBlur = function handleBlur(event) {
+  const handleBlur = event => {
     var _a;
     setIsEditing(false);
     (_a = window.getSelection()) === null || _a === void 0 ? void 0 : _a.removeAllRanges();
     if (event.currentTarget.innerHTML === "<br>") event.currentTarget.innerHTML = "";
     onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
   };
-  var handleKeyDown = function handleKeyDown(event) {
+  const handleKeyDown = event => {
     if (event.key === "Enter") event.preventDefault();
     if (event.key === "Enter" || event.key === "Escape") event.currentTarget.blur();
   };
-  var handlePaste = function handlePaste(event) {
+  const handlePaste = event => {
     var _a, _b;
     event.preventDefault();
-    var text = event.clipboardData.getData("text/plain").replace(/[\r\n]+/g, " ");
+    let text = event.clipboardData.getData("text/plain").replace(/[\r\n]+/g, " ");
     if (maxLength !== undefined) {
-      var selectionLength = (_b = (_a = window.getSelection()) === null || _a === void 0 ? void 0 : _a.toString().length) !== null && _b !== void 0 ? _b : 0;
-      var available = Math.max(0, maxLength - currentValue.length + selectionLength);
+      const selectionLength = (_b = (_a = window.getSelection()) === null || _a === void 0 ? void 0 : _a.toString().length) !== null && _b !== void 0 ? _b : 0;
+      const available = Math.max(0, maxLength - currentValue.length + selectionLength);
       text = text.slice(0, available);
     }
     insertTextAtSelection(event.currentTarget, text);
     commitInput(event);
     onPaste === null || onPaste === void 0 ? void 0 : onPaste(event);
   };
-  var focusEditor = function focusEditor() {
+  const focusEditor = () => {
     var _a;
     if (!disabled) (_a = editorRef.current) === null || _a === void 0 ? void 0 : _a.focus();
   };

package/Grid/Item/index.js

@@ -1,27 +1,25 @@
 'use strict';
 
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var React = require('react');
 var clsx = require('clsx');
 var styles = require('./Grid-Item.module.css');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
-var _defineProperty__default = /*#__PURE__*/_interopDefault(_defineProperty);
 var React__default = /*#__PURE__*/_interopDefault(React);
 var clsx__default = /*#__PURE__*/_interopDefault(clsx);
 var styles__default = /*#__PURE__*/_interopDefault(styles);
 
-var GridItem = function GridItem(_ref) {
-  var children = _ref.children,
-    _ref$fullWidth = _ref.fullWidth,
-    fullWidth = _ref$fullWidth === void 0 ? false : _ref$fullWidth,
-    className = _ref.className,
-    style = _ref.style;
-  return /*#__PURE__*/React__default.default.createElement("div", {
-    className: clsx__default.default(styles__default.default.item, _defineProperty__default.default({}, styles__default.default.full, Boolean(fullWidth)), className),
-    style: style
-  }, children);
-};
+const GridItem = ({
+  children,
+  fullWidth = false,
+  className,
+  style
+}) => (/*#__PURE__*/React__default.default.createElement("div", {
+  className: clsx__default.default(styles__default.default.item, {
+    [styles__default.default.full]: Boolean(fullWidth)
+  }, className),
+  style: style
+}, children));
 
 exports.GridItem = GridItem;

package/Grid/index.js

@@ -10,26 +10,20 @@ var React__default = /*#__PURE__*/_interopDefault(React);
 var clsx__default = /*#__PURE__*/_interopDefault(clsx);
 var styles__default = /*#__PURE__*/_interopDefault(styles);
 
-var toRemLength = function toRemLength(value) {
-  return typeof value === "number" ? "".concat(value / 16, "rem") : value;
-};
-var Grid = function Grid(_ref) {
-  var children = _ref.children,
-    _ref$gridRowGap = _ref.gridRowGap,
-    gridRowGap = _ref$gridRowGap === void 0 ? "6" : _ref$gridRowGap,
-    _ref$gridColumnGap = _ref.gridColumnGap,
-    gridColumnGap = _ref$gridColumnGap === void 0 ? "4" : _ref$gridColumnGap,
-    _ref$gridItemMinWidth = _ref.gridItemMinWidth,
-    gridItemMinWidth = _ref$gridItemMinWidth === void 0 ? "var(--component-grid-item-min-width)" : _ref$gridItemMinWidth,
-    className = _ref.className;
-  return /*#__PURE__*/React__default.default.createElement("div", {
-    className: clsx__default.default(styles__default.default.root, className),
-    style: {
-      rowGap: "var(--space-".concat(gridRowGap, ")"),
-      columnGap: "var(--space-".concat(gridColumnGap, ")"),
-      gridTemplateColumns: "repeat(auto-fill, minmax(".concat(toRemLength(gridItemMinWidth), ", 1fr))")
-    }
-  }, children);
-};
+const toRemLength = value => typeof value === "number" ? `${value / 16}rem` : value;
+const Grid = ({
+  children,
+  gridRowGap = "6",
+  gridColumnGap = "4",
+  gridItemMinWidth = "var(--component-grid-item-min-width)",
+  className
+}) => (/*#__PURE__*/React__default.default.createElement("div", {
+  className: clsx__default.default(styles__default.default.root, className),
+  style: {
+    rowGap: `var(--space-${gridRowGap})`,
+    columnGap: `var(--space-${gridColumnGap})`,
+    gridTemplateColumns: `repeat(auto-fill, minmax(${toRemLength(gridItemMinWidth)}, 1fr))`
+  }
+}, children));
 
 exports.Grid = Grid;

package/Icons/ArrowNext.js

@@ -7,14 +7,13 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-var ArrowNext = function ArrowNext(_a) {
-  var _a$fill = _a.fill,
-    fill = _a$fill === void 0 ? "currentColor" : _a$fill,
-    _a$width = _a.width,
-    width = _a$width === void 0 ? 10 : _a$width,
-    _a$height = _a.height,
-    height = _a$height === void 0 ? 16 : _a$height,
-    ref = _a.ref,
+const ArrowNext = _a => {
+  var {
+      fill = "currentColor",
+      width = 10,
+      height = 16,
+      ref
+    } = _a,
     props = tslib.__rest(_a, ["fill", "width", "height", "ref"]);
   return /*#__PURE__*/React__default.default.createElement("svg", Object.assign({
     ref: ref,

package/Icons/Cart.js

@@ -7,14 +7,13 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-var Cart = function Cart(_a) {
-  var _a$fill = _a.fill,
-    fill = _a$fill === void 0 ? "currentColor" : _a$fill,
-    _a$width = _a.width,
-    width = _a$width === void 0 ? 24 : _a$width,
-    _a$height = _a.height,
-    height = _a$height === void 0 ? 24 : _a$height,
-    ref = _a.ref,
+const Cart = _a => {
+  var {
+      fill = "currentColor",
+      width = 24,
+      height = 24,
+      ref
+    } = _a,
     props = tslib.__rest(_a, ["fill", "width", "height", "ref"]);
   return /*#__PURE__*/React__default.default.createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",

package/Icons/Check.js

@@ -7,14 +7,13 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-var Check = function Check(_a) {
-  var _a$fill = _a.fill,
-    fill = _a$fill === void 0 ? "currentColor" : _a$fill,
-    _a$width = _a.width,
-    width = _a$width === void 0 ? 24 : _a$width,
-    _a$height = _a.height,
-    height = _a$height === void 0 ? 24 : _a$height,
-    ref = _a.ref,
+const Check = _a => {
+  var {
+      fill = "currentColor",
+      width = 24,
+      height = 24,
+      ref
+    } = _a,
     props = tslib.__rest(_a, ["fill", "width", "height", "ref"]);
   return /*#__PURE__*/React__default.default.createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",

package/Icons/Chevron.js

@@ -7,14 +7,13 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-var Chevron = function Chevron(_a) {
-  var _a$fill = _a.fill,
-    fill = _a$fill === void 0 ? "currentColor" : _a$fill,
-    _a$width = _a.width,
-    width = _a$width === void 0 ? 24 : _a$width,
-    _a$height = _a.height,
-    height = _a$height === void 0 ? 24 : _a$height,
-    ref = _a.ref,
+const Chevron = _a => {
+  var {
+      fill = "currentColor",
+      width = 24,
+      height = 24,
+      ref
+    } = _a,
     props = tslib.__rest(_a, ["fill", "width", "height", "ref"]);
   return /*#__PURE__*/React__default.default.createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",

package/Icons/Close.js

@@ -7,12 +7,12 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-var Close = function Close(_a) {
-  var _a$width = _a.width,
-    width = _a$width === void 0 ? 24 : _a$width,
-    _a$height = _a.height,
-    height = _a$height === void 0 ? 24 : _a$height,
-    ref = _a.ref,
+const Close = _a => {
+  var {
+      width = 24,
+      height = 24,
+      ref
+    } = _a,
     props = tslib.__rest(_a, ["width", "height", "ref"]);
   return /*#__PURE__*/React__default.default.createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",

package/Icons/Copy.js

@@ -7,14 +7,13 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-var Copy = function Copy(_a) {
-  var _a$fill = _a.fill,
-    fill = _a$fill === void 0 ? "currentColor" : _a$fill,
-    _a$width = _a.width,
-    width = _a$width === void 0 ? 24 : _a$width,
-    _a$height = _a.height,
-    height = _a$height === void 0 ? 24 : _a$height,
-    ref = _a.ref,
+const Copy = _a => {
+  var {
+      fill = "currentColor",
+      width = 24,
+      height = 24,
+      ref
+    } = _a,
     props = tslib.__rest(_a, ["fill", "width", "height", "ref"]);
   return /*#__PURE__*/React__default.default.createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",

package/Icons/Cross.js

@@ -7,12 +7,12 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-var Cross = function Cross(_a) {
-  var _a$width = _a.width,
-    width = _a$width === void 0 ? 24 : _a$width,
-    _a$height = _a.height,
-    height = _a$height === void 0 ? 24 : _a$height,
-    ref = _a.ref,
+const Cross = _a => {
+  var {
+      width = 24,
+      height = 24,
+      ref
+    } = _a,
     props = tslib.__rest(_a, ["width", "height", "ref"]);
   return /*#__PURE__*/React__default.default.createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",

package/Icons/CrossFill.js

@@ -7,14 +7,13 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-var CrossFill = function CrossFill(_a) {
-  var _a$fill = _a.fill,
-    fill = _a$fill === void 0 ? "currentColor" : _a$fill,
-    _a$width = _a.width,
-    width = _a$width === void 0 ? 24 : _a$width,
-    _a$height = _a.height,
-    height = _a$height === void 0 ? 24 : _a$height,
-    ref = _a.ref,
+const CrossFill = _a => {
+  var {
+      fill = "currentColor",
+      width = 24,
+      height = 24,
+      ref
+    } = _a,
     props = tslib.__rest(_a, ["fill", "width", "height", "ref"]);
   return /*#__PURE__*/React__default.default.createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",

package/Icons/Edit.js

@@ -7,14 +7,13 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-var Edit = function Edit(_a) {
-  var _a$fill = _a.fill,
-    fill = _a$fill === void 0 ? "currentColor" : _a$fill,
-    _a$width = _a.width,
-    width = _a$width === void 0 ? 24 : _a$width,
-    _a$height = _a.height,
-    height = _a$height === void 0 ? 24 : _a$height,
-    ref = _a.ref,
+const Edit = _a => {
+  var {
+      fill = "currentColor",
+      width = 24,
+      height = 24,
+      ref
+    } = _a,
     props = tslib.__rest(_a, ["fill", "width", "height", "ref"]);
   return /*#__PURE__*/React__default.default.createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",

package/Icons/Exit.js

@@ -7,14 +7,13 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-var Exit = function Exit(_a) {
-  var _a$fill = _a.fill,
-    fill = _a$fill === void 0 ? "currentColor" : _a$fill,
-    _a$width = _a.width,
-    width = _a$width === void 0 ? 24 : _a$width,
-    _a$height = _a.height,
-    height = _a$height === void 0 ? 24 : _a$height,
-    ref = _a.ref,
+const Exit = _a => {
+  var {
+      fill = "currentColor",
+      width = 24,
+      height = 24,
+      ref
+    } = _a,
     props = tslib.__rest(_a, ["fill", "width", "height", "ref"]);
   return /*#__PURE__*/React__default.default.createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",

package/Icons/EyeClosed.js

@@ -7,14 +7,13 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-var EyeClosed = function EyeClosed(_a) {
-  var _a$fill = _a.fill,
-    fill = _a$fill === void 0 ? "currentColor" : _a$fill,
-    _a$width = _a.width,
-    width = _a$width === void 0 ? 24 : _a$width,
-    _a$height = _a.height,
-    height = _a$height === void 0 ? 24 : _a$height,
-    ref = _a.ref,
+const EyeClosed = _a => {
+  var {
+      fill = "currentColor",
+      width = 24,
+      height = 24,
+      ref
+    } = _a,
     props = tslib.__rest(_a, ["fill", "width", "height", "ref"]);
   return /*#__PURE__*/React__default.default.createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",

package/Icons/EyeOpen.js

@@ -7,14 +7,13 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-var EyeOpen = function EyeOpen(_a) {
-  var _a$fill = _a.fill,
-    fill = _a$fill === void 0 ? "currentColor" : _a$fill,
-    _a$width = _a.width,
-    width = _a$width === void 0 ? 24 : _a$width,
-    _a$height = _a.height,
-    height = _a$height === void 0 ? 24 : _a$height,
-    ref = _a.ref,
+const EyeOpen = _a => {
+  var {
+      fill = "currentColor",
+      width = 24,
+      height = 24,
+      ref
+    } = _a,
     props = tslib.__rest(_a, ["fill", "width", "height", "ref"]);
   return /*#__PURE__*/React__default.default.createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",

package/Icons/Help.js

@@ -7,12 +7,12 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-var Help = function Help(_a) {
-  var _a$width = _a.width,
-    width = _a$width === void 0 ? 24 : _a$width,
-    _a$height = _a.height,
-    height = _a$height === void 0 ? 24 : _a$height,
-    ref = _a.ref,
+const Help = _a => {
+  var {
+      width = 24,
+      height = 24,
+      ref
+    } = _a,
     props = tslib.__rest(_a, ["width", "height", "ref"]);
   return /*#__PURE__*/React__default.default.createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",

package/Icons/Info.js

@@ -7,14 +7,13 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-var Info = function Info(_a) {
-  var _a$fill = _a.fill,
-    fill = _a$fill === void 0 ? "currentColor" : _a$fill,
-    _a$width = _a.width,
-    width = _a$width === void 0 ? 24 : _a$width,
-    _a$height = _a.height,
-    height = _a$height === void 0 ? 24 : _a$height,
-    ref = _a.ref,
+const Info = _a => {
+  var {
+      fill = "currentColor",
+      width = 24,
+      height = 24,
+      ref
+    } = _a,
     props = tslib.__rest(_a, ["fill", "width", "height", "ref"]);
   return /*#__PURE__*/React__default.default.createElement("svg", Object.assign({
     width: width,

package/Icons/Minus.js

@@ -7,14 +7,13 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-var Minus = function Minus(_a) {
-  var _a$fill = _a.fill,
-    fill = _a$fill === void 0 ? "currentColor" : _a$fill,
-    _a$width = _a.width,
-    width = _a$width === void 0 ? 24 : _a$width,
-    _a$height = _a.height,
-    height = _a$height === void 0 ? 24 : _a$height,
-    ref = _a.ref,
+const Minus = _a => {
+  var {
+      fill = "currentColor",
+      width = 24,
+      height = 24,
+      ref
+    } = _a,
     props = tslib.__rest(_a, ["fill", "width", "height", "ref"]);
   return /*#__PURE__*/React__default.default.createElement("svg", Object.assign({
     width: width,

package/Icons/More.js

@@ -7,14 +7,13 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-var More = function More(_a) {
-  var _a$fill = _a.fill,
-    fill = _a$fill === void 0 ? "currentColor" : _a$fill,
-    _a$width = _a.width,
-    width = _a$width === void 0 ? 24 : _a$width,
-    _a$height = _a.height,
-    height = _a$height === void 0 ? 24 : _a$height,
-    ref = _a.ref,
+const More = _a => {
+  var {
+      fill = "currentColor",
+      width = 24,
+      height = 24,
+      ref
+    } = _a,
     props = tslib.__rest(_a, ["fill", "width", "height", "ref"]);
   return /*#__PURE__*/React__default.default.createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",

package/Icons/Plus.js

@@ -7,14 +7,13 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-var Plus = function Plus(_a) {
-  var _a$fill = _a.fill,
-    fill = _a$fill === void 0 ? "currentColor" : _a$fill,
-    _a$width = _a.width,
-    width = _a$width === void 0 ? 18 : _a$width,
-    _a$height = _a.height,
-    height = _a$height === void 0 ? 18 : _a$height,
-    ref = _a.ref,
+const Plus = _a => {
+  var {
+      fill = "currentColor",
+      width = 18,
+      height = 18,
+      ref
+    } = _a,
     props = tslib.__rest(_a, ["fill", "width", "height", "ref"]);
   return /*#__PURE__*/React__default.default.createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",