@itcase/ui 1.1.21 → 1.1.23

package/dist/{Accordion-DFgzxKlH.js → Accordion-FIIzpSgl.js}

@@ -5,8 +5,8 @@ import clsx from 'clsx';
 import castArray from 'lodash/castArray';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
 import { useStyles } from './hooks/useStyles.js';
-import { I as Icon } from './Icon-CPCBYWfF.js';
-import { T as Text } from './Text-Dn0X1zxN.js';
+import { I as Icon } from './Icon-BLqnXYOO.js';
+import { T as Text } from './Text-Dz-KPI5I.js';
 
 var ChevronDown16 = function ChevronDown16(props) {
   return /*#__PURE__*/React__default.createElement("svg", props, /*#__PURE__*/React__default.createElement("path", {

package/dist/{Avatar-B_7tOMik.js → Avatar-DR2A8Na8.js}

@@ -2,9 +2,9 @@ import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
 import { useMemo } from 'react';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
-import { I as Icon } from './Icon-CPCBYWfF.js';
+import { I as Icon } from './Icon-BLqnXYOO.js';
 import { I as Image } from './Image-Bz4Fo3eB.js';
-import { T as Text } from './Text-Dn0X1zxN.js';
+import { T as Text } from './Text-Dz-KPI5I.js';
 
 function Avatar(props) {
     var className = props.className, Dot = props.Dot, icon = props.icon, _a = props.size, size = _a === void 0 ? '96' : _a, after = props.after, before = props.before, src = props.src, type = props.type, mode = props.mode, onClick = props.onClick, _b = props.textSize, textSize = _b === void 0 ? 'l' : _b, _c = props.textColor, textColor = _c === void 0 ? 'surfaceTextTertiary' : _c, _d = props.textWeight, textWeight = _d === void 0 ? '600' : _d, iconSrc = props.iconSrc, iconItemFill = props.iconItemFill, iconShape = props.iconShape, iconSize = props.iconSize, iconFill = props.iconFill, iconFillHover = props.iconFillHover, iconFillSize = props.iconFillSize, _e = props.firstName, firstName = _e === void 0 ? '' : _e, _f = props.secondName, secondName = _f === void 0 ? '' : _f;

package/dist/{Badge-DtYgQu3L.js → Badge-CLV5v6N7.js}

@@ -2,7 +2,7 @@ import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
 import { useStyles } from './hooks/useStyles.js';
-import { T as Text } from './Text-Dn0X1zxN.js';
+import { T as Text } from './Text-Dz-KPI5I.js';
 
 var badgeConfig = {
     appearance: undefined,

package/dist/{Breadcrumbs-EQmNm0OH.js → Breadcrumbs-CDKi6gOC.js}

@@ -5,9 +5,9 @@ import clsx from 'clsx';
 import camelCase from 'lodash/camelCase';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
 import { useStyles } from './hooks/useStyles.js';
-import { I as Icon } from './Icon-CPCBYWfF.js';
-import { a as LinkWrapper } from './Link-BREALvPd.js';
-import { T as Text } from './Text-Dn0X1zxN.js';
+import { I as Icon } from './Icon-BLqnXYOO.js';
+import { a as LinkWrapper } from './Link-DtzAAQn8.js';
+import { T as Text } from './Text-Dz-KPI5I.js';
 
 function BreadcrumbsItem(props) {
     var children = props.children, className = props.className, cursor = props.cursor, _a = props.set, set = _a === void 0 ? 'default' : _a, text = props.text, textSize = props.textSize, textColor = props.textColor, textColorHover = props.textColorHover, href = props.href, iconAfter = props.iconAfter, iconAfterSize = props.iconAfterSize, iconAfterBgFill = props.iconAfterBgFill, iconAfterFill = props.iconAfterFill, onClick = props.onClick;

package/dist/{Button-BlPfX0sG.js → Button-Vxs8zjSy.js}

@@ -3,10 +3,10 @@ import React__default from 'react';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
 import { useStyles } from './hooks/useStyles.js';
-import { I as Icon } from './Icon-CPCBYWfF.js';
-import { a as LinkWrapper } from './Link-BREALvPd.js';
-import { L as Loader } from './Loader-DhgIcSY1.js';
-import { T as Text } from './Text-Dn0X1zxN.js';
+import { I as Icon } from './Icon-BLqnXYOO.js';
+import { a as LinkWrapper } from './Link-DtzAAQn8.js';
+import { L as Loader } from './Loader-VCP1ZNcb.js';
+import { T as Text } from './Text-Dz-KPI5I.js';
 
 var buttonConfig = {
     appearance: undefined,
@@ -15,7 +15,11 @@ var buttonConfig = {
     },
 };
 var Button = React__default.forwardRef(function Button(props, ref) {
-    var before = props.before, appearance = props.appearance, after = props.after, className = props.className, dataTour = props.dataTour, dataTestId = props.dataTestId, Badge = props.Badge, children = props.children, fillIcon = props.fillIcon, fillIconAfter = props.fillIconAfter, fillIconBefore = props.fillIconBefore, iconAfter = props.iconAfter, iconAfterSize = props.iconAfterSize, iconBefore = props.iconBefore, iconBeforeSize = props.iconBeforeSize, label = props.label, labelTextColor = props.labelTextColor, labelTextColorHover = props.labelTextColorHover, labelTextSize = props.labelTextSize, labelTextSizeMobile = props.labelTextSizeMobile, labelTextWeight = props.labelTextWeight, labelTextWrap = props.labelTextWrap, _a = props.loaderSet, loaderSet = _a === void 0 ? 'simple' : _a, loaderFill = props.loaderFill, loaderItemFill = props.loaderItemFill, link = props.link, href = props.href, target = props.target, rel = props.rel; props.size; var icon = props.icon, iconShape = props.iconShape, iconAfterShape = props.iconAfterShape, iconBeforeShape = props.iconBeforeShape, iconSize = props.iconSize, iconFill = props.iconFill, iconFillSize = props.iconFillSize, iconBeforeFill = props.iconBeforeFill, iconBeforeFillSize = props.iconBeforeFillSize, iconAfterFill = props.iconAfterFill, iconAfterFillSize = props.iconAfterFillSize, iconAfterSrc = props.iconAfterSrc, iconBeforeSrc = props.iconBeforeSrc, iconSrc = props.iconSrc, set = props.set, _c = props.loading, loading = _c === void 0 ? false : _c, _d = props.htmlType, htmlType = _d === void 0 ? 'button' : _d; props.width; var isDisabled = props.isDisabled, onClick = props.onClick, onMouseDown = props.onMouseDown;
+    var before = props.before, appearance = props.appearance, after = props.after, className = props.className, dataTour = props.dataTour, dataTestId = props.dataTestId, Badge = props.Badge, children = props.children, fillIcon = props.fillIcon, fillIconAfter = props.fillIconAfter, fillIconBefore = props.fillIconBefore, iconAfter = props.iconAfter, iconAfterSize = props.iconAfterSize, iconBefore = props.iconBefore, iconBeforeSize = props.iconBeforeSize, label = props.label, labelTextColor = props.labelTextColor, labelTextColorHover = props.labelTextColorHover, labelTextSize = props.labelTextSize, labelTextSizeMobile = props.labelTextSizeMobile, labelTextWeight = props.labelTextWeight, 
+    // @ts-expect-error
+    labelTextTruncate = props.labelTextTruncate, 
+    // @ts-expect-error
+    labelTextWidth = props.labelTextWidth, labelTextWrap = props.labelTextWrap, _a = props.loaderSet, loaderSet = _a === void 0 ? 'simple' : _a, loaderFill = props.loaderFill, loaderItemFill = props.loaderItemFill, link = props.link, href = props.href, target = props.target, rel = props.rel; props.size; var icon = props.icon, iconShape = props.iconShape, iconAfterShape = props.iconAfterShape, iconBeforeShape = props.iconBeforeShape, iconSize = props.iconSize, iconFill = props.iconFill, iconFillSize = props.iconFillSize, iconBeforeFill = props.iconBeforeFill, iconBeforeFillSize = props.iconBeforeFillSize, iconAfterFill = props.iconAfterFill, iconAfterFillSize = props.iconAfterFillSize, iconAfterSrc = props.iconAfterSrc, iconBeforeSrc = props.iconBeforeSrc, iconSrc = props.iconSrc, set = props.set, _c = props.loading, loading = _c === void 0 ? false : _c, _d = props.htmlType, htmlType = _d === void 0 ? 'button' : _d; props.width; var isDisabled = props.isDisabled, onClick = props.onClick, onMouseDown = props.onMouseDown;
     var widthClass = useDeviceTargetClass(props, {
         prefix: 'button_width_',
         propsKey: 'width',
@@ -80,17 +84,7 @@ var Button = React__default.forwardRef(function Button(props, ref) {
                 iconBefore ||
                 iconBeforeSrc ||
                 iconSrc) &&
-            'button_type_with-icon', loading && 'button_state_loading button_type_loader'), "data-test-id": dataTestId && "".concat(dataTestId, "Button"), "data-tour": dataTour, DefaultComponent: "button", disabled: isDisabled, href: link || href, rel: rel, style: buttonStyles, target: target, type: htmlType, onClick: onClick, onMouseDown: onMouseDown, children: jsxRuntimeExports.jsxs("div", { className: "button__wrapper", ref: ref, children: [loading && (jsxRuntimeExports.jsx(Loader, { className: "button__loader", fill: loaderFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.loaderFill), itemFill: loaderItemFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.loaderItemFill), set: loaderSet })), before, (iconBefore || iconBeforeSrc) && (jsxRuntimeExports.jsx(Icon, { className: "button__icon_before", fill: fillIconBefore, fillSize: iconBeforeFillSize, iconFill: iconBeforeFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconBeforeFill), imageSrc: iconBeforeSrc, shape: iconBeforeShape, size: iconBeforeSize, SvgImage: iconBefore })), (icon || iconSrc) && (jsxRuntimeExports.jsx(Icon, { className: "button__icon", fill: fillIcon, fillSize: iconFillSize, iconFill: iconFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconFill), imageSrc: iconSrc, shape: iconShape, size: iconSize, SvgImage: icon })), (children || label || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.label)) && (jsxRuntimeExports.jsx(Text, { className: "button__label", size: labelTextSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextSize) || undefined, sizeMobile: labelTextSizeMobile, style: labelStyles, textColor: labelTextColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextColor), textColorHover: labelTextColorHover || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextColorHover), textWrap: labelTextWrap, textWeight: labelTextWeight, children: children || label || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.label) })), (iconAfter || iconAfterSrc) && (jsxRuntimeExports.jsx(Icon, { className: "button__icon_after", fill: fillIconAfter, fillSize: iconAfterFillSize, iconFill: iconAfterFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconAfterFill), imageSrc: iconAfterSrc, shape: iconAfterShape, size: iconAfterSize, SvgImage: iconAfter })), Badge, after] }) }));
+            'button_type_with-icon', loading && 'button_state_loading button_type_loader'), "data-test-id": dataTestId && "".concat(dataTestId, "Button"), "data-tour": dataTour, DefaultComponent: "button", disabled: isDisabled, href: link || href, rel: rel, style: buttonStyles, target: target, type: htmlType, onClick: onClick, onMouseDown: onMouseDown, children: jsxRuntimeExports.jsxs("div", { className: "button__wrapper", ref: ref, children: [loading && (jsxRuntimeExports.jsx(Loader, { className: "button__loader", fill: loaderFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.loaderFill), itemFill: loaderItemFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.loaderItemFill), set: loaderSet })), before, (iconBefore || iconBeforeSrc) && (jsxRuntimeExports.jsx(Icon, { className: "button__icon_before", fill: fillIconBefore, fillSize: iconBeforeFillSize, iconFill: iconBeforeFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconBeforeFill), imageSrc: iconBeforeSrc, shape: iconBeforeShape, size: iconBeforeSize, SvgImage: iconBefore })), (icon || iconSrc) && (jsxRuntimeExports.jsx(Icon, { className: "button__icon", fill: fillIcon, fillSize: iconFillSize, iconFill: iconFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconFill), imageSrc: iconSrc, shape: iconShape, size: iconSize, SvgImage: icon })), (children || label || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.label)) && (jsxRuntimeExports.jsx(Text, { className: "button__label", size: labelTextSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextSize) || undefined, sizeMobile: labelTextSizeMobile, style: labelStyles, textTruncate: labelTextTruncate, textColor: labelTextColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextColor), textColorHover: labelTextColorHover || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextColorHover), textWrap: labelTextWrap, textWeight: labelTextWeight, width: labelTextWidth, children: children || label || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.label) })), (iconAfter || iconAfterSrc) && (jsxRuntimeExports.jsx(Icon, { className: "button__icon_after", fill: fillIconAfter, fillSize: iconAfterFillSize, iconFill: iconAfterFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconAfterFill), imageSrc: iconAfterSrc, shape: iconAfterShape, size: iconAfterSize, SvgImage: iconAfter })), Badge, after] }) }));
 });
-Button.defaultProps = {
-    // Button with a `type="submit"` attribute is a form control by default.
-    // If the button is not associated with any form, it will look for
-    // the nearest form in the DOM and submit its data when clicked.
-    htmlType: 'button',
-    size: 'xl',
-    width: 'hug',
-    loaderSet: 'simple',
-    loading: false,
-};
 
 export { Button as B, buttonConfig as b };

package/dist/{Card-DEs1Rr88.js → Card-CvW4Qozl.js}

@@ -2,7 +2,7 @@ import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
 import { I as Image } from './Image-Bz4Fo3eB.js';
-import { T as Text } from './Text-Dn0X1zxN.js';
+import { T as Text } from './Text-Dz-KPI5I.js';
 
 function Card(props) {
     var children = props.children, className = props.className, size = props.size, src = props.src, text = props.text, textSize = props.textSize, textColor = props.textColor, textTag = props.textTag, title = props.title, titleSize = props.titleSize, titleTag = props.titleTag, titleColor = props.titleColor, image = props.image, imageShape = props.imageShape, type = props.type, onClick = props.onClick;

package/dist/{Cell-BTH03V30.js → Cell-3We_qMvM.js}

@@ -1,9 +1,9 @@
 import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
-import { I as Icon } from './Icon-CPCBYWfF.js';
-import { L as Label } from './Label-Ch6YjDF4.js';
-import { T as Text } from './Text-Dn0X1zxN.js';
+import { I as Icon } from './Icon-BLqnXYOO.js';
+import { L as Label } from './Label-c3hONOHC.js';
+import { T as Text } from './Text-Dz-KPI5I.js';
 import { useStyles } from './hooks/useStyles.js';
 
 function Cell(props) {

package/dist/{Checkbox-BmQo6ByV.js → Checkbox-0h4YosTW.js}

@@ -1,7 +1,7 @@
 import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
-import { T as Text } from './Text-Dn0X1zxN.js';
+import { T as Text } from './Text-Dz-KPI5I.js';
 
 var checkboxConfig = {
     appearance: undefined,

package/dist/{Chips-CBPMHkdw.js → Chips-uYPtUsLf.js}

@@ -2,7 +2,7 @@ import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
 import { useStyles } from './hooks/useStyles.js';
-import { T as Text } from './Text-Dn0X1zxN.js';
+import { T as Text } from './Text-Dz-KPI5I.js';
 
 var chipsConfig = {
     appearance: undefined,

package/dist/{Choice-DsyZ57RY.js → Choice-CeQ9Il98.js}

@@ -2,9 +2,9 @@ import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
 import React__default, { useRef, useMemo, createRef, useCallback } from 'react';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
-import { I as Icon } from './Icon-CPCBYWfF.js';
-import { L as Loader } from './Loader-DhgIcSY1.js';
-import { T as Text } from './Text-Dn0X1zxN.js';
+import { I as Icon } from './Icon-BLqnXYOO.js';
+import { L as Loader } from './Loader-VCP1ZNcb.js';
+import { T as Text } from './Text-Dz-KPI5I.js';
 
 var choiceConfig = {
     appearance: {},

package/dist/{ContextMenuItem-BrLq1iQl.js → ContextMenuItem-KPAQQHlQ.js}

@@ -2,8 +2,8 @@ import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
 import { D as Divider } from './Divider-Dhj6sMWd.js';
-import { I as Icon } from './Icon-CPCBYWfF.js';
-import { T as Text } from './Text-Dn0X1zxN.js';
+import { I as Icon } from './Icon-BLqnXYOO.js';
+import { T as Text } from './Text-Dz-KPI5I.js';
 
 function ContextMenu(props) {
     var id = props.id, children = props.children, className = props.className, set = props.set, onClick = props.onClick;

package/dist/{CookiesWarning--bl8qppa.js → CookiesWarning-Dc6YFhTn.js}

@@ -3,9 +3,9 @@ import { useRef, useMemo, useCallback, useEffect } from 'react';
 import clsx from 'clsx';
 import Cookies from 'js-cookie';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
-import { B as Button } from './Button-BlPfX0sG.js';
-import { G as Group } from './Group-BDmYkT7d.js';
-import { T as Text } from './Text-Dn0X1zxN.js';
+import { B as Button } from './Button-Vxs8zjSy.js';
+import { G as Group } from './Group-DLmtajo8.js';
+import { T as Text } from './Text-Dz-KPI5I.js';
 
 function CookiesWarning(props) {
     var _a = props.message, message = _a === void 0 ? 'The site uses cookies to collect technical information, to optimize the design and improvement of the website, and to provide certain functions. By using the website, you agree to the use of «cookies».' : _a, className = props.className, buttonFill = props.buttonFill, buttonFillHover = props.buttonFillHover, _b = props.buttonLabel, buttonLabel = _b === void 0 ? 'I agree' : _b, buttonLabelSize = props.buttonLabelSize, buttonLabelTextColor = props.buttonLabelTextColor, buttonShape = props.buttonShape, buttonSize = props.buttonSize, textSize = props.textSize, textColor = props.textColor, buttonWidth = props.buttonWidth, _c = props.isHideOnScroll, isHideOnScroll = _c === void 0 ? false : _c;

package/dist/{DatePicker-DwvyPEnL.js → DatePicker-l1a-OAls.js}

@@ -7,11 +7,11 @@ import * as ReactDOM from 'react-dom';
 import ReactDOM__default, { findDOMNode } from 'react-dom';
 import { o as offset$1, f as flip$1, c as computePosition, b as arrow$2, g as getComputedStyle, i as isElement, a as autoUpdate } from './floating-ui.dom-BV5qw-HP.js';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
-import { B as Button } from './Button-BlPfX0sG.js';
-import { I as Icon } from './Icon-CPCBYWfF.js';
+import { B as Button } from './Button-Vxs8zjSy.js';
+import { I as Icon } from './Icon-BLqnXYOO.js';
 import { I as Input } from './Input-CYDtAlO-.js';
-import { L as Label } from './Label-Ch6YjDF4.js';
-import { T as Text } from './Text-Dn0X1zxN.js';
+import { L as Label } from './Label-c3hONOHC.js';
+import { T as Text } from './Text-Dz-KPI5I.js';
 
 function buildFormatLongFn(args) {
   return (options = {}) => {

package/dist/{DropdownItem-D_DLgDdG.js → DropdownItem-CkojAA8a.js}

@@ -4,8 +4,8 @@ import clsx from 'clsx';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
 import { useStyles } from './hooks/useStyles.js';
 import { D as Divider } from './Divider-Dhj6sMWd.js';
-import { L as Link } from './Link-BREALvPd.js';
-import { T as Text } from './Text-Dn0X1zxN.js';
+import { L as Link } from './Link-DtzAAQn8.js';
+import { T as Text } from './Text-Dz-KPI5I.js';
 
 function Dropdown(props) {
     var after = props.after, before = props.before, animationClose = props.animationClose, animationOpen = props.animationOpen, children = props.children, className = props.className, set = props.set, isOpen = props.isOpen, setIsOpen = props.setIsOpen;

package/dist/{Group-BDmYkT7d.js → Group-DLmtajo8.js}

@@ -10,7 +10,7 @@ var groupConfig = {
     },
 };
 function Group(props) {
-    var id = props.id, name = props.name, children = props.children, isTextHover = props.isTextHover, appearance = props.appearance, className = props.className, dataTour = props.dataTour, horizontalScroll = props.horizontalScroll, htmlFor = props.htmlFor, set = props.set, style = props.style, _a = props.tag, Tag = _a === void 0 ? 'div' : _a, onClick = props.onClick;
+    var id = props.id, name = props.name, children = props.children, appearance = props.appearance, className = props.className, dataTour = props.dataTour, horizontalScroll = props.horizontalScroll, htmlFor = props.htmlFor, set = props.set, style = props.style, _a = props.tag, Tag = _a === void 0 ? 'div' : _a, onClick = props.onClick;
     var contentAlignClass = useDeviceTargetClass(props, {
         prefix: 'group_content-align_',
         propsKey: 'contentAlign',
@@ -103,7 +103,7 @@ function Group(props) {
             ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.direction) &&
                 "group_direction_".concat(appearanceConfig.direction)
                     .replace(/([A-Z])/g, '-$1')
-                    .toLowerCase()), alignClass, isTextHover && 'group_text_hover', textColorClass, textColorActiveClass, textColorHoverClass, fillClass ||
+                    .toLowerCase()), alignClass, textColorClass, textColorActiveClass, textColorHoverClass, fillClass ||
             ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.fill) &&
                 "fill_".concat(appearanceConfig.fill).replace(/([A-Z])/g, '-$1').toLowerCase()), fillHoverClass ||
             ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.fillHover) &&

package/dist/{Icon-CPCBYWfF.js → Icon-BLqnXYOO.js}

@@ -5,8 +5,8 @@ import clsx from 'clsx';
 import SVG from 'react-inlinesvg';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
 import { useStyles } from './hooks/useStyles.js';
-import { a as LinkWrapper } from './Link-BREALvPd.js';
-import { T as Tooltip } from './Tooltip-BYw26YRd.js';
+import { a as LinkWrapper } from './Link-DtzAAQn8.js';
+import { T as Tooltip } from './Tooltip-IVq3_vb4.js';
 
 var iconConfig = {
     appearance: {},

package/dist/{InputPassword-CjExdAwu.js → InputPassword-DYBnRCtc.js}

@@ -2,7 +2,7 @@ import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
 import { useState, useMemo, useCallback } from 'react';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
-import { I as Icon } from './Icon-CPCBYWfF.js';
+import { I as Icon } from './Icon-BLqnXYOO.js';
 
 var inputPasswordConfig = {
     state: undefined,

package/dist/{Label-Ch6YjDF4.js → Label-c3hONOHC.js}

@@ -3,8 +3,8 @@ import { useRef, useCallback } from 'react';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
 import { useStyles } from './hooks/useStyles.js';
-import { T as Text } from './Text-Dn0X1zxN.js';
-import { T as Tooltip } from './Tooltip-BYw26YRd.js';
+import { T as Text } from './Text-Dz-KPI5I.js';
+import { T as Tooltip } from './Tooltip-IVq3_vb4.js';
 
 var labelConfig = {
     appearance: undefined,

package/dist/{LanguageSelector-CeioS128.js → LanguageSelector-D0A-uqch.js}

@@ -1,6 +1,6 @@
 import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
 import clsx from 'clsx';
-import { I as Icon } from './Icon-CPCBYWfF.js';
+import { I as Icon } from './Icon-BLqnXYOO.js';
 
 function LanguageSelectorItem(props) {
     var label = props.label, iconSize = props.iconSize, SvgImage = props.SvgImage, isActive = props.isActive, onClick = props.onClick;

package/dist/Link-DtzAAQn8.js

@@ -0,0 +1,98 @@
+import { a as __rest, _ as __assign } from './_tslib-S-VPg1Cw.js';
+import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
+import React__default from 'react';
+import clsx from 'clsx';
+import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
+import { useStyles } from './hooks/useStyles.js';
+
+var linkConfig = {
+    LinkComponent: 'a',
+    setLinkComponent: function (newComponent) {
+        linkConfig.LinkComponent = newComponent;
+    },
+};
+function Link(props) {
+    var after = props.after, before = props.before, children = props.children, className = props.className, LinkComponent = props.LinkComponent, href = props.href, link = props.link, target = props.target, rel = props.rel, text = props.text, _a = props.underline, underline = _a === void 0 ? 'underline' : _a, style = props.style, onClick = props.onClick, onMouseDown = props.onMouseDown;
+    var directionClass = useDeviceTargetClass(props, {
+        prefix: 'link_direction_',
+        propsKey: 'direction',
+    });
+    var sizeClass = useDeviceTargetClass(props, {
+        prefix: 'text_size_',
+        propsKey: 'size',
+    });
+    var textColorClass = useDeviceTargetClass(props, {
+        prefix: 'text-color_',
+        propsKey: 'textColor',
+    });
+    var fillClass = useDeviceTargetClass(props, {
+        prefix: 'fill_',
+        propsKey: 'fill',
+    });
+    var svgFillClass = useDeviceTargetClass(props, {
+        prefix: 'svg_fill_',
+        propsKey: 'svgFill',
+    });
+    var svgFillHoverClass = useDeviceTargetClass(props, {
+        prefix: 'svg_fill_hover_',
+        propsKey: 'svgFillHover',
+    });
+    var weightClass = useDeviceTargetClass(props, {
+        prefix: 'text-weight_',
+        propsKey: 'textWeight',
+    });
+    var textColorHoverClass = useDeviceTargetClass(props, {
+        prefix: 'text-color_hover_',
+        propsKey: 'textColorHover',
+    });
+    var textStyleClass = useDeviceTargetClass(props, {
+        prefix: 'text-style_',
+        propsKey: 'textColorHover',
+    });
+    var textGradientClass = useDeviceTargetClass(props, {
+        prefix: 'text-gradient_',
+        propsKey: 'textGradient',
+    });
+    var widthClass = useDeviceTargetClass(props, {
+        prefix: 'width_',
+        propsKey: 'width',
+    });
+    var heightClass = useDeviceTargetClass(props, {
+        prefix: 'height_',
+        propsKey: 'height',
+    });
+    // @ts-expect-error
+    var styles = useStyles(props).styles;
+    return (jsxRuntimeExports.jsxs(LinkWrapper, { className: clsx(className, 'link', widthClass, heightClass, directionClass, sizeClass, svgFillClass, svgFillHoverClass, underline && "link_underline_".concat(underline), 'text', (textColorClass ||
+            textColorHoverClass ||
+            textGradientClass ||
+            textStyleClass ||
+            weightClass) &&
+            'text', textColorClass, textColorHoverClass, textGradientClass, textStyleClass, weightClass, fillClass), Component: LinkComponent, href: href || link, rel: rel, style: Object.assign({}, styles, style), target: target, onClick: onClick, onMouseDown: onMouseDown, children: [before, children || text, after] }));
+}
+Link.defaultProps = {
+    underline: 'underline',
+};
+// Wrapper with "Link" by condition
+function LinkWrapper(props) {
+    var children = props.children, Component = props.Component, DefaultComponent = props.DefaultComponent, href = props.href, target = props.target, rel = props.rel, otherProps = __rest(props, ["children", "Component", "DefaultComponent", "href", "target", "rel"]);
+    if (href) {
+        // If href passed, make link-wrapper
+        var LinkComponent = Component || linkConfig.LinkComponent;
+        if (LinkComponent) {
+            return (jsxRuntimeExports.jsx(LinkComponent, __assign({ href: href, rel: rel, target: target }, otherProps, { children: children })));
+        }
+    }
+    else if (DefaultComponent) {
+        // If has default "Component" - render it
+        return jsxRuntimeExports.jsx(DefaultComponent, __assign({}, otherProps, { children: children }));
+    }
+    // Return children and pass current props to
+    return React__default.Children.toArray(children)
+        .filter(Boolean)
+        .map(function (child) {
+        return React__default.isValidElement(child) ? React__default.cloneElement(child, otherProps) : child;
+    });
+}
+
+export { Link as L, LinkWrapper as a, linkConfig as l };

package/dist/{ListItem-CC1Ud8f6.js → ListItem-BoCF7VH9.js}

@@ -2,7 +2,7 @@ import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
 import clsx from 'clsx';
 import { useStyles } from './hooks/useStyles.js';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
-import { L as Link } from './Link-BREALvPd.js';
+import { L as Link } from './Link-DtzAAQn8.js';
 
 function List(props) {
     var children = props.children, className = props.className, style = props.style, type = props.type;

package/dist/{Loader-DhgIcSY1.js → Loader-VCP1ZNcb.js}

@@ -2,7 +2,7 @@ import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
 import { useStyles } from './hooks/useStyles.js';
-import { T as Text } from './Text-Dn0X1zxN.js';
+import { T as Text } from './Text-Dz-KPI5I.js';
 
 // TODO: is better to use context?
 var loaderConfig = {

package/dist/{Logo-C_CbU1Oq.js → Logo-DCx_YOA2.js}

@@ -2,7 +2,7 @@ import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
 import { useStyles } from './hooks/useStyles.js';
-import { a as LinkWrapper } from './Link-BREALvPd.js';
+import { a as LinkWrapper } from './Link-DtzAAQn8.js';
 
 var logoConfig = {
     appearance: undefined,

package/dist/{Menu-BVxNhuDF.js → Menu-C-TIWZeb.js}

@@ -2,7 +2,7 @@ import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
 import { useStyles } from './hooks/useStyles.js';
-import { M as MenuItem } from './MenuItem-3UBIrvob.js';
+import { M as MenuItem } from './MenuItem-BbU9r8_D.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/{MenuItem-3UBIrvob.js → MenuItem-BbU9r8_D.js}

@@ -3,8 +3,8 @@ import React__default from 'react';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
 import { useStyles } from './hooks/useStyles.js';
-import { L as Link } from './Link-BREALvPd.js';
-import { T as Text } from './Text-Dn0X1zxN.js';
+import { L as Link } from './Link-DtzAAQn8.js';
+import { T as Text } from './Text-Dz-KPI5I.js';
 
 var menuItemConfig = {
     appearance: undefined,

package/dist/{ModalLoader-DHOpJqE3.js → ModalLoader-Bk6l3vO9.js}

@@ -5,7 +5,7 @@ import ReactDOM__default from 'react-dom';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
 import { useStyles } from './hooks/useStyles.js';
 import { O as Overlay } from './Overlay-C4gCb0sL.js';
-import { L as Loader } from './Loader-DhgIcSY1.js';
+import { L as Loader } from './Loader-VCP1ZNcb.js';
 
 var getOrCreateModalElement = function (modalQuerySelector, className) {
     var _a;

package/dist/{NotificationList-CaAYxwHB.js → NotificationList-CmXca2zs.js}

@@ -2,7 +2,7 @@ import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
 import clsx from 'clsx';
 import { useNotifications, useNotificationsAPI } from './context/Notifications.js';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
-import { T as Text } from './Text-Dn0X1zxN.js';
+import { T as Text } from './Text-Dz-KPI5I.js';
 import { T as Title } from './Title-zpOK2AxL.js';
 
 var notificationItemConfig = {

package/dist/{Pagination-Bbk7dlxN.js → Pagination-BAbFsztK.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-D_DLgDdG.js';
-import { I as Icon } from './Icon-CPCBYWfF.js';
-import { T as Text } from './Text-Dn0X1zxN.js';
+import { D as Dropdown, a as DropdownItem } from './DropdownItem-CkojAA8a.js';
+import { I as Icon } from './Icon-BLqnXYOO.js';
+import { T as Text } from './Text-Dz-KPI5I.js';
 
 function Pagination(props) {
     var allItemsCount = props.allItemsCount, className = props.className, marginPagesDisplayed = props.marginPagesDisplayed, nextLabel = props.nextLabel, _a = props.pageCountArray, pageCountArray = _a === void 0 ? [10, 20, 50, 100] : _a, pageCountDesc = props.pageCountDesc, pageCountDescTextColor = props.pageCountDescTextColor, pageCountDescTextSize = props.pageCountDescTextSize, pageCountDropdownAlignment = props.pageCountDropdownAlignment, pageCountDropdownElevation = props.pageCountDropdownElevation, pageCountDropdownFill = props.pageCountDropdownFill, pageCountDropdownItemDividerDirection = props.pageCountDropdownItemDividerDirection, pageCountDropdownItemDividerFill = props.pageCountDropdownItemDividerFill, pageCountDropdownItemDividerSize = props.pageCountDropdownItemDividerSize, pageCountDropdownItemFill = props.pageCountDropdownItemFill, pageCountDropdownItemFillActive = props.pageCountDropdownItemFillActive, pageCountDropdownItemFillActiveHover = props.pageCountDropdownItemFillActiveHover, pageCountDropdownItemFillHover = props.pageCountDropdownItemFillHover, pageCountDropdownItemLabelColor = props.pageCountDropdownItemLabelColor, pageCountDropdownItemLabelColorActive = props.pageCountDropdownItemLabelColorActive, pageCountDropdownItemLabelSize = props.pageCountDropdownItemLabelSize, pageCountDropdownItemLabelWrap = props.pageCountDropdownItemLabelWrap, pageCountDropdownItemSize = props.pageCountDropdownItemSize, pageCountDropdownItemLabelAlign = props.pageCountDropdownItemLabelAlign, pageCountDropdownItemWidth = props.pageCountDropdownItemWidth, pageCountDropdownItemShowDivider = props.pageCountDropdownItemShowDivider, pageCountDropdownSet = props.pageCountDropdownSet, pageCountDropdownShape = props.pageCountDropdownShape, pageCountInputIcon = props.pageCountInputIcon, pageCountInputIconColor = props.pageCountInputIconColor, pageCountInputIconFillSize = props.pageCountInputIconFillSize, pageCountInputTextColor = props.pageCountInputTextColor, pageCountInputTextSize = props.pageCountInputTextSize, pageNumber = props.pageNumber, pageRangeDisplayed = props.pageRangeDisplayed, _b = props.perPageCount, perPageCount = _b === void 0 ? 0 : _b, previousLabel = props.previousLabel, isPageCount = props.isPageCount, isPageCountDropdownReversed = props.isPageCountDropdownReversed, onPageChange = props.onPageChange, onPerPageCountChange = props.onPerPageCountChange;

package/dist/{Radio-CmejVeSJ.js → Radio-BHqgR8WO.js}

@@ -1,7 +1,7 @@
 import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
-import { T as Text } from './Text-Dn0X1zxN.js';
+import { T as Text } from './Text-Dz-KPI5I.js';
 
 var radioConfig = {
     state: undefined,

package/dist/{Response-B4iaYCX1.js → Response-sCPsxYoM.js}

@@ -4,9 +4,9 @@ import clsx from 'clsx';
 import SVG from 'react-inlinesvg';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
 import { useStyles } from './hooks/useStyles.js';
-import { B as Button } from './Button-BlPfX0sG.js';
-import { G as Group } from './Group-BDmYkT7d.js';
-import { T as Text } from './Text-Dn0X1zxN.js';
+import { B as Button } from './Button-Vxs8zjSy.js';
+import { G as Group } from './Group-DLmtajo8.js';
+import { T as Text } from './Text-Dz-KPI5I.js';
 import { T as Title } from './Title-zpOK2AxL.js';
 
 var responseConfig = {