@itcase/ui 1.1.20 → 1.1.22

package/dist/cjs/{CookiesWarning-Cny73RI8.js → CookiesWarning-Bj5qJx-5.js}

@@ -5,8 +5,8 @@ var React = require('react');
 var clsx = require('clsx');
 var Cookies = require('js-cookie');
 var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
-var Button = require('./Button-DplZg-6U.js');
-var Group = require('./Group-B3axMtEa.js');
+var Button = require('./Button-qWiPRK_v.js');
+var Group = require('./Group-EFTg84wP.js');
 var Text = require('./Text-D2YDVhGJ.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }

package/dist/cjs/{DatePicker-BvGVwQWT.js → DatePicker-B0hI1LEq.js}

@@ -7,8 +7,8 @@ var clsx = require('clsx');
 var ReactDOM = require('react-dom');
 var floatingUi_dom = require('./floating-ui.dom-ma2MDAMT.js');
 var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
-var Button = require('./Button-DplZg-6U.js');
-var Icon = require('./Icon-1nE_a40k.js');
+var Button = require('./Button-qWiPRK_v.js');
+var Icon = require('./Icon-BrmShIlv.js');
 var Input = require('./Input-vwyG3XF0.js');
 var Label = require('./Label-Cgxxx2Ar.js');
 var Text = require('./Text-D2YDVhGJ.js');

package/dist/cjs/{DropdownItem-BazQTndn.js → DropdownItem-Cb3fvREo.js}

@@ -6,7 +6,7 @@ var clsx = require('clsx');
 var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
 var useStyles = require('./hooks/useStyles.js');
 var Divider = require('./Divider-D92wY8Fn.js');
-var Link = require('./Link-D30saU5d.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/{Group-B3axMtEa.js → Group-EFTg84wP.js}

@@ -16,7 +16,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.useDeviceTargetClass(props, {
         prefix: 'group_content-align_',
         propsKey: 'contentAlign',
@@ -103,12 +103,13 @@ function Group(props) {
     });
     // @ts-expect-error
     var _b = useStyles.useStyles(props), groupStyles = _b.styles, groupWrapperStyles = _b.wrapper;
-    var appearanceConfig = appearance && groupConfig.appearance && groupConfig.appearance[appearance];
-    return (jsxRuntime.jsxRuntimeExports.jsx(Tag, { "data-tour": dataTour, htmlFor: htmlFor, id: id, style: Object.assign({}, groupStyles, style), className: clsx__default.default(className, 'group', widthClass, heightClass, columnsClass, contentAlignClass, alignDirectionClass, directionClass ||
+    // prettier-ignore
+    var appearanceConfig = (appearance && groupConfig.appearance && groupConfig.appearance[appearance]);
+    return (jsxRuntime.jsxRuntimeExports.jsx(Tag, { "data-tour": dataTour, htmlFor: htmlFor, id: id, name: name, style: Object.assign({}, groupStyles, style), className: clsx__default.default(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/cjs/{Icon-1nE_a40k.js → Icon-BrmShIlv.js}

@@ -7,7 +7,7 @@ var clsx = require('clsx');
 var SVG = require('react-inlinesvg');
 var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
 var useStyles = require('./hooks/useStyles.js');
-var Link = require('./Link-D30saU5d.js');
+var Link = require('./Link-DRV1vzHd.js');
 var Tooltip = require('./Tooltip-CYJGThOv.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }

package/dist/cjs/{InputPassword-u30j02Bh.js → InputPassword-3k2o9hk6.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');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 

package/dist/cjs/{LanguageSelector-lyV39rdI.js → LanguageSelector-DVM6JIBX.js}

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

package/dist/cjs/Link-DRV1vzHd.js

@@ -0,0 +1,107 @@
+'use strict';
+
+var _tslib = require('./_tslib-CKiUdo7p.js');
+var jsxRuntime = require('./jsx-runtime-BBxmckJR.js');
+var React = require('react');
+var clsx = require('clsx');
+var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
+var useStyles = require('./hooks/useStyles.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+var clsx__default = /*#__PURE__*/_interopDefault(clsx);
+
+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.useDeviceTargetClass(props, {
+        prefix: 'link_direction_',
+        propsKey: 'direction',
+    });
+    var sizeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'text_size_',
+        propsKey: 'size',
+    });
+    var textColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'text-color_',
+        propsKey: 'textColor',
+    });
+    var fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'fill_',
+        propsKey: 'fill',
+    });
+    var svgFillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'svg_fill_',
+        propsKey: 'svgFill',
+    });
+    var svgFillHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'svg_fill_hover_',
+        propsKey: 'svgFillHover',
+    });
+    var weightClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'text-weight_',
+        propsKey: 'textWeight',
+    });
+    var textColorHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'text-color_hover_',
+        propsKey: 'textColorHover',
+    });
+    var textStyleClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'text-style_',
+        propsKey: 'textColorHover',
+    });
+    var textGradientClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'text-gradient_',
+        propsKey: 'textGradient',
+    });
+    var widthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'width_',
+        propsKey: 'width',
+    });
+    var heightClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'height_',
+        propsKey: 'height',
+    });
+    // @ts-expect-error
+    var styles = useStyles.useStyles(props).styles;
+    return (jsxRuntime.jsxRuntimeExports.jsxs(LinkWrapper, { className: clsx__default.default(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 = _tslib.__rest(props, ["children", "Component", "DefaultComponent", "href", "target", "rel"]);
+    if (href) {
+        // If href passed, make link-wrapper
+        var LinkComponent = Component || linkConfig.LinkComponent;
+        if (LinkComponent) {
+            return (jsxRuntime.jsxRuntimeExports.jsx(LinkComponent, _tslib.__assign({ href: href, rel: rel, target: target }, otherProps, { children: children })));
+        }
+    }
+    else if (DefaultComponent) {
+        // If has default "Component" - render it
+        return jsxRuntime.jsxRuntimeExports.jsx(DefaultComponent, _tslib.__assign({}, otherProps, { children: children }));
+    }
+    // Return children and pass current props to
+    return React__default.default.Children.toArray(children)
+        .filter(Boolean)
+        .map(function (child) {
+        return React__default.default.isValidElement(child) ? React__default.default.cloneElement(child, otherProps) : child;
+    });
+}
+
+exports.Link = Link;
+exports.LinkWrapper = LinkWrapper;
+exports.linkConfig = linkConfig;

package/dist/cjs/{ListItem-DBqD3_kT.js → ListItem-B5rYml7Y.js}

@@ -4,7 +4,7 @@ var jsxRuntime = require('./jsx-runtime-BBxmckJR.js');
 var clsx = require('clsx');
 var useStyles = require('./hooks/useStyles.js');
 var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
-var Link = require('./Link-D30saU5d.js');
+var Link = require('./Link-DRV1vzHd.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -42,9 +42,7 @@ function ListItem(props) {
     // @ts-expect-error
     var _a = useStyles.useStyles(props), liStyles = _a.styles, linkStyles = _a.link;
     if (link) {
-        return (jsxRuntime.jsxRuntimeExports.jsx("li", { className: clsx__default.default(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: jsxRuntime.jsxRuntimeExports.jsx(Link.Link, { href: link || href, className: clsx__default.default('list__item-link'), 
-                // @ts-expect-error
-                style: linkStyles, children: children || text }) }));
+        return (jsxRuntime.jsxRuntimeExports.jsx("li", { className: clsx__default.default(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: jsxRuntime.jsxRuntimeExports.jsx(Link.Link, { className: clsx__default.default('list__item-link'), href: link || href, style: linkStyles, children: children || text }) }));
     }
     return (jsxRuntime.jsxRuntimeExports.jsxs("li", { className: clsx__default.default(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/cjs/{Logo-CLwB8jrJ.js → Logo-CsOCRB7d.js}

@@ -4,7 +4,7 @@ var jsxRuntime = require('./jsx-runtime-BBxmckJR.js');
 var clsx = require('clsx');
 var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
 var useStyles = require('./hooks/useStyles.js');
-var Link = require('./Link-D30saU5d.js');
+var Link = require('./Link-DRV1vzHd.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 

package/dist/cjs/{Menu-D4NCuPTA.js → Menu-DCsVr-SF.js}

@@ -4,7 +4,7 @@ var jsxRuntime = require('./jsx-runtime-BBxmckJR.js');
 var clsx = require('clsx');
 var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
 var useStyles = require('./hooks/useStyles.js');
-var MenuItem = require('./MenuItem-D7TzAdrA.js');
+var MenuItem = require('./MenuItem-J3NDyCly.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 

package/dist/cjs/{MenuItem-D7TzAdrA.js → MenuItem-J3NDyCly.js}

@@ -5,7 +5,7 @@ var React = require('react');
 var clsx = require('clsx');
 var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
 var useStyles = require('./hooks/useStyles.js');
-var Link = require('./Link-D30saU5d.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/{Pagination-BaUSH8Q1.js → Pagination-bP-Pn6r6.js}

@@ -6,8 +6,8 @@ var clsx = require('clsx');
 var ceil = require('lodash/ceil');
 var ReactPaginate = require('react-paginate');
 var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
-var DropdownItem = require('./DropdownItem-BazQTndn.js');
-var Icon = require('./Icon-1nE_a40k.js');
+var DropdownItem = require('./DropdownItem-Cb3fvREo.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/{Response-g-ogAxvP.js → Response-CMfO022l.js}

@@ -6,8 +6,8 @@ var clsx = require('clsx');
 var SVG = require('react-inlinesvg');
 var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
 var useStyles = require('./hooks/useStyles.js');
-var Button = require('./Button-DplZg-6U.js');
-var Group = require('./Group-B3axMtEa.js');
+var Button = require('./Button-qWiPRK_v.js');
+var Group = require('./Group-EFTg84wP.js');
 var Text = require('./Text-D2YDVhGJ.js');
 var Title = require('./Title-Ckp30YSI.js');
 

package/dist/cjs/{Link-D30saU5d.js → ScrollToView-D4EUki4H.js}

@@ -1,9 +1,8 @@
 'use strict';
 
-var _tslib = require('./_tslib-CKiUdo7p.js');
 var jsxRuntime = require('./jsx-runtime-BBxmckJR.js');
-var React$1 = require('react');
 var clsx = require('clsx');
+var React$1 = require('react');
 var require$$0 = require('lodash.throttle');
 var PropTypes$1 = require('prop-types');
 var ReactDOM = require('react-dom');
@@ -12,15 +11,15 @@ var useStyles = require('./hooks/useStyles.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
-var React__default = /*#__PURE__*/_interopDefault(React$1);
 var clsx__default = /*#__PURE__*/_interopDefault(clsx);
+var React__default = /*#__PURE__*/_interopDefault(React$1);
 var require$$0__default = /*#__PURE__*/_interopDefault(require$$0);
 var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes$1);
 var ReactDOM__default = /*#__PURE__*/_interopDefault(ReactDOM);
 
 var modules = {};
 
-var Link$1 = {};
+var Link = {};
 
 var scrollLink = {};
 
@@ -1140,7 +1139,7 @@ scrollLink.default = function (Component, customScroller) {
   return Link;
 };
 
-Object.defineProperty(Link$1, "__esModule", {
+Object.defineProperty(Link, "__esModule", {
   value: true
 });
 
@@ -1186,7 +1185,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 = {};
 
@@ -1725,7 +1724,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);
 
@@ -1779,53 +1778,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.useDeviceTargetClass(props, {
-        prefix: 'link_direction_',
-        propsKey: 'direction',
-    });
-    var sizeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'text_size_',
-        propsKey: 'size',
-    });
-    var textColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'text-color_',
-        propsKey: 'textColor',
-    });
-    var fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'fill_',
-        propsKey: 'fill',
+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.useDeviceTargetClass(props, {
+        prefix: 'align-items_',
+        propsKey: 'alignItems',
     });
-    var svgFillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'svg_fill_',
-        propsKey: 'svgFill',
+    useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'align-self_',
+        propsKey: 'alignSelf',
     });
-    var svgFillHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'svg_fill_hover_',
-        propsKey: 'svgFillHover',
+    var alignDirectionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'align_',
+        propsKey: 'alignDirection',
     });
-    var weightClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'text-weight_',
-        propsKey: 'textWeight',
+    var alignClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'align_',
+        propsKey: 'align',
     });
-    var textColorHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'text-color_hover_',
-        propsKey: 'textColorHover',
+    var justifyContentClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'justify-content_',
+        propsKey: 'justifyContent',
     });
-    var textStyleClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'text-style_',
-        propsKey: 'textColorHover',
-    });
-    var textGradientClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'text-gradient_',
-        propsKey: 'textGradient',
+    var directionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'direction_',
+        propsKey: 'direction',
     });
     var widthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
         prefix: 'width_',
@@ -1835,43 +1812,9 @@ function Link(props) {
         prefix: 'height_',
         propsKey: 'height',
     });
-    // @ts-expect-error
-    var styles = useStyles.useStyles(props).styles;
-    return (jsxRuntime.jsxRuntimeExports.jsxs(LinkWrapper, { className: clsx__default.default(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 = _tslib.__rest(props, ["children", "Component", "DefaultComponent", "href", "target", "rel"]);
-    if (href) {
-        // If href passed, make link-wrapper
-        var LinkComponent = Component || linkConfig.LinkComponent;
-        if (LinkComponent) {
-            return (jsxRuntime.jsxRuntimeExports.jsx(LinkComponent, _tslib.__assign({ href: href, rel: rel, target: target }, otherProps, { children: children })));
-        }
-    }
-    else if (DefaultComponent) {
-        // If has default "Component" - render it
-        return jsxRuntime.jsxRuntimeExports.jsx(DefaultComponent, _tslib.__assign({}, otherProps, { children: children }));
-    }
-    // Return children and pass current props to
-    return React__default.default.Children.toArray(children)
-        .filter(Boolean)
-        .map(function (child) {
-        return React__default.default.isValidElement(child) ? React__default.default.cloneElement(child, otherProps) : child;
-    });
-}
-// @ts-expect-error
-var LinkScrollable = ScrollLink(Link);
-
-exports.Link = Link;
-exports.LinkScrollable = LinkScrollable;
-exports.LinkWrapper = LinkWrapper;
-exports.linkConfig = linkConfig;
+    var scrollToViewStyles = useStyles.useStyles(props).styles;
+    console.log();
+    return (jsxRuntime.jsxRuntimeExports.jsx(Tag, { onClick: props.onClick, id: id, className: clsx__default.default(className, 'scroll-to-view', alignItemsClass, widthClass, heightClass, alignDirectionClass, alignClass, justifyContentClass, directionClass), style: Object.assign({}, scrollToViewStyles, props.style), children: children }));
+});
+
+exports.ScrollToView = ScrollToView;

package/dist/cjs/{SearchResult-CbJZk7jp.js → SearchResult-DadOrMik.js}

@@ -5,7 +5,7 @@ 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 Icon = require('./Icon-BrmShIlv.js');
 var Text = require('./Text-D2YDVhGJ.js');
 var Scrollbar = require('./Scrollbar-DOujlQOb.js');
 

package/dist/cjs/{SiteMenuButton-CbRuV0ju.js → SiteMenuButton-CzHQaMtt.js}

@@ -5,7 +5,7 @@ var React = require('react');
 var clsx = require('clsx');
 var UIContext = require('./context/UIContext.js');
 var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.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/{SwitchField-C3TrW6fZ.js → SwitchField-DNf-w5qK.js}

@@ -8,7 +8,7 @@ var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
 var index = require('./components/Select.js');
 var Divider = require('./Divider-D92wY8Fn.js');
 var Text = require('./Text-D2YDVhGJ.js');
-var Icon = require('./Icon-1nE_a40k.js');
+var Icon = require('./Icon-BrmShIlv.js');
 var useStyles = require('./hooks/useStyles.js');
 var Switch = require('./Switch-K1p9h3aF.js');
 

package/dist/cjs/{TabGroup-C6d1YI0e.js → TabGroup-B4KdSaRm.js}

@@ -7,7 +7,7 @@ var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
 var useStyles = require('./hooks/useStyles.js');
 var Badge = require('./Badge-Cn73E3GI.js');
 var Divider = require('./Divider-D92wY8Fn.js');
-var Link = require('./Link-D30saU5d.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/components/Accordion.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Accordion = require('../Accordion-CGdZmC7z.js');
+var Accordion = require('../Accordion-DRCJXbXR.js');
 require('../_tslib-CKiUdo7p.js');
 require('../jsx-runtime-BBxmckJR.js');
 require('react');
@@ -16,11 +16,9 @@ require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
-require('../Icon-1nE_a40k.js');
+require('../Icon-BrmShIlv.js');
 require('react-inlinesvg');
-require('../Link-D30saU5d.js');
-require('lodash.throttle');
-require('react-dom');
+require('../Link-DRV1vzHd.js');
 require('../Tooltip-CYJGThOv.js');
 require('../Text-D2YDVhGJ.js');
 require('../Title-Ckp30YSI.js');

package/dist/cjs/components/Avatar.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Avatar = require('../Avatar-CXkFUZni.js');
+var Avatar = require('../Avatar-DdzcQ7Tv.js');
 require('../jsx-runtime-BBxmckJR.js');
 require('react');
 require('clsx');
@@ -11,16 +11,14 @@ require('../context/UIContext.js');
 require('prop-types');
 require('../hooks/useMediaQueries.js');
 require('react-responsive');
-require('../Icon-1nE_a40k.js');
+require('../Icon-BrmShIlv.js');
 require('../_tslib-CKiUdo7p.js');
 require('react-inlinesvg');
 require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
-require('../Link-D30saU5d.js');
-require('lodash.throttle');
-require('react-dom');
+require('../Link-DRV1vzHd.js');
 require('../Tooltip-CYJGThOv.js');
 require('../Text-D2YDVhGJ.js');
 require('../Title-Ckp30YSI.js');

package/dist/cjs/components/Breadcrumbs/Breadcrumbs.interface.d.ts

@@ -1,6 +1,6 @@
 import { ElementType, ReactNode } from 'react';
 import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { tDirectionProps, tFillProps, iconSizePropsType, positionPropsType, tShapeProps, textColorHoverPropsType, tTextColorProps, tTextSizeProps, underlinePropsType, tWidthProps } from '../../types';
+import { tDirectionProps, tFillProps, iconSizePropsType, positionPropsType, tShapeProps, tTextColorHoverProps, tTextColorProps, tTextSizeProps, tUnderlineProps, tWidthProps } from '../../types';
 export interface IBreadcrumbsItemProps extends iStyleAttributes {
     children?: ReactNode;
     className?: string;
@@ -28,10 +28,10 @@ export interface IBreadcrumbsItemProps extends iStyleAttributes {
     tag?: string;
     text?: string;
     textColor?: tTextColorProps;
-    textColorHover?: textColorHoverPropsType;
+    textColorHover?: tTextColorHoverProps;
     textSize?: tTextSizeProps;
     onClick?: () => void;
-    underline?: underlinePropsType;
+    underline?: tUnderlineProps;
 }
 export interface IBreadcrumbsProps extends iStyleAttributes {
     breadcrumbsList?: {
@@ -53,8 +53,8 @@ export interface IBreadcrumbsProps extends iStyleAttributes {
     iconAfterFill?: tFillProps;
     iconAfterSize?: iconSizePropsType;
     itemTextColor?: tTextColorProps;
-    itemTextColorHover?: textColorHoverPropsType;
-    itemUnderline?: underlinePropsType;
+    itemTextColorHover?: tTextColorHoverProps;
+    itemUnderline?: tUnderlineProps;
     position?: positionPropsType;
     positionDesktop?: positionPropsType;
     positionMobile?: positionPropsType;

package/dist/cjs/components/Breadcrumbs.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Breadcrumbs = require('../Breadcrumbs-GGwX18rz.js');
+var Breadcrumbs = require('../Breadcrumbs-B_mi0vy6.js');
 require('../_tslib-CKiUdo7p.js');
 require('../jsx-runtime-BBxmckJR.js');
 require('react');
@@ -16,11 +16,9 @@ require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
-require('../Icon-1nE_a40k.js');
+require('../Icon-BrmShIlv.js');
 require('react-inlinesvg');
-require('../Link-D30saU5d.js');
-require('lodash.throttle');
-require('react-dom');
+require('../Link-DRV1vzHd.js');
 require('../Tooltip-CYJGThOv.js');
 require('../Text-D2YDVhGJ.js');
 require('../Title-Ckp30YSI.js');

package/dist/cjs/components/Button/Button.interface.d.ts

@@ -1,6 +1,6 @@
 import { CSSProperties, ElementType, ReactNode } from 'react';
 import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { tBorderColorProps, borderTypePropsType, tBorderWidthProps, elevationPropsType, tFillHoverProps, tFillProps, iconFillSizePropsType, iconSizePropsType, tItemColorProps, tShapeProps, tSizeProps, textColorHoverPropsType, tTextColorProps, tTextSizeProps, tTextWeightProps, textWrapPropsType, tWidthProps } from '../../types';
+import { tBorderColorProps, borderTypePropsType, tBorderWidthProps, elevationPropsType, tFillHoverProps, tFillProps, iconFillSizePropsType, iconSizePropsType, tItemColorProps, tShapeProps, tSizeProps, tTextColorHoverProps, tTextColorProps, tTextSizeProps, tTextWeightProps, textWrapPropsType, tWidthProps } from '../../types';
 import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
 export interface IButtonThemeColor {
     borderColor?: tBorderColorProps;
@@ -28,7 +28,7 @@ export interface IButtonThemeColor {
     iconSize?: iconSizePropsType;
     label?: string;
     labelTextColor?: tTextColorProps;
-    labelTextColorHover?: textColorHoverPropsType;
+    labelTextColorHover?: tTextColorHoverProps;
     labelTextSize?: tTextSizeProps;
     labelTextSizeMobile?: tTextSizeProps;
     labelTextWeight?: tTextWeightProps;