@itcase/ui 1.1.7 → 1.1.8

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

@@ -1,51 +1,53 @@
 import React, { ElementType } from 'react';
-import { sizePropsType, textAlignPropsType, textColorActivePropsType, textColorHoverPropsType, textColorPropsType, textGradientPropsType, textStylePropsType, textWeightPropsType, textWrapPropsType, typePropsType, widthPropsType } from '../../constants-ts';
 import { TypeStyleAttributes } from '../../hooks/styleAttributes.interface';
-interface ThemeColor {
+import { sizePropsType, textAlignPropsType, textColorActivePropsType, textColorHoverPropsType, textColorPropsType, textGradientPropsType, textSizePropsType, textStylePropsType, textWeightPropsType, textWrapPropsType, typePropsType, widthPropsType } from '../../types';
+import { appearanceKeysDefaultType } from '../../types/componentProps/appearanceKeys';
+interface ITextThemeColor {
     size?: sizePropsType;
     textColor?: textColorPropsType;
+    textColorActive?: textColorActivePropsType;
+    textColorGradient?: textGradientPropsType;
+    textColorHover?: textColorHoverPropsType;
 }
-interface IAppearance {
-    [key: string]: ThemeColor;
-}
+type appearanceKeysType = appearanceKeysDefaultType & {};
+type appearanceType = {
+    [key in appearanceKeysType]: ITextThemeColor;
+};
 export interface ITextConfig {
-    appearance: IAppearance;
-    setAppearance: (newComponent: IAppearance) => void;
+    appearance: appearanceType | undefined;
+    setAppearance: (newComponent: appearanceType) => void;
 }
-export interface ITextProps extends TypeStyleAttributes {
-    id?: number | string;
-    dataTestId?: number | string;
-    children: React.ReactNode;
-    className?: string;
+export interface ITextProps extends ITextThemeColor, TypeStyleAttributes {
     after?: React.ReactNode;
+    appearance?: appearanceKeysType;
     before?: React.ReactNode;
-    appearance?: string;
+    children: React.ReactNode;
+    className?: string;
+    dataTestId?: number | string;
     dataTour?: string;
+    htmlFor?: string;
+    id?: number | string;
     mode?: string;
     tag?: ElementType;
-    htmlFor?: string;
     onClick?: () => void;
-    cursor?: string;
-    size?: sizePropsType;
-    textWeight?: textWeightPropsType;
-    textColor?: textColorPropsType;
-    textAlign?: textAlignPropsType;
-    textColorActive?: textColorActivePropsType;
-    textColorHover?: textColorHoverPropsType;
-    textColorGradient?: textGradientPropsType;
-    textTruncate?: string;
-    textStyle?: textStylePropsType;
-    textWrap?: textWrapPropsType;
-    width?: widthPropsType;
     sizeDesktop?: sizePropsType;
     sizeMobile?: sizePropsType;
     sizeTablet?: sizePropsType;
+    textColorDesktop?: textColorPropsType;
     textColorMobile?: textColorPropsType;
     textColorTablet?: textColorPropsType;
-    textColorDesktop?: textColorPropsType;
     textWeightDesktop?: textWeightPropsType;
     textWeightMobile?: textWeightPropsType;
     textWeightTablet?: textWeightPropsType;
     type?: typePropsType;
+    cursor?: string;
+    size?: textSizePropsType;
+    textAlign?: textAlignPropsType;
+    textColor?: textColorPropsType;
+    textStyle?: textStylePropsType;
+    textTruncate?: string;
+    textWeight?: textWeightPropsType;
+    textWrap?: textWrapPropsType;
+    width?: widthPropsType;
 }
 export {};

package/dist/cjs/components/Text.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Text = require('../Text-CfBPhwqK.js');
+var Text = require('../Text-D7Aq1i5R.js');
 require('../jsx-runtime-BCmQOGxJ.js');
 require('react');
 require('clsx');

package/dist/cjs/components/Tile.js

@@ -4,9 +4,9 @@ var React = require('react');
 var PropTypes = require('prop-types');
 var clsx = require('clsx');
 var index$1 = require('./Badge.js');
-require('./Icon.js');
+require('../Icon-UBahY607.js');
 var index = require('./Title.js');
-var Text = require('../Text-CfBPhwqK.js');
+var Text = require('../Text-D7Aq1i5R.js');
 var align = require('../constants/componentProps/align.js');
 var alignDirection = require('../constants/componentProps/alignDirection.js');
 var borderColor = require('../constants/componentProps/borderColor.js');
@@ -29,18 +29,15 @@ require('react-responsive');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
+require('../Link-BoShjCEw.js');
 require('react-inlinesvg');
-require('./Link.js');
+require('./Tooltip.js');
+require('../constants/componentProps/titleSize.js');
+require('../constants/componentProps/textAlign.js');
 require('../constants/componentProps/textGradient.js');
 require('../constants/componentProps/textStyle.js');
 require('../constants/componentProps/textWeight.js');
 require('../constants/componentProps/type.js');
-require('../constants/componentProps/underline.js');
-require('../constants/componentProps/iconSize.js');
-require('../constants/componentProps/strokeColor.js');
-require('./Tooltip.js');
-require('../constants/componentProps/titleSize.js');
-require('../constants/componentProps/textAlign.js');
 require('../constants/componentProps/wrap.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }

package/dist/cjs/components/Tooltip.js

@@ -3,7 +3,7 @@
 var React = require('react');
 var PropTypes = require('prop-types');
 var clsx = require('clsx');
-var Text = require('../Text-CfBPhwqK.js');
+var Text = require('../Text-D7Aq1i5R.js');
 var index = require('./Title.js');
 var size = require('../constants/componentProps/size.js');
 var textSize = require('../constants/componentProps/textSize.js');

package/dist/cjs/components.js

@@ -1,63 +1,63 @@
 'use strict';
 
-var Accordion = require('./Accordion-BDTE-Lkj.js');
-var index = require('./components/Avatar.js');
-var index$1 = require('./components/Badge.js');
-var Breadcrumbs = require('./Breadcrumbs-BV5q8aPJ.js');
-var index$2 = require('./components/Button.js');
-var index$3 = require('./components/Caption.js');
-var index$4 = require('./components/Card.js');
-var index$5 = require('./components/Cell.js');
-var index$6 = require('./components/Checkbox.js');
-var index$7 = require('./components/Chips.js');
-var index$8 = require('./components/Choice.js');
-var index$9 = require('./components/Code.js');
-var ContextMenuItem = require('./ContextMenuItem-C8eg828K.js');
-var index$a = require('./components/CookiesWarning.js');
-var index$b = require('./components/DadataHintField.js');
-var index$c = require('./components/DatePicker.js');
-var index$d = require('./components/Divider.js');
-var index$e = require('./components/Dot.js');
-var index$f = require('./components/Drawer.js');
-var DropdownItem = require('./DropdownItem-DT8iQfVh.js');
-var FlexItem = require('./FlexItem-CYXxJtYX.js');
-var SelectField = require('./SelectField-DVCsVz6q.js');
-var GridRow = require('./GridRow-6wilpUeo.js');
-var Group = require('./Group-DbzIk8kt.js');
-var index$g = require('./components/Icon.js');
-var index$h = require('./components/Image.js');
-var index$i = require('./components/Input.js');
-var index$j = require('./components/InputPassword.js');
-var index$k = require('./components/Label.js');
-var index$l = require('./components/LanguageSelector.js');
-var index$m = require('./components/Link.js');
-var ListItem = require('./ListItem-CTDoiG0C.js');
-var index$n = require('./components/Loader.js');
-var index$o = require('./components/Logo.js');
-var index$p = require('./components/Menu.js');
-var index$q = require('./components/MenuItem.js');
+var Accordion = require('./Accordion-DcZ9P5kP.js');
+var Avatar = require('./Avatar-DQ5fNpnO.js');
+var index = require('./components/Badge.js');
+var Breadcrumbs = require('./Breadcrumbs-HubY1qZQ.js');
+var Button = require('./Button-3GkRq8Pv.js');
+var index$1 = require('./components/Caption.js');
+var index$2 = require('./components/Card.js');
+var index$3 = require('./components/Cell.js');
+var index$4 = require('./components/Checkbox.js');
+var index$5 = require('./components/Chips.js');
+var index$6 = require('./components/Choice.js');
+var index$7 = require('./components/Code.js');
+var ContextMenuItem = require('./ContextMenuItem-DmbSoGn1.js');
+var index$8 = require('./components/CookiesWarning.js');
+var index$9 = require('./components/DadataHintField.js');
+var index$a = require('./components/DatePicker.js');
+var Divider = require('./Divider-CIYsHYud.js');
+var Dot = require('./Dot-vDSigHDs.js');
+var index$b = require('./components/Drawer.js');
+var DropdownItem = require('./DropdownItem-Bl-Ghc_6.js');
+var FlexItem = require('./FlexItem-BnORv6q3.js');
+var SelectField = require('./SelectField-BJTu7BXO.js');
+var GridRow = require('./GridRow-mzs0CkNG.js');
+var Group = require('./Group-4zWTDvKx.js');
+var Icon = require('./Icon-UBahY607.js');
+var index$c = require('./components/Image.js');
+var index$d = require('./components/Input.js');
+var index$e = require('./components/InputPassword.js');
+var index$f = require('./components/Label.js');
+var index$g = require('./components/LanguageSelector.js');
+var Link = require('./Link-BoShjCEw.js');
+var ListItem = require('./ListItem-MrHApmF3.js');
+var index$h = require('./components/Loader.js');
+var index$i = require('./components/Logo.js');
+var index$j = require('./components/Menu.js');
+var index$k = require('./components/MenuItem.js');
 var ModalLoader = require('./ModalLoader-4mmV5G4E.js');
-var NotificationList = require('./NotificationList-B6QbYA9H.js');
-var index$r = require('./components/Page.js');
-var index$s = require('./components/Pagination.js');
-var index$t = require('./components/Radio.js');
-var index$u = require('./components/RangeSlider.js');
-var index$v = require('./components/Response.js');
-var index$w = require('./components/Scrollbar.js');
-var SearchResult = require('./SearchResult-CdsV7oDb.js');
-var index$x = require('./components/Segmented.js');
-var index$y = require('./components/Select.js');
-var SiteMenuButton = require('./SiteMenuButton-CVdX1ouh.js');
-var index$z = require('./components/Swiper.js');
-var index$A = require('./components/Switch.js');
-var TabGroup = require('./TabGroup-B1LUF9Hg.js');
-var Text = require('./Text-CfBPhwqK.js');
-var index$B = require('./components/Textarea.js');
-var index$C = require('./components/Tile.js');
-var index$D = require('./components/Title.js');
-var index$E = require('./components/Tooltip.js');
-var index$F = require('./components/Video.js');
-var index$G = require('./components/Wrapper.js');
+var NotificationList = require('./NotificationList-DnI8DqyE.js');
+var index$l = require('./components/Page.js');
+var index$m = require('./components/Pagination.js');
+var index$n = require('./components/Radio.js');
+var index$o = require('./components/RangeSlider.js');
+var index$p = require('./components/Response.js');
+var index$q = require('./components/Scrollbar.js');
+var SearchResult = require('./SearchResult-bTwR5A-g.js');
+var index$r = require('./components/Segmented.js');
+var index$s = require('./components/Select.js');
+var SiteMenuButton = require('./SiteMenuButton-BGi0gR1z.js');
+var index$t = require('./components/Swiper.js');
+var index$u = require('./components/Switch.js');
+var TabGroup = require('./TabGroup-DIWmGIp2.js');
+var Text = require('./Text-D7Aq1i5R.js');
+var index$v = require('./components/Textarea.js');
+var index$w = require('./components/Tile.js');
+var index$x = require('./components/Title.js');
+var index$y = require('./components/Tooltip.js');
+var index$z = require('./components/Video.js');
+var index$A = require('./components/Wrapper.js');
 require('./jsx-runtime-BCmQOGxJ.js');
 require('react');
 require('clsx');
@@ -73,46 +73,39 @@ require('lodash/maxBy');
 require('lodash/upperFirst');
 require('./hooks/styleAttributes.js');
 require('./constants/componentProps/shape.js');
-require('./constants/componentProps/sizePX.js');
 require('./constants/componentProps/direction.js');
 require('./constants/componentProps/fill.js');
 require('./constants/componentProps/position.js');
 require('./constants/componentProps/width.js');
-require('./constants/componentProps/borderType.js');
-require('./constants/componentProps/size.js');
-require('./constants/componentProps/type.js');
 require('./constants/componentProps/fillGradient.js');
 require('./constants/componentProps/captionPosition.js');
+require('./constants/componentProps/size.js');
 require('./constants/componentProps/horizontalResizeMode.js');
 require('./constants/componentProps/textSize.js');
 require('./constants/componentProps/textColor.js');
 require('./constants/componentProps/textAlign.js');
+require('./constants/componentProps/borderType.js');
 require('js-cookie');
 require('crypto');
 require('react-dom');
 require('./floating-ui.dom-C34fOuI9.js');
+require('./constants/componentProps/type.js');
 require('./constants/componentProps/underline.js');
-require('./constants/componentProps/gridJustifyItems.js');
-require('./constants/componentProps/gridAlign.js');
-require('./constants/componentProps/verticalResizeMode.js');
-require('./constants/componentProps/gridAlignSelf.js');
-require('./constants/componentProps/gridJustifySelf.js');
 require('react-inlinesvg');
 require('./constants/componentProps/borderColor.js');
-require('./constants/componentProps/iconSize.js');
-require('./constants/componentProps/strokeColor.js');
 require('./constants/componentProps/resizeMode.js');
-require('./constants/componentProps/textGradient.js');
 require('./constants/componentProps/textStyle.js');
 require('./constants/componentProps/textWeight.js');
 require('./constants/componentProps/align.js');
 require('./constants/componentProps/alignDirection.js');
 require('./constants/componentProps/textColorActive.js');
 require('./constants/componentProps/textColorHover.js');
+require('./constants/componentProps/textGradient.js');
 require('./constants/componentProps/textWrap.js');
 require('./components/Overlay.js');
 require('./context/Notifications.js');
 require('uuid');
+require('./constants/componentProps/verticalResizeMode.js');
 require('lodash/ceil');
 require('react-paginate');
 require('rc-slider');
@@ -129,31 +122,31 @@ require('./constants/componentProps/borderColorHover.js');
 
 exports.Accordion = Accordion.Accordion;
 exports.AccordionItem = Accordion.AccordionItem;
-exports.Avatar = index.Avatar;
-exports.Badge = index$1.Badge;
-exports.badgeConfig = index$1.badgeConfig;
+exports.Avatar = Avatar.Avatar;
+exports.Badge = index.Badge;
+exports.badgeConfig = index.badgeConfig;
 exports.Breadcrumbs = Breadcrumbs.Breadcrumbs;
 exports.BreadcrumbsItem = Breadcrumbs.BreadcrumbsItem;
-exports.Button = index$2.Button;
-exports.buttonConfig = index$2.buttonConfig;
-exports.Caption = index$3.Caption;
-exports.Card = index$4.Card;
-exports.Cell = index$5.Cell;
-exports.Checkbox = index$6.Checkbox;
-exports.checkboxConfig = index$6.checkboxConfig;
-exports.Chips = index$7.Chips;
-exports.chipsConfig = index$7.chipsConfig;
-exports.Choice = index$8.Choice;
-exports.choiceConfig = index$8.choiceConfig;
-exports.Code = index$9.Code;
+exports.Button = Button.Button;
+exports.buttonConfig = Button.buttonConfig;
+exports.Caption = index$1.Caption;
+exports.Card = index$2.Card;
+exports.Cell = index$3.Cell;
+exports.Checkbox = index$4.Checkbox;
+exports.checkboxConfig = index$4.checkboxConfig;
+exports.Chips = index$5.Chips;
+exports.chipsConfig = index$5.chipsConfig;
+exports.Choice = index$6.Choice;
+exports.choiceConfig = index$6.choiceConfig;
+exports.Code = index$7.Code;
 exports.ContextMenu = ContextMenuItem.ContextMenu;
 exports.ContextMenuItem = ContextMenuItem.ContextMenuItem;
-exports.CookiesWarning = index$a.CookiesWarning;
-exports.DadataHintField = index$b.DadataHintField;
-exports.DatePickerInput = index$c.DatePickerInput;
-exports.Divider = index$d.Divider;
-exports.Dot = index$e.Dot;
-exports.Drawer = index$f.Drawer;
+exports.CookiesWarning = index$8.CookiesWarning;
+exports.DadataHintField = index$9.DadataHintField;
+exports.DatePickerInput = index$a.DatePickerInput;
+exports.Divider = Divider.Divider;
+exports.Dot = Dot.Dot;
+exports.Drawer = index$b.Drawer;
 exports.Dropdown = DropdownItem.Dropdown;
 exports.DropdownItem = DropdownItem.DropdownItem;
 exports.Flex = FlexItem.Flex;
@@ -168,74 +161,74 @@ exports.GridItem = GridRow.GridItem;
 exports.GridRow = GridRow.GridRow;
 exports.Group = Group.Group;
 exports.groupConfig = Group.groupConfig;
-exports.Icon = index$g.Icon;
-exports.iconConfig = index$g.iconConfig;
-exports.Image = index$h.Image;
-exports.Input = index$i.Input;
-exports.inputConfig = index$i.inputConfig;
-exports.inputPasswordConfig = index$j.inputPasswordConfig;
-exports.Label = index$k.Label;
-exports.labelConfig = index$k.labelConfig;
-exports.LanguageSelector = index$l.LanguageSelector;
-exports.Link = index$m.Link;
-exports.LinkWrapper = index$m.LinkWrapper;
-exports.linkConfig = index$m.linkConfig;
+exports.Icon = Icon.Icon;
+exports.iconConfig = Icon.iconConfig;
+exports.Image = index$c.Image;
+exports.Input = index$d.Input;
+exports.inputConfig = index$d.inputConfig;
+exports.inputPasswordConfig = index$e.inputPasswordConfig;
+exports.Label = index$f.Label;
+exports.labelConfig = index$f.labelConfig;
+exports.LanguageSelector = index$g.LanguageSelector;
+exports.Link = Link.Link;
+exports.LinkWrapper = Link.LinkWrapper;
+exports.linkConfig = Link.linkConfig;
 exports.List = ListItem.List;
 exports.ListItem = ListItem.ListItem;
-exports.Loader = index$n.Loader;
-exports.loaderConfig = index$n.loaderConfig;
-exports.Logo = index$o.Logo;
-exports.Menu = index$p.Menu;
-exports.MenuItem = index$q.MenuItem;
-exports.menuItemConfig = index$q.menuItemConfig;
+exports.Loader = index$h.Loader;
+exports.loaderConfig = index$h.loaderConfig;
+exports.Logo = index$i.Logo;
+exports.Menu = index$j.Menu;
+exports.MenuItem = index$k.MenuItem;
+exports.menuItemConfig = index$k.menuItemConfig;
 exports.Modal = ModalLoader.Modal;
 exports.ModalLoader = ModalLoader.ModalLoader;
 exports.NotificationItem = NotificationList.NotificationItem;
 exports.NotificationList = NotificationList.NotificationList;
 exports.notificationItemConfig = NotificationList.notificationItemConfig;
-exports.Page = index$r.Page;
-exports.Pagination = index$s.Pagination;
-exports.Radio = index$t.Radio;
-exports.radioConfig = index$t.radioConfig;
-exports.RangeSlider = index$u.RangeSlider;
-exports.Response = index$v.Response;
-exports.responseConfig = index$v.responseConfig;
-exports.Scrollbar = index$w.Scrollbar;
+exports.Page = index$l.Page;
+exports.Pagination = index$m.Pagination;
+exports.Radio = index$n.Radio;
+exports.radioConfig = index$n.radioConfig;
+exports.RangeSlider = index$o.RangeSlider;
+exports.Response = index$p.Response;
+exports.responseConfig = index$p.responseConfig;
+exports.Scrollbar = index$q.Scrollbar;
 exports.SearchInput = SearchResult.SearchInput;
 exports.SearchResult = SearchResult.SearchResult;
-exports.Segmented = index$x.Segmented;
-exports.segmentedConfig = index$x.segmentedConfig;
-exports.Select = index$y.Select;
-exports.SelectClearIndicator = index$y.SelectClearIndicator;
-exports.SelectControl = index$y.SelectControl;
-exports.SelectDropdownIndicator = index$y.SelectDropdownIndicator;
-exports.SelectGroupHeading = index$y.SelectGroupHeading;
-exports.SelectIndicatorsContainer = index$y.SelectIndicatorsContainer;
-exports.SelectInput = index$y.SelectInput;
-exports.SelectMenu = index$y.SelectMenu;
-exports.SelectMultiValueContainer = index$y.SelectMultiValueContainer;
-exports.SelectMultiValueLabel = index$y.SelectMultiValueLabel;
-exports.SelectMultiValueRemove = index$y.SelectMultiValueRemove;
-exports.SelectOption = index$y.SelectOption;
-exports.SelectPlaceholder = index$y.SelectPlaceholder;
-exports.SelectSingleValue = index$y.SelectSingleValue;
-exports.SelectValueContainer = index$y.SelectValueContainer;
-exports.selectConfig = index$y.selectConfig;
+exports.Segmented = index$r.Segmented;
+exports.segmentedConfig = index$r.segmentedConfig;
+exports.Select = index$s.Select;
+exports.SelectClearIndicator = index$s.SelectClearIndicator;
+exports.SelectControl = index$s.SelectControl;
+exports.SelectDropdownIndicator = index$s.SelectDropdownIndicator;
+exports.SelectGroupHeading = index$s.SelectGroupHeading;
+exports.SelectIndicatorsContainer = index$s.SelectIndicatorsContainer;
+exports.SelectInput = index$s.SelectInput;
+exports.SelectMenu = index$s.SelectMenu;
+exports.SelectMultiValueContainer = index$s.SelectMultiValueContainer;
+exports.SelectMultiValueLabel = index$s.SelectMultiValueLabel;
+exports.SelectMultiValueRemove = index$s.SelectMultiValueRemove;
+exports.SelectOption = index$s.SelectOption;
+exports.SelectPlaceholder = index$s.SelectPlaceholder;
+exports.SelectSingleValue = index$s.SelectSingleValue;
+exports.SelectValueContainer = index$s.SelectValueContainer;
+exports.selectConfig = index$s.selectConfig;
 exports.SiteMenu = SiteMenuButton.SiteMenu;
 exports.SiteMenuButton = SiteMenuButton.SiteMenuButton;
-exports.Swiper = index$z.Swiper;
-exports.Switch = index$A.Switch;
+exports.Swiper = index$t.Swiper;
+exports.Switch = index$u.Switch;
 exports.Tab = TabGroup.Tab;
 exports.TabGroup = TabGroup.TabGroup;
 exports.tabConfig = TabGroup.tabConfig;
 exports.Text = Text.Text;
 exports.textConfig = Text.textConfig;
-exports.Textarea = index$B.Textarea;
-exports.textareaConfig = index$B.textareaConfig;
-exports.Tile = index$C.Tile;
-exports.Title = index$D.Title;
-exports.titleConfig = index$D.titleConfig;
-exports.Tooltip = index$E.Tooltip;
-exports.tooltipConfig = index$E.tooltipConfig;
-exports.Video = index$F.Video;
-exports.Wrapper = index$G.Wrapper;
+exports.Textarea = index$v.Textarea;
+exports.textareaConfig = index$v.textareaConfig;
+exports.Tile = index$w.Tile;
+exports.Title = index$x.Title;
+exports.titleConfig = index$x.titleConfig;
+exports.Tooltip = index$y.Tooltip;
+exports.tooltipConfig = index$y.tooltipConfig;
+exports.Video = index$z.Video;
+exports.Wrapper = index$A.Wrapper;

package/dist/cjs/context/Notifications.js

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var React = require('react');

package/dist/cjs/context/UIContext.js

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var React = require('react');

package/dist/cjs/hooks/styleAttributes.interface.d.ts

@@ -13,8 +13,9 @@ export interface TypeStyleAttributes {
     borderRightWidth?: string;
     borderStartWidth?: string;
     borderTopWidth?: string;
-    borderWidth?: string;
     bottom?: string;
+    columnGap?: string;
+    columnWidth?: string;
     display?: string;
     end?: string;
     flex?: string;
@@ -23,9 +24,6 @@ export interface TypeStyleAttributes {
     flexShrink?: string;
     flexWrap?: string;
     gap?: string;
-    rowGap?: string;
-    columnGap?: string;
-    columnWidth?: string;
     height?: string;
     left?: string;
     margin?: string;
@@ -41,6 +39,7 @@ export interface TypeStyleAttributes {
     maxWidth?: string;
     minHeight?: string;
     minWidth?: string;
+    order?: string;
     overflow?: string;
     padding?: string;
     paddingBottom?: string;
@@ -53,11 +52,11 @@ export interface TypeStyleAttributes {
     paddingVertical?: string;
     position?: string;
     right?: string;
+    rowGap?: string;
     start?: string;
     top?: string;
     width?: string;
     zIndex?: string;
-    order?: string;
     /**
      * Shadow
      */
@@ -79,7 +78,6 @@ export interface TypeStyleAttributes {
     borderBottomLeftRadius?: string;
     borderBottomRightRadius?: string;
     borderBottomStartRadius?: string;
-    borderColor?: string;
     borderCurve?: string;
     borderEndColor?: string;
     borderLeftColor?: string;
@@ -92,8 +90,8 @@ export interface TypeStyleAttributes {
     borderTopLeftRadius?: string;
     borderTopRightRadius?: string;
     borderTopStartRadius?: string;
-    opacity?: string;
     cursor?: string;
+    opacity?: string;
     /**
      * Text
      */
@@ -119,25 +117,25 @@ export interface TypeStyleAttributes {
     /**
      * Image
      */
+    objectFit?: string;
     overlayColor?: string;
     resizeMode?: string;
     tintColor?: string;
-    objectFit?: string;
     /**
      * Grid
      */
-    gridTemplateColumns?: string;
     gridArea?: string;
     gridAutoColumns?: string;
     gridAutoFlow?: string;
     gridAutoRows?: string;
-    gridTemplate?: string;
-    gridTemplateAreas?: string;
-    gridTemplateRows?: string;
     gridColumn?: string;
     gridColumnGap?: string;
     gridRow?: string;
     gridRowGap?: string;
+    gridTemplate?: string;
+    gridTemplateAreas?: string;
+    gridTemplateColumns?: string;
+    gridTemplateRows?: string;
     /**
      * Filter
      */

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

@@ -0,0 +1 @@
+export type appearanceKeysDefaultType = 'dev' | 'accent' | 'primary' | 'secondary' | 'surfacePrimary' | 'surfaceSecondary' | 'surfaceTertiary' | 'surfaceQuaternary';

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

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

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

@@ -0,0 +1 @@
+export type fillHoverPropsType = 'accentPrimaryHover' | 'accentSecondary' | 'accentTertiary' | 'primaryPrimaryHover' | 'secondaryPrimaryHover' | 'surfaceTertiary' | 'surfaceItemTertiary' | 'surfacePrimaryHover' | 'surfaceSecondaryHover' | 'surfaceTertiaryHover';

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

@@ -0,0 +1 @@
+export type flexGrowPropsType = '0' | '1';

package/dist/cjs/{constants-ts → types}/componentProps/iconFillSize.d.ts

@@ -1 +1 @@
-export type iconFillSizePropsType = '14' | '16' | '24' | '32' | '40' | '60' | '64' | '144';
+export type iconFillSizePropsType = '14' | '16' | '24' | '32' | '36' | '40' | '60' | '64' | '144';

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

@@ -0,0 +1 @@
+export type iconSizePropsType = '14' | '16' | '20' | '24' | '32' | '40' | '60' | '64' | '144';

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

@@ -1,6 +1,6 @@
 import React from 'react';
-import { borderColorPropsType, directionPropsType, fillHoverPropsType, fillPropsType, heightPropsType, shapePropsType, sizePropsType, textColorPropsType, textWeightPropsType, widthPropsType } from '../../constants-ts';
 import { TypeStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { borderColorPropsType, directionPropsType, fillHoverPropsType, fillPropsType, heightPropsType, shapePropsType, sizePropsType, textColorPropsType, textWeightPropsType, widthPropsType } from '../../types';
 export interface IAccordionProps extends TypeStyleAttributes {
     children?: React.ReactNode;
     items?: {