@itcase/ui 1.1.21 → 1.1.23

package/dist/components/Select.js

@@ -2,14 +2,14 @@ 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 Select$1, { components as components$1 } from 'react-select';
-import { I as Icon } from '../Icon-CPCBYWfF.js';
+import { I as Icon } from '../Icon-BLqnXYOO.js';
 import clsx from 'clsx';
 import { createPortal } from 'react-dom';
 import { a as autoUpdate } from '../floating-ui.dom-BV5qw-HP.js';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
-import { T as Text } from '../Text-Dn0X1zxN.js';
-import { B as Badge } from '../Badge-DtYgQu3L.js';
-import { G as Group$2 } from '../Group-BDmYkT7d.js';
+import { T as Text } from '../Text-Dz-KPI5I.js';
+import { B as Badge } from '../Badge-CLV5v6N7.js';
+import { G as Group$2 } from '../Group-DLmtajo8.js';
 import { D as Divider } from '../Divider-Dhj6sMWd.js';
 import '../_tslib-S-VPg1Cw.js';
 import '../jsx-runtime-C2uP7l8s.js';
@@ -22,9 +22,8 @@ import '../hooks/styleAttributes.js';
 import '../context/UIContext.js';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
-import '../Link-BREALvPd.js';
-import 'lodash.throttle';
-import '../Tooltip-BYw26YRd.js';
+import '../Link-DtzAAQn8.js';
+import '../Tooltip-IVq3_vb4.js';
 import '../Title-zpOK2AxL.js';
 import 'lodash/castArray';
 

package/dist/components/SiteMenu.js

@@ -1,4 +1,4 @@
-export { S as SiteMenu, a as SiteMenuButton } from '../SiteMenuButton-DXFJiK5H.js';
+export { S as SiteMenu, a as SiteMenuButton } from '../SiteMenuButton-DsYMvX6W.js';
 import '../jsx-runtime-C2uP7l8s.js';
 import 'react';
 import 'clsx';
@@ -9,16 +9,14 @@ import 'react-responsive';
 import '../hooks/useDeviceTargetClass.js';
 import 'lodash/castArray';
 import 'lodash/camelCase';
-import '../Icon-CPCBYWfF.js';
+import '../Icon-BLqnXYOO.js';
 import '../_tslib-S-VPg1Cw.js';
 import 'react-inlinesvg';
 import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../Link-BREALvPd.js';
-import 'lodash.throttle';
-import 'react-dom';
-import '../Tooltip-BYw26YRd.js';
-import '../Text-Dn0X1zxN.js';
+import '../Link-DtzAAQn8.js';
+import '../Tooltip-IVq3_vb4.js';
+import '../Text-Dz-KPI5I.js';
 import '../Title-zpOK2AxL.js';

package/dist/components/Tab/Tab.d.ts

@@ -3,9 +3,9 @@ declare const tabConfig: iTabConfig;
 declare function Tab(props: iTabProps): import("react/jsx-runtime").JSX.Element;
 declare namespace Tab {
     var defaultProps: {
-        size: string;
-        LinkComponent: string;
         direction: string;
+        LinkComponent: string;
+        size: string;
     };
 }
 export { Tab, tabConfig };

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

@@ -1,6 +1,6 @@
 import type { CSSProperties, ReactNode } from 'react';
 import type { iStyleAttributes } from '../../hooks/styleAttributes.interface';
-import type { alignDirectionPropsType, alignPropsType, justifyContentPropsType, tDirectionProps, textColorActivePropsType, tTextColorHoverProps, tTextGradientProps, tTextStyleProps, textWrapPropsType, tFillHoverProps, tFillProps, tShapeProps, tSizeProps, tTextColorProps, tTextSizeProps, tTextWeightProps, tWidthProps } from '../../types';
+import type { textAlignPropsType, alignDirectionPropsType, alignPropsType, justifyContentPropsType, tDirectionProps, textColorActivePropsType, tTextColorHoverProps, tTextGradientProps, tTextStyleProps, textWrapPropsType, tFillHoverProps, tFillProps, tShapeProps, tSizeProps, tTextColorProps, tTextSizeProps, tTextWeightProps, tWidthProps } from '../../types';
 import type { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
 interface iTabThemeColor {
     align?: alignPropsType;
@@ -30,6 +30,7 @@ interface iTabThemeColor {
     labelTextColorHover?: tTextColorHoverProps;
     labelTextGradient?: tTextGradientProps;
     labelTextSize?: tTextSizeProps;
+    labelTextAlign?: textAlignPropsType;
     labelTextStyle?: tTextStyleProps;
     labelTextWeight?: tTextWeightProps;
     labelTextWrap?: textWrapPropsType;

package/dist/components/Tab.js

@@ -1,4 +1,4 @@
-export { T as Tab, a as TabGroup, t as tabConfig } from '../TabGroup-DEa55bqq.js';
+export { T as Tab, a as TabGroup, t as tabConfig } from '../TabGroup-BLB4Ymcx.js';
 import '../jsx-runtime-C2uP7l8s.js';
 import 'react';
 import 'clsx';
@@ -13,10 +13,8 @@ import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../Badge-DtYgQu3L.js';
-import '../Text-Dn0X1zxN.js';
+import '../Badge-CLV5v6N7.js';
+import '../Text-Dz-KPI5I.js';
 import '../Divider-Dhj6sMWd.js';
-import '../Link-BREALvPd.js';
+import '../Link-DtzAAQn8.js';
 import '../_tslib-S-VPg1Cw.js';
-import 'lodash.throttle';
-import 'react-dom';

package/dist/components/Text.js

@@ -1,4 +1,4 @@
-export { T as Text, t as textConfig } from '../Text-Dn0X1zxN.js';
+export { T as Text, t as textConfig } from '../Text-Dz-KPI5I.js';
 import '../jsx-runtime-C2uP7l8s.js';
 import 'react';
 import 'clsx';

package/dist/components/Tile.js

@@ -1,4 +1,4 @@
-export { T as Tile } from '../Tile-m0Q0UUPl.js';
+export { T as Tile } from '../Tile-CNnauNx6.js';
 import '../jsx-runtime-C2uP7l8s.js';
 import 'react';
 import 'clsx';
@@ -13,6 +13,6 @@ import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../Badge-DtYgQu3L.js';
-import '../Text-Dn0X1zxN.js';
+import '../Badge-CLV5v6N7.js';
+import '../Text-Dz-KPI5I.js';
 import '../Title-zpOK2AxL.js';

package/dist/components/Tooltip.js

@@ -1,4 +1,4 @@
-export { T as Tooltip, t as tooltipConfig } from '../Tooltip-BYw26YRd.js';
+export { T as Tooltip, t as tooltipConfig } from '../Tooltip-IVq3_vb4.js';
 import '../jsx-runtime-C2uP7l8s.js';
 import 'react';
 import 'clsx';
@@ -13,5 +13,5 @@ import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../Text-Dn0X1zxN.js';
+import '../Text-Dz-KPI5I.js';
 import '../Title-zpOK2AxL.js';

package/dist/components/index.d.ts

@@ -41,6 +41,7 @@ export { Page } from './Page';
 export { Pagination } from './Pagination';
 export { Radio, radioConfig } from './Radio';
 export { RangeSlider } from './RangeSlider';
+export { ScrollToView } from './ScrollToView';
 export { Response, responseConfig } from './Response';
 export { Scrollbar } from './Scrollbar';
 export { SearchInput, SearchResult } from './Search';

package/dist/components.js

@@ -1,60 +1,61 @@
-export { A as Accordion, a as AccordionItem } from './Accordion-DFgzxKlH.js';
-export { A as Avatar } from './Avatar-B_7tOMik.js';
-export { B as Badge, b as badgeConfig } from './Badge-DtYgQu3L.js';
-export { B as Breadcrumbs, a as BreadcrumbsItem } from './Breadcrumbs-EQmNm0OH.js';
-export { B as Button, b as buttonConfig } from './Button-BlPfX0sG.js';
+export { A as Accordion, a as AccordionItem } from './Accordion-FIIzpSgl.js';
+export { A as Avatar } from './Avatar-DR2A8Na8.js';
+export { B as Badge, b as badgeConfig } from './Badge-CLV5v6N7.js';
+export { B as Breadcrumbs, a as BreadcrumbsItem } from './Breadcrumbs-CDKi6gOC.js';
+export { B as Button, b as buttonConfig } from './Button-Vxs8zjSy.js';
 export { C as Caption } from './Caption-DDh0VFPJ.js';
-export { C as Card } from './Card-DEs1Rr88.js';
-export { C as Cell } from './Cell-BTH03V30.js';
-export { C as Checkbox, c as checkboxConfig } from './Checkbox-BmQo6ByV.js';
-export { C as Chips, c as chipsConfig } from './Chips-CBPMHkdw.js';
-export { C as Choice, c as choiceConfig } from './Choice-DsyZ57RY.js';
+export { C as Card } from './Card-CvW4Qozl.js';
+export { C as Cell } from './Cell-3We_qMvM.js';
+export { C as Checkbox, c as checkboxConfig } from './Checkbox-0h4YosTW.js';
+export { C as Chips, c as chipsConfig } from './Chips-uYPtUsLf.js';
+export { C as Choice, c as choiceConfig } from './Choice-CeQ9Il98.js';
 export { C as Code } from './Code-1WUXVzfb.js';
-export { C as ContextMenu, a as ContextMenuItem } from './ContextMenuItem-BrLq1iQl.js';
-export { C as CookiesWarning } from './CookiesWarning--bl8qppa.js';
+export { C as ContextMenu, a as ContextMenuItem } from './ContextMenuItem-KPAQQHlQ.js';
+export { C as CookiesWarning } from './CookiesWarning-Dc6YFhTn.js';
 export { D as DadataHintField } from './DadataHintField-CHJLsVjJ.js';
-export { D as DatePickerInput } from './DatePicker-DwvyPEnL.js';
+export { D as DatePickerInput } from './DatePicker-l1a-OAls.js';
 export { D as Divider } from './Divider-Dhj6sMWd.js';
 export { D as Dot } from './Dot-Bc0Ly45H.js';
 export { D as Drawer } from './Drawer-DkLkFSmD.js';
-export { D as Dropdown, a as DropdownItem } from './DropdownItem-D_DLgDdG.js';
+export { D as Dropdown, a as DropdownItem } from './DropdownItem-CkojAA8a.js';
 export { F as Flex, a as FlexItem } from './FlexItem-DHmKl6e7.js';
-export { C as ChoiceField, F as FormField, P as PasswordField, S as SelectField, a as SwitchField } from './SwitchField-B2Bo-CKD.js';
+export { C as ChoiceField, F as FormField, P as PasswordField, S as SelectField, a as SwitchField } from './SwitchField-BdrNzvfC.js';
 export { G as Grid, a as GridItem, b as GridRow } from './GridRow-DRjyNWBh.js';
-export { G as Group, g as groupConfig } from './Group-BDmYkT7d.js';
+export { G as Group, g as groupConfig } from './Group-DLmtajo8.js';
 export { H as HTMLContent } from './HTMLContent-CgbJTAy4.js';
-export { I as Icon, i as iconConfig } from './Icon-CPCBYWfF.js';
+export { I as Icon, i as iconConfig } from './Icon-BLqnXYOO.js';
 export { I as Image } from './Image-Bz4Fo3eB.js';
 export { I as Input, i as inputConfig } from './Input-CYDtAlO-.js';
-export { i as inputPasswordConfig } from './InputPassword-CjExdAwu.js';
-export { L as Label, l as labelConfig } from './Label-Ch6YjDF4.js';
-export { L as LanguageSelector } from './LanguageSelector-CeioS128.js';
-export { L as Link, a as LinkWrapper, l as linkConfig } from './Link-BREALvPd.js';
-export { L as List, a as ListItem } from './ListItem-CC1Ud8f6.js';
-export { L as Loader, l as loaderConfig } from './Loader-DhgIcSY1.js';
-export { L as Logo, l as logoConfig } from './Logo-C_CbU1Oq.js';
-export { M as Menu } from './Menu-BVxNhuDF.js';
-export { M as MenuItem, m as menuItemConfig } from './MenuItem-3UBIrvob.js';
-export { M as Modal, a as ModalLoader } from './ModalLoader-DHOpJqE3.js';
-export { N as NotificationItem, a as NotificationList, n as notificationItemConfig } from './NotificationList-CaAYxwHB.js';
+export { i as inputPasswordConfig } from './InputPassword-DYBnRCtc.js';
+export { L as Label, l as labelConfig } from './Label-c3hONOHC.js';
+export { L as LanguageSelector } from './LanguageSelector-D0A-uqch.js';
+export { L as Link, a as LinkWrapper, l as linkConfig } from './Link-DtzAAQn8.js';
+export { L as List, a as ListItem } from './ListItem-BoCF7VH9.js';
+export { L as Loader, l as loaderConfig } from './Loader-VCP1ZNcb.js';
+export { L as Logo, l as logoConfig } from './Logo-DCx_YOA2.js';
+export { M as Menu } from './Menu-C-TIWZeb.js';
+export { M as MenuItem, m as menuItemConfig } from './MenuItem-BbU9r8_D.js';
+export { M as Modal, a as ModalLoader } from './ModalLoader-Bk6l3vO9.js';
+export { N as NotificationItem, a as NotificationList, n as notificationItemConfig } from './NotificationList-CmXca2zs.js';
 export { Page } from './components/Page.js';
-export { P as Pagination } from './Pagination-Bbk7dlxN.js';
-export { R as Radio, r as radioConfig } from './Radio-CmejVeSJ.js';
+export { P as Pagination } from './Pagination-BAbFsztK.js';
+export { R as Radio, r as radioConfig } from './Radio-BHqgR8WO.js';
 export { R as RangeSlider } from './RangeSlider-BPFVikab.js';
-export { R as Response, r as responseConfig } from './Response-B4iaYCX1.js';
+export { S as ScrollToView } from './ScrollToView-W6XhacKJ.js';
+export { R as Response, r as responseConfig } from './Response-sCPsxYoM.js';
 export { S as Scrollbar } from './Scrollbar-DrRNpn12.js';
-export { S as SearchInput, a as SearchResult } from './SearchResult-BekTgQJ2.js';
-export { S as Segmented, s as segmentedConfig } from './Segmented-BoROz9LW.js';
+export { S as SearchInput, a as SearchResult } from './SearchResult-6Vg0m_NA.js';
+export { S as Segmented, s as segmentedConfig } from './Segmented-BM1p7Ubz.js';
 export { Select, SelectClearIndicator, SelectControl, SelectDropdownIndicator, SelectGroupHeading, SelectIndicatorsContainer, SelectInput, SelectMenu, SelectMultiValueContainer, SelectMultiValueLabel, SelectMultiValueRemove, SelectOption, SelectPlaceholder, SelectSingleValue, SelectValueContainer, selectConfig } from './components/Select.js';
-export { S as SiteMenu, a as SiteMenuButton } from './SiteMenuButton-DXFJiK5H.js';
+export { S as SiteMenu, a as SiteMenuButton } from './SiteMenuButton-DsYMvX6W.js';
 export { S as Swiper } from './Swiper-CXjE6qZR.js';
 export { S as Switch } from './Switch-0BHqovLA.js';
-export { T as Tab, a as TabGroup, t as tabConfig } from './TabGroup-DEa55bqq.js';
-export { T as Text, t as textConfig } from './Text-Dn0X1zxN.js';
+export { T as Tab, a as TabGroup, t as tabConfig } from './TabGroup-BLB4Ymcx.js';
+export { T as Text, t as textConfig } from './Text-Dz-KPI5I.js';
 export { T as Textarea, t as textareaConfig } from './Textarea-D3XSuMEm.js';
-export { T as Tile } from './Tile-m0Q0UUPl.js';
+export { T as Tile } from './Tile-CNnauNx6.js';
 export { T as Title, t as titleConfig } from './Title-zpOK2AxL.js';
-export { T as Tooltip, t as tooltipConfig } from './Tooltip-BYw26YRd.js';
+export { T as Tooltip, t as tooltipConfig } from './Tooltip-IVq3_vb4.js';
 export { V as Video } from './Video-0z4mNz4P.js';
 export { W as Wrapper } from './Wrapper-CJTkVfsd.js';
 import './_tslib-S-VPg1Cw.js';
@@ -77,7 +78,6 @@ import 'crypto';
 import 'react-dom';
 import './floating-ui.dom-BV5qw-HP.js';
 import 'react-inlinesvg';
-import 'lodash.throttle';
 import './Overlay-C4gCb0sL.js';
 import './context/Notifications.js';
 import 'uuid';
@@ -90,5 +90,6 @@ import './constants/componentProps/verticalResizeMode.js';
 import 'lodash/ceil';
 import 'react-paginate';
 import 'rc-slider';
+import 'lodash.throttle';
 import 'react-scrollbars-custom';
 import 'react-select';

package/dist/css/components/ScrollToView/ScrollToView.css

@@ -0,0 +1,34 @@
+.scroll-to-view {
+  &_text-color {
+    &_hover {
+      @each $type in accent, primary, secondary, tertiary, quaternary, quinary, senary, surface,
+        success, error, info, warning {
+        &_$(type) {
+          &-text {
+            @each $color in primary, secondary, tertiary, quaternary, quinary, senary, accent,
+              disabled, hover {
+              &-$(color) {
+                &:hover {
+                  .text,
+                  .title,
+                  .link {
+                    color: var(--color-$(type)-text-$(color));
+                  }
+                }
+                &-hover {
+                  &:hover {
+                    & .text,
+                    & .title,
+                    & .link {
+                      color: var(--color-$(type)-text-$(color)-hover);
+                    }
+                  }
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}

package/dist/css/components/Tab/Tab.css

@@ -1,8 +1,8 @@
 .tab {
   &__label {
     display: flex;
+    place-content: center center;
     align-items: center;
-    align-content: center;
   }
 }
 .tab-group {
@@ -24,6 +24,7 @@
     &__label {
       display: flex;
       flex: 1;
+      justify-content: center;
     }
   }
 }

package/dist/css/styles/align-items/align-items.css

@@ -0,0 +1,7 @@
+.align-items {
+  @each $val in stretch, flex-start, flex-end, center, baseline, auto {
+    &_(val) {
+      align-items: $(val);
+    }
+  }
+}

package/dist/css/styles/align-self/align-self.css

@@ -0,0 +1,7 @@
+.align-self {
+  @each $val in stretch, flex-start, flex-end, center, baseline, auto {
+    &_$(val) {
+      align-self: $(val);
+    }
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/ui",
-  "version": "1.1.21",
+  "version": "1.1.23",
   "description": "UI components (Modal, Loader, Popup, etc)",
   "keywords": [
     "Modal",
@@ -124,7 +124,6 @@
     "@babel/preset-react": "^7.24.7",
     "@commitlint/cli": "^19.3.0",
     "@commitlint/config-conventional": "^19.2.2",
-    "@ianvs/prettier-plugin-sort-imports": "^4.3.1",
     "@rollup/plugin-babel": "^6.0.4",
     "@rollup/plugin-commonjs": "^26.0.1",
     "@rollup/plugin-json": "^6.1.0",