@itcase/ui 1.1.7 → 1.1.9

package/dist/components/Select.js

@@ -1,26 +1,18 @@
 import * as React from 'react';
 import React__default, { forwardRef, useContext, useLayoutEffect, useEffect, useRef, useState, createContext, useMemo, useCallback, Component, Fragment } from 'react';
 import PropTypes from 'prop-types';
-import { Icon } from './Icon.js';
+import { I as Icon } from '../Icon-Dn2eEZvb.js';
 import Select$1, { components as components$1 } from 'react-select';
 import clsx from 'clsx';
 import { createPortal } from 'react-dom';
 import { a as autoUpdate } from '../floating-ui.dom-BQ7wiYTi.js';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
+import { T as Text } from '../Text-BcGbRc14.js';
 import { Badge } from './Badge.js';
-import { T as Text } from '../Text-DffpwlYq.js';
-import { G as Group$2 } from '../Group-DhYXDvAJ.js';
-import { Divider } from './Divider.js';
-import 'react-inlinesvg';
-import './Link.js';
-import '../constants/componentProps/fill.js';
-import '../constants/componentProps/size.js';
-import '../constants/componentProps/textColor.js';
-import '../constants/componentProps/textGradient.js';
-import '../constants/componentProps/textStyle.js';
-import '../constants/componentProps/textWeight.js';
-import '../constants/componentProps/type.js';
-import '../constants/componentProps/underline.js';
+import { G as Group$2 } from '../Group-fbVPmr8W.js';
+import { D as Divider } from '../Divider-BlBwMHgl.js';
+import '../Link-ByBzBRDH.js';
+import '../jsx-runtime-ClDdVO4Q.js';
 import '../hooks/useStyles.js';
 import 'lodash/camelCase';
 import 'lodash/maxBy';
@@ -29,21 +21,22 @@ import '../hooks/styleAttributes.js';
 import '../context/UIContext.js';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
-import 'lodash/castArray';
-import '../constants/componentProps/borderColor.js';
-import '../constants/componentProps/borderType.js';
-import '../constants/componentProps/iconSize.js';
-import '../constants/componentProps/shape.js';
-import '../constants/componentProps/strokeColor.js';
+import 'react-inlinesvg';
 import './Tooltip.js';
 import './Title.js';
+import '../constants/componentProps/fill.js';
 import '../constants/componentProps/textAlign.js';
+import '../constants/componentProps/textColor.js';
+import '../constants/componentProps/textGradient.js';
+import '../constants/componentProps/textStyle.js';
+import '../constants/componentProps/textWeight.js';
 import '../constants/componentProps/titleSize.js';
+import '../constants/componentProps/type.js';
 import '../constants/componentProps/wrap.js';
+import 'lodash/castArray';
+import '../constants/componentProps/size.js';
 import '../constants/componentProps/textSize.js';
-import '../jsx-runtime-ClDdVO4Q.js';
-import '../constants/componentProps/direction.js';
-import '../constants/componentProps/width.js';
+import '../constants/componentProps/shape.js';
 
 const SelectClearIndicator = props => {
   const {
@@ -7433,45 +7426,29 @@ SelectControl.__docgenInfo = {
   }
 };
 
-const SelectIndicatorsContainer = props => {
-  const {
-    badgeAppearance,
-    badgeSize,
-    badgeTextSize,
-    showBadge,
-    value
-  } = props.selectProps;
-  return /*#__PURE__*/React__default.createElement(components$1.IndicatorsContainer, props, showBadge && value?.length > 0 ? /*#__PURE__*/React__default.createElement(Badge, {
-    appearance: badgeAppearance,
-    size: badgeSize,
-    textSize: badgeTextSize,
-    value: value.length
-  }) : null, props.children);
-};
-SelectIndicatorsContainer.propTypes = {};
-SelectIndicatorsContainer.__docgenInfo = {
-  "description": "",
-  "methods": [],
-  "displayName": "SelectIndicatorsContainer"
-};
-
 const SelectDropdownIndicator = props => {
   const {
+    dropdownFillHover,
     dropdownIcon,
     dropdownIconFill,
+    dropdownIconShape,
     dropdownIconStroke
   } = props.selectProps;
   return /*#__PURE__*/React__default.createElement(components$1.DropdownIndicator, props, dropdownIcon ? /*#__PURE__*/React__default.createElement(Icon, {
     SvgImage: dropdownIcon,
     iconFill: dropdownIconFill,
-    iconStroke: dropdownIconStroke
+    fillHover: dropdownFillHover,
+    iconStroke: dropdownIconStroke,
+    shape: dropdownIconShape
   }) : props.children);
 };
 SelectDropdownIndicator.propTypes = {
   selectProps: PropTypes.shape({
     // "dropdownIcon" is SvgImage(file.svg)
+    dropdownFillHover: PropTypes.string,
     dropdownIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.element]),
     dropdownIconFill: PropTypes.string,
+    dropdownIconShape: PropTypes.string,
     dropdownIconStroke: PropTypes.string
   })
 };
@@ -7485,6 +7462,10 @@ SelectDropdownIndicator.__docgenInfo = {
       "type": {
         "name": "shape",
         "value": {
+          "dropdownFillHover": {
+            "name": "string",
+            "required": false
+          },
           "dropdownIcon": {
             "name": "union",
             "value": [{
@@ -7498,6 +7479,10 @@ SelectDropdownIndicator.__docgenInfo = {
             "name": "string",
             "required": false
           },
+          "dropdownIconShape": {
+            "name": "string",
+            "required": false
+          },
           "dropdownIconStroke": {
             "name": "string",
             "required": false
@@ -7544,6 +7529,28 @@ SelectGroupHeading.__docgenInfo = {
   }
 };
 
+const SelectIndicatorsContainer = props => {
+  const {
+    badgeAppearance,
+    badgeSize,
+    badgeTextSize,
+    showBadge,
+    value
+  } = props.selectProps;
+  return /*#__PURE__*/React__default.createElement(components$1.IndicatorsContainer, props, showBadge && value?.length > 0 ? /*#__PURE__*/React__default.createElement(Badge, {
+    appearance: badgeAppearance,
+    size: badgeSize,
+    textSize: badgeTextSize,
+    value: value.length
+  }) : null, props.children);
+};
+SelectIndicatorsContainer.propTypes = {};
+SelectIndicatorsContainer.__docgenInfo = {
+  "description": "",
+  "methods": [],
+  "displayName": "SelectIndicatorsContainer"
+};
+
 const SelectInput = props => {
   const {
     inputTextSize,
@@ -8046,8 +8053,10 @@ const SelectContainer = /*#__PURE__*/React__default.forwardRef(function SelectCo
     dividerDirection,
     dividerFill,
     dividerSize,
+    dropdownFillHover,
     dropdownIcon,
     dropdownIconFill,
+    dropdownIconShape,
     dropdownIconStroke,
     multipleItemIcon,
     multipleItemIconFill,
@@ -8230,8 +8239,10 @@ const SelectContainer = /*#__PURE__*/React__default.forwardRef(function SelectCo
     dividerDirection: dividerDirection,
     dividerFill: dividerFill,
     dividerSize: dividerSize,
+    dropdownFillHover: dropdownFillHover,
     dropdownIcon: dropdownIcon,
     dropdownIconFill: dropdownIconFill,
+    dropdownIconShape: dropdownIconShape,
     dropdownIconStroke: dropdownIconStroke,
     elevation: elevation || selectAppearanceItem.elevation,
     filterOption: filterOption,
@@ -8300,8 +8311,10 @@ SelectContainer.propTypes = {
   clearIconStroke: PropTypes.string,
   closeMenuOnSelect: PropTypes.bool,
   // "dropdownIcon" is SvgImage(file.svg)
+  dropdownFillHover: PropTypes.string,
   dropdownIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.element]),
   dropdownIconFill: PropTypes.string,
+  dropdownIconShape: PropTypes.string,
   dropdownIconStroke: PropTypes.string,
   filterOption: PropTypes.func,
   initialValue: PropTypes.any,
@@ -8378,6 +8391,13 @@ SelectContainer.__docgenInfo = {
       },
       "required": false
     },
+    "dropdownFillHover": {
+      "description": "",
+      "type": {
+        "name": "string"
+      },
+      "required": false
+    },
     "dropdownIcon": {
       "description": "",
       "type": {
@@ -8397,6 +8417,13 @@ SelectContainer.__docgenInfo = {
       },
       "required": false
     },
+    "dropdownIconShape": {
+      "description": "",
+      "type": {
+        "name": "string"
+      },
+      "required": false
+    },
     "dropdownIconStroke": {
       "description": "",
       "type": {

package/dist/components/SiteMenu.js

@@ -1,4 +1,4 @@
-export { S as SiteMenu, a as SiteMenuButton } from '../SiteMenuButton-DE_hCJUV.js';
+export { S as SiteMenu, a as SiteMenuButton } from '../SiteMenuButton-BFmti8pF.js';
 import 'react';
 import 'prop-types';
 import 'clsx';
@@ -8,31 +8,26 @@ import 'react-responsive';
 import '../hooks/useDeviceTargetClass.js';
 import 'lodash/castArray';
 import 'lodash/camelCase';
-import './Icon.js';
-import 'react-inlinesvg';
-import './Link.js';
-import '../constants/componentProps/fill.js';
-import '../constants/componentProps/size.js';
-import '../constants/componentProps/textColor.js';
-import '../constants/componentProps/textGradient.js';
-import '../constants/componentProps/textStyle.js';
-import '../constants/componentProps/textWeight.js';
-import '../constants/componentProps/type.js';
-import '../constants/componentProps/underline.js';
+import '../Icon-Dn2eEZvb.js';
+import '../Link-ByBzBRDH.js';
+import '../jsx-runtime-ClDdVO4Q.js';
 import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../constants/componentProps/borderColor.js';
-import '../constants/componentProps/borderType.js';
-import '../constants/componentProps/iconSize.js';
-import '../constants/componentProps/shape.js';
-import '../constants/componentProps/strokeColor.js';
+import 'react-inlinesvg';
 import './Tooltip.js';
-import '../Text-DffpwlYq.js';
-import '../jsx-runtime-ClDdVO4Q.js';
+import '../Text-BcGbRc14.js';
 import './Title.js';
+import '../constants/componentProps/fill.js';
 import '../constants/componentProps/textAlign.js';
+import '../constants/componentProps/textColor.js';
+import '../constants/componentProps/textGradient.js';
+import '../constants/componentProps/textStyle.js';
+import '../constants/componentProps/textWeight.js';
 import '../constants/componentProps/titleSize.js';
+import '../constants/componentProps/type.js';
 import '../constants/componentProps/wrap.js';
+import '../constants/componentProps/size.js';
 import '../constants/componentProps/textSize.js';
+import '../constants/componentProps/shape.js';

package/dist/components/Tab.js

@@ -1,10 +1,10 @@
-export { T as Tab, a as TabGroup, t as tabConfig } from '../TabGroup-CCR5jORT.js';
+export { T as Tab, a as TabGroup, t as tabConfig } from '../TabGroup-CjmtgOMw.js';
 import 'react';
 import 'prop-types';
 import 'clsx';
 import './Badge.js';
 import '../constants/componentProps/shape.js';
-import '../Text-DffpwlYq.js';
+import '../Text-BcGbRc14.js';
 import '../jsx-runtime-ClDdVO4Q.js';
 import '../hooks/useDeviceTargetClass.js';
 import 'lodash/castArray';
@@ -16,19 +16,19 @@ import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import './Link.js';
+import '../Link-ByBzBRDH.js';
+import '../Divider-BlBwMHgl.js';
 import '../constants/componentProps/fill.js';
-import '../constants/componentProps/size.js';
+import '../constants/componentProps/textColorActive.js';
+import '../constants/componentProps/textColorHover.js';
 import '../constants/componentProps/textColor.js';
 import '../constants/componentProps/textGradient.js';
 import '../constants/componentProps/textStyle.js';
 import '../constants/componentProps/textWeight.js';
 import '../constants/componentProps/type.js';
 import '../constants/componentProps/underline.js';
-import './Divider.js';
+import '../constants/componentProps/size.js';
 import '../constants/componentProps/direction.js';
-import '../constants/componentProps/width.js';
-import '../constants/componentProps/textColorActive.js';
-import '../constants/componentProps/textColorHover.js';
 import '../constants/componentProps/stacking.js';
 import '../constants/componentProps/wrap.js';
+import '../constants/componentProps/width.js';

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

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

package/dist/components/Text.js

@@ -1,4 +1,4 @@
-export { T as Text, t as textConfig } from '../Text-DffpwlYq.js';
+export { T as Text, t as textConfig } from '../Text-BcGbRc14.js';
 import '../jsx-runtime-ClDdVO4Q.js';
 import 'react';
 import 'clsx';

package/dist/components/Tile.js

@@ -2,9 +2,9 @@ import React__default from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import { Badge } from './Badge.js';
-import './Icon.js';
+import '../Icon-Dn2eEZvb.js';
 import { Title } from './Title.js';
-import { T as Text } from '../Text-DffpwlYq.js';
+import { T as Text } from '../Text-BcGbRc14.js';
 import alignProps from '../constants/componentProps/align.js';
 import alignDirectionProps from '../constants/componentProps/alignDirection.js';
 import borderColorProps from '../constants/componentProps/borderColor.js';
@@ -27,18 +27,15 @@ import 'react-responsive';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
+import '../Link-ByBzBRDH.js';
 import 'react-inlinesvg';
-import './Link.js';
+import './Tooltip.js';
+import '../constants/componentProps/titleSize.js';
+import '../constants/componentProps/textAlign.js';
 import '../constants/componentProps/textGradient.js';
 import '../constants/componentProps/textStyle.js';
 import '../constants/componentProps/textWeight.js';
 import '../constants/componentProps/type.js';
-import '../constants/componentProps/underline.js';
-import '../constants/componentProps/iconSize.js';
-import '../constants/componentProps/strokeColor.js';
-import './Tooltip.js';
-import '../constants/componentProps/titleSize.js';
-import '../constants/componentProps/textAlign.js';
 import '../constants/componentProps/wrap.js';
 
 function Tile(props) {

package/dist/components/Tooltip.js

@@ -1,7 +1,7 @@
 import React__default, { useRef, useState, useCallback, useImperativeHandle } from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
-import { T as Text } from '../Text-DffpwlYq.js';
+import { T as Text } from '../Text-BcGbRc14.js';
 import { Title } from './Title.js';
 import sizeProps from '../constants/componentProps/size.js';
 import textSizeProps from '../constants/componentProps/textSize.js';

package/dist/components.js

@@ -1,8 +1,8 @@
-export { A as Accordion, a as AccordionItem } from './Accordion-JS45IVx7.js';
-export { Avatar } from './components/Avatar.js';
+export { A as Accordion, a as AccordionItem } from './Accordion-CqPVnTKh.js';
+export { A as Avatar } from './Avatar-DB6Si0s1.js';
 export { Badge, badgeConfig } from './components/Badge.js';
-export { B as Breadcrumbs, a as BreadcrumbsItem } from './Breadcrumbs-KOoMbWmP.js';
-export { Button, buttonConfig } from './components/Button.js';
+export { B as Breadcrumbs, a as BreadcrumbsItem } from './Breadcrumbs-B79kOtMG.js';
+export { B as Button, b as buttonConfig } from './Button-B7vbiqrJ.js';
 export { Caption } from './components/Caption.js';
 export { Card } from './components/Card.js';
 export { Cell } from './components/Cell.js';
@@ -10,46 +10,46 @@ export { Checkbox, checkboxConfig } from './components/Checkbox.js';
 export { Chips, chipsConfig } from './components/Chips.js';
 export { Choice, choiceConfig } from './components/Choice.js';
 export { Code } from './components/Code.js';
-export { C as ContextMenu, a as ContextMenuItem } from './ContextMenuItem-CF5L8xev.js';
+export { C as ContextMenu, a as ContextMenuItem } from './ContextMenuItem-BPqsjmSA.js';
 export { CookiesWarning } from './components/CookiesWarning.js';
 export { DadataHintField } from './components/DadataHintField.js';
 export { DatePickerInput } from './components/DatePicker.js';
-export { Divider } from './components/Divider.js';
-export { Dot } from './components/Dot.js';
+export { D as Divider } from './Divider-BlBwMHgl.js';
+export { D as Dot } from './Dot-C3R1y59u.js';
 export { Drawer } from './components/Drawer.js';
-export { D as Dropdown, a as DropdownItem } from './DropdownItem-C0gYXEq6.js';
-export { F as Flex, a as FlexItem } from './FlexItem-DHynUt6v.js';
-export { C as ChoiceField, F as FormField, P as PasswordField, a as SelectField, S as SwitchField } from './SelectField-uEsQcoxF.js';
-export { G as Grid, b as GridItem, a as GridRow } from './GridRow-Buc4dsHd.js';
-export { G as Group, g as groupConfig } from './Group-DhYXDvAJ.js';
-export { Icon, iconConfig } from './components/Icon.js';
+export { D as Dropdown, a as DropdownItem } from './DropdownItem-Dgf0LRhx.js';
+export { F as Flex, a as FlexItem } from './FlexItem-DzNgFIa0.js';
+export { C as ChoiceField, F as FormField, P as PasswordField, a as SelectField, S as SwitchField } from './SelectField-CpQMWXaC.js';
+export { G as Grid, b as GridItem, a as GridRow } from './GridRow-Cc-rz56R.js';
+export { G as Group, g as groupConfig } from './Group-fbVPmr8W.js';
+export { I as Icon, i as iconConfig } from './Icon-Dn2eEZvb.js';
 export { Image } from './components/Image.js';
 export { Input, inputConfig } from './components/Input.js';
 export { inputPasswordConfig } from './components/InputPassword.js';
 export { Label, labelConfig } from './components/Label.js';
 export { LanguageSelector } from './components/LanguageSelector.js';
-export { Link, LinkWrapper, linkConfig } from './components/Link.js';
-export { L as List, a as ListItem } from './ListItem-DYbK4_8c.js';
+export { L as Link, a as LinkWrapper, l as linkConfig } from './Link-ByBzBRDH.js';
+export { L as List, a as ListItem } from './ListItem-Cf8r3w8t.js';
 export { Loader, loaderConfig } from './components/Loader.js';
 export { Logo } from './components/Logo.js';
 export { Menu } from './components/Menu.js';
 export { MenuItem, menuItemConfig } from './components/MenuItem.js';
 export { M as Modal, a as ModalLoader } from './ModalLoader-DJVKhIZR.js';
-export { N as NotificationItem, a as NotificationList, n as notificationItemConfig } from './NotificationList-KbxjrO3o.js';
+export { N as NotificationItem, a as NotificationList, n as notificationItemConfig } from './NotificationList-CJyEnxWw.js';
 export { Page } from './components/Page.js';
 export { Pagination } from './components/Pagination.js';
 export { Radio, radioConfig } from './components/Radio.js';
 export { RangeSlider } from './components/RangeSlider.js';
 export { Response, responseConfig } from './components/Response.js';
 export { Scrollbar } from './components/Scrollbar.js';
-export { S as SearchInput, a as SearchResult } from './SearchResult-DNPmzvp8.js';
+export { S as SearchInput, a as SearchResult } from './SearchResult-erxB06IL.js';
 export { Segmented, segmentedConfig } from './components/Segmented.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-DE_hCJUV.js';
+export { S as SiteMenu, a as SiteMenuButton } from './SiteMenuButton-BFmti8pF.js';
 export { Swiper } from './components/Swiper.js';
 export { Switch } from './components/Switch.js';
-export { T as Tab, a as TabGroup, t as tabConfig } from './TabGroup-CCR5jORT.js';
-export { T as Text, t as textConfig } from './Text-DffpwlYq.js';
+export { T as Tab, a as TabGroup, t as tabConfig } from './TabGroup-CjmtgOMw.js';
+export { T as Text, t as textConfig } from './Text-BcGbRc14.js';
 export { Textarea, textareaConfig } from './components/Textarea.js';
 export { Tile } from './components/Tile.js';
 export { Title, titleConfig } from './components/Title.js';
@@ -71,46 +71,39 @@ import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import './hooks/styleAttributes.js';
 import './constants/componentProps/shape.js';
-import './constants/componentProps/sizePX.js';
 import './constants/componentProps/direction.js';
 import './constants/componentProps/fill.js';
 import './constants/componentProps/position.js';
 import './constants/componentProps/width.js';
-import './constants/componentProps/borderType.js';
-import './constants/componentProps/size.js';
-import './constants/componentProps/type.js';
 import './constants/componentProps/fillGradient.js';
 import './constants/componentProps/captionPosition.js';
+import './constants/componentProps/size.js';
 import './constants/componentProps/horizontalResizeMode.js';
 import './constants/componentProps/textSize.js';
 import './constants/componentProps/textColor.js';
 import './constants/componentProps/textAlign.js';
+import './constants/componentProps/borderType.js';
 import 'js-cookie';
 import 'crypto';
 import 'react-dom';
 import './floating-ui.dom-BQ7wiYTi.js';
+import './constants/componentProps/type.js';
 import './constants/componentProps/underline.js';
-import './constants/componentProps/gridJustifyItems.js';
-import './constants/componentProps/gridAlign.js';
-import './constants/componentProps/verticalResizeMode.js';
-import './constants/componentProps/gridAlignSelf.js';
-import './constants/componentProps/gridJustifySelf.js';
 import 'react-inlinesvg';
 import './constants/componentProps/borderColor.js';
-import './constants/componentProps/iconSize.js';
-import './constants/componentProps/strokeColor.js';
 import './constants/componentProps/resizeMode.js';
-import './constants/componentProps/textGradient.js';
 import './constants/componentProps/textStyle.js';
 import './constants/componentProps/textWeight.js';
 import './constants/componentProps/align.js';
 import './constants/componentProps/alignDirection.js';
 import './constants/componentProps/textColorActive.js';
 import './constants/componentProps/textColorHover.js';
+import './constants/componentProps/textGradient.js';
 import './constants/componentProps/textWrap.js';
 import './components/Overlay.js';
 import './context/Notifications.js';
 import 'uuid';
+import './constants/componentProps/verticalResizeMode.js';
 import 'lodash/ceil';
 import 'react-paginate';
 import 'rc-slider';

package/dist/context/Notifications.js

@@ -1,3 +1,4 @@
+'use client';
 import React__default, { useState, useCallback, useMemo, useContext, createContext } from 'react';
 import PropTypes from 'prop-types';
 import { v4 } from 'uuid';

package/dist/context/UIContext.js

@@ -1,3 +1,4 @@
+'use client';
 import React__default, { useContext, memo, useState, useMemo, createContext } from 'react';
 import PropTypes from 'prop-types';
 import { useMediaQueries } from '../hooks/useMediaQueries.js';

package/dist/css/components/Button/Button.css

@@ -50,12 +50,13 @@
     @each $size in xxs, xs, s, m, l, xl, xxl {
       &_$(size) {
         ^^&__wrapper {
-          padding: var(--button-size-$(size)-padding);
+          padding: var(--button-size-$(size)-label-padding);
         }
         &^^&_type_with-icon {
           &_$(size) {
             ^^^^&__wrapper {
               gap: var(--button-size-$(size)-gap);
+              padding: var(--button-size-$(size)-label-icon-padding);
             }
           }
         }
@@ -69,6 +70,16 @@
       ^^&__loader {
         display: flex;
         position: absolute;
+        padding: var(--button-size-$(size)-label-icon-padding);
+      }
+      &.button_size {
+        @each $size in xxs, xs, s, m, l, xl, xxl {
+          &_$(size) {
+            & ^^^^&__wrapper {
+              padding: var(--button-size-$(size)-loader-padding);
+            }
+          }
+        }
       }
     }
   }

package/dist/css/components/Dot/Dot.css

@@ -1,10 +1,16 @@
 .dot {
 }
 .dot {
-  min-width: var(--dot-width, 16px);
-  min-height: var(--dot-height, 16px);
-  max-width: var(--dot-width, 16px);
-  max-height: var(--dot-height, 16px);
+  &_size {
+    @each $size in s, m, l {
+      &_$(size) {
+        min-width: var(--dot-size-$(size)-width, 16px);
+        min-height: var(--dot-size-$(size)-height, 16px);
+        max-width: var(--dot-size-$(size)-width, 16px);
+        max-height: var(--dot-size-$(size)-height, 16px);
+      }
+    }
+  }
 }
 .dot_shape {
   &_rounded {

package/dist/css/components/Link/Link.css

@@ -1,5 +1,9 @@
 .link {
   color: inherit;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  gap: 8px;
 }
 .link {
   &_underline {