@itcase/ui 1.2.28 → 1.2.30

package/dist/components/Dropdown.js

@@ -1,4 +1,4 @@
-export { D as Dropdown, a as DropdownItem } from '../DropdownItem-D0dOP4NL.js';
+export { D as Dropdown, a as DropdownItem } from '../DropdownItem-CFkRx8LX.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';
@@ -14,6 +14,7 @@ import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
 import '../Divider-U5UdY-ef.js';
-import '../Link-CeQuavin.js';
-import '../tslib.es6-5FtW-kfi.js';
-import '../Text-CG3xPG27.js';
+import '../Link-CzC1kU5C.js';
+import '../tslib.es6-w7hdJ3oZ.js';
+import '../Text-kxGZButz.js';
+import '../appearance/Text.js';

package/dist/components/Group.js

@@ -1,7 +1,8 @@
-export { G as Group, g as groupConfig } from '../Group-CVUfaHaS.js';
+export { G as Group, g as groupConfig } from '../Group-Dc70Z4_7.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';
+import '../appearance/Group.js';
 import '../hooks/useDeviceTargetClass.js';
 import 'lodash/castArray';
 import 'lodash/camelCase';

package/dist/components/Icon.js

@@ -1,8 +1,9 @@
-export { I as Icon, i as iconConfig } from '../Icon-CliIEdbp.js';
+export { I as Icon, i as iconConfig } from '../Icon-ClsRaxDk.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';
 import 'react-inlinesvg';
+import '../appearance/Icon.js';
 import '../hooks/useDeviceTargetClass.js';
 import 'lodash/castArray';
 import 'lodash/camelCase';
@@ -14,8 +15,11 @@ import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../Link-CeQuavin.js';
-import '../tslib.es6-5FtW-kfi.js';
-import '../Tooltip-B2vv4OAX.js';
-import '../Text-CG3xPG27.js';
-import '../Title-CqwqEtm7.js';
+import '../Link-CzC1kU5C.js';
+import '../tslib.es6-w7hdJ3oZ.js';
+import '../Tooltip-ccRCMYQM.js';
+import '../appearance/Tooltip.js';
+import '../Text-kxGZButz.js';
+import '../appearance/Text.js';
+import '../Title-CQ_Fr1hO.js';
+import '../appearance/Title.js';

package/dist/components/Input.js

@@ -1,7 +1,8 @@
-export { I as Input, i as inputConfig } from '../Input-UkM-ag48.js';
+export { I as Input, i as inputConfig } from '../Input-DbzsXvEf.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';
+import '../appearance/Input.js';
 import '../hooks/useDeviceTargetClass.js';
 import 'lodash/castArray';
 import 'lodash/camelCase';

package/dist/components/InputPassword.js

@@ -1,8 +1,9 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState, useMemo, useCallback } from 'react';
 import clsx from 'clsx';
+import { InputPasswordAppearance, InputPasswordState } from '../appearance/InputPassword.js';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
-import { I as Icon } from '../Icon-CliIEdbp.js';
+import { I as Icon } from '../Icon-ClsRaxDk.js';
 import 'lodash/castArray';
 import 'lodash/camelCase';
 import '../context/UIContext.js';
@@ -10,25 +11,30 @@ import 'prop-types';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
 import 'react-inlinesvg';
+import '../appearance/Icon.js';
 import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../Link-CeQuavin.js';
-import '../tslib.es6-5FtW-kfi.js';
-import '../Tooltip-B2vv4OAX.js';
-import '../Text-CG3xPG27.js';
-import '../Title-CqwqEtm7.js';
+import '../Link-CzC1kU5C.js';
+import '../tslib.es6-w7hdJ3oZ.js';
+import '../Tooltip-ccRCMYQM.js';
+import '../appearance/Tooltip.js';
+import '../Text-kxGZButz.js';
+import '../appearance/Text.js';
+import '../Title-CQ_Fr1hO.js';
+import '../appearance/Title.js';
 
 var inputPasswordConfig = {
-    appearance: undefined,
+    appearance: InputPasswordAppearance,
     setAppearance: function (newComponent) {
         inputPasswordConfig.appearance = newComponent;
     },
+    state: InputPasswordState,
+    // eslint-disable-next-line perfectionist/sort-objects
     setState: function (newComponent) {
         inputPasswordConfig.state = newComponent;
     },
-    state: undefined,
 };
 function InputPassword(props) {
     var id = props.id, isRevealable = props.isRevealable, appearance = props.appearance, className = props.className, disabled = props.disabled, iconFill = props.iconFill, iconFillHover = props.iconFillHover, iconRevealableHide = props.iconRevealableHide, iconRevealableShow = props.iconRevealableShow, iconShape = props.iconShape, iconSize = props.iconSize, imageRevealableHide = props.imageRevealableHide, imageRevealableShow = props.imageRevealableShow, placeholder = props.placeholder, state = props.state, value = props.value, onBlur = props.onBlur, onChange = props.onChange, onFocus = props.onFocus, onKeyDown = props.onKeyDown;

package/dist/components/Label.js

@@ -1,7 +1,8 @@
-export { L as Label, l as labelConfig } from '../Label-ukXod6pv.js';
+export { L as Label, l as labelConfig } from '../Label-BfotYOmD.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';
+import '../appearance/Label.js';
 import '../hooks/useDeviceTargetClass.js';
 import 'lodash/castArray';
 import 'lodash/camelCase';
@@ -13,6 +14,9 @@ import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../Text-CG3xPG27.js';
-import '../Tooltip-B2vv4OAX.js';
-import '../Title-CqwqEtm7.js';
+import '../Text-kxGZButz.js';
+import '../appearance/Text.js';
+import '../Tooltip-ccRCMYQM.js';
+import '../appearance/Tooltip.js';
+import '../Title-CQ_Fr1hO.js';
+import '../appearance/Title.js';

package/dist/components/LanguageSelector.js

@@ -1,8 +1,9 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import clsx from 'clsx';
-import { I as Icon } from '../Icon-CliIEdbp.js';
+import { I as Icon } from '../Icon-ClsRaxDk.js';
 import 'react';
 import 'react-inlinesvg';
+import '../appearance/Icon.js';
 import '../hooks/useDeviceTargetClass.js';
 import 'lodash/castArray';
 import 'lodash/camelCase';
@@ -14,11 +15,14 @@ import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../Link-CeQuavin.js';
-import '../tslib.es6-5FtW-kfi.js';
-import '../Tooltip-B2vv4OAX.js';
-import '../Text-CG3xPG27.js';
-import '../Title-CqwqEtm7.js';
+import '../Link-CzC1kU5C.js';
+import '../tslib.es6-w7hdJ3oZ.js';
+import '../Tooltip-ccRCMYQM.js';
+import '../appearance/Tooltip.js';
+import '../Text-kxGZButz.js';
+import '../appearance/Text.js';
+import '../Title-CQ_Fr1hO.js';
+import '../appearance/Title.js';
 
 function LanguageSelectorItem(props) {
     var label = props.label, iconSize = props.iconSize, SvgImage = props.SvgImage, isActive = props.isActive, onClick = props.onClick;

package/dist/components/Link.js

@@ -1,5 +1,5 @@
-export { L as Link, a as LinkWrapper, l as linkConfig } from '../Link-CeQuavin.js';
-import '../tslib.es6-5FtW-kfi.js';
+export { L as Link, a as LinkWrapper, l as linkConfig } from '../Link-CzC1kU5C.js';
+import '../tslib.es6-w7hdJ3oZ.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';

package/dist/components/List.js

@@ -2,7 +2,7 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import clsx from 'clsx';
 import { useStyles } from '../hooks/useStyles.js';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
-import { L as Link } from '../Link-CeQuavin.js';
+import { L as Link } from '../Link-CzC1kU5C.js';
 import 'react';
 import 'lodash/camelCase';
 import 'lodash/maxBy';
@@ -13,7 +13,7 @@ import '../hooks/useMediaQueries.js';
 import 'react-responsive';
 import '../hooks/styleAttributes.js';
 import 'lodash/castArray';
-import '../tslib.es6-5FtW-kfi.js';
+import '../tslib.es6-w7hdJ3oZ.js';
 
 function List(props) {
     var children = props.children, className = props.className, style = props.style, type = props.type;

package/dist/components/Loader.js

@@ -1,6 +1,7 @@
-export { L as Loader, l as loaderConfig } from '../Loader-CJ8ZCdwy.js';
+export { L as Loader, l as loaderConfig } from '../Loader-CU_5Ydmy.js';
 import 'react/jsx-runtime';
 import 'clsx';
+import '../appearance/Loader.js';
 import '../hooks/useDeviceTargetClass.js';
 import 'react';
 import 'lodash/castArray';
@@ -13,4 +14,5 @@ import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../Text-CG3xPG27.js';
+import '../Text-kxGZButz.js';
+import '../appearance/Text.js';

package/dist/components/Logo.js

@@ -2,7 +2,7 @@ import { jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
 import { useStyles } from '../hooks/useStyles.js';
-import { a as LinkWrapper } from '../Link-CeQuavin.js';
+import { a as LinkWrapper } from '../Link-CzC1kU5C.js';
 import 'react';
 import 'lodash/castArray';
 import 'lodash/camelCase';
@@ -13,7 +13,7 @@ import 'react-responsive';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../tslib.es6-5FtW-kfi.js';
+import '../tslib.es6-w7hdJ3oZ.js';
 
 var logoConfig = {
     appearance: undefined,

package/dist/components/Menu.js

@@ -2,7 +2,7 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
 import { useStyles } from '../hooks/useStyles.js';
-import { M as MenuItem } from '../MenuItem-BL6WBNjL.js';
+import { M as MenuItem } from '../MenuItem-BEYVY0Vf.js';
 import 'react';
 import 'lodash/castArray';
 import 'lodash/camelCase';
@@ -13,9 +13,11 @@ import 'react-responsive';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../Link-CeQuavin.js';
-import '../tslib.es6-5FtW-kfi.js';
-import '../Text-CG3xPG27.js';
+import '../appearance/MenuItem.js';
+import '../Link-CzC1kU5C.js';
+import '../tslib.es6-w7hdJ3oZ.js';
+import '../Text-kxGZButz.js';
+import '../appearance/Text.js';
 
 function Menu(props) {
     var after = props.after, before = props.before, children = props.children, className = props.className, items = props.items, type = props.type, onClickItem = props.onClickItem;

package/dist/components/MenuItem.js

@@ -1,7 +1,8 @@
-export { M as MenuItem, m as menuItemConfig } from '../MenuItem-BL6WBNjL.js';
+export { M as MenuItem, m as menuItemConfig } from '../MenuItem-BEYVY0Vf.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';
+import '../appearance/MenuItem.js';
 import '../hooks/useDeviceTargetClass.js';
 import 'lodash/castArray';
 import 'lodash/camelCase';
@@ -13,6 +14,7 @@ import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../Link-CeQuavin.js';
-import '../tslib.es6-5FtW-kfi.js';
-import '../Text-CG3xPG27.js';
+import '../Link-CzC1kU5C.js';
+import '../tslib.es6-w7hdJ3oZ.js';
+import '../Text-kxGZButz.js';
+import '../appearance/Text.js';

package/dist/components/Modal.js

@@ -5,7 +5,7 @@ import ReactDOM from 'react-dom';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
 import { useStyles } from '../hooks/useStyles.js';
 import { O as Overlay } from '../Overlay-DO5dnSRE.js';
-import { L as Loader } from '../Loader-CJ8ZCdwy.js';
+import { L as Loader } from '../Loader-CU_5Ydmy.js';
 import 'lodash/castArray';
 import 'lodash/camelCase';
 import '../context/UIContext.js';
@@ -15,7 +15,9 @@ import 'react-responsive';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../Text-CG3xPG27.js';
+import '../appearance/Loader.js';
+import '../Text-kxGZButz.js';
+import '../appearance/Text.js';
 
 var getOrCreateModalElement = function (modalQuerySelector, className) {
     var _a;

package/dist/components/Notification.js

@@ -1,31 +1,34 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
-import { useStyles } from '../hooks/useStyles.js';
+import { notificationItemAppearance } from '../appearance/Notification.js';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
-import { T as Text } from '../Text-CG3xPG27.js';
-import { T as Title } from '../Title-CqwqEtm7.js';
+import { useStyles } from '../hooks/useStyles.js';
+import { T as Text } from '../Text-kxGZButz.js';
+import { T as Title } from '../Title-CQ_Fr1hO.js';
 import { useNotifications, useNotificationsAPI } from '../context/Notifications.js';
 import 'react';
+import 'lodash/castArray';
 import 'lodash/camelCase';
-import 'lodash/maxBy';
-import 'lodash/upperFirst';
 import '../context/UIContext.js';
 import 'prop-types';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
+import 'lodash/maxBy';
+import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import 'lodash/castArray';
-import '../tslib.es6-5FtW-kfi.js';
+import '../appearance/Text.js';
+import '../appearance/Title.js';
+import '../tslib.es6-w7hdJ3oZ.js';
 import 'uuid';
 
 var notificationItemConfig = {
-    appearance: {},
+    appearance: notificationItemAppearance,
     setAppearance: function (newComponent) {
         notificationItemConfig.appearance = newComponent;
     },
 };
 function NotificationItem(props) {
-    var id = props.id, appearance = props.appearance, closeButton = props.closeButton, after = props.after, before = props.before, set = props.set, status = props.status, size = props.size, dataTour = props.dataTour, text = props.text, _a = props.textSize, textSize = _a === void 0 ? 's' : _a, textColor = props.textColor, title = props.title, _b = props.titleTextSize, titleTextSize = _b === void 0 ? 'h5' : _b, titleTextColor = props.titleTextColor, onClickClose = props.onClickClose, className = props.className;
+    var id = props.id, after = props.after, appearance = props.appearance, before = props.before, className = props.className, closeButton = props.closeButton, dataTour = props.dataTour, set = props.set, size = props.size, status = props.status, text = props.text, textColor = props.textColor, _a = props.textSize, textSize = _a === void 0 ? 's' : _a, title = props.title, titleTextColor = props.titleTextColor, _b = props.titleTextSize, titleTextSize = _b === void 0 ? 'h5' : _b, onClickClose = props.onClickClose;
     var fillClass = useDeviceTargetClass(props, {
         prefix: 'fill_',
         propsKey: 'fill',
@@ -38,7 +41,7 @@ function NotificationItem(props) {
     var notificationStyles = useStyles(props).styles;
     return (jsxs("div", { className: clsx('notification__item', status && "notification__item_status_".concat(status), set && "notification__item_set_".concat(set), size && "notification__item_set_".concat(size), closeButton && 'notification__item_type_close-button', widthClass, fillClass ||
             ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.fill) &&
-                "fill_".concat(appearanceConfig.fill).replace(/([A-Z])/g, '-$1').toLowerCase())), style: notificationStyles, "data-tour": dataTour, children: [before, jsxs("div", { className: clsx(className, 'notification__item-wrapper'), children: [title && (jsx(Title, { className: "notification__item-title", size: titleTextSize, textColor: titleTextColor ||
+                "fill_".concat(appearanceConfig.fill).replace(/([A-Z])/g, '-$1').toLowerCase())), "data-tour": dataTour, style: notificationStyles, children: [before, jsxs("div", { className: clsx(className, 'notification__item-wrapper'), children: [title && (jsx(Title, { className: "notification__item-title", size: titleTextSize, textColor: titleTextColor ||
                             ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.titleTextColor) && appearanceConfig.titleTextColor), children: title })), text && (jsx(Text, { className: "notification__item-text", size: textSize, textColor: textColor || ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColor) && appearanceConfig.textColor), children: text })), closeButton && (jsx("div", { className: clsx('notification__item-close', onClickClose && 'cursor_type_pointer'), onClick: function () { return onClickClose && onClickClose(id); }, children: closeButton }))] }), after] }));
 }
 

package/dist/components/Pagination.js

@@ -4,9 +4,9 @@ import clsx from 'clsx';
 import ceil from 'lodash/ceil';
 import ReactPaginate from 'react-paginate';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
-import { D as Dropdown, a as DropdownItem } from '../DropdownItem-D0dOP4NL.js';
-import { I as Icon } from '../Icon-CliIEdbp.js';
-import { T as Text } from '../Text-CG3xPG27.js';
+import { D as Dropdown, a as DropdownItem } from '../DropdownItem-CFkRx8LX.js';
+import { I as Icon } from '../Icon-ClsRaxDk.js';
+import { T as Text } from '../Text-kxGZButz.js';
 import 'lodash/castArray';
 import 'lodash/camelCase';
 import '../context/UIContext.js';
@@ -18,11 +18,15 @@ import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
 import '../Divider-U5UdY-ef.js';
-import '../Link-CeQuavin.js';
-import '../tslib.es6-5FtW-kfi.js';
+import '../Link-CzC1kU5C.js';
+import '../tslib.es6-w7hdJ3oZ.js';
 import 'react-inlinesvg';
-import '../Tooltip-B2vv4OAX.js';
-import '../Title-CqwqEtm7.js';
+import '../appearance/Icon.js';
+import '../Tooltip-ccRCMYQM.js';
+import '../appearance/Tooltip.js';
+import '../Title-CQ_Fr1hO.js';
+import '../appearance/Title.js';
+import '../appearance/Text.js';
 
 var paginationConfig = {
     appearance: undefined,

package/dist/components/Panel.js

@@ -3,8 +3,8 @@ import React from 'react';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
 import { useStyles } from '../hooks/useStyles.js';
-import { G as Group } from '../Group-CVUfaHaS.js';
-import { T as Text } from '../Text-CG3xPG27.js';
+import { G as Group } from '../Group-Dc70Z4_7.js';
+import { T as Text } from '../Text-kxGZButz.js';
 import 'lodash/castArray';
 import 'lodash/camelCase';
 import '../context/UIContext.js';
@@ -14,6 +14,8 @@ import 'react-responsive';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
+import '../appearance/Group.js';
+import '../appearance/Text.js';
 
 var panelConfig = {
     appearance: undefined,

package/dist/components/Radio.js

@@ -1,7 +1,8 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
+import { radioState, radioAppearance } from '../appearance/Radio.js';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
-import { T as Text } from '../Text-CG3xPG27.js';
+import { T as Text } from '../Text-kxGZButz.js';
 import 'react';
 import 'lodash/castArray';
 import 'lodash/camelCase';
@@ -9,23 +10,25 @@ import '../context/UIContext.js';
 import 'prop-types';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
+import '../appearance/Text.js';
 import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
 
 var radioConfig = {
-    state: undefined,
-    setState: function (newComponent) {
-        radioConfig.state = newComponent;
-    },
-    appearance: undefined,
+    appearance: radioState,
     setAppearance: function (newComponent) {
         radioConfig.appearance = newComponent;
     },
+    state: radioAppearance,
+    // eslint-disable-next-line perfectionist/sort-objects
+    setState: function (newComponent) {
+        radioConfig.state = newComponent;
+    },
 };
 function Radio(props) {
-    var appearance = props.appearance, checked = props.checked, className = props.className, desc = props.desc, descTextColor = props.descTextColor, descTextSize = props.descTextSize, descTextWeight = props.descTextWeight, disabled = props.disabled, id = props.id, label = props.label, labelTextColor = props.labelTextColor, labelTextSize = props.labelTextSize, labelTextWeight = props.labelTextWeight, _a = props.tag, Tag = _a === void 0 ? 'label' : _a, onChange = props.onChange;
+    var id = props.id, appearance = props.appearance, checked = props.checked, className = props.className, desc = props.desc, descTextColor = props.descTextColor, descTextSize = props.descTextSize, descTextWeight = props.descTextWeight, disabled = props.disabled, label = props.label, labelTextColor = props.labelTextColor, labelTextSize = props.labelTextSize, labelTextWeight = props.labelTextWeight, _a = props.tag, Tag = _a === void 0 ? 'label' : _a, onChange = props.onChange;
     var fillClass = useDeviceTargetClass(props, {
         prefix: 'fill_',
         propsKey: 'fill',
@@ -71,7 +74,7 @@ function Radio(props) {
                     ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.stateCheckmarkFill) &&
                         "radio_checkmark_fill_".concat(appearanceConfig.stateCheckmarkFill)
                             .replace(/([A-Z])/g, '-$1')
-                            .toLowerCase())), children: [jsx("input", { checked: checked, className: "radio__input", disabled: disabled, 
+                            .toLowerCase())), children: [jsx("input", { className: "radio__input", checked: checked, disabled: disabled, 
                         // @ts-expect-error
                         id: id, type: "radio", onChange: onChange }), jsx("div", { className: clsx('radio__state', disabled ? stateFillDisabledClass : stateFillClass, disabled
                             ? stateBorderColorDisabledClass

package/dist/components/Response.js

@@ -2,12 +2,13 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import { useMemo } from 'react';
 import clsx from 'clsx';
 import SVG from 'react-inlinesvg';
+import { responseAppearance } from '../appearance/Response.js';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
 import { useStyles } from '../hooks/useStyles.js';
-import { B as Button } from '../Button-C0M-Ap20.js';
-import { G as Group } from '../Group-CVUfaHaS.js';
-import { T as Text } from '../Text-CG3xPG27.js';
-import { T as Title } from '../Title-CqwqEtm7.js';
+import { B as Button } from '../Button-avhviao1.js';
+import { G as Group } from '../Group-Dc70Z4_7.js';
+import { T as Text } from '../Text-kxGZButz.js';
+import { T as Title } from '../Title-CQ_Fr1hO.js';
 import 'lodash/castArray';
 import 'lodash/camelCase';
 import '../context/UIContext.js';
@@ -17,23 +18,29 @@ import 'react-responsive';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../Icon-CliIEdbp.js';
-import '../Link-CeQuavin.js';
-import '../tslib.es6-5FtW-kfi.js';
-import '../Tooltip-B2vv4OAX.js';
-import '../Loader-CJ8ZCdwy.js';
+import '../appearance/Button.js';
+import '../Icon-ClsRaxDk.js';
+import '../appearance/Icon.js';
+import '../Link-CzC1kU5C.js';
+import '../tslib.es6-w7hdJ3oZ.js';
+import '../Tooltip-ccRCMYQM.js';
+import '../appearance/Tooltip.js';
+import '../Loader-CU_5Ydmy.js';
+import '../appearance/Loader.js';
+import '../appearance/Group.js';
+import '../appearance/Text.js';
+import '../appearance/Title.js';
 
 var responseConfig = {
-    appearance: undefined,
+    appearance: responseAppearance,
     setAppearance: function (newComponent) {
         responseConfig.appearance = newComponent;
     },
 };
 function Response(props) {
-    var after = props.after, before = props.before, appearance = props.appearance, imageSrc = props.imageSrc, className = props.className, title = props.title, titleTextColor = props.titleTextColor, titleTextSize = props.titleTextSize, titleTextWeight = props.titleTextWeight, message = props.message, messageTextColor = props.messageTextColor, messageTextSize = props.messageTextSize, messageTextWeight = props.messageTextWeight, primaryButton = props.primaryButton, primaryButtonAfter = props.primaryButtonAfter, primaryButtonAppearance = props.primaryButtonAppearance, primaryButtonBefore = props.primaryButtonBefore, primaryButtonFill = props.primaryButtonFill, primaryButtonFillHover = props.primaryButtonFillHover, primaryButtonLabel = props.primaryButtonLabel, primaryButtonLabelTextColor = props.primaryButtonLabelTextColor, primaryButtonLabelTextSize = props.primaryButtonLabelTextSize, primaryButtonShape = props.primaryButtonShape, primaryButtonSize = props.primaryButtonSize, primaryButtonWidth = props.primaryButtonWidth, secondaryButton = props.secondaryButton, secondaryButtonAfter = props.secondaryButtonAfter, secondaryButtonAppearance = props.secondaryButtonAppearance, secondaryButtonBefore = props.secondaryButtonBefore, secondaryButtonFill = props.secondaryButtonFill, secondaryButtonFillHover = props.secondaryButtonFillHover, secondaryButtonLabel = props.secondaryButtonLabel, secondaryButtonLabelTextColor = props.secondaryButtonLabelTextColor, secondaryButtonLabelTextSize = props.secondaryButtonLabelTextSize, secondaryButtonShape = props.secondaryButtonShape, secondaryButtonSize = props.secondaryButtonSize, secondaryButtonWidth = props.secondaryButtonWidth, set = props.set, onClickPrimaryButton = props.onClickPrimaryButton, onClickSecondaryButton = props.onClickSecondaryButton;
+    var after = props.after, appearance = props.appearance, before = props.before, className = props.className, imageSrc = props.imageSrc, message = props.message, messageTextColor = props.messageTextColor, messageTextSize = props.messageTextSize, messageTextWeight = props.messageTextWeight, primaryButton = props.primaryButton, primaryButtonAfter = props.primaryButtonAfter, primaryButtonAppearance = props.primaryButtonAppearance, primaryButtonBefore = props.primaryButtonBefore, primaryButtonFill = props.primaryButtonFill, primaryButtonFillHover = props.primaryButtonFillHover, primaryButtonLabel = props.primaryButtonLabel, primaryButtonLabelTextColor = props.primaryButtonLabelTextColor, primaryButtonLabelTextSize = props.primaryButtonLabelTextSize, primaryButtonShape = props.primaryButtonShape, primaryButtonSize = props.primaryButtonSize, primaryButtonWidth = props.primaryButtonWidth, secondaryButton = props.secondaryButton, secondaryButtonAfter = props.secondaryButtonAfter, secondaryButtonAppearance = props.secondaryButtonAppearance, secondaryButtonBefore = props.secondaryButtonBefore, secondaryButtonFill = props.secondaryButtonFill, secondaryButtonFillHover = props.secondaryButtonFillHover, secondaryButtonLabel = props.secondaryButtonLabel, secondaryButtonLabelTextColor = props.secondaryButtonLabelTextColor, secondaryButtonLabelTextSize = props.secondaryButtonLabelTextSize, secondaryButtonShape = props.secondaryButtonShape, secondaryButtonSize = props.secondaryButtonSize, secondaryButtonWidth = props.secondaryButtonWidth, set = props.set, title = props.title, titleTextColor = props.titleTextColor, titleTextSize = props.titleTextSize, titleTextWeight = props.titleTextWeight, onClickPrimaryButton = props.onClickPrimaryButton, onClickSecondaryButton = props.onClickSecondaryButton;
     var ImageComponent = useMemo(function () {
         if (imageSrc) {
-            // eslint-disable-next-line react/prop-types
             if (imageSrc.endsWith('.svg')) {
                 return jsx(SVG, { src: imageSrc });
             }
@@ -82,7 +89,7 @@ function Response(props) {
                 primaryButton ||
                 secondaryButtonLabel ||
                 secondaryButton ||
-                appearanceConfig) && (jsxs(Group, { className: "response__button", width: "fill", children: [primaryButtonLabel || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.primaryButtonLabel) ? (jsx(Button, { after: primaryButtonAfter, appearance: primaryButtonAppearance || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.primaryButtonAppearance) || 'dev', before: primaryButtonBefore, className: "response__button-item", fill: primaryButtonFill, fillHover: primaryButtonFillHover, label: primaryButtonLabel || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.primaryButtonLabel), labelTextColor: primaryButtonLabelTextColor, labelTextSize: primaryButtonLabelTextSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.primaryButtonLabelTextSize), shape: primaryButtonShape || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.primaryButtonShape), size: primaryButtonSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.primaryButtonSize), width: primaryButtonWidth || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.primaryButtonWidth) || 'fill', onClick: onClickPrimaryButton })) : (primaryButton), secondaryButtonLabel || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.secondaryButtonLabel) ? (jsx(Button, { after: secondaryButtonAfter, appearance: secondaryButtonAppearance || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.secondaryButtonAppearance) || 'dev', before: secondaryButtonBefore, className: "response__button-item", fill: secondaryButtonFill, fillHover: secondaryButtonFillHover, label: secondaryButtonLabel || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.secondaryButtonLabel), labelTextColor: secondaryButtonLabelTextColor, labelTextSize: secondaryButtonLabelTextSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.secondaryButtonLabelTextSize), shape: secondaryButtonShape || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.secondaryButtonShape), size: secondaryButtonSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.secondaryButtonSize), width: secondaryButtonWidth || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.secondaryButtonWidth) || 'fill', onClick: onClickSecondaryButton })) : (secondaryButton)] })), after] }));
+                appearanceConfig) && (jsxs(Group, { className: "response__button", width: "fill", children: [primaryButtonLabel || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.primaryButtonLabel) ? (jsx(Button, { className: "response__button-item", width: primaryButtonWidth || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.primaryButtonWidth) || 'fill', labelTextColor: primaryButtonLabelTextColor, labelTextSize: primaryButtonLabelTextSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.primaryButtonLabelTextSize), fill: primaryButtonFill, fillHover: primaryButtonFillHover, after: primaryButtonAfter, before: primaryButtonBefore, label: primaryButtonLabel || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.primaryButtonLabel), shape: primaryButtonShape || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.primaryButtonShape), size: primaryButtonSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.primaryButtonSize), appearance: primaryButtonAppearance || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.primaryButtonAppearance) || 'dev', onClick: onClickPrimaryButton })) : (primaryButton), secondaryButtonLabel || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.secondaryButtonLabel) ? (jsx(Button, { className: "response__button-item", width: secondaryButtonWidth || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.secondaryButtonWidth) || 'fill', labelTextColor: secondaryButtonLabelTextColor, labelTextSize: secondaryButtonLabelTextSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.secondaryButtonLabelTextSize), fill: secondaryButtonFill, fillHover: secondaryButtonFillHover, after: secondaryButtonAfter, before: secondaryButtonBefore, label: secondaryButtonLabel || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.secondaryButtonLabel), shape: secondaryButtonShape || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.secondaryButtonShape), size: secondaryButtonSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.secondaryButtonSize), appearance: secondaryButtonAppearance || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.secondaryButtonAppearance) || 'dev', onClick: onClickSecondaryButton })) : (secondaryButton)] })), after] }));
 }
 
 export { Response, responseConfig };

package/dist/components/ScrollOnDrag.js

@@ -1,4 +1,4 @@
-import { _ as __assign } from '../tslib.es6-5FtW-kfi.js';
+import { a as __assign } from '../tslib.es6-w7hdJ3oZ.js';
 import { jsx } from 'react/jsx-runtime';
 import { useRef } from 'react';
 import clsx from 'clsx';

package/dist/components/Search.js

@@ -1,10 +1,11 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import React, { useCallback } from 'react';
 import clsx from 'clsx';
+import { searchAppearance } from '../appearance/Search.js';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
 import { useStyles } from '../hooks/useStyles.js';
-import { I as Icon } from '../Icon-CliIEdbp.js';
-import { T as Text } from '../Text-CG3xPG27.js';
+import { I as Icon } from '../Icon-ClsRaxDk.js';
+import { T as Text } from '../Text-kxGZButz.js';
 import { S as Scrollbar } from '../Scrollbar-CrGXCZ_F.js';
 import 'lodash/castArray';
 import 'lodash/camelCase';
@@ -16,20 +17,24 @@ import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
 import 'react-inlinesvg';
-import '../Link-CeQuavin.js';
-import '../tslib.es6-5FtW-kfi.js';
-import '../Tooltip-B2vv4OAX.js';
-import '../Title-CqwqEtm7.js';
+import '../appearance/Icon.js';
+import '../Link-CzC1kU5C.js';
+import '../tslib.es6-w7hdJ3oZ.js';
+import '../Tooltip-ccRCMYQM.js';
+import '../appearance/Tooltip.js';
+import '../Title-CQ_Fr1hO.js';
+import '../appearance/Title.js';
+import '../appearance/Text.js';
 import 'react-scrollbars-custom';
 
 var searchInputConfig = {
-    appearance: undefined,
+    appearance: searchAppearance,
     setAppearance: function (newComponent) {
         searchInputConfig.appearance = newComponent;
     },
 };
 var SearchInput = React.forwardRef(function SearchInput(props, ref) {
-    var after = props.after, appearance = props.appearance, before = props.before, className = props.className, size = props.size, dataTour = props.dataTour, iconAfter = props.iconAfter, iconAfterSrc = props.iconAfterSrc, iconAfterFill = props.iconAfterFill, iconAfterSize = props.iconAfterSize, iconBefore = props.iconBefore, iconBeforeSrc = props.iconBeforeSrc, iconBeforeFill = props.iconBeforeFill, iconBeforeSize = props.iconBeforeSize, iconClear = props.iconClear, iconClearSrc = props.iconClearSrc, iconClearFill = props.iconClearFill, iconClearSize = props.iconClearSize, placeholder = props.placeholder, placeholderTextColor = props.placeholderTextColor, placeholderTextSize = props.placeholderTextSize, placeholderTextStyle = props.placeholderTextStyle, placeholderTextWeight = props.placeholderTextWeight, type = props.type, value = props.value, onChange = props.onChange, onClickClean = props.onClickClean, onFocus = props.onFocus, onKeyDown = props.onKeyDown;
+    var after = props.after, appearance = props.appearance, before = props.before, className = props.className, dataTour = props.dataTour, iconAfter = props.iconAfter, iconAfterFill = props.iconAfterFill, iconAfterSize = props.iconAfterSize, iconAfterSrc = props.iconAfterSrc, iconBefore = props.iconBefore, iconBeforeFill = props.iconBeforeFill, iconBeforeSize = props.iconBeforeSize, iconBeforeSrc = props.iconBeforeSrc, iconClear = props.iconClear, iconClearFill = props.iconClearFill, iconClearSize = props.iconClearSize, iconClearSrc = props.iconClearSrc, placeholder = props.placeholder, placeholderTextColor = props.placeholderTextColor, placeholderTextSize = props.placeholderTextSize, placeholderTextStyle = props.placeholderTextStyle, placeholderTextWeight = props.placeholderTextWeight, size = props.size, type = props.type, value = props.value, onChange = props.onChange, onClickClean = props.onClickClean, onFocus = props.onFocus, onKeyDown = props.onKeyDown;
     var onChangeSearchInput = useCallback(function (event) {
         onChange && onChange(event.target.value);
     }, [onChange]);
@@ -118,8 +123,8 @@ SearchInput.DEFAULT_REF_STATE = {
     input: null,
 };
 SearchInput.defaultProps = {
-    placeholderTextSize: 'm',
     inputTextSize: 'm',
+    placeholderTextSize: 'm',
     size: 'normal',
 };