@itcase/ui 1.1.25 → 1.2.1

package/dist/components/Wrapper.js

@@ -1,15 +1,55 @@
-export { W as Wrapper } from '../Wrapper-CJTkVfsd.js';
-import '../jsx-runtime-C2uP7l8s.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import clsx from 'clsx';
+import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
+import { useStyles } from '../hooks/useStyles.js';
 import 'react';
-import 'clsx';
-import '../hooks/useDeviceTargetClass.js';
 import 'lodash/castArray';
 import 'lodash/camelCase';
 import '../context/UIContext.js';
 import 'prop-types';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
-import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
+
+function Wrapper(props) {
+    var after = props.after, before = props.before, children = props.children, className = props.className, id = props.id, _a = props.tag, Tag = _a === void 0 ? 'div' : _a, type = props.type;
+    var alignDirectionClass = useDeviceTargetClass(props, {
+        prefix: 'align_',
+        propsKey: 'alignDirection',
+    });
+    var alignClass = useDeviceTargetClass(props, {
+        prefix: 'align_',
+        propsKey: 'align',
+    });
+    var resizeHorizontalClass = useDeviceTargetClass(props, {
+        prefix: 'wrapper_resize-horizontal_',
+        propsKey: 'horizontalResizing',
+    });
+    var resizeVerticalClass = useDeviceTargetClass(props, {
+        prefix: 'wrapper_resize-vertical_',
+        propsKey: 'verticalResizing',
+    });
+    var fillClass = useDeviceTargetClass(props, {
+        prefix: 'fill_',
+        propsKey: 'fill',
+    });
+    var positionClass = useDeviceTargetClass(props, {
+        prefix: 'position_',
+        propsKey: 'position',
+    });
+    var wrapperPositionClass = useDeviceTargetClass(props, {
+        prefix: 'position_',
+        propsKey: 'wrapperPosition',
+    });
+    // @ts-expect-error
+    var _b = useStyles(props), wrapperStyles = _b.styles, innerStyles = _b.inner;
+    return (jsx(Tag, { id: id, className: clsx(className, type && "".concat(className, "_type_").concat(type), fillClass, resizeHorizontalClass, resizeVerticalClass, positionClass), style: wrapperStyles, children: jsxs("div", { className: clsx("".concat(className, "__inner"), alignDirectionClass, alignClass, wrapperPositionClass), style: innerStyles, children: [before, children, after] }) }));
+}
+Wrapper.defaultProps = {
+    className: 'wrapper',
+    tag: 'div',
+};
+
+export { Wrapper };

package/dist/components.js

@@ -1,95 +1 @@
-export { A as Accordion, a as AccordionItem } from './Accordion-FIIzpSgl.js';
-export { A as Avatar } from './Avatar-DR2A8Na8.js';
-export { B as Badge, b as badgeConfig } from './Badge-CLV5v6N7.js';
-export { B as Breadcrumbs, a as BreadcrumbsItem } from './Breadcrumbs-CDKi6gOC.js';
-export { B as Button, b as buttonConfig } from './Button-CSzPxWyC.js';
-export { C as Caption } from './Caption-DDh0VFPJ.js';
-export { C as Card } from './Card-CvW4Qozl.js';
-export { C as Cell } from './Cell-3We_qMvM.js';
-export { C as Checkbox, c as checkboxConfig } from './Checkbox-0h4YosTW.js';
-export { C as Chips, c as chipsConfig } from './Chips-Bd3ZFosY.js';
-export { C as Choice, c as choiceConfig } from './Choice-CeQ9Il98.js';
-export { C as Code } from './Code-1WUXVzfb.js';
-export { C as ContextMenu, a as ContextMenuItem } from './ContextMenuItem-KPAQQHlQ.js';
-export { C as CookiesWarning } from './CookiesWarning-B30eAOND.js';
-export { D as DadataHintField } from './DadataHintField-CHJLsVjJ.js';
-export { D as DatePickerInput } from './DatePicker-Bf7t1yiM.js';
-export { D as Divider } from './Divider-Dhj6sMWd.js';
-export { D as Dot } from './Dot-Bc0Ly45H.js';
-export { D as Drawer } from './Drawer-DkLkFSmD.js';
-export { D as Dropdown, a as DropdownItem } from './DropdownItem-CkojAA8a.js';
-export { F as Flex, a as FlexItem } from './FlexItem-DHmKl6e7.js';
-export { C as ChoiceField, F as FormField, P as PasswordField, S as SelectField, a as SwitchField } from './SwitchField-DCwEVCVg.js';
-export { G as Grid, a as GridItem, b as GridRow } from './GridRow-DRjyNWBh.js';
-export { G as Group, g as groupConfig } from './Group-DLmtajo8.js';
-export { H as HTMLContent } from './HTMLContent-CgbJTAy4.js';
-export { I as Icon, i as iconConfig } from './Icon-BLqnXYOO.js';
-export { I as Image } from './Image-Bz4Fo3eB.js';
-export { I as Input, i as inputConfig } from './Input-CYDtAlO-.js';
-export { i as inputPasswordConfig } from './InputPassword-DYBnRCtc.js';
-export { L as Label, l as labelConfig } from './Label-c3hONOHC.js';
-export { L as LanguageSelector } from './LanguageSelector-D0A-uqch.js';
-export { L as Link, a as LinkWrapper, l as linkConfig } from './Link-DtzAAQn8.js';
-export { L as List, a as ListItem } from './ListItem-BoCF7VH9.js';
-export { L as Loader, l as loaderConfig } from './Loader-VCP1ZNcb.js';
-export { L as Logo, l as logoConfig } from './Logo-DCx_YOA2.js';
-export { M as Menu } from './Menu-C-TIWZeb.js';
-export { M as MenuItem, m as menuItemConfig } from './MenuItem-BbU9r8_D.js';
-export { M as Modal, a as ModalLoader } from './ModalLoader-4OS81u94.js';
-export { N as NotificationItem, a as NotificationList, n as notificationItemConfig } from './NotificationList-CmXca2zs.js';
-export { Page } from './components/Page.js';
-export { P as Pagination } from './Pagination-BAbFsztK.js';
-export { R as Radio, r as radioConfig } from './Radio-BHqgR8WO.js';
-export { R as RangeSlider } from './RangeSlider-BPFVikab.js';
-export { S as ScrollToView } from './ScrollToView-W6XhacKJ.js';
-export { R as Response, r as responseConfig } from './Response-BMRzGa5t.js';
-export { S as Scrollbar } from './Scrollbar-DrRNpn12.js';
-export { S as SearchInput, a as SearchResult } from './SearchResult-6Vg0m_NA.js';
-export { S as Segmented, s as segmentedConfig } from './Segmented-BM1p7Ubz.js';
-export { Select, SelectClearIndicator, SelectControl, SelectDropdownIndicator, SelectGroupHeading, SelectIndicatorsContainer, SelectInput, SelectMenu, SelectMultiValueContainer, SelectMultiValueLabel, SelectMultiValueRemove, SelectOption, SelectPlaceholder, SelectSingleValue, SelectValueContainer, selectConfig } from './components/Select.js';
-export { S as SiteMenu, a as SiteMenuButton } from './SiteMenuButton-DsYMvX6W.js';
-export { S as Swiper } from './Swiper-CXjE6qZR.js';
-export { S as Switch } from './Switch-0BHqovLA.js';
-export { T as Tab, a as TabGroup, t as tabConfig } from './TabGroup-BLB4Ymcx.js';
-export { T as Text, t as textConfig } from './Text-Dz-KPI5I.js';
-export { T as Textarea, t as textareaConfig } from './Textarea-D3XSuMEm.js';
-export { T as Tile } from './Tile-CNnauNx6.js';
-export { T as Title, t as titleConfig } from './Title-zpOK2AxL.js';
-export { T as Tooltip, t as tooltipConfig } from './Tooltip-IVq3_vb4.js';
-export { V as Video } from './Video-0z4mNz4P.js';
-export { W as Wrapper } from './Wrapper-CJTkVfsd.js';
-import './_tslib-S-VPg1Cw.js';
-import './jsx-runtime-C2uP7l8s.js';
-import 'react';
-import 'clsx';
-import 'lodash/castArray';
-import './hooks/useDeviceTargetClass.js';
-import 'lodash/camelCase';
-import './context/UIContext.js';
-import 'prop-types';
-import './hooks/useMediaQueries.js';
-import 'react-responsive';
-import './hooks/useStyles.js';
-import 'lodash/maxBy';
-import 'lodash/upperFirst';
-import './hooks/styleAttributes.js';
-import 'js-cookie';
-import 'crypto';
-import 'react-dom';
-import './floating-ui.dom-BV5qw-HP.js';
-import 'react-inlinesvg';
-import './Overlay-DNPslUfY.js';
-import './context/Notifications.js';
-import 'uuid';
-import './constants/componentProps/alignDirection.js';
-import './constants/componentProps/align.js';
-import './constants/componentProps/fill.js';
-import './constants/componentProps/horizontalResizeMode.js';
-import './constants/componentProps/position.js';
-import './constants/componentProps/verticalResizeMode.js';
-import 'lodash/ceil';
-import 'react-paginate';
-import 'rc-slider';
-import 'lodash.throttle';
-import 'react-scrollbars-custom';
-import 'react-select';
+'use strict';

package/dist/context/Notifications.js

@@ -1,5 +1,5 @@
 'use client';
-import React__default, { useState, useCallback, useMemo, useEffect, useContext, createContext } from 'react';
+import React, { useState, useCallback, useMemo, useEffect, useContext, createContext } from 'react';
 import PropTypes from 'prop-types';
 import { v4 } from 'uuid';
 
@@ -82,9 +82,9 @@ function NotificationsProvider(props) {
     });
     // eslint-disable-next-line
   }, []);
-  return /*#__PURE__*/React__default.createElement(NotificationsAPIContext.Provider, {
+  return /*#__PURE__*/React.createElement(NotificationsAPIContext.Provider, {
     value: notificationsAPI
-  }, /*#__PURE__*/React__default.createElement(NotificationsContext.Provider, {
+  }, /*#__PURE__*/React.createElement(NotificationsContext.Provider, {
     value: notificationsList
   }, children));
 }

package/dist/context/UIContext.js

@@ -1,5 +1,5 @@
 'use client';
-import React__default, { useContext, memo, useState, useMemo, createContext } from 'react';
+import React, { useContext, memo, useState, useMemo, createContext } from 'react';
 import PropTypes from 'prop-types';
 import { useMediaQueries } from '../hooks/useMediaQueries.js';
 import 'react-responsive';
@@ -30,9 +30,9 @@ const UIProvider = /*#__PURE__*/memo(function UIProvider(props) {
     setIsSiteMenuOpen
   }), [isSiteMenuOpen]);
   const mediaQueriesDevices = useMediaQueries(userDeviceState);
-  return /*#__PURE__*/React__default.createElement(UserDeviceContext.Provider, {
+  return /*#__PURE__*/React.createElement(UserDeviceContext.Provider, {
     value: mediaQueriesDevices
-  }, /*#__PURE__*/React__default.createElement(SiteMenuContext.Provider, {
+  }, /*#__PURE__*/React.createElement(SiteMenuContext.Provider, {
     value: siteMenuContextState
   }, children));
 });

package/dist/css/components/Chips/Chips.css

@@ -1,7 +1,7 @@
 .chips {
   display: inline-flex;
   &__label {
-    white-space: nowrap;
+    white-space: var(--chips-label-white-space, nowrap);
   }
   &__inner {
     display: flex;

package/dist/css/components/DatePicker/DatePicker.css

@@ -1085,7 +1085,7 @@ h2.react-datepicker__current-month {
       align-items: center;
       gap: 12px;
       & .input {
-        min-width: 256px;
+        min-width: var(--date-picker-input-min-width, 256px);
       }
     }
     &-time-container {

package/dist/css/components/Notification/Notification.css

@@ -122,6 +122,17 @@
         }
       }
     }
+    &_info {
+      background: var(--color-info-primary);
+      ^^&-wrapper {
+        ^^^&-title {
+          color: var(--color-info-text-primary);
+        }
+        ^^^&-text {
+          color: var(--color-info-text-primary);
+        }
+      }
+    }
   }
 }
 .notification__item {

package/dist/css/components/Notification/css/__item/notification__item_status.css

@@ -33,5 +33,16 @@
         }
       }
     }
+    &_info {
+      background: var(--color-info-primary);
+      ^^&-wrapper {
+        ^^^&-title {
+          color: var(--color-info-text-primary);
+        }
+        ^^^&-text {
+          color: var(--color-info-text-primary);
+        }
+      }
+    }
   }
 }

package/dist/css/components/Swiper/Swiper.css

@@ -907,9 +907,6 @@ div.swiper-block__item {
       height: 100%;
       display: flex;
       align-items: center;
-      @media (--mobile) {
-        height: auto;
-      }
     }
     & .swiper-wrapper {
       align-items: center !important;

package/dist/{components → types/components}/Button/Button.interface.d.ts

@@ -1,6 +1,6 @@
 import { CSSProperties, ElementType, ReactNode } from 'react';
 import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { tBorderColorProps, borderTypePropsType, tBorderWidthProps, elevationPropsType, tFillHoverProps, tFillProps, iconFillSizePropsType, iconSizePropsType, tItemColorProps, tShapeProps, tSizeProps, tTextColorHoverProps, tTextColorProps, tTextSizeProps, tTextWeightProps, textWrapPropsType, tWidthProps } from '../../types';
+import { tBorderColorProps, borderTypePropsType, tBorderWidthProps, elevationPropsType, tFillHoverProps, tFillProps, iconFillSizePropsType, iconSizePropsType, tItemColorProps, tShapeProps, tSizeProps, tTextColorHoverProps, tTextColorProps, tTextSizeProps, tTextWeightProps, tTextWrapProps, tWidthProps } from '../../types';
 import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
 export interface IButtonThemeColor {
     borderColor?: tBorderColorProps;
@@ -32,7 +32,7 @@ export interface IButtonThemeColor {
     labelTextSize?: tTextSizeProps;
     labelTextSizeMobile?: tTextSizeProps;
     labelTextWeight?: tTextWeightProps;
-    labelTextWrap?: textWrapPropsType;
+    labelTextWrap?: tTextWrapProps;
     loaderFill?: tFillProps;
     loaderItemFill?: tItemColorProps;
     loaderSet?: string;

package/dist/{components → types/components}/Cell/Cell.interface.d.ts

@@ -1,6 +1,6 @@
 import { ElementType, ReactNode } from 'react';
 import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { tDirectionProps, tFillProps, iconFillSizePropsType, tItemColorProps, tShapeProps, tSizeProps, textAlignPropsType, tTextColorProps, tTextSizeProps, tTextWeightProps, textWrapPropsType } from '../../types';
+import { tDirectionProps, tFillProps, iconFillSizePropsType, tItemColorProps, tShapeProps, tSizeProps, tTextAlignProps, tTextColorProps, tTextSizeProps, tTextWeightProps, tTextWrapProps } from '../../types';
 import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
 type appearanceKeysType = tAppearanceKeysDefault & {};
 export interface ICellProps extends iStyleAttributes {
@@ -34,7 +34,7 @@ export interface ICellProps extends iStyleAttributes {
     titleTextSize?: tTextSizeProps;
     titleTextTruncate?: boolean;
     titleTextWeight?: tTextWeightProps;
-    titleTextWrap?: textWrapPropsType;
+    titleTextWrap?: tTextWrapProps;
     value?: any;
     valueIcon?: ElementType;
     valueIconFill?: tFillProps;
@@ -49,11 +49,11 @@ export interface ICellProps extends iStyleAttributes {
     valueLabelSize?: tSizeProps;
     valueLabelTextSize?: tTextSizeProps;
     valueTag?: ElementType;
-    valueTextAlign?: textAlignPropsType;
+    valueTextAlign?: tTextAlignProps;
     valueTextColor?: tTextColorProps;
     valueTextSize?: tTextSizeProps;
     valueTextWeight?: tTextWeightProps;
-    valueTextWrap?: textWrapPropsType;
+    valueTextWrap?: tTextWrapProps;
     zeroGap?: boolean;
     zeroPadding?: boolean;
     onClick?: () => void;

package/dist/{components → types/components}/Chips/Chips.interface.d.ts

@@ -1,10 +1,10 @@
 import { CSSProperties, ReactNode } from 'react';
 import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { alignDirectionPropsType, alignPropsType, borderTypePropsType, tBorderColorProps, tFillHoverProps, tFillProps, tShapeProps, tSizeProps, tTextColorProps, tTextSizeProps, tTextWeightProps } from '../../types';
+import { tAlignDirectionProps, tAlignProps, borderTypePropsType, tBorderColorProps, tFillHoverProps, tFillProps, tShapeProps, tSizeProps, tTextColorProps, tTextSizeProps, tTextWeightProps } from '../../types';
 import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
 interface iChipsThemeColor {
-    align?: alignPropsType;
-    alignDirection?: alignDirectionPropsType;
+    align?: tAlignProps;
+    alignDirection?: tAlignDirectionProps;
     borderColor?: tBorderColorProps;
     borderColorDesktop?: tBorderColorProps;
     borderColorMobile?: tBorderColorProps;

package/dist/{components → types/components}/Dropdown/Dropdown.interface.d.ts

@@ -1,6 +1,6 @@
 import { CSSProperties, MouseEventHandler, ReactNode } from 'react';
 import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { alignDirectionPropsType, alignmentPropsType, alignPropsType, tDirectionProps, elevationPropsType, tFillHoverProps, tFillProps, justifyContentPropsType, tShapeProps, tSizeProps, textAlignPropsType, textColorActivePropsType, tTextColorHoverProps, tTextColorProps, tTextGradientProps, tTextSizeProps, tTextStyleProps, tTextWeightProps, textWrapPropsType, typePropsType, tUnderlineProps, tWidthProps } from '../../types';
+import { tAlignDirectionProps, alignmentPropsType, tAlignProps, tDirectionProps, elevationPropsType, tFillHoverProps, tFillProps, tJustifyContentProps, tShapeProps, tSizeProps, tTextAlignProps, tTextColorActiveProps, tTextColorHoverProps, tTextColorProps, tTextGradientProps, tTextSizeProps, tTextStyleProps, tTextWeightProps, tTextWrapProps, typePropsType, tUnderlineProps, tWidthProps } from '../../types';
 export interface IDropdownProps extends iStyleAttributes {
     after?: ReactNode;
     alignment?: alignmentPropsType;
@@ -20,8 +20,8 @@ export interface IDropdownProps extends iStyleAttributes {
 }
 export interface IDropdownItemProps extends iStyleAttributes {
     after?: ReactNode;
-    align?: alignPropsType;
-    alignDirection?: alignDirectionPropsType;
+    align?: tAlignProps;
+    alignDirection?: tAlignDirectionProps;
     before?: ReactNode;
     children?: ReactNode;
     className?: string;
@@ -32,7 +32,7 @@ export interface IDropdownItemProps extends iStyleAttributes {
     descTextSize?: tTextSizeProps;
     descTextStyle?: tTextStyleProps;
     descTextWeight?: tTextWeightProps;
-    descTextWrap?: textWrapPropsType;
+    descTextWrap?: tTextWrapProps;
     direction?: tDirectionProps;
     dividerDirection?: tDirectionProps;
     dividerFill?: tFillProps;
@@ -43,17 +43,17 @@ export interface IDropdownItemProps extends iStyleAttributes {
     fillDisabled?: tFillProps;
     fillHover?: tFillHoverProps;
     href?: string;
-    justifyContent?: justifyContentPropsType;
+    justifyContent?: tJustifyContentProps;
     label?: string;
-    labelTextAlign?: textAlignPropsType;
+    labelTextAlign?: tTextAlignProps;
     labelTextColor?: tTextColorProps;
-    labelTextColorActive?: textColorActivePropsType;
+    labelTextColorActive?: tTextColorActiveProps;
     labelTextColorHover?: tTextColorHoverProps;
     labelTextGradient?: tTextGradientProps;
     labelTextSize?: tTextSizeProps;
     labelTextStyle?: tTextStyleProps;
     labelTextWeight?: tTextWeightProps;
-    labelTextWrap?: textWrapPropsType;
+    labelTextWrap?: tTextWrapProps;
     link?: string;
     linkFill?: tFillProps;
     rel?: string;

package/dist/{components → types/components}/Flex/Flex.interface.d.ts

@@ -1,6 +1,6 @@
 import { CSSProperties, ElementType, ReactNode } from 'react';
 import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { alignDirectionPropsType, tBorderColorProps, borderTypePropsType, tDirectionProps, tFillHoverProps, tFillProps, flexAlignPropsType, flexJustifyContentPropsType, flexWrapPropsType, horizontalResizeModePropsType, positionPropsType, tShapeProps, tWidthProps } from '../../types';
+import { tAlignDirectionProps, tBorderColorProps, borderTypePropsType, tDirectionProps, tFillHoverProps, tFillProps, flexAlignPropsType, flexJustifyContentPropsType, flexWrapPropsType, horizontalResizeModePropsType, positionPropsType, tShapeProps, tWidthProps } from '../../types';
 export interface IFlexProps extends iStyleAttributes {
     children?: ReactNode;
     className?: string;
@@ -13,7 +13,7 @@ export interface IFlexProps extends iStyleAttributes {
     alignItems?: flexAlignPropsType;
     border?: tBorderColorProps;
     borderType?: borderTypePropsType;
-    direction?: alignDirectionPropsType;
+    direction?: tAlignDirectionProps;
     fill?: tFillProps;
     flow?: string;
     justifyContent?: flexJustifyContentPropsType;
@@ -29,9 +29,9 @@ export interface IFlexProps extends iStyleAttributes {
     alignItemsDesktop?: flexAlignPropsType;
     alignItemsMobile?: flexAlignPropsType;
     alignItemsTablet?: flexAlignPropsType;
-    directionDesktop?: alignDirectionPropsType;
-    directionMobile?: alignDirectionPropsType;
-    directionTablet?: alignDirectionPropsType;
+    directionDesktop?: tAlignDirectionProps;
+    directionMobile?: tAlignDirectionProps;
+    directionTablet?: tAlignDirectionProps;
     fillDesktop?: tFillProps;
     fillMobile?: tFillProps;
     fillTablet?: tFillProps;

package/dist/{cjs → types}/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, borderTypePropsType, elevationPropsType, flexGrowPropsType, justifyContentPropsType, stackingPropsType, tBorderColorProps, tDirectionProps, tFillHoverProps, tFillProps, tHeightProps, tShapeProps, tTextColorProps, tWidthProps, wrapPropsType } from '../../types';
+import { tAlignDirectionProps, tAlignProps, borderTypePropsType, elevationPropsType, flexGrowPropsType, tJustifyContentProps, stackingPropsType, tBorderColorProps, tDirectionProps, tFillHoverProps, tFillProps, tHeightProps, tShapeProps, tTextColorProps, tWidthProps, wrapPropsType } from '../../types';
 import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
 interface ThemeColor {
     border?: string;
@@ -22,8 +22,8 @@ export interface IGroupConfig {
 export interface IGroupProps extends iStyleAttributes {
     id?: number | string;
     name?: string;
-    align?: alignPropsType;
-    alignDirection?: alignDirectionPropsType;
+    align?: tAlignProps;
+    alignDirection?: tAlignDirectionProps;
     appearance?: appearanceKeysType;
     borderColor?: tBorderColorProps;
     borderType?: borderTypePropsType;
@@ -39,7 +39,7 @@ export interface IGroupProps extends iStyleAttributes {
     height?: tHeightProps;
     horizontalScroll?: boolean;
     htmlFor?: string;
-    justifyContent?: justifyContentPropsType;
+    justifyContent?: tJustifyContentProps;
     shape?: tShapeProps;
     stacking?: stackingPropsType;
     style?: CSSProperties;

package/dist/{components → types/components}/HTMLContent/HTMLContent.interface.d.ts

@@ -1,9 +1,9 @@
 import { CSSProperties, ReactNode } from 'react';
 import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { alignDirectionPropsType, alignPropsType, borderTypePropsType, elevationPropsType, flexGrowPropsType, justifyContentPropsType, tBorderColorProps, tDirectionProps, tFillHoverProps, tFillProps, tHeightProps, tShapeProps, tTextColorProps, tTextWeightProps, tWidthProps, wrapPropsType } from '../../types';
+import { tAlignDirectionProps, tAlignProps, borderTypePropsType, elevationPropsType, flexGrowPropsType, tJustifyContentProps, tBorderColorProps, tDirectionProps, tFillHoverProps, tFillProps, tHeightProps, tShapeProps, tTextColorProps, tTextWeightProps, tWidthProps, wrapPropsType } from '../../types';
 export interface IHTMLContentProps extends iStyleAttributes {
-    align?: alignPropsType;
-    alignDirection?: alignDirectionPropsType;
+    align?: tAlignProps;
+    alignDirection?: tAlignDirectionProps;
     border?: tBorderColorProps;
     borderColor?: tBorderColorProps;
     borderType?: borderTypePropsType;
@@ -19,7 +19,7 @@ export interface IHTMLContentProps extends iStyleAttributes {
     fillHover?: tFillHoverProps;
     flexGrow?: flexGrowPropsType;
     height?: tHeightProps;
-    justifyContent?: justifyContentPropsType;
+    justifyContent?: tJustifyContentProps;
     shape?: tShapeProps;
     style?: CSSProperties;
     textColor?: tTextColorProps;

package/dist/{cjs → types}/components/Label/Label.interface.d.ts

@@ -1,10 +1,10 @@
 import { CSSProperties, ReactNode } from 'react';
 import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { alignDirectionPropsType, alignmentPropsType, alignPropsType, tBorderColorProps, borderTypePropsType, tFillHoverProps, tFillProps, tShapeProps, tSizeProps, textAlignPropsType, tTextColorHoverProps, tTextColorProps, tTextSizeProps, tTextWeightProps, textWrapPropsType, titleSizePropsType, tWidthProps, wrapPropsType } from '../../types';
+import { tAlignDirectionProps, alignmentPropsType, tAlignProps, tBorderColorProps, borderTypePropsType, tFillHoverProps, tFillProps, tShapeProps, tSizeProps, tTextAlignProps, tTextColorHoverProps, tTextColorProps, tTextSizeProps, tTextWeightProps, tTextWrapProps, titleSizePropsType, tWidthProps, wrapPropsType } from '../../types';
 import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
 export interface ILabelThemeColor {
-    align?: alignPropsType;
-    alignDirection?: alignDirectionPropsType;
+    align?: tAlignProps;
+    alignDirection?: tAlignDirectionProps;
     borderColor?: tBorderColorProps;
     borderType?: borderTypePropsType;
     fill?: tFillProps;
@@ -14,7 +14,7 @@ export interface ILabelThemeColor {
     labelTextColorHover?: tTextColorHoverProps;
     labelTextSize?: tTextSizeProps;
     labelTextWeight?: tTextWeightProps;
-    labelTextWrap?: textWrapPropsType;
+    labelTextWrap?: tTextWrapProps;
     shape?: tShapeProps;
     size?: tSizeProps;
     tooltipTextSize?: tTextSizeProps;
@@ -42,7 +42,7 @@ export interface ILabelProps extends ILabelThemeColor, iStyleAttributes {
     set?: string;
     showTooltip?: boolean;
     style?: CSSProperties;
-    textAlign?: textAlignPropsType;
+    textAlign?: tTextAlignProps;
     tooltipAlignment?: alignmentPropsType;
     tooltipAppearance?: appearanceKeysType;
     tooltipArrowPosition?: string;

package/dist/{cjs → types}/components/Logo/Logo.interface.d.ts

@@ -1,6 +1,6 @@
 import { CSSProperties } from 'react';
 import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { alignDirectionPropsType, alignPropsType, flexAlignPropsType, tSizeProps, tWidthProps } from '../../types';
+import { tAlignDirectionProps, tAlignProps, flexAlignPropsType, tSizeProps, tWidthProps } from '../../types';
 import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
 export interface ILogoThemeColor {
     alt?: string;
@@ -18,8 +18,8 @@ export interface ILogoConfig {
     setAppearance: (newComponent: logoAppearanceType) => void;
 }
 export interface ILogoProps extends ILogoThemeColor, iStyleAttributes {
-    align?: alignPropsType;
-    alignDirection?: alignDirectionPropsType;
+    align?: tAlignProps;
+    alignDirection?: tAlignDirectionProps;
     alignItems?: flexAlignPropsType;
     alt?: string;
     appearance?: appearanceKeysType;

package/dist/{cjs → types}/components/MenuItem/MenuItem.interface.d.ts

@@ -1,36 +1,36 @@
 import { CSSProperties, ReactNode } from 'react';
 import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { alignDirectionPropsType, alignPropsType, tDirectionProps, tFillHoverProps, tFillProps, justifyContentPropsType, tShapeProps, tSizeProps, textColorActivePropsType, tTextColorHoverProps, tTextColorProps, tTextGradientProps, tTextSizeProps, tTextStyleProps, tTextWeightProps, textWrapPropsType, tUnderlineProps, tWidthProps } from '../../types';
+import { tAlignDirectionProps, tAlignProps, tDirectionProps, tFillHoverProps, tFillProps, tJustifyContentProps, tShapeProps, tSizeProps, tTextColorActiveProps, tTextColorHoverProps, tTextColorProps, tTextGradientProps, tTextSizeProps, tTextStyleProps, tTextWeightProps, tTextWrapProps, tUnderlineProps, tWidthProps } from '../../types';
 import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
 export interface IMenuItemThemeColor {
-    align?: alignPropsType;
-    alignDirection?: alignDirectionPropsType;
+    align?: tAlignProps;
+    alignDirection?: tAlignDirectionProps;
     descTextColor?: tTextColorProps;
     descTextColorHover?: tTextColorHoverProps;
     descTextGradient?: tTextGradientProps;
     descTextSize?: tTextSizeProps;
     descTextStyle?: tTextStyleProps;
     descTextWeight?: tTextWeightProps;
-    descTextWrap?: textWrapPropsType;
+    descTextWrap?: tTextWrapProps;
     direction?: tDirectionProps;
     fill?: tFillProps;
     fillActive?: tFillProps;
     fillActiveHover?: tFillHoverProps;
     fillDisabled?: tFillProps;
     fillHover?: tFillHoverProps;
-    justifyContent?: justifyContentPropsType;
+    justifyContent?: tJustifyContentProps;
     linkFill?: tFillProps;
     shape?: tShapeProps;
     size?: tSizeProps;
     textColor?: tTextColorProps;
-    textColorActive?: textColorActivePropsType;
+    textColorActive?: tTextColorActiveProps;
     textColorGradient?: tTextGradientProps;
     textColorHover?: tTextColorHoverProps;
     textGradient?: tTextGradientProps;
     textSize?: tTextSizeProps;
     textStyle?: tTextStyleProps;
     textWeight?: tTextWeightProps;
-    textWrap?: textWrapPropsType;
+    textWrap?: tTextWrapProps;
     underline?: tUnderlineProps;
     width?: tWidthProps;
 }

package/dist/{cjs → types}/components/Pagination/Pagination.d.ts

@@ -1,5 +1,5 @@
-import { IPaginationProps } from './Pagination.interface';
-declare function Pagination(props: IPaginationProps): import("react/jsx-runtime").JSX.Element;
+import { iPaginationProps } from './Pagination.interface';
+declare function Pagination(props: iPaginationProps): import("react/jsx-runtime").JSX.Element;
 declare namespace Pagination {
     var defaultProps: {
         pageNumber: number;

package/dist/{cjs → types}/components/Pagination/Pagination.interface.d.ts

@@ -1,14 +1,14 @@
 import { type ReactNode } from 'react';
 import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { alignmentPropsType, tDirectionProps, elevationPropsType, tFillHoverProps, tFillProps, iconFillSizePropsType, tItemColorProps, tShapeProps, tSizeProps, textAlignPropsType, textColorActivePropsType, tTextColorProps, tTextSizeProps, textWrapPropsType } from '../../types';
-export interface IPaginationProps extends iStyleAttributes {
+import { alignmentPropsType, elevationPropsType, iconFillSizePropsType, tDirectionProps, tFillHoverProps, tFillProps, tItemColorProps, tShapeProps, tSizeProps, tTextAlignProps, tTextColorActiveProps, tTextColorProps, tTextSizeProps, tTextWrapProps } from '../../types';
+interface iPaginationProps extends iStyleAttributes {
     allItemsCount?: number;
     className?: string;
     marginPagesDisplayed?: number;
     nextLabel?: ReactNode;
     pageCountArray?: number[];
     pageCountDesc?: string;
-    pageCountDropdownItemLabelAlign?: textAlignPropsType;
+    pageCountDropdownItemLabelAlign?: tTextAlignProps;
     pageCountDropdownItemWidth?: string;
     pageCountDescTextColor?: tTextColorProps;
     pageCountDescTextSize?: tTextSizeProps;
@@ -23,9 +23,9 @@ export interface IPaginationProps extends iStyleAttributes {
     pageCountDropdownItemFillActiveHover?: tFillHoverProps;
     pageCountDropdownItemFillHover?: tFillHoverProps;
     pageCountDropdownItemLabelColor?: tTextColorProps;
-    pageCountDropdownItemLabelColorActive?: textColorActivePropsType;
+    pageCountDropdownItemLabelColorActive?: tTextColorActiveProps;
     pageCountDropdownItemLabelSize?: tTextSizeProps;
-    pageCountDropdownItemLabelWrap?: textWrapPropsType;
+    pageCountDropdownItemLabelWrap?: tTextWrapProps;
     pageCountDropdownItemSize?: tSizeProps;
     pageCountDropdownItemShowDivider?: boolean;
     pageCountDropdownSet?: string;
@@ -41,6 +41,15 @@ export interface IPaginationProps extends iStyleAttributes {
     previousLabel?: ReactNode;
     isPageCount?: boolean;
     isPageCountDropdownReversed?: boolean;
+    onChangePage?: () => void;
+    onChangePerPageCount?: (perPageCount: number) => void;
+    /**
+     * @deprecated The method should not be used
+     */
     onPageChange?: () => void;
+    /**
+     * @deprecated The method should not be used
+     */
     onPerPageCountChange?: (perPageCount: number) => void;
 }
+export type { iPaginationProps };

package/dist/{components → types/components}/Panel/Panel.interface.d.ts

@@ -1,12 +1,12 @@
 import { CSSProperties, ReactNode } from 'react';
 import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { alignDirectionPropsType, tBorderColorProps, borderTypePropsType, tBorderWidthProps, elevationPropsType, tFillHoverProps, tFillProps, flexAlignPropsType, flexJustifyContentPropsType, flexWrapPropsType, tHeightProps, positionPropsType, tShapeProps, tTextColorProps, tTextSizeProps, tTextWeightProps, tWidthProps } from '../../types';
+import { tAlignDirectionProps, tBorderColorProps, borderTypePropsType, tBorderWidthProps, elevationPropsType, tFillHoverProps, tFillProps, flexAlignPropsType, flexJustifyContentPropsType, flexWrapPropsType, tHeightProps, positionPropsType, tShapeProps, tTextColorProps, tTextSizeProps, tTextWeightProps, tWidthProps } from '../../types';
 import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
 interface ThemeColor {
     border?: string;
     borderColor?: string;
     borderWidth?: string;
-    direction?: alignDirectionPropsType;
+    direction?: tAlignDirectionProps;
     fill?: string;
     fillHover?: string;
     labelTextColor?: tTextColorProps;
@@ -34,7 +34,7 @@ export interface IPanelProps extends iStyleAttributes {
     borderColor?: tBorderColorProps;
     borderType?: borderTypePropsType;
     borderWidth?: tBorderWidthProps;
-    direction?: alignDirectionPropsType;
+    direction?: tAlignDirectionProps;
     elevation?: elevationPropsType;
     fill?: tFillProps;
     fillHover?: tFillHoverProps;