@itcase/ui 1.1.10 → 1.1.13

package/dist/cjs/ModalLoader-A2KkSC3x.js

@@ -0,0 +1,172 @@
+'use strict';
+
+var jsxRuntime = require('./jsx-runtime-BBxmckJR.js');
+var React = require('react');
+var clsx = require('clsx');
+var ReactDOM = require('react-dom');
+var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
+var useStyles = require('./hooks/useStyles.js');
+var Overlay = require('./Overlay-18bnPZPd.js');
+var Loader = require('./Loader-2vQxF_aO.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+var clsx__default = /*#__PURE__*/_interopDefault(clsx);
+var ReactDOM__default = /*#__PURE__*/_interopDefault(ReactDOM);
+
+var getOrCreateModalElement = function (modalQuerySelector, className) {
+    var _a;
+    if (className === void 0) { className = ''; }
+    // prettier-ignore
+    var classList = className && typeof className === 'string'
+        ? className.split(' ').filter(Boolean)
+        : [];
+    var modalElement = document.querySelector(modalQuerySelector);
+    if (!modalElement) {
+        // Add modal element into the DOM on mount.
+        modalElement = document.createElement('div');
+        modalElement.setAttribute('id', 'modal-global');
+        modalElement.classList.add('modal');
+        if (classList.length) {
+            (_a = modalElement.classList).add.apply(_a, classList);
+        }
+        document.body.prepend(modalElement);
+    }
+    return modalElement;
+};
+// Modal component that is an abstraction around the portal API.
+var Modal = React__default.default.forwardRef(function Modal(props, ref) {
+    var children = props.children, className = props.className, closeButton = props.closeButton, contentClassName = props.contentClassName, id = props.id, _a = props.isOverlay, isOverlay = _a === void 0 ? true : _a, overlayClassName = props.overlayClassName, overlayFill = props.overlayFill, overlayFillGradient = props.overlayFillGradient, overlayOpacity = props.overlayOpacity, _b = props.isOpen, initialIsOpen = _b === void 0 ? false : _b, _c = props.isScrollOnOpen, isScrollOnOpen = _c === void 0 ? true : _c, _d = props.isSetFocusOnOpen, isSetFocusOnOpen = _d === void 0 ? true : _d, _e = props.modalQuerySelector, modalQuerySelector = _e === void 0 ? '#modal-global' : _e, debug = props.debug, onCloseModal = props.onCloseModal, onOpenModal = props.onOpenModal;
+    // Query DOM element
+    var _f = React.useState(null), modalElement = _f[0], setModalElement = _f[1];
+    var _g = React.useState(initialIsOpen), isOpen = _g[0], setIsOpen = _g[1];
+    var modalContentRef = React.useRef(null);
+    var modalOverlayRef = React.useRef(null);
+    var addModalProps = React.useCallback(function (element) {
+        // Change class need in "useEffect"
+        if (isOpen) {
+            // Show modal
+            element.classList.add('modal_state_visible');
+            // Scroll to opened modal
+            if (isScrollOnOpen) {
+                // modalContentRef.current.style.top = `${window.visualViewport.pageTop}px`
+                element.scrollIntoView({ block: 'center', behavior: 'smooth' });
+            }
+            // "setTimeout" in this implementation is needs for set focus on modal
+            // after "onMouseDown" event on button
+            if (isSetFocusOnOpen) {
+                setTimeout(function () {
+                    if (modalContentRef.current) {
+                        modalContentRef.current.focus();
+                    }
+                }, 0);
+            }
+        }
+        else if (!element.children.length) {
+            // Hide modal if has no children
+            element.classList.remove('modal_state_visible');
+        }
+    }, [isOpen, isSetFocusOnOpen]);
+    // Show modal with children content
+    var openModal = React.useCallback(function () {
+        setIsOpen(true);
+        // Callback
+        if (typeof onOpenModal === 'function') {
+            onOpenModal();
+        }
+        /* SHOW TARGET POPUP ABOVE OTHERS POPUPS IF TARGET ALREADY OPENED
+          // If current modal is already opened
+          // Move content to end of modal root container. For order in DOM.
+          const modalContentElement = modalContentRef.current
+          if (modalContentElement) {
+            modalContentElement.parentNode.appendChild(modalContentElement)
+          }
+          // Also move overlay to end of modal root container after container
+          const modalOverlayElement = modalOverlayRef.current
+          if (modalOverlayElement) {
+            modalOverlayElement.parentNode.appendChild(modalOverlayElement)
+          }
+        */
+    }, [onOpenModal]);
+    // Hide modal and unmount children content
+    var closeModal = React.useCallback(function (event) {
+        var hasRelatedTarget = event.relatedTarget &&
+            modalElement &&
+            // @ts-expect-error
+            modalElement.contains(event.relatedTarget);
+        if (hasRelatedTarget) {
+            return event;
+        }
+        setIsOpen(false);
+        // Callback
+        if (typeof onCloseModal === 'function') {
+            onCloseModal();
+        }
+    }, [modalElement, onCloseModal]);
+    React.useEffect(function () {
+        if (!modalElement) {
+            return;
+        }
+        addModalProps(modalElement);
+    }, [isOpen]); // eslint-disable-line
+    React.useLayoutEffect(function () {
+        var element = getOrCreateModalElement(modalQuerySelector, className);
+        setModalElement(element);
+        if (element) {
+            addModalProps(element);
+        }
+    }, []);
+    // Save ref things
+    React.useImperativeHandle(ref, function () { return ({ isOpen: isOpen, openModal: openModal, closeModal: closeModal, modalElement: modalElement }); });
+    var fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'fill_',
+        propsKey: 'fill',
+    });
+    // Collect classes and styles
+    var shapeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'modal-shape_',
+        propsKey: 'shape',
+    });
+    var borderColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'border-color_',
+        propsKey: 'borderColor',
+    });
+    var borderWidthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'border-width_',
+        propsKey: 'borderWidth',
+    });
+    var borderTypeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'border_type_',
+        propsKey: 'borderType',
+    });
+    var elevationClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'elevation_',
+        propsKey: 'elevation',
+    });
+    // @ts-expect-error
+    var modalStyles = useStyles.useStyles(props).styles;
+    // Use a portal to render the children into the element
+    return (modalElement &&
+        ReactDOM__default.default.createPortal(
+        // Any valid React child: JSX, strings, arrays, etc.
+        isOpen ? (jsxRuntime.jsxRuntimeExports.jsxs(React__default.default.Fragment, { children: [jsxRuntime.jsxRuntimeExports.jsxs("div", { className: clsx__default.default('modal-content', contentClassName, fillClass, shapeClass, borderColorClass, borderWidthClass, borderTypeClass, elevationClass), id: id, ref: modalContentRef, style: modalStyles, tabIndex: 0, onBlur: debug ? undefined : closeModal, children: [closeButton && (jsxRuntime.jsxRuntimeExports.jsx("div", { className: "modal-content__close", onClick: closeModal, children: closeButton })), jsxRuntime.jsxRuntimeExports.jsx("div", { className: "modal-content__wrapper", children: children })] }), jsxRuntime.jsxRuntimeExports.jsx(Overlay.Overlay, { className: clsx__default.default('modal__overlay', 'overlay_type_modal', overlayClassName), fill: overlayFill, fillGradient: overlayFillGradient, isOverlay: isOverlay, opacity: overlayOpacity, 
+                    // @ts-expect-error
+                    ref: modalOverlayRef })] })) : null, 
+        // A DOM element
+        modalElement));
+});
+Modal.defaultProps = {
+    isOverlay: true,
+    isOpen: false,
+    isScrollOnOpen: true,
+    isSetFocusOnOpen: true,
+    modalQuerySelector: '#modal-global',
+};
+
+function ModalLoader(props) {
+    return (jsxRuntime.jsxRuntimeExports.jsx("div", { className: "modal-loading", children: jsxRuntime.jsxRuntimeExports.jsx("div", { className: "modal-loading__inner", children: jsxRuntime.jsxRuntimeExports.jsx(Loader.Loader, {}) }) }));
+}
+
+exports.Modal = Modal;
+exports.ModalLoader = ModalLoader;

package/dist/cjs/{NotificationList-ydXfdUwy.js → NotificationList-BTvz_kvZ.js}

@@ -5,7 +5,7 @@ var clsx = require('clsx');
 var Notifications = require('./context/Notifications.js');
 var React = require('react');
 var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
-var Text = require('./Text-CgYNdSwY.js');
+var Text = require('./Text-C8vlKWNN.js');
 var Title = require('./Title-C3lN-EvU.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }

package/dist/cjs/{Pagination-D8EHefOz.js → Pagination-B0-KGWSv.js}

@@ -6,9 +6,9 @@ var clsx = require('clsx');
 var ceil = require('lodash/ceil');
 var ReactPaginate = require('react-paginate');
 var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
-var DropdownItem = require('./DropdownItem-BVxf7bPs.js');
-var Icon = require('./Icon-D1v73UhR.js');
-var Text = require('./Text-CgYNdSwY.js');
+var DropdownItem = require('./DropdownItem-bjpmcFH1.js');
+var Icon = require('./Icon-DzJtiBBk.js');
+var Text = require('./Text-C8vlKWNN.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 

package/dist/cjs/{Radio-DRXdBBWU.js → Radio-Cvbuwkx3.js}

@@ -4,7 +4,7 @@ var jsxRuntime = require('./jsx-runtime-BBxmckJR.js');
 var React = require('react');
 var clsx = require('clsx');
 var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
-var Text = require('./Text-CgYNdSwY.js');
+var Text = require('./Text-C8vlKWNN.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 

package/dist/cjs/{Response-De79pGs5.js → Response-XesiDp89.js}

@@ -6,9 +6,9 @@ var clsx = require('clsx');
 var SVG = require('react-inlinesvg');
 var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
 var useStyles = require('./hooks/useStyles.js');
-var Button = require('./Button-D7ctQMni.js');
+var Button = require('./Button-C4_FRFZe.js');
 var Group = require('./Group-C9BxTKs-.js');
-var Text = require('./Text-CgYNdSwY.js');
+var Text = require('./Text-C8vlKWNN.js');
 var Title = require('./Title-C3lN-EvU.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }

package/dist/cjs/{SearchResult-DFG3pyeM.js → SearchResult-D147g0-n.js}

@@ -5,8 +5,8 @@ var React = require('react');
 var clsx = require('clsx');
 var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
 var useStyles = require('./hooks/useStyles.js');
-var Icon = require('./Icon-D1v73UhR.js');
-var Text = require('./Text-CgYNdSwY.js');
+var Icon = require('./Icon-DzJtiBBk.js');
+var Text = require('./Text-C8vlKWNN.js');
 var Scrollbar = require('./Scrollbar-DOujlQOb.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -112,7 +112,7 @@ SearchInput.DEFAULT_REF_STATE = {
 SearchInput.defaultProps = {
     placeholderTextSize: 'm',
     inputTextSize: 'm',
-    size: 'm',
+    size: 'normal',
 };
 
 var SearchResult = React__default.default.forwardRef(function SearchResult(props, ref) {

package/dist/cjs/{Segmented-D0ISlz9H.js → Segmented-BHblcvck.js}

@@ -4,7 +4,7 @@ var jsxRuntime = require('./jsx-runtime-BBxmckJR.js');
 var React = require('react');
 var clsx = require('clsx');
 var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
-var Text = require('./Text-CgYNdSwY.js');
+var Text = require('./Text-C8vlKWNN.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 

package/dist/cjs/{SiteMenuButton-Ca46xAzk.js → SiteMenuButton-ChUD4CgP.js}

@@ -5,8 +5,8 @@ var React = require('react');
 var clsx = require('clsx');
 var UIContext = require('./context/UIContext.js');
 var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
-var Icon = require('./Icon-D1v73UhR.js');
-var Text = require('./Text-CgYNdSwY.js');
+var Icon = require('./Icon-DzJtiBBk.js');
+var Text = require('./Text-C8vlKWNN.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 

package/dist/cjs/{Swiper-oPcqfskQ.js → Swiper-DHjkfpbP.js}

@@ -3212,6 +3212,7 @@ const events = (swiper, method) => {
   const capture = !!params.nested;
   const domMethod = method === 'on' ? 'addEventListener' : 'removeEventListener';
   const swiperMethod = method;
+  if (!el || typeof el === 'string') return;
 
   // Touch Events
   document[domMethod]('touchstart', swiper.onDocumentTouchStart, {
@@ -3488,6 +3489,7 @@ function removeClasses() {
     el,
     classNames
   } = swiper;
+  if (!el || typeof el === 'string') return;
   el.classList.remove(...classNames);
   swiper.emitContainerClasses();
 }
@@ -4252,8 +4254,12 @@ let Swiper$2 = class Swiper {
     // Cleanup styles
     if (cleanStyles) {
       swiper.removeClasses();
-      el.removeAttribute('style');
-      wrapperEl.removeAttribute('style');
+      if (el && typeof el !== 'string') {
+        el.removeAttribute('style');
+      }
+      if (wrapperEl) {
+        wrapperEl.removeAttribute('style');
+      }
       if (slides && slides.length) {
         slides.forEach(slideEl => {
           slideEl.classList.remove(params.slideVisibleClass, params.slideFullyVisibleClass, params.slideActiveClass, params.slideNextClass, params.slidePrevClass);
@@ -4269,7 +4275,9 @@ let Swiper$2 = class Swiper {
       swiper.off(eventName);
     });
     if (deleteInstance !== false) {
-      swiper.el.swiper = null;
+      if (swiper.el && typeof swiper.el !== 'string') {
+        swiper.el.swiper = null;
+      }
       deleteProps(swiper);
     }
     swiper.destroyed = true;
@@ -4663,7 +4671,7 @@ const updateOnVirtualData = swiper => {
 };
 
 /**
- * Swiper React 11.1.3
+ * Swiper React 11.1.4
  * Most modern mobile touch slider and framework with hardware accelerated transitions
  * https://swiperjs.com
  *
@@ -4671,7 +4679,7 @@ const updateOnVirtualData = swiper => {
  *
  * Released under the MIT License
  *
- * Released on: May 13, 2024
+ * Released on: May 30, 2024
  */
 
 

package/dist/cjs/{SwitchField-xk1JORBl.js → SwitchField-CdpEiqFv.js}

@@ -2,13 +2,13 @@
 
 var _tslib = require('./_tslib-CKiUdo7p.js');
 var jsxRuntime = require('./jsx-runtime-BBxmckJR.js');
-var Radio = require('./Radio-DRXdBBWU.js');
+var Radio = require('./Radio-Cvbuwkx3.js');
 var clsx = require('clsx');
 var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
 var index = require('./components/Select.js');
-var Divider = require('./Divider-doetVRw0.js');
-var Text = require('./Text-CgYNdSwY.js');
-var Icon = require('./Icon-D1v73UhR.js');
+var Divider = require('./Divider-D92wY8Fn.js');
+var Text = require('./Text-C8vlKWNN.js');
+var Icon = require('./Icon-DzJtiBBk.js');
 var useStyles = require('./hooks/useStyles.js');
 var Switch = require('./Switch-K1p9h3aF.js');
 

package/dist/cjs/{TabGroup-DEEcVLO0.js → TabGroup-Vn5oELiY.js}

@@ -5,10 +5,10 @@ var React = require('react');
 var clsx = require('clsx');
 var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
 var useStyles = require('./hooks/useStyles.js');
-var Badge = require('./Badge-BvJTwXqB.js');
-var Divider = require('./Divider-doetVRw0.js');
+var Badge = require('./Badge-zYZKun4n.js');
+var Divider = require('./Divider-D92wY8Fn.js');
 var Link = require('./Link-3qPujNn9.js');
-var Text = require('./Text-CgYNdSwY.js');
+var Text = require('./Text-C8vlKWNN.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 

package/dist/cjs/{Text-CgYNdSwY.js → Text-C8vlKWNN.js}

@@ -17,7 +17,7 @@ var textConfig = {
     },
 };
 function Text(props) {
-    var after = props.after, appearance = props.appearance, dataTestId = props.dataTestId, before = props.before, children = props.children, className = props.className, cursor = props.cursor, dataTour = props.dataTour, htmlFor = props.htmlFor, mode = props.mode, _a = props.tag, Tag = _a === void 0 ? 'span' : _a, type = props.type, onClick = props.onClick;
+    var after = props.after, appearance = props.appearance, dataTestId = props.dataTestId, before = props.before, children = props.children, className = props.className, cursor = props.cursor, dataTour = props.dataTour, htmlFor = props.htmlFor, mode = props.mode, _a = props.tag, Tag = _a === void 0 ? 'span' : _a, type = props.type, onClick = props.onClick, onDoubleClick = props.onDoubleClick;
     var cursorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
         prefix: 'cursor_',
         propsKey: 'cursor',
@@ -73,7 +73,7 @@ function Text(props) {
             ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.size) &&
                 "text_size_".concat(appearanceConfig.size).replace(/([A-Z])/g, '-$1').toLowerCase()), weightClass, textAlignClass, textColorClass ||
             ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColor) &&
-                "text-color_".concat(appearanceConfig.textColor).replace(/([A-Z])/g, '-$1').toLowerCase()), textColorActiveClass, textColorHoverClass, textGradientClass, textStyleClass, textTruncateClass, textWrapClass, type && "text_type_".concat(type), mode && "text_mode_".concat(mode), widthClass, cursorClass, onClick && (cursor || 'cursor_type_pointer')), "data-tour": dataTour, htmlFor: htmlFor, style: textStyles, onClick: onClick, "data-test-id": dataTestId, children: [before, children, after] }));
+                "text-color_".concat(appearanceConfig.textColor).replace(/([A-Z])/g, '-$1').toLowerCase()), textColorActiveClass, textColorHoverClass, textGradientClass, textStyleClass, textTruncateClass, textWrapClass, type && "text_type_".concat(type), mode && "text_mode_".concat(mode), widthClass, cursorClass, onClick && (cursor || 'cursor_type_pointer')), "data-tour": dataTour, htmlFor: htmlFor, style: textStyles, onClick: onClick, onDoubleClick: onDoubleClick, "data-test-id": dataTestId, children: [before, children, after] }));
 }
 Text.defaultProps = {
     tag: 'span',

package/dist/cjs/{Tile-gAqZGMv7.js → Tile-j8EfyWDg.js}

@@ -4,8 +4,8 @@ var jsxRuntime = require('./jsx-runtime-BBxmckJR.js');
 var clsx = require('clsx');
 var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
 var useStyles = require('./hooks/useStyles.js');
-var Badge = require('./Badge-BvJTwXqB.js');
-var Text = require('./Text-CgYNdSwY.js');
+var Badge = require('./Badge-zYZKun4n.js');
+var Text = require('./Text-C8vlKWNN.js');
 var Title = require('./Title-C3lN-EvU.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }

package/dist/cjs/{Tooltip-DasmzIDY.js → Tooltip-CnnungCh.js}

@@ -5,7 +5,7 @@ var React = require('react');
 var clsx = require('clsx');
 var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
 var useStyles = require('./hooks/useStyles.js');
-var Text = require('./Text-CgYNdSwY.js');
+var Text = require('./Text-C8vlKWNN.js');
 var Title = require('./Title-C3lN-EvU.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }

package/dist/cjs/components/Accordion.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Accordion = require('../Accordion-Dx0BRqhi.js');
+var Accordion = require('../Accordion-BPSF6By2.js');
 require('../_tslib-CKiUdo7p.js');
 require('../jsx-runtime-BBxmckJR.js');
 require('react');
@@ -16,11 +16,11 @@ require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
-require('../Icon-D1v73UhR.js');
+require('../Icon-DzJtiBBk.js');
 require('react-inlinesvg');
 require('../Link-3qPujNn9.js');
-require('../Tooltip-DasmzIDY.js');
-require('../Text-CgYNdSwY.js');
+require('../Tooltip-CnnungCh.js');
+require('../Text-C8vlKWNN.js');
 require('../Title-C3lN-EvU.js');
 
 

package/dist/cjs/components/Avatar.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Avatar = require('../Avatar-C2xK87qB.js');
+var Avatar = require('../Avatar-qFiPDVgu.js');
 require('../jsx-runtime-BBxmckJR.js');
 require('react');
 require('clsx');
@@ -11,7 +11,7 @@ require('../context/UIContext.js');
 require('prop-types');
 require('../hooks/useMediaQueries.js');
 require('react-responsive');
-require('../Icon-D1v73UhR.js');
+require('../Icon-DzJtiBBk.js');
 require('../_tslib-CKiUdo7p.js');
 require('react-inlinesvg');
 require('../hooks/useStyles.js');
@@ -19,8 +19,8 @@ require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
 require('../Link-3qPujNn9.js');
-require('../Tooltip-DasmzIDY.js');
-require('../Text-CgYNdSwY.js');
+require('../Tooltip-CnnungCh.js');
+require('../Text-C8vlKWNN.js');
 require('../Title-C3lN-EvU.js');
 require('../Image-CCx6QWZj.js');
 

package/dist/cjs/components/Badge.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Badge = require('../Badge-BvJTwXqB.js');
+var Badge = require('../Badge-zYZKun4n.js');
 require('../jsx-runtime-BBxmckJR.js');
 require('react');
 require('clsx');
@@ -15,7 +15,7 @@ require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
-require('../Text-CgYNdSwY.js');
+require('../Text-C8vlKWNN.js');
 
 
 

package/dist/cjs/components/Breadcrumbs.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Breadcrumbs = require('../Breadcrumbs-PHMiEJZH.js');
+var Breadcrumbs = require('../Breadcrumbs-BIhuwcTG.js');
 require('../_tslib-CKiUdo7p.js');
 require('../jsx-runtime-BBxmckJR.js');
 require('react');
@@ -16,11 +16,11 @@ require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
-require('../Icon-D1v73UhR.js');
+require('../Icon-DzJtiBBk.js');
 require('react-inlinesvg');
 require('../Link-3qPujNn9.js');
-require('../Tooltip-DasmzIDY.js');
-require('../Text-CgYNdSwY.js');
+require('../Tooltip-CnnungCh.js');
+require('../Text-C8vlKWNN.js');
 require('../Title-C3lN-EvU.js');
 
 

package/dist/cjs/components/Button.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Button = require('../Button-D7ctQMni.js');
+var Button = require('../Button-C4_FRFZe.js');
 require('../jsx-runtime-BBxmckJR.js');
 require('react');
 require('clsx');
@@ -15,14 +15,14 @@ require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
-require('../Icon-D1v73UhR.js');
+require('../Icon-DzJtiBBk.js');
 require('../_tslib-CKiUdo7p.js');
 require('react-inlinesvg');
 require('../Link-3qPujNn9.js');
-require('../Tooltip-DasmzIDY.js');
-require('../Text-CgYNdSwY.js');
+require('../Tooltip-CnnungCh.js');
+require('../Text-C8vlKWNN.js');
 require('../Title-C3lN-EvU.js');
-require('../Loader-CK9zQAPl.js');
+require('../Loader-2vQxF_aO.js');
 
 
 

package/dist/cjs/components/Card.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Card = require('../Card-C5uctOQL.js');
+var Card = require('../Card--te6xVsm.js');
 require('../jsx-runtime-BBxmckJR.js');
 require('react');
 require('clsx');
@@ -16,7 +16,7 @@ require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
-require('../Text-CgYNdSwY.js');
+require('../Text-C8vlKWNN.js');
 
 
 

package/dist/cjs/components/Cell/Cell.interface.d.ts

@@ -31,7 +31,7 @@ export interface ICellProps extends TypeStyleAttributes {
     titleTag?: ElementType;
     titleTextColor?: textColorPropsType;
     titleTextSize?: textSizePropsType;
-    titleTextTruncate?: string;
+    titleTextTruncate?: boolean;
     titleTextWeight?: textWeightPropsType;
     titleTextWrap?: textWrapPropsType;
     value?: string;

package/dist/cjs/components/Cell.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Cell = require('../Cell-B2BMVPlV.js');
+var Cell = require('../Cell-zxHVzKan.js');
 require('../jsx-runtime-BBxmckJR.js');
 require('react');
 require('clsx');
@@ -11,7 +11,7 @@ require('../context/UIContext.js');
 require('prop-types');
 require('../hooks/useMediaQueries.js');
 require('react-responsive');
-require('../Icon-D1v73UhR.js');
+require('../Icon-DzJtiBBk.js');
 require('../_tslib-CKiUdo7p.js');
 require('react-inlinesvg');
 require('../hooks/useStyles.js');
@@ -19,10 +19,10 @@ require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
 require('../Link-3qPujNn9.js');
-require('../Tooltip-DasmzIDY.js');
-require('../Text-CgYNdSwY.js');
+require('../Tooltip-CnnungCh.js');
+require('../Text-C8vlKWNN.js');
 require('../Title-C3lN-EvU.js');
-require('../Label-C2Whza8M.js');
+require('../Label-BcwjtIk7.js');
 
 
 

package/dist/cjs/components/Checkbox.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Checkbox = require('../Checkbox-C1HH9ut8.js');
+var Checkbox = require('../Checkbox-B-1dwjii.js');
 require('../jsx-runtime-BBxmckJR.js');
 require('react');
 require('clsx');
@@ -11,7 +11,7 @@ require('../context/UIContext.js');
 require('prop-types');
 require('../hooks/useMediaQueries.js');
 require('react-responsive');
-require('../Text-CgYNdSwY.js');
+require('../Text-C8vlKWNN.js');
 require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');

package/dist/cjs/components/Chips.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Chips = require('../Chips-DkUdk6Zs.js');
+var Chips = require('../Chips-BcJttN22.js');
 require('../jsx-runtime-BBxmckJR.js');
 require('react');
 require('clsx');
@@ -15,7 +15,7 @@ require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
-require('../Text-CgYNdSwY.js');
+require('../Text-C8vlKWNN.js');
 
 
 

package/dist/cjs/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;