@itcase/ui 1.1.10 → 1.1.13

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

@@ -31,6 +31,7 @@ export interface ITextProps extends ITextThemeColor, TypeStyleAttributes {
     style?: CSSProperties;
     tag?: ElementType;
     onClick?: () => void;
+    onDoubleClick?: () => void;
     sizeDesktop?: sizePropsType;
     sizeMobile?: sizePropsType;
     sizeTablet?: sizePropsType;
@@ -46,7 +47,7 @@ export interface ITextProps extends ITextThemeColor, TypeStyleAttributes {
     textAlign?: textAlignPropsType;
     textColor?: textColorPropsType;
     textStyle?: textStylePropsType;
-    textTruncate?: string;
+    textTruncate?: boolean;
     textWeight?: textWeightPropsType;
     textWrap?: textWrapPropsType;
     width?: widthPropsType;

package/dist/components/Text.js

@@ -1,4 +1,4 @@
-export { T as Text, t as textConfig } from '../Text-edtauAM6.js';
+export { T as Text, t as textConfig } from '../Text-CxrzHFN1.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-CQ5L7pja.js';
+export { T as Tile } from '../Tile-rSmWn8mR.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-DPM6qrjA.js';
-import '../Text-edtauAM6.js';
+import '../Badge-D-4zpdfU.js';
+import '../Text-CxrzHFN1.js';
 import '../Title-BUN57fWw.js';

package/dist/components/Tooltip.js

@@ -1,4 +1,4 @@
-export { T as Tooltip, t as tooltipConfig } from '../Tooltip-jT5A43he.js';
+export { T as Tooltip, t as tooltipConfig } from '../Tooltip-CcwyN7PD.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-edtauAM6.js';
+import '../Text-CxrzHFN1.js';
 import '../Title-BUN57fWw.js';

package/dist/components.js

@@ -1,59 +1,59 @@
-export { A as Accordion, a as AccordionItem } from './Accordion-CXvqu97t.js';
-export { A as Avatar } from './Avatar-JAaLGdYj.js';
-export { B as Badge, b as badgeConfig } from './Badge-DPM6qrjA.js';
-export { B as Breadcrumbs, a as BreadcrumbsItem } from './Breadcrumbs-BZpYBM5A.js';
-export { B as Button, b as buttonConfig } from './Button-CyO_Wl49.js';
+export { A as Accordion, a as AccordionItem } from './Accordion-vh2p5Mzs.js';
+export { A as Avatar } from './Avatar-DhZxzLEY.js';
+export { B as Badge, b as badgeConfig } from './Badge-D-4zpdfU.js';
+export { B as Breadcrumbs, a as BreadcrumbsItem } from './Breadcrumbs-CciIq1Na.js';
+export { B as Button, b as buttonConfig } from './Button-BXClqM-t.js';
 export { C as Caption } from './Caption-DDh0VFPJ.js';
-export { C as Card } from './Card-DKmhFMCS.js';
-export { C as Cell } from './Cell-D3aJx_C0.js';
-export { C as Checkbox, c as checkboxConfig } from './Checkbox-BqTMHeES.js';
-export { C as Chips, c as chipsConfig } from './Chips-DhyDHpu7.js';
-export { C as Choice, c as choiceConfig } from './Choice-cgCRlPk0.js';
+export { C as Card } from './Card-DPGgzPuD.js';
+export { C as Cell } from './Cell-BfV_aVxs.js';
+export { C as Checkbox, c as checkboxConfig } from './Checkbox-C-H_Z4S_.js';
+export { C as Chips, c as chipsConfig } from './Chips-BR_EPV82.js';
+export { C as Choice, c as choiceConfig } from './Choice-BJd9Jx4D.js';
 export { C as Code } from './Code-DkWVSDOy.js';
-export { C as ContextMenu, a as ContextMenuItem } from './ContextMenuItem-DjDhhmjF.js';
-export { CookiesWarning } from './components/CookiesWarning.js';
+export { C as ContextMenu, a as ContextMenuItem } from './ContextMenuItem-CpZ3pjky.js';
+export { C as CookiesWarning } from './CookiesWarning-jN2hWm12.js';
 export { D as DadataHintField } from './DadataHintField-QzDwYdF1.js';
-export { D as DatePickerInput } from './DatePicker-BFLpftbJ.js';
-export { D as Divider } from './Divider-D0TEKxHr.js';
+export { D as DatePickerInput } from './DatePicker-Nm4Ut2tD.js';
+export { D as Divider } from './Divider-Dhj6sMWd.js';
 export { D as Dot } from './Dot-Bc0Ly45H.js';
 export { D as Drawer } from './Drawer-CgJX3Utw.js';
-export { D as Dropdown, a as DropdownItem } from './DropdownItem-DOBsvnrL.js';
+export { D as Dropdown, a as DropdownItem } from './DropdownItem-BaQXZu0w.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-W4_o97BR.js';
+export { C as ChoiceField, F as FormField, P as PasswordField, S as SelectField, a as SwitchField } from './SwitchField-B8JbD2Se.js';
 export { G as Grid, b as GridItem, a as GridRow } from './GridRow-DUnumam2.js';
 export { G as Group, g as groupConfig } from './Group-C2kJKhWJ.js';
-export { I as Icon, i as iconConfig } from './Icon-C1j6rkeI.js';
+export { I as Icon, i as iconConfig } from './Icon-Duj1nynQ.js';
 export { I as Image } from './Image-Bz4Fo3eB.js';
 export { I as Input, i as inputConfig } from './Input-CYMKQ0qF.js';
-export { i as inputPasswordConfig } from './InputPassword-Aff74Atr.js';
-export { L as Label, l as labelConfig } from './Label-CD6o__-D.js';
-export { LanguageSelector } from './components/LanguageSelector.js';
+export { i as inputPasswordConfig } from './InputPassword-CTbtTP_o.js';
+export { L as Label, l as labelConfig } from './Label-D9cQMuy3.js';
+export { L as LanguageSelector } from './LanguageSelector-TZEgbNsG.js';
 export { L as Link, a as LinkWrapper, l as linkConfig } from './Link-CbCqej5B.js';
 export { L as List, a as ListItem } from './ListItem-Dgx1_Igi.js';
-export { L as Loader, l as loaderConfig } from './Loader-BUgSIcId.js';
+export { L as Loader, l as loaderConfig } from './Loader-YZrWGaNy.js';
 export { L as Logo } from './Logo-DsOEX4uk.js';
-export { M as Menu } from './Menu-89epjC8r.js';
-export { M as MenuItem, m as menuItemConfig } from './MenuItem-DvpftOnP.js';
-export { M as Modal, a as ModalLoader } from './ModalLoader-CushfGnC.js';
-export { N as NotificationItem, a as NotificationList, n as notificationItemConfig } from './NotificationList-D_NNtwS1.js';
+export { M as Menu } from './Menu-Kpe1GMns.js';
+export { M as MenuItem, m as menuItemConfig } from './MenuItem-C5BPgTO7.js';
+export { M as Modal, a as ModalLoader } from './ModalLoader-8l8YtIvz.js';
+export { N as NotificationItem, a as NotificationList, n as notificationItemConfig } from './NotificationList-CJ-hNA9W.js';
 export { Page } from './components/Page.js';
-export { P as Pagination } from './Pagination-0sADvbwj.js';
-export { R as Radio, r as radioConfig } from './Radio-DFeWsO4E.js';
+export { P as Pagination } from './Pagination-LXBlrbZT.js';
+export { R as Radio, r as radioConfig } from './Radio-Ca2-2PPF.js';
 export { R as RangeSlider } from './RangeSlider-BPFVikab.js';
-export { R as Response, r as responseConfig } from './Response-C5_yetym.js';
+export { R as Response, r as responseConfig } from './Response-Nzg8ooT8.js';
 export { S as Scrollbar } from './Scrollbar-DrRNpn12.js';
-export { S as SearchInput, a as SearchResult } from './SearchResult-C0kjGm-o.js';
-export { S as Segmented, s as segmentedConfig } from './Segmented-C56XBzTH.js';
+export { S as SearchInput, a as SearchResult } from './SearchResult-B6Jd1xZO.js';
+export { S as Segmented, s as segmentedConfig } from './Segmented-pa7MGnor.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-Do8ZNCkl.js';
-export { S as Swiper } from './Swiper-BYPes9JY.js';
+export { S as SiteMenu, a as SiteMenuButton } from './SiteMenuButton-CcCAsJtr.js';
+export { S as Swiper } from './Swiper-JdwU0uca.js';
 export { S as Switch } from './Switch-0BHqovLA.js';
-export { T as Tab, a as TabGroup, t as tabConfig } from './TabGroup-DRiFyK3Z.js';
-export { T as Text, t as textConfig } from './Text-edtauAM6.js';
+export { T as Tab, a as TabGroup, t as tabConfig } from './TabGroup-DieipbE3.js';
+export { T as Text, t as textConfig } from './Text-CxrzHFN1.js';
 export { T as Textarea, t as textareaConfig } from './Textarea-Cie6SPyp.js';
-export { T as Tile } from './Tile-CQ5L7pja.js';
+export { T as Tile } from './Tile-rSmWn8mR.js';
 export { T as Title, t as titleConfig } from './Title-BUN57fWw.js';
-export { T as Tooltip, t as tooltipConfig } from './Tooltip-jT5A43he.js';
+export { T as Tooltip, t as tooltipConfig } from './Tooltip-CcwyN7PD.js';
 export { V as Video } from './Video-0z4mNz4P.js';
 export { W as Wrapper } from './Wrapper-CJTkVfsd.js';
 import './_tslib-S-VPg1Cw.js';

package/dist/constants/componentProps/iconSize.js

@@ -1,5 +1,5 @@
 const iconSizeProps = [null, /* eslint-disable */
-'14', 14, '16', 16, '24', 24, '32', 32, '40', 40, '60', 60, '64', 64, '144', 144
+'12', 12, '14', 14, '16', 16, '24', 24, '32', 32, '40', 40, '60', 60, '64', 64, '144', 144
 /* eslint-enable */];
 
 export { iconSizeProps as default };

package/dist/constants/componentProps/sizePX.js

@@ -1,5 +1,5 @@
 const sizePXProps = [null, /* eslint-disable */
-'14', 14, '16', 16, '24', 24, '32', 32, '40', 40, '48', 48, '56', 56, '60', 60, '64', 64, '72', 72, '80', 80, '96', 96, '112', 112, '144', 144, '240', 240
+'14', 14, '16', 16, '20', 20, '24', 24, '32', 32, '40', 40, '48', 48, '56', 56, '60', 60, '64', 64, '72', 72, '80', 80, '96', 96, '112', 112, '144', 144, '240', 240
 /* eslint-enable */];
 
 export { sizePXProps as default };

package/dist/context/Notifications.js

@@ -1,5 +1,5 @@
 'use client';
-import React__default, { useState, useCallback, useMemo, useContext, createContext } from 'react';
+import React__default, { useState, useCallback, useMemo, useEffect, useContext, createContext } from 'react';
 import PropTypes from 'prop-types';
 import { v4 } from 'uuid';
 
@@ -16,61 +16,53 @@ const NotificationsAPIContext = /*#__PURE__*/createContext({
   notificationStatuses: STATUSES
 });
 function NotificationsProvider(props) {
-  const [notifications, setNotifications] = useState([]);
-  const hideNotifications = useCallback(id => {
-    setNotifications(prevState => {
-      const currentNotification = prevState.find(notification => notification.id === id);
-      if (currentNotification) {
-        if (typeof currentNotification.onClose === 'function') {
-          currentNotification.onClose();
+  const {
+    children,
+    initialNotificationsList = []
+  } = props;
+  const [notificationsList, setNotificationsList] = useState(() => {
+    // We need to set id to every notification item and original list also be have new id's
+    return (initialNotificationsList || []).map(notificationItem => {
+      return createNotification(notificationItem, notificationItem.onClose);
+    });
+  });
+  const hideNotifications = useCallback(targetId => {
+    // If not target, then nothing to hide
+    if (!targetId) {
+      return;
+    }
+    setNotificationsList(prevState => {
+      const newState = prevState.filter(notificationItem => {
+        // Check on need to hide, if current notification is target for hide
+        const isNeedToHide = String(notificationItem.id) === String(targetId);
+        // Callback for close if exists
+        if (isNeedToHide && typeof notificationItem.onClose === 'function') {
+          notificationItem.onClose();
         }
-        return prevState.filter(notification => notification.id !== id);
-      }
-      return prevState;
+        // Save in state if no need to hide
+        return !isNeedToHide;
+      });
+      // Set new notifications list without target item to state
+      return newState;
     });
   }, []);
   const showNotification = useCallback((notification, onClose) => {
-    let id = v4().split('-')[0];
-    let title = '';
-    let text = '';
-    let status = STATUSES.warning;
-    let closeByTime = 4500;
-    let textColor = '';
-    if (typeof notification === 'string') {
-      text = notification;
-    } else if (typeof notification === 'object') {
-      id = notification.id ?? id;
-      title = notification.title ?? title;
-      text = notification.text ?? text;
-      status = notification.status ?? status;
-      closeByTime = notification.closeByTime ?? closeByTime;
-    }
-    switch (status) {
-      case 'success':
-        textColor = 'successTextPrimary';
-        break;
-      case 'info':
-        textColor = 'infoTextPrimary';
-        break;
-      case 'error':
-        textColor = 'errorTextPrimary';
-        break;
-      case 'warning':
-        textColor = 'warningTextPrimary';
-        break;
-    }
-    setNotifications(prevState => [...prevState, {
-      id: id,
-      title: title,
-      text: text,
-      status: status,
-      textColor: textColor,
-      onClose: onClose
-    }]);
-    if (closeByTime) {
-      setTimeout(() => hideNotifications(id), closeByTime);
+    const newNotificationItem = createNotification(notification, onClose);
+    setNotificationsList(prevState => {
+      const newState = prevState.slice();
+      const existsNotificationIndex = newState.findIndex(notificationItem => String(notificationItem.id) === String(newNotificationItem.id));
+      if (existsNotificationIndex === -1) {
+        return [...newState, newNotificationItem];
+      }
+      clearTimeout(newState[existsNotificationIndex]._closeTimeout);
+      newState[existsNotificationIndex]._closeTimeout = null;
+      newState[existsNotificationIndex] = newNotificationItem;
+      return newState;
+    });
+    if (newNotificationItem.closeByTime) {
+      newNotificationItem._closeTimeout = setTimeout(() => hideNotifications(newNotificationItem.id), newNotificationItem.closeByTime);
     }
-    return id;
+    return newNotificationItem;
     // eslint-disable-next-line
   }, []);
   const notificationsAPI = useMemo(() => ({
@@ -81,14 +73,24 @@ function NotificationsProvider(props) {
   // Functions is never changes, no sense to set as dependencies
   // eslint-disable-next-line
   []);
+  useEffect(() => {
+    // Set timeout for initial notifications list one time on first render
+    notificationsList.forEach(notificationItem => {
+      if (notificationItem.closeByTime) {
+        setTimeout(() => hideNotifications(notificationItem.id), notificationItem.closeByTime);
+      }
+    });
+    // eslint-disable-next-line
+  }, []);
   return /*#__PURE__*/React__default.createElement(NotificationsAPIContext.Provider, {
     value: notificationsAPI
   }, /*#__PURE__*/React__default.createElement(NotificationsContext.Provider, {
-    value: notifications
-  }, props.children));
+    value: notificationsList
+  }, children));
 }
 NotificationsProvider.propTypes = {
-  children: PropTypes.any
+  children: PropTypes.any,
+  initialNotificationsList: PropTypes.array
 };
 function useNotifications() {
   return useContext(NotificationsContext);
@@ -96,6 +98,47 @@ function useNotifications() {
 function useNotificationsAPI() {
   return useContext(NotificationsAPIContext);
 }
+function createNotification(notification, onClose) {
+  // Default notification item properties
+  let id = v4().split('-')[0];
+  let title = '';
+  let text = '';
+  let status = STATUSES.warning;
+  let closeByTime = 4500;
+  let textColor = '';
+  if (typeof notification === 'string') {
+    text = notification;
+  } else if (typeof notification === 'object') {
+    id = notification.id ?? id;
+    title = notification.title ?? title;
+    text = notification.text ?? text;
+    status = notification.status ?? status;
+    closeByTime = notification.closeByTime ?? closeByTime;
+  }
+  switch (status) {
+    case 'success':
+      textColor = 'successTextPrimary';
+      break;
+    case 'info':
+      textColor = 'infoTextPrimary';
+      break;
+    case 'error':
+      textColor = 'errorTextPrimary';
+      break;
+    case 'warning':
+      textColor = 'warningTextPrimary';
+      break;
+  }
+  return {
+    id: id,
+    title: title,
+    text: text,
+    status: status,
+    textColor: textColor,
+    closeByTime: closeByTime,
+    onClose: onClose
+  };
+}
 NotificationsProvider.__docgenInfo = {
   "description": "",
   "methods": [],
@@ -107,6 +150,13 @@ NotificationsProvider.__docgenInfo = {
         "name": "any"
       },
       "required": false
+    },
+    "initialNotificationsList": {
+      "description": "",
+      "type": {
+        "name": "array"
+      },
+      "required": false
     }
   }
 };

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

@@ -10,8 +10,8 @@
     }
     ^&__icon {
       position: absolute;
-      right: 0;
-      bottom: 0;
+      right: var(--avatar-icon-right, 0);
+      bottom: var(--avatar-icon-bottom, 0);
     }
   }
   div&__dropdown {
@@ -73,7 +73,7 @@
 }
 .avatar {
   &_size {
-    @each $size in 14, 16, 24, 32, 40, 48, 56, 60, 64, 72, 80, 96, 112, 144, 240 {
+    @each $size in 14, 16, 20, 24, 32, 40, 48, 56, 60, 64, 72, 80, 96, 112, 144, 240 {
       &_$(size) {
         ^^&__wrapper {
           width: $(size)px;

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

@@ -747,6 +747,20 @@
   &__tab-loop {
     ^&-popper {
       z-index: 1000 !important;
+      &-left {
+        left: 0 !important;
+        top: 44px !important;
+        right: auto !important;
+        z-index: 1000 !important;
+        transform: none !important;
+      }
+      &-right {
+        left: auto !important;
+        top: 44px !important;
+        right: 0 !important;
+        z-index: 1000 !important;
+        transform: none !important;
+      }
     }
   }
   &__header {
@@ -1099,6 +1113,13 @@
   &__clear-label {
     width: 100%;
   }
+  &__input-icon {
+    background: #fff;
+    position: absolute;
+    top: 50%;
+    right: 12px;
+    transform: translateY(-50%);
+  }
   &-wrapper {
     width: 100%;
     ^&__input-container {

package/dist/css/components/Divider/Divider.css

@@ -1,6 +1,6 @@
 .divider {
-  margin: 0;
   padding: 0;
+  margin: 0;
   border: none;
 }
 .divider {
@@ -35,13 +35,13 @@
 .divider {
   &_direction {
     &_horizontal {
-      display: flex;
       min-width: 100%;
+      display: flex;
       flex-direction: row;
     }
     &_vertical {
-      display: flex;
       min-height: 100%;
+      display: flex;
       flex-direction: column;
     }
   }

package/dist/css/components/Dropdown/Dropdown.css

@@ -57,14 +57,14 @@
 }
 .dropdown {
   &_state_close {
-    opacity: 0;
     visibility: hidden;
+    opacity: 0%;
   }
 }
 .dropdown {
   &&_state_open {
-    opacity: 1;
     visibility: visible;
+    opacity: 100%;
   }
 }
 .dropdown {

package/dist/css/components/Icon/Icon.css

@@ -27,7 +27,7 @@
   @each $type in accent, primary, secondary, tertiary, surface, success, error {
     &_$(type) {
       &-item {
-        @each $color in primary, secondary, tertiary, quaternary, quinary, senary, accent, disabled, hover  {
+        @each $color in primary, secondary, tertiary, quaternary, quinary, senary, accent, disabled, hover, invert  {
           &-$(color) {
             & svg {
               stroke: none;
@@ -36,7 +36,7 @@
           }
         }
       }
-      @each $color in primary, secondary, tertiary, quaternary, quinary, senary, accent, disabled, hover  {
+      @each $color in primary, secondary, tertiary, quaternary, quinary, senary, accent, disabled, hover, invert  {
         &-$(color) {
           & svg {
             stroke: none;

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

@@ -91,7 +91,7 @@
 }
 .search-input {
   &_size {
-    @each $size in compact, normal {
+    @each $size in compact, normal, s, l {
       &_$(size) {
         padding: var(--search-input-$(size)-padding);
         gap: var(--search-input-$(size)-gap);

package/dist/css/components/Search/css/search-input/search-input_size.css

@@ -1,6 +1,6 @@
 .search-input {
   &_size {
-    @each $size in compact, normal {
+    @each $size in compact, normal, s, l {
       &_$(size) {
         padding: var(--search-input-$(size)-padding);
         gap: var(--search-input-$(size)-gap);

package/dist/css/components/Select/Select.css

@@ -1,32 +1,32 @@
 .select {
   width: 100%;
-  position: relative;
   min-width: 240px;
+  position: relative;
 }
 
 @keyframes selectMenuAnimationOpen {
   0% {
-    opacity: 0%;
     visibility: hidden;
     transform: translate3d(0, 8px, 0);
+    opacity: 0%;
   }
   100% {
-    opacity: 100%;
     visibility: visible;
     transform: translate3d(0, 0, 0);
+    opacity: 100%;
   }
 }
 
 @keyframes selectMenuAnimationClose {
   0% {
-    opacity: 100%;
     visibility: visible;
     transform: translate3d(0, 0, 0);
+    opacity: 100%;
   }
   100% {
-    opacity: 0%;
     visibility: hidden;
     transform: translate3d(0, 8px, 0);
+    opacity: 0%;
   }
 }
 
@@ -251,6 +251,7 @@
           right: 8px;
         }
         & .divider {
+          height: 1px;
           position: absolute;
           left: 0;
           bottom: 0;

package/dist/css/components/Select/css/__menu/select__menu.css

@@ -34,6 +34,7 @@
           right: 8px;
         }
         & .divider {
+          height: 1px;
           position: absolute;
           left: 0;
           bottom: 0;

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

@@ -1,5 +1,5 @@
 /**
- * Swiper 11.1.3
+ * Swiper 11.1.4
  * Most modern mobile touch slider and framework with hardware accelerated transitions
  * https://swiperjs.com
  *
@@ -7,7 +7,7 @@
  *
  * Released under the MIT License
  *
- * Released on: May 13, 2024
+ * Released on: May 30, 2024
  */
 
 /* FONT_START */

package/dist/types/componentProps/borderColorHover.d.ts

@@ -1 +1 @@
-export type borderColorHoverPropsType = 'accentBorderPrimary' | 'accentBorderPrimaryHover' | 'primaryBorderPrimary' | 'secondaryBorderPrimary' | 'tertiaryBorderPrimary' | 'surfaceBorderPrimary' | 'surfaceBorderSecondary' | 'surfaceBorderTertiary' | 'errorBorderPrimary' | 'errorBorderPrimaryHover' | 'successBorderPrimary';
+export type borderColorHoverPropsType = 'accentBorderPrimary' | 'accentBorderPrimaryHover' | 'primaryBorderPrimary' | 'secondaryBorderPrimary' | 'tertiaryBorderPrimary' | 'surfaceBorderPrimary' | 'surfaceBorderSecondary' | 'surfaceBorderTertiary' | 'errorBorderPrimary' | 'errorBorderPrimaryHover' | 'successBorderPrimary' | 'surfaceBorderQuaternary';

package/dist/types/componentProps/iconFillSize.d.ts

@@ -1 +1 @@
-export type iconFillSizePropsType = '14' | '16' | '24' | '32' | '36' | '40' | '60' | '64' | '144';
+export type iconFillSizePropsType = '10' | '14' | '16' | '24' | '32' | '36' | '40' | '60' | '64' | '144';

package/dist/types/componentProps/iconSize.d.ts

@@ -1 +1 @@
-export type iconSizePropsType = '14' | '16' | '20' | '24' | '32' | '40' | '60' | '64' | '144';
+export type iconSizePropsType = '10' | '12' | '14' | '16' | '20' | '24' | '32' | '40' | '60' | '64' | '144';

package/dist/types/componentProps/sizePX.d.ts

@@ -1 +1 @@
-export type sizePXPropsType = '14' | '16' | '24' | '32' | '40' | '48' | '56' | '60' | '64' | '72' | '80' | '96' | '112' | '144' | '240';
+export type sizePXPropsType = '14' | '16' | '20' | '24' | '32' | '40' | '48' | '56' | '60' | '64' | '72' | '80' | '96' | '112' | '144' | '240';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/ui",
-  "version": "1.1.10",
+  "version": "1.1.13",
   "description": "UI components (Modal, Loader, Popup, etc)",
   "keywords": [
     "Modal",
@@ -133,6 +133,7 @@
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/git": "^10.0.1",
     "@semantic-release/release-notes-generator": "^13.0.0",
+    "@types/js-cookie": "^3.0.6",
     "@types/lodash": "^4.17.4",
     "@types/react": "^18",
     "@types/react-datepicker": "^6.2.0",