@itcase/ui 1.1.18 → 1.1.20

package/dist/cjs/components/Tab.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var TabGroup = require('../TabGroup-CYaefMap.js');
+var TabGroup = require('../TabGroup-C6d1YI0e.js');
 require('../jsx-runtime-BBxmckJR.js');
 require('react');
 require('clsx');
@@ -18,8 +18,10 @@ require('../hooks/styleAttributes.js');
 require('../Badge-Cn73E3GI.js');
 require('../Text-D2YDVhGJ.js');
 require('../Divider-D92wY8Fn.js');
-require('../Link-B6Xq7PWn.js');
+require('../Link-D30saU5d.js');
 require('../_tslib-CKiUdo7p.js');
+require('lodash.throttle');
+require('react-dom');
 
 
 

package/dist/cjs/components/Tile.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Tile = require('../Tile-By9iqne7.js');
+var Tile = require('../Tile-CatxYX82.js');
 require('../jsx-runtime-BBxmckJR.js');
 require('react');
 require('clsx');
@@ -17,7 +17,7 @@ require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
 require('../Badge-Cn73E3GI.js');
 require('../Text-D2YDVhGJ.js');
-require('../Title-BzopkHQY.js');
+require('../Title-Ckp30YSI.js');
 
 
 

package/dist/cjs/components/Title.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Title = require('../Title-BzopkHQY.js');
+var Title = require('../Title-Ckp30YSI.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-VrKQ8W1G.js');
+var Tooltip = require('../Tooltip-CYJGThOv.js');
 require('../jsx-runtime-BBxmckJR.js');
 require('react');
 require('clsx');
@@ -16,7 +16,7 @@ require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
 require('../Text-D2YDVhGJ.js');
-require('../Title-BzopkHQY.js');
+require('../Title-Ckp30YSI.js');
 
 
 

package/dist/cjs/components.js

@@ -1,62 +1,62 @@
 'use strict';
 
-var Accordion = require('./Accordion-OI5oLjJY.js');
-var Avatar = require('./Avatar-BBAt1cKM.js');
+var Accordion = require('./Accordion-CGdZmC7z.js');
+var Avatar = require('./Avatar-CXkFUZni.js');
 var Badge = require('./Badge-Cn73E3GI.js');
-var Breadcrumbs = require('./Breadcrumbs-DLTpOh1T.js');
-var Button = require('./Button-C-K_KVjd.js');
+var Breadcrumbs = require('./Breadcrumbs-GGwX18rz.js');
+var Button = require('./Button-DplZg-6U.js');
 var Caption = require('./Caption-f-OM1D-G.js');
 var Card = require('./Card-D9Eh3qLN.js');
-var Cell = require('./Cell-DpzvSs16.js');
+var Cell = require('./Cell-fldKcEHr.js');
 var Checkbox = require('./Checkbox-BE9LWRTC.js');
 var Chips = require('./Chips-cdORW7eM.js');
-var Choice = require('./Choice-nMRlWkpF.js');
+var Choice = require('./Choice-DwYPQwyf.js');
 var Code = require('./Code-BJFoJBYh.js');
-var ContextMenuItem = require('./ContextMenuItem-D2wjhhzg.js');
-var CookiesWarning = require('./CookiesWarning--Edz7Gcv.js');
+var ContextMenuItem = require('./ContextMenuItem-D-wYq1Of.js');
+var CookiesWarning = require('./CookiesWarning-Cny73RI8.js');
 var DadataHintField = require('./DadataHintField-z7Mw-xDn.js');
-var DatePicker = require('./DatePicker-vgeb1SWe.js');
+var DatePicker = require('./DatePicker-BvGVwQWT.js');
 var Divider = require('./Divider-D92wY8Fn.js');
 var Dot = require('./Dot-CKWexdtn.js');
 var Drawer = require('./Drawer-AQqI18ra.js');
-var DropdownItem = require('./DropdownItem-CCuDjUjH.js');
+var DropdownItem = require('./DropdownItem-BazQTndn.js');
 var FlexItem = require('./FlexItem-2KlvlTJY.js');
-var SwitchField = require('./SwitchField-CCHC2ZHS.js');
-var GridRow = require('./GridRow-OxLsh_2P.js');
-var Group = require('./Group-CtseVj34.js');
+var SwitchField = require('./SwitchField-C3TrW6fZ.js');
+var GridRow = require('./GridRow-CAqZZGge.js');
+var Group = require('./Group-B3axMtEa.js');
 var HTMLContent = require('./HTMLContent-4vI2pdQC.js');
-var Icon = require('./Icon-BUwWk_dS.js');
+var Icon = require('./Icon-1nE_a40k.js');
 var Image = require('./Image-CCx6QWZj.js');
 var Input = require('./Input-vwyG3XF0.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 InputPassword = require('./InputPassword-u30j02Bh.js');
+var Label = require('./Label-Cgxxx2Ar.js');
+var LanguageSelector = require('./LanguageSelector-lyV39rdI.js');
+var Link = require('./Link-D30saU5d.js');
+var ListItem = require('./ListItem-DBqD3_kT.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 Logo = require('./Logo-CLwB8jrJ.js');
+var Menu = require('./Menu-D4NCuPTA.js');
+var MenuItem = require('./MenuItem-D7TzAdrA.js');
 var ModalLoader = require('./ModalLoader-DJWtjEvf.js');
-var NotificationList = require('./NotificationList-D7rD4PAW.js');
+var NotificationList = require('./NotificationList-DuwcxJAs.js');
 var index = require('./components/Page.js');
-var Pagination = require('./Pagination-XAVYtca1.js');
+var Pagination = require('./Pagination-BaUSH8Q1.js');
 var Radio = require('./Radio-BH3uHZDb.js');
 var RangeSlider = require('./RangeSlider-Dy53bTyY.js');
-var Response = require('./Response-BmR09awR.js');
+var Response = require('./Response-g-ogAxvP.js');
 var Scrollbar = require('./Scrollbar-DOujlQOb.js');
-var SearchResult = require('./SearchResult-gHEwq0ay.js');
+var SearchResult = require('./SearchResult-CbJZk7jp.js');
 var Segmented = require('./Segmented-BtzSR0xB.js');
 var index$1 = require('./components/Select.js');
-var SiteMenuButton = require('./SiteMenuButton-B6QISdea.js');
-var Swiper = require('./Swiper--idB5Ci6.js');
+var SiteMenuButton = require('./SiteMenuButton-CbRuV0ju.js');
+var Swiper = require('./Swiper-Zh5xaPu3.js');
 var Switch = require('./Switch-K1p9h3aF.js');
-var TabGroup = require('./TabGroup-CYaefMap.js');
+var TabGroup = require('./TabGroup-C6d1YI0e.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 Tile = require('./Tile-CatxYX82.js');
+var Title = require('./Title-Ckp30YSI.js');
+var Tooltip = require('./Tooltip-CYJGThOv.js');
 var Video = require('./Video-B_xqvgag.js');
 var Wrapper = require('./Wrapper-DravIzND.js');
 require('./_tslib-CKiUdo7p.js');
@@ -79,6 +79,7 @@ require('crypto');
 require('react-dom');
 require('./floating-ui.dom-ma2MDAMT.js');
 require('react-inlinesvg');
+require('lodash.throttle');
 require('./Overlay-18bnPZPd.js');
 require('./context/Notifications.js');
 require('uuid');

package/dist/components/Accordion.js

@@ -1,4 +1,4 @@
-export { A as Accordion, a as AccordionItem } from '../Accordion-uWRXripc.js';
+export { A as Accordion, a as AccordionItem } from '../Accordion-DCk1_IOx.js';
 import '../_tslib-S-VPg1Cw.js';
 import '../jsx-runtime-C2uP7l8s.js';
 import 'react';
@@ -14,9 +14,11 @@ import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../Icon-C0gtkmdU.js';
+import '../Icon-DobrgUul.js';
 import 'react-inlinesvg';
-import '../Link-Co6uspFK.js';
-import '../Tooltip-D46EmkZq.js';
+import '../Link-CnzdHbwf.js';
+import 'lodash.throttle';
+import 'react-dom';
+import '../Tooltip-BYw26YRd.js';
 import '../Text-Dn0X1zxN.js';
-import '../Title-BAdU2oW_.js';
+import '../Title-zpOK2AxL.js';

package/dist/components/Avatar.js

@@ -1,4 +1,4 @@
-export { A as Avatar } from '../Avatar-APOOlMd3.js';
+export { A as Avatar } from '../Avatar-EsnSFf8y.js';
 import '../jsx-runtime-C2uP7l8s.js';
 import 'react';
 import 'clsx';
@@ -9,15 +9,17 @@ import '../context/UIContext.js';
 import 'prop-types';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
-import '../Icon-C0gtkmdU.js';
+import '../Icon-DobrgUul.js';
 import '../_tslib-S-VPg1Cw.js';
 import 'react-inlinesvg';
 import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../Link-Co6uspFK.js';
-import '../Tooltip-D46EmkZq.js';
+import '../Link-CnzdHbwf.js';
+import 'lodash.throttle';
+import 'react-dom';
+import '../Tooltip-BYw26YRd.js';
 import '../Text-Dn0X1zxN.js';
-import '../Title-BAdU2oW_.js';
+import '../Title-zpOK2AxL.js';
 import '../Image-Bz4Fo3eB.js';

package/dist/components/Breadcrumbs.js

@@ -1,4 +1,4 @@
-export { B as Breadcrumbs, a as BreadcrumbsItem } from '../Breadcrumbs-rRMuYnWJ.js';
+export { B as Breadcrumbs, a as BreadcrumbsItem } from '../Breadcrumbs-lq8teNHv.js';
 import '../_tslib-S-VPg1Cw.js';
 import '../jsx-runtime-C2uP7l8s.js';
 import 'react';
@@ -14,9 +14,11 @@ import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../Icon-C0gtkmdU.js';
+import '../Icon-DobrgUul.js';
 import 'react-inlinesvg';
-import '../Link-Co6uspFK.js';
-import '../Tooltip-D46EmkZq.js';
+import '../Link-CnzdHbwf.js';
+import 'lodash.throttle';
+import 'react-dom';
+import '../Tooltip-BYw26YRd.js';
 import '../Text-Dn0X1zxN.js';
-import '../Title-BAdU2oW_.js';
+import '../Title-zpOK2AxL.js';

package/dist/components/Button.js

@@ -1,4 +1,4 @@
-export { B as Button, b as buttonConfig } from '../Button-DxZUKQ8I.js';
+export { B as Button, b as buttonConfig } from '../Button-Dslt7OS2.js';
 import '../jsx-runtime-C2uP7l8s.js';
 import 'react';
 import 'clsx';
@@ -13,11 +13,13 @@ import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../Icon-C0gtkmdU.js';
+import '../Icon-DobrgUul.js';
 import '../_tslib-S-VPg1Cw.js';
 import 'react-inlinesvg';
-import '../Link-Co6uspFK.js';
-import '../Tooltip-D46EmkZq.js';
+import '../Link-CnzdHbwf.js';
+import 'lodash.throttle';
+import 'react-dom';
+import '../Tooltip-BYw26YRd.js';
 import '../Text-Dn0X1zxN.js';
-import '../Title-BAdU2oW_.js';
+import '../Title-zpOK2AxL.js';
 import '../Loader-DhgIcSY1.js';

package/dist/components/Cell.js

@@ -1,4 +1,4 @@
-export { C as Cell } from '../Cell-BJThS4YS.js';
+export { C as Cell } from '../Cell-DtK-UEKE.js';
 import '../jsx-runtime-C2uP7l8s.js';
 import 'react';
 import 'clsx';
@@ -9,15 +9,17 @@ import '../context/UIContext.js';
 import 'prop-types';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
-import '../Icon-C0gtkmdU.js';
+import '../Icon-DobrgUul.js';
 import '../_tslib-S-VPg1Cw.js';
 import 'react-inlinesvg';
 import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../Link-Co6uspFK.js';
-import '../Tooltip-D46EmkZq.js';
+import '../Link-CnzdHbwf.js';
+import 'lodash.throttle';
+import 'react-dom';
+import '../Tooltip-BYw26YRd.js';
 import '../Text-Dn0X1zxN.js';
-import '../Title-BAdU2oW_.js';
-import '../Label-0lMH0-AK.js';
+import '../Title-zpOK2AxL.js';
+import '../Label-Ch6YjDF4.js';

package/dist/components/Choice.js

@@ -1,4 +1,4 @@
-export { C as Choice, c as choiceConfig } from '../Choice-DVU4k0tu.js';
+export { C as Choice, c as choiceConfig } from '../Choice-CeVJI4H9.js';
 import '../jsx-runtime-C2uP7l8s.js';
 import 'react';
 import 'clsx';
@@ -9,15 +9,17 @@ import '../context/UIContext.js';
 import 'prop-types';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
-import '../Icon-C0gtkmdU.js';
+import '../Icon-DobrgUul.js';
 import '../_tslib-S-VPg1Cw.js';
 import 'react-inlinesvg';
 import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../Link-Co6uspFK.js';
-import '../Tooltip-D46EmkZq.js';
+import '../Link-CnzdHbwf.js';
+import 'lodash.throttle';
+import 'react-dom';
+import '../Tooltip-BYw26YRd.js';
 import '../Text-Dn0X1zxN.js';
-import '../Title-BAdU2oW_.js';
+import '../Title-zpOK2AxL.js';
 import '../Loader-DhgIcSY1.js';

package/dist/components/ContextMenu.js

@@ -1,4 +1,4 @@
-export { C as ContextMenu, a as ContextMenuItem } from '../ContextMenuItem-xssbnviQ.js';
+export { C as ContextMenu, a as ContextMenuItem } from '../ContextMenuItem-BuJBuKmW.js';
 import '../jsx-runtime-C2uP7l8s.js';
 import 'react';
 import 'clsx';
@@ -14,10 +14,12 @@ import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../Icon-C0gtkmdU.js';
+import '../Icon-DobrgUul.js';
 import '../_tslib-S-VPg1Cw.js';
 import 'react-inlinesvg';
-import '../Link-Co6uspFK.js';
-import '../Tooltip-D46EmkZq.js';
+import '../Link-CnzdHbwf.js';
+import 'lodash.throttle';
+import 'react-dom';
+import '../Tooltip-BYw26YRd.js';
 import '../Text-Dn0X1zxN.js';
-import '../Title-BAdU2oW_.js';
+import '../Title-zpOK2AxL.js';

package/dist/components/CookiesWarning.js

@@ -1,4 +1,4 @@
-export { C as CookiesWarning } from '../CookiesWarning-Dcon4SS4.js';
+export { C as CookiesWarning } from '../CookiesWarning-BQZ8f2hX.js';
 import '../jsx-runtime-C2uP7l8s.js';
 import 'react';
 import 'clsx';
@@ -10,17 +10,19 @@ import '../context/UIContext.js';
 import 'prop-types';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
-import '../Button-DxZUKQ8I.js';
+import '../Button-Dslt7OS2.js';
 import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../Icon-C0gtkmdU.js';
+import '../Icon-DobrgUul.js';
 import '../_tslib-S-VPg1Cw.js';
 import 'react-inlinesvg';
-import '../Link-Co6uspFK.js';
-import '../Tooltip-D46EmkZq.js';
+import '../Link-CnzdHbwf.js';
+import 'lodash.throttle';
+import 'react-dom';
+import '../Tooltip-BYw26YRd.js';
 import '../Text-Dn0X1zxN.js';
-import '../Title-BAdU2oW_.js';
+import '../Title-zpOK2AxL.js';
 import '../Loader-DhgIcSY1.js';
-import '../Group-DuHn_z2p.js';
+import '../Group-BWwH31L7.js';

package/dist/components/DatePicker.js

@@ -1,4 +1,4 @@
-export { D as DatePickerInput } from '../DatePicker-D9UgOcue.js';
+export { D as DatePickerInput } from '../DatePicker-DxTgMHIo.js';
 import '../_tslib-S-VPg1Cw.js';
 import '../jsx-runtime-C2uP7l8s.js';
 import 'react';
@@ -12,17 +12,18 @@ import '../context/UIContext.js';
 import 'prop-types';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
-import '../Button-DxZUKQ8I.js';
+import '../Button-Dslt7OS2.js';
 import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../Icon-C0gtkmdU.js';
+import '../Icon-DobrgUul.js';
 import 'react-inlinesvg';
-import '../Link-Co6uspFK.js';
-import '../Tooltip-D46EmkZq.js';
+import '../Link-CnzdHbwf.js';
+import 'lodash.throttle';
+import '../Tooltip-BYw26YRd.js';
 import '../Text-Dn0X1zxN.js';
-import '../Title-BAdU2oW_.js';
+import '../Title-zpOK2AxL.js';
 import '../Loader-DhgIcSY1.js';
 import '../Input-CYDtAlO-.js';
-import '../Label-0lMH0-AK.js';
+import '../Label-Ch6YjDF4.js';

package/dist/components/Dropdown.js

@@ -1,4 +1,4 @@
-export { D as Dropdown, a as DropdownItem } from '../DropdownItem-DB5nPIdl.js';
+export { D as Dropdown, a as DropdownItem } from '../DropdownItem-DftDKP1Y.js';
 import '../jsx-runtime-C2uP7l8s.js';
 import 'react';
 import 'clsx';
@@ -14,6 +14,8 @@ import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
 import '../Divider-Dhj6sMWd.js';
-import '../Link-Co6uspFK.js';
+import '../Link-CnzdHbwf.js';
 import '../_tslib-S-VPg1Cw.js';
+import 'lodash.throttle';
+import 'react-dom';
 import '../Text-Dn0X1zxN.js';

package/dist/components/FormField.js

@@ -1,4 +1,4 @@
-export { C as ChoiceField, F as FormField, P as PasswordField, S as SelectField, a as SwitchField } from '../SwitchField-Cj0B7JdE.js';
+export { C as ChoiceField, F as FormField, P as PasswordField, S as SelectField, a as SwitchField } from '../SwitchField-Djrsk1Th.js';
 import '../_tslib-S-VPg1Cw.js';
 import '../jsx-runtime-C2uP7l8s.js';
 import 'react';
@@ -18,14 +18,15 @@ import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
 import './Select.js';
 import 'react-select';
-import '../Icon-C0gtkmdU.js';
+import '../Icon-DobrgUul.js';
 import 'react-inlinesvg';
-import '../Link-Co6uspFK.js';
-import '../Tooltip-D46EmkZq.js';
-import '../Title-BAdU2oW_.js';
+import '../Link-CnzdHbwf.js';
+import 'lodash.throttle';
 import 'react-dom';
+import '../Tooltip-BYw26YRd.js';
+import '../Title-zpOK2AxL.js';
 import '../floating-ui.dom-BV5qw-HP.js';
 import '../Badge-DtYgQu3L.js';
-import '../Group-DuHn_z2p.js';
+import '../Group-BWwH31L7.js';
 import '../Divider-Dhj6sMWd.js';
 import '../Switch-0BHqovLA.js';

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

@@ -1,6 +1,6 @@
 import { CSSProperties, ElementType, ReactNode } from 'react';
 import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { tBorderColorProps, tDirectionProps, tFillHoverProps, tFillProps, gridAlignPropsType, gridAlignSelfPropsType, gridJustifyItemsPropsType, gridJustifySelfPropsType, horizontalResizeModePropsType, tShapeProps, verticalResizeModePropsType } from '../../types';
+import { gridAlignPropsType, gridAlignSelfPropsType, gridJustifyItemsPropsType, gridJustifySelfPropsType, horizontalResizeModePropsType, tBorderColorProps, tDirectionProps, tFillHoverProps, tFillProps, tShapeProps, verticalResizeModePropsType } from '../../types';
 export interface IGridBaseThemeColor extends iStyleAttributes {
     alignSelf?: gridAlignSelfPropsType;
     alignSelfDesktop?: gridAlignSelfPropsType;
@@ -54,54 +54,51 @@ export interface IGridBaseThemeColor extends iStyleAttributes {
     zIndexTablet?: string;
 }
 export interface IGridItemProps extends IGridBaseThemeColor {
+    id?: string;
     children?: ReactNode;
     className?: string;
     dataTour?: string;
-    id?: number | string;
     style?: CSSProperties;
     onClick?: () => void;
 }
 export interface IGridRowProps extends IGridBaseThemeColor {
+    id?: string;
     children?: ReactNode;
     className?: string;
     dataTour?: string;
     htmlFor?: string;
-    id?: number | string;
     style?: CSSProperties;
     tag: ElementType;
     onClick?: () => void;
 }
 export interface IGridProps extends iStyleAttributes {
+    id?: string;
     after?: ReactNode;
-    before?: ReactNode;
-    children?: ReactNode;
-    className?: string;
-    dataTour?: string;
-    id?: number | string;
-    style?: CSSProperties;
-    tag: ElementType;
-    onClick?: () => void;
+    alignContent?: gridAlignPropsType;
     alignContentDesktop?: gridAlignPropsType;
     alignContentMobile?: gridAlignPropsType;
     alignContentTablet?: gridAlignPropsType;
+    alignItems?: gridAlignPropsType;
     alignItemsDesktop?: gridAlignPropsType;
     alignItemsMobile?: gridAlignPropsType;
     alignItemsTablet?: gridAlignPropsType;
+    before?: ReactNode;
+    borderColor?: tBorderColorProps;
+    children?: ReactNode;
+    className?: string;
+    columnGap?: string;
     columnGapDesktop?: string;
     columnGapMobile?: string;
     columnGapTablet?: string;
+    columns?: string;
     columnsDesktop?: string;
     columnsMobile?: string;
     columnsTablet?: string;
+    dataTour?: string;
+    fill?: tFillProps;
     fillDesktop?: tFillProps;
     fillMobile?: tFillProps;
     fillTablet?: tFillProps;
-    fillWrapperDesktop?: tFillProps;
-    fillWrapperInnerDesktop?: tFillProps;
-    fillWrapperInnerMobile?: tFillProps;
-    fillWrapperInnerTablet?: tFillProps;
-    fillWrapperMobile?: tFillProps;
-    fillWrapperTablet?: tFillProps;
     gridBackground?: string;
     gridBackgroundDesktop?: string;
     gridBackgroundMobile?: string;
@@ -112,39 +109,34 @@ export interface IGridProps extends iStyleAttributes {
     gridBackgroundWrapperTablet?: string;
     horizontalResizing?: horizontalResizeModePropsType;
     horizontalScroll?: boolean;
+    justifyContent?: string;
     justifyContentDesktop?: string;
     justifyContentMobile?: string;
     justifyContentTablet?: string;
+    justifyItems?: gridJustifyItemsPropsType;
     justifyItemsDesktop?: gridJustifyItemsPropsType;
     justifyItemsMobile?: gridJustifyItemsPropsType;
     justifyItemsTablet?: gridJustifyItemsPropsType;
+    rowGap?: string;
     rowGapDesktop?: string;
     rowGapMobile?: string;
     rowGapTablet?: string;
+    rows?: string;
     rowsDesktop?: string;
     rowsMobile?: string;
     rowsTablet?: string;
+    shapeWrapper?: tShapeProps;
     shapeWrapperDesktop?: tShapeProps;
+    shapeWrapperInner?: tShapeProps;
     shapeWrapperInnerDesktop?: tShapeProps;
     shapeWrapperInnerMobile?: tShapeProps;
     shapeWrapperInnerTablet?: tShapeProps;
     shapeWrapperMobile?: tShapeProps;
     shapeWrapperTablet?: tShapeProps;
+    style?: CSSProperties;
+    tag: ElementType;
     type?: string;
     useGridSystem?: boolean;
     verticalResizing?: verticalResizeModePropsType;
-    alignContent?: gridAlignPropsType;
-    alignItems?: gridAlignPropsType;
-    borderColor?: tBorderColorProps;
-    columnGap?: string;
-    columns?: string;
-    fill?: tFillProps;
-    fillWrapper?: tFillProps;
-    fillWrapperInner?: tFillProps;
-    justifyContent?: string;
-    justifyItems?: gridJustifyItemsPropsType;
-    rowGap?: string;
-    rows?: string;
-    shapeWrapper?: tShapeProps;
-    shapeWrapperInner?: tShapeProps;
+    onClick?: () => void;
 }

package/dist/components/Grid.js

@@ -1,4 +1,4 @@
-export { G as Grid, a as GridItem, b as GridRow } from '../GridRow-CvYQDJ2W.js';
+export { G as Grid, a as GridItem, b as GridRow } from '../GridRow-DRjyNWBh.js';
 import '../jsx-runtime-C2uP7l8s.js';
 import 'react';
 import 'clsx';

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

@@ -1,6 +1,6 @@
 import { CSSProperties, ElementType, ReactNode } from 'react';
 import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { alignDirectionPropsType, alignPropsType, tBorderColorProps, borderTypePropsType, tDirectionProps, elevationPropsType, tFillHoverProps, tFillProps, flexGrowPropsType, tHeightProps, justifyContentPropsType, tShapeProps, stackingPropsType, tTextColorProps, tWidthProps, wrapPropsType } from '../../types';
+import { alignDirectionPropsType, alignPropsType, borderTypePropsType, elevationPropsType, flexGrowPropsType, justifyContentPropsType, stackingPropsType, tBorderColorProps, tDirectionProps, tFillHoverProps, tFillProps, tHeightProps, tShapeProps, tTextColorProps, tWidthProps, wrapPropsType } from '../../types';
 import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
 interface ThemeColor {
     border?: string;
@@ -11,7 +11,7 @@ interface ThemeColor {
     fillHover?: string;
     labelTextColor?: tTextColorProps;
 }
-type appearanceKeysType = tAppearanceKeysDefault & {};
+type appearanceKeysType = {} & tAppearanceKeysDefault;
 type tAppearance = {
     [key in appearanceKeysType]: ThemeColor;
 };
@@ -20,32 +20,33 @@ export interface IGroupConfig {
     setAppearance: (newComponent: tAppearance) => void;
 }
 export interface IGroupProps extends iStyleAttributes {
-    appearance?: appearanceKeysType;
-    children?: ReactNode;
-    className?: string;
-    dataTour?: string;
-    horizontalScroll?: boolean;
-    htmlFor?: string;
     id?: number | string;
-    set?: string;
-    style?: CSSProperties;
-    tag?: ElementType;
-    onClick?: () => void;
     align?: alignPropsType;
     alignDirection?: alignDirectionPropsType;
+    appearance?: appearanceKeysType;
     borderColor?: tBorderColorProps;
     borderType?: borderTypePropsType;
+    children?: ReactNode;
+    className?: string;
     columns?: number;
+    dataTour?: string;
     direction?: tDirectionProps;
     elevation?: elevationPropsType;
     fill?: tFillProps;
     fillHover?: tFillHoverProps;
     flexGrow?: flexGrowPropsType;
     height?: tHeightProps;
+    horizontalScroll?: boolean;
+    htmlFor?: string;
     justifyContent?: justifyContentPropsType;
     shape?: tShapeProps;
     stacking?: stackingPropsType;
+    style?: CSSProperties;
+    tag?: ElementType;
     width?: tWidthProps;
     wrap?: wrapPropsType;
+    isTextHover?: boolean;
+    onClick?: () => void;
+    set?: string;
 }
 export {};