@itcase/ui 1.2.33 → 1.2.35

package/dist/components/Pagination.js

@@ -4,9 +4,9 @@ import clsx from 'clsx';
 import ceil from 'lodash/ceil';
 import ReactPaginate from 'react-paginate';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
-import { D as Dropdown, a as DropdownItem } from '../DropdownItem-B8IMNQww.js';
-import { I as Icon } from '../Icon-DptCmI_y.js';
-import { T as Text } from '../Text-C4Bg2Mv6.js';
+import { D as Dropdown, a as DropdownItem } from '../DropdownItem-BjtWmVFs.js';
+import { I as Icon } from '../Icon-21rsw8YW.js';
+import { T as Text } from '../Text-DGEJa_FL.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';
 import '../context/UIContext.js';
@@ -16,21 +16,56 @@ import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../Divider-DHIuQUsH.js';
+import '../Divider-Bdz66wfW.js';
 import '../Link-CeQuavin.js';
 import '../tslib.es6-5FtW-kfi.js';
 import 'react-inlinesvg';
-import '../Tooltip--c-4Qp04.js';
-import '../Title-YVzIwk68.js';
+import '../Tooltip-BsMYxi_I.js';
+import '../Title-Bp-4wxkT.js';
+
+var paginationAppearance = {
+    default: {
+        gap: '8',
+        fill: 'surfacePrimary',
+        fillHover: 'surfaceSecondary',
+        marginPagesDisplayed: 10,
+        pageCountDesc: 'кол-во строк',
+        pageCountDescTextColor: 'surfaceTextPrimary',
+        pageCountDescTextSize: 'm',
+        pageCountDropdownAlignment: 'topCenter',
+        pageCountDropdownElevation: '8',
+        pageCountDropdownFill: 'surfacePrimary',
+        pageCountDropdownItemDividerFill: 'surfaceSecondary',
+        pageCountDropdownItemDividerSize: 'xxs',
+        pageCountDropdownItemFill: 'surfacePrimary',
+        pageCountDropdownItemFillActive: 'accentPrimary',
+        pageCountDropdownItemFillActiveHover: 'accentActive',
+        pageCountDropdownItemFillHover: 'surfaceSecondary',
+        pageCountDropdownItemLabelAlign: 'center',
+        pageCountDropdownItemLabelColor: 'surfaceTextPrimary',
+        pageCountDropdownItemLabelColorActive: 'surfaceTextInverse',
+        pageCountDropdownItemLabelSize: 'm',
+        pageCountDropdownItemShowDivider: true,
+        pageCountDropdownItemSize: 'l',
+        pageCountDropdownItemWidth: 'hug',
+        pageCountDropdownSet: 'default',
+        pageCountDropdownShape: 'rounded',
+        pageCountInputIconColor: 'surfaceItemPrimary',
+        pageCountInputIconFillSize: '24',
+        pageCountInputTextColor: 'surfaceTextPrimary',
+        pageCountInputTextSize: 'm',
+        pageRangeDisplayed: 8,
+    },
+};
 
 var paginationConfig = {
-    appearance: undefined,
+    appearance: paginationAppearance,
     setAppearance: function (newComponent) {
         paginationConfig.appearance = newComponent;
     },
 };
 function Pagination(props) {
-    var isPageCount = props.isPageCount, _a = props.isPageCountDropdownReversed, isPageCountDropdownReversed = _a === void 0 ? false : _a, _b = props.allItemsCount, allItemsCount = _b === void 0 ? 0 : _b, appearance = props.appearance, className = props.className, marginPagesDisplayed = props.marginPagesDisplayed, nextLabel = props.nextLabel, _c = props.pageCountArray, pageCountArray = _c === void 0 ? [10, 20, 50, 100] : _c, pageCountDesc = props.pageCountDesc, pageCountDescTextColor = props.pageCountDescTextColor, pageCountDescTextSize = props.pageCountDescTextSize, pageCountDropdownAlignment = props.pageCountDropdownAlignment, pageCountDropdownElevation = props.pageCountDropdownElevation, pageCountDropdownFill = props.pageCountDropdownFill, pageCountDropdownItemDividerDirection = props.pageCountDropdownItemDividerDirection, pageCountDropdownItemDividerFill = props.pageCountDropdownItemDividerFill, pageCountDropdownItemDividerSize = props.pageCountDropdownItemDividerSize, pageCountDropdownItemFill = props.pageCountDropdownItemFill, pageCountDropdownItemFillActive = props.pageCountDropdownItemFillActive, pageCountDropdownItemFillActiveHover = props.pageCountDropdownItemFillActiveHover, pageCountDropdownItemFillHover = props.pageCountDropdownItemFillHover, pageCountDropdownItemLabelAlign = props.pageCountDropdownItemLabelAlign, pageCountDropdownItemLabelColor = props.pageCountDropdownItemLabelColor, _d = props.pageCountDropdownItemLabelColorActive, pageCountDropdownItemLabelColorActive = _d === void 0 ? '' : _d, pageCountDropdownItemLabelSize = props.pageCountDropdownItemLabelSize, pageCountDropdownItemLabelWrap = props.pageCountDropdownItemLabelWrap, pageCountDropdownItemShowDivider = props.pageCountDropdownItemShowDivider, pageCountDropdownItemSize = props.pageCountDropdownItemSize, pageCountDropdownItemWidth = props.pageCountDropdownItemWidth, pageCountDropdownSet = props.pageCountDropdownSet, pageCountDropdownShape = props.pageCountDropdownShape, pageCountInputIcon = props.pageCountInputIcon, pageCountInputIconColor = props.pageCountInputIconColor, pageCountInputIconFillSize = props.pageCountInputIconFillSize, pageCountInputTextColor = props.pageCountInputTextColor, pageCountInputTextSize = props.pageCountInputTextSize, _e = props.pageNumber, pageNumber = _e === void 0 ? 0 : _e, pageRangeDisplayed = props.pageRangeDisplayed, _f = props.perPageCount, perPageCount = _f === void 0 ? 0 : _f, previousLabel = props.previousLabel, onChangePage = props.onChangePage, onChangePerPageCount = props.onChangePerPageCount, 
+    var isPageCount = props.isPageCount, _a = props.isPageCountDropdownReversed, isPageCountDropdownReversed = _a === void 0 ? false : _a, _b = props.allItemsCount, allItemsCount = _b === void 0 ? 0 : _b, appearance = props.appearance, className = props.className, marginPagesDisplayed = props.marginPagesDisplayed, nextLabel = props.nextLabel, _c = props.pageCountArray, pageCountArray = _c === void 0 ? [10, 20, 50, 100] : _c, pageCountDesc = props.pageCountDesc, pageCountDescTextColor = props.pageCountDescTextColor, pageCountDescTextSize = props.pageCountDescTextSize, pageCountDropdownAlignment = props.pageCountDropdownAlignment, pageCountDropdownElevation = props.pageCountDropdownElevation, pageCountDropdownFill = props.pageCountDropdownFill, pageCountDropdownItemDividerDirection = props.pageCountDropdownItemDividerDirection, pageCountDropdownItemDividerFill = props.pageCountDropdownItemDividerFill, pageCountDropdownItemDividerSize = props.pageCountDropdownItemDividerSize, pageCountDropdownItemFill = props.pageCountDropdownItemFill, pageCountDropdownItemFillActive = props.pageCountDropdownItemFillActive, pageCountDropdownItemFillActiveHover = props.pageCountDropdownItemFillActiveHover, pageCountDropdownItemFillHover = props.pageCountDropdownItemFillHover, pageCountDropdownItemLabelAlign = props.pageCountDropdownItemLabelAlign, pageCountDropdownItemLabelColor = props.pageCountDropdownItemLabelColor, _d = props.pageCountDropdownItemLabelColorActive, pageCountDropdownItemLabelColorActive = _d === void 0 ? '' : _d, pageCountDropdownItemLabelSize = props.pageCountDropdownItemLabelSize, pageCountDropdownItemLabelWrap = props.pageCountDropdownItemLabelWrap, pageCountDropdownItemShowDivider = props.pageCountDropdownItemShowDivider, pageCountDropdownItemSize = props.pageCountDropdownItemSize, pageCountDropdownItemWidth = props.pageCountDropdownItemWidth, pageCountDropdownSet = props.pageCountDropdownSet, pageCountDropdownShape = props.pageCountDropdownShape, pageCountInputIcon = props.pageCountInputIcon, pageCountInputIconColor = props.pageCountInputIconColor, pageCountInputIconFillSize = props.pageCountInputIconFillSize, pageCountInputIconSrc = props.pageCountInputIconSrc, pageCountInputTextColor = props.pageCountInputTextColor, pageCountInputTextSize = props.pageCountInputTextSize, _e = props.pageNumber, pageNumber = _e === void 0 ? 0 : _e, pageRangeDisplayed = props.pageRangeDisplayed, _f = props.perPageCount, perPageCount = _f === void 0 ? 0 : _f, previousLabel = props.previousLabel, onChangePage = props.onChangePage, onChangePerPageCount = props.onChangePerPageCount, 
     /**
      * @deprecated The method should not be used
      */
@@ -120,7 +155,7 @@ function Pagination(props) {
                             ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.fillHover) &&
                                 "fill_hover_".concat(appearanceConfig.fillHover)
                                     .replace(/([A-Z])/g, '-$1')
-                                    .toLowerCase())), onClick: onClickCommandMenuButton, children: [jsx(Text, { size: pageCountInputTextSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.pageCountInputTextSize), textColor: pageCountInputTextColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.pageCountInputTextColor), children: activeDropdownItem }), jsx(Icon, { fillSize: pageCountInputIconFillSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.pageCountInputIconFillSize), iconFill: pageCountInputIconColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.pageCountInputIconColor), SvgImage: pageCountInputIcon }), jsx(Dropdown, { fill: pageCountDropdownFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.pageCountDropdownFill), alignment: pageCountDropdownAlignment || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.pageCountDropdownAlignment), elevation: pageCountDropdownElevation || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.pageCountDropdownElevation), shape: pageCountDropdownShape || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.pageCountDropdownShape), isOpen: isOpenDropdown, set: pageCountDropdownSet || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.pageCountDropdownSet), setIsOpen: setIsOpenDropdown, children: pageCountDropdownArray.map(function (item, index) {
+                                    .toLowerCase())), onClick: onClickCommandMenuButton, children: [jsx(Text, { size: pageCountInputTextSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.pageCountInputTextSize), textColor: pageCountInputTextColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.pageCountInputTextColor), children: activeDropdownItem }), jsx(Icon, { fillSize: pageCountInputIconFillSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.pageCountInputIconFillSize), iconFill: pageCountInputIconColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.pageCountInputIconColor), imageSrc: pageCountInputIconSrc, SvgImage: pageCountInputIcon }), jsx(Dropdown, { fill: pageCountDropdownFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.pageCountDropdownFill), alignment: pageCountDropdownAlignment || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.pageCountDropdownAlignment), elevation: pageCountDropdownElevation || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.pageCountDropdownElevation), shape: pageCountDropdownShape || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.pageCountDropdownShape), isOpen: isOpenDropdown, set: pageCountDropdownSet || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.pageCountDropdownSet), setIsOpen: setIsOpenDropdown, children: pageCountDropdownArray.map(function (item, index) {
                                     return activeDropdownItem === item ? (jsx(DropdownItem, { width: pageCountDropdownItemWidth || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.pageCountDropdownItemWidth), labelTextColor: pageCountDropdownItemLabelColor ||
                                             (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.pageCountDropdownItemLabelColor), labelTextSize: pageCountDropdownItemLabelSize ||
                                             (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.pageCountDropdownItemLabelSize), fill: pageCountDropdownItemFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.pageCountDropdownItemFill), fillHover: pageCountDropdownItemFillHover ||
@@ -142,4 +177,4 @@ function Pagination(props) {
                                 }) })] })] }))] }));
 }
 
-export { Pagination, paginationConfig };
+export { Pagination, paginationAppearance, paginationConfig };

package/dist/components/Panel.js

@@ -3,8 +3,8 @@ import React from 'react';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
 import { useStyles } from '../hooks/useStyles.js';
-import { G as Group } from '../Group-BCvs5UxK.js';
-import { T as Text } from '../Text-C4Bg2Mv6.js';
+import { G as Group } from '../Group-D95Sf0X0.js';
+import { T as Text } from '../Text-DGEJa_FL.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';
 import '../context/UIContext.js';

package/dist/components/Radio.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
-import { T as Text } from '../Text-C4Bg2Mv6.js';
+import { T as Text } from '../Text-DGEJa_FL.js';
 import 'react';
 import 'lodash/camelCase';
 import 'lodash/castArray';
@@ -112,4 +112,4 @@ Radio.defaultProps = {
     shape: 'circular',
 };
 
-export { Radio, radioConfig };
+export { Radio, radioAppearance, radioConfig, radioState };

package/dist/components/Response.js

@@ -5,10 +5,10 @@ import clsx from 'clsx';
 import SVG from 'react-inlinesvg';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
 import { useStyles } from '../hooks/useStyles.js';
-import { B as Button } from '../Button-C8MATksY.js';
-import { G as Group } from '../Group-BCvs5UxK.js';
-import { T as Text } from '../Text-C4Bg2Mv6.js';
-import { T as Title } from '../Title-YVzIwk68.js';
+import { B as Button } from '../Button-f0zWwezF.js';
+import { G as Group } from '../Group-D95Sf0X0.js';
+import { T as Text } from '../Text-DGEJa_FL.js';
+import { T as Title } from '../Title-Bp-4wxkT.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';
 import '../context/UIContext.js';
@@ -17,10 +17,10 @@ import 'react-responsive';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../Icon-DptCmI_y.js';
+import '../Icon-21rsw8YW.js';
 import '../Link-CeQuavin.js';
-import '../Tooltip--c-4Qp04.js';
-import '../Loader-DHNcD09o.js';
+import '../Tooltip-BsMYxi_I.js';
+import '../Loader-CuxFXcNG.js';
 
 var img$6 = "data:image/svg+xml,%3csvg width='180' height='180' viewBox='0 0 180 180' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='90' cy='90' r='90' fill='%23D9D9D9'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M85.7155 56.9042L54.1865 115.911C53.0219 118.09 54.5678 121.43 58.4708 121.43H121.529C125.432 121.43 126.978 118.09 125.814 115.911L94.2845 56.9043C93.5012 55.4392 91.8762 54.57 89.9998 54.57C88.1237 54.57 86.4986 55.439 85.7155 56.9042ZM89.9998 48C93.9317 48 98.1142 49.8644 100.253 53.8659L131.782 112.873C135.732 120.266 129.482 128 121.529 128H58.4708C50.5181 128 44.2675 120.266 48.2181 112.873L79.7471 53.866C81.8855 49.8645 86.0683 48 89.9998 48ZM90.0002 74.0886C91.8588 74.0886 93.3658 75.5593 93.3658 77.3736V92.8756C93.3658 94.6897 91.8588 96.1606 90.0002 96.1606C88.1411 96.1606 86.6345 94.6897 86.6345 92.8756V77.3736C86.6345 75.5593 88.1411 74.0886 90.0002 74.0886ZM93.3658 108.377C93.3658 106.563 91.8588 105.092 90.0002 105.092C88.1411 105.092 86.6345 106.563 86.6345 108.377V108.457C86.6345 110.271 88.1411 111.742 90.0002 111.742C91.8588 111.742 93.3658 110.271 93.3658 108.457V108.377Z' fill='%23747474'/%3e%3c/svg%3e";
 

package/dist/components/Search.js

@@ -3,8 +3,8 @@ import React, { useCallback } from 'react';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
 import { useStyles } from '../hooks/useStyles.js';
-import { I as Icon } from '../Icon-DptCmI_y.js';
-import { T as Text } from '../Text-C4Bg2Mv6.js';
+import { I as Icon } from '../Icon-21rsw8YW.js';
+import { T as Text } from '../Text-DGEJa_FL.js';
 import { S as Scrollbar } from '../Scrollbar-Bo7z7ELm.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';
@@ -17,8 +17,8 @@ import '../hooks/styleAttributes.js';
 import '../tslib.es6-5FtW-kfi.js';
 import 'react-inlinesvg';
 import '../Link-CeQuavin.js';
-import '../Tooltip--c-4Qp04.js';
-import '../Title-YVzIwk68.js';
+import '../Tooltip-BsMYxi_I.js';
+import '../Title-Bp-4wxkT.js';
 import 'react-scrollbars-custom';
 
 var searchAppearance = {
@@ -139,4 +139,4 @@ var SearchResult = React.forwardRef(function SearchResult(props, ref) {
     return (jsx("div", { className: clsx(className, 'search-result', fillClass, type && "search-result_type_".concat(type)), children: jsxs("div", { className: "search-result__wrapper", children: [before, React.Children.toArray(children).filter(Boolean).length && (jsx(Scrollbar, { scrollHeight: scrollHeight ? "".concat(scrollHeight, "px") : '300px', children: children })), after] }) }));
 });
 
-export { SearchInput, SearchResult, searchInputConfig };
+export { SearchInput, SearchResult, searchAppearance, searchInputConfig };

package/dist/components/Segmented.js

@@ -2,7 +2,7 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import React, { useRef, useMemo, createRef, useCallback, useEffect } from 'react';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
-import { T as Text } from '../Text-C4Bg2Mv6.js';
+import { T as Text } from '../Text-DGEJa_FL.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';
 import '../context/UIContext.js';
@@ -115,4 +115,4 @@ var Segmented = React.forwardRef(function (props, ref) {
 });
 Segmented.displayName = 'Segmented';
 
-export { Segmented, segmentedConfig };
+export { Segmented, segmentedAppearance, segmentedConfig };

package/dist/components/Select.js

@@ -1,15 +1,15 @@
 import { _ as __assign } from '../tslib.es6-5FtW-kfi.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import Select, { components } from 'react-select';
-import { I as Icon } from '../Icon-DptCmI_y.js';
+import { I as Icon } from '../Icon-21rsw8YW.js';
 import React, { useMemo, useRef, useCallback, useEffect } from 'react';
 import clsx from 'clsx';
 import CreatableSelect from 'react-select/creatable';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
-import { T as Text } from '../Text-C4Bg2Mv6.js';
-import { B as Badge } from '../Badge-DBjlLLfX.js';
-import { G as Group } from '../Group-BCvs5UxK.js';
-import { D as Divider } from '../Divider-DHIuQUsH.js';
+import { T as Text } from '../Text-DGEJa_FL.js';
+import { B as Badge } from '../Badge-MPtjfQS8.js';
+import { G as Group } from '../Group-D95Sf0X0.js';
+import { D as Divider } from '../Divider-Bdz66wfW.js';
 import 'react-inlinesvg';
 import '../hooks/useStyles.js';
 import 'lodash/camelCase';
@@ -20,8 +20,8 @@ import '../hooks/useMediaQueries.js';
 import 'react-responsive';
 import '../hooks/styleAttributes.js';
 import '../Link-CeQuavin.js';
-import '../Tooltip--c-4Qp04.js';
-import '../Title-YVzIwk68.js';
+import '../Tooltip-BsMYxi_I.js';
+import '../Title-Bp-4wxkT.js';
 import 'lodash/castArray';
 
 var selectAppearance = {

package/dist/components/SiteMenu.js

@@ -3,8 +3,8 @@ import { useCallback } from 'react';
 import clsx from 'clsx';
 import { useSiteMenuContext } from '../context/UIContext.js';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
-import { I as Icon } from '../Icon-DptCmI_y.js';
-import { T as Text } from '../Text-C4Bg2Mv6.js';
+import { I as Icon } from '../Icon-21rsw8YW.js';
+import { T as Text } from '../Text-DGEJa_FL.js';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
 import 'lodash/camelCase';
@@ -16,8 +16,8 @@ import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
 import '../Link-CeQuavin.js';
-import '../Tooltip--c-4Qp04.js';
-import '../Title-YVzIwk68.js';
+import '../Tooltip-BsMYxi_I.js';
+import '../Title-Bp-4wxkT.js';
 
 var siteMenuAppearance = {
     dev: {},
@@ -81,4 +81,4 @@ function SiteMenuButton(props) {
     return (jsx("div", { className: clsx(className, 'site-menu__button'), onClick: onClickButton, children: children || text }));
 }
 
-export { SiteMenu, SiteMenuButton, siteMenuConfig };
+export { SiteMenu, SiteMenuButton, siteMenuAppearance, siteMenuConfig };

package/dist/components/Swiper.js

@@ -4,7 +4,7 @@ import clsx from 'clsx';
 import { Swiper as Swiper$1, SwiperSlide } from 'swiper/react';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
 import { useStyles } from '../hooks/useStyles.js';
-import { T as Title } from '../Title-YVzIwk68.js';
+import { T as Title } from '../Title-Bp-4wxkT.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';
 import '../context/UIContext.js';

package/dist/components/Switch.js

@@ -20,4 +20,4 @@ var Switch = React.forwardRef(function Switch(props, ref) {
                 ref: ref, checked: checked, disabled: disabled, id: id, type: "checkbox", onChange: onChange }), jsx("div", { className: "switch__bg", children: "\u00A0" }), jsx("div", { className: "switch__toggle", children: "\u00A0" })] }));
 });
 
-export { Switch, switchConfig };
+export { Switch, switchAppearance, switchConfig };

package/dist/components/Tab.js

@@ -3,10 +3,10 @@ import React from 'react';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
 import { useStyles } from '../hooks/useStyles.js';
-import { B as Badge } from '../Badge-DBjlLLfX.js';
-import { D as Divider } from '../Divider-DHIuQUsH.js';
+import { B as Badge } from '../Badge-MPtjfQS8.js';
+import { D as Divider } from '../Divider-Bdz66wfW.js';
 import { L as Link } from '../Link-CeQuavin.js';
-import { T as Text } from '../Text-C4Bg2Mv6.js';
+import { T as Text } from '../Text-DGEJa_FL.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';
 import '../context/UIContext.js';

package/dist/components/Text.js

@@ -1,4 +1,4 @@
-export { T as Text, t as textConfig } from '../Text-C4Bg2Mv6.js';
+export { T as Text, a as textAppearance, t as textConfig } from '../Text-DGEJa_FL.js';
 import 'react/jsx-runtime';
 import 'clsx';
 import '../hooks/useDeviceTargetClass.js';

package/dist/components/Textarea.js

@@ -154,4 +154,4 @@ Textarea.defaultProps = {
     size: 'm',
 };
 
-export { Textarea, textareaConfig };
+export { Textarea, textareaAppearance, textareaConfig, textareaState };

package/dist/components/Tile.js

@@ -2,9 +2,9 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
 import { useStyles } from '../hooks/useStyles.js';
-import { B as Badge } from '../Badge-DBjlLLfX.js';
-import { T as Text } from '../Text-C4Bg2Mv6.js';
-import { T as Title } from '../Title-YVzIwk68.js';
+import { B as Badge } from '../Badge-MPtjfQS8.js';
+import { T as Text } from '../Text-DGEJa_FL.js';
+import { T as Title } from '../Title-Bp-4wxkT.js';
 import 'react';
 import 'lodash/camelCase';
 import 'lodash/castArray';
@@ -77,4 +77,4 @@ Tile.defaultProps = {
     textTag: 'span',
 };
 
-export { Tile, tileConfig };
+export { Tile, tileAppearance, tileConfig };

package/dist/components/Title.js

@@ -1,4 +1,4 @@
-export { T as Title, t as titleConfig } from '../Title-YVzIwk68.js';
+export { T as Title, a as titleAppearance, t as titleConfig } from '../Title-Bp-4wxkT.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';

package/dist/components/Tooltip.js

@@ -1,4 +1,4 @@
-export { T as Tooltip, t as tooltipConfig } from '../Tooltip--c-4Qp04.js';
+export { T as Tooltip, a as tooltipAppearance, t as tooltipConfig } from '../Tooltip-BsMYxi_I.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';
@@ -12,5 +12,5 @@ import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../Text-C4Bg2Mv6.js';
-import '../Title-YVzIwk68.js';
+import '../Text-DGEJa_FL.js';
+import '../Title-Bp-4wxkT.js';

package/dist/css/components/Avatar/Avatar.css

@@ -76,14 +76,18 @@
     @each $size in 14, 16, 20, 24, 32, 40, 48, 56, 60, 64, 72, 80, 96, 112, 144, 240 {
       &_$(size) {
         ^^&__wrapper {
-          width: $(size)px;
-          height: $(size)px;
+          width: $(size) px;
+          height: $(size) px;
           display: flex;
           justify-content: center;
           align-items: center;
           ^^^&__image {
-            width: $(size)px;
-            height: $(size)px;
+            width: $(size) px;
+            height: $(size) px;
+            & .image__item {
+              width: $(size) px;
+              height: $(size) px;
+            }
           }
         }
       }

package/dist/css/components/Label/Label.tokens.css

@@ -7,13 +7,13 @@
   --label-size-m-shape-rounded: 12px;
   --label-size-s-shape-rounded: 12px;
   --label-size-xs-shape-rounded: 12px;
-  --label-size-xxs-shape-rounded: 12px;
+  --label-size-xxs-shape-rounded: 6px;
 
   --label-size-xxl-padding: 10px 10px;
   --label-size-xl-padding: 7px 8px;
   --label-size-l-padding: 4px 6px;
   --label-size-m-padding: 2px 8px;
   --label-size-s-padding: 2px 6px;
-  --label-size-xs-padding: 0px 4px;
-  --label-size-xxs-padding: 0px 4px;
+  --label-size-xs-padding: 1px 4px;
+  --label-size-xxs-padding: 1px 4px;
 }

package/dist/css/components/Search/Search.tokens.css

@@ -5,4 +5,9 @@
 
   --search-input-compact-padding: 8px;
   --search-input-compact-gap: 4px;
+
+  --search-input-l-padding: 6px 12px;
+  --search-input-l-gap: 4px;
+
+  --search-shape-rounded: 4px;
 }

package/dist/hooks/useStyles.js

@@ -108,8 +108,7 @@ function useStyles(props) {
       if (value) {
         // TODO: handle 16px/9px propValues for Horizontal(Left/Right) and Vertical(Top/Bottom)
         const HAS_UNIT = /\D/;
-        // prettier-ignore
-        const ignorePX = styleAttributeKey.includes('zIndex') || styleAttributeKey.includes('order');
+        const ignorePX = ['zIndex', 'order', 'flexGrow'].includes(styleAttributeKey);
         if (!HAS_UNIT.test(value) && !ignorePX) {
           value = `${value}px`;
         }

package/dist/stories/Select.stories.js

@@ -1,4 +1,3 @@
-import { defaultSelectProps } from '../../../config/forms'
 import {
   borderColorHoverProps,
   borderColorProps,
@@ -12,19 +11,66 @@ import { Button } from '../../Button'
 import { Loader } from '../../Loader'
 import { Select } from '../index'
 
-// import { Select } from '../Select'
-
-// import { icon16 } from 'src/icons'
-
 export default {
   args: {
-    ...defaultSelectProps,
+    elevation: 8,
     isClearable: true,
     isMulti: false,
     isSearchable: false,
+    badgeAppearance: 'accent',
+    badgeSize: 'm',
+    badgeTextSize: 'm',
+    // clearIcon: icon24.Clear,
+    clearIconFill: 'surfaceItemPrimary',
+    closeMenuOnSelect: true,
+    dividerDirection: 'horizontal',
+    // optionSelected: <Icon iconFill="surfaceItemAccent" SvgImage={icon24.Check} />,
+
+    dividerFill: 'surfaceTertiary',
+    dividerSize: 'xxs',
+    // dropdownIcon: icon24.ChevronDownSmall,
     dropdownIconFill: 'surfaceItemPrimary',
+    // error
+    errorInputBorderColor: 'errorBorderPrimary',
+    headingFill: 'surfaceSecondary',
+    headingTextColor: 'surfaceTextPrimary',
+    headingTextSize: 'm',
+
+    headingTextWeight: '600',
     hideSelectedOptions: false,
+    inputBorderColor: 'surfaceBorderTertiary',
+    inputBorderColorHover: 'surfaceBorderQuaternary',
+    inputCaretColor: 'secondaryItemPrimary',
+
+    inputFill: 'surfacePrimary',
+
+    inputShape: 'rounded',
+    inputTextColor: 'surfaceTextPrimary',
+    inputTextSize: 'm',
+    loadingMessage: (
+      <Loader
+        width="fill"
+        height="fill"
+        fill="surfacePrimary"
+        position="absolute"
+        left="0px"
+        right="0px"
+        zIndex="1"
+        itemFill="surfaceItemAccent"
+        set="simple"
+      />
+    ),
+
     menuItemSize: 'l',
+    multipleItemFill: 'accentPrimary',
+    multipleItemFillHover: 'accentPrimaryHover',
+    // multipleItemIcon: icon14.Remove,
+    multipleItemIconFill: 'accentItemPrimary',
+    multipleItemTextColor: 'accentTextPrimary',
+
+    multipleItemTextSize: 'm',
+
+    noOptionsSearchText: 'Ничего не найдено...',
     noOptionsText: (
       <Loader
         width="fill"
@@ -38,6 +84,10 @@ export default {
         set="simple"
       />
     ),
+    noOptionsTextColor: 'surfaceTextPrimary',
+    noOptionsTextSize: 'm',
+
+    optionBorder: 'none',
     optionFill: 'surfacePrimary',
     optionFillHover: 'surfacePrimaryHover',
     options: [
@@ -48,9 +98,22 @@ export default {
       { label: 'Планируемые', value: 'planned' },
       { label: 'Продолжены', value: 'continued' },
     ],
+    optionShape: 'rounded',
+
     optionTextColor: 'surfaceTextPrimary',
     optionTextSize: 'l',
+    placeholder: 'Выбрать...',
+
+    placeholderTextColor: 'surfaceTextQuaternary',
+
+    placeholderTextSize: 'm',
+    // appearance depending on the type of error
+    // required
+    requiredInputBorderColor: 'warningBorderPrimary',
+    showBadge: false,
     showDivider: false,
+
+    size: 'm',
   },
   argTypes: {
     elevation: {

package/dist/types/components/Avatar/index.d.ts

@@ -1 +1,2 @@
 export { Avatar, avatarConfig } from './Avatar';
+export { avatarAppearance } from './Avatar.appearance';

package/dist/types/components/Checkbox/index.d.ts

@@ -1 +1,2 @@
 export { Checkbox, checkboxConfig } from './Checkbox';
+export { checkboxAppearance, checkboxState } from './Checkbox.appearance';

package/dist/types/components/Choice/index.d.ts

@@ -1 +1,2 @@
 export { Choice, choiceConfig } from './Choice';
+export { choiceAppearance } from './Choice.appearance';

package/dist/types/components/Code/index.d.ts

@@ -1 +1,2 @@
 export { Code, codeConfig } from './Code';
+export { codeAppearance } from './Code.appearance';

package/dist/types/components/DatePicker/index.d.ts

@@ -1 +1,2 @@
 export { DatePickerInput, datePickerConfig } from './DatePicker';
+export { datePickerAppearance } from './DatePicker.appearance';

package/dist/types/components/Divider/index.d.ts

@@ -1 +1,2 @@
 export { Divider, dividerConfig } from './Divider';
+export { dividerAppearance } from './Divider.appearance';

package/dist/types/components/Dropdown/index.d.ts

@@ -1,3 +1,4 @@
 import { Dropdown } from './Dropdown';
 import { DropdownItem, dropdownItemConfig } from './DropdownItem';
-export { Dropdown, DropdownItem, dropdownItemConfig };
+import { dropdownItemAppearance } from './DropdownItem.appearance';
+export { Dropdown, DropdownItem, dropdownItemAppearance, dropdownItemConfig };

package/dist/types/components/Group/index.d.ts

@@ -1 +1,2 @@
 export { Group, groupConfig } from './Group';
+export { groupAppearance } from './Group.appearance';

package/dist/types/components/Icon/index.d.ts

@@ -1 +1,2 @@
 export { Icon, iconConfig } from './Icon';
+export { iconAppearance } from './Icon.appearance';

package/dist/types/components/Input/index.d.ts

@@ -1 +1,2 @@
 export { Input, inputConfig } from './Input';
+export { inputAppearance, inputState } from './Input.appearance';

package/dist/types/components/InputPassword/index.d.ts

@@ -1 +1,2 @@
+export { InputPasswordAppearance, InputPasswordState } from './InputPassword.appearance';
 export { InputPassword, inputPasswordConfig } from './InputPassword';

package/dist/types/components/Loader/index.d.ts

@@ -1 +1,2 @@
 export { Loader, loaderConfig } from './Loader';
+export { loaderAppearance } from './Loader.appearance';

package/dist/types/components/MenuItem/index.d.ts

@@ -1 +1,2 @@
 export { MenuItem, menuItemConfig } from './MenuItem';
+export { menuItemAppearance } from './MenuItem.appearance';

package/dist/types/components/Modal/index.d.ts

@@ -1,3 +1,4 @@
 import { Modal, modalConfig } from './Modal';
+import { modalAppearance } from './Modal.appearance';
 import { ModalLoader } from './ModalLoader';
-export { Modal, modalConfig, ModalLoader };
+export { Modal, modalConfig, modalAppearance, ModalLoader };

package/dist/types/components/Pagination/Pagination.appearance.d.ts

@@ -0,0 +1,2 @@
+import { paginationAppearanceType } from './Pagination.interface';
+export declare const paginationAppearance: paginationAppearanceType;

package/dist/types/components/Pagination/Pagination.interface.d.ts

@@ -53,6 +53,7 @@ interface iPaginationProps extends IPaginationThemeColor, iStyleAttributes {
     pageCountDropdownItemDividerDirection?: tDirectionProps;
     pageCountDropdownItemLabelWrap?: tTextWrapProps;
     pageCountInputIcon?: ReactNode;
+    pageCountInputIconSrc?: ReactNode;
     pageNumber: string | string;
     pageRangeDisplayed?: number;
     perPageCount?: number;

package/dist/types/components/Pagination/index.d.ts

@@ -1 +1,2 @@
 export { Pagination, paginationConfig } from './Pagination';
+export { paginationAppearance } from './Pagination.appearance';

package/dist/types/components/Radio/index.d.ts

@@ -1 +1,2 @@
 export { Radio, radioConfig } from './Radio';
+export { radioAppearance, radioState } from './Radio.appearance';

package/dist/types/components/Search/index.d.ts

@@ -1,3 +1,4 @@
+import { searchAppearance } from './Search.appearance';
 import { SearchInput, searchInputConfig } from './SearchInput';
 import { SearchResult } from './SearchResult';
-export { SearchInput, searchInputConfig, SearchResult };
+export { SearchInput, searchInputConfig, searchAppearance, SearchResult };

package/dist/types/components/Segmented/index.d.ts

@@ -1 +1,2 @@
 export { Segmented, segmentedConfig } from './Segmented';
+export { segmentedAppearance } from './Segmented.appearance';