@itcase/ui 1.1.16 → 1.1.18

package/dist/cjs/components/SiteMenu.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var SiteMenuButton = require('../SiteMenuButton-B2wBLVOJ.js');
+var SiteMenuButton = require('../SiteMenuButton-B6QISdea.js');
 require('../jsx-runtime-BBxmckJR.js');
 require('react');
 require('clsx');
@@ -11,7 +11,7 @@ require('react-responsive');
 require('../hooks/useDeviceTargetClass.js');
 require('lodash/castArray');
 require('lodash/camelCase');
-require('../Icon-2rv_L0yY.js');
+require('../Icon-BUwWk_dS.js');
 require('../_tslib-CKiUdo7p.js');
 require('react-inlinesvg');
 require('../hooks/useStyles.js');
@@ -19,9 +19,9 @@ require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
 require('../Link-B6Xq7PWn.js');
-require('../Tooltip-DRsL77n1.js');
-require('../Text-C8vlKWNN.js');
-require('../Title-DZn77tSl.js');
+require('../Tooltip-VrKQ8W1G.js');
+require('../Text-D2YDVhGJ.js');
+require('../Title-BzopkHQY.js');
 
 
 

package/dist/cjs/components/Swiper.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Swiper = require('../Swiper-DrXdHybn.js');
+var Swiper = require('../Swiper--idB5Ci6.js');
 require('../jsx-runtime-BBxmckJR.js');
 require('react');
 require('clsx');
@@ -15,7 +15,7 @@ require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
-require('../Title-DZn77tSl.js');
+require('../Title-BzopkHQY.js');
 
 
 

package/dist/cjs/components/Tab/Tab.d.ts

@@ -1,6 +1,6 @@
-import { ITabConfig, ITabProps } from './Tab.interface';
-declare const tabConfig: ITabConfig;
-declare function Tab(props: ITabProps): import("react/jsx-runtime").JSX.Element;
+import { iTabConfig, iTabProps } from './Tab.interface';
+declare const tabConfig: iTabConfig;
+declare function Tab(props: iTabProps): import("react/jsx-runtime").JSX.Element;
 declare namespace Tab {
     var defaultProps: {
         size: string;

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

@@ -1,11 +1,11 @@
-import { CSSProperties, ReactNode } from 'react';
-import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { alignDirectionPropsType, alignPropsType, tDirectionProps, tFillHoverProps, tFillProps, justifyContentPropsType, tShapeProps, tSizeProps, textColorActivePropsType, textColorHoverPropsType, tTextColorProps, textGradientPropsType, tTextSizeProps, textStylePropsType, tTextWeightProps, textWrapPropsType, tWidthProps } from '../../types';
-import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
-export interface ITabThemeColor {
+import type { CSSProperties, ReactNode } from 'react';
+import type { iStyleAttributes } from '../../hooks/styleAttributes.interface';
+import type { alignDirectionPropsType, alignPropsType, justifyContentPropsType, tDirectionProps, textColorActivePropsType, textColorHoverPropsType, textGradientPropsType, textStylePropsType, textWrapPropsType, tFillHoverProps, tFillProps, tShapeProps, tSizeProps, tTextColorProps, tTextSizeProps, tTextWeightProps, tWidthProps } from '../../types';
+import type { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
+interface iTabThemeColor {
     align?: alignPropsType;
     alignDirection?: alignDirectionPropsType;
-    badgeAppearance?: appearanceKeysType;
+    badgeAppearance?: tAppearanceKeysDefault;
     badgeSize?: tSizeProps;
     badgeTextColor?: tTextColorProps;
     badgeTextSize?: tTextSizeProps;
@@ -39,17 +39,16 @@ export interface ITabThemeColor {
     type?: string;
     width?: tWidthProps;
 }
-type appearanceKeysType = tAppearanceKeysDefault & {};
-export type tabAppearanceType = {
-    [key in appearanceKeysType]?: ITabThemeColor;
+type tTabAppearance = {
+    [key in tAppearanceKeysDefault]?: iTabThemeColor;
 };
-export interface ITabConfig {
-    appearance: tabAppearanceType | undefined;
-    setAppearance: (newComponent: tabAppearanceType) => void;
+interface iTabConfig {
+    appearance: tTabAppearance | undefined;
+    setAppearance: (newComponent: tTabAppearance) => void;
 }
-export interface ITabProps extends ITabThemeColor, iStyleAttributes {
+interface iTabProps extends iTabThemeColor, iStyleAttributes {
     after?: ReactNode;
-    appearance?: appearanceKeysType;
+    appearance?: tAppearanceKeysDefault;
     before?: ReactNode;
     children?: ReactNode;
     className?: string;
@@ -58,22 +57,22 @@ export interface ITabProps extends ITabThemeColor, iStyleAttributes {
     link?: string;
     rel?: string;
     reset?: boolean;
-    set?: string;
     style?: CSSProperties;
     target?: string;
-    isActive?: undefined;
+    isActive?: boolean;
     isDisabled?: boolean;
-    isHover?: undefined;
+    isHover?: boolean;
     onClick?: () => void;
     onMouseEnter?: () => void;
+    set?: string;
 }
-export interface ITabGroupProps extends iStyleAttributes {
+interface iTabGroupProps extends iStyleAttributes {
+    id?: string;
     children?: ReactNode;
     className?: string;
     dataTour?: string;
     horizontalScroll?: boolean;
-    id?: string;
-    set?: string;
     style?: CSSProperties;
+    set?: string;
 }
-export {};
+export type { iTabThemeColor, tTabAppearance, iTabConfig, iTabProps, iTabGroupProps };

package/dist/cjs/components/Tab/TabGroup.d.ts

@@ -1,3 +1,3 @@
-import { ITabGroupProps } from './Tab.interface';
-declare function TabGroup(props: ITabGroupProps): import("react/jsx-runtime").JSX.Element;
+import { iTabGroupProps } from './Tab.interface';
+declare function TabGroup(props: iTabGroupProps): import("react/jsx-runtime").JSX.Element;
 export { TabGroup };

package/dist/cjs/components/Tab.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var TabGroup = require('../TabGroup-BCw7IKuz.js');
+var TabGroup = require('../TabGroup-CYaefMap.js');
 require('../jsx-runtime-BBxmckJR.js');
 require('react');
 require('clsx');
@@ -15,8 +15,8 @@ require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
-require('../Badge-D7W3B9G5.js');
-require('../Text-C8vlKWNN.js');
+require('../Badge-Cn73E3GI.js');
+require('../Text-D2YDVhGJ.js');
 require('../Divider-D92wY8Fn.js');
 require('../Link-B6Xq7PWn.js');
 require('../_tslib-CKiUdo7p.js');

package/dist/cjs/components/Text/Text.d.ts

@@ -1,6 +1,6 @@
-import { ITextConfig, ITextProps } from './Text.interface';
-declare const textConfig: ITextConfig;
-declare function Text(props: ITextProps): import("react/jsx-runtime").JSX.Element;
+import type { iTextConfig, iTextProps } from './Text.interface';
+declare const textConfig: iTextConfig;
+declare function Text(props: iTextProps): import("react/jsx-runtime").JSX.Element;
 declare namespace Text {
     var defaultProps: {
         tag: string;

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

@@ -1,55 +1,54 @@
-import { CSSProperties, ElementType, ReactNode } from 'react';
-import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { tSizeProps, textAlignPropsType, textColorActivePropsType, textColorHoverPropsType, tTextColorProps, textGradientPropsType, tTextSizeProps, textStylePropsType, tTextWeightProps, textWrapPropsType, typePropsType, tWidthProps } from '../../types';
-import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
-interface ITextThemeColor {
+import type { CSSProperties, ElementType, ReactNode } from 'react';
+import type { iStyleAttributes } from '../../hooks/styleAttributes.interface';
+import type { textAlignPropsType, textColorActivePropsType, textColorHoverPropsType, textGradientPropsType, textStylePropsType, textWrapPropsType, tSizeProps, tTextColorProps, tTextSizeProps, tTextWeightProps, tWidthProps, typePropsType } from '../../types';
+import type { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
+interface iTextThemeColor {
     size?: tSizeProps;
     textColor?: tTextColorProps;
     textColorActive?: textColorActivePropsType;
     textColorGradient?: textGradientPropsType;
     textColorHover?: textColorHoverPropsType;
 }
-type appearanceKeysType = tAppearanceKeysDefault & {};
-type appearanceType = {
-    [key in appearanceKeysType]: ITextThemeColor;
+type tAppearance = {
+    [key in tAppearanceKeysDefault]: iTextThemeColor;
 };
-export interface ITextConfig {
-    appearance: appearanceType | undefined;
-    setAppearance: (newComponent: appearanceType) => void;
+interface iTextConfig {
+    appearance: tAppearance | undefined;
+    setAppearance: (newComponent: tAppearance) => void;
 }
-export interface ITextProps extends ITextThemeColor, iStyleAttributes {
+interface iTextProps extends iTextThemeColor, iStyleAttributes {
+    dataTestId?: number | string;
+    id?: number | string;
     after?: ReactNode;
-    appearance?: appearanceKeysType;
+    appearance?: tAppearanceKeysDefault;
     before?: ReactNode;
     children: ReactNode;
     className?: string;
-    dataTestId?: number | string;
+    cursor?: string;
     dataTour?: string;
     htmlFor?: string;
-    id?: number | string;
     mode?: string;
-    style?: CSSProperties;
-    tag?: ElementType;
-    onClick?: () => void;
-    onDoubleClick?: () => void;
+    size?: tTextSizeProps;
     sizeDesktop?: tSizeProps;
     sizeMobile?: tSizeProps;
     sizeTablet?: tSizeProps;
+    style?: CSSProperties;
+    tag?: ElementType;
+    textAlign?: textAlignPropsType;
+    textColor?: tTextColorProps;
     textColorDesktop?: tTextColorProps;
     textColorMobile?: tTextColorProps;
     textColorTablet?: tTextColorProps;
-    textWeightDesktop?: tTextWeightProps;
-    textWeightMobile?: tTextWeightProps;
-    textWeightTablet?: tTextWeightProps;
-    type?: typePropsType;
-    cursor?: string;
-    size?: tTextSizeProps;
-    textAlign?: textAlignPropsType;
-    textColor?: tTextColorProps;
     textStyle?: textStylePropsType;
     textTruncate?: boolean;
     textWeight?: tTextWeightProps;
+    textWeightDesktop?: tTextWeightProps;
+    textWeightMobile?: tTextWeightProps;
+    textWeightTablet?: tTextWeightProps;
     textWrap?: textWrapPropsType;
+    type?: typePropsType;
     width?: tWidthProps;
+    onClick?: () => void;
+    onDoubleClick?: () => void;
 }
-export {};
+export type { iTextConfig, iTextProps };

package/dist/cjs/components/Text.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Text = require('../Text-C8vlKWNN.js');
+var Text = require('../Text-D2YDVhGJ.js');
 require('../jsx-runtime-BBxmckJR.js');
 require('react');
 require('clsx');

package/dist/cjs/components/Textarea.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Textarea = require('../Textarea-WIGhhrgu.js');
+var Textarea = require('../Textarea-tng0D_n7.js');
 require('../jsx-runtime-BBxmckJR.js');
 require('react');
 require('clsx');

package/dist/cjs/components/Tile.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Tile = require('../Tile-2VY0LzsE.js');
+var Tile = require('../Tile-By9iqne7.js');
 require('../jsx-runtime-BBxmckJR.js');
 require('react');
 require('clsx');
@@ -15,9 +15,9 @@ require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
-require('../Badge-D7W3B9G5.js');
-require('../Text-C8vlKWNN.js');
-require('../Title-DZn77tSl.js');
+require('../Badge-Cn73E3GI.js');
+require('../Text-D2YDVhGJ.js');
+require('../Title-BzopkHQY.js');
 
 
 

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

@@ -20,12 +20,12 @@ interface ITitleThemeColor {
     svgFillHover?: svgFillPropsType;
 }
 type appearanceKeysType = tAppearanceKeysDefault & {};
-type appearanceType = {
+type tAppearance = {
     [key in appearanceKeysType]: ITitleThemeColor;
 };
 export interface ITitleConfig {
-    appearance: appearanceType | undefined;
-    setAppearance: (newComponent: appearanceType) => void;
+    appearance: tAppearance | undefined;
+    setAppearance: (newComponent: tAppearance) => void;
 }
 export interface ITitleProps extends ITitleThemeColor, iStyleAttributes {
     appearance?: appearanceKeysType;

package/dist/cjs/components/Title.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Title = require('../Title-DZn77tSl.js');
+var Title = require('../Title-BzopkHQY.js');
 require('../jsx-runtime-BBxmckJR.js');
 require('react');
 require('clsx');

package/dist/cjs/components/Tooltip.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Tooltip = require('../Tooltip-DRsL77n1.js');
+var Tooltip = require('../Tooltip-VrKQ8W1G.js');
 require('../jsx-runtime-BBxmckJR.js');
 require('react');
 require('clsx');
@@ -15,8 +15,8 @@ require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
-require('../Text-C8vlKWNN.js');
-require('../Title-DZn77tSl.js');
+require('../Text-D2YDVhGJ.js');
+require('../Title-BzopkHQY.js');
 
 
 

package/dist/cjs/components/index.d.ts

@@ -22,6 +22,7 @@ export { Flex, FlexItem } from './Flex';
 export { FormField, ChoiceField, PasswordField, SelectField, SwitchField } from './FormField';
 export { Grid, GridItem, GridRow } from './Grid';
 export { Group, groupConfig } from './Group';
+export { HTMLContent } from './HTMLContent';
 export { Icon, iconConfig } from './Icon';
 export { Image } from './Image';
 export { Input, inputConfig } from './Input';
@@ -31,7 +32,7 @@ export { LanguageSelector } from './LanguageSelector';
 export { Link, LinkWrapper, linkConfig } from './Link';
 export { List, ListItem } from './List';
 export { Loader, loaderConfig } from './Loader';
-export { Logo } from './Logo';
+export { Logo, logoConfig } from './Logo';
 export { Menu } from './Menu';
 export { MenuItem, menuItemConfig } from './MenuItem';
 export { Modal, ModalLoader } from './Modal';

package/dist/cjs/components.js

@@ -1,61 +1,62 @@
 'use strict';
 
-var Accordion = require('./Accordion-rCFDAon3.js');
-var Avatar = require('./Avatar-Bj5BiStx.js');
-var Badge = require('./Badge-D7W3B9G5.js');
-var Breadcrumbs = require('./Breadcrumbs-xj-c6cUH.js');
-var Button = require('./Button-DfUQ11Hs.js');
+var Accordion = require('./Accordion-OI5oLjJY.js');
+var Avatar = require('./Avatar-BBAt1cKM.js');
+var Badge = require('./Badge-Cn73E3GI.js');
+var Breadcrumbs = require('./Breadcrumbs-DLTpOh1T.js');
+var Button = require('./Button-C-K_KVjd.js');
 var Caption = require('./Caption-f-OM1D-G.js');
-var Card = require('./Card--te6xVsm.js');
-var Cell = require('./Cell-DEBk3Rbp.js');
-var Checkbox = require('./Checkbox-BIvndDsy.js');
-var Chips = require('./Chips-i7zrI9aU.js');
-var Choice = require('./Choice-Cm_1ke3H.js');
-var Code = require('./Code-ByEr4h2R.js');
-var ContextMenuItem = require('./ContextMenuItem-D6dUiYw7.js');
-var CookiesWarning = require('./CookiesWarning-BfkNifW2.js');
+var Card = require('./Card-D9Eh3qLN.js');
+var Cell = require('./Cell-DpzvSs16.js');
+var Checkbox = require('./Checkbox-BE9LWRTC.js');
+var Chips = require('./Chips-cdORW7eM.js');
+var Choice = require('./Choice-nMRlWkpF.js');
+var Code = require('./Code-BJFoJBYh.js');
+var ContextMenuItem = require('./ContextMenuItem-D2wjhhzg.js');
+var CookiesWarning = require('./CookiesWarning--Edz7Gcv.js');
 var DadataHintField = require('./DadataHintField-z7Mw-xDn.js');
-var DatePicker = require('./DatePicker-e4-8mC1N.js');
+var DatePicker = require('./DatePicker-vgeb1SWe.js');
 var Divider = require('./Divider-D92wY8Fn.js');
 var Dot = require('./Dot-CKWexdtn.js');
-var Drawer = require('./Drawer-BGZBaR2Q.js');
-var DropdownItem = require('./DropdownItem-BhpFr7Z0.js');
+var Drawer = require('./Drawer-AQqI18ra.js');
+var DropdownItem = require('./DropdownItem-CCuDjUjH.js');
 var FlexItem = require('./FlexItem-2KlvlTJY.js');
-var SwitchField = require('./SwitchField-B0N-28Ne.js');
+var SwitchField = require('./SwitchField-CCHC2ZHS.js');
 var GridRow = require('./GridRow-OxLsh_2P.js');
-var Group = require('./Group-C9BxTKs-.js');
-var Icon = require('./Icon-2rv_L0yY.js');
+var Group = require('./Group-CtseVj34.js');
+var HTMLContent = require('./HTMLContent-4vI2pdQC.js');
+var Icon = require('./Icon-BUwWk_dS.js');
 var Image = require('./Image-CCx6QWZj.js');
 var Input = require('./Input-vwyG3XF0.js');
-var InputPassword = require('./InputPassword-BXCwerW2.js');
-var Label = require('./Label-EFoxH21m.js');
-var LanguageSelector = require('./LanguageSelector-CFKki1Sr.js');
+var InputPassword = require('./InputPassword-BqbSnWDE.js');
+var Label = require('./Label-Bc4u2NRI.js');
+var LanguageSelector = require('./LanguageSelector-BswZL8dZ.js');
 var Link = require('./Link-B6Xq7PWn.js');
 var ListItem = require('./ListItem-C3tWa-2I.js');
-var Loader = require('./Loader-2vQxF_aO.js');
-var Logo = require('./Logo-CcEF4P2z.js');
-var Menu = require('./Menu-rXCCn52A.js');
-var MenuItem = require('./MenuItem-C__OMtEI.js');
-var ModalLoader = require('./ModalLoader-Cddzca-W.js');
-var NotificationList = require('./NotificationList-CKd0PxLU.js');
+var Loader = require('./Loader-2CPNhu-4.js');
+var Logo = require('./Logo-BjDQjs3w.js');
+var Menu = require('./Menu-Bn0hqLr-.js');
+var MenuItem = require('./MenuItem-C-0vQBaj.js');
+var ModalLoader = require('./ModalLoader-DJWtjEvf.js');
+var NotificationList = require('./NotificationList-D7rD4PAW.js');
 var index = require('./components/Page.js');
-var Pagination = require('./Pagination-D6thfJMP.js');
-var Radio = require('./Radio-Cvbuwkx3.js');
+var Pagination = require('./Pagination-XAVYtca1.js');
+var Radio = require('./Radio-BH3uHZDb.js');
 var RangeSlider = require('./RangeSlider-Dy53bTyY.js');
-var Response = require('./Response-CwdUpO-8.js');
+var Response = require('./Response-BmR09awR.js');
 var Scrollbar = require('./Scrollbar-DOujlQOb.js');
-var SearchResult = require('./SearchResult-BnIZD8lL.js');
-var Segmented = require('./Segmented-BHblcvck.js');
+var SearchResult = require('./SearchResult-gHEwq0ay.js');
+var Segmented = require('./Segmented-BtzSR0xB.js');
 var index$1 = require('./components/Select.js');
-var SiteMenuButton = require('./SiteMenuButton-B2wBLVOJ.js');
-var Swiper = require('./Swiper-DrXdHybn.js');
+var SiteMenuButton = require('./SiteMenuButton-B6QISdea.js');
+var Swiper = require('./Swiper--idB5Ci6.js');
 var Switch = require('./Switch-K1p9h3aF.js');
-var TabGroup = require('./TabGroup-BCw7IKuz.js');
-var Text = require('./Text-C8vlKWNN.js');
-var Textarea = require('./Textarea-WIGhhrgu.js');
-var Tile = require('./Tile-2VY0LzsE.js');
-var Title = require('./Title-DZn77tSl.js');
-var Tooltip = require('./Tooltip-DRsL77n1.js');
+var TabGroup = require('./TabGroup-CYaefMap.js');
+var Text = require('./Text-D2YDVhGJ.js');
+var Textarea = require('./Textarea-tng0D_n7.js');
+var Tile = require('./Tile-By9iqne7.js');
+var Title = require('./Title-BzopkHQY.js');
+var Tooltip = require('./Tooltip-VrKQ8W1G.js');
 var Video = require('./Video-B_xqvgag.js');
 var Wrapper = require('./Wrapper-DravIzND.js');
 require('./_tslib-CKiUdo7p.js');
@@ -76,7 +77,7 @@ require('./hooks/styleAttributes.js');
 require('js-cookie');
 require('crypto');
 require('react-dom');
-require('./floating-ui.dom-D1St6qnn.js');
+require('./floating-ui.dom-ma2MDAMT.js');
 require('react-inlinesvg');
 require('./Overlay-18bnPZPd.js');
 require('./context/Notifications.js');
@@ -136,6 +137,7 @@ exports.GridItem = GridRow.GridItem;
 exports.GridRow = GridRow.GridRow;
 exports.Group = Group.Group;
 exports.groupConfig = Group.groupConfig;
+exports.HTMLContent = HTMLContent.HTMLContent;
 exports.Icon = Icon.Icon;
 exports.iconConfig = Icon.iconConfig;
 exports.Image = Image.Image;
@@ -153,6 +155,7 @@ exports.ListItem = ListItem.ListItem;
 exports.Loader = Loader.Loader;
 exports.loaderConfig = Loader.loaderConfig;
 exports.Logo = Logo.Logo;
+exports.logoConfig = Logo.logoConfig;
 exports.Menu = Menu.Menu;
 exports.MenuItem = MenuItem.MenuItem;
 exports.menuItemConfig = MenuItem.menuItemConfig;

package/dist/cjs/{floating-ui.dom-D1St6qnn.js → floating-ui.dom-ma2MDAMT.js}

@@ -54,9 +54,9 @@ function isTopLayer(element) {
     }
   });
 }
-function isContainingBlock(element) {
+function isContainingBlock(elementOrCss) {
   const webkit = isWebKit();
-  const css = getComputedStyle(element);
+  const css = isElement(elementOrCss) ? getComputedStyle(elementOrCss) : elementOrCss;
 
   // https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block#identifying_the_containing_block
   return css.transform !== 'none' || css.perspective !== 'none' || (css.containerType ? css.containerType !== 'normal' : false) || !webkit && (css.backdropFilter ? css.backdropFilter !== 'none' : false) || !webkit && (css.filter ? css.filter !== 'none' : false) || ['transform', 'perspective', 'filter'].some(value => (css.willChange || '').includes(value)) || ['paint', 'layout', 'strict', 'content'].some(value => (css.contain || '').includes(value));
@@ -64,11 +64,10 @@ function isContainingBlock(element) {
 function getContainingBlock(element) {
   let currentNode = getParentNode(element);
   while (isHTMLElement(currentNode) && !isLastTraversableNode(currentNode)) {
-    if (isTopLayer(currentNode)) {
-      return null;
-    }
     if (isContainingBlock(currentNode)) {
       return currentNode;
+    } else if (isTopLayer(currentNode)) {
+      return null;
     }
     currentNode = getParentNode(currentNode);
   }

package/dist/cjs/types/componentProps/appearanceKeys.d.ts

@@ -1 +1 @@
-export type tAppearanceKeysDefault = 'any' | 'dev' | 'surfacePrimary' | 'surfaceSecondary' | 'surfaceTertiary' | 'surfaceQuaternary' | 'surfaceDisabled' | 'gradientPrimary' | 'accent' | 'primary' | 'secondary' | 'disabled' | 'success' | 'warning' | 'error' | 'fail' | 'accentSecondary';
+export type tAppearanceKeysDefault = 'any' | 'dev' | 'surfacePrimary' | 'surfaceSecondary' | 'surfaceTertiary' | 'surfaceQuaternary' | 'surfaceDisabled' | 'gradientPrimary' | 'accent' | 'primary' | 'secondary' | 'disabled' | 'success' | 'warning' | 'error' | 'fail' | 'accentSecondary' | 'xs' | 's' | 'm' | 'l' | 'xl';

package/dist/cjs/types/componentProps/fill.d.ts

@@ -1 +1 @@
-export type tFillProps = 'accentPrimary' | 'accentSecondary' | 'accentTertiary' | 'errorPrimary' | 'errorSecondary' | 'gradientPrimary' | 'primaryPrimary' | 'primarySecondary' | 'primaryTertiary' | 'secondaryPrimary' | 'secondarySecondary' | 'secondaryTertiary' | 'successPrimary' | 'successSecondary' | 'surfaceAccent' | 'surfaceItemPrimary' | 'surfacePrimary' | 'surfaceQuaternary' | 'surfaceQuinary' | 'surfaceSecondary' | 'surfaceTertiary' | 'tertiaryPrimary' | 'tertiarySecondary' | 'tertiaryTertiary';
+export type tFillProps = false | undefined | 'accentPrimary' | 'accentSecondary' | 'accentTertiary' | 'errorPrimary' | 'errorSecondary' | 'gradientPrimary' | 'primaryPrimary' | 'primarySecondary' | 'primaryTertiary' | 'secondaryPrimary' | 'secondarySecondary' | 'secondaryTertiary' | 'successPrimary' | 'successSecondary' | 'surfaceAccent' | 'surfaceItemPrimary' | 'surfacePrimary' | 'surfaceQuaternary' | 'surfaceQuinary' | 'surfaceSecondary' | 'surfaceTertiary' | 'tertiaryPrimary' | 'tertiarySecondary' | 'tertiaryTertiary';

package/dist/cjs/types/componentProps/fillHover.d.ts

@@ -1 +1 @@
-export type tFillHoverProps = 'accentPrimaryHover' | 'accentSecondary' | 'accentTertiary' | 'primaryPrimaryHover' | 'secondaryPrimaryHover' | 'surfaceTertiary' | 'surfaceItemTertiary' | 'surfacePrimaryHover' | 'surfaceSecondaryHover' | 'surfaceTertiaryHover';
+export type tFillHoverProps = false | undefined | 'accentPrimaryHover' | 'accentSecondary' | 'accentSecondaryHover' | 'accentTertiary' | 'primaryPrimaryHover' | 'secondaryPrimaryHover' | 'surfaceTertiary' | 'surfaceItemTertiary' | 'surfacePrimaryHover' | 'surfaceSecondaryHover' | 'surfaceTertiaryHover';

package/dist/cjs/types/componentProps/textColor.d.ts

@@ -1 +1 @@
-export type tTextColorProps = 'accentTextPrimary' | 'accentTextSecondary' | 'accentTextTertiary' | 'primaryTextPrimary' | 'primaryTextSecondary' | 'primaryTextTertiary' | 'secondaryTextPrimary' | 'secondaryTextSecondary' | 'secondaryTextTertiary' | 'tertiaryTextPrimary' | 'tertiaryTextSecondary' | 'surfaceTextPrimary' | 'surfaceTextAccent' | 'surfaceTextSecondary' | 'surfaceTextTertiary' | 'surfaceTextQuaternary' | 'surfaceTextAccent' | 'surfaceTextHover' | 'surfaceTextFocus' | 'surfaceTextActive' | 'surfaceTextDisabled' | 'errorTextPrimary' | 'errorTextSecondary' | 'successTextPrimary' | 'successTextSecondary' | 'surfaceTextInvert' | 'surfaceTextInverse';
+export type tTextColorProps = false | undefined | 'accentTextPrimary' | 'accentTextSecondary' | 'accentTextTertiary' | 'primaryTextPrimary' | 'primaryTextSecondary' | 'primaryTextTertiary' | 'secondaryTextPrimary' | 'secondaryTextSecondary' | 'secondaryTextTertiary' | 'tertiaryTextPrimary' | 'tertiaryTextSecondary' | 'surfaceTextPrimary' | 'surfaceTextAccent' | 'surfaceTextSecondary' | 'surfaceTextTertiary' | 'surfaceTextQuaternary' | 'surfaceTextAccent' | 'surfaceTextHover' | 'surfaceTextFocus' | 'surfaceTextActive' | 'surfaceTextDisabled' | 'errorTextPrimary' | 'errorTextSecondary' | 'successTextPrimary' | 'successTextSecondary' | 'surfaceTextInvert' | 'surfaceTextInverse';

package/dist/cjs/types/componentProps/textColorActive.d.ts

@@ -1 +1,2 @@
-export type textColorActivePropsType = 'accentTextPrimary' | 'accentTextSecondary' | 'accentTextTertiary' | 'primaryTextPrimary' | 'primaryTextSecondary' | 'primaryTextTertiary' | 'secondaryTextPrimary' | 'secondaryTextSecondary' | 'secondaryTextTertiary' | 'tertiaryTextPrimary' | 'tertiaryTextSecondary' | 'surfaceTextPrimary' | 'surfaceTextAccent' | 'surfaceTextSecondary' | 'surfaceTextTertiary' | 'surfaceTextQuaternary' | 'surfaceTextAccent' | 'surfaceTextHover' | 'surfaceTextFocus' | 'surfaceTextActive' | 'surfaceTextDisabled' | 'errorTextPrimary' | 'errorTextSecondary' | 'successTextPrimary' | 'successTextSecondary' | 'surfaceTextInvert' | 'surfaceTextInverse';
+type textColorActivePropsType = false | undefined | 'accentTextPrimary' | 'accentTextSecondary' | 'accentTextTertiary' | 'primaryTextPrimary' | 'primaryTextSecondary' | 'primaryTextTertiary' | 'secondaryTextPrimary' | 'secondaryTextSecondary' | 'secondaryTextTertiary' | 'tertiaryTextPrimary' | 'tertiaryTextSecondary' | 'surfaceTextPrimary' | 'surfaceTextAccent' | 'surfaceTextSecondary' | 'surfaceTextTertiary' | 'surfaceTextQuaternary' | 'surfaceTextAccent' | 'surfaceTextHover' | 'surfaceTextFocus' | 'surfaceTextActive' | 'surfaceTextDisabled' | 'errorTextPrimary' | 'errorTextSecondary' | 'successTextPrimary' | 'successTextSecondary' | 'surfaceTextInvert' | 'surfaceTextInverse';
+export type { textColorActivePropsType };

package/dist/components/Accordion.js

@@ -1,4 +1,4 @@
-export { A as Accordion, a as AccordionItem } from '../Accordion-DF2lqrVA.js';
+export { A as Accordion, a as AccordionItem } from '../Accordion-uWRXripc.js';
 import '../_tslib-S-VPg1Cw.js';
 import '../jsx-runtime-C2uP7l8s.js';
 import 'react';
@@ -14,9 +14,9 @@ import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../Icon-DWnG-4KG.js';
+import '../Icon-C0gtkmdU.js';
 import 'react-inlinesvg';
 import '../Link-Co6uspFK.js';
-import '../Tooltip-CpEQOh9v.js';
-import '../Text-CxrzHFN1.js';
-import '../Title-BhJcCgdK.js';
+import '../Tooltip-D46EmkZq.js';
+import '../Text-Dn0X1zxN.js';
+import '../Title-BAdU2oW_.js';

package/dist/components/Avatar.js

@@ -1,4 +1,4 @@
-export { A as Avatar } from '../Avatar-DLNS2LBo.js';
+export { A as Avatar } from '../Avatar-APOOlMd3.js';
 import '../jsx-runtime-C2uP7l8s.js';
 import 'react';
 import 'clsx';
@@ -9,7 +9,7 @@ import '../context/UIContext.js';
 import 'prop-types';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
-import '../Icon-DWnG-4KG.js';
+import '../Icon-C0gtkmdU.js';
 import '../_tslib-S-VPg1Cw.js';
 import 'react-inlinesvg';
 import '../hooks/useStyles.js';
@@ -17,7 +17,7 @@ import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
 import '../Link-Co6uspFK.js';
-import '../Tooltip-CpEQOh9v.js';
-import '../Text-CxrzHFN1.js';
-import '../Title-BhJcCgdK.js';
+import '../Tooltip-D46EmkZq.js';
+import '../Text-Dn0X1zxN.js';
+import '../Title-BAdU2oW_.js';
 import '../Image-Bz4Fo3eB.js';

package/dist/components/Badge.js

@@ -1,4 +1,4 @@
-export { B as Badge, b as badgeConfig } from '../Badge-BBbMdbjo.js';
+export { B as Badge, b as badgeConfig } from '../Badge-DtYgQu3L.js';
 import '../jsx-runtime-C2uP7l8s.js';
 import 'react';
 import 'clsx';
@@ -13,4 +13,4 @@ import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../Text-CxrzHFN1.js';
+import '../Text-Dn0X1zxN.js';

package/dist/components/Breadcrumbs.js

@@ -1,4 +1,4 @@
-export { B as Breadcrumbs, a as BreadcrumbsItem } from '../Breadcrumbs-Dz-WcAoT.js';
+export { B as Breadcrumbs, a as BreadcrumbsItem } from '../Breadcrumbs-rRMuYnWJ.js';
 import '../_tslib-S-VPg1Cw.js';
 import '../jsx-runtime-C2uP7l8s.js';
 import 'react';
@@ -14,9 +14,9 @@ import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../Icon-DWnG-4KG.js';
+import '../Icon-C0gtkmdU.js';
 import 'react-inlinesvg';
 import '../Link-Co6uspFK.js';
-import '../Tooltip-CpEQOh9v.js';
-import '../Text-CxrzHFN1.js';
-import '../Title-BhJcCgdK.js';
+import '../Tooltip-D46EmkZq.js';
+import '../Text-Dn0X1zxN.js';
+import '../Title-BAdU2oW_.js';

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

@@ -30,6 +30,7 @@ export interface IButtonThemeColor {
     labelTextColor?: tTextColorProps;
     labelTextColorHover?: textColorHoverPropsType;
     labelTextSize?: tTextSizeProps;
+    labelTextSizeMobile?: tTextSizeProps;
     labelTextWeight?: tTextWeightProps;
     labelTextWrap?: textWrapPropsType;
     loaderFill?: tFillProps;