@plesk/ui-library 3.35.2 → 3.35.3

package/cjs/components/FormFieldRadioButtons/FormFieldRadioButtons.js

@@ -5,11 +5,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _classnames = _interopRequireDefault(require("classnames"));
+var _react = require("react");
 var _constants = require("../../constants");
-var _FormField = _interopRequireDefault(require("../FormField"));
+var _FormField = _interopRequireWildcard(require("../FormField"));
 var _Hint = _interopRequireDefault(require("../Hint"));
 var _Radio = _interopRequireDefault(require("../Radio"));
 var _jsxRuntime = require("react/jsx-runtime");
@@ -21,137 +20,69 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  * `FormFieldRadioButtons` is used for making a choice among a set of mutually exclusive, related options. Only one option can be chosen.
  * @since 0.2.0
  */
-class FormFieldRadioButtons extends _react.Component {
-  render() {
-    const {
-      baseClassName,
-      className,
-      options,
-      autoFocus,
-      multi,
-      ...props
-    } = this.props;
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FormField.default, {
-      className: (0, _classnames.default)(baseClassName, className),
-      ...props,
-      children: _ref => {
+const FormFieldRadioButtons = _ref => {
+  let {
+    baseClassName = `${_constants.CLS_PREFIX}form-field-radio-buttons`,
+    className,
+    options,
+    autoFocus,
+    ...props
+  } = _ref;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FormField.default, {
+    className: (0, _classnames.default)(baseClassName, className),
+    ...props,
+    children: _ref2 => {
+      let {
+        getId,
+        getName,
+        getValue,
+        setValue,
+        isDisabled
+      } = _ref2;
+      return options.map((_ref3, index) => {
         let {
-          getId,
-          getName,
-          getValue,
-          setValue,
-          isDisabled
-        } = _ref;
-        return options.map((_ref2, index) => {
-          let {
-            value,
-            label,
-            description,
-            disabled,
-            indentFields = []
-          } = _ref2;
-          return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-            className: `${baseClassName}__radio`,
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Radio.default, {
+          value,
+          label,
+          description,
+          disabled,
+          indentFields = []
+        } = _ref3;
+        return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: `${baseClassName}__radio`,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Radio.default, {
+            name: getName(),
+            checked: getValue() === value,
+            onChange: isChecked => {
+              if (isChecked) {
+                setValue(value);
+              }
+            },
+            disabled: isDisabled() || disabled,
+            inputProps: {
+              id: getId() ? `${getId()}-${value}` : undefined,
               name: getName(),
-              checked: getValue() === value,
-              onChange: isChecked => {
-                if (isChecked) {
-                  setValue(value);
-                }
-              },
-              disabled: isDisabled() || disabled,
-              inputProps: {
-                id: getId() ? `${getId()}-${value}` : null,
-                name: getName(),
-                value,
-                autoFocus: index === 0 && autoFocus ? true : undefined
-              },
-              children: label || value
-            }), description || indentFields ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-              className: `${baseClassName}__content`,
-              children: [description && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Hint.default, {
-                component: "div",
-                className: `${_FormField.default.defaultProps.baseClassName}__description`,
-                children: description
-              }), indentFields.map(field => {
-                if (isDisabled() || disabled || getValue() !== value) {
-                  return /*#__PURE__*/(0, _react.cloneElement)(field, {
-                    disabled: true
-                  });
-                }
-                return field;
-              })]
-            }) : null]
-          }, value);
-        });
-      }
-    });
-  }
-}
-FormFieldRadioButtons.propTypes = {
-  /**
-   * Options definition.
-   * @since 0.2.0
-   */
-  options: _propTypes.default.arrayOf(_propTypes.default.shape({
-    /**
-     * Option value.
-     */
-    value: _propTypes.default.string.isRequired,
-    /**
-     * Option label.
-     */
-    label: _propTypes.default.node.isRequired,
-    /**
-     * Text hint located below option for providing additional information.
-     */
-    description: _propTypes.default.node,
-    /**
-     * Set true if option is not available to choice.
-     */
-    disabled: _propTypes.default.bool,
-    /**
-     * Optional array of `FormField` components under this option.
-     */
-    indentFields: _propTypes.default.array
-  })).isRequired,
-  /**
-   * Value of current chosen option.
-   * @deprecated Use [Form](#!/Form) values.
-   * @since 0.2.0
-   */
-  value: _propTypes.default.string,
-  /**
-   * Disabled state of field.
-   * @since 0.2.0
-   */
-  disabled: _propTypes.default.bool,
-  /**
-   * The browser will automatically focus on the component upon rendering the screen
-   * @since 1.9.0
-   */
-  autoFocus: _propTypes.default.bool,
-  /**
-   * @ignore Field cannot be multiple
-   */
-  multi: _propTypes.default.bool,
-  /**
-   * @ignore
-   */
-  className: _propTypes.default.string,
-  /**
-   * @ignore
-   */
-  baseClassName: _propTypes.default.string
+              value,
+              autoFocus: index === 0 && autoFocus ? true : undefined
+            },
+            children: label || value
+          }), description || indentFields ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+            className: `${baseClassName}__content`,
+            children: [description && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Hint.default, {
+              component: "div",
+              className: `${_FormField.BASE_FORM_FIELD_CLASS_NAME}__description`,
+              children: description
+            }), indentFields.map(field => {
+              if (isDisabled() || disabled || getValue() !== value) {
+                return /*#__PURE__*/(0, _react.cloneElement)(field, {
+                  disabled: true
+                });
+              }
+              return field;
+            })]
+          }) : null]
+        }, value);
+      });
+    }
+  });
 };
-FormFieldRadioButtons.defaultProps = {
-  value: undefined,
-  disabled: undefined,
-  autoFocus: undefined,
-  multi: undefined,
-  className: undefined,
-  baseClassName: `${_constants.CLS_PREFIX}form-field-radio-buttons`
-};
-var _default = FormFieldRadioButtons;
-exports.default = _default;
+var _default = exports.default = FormFieldRadioButtons;

package/cjs/components/FormFieldSelect/FormFieldSelect.js

@@ -56,5 +56,4 @@ const FormFieldSelect = _ref => {
     }
   });
 };
-var _default = FormFieldSelect;
-exports.default = _default;
+var _default = exports.default = FormFieldSelect;

package/cjs/components/FormFieldText/FormFieldText.js

@@ -5,18 +5,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _constants = require("../../constants");
 var _FormField = _interopRequireDefault(require("../FormField"));
 var _Input = _interopRequireDefault(require("../Input"));
 var _TextArea = _interopRequireDefault(require("../TextArea"));
 var _jsxRuntime = require("react/jsx-runtime");
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-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; }
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
-/* eslint-disable react/prefer-stateless-function */
 
 /**
  * `FormFieldText` component is used for entering of user data in text format.
@@ -24,142 +19,60 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  * [FormField](#!/FormField) with [InputNumber](#!/InputNumber) can be used for entering of integer numbers.
  * @since 0.0.58
  */
-class FormFieldText extends _react.Component {
-  render() {
-    const {
-      baseClassName,
-      className,
-      size,
-      placeholder,
-      multiline,
-      rows,
-      autoFocus,
-      autoComplete,
-      autoheight,
-      inputProps,
-      ...props
-    } = this.props;
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FormField.default, {
-      className: (0, _classnames.default)(baseClassName, {
-        [`${baseClassName}--multiline`]: multiline
-      }, className),
-      ...props,
-      children: _ref => {
-        let {
-          getId,
-          getName,
-          getValue,
-          setValue,
-          isDisabled
-        } = _ref;
-        return multiline ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextArea.default, {
-          id: getId(),
-          name: getName(),
-          value: getValue(''),
-          onChange: e => setValue(e.target.value),
-          disabled: isDisabled(),
-          size: size,
-          rows: rows,
-          placeholder: placeholder,
-          autoFocus: autoFocus,
-          autoComplete: autoComplete,
-          autoheight: autoheight,
-          ...inputProps
-        }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Input.default, {
-          id: getId(),
-          name: getName(),
-          className: `${baseClassName}__input`,
-          value: getValue(''),
-          onChange: e => setValue(e.target.value),
-          disabled: isDisabled(),
-          size: size,
-          placeholder: placeholder,
-          autoFocus: autoFocus,
-          autoComplete: autoComplete,
-          ...inputProps
-        });
-      }
-    });
-  }
-}
-FormFieldText.propTypes = {
-  /**
-   * Size of the input
-   * @since 0.0.58
-   */
-  size: _propTypes.default.oneOf(['sm', 'md', 'lg', 'xl', 'fill']),
-  /**
-   * If `true`, a textarea element will be rendered.
-   * @since 1.3.0
-   */
-  multiline: _propTypes.default.bool,
-  /**
-   * Number of rows to display when multiline option is set to true.
-   * @since 1.3.0
-   */
-  rows: _propTypes.default.oneOfType([_propTypes.default.number.isRequired, _propTypes.default.shape({
-    min: _propTypes.default.number.isRequired,
-    max: _propTypes.default.number.isRequired
-  })]),
-  /**
-   * Placeholder of the input
-   * @since 0.0.58
-   */
-  placeholder: _propTypes.default.string,
-  /**
-   * Disabled state of field.
-   * @since 0.2.0
-   */
-  disabled: _propTypes.default.bool,
-  /**
-   * The browser will automatically focus on the component upon rendering the screen
-   * @since 1.9.0
-   */
-  autoFocus: _propTypes.default.bool,
-  /**
-   * Whether the value of the control can be automatically completed by the browser or not.
-   * @since 2.5.1
-   */
-  autoComplete: _propTypes.default.oneOf(['on', 'off']),
-  /**
-   * If 'true', a field will be multiple. You can also limit the number of fields with a value like { max: 5 }.
-   * @since 1.12.0
-   */
-  multi: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.shape({
-    max: _propTypes.default.number.isRequired
-  })]),
-  /**
-   * @ignore
-   */
-  className: _propTypes.default.string,
-  /**
-   * @ignore
-   */
-  baseClassName: _propTypes.default.string,
-  /**
-   * Adjust height automatically when multiline option is set to true.
-   * @since 1.9.0
-   */
-  autoheight: _propTypes.default.bool,
-  /**
-   * Props of underlying input element.
-   * @since 3.28.1
-   */
-  inputProps: _propTypes.default.object
+const FormFieldText = props => {
+  const {
+    baseClassName = `${_constants.CLS_PREFIX}form-field-text`,
+    className,
+    size,
+    placeholder,
+    rows = 4,
+    autoFocus,
+    multiline = false,
+    autoComplete,
+    autoheight = false,
+    inputProps,
+    ...otherProps
+  } = props;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FormField.default, {
+    className: (0, _classnames.default)(baseClassName, {
+      [`${baseClassName}--multiline`]: multiline
+    }, className),
+    ...otherProps,
+    children: _ref => {
+      let {
+        getId,
+        getName,
+        getValue,
+        setValue,
+        isDisabled
+      } = _ref;
+      return props.multiline ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextArea.default, {
+        id: getId(),
+        name: getName(),
+        value: getValue(''),
+        onChange: e => setValue(e.currentTarget.value),
+        disabled: isDisabled(),
+        size: size,
+        rows: rows,
+        placeholder: placeholder,
+        autoFocus: autoFocus,
+        autoComplete: autoComplete,
+        autoheight: autoheight,
+        ...(props.inputProps ?? {})
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Input.default, {
+        id: getId(),
+        name: getName(),
+        className: `${baseClassName}__input`,
+        value: getValue(''),
+        onChange: e => setValue(e.currentTarget.value),
+        disabled: isDisabled(),
+        size: size,
+        placeholder: placeholder,
+        autoFocus: autoFocus,
+        autoComplete: autoComplete,
+        ...(props.inputProps ?? {})
+      });
+    }
+  });
 };
-FormFieldText.defaultProps = {
-  size: undefined,
-  placeholder: undefined,
-  disabled: undefined,
-  multiline: false,
-  rows: 4,
-  autoFocus: undefined,
-  autoComplete: undefined,
-  multi: undefined,
-  className: undefined,
-  baseClassName: `${_constants.CLS_PREFIX}form-field-text`,
-  autoheight: false,
-  inputProps: undefined
-};
-var _default = FormFieldText;
-exports.default = _default;
+var _default = exports.default = FormFieldText;

package/cjs/components/Grid/Grid.js

@@ -127,5 +127,4 @@ class Grid extends _react.Component {
   gap: null,
   onColumnsChange: null
 });
-var _default = Grid;
-exports.default = _default;
+var _default = exports.default = Grid;

package/cjs/components/GridCol/GridCol.js

@@ -39,5 +39,4 @@ const GridCol = _ref => {
     children: children
   });
 };
-var _default = GridCol;
-exports.default = _default;
+var _default = exports.default = GridCol;

package/cjs/components/Heading/Heading.js

@@ -55,5 +55,4 @@ const Heading = _ref => {
     }) : children]
   });
 };
-var _default = Heading;
-exports.default = _default;
+var _default = exports.default = Heading;

package/cjs/components/Hint/Hint.js

@@ -28,5 +28,4 @@ const Hint = _ref => {
     children: children
   });
 };
-var _default = Hint;
-exports.default = _default;
+var _default = exports.default = Hint;

package/cjs/components/Icon/Icon.js

@@ -38,24 +38,15 @@ var _OnDarkContext = _interopRequireDefault(require("../OnDarkContext"));
 var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
-const ICON_SIZE_12 = '12';
-exports.ICON_SIZE_12 = ICON_SIZE_12;
-const ICON_SIZE_16 = '16';
-exports.ICON_SIZE_16 = ICON_SIZE_16;
-const ICON_SIZE_24 = '24';
-exports.ICON_SIZE_24 = ICON_SIZE_24;
-const ICON_SIZE_32 = '32';
-exports.ICON_SIZE_32 = ICON_SIZE_32;
-const ICON_SIZE_48 = '48';
-exports.ICON_SIZE_48 = ICON_SIZE_48;
-const ICON_SIZE_64 = '64';
-exports.ICON_SIZE_64 = ICON_SIZE_64;
-const ICON_SIZE_96 = '96';
-exports.ICON_SIZE_96 = ICON_SIZE_96;
-const ICON_SIZE_128 = '128';
-exports.ICON_SIZE_128 = ICON_SIZE_128;
-const ICON_SIZE_192 = '192';
-exports.ICON_SIZE_192 = ICON_SIZE_192;
+const ICON_SIZE_12 = exports.ICON_SIZE_12 = '12';
+const ICON_SIZE_16 = exports.ICON_SIZE_16 = '16';
+const ICON_SIZE_24 = exports.ICON_SIZE_24 = '24';
+const ICON_SIZE_32 = exports.ICON_SIZE_32 = '32';
+const ICON_SIZE_48 = exports.ICON_SIZE_48 = '48';
+const ICON_SIZE_64 = exports.ICON_SIZE_64 = '64';
+const ICON_SIZE_96 = exports.ICON_SIZE_96 = '96';
+const ICON_SIZE_128 = exports.ICON_SIZE_128 = '128';
+const ICON_SIZE_192 = exports.ICON_SIZE_192 = '192';
 const oldIconSizes = {
   sm: ICON_SIZE_16,
   md: ICON_SIZE_32,
@@ -119,5 +110,4 @@ const Icon = _ref => {
   });
 };
 Icon.create = _utils.create;
-var _default = Icon;
-exports.default = _default;
+var _default = exports.default = Icon;

package/cjs/components/Icon/constants.js

@@ -7,7 +7,5 @@ exports.NAMES_12 = exports.NAMES = void 0;
 /* eslint-disable max-len */
 // This file is generated by create-svg-sprite. Do not edit.
 
-const NAMES_12 = ['archive', 'arrow-back', 'arrow-diagonal-out', 'arrow-down', 'arrow-down-in', 'arrow-down-out', 'arrow-down-tray', 'arrow-left', 'arrow-right', 'arrow-right-circle-filled', 'arrow-right-in', 'arrow-right-out', 'arrow-up', 'arrow-up-circle', 'arrow-up-in', 'arrow-up-in-cloud', 'arrow-up-out', 'arrow-up-tray', 'arrows-four-directions', 'arrows-inward', 'arrows-loop', 'arrows-opposite', 'arrows-outward', 'backup', 'backup2', 'bar-chart-vertical', 'bar-chart-vertical-arrow-up', 'bar-chart-vertical-lock', 'bell', 'book-email', 'boundary', 'box-diagonal-bottom-in', 'box-diagonal-top-in', 'brush', 'bug', 'calendar', 'calendar-clock', 'camera', 'card', 'card-ribbon', 'card-row', 'card-tile', 'cd', 'cd-up-in-cloud', 'chain', 'chain-broken', 'chat', 'check-list', 'check-mark', 'check-mark-circle', 'check-mark-circle-filled', 'chevron-double-down', 'chevron-double-up', 'chevron-down', 'chevron-left', 'chevron-right', 'chevron-up', 'circle-diagonal', 'clean', 'clip', 'clock', 'clone', 'cloud', 'cloud-checkmark', 'cloud-crossed', 'cloud-graph', 'code', 'connection', 'console', 'console-filled', 'copy', 'copy-indicator', 'cpu', 'crane', 'credit-cards', 'cross-mark', 'cross-mark-circle', 'cross-mark-circle-filled', 'crown-transfer', 'dashboard', 'database', 'database-box', 'database-filled', 'database-plus', 'deploy', 'docker-filled', 'dollar', 'dollar-filled', 'dot', 'emoticon-confused', 'emoticon-dead', 'emoticon-excited', 'emoticon-happy', 'emoticon-neutral', 'emoticon-sad', 'emoticon-smile', 'enter', 'exclamation-mark-circle', 'exclamation-mark-circle-filled', 'eye', 'eye-closed', 'facebook', 'facebook-filled', 'feedback', 'filter', 'filter-check-mark', 'fire', 'flag', 'flag-filled', 'flag-globe', 'floppy-disk', 'folder-closed', 'folder-key', 'folder-network', 'folder-open', 'folders-tree', 'forward-circle-filled', 'four-squares', 'gear', 'git', 'github', 'globe', 'hard-drive', 'hard-drive-key', 'hat', 'hexagons', 'home', 'info-circle', 'info-circle-filled', 'ip-addresses', 'joomla', 'kebab', 'key', 'laravel', 'lifebuoy', 'lightbulb', 'limit', 'linux', 'list', 'list-check-mark', 'location', 'lock-closed', 'lock-closed-check', 'lock-closed-filled', 'lock-open', 'lock-open-cross', 'lock-open-filled', 'mail', 'mail-circle-filled', 'mail-settings', 'megaphone', 'menu', 'menu-thin', 'microsoft', 'minimize', 'minus', 'minus-circle', 'minus-circle-filled', 'monitoring', 'monitoring-off', 'my-little-admin', 'net', 'nine-dots', 'node-js', 'package', 'panel', 'panel-check', 'panel-eye', 'panel-key', 'panel-settings', 'panels', 'pause-circle', 'pencil', 'pencil-dialog', 'php', 'phpmyadmin', 'pin', 'pipette', 'plans', 'plugins', 'plus', 'power', 'projects', 'puzzle', 'python', 'question-mark-circle', 'question-mark-circle-filled', 'ram', 'react-js', 'recycle', 'redirect-circle-filled', 'refresh', 'reload', 'remove', 'reset', 'resource', 'ribbon', 'rocket', 'ruby', 'sand-clock', 'scan', 'screen', 'search', 'security-check', 'send', 'server', 'servers', 'share', 'shield', 'shield-attention-filled', 'shield-chain', 'shield-filled', 'shopping-cart', 'sidebar-right-hide', 'sidebar-right-show', 'signal-light', 'site-page', 'sleep', 'sliders', 'square-with-circles', 'star', 'star-circle-filled', 'star-filled', 'star-half-filled', 'start', 'start-circle', 'start-filled', 'stop', 'stop-circle', 'storage', 'themes', 'three-dots-horizontal', 'three-dots-vertical', 'tools', 'transfer', 'triangle-exclamation-mark', 'triangle-exclamation-mark-filled', 'unarchive', 'user', 'volume', 'web', 'web-plus', 'web-settings', 'windows', 'woocommerce', 'wordpress', 'zero-circle-filled'];
-exports.NAMES_12 = NAMES_12;
-const NAMES = ['archive', 'arrow-back', 'arrow-diagonal-out', 'arrow-down', 'arrow-down-in', 'arrow-down-out', 'arrow-down-tray', 'arrow-left', 'arrow-right', 'arrow-right-circle-filled', 'arrow-right-in', 'arrow-right-out', 'arrow-up', 'arrow-up-circle', 'arrow-up-in', 'arrow-up-in-cloud', 'arrow-up-out', 'arrow-up-tray', 'arrows-four-directions', 'arrows-inward', 'arrows-loop', 'arrows-opposite', 'arrows-outward', 'backup', 'backup2', 'bar-chart-vertical', 'bar-chart-vertical-arrow-up', 'bar-chart-vertical-lock', 'bell', 'book-email', 'boundary', 'box-diagonal-bottom-in', 'box-diagonal-top-in', 'brush', 'bug', 'calendar', 'calendar-clock', 'camera', 'card', 'card-ribbon', 'card-row', 'card-tile', 'cd', 'cd-up-in-cloud', 'chain', 'chain-broken', 'chat', 'check-list', 'check-mark', 'check-mark-circle', 'check-mark-circle-filled', 'chevron-double-down', 'chevron-double-up', 'chevron-down', 'chevron-left', 'chevron-right', 'chevron-up', 'circle-diagonal', 'clean', 'clip', 'clock', 'clone', 'cloud', 'cloud-checkmark', 'cloud-crossed', 'cloud-graph', 'code', 'connection', 'console', 'console-filled', 'copy', 'copy-indicator', 'cpu', 'crane', 'credit-cards', 'cross-mark', 'cross-mark-circle', 'cross-mark-circle-filled', 'crown-transfer', 'dashboard', 'database', 'database-box', 'database-filled', 'database-plus', 'deploy', 'docker-filled', 'dollar', 'dollar-filled', 'dot', 'emoticon-confused', 'emoticon-dead', 'emoticon-excited', 'emoticon-happy', 'emoticon-neutral', 'emoticon-sad', 'emoticon-smile', 'enter', 'exclamation-mark-circle', 'exclamation-mark-circle-filled', 'eye', 'eye-closed', 'facebook', 'facebook-filled', 'feedback', 'filter', 'filter-check-mark', 'fire', 'flag', 'flag-filled', 'flag-globe', 'floppy-disk', 'folder-closed', 'folder-key', 'folder-network', 'folder-open', 'folders-tree', 'forward-circle-filled', 'four-squares', 'gear', 'git', 'github', 'globe', 'hard-drive', 'hard-drive-key', 'hat', 'hexagons', 'home', 'info-circle', 'info-circle-filled', 'ip-addresses', 'joomla', 'kebab', 'key', 'laravel', 'lifebuoy', 'lightbulb', 'limit', 'linux', 'list', 'list-check-mark', 'location', 'lock-closed', 'lock-closed-check', 'lock-closed-filled', 'lock-open', 'lock-open-cross', 'lock-open-filled', 'mail', 'mail-circle-filled', 'mail-settings', 'megaphone', 'menu', 'menu-thin', 'microsoft', 'minimize', 'minus', 'minus-circle', 'minus-circle-filled', 'monitoring', 'monitoring-off', 'my-little-admin', 'net', 'nine-dots', 'node-js', 'package', 'panel', 'panel-check', 'panel-eye', 'panel-key', 'panel-settings', 'panels', 'pause-circle', 'pencil', 'pencil-dialog', 'php', 'phpmyadmin', 'pin', 'pipette', 'plans', 'plugins', 'plus', 'power', 'projects', 'puzzle', 'python', 'question-mark-circle', 'question-mark-circle-filled', 'ram', 'react-js', 'recycle', 'redirect-circle-filled', 'refresh', 'reload', 'remove', 'reset', 'resource', 'ribbon', 'rocket', 'ruby', 'sand-clock', 'scan', 'screen', 'search', 'security-check', 'send', 'server', 'servers', 'share', 'shield', 'shield-attention-filled', 'shield-chain', 'shield-filled', 'shopping-cart', 'sidebar-right-hide', 'sidebar-right-show', 'signal-light', 'site-page', 'sleep', 'sliders', 'square-with-circles', 'star', 'star-circle-filled', 'star-filled', 'star-half-filled', 'start', 'start-circle', 'start-filled', 'stop', 'stop-circle', 'storage', 'themes', 'three-dots-horizontal', 'three-dots-vertical', 'tools', 'transfer', 'triangle-exclamation-mark', 'triangle-exclamation-mark-filled', 'unarchive', 'user', 'volume', 'web', 'web-plus', 'web-settings', 'windows', 'woocommerce', 'wordpress', 'zero-circle-filled'];
-exports.NAMES = NAMES;
+const NAMES_12 = exports.NAMES_12 = ['archive', 'arrow-back', 'arrow-diagonal-out', 'arrow-down', 'arrow-down-circle-filled', 'arrow-down-in', 'arrow-down-out', 'arrow-down-tray', 'arrow-left', 'arrow-left-circle-filled', 'arrow-right', 'arrow-right-circle-filled', 'arrow-right-in', 'arrow-right-out', 'arrow-up', 'arrow-up-circle', 'arrow-up-circle-filled', 'arrow-up-in', 'arrow-up-in-cloud', 'arrow-up-out', 'arrow-up-tray', 'arrows-four-directions', 'arrows-inward', 'arrows-loop', 'arrows-opposite', 'arrows-outward', 'backup', 'backup2', 'bar-chart-vertical', 'bar-chart-vertical-arrow-up', 'bar-chart-vertical-lock', 'bell', 'book-email', 'boundary', 'box-diagonal-bottom-in', 'box-diagonal-top-in', 'brush', 'bug', 'calendar', 'calendar-clock', 'camera', 'card', 'card-ribbon', 'card-row', 'card-tile', 'cd', 'cd-up-in-cloud', 'chain', 'chain-broken', 'chat', 'check-list', 'check-mark', 'check-mark-circle', 'check-mark-circle-filled', 'chevron-double-down', 'chevron-double-up', 'chevron-down', 'chevron-left', 'chevron-right', 'chevron-up', 'circle-diagonal', 'clean', 'clip', 'clock', 'clone', 'cloud', 'cloud-checkmark', 'cloud-crossed', 'cloud-graph', 'code', 'connection', 'console', 'console-filled', 'copy', 'copy-indicator', 'cpu', 'crane', 'credit-cards', 'cross-mark', 'cross-mark-circle', 'cross-mark-circle-filled', 'crown-transfer', 'dashboard', 'database', 'database-box', 'database-filled', 'database-plus', 'deploy', 'docker-filled', 'dollar', 'dollar-filled', 'dot', 'dot-big', 'emoticon-confused', 'emoticon-dead', 'emoticon-excited', 'emoticon-happy', 'emoticon-neutral', 'emoticon-sad', 'emoticon-smile', 'enter', 'exclamation-mark-circle', 'exclamation-mark-circle-filled', 'eye', 'eye-closed', 'facebook', 'facebook-filled', 'feedback', 'filter', 'filter-check-mark', 'fire', 'flag', 'flag-filled', 'flag-globe', 'floppy-disk', 'folder-closed', 'folder-key', 'folder-network', 'folder-open', 'folders-tree', 'forward-circle-filled', 'four-squares', 'gear', 'git', 'github', 'globe', 'hard-drive', 'hard-drive-key', 'hat', 'hexagons', 'home', 'info-circle', 'info-circle-filled', 'ip-addresses', 'joomla', 'kebab', 'key', 'laravel', 'lifebuoy', 'lightbulb', 'limit', 'linux', 'list', 'list-check-mark', 'location', 'lock-closed', 'lock-closed-check', 'lock-closed-filled', 'lock-open', 'lock-open-cross', 'lock-open-filled', 'mail', 'mail-circle-filled', 'mail-settings', 'megaphone', 'menu', 'menu-thin', 'microsoft', 'minimize', 'minus', 'minus-circle', 'minus-circle-filled', 'monitoring', 'monitoring-off', 'my-little-admin', 'net', 'nine-dots', 'node-js', 'package', 'panel', 'panel-check', 'panel-eye', 'panel-key', 'panel-settings', 'panels', 'pause-circle', 'pencil', 'pencil-dialog', 'php', 'phpmyadmin', 'pin', 'pipette', 'plans', 'plugins', 'plus', 'plus-circle', 'plus-circle-filled', 'power', 'projects', 'puzzle', 'python', 'question-mark-circle', 'question-mark-circle-filled', 'ram', 'react-js', 'recycle', 'redirect-circle-filled', 'refresh', 'reload', 'remove', 'reset', 'resource', 'ribbon', 'rocket', 'ruby', 'sand-clock', 'scan', 'screen', 'search', 'security-check', 'send', 'server', 'servers', 'share', 'shield', 'shield-attention-filled', 'shield-chain', 'shield-filled', 'shopping-cart', 'sidebar-right-hide', 'sidebar-right-show', 'signal-light', 'site-page', 'sleep', 'sliders', 'square-with-circles', 'star', 'star-circle-filled', 'star-filled', 'star-half-filled', 'start', 'start-circle', 'start-filled', 'stop', 'stop-circle', 'storage', 'themes', 'three-dots-horizontal', 'three-dots-vertical', 'tools', 'transfer', 'triangle-exclamation-mark', 'triangle-exclamation-mark-filled', 'unarchive', 'user', 'volume', 'web', 'web-plus', 'web-settings', 'windows', 'woocommerce', 'wordpress', 'zero-circle-filled'];
+const NAMES = exports.NAMES = ['archive', 'arrow-back', 'arrow-diagonal-out', 'arrow-down', 'arrow-down-circle-filled', 'arrow-down-in', 'arrow-down-out', 'arrow-down-tray', 'arrow-left', 'arrow-left-circle-filled', 'arrow-right', 'arrow-right-circle-filled', 'arrow-right-in', 'arrow-right-out', 'arrow-up', 'arrow-up-circle', 'arrow-up-circle-filled', 'arrow-up-in', 'arrow-up-in-cloud', 'arrow-up-out', 'arrow-up-tray', 'arrows-four-directions', 'arrows-inward', 'arrows-loop', 'arrows-opposite', 'arrows-outward', 'backup', 'backup2', 'bar-chart-vertical', 'bar-chart-vertical-arrow-up', 'bar-chart-vertical-lock', 'bell', 'book-email', 'boundary', 'box-diagonal-bottom-in', 'box-diagonal-top-in', 'brush', 'bug', 'calendar', 'calendar-clock', 'camera', 'card', 'card-ribbon', 'card-row', 'card-tile', 'cd', 'cd-up-in-cloud', 'chain', 'chain-broken', 'chat', 'check-list', 'check-mark', 'check-mark-circle', 'check-mark-circle-filled', 'chevron-double-down', 'chevron-double-up', 'chevron-down', 'chevron-left', 'chevron-right', 'chevron-up', 'circle-diagonal', 'clean', 'clip', 'clock', 'clone', 'cloud', 'cloud-checkmark', 'cloud-crossed', 'cloud-graph', 'code', 'connection', 'console', 'console-filled', 'copy', 'copy-indicator', 'cpu', 'crane', 'credit-cards', 'cross-mark', 'cross-mark-circle', 'cross-mark-circle-filled', 'crown-transfer', 'dashboard', 'database', 'database-box', 'database-filled', 'database-plus', 'deploy', 'docker-filled', 'dollar', 'dollar-filled', 'dot', 'dot-big', 'emoticon-confused', 'emoticon-dead', 'emoticon-excited', 'emoticon-happy', 'emoticon-neutral', 'emoticon-sad', 'emoticon-smile', 'enter', 'exclamation-mark-circle', 'exclamation-mark-circle-filled', 'eye', 'eye-closed', 'facebook', 'facebook-filled', 'feedback', 'filter', 'filter-check-mark', 'fire', 'flag', 'flag-filled', 'flag-globe', 'floppy-disk', 'folder-closed', 'folder-key', 'folder-network', 'folder-open', 'folders-tree', 'forward-circle-filled', 'four-squares', 'gear', 'git', 'github', 'globe', 'hard-drive', 'hard-drive-key', 'hat', 'hexagons', 'home', 'info-circle', 'info-circle-filled', 'ip-addresses', 'joomla', 'kebab', 'key', 'laravel', 'lifebuoy', 'lightbulb', 'limit', 'linux', 'list', 'list-check-mark', 'location', 'lock-closed', 'lock-closed-check', 'lock-closed-filled', 'lock-open', 'lock-open-cross', 'lock-open-filled', 'mail', 'mail-circle-filled', 'mail-settings', 'megaphone', 'menu', 'menu-thin', 'microsoft', 'minimize', 'minus', 'minus-circle', 'minus-circle-filled', 'monitoring', 'monitoring-off', 'my-little-admin', 'net', 'nine-dots', 'node-js', 'package', 'panel', 'panel-check', 'panel-eye', 'panel-key', 'panel-settings', 'panels', 'pause-circle', 'pencil', 'pencil-dialog', 'php', 'phpmyadmin', 'pin', 'pipette', 'plans', 'plugins', 'plus', 'plus-circle', 'plus-circle-filled', 'power', 'projects', 'puzzle', 'python', 'question-mark-circle', 'question-mark-circle-filled', 'ram', 'react-js', 'recycle', 'redirect-circle-filled', 'refresh', 'reload', 'remove', 'reset', 'resource', 'ribbon', 'rocket', 'ruby', 'sand-clock', 'scan', 'screen', 'search', 'security-check', 'send', 'server', 'servers', 'share', 'shield', 'shield-attention-filled', 'shield-chain', 'shield-filled', 'shopping-cart', 'sidebar-right-hide', 'sidebar-right-show', 'signal-light', 'site-page', 'sleep', 'sliders', 'square-with-circles', 'star', 'star-circle-filled', 'star-filled', 'star-half-filled', 'start', 'start-circle', 'start-filled', 'stop', 'stop-circle', 'storage', 'themes', 'three-dots-horizontal', 'three-dots-vertical', 'tools', 'transfer', 'triangle-exclamation-mark', 'triangle-exclamation-mark-filled', 'unarchive', 'user', 'volume', 'web', 'web-plus', 'web-settings', 'windows', 'woocommerce', 'wordpress', 'zero-circle-filled'];