@itcase/ui 1.3.17 → 1.3.19

package/dist/{Button-BIVXOiP4.js → Button-BSygAkO5.js}

@@ -5,8 +5,8 @@ var React = require('react');
 var clsx = require('clsx');
 var useDeviceTargetClassGenerator = require('./cjs/hooks/useDeviceTargetClassGenerator.js');
 var useStyles = require('./cjs/hooks/useStyles.js');
-var Icon = require('./Icon-DJSIqu5Z.js');
-var Link = require('./Link-CH-W1dww.js');
+var Icon = require('./Icon-ByLHEhHL.js');
+var Link = require('./Link-CoAhRbFg.js');
 var Loader = require('./Loader-D_53c71f.js');
 var Text = require('./Text-COHpLTYr.js');
 

package/dist/{Button-C4oPIe_E.js → Button-Bn8Mjoeh.js}

@@ -3,8 +3,8 @@ import React from 'react';
 import clsx from 'clsx';
 import { useDeviceTargetClassGenerator } from './hooks/useDeviceTargetClassGenerator.js';
 import { useStyles } from './hooks/useStyles.js';
-import { I as Icon } from './Icon-Dz1q9WC2.js';
-import { a as LinkWrapper } from './Link-U60OVrcS.js';
+import { I as Icon } from './Icon-DotE-03d.js';
+import { a as LinkWrapper } from './Link-C53o3P6_.js';
 import { L as Loader } from './Loader-Cm98w6lJ.js';
 import { T as Text } from './Text-D9sEeRE4.js';
 

package/dist/{DropdownItem-BGsCHiqr.js → DropdownItem-CExjlJjQ.js}

@@ -4,7 +4,7 @@ import clsx from 'clsx';
 import { useDeviceTargetClassGenerator } from './hooks/useDeviceTargetClassGenerator.js';
 import { useStyles } from './hooks/useStyles.js';
 import { D as Divider } from './Divider-DBvDCUqP.js';
-import { L as Link } from './Link-U60OVrcS.js';
+import { L as Link } from './Link-C53o3P6_.js';
 import { T as Text } from './Text-D9sEeRE4.js';
 
 function Dropdown(props) {

package/dist/{DropdownItem-CRvS3KEp.js → DropdownItem-DFE1HsyX.js}

@@ -6,7 +6,7 @@ var clsx = require('clsx');
 var useDeviceTargetClassGenerator = require('./cjs/hooks/useDeviceTargetClassGenerator.js');
 var useStyles = require('./cjs/hooks/useStyles.js');
 var Divider = require('./Divider-Goh6mpPK.js');
-var Link = require('./Link-CH-W1dww.js');
+var Link = require('./Link-CoAhRbFg.js');
 var Text = require('./Text-COHpLTYr.js');
 
 function Dropdown(props) {

package/dist/{Icon-DJSIqu5Z.js → Icon-ByLHEhHL.js}

@@ -7,7 +7,7 @@ var clsx = require('clsx');
 var SVG = require('react-inlinesvg');
 var useDeviceTargetClassGenerator = require('./cjs/hooks/useDeviceTargetClassGenerator.js');
 var useStyles = require('./cjs/hooks/useStyles.js');
-var Link = require('./Link-CH-W1dww.js');
+var Link = require('./Link-CoAhRbFg.js');
 var Tooltip = require('./Tooltip-CyZCVyba.js');
 
 var iconAppearance = {

package/dist/{Icon-Dz1q9WC2.js → Icon-DotE-03d.js}

@@ -5,7 +5,7 @@ import clsx from 'clsx';
 import SVG from 'react-inlinesvg';
 import { useDeviceTargetClassGenerator } from './hooks/useDeviceTargetClassGenerator.js';
 import { useStyles } from './hooks/useStyles.js';
-import { a as LinkWrapper } from './Link-U60OVrcS.js';
+import { a as LinkWrapper } from './Link-C53o3P6_.js';
 import { T as Tooltip } from './Tooltip-BsbXMzGd.js';
 
 var iconAppearance = {

package/dist/{Link-U60OVrcS.js → Link-C53o3P6_.js}

@@ -22,7 +22,7 @@ function Link(props) {
     // @ts-expect-error
     var appearanceConfig = linkConfig.appearance && linkConfig.appearance[appearance];
     var classGenerator = useDeviceTargetClassGenerator(props, appearanceConfig);
-    var directionClass = classGenerator.directionClass, fillClass = classGenerator.fillClass, heightClass = classGenerator.heightClass, sizeClass = classGenerator.sizeClass, svgFillClass = classGenerator.svgFillClass, svgFillHoverClass = classGenerator.svgFillHoverClass, textColorClass = classGenerator.textColorClass, textColorHoverClass = classGenerator.textColorHoverClass, textGradientClass = classGenerator.textGradientClass, textStyleClass = classGenerator.textStyleClass, textWeightClass = classGenerator.textWeightClass, widthClass = classGenerator.widthClass;
+    var borderColorClass = classGenerator.borderColorClass, borderColorHoverClass = classGenerator.borderColorHoverClass, borderTypeClass = classGenerator.borderTypeClass, borderWidthClass = classGenerator.borderWidthClass, directionClass = classGenerator.directionClass, fillClass = classGenerator.fillClass, fillHoverClass = classGenerator.fillHoverClass, heightClass = classGenerator.heightClass, shapeClass = classGenerator.shapeClass, sizeClass = classGenerator.sizeClass, svgFillClass = classGenerator.svgFillClass, svgFillHoverClass = classGenerator.svgFillHoverClass, textColorClass = classGenerator.textColorClass, textColorHoverClass = classGenerator.textColorHoverClass, textGradientClass = classGenerator.textGradientClass, textStyleClass = classGenerator.textStyleClass, textWeightClass = classGenerator.textWeightClass, widthClass = classGenerator.widthClass;
     // @ts-expect-error
     var styles = useStyles(props).styles;
     return (jsxs(LinkWrapper, { className: clsx(className, 'link', widthClass && "width_".concat(widthClass), heightClass && "height_".concat(heightClass), directionClass && "link_direction_".concat(directionClass), sizeClass && "text_size_".concat(sizeClass), svgFillClass && "svg_fill_".concat(svgFillClass), svgFillHoverClass && "svg_fill_hover_".concat(svgFillHoverClass), underline && "link_underline_".concat(underline), 'text', (textColorClass ||
@@ -30,7 +30,7 @@ function Link(props) {
             textGradientClass ||
             textStyleClass ||
             textWeightClass) &&
-            'text', textColorClass && "text-color_".concat(textColorClass), textColorHoverClass && "text-color_hover_".concat(textColorHoverClass), textGradientClass && "text-gradient_".concat(textGradientClass), textStyleClass && "text-style_".concat(textStyleClass), textWeightClass && "text-weight_".concat(textWeightClass), fillClass && "fill_".concat(fillClass)), Component: LinkComponent, href: href || link, rel: rel, style: Object.assign({}, styles, style), target: target, onClick: onClick, onMouseDown: onMouseDown, children: [before, children || text, after] }));
+            'text', textColorClass && "text-color_".concat(textColorClass), textColorHoverClass && "text-color_hover_".concat(textColorHoverClass), textGradientClass && "text-gradient_".concat(textGradientClass), textStyleClass && "text-style_".concat(textStyleClass), textWeightClass && "text-weight_".concat(textWeightClass), fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass), borderColorClass && "border-color_".concat(borderColorClass), borderColorHoverClass && "border-color_hover_".concat(borderColorHoverClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderTypeClass && "border_type_".concat(borderTypeClass), shapeClass && "badge_shape_".concat(shapeClass)), Component: LinkComponent, href: href || link, rel: rel, style: Object.assign({}, styles, style), target: target, onClick: onClick, onMouseDown: onMouseDown, children: [before, children || text, after] }));
 }
 // Wrapper with "Link" by condition
 function LinkWrapper(props) {

package/dist/{Link-CH-W1dww.js → Link-CoAhRbFg.js}

@@ -24,7 +24,7 @@ function Link(props) {
     // @ts-expect-error
     var appearanceConfig = linkConfig.appearance && linkConfig.appearance[appearance];
     var classGenerator = useDeviceTargetClassGenerator.useDeviceTargetClassGenerator(props, appearanceConfig);
-    var directionClass = classGenerator.directionClass, fillClass = classGenerator.fillClass, heightClass = classGenerator.heightClass, sizeClass = classGenerator.sizeClass, svgFillClass = classGenerator.svgFillClass, svgFillHoverClass = classGenerator.svgFillHoverClass, textColorClass = classGenerator.textColorClass, textColorHoverClass = classGenerator.textColorHoverClass, textGradientClass = classGenerator.textGradientClass, textStyleClass = classGenerator.textStyleClass, textWeightClass = classGenerator.textWeightClass, widthClass = classGenerator.widthClass;
+    var borderColorClass = classGenerator.borderColorClass, borderColorHoverClass = classGenerator.borderColorHoverClass, borderTypeClass = classGenerator.borderTypeClass, borderWidthClass = classGenerator.borderWidthClass, directionClass = classGenerator.directionClass, fillClass = classGenerator.fillClass, fillHoverClass = classGenerator.fillHoverClass, heightClass = classGenerator.heightClass, shapeClass = classGenerator.shapeClass, sizeClass = classGenerator.sizeClass, svgFillClass = classGenerator.svgFillClass, svgFillHoverClass = classGenerator.svgFillHoverClass, textColorClass = classGenerator.textColorClass, textColorHoverClass = classGenerator.textColorHoverClass, textGradientClass = classGenerator.textGradientClass, textStyleClass = classGenerator.textStyleClass, textWeightClass = classGenerator.textWeightClass, widthClass = classGenerator.widthClass;
     // @ts-expect-error
     var styles = useStyles.useStyles(props).styles;
     return (jsxRuntime.jsxs(LinkWrapper, { className: clsx(className, 'link', widthClass && "width_".concat(widthClass), heightClass && "height_".concat(heightClass), directionClass && "link_direction_".concat(directionClass), sizeClass && "text_size_".concat(sizeClass), svgFillClass && "svg_fill_".concat(svgFillClass), svgFillHoverClass && "svg_fill_hover_".concat(svgFillHoverClass), underline && "link_underline_".concat(underline), 'text', (textColorClass ||
@@ -32,7 +32,7 @@ function Link(props) {
             textGradientClass ||
             textStyleClass ||
             textWeightClass) &&
-            'text', textColorClass && "text-color_".concat(textColorClass), textColorHoverClass && "text-color_hover_".concat(textColorHoverClass), textGradientClass && "text-gradient_".concat(textGradientClass), textStyleClass && "text-style_".concat(textStyleClass), textWeightClass && "text-weight_".concat(textWeightClass), fillClass && "fill_".concat(fillClass)), Component: LinkComponent, href: href || link, rel: rel, style: Object.assign({}, styles, style), target: target, onClick: onClick, onMouseDown: onMouseDown, children: [before, children || text, after] }));
+            'text', textColorClass && "text-color_".concat(textColorClass), textColorHoverClass && "text-color_hover_".concat(textColorHoverClass), textGradientClass && "text-gradient_".concat(textGradientClass), textStyleClass && "text-style_".concat(textStyleClass), textWeightClass && "text-weight_".concat(textWeightClass), fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass), borderColorClass && "border-color_".concat(borderColorClass), borderColorHoverClass && "border-color_hover_".concat(borderColorHoverClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderTypeClass && "border_type_".concat(borderTypeClass), shapeClass && "badge_shape_".concat(shapeClass)), Component: LinkComponent, href: href || link, rel: rel, style: Object.assign({}, styles, style), target: target, onClick: onClick, onMouseDown: onMouseDown, children: [before, children || text, after] }));
 }
 // Wrapper with "Link" by condition
 function LinkWrapper(props) {

package/dist/{MenuItem-C422Veuw.js → MenuItem-Cu6wlj-X.js}

@@ -3,7 +3,7 @@ import React from 'react';
 import clsx from 'clsx';
 import { useDeviceTargetClassGenerator } from './hooks/useDeviceTargetClassGenerator.js';
 import { useStyles } from './hooks/useStyles.js';
-import { L as Link } from './Link-U60OVrcS.js';
+import { L as Link } from './Link-C53o3P6_.js';
 import { T as Text } from './Text-D9sEeRE4.js';
 
 var menuItemAppearance = {

package/dist/{MenuItem-GoaeJJ04.js → MenuItem-Ybh5Mpoi.js}

@@ -5,7 +5,7 @@ var React = require('react');
 var clsx = require('clsx');
 var useDeviceTargetClassGenerator = require('./cjs/hooks/useDeviceTargetClassGenerator.js');
 var useStyles = require('./cjs/hooks/useStyles.js');
-var Link = require('./Link-CH-W1dww.js');
+var Link = require('./Link-CoAhRbFg.js');
 var Text = require('./Text-COHpLTYr.js');
 
 var menuItemAppearance = {

package/dist/cjs/components/Accordion.js

@@ -9,7 +9,7 @@ var useDeviceTargetClassGenerator = require('../hooks/useDeviceTargetClassGenera
 var useStyles = require('../hooks/useStyles.js');
 var _default = require('@itcase/icons/default');
 var Divider = require('../../Divider-Goh6mpPK.js');
-var Icon = require('../../Icon-DJSIqu5Z.js');
+var Icon = require('../../Icon-ByLHEhHL.js');
 var Text = require('../../Text-COHpLTYr.js');
 require('lodash/camelCase');
 require('../context/UIContext.js');
@@ -19,7 +19,7 @@ require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
 require('react-inlinesvg');
-require('../../Link-CH-W1dww.js');
+require('../../Link-CoAhRbFg.js');
 require('../../Tooltip-CyZCVyba.js');
 require('../../Title-BduD-TXE.js');
 

package/dist/cjs/components/Avatar.js

@@ -4,7 +4,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var clsx = require('clsx');
 var useDeviceTargetClassGenerator = require('../hooks/useDeviceTargetClassGenerator.js');
-var Icon = require('../../Icon-DJSIqu5Z.js');
+var Icon = require('../../Icon-ByLHEhHL.js');
 var Image = require('../../Image-BbBG_UGI.js');
 var Text = require('../../Text-COHpLTYr.js');
 require('../../tslib.es6-CCZ3TN_7.js');
@@ -18,7 +18,7 @@ require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
-require('../../Link-CH-W1dww.js');
+require('../../Link-CoAhRbFg.js');
 require('../../Tooltip-CyZCVyba.js');
 require('../../Title-BduD-TXE.js');
 

package/dist/cjs/components/Breadcrumbs.js

@@ -7,8 +7,8 @@ var clsx = require('clsx');
 var camelCase = require('lodash/camelCase');
 var useDeviceTargetClassGenerator = require('../hooks/useDeviceTargetClassGenerator.js');
 var useStyles = require('../hooks/useStyles.js');
-var Icon = require('../../Icon-DJSIqu5Z.js');
-var Link = require('../../Link-CH-W1dww.js');
+var Icon = require('../../Icon-ByLHEhHL.js');
+var Link = require('../../Link-CoAhRbFg.js');
 var Text = require('../../Text-COHpLTYr.js');
 require('lodash/castArray');
 require('../context/UIContext.js');

package/dist/cjs/components/Button.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Button = require('../../Button-BIVXOiP4.js');
+var Button = require('../../Button-BSygAkO5.js');
 require('react/jsx-runtime');
 require('react');
 require('clsx');
@@ -15,9 +15,9 @@ require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
-require('../../Icon-DJSIqu5Z.js');
+require('../../Icon-ByLHEhHL.js');
 require('react-inlinesvg');
-require('../../Link-CH-W1dww.js');
+require('../../Link-CoAhRbFg.js');
 require('../../Tooltip-CyZCVyba.js');
 require('../../Text-COHpLTYr.js');
 require('../../Title-BduD-TXE.js');

package/dist/cjs/components/Cell.js

@@ -4,7 +4,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var clsx = require('clsx');
 var useDeviceTargetClassGenerator = require('../hooks/useDeviceTargetClassGenerator.js');
 var useStyles = require('../hooks/useStyles.js');
-var Icon = require('../../Icon-DJSIqu5Z.js');
+var Icon = require('../../Icon-ByLHEhHL.js');
 var Label = require('../../Label-GEBQXoVJ.js');
 var Text = require('../../Text-COHpLTYr.js');
 require('../../tslib.es6-CCZ3TN_7.js');
@@ -18,7 +18,7 @@ require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
 require('react-inlinesvg');
-require('../../Link-CH-W1dww.js');
+require('../../Link-CoAhRbFg.js');
 require('../../Tooltip-CyZCVyba.js');
 require('../../Title-BduD-TXE.js');
 

package/dist/cjs/components/Choice.js

@@ -4,7 +4,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var clsx = require('clsx');
 var useDeviceTargetClassGenerator = require('../hooks/useDeviceTargetClassGenerator.js');
-var Icon = require('../../Icon-DJSIqu5Z.js');
+var Icon = require('../../Icon-ByLHEhHL.js');
 var Loader = require('../../Loader-D_53c71f.js');
 var Text = require('../../Text-COHpLTYr.js');
 require('../../tslib.es6-CCZ3TN_7.js');
@@ -18,7 +18,7 @@ require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
-require('../../Link-CH-W1dww.js');
+require('../../Link-CoAhRbFg.js');
 require('../../Tooltip-CyZCVyba.js');
 require('../../Title-BduD-TXE.js');
 

package/dist/cjs/components/CookiesWarning.js

@@ -5,7 +5,7 @@ var React = require('react');
 var clsx = require('clsx');
 var Cookies = require('js-cookie');
 var useDeviceTargetClassGenerator = require('../hooks/useDeviceTargetClassGenerator.js');
-var Button = require('../../Button-BIVXOiP4.js');
+var Button = require('../../Button-BSygAkO5.js');
 var Group = require('../../Group-pMTTxQH4.js');
 var Text = require('../../Text-COHpLTYr.js');
 require('../../tslib.es6-CCZ3TN_7.js');
@@ -18,9 +18,9 @@ require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
-require('../../Icon-DJSIqu5Z.js');
+require('../../Icon-ByLHEhHL.js');
 require('react-inlinesvg');
-require('../../Link-CH-W1dww.js');
+require('../../Link-CoAhRbFg.js');
 require('../../Tooltip-CyZCVyba.js');
 require('../../Title-BduD-TXE.js');
 require('../../Loader-D_53c71f.js');

package/dist/cjs/components/DatePicker.js

@@ -8,8 +8,8 @@ var locale = require('date-fns/locale');
 var DatePicker = require('react-datepicker');
 var useDeviceTargetClassGenerator = require('../hooks/useDeviceTargetClassGenerator.js');
 var useStyles = require('../hooks/useStyles.js');
-var Button = require('../../Button-BIVXOiP4.js');
-var Icon = require('../../Icon-DJSIqu5Z.js');
+var Button = require('../../Button-BSygAkO5.js');
+var Icon = require('../../Icon-ByLHEhHL.js');
 var Input = require('../../Input-zkYoZhQk.js');
 var Label = require('../../Label-GEBQXoVJ.js');
 var Text = require('../../Text-COHpLTYr.js');
@@ -21,7 +21,7 @@ require('react-responsive');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
-require('../../Link-CH-W1dww.js');
+require('../../Link-CoAhRbFg.js');
 require('../../Loader-D_53c71f.js');
 require('react-inlinesvg');
 require('../../Tooltip-CyZCVyba.js');

package/dist/cjs/components/Dropdown.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var DropdownItem = require('../../DropdownItem-CRvS3KEp.js');
+var DropdownItem = require('../../DropdownItem-DFE1HsyX.js');
 require('react/jsx-runtime');
 require('react');
 require('clsx');
@@ -16,7 +16,7 @@ require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
 require('../../Divider-Goh6mpPK.js');
-require('../../Link-CH-W1dww.js');
+require('../../Link-CoAhRbFg.js');
 require('../../Text-COHpLTYr.js');
 
 

package/dist/cjs/components/Icon.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Icon = require('../../Icon-DJSIqu5Z.js');
+var Icon = require('../../Icon-ByLHEhHL.js');
 require('../../tslib.es6-CCZ3TN_7.js');
 require('react/jsx-runtime');
 require('react');
@@ -16,7 +16,7 @@ require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
-require('../../Link-CH-W1dww.js');
+require('../../Link-CoAhRbFg.js');
 require('../../Tooltip-CyZCVyba.js');
 require('../../Text-COHpLTYr.js');
 require('../../Title-BduD-TXE.js');

package/dist/cjs/components/InputPassword.js

@@ -4,7 +4,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var clsx = require('clsx');
 var useDeviceTargetClassGenerator = require('../hooks/useDeviceTargetClassGenerator.js');
-var Icon = require('../../Icon-DJSIqu5Z.js');
+var Icon = require('../../Icon-ByLHEhHL.js');
 require('../../tslib.es6-CCZ3TN_7.js');
 require('lodash/camelCase');
 require('lodash/castArray');
@@ -16,7 +16,7 @@ require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
-require('../../Link-CH-W1dww.js');
+require('../../Link-CoAhRbFg.js');
 require('../../Tooltip-CyZCVyba.js');
 require('../../Text-COHpLTYr.js');
 require('../../Title-BduD-TXE.js');

package/dist/cjs/components/Link.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Link = require('../../Link-CH-W1dww.js');
+var Link = require('../../Link-CoAhRbFg.js');
 require('../../tslib.es6-CCZ3TN_7.js');
 require('react/jsx-runtime');
 require('react');

package/dist/cjs/components/List.js

@@ -4,7 +4,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var clsx = require('clsx');
 var useDeviceTargetClassGenerator = require('../hooks/useDeviceTargetClassGenerator.js');
 var useStyles = require('../hooks/useStyles.js');
-var Link = require('../../Link-CH-W1dww.js');
+var Link = require('../../Link-CoAhRbFg.js');
 require('../../tslib.es6-CCZ3TN_7.js');
 require('react');
 require('lodash/camelCase');

package/dist/cjs/components/Logo.js

@@ -4,7 +4,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var clsx = require('clsx');
 var useDeviceTargetClassGenerator = require('../hooks/useDeviceTargetClassGenerator.js');
 var useStyles = require('../hooks/useStyles.js');
-var Link = require('../../Link-CH-W1dww.js');
+var Link = require('../../Link-CoAhRbFg.js');
 require('../../tslib.es6-CCZ3TN_7.js');
 require('react');
 require('lodash/camelCase');

package/dist/cjs/components/Menu.js

@@ -4,7 +4,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var clsx = require('clsx');
 var useDeviceTargetClassGenerator = require('../hooks/useDeviceTargetClassGenerator.js');
 var useStyles = require('../hooks/useStyles.js');
-var MenuItem = require('../../MenuItem-GoaeJJ04.js');
+var MenuItem = require('../../MenuItem-Ybh5Mpoi.js');
 require('../../tslib.es6-CCZ3TN_7.js');
 require('react');
 require('lodash/camelCase');
@@ -15,7 +15,7 @@ require('react-responsive');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
-require('../../Link-CH-W1dww.js');
+require('../../Link-CoAhRbFg.js');
 require('../../Text-COHpLTYr.js');
 
 var menuAppearance = {

package/dist/cjs/components/MenuItem.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var MenuItem = require('../../MenuItem-GoaeJJ04.js');
+var MenuItem = require('../../MenuItem-Ybh5Mpoi.js');
 require('react/jsx-runtime');
 require('react');
 require('clsx');
@@ -15,7 +15,7 @@ require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
-require('../../Link-CH-W1dww.js');
+require('../../Link-CoAhRbFg.js');
 require('../../Text-COHpLTYr.js');
 
 

package/dist/cjs/components/Pagination.js

@@ -6,8 +6,8 @@ var clsx = require('clsx');
 var ceil = require('lodash/ceil');
 var ReactPaginate = require('react-paginate');
 var useDeviceTargetClassGenerator = require('../hooks/useDeviceTargetClassGenerator.js');
-var DropdownItem = require('../../DropdownItem-CRvS3KEp.js');
-var Icon = require('../../Icon-DJSIqu5Z.js');
+var DropdownItem = require('../../DropdownItem-DFE1HsyX.js');
+var Icon = require('../../Icon-ByLHEhHL.js');
 var Text = require('../../Text-COHpLTYr.js');
 require('../../tslib.es6-CCZ3TN_7.js');
 require('lodash/camelCase');
@@ -20,7 +20,7 @@ require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
 require('../../Divider-Goh6mpPK.js');
-require('../../Link-CH-W1dww.js');
+require('../../Link-CoAhRbFg.js');
 require('react-inlinesvg');
 require('../../Tooltip-CyZCVyba.js');
 require('../../Title-BduD-TXE.js');

package/dist/cjs/components/Response.js

@@ -7,7 +7,7 @@ var clsx = require('clsx');
 var SVG = require('react-inlinesvg');
 var useDeviceTargetClassGenerator = require('../hooks/useDeviceTargetClassGenerator.js');
 var useStyles = require('../hooks/useStyles.js');
-var Button = require('../../Button-BIVXOiP4.js');
+var Button = require('../../Button-BSygAkO5.js');
 var Group = require('../../Group-pMTTxQH4.js');
 var Text = require('../../Text-COHpLTYr.js');
 var Title = require('../../Title-BduD-TXE.js');
@@ -19,8 +19,8 @@ require('react-responsive');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
-require('../../Icon-DJSIqu5Z.js');
-require('../../Link-CH-W1dww.js');
+require('../../Icon-ByLHEhHL.js');
+require('../../Link-CoAhRbFg.js');
 require('../../Tooltip-CyZCVyba.js');
 require('../../Loader-D_53c71f.js');
 

package/dist/cjs/components/Search.js

@@ -5,7 +5,7 @@ var React = require('react');
 var clsx = require('clsx');
 var useDeviceTargetClassGenerator = require('../hooks/useDeviceTargetClassGenerator.js');
 var useStyles = require('../hooks/useStyles.js');
-var Icon = require('../../Icon-DJSIqu5Z.js');
+var Icon = require('../../Icon-ByLHEhHL.js');
 var Text = require('../../Text-COHpLTYr.js');
 var Scrollbar = require('../../Scrollbar-CL9V8d1X.js');
 require('../../tslib.es6-CCZ3TN_7.js');
@@ -18,7 +18,7 @@ require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
 require('react-inlinesvg');
-require('../../Link-CH-W1dww.js');
+require('../../Link-CoAhRbFg.js');
 require('../../Tooltip-CyZCVyba.js');
 require('../../Title-BduD-TXE.js');
 require('react-scrollbars-custom');

package/dist/cjs/components/Select.js

@@ -3,7 +3,7 @@
 var tslib_es6 = require('../../tslib.es6-CCZ3TN_7.js');
 var jsxRuntime = require('react/jsx-runtime');
 var Select = require('react-select');
-var Icon = require('../../Icon-DJSIqu5Z.js');
+var Icon = require('../../Icon-ByLHEhHL.js');
 var React = require('react');
 var clsx = require('clsx');
 var CreatableSelect = require('react-select/creatable');
@@ -21,7 +21,7 @@ require('../context/UIContext.js');
 require('../hooks/useMediaQueries.js');
 require('react-responsive');
 require('../hooks/styleAttributes.js');
-require('../../Link-CH-W1dww.js');
+require('../../Link-CoAhRbFg.js');
 require('../../Tooltip-CyZCVyba.js');
 require('../../Title-BduD-TXE.js');
 require('lodash/castArray');

package/dist/cjs/components/SiteMenu.js

@@ -5,7 +5,7 @@ var React = require('react');
 var clsx = require('clsx');
 var UIContext = require('../context/UIContext.js');
 var useDeviceTargetClassGenerator = require('../hooks/useDeviceTargetClassGenerator.js');
-var Icon = require('../../Icon-DJSIqu5Z.js');
+var Icon = require('../../Icon-ByLHEhHL.js');
 var Text = require('../../Text-COHpLTYr.js');
 require('../hooks/useMediaQueries.js');
 require('react-responsive');
@@ -17,7 +17,7 @@ require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
-require('../../Link-CH-W1dww.js');
+require('../../Link-CoAhRbFg.js');
 require('../../Tooltip-CyZCVyba.js');
 require('../../Title-BduD-TXE.js');
 

package/dist/cjs/components/Tab.js

@@ -7,7 +7,7 @@ var useDeviceTargetClassGenerator = require('../hooks/useDeviceTargetClassGenera
 var useStyles = require('../hooks/useStyles.js');
 var Badge = require('../../Badge-DxHwStfq.js');
 var Divider = require('../../Divider-Goh6mpPK.js');
-var Link = require('../../Link-CH-W1dww.js');
+var Link = require('../../Link-CoAhRbFg.js');
 var Text = require('../../Text-COHpLTYr.js');
 require('../../tslib.es6-CCZ3TN_7.js');
 require('lodash/camelCase');

package/dist/cjs/hooks/useStyles.js

@@ -109,22 +109,39 @@ function useStyles(props) {
       }
       if (value) {
         // Check not digit symbols. Chars means some unit ("px", "em", "rem" or custom "m")
-        const hasUnitRegExp = /\D/;
+        const isValueHasUnit = /\D/.test(value);
         // If value has some unit
-        if (hasUnitRegExp.test(value)) {
+        if (isValueHasUnit) {
           // Check value on our custom "m"(module) unit
-          const hasModuleUnitRegExp = /^\d+\.?\d*m$/;
+          /** Pattern for:
+           * 1m
+           * 1.5m
+           * 1m 1m 1.5m
+           * 0 0 1m 1m
+           */
+          const isValueHasModuleUnit = /\d+\.?\d*m\s?(?![a-zA-Z]+)/.test(value);
           // If value has module unit
-          if (hasModuleUnitRegExp.test(value)) {
-            // Find numbers from value value
-            const numberMatchesList = value.match(/\d+\.?\d*/);
-            // If "numberMatchesList" not null (has matches)
-            if (numberMatchesList) {
-              // Parse module value to px value
-              const valueModule = parseFloat(numberMatchesList[0]);
-              const valuePx = valueModule * 8;
-              value = `${valuePx}px`;
-            }
+          if (isValueHasModuleUnit) {
+            /** Order for shorthand properties:
+             *   top
+             *   right
+             *   bottom
+             *   left
+             * or:
+             *   top
+             *   right and left
+             *   bottom
+             * or:
+             *   top and bottom
+             *   right and left
+             */
+
+            const valuePxPartsList = value.split(' ').map(valuePart => {
+              const valueModule = valuePart.replace(/[a-z]/gi, '');
+              const valuePx = parseFloat(valueModule) * 8;
+              return `${valuePx}px`;
+            }, []);
+            value = valuePxPartsList.join(' ');
           }
         } else {
           // Some properties doesn't have any units
@@ -135,15 +152,21 @@ function useStyles(props) {
           }
         }
         if (styleAttributeKey.includes('Horizontal')) {
-          const keyLeft = styleAttributeKey.replace('Horizontal', 'Left');
           const keyRight = styleAttributeKey.replace('Horizontal', 'Right');
-          resultStylesGroups[targetElementGroupKey][keyLeft] = value;
-          resultStylesGroups[targetElementGroupKey][keyRight] = value;
+          const keyLeft = styleAttributeKey.replace('Horizontal', 'Left');
+          const valuePartsList = value.split(' ');
+          const valueRight = valuePartsList[0];
+          const valueLeft = valuePartsList[1] || valuePartsList[0];
+          resultStylesGroups[targetElementGroupKey][keyRight] = valueRight;
+          resultStylesGroups[targetElementGroupKey][keyLeft] = valueLeft;
         } else if (styleAttributeKey.includes('Vertical')) {
           const keyTop = styleAttributeKey.replace('Vertical', 'Top');
           const keyBottom = styleAttributeKey.replace('Vertical', 'Bottom');
-          resultStylesGroups[targetElementGroupKey][keyTop] = value;
-          resultStylesGroups[targetElementGroupKey][keyBottom] = value;
+          const valuePartsList = value.split(' ');
+          const valueTop = valuePartsList[0];
+          const valueBottom = valuePartsList[1] || valuePartsList[0];
+          resultStylesGroups[targetElementGroupKey][keyTop] = valueTop;
+          resultStylesGroups[targetElementGroupKey][keyBottom] = valueBottom;
         } else {
           resultStylesGroups[targetElementGroupKey][styleAttributeKey] = value;
         }

package/dist/components/Accordion.js

@@ -7,7 +7,7 @@ import { useDeviceTargetClassGenerator } from '../hooks/useDeviceTargetClassGene
 import { useStyles } from '../hooks/useStyles.js';
 import { icon16 } from '@itcase/icons/default';
 import { D as Divider } from '../Divider-DBvDCUqP.js';
-import { I as Icon } from '../Icon-Dz1q9WC2.js';
+import { I as Icon } from '../Icon-DotE-03d.js';
 import { T as Text } from '../Text-D9sEeRE4.js';
 import 'lodash/camelCase';
 import '../context/UIContext.js';
@@ -17,7 +17,7 @@ import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
 import 'react-inlinesvg';
-import '../Link-U60OVrcS.js';
+import '../Link-C53o3P6_.js';
 import '../Tooltip-BsbXMzGd.js';
 import '../Title-Cl95USIn.js';
 

package/dist/components/Avatar.js

@@ -2,7 +2,7 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import { useMemo } from 'react';
 import clsx from 'clsx';
 import { useDeviceTargetClassGenerator } from '../hooks/useDeviceTargetClassGenerator.js';
-import { I as Icon } from '../Icon-Dz1q9WC2.js';
+import { I as Icon } from '../Icon-DotE-03d.js';
 import { I as Image } from '../Image-D-QHhsrC.js';
 import { T as Text } from '../Text-D9sEeRE4.js';
 import '../tslib.es6-5FtW-kfi.js';
@@ -16,7 +16,7 @@ import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../Link-U60OVrcS.js';
+import '../Link-C53o3P6_.js';
 import '../Tooltip-BsbXMzGd.js';
 import '../Title-Cl95USIn.js';
 

package/dist/components/Breadcrumbs.js

@@ -5,8 +5,8 @@ import clsx from 'clsx';
 import camelCase from 'lodash/camelCase';
 import { useDeviceTargetClassGenerator } from '../hooks/useDeviceTargetClassGenerator.js';
 import { useStyles } from '../hooks/useStyles.js';
-import { I as Icon } from '../Icon-Dz1q9WC2.js';
-import { a as LinkWrapper } from '../Link-U60OVrcS.js';
+import { I as Icon } from '../Icon-DotE-03d.js';
+import { a as LinkWrapper } from '../Link-C53o3P6_.js';
 import { T as Text } from '../Text-D9sEeRE4.js';
 import 'lodash/castArray';
 import '../context/UIContext.js';

package/dist/components/Button.js

@@ -1,4 +1,4 @@
-export { B as Button, a as buttonAppearance, b as buttonConfig } from '../Button-C4oPIe_E.js';
+export { B as Button, a as buttonAppearance, b as buttonConfig } from '../Button-Bn8Mjoeh.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';
@@ -13,9 +13,9 @@ import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../Icon-Dz1q9WC2.js';
+import '../Icon-DotE-03d.js';
 import 'react-inlinesvg';
-import '../Link-U60OVrcS.js';
+import '../Link-C53o3P6_.js';
 import '../Tooltip-BsbXMzGd.js';
 import '../Text-D9sEeRE4.js';
 import '../Title-Cl95USIn.js';

package/dist/components/Cell.js

@@ -2,7 +2,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
 import { useDeviceTargetClassGenerator } from '../hooks/useDeviceTargetClassGenerator.js';
 import { useStyles } from '../hooks/useStyles.js';
-import { I as Icon } from '../Icon-Dz1q9WC2.js';
+import { I as Icon } from '../Icon-DotE-03d.js';
 import { L as Label } from '../Label-9O3dQlUa.js';
 import { T as Text } from '../Text-D9sEeRE4.js';
 import '../tslib.es6-5FtW-kfi.js';
@@ -16,7 +16,7 @@ import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
 import 'react-inlinesvg';
-import '../Link-U60OVrcS.js';
+import '../Link-C53o3P6_.js';
 import '../Tooltip-BsbXMzGd.js';
 import '../Title-Cl95USIn.js';
 

package/dist/components/Choice.js

@@ -2,7 +2,7 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import { useRef, useMemo, createRef, useCallback } from 'react';
 import clsx from 'clsx';
 import { useDeviceTargetClassGenerator } from '../hooks/useDeviceTargetClassGenerator.js';
-import { I as Icon } from '../Icon-Dz1q9WC2.js';
+import { I as Icon } from '../Icon-DotE-03d.js';
 import { L as Loader } from '../Loader-Cm98w6lJ.js';
 import { T as Text } from '../Text-D9sEeRE4.js';
 import '../tslib.es6-5FtW-kfi.js';
@@ -16,7 +16,7 @@ import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../Link-U60OVrcS.js';
+import '../Link-C53o3P6_.js';
 import '../Tooltip-BsbXMzGd.js';
 import '../Title-Cl95USIn.js';
 

package/dist/components/CookiesWarning.js

@@ -3,7 +3,7 @@ import { useRef, useMemo, useCallback, useEffect } from 'react';
 import clsx from 'clsx';
 import Cookies from 'js-cookie';
 import { useDeviceTargetClassGenerator } from '../hooks/useDeviceTargetClassGenerator.js';
-import { B as Button } from '../Button-C4oPIe_E.js';
+import { B as Button } from '../Button-Bn8Mjoeh.js';
 import { G as Group } from '../Group-CIIZoSm5.js';
 import { T as Text } from '../Text-D9sEeRE4.js';
 import '../tslib.es6-5FtW-kfi.js';
@@ -16,9 +16,9 @@ import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../Icon-Dz1q9WC2.js';
+import '../Icon-DotE-03d.js';
 import 'react-inlinesvg';
-import '../Link-U60OVrcS.js';
+import '../Link-C53o3P6_.js';
 import '../Tooltip-BsbXMzGd.js';
 import '../Title-Cl95USIn.js';
 import '../Loader-Cm98w6lJ.js';

package/dist/components/DatePicker.js

@@ -6,8 +6,8 @@ import { ru } from 'date-fns/locale';
 import DatePicker from 'react-datepicker';
 import { useDeviceTargetClassGenerator } from '../hooks/useDeviceTargetClassGenerator.js';
 import { useStyles } from '../hooks/useStyles.js';
-import { B as Button } from '../Button-C4oPIe_E.js';
-import { I as Icon } from '../Icon-Dz1q9WC2.js';
+import { B as Button } from '../Button-Bn8Mjoeh.js';
+import { I as Icon } from '../Icon-DotE-03d.js';
 import { I as Input } from '../Input-Ck5IbuH6.js';
 import { L as Label } from '../Label-9O3dQlUa.js';
 import { T as Text } from '../Text-D9sEeRE4.js';
@@ -19,7 +19,7 @@ import 'react-responsive';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../Link-U60OVrcS.js';
+import '../Link-C53o3P6_.js';
 import '../Loader-Cm98w6lJ.js';
 import 'react-inlinesvg';
 import '../Tooltip-BsbXMzGd.js';

package/dist/components/Dropdown.js

@@ -1,4 +1,4 @@
-export { D as Dropdown, a as DropdownItem, d as dropdownItemAppearance, b as dropdownItemConfig } from '../DropdownItem-BGsCHiqr.js';
+export { D as Dropdown, a as DropdownItem, d as dropdownItemAppearance, b as dropdownItemConfig } from '../DropdownItem-CExjlJjQ.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';
@@ -14,5 +14,5 @@ import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
 import '../Divider-DBvDCUqP.js';
-import '../Link-U60OVrcS.js';
+import '../Link-C53o3P6_.js';
 import '../Text-D9sEeRE4.js';

package/dist/components/Icon.js

@@ -1,4 +1,4 @@
-export { I as Icon, a as iconAppearance, i as iconConfig } from '../Icon-Dz1q9WC2.js';
+export { I as Icon, a as iconAppearance, i as iconConfig } from '../Icon-DotE-03d.js';
 import '../tslib.es6-5FtW-kfi.js';
 import 'react/jsx-runtime';
 import 'react';
@@ -14,7 +14,7 @@ import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../Link-U60OVrcS.js';
+import '../Link-C53o3P6_.js';
 import '../Tooltip-BsbXMzGd.js';
 import '../Text-D9sEeRE4.js';
 import '../Title-Cl95USIn.js';

package/dist/components/InputPassword.js

@@ -2,7 +2,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState, useMemo, useCallback } from 'react';
 import clsx from 'clsx';
 import { useDeviceTargetClassGenerator } from '../hooks/useDeviceTargetClassGenerator.js';
-import { I as Icon } from '../Icon-Dz1q9WC2.js';
+import { I as Icon } from '../Icon-DotE-03d.js';
 import '../tslib.es6-5FtW-kfi.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';
@@ -14,7 +14,7 @@ import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../Link-U60OVrcS.js';
+import '../Link-C53o3P6_.js';
 import '../Tooltip-BsbXMzGd.js';
 import '../Text-D9sEeRE4.js';
 import '../Title-Cl95USIn.js';

package/dist/components/Link.js

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

package/dist/components/List.js

@@ -2,7 +2,7 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import clsx from 'clsx';
 import { useDeviceTargetClassGenerator } from '../hooks/useDeviceTargetClassGenerator.js';
 import { useStyles } from '../hooks/useStyles.js';
-import { L as Link } from '../Link-U60OVrcS.js';
+import { L as Link } from '../Link-C53o3P6_.js';
 import '../tslib.es6-5FtW-kfi.js';
 import 'react';
 import 'lodash/camelCase';

package/dist/components/Logo.js

@@ -2,7 +2,7 @@ import { jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
 import { useDeviceTargetClassGenerator } from '../hooks/useDeviceTargetClassGenerator.js';
 import { useStyles } from '../hooks/useStyles.js';
-import { a as LinkWrapper } from '../Link-U60OVrcS.js';
+import { a as LinkWrapper } from '../Link-C53o3P6_.js';
 import '../tslib.es6-5FtW-kfi.js';
 import 'react';
 import 'lodash/camelCase';

package/dist/components/Menu.js

@@ -2,7 +2,7 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import clsx from 'clsx';
 import { useDeviceTargetClassGenerator } from '../hooks/useDeviceTargetClassGenerator.js';
 import { useStyles } from '../hooks/useStyles.js';
-import { M as MenuItem } from '../MenuItem-C422Veuw.js';
+import { M as MenuItem } from '../MenuItem-Cu6wlj-X.js';
 import '../tslib.es6-5FtW-kfi.js';
 import 'react';
 import 'lodash/camelCase';
@@ -13,7 +13,7 @@ import 'react-responsive';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../Link-U60OVrcS.js';
+import '../Link-C53o3P6_.js';
 import '../Text-D9sEeRE4.js';
 
 var menuAppearance = {

package/dist/components/MenuItem.js

@@ -1,4 +1,4 @@
-export { M as MenuItem, a as menuItemAppearance, m as menuItemConfig } from '../MenuItem-C422Veuw.js';
+export { M as MenuItem, a as menuItemAppearance, m as menuItemConfig } from '../MenuItem-Cu6wlj-X.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';
@@ -13,5 +13,5 @@ import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../Link-U60OVrcS.js';
+import '../Link-C53o3P6_.js';
 import '../Text-D9sEeRE4.js';

package/dist/components/Pagination.js

@@ -4,8 +4,8 @@ import clsx from 'clsx';
 import ceil from 'lodash/ceil';
 import ReactPaginate from 'react-paginate';
 import { useDeviceTargetClassGenerator } from '../hooks/useDeviceTargetClassGenerator.js';
-import { D as Dropdown, a as DropdownItem } from '../DropdownItem-BGsCHiqr.js';
-import { I as Icon } from '../Icon-Dz1q9WC2.js';
+import { D as Dropdown, a as DropdownItem } from '../DropdownItem-CExjlJjQ.js';
+import { I as Icon } from '../Icon-DotE-03d.js';
 import { T as Text } from '../Text-D9sEeRE4.js';
 import '../tslib.es6-5FtW-kfi.js';
 import 'lodash/camelCase';
@@ -18,7 +18,7 @@ import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
 import '../Divider-DBvDCUqP.js';
-import '../Link-U60OVrcS.js';
+import '../Link-C53o3P6_.js';
 import 'react-inlinesvg';
 import '../Tooltip-BsbXMzGd.js';
 import '../Title-Cl95USIn.js';

package/dist/components/Response.js

@@ -5,7 +5,7 @@ import clsx from 'clsx';
 import SVG from 'react-inlinesvg';
 import { useDeviceTargetClassGenerator } from '../hooks/useDeviceTargetClassGenerator.js';
 import { useStyles } from '../hooks/useStyles.js';
-import { B as Button } from '../Button-C4oPIe_E.js';
+import { B as Button } from '../Button-Bn8Mjoeh.js';
 import { G as Group } from '../Group-CIIZoSm5.js';
 import { T as Text } from '../Text-D9sEeRE4.js';
 import { T as Title } from '../Title-Cl95USIn.js';
@@ -17,8 +17,8 @@ import 'react-responsive';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../Icon-Dz1q9WC2.js';
-import '../Link-U60OVrcS.js';
+import '../Icon-DotE-03d.js';
+import '../Link-C53o3P6_.js';
 import '../Tooltip-BsbXMzGd.js';
 import '../Loader-Cm98w6lJ.js';
 

package/dist/components/Search.js

@@ -3,7 +3,7 @@ import React, { useCallback } from 'react';
 import clsx from 'clsx';
 import { useDeviceTargetClassGenerator } from '../hooks/useDeviceTargetClassGenerator.js';
 import { useStyles } from '../hooks/useStyles.js';
-import { I as Icon } from '../Icon-Dz1q9WC2.js';
+import { I as Icon } from '../Icon-DotE-03d.js';
 import { T as Text } from '../Text-D9sEeRE4.js';
 import { S as Scrollbar } from '../Scrollbar-DkJr3S-w.js';
 import '../tslib.es6-5FtW-kfi.js';
@@ -16,7 +16,7 @@ import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
 import 'react-inlinesvg';
-import '../Link-U60OVrcS.js';
+import '../Link-C53o3P6_.js';
 import '../Tooltip-BsbXMzGd.js';
 import '../Title-Cl95USIn.js';
 import 'react-scrollbars-custom';

package/dist/components/Select.js

@@ -1,7 +1,7 @@
 import { _ as __assign } from '../tslib.es6-5FtW-kfi.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import Select, { components } from 'react-select';
-import { I as Icon } from '../Icon-Dz1q9WC2.js';
+import { I as Icon } from '../Icon-DotE-03d.js';
 import React, { useRef, useCallback, useEffect, useMemo } from 'react';
 import clsx from 'clsx';
 import CreatableSelect from 'react-select/creatable';
@@ -19,7 +19,7 @@ import '../context/UIContext.js';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
 import '../hooks/styleAttributes.js';
-import '../Link-U60OVrcS.js';
+import '../Link-C53o3P6_.js';
 import '../Tooltip-BsbXMzGd.js';
 import '../Title-Cl95USIn.js';
 import 'lodash/castArray';

package/dist/components/SiteMenu.js

@@ -3,7 +3,7 @@ import { useCallback } from 'react';
 import clsx from 'clsx';
 import { useSiteMenuContext } from '../context/UIContext.js';
 import { useDeviceTargetClassGenerator } from '../hooks/useDeviceTargetClassGenerator.js';
-import { I as Icon } from '../Icon-Dz1q9WC2.js';
+import { I as Icon } from '../Icon-DotE-03d.js';
 import { T as Text } from '../Text-D9sEeRE4.js';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
@@ -15,7 +15,7 @@ import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../Link-U60OVrcS.js';
+import '../Link-C53o3P6_.js';
 import '../Tooltip-BsbXMzGd.js';
 import '../Title-Cl95USIn.js';
 

package/dist/components/Tab.js

@@ -5,7 +5,7 @@ import { useDeviceTargetClassGenerator } from '../hooks/useDeviceTargetClassGene
 import { useStyles } from '../hooks/useStyles.js';
 import { B as Badge } from '../Badge-Bcj5H3vs.js';
 import { D as Divider } from '../Divider-DBvDCUqP.js';
-import { L as Link } from '../Link-U60OVrcS.js';
+import { L as Link } from '../Link-C53o3P6_.js';
 import { T as Text } from '../Text-D9sEeRE4.js';
 import '../tslib.es6-5FtW-kfi.js';
 import 'lodash/camelCase';

package/dist/css/components/Cell/Cell.css

@@ -35,7 +35,7 @@
 }
 .cell {
   &_size {
-    @each $size in s, m, l, xl {
+    @each $size in xs, s, m, l, xl {
       &_$(size) {
         ^^&__wrapper {
           padding: var(--cell-size-$(size)-padding);
@@ -141,11 +141,9 @@
   }
 }
 :root {
+  --cell-size-xs-padding: 6px;
   --cell-size-s-padding: 6px;
-
   --cell-size-m-padding: 6px;
-
   --cell-size-l-padding: 6px;
-
   --cell-size-xl-padding: 12px;
 }

package/dist/css/components/Label/Label.css

@@ -47,7 +47,7 @@
       }
     }
     &_circular {
-      border-radius: 50%;
+      border-radius: 9999px;
     }
   }
 }

package/dist/hooks/useStyles.js

@@ -107,22 +107,39 @@ function useStyles(props) {
       }
       if (value) {
         // Check not digit symbols. Chars means some unit ("px", "em", "rem" or custom "m")
-        const hasUnitRegExp = /\D/;
+        const isValueHasUnit = /\D/.test(value);
         // If value has some unit
-        if (hasUnitRegExp.test(value)) {
+        if (isValueHasUnit) {
           // Check value on our custom "m"(module) unit
-          const hasModuleUnitRegExp = /^\d+\.?\d*m$/;
+          /** Pattern for:
+           * 1m
+           * 1.5m
+           * 1m 1m 1.5m
+           * 0 0 1m 1m
+           */
+          const isValueHasModuleUnit = /\d+\.?\d*m\s?(?![a-zA-Z]+)/.test(value);
           // If value has module unit
-          if (hasModuleUnitRegExp.test(value)) {
-            // Find numbers from value value
-            const numberMatchesList = value.match(/\d+\.?\d*/);
-            // If "numberMatchesList" not null (has matches)
-            if (numberMatchesList) {
-              // Parse module value to px value
-              const valueModule = parseFloat(numberMatchesList[0]);
-              const valuePx = valueModule * 8;
-              value = `${valuePx}px`;
-            }
+          if (isValueHasModuleUnit) {
+            /** Order for shorthand properties:
+             *   top
+             *   right
+             *   bottom
+             *   left
+             * or:
+             *   top
+             *   right and left
+             *   bottom
+             * or:
+             *   top and bottom
+             *   right and left
+             */
+
+            const valuePxPartsList = value.split(' ').map(valuePart => {
+              const valueModule = valuePart.replace(/[a-z]/gi, '');
+              const valuePx = parseFloat(valueModule) * 8;
+              return `${valuePx}px`;
+            }, []);
+            value = valuePxPartsList.join(' ');
           }
         } else {
           // Some properties doesn't have any units
@@ -133,15 +150,21 @@ function useStyles(props) {
           }
         }
         if (styleAttributeKey.includes('Horizontal')) {
-          const keyLeft = styleAttributeKey.replace('Horizontal', 'Left');
           const keyRight = styleAttributeKey.replace('Horizontal', 'Right');
-          resultStylesGroups[targetElementGroupKey][keyLeft] = value;
-          resultStylesGroups[targetElementGroupKey][keyRight] = value;
+          const keyLeft = styleAttributeKey.replace('Horizontal', 'Left');
+          const valuePartsList = value.split(' ');
+          const valueRight = valuePartsList[0];
+          const valueLeft = valuePartsList[1] || valuePartsList[0];
+          resultStylesGroups[targetElementGroupKey][keyRight] = valueRight;
+          resultStylesGroups[targetElementGroupKey][keyLeft] = valueLeft;
         } else if (styleAttributeKey.includes('Vertical')) {
           const keyTop = styleAttributeKey.replace('Vertical', 'Top');
           const keyBottom = styleAttributeKey.replace('Vertical', 'Bottom');
-          resultStylesGroups[targetElementGroupKey][keyTop] = value;
-          resultStylesGroups[targetElementGroupKey][keyBottom] = value;
+          const valuePartsList = value.split(' ');
+          const valueTop = valuePartsList[0];
+          const valueBottom = valuePartsList[1] || valuePartsList[0];
+          resultStylesGroups[targetElementGroupKey][keyTop] = valueTop;
+          resultStylesGroups[targetElementGroupKey][keyBottom] = valueBottom;
         } else {
           resultStylesGroups[targetElementGroupKey][styleAttributeKey] = value;
         }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/ui",
-  "version": "1.3.17",
+  "version": "1.3.19",
   "description": "UI components (Modal, Loader, Popup, etc)",
   "keywords": [
     "Modal",