@itcase/ui 1.1.10 → 1.1.11

package/dist/cjs/components.js

@@ -1,61 +1,61 @@
 'use strict';
 
-var Accordion = require('./Accordion-Dx0BRqhi.js');
-var Avatar = require('./Avatar-C2xK87qB.js');
-var Badge = require('./Badge-BvJTwXqB.js');
-var Breadcrumbs = require('./Breadcrumbs-PHMiEJZH.js');
-var Button = require('./Button-D7ctQMni.js');
+var Accordion = require('./Accordion-BPSF6By2.js');
+var Avatar = require('./Avatar-qFiPDVgu.js');
+var Badge = require('./Badge-zYZKun4n.js');
+var Breadcrumbs = require('./Breadcrumbs-BIhuwcTG.js');
+var Button = require('./Button-C4_FRFZe.js');
 var Caption = require('./Caption-f-OM1D-G.js');
-var Card = require('./Card-C5uctOQL.js');
-var Cell = require('./Cell-B2BMVPlV.js');
-var Checkbox = require('./Checkbox-C1HH9ut8.js');
-var Chips = require('./Chips-DkUdk6Zs.js');
-var Choice = require('./Choice-CJqMvK5I.js');
+var Card = require('./Card--te6xVsm.js');
+var Cell = require('./Cell-zxHVzKan.js');
+var Checkbox = require('./Checkbox-B-1dwjii.js');
+var Chips = require('./Chips-BcJttN22.js');
+var Choice = require('./Choice-CPPQ2o2L.js');
 var Code = require('./Code-ByEr4h2R.js');
-var ContextMenuItem = require('./ContextMenuItem-DocbJZKp.js');
-var index = require('./components/CookiesWarning.js');
+var ContextMenuItem = require('./ContextMenuItem-BME-EZ-y.js');
+var CookiesWarning = require('./CookiesWarning-CfEwpkS8.js');
 var DadataHintField = require('./DadataHintField-DQHPRLs0.js');
-var DatePicker = require('./DatePicker-7Ugf6hQ1.js');
-var Divider = require('./Divider-doetVRw0.js');
+var DatePicker = require('./DatePicker-BiCqQFyi.js');
+var Divider = require('./Divider-D92wY8Fn.js');
 var Dot = require('./Dot-CKWexdtn.js');
 var Drawer = require('./Drawer-BGZBaR2Q.js');
-var DropdownItem = require('./DropdownItem-BVxf7bPs.js');
+var DropdownItem = require('./DropdownItem-bjpmcFH1.js');
 var FlexItem = require('./FlexItem-2KlvlTJY.js');
-var SwitchField = require('./SwitchField-xk1JORBl.js');
+var SwitchField = require('./SwitchField-CdpEiqFv.js');
 var GridRow = require('./GridRow-OxLsh_2P.js');
 var Group = require('./Group-C9BxTKs-.js');
-var Icon = require('./Icon-D1v73UhR.js');
+var Icon = require('./Icon-DzJtiBBk.js');
 var Image = require('./Image-CCx6QWZj.js');
 var Input = require('./Input-BqKlyvEt.js');
-var InputPassword = require('./InputPassword-saMz6m0X.js');
-var Label = require('./Label-C2Whza8M.js');
-var index$1 = require('./components/LanguageSelector.js');
+var InputPassword = require('./InputPassword-DHgR_QTK.js');
+var Label = require('./Label-BcwjtIk7.js');
+var LanguageSelector = require('./LanguageSelector-C3i2JJCM.js');
 var Link = require('./Link-3qPujNn9.js');
 var ListItem = require('./ListItem-CvMoKXM-.js');
-var Loader = require('./Loader-CK9zQAPl.js');
+var Loader = require('./Loader-2vQxF_aO.js');
 var Logo = require('./Logo-YADZn1N4.js');
-var Menu = require('./Menu-BNe1i3Z7.js');
-var MenuItem = require('./MenuItem-BRQoOa-K.js');
-var ModalLoader = require('./ModalLoader-1f8MYsLV.js');
-var NotificationList = require('./NotificationList-ydXfdUwy.js');
-var index$2 = require('./components/Page.js');
-var Pagination = require('./Pagination-D8EHefOz.js');
-var Radio = require('./Radio-DRXdBBWU.js');
+var Menu = require('./Menu-CDlB7QNf.js');
+var MenuItem = require('./MenuItem-4uVtNhb4.js');
+var ModalLoader = require('./ModalLoader-A2KkSC3x.js');
+var NotificationList = require('./NotificationList-BTvz_kvZ.js');
+var index = require('./components/Page.js');
+var Pagination = require('./Pagination-B0-KGWSv.js');
+var Radio = require('./Radio-Cvbuwkx3.js');
 var RangeSlider = require('./RangeSlider-Dy53bTyY.js');
-var Response = require('./Response-De79pGs5.js');
+var Response = require('./Response-XesiDp89.js');
 var Scrollbar = require('./Scrollbar-DOujlQOb.js');
-var SearchResult = require('./SearchResult-DFG3pyeM.js');
-var Segmented = require('./Segmented-D0ISlz9H.js');
-var index$3 = require('./components/Select.js');
-var SiteMenuButton = require('./SiteMenuButton-Ca46xAzk.js');
-var Swiper = require('./Swiper-oPcqfskQ.js');
+var SearchResult = require('./SearchResult-D147g0-n.js');
+var Segmented = require('./Segmented-BHblcvck.js');
+var index$1 = require('./components/Select.js');
+var SiteMenuButton = require('./SiteMenuButton-ChUD4CgP.js');
+var Swiper = require('./Swiper-DHjkfpbP.js');
 var Switch = require('./Switch-K1p9h3aF.js');
-var TabGroup = require('./TabGroup-DEEcVLO0.js');
-var Text = require('./Text-CgYNdSwY.js');
+var TabGroup = require('./TabGroup-Vn5oELiY.js');
+var Text = require('./Text-C8vlKWNN.js');
 var Textarea = require('./Textarea-WIGhhrgu.js');
-var Tile = require('./Tile-gAqZGMv7.js');
+var Tile = require('./Tile-j8EfyWDg.js');
 var Title = require('./Title-C3lN-EvU.js');
-var Tooltip = require('./Tooltip-DasmzIDY.js');
+var Tooltip = require('./Tooltip-CnnungCh.js');
 var Video = require('./Video-B_xqvgag.js');
 var Wrapper = require('./Wrapper-DravIzND.js');
 require('./_tslib-CKiUdo7p.js');
@@ -116,7 +116,7 @@ exports.choiceConfig = Choice.choiceConfig;
 exports.Code = Code.Code;
 exports.ContextMenu = ContextMenuItem.ContextMenu;
 exports.ContextMenuItem = ContextMenuItem.ContextMenuItem;
-exports.CookiesWarning = index.CookiesWarning;
+exports.CookiesWarning = CookiesWarning.CookiesWarning;
 exports.DadataHintField = DadataHintField.DadataHintField;
 exports.DatePickerInput = DatePicker.DatePickerInput;
 exports.Divider = Divider.Divider;
@@ -144,7 +144,7 @@ exports.inputConfig = Input.inputConfig;
 exports.inputPasswordConfig = InputPassword.inputPasswordConfig;
 exports.Label = Label.Label;
 exports.labelConfig = Label.labelConfig;
-exports.LanguageSelector = index$1.LanguageSelector;
+exports.LanguageSelector = LanguageSelector.LanguageSelector;
 exports.Link = Link.Link;
 exports.LinkWrapper = Link.LinkWrapper;
 exports.linkConfig = Link.linkConfig;
@@ -161,7 +161,7 @@ exports.ModalLoader = ModalLoader.ModalLoader;
 exports.NotificationItem = NotificationList.NotificationItem;
 exports.NotificationList = NotificationList.NotificationList;
 exports.notificationItemConfig = NotificationList.notificationItemConfig;
-exports.Page = index$2.Page;
+exports.Page = index.Page;
 exports.Pagination = Pagination.Pagination;
 exports.Radio = Radio.Radio;
 exports.radioConfig = Radio.radioConfig;
@@ -173,22 +173,22 @@ exports.SearchInput = SearchResult.SearchInput;
 exports.SearchResult = SearchResult.SearchResult;
 exports.Segmented = Segmented.Segmented;
 exports.segmentedConfig = Segmented.segmentedConfig;
-exports.Select = index$3.Select;
-exports.SelectClearIndicator = index$3.SelectClearIndicator;
-exports.SelectControl = index$3.SelectControl;
-exports.SelectDropdownIndicator = index$3.SelectDropdownIndicator;
-exports.SelectGroupHeading = index$3.SelectGroupHeading;
-exports.SelectIndicatorsContainer = index$3.SelectIndicatorsContainer;
-exports.SelectInput = index$3.SelectInput;
-exports.SelectMenu = index$3.SelectMenu;
-exports.SelectMultiValueContainer = index$3.SelectMultiValueContainer;
-exports.SelectMultiValueLabel = index$3.SelectMultiValueLabel;
-exports.SelectMultiValueRemove = index$3.SelectMultiValueRemove;
-exports.SelectOption = index$3.SelectOption;
-exports.SelectPlaceholder = index$3.SelectPlaceholder;
-exports.SelectSingleValue = index$3.SelectSingleValue;
-exports.SelectValueContainer = index$3.SelectValueContainer;
-exports.selectConfig = index$3.selectConfig;
+exports.Select = index$1.Select;
+exports.SelectClearIndicator = index$1.SelectClearIndicator;
+exports.SelectControl = index$1.SelectControl;
+exports.SelectDropdownIndicator = index$1.SelectDropdownIndicator;
+exports.SelectGroupHeading = index$1.SelectGroupHeading;
+exports.SelectIndicatorsContainer = index$1.SelectIndicatorsContainer;
+exports.SelectInput = index$1.SelectInput;
+exports.SelectMenu = index$1.SelectMenu;
+exports.SelectMultiValueContainer = index$1.SelectMultiValueContainer;
+exports.SelectMultiValueLabel = index$1.SelectMultiValueLabel;
+exports.SelectMultiValueRemove = index$1.SelectMultiValueRemove;
+exports.SelectOption = index$1.SelectOption;
+exports.SelectPlaceholder = index$1.SelectPlaceholder;
+exports.SelectSingleValue = index$1.SelectSingleValue;
+exports.SelectValueContainer = index$1.SelectValueContainer;
+exports.selectConfig = index$1.selectConfig;
 exports.SiteMenu = SiteMenuButton.SiteMenu;
 exports.SiteMenuButton = SiteMenuButton.SiteMenuButton;
 exports.Swiper = Swiper.Swiper;

package/dist/cjs/constants/componentProps/iconSize.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 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 */];
 
 exports.default = iconSizeProps;

package/dist/cjs/constants/componentProps/sizePX.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 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 */];
 
 exports.default = sizePXProps;

package/dist/cjs/context/Notifications.js

@@ -23,61 +23,53 @@ const NotificationsAPIContext = /*#__PURE__*/React.createContext({
   notificationStatuses: STATUSES
 });
 function NotificationsProvider(props) {
-  const [notifications, setNotifications] = React.useState([]);
-  const hideNotifications = React.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] = React.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 = React.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 = React.useCallback((notification, onClose) => {
-    let id = uuid.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 = React.useMemo(() => ({
@@ -88,14 +80,24 @@ function NotificationsProvider(props) {
   // Functions is never changes, no sense to set as dependencies
   // eslint-disable-next-line
   []);
+  React.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.default.createElement(NotificationsAPIContext.Provider, {
     value: notificationsAPI
   }, /*#__PURE__*/React__default.default.createElement(NotificationsContext.Provider, {
-    value: notifications
-  }, props.children));
+    value: notificationsList
+  }, children));
 }
 NotificationsProvider.propTypes = {
-  children: PropTypes__default.default.any
+  children: PropTypes__default.default.any,
+  initialNotificationsList: PropTypes__default.default.array
 };
 function useNotifications() {
   return React.useContext(NotificationsContext);
@@ -103,6 +105,47 @@ function useNotifications() {
 function useNotificationsAPI() {
   return React.useContext(NotificationsAPIContext);
 }
+function createNotification(notification, onClose) {
+  // Default notification item properties
+  let id = uuid.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": [],
@@ -114,6 +157,13 @@ NotificationsProvider.__docgenInfo = {
         "name": "any"
       },
       "required": false
+    },
+    "initialNotificationsList": {
+      "description": "",
+      "type": {
+        "name": "array"
+      },
+      "required": false
     }
   }
 };

package/dist/cjs/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/cjs/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/cjs/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/cjs/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/dist/components/Accordion.js

@@ -1,4 +1,4 @@
-export { A as Accordion, a as AccordionItem } from '../Accordion-CXvqu97t.js';
+export { A as Accordion, a as AccordionItem } from '../Accordion-vh2p5Mzs.js';
 import '../_tslib-S-VPg1Cw.js';
 import '../jsx-runtime-C2uP7l8s.js';
 import 'react';
@@ -14,9 +14,9 @@ import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../Icon-C1j6rkeI.js';
+import '../Icon-Duj1nynQ.js';
 import 'react-inlinesvg';
 import '../Link-CbCqej5B.js';
-import '../Tooltip-jT5A43he.js';
-import '../Text-edtauAM6.js';
+import '../Tooltip-CcwyN7PD.js';
+import '../Text-CxrzHFN1.js';
 import '../Title-BUN57fWw.js';

package/dist/components/Avatar.js

@@ -1,4 +1,4 @@
-export { A as Avatar } from '../Avatar-JAaLGdYj.js';
+export { A as Avatar } from '../Avatar-DhZxzLEY.js';
 import '../jsx-runtime-C2uP7l8s.js';
 import 'react';
 import 'clsx';
@@ -9,7 +9,7 @@ import '../context/UIContext.js';
 import 'prop-types';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
-import '../Icon-C1j6rkeI.js';
+import '../Icon-Duj1nynQ.js';
 import '../_tslib-S-VPg1Cw.js';
 import 'react-inlinesvg';
 import '../hooks/useStyles.js';
@@ -17,7 +17,7 @@ import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
 import '../Link-CbCqej5B.js';
-import '../Tooltip-jT5A43he.js';
-import '../Text-edtauAM6.js';
+import '../Tooltip-CcwyN7PD.js';
+import '../Text-CxrzHFN1.js';
 import '../Title-BUN57fWw.js';
 import '../Image-Bz4Fo3eB.js';

package/dist/components/Badge.js

@@ -1,4 +1,4 @@
-export { B as Badge, b as badgeConfig } from '../Badge-DPM6qrjA.js';
+export { B as Badge, b as badgeConfig } from '../Badge-D-4zpdfU.js';
 import '../jsx-runtime-C2uP7l8s.js';
 import 'react';
 import 'clsx';
@@ -13,4 +13,4 @@ import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../Text-edtauAM6.js';
+import '../Text-CxrzHFN1.js';

package/dist/components/Breadcrumbs.js

@@ -1,4 +1,4 @@
-export { B as Breadcrumbs, a as BreadcrumbsItem } from '../Breadcrumbs-BZpYBM5A.js';
+export { B as Breadcrumbs, a as BreadcrumbsItem } from '../Breadcrumbs-CciIq1Na.js';
 import '../_tslib-S-VPg1Cw.js';
 import '../jsx-runtime-C2uP7l8s.js';
 import 'react';
@@ -14,9 +14,9 @@ import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../Icon-C1j6rkeI.js';
+import '../Icon-Duj1nynQ.js';
 import 'react-inlinesvg';
 import '../Link-CbCqej5B.js';
-import '../Tooltip-jT5A43he.js';
-import '../Text-edtauAM6.js';
+import '../Tooltip-CcwyN7PD.js';
+import '../Text-CxrzHFN1.js';
 import '../Title-BUN57fWw.js';

package/dist/components/Button.js

@@ -1,4 +1,4 @@
-export { B as Button, b as buttonConfig } from '../Button-CyO_Wl49.js';
+export { B as Button, b as buttonConfig } from '../Button-BXClqM-t.js';
 import '../jsx-runtime-C2uP7l8s.js';
 import 'react';
 import 'clsx';
@@ -13,11 +13,11 @@ import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../Icon-C1j6rkeI.js';
+import '../Icon-Duj1nynQ.js';
 import '../_tslib-S-VPg1Cw.js';
 import 'react-inlinesvg';
 import '../Link-CbCqej5B.js';
-import '../Tooltip-jT5A43he.js';
-import '../Text-edtauAM6.js';
+import '../Tooltip-CcwyN7PD.js';
+import '../Text-CxrzHFN1.js';
 import '../Title-BUN57fWw.js';
-import '../Loader-BUgSIcId.js';
+import '../Loader-YZrWGaNy.js';

package/dist/components/Card.js

@@ -1,4 +1,4 @@
-export { C as Card } from '../Card-DKmhFMCS.js';
+export { C as Card } from '../Card-DPGgzPuD.js';
 import '../jsx-runtime-C2uP7l8s.js';
 import 'react';
 import 'clsx';
@@ -14,4 +14,4 @@ import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../Text-edtauAM6.js';
+import '../Text-CxrzHFN1.js';

package/dist/components/Cell.js

@@ -1,4 +1,4 @@
-export { C as Cell } from '../Cell-D3aJx_C0.js';
+export { C as Cell } from '../Cell-BfV_aVxs.js';
 import '../jsx-runtime-C2uP7l8s.js';
 import 'react';
 import 'clsx';
@@ -9,7 +9,7 @@ import '../context/UIContext.js';
 import 'prop-types';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
-import '../Icon-C1j6rkeI.js';
+import '../Icon-Duj1nynQ.js';
 import '../_tslib-S-VPg1Cw.js';
 import 'react-inlinesvg';
 import '../hooks/useStyles.js';
@@ -17,7 +17,7 @@ import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
 import '../Link-CbCqej5B.js';
-import '../Tooltip-jT5A43he.js';
-import '../Text-edtauAM6.js';
+import '../Tooltip-CcwyN7PD.js';
+import '../Text-CxrzHFN1.js';
 import '../Title-BUN57fWw.js';
-import '../Label-CD6o__-D.js';
+import '../Label-D9cQMuy3.js';

package/dist/components/Checkbox.js

@@ -1,4 +1,4 @@
-export { C as Checkbox, c as checkboxConfig } from '../Checkbox-BqTMHeES.js';
+export { C as Checkbox, c as checkboxConfig } from '../Checkbox-C-H_Z4S_.js';
 import '../jsx-runtime-C2uP7l8s.js';
 import 'react';
 import 'clsx';
@@ -9,7 +9,7 @@ import '../context/UIContext.js';
 import 'prop-types';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
-import '../Text-edtauAM6.js';
+import '../Text-CxrzHFN1.js';
 import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';

package/dist/components/Chips.js

@@ -1,4 +1,4 @@
-export { C as Chips, c as chipsConfig } from '../Chips-DhyDHpu7.js';
+export { C as Chips, c as chipsConfig } from '../Chips-BR_EPV82.js';
 import '../jsx-runtime-C2uP7l8s.js';
 import 'react';
 import 'clsx';
@@ -13,4 +13,4 @@ import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../Text-edtauAM6.js';
+import '../Text-CxrzHFN1.js';

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

@@ -1,8 +1,9 @@
 import { ReactNode } from 'react';
 import { TypeStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { borderColorPropsType, borderTypePropsType, borderWidthPropsType, fillHoverPropsType, fillPropsType, iconSizePropsType, itemColorPropsType, shapePropsType, sizeOptionPropsType, textColorPropsType, textSizePropsType } from '../../types';
+import { borderColorPropsType, borderTypePropsType, borderWidthPropsType, fillHoverPropsType, fillPropsType, iconSizePropsType, itemColorPropsType, shapePropsType, sizeOptionPropsType, textColorPropsType, textSizePropsType, textWeightPropsType } from '../../types';
 import { appearanceKeysDefaultType } from '../../types/componentProps/appearanceKeys';
 export interface IChoiceThemeColor {
+    activeIconItemFill?: itemColorPropsType;
     borderColor?: borderColorPropsType;
     borderType?: borderTypePropsType;
     borderWidth?: borderWidthPropsType;
@@ -18,6 +19,7 @@ export interface IChoiceThemeColor {
     labelTextActiveColorDisabled?: textColorPropsType;
     labelTextColor?: textColorPropsType;
     labelTextColorDisabled?: textColorPropsType;
+    labelTextWeight?: textWeightPropsType;
     labelTextSize?: textSizePropsType;
     shape?: shapePropsType;
 }
@@ -46,6 +48,8 @@ export interface IChoiceProps extends IChoiceThemeColor, TypeStyleAttributes {
     options: {
         value: string;
         label: ReactNode;
+        activeIconItemFill: itemColorPropsType;
+        iconItemFill: itemColorPropsType;
     }[];
     set?: string;
     size?: sizeOptionPropsType;

package/dist/components/Choice.js

@@ -1,4 +1,4 @@
-export { C as Choice, c as choiceConfig } from '../Choice-cgCRlPk0.js';
+export { C as Choice, c as choiceConfig } from '../Choice-BJd9Jx4D.js';
 import '../jsx-runtime-C2uP7l8s.js';
 import 'react';
 import 'clsx';
@@ -9,7 +9,7 @@ import '../context/UIContext.js';
 import 'prop-types';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
-import '../Icon-C1j6rkeI.js';
+import '../Icon-Duj1nynQ.js';
 import '../_tslib-S-VPg1Cw.js';
 import 'react-inlinesvg';
 import '../hooks/useStyles.js';
@@ -17,6 +17,6 @@ import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
 import '../Link-CbCqej5B.js';
-import '../Tooltip-jT5A43he.js';
-import '../Text-edtauAM6.js';
+import '../Tooltip-CcwyN7PD.js';
+import '../Text-CxrzHFN1.js';
 import '../Title-BUN57fWw.js';

package/dist/components/ContextMenu.js

@@ -1,4 +1,4 @@
-export { C as ContextMenu, a as ContextMenuItem } from '../ContextMenuItem-DjDhhmjF.js';
+export { C as ContextMenu, a as ContextMenuItem } from '../ContextMenuItem-CpZ3pjky.js';
 import '../jsx-runtime-C2uP7l8s.js';
 import 'react';
 import 'clsx';
@@ -9,15 +9,15 @@ import '../context/UIContext.js';
 import 'prop-types';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
-import '../Divider-D0TEKxHr.js';
+import '../Divider-Dhj6sMWd.js';
 import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../Icon-C1j6rkeI.js';
+import '../Icon-Duj1nynQ.js';
 import '../_tslib-S-VPg1Cw.js';
 import 'react-inlinesvg';
 import '../Link-CbCqej5B.js';
-import '../Tooltip-jT5A43he.js';
-import '../Text-edtauAM6.js';
+import '../Tooltip-CcwyN7PD.js';
+import '../Text-CxrzHFN1.js';
 import '../Title-BUN57fWw.js';