colibri-ui 0.7.142 → 0.7.144

package/Button/index.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 import { type ButtonProps } from "./index.props";
-declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+declare const Button: ({ className, fullWidth, variant, iconStart, iconEnd, icon, size, children, disabled, onClick, type, ref, ...props }: ButtonProps) => React.JSX.Element;
 export default Button;

package/Button/index.js

@@ -14,7 +14,7 @@ var classNames__default = /*#__PURE__*/_interopDefault(classNames);
 var styles__default = /*#__PURE__*/_interopDefault(styles);
 
 var clx = classNames__default.default.bind(styles__default.default);
-var Button = /*#__PURE__*/React.forwardRef(function (_a, ref) {
+var Button = function Button(_a) {
   var _b;
   var className = _a.className,
     _c = _a.fullWidth,
@@ -29,7 +29,8 @@ var Button = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     disabled = _a.disabled,
     onClick = _a.onClick,
     type = _a.type,
-    props = tslib.__rest(_a, ["className", "fullWidth", "variant", "iconStart", "iconEnd", "icon", "size", "children", "disabled", "onClick", "type"]);
+    ref = _a.ref,
+    props = tslib.__rest(_a, ["className", "fullWidth", "variant", "iconStart", "iconEnd", "icon", "size", "children", "disabled", "onClick", "type", "ref"]);
   return /*#__PURE__*/React__default.default.createElement("button", tslib.__assign({
     onClick: onClick,
     ref: ref,
@@ -50,6 +51,6 @@ var Button = /*#__PURE__*/React.forwardRef(function (_a, ref) {
   }, children), iconEnd && /*#__PURE__*/React__default.default.createElement("span", {
     className: clx(styles__default.default.icon)
   }, iconEnd));
-});
+};
 
 exports.default = Button;

package/Button/index.props.d.ts

@@ -10,4 +10,5 @@ export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     size?: ButtonSize;
     disabled?: boolean;
     type?: "submit" | "reset" | "button" | undefined;
+    ref?: React.Ref<HTMLButtonElement>;
 }

package/Calendar/components/Month/Month.js

@@ -6,7 +6,6 @@ var classNames = require('classnames/bind');
 var leadingZeros = require('../../../libs/numbers/leadingZeros.js');
 var index = require('../../../Typography/index.js');
 var index$1 = require('../../../helpers/date/index.js');
-var generateUniqID = require('../../../helpers/generateUniqID.js');
 var getMonthWeeks = require('../../utils/getMonthWeeks.js');
 var styles = require('./index.module.css');
 
@@ -85,7 +84,7 @@ var Month = function Month(props) {
     var index$2 = rest[0] + 1;
     return /*#__PURE__*/React__namespace.createElement("li", {
       className: clx(styles__default.default.day),
-      key: generateUniqID.default(index$2)
+      key: index$2
     }, /*#__PURE__*/React__namespace.createElement(index.default, {
       style: {
         opacity: index$2 > 5 ? 80 : 30,

package/Calendar/index.js

@@ -116,7 +116,9 @@ var Calendar = function Calendar(_a) {
         return selectDate(date, 1, false);
       }, idleCallbackOptions);
     }
-  }, [canSelectRange, selectedDate, isRangeCompleted, selectDate]);
+  },
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  [canSelectRange, selectedDate, isRangeCompleted, selectDate]);
   var handlePresetSelect = React.useCallback(function (preset) {
     index$1.requestIdleCallback(function () {
       return selectDate(preset.date, preset.period, true);

package/Calendar/index.module.css

@@ -11,6 +11,19 @@
   text-size-adjust: 100%;
 }
 
+.month-control-prev-arrow {
+  color: var(--palette-black);
+  transform: rotate(180deg);
+}
+
+.month-control-next-arrow {
+  color: var(--palette-black);
+  position: absolute;
+  right: 16px;
+  top: 16px;
+  transform: rotate(360deg);
+}
+
 .month-control {
   background: transparent;
   border: 0;
@@ -68,19 +81,6 @@
   width: 40px;
 }
 
-.month-control-prev-arrow {
-  color: var(--palette-black);
-  transform: rotate(180deg);
-}
-
-.month-control-next-arrow {
-  color: var(--palette-black);
-  position: absolute;
-  right: 16px;
-  top: 16px;
-  transform: rotate(360deg);
-}
-
 .months {
   min-height: 300px;
   position: relative;

package/Calendar/utils/getMonthWeeks.js

@@ -6,6 +6,35 @@ var dummyDay = {
   day: 0,
   isDummy: true
 };
+function getDateDayInWeek(date) {
+  var day = date.getDay() - 1;
+  return day >= 0 ? day : 6;
+}
+function doubleDigits(v) {
+  return leadingZeros.leadingZeros(v, 2);
+}
+function formatToComparable(date) {
+  return new Date([date.getFullYear(), doubleDigits(date.getMonth() + 1), doubleDigits(date.getDate())].join("-")).getTime();
+}
+function checkIfDateIsAvailable(date, options) {
+  var availableDates = options.availableDates,
+    today = options.today;
+  var todayCompatible = formatToComparable(new Date(today));
+  var availableDatesComparable = availableDates && availableDates.length > 0 && availableDates.map(function (_date) {
+    return formatToComparable(new Date(_date));
+  });
+  var isAvailableDate = availableDatesComparable ? availableDatesComparable.includes(date) : true;
+  return date >= todayCompatible && isAvailableDate;
+}
+function getSelectedDates(options) {
+  var period = options.selectedPeriod ? options.selectedPeriod - 1 : 0;
+  var dateFrom = options.selectedDate ? new Date(options.selectedDate) : undefined;
+  var dateTo = dateFrom ? new Date(dateFrom.getTime() + 24 * 60 * 60 * 1000 * period) : undefined;
+  return {
+    selectedDateFrom: dateFrom ? formatToComparable(dateFrom) : undefined,
+    selectedDateTo: dateTo ? formatToComparable(dateTo) : undefined
+  };
+}
 function getMonthWeeks(options) {
   var _a = getSelectedDates(options),
     selectedDateFrom = _a.selectedDateFrom,
@@ -48,34 +77,5 @@ function getMonthWeeks(options) {
   }
   return weeks;
 }
-function getDateDayInWeek(date) {
-  var day = date.getDay() - 1;
-  return day >= 0 ? day : 6;
-}
-function getSelectedDates(options) {
-  var period = options.selectedPeriod ? options.selectedPeriod - 1 : 0;
-  var dateFrom = options.selectedDate ? new Date(options.selectedDate) : undefined;
-  var dateTo = dateFrom ? new Date(dateFrom.getTime() + 24 * 60 * 60 * 1000 * period) : undefined;
-  return {
-    selectedDateFrom: dateFrom ? formatToComparable(dateFrom) : undefined,
-    selectedDateTo: dateTo ? formatToComparable(dateTo) : undefined
-  };
-}
-function formatToComparable(date) {
-  return new Date([date.getFullYear(), doubleDigits(date.getMonth() + 1), doubleDigits(date.getDate())].join("-")).getTime();
-}
-function doubleDigits(v) {
-  return leadingZeros.leadingZeros(v, 2);
-}
-function checkIfDateIsAvailable(date, options) {
-  var availableDates = options.availableDates,
-    today = options.today;
-  var todayCompatible = formatToComparable(new Date(today));
-  var availableDatesComparable = availableDates && availableDates.length > 0 && availableDates.map(function (_date) {
-    return formatToComparable(new Date(_date));
-  });
-  var isAvailableDate = availableDatesComparable ? availableDatesComparable.includes(date) : true;
-  return date >= todayCompatible && isAvailableDate;
-}
 
 exports.getMonthWeeks = getMonthWeeks;

package/Calendar/utils/getNumberOfMonthsBetweenDates.js

@@ -3,6 +3,9 @@
 /**
  * Returns number of months between dates
  */
+function normalizeDate(date) {
+  return date.split("-").slice(0, 2).join("-");
+}
 function getNumberOfMonthsBetweenDates(startDate, activeDate) {
   var start = new Date(normalizeDate(startDate));
   var active = new Date(normalizeDate(activeDate));
@@ -14,8 +17,5 @@ function getNumberOfMonthsBetweenDates(startDate, activeDate) {
   }
   return count;
 }
-function normalizeDate(date) {
-  return date.split("-").slice(0, 2).join("-");
-}
 
 exports.getNumberOfMonthsBetweenDates = getNumberOfMonthsBetweenDates;

package/Checkbox/Checkbox.module.css

@@ -72,9 +72,17 @@
 .control:hover:not(:disabled) + .fake-checkbox {
   border-color: var(--palette-bg-3);
 }
+
+.control_variant_primary {
+  /* stylelint-disable-next-line no-descending-specificity */
+}
 .control_variant_primary:focus:not(:disabled) + .fake-checkbox {
   box-shadow: 0 0 0 2px var(--checkbox-box-shadow-focused);
 }
+.control_variant_primary:disabled + .fake-checkbox {
+  background-color: var(--checkbox-bg-disabled);
+  z-index: 1;
+}
 .control_variant_primary:hover:not(:disabled) + .fake-checkbox {
   background-color: var(--checkbox-bg-hovered);
 }
@@ -82,8 +90,4 @@
   background-color: var(--checkbox-bg-active);
   border-color: var(--checkbox-border-color-active);
   box-shadow: var(--checkbox-box-shadow-active);
-}
-.control_variant_primary:disabled + .fake-checkbox {
-  background-color: var(--checkbox-bg-disabled);
-  z-index: 1;
 }

package/Checkbox/index.js

@@ -30,7 +30,10 @@ var Checkbox = function Checkbox(_a) {
     className = _a.className,
     disabled = _a.disabled,
     isError = _a.isError;
-  var control = /*#__PURE__*/React__default.default.createElement("label", {
+  var control =
+  /*#__PURE__*/
+  // eslint-disable-next-line jsx-a11y/label-has-associated-control
+  React__default.default.createElement("label", {
     className: clx(styles__default.default.label)
   }, /*#__PURE__*/React__default.default.createElement("div", {
     className: clx(styles__default.default.wrapper)

package/Chip/index.js

@@ -42,7 +42,10 @@ var Chip = function Chip(_a) {
     onClick: onClick
   }, /*#__PURE__*/React__default.default.createElement("span", {
     className: clx("content-inner")
-  }, children)), iconEnd && (/*#__PURE__*/React__default.default.createElement("span", {
+  }, children)), iconEnd && (
+  /*#__PURE__*/
+  // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
+  React__default.default.createElement("span", {
     className: clx("icon-right"),
     role: "button",
     tabIndex: 0,

package/Datepicker/components/TimePicker/Label/index.js

@@ -13,11 +13,15 @@ var OptionLabel = function OptionLabel(_a) {
     onClick = _a.onClick,
     onMouseEnter = _a.onMouseEnter;
   var ref = React.useRef(null);
-  return /*#__PURE__*/React__default.default.createElement("span", {
-    onClick: onClick,
-    onMouseEnter: onMouseEnter,
-    ref: ref
-  }, time);
+  return (
+    /*#__PURE__*/
+    // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
+    React__default.default.createElement("span", {
+      onClick: onClick,
+      onMouseEnter: onMouseEnter,
+      ref: ref
+    }, time)
+  );
 };
 
 exports.default = OptionLabel;

package/Dropdown/index.js

@@ -70,6 +70,7 @@ var Dropdown = function Dropdown(_a) {
     update = _o.update;
   var isNotComponent = typeof children === "string";
   var reference = React.useMemo(function () {
+    if (!children) return null;
     return React.Children.only(isNotComponent ? /*#__PURE__*/React__default.default.createElement("button", null, children) : children);
   }, [children, isNotComponent]);
   var onToggle = React.useCallback(function (event) {
@@ -87,8 +88,8 @@ var Dropdown = function Dropdown(_a) {
   var onHide = React.useCallback(function () {
     setVisible(false);
   }, [setVisible]);
-  var onClickOutside = React.useCallback(function (e) {
-    if (controlElement === null || controlElement === void 0 ? void 0 : controlElement.contains(e.target)) return;
+  var onClickOutside = React.useCallback(function (event) {
+    if (controlElement === null || controlElement === void 0 ? void 0 : controlElement.contains(event.target)) return;
     onHide();
   }, [onHide, controlElement]);
   var onClickOverlay = React.useCallback(function (event) {
@@ -96,7 +97,9 @@ var Dropdown = function Dropdown(_a) {
     if (!preventAutoClose) {
       onHide();
     }
-  }, [onHide]);
+  },
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  [onHide]);
   React.useEffect(function () {
     var unsubscribes = [];
     if (trigger.includes("click")) {
@@ -126,6 +129,7 @@ var Dropdown = function Dropdown(_a) {
         return un();
       });
     };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [controlElement, popperElement, onToggle, onShow, onHide]);
   React.useEffect(function () {
     if (onVisibleChange) onVisibleChange(visible);
@@ -133,10 +137,10 @@ var Dropdown = function Dropdown(_a) {
   React.useEffect(function () {
     if (update) update();
   }, [update, visible]);
-  return /*#__PURE__*/React__default.default.createElement(React__default.default.Fragment, null, /*#__PURE__*/React__default.default.createElement(reference.type, tslib.__assign({
+  return /*#__PURE__*/React__default.default.createElement(React__default.default.Fragment, null, reference && (/*#__PURE__*/React__default.default.createElement(reference.type, tslib.__assign({
     ref: setControlElement,
     tabIndex: 0
-  }, reference.props)), isVisible && (/*#__PURE__*/React__default.default.createElement(index.default, null, /*#__PURE__*/React__default.default.createElement(index$1.default, {
+  }, reference.props))), isVisible && (/*#__PURE__*/React__default.default.createElement(index.default, null, /*#__PURE__*/React__default.default.createElement(index$1.default, {
     onClick: onClickOutside
   }, /*#__PURE__*/React__default.default.createElement("div", tslib.__assign({
     ref: setPopperElement,

package/Icons/ArrowNext.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 import type { Props } from "./index.props";
-declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<SVGSVGElement>>;
+declare const _default: ({ fill, width, height, ref, ...props }: Props) => React.JSX.Element;
 export default _default;

package/Icons/ArrowNext.js

@@ -9,14 +9,15 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-var ArrowNext = /*#__PURE__*/React.forwardRef(function (_a, ref) {
+var ArrowNext = (function (_a) {
   var _b = _a.fill,
     fill = _b === void 0 ? "currentColor" : _b,
     _c = _a.width,
     width = _c === void 0 ? 10 : _c,
     _d = _a.height,
     height = _d === void 0 ? 16 : _d,
-    props = tslib.__rest(_a, ["fill", "width", "height"]);
+    ref = _a.ref,
+    props = tslib.__rest(_a, ["fill", "width", "height", "ref"]);
   return /*#__PURE__*/React__default.default.createElement("svg", tslib.__assign({
     ref: ref,
     fill: "none",

package/Icons/Cart.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 import type { Props } from "./index.props";
-declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<SVGSVGElement>>;
+declare const _default: ({ fill, width, height, ref, ...props }: Props) => React.JSX.Element;
 export default _default;

package/Icons/Cart.js

@@ -9,14 +9,15 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-var Cart = /*#__PURE__*/React.forwardRef(function (_a, ref) {
+var Cart = (function (_a) {
   var _b = _a.fill,
     fill = _b === void 0 ? "currentColor" : _b,
     _c = _a.width,
     width = _c === void 0 ? 24 : _c,
     _d = _a.height,
     height = _d === void 0 ? 24 : _d,
-    props = tslib.__rest(_a, ["fill", "width", "height"]);
+    ref = _a.ref,
+    props = tslib.__rest(_a, ["fill", "width", "height", "ref"]);
   return /*#__PURE__*/React__default.default.createElement("svg", tslib.__assign({
     xmlns: "http://www.w3.org/2000/svg",
     focusable: "false",

package/Icons/Check.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 import type { Props } from "./index.props";
-declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<SVGSVGElement>>;
+declare const _default: ({ fill, width, height, ref, ...props }: Props) => React.JSX.Element;
 export default _default;

package/Icons/Check.js

@@ -9,14 +9,15 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-var Check = /*#__PURE__*/React.forwardRef(function (_a, ref) {
+var Check = (function (_a) {
   var _b = _a.fill,
     fill = _b === void 0 ? "currentColor" : _b,
     _c = _a.width,
     width = _c === void 0 ? 24 : _c,
     _d = _a.height,
     height = _d === void 0 ? 24 : _d,
-    props = tslib.__rest(_a, ["fill", "width", "height"]);
+    ref = _a.ref,
+    props = tslib.__rest(_a, ["fill", "width", "height", "ref"]);
   return /*#__PURE__*/React__default.default.createElement("svg", tslib.__assign({
     xmlns: "http://www.w3.org/2000/svg",
     width: width,

package/Icons/Chevron.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 import type { Props } from "./index.props";
-declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<SVGSVGElement>>;
+declare const _default: ({ fill, width, height, ref, ...props }: Props) => React.JSX.Element;
 export default _default;

package/Icons/Chevron.js

@@ -9,14 +9,15 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-var Chevron = /*#__PURE__*/React.forwardRef(function (_a, ref) {
+var Chevron = (function (_a) {
   var _b = _a.fill,
     fill = _b === void 0 ? "currentColor" : _b,
     _c = _a.width,
     width = _c === void 0 ? 24 : _c,
     _d = _a.height,
     height = _d === void 0 ? 24 : _d,
-    props = tslib.__rest(_a, ["fill", "width", "height"]);
+    ref = _a.ref,
+    props = tslib.__rest(_a, ["fill", "width", "height", "ref"]);
   return /*#__PURE__*/React__default.default.createElement("svg", tslib.__assign({
     xmlns: "http://www.w3.org/2000/svg",
     fill: fill,

package/Icons/Close.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 import type { Props } from "./index.props";
-declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<SVGSVGElement>>;
+declare const _default: ({ width, height, ref, ...props }: Props) => React.JSX.Element;
 export default _default;

package/Icons/Close.js

@@ -9,12 +9,13 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-var CloseIcon = /*#__PURE__*/React.forwardRef(function (_a, ref) {
+var CloseIcon = (function (_a) {
   var _b = _a.width,
     width = _b === void 0 ? 24 : _b,
     _c = _a.height,
     height = _c === void 0 ? 24 : _c,
-    props = tslib.__rest(_a, ["width", "height"]);
+    ref = _a.ref,
+    props = tslib.__rest(_a, ["width", "height", "ref"]);
   return /*#__PURE__*/React__default.default.createElement("svg", tslib.__assign({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",

package/Icons/CrossFill.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 import type { Props } from "./index.props";
-declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<SVGSVGElement>>;
+declare const _default: ({ fill, width, height, ref, ...props }: Props) => React.JSX.Element;
 export default _default;

package/Icons/CrossFill.js

@@ -9,14 +9,15 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-var CrossFill = /*#__PURE__*/React.forwardRef(function (_a, ref) {
+var CrossFill = (function (_a) {
   var _b = _a.fill,
     fill = _b === void 0 ? "currentColor" : _b,
     _c = _a.width,
     width = _c === void 0 ? 24 : _c,
     _d = _a.height,
     height = _d === void 0 ? 24 : _d,
-    props = tslib.__rest(_a, ["fill", "width", "height"]);
+    ref = _a.ref,
+    props = tslib.__rest(_a, ["fill", "width", "height", "ref"]);
   return /*#__PURE__*/React__default.default.createElement("svg", tslib.__assign({
     xmlns: "http://www.w3.org/2000/svg",
     width: width,

package/Icons/Edit.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 import type { Props } from "./index.props";
-declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<SVGSVGElement>>;
+declare const _default: ({ fill, width, height, ref, ...props }: Props) => React.JSX.Element;
 export default _default;

package/Icons/Edit.js

@@ -9,14 +9,15 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-var Edit = /*#__PURE__*/React.forwardRef(function (_a, ref) {
+var Edit = (function (_a) {
   var _b = _a.fill,
     fill = _b === void 0 ? "currentColor" : _b,
     _c = _a.width,
     width = _c === void 0 ? 24 : _c,
     _d = _a.height,
     height = _d === void 0 ? 24 : _d,
-    props = tslib.__rest(_a, ["fill", "width", "height"]);
+    ref = _a.ref,
+    props = tslib.__rest(_a, ["fill", "width", "height", "ref"]);
   return /*#__PURE__*/React__default.default.createElement("svg", tslib.__assign({
     xmlns: "http://www.w3.org/2000/svg",
     width: width,

package/Icons/Exit.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 import type { Props } from "./index.props";
-declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<SVGSVGElement>>;
+declare const _default: ({ fill, width, height, ref, ...props }: Props) => React.JSX.Element;
 export default _default;

package/Icons/Exit.js

@@ -9,14 +9,15 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-var Exit = /*#__PURE__*/React.forwardRef(function (_a, ref) {
+var Exit = (function (_a) {
   var _b = _a.fill,
     fill = _b === void 0 ? "currentColor" : _b,
     _c = _a.width,
     width = _c === void 0 ? 24 : _c,
     _d = _a.height,
     height = _d === void 0 ? 24 : _d,
-    props = tslib.__rest(_a, ["fill", "width", "height"]);
+    ref = _a.ref,
+    props = tslib.__rest(_a, ["fill", "width", "height", "ref"]);
   return /*#__PURE__*/React__default.default.createElement("svg", tslib.__assign({
     xmlns: "http://www.w3.org/2000/svg",
     width: width,

package/Icons/EyeClosed.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 import type { Props } from "./index.props";
-declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<SVGSVGElement>>;
+declare const _default: ({ fill, width, height, ref, ...props }: Props) => React.JSX.Element;
 export default _default;

package/Icons/EyeClosed.js

@@ -9,14 +9,15 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-var EyeClosed = /*#__PURE__*/React.forwardRef(function (_a, ref) {
+var EyeClosed = (function (_a) {
   var _b = _a.fill,
     fill = _b === void 0 ? "currentColor" : _b,
     _c = _a.width,
     width = _c === void 0 ? 24 : _c,
     _d = _a.height,
     height = _d === void 0 ? 24 : _d,
-    props = tslib.__rest(_a, ["fill", "width", "height"]);
+    ref = _a.ref,
+    props = tslib.__rest(_a, ["fill", "width", "height", "ref"]);
   return /*#__PURE__*/React__default.default.createElement("svg", tslib.__assign({
     xmlns: "http://www.w3.org/2000/svg",
     fill: fill,

package/Icons/EyeOpen.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 import type { Props } from "./index.props";
-declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<SVGSVGElement>>;
+declare const _default: ({ fill, width, height, ref, ...props }: Props) => React.JSX.Element;
 export default _default;

package/Icons/EyeOpen.js

@@ -9,14 +9,15 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-var EyeOpen = /*#__PURE__*/React.forwardRef(function (_a, ref) {
+var EyeOpen = (function (_a) {
   var _b = _a.fill,
     fill = _b === void 0 ? "currentColor" : _b,
     _c = _a.width,
     width = _c === void 0 ? 24 : _c,
     _d = _a.height,
     height = _d === void 0 ? 24 : _d,
-    props = tslib.__rest(_a, ["fill", "width", "height"]);
+    ref = _a.ref,
+    props = tslib.__rest(_a, ["fill", "width", "height", "ref"]);
   return /*#__PURE__*/React__default.default.createElement("svg", tslib.__assign({
     xmlns: "http://www.w3.org/2000/svg",
     fill: fill,

package/Icons/Help.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 import type { Props } from "./index.props";
-declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<SVGSVGElement>>;
+declare const _default: ({ width, height, ref, ...props }: Props) => React.JSX.Element;
 export default _default;

package/Icons/Help.js

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

package/Icons/Info.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 import type { Props } from "./index.props";
-declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<SVGSVGElement>>;
+declare const _default: ({ fill, width, height, ref, ...props }: Props) => React.JSX.Element;
 export default _default;

package/Icons/Info.js

@@ -9,14 +9,15 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-var Info = /*#__PURE__*/React.forwardRef(function (_a, ref) {
+var Info = (function (_a) {
   var _b = _a.fill,
     fill = _b === void 0 ? "currentColor" : _b,
     _c = _a.width,
     width = _c === void 0 ? 24 : _c,
     _d = _a.height,
     height = _d === void 0 ? 24 : _d,
-    props = tslib.__rest(_a, ["fill", "width", "height"]);
+    ref = _a.ref,
+    props = tslib.__rest(_a, ["fill", "width", "height", "ref"]);
   return /*#__PURE__*/React__default.default.createElement("svg", tslib.__assign({
     width: width,
     height: height,