@itcase/ui 1.1.20 → 1.1.22

package/dist/{Accordion-DCk1_IOx.js → Accordion-vz3rGxg8.js}

@@ -5,7 +5,7 @@ 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-DobrgUul.js';
+import { I as Icon } from './Icon-DyW-OJcE.js';
 import { T as Text } from './Text-Dn0X1zxN.js';
 
 var ChevronDown16 = function ChevronDown16(props) {

package/dist/{Avatar-EsnSFf8y.js → Avatar-C6aiRMDt.js}

@@ -2,7 +2,7 @@ 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-DobrgUul.js';
+import { I as Icon } from './Icon-DyW-OJcE.js';
 import { I as Image } from './Image-Bz4Fo3eB.js';
 import { T as Text } from './Text-Dn0X1zxN.js';
 

package/dist/{Breadcrumbs-lq8teNHv.js → Breadcrumbs-BaTOa10W.js}

@@ -5,8 +5,8 @@ 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-DobrgUul.js';
-import { a as LinkWrapper } from './Link-CnzdHbwf.js';
+import { I as Icon } from './Icon-DyW-OJcE.js';
+import { a as LinkWrapper } from './Link-DtzAAQn8.js';
 import { T as Text } from './Text-Dn0X1zxN.js';
 
 function BreadcrumbsItem(props) {

package/dist/{Button-Dslt7OS2.js → Button-i3tdL747.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 { I as Icon } from './Icon-DobrgUul.js';
-import { a as LinkWrapper } from './Link-CnzdHbwf.js';
+import { I as Icon } from './Icon-DyW-OJcE.js';
+import { a as LinkWrapper } from './Link-DtzAAQn8.js';
 import { L as Loader } from './Loader-DhgIcSY1.js';
 import { T as Text } from './Text-Dn0X1zxN.js';
 

package/dist/{Cell-DtK-UEKE.js → Cell-B4hmQ2pr.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 { I as Icon } from './Icon-DobrgUul.js';
+import { I as Icon } from './Icon-DyW-OJcE.js';
 import { L as Label } from './Label-Ch6YjDF4.js';
 import { T as Text } from './Text-Dn0X1zxN.js';
 import { useStyles } from './hooks/useStyles.js';

package/dist/{Choice-CeVJI4H9.js → Choice-CMTk8wAX.js}

@@ -2,7 +2,7 @@ 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-DobrgUul.js';
+import { I as Icon } from './Icon-DyW-OJcE.js';
 import { L as Loader } from './Loader-DhgIcSY1.js';
 import { T as Text } from './Text-Dn0X1zxN.js';
 

package/dist/{ContextMenuItem-BuJBuKmW.js → ContextMenuItem-BOwxIW8x.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 { D as Divider } from './Divider-Dhj6sMWd.js';
-import { I as Icon } from './Icon-DobrgUul.js';
+import { I as Icon } from './Icon-DyW-OJcE.js';
 import { T as Text } from './Text-Dn0X1zxN.js';
 
 function ContextMenu(props) {

package/dist/{CookiesWarning-BQZ8f2hX.js → CookiesWarning-ZBohPZ8K.js}

@@ -3,8 +3,8 @@ 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-Dslt7OS2.js';
-import { G as Group } from './Group-BWwH31L7.js';
+import { B as Button } from './Button-i3tdL747.js';
+import { G as Group } from './Group-DLmtajo8.js';
 import { T as Text } from './Text-Dn0X1zxN.js';
 
 function CookiesWarning(props) {

package/dist/{DatePicker-DxTgMHIo.js → DatePicker-TMF-rVUw.js}

@@ -7,8 +7,8 @@ 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-Dslt7OS2.js';
-import { I as Icon } from './Icon-DobrgUul.js';
+import { B as Button } from './Button-i3tdL747.js';
+import { I as Icon } from './Icon-DyW-OJcE.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';

package/dist/{DropdownItem-DftDKP1Y.js → DropdownItem-Cg6-YvlD.js}

@@ -4,7 +4,7 @@ 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-CnzdHbwf.js';
+import { L as Link } from './Link-DtzAAQn8.js';
 import { T as Text } from './Text-Dn0X1zxN.js';
 
 function Dropdown(props) {

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

@@ -10,7 +10,7 @@ var groupConfig = {
     },
 };
 function Group(props) {
-    var id = props.id, 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',
@@ -97,12 +97,13 @@ function Group(props) {
     });
     // @ts-expect-error
     var _b = useStyles(props), groupStyles = _b.styles, groupWrapperStyles = _b.wrapper;
-    var appearanceConfig = appearance && groupConfig.appearance && groupConfig.appearance[appearance];
-    return (jsxRuntimeExports.jsx(Tag, { "data-tour": dataTour, htmlFor: htmlFor, id: id, style: Object.assign({}, groupStyles, style), className: clsx(className, 'group', widthClass, heightClass, columnsClass, contentAlignClass, alignDirectionClass, directionClass ||
+    // prettier-ignore
+    var appearanceConfig = (appearance && groupConfig.appearance && groupConfig.appearance[appearance]);
+    return (jsxRuntimeExports.jsx(Tag, { "data-tour": dataTour, htmlFor: htmlFor, id: id, name: name, style: Object.assign({}, groupStyles, style), className: clsx(className, 'group', widthClass, heightClass, columnsClass, contentAlignClass, alignDirectionClass, directionClass ||
             ((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-DobrgUul.js → Icon-DyW-OJcE.js}

@@ -5,7 +5,7 @@ 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-CnzdHbwf.js';
+import { a as LinkWrapper } from './Link-DtzAAQn8.js';
 import { T as Tooltip } from './Tooltip-BYw26YRd.js';
 
 var iconConfig = {

package/dist/{InputPassword-FuVE3fYp.js → InputPassword-Bilzlomv.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-DobrgUul.js';
+import { I as Icon } from './Icon-DyW-OJcE.js';
 
 var inputPasswordConfig = {
     state: undefined,

package/dist/{LanguageSelector-DrFlau3K.js → LanguageSelector-BHLGr-10.js}

@@ -1,6 +1,6 @@
 import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
 import clsx from 'clsx';
-import { I as Icon } from './Icon-DobrgUul.js';
+import { I as Icon } from './Icon-DyW-OJcE.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-CmWuDHgt.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-CnzdHbwf.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;
@@ -36,9 +36,7 @@ function ListItem(props) {
     // @ts-expect-error
     var _a = useStyles(props), liStyles = _a.styles, linkStyles = _a.link;
     if (link) {
-        return (jsxRuntimeExports.jsx("li", { className: clsx(className, 'list__item', 'list__item_type_link', textStyle && "text text-style_".concat(textStyle), textWeight && "text text-weight_".concat(textWeight), textColor && "text-color_".concat(textColor.replace(/([A-Z])/g, '-$1').toLowerCase()), fill && "fill_".concat(fill.replace(/([A-Z])/g, '-$1').toLowerCase())), style: liStyles, children: jsxRuntimeExports.jsx(Link, { href: link || href, className: clsx('list__item-link'), 
-                // @ts-expect-error
-                style: linkStyles, children: children || text }) }));
+        return (jsxRuntimeExports.jsx("li", { className: clsx(className, 'list__item', 'list__item_type_link', textStyle && "text text-style_".concat(textStyle), textWeight && "text text-weight_".concat(textWeight), textColor && "text-color_".concat(textColor.replace(/([A-Z])/g, '-$1').toLowerCase()), fill && "fill_".concat(fill.replace(/([A-Z])/g, '-$1').toLowerCase())), style: liStyles, children: jsxRuntimeExports.jsx(Link, { className: clsx('list__item-link'), href: link || href, style: linkStyles, children: children || text }) }));
     }
     return (jsxRuntimeExports.jsxs("li", { className: clsx(className, 'list__item', textStyle && "text text-style_".concat(textStyle), textWeight && "text text-weight_".concat(textWeight), textColor && "text-color_".concat(textColor.replace(/([A-Z])/g, '-$1').toLowerCase()), fill && "fill_".concat(fill.replace(/([A-Z])/g, '-$1').toLowerCase())), style: liStyles, children: [before, children || text, after] }));
 }

package/dist/{Logo-Dc9ImVCn.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-CnzdHbwf.js';
+import { a as LinkWrapper } from './Link-DtzAAQn8.js';
 
 var logoConfig = {
     appearance: undefined,

package/dist/{Menu-D-C4q1An.js → Menu-C42iQ6ni.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-Cs0KLPXi.js';
+import { M as MenuItem } from './MenuItem-SGNMauJR.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-Cs0KLPXi.js → MenuItem-SGNMauJR.js}

@@ -3,7 +3,7 @@ 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-CnzdHbwf.js';
+import { L as Link } from './Link-DtzAAQn8.js';
 import { T as Text } from './Text-Dn0X1zxN.js';
 
 var menuItemConfig = {

package/dist/{Pagination-z2n_5l-u.js → Pagination-gz91HOqY.js}

@@ -4,8 +4,8 @@ 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-DftDKP1Y.js';
-import { I as Icon } from './Icon-DobrgUul.js';
+import { D as Dropdown, a as DropdownItem } from './DropdownItem-Cg6-YvlD.js';
+import { I as Icon } from './Icon-DyW-OJcE.js';
 import { T as Text } from './Text-Dn0X1zxN.js';
 
 function Pagination(props) {

package/dist/{Response-BXQPmdQr.js → Response-CNXJpgUk.js}

@@ -4,8 +4,8 @@ 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-Dslt7OS2.js';
-import { G as Group } from './Group-BWwH31L7.js';
+import { B as Button } from './Button-i3tdL747.js';
+import { G as Group } from './Group-DLmtajo8.js';
 import { T as Text } from './Text-Dn0X1zxN.js';
 import { T as Title } from './Title-zpOK2AxL.js';
 

package/dist/{Link-CnzdHbwf.js → ScrollToView-DQZEx4Qs.js}

@@ -1,7 +1,6 @@
-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 React__default from 'react';
 import require$$0 from 'lodash.throttle';
 import PropTypes$1 from 'prop-types';
 import ReactDOM__default from 'react-dom';
@@ -10,7 +9,7 @@ import { useStyles } from './hooks/useStyles.js';
 
 var modules = {};
 
-var Link$1 = {};
+var Link = {};
 
 var scrollLink = {};
 
@@ -1130,7 +1129,7 @@ scrollLink.default = function (Component, customScroller) {
   return Link;
 };
 
-Object.defineProperty(Link$1, "__esModule", {
+Object.defineProperty(Link, "__esModule", {
   value: true
 });
 
@@ -1176,7 +1175,7 @@ var LinkElement = function (_React$Component) {
   return LinkElement;
 }(_react2$3.default.Component);
 
-Link$1.default = (0, _scrollLink2$2.default)(LinkElement);
+Link.default = (0, _scrollLink2$2.default)(LinkElement);
 
 var Button = {};
 
@@ -1715,7 +1714,7 @@ Object.defineProperty(modules, "__esModule", {
 });
 modules.Helpers = modules.ScrollElement = ScrollLink = modules.ScrollLink = modules.animateScroll = modules.scrollSpy = modules.Events = modules.scroller = modules.Element = modules.Button = modules.Link = undefined;
 
-var _Link = Link$1;
+var _Link = Link;
 
 var _Link2 = _interopRequireDefault(_Link);
 
@@ -1769,53 +1768,31 @@ modules.ScrollElement = _scrollElement2.default;
 modules.Helpers = _Helpers2.default;
 modules.default = { Link: _Link2.default, Button: _Button2.default, Element: _Element2.default, scroller: _scroller2.default, Events: _scrollEvents2.default, scrollSpy: _scrollSpy2.default, animateScroll: _animateScroll2.default, ScrollLink: _scrollLink2.default, ScrollElement: _scrollElement2.default, Helpers: _Helpers2.default };
 
-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, 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 ScrollToView = ScrollLink(function ScrollToView(props) {
+    var id = props.id, children = props.children, className = props.className, _a = props.tag, Tag = _a === void 0 ? 'div' : _a;
+    var alignItemsClass = useDeviceTargetClass(props, {
+        prefix: 'align-items_',
+        propsKey: 'alignItems',
     });
-    var svgFillHoverClass = useDeviceTargetClass(props, {
-        prefix: 'svg_fill_hover_',
-        propsKey: 'svgFillHover',
+    useDeviceTargetClass(props, {
+        prefix: 'align-self_',
+        propsKey: 'alignSelf',
     });
-    var weightClass = useDeviceTargetClass(props, {
-        prefix: 'text-weight_',
-        propsKey: 'textWeight',
+    var alignDirectionClass = useDeviceTargetClass(props, {
+        prefix: 'align_',
+        propsKey: 'alignDirection',
     });
-    var textColorHoverClass = useDeviceTargetClass(props, {
-        prefix: 'text-color_hover_',
-        propsKey: 'textColorHover',
+    var alignClass = useDeviceTargetClass(props, {
+        prefix: 'align_',
+        propsKey: 'align',
     });
-    var textStyleClass = useDeviceTargetClass(props, {
-        prefix: 'text-style_',
-        propsKey: 'textColorHover',
+    var justifyContentClass = useDeviceTargetClass(props, {
+        prefix: 'justify-content_',
+        propsKey: 'justifyContent',
     });
-    var textGradientClass = useDeviceTargetClass(props, {
-        prefix: 'text-gradient_',
-        propsKey: 'textGradient',
+    var directionClass = useDeviceTargetClass(props, {
+        prefix: 'direction_',
+        propsKey: 'direction',
     });
     var widthClass = useDeviceTargetClass(props, {
         prefix: 'width_',
@@ -1825,40 +1802,9 @@ function Link(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: styles, 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;
-    });
-}
-// @ts-expect-error
-var LinkScrollable = ScrollLink(Link);
+    var scrollToViewStyles = useStyles(props).styles;
+    console.log();
+    return (jsxRuntimeExports.jsx(Tag, { onClick: props.onClick, id: id, className: clsx(className, 'scroll-to-view', alignItemsClass, widthClass, heightClass, alignDirectionClass, alignClass, justifyContentClass, directionClass), style: Object.assign({}, scrollToViewStyles, props.style), children: children }));
+});
 
-export { Link as L, LinkWrapper as a, LinkScrollable as b, linkConfig as l };
+export { ScrollToView as S };

package/dist/{SearchResult-BsXiKcpx.js → SearchResult-DmvQvfPl.js}

@@ -3,7 +3,7 @@ import React__default, { useCallback } from 'react';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
 import { useStyles } from './hooks/useStyles.js';
-import { I as Icon } from './Icon-DobrgUul.js';
+import { I as Icon } from './Icon-DyW-OJcE.js';
 import { T as Text } from './Text-Dn0X1zxN.js';
 import { S as Scrollbar } from './Scrollbar-DrRNpn12.js';
 

package/dist/{SiteMenuButton-DNMOi-I3.js → SiteMenuButton-CaJqHqly.js}

@@ -3,7 +3,7 @@ import { useCallback } from 'react';
 import clsx from 'clsx';
 import { useSiteMenuContext } from './context/UIContext.js';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
-import { I as Icon } from './Icon-DobrgUul.js';
+import { I as Icon } from './Icon-DyW-OJcE.js';
 import { T as Text } from './Text-Dn0X1zxN.js';
 
 function SiteMenu(props) {

package/dist/{SwitchField-Djrsk1Th.js → SwitchField-Bq90qJ7P.js}

@@ -6,7 +6,7 @@ import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
 import { SelectInput } from './components/Select.js';
 import { D as Divider } from './Divider-Dhj6sMWd.js';
 import { T as Text } from './Text-Dn0X1zxN.js';
-import { I as Icon } from './Icon-DobrgUul.js';
+import { I as Icon } from './Icon-DyW-OJcE.js';
 import { useStyles } from './hooks/useStyles.js';
 import { S as Switch } from './Switch-0BHqovLA.js';
 

package/dist/{TabGroup-c-myALzO.js → TabGroup-BJgPoaC8.js}

@@ -5,7 +5,7 @@ import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
 import { useStyles } from './hooks/useStyles.js';
 import { B as Badge } from './Badge-DtYgQu3L.js';
 import { D as Divider } from './Divider-Dhj6sMWd.js';
-import { L as Link } from './Link-CnzdHbwf.js';
+import { L as Link } from './Link-DtzAAQn8.js';
 import { T as Text } from './Text-Dn0X1zxN.js';
 
 var tabConfig = {

package/dist/cjs/{Accordion-CGdZmC7z.js → Accordion-DRCJXbXR.js}

@@ -7,7 +7,7 @@ var clsx = require('clsx');
 var castArray = require('lodash/castArray');
 var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
 var useStyles = require('./hooks/useStyles.js');
-var Icon = require('./Icon-1nE_a40k.js');
+var Icon = require('./Icon-BrmShIlv.js');
 var Text = require('./Text-D2YDVhGJ.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }

package/dist/cjs/{Avatar-CXkFUZni.js → Avatar-DdzcQ7Tv.js}

@@ -4,7 +4,7 @@ var jsxRuntime = require('./jsx-runtime-BBxmckJR.js');
 var React = require('react');
 var clsx = require('clsx');
 var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
-var Icon = require('./Icon-1nE_a40k.js');
+var Icon = require('./Icon-BrmShIlv.js');
 var Image = require('./Image-CCx6QWZj.js');
 var Text = require('./Text-D2YDVhGJ.js');
 

package/dist/cjs/{Breadcrumbs-GGwX18rz.js → Breadcrumbs-B_mi0vy6.js}

@@ -7,8 +7,8 @@ var clsx = require('clsx');
 var camelCase = require('lodash/camelCase');
 var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
 var useStyles = require('./hooks/useStyles.js');
-var Icon = require('./Icon-1nE_a40k.js');
-var Link = require('./Link-D30saU5d.js');
+var Icon = require('./Icon-BrmShIlv.js');
+var Link = require('./Link-DRV1vzHd.js');
 var Text = require('./Text-D2YDVhGJ.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }

package/dist/cjs/{Button-DplZg-6U.js → Button-qWiPRK_v.js}

@@ -5,8 +5,8 @@ var React = require('react');
 var clsx = require('clsx');
 var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
 var useStyles = require('./hooks/useStyles.js');
-var Icon = require('./Icon-1nE_a40k.js');
-var Link = require('./Link-D30saU5d.js');
+var Icon = require('./Icon-BrmShIlv.js');
+var Link = require('./Link-DRV1vzHd.js');
 var Loader = require('./Loader-2CPNhu-4.js');
 var Text = require('./Text-D2YDVhGJ.js');
 

package/dist/cjs/{Cell-fldKcEHr.js → Cell-HAvuC_53.js}

@@ -3,7 +3,7 @@
 var jsxRuntime = require('./jsx-runtime-BBxmckJR.js');
 var clsx = require('clsx');
 var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
-var Icon = require('./Icon-1nE_a40k.js');
+var Icon = require('./Icon-BrmShIlv.js');
 var Label = require('./Label-Cgxxx2Ar.js');
 var Text = require('./Text-D2YDVhGJ.js');
 var useStyles = require('./hooks/useStyles.js');

package/dist/cjs/{Choice-DwYPQwyf.js → Choice-CkbYpKdh.js}

@@ -4,7 +4,7 @@ var jsxRuntime = require('./jsx-runtime-BBxmckJR.js');
 var React = require('react');
 var clsx = require('clsx');
 var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
-var Icon = require('./Icon-1nE_a40k.js');
+var Icon = require('./Icon-BrmShIlv.js');
 var Loader = require('./Loader-2CPNhu-4.js');
 var Text = require('./Text-D2YDVhGJ.js');
 

package/dist/cjs/{ContextMenuItem-D-wYq1Of.js → ContextMenuItem-CBatWAIi.js}

@@ -4,7 +4,7 @@ var jsxRuntime = require('./jsx-runtime-BBxmckJR.js');
 var clsx = require('clsx');
 var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
 var Divider = require('./Divider-D92wY8Fn.js');
-var Icon = require('./Icon-1nE_a40k.js');
+var Icon = require('./Icon-BrmShIlv.js');
 var Text = require('./Text-D2YDVhGJ.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }