@itcase/ui 1.2.33 → 1.2.35

package/dist/cjs/components/DadataHintField.js

@@ -5,7 +5,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var clsx = require('clsx');
 var reactDadata = require('react-dadata');
-var Input = require('../../Input-KgHOW5DR.js');
+var Input = require('../../Input-DG5yWwpp.js');
 require('../hooks/useDeviceTargetClass.js');
 require('lodash/camelCase');
 require('lodash/castArray');

package/dist/cjs/components/DatePicker.js

@@ -8,11 +8,11 @@ var locale = require('date-fns/locale');
 var DatePicker = require('react-datepicker');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
 var useStyles = require('../hooks/useStyles.js');
-var Button = require('../../Button-ChSAts3j.js');
-var Icon = require('../../Icon-C8ACV9r7.js');
-var Input = require('../../Input-KgHOW5DR.js');
-var Label = require('../../Label-B06hLCqo.js');
-var Text = require('../../Text-R6XNq6Ca.js');
+var Button = require('../../Button-BmE4TGuv.js');
+var Icon = require('../../Icon-gTZ0QO8I.js');
+var Input = require('../../Input-DG5yWwpp.js');
+var Label = require('../../Label-Ddjf4F18.js');
+var Text = require('../../Text-C-scXvy7.js');
 require('lodash/camelCase');
 require('lodash/castArray');
 require('../context/UIContext.js');
@@ -22,10 +22,10 @@ require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
 require('../../Link-CqWzwh8V.js');
-require('../../Loader-DReoCdZ2.js');
+require('../../Loader-1ZnukBPK.js');
 require('react-inlinesvg');
-require('../../Tooltip-BswHy19O.js');
-require('../../Title-DWIc05TX.js');
+require('../../Tooltip-CUL79Nsx.js');
+require('../../Title-BatSai-G.js');
 
 var datePickerAppearance = {
     dev: {},
@@ -147,4 +147,5 @@ function DatePickerInputIcon(props) {
 DatePickerInputIcon.displayName = 'DatePickerInputIcon';
 
 exports.DatePickerInput = DatePickerInput;
+exports.datePickerAppearance = datePickerAppearance;
 exports.datePickerConfig = datePickerConfig;

package/dist/cjs/components/Divider.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Divider = require('../../Divider-BoB-f9Gr.js');
+var Divider = require('../../Divider-CYvszcff.js');
 require('react/jsx-runtime');
 require('clsx');
 require('../hooks/useDeviceTargetClass.js');
@@ -18,4 +18,5 @@ require('../hooks/styleAttributes.js');
 
 
 exports.Divider = Divider.Divider;
+exports.dividerAppearance = Divider.dividerAppearance;
 exports.dividerConfig = Divider.dividerConfig;

package/dist/cjs/components/Dropdown.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var DropdownItem = require('../../DropdownItem-E9HkOU63.js');
+var DropdownItem = require('../../DropdownItem-DPBYY3cR.js');
 require('react/jsx-runtime');
 require('react');
 require('clsx');
@@ -14,13 +14,14 @@ require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
-require('../../Divider-BoB-f9Gr.js');
+require('../../Divider-CYvszcff.js');
 require('../../Link-CqWzwh8V.js');
 require('../../tslib.es6-CCZ3TN_7.js');
-require('../../Text-R6XNq6Ca.js');
+require('../../Text-C-scXvy7.js');
 
 
 
 exports.Dropdown = DropdownItem.Dropdown;
 exports.DropdownItem = DropdownItem.DropdownItem;
+exports.dropdownItemAppearance = DropdownItem.dropdownItemAppearance;
 exports.dropdownItemConfig = DropdownItem.dropdownItemConfig;

package/dist/cjs/components/Group.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Group = require('../../Group-u6YDbMxn.js');
+var Group = require('../../Group-Bf2uSl3S.js');
 require('react/jsx-runtime');
 require('react');
 require('clsx');
@@ -18,4 +18,5 @@ require('../hooks/styleAttributes.js');
 
 
 exports.Group = Group.Group;
+exports.groupAppearance = Group.groupAppearance;
 exports.groupConfig = Group.groupConfig;

package/dist/cjs/components/Icon.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Icon = require('../../Icon-C8ACV9r7.js');
+var Icon = require('../../Icon-gTZ0QO8I.js');
 require('../../tslib.es6-CCZ3TN_7.js');
 require('react/jsx-runtime');
 require('react');
@@ -17,11 +17,12 @@ require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
 require('../../Link-CqWzwh8V.js');
-require('../../Tooltip-BswHy19O.js');
-require('../../Text-R6XNq6Ca.js');
-require('../../Title-DWIc05TX.js');
+require('../../Tooltip-CUL79Nsx.js');
+require('../../Text-C-scXvy7.js');
+require('../../Title-BatSai-G.js');
 
 
 
 exports.Icon = Icon.Icon;
+exports.iconAppearance = Icon.iconAppearance;
 exports.iconConfig = Icon.iconConfig;

package/dist/cjs/components/Input.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Input = require('../../Input-KgHOW5DR.js');
+var Input = require('../../Input-DG5yWwpp.js');
 require('react/jsx-runtime');
 require('react');
 require('clsx');
@@ -14,4 +14,6 @@ require('react-responsive');
 
 
 exports.Input = Input.Input;
+exports.inputAppearance = Input.inputAppearance;
 exports.inputConfig = Input.inputConfig;
+exports.inputState = Input.inputState;

package/dist/cjs/components/InputPassword.js

@@ -4,7 +4,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var clsx = require('clsx');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
-var Icon = require('../../Icon-C8ACV9r7.js');
+var Icon = require('../../Icon-gTZ0QO8I.js');
 require('lodash/camelCase');
 require('lodash/castArray');
 require('../context/UIContext.js');
@@ -17,9 +17,9 @@ require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
 require('../../Link-CqWzwh8V.js');
-require('../../Tooltip-BswHy19O.js');
-require('../../Text-R6XNq6Ca.js');
-require('../../Title-DWIc05TX.js');
+require('../../Tooltip-CUL79Nsx.js');
+require('../../Text-C-scXvy7.js');
+require('../../Title-BatSai-G.js');
 
 var InputPasswordAppearance = {
     dev: {
@@ -178,4 +178,6 @@ InputPassword.defaultProps = {
 };
 
 exports.InputPassword = InputPassword;
+exports.InputPasswordAppearance = InputPasswordAppearance;
+exports.InputPasswordState = InputPasswordState;
 exports.inputPasswordConfig = inputPasswordConfig;

package/dist/cjs/components/Label.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Label = require('../../Label-B06hLCqo.js');
+var Label = require('../../Label-Ddjf4F18.js');
 require('react/jsx-runtime');
 require('react');
 require('clsx');
@@ -14,9 +14,9 @@ require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
-require('../../Text-R6XNq6Ca.js');
-require('../../Tooltip-BswHy19O.js');
-require('../../Title-DWIc05TX.js');
+require('../../Text-C-scXvy7.js');
+require('../../Tooltip-CUL79Nsx.js');
+require('../../Title-BatSai-G.js');
 
 
 

package/dist/cjs/components/LanguageSelector.js

@@ -2,7 +2,7 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var clsx = require('clsx');
-var Icon = require('../../Icon-C8ACV9r7.js');
+var Icon = require('../../Icon-gTZ0QO8I.js');
 require('../../tslib.es6-CCZ3TN_7.js');
 require('react');
 require('react-inlinesvg');
@@ -17,9 +17,9 @@ require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
 require('../../Link-CqWzwh8V.js');
-require('../../Tooltip-BswHy19O.js');
-require('../../Text-R6XNq6Ca.js');
-require('../../Title-DWIc05TX.js');
+require('../../Tooltip-CUL79Nsx.js');
+require('../../Text-C-scXvy7.js');
+require('../../Title-BatSai-G.js');
 
 function LanguageSelectorItem(props) {
     var label = props.label, iconSize = props.iconSize, SvgImage = props.SvgImage, isActive = props.isActive, onClick = props.onClick;

package/dist/cjs/components/Loader.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Loader = require('../../Loader-DReoCdZ2.js');
+var Loader = require('../../Loader-1ZnukBPK.js');
 require('react/jsx-runtime');
 require('clsx');
 require('../hooks/useDeviceTargetClass.js');
@@ -14,9 +14,10 @@ require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
-require('../../Text-R6XNq6Ca.js');
+require('../../Text-C-scXvy7.js');
 
 
 
 exports.Loader = Loader.Loader;
+exports.loaderAppearance = Loader.loaderAppearance;
 exports.loaderConfig = Loader.loaderConfig;

package/dist/cjs/components/Menu.js

@@ -4,7 +4,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var clsx = require('clsx');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
 var useStyles = require('../hooks/useStyles.js');
-var MenuItem = require('../../MenuItem-BXogEsbS.js');
+var MenuItem = require('../../MenuItem-Cqt0EcgC.js');
 require('react');
 require('lodash/camelCase');
 require('lodash/castArray');
@@ -16,7 +16,7 @@ require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
 require('../../Link-CqWzwh8V.js');
 require('../../tslib.es6-CCZ3TN_7.js');
-require('../../Text-R6XNq6Ca.js');
+require('../../Text-C-scXvy7.js');
 
 function Menu(props) {
     var after = props.after, before = props.before, children = props.children, className = props.className, items = props.items, type = props.type, onClickItem = props.onClickItem;

package/dist/cjs/components/MenuItem.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var MenuItem = require('../../MenuItem-BXogEsbS.js');
+var MenuItem = require('../../MenuItem-Cqt0EcgC.js');
 require('react/jsx-runtime');
 require('react');
 require('clsx');
@@ -16,9 +16,10 @@ require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
 require('../../Link-CqWzwh8V.js');
 require('../../tslib.es6-CCZ3TN_7.js');
-require('../../Text-R6XNq6Ca.js');
+require('../../Text-C-scXvy7.js');
 
 
 
 exports.MenuItem = MenuItem.MenuItem;
+exports.menuItemAppearance = MenuItem.menuItemAppearance;
 exports.menuItemConfig = MenuItem.menuItemConfig;

package/dist/cjs/components/Modal.js

@@ -7,7 +7,7 @@ var ReactDOM = require('react-dom');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
 var useStyles = require('../hooks/useStyles.js');
 var Overlay = require('../../Overlay-CFXouKnl.js');
-var Loader = require('../../Loader-DReoCdZ2.js');
+var Loader = require('../../Loader-1ZnukBPK.js');
 require('lodash/camelCase');
 require('lodash/castArray');
 require('../context/UIContext.js');
@@ -16,7 +16,7 @@ require('react-responsive');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
-require('../../Text-R6XNq6Ca.js');
+require('../../Text-C-scXvy7.js');
 
 var modalAppearance = {
     dev: {},
@@ -194,4 +194,5 @@ function ModalLoader(props) {
 
 exports.Modal = Modal;
 exports.ModalLoader = ModalLoader;
+exports.modalAppearance = modalAppearance;
 exports.modalConfig = modalConfig;

package/dist/cjs/components/Notification.js

@@ -4,8 +4,8 @@ var jsxRuntime = require('react/jsx-runtime');
 var clsx = require('clsx');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
 var useStyles = require('../hooks/useStyles.js');
-var Text = require('../../Text-R6XNq6Ca.js');
-var Title = require('../../Title-DWIc05TX.js');
+var Text = require('../../Text-C-scXvy7.js');
+var Title = require('../../Title-BatSai-G.js');
 var Notifications = require('../context/Notifications.js');
 require('react');
 require('lodash/camelCase');

package/dist/cjs/components/Pagination.js

@@ -6,9 +6,9 @@ var clsx = require('clsx');
 var ceil = require('lodash/ceil');
 var ReactPaginate = require('react-paginate');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
-var DropdownItem = require('../../DropdownItem-E9HkOU63.js');
-var Icon = require('../../Icon-C8ACV9r7.js');
-var Text = require('../../Text-R6XNq6Ca.js');
+var DropdownItem = require('../../DropdownItem-DPBYY3cR.js');
+var Icon = require('../../Icon-gTZ0QO8I.js');
+var Text = require('../../Text-C-scXvy7.js');
 require('lodash/camelCase');
 require('lodash/castArray');
 require('../context/UIContext.js');
@@ -18,21 +18,56 @@ require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
-require('../../Divider-BoB-f9Gr.js');
+require('../../Divider-CYvszcff.js');
 require('../../Link-CqWzwh8V.js');
 require('../../tslib.es6-CCZ3TN_7.js');
 require('react-inlinesvg');
-require('../../Tooltip-BswHy19O.js');
-require('../../Title-DWIc05TX.js');
+require('../../Tooltip-CUL79Nsx.js');
+require('../../Title-BatSai-G.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
      */
@@ -122,7 +157,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: [jsxRuntime.jsx(Text.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 }), jsxRuntime.jsx(Icon.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 }), jsxRuntime.jsx(DropdownItem.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: [jsxRuntime.jsx(Text.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 }), jsxRuntime.jsx(Icon.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 }), jsxRuntime.jsx(DropdownItem.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 ? (jsxRuntime.jsx(DropdownItem.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 ||
@@ -145,4 +180,5 @@ function Pagination(props) {
 }
 
 exports.Pagination = Pagination;
+exports.paginationAppearance = paginationAppearance;
 exports.paginationConfig = paginationConfig;

package/dist/cjs/components/Panel.js

@@ -5,8 +5,8 @@ var React = require('react');
 var clsx = require('clsx');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
 var useStyles = require('../hooks/useStyles.js');
-var Group = require('../../Group-u6YDbMxn.js');
-var Text = require('../../Text-R6XNq6Ca.js');
+var Group = require('../../Group-Bf2uSl3S.js');
+var Text = require('../../Text-C-scXvy7.js');
 require('lodash/camelCase');
 require('lodash/castArray');
 require('../context/UIContext.js');

package/dist/cjs/components/Radio.js

@@ -3,7 +3,7 @@
 var jsxRuntime = require('react/jsx-runtime');
 var clsx = require('clsx');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
-var Text = require('../../Text-R6XNq6Ca.js');
+var Text = require('../../Text-C-scXvy7.js');
 require('react');
 require('lodash/camelCase');
 require('lodash/castArray');
@@ -115,4 +115,6 @@ Radio.defaultProps = {
 };
 
 exports.Radio = Radio;
+exports.radioAppearance = radioAppearance;
 exports.radioConfig = radioConfig;
+exports.radioState = radioState;

package/dist/cjs/components/Response.js

@@ -7,10 +7,10 @@ var clsx = require('clsx');
 var SVG = require('react-inlinesvg');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
 var useStyles = require('../hooks/useStyles.js');
-var Button = require('../../Button-ChSAts3j.js');
-var Group = require('../../Group-u6YDbMxn.js');
-var Text = require('../../Text-R6XNq6Ca.js');
-var Title = require('../../Title-DWIc05TX.js');
+var Button = require('../../Button-BmE4TGuv.js');
+var Group = require('../../Group-Bf2uSl3S.js');
+var Text = require('../../Text-C-scXvy7.js');
+var Title = require('../../Title-BatSai-G.js');
 require('lodash/camelCase');
 require('lodash/castArray');
 require('../context/UIContext.js');
@@ -19,10 +19,10 @@ require('react-responsive');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
-require('../../Icon-C8ACV9r7.js');
+require('../../Icon-gTZ0QO8I.js');
 require('../../Link-CqWzwh8V.js');
-require('../../Tooltip-BswHy19O.js');
-require('../../Loader-DReoCdZ2.js');
+require('../../Tooltip-CUL79Nsx.js');
+require('../../Loader-1ZnukBPK.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/cjs/components/Search.js

@@ -5,8 +5,8 @@ var React = require('react');
 var clsx = require('clsx');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
 var useStyles = require('../hooks/useStyles.js');
-var Icon = require('../../Icon-C8ACV9r7.js');
-var Text = require('../../Text-R6XNq6Ca.js');
+var Icon = require('../../Icon-gTZ0QO8I.js');
+var Text = require('../../Text-C-scXvy7.js');
 var Scrollbar = require('../../Scrollbar-CKbA0jQU.js');
 require('lodash/camelCase');
 require('lodash/castArray');
@@ -19,8 +19,8 @@ require('../hooks/styleAttributes.js');
 require('../../tslib.es6-CCZ3TN_7.js');
 require('react-inlinesvg');
 require('../../Link-CqWzwh8V.js');
-require('../../Tooltip-BswHy19O.js');
-require('../../Title-DWIc05TX.js');
+require('../../Tooltip-CUL79Nsx.js');
+require('../../Title-BatSai-G.js');
 require('react-scrollbars-custom');
 
 var searchAppearance = {
@@ -143,4 +143,5 @@ var SearchResult = React.forwardRef(function SearchResult(props, ref) {
 
 exports.SearchInput = SearchInput;
 exports.SearchResult = SearchResult;
+exports.searchAppearance = searchAppearance;
 exports.searchInputConfig = searchInputConfig;

package/dist/cjs/components/Segmented.js

@@ -4,7 +4,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var clsx = require('clsx');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
-var Text = require('../../Text-R6XNq6Ca.js');
+var Text = require('../../Text-C-scXvy7.js');
 require('lodash/camelCase');
 require('lodash/castArray');
 require('../context/UIContext.js');
@@ -118,4 +118,5 @@ var Segmented = React.forwardRef(function (props, ref) {
 Segmented.displayName = 'Segmented';
 
 exports.Segmented = Segmented;
+exports.segmentedAppearance = segmentedAppearance;
 exports.segmentedConfig = segmentedConfig;

package/dist/cjs/components/Select.js

@@ -3,15 +3,15 @@
 var tslib_es6 = require('../../tslib.es6-CCZ3TN_7.js');
 var jsxRuntime = require('react/jsx-runtime');
 var Select = require('react-select');
-var Icon = require('../../Icon-C8ACV9r7.js');
+var Icon = require('../../Icon-gTZ0QO8I.js');
 var React = require('react');
 var clsx = require('clsx');
 var CreatableSelect = require('react-select/creatable');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
-var Text = require('../../Text-R6XNq6Ca.js');
-var Badge = require('../../Badge-_xQzAcyN.js');
-var Group = require('../../Group-u6YDbMxn.js');
-var Divider = require('../../Divider-BoB-f9Gr.js');
+var Text = require('../../Text-C-scXvy7.js');
+var Badge = require('../../Badge-BZf2D83-.js');
+var Group = require('../../Group-Bf2uSl3S.js');
+var Divider = require('../../Divider-CYvszcff.js');
 require('react-inlinesvg');
 require('../hooks/useStyles.js');
 require('lodash/camelCase');
@@ -22,8 +22,8 @@ require('../hooks/useMediaQueries.js');
 require('react-responsive');
 require('../hooks/styleAttributes.js');
 require('../../Link-CqWzwh8V.js');
-require('../../Tooltip-BswHy19O.js');
-require('../../Title-DWIc05TX.js');
+require('../../Tooltip-CUL79Nsx.js');
+require('../../Title-BatSai-G.js');
 require('lodash/castArray');
 
 var selectAppearance = {

package/dist/cjs/components/SiteMenu.js

@@ -5,8 +5,8 @@ var React = require('react');
 var clsx = require('clsx');
 var UIContext = require('../context/UIContext.js');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
-var Icon = require('../../Icon-C8ACV9r7.js');
-var Text = require('../../Text-R6XNq6Ca.js');
+var Icon = require('../../Icon-gTZ0QO8I.js');
+var Text = require('../../Text-C-scXvy7.js');
 require('../hooks/useMediaQueries.js');
 require('react-responsive');
 require('lodash/camelCase');
@@ -18,8 +18,8 @@ require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
 require('../../Link-CqWzwh8V.js');
-require('../../Tooltip-BswHy19O.js');
-require('../../Title-DWIc05TX.js');
+require('../../Tooltip-CUL79Nsx.js');
+require('../../Title-BatSai-G.js');
 
 var siteMenuAppearance = {
     dev: {},
@@ -85,4 +85,5 @@ function SiteMenuButton(props) {
 
 exports.SiteMenu = SiteMenu;
 exports.SiteMenuButton = SiteMenuButton;
+exports.siteMenuAppearance = siteMenuAppearance;
 exports.siteMenuConfig = siteMenuConfig;

package/dist/cjs/components/Swiper.js

@@ -6,7 +6,7 @@ var clsx = require('clsx');
 var react = require('swiper/react');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
 var useStyles = require('../hooks/useStyles.js');
-var Title = require('../../Title-DWIc05TX.js');
+var Title = require('../../Title-BatSai-G.js');
 require('lodash/camelCase');
 require('lodash/castArray');
 require('../context/UIContext.js');

package/dist/cjs/components/Switch.js

@@ -23,4 +23,5 @@ var Switch = React.forwardRef(function Switch(props, ref) {
 });
 
 exports.Switch = Switch;
+exports.switchAppearance = switchAppearance;
 exports.switchConfig = switchConfig;

package/dist/cjs/components/Tab.js

@@ -5,10 +5,10 @@ var React = require('react');
 var clsx = require('clsx');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
 var useStyles = require('../hooks/useStyles.js');
-var Badge = require('../../Badge-_xQzAcyN.js');
-var Divider = require('../../Divider-BoB-f9Gr.js');
+var Badge = require('../../Badge-BZf2D83-.js');
+var Divider = require('../../Divider-CYvszcff.js');
 var Link = require('../../Link-CqWzwh8V.js');
-var Text = require('../../Text-R6XNq6Ca.js');
+var Text = require('../../Text-C-scXvy7.js');
 require('lodash/camelCase');
 require('lodash/castArray');
 require('../context/UIContext.js');

package/dist/cjs/components/Text.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Text = require('../../Text-R6XNq6Ca.js');
+var Text = require('../../Text-C-scXvy7.js');
 require('react/jsx-runtime');
 require('clsx');
 require('../hooks/useDeviceTargetClass.js');
@@ -18,4 +18,5 @@ require('../hooks/styleAttributes.js');
 
 
 exports.Text = Text.Text;
+exports.textAppearance = Text.textAppearance;
 exports.textConfig = Text.textConfig;

package/dist/cjs/components/Textarea.js

@@ -157,4 +157,6 @@ Textarea.defaultProps = {
 };
 
 exports.Textarea = Textarea;
+exports.textareaAppearance = textareaAppearance;
 exports.textareaConfig = textareaConfig;
+exports.textareaState = textareaState;