@itcase/ui 1.1.14 → 1.1.16

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

@@ -1,24 +1,24 @@
 import { CSSProperties, ReactNode } from 'react';
-import { TypeStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { alignDirectionPropsType, alignmentPropsType, alignPropsType, borderColorPropsType, borderTypePropsType, borderWidthPropsType, elevationPropsType, fillPropsType, shapePropsType, sizePropsType, textColorPropsType, textSizePropsType, titleSizePropsType } from '../../types';
-import { appearanceKeysDefaultType } from '../../types/componentProps/appearanceKeys';
+import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { alignDirectionPropsType, alignmentPropsType, alignPropsType, tBorderColorProps, borderTypePropsType, tBorderWidthProps, elevationPropsType, tFillProps, tShapeProps, tSizeProps, tTextColorProps, tTextSizeProps, titleSizePropsType } from '../../types';
+import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
 export interface ITooltipThemeColor {
     align?: alignPropsType;
     alignDirection?: alignDirectionPropsType;
     alignment?: alignmentPropsType;
-    borderColor?: borderColorPropsType;
+    borderColor?: tBorderColorProps;
     borderType?: borderTypePropsType;
-    borderWidth?: borderWidthPropsType;
+    borderWidth?: tBorderWidthProps;
     elevation?: elevationPropsType;
-    fill?: fillPropsType;
-    shape?: shapePropsType;
-    size?: sizePropsType;
-    textColor?: textColorPropsType;
-    textSize?: textSizePropsType;
+    fill?: tFillProps;
+    shape?: tShapeProps;
+    size?: tSizeProps;
+    textColor?: tTextColorProps;
+    textSize?: tTextSizeProps;
     titleSize?: titleSizePropsType;
-    titleTextColor?: textColorPropsType;
+    titleTextColor?: tTextColorProps;
 }
-type appearanceKeysType = appearanceKeysDefaultType & {};
+type appearanceKeysType = tAppearanceKeysDefault & {};
 export type tooltipAppearanceType = {
     [key in appearanceKeysType]?: ITooltipThemeColor;
 };
@@ -26,7 +26,7 @@ export interface ITooltipConfig {
     appearance: tooltipAppearanceType | undefined;
     setAppearance: (newComponent: tooltipAppearanceType) => void;
 }
-export interface ITooltipProps extends ITooltipThemeColor, TypeStyleAttributes {
+export interface ITooltipProps extends ITooltipThemeColor, iStyleAttributes {
     after?: ReactNode;
     appearance?: appearanceKeysType;
     arrowPosition?: string;

package/dist/cjs/components/Tooltip.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Tooltip = require('../Tooltip-CnnungCh.js');
+var Tooltip = require('../Tooltip-DRsL77n1.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-C8vlKWNN.js');
-require('../Title-C3lN-EvU.js');
+require('../Title-DZn77tSl.js');
 
 
 

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

@@ -1,6 +1,6 @@
 import { CSSProperties, ReactNode } from 'react';
-import { TypeStyleAttributes } from '../../hooks/styleAttributes.interface';
-export interface IVideoProps extends TypeStyleAttributes {
+import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
+export interface IVideoProps extends iStyleAttributes {
     children?: ReactNode;
     className?: string;
     codecs: string;

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

@@ -1,14 +1,14 @@
 import { CSSProperties, ElementType, ReactNode } from 'react';
-import { TypeStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { alignDirectionPropsType, alignPropsType, fillPropsType, horizontalResizeModePropsType, positionPropsType, verticalResizeModePropsType } from '../../types';
-export interface IWrapperProps extends TypeStyleAttributes {
+import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { alignDirectionPropsType, alignPropsType, tFillProps, horizontalResizeModePropsType, positionPropsType, verticalResizeModePropsType } from '../../types';
+export interface IWrapperProps extends iStyleAttributes {
     after?: ReactNode;
     align?: alignPropsType;
     alignDirection?: alignDirectionPropsType;
     before?: ReactNode;
     children?: ReactNode;
     className?: string;
-    fill?: fillPropsType;
+    fill?: tFillProps;
     horizontalResizing?: horizontalResizeModePropsType;
     id?: string;
     position?: positionPropsType;

package/dist/cjs/components.js

@@ -1,61 +1,61 @@
 'use strict';
 
-var Accordion = require('./Accordion-BPSF6By2.js');
-var Avatar = require('./Avatar-qFiPDVgu.js');
-var Badge = require('./Badge-zYZKun4n.js');
-var Breadcrumbs = require('./Breadcrumbs-BIhuwcTG.js');
-var Button = require('./Button-C4_FRFZe.js');
+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 Caption = require('./Caption-f-OM1D-G.js');
 var Card = require('./Card--te6xVsm.js');
-var Cell = require('./Cell-zxHVzKan.js');
-var Checkbox = require('./Checkbox-B-1dwjii.js');
-var Chips = require('./Chips-BcJttN22.js');
-var Choice = require('./Choice-CPPQ2o2L.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-BME-EZ-y.js');
-var CookiesWarning = require('./CookiesWarning-CfEwpkS8.js');
-var DadataHintField = require('./DadataHintField-DQHPRLs0.js');
-var DatePicker = require('./DatePicker-BiCqQFyi.js');
+var ContextMenuItem = require('./ContextMenuItem-D6dUiYw7.js');
+var CookiesWarning = require('./CookiesWarning-BfkNifW2.js');
+var DadataHintField = require('./DadataHintField-z7Mw-xDn.js');
+var DatePicker = require('./DatePicker-e4-8mC1N.js');
 var Divider = require('./Divider-D92wY8Fn.js');
 var Dot = require('./Dot-CKWexdtn.js');
 var Drawer = require('./Drawer-BGZBaR2Q.js');
-var DropdownItem = require('./DropdownItem-bjpmcFH1.js');
+var DropdownItem = require('./DropdownItem-BhpFr7Z0.js');
 var FlexItem = require('./FlexItem-2KlvlTJY.js');
-var SwitchField = require('./SwitchField-CdpEiqFv.js');
+var SwitchField = require('./SwitchField-B0N-28Ne.js');
 var GridRow = require('./GridRow-OxLsh_2P.js');
 var Group = require('./Group-C9BxTKs-.js');
-var Icon = require('./Icon-DzJtiBBk.js');
+var Icon = require('./Icon-2rv_L0yY.js');
 var Image = require('./Image-CCx6QWZj.js');
-var Input = require('./Input-BqKlyvEt.js');
-var InputPassword = require('./InputPassword-DHgR_QTK.js');
-var Label = require('./Label-BcwjtIk7.js');
-var LanguageSelector = require('./LanguageSelector-C3i2JJCM.js');
-var Link = require('./Link-3qPujNn9.js');
-var ListItem = require('./ListItem-CvMoKXM-.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 Link = require('./Link-B6Xq7PWn.js');
+var ListItem = require('./ListItem-C3tWa-2I.js');
 var Loader = require('./Loader-2vQxF_aO.js');
-var Logo = require('./Logo-YADZn1N4.js');
-var Menu = require('./Menu-CDlB7QNf.js');
-var MenuItem = require('./MenuItem-4uVtNhb4.js');
-var ModalLoader = require('./ModalLoader-A2KkSC3x.js');
-var NotificationList = require('./NotificationList-BTvz_kvZ.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 index = require('./components/Page.js');
-var Pagination = require('./Pagination-B0-KGWSv.js');
+var Pagination = require('./Pagination-D6thfJMP.js');
 var Radio = require('./Radio-Cvbuwkx3.js');
 var RangeSlider = require('./RangeSlider-Dy53bTyY.js');
-var Response = require('./Response-XesiDp89.js');
+var Response = require('./Response-CwdUpO-8.js');
 var Scrollbar = require('./Scrollbar-DOujlQOb.js');
-var SearchResult = require('./SearchResult-D147g0-n.js');
+var SearchResult = require('./SearchResult-BnIZD8lL.js');
 var Segmented = require('./Segmented-BHblcvck.js');
 var index$1 = require('./components/Select.js');
-var SiteMenuButton = require('./SiteMenuButton-ChUD4CgP.js');
-var Swiper = require('./Swiper-DHjkfpbP.js');
+var SiteMenuButton = require('./SiteMenuButton-B2wBLVOJ.js');
+var Swiper = require('./Swiper-DrXdHybn.js');
 var Switch = require('./Switch-K1p9h3aF.js');
-var TabGroup = require('./TabGroup-Vn5oELiY.js');
+var TabGroup = require('./TabGroup-BCw7IKuz.js');
 var Text = require('./Text-C8vlKWNN.js');
 var Textarea = require('./Textarea-WIGhhrgu.js');
-var Tile = require('./Tile-j8EfyWDg.js');
-var Title = require('./Title-C3lN-EvU.js');
-var Tooltip = require('./Tooltip-CnnungCh.js');
+var Tile = require('./Tile-2VY0LzsE.js');
+var Title = require('./Title-DZn77tSl.js');
+var Tooltip = require('./Tooltip-DRsL77n1.js');
 var Video = require('./Video-B_xqvgag.js');
 var Wrapper = require('./Wrapper-DravIzND.js');
 require('./_tslib-CKiUdo7p.js');
@@ -76,7 +76,7 @@ require('./hooks/styleAttributes.js');
 require('js-cookie');
 require('crypto');
 require('react-dom');
-require('./floating-ui.dom-CW7i9VDu.js');
+require('./floating-ui.dom-D1St6qnn.js');
 require('react-inlinesvg');
 require('./Overlay-18bnPZPd.js');
 require('./context/Notifications.js');

package/dist/cjs/constants/componentProps/textColor.js

@@ -2,6 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const textColorProps = [null, false, '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'];
+const textColorProps = [null, false, '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'];
 
 exports.default = textColorProps;

package/dist/cjs/constants/componentProps/textColorActive.js

@@ -2,6 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const textColorActiveProps = [null, false, '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'];
+const textColorActiveProps = [null, false, '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'];
 
 exports.default = textColorActiveProps;

package/dist/cjs/constants/componentProps/textColorHover.js

@@ -2,6 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const textColorHoverProps = [null, false, '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'];
+const textColorHoverProps = [null, false, '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'];
 
 exports.default = textColorHoverProps;

package/dist/cjs/context/Notifications.js

@@ -11,15 +11,15 @@ var React__default = /*#__PURE__*/_interopDefault(React);
 var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
 
 const STATUSES = {
-  success: 'success',
-  info: 'info',
   error: 'error',
+  info: 'info',
+  success: 'success',
   warning: 'warning'
 };
 const NotificationsContext = /*#__PURE__*/React.createContext([]);
 const NotificationsAPIContext = /*#__PURE__*/React.createContext({
-  showNotification: () => {},
   hideNotifications: () => {},
+  showNotification: () => {},
   notificationStatuses: STATUSES
 });
 function NotificationsProvider(props) {

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

@@ -45,6 +45,15 @@ function isOverflowElement(element) {
 function isTableElement(element) {
   return ['table', 'td', 'th'].includes(getNodeName(element));
 }
+function isTopLayer(element) {
+  return [':popover-open', ':modal'].some(selector => {
+    try {
+      return element.matches(selector);
+    } catch (e) {
+      return false;
+    }
+  });
+}
 function isContainingBlock(element) {
   const webkit = isWebKit();
   const css = getComputedStyle(element);
@@ -55,6 +64,9 @@ 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;
     }
@@ -80,8 +92,8 @@ function getNodeScroll(element) {
     };
   }
   return {
-    scrollLeft: element.pageXOffset,
-    scrollTop: element.pageYOffset
+    scrollLeft: element.scrollX,
+    scrollTop: element.scrollY
   };
 }
 function getParentNode(node) {
@@ -595,10 +607,12 @@ const flip$1 = function (options) {
         return {};
       }
       const side = getSide(placement);
+      const initialSideAxis = getSideAxis(initialPlacement);
       const isBasePlacement = getSide(initialPlacement) === initialPlacement;
       const rtl = await (platform.isRTL == null ? void 0 : platform.isRTL(elements.floating));
       const fallbackPlacements = specifiedFallbackPlacements || (isBasePlacement || !flipAlignment ? [getOppositePlacement(initialPlacement)] : getExpandedPlacements(initialPlacement));
-      if (!specifiedFallbackPlacements && fallbackAxisSideDirection !== 'none') {
+      const hasFallbackAxisSideDirection = fallbackAxisSideDirection !== 'none';
+      if (!specifiedFallbackPlacements && hasFallbackAxisSideDirection) {
         fallbackPlacements.push(...getOppositeAxisPlacements(initialPlacement, flipAlignment, fallbackAxisSideDirection, rtl));
       }
       const placements = [initialPlacement, ...fallbackPlacements];
@@ -644,8 +658,17 @@ const flip$1 = function (options) {
           switch (fallbackStrategy) {
             case 'bestFit':
               {
-                var _overflowsData$map$so;
-                const placement = (_overflowsData$map$so = overflowsData.map(d => [d.placement, d.overflows.filter(overflow => overflow > 0).reduce((acc, overflow) => acc + overflow, 0)]).sort((a, b) => a[1] - b[1])[0]) == null ? void 0 : _overflowsData$map$so[0];
+                var _overflowsData$filter2;
+                const placement = (_overflowsData$filter2 = overflowsData.filter(d => {
+                  if (hasFallbackAxisSideDirection) {
+                    const currentSideAxis = getSideAxis(d.placement);
+                    return currentSideAxis === initialSideAxis ||
+                    // Create a bias to the `y` side axis due to horizontal
+                    // reading directions favoring greater width.
+                    currentSideAxis === 'y';
+                  }
+                  return true;
+                }).map(d => [d.placement, d.overflows.filter(overflow => overflow > 0).reduce((acc, overflow) => acc + overflow, 0)]).sort((a, b) => a[1] - b[1])[0]) == null ? void 0 : _overflowsData$filter2[0];
                 if (placement) {
                   resetPlacement = placement;
                 }
@@ -881,17 +904,6 @@ function getBoundingClientRect(element, includeScale, isFixedStrategy, offsetPar
   });
 }
 
-const topLayerSelectors = [':popover-open', ':modal'];
-function isTopLayer(element) {
-  return topLayerSelectors.some(selector => {
-    try {
-      return element.matches(selector);
-    } catch (e) {
-      return false;
-    }
-  });
-}
-
 function convertOffsetParentRelativeRectToViewportRelativeRect(_ref) {
   let {
     elements,
@@ -1415,6 +1427,6 @@ exports.arrow = arrow;
 exports.autoUpdate = autoUpdate;
 exports.computePosition = computePosition;
 exports.flip = flip;
+exports.getComputedStyle = getComputedStyle;
 exports.isElement = isElement;
 exports.offset = offset;
-exports.platform = platform;

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

@@ -1,6 +1,6 @@
 import type * as CSS from 'csstype';
 import { overflowPropsType, textAlignPropsType } from '../types';
-export interface TypeStyleAttributes {
+export interface iStyleAttributes {
     /**
      * Layout
      */
@@ -152,10 +152,10 @@ type LabelInterface<T> = {
 type ImageInterface<T> = {
     [P in keyof T as `${string & P}Image`]: T[P];
 };
-export interface TypeStyleWrapperAttributes extends WrappedInterface<TypeStyleAttributes> {
+export interface TypeStyleWrapperAttributes extends WrappedInterface<iStyleAttributes> {
 }
-export interface TypeStyleLabelAttributes extends LabelInterface<TypeStyleAttributes> {
+export interface TypeStyleLabelAttributes extends LabelInterface<iStyleAttributes> {
 }
-export interface TypeStyleImageAttributes extends ImageInterface<TypeStyleAttributes> {
+export interface TypeStyleImageAttributes extends ImageInterface<iStyleAttributes> {
 }
 export {};

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

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

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

@@ -1 +1 @@
-export type borderColorPropsType = 'accentBorderPrimary' | 'accentBorderSecondary' | 'accentBorderTertiary' | 'accentBorderQuaternary' | 'accentBorderDisabled' | 'primaryBorderPrimary' | 'primaryBorderSecondary' | 'primaryBorderTertiary' | 'primaryBorderQuaternary' | 'primaryBorderDisabled' | 'secondaryBorderPrimary' | 'secondaryBorderSecondary' | 'secondaryBorderTertiary' | 'secondaryBorderQuaternary' | 'secondaryBorderDisabled' | 'tertiaryBorderPrimary' | 'tertiaryBorderSecondary' | 'tertiaryBorderTertiary' | 'tertiaryBorderQuaternary' | 'tertiaryBorderDisabled' | 'surfaceBorderPrimary' | 'surfaceBorderSecondary' | 'surfaceBorderTertiary' | 'surfaceBorderQuaternary' | 'surfaceBorderDisabled' | 'surfaceBorderInvert' | 'errorBorderPrimary' | 'errorBorderSecondary' | 'errorBorderDisabled' | 'successBorderPrimary' | 'successBorderSecondary' | 'successBorderDisabled';
+export type tBorderColorProps = 'accentBorderPrimary' | 'accentBorderSecondary' | 'accentBorderTertiary' | 'accentBorderQuaternary' | 'accentBorderDisabled' | 'primaryBorderPrimary' | 'primaryBorderSecondary' | 'primaryBorderTertiary' | 'primaryBorderQuaternary' | 'primaryBorderDisabled' | 'secondaryBorderPrimary' | 'secondaryBorderSecondary' | 'secondaryBorderTertiary' | 'secondaryBorderQuaternary' | 'secondaryBorderDisabled' | 'tertiaryBorderPrimary' | 'tertiaryBorderSecondary' | 'tertiaryBorderTertiary' | 'tertiaryBorderQuaternary' | 'tertiaryBorderDisabled' | 'surfaceBorderPrimary' | 'surfaceBorderSecondary' | 'surfaceBorderTertiary' | 'surfaceBorderQuaternary' | 'surfaceBorderDisabled' | 'surfaceBorderInvert' | 'errorBorderPrimary' | 'errorBorderSecondary' | 'errorBorderDisabled' | 'successBorderPrimary' | 'successBorderSecondary' | 'successBorderDisabled';

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

@@ -1 +1 @@
-export type borderWidthPropsType = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '10';
+export type tBorderWidthProps = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '10';

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

@@ -1 +1 @@
-export type directionPropsType = 'row' | 'row-reverse' | 'column' | 'column-reverse' | 'vertical' | 'horizontal';
+export type tDirectionProps = 'row' | 'row-reverse' | 'column' | 'column-reverse' | 'vertical' | 'horizontal';

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

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

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

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

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

@@ -1 +1 @@
-export type heightPropsType = 'fixed' | 'hug' | 'fill' | string;
+export type tHeightProps = 'fixed' | 'hug' | 'fill' | string;

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

@@ -1 +1 @@
-export type itemColorPropsType = 'accentItemPrimary' | 'accentItemSecondary' | 'accentItemTertiary' | 'accentItemDisabled' | 'primaryItemPrimary' | 'primaryItemSecondary' | 'primaryItemTertiary' | 'primaryItemDisabled' | 'secondaryItemPrimary' | 'secondaryItemSecondary' | 'secondaryItemTertiary' | 'secondaryItemDisabled' | 'tertiaryItemPrimary' | 'tertiaryItemSecondary' | 'tertiaryItemTertiary' | 'surfaceItemPrimary' | 'surfaceItemSecondary' | 'surfaceItemTertiary' | 'surfaceItemQuaternary' | 'surfaceItemQuinary' | 'surfaceItemDisabled' | 'surfaceItemInvert' | 'surfaceItemAccent' | 'errorItemPrimary' | 'errorItemSecondary' | 'successItemPrimary' | 'successItemSecondary';
+export type tItemColorProps = 'accentItemPrimary' | 'accentItemSecondary' | 'accentItemTertiary' | 'accentItemDisabled' | 'primaryItemPrimary' | 'primaryItemSecondary' | 'primaryItemTertiary' | 'primaryItemDisabled' | 'secondaryItemPrimary' | 'secondaryItemSecondary' | 'secondaryItemTertiary' | 'secondaryItemDisabled' | 'tertiaryItemPrimary' | 'tertiaryItemSecondary' | 'tertiaryItemTertiary' | 'surfaceItemPrimary' | 'surfaceItemSecondary' | 'surfaceItemTertiary' | 'surfaceItemQuaternary' | 'surfaceItemQuinary' | 'surfaceItemDisabled' | 'surfaceItemInvert' | 'surfaceItemAccent' | 'errorItemPrimary' | 'errorItemSecondary' | 'successItemPrimary' | 'successItemSecondary';

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

@@ -1 +1 @@
-export type shapePropsType = 'geometric' | 'rounded' | 'circular';
+export type tShapeProps = 'geometric' | 'rounded' | 'circular';

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

@@ -1 +1 @@
-export type sizePropsType = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl';
+export type tSizeProps = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl';

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

@@ -1 +1 @@
-export type stateKeysDefaultType = 'normal' | 'filled' | 'active' | 'activeFilled' | 'error' | 'errorFilled' | 'readonly' | 'disabled' | 'success' | 'require';
+export type tStateKeysDefault = 'normal' | 'filled' | 'active' | 'activeFilled' | 'error' | 'errorFilled' | 'readonly' | 'disabled' | 'success' | 'require';

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

@@ -0,0 +1 @@
+export type svgFillPropsType = 'accentItemPrimary' | 'accentItemSecondary' | 'accentItemTertiary' | 'accentItemDisabled' | 'primaryItemPrimary' | 'primaryItemSecondary' | 'primaryItemTertiary' | 'primaryItemDisabled' | 'secondaryItemPrimary' | 'secondaryItemSecondary' | 'secondaryItemTertiary' | 'secondaryItemDisabled' | 'tertiaryItemPrimary' | 'tertiaryItemSecondary' | 'tertiaryItemTertiary' | 'surfaceItemPrimary' | 'surfaceItemSecondary' | 'surfaceItemTertiary' | 'surfaceItemQuaternary' | 'surfaceItemQuinary' | 'surfaceItemDisabled' | 'surfaceItemInvert' | 'surfaceItemAccent' | 'errorItemPrimary' | 'errorItemSecondary' | 'successItemPrimary' | 'successItemSecondary';

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

@@ -1 +1 @@
-export type textColorPropsType = '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';
+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';

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

@@ -1 +1 @@
-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';
+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';

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

@@ -1 +1 @@
-export type textColorHoverPropsType = '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';
+export type textColorHoverPropsType = '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/textSize.d.ts

@@ -1 +1 @@
-export type textSizePropsType = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl';
+export type tTextSizeProps = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl';

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

@@ -1 +1 @@
-export type textWeightPropsType = 'normal' | 'bold' | 'light' | 'lighter' | 'bolder' | '100' | 100 | '200' | 200 | '300' | 300 | '400' | 400 | '500' | 500 | '600' | 600 | '700' | 700 | '800' | 800 | '900' | 900 | '950' | 950;
+export type tTextWeightProps = 'normal' | 'bold' | 'light' | 'lighter' | 'bolder' | '100' | 100 | '200' | 200 | '300' | 300 | '400' | 400 | '500' | 500 | '600' | 600 | '700' | 700 | '800' | 800 | '900' | 900 | '950' | 950;

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

@@ -1 +1 @@
-export type widthPropsType = 'fixed' | 'hug' | 'fill' | string;
+export type tWidthProps = 'fixed' | 'hug' | 'fill' | string;

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

@@ -2,16 +2,17 @@ export type { alignDirectionPropsType } from './componentProps/alignDirection';
 export type { alignPropsType } from './componentProps/align';
 export type { alignmentPropsType } from './componentProps/alignment';
 export type { borderColorHoverPropsType } from './componentProps/borderColorHover';
-export type { borderColorPropsType } from './componentProps/borderColor';
+export type { tBorderColorProps } from './componentProps/borderColor';
 export type { borderTypePropsType } from './componentProps/borderType';
-export type { borderWidthPropsType } from './componentProps/borderWidth';
+export type { tBorderWidthProps } from './componentProps/borderWidth';
 export type { captionPositionPropsType } from './componentProps/captionPosition';
-export type { directionPropsType } from './componentProps/direction';
+export type { tDirectionProps } from './componentProps/direction';
 export type { elevationPropsType } from './componentProps/elevation';
 export type { emojiSizePropsType } from './componentProps/emojiSize';
 export type { fillGradientPropsType } from './componentProps/fillGradient';
-export type { fillHoverPropsType } from './componentProps/fillHover';
-export type { fillPropsType } from './componentProps/fill';
+export type { tFillHoverProps } from './componentProps/fillHover';
+export type { svgFillPropsType } from './componentProps/svgFill';
+export type { tFillProps } from './componentProps/fill';
 export type { fillTypePropsType } from './componentProps/fillType';
 export type { flexAlignPropsType } from './componentProps/flexAlign';
 export type { flexGrowPropsType } from './componentProps/flexGrow';
@@ -21,36 +22,36 @@ export type { gridAlignPropsType } from './componentProps/gridAlign';
 export type { gridAlignSelfPropsType } from './componentProps/gridAlignSelf';
 export type { gridJustifyItemsPropsType } from './componentProps/gridJustifyItems';
 export type { gridJustifySelfPropsType } from './componentProps/gridJustifySelf';
-export type { heightPropsType } from './componentProps/height';
+export type { tHeightProps } from './componentProps/height';
 export type { horizontalContentAlignPropsType } from './componentProps/horizontalContentAlign';
 export type { horizontalResizeModePropsType } from './componentProps/horizontalResizeMode';
 export type { iconFillSizePropsType } from './componentProps/iconFillSize';
 export type { iconSizePropsType } from './componentProps/iconSize';
-export type { itemColorPropsType } from './componentProps/itemColor';
+export type { tItemColorProps } from './componentProps/itemColor';
 export type { justifyContentPropsType } from './componentProps/justifyContent';
 export type { overflowPropsType } from './componentProps/overflow.ts';
 export type { positionPropsType } from './componentProps/position';
 export type { resizeModePropsType } from './componentProps/resizeMode';
-export type { shapePropsType } from './componentProps/shape';
+export type { tShapeProps } from './componentProps/shape';
 export type { sizeOptionPropsType } from './componentProps/sizeInterface';
 export type { sizePXPropsType } from './componentProps/sizePX';
-export type { sizePropsType } from './componentProps/size';
+export type { tSizeProps } from './componentProps/size';
 export type { stackingPropsType } from './componentProps/stacking';
 export type { statePropsType } from './componentProps/state';
 export type { textAlignPropsType } from './componentProps/textAlign';
 export type { textColorActivePropsType } from './componentProps/textColorActive';
 export type { textColorHoverPropsType } from './componentProps/textColorHover';
-export type { textColorPropsType } from './componentProps/textColor';
+export type { tTextColorProps } from './componentProps/textColor';
 export type { textGradientPropsType } from './componentProps/textGradient';
-export type { textSizePropsType } from './componentProps/textSize';
+export type { tTextSizeProps } from './componentProps/textSize';
 export type { textStylePropsType } from './componentProps/textStyle';
 export type { textTagPropsType } from './componentProps/textTag';
-export type { textWeightPropsType } from './componentProps/textWeight';
+export type { tTextWeightProps } from './componentProps/textWeight';
 export type { textWrapPropsType } from './componentProps/textWrap';
 export type { titleSizePropsType } from './componentProps/titleSize';
 export type { typePropsType } from './componentProps/type';
 export type { underlinePropsType } from './componentProps/underline';
 export type { verticalContentAlignPropsType } from './componentProps/verticalContentAlign';
 export type { verticalResizeModePropsType } from './componentProps/verticalResizeMode';
-export type { widthPropsType } from './componentProps/width';
+export type { tWidthProps } from './componentProps/width';
 export type { wrapPropsType } from './componentProps/wrap';

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

@@ -1,5 +1,5 @@
-import { IAccordionProps } from './Accordion.interface';
-declare function Accordion(props: IAccordionProps): import("react/jsx-runtime").JSX.Element;
+import type { iAccordionProps } from './Accordion.interface';
+declare function Accordion(props: iAccordionProps): import("react/jsx-runtime").JSX.Element;
 declare namespace Accordion {
     var defaultProps: {
         initial: never[];