@iobroker/adapter-react-v5 4.13.9 → 4.13.10

package/README.md

@@ -670,6 +670,9 @@ socket.getObjectViewCustom('custom', 'state', 'startKey', 'endKey')
 -->
 
 ## Changelog
+### 4.13.10 (2024-04-22)
+* (bluefox) Migrated all icons to Typescript
+
 ### 4.13.9 (2024-04-20)
 * (bluefox) Updated socket-client package
 

package/icons/IconAdapter.js

@@ -5,6 +5,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
 // Icon copied from https://github.com/FortAwesome/Font-Awesome/blob/0d1f27efb836eb2ab994ba37221849ed64a73e5c/svgs/regular/
-const IconAdapter = (props) => react_1.default.createElement("svg", { onClick: e => props.onClick && props.onClick(e), viewBox: "0 0 512 512", width: props.width || 20, height: props.height || props.width || 20, xmlns: "http://www.w3.org/2000/svg", className: props.className, style: props.style },
+const IconAdapter = (props) => react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", onClick: e => props.onClick && props.onClick(e), viewBox: "0 0 512 512", width: props.width || (props.fontSize === 'small' ? 16 : 20), height: props.height || props.width || (props.fontSize === 'small' ? 16 : 20), className: props.className, style: props.style },
     react_1.default.createElement("path", { fill: "currentColor", d: "M448 0L320 96v62.06l-83.03 83.03c6.79 4.25 13.27 9.06 19.07 14.87 5.8 5.8 10.62 12.28 14.87 19.07L353.94 192H416l96-128-64-64zM128 278.59L10.92 395.67c-14.55 14.55-14.55 38.15 0 52.71l52.7 52.7c14.56 14.56 38.15 14.56 52.71 0L233.41 384c29.11-29.11 29.11-76.3 0-105.41s-76.3-29.11-105.41 0z" }));
 exports.default = IconAdapter;

package/icons/IconAlias.js

@@ -5,6 +5,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
 // Icon copied from https://github.com/FortAwesome/Font-Awesome/blob/0d1f27efb836eb2ab994ba37221849ed64a73e5c/svgs/regular/
-const IconAlias = (props) => react_1.default.createElement("svg", { onClick: e => props.onClick && props.onClick(e), viewBox: "0 0 512 512", width: props.width || 20, height: props.height || props.width || 20, xmlns: "http://www.w3.org/2000/svg", className: props.className, style: props.style },
+const IconAlias = (props) => react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", onClick: e => props.onClick && props.onClick(e), viewBox: "0 0 512 512", width: props.width || (props.fontSize === 'small' ? 16 : 20), height: props.height || props.width || (props.fontSize === 'small' ? 16 : 20), className: props.className, style: props.style },
     react_1.default.createElement("path", { fill: "currentColor", d: "M96.06 454.35c.01 6.29 1.87 12.45 5.36 17.69l17.09 25.69a31.99 31.99 0 0 0 26.64 14.28h61.71a31.99 31.99 0 0 0 26.64-14.28l17.09-25.69a31.989 31.989 0 0 0 5.36-17.69l.04-38.35H96.01l.05 38.35zM0 176c0 44.37 16.45 84.85 43.56 115.78 16.52 18.85 42.36 58.23 52.21 91.45.04.26.07.52.11.78h160.24c.04-.26.07-.51.11-.78 9.85-33.22 35.69-72.6 52.21-91.45C335.55 260.85 352 220.37 352 176 352 78.61 272.91-.3 175.45 0 73.44.31 0 82.97 0 176zm176-80c-44.11 0-80 35.89-80 80 0 8.84-7.16 16-16 16s-16-7.16-16-16c0-61.76 50.24-112 112-112 8.84 0 16 7.16 16 16s-7.16 16-16 16z" }));
 exports.default = IconAlias;

package/icons/IconChannel.d.ts

@@ -1,12 +1,4 @@
-export default IconChannel;
-declare function IconChannel(props: any): React.JSX.Element;
-declare namespace IconChannel {
-    namespace propTypes {
-        let onClick: PropTypes.Requireable<(...args: any[]) => any>;
-        let width: PropTypes.Requireable<NonNullable<string | number>>;
-        let height: PropTypes.Requireable<NonNullable<string | number>>;
-        let className: PropTypes.Requireable<string>;
-    }
-}
 import React from 'react';
-import PropTypes from 'prop-types';
+import type IconProps from './IconProps';
+declare const IconChannel: (props: IconProps) => React.JSX.Element;
+export default IconChannel;

package/icons/IconChannel.js

@@ -1,71 +1,13 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var IconChannel = function IconChannel(props) {
-  return /*#__PURE__*/_react["default"].createElement("svg", {
-    onClick: function onClick(e) {
-      return props.onClick && props.onClick(e);
-    },
-    viewBox: "0 0 320 320",
-    width: props.width || 20,
-    height: props.height || props.width || 20,
-    xmlns: "http://www.w3.org/2000/svg",
-    className: props.className,
-    style: props.style
-  }, /*#__PURE__*/_react["default"].createElement("g", {
-    fill: "currentColor"
-  }, /*#__PURE__*/_react["default"].createElement("rect", {
-    rx: "32",
-    height: "272",
-    width: "267",
-    y: "25",
-    x: "25",
-    strokeWidth: "15",
-    stroke: "currentColor",
-    fill: "none"
-  }), /*#__PURE__*/_react["default"].createElement("ellipse", {
-    stroke: "currentColor",
-    ry: "26",
-    rx: "26",
-    cy: "248",
-    cx: "160",
-    fill: "none",
-    strokeWidth: "15"
-  }), /*#__PURE__*/_react["default"].createElement("line", {
-    strokeLinecap: "null",
-    strokeLinejoin: "null",
-    y2: "201.94531",
-    x2: "159.5",
-    y1: "46.94531",
-    x1: "159.5",
-    fillOpacity: "null",
-    strokeOpacity: "null",
-    strokeWidth: "15",
-    stroke: "currentColor",
-    fill: "none"
-  }), /*#__PURE__*/_react["default"].createElement("rect", {
-    height: "27",
-    width: "50",
-    y: "79.7979",
-    x: "133.5",
-    fillOpacity: "null",
-    strokeOpacity: "null",
-    strokeWidth: "15",
-    stroke: "currentColor",
-    fill: "#fff"
-  })));
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
-IconChannel.propTypes = {
-  onClick: _propTypes["default"].func,
-  width: _propTypes["default"].oneOfType([_propTypes["default"].number, _propTypes["default"].string]),
-  height: _propTypes["default"].oneOfType([_propTypes["default"].number, _propTypes["default"].string]),
-  className: _propTypes["default"].string
-};
-var _default = exports["default"] = IconChannel;
-//# sourceMappingURL=IconChannel.js.map
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const IconChannel = (props) => react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", onClick: e => props.onClick && props.onClick(e), viewBox: "0 0 320 320", width: props.width || (props.fontSize === 'small' ? 16 : 20), height: props.height || props.width || (props.fontSize === 'small' ? 16 : 20), className: props.className, style: props.style },
+    react_1.default.createElement("g", { fill: "currentColor" },
+        react_1.default.createElement("rect", { rx: "32", height: "272", width: "267", y: "25", x: "25", strokeWidth: "15", stroke: "currentColor", fill: "none" }),
+        react_1.default.createElement("ellipse", { stroke: "currentColor", ry: "26", rx: "26", cy: "248", cx: "160", fill: "none", strokeWidth: "15" }),
+        react_1.default.createElement("line", { y2: "201.94531", x2: "159.5", y1: "46.94531", x1: "159.5", fillOpacity: "null", strokeOpacity: "null", strokeWidth: "15", stroke: "currentColor", fill: "none" }),
+        react_1.default.createElement("rect", { height: "27", width: "50", y: "79.7979", x: "133.5", fillOpacity: "null", strokeOpacity: "null", strokeWidth: "15", stroke: "currentColor", fill: "#fff" })));
+exports.default = IconChannel;

package/icons/IconClearFilter.d.ts

@@ -1,12 +1,4 @@
-export default IconClearFilter;
-declare function IconClearFilter(props: any): React.JSX.Element;
-declare namespace IconClearFilter {
-    namespace propTypes {
-        let onClick: PropTypes.Requireable<(...args: any[]) => any>;
-        let width: PropTypes.Requireable<NonNullable<string | number>>;
-        let height: PropTypes.Requireable<NonNullable<string | number>>;
-        let className: PropTypes.Requireable<string>;
-    }
-}
 import React from 'react';
-import PropTypes from 'prop-types';
+import type IconProps from './IconProps';
+declare const IconClearFilter: (props: IconProps) => React.JSX.Element;
+export default IconClearFilter;

package/icons/IconClearFilter.js

@@ -1,35 +1,11 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
 // Copyright Apache 2.0 https://raw.githubusercontent.com/material-icons/material-icons/master/svg/filter_alt/baseline.svg
 // https://github.com/material-icons/material-icons/blob/master/LICENSE
-var IconClearFilter = function IconClearFilter(props) {
-  return /*#__PURE__*/_react["default"].createElement("svg", {
-    onClick: function onClick(e) {
-      return props.onClick && props.onClick(e);
-    },
-    viewBox: "0 0 24 24",
-    width: props.width || 20,
-    height: props.height || props.width || 20,
-    xmlns: "http://www.w3.org/2000/svg",
-    className: props.className
-  }, /*#__PURE__*/_react["default"].createElement("path", {
-    fill: "currentColor",
-    stroke: "currentColor",
-    d: "M4.25 5.61C6.27 8.2 10 13 10 13v6c0 .55.45 1 1 1h2c.55 0 1-.45 1-1v-6s3.72-4.8 5.74-7.39A.998.998 0 0 0 18.95 4H5.04c-.83 0-1.3.95-.79 1.61z"
-  }));
-};
-IconClearFilter.propTypes = {
-  onClick: _propTypes["default"].func,
-  width: _propTypes["default"].oneOfType([_propTypes["default"].number, _propTypes["default"].string]),
-  height: _propTypes["default"].oneOfType([_propTypes["default"].number, _propTypes["default"].string]),
-  className: _propTypes["default"].string
-};
-var _default = exports["default"] = IconClearFilter;
-//# sourceMappingURL=IconClearFilter.js.map
+const IconClearFilter = (props) => react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", onClick: e => props.onClick && props.onClick(e), viewBox: "0 0 24 24", width: props.width || (props.fontSize === 'small' ? 16 : 20), height: props.height || props.width || (props.fontSize === 'small' ? 16 : 20), className: props.className, style: props.style },
+    react_1.default.createElement("path", { fill: "currentColor", stroke: "currentColor", d: "M4.25 5.61C6.27 8.2 10 13 10 13v6c0 .55.45 1 1 1h2c.55 0 1-.45 1-1v-6s3.72-4.8 5.74-7.39A.998.998 0 0 0 18.95 4H5.04c-.83 0-1.3.95-.79 1.61z" }));
+exports.default = IconClearFilter;

package/icons/IconClosed.d.ts

@@ -1,12 +1,4 @@
-export default IconClosed;
-declare function IconClosed(props: any): React.JSX.Element;
-declare namespace IconClosed {
-    namespace propTypes {
-        let onClick: PropTypes.Requireable<(...args: any[]) => any>;
-        let width: PropTypes.Requireable<NonNullable<string | number>>;
-        let height: PropTypes.Requireable<NonNullable<string | number>>;
-        let className: PropTypes.Requireable<string>;
-    }
-}
 import React from 'react';
-import PropTypes from 'prop-types';
+import type IconProps from './IconProps';
+declare const IconClosed: (props: IconProps) => React.JSX.Element;
+export default IconClosed;

package/icons/IconClosed.js

@@ -1,33 +1,10 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-// Icon copied from https://github.com/FortAwesome/Font-Awesome/blob/0d1f27efb836eb2ab994ba37221849ed64a73e5c/svgs/regular/
-var IconClosed = function IconClosed(props) {
-  return /*#__PURE__*/_react["default"].createElement("svg", {
-    onClick: function onClick(e) {
-      return props.onClick && props.onClick(e);
-    },
-    viewBox: "0 0 650 512",
-    xmlns: "http://www.w3.org/2000/svg",
-    width: props.width || 20,
-    height: props.height || props.width || 20,
-    className: props.className
-  }, /*#__PURE__*/_react["default"].createElement("path", {
-    fill: "currentColor",
-    d: "M464 128H272l-64-64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V176c0-26.51-21.49-48-48-48z"
-  }));
-};
-IconClosed.propTypes = {
-  onClick: _propTypes["default"].func,
-  width: _propTypes["default"].oneOfType([_propTypes["default"].number, _propTypes["default"].string]),
-  height: _propTypes["default"].oneOfType([_propTypes["default"].number, _propTypes["default"].string]),
-  className: _propTypes["default"].string
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
-var _default = exports["default"] = IconClosed;
-//# sourceMappingURL=IconClosed.js.map
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+// Icon copied from https://github.com/FortAwesome/Font-Awesome/blob/0d1f27efb836eb2ab994ba37221849ed64a73e5c/svgs/regular/
+const IconClosed = (props) => react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", onClick: e => props.onClick && props.onClick(e), viewBox: "0 0 650 512", width: props.width || (props.fontSize === 'small' ? 16 : 20), height: props.height || props.width || (props.fontSize === 'small' ? 16 : 20), className: props.className, style: props.style },
+    react_1.default.createElement("path", { fill: "currentColor", d: "M464 128H272l-64-64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V176c0-26.51-21.49-48-48-48z" }));
+exports.default = IconClosed;

package/icons/IconCopy.d.ts

@@ -1,39 +1,4 @@
-export default IconCopy;
-export type IconCopyProps = {
-    /**
-     * The width in pixels of the icon.
-     */
-    width?: number;
-    /**
-     * The height in pixels of the icon.
-     */
-    height?: number;
-    /**
-     * Click handler.
-     */
-    onClick?: (e: React.MouseEvent) => void;
-    /**
-     * The class name for the SVG element.
-     */
-    className?: string;
-};
-/**
- * @typedef {object} IconCopyProps
- * @property {number} [width] The width in pixels of the icon.
- * @property {number} [height] The height in pixels of the icon.
- * @property {(e: React.MouseEvent) => void} [onClick] Click handler.
- * @property {string} [className] The class name for the SVG element.
- *
- * @extends {React.Component<IconCopyProps>}
- */
-declare function IconCopy(props: any): React.JSX.Element;
-declare namespace IconCopy {
-    namespace propTypes {
-        let onClick: PropTypes.Requireable<(...args: any[]) => any>;
-        let width: PropTypes.Requireable<NonNullable<string | number>>;
-        let height: PropTypes.Requireable<NonNullable<string | number>>;
-        let className: PropTypes.Requireable<string>;
-    }
-}
 import React from 'react';
-import PropTypes from 'prop-types';
+import type IconProps from './IconProps';
+declare const IconCopy: (props: IconProps) => React.JSX.Element;
+export default IconCopy;

package/icons/IconCopy.js

@@ -1,41 +1,9 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-/**
- * @typedef {object} IconCopyProps
- * @property {number} [width] The width in pixels of the icon.
- * @property {number} [height] The height in pixels of the icon.
- * @property {(e: React.MouseEvent) => void} [onClick] Click handler.
- * @property {string} [className] The class name for the SVG element.
- *
- * @extends {React.Component<IconCopyProps>}
- */
-var IconCopy = function IconCopy(props) {
-  return /*#__PURE__*/_react["default"].createElement("svg", {
-    onClick: function onClick(e) {
-      return props.onClick && props.onClick(e);
-    },
-    viewBox: "0 0 512 512",
-    width: props.width || 20,
-    height: props.height || props.width || 20,
-    xmlns: "http://www.w3.org/2000/svg",
-    className: props.className
-  }, /*#__PURE__*/_react["default"].createElement("path", {
-    fill: "currentColor",
-    d: "M433.941 65.941l-51.882-51.882A48 48 0 0 0 348.118 0H176c-26.51 0-48 21.49-48 48v48H48c-26.51 0-48 21.49-48 48v320c0 26.51 21.49 48 48 48h224c26.51 0 48-21.49 48-48v-48h80c26.51 0 48-21.49 48-48V99.882a48 48 0 0 0-14.059-33.941zM266 464H54a6 6 0 0 1-6-6V150a6 6 0 0 1 6-6h74v224c0 26.51 21.49 48 48 48h96v42a6 6 0 0 1-6 6zm128-96H182a6 6 0 0 1-6-6V54a6 6 0 0 1 6-6h106v88c0 13.255 10.745 24 24 24h88v202a6 6 0 0 1-6 6zm6-256h-64V48h9.632c1.591 0 3.117.632 4.243 1.757l48.368 48.368a6 6 0 0 1 1.757 4.243V112z"
-  }));
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
-IconCopy.propTypes = {
-  onClick: _propTypes["default"].func,
-  width: _propTypes["default"].oneOfType([_propTypes["default"].number, _propTypes["default"].string]),
-  height: _propTypes["default"].oneOfType([_propTypes["default"].number, _propTypes["default"].string]),
-  className: _propTypes["default"].string
-};
-var _default = exports["default"] = IconCopy;
-//# sourceMappingURL=IconCopy.js.map
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const IconCopy = (props) => react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", onClick: e => props.onClick && props.onClick(e), width: props.width || (props.fontSize === 'small' ? 16 : 20), height: props.height || props.width || (props.fontSize === 'small' ? 16 : 20), className: props.className, style: props.style },
+    react_1.default.createElement("path", { fill: "currentColor", d: "M433.941 65.941l-51.882-51.882A48 48 0 0 0 348.118 0H176c-26.51 0-48 21.49-48 48v48H48c-26.51 0-48 21.49-48 48v320c0 26.51 21.49 48 48 48h224c26.51 0 48-21.49 48-48v-48h80c26.51 0 48-21.49 48-48V99.882a48 48 0 0 0-14.059-33.941zM266 464H54a6 6 0 0 1-6-6V150a6 6 0 0 1 6-6h74v224c0 26.51 21.49 48 48 48h96v42a6 6 0 0 1-6 6zm128-96H182a6 6 0 0 1-6-6V54a6 6 0 0 1 6-6h106v88c0 13.255 10.745 24 24 24h88v202a6 6 0 0 1-6 6zm6-256h-64V48h9.632c1.591 0 3.117.632 4.243 1.757l48.368 48.368a6 6 0 0 1 1.757 4.243V112z" }));
+exports.default = IconCopy;

package/icons/IconDevice.d.ts

@@ -1,12 +1,4 @@
-export default IconDevice;
-declare function IconDevice(props: any): React.JSX.Element;
-declare namespace IconDevice {
-    namespace propTypes {
-        let onClick: PropTypes.Requireable<(...args: any[]) => any>;
-        let width: PropTypes.Requireable<NonNullable<string | number>>;
-        let height: PropTypes.Requireable<NonNullable<string | number>>;
-        let className: PropTypes.Requireable<string>;
-    }
-}
 import React from 'react';
-import PropTypes from 'prop-types';
+import type IconProps from './IconProps';
+declare const IconDevice: (props: IconProps) => React.JSX.Element;
+export default IconDevice;

package/icons/IconDevice.js

@@ -1,134 +1,19 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var IconDevice = function IconDevice(props) {
-  return /*#__PURE__*/_react["default"].createElement("svg", {
-    onClick: function onClick(e) {
-      return props.onClick && props.onClick(e);
-    },
-    viewBox: "0 0 320 320",
-    width: props.width || 20,
-    height: props.height || props.width || 20,
-    xmlns: "http://www.w3.org/2000/svg",
-    className: props.className
-  }, /*#__PURE__*/_react["default"].createElement("g", {
-    fill: "currentColor"
-  }, /*#__PURE__*/_react["default"].createElement("rect", {
-    rx: "32",
-    height: "272",
-    width: "267",
-    y: "25",
-    x: "25",
-    strokeWidth: "15",
-    stroke: "currentColor",
-    fill: "none"
-  }), /*#__PURE__*/_react["default"].createElement("ellipse", {
-    stroke: "currentColor",
-    ry: "26",
-    rx: "26",
-    cy: "252",
-    cx: "160",
-    fillOpacity: "null",
-    strokeOpacity: "null",
-    strokeWidth: "15",
-    fill: "#fff"
-  }), /*#__PURE__*/_react["default"].createElement("line", {
-    strokeLinecap: "null",
-    strokeLinejoin: "null",
-    y2: "201.94531",
-    x2: "159.5",
-    y1: "46.94531",
-    x1: "159.5",
-    fillOpacity: "null",
-    strokeOpacity: "null",
-    strokeWidth: "15",
-    stroke: "currentColor",
-    fill: "none"
-  }), /*#__PURE__*/_react["default"].createElement("rect", {
-    height: "27",
-    width: "50",
-    y: "140.83068",
-    x: "133.5",
-    fillOpacity: "null",
-    strokeOpacity: "null",
-    strokeWidth: "15",
-    stroke: "currentColor",
-    fill: "#fff"
-  }), /*#__PURE__*/_react["default"].createElement("ellipse", {
-    stroke: "currentColor",
-    ry: "26",
-    rx: "26",
-    cy: "251",
-    cx: "241",
-    fillOpacity: "null",
-    strokeOpacity: "null",
-    strokeWidth: "15",
-    fill: "#fff"
-  }), /*#__PURE__*/_react["default"].createElement("line", {
-    strokeLinecap: "null",
-    strokeLinejoin: "null",
-    y2: "200.94531",
-    x2: "240.5",
-    y1: "45.94531",
-    x1: "240.5",
-    fillOpacity: "null",
-    strokeOpacity: "null",
-    strokeWidth: "15",
-    stroke: "currentColor",
-    fill: "none"
-  }), /*#__PURE__*/_react["default"].createElement("rect", {
-    height: "27",
-    width: "50",
-    y: "78.7979",
-    x: "214.5",
-    strokeWidth: "15",
-    stroke: "currentColor",
-    fill: "#fff"
-  }), /*#__PURE__*/_react["default"].createElement("ellipse", {
-    stroke: "currentColor",
-    ry: "26",
-    rx: "26",
-    cy: "252",
-    cx: "84",
-    fillOpacity: "null",
-    strokeOpacity: "null",
-    strokeWidth: "15",
-    fill: "#fff"
-  }), /*#__PURE__*/_react["default"].createElement("line", {
-    strokeLinecap: "null",
-    strokeLinejoin: "null",
-    y2: "201.94531",
-    x2: "83.5",
-    y1: "46.94531",
-    x1: "83.5",
-    fillOpacity: "null",
-    strokeOpacity: "null",
-    strokeWidth: "15",
-    stroke: "currentColor",
-    fill: "none"
-  }), /*#__PURE__*/_react["default"].createElement("rect", {
-    height: "27",
-    width: "50",
-    y: "79.7979",
-    x: "57.5",
-    fillOpacity: "null",
-    strokeOpacity: "null",
-    strokeWidth: "15",
-    stroke: "currentColor",
-    fill: "#fff"
-  })));
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
-IconDevice.propTypes = {
-  onClick: _propTypes["default"].func,
-  width: _propTypes["default"].oneOfType([_propTypes["default"].number, _propTypes["default"].string]),
-  height: _propTypes["default"].oneOfType([_propTypes["default"].number, _propTypes["default"].string]),
-  className: _propTypes["default"].string
-};
-var _default = exports["default"] = IconDevice;
-//# sourceMappingURL=IconDevice.js.map
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const IconDevice = (props) => react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", onClick: e => props.onClick && props.onClick(e), viewBox: "0 0 320 320", width: props.width || (props.fontSize === 'small' ? 16 : 20), height: props.height || props.width || (props.fontSize === 'small' ? 16 : 20), className: props.className, style: props.style },
+    react_1.default.createElement("g", { fill: "currentColor" },
+        react_1.default.createElement("rect", { rx: "32", height: "272", width: "267", y: "25", x: "25", strokeWidth: "15", stroke: "currentColor", fill: "none" }),
+        react_1.default.createElement("ellipse", { stroke: "currentColor", ry: "26", rx: "26", cy: "252", cx: "160", fillOpacity: "null", strokeOpacity: "null", strokeWidth: "15", fill: "#fff" }),
+        react_1.default.createElement("line", { y2: "201.94531", x2: "159.5", y1: "46.94531", x1: "159.5", fillOpacity: "null", strokeOpacity: "null", strokeWidth: "15", stroke: "currentColor", fill: "none" }),
+        react_1.default.createElement("rect", { height: "27", width: "50", y: "140.83068", x: "133.5", fillOpacity: "null", strokeOpacity: "null", strokeWidth: "15", stroke: "currentColor", fill: "#fff" }),
+        react_1.default.createElement("ellipse", { stroke: "currentColor", ry: "26", rx: "26", cy: "251", cx: "241", fillOpacity: "null", strokeOpacity: "null", strokeWidth: "15", fill: "#fff" }),
+        react_1.default.createElement("line", { y2: "200.94531", x2: "240.5", y1: "45.94531", x1: "240.5", fillOpacity: "null", strokeOpacity: "null", strokeWidth: "15", stroke: "currentColor", fill: "none" }),
+        react_1.default.createElement("rect", { height: "27", width: "50", y: "78.7979", x: "214.5", strokeWidth: "15", stroke: "currentColor", fill: "#fff" }),
+        react_1.default.createElement("ellipse", { stroke: "currentColor", ry: "26", rx: "26", cy: "252", cx: "84", fillOpacity: "null", strokeOpacity: "null", strokeWidth: "15", fill: "#fff" }),
+        react_1.default.createElement("line", { y2: "201.94531", x2: "83.5", y1: "46.94531", x1: "83.5", fillOpacity: "null", strokeOpacity: "null", strokeWidth: "15", stroke: "currentColor", fill: "none" }),
+        react_1.default.createElement("rect", { height: "27", width: "50", y: "79.7979", x: "57.5", fillOpacity: "null", strokeOpacity: "null", strokeWidth: "15", stroke: "currentColor", fill: "#fff" })));
+exports.default = IconDevice;

package/icons/IconDocument.d.ts

@@ -1,12 +1,4 @@
-export default IconDocument;
-declare function IconDocument(props: any): React.JSX.Element;
-declare namespace IconDocument {
-    namespace propTypes {
-        let onClick: PropTypes.Requireable<(...args: any[]) => any>;
-        let width: PropTypes.Requireable<NonNullable<string | number>>;
-        let height: PropTypes.Requireable<NonNullable<string | number>>;
-        let className: PropTypes.Requireable<string>;
-    }
-}
 import React from 'react';
-import PropTypes from 'prop-types';
+import type IconProps from './IconProps';
+declare const IconDocument: (props: IconProps) => React.JSX.Element;
+export default IconDocument;

package/icons/IconDocument.js

@@ -1,33 +1,10 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-// Icon copied from https://github.com/FortAwesome/Font-Awesome/blob/0d1f27efb836eb2ab994ba37221849ed64a73e5c/svgs/regular/
-var IconDocument = function IconDocument(props) {
-  return /*#__PURE__*/_react["default"].createElement("svg", {
-    onClick: function onClick(e) {
-      return props.onClick && props.onClick(e);
-    },
-    viewBox: "0 0 512 512",
-    width: props.width || 20,
-    height: props.height || props.width || 20,
-    xmlns: "http://www.w3.org/2000/svg",
-    className: props.className
-  }, /*#__PURE__*/_react["default"].createElement("path", {
-    fill: "currentColor",
-    d: "M369.9 97.9L286 14C277 5 264.8-.1 252.1-.1H48C21.5 0 0 21.5 0 48v416c0 26.5 21.5 48 48 48h288c26.5 0 48-21.5 48-48V131.9c0-12.7-5.1-25-14.1-34zM332.1 128H256V51.9l76.1 76.1zM48 464V48h160v104c0 13.3 10.7 24 24 24h104v288H48z"
-  }));
-};
-IconDocument.propTypes = {
-  onClick: _propTypes["default"].func,
-  width: _propTypes["default"].oneOfType([_propTypes["default"].number, _propTypes["default"].string]),
-  height: _propTypes["default"].oneOfType([_propTypes["default"].number, _propTypes["default"].string]),
-  className: _propTypes["default"].string
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
-var _default = exports["default"] = IconDocument;
-//# sourceMappingURL=IconDocument.js.map
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+// Icon copied from https://github.com/FortAwesome/Font-Awesome/blob/0d1f27efb836eb2ab994ba37221849ed64a73e5c/svgs/regular/
+const IconDocument = (props) => react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", onClick: e => props.onClick && props.onClick(e), width: props.width || (props.fontSize === 'small' ? 16 : 20), height: props.height || props.width || (props.fontSize === 'small' ? 16 : 20), className: props.className, style: props.style },
+    react_1.default.createElement("path", { fill: "currentColor", d: "M369.9 97.9L286 14C277 5 264.8-.1 252.1-.1H48C21.5 0 0 21.5 0 48v416c0 26.5 21.5 48 48 48h288c26.5 0 48-21.5 48-48V131.9c0-12.7-5.1-25-14.1-34zM332.1 128H256V51.9l76.1 76.1zM48 464V48h160v104c0 13.3 10.7 24 24 24h104v288H48z" }));
+exports.default = IconDocument;

package/icons/IconDocumentReadOnly.d.ts

@@ -1,12 +1,4 @@
-export default IconDocumentReadOnly;
-declare function IconDocumentReadOnly(props: any): React.JSX.Element;
-declare namespace IconDocumentReadOnly {
-    namespace propTypes {
-        let onClick: PropTypes.Requireable<(...args: any[]) => any>;
-        let width: PropTypes.Requireable<NonNullable<string | number>>;
-        let height: PropTypes.Requireable<NonNullable<string | number>>;
-        let className: PropTypes.Requireable<string>;
-    }
-}
 import React from 'react';
-import PropTypes from 'prop-types';
+import type IconProps from './IconProps';
+declare const IconDocumentReadOnly: (props: IconProps) => React.JSX.Element;
+export default IconDocumentReadOnly;