@itcase/ui 1.3.25 → 1.3.27

package/dist/components/Tab.js

@@ -3,16 +3,17 @@ import React from 'react';
 import clsx from 'clsx';
 import { useDeviceTargetClassGenerator } from '../hooks/useDeviceTargetClassGenerator.js';
 import { useStyles } from '../hooks/useStyles.js';
-import { B as Badge } from '../Badge-Bcj5H3vs.js';
+import { B as Badge } from '../Badge-CcaG-4ly.js';
 import { D as Divider } from '../Divider-DBvDCUqP.js';
-import { L as Link } from '../Link-C53o3P6_.js';
-import { T as Text } from '../Text-D9sEeRE4.js';
-import '../tslib.es6-5FtW-kfi.js';
+import { a as Link } from '../Link-DN2LhPjD.js';
+import { T as Text } from '../Text-JayJa3hj.js';
+import '../tslib.es6-Bwu1Cn-t.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';
 import '../context/UIContext.js';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
+import '../utils/setViewportProperty.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
@@ -123,7 +124,7 @@ var tabConfig = {
     },
 };
 function Tab(props) {
-    var children = props.children, _a = props.isActive, isActive = _a === undefined ? false : _a, _b = props.isDisabled, isDisabled = _b === undefined ? false : _b, _c = props.isHover, isHover = _c === undefined ? false : _c, after = props.after, appearance = props.appearance, badgeAppearance = props.badgeAppearance, badgeShape = props.badgeShape, badgeSize = props.badgeSize, badgeTextColor = props.badgeTextColor, badgeTextSize = props.badgeTextSize, badgeValue = props.badgeValue, before = props.before, className = props.className, dataTour = props.dataTour, _d = props.dividerDirection, dividerDirection = _d === undefined ? 'horizontal' : _d, dividerFill = props.dividerFill, dividerFillActive = props.dividerFillActive, dividerFillActiveHover = props.dividerFillActiveHover, dividerFillDisabled = props.dividerFillDisabled, dividerFillHover = props.dividerFillHover, dividerSize = props.dividerSize, href = props.href, label = props.label, labelColor = props.labelColor, labelColorActive = props.labelColorActive, labelColorDisabled = props.labelColorDisabled, labelTextAlign = props.labelTextAlign, labelTextColorHover = props.labelTextColorHover, labelTextGradient = props.labelTextGradient, labelTextSize = props.labelTextSize, labelTextStyle = props.labelTextStyle, labelTextWeight = props.labelTextWeight, labelTextWrap = props.labelTextWrap, link = props.link, linkFill = props.linkFill, rel = props.rel, reset = props.reset, set = props.set, target = props.target, onClick = props.onClick, onMouseEnter = props.onMouseEnter;
+    var children = props.children, _a = props.isActive, isActive = _a === void 0 ? false : _a, _b = props.isDisabled, isDisabled = _b === void 0 ? false : _b, _c = props.isHover, isHover = _c === void 0 ? false : _c, after = props.after, appearance = props.appearance, badgeAppearance = props.badgeAppearance, badgeShape = props.badgeShape, badgeSize = props.badgeSize, badgeTextColor = props.badgeTextColor, badgeTextSize = props.badgeTextSize, badgeValue = props.badgeValue, before = props.before, className = props.className, dataTour = props.dataTour, _d = props.dividerDirection, dividerDirection = _d === void 0 ? 'horizontal' : _d, dividerFill = props.dividerFill, dividerFillActive = props.dividerFillActive, dividerFillActiveHover = props.dividerFillActiveHover, dividerFillDisabled = props.dividerFillDisabled, dividerFillHover = props.dividerFillHover, dividerSize = props.dividerSize, href = props.href, label = props.label, labelColor = props.labelColor, labelColorActive = props.labelColorActive, labelColorDisabled = props.labelColorDisabled, labelTextAlign = props.labelTextAlign, labelTextColorHover = props.labelTextColorHover, labelTextGradient = props.labelTextGradient, labelTextSize = props.labelTextSize, labelTextStyle = props.labelTextStyle, labelTextWeight = props.labelTextWeight, labelTextWrap = props.labelTextWrap, link = props.link, linkFill = props.linkFill, rel = props.rel, reset = props.reset, set = props.set, target = props.target, onClick = props.onClick, onMouseEnter = props.onMouseEnter;
     // @ts-expect-error
     var appearanceConfig = tabConfig.appearance && tabConfig.appearance[appearance];
     var classGenerator = useDeviceTargetClassGenerator(props, appearanceConfig);
@@ -132,11 +133,11 @@ function Tab(props) {
     var tab = useStyles(props).styles;
     return (jsx("div", { className: clsx('tab', isActive && 'tab_state_active', isDisabled && 'tab_state_disabled', isHover && 'tab_state_hover', !isDisabled
             ? fillClass && "fill_".concat(fillClass)
-            : fillDisabledClass && "fill_disabled_".concat(fillDisabledClass), !isDisabled ? fillHoverClass && "fill_hover_".concat(fillHoverClass) : null, className, sizeClass && "tab_size_".concat(sizeClass), fillActiveClass && "fill_active_".concat(fillActiveClass), fillActiveHoverClass && "fill_active_hover_".concat(fillActiveHoverClass), shapeClass && "tab_shape_".concat(shapeClass), typeClass && "tab_type_".concat(typeClass), widthClass && "width_".concat(widthClass), reset && 'tab-reset', set && "tab_set_".concat(set), justifyContentClass && "tab_justify-content_".concat(justifyContentClass), onClick && 'cursor_type_pointer'), "data-tour": dataTour, style: tab, onClick: onClick, onMouseEnter: onMouseEnter, children: jsx(Link, { className: clsx('tab__link', alignDirectionClass && "align_".concat(alignDirectionClass), alignClass && "align_".concat(alignClass)), fill: linkFill, href: link || href, rel: rel, target: target, children: jsxs(React.Fragment, { children: [before, children || (jsxs(React.Fragment, { children: [jsxs("div", { className: "tab__wrapper", children: [(label || (appearanceConfig === null || appearanceConfig === undefined ? undefined : appearanceConfig.label)) && (jsx(Text, { className: "tab__label", size: labelTextSize || (appearanceConfig === null || appearanceConfig === undefined ? undefined : appearanceConfig.labelTextSize), textAlign: labelTextAlign, textColorGradient: labelTextGradient, textColorHover: labelTextColorHover, textStyle: labelTextStyle, textWeight: labelTextWeight, textWrap: labelTextWrap, textColor: isDisabled
-                                            ? labelColorDisabled || (appearanceConfig === null || appearanceConfig === undefined ? undefined : appearanceConfig.labelColorDisabled)
-                                            : labelColor || (appearanceConfig === null || appearanceConfig === undefined ? undefined : appearanceConfig.labelColor), textColorActive: isActive && (labelColorActive || (appearanceConfig === null || appearanceConfig === undefined ? undefined : appearanceConfig.labelColorActive)), children: label || (appearanceConfig === null || appearanceConfig === undefined ? undefined : appearanceConfig.label) })), (badgeValue || (appearanceConfig === null || appearanceConfig === undefined ? undefined : appearanceConfig.badgeValue)) && (jsx(Badge, { appearance: badgeAppearance || (appearanceConfig === null || appearanceConfig === undefined ? undefined : appearanceConfig.badgeAppearance), shape: badgeShape, size: badgeSize || (appearanceConfig === null || appearanceConfig === undefined ? undefined : appearanceConfig.badgeSize), textColor: badgeTextColor || (appearanceConfig === null || appearanceConfig === undefined ? undefined : appearanceConfig.badgeTextColor), textSize: badgeTextSize || (appearanceConfig === null || appearanceConfig === undefined ? undefined : appearanceConfig.badgeTextSize), value: badgeValue || (appearanceConfig === null || appearanceConfig === undefined ? undefined : appearanceConfig.badgeValue) }))] }), jsx(Divider, { width: "fill", fill: isDisabled
-                                    ? dividerFillDisabled || (appearanceConfig === null || appearanceConfig === undefined ? undefined : appearanceConfig.dividerFillDisabled)
-                                    : dividerFill || (appearanceConfig === null || appearanceConfig === undefined ? undefined : appearanceConfig.dividerFill), fillHover: isHover && (dividerFillHover || (appearanceConfig === null || appearanceConfig === undefined ? undefined : appearanceConfig.dividerFillHover)), direction: dividerDirection, fillActive: isActive && (dividerFillActive || (appearanceConfig === null || appearanceConfig === undefined ? undefined : appearanceConfig.dividerFillActive)), fillActiveHover: dividerFillActiveHover, size: dividerSize })] })), after] }) }) }));
+            : fillDisabledClass && "fill_disabled_".concat(fillDisabledClass), !isDisabled ? fillHoverClass && "fill_hover_".concat(fillHoverClass) : null, className, sizeClass && "tab_size_".concat(sizeClass), fillActiveClass && "fill_active_".concat(fillActiveClass), fillActiveHoverClass && "fill_active_hover_".concat(fillActiveHoverClass), shapeClass && "tab_shape_".concat(shapeClass), typeClass && "tab_type_".concat(typeClass), widthClass && "width_".concat(widthClass), reset && 'tab-reset', set && "tab_set_".concat(set), justifyContentClass && "tab_justify-content_".concat(justifyContentClass), onClick && 'cursor_type_pointer'), "data-tour": dataTour, style: tab, onClick: onClick, onMouseEnter: onMouseEnter, children: jsx(Link, { className: clsx('tab__link', alignDirectionClass && "align_".concat(alignDirectionClass), alignClass && "align_".concat(alignClass)), fill: linkFill, href: link || href, rel: rel, target: target, children: jsxs(React.Fragment, { children: [before, children || (jsxs(React.Fragment, { children: [jsxs("div", { className: "tab__wrapper", children: [(label || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.label)) && (jsx(Text, { className: "tab__label", size: labelTextSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextSize), textAlign: labelTextAlign, textColorGradient: labelTextGradient, textColorHover: labelTextColorHover, textStyle: labelTextStyle, textWeight: labelTextWeight, textWrap: labelTextWrap, textColor: isDisabled
+                                            ? labelColorDisabled || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelColorDisabled)
+                                            : labelColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelColor), textColorActive: isActive && (labelColorActive || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelColorActive)), children: label || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.label) })), (badgeValue || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.badgeValue)) && (jsx(Badge, { appearance: badgeAppearance || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.badgeAppearance), shape: badgeShape, size: badgeSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.badgeSize), textColor: badgeTextColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.badgeTextColor), textSize: badgeTextSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.badgeTextSize), value: badgeValue || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.badgeValue) }))] }), jsx(Divider, { width: "fill", fill: isDisabled
+                                    ? dividerFillDisabled || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.dividerFillDisabled)
+                                    : dividerFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.dividerFill), fillHover: isHover && (dividerFillHover || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.dividerFillHover)), direction: dividerDirection, fillActive: isActive && (dividerFillActive || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.dividerFillActive)), fillActiveHover: dividerFillActiveHover, size: dividerSize })] })), after] }) }) }));
 }
 
 function TabGroup(props) {

package/dist/components/Text.js

@@ -1,14 +1,15 @@
-export { T as Text, a as textAppearance, t as textConfig } from '../Text-D9sEeRE4.js';
+export { T as Text, a as textAppearance, t as textConfig } from '../Text-JayJa3hj.js';
 import 'react/jsx-runtime';
 import 'clsx';
 import '../hooks/useDeviceTargetClassGenerator.js';
-import '../tslib.es6-5FtW-kfi.js';
+import '../tslib.es6-Bwu1Cn-t.js';
 import 'react';
 import 'lodash/camelCase';
 import 'lodash/castArray';
 import '../context/UIContext.js';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
+import '../utils/setViewportProperty.js';
 import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';

package/dist/components/Textarea.js

@@ -1,13 +1,14 @@
 import { jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
 import { useDeviceTargetClassGenerator } from '../hooks/useDeviceTargetClassGenerator.js';
-import '../tslib.es6-5FtW-kfi.js';
+import '../tslib.es6-Bwu1Cn-t.js';
 import 'react';
 import 'lodash/camelCase';
 import 'lodash/castArray';
 import '../context/UIContext.js';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
+import '../utils/setViewportProperty.js';
 
 var textareaAppearance = {
     dev: {

package/dist/components/Tile.js

@@ -2,16 +2,17 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import clsx from 'clsx';
 import { useDeviceTargetClassGenerator } from '../hooks/useDeviceTargetClassGenerator.js';
 import { useStyles } from '../hooks/useStyles.js';
-import { B as Badge } from '../Badge-Bcj5H3vs.js';
-import { T as Text } from '../Text-D9sEeRE4.js';
-import { T as Title } from '../Title-Cl95USIn.js';
-import '../tslib.es6-5FtW-kfi.js';
+import { B as Badge } from '../Badge-CcaG-4ly.js';
+import { T as Text } from '../Text-JayJa3hj.js';
+import { T as Title } from '../Title-CHgrIarR.js';
+import '../tslib.es6-Bwu1Cn-t.js';
 import 'react';
 import 'lodash/camelCase';
 import 'lodash/castArray';
 import '../context/UIContext.js';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
+import '../utils/setViewportProperty.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
@@ -34,7 +35,7 @@ function Tile(props) {
     var alignClass = classGenerator.alignClass, alignDirectionClass = classGenerator.alignDirectionClass, borderColorClass = classGenerator.borderColorClass, borderColorHoverClass = classGenerator.borderColorHoverClass, borderTypeClass = classGenerator.borderTypeClass, borderWidthClass = classGenerator.borderWidthClass, fillClass = classGenerator.fillClass, shapeClass = classGenerator.shapeClass;
     // @ts-expect-error
     var tileStyles = useStyles(props).styles;
-    return (jsx("div", { className: clsx('tile', className, fillClass && "fill_".concat(fillClass), shapeClass && "tile_shape_".concat(shapeClass), alignClass && "align_".concat(alignClass), alignDirectionClass && "align_".concat(alignDirectionClass), direction && "direction_".concat(direction), borderColorClass && "border-color_".concat(borderColorClass), borderColorHoverClass && "border-color_hover_".concat(borderColorHoverClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderTypeClass && "border_type_".concat(borderTypeClass), reverse && 'tile_reverse', size && "tile_size_".concat(size), type && "tile_type_".concat(type), badge && "tile_state_badge"), style: tileStyles, onClick: onClick, children: jsxs("div", { className: clsx('tile__wrapper', alignClass, alignDirectionClass), children: [before, title && (jsx(Title, { className: "tile__title", size: titleTextSize || (appearanceConfig === null || appearanceConfig === undefined ? undefined : appearanceConfig.titleTextSize), textAlign: titleTextAlign, textColor: titleTextColor || (appearanceConfig === null || appearanceConfig === undefined ? undefined : appearanceConfig.titleTextColor), textWeight: titleTextWeight, textWrap: titleTextWrap, children: title })), text && (jsx(Text, { className: "tile__text", size: textSize || (appearanceConfig === null || appearanceConfig === undefined ? undefined : appearanceConfig.textSize), textColor: textColor || (appearanceConfig === null || appearanceConfig === undefined ? undefined : appearanceConfig.textColor), textWrap: textWrap, children: text })), badge && (jsx(Badge, { className: "tile__badge", appearance: badgeAppearance, size: badgeSize, textColor: badgeTextColor, textSize: badgeTextSize, value: badge })), children, after] }) }));
+    return (jsx("div", { className: clsx('tile', className, fillClass && "fill_".concat(fillClass), shapeClass && "tile_shape_".concat(shapeClass), alignClass && "align_".concat(alignClass), alignDirectionClass && "align_".concat(alignDirectionClass), direction && "direction_".concat(direction), borderColorClass && "border-color_".concat(borderColorClass), borderColorHoverClass && "border-color_hover_".concat(borderColorHoverClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderTypeClass && "border_type_".concat(borderTypeClass), reverse && 'tile_reverse', size && "tile_size_".concat(size), type && "tile_type_".concat(type), badge && "tile_state_badge"), style: tileStyles, onClick: onClick, children: jsxs("div", { className: clsx('tile__wrapper', alignClass, alignDirectionClass), children: [before, title && (jsx(Title, { className: "tile__title", size: titleTextSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.titleTextSize), textAlign: titleTextAlign, textColor: titleTextColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.titleTextColor), textWeight: titleTextWeight, textWrap: titleTextWrap, children: title })), text && (jsx(Text, { className: "tile__text", size: textSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textSize), textColor: textColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColor), textWrap: textWrap, children: text })), badge && (jsx(Badge, { className: "tile__badge", appearance: badgeAppearance, size: badgeSize, textColor: badgeTextColor, textSize: badgeTextSize, value: badge })), children, after] }) }));
 }
 Tile.defaultProps = {
     alignDirection: 'vertical',

package/dist/components/Title.js

@@ -1,12 +1,13 @@
-export { T as Title, a as titleAppearance, t as titleConfig } from '../Title-Cl95USIn.js';
+export { T as Title, a as titleAppearance, t as titleConfig } from '../Title-CHgrIarR.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';
 import '../context/UIContext.js';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
+import '../utils/setViewportProperty.js';
 import '../hooks/useDeviceTargetClassGenerator.js';
-import '../tslib.es6-5FtW-kfi.js';
+import '../tslib.es6-Bwu1Cn-t.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';
 import '../hooks/useStyles.js';

package/dist/components/Tooltip.js

@@ -1,17 +1,18 @@
-export { T as Tooltip, a as tooltipAppearance, t as tooltipConfig } from '../Tooltip-BsbXMzGd.js';
+export { T as Tooltip, a as tooltipAppearance, t as tooltipConfig } from '../Tooltip-1Jbub0K6.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';
 import '../hooks/useDeviceTargetClassGenerator.js';
-import '../tslib.es6-5FtW-kfi.js';
+import '../tslib.es6-Bwu1Cn-t.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';
 import '../context/UIContext.js';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
+import '../utils/setViewportProperty.js';
 import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../Text-D9sEeRE4.js';
-import '../Title-Cl95USIn.js';
+import '../Text-JayJa3hj.js';
+import '../Title-CHgrIarR.js';

package/dist/components/Video.js

@@ -8,6 +8,7 @@ import 'lodash/upperFirst';
 import '../context/UIContext.js';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
+import '../utils/setViewportProperty.js';
 import '../hooks/styleAttributes.js';
 
 function Video(props) {

package/dist/components/Wrapper.js

@@ -2,19 +2,20 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import clsx from 'clsx';
 import { useDeviceTargetClassGenerator } from '../hooks/useDeviceTargetClassGenerator.js';
 import { useStyles } from '../hooks/useStyles.js';
-import '../tslib.es6-5FtW-kfi.js';
+import '../tslib.es6-Bwu1Cn-t.js';
 import 'react';
 import 'lodash/camelCase';
 import 'lodash/castArray';
 import '../context/UIContext.js';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
+import '../utils/setViewportProperty.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
 
 function Wrapper(props) {
-    var id = props.id, children = props.children, after = props.after, before = props.before, _a = props.className, className = _a === undefined ? 'wrapper' : _a, _b = props.tag, Tag = _b === undefined ? 'div' : _b, type = props.type;
+    var id = props.id, children = props.children, after = props.after, before = props.before, _a = props.className, className = _a === void 0 ? 'wrapper' : _a, _b = props.tag, Tag = _b === void 0 ? 'div' : _b, type = props.type;
     var classGenerator = useDeviceTargetClassGenerator(props);
     var alignClass = classGenerator.alignClass, alignDirectionClass = classGenerator.alignDirectionClass, fillClass = classGenerator.fillClass, horizontalResizingClass = classGenerator.horizontalResizingClass, positionClass = classGenerator.positionClass, verticalResizingClass = classGenerator.verticalResizingClass, wrapperPositionClass = classGenerator.wrapperPositionClass;
     // @ts-expect-error

package/dist/context/Notifications.js

@@ -1,5 +1,5 @@
 'use client';
-import { b as __spreadArray } from '../tslib.es6-5FtW-kfi.js';
+import { a as __spreadArray } from '../tslib.es6-Bwu1Cn-t.js';
 import { jsx } from 'react/jsx-runtime';
 import { createContext, useState, useCallback, useMemo, useEffect, useContext } from 'react';
 import { v4 } from 'uuid';
@@ -17,7 +17,7 @@ var NotificationsAPIContext = createContext({
     showNotification: function (notification, onClose) { },
 });
 function NotificationsProvider(props) {
-    var children = props.children, _a = props.initialNotificationsList, initialNotificationsList = _a === undefined ? [] : _a;
+    var children = props.children, _a = props.initialNotificationsList, initialNotificationsList = _a === void 0 ? [] : _a;
     var _b = useState(function () {
         // We need to set id to every notification item and original list also be have new id's
         return (initialNotificationsList || []).map(function (notificationItem) {
@@ -110,11 +110,11 @@ function createNotification(notification, onClose) {
         text = notification;
     }
     else if (typeof notification === 'object') {
-        id = (_a = notification.id) !== null && _a !== undefined ? _a : id;
-        title = (_b = notification.title) !== null && _b !== undefined ? _b : title;
-        text = (_c = notification.text) !== null && _c !== undefined ? _c : text;
-        status = (_d = notification.status) !== null && _d !== undefined ? _d : status;
-        closeByTime = (_e = notification.closeByTime) !== null && _e !== undefined ? _e : closeByTime;
+        id = (_a = notification.id) !== null && _a !== void 0 ? _a : id;
+        title = (_b = notification.title) !== null && _b !== void 0 ? _b : title;
+        text = (_c = notification.text) !== null && _c !== void 0 ? _c : text;
+        status = (_d = notification.status) !== null && _d !== void 0 ? _d : status;
+        closeByTime = (_e = notification.closeByTime) !== null && _e !== void 0 ? _e : closeByTime;
     }
     switch (status) {
         case 'success':

package/dist/context/UIContext.js

@@ -1,7 +1,8 @@
 'use client';
 import { jsx } from 'react/jsx-runtime';
-import { createContext, memo, useState, useMemo, useContext } from 'react';
+import { createContext, memo, useState, useMemo, useEffect, useContext } from 'react';
 import { useMediaQueries } from '../hooks/useMediaQueries.js';
+import { setViewportProperty } from '../utils/setViewportProperty.js';
 import 'react-responsive';
 
 var UserDeviceContext = createContext({
@@ -20,9 +21,13 @@ function useSiteMenuContext() {
     return useContext(SiteMenuContext);
 }
 var UIProvider = memo(function UIProvider(props) {
-    var children = props.children, _a = props.userDeviceState, userDeviceState = _a === undefined ? {} : _a;
+    var children = props.children, _a = props.userDeviceState, userDeviceState = _a === void 0 ? {} : _a;
     var _b = useState(false), isSiteMenuOpen = _b[0], setIsSiteMenuOpen = _b[1];
     var siteMenuContextState = useMemo(function () { return ({ isSiteMenuOpen: isSiteMenuOpen, setIsSiteMenuOpen: setIsSiteMenuOpen }); }, [isSiteMenuOpen]);
+    useEffect(function () {
+        setViewportProperty();
+        window.addEventListener('resize', setViewportProperty);
+    }, []);
     var mediaQueriesDevices = useMediaQueries(userDeviceState);
     return (jsx(UserDeviceContext.Provider, { value: mediaQueriesDevices, children: jsx(SiteMenuContext.Provider, { value: siteMenuContextState, children: children }) }));
 });

package/dist/css/components/Checkmark/Checkmark.css

@@ -11,10 +11,6 @@
       height: 100%;
       justify-content: center;
       align-items: center;
-      & > svg {
-        width: 70%;
-        height: 70%;
-      }
     }
   }
 }
@@ -24,6 +20,8 @@
       &_$(size) {
         min-width: var(--checkmark-width-size-$(size));
         min-height: var(--checkmark-height-size-$(size));
+        max-width: var(--checkmark-width-size-$(size));
+        max-height: var(--checkmark-height-size-$(size));
       }
     }
   }

package/dist/css/components/Checkmark/Checkmark.tokens.css

@@ -0,0 +1,16 @@
+:root {
+  --checkmark-width-size-xxs: 16px;
+  --checkmark-height-size-xxs: 16px;
+  --checkmark-width-size-xs: 24px;
+  --checkmark-height-size-xs: 24px;
+  --checkmark-width-size-s: 32px;
+  --checkmark-height-size-s: 32px;
+  --checkmark-width-size-m: 40px;
+  --checkmark-height-size-m: 40px;
+  --checkmark-width-size-l: 48px;
+  --checkmark-height-size-l: 48px;
+  --checkmark-width-size-xl: 56px;
+  --checkmark-height-size-xl: 56px;
+  --checkmark-width-size-xxl: 64px;
+  --checkmark-height-size-xxl: 64px;
+}

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

@@ -1,5 +1,5 @@
 /**
- * Swiper 11.2.1
+ * Swiper 11.2.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: January 10, 2025
+ * Released on: February 14, 2025
  */
 
 /* FONT_START */

package/dist/css/tokens/colors.css

@@ -1,17 +1,25 @@
 /* stylelint-disable custom-property-empty-line-before, value-keyword-case */
 
 :root {
-  --color-accent-primary: hsla(216, 99%, 63%, 1);
-  --color-accent-primary-hover: hsla(216, 99%, 55%, 1);
+  --color-accent-primary: hsla(92, 49%, 47%, 1);
+  --color-accent-secondary: hsla(92, 28%, 62%, 1);
+  --color-accent-tertiary: hsla(93, 53%, 93%, 1);
+  --color-accent-quaternary: hsla(92, 71%, 27%, 1);
 
   --color-accent-text-primary: hsla(0, 0%, 100%, 1);
-  --color-accent-text-secondary: hsla(216, 99%, 63%, 1);
+  --color-accent-text-secondary: hsla(92, 71%, 27%, 1);
+  --color-accent-text-tertiary: hsla(92, 49%, 47%, 1);
+  --color-accent-text-quaternary: hsla(0, 0%, 100%, 1);
 
   --color-accent-item-primary: hsla(0, 0%, 100%, 1);
-  --color-accent-item-secondary: hsla(216, 99%, 63%, 1);
+  --color-accent-item-secondary: hsla(92, 37%, 35%, 1);
+  --color-accent-item-tertiary: hsla(92, 49%, 47%, 1);
+  --color-accent-item-quaternary: hsla(0, 0%, 100%, 1);
 
-  --color-accent-border-primary: hsla(216, 99%, 63%, 1);
-  --color-accent-border-primary-hover: hsla(216, 99%, 73%, 1);
+  --color-accent-border-primary: hsla(92, 37%, 35%, 1);
+  --color-accent-border-secondary: hsla(92, 37%, 35%, 1);
+  --color-accent-border-tertiary: hsla(92, 49%, 47%, 1);
+  --color-accent-border-quaternary: hsla(0, 0%, 100%, 1);
 
   --color-primary: hsla(0, 94%, 66%, 1);
   --color-primary-primary: hsla(0, 94%, 66%, 1);
@@ -42,7 +50,7 @@
   --color-secondary-item-primary: hsla(0, 0%, 100%, 1);
   --color-secondary-item-secondary: hsla(0, 0%, 59%, 1);
 
-  --color-secondary-border-primary: hsla(0, 0%, 59%, 1);
+  --color-secondary-border-primary: hsla(210, 8%, 75%, 1);
 
   --color-tertiary-primary: hsla(50, 100%, 62%, 1);
   --color-tertiary-secondary: hsla(50, 100%, 77%, 1);
@@ -88,11 +96,24 @@
 
   --color-success-item-primary: hsla(0, 0%, 100%, 1);
 
+  --color-success-primary: hsla(107, 100%, 34%, 1);
   --color-success-text-primary: hsla(107, 100%, 34%, 1);
   --color-success-text-secondary: hsla(0, 0%, 100%, 1);
 
   --color-success-border-primary: hsla(107, 100%, 34%, 1);
 
+  --color-warning-primary: hsla(43, 68%, 50%, 1);
+  --color-warning-text-primary: hsla(43, 68%, 50%, 1);
+  --color-warning-text-secondary: hsla(0, 0%, 100%, 1);
+
+  --color-warning-border-primary: hsla(43, 68%, 50%, 1);
+
+  --color-danger-primary: hsla(349, 96%, 44%, 1);
+  --color-danger-text-primary: hsla(349, 96%, 44%, 1);
+  --color-danger-text-secondary: hsla(0, 0%, 100%, 1);
+
+  --color-danger-border-primary: hsla(349, 96%, 44%, 1);
+
   --color-error-primary: hsla(6, 99%, 57%, 1);
   --color-error-text-primary: hsla(0, 0%, 100%, 1);
   --color-error-text-secondary: hsla(6, 99%, 57%, 1);

package/dist/hooks/useDeviceTargetClass.js

@@ -5,6 +5,7 @@ import { useUserDeviceContext } from '../context/UIContext.js';
 import 'react/jsx-runtime';
 import './useMediaQueries.js';
 import 'react-responsive';
+import '../utils/setViewportProperty.js';
 
 function useDeviceTargetClass(componentProps, hookProps) {
   /** Generate a class depending on the user's device.

package/dist/hooks/useDeviceTargetClassGenerator.interface.js

@@ -1 +1 @@
-
+'use strict';

package/dist/hooks/useDeviceTargetClassGenerator.js

@@ -1,4 +1,4 @@
-import { b as __spreadArray } from '../tslib.es6-5FtW-kfi.js';
+import { a as __spreadArray } from '../tslib.es6-Bwu1Cn-t.js';
 import { useMemo } from 'react';
 import camelCase from 'lodash/camelCase';
 import castArray from 'lodash/castArray';
@@ -6,6 +6,7 @@ import { useUserDeviceContext } from '../context/UIContext.js';
 import 'react/jsx-runtime';
 import './useMediaQueries.js';
 import 'react-responsive';
+import '../utils/setViewportProperty.js';
 
 function useDeviceTargetClassGenerator(componentProps, appearanceConfig) {
     /** Generate a class depending on the user's device.
@@ -35,8 +36,8 @@ function useDeviceTargetClassGenerator(componentProps, appearanceConfig) {
     var deviceTargetClassGenerator = useMemo(function () {
         var classGenerator = {
             getClass: function (propsKey, params) {
-                if (params === undefined) { params = {}; }
-                var _a = params.prefix, prefix = _a === undefined ? '' : _a, _b = params.replace, replace = _b === undefined ? [/([A-Z])/g, '-$1'] : _b;
+                if (params === void 0) { params = {}; }
+                var _a = params.prefix, prefix = _a === void 0 ? '' : _a, _b = params.replace, replace = _b === void 0 ? [/([A-Z])/g, '-$1'] : _b;
                 // prettier-ignore
                 var deviceBasePart = ((isMobile && 'Mobile') ||
                     (isTablet && 'Tablet') ||
@@ -44,8 +45,8 @@ function useDeviceTargetClassGenerator(componentProps, appearanceConfig) {
                     '');
                 var valueForDevice = componentProps["".concat(propsKey).concat(deviceBasePart)];
                 var valueDefault = componentProps[propsKey];
-                var appearanceForDevice = appearanceConfig === null || appearanceConfig === undefined ? undefined : appearanceConfig["".concat(propsKey).concat(deviceBasePart)];
-                var appearanceDefault = appearanceConfig === null || appearanceConfig === undefined ? undefined : appearanceConfig[propsKey];
+                var appearanceForDevice = appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig["".concat(propsKey).concat(deviceBasePart)];
+                var appearanceDefault = appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig[propsKey];
                 // prettier-ignore
                 var targetClassValue = (
                 // Value for device from props is first priority

package/dist/hooks/useMediaQueries.js

@@ -3,21 +3,9 @@ import { useMediaQuery } from 'react-responsive';
 var tablet = "48em";
 var mediaQueries = {
 	"mobile-tiny": "15em",
-	"mobile-small": "20em",
-	"mobile-medium": "23.435em",
-	"mobile-normal": "24.375em",
-	"mobile-large": "26.75em",
-	"mobile-extra-large": "30em",
 	"mobile-super-extra-large": "40em",
 	tablet: tablet,
-	"tablet-small": "40em",
-	"tablet-large": "60em",
 	"desktop-small": "60em",
-	"desktop-medium": "64em",
-	"desktop-normal": "72.5em",
-	"desktop-large": "80em",
-	"desktop-extra-large": "90em",
-	"desktop-super-extra-large": "120em",
 	"desktop-huge": "160em"
 };
 

package/dist/hooks/useStyles.js

@@ -7,6 +7,7 @@ import styleAttributes from './styleAttributes.js';
 import 'react/jsx-runtime';
 import './useMediaQueries.js';
 import 'react-responsive';
+import '../utils/setViewportProperty.js';
 
 let DEVICE_TYPES = [];
 const removeDeviceType = originalKey => {

package/dist/hooks.js

@@ -1 +1 @@
-'use strict';
+

package/dist/stories/Avatar.mdx

@@ -1,6 +1,6 @@
 import { Canvas, Meta } from '@storybook/blocks'
 
-import * as AvatarStories from './Avatar.stories.js'
+import * as AvatarStories from './Avatar.stories.tsx'
 
 <Meta of={AvatarStories} />
 

package/dist/stories/Checkmark.mdx

@@ -0,0 +1,11 @@
+import { Canvas, Meta } from '@storybook/blocks'
+
+import * as CheckmarkStories from './Checkmark.stories.tsx'
+
+<Meta of={CheckmarkStories} />
+
+# Checkmark
+
+## Refused
+
+<Canvas sourceState="shown" of={CheckmarkStories.Refused} />

package/dist/{tslib.es6-5FtW-kfi.js → tslib.es6-Bwu1Cn-t.js}

@@ -53,4 +53,4 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
     return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
 };
 
-export { __assign as _, __rest as a, __spreadArray as b };
+export { __assign as _, __spreadArray as a, __rest as b };

package/dist/types/components/Badge/stories/args.d.ts

@@ -0,0 +1,69 @@
+export declare const argTypes: {
+    children: {
+        if: {
+            arg: string;
+        };
+    };
+    borderWidth: {
+        control: string;
+        options: readonly [undefined, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, "1", "2", "3", "4", "5", "6", "7", "8", "9", "10"];
+    };
+    borderColor: {
+        control: string;
+        options: readonly [undefined, "accentBorderPrimary", "accentBorderSecondary", "accentBorderTertiary", "accentBorderQuaternary", "accentBorderDisabled", "primaryBorderPrimary", "primaryBorderSecondary", "primaryBorderTertiary", "primaryBorderQuaternary", "primaryBorderDisabled", "secondaryBorderPrimary", "secondaryBorderSecondary", "secondaryBorderTertiary", "secondaryBorderQuaternary", "secondaryBorderDisabled", "tertiaryBorderPrimary", "tertiaryBorderSecondary", "tertiaryBorderTertiary", "tertiaryBorderQuaternary", "tertiaryBorderDisabled", "surfaceBorderPrimary", "surfaceBorderSecondary", "surfaceBorderTertiary", "surfaceBorderQuaternary", "surfaceBorderDisabled", "surfaceBorderInverse", "errorBorderPrimary", "errorBorderSecondary", "errorBorderDisabled", "successBorderPrimary", "successBorderSecondary", "successBorderDisabled"];
+    };
+    advancedProps: {
+        control: string;
+    };
+    after: {
+        if: {
+            arg: string;
+        };
+    };
+    appearance: {
+        control: string;
+        options: (string | null)[];
+    };
+    borderColorHover: {
+        control: string;
+        options: readonly [undefined, "accentBorderPrimary", "accentBorderPrimaryHover", "primaryBorderPrimary", "secondaryBorderPrimary", "tertiaryBorderPrimary", "surfaceBorderPrimary", "surfaceBorderSecondary", "surfaceBorderTertiary", "errorBorderPrimary", "errorBorderPrimaryHover", "successBorderPrimary", "surfaceBorderQuaternary"];
+    };
+    borderType: {
+        control: string;
+        options: readonly [undefined, "outline", "solid", "none"];
+    };
+    className: {
+        if: {
+            arg: string;
+        };
+    };
+    fill: {
+        control: string;
+        options: readonly [undefined, "accentPrimary", "accentSecondary", "accentTertiary", "primaryPrimary", "primarySecondary", "primaryTertiary", "secondaryPrimary", "secondarySecondary", "secondaryTertiary", "tertiaryPrimary", "tertiarySecondary", "tertiaryTertiary", "surfaceAccent", "surfaceItemPrimary", "surfacePrimary", "surfaceQuaternary", "surfaceQuinary", "surfaceSecondary", "surfaceTertiary", "errorPrimary", "errorSecondary", "successPrimary", "successSecondary", "gradientPrimary"];
+    };
+    mode: {
+        control: string;
+        options: (string | null)[];
+    };
+    shape: {
+        control: string;
+        options: readonly [undefined, "geometric", "rounded", "circular"];
+    };
+    size: {
+        control: string;
+        options: readonly [undefined, "xxs", "xs", "s", "m", "l", "xl", "xxl"];
+    };
+    textColor: {
+        control: string;
+        options: readonly [undefined, false, "accentTextPrimary", "accentTextSecondary", "accentTextTertiary", "primaryTextPrimary", "primaryTextSecondary", "primaryTextTertiary", "secondaryTextPrimary", "secondaryTextSecondary", "secondaryTextTertiary", "tertiaryTextPrimary", "tertiaryTextSecondary", "surfaceTextAccent", "surfaceTextActive", "surfaceTextDisabled", "surfaceTextFocus", "surfaceTextHover", "surfaceTextInverse", "surfaceTextPrimary", "surfaceTextQuaternary", "surfaceTextSecondary", "surfaceTextTertiary", "errorTextPrimary", "errorTextSecondary", "successTextPrimary", "successTextSecondary", "dangerTextPrimary", "dangerTextSecondary"];
+    };
+    textSize: {
+        control: string;
+        options: readonly [undefined, "xxs", "xs", "s", "m", "l", "xl", "xxl"];
+    };
+    type: {
+        if: {
+            arg: string;
+        };
+    };
+};

package/dist/types/components/Select/index.d.ts

@@ -1,16 +1,16 @@
-import { SelectClearIndicator } from './SelectClearIndicator.js';
-import { selectConfig, SelectContainer } from './SelectContainer.js';
-import { SelectControl } from './SelectControl.js';
-import { SelectDropdownIndicator } from './SelectDropdownIndicator.js';
-import { SelectGroupHeading } from './SelectGroupHeading.js';
-import { SelectIndicatorsContainer } from './SelectIndicatorsContainer.js';
-import { SelectInput } from './SelectInput.js';
-import { SelectMenu } from './SelectMenu.js';
-import { SelectMultiValueContainer } from './SelectMultiValueContainer.js';
-import { SelectMultiValueLabel } from './SelectMultiValueLabel.js';
-import { SelectMultiValueRemove } from './SelectMultiValueRemove.js';
-import { SelectOption } from './SelectOption.js';
-import { SelectPlaceholder } from './SelectPlaceholder.js';
-import { SelectSingleValue } from './SelectSingleValue.js';
-import { SelectValueContainer } from './SelectValueContainer.js';
+import { SelectClearIndicator } from './SelectClearIndicator.tsx';
+import { selectConfig, SelectContainer } from './SelectContainer.tsx';
+import { SelectControl } from './SelectControl.tsx';
+import { SelectDropdownIndicator } from './SelectDropdownIndicator.tsx';
+import { SelectGroupHeading } from './SelectGroupHeading.tsx';
+import { SelectIndicatorsContainer } from './SelectIndicatorsContainer.tsx';
+import { SelectInput } from './SelectInput.tsx';
+import { SelectMenu } from './SelectMenu.tsx';
+import { SelectMultiValueContainer } from './SelectMultiValueContainer.tsx';
+import { SelectMultiValueLabel } from './SelectMultiValueLabel.tsx';
+import { SelectMultiValueRemove } from './SelectMultiValueRemove.tsx';
+import { SelectOption } from './SelectOption.tsx';
+import { SelectPlaceholder } from './SelectPlaceholder.tsx';
+import { SelectSingleValue } from './SelectSingleValue.tsx';
+import { SelectValueContainer } from './SelectValueContainer.tsx';
 export { SelectClearIndicator, SelectContainer as Select, SelectControl, SelectDropdownIndicator, SelectGroupHeading, SelectIndicatorsContainer, SelectInput, SelectMenu, SelectMultiValueContainer, SelectMultiValueLabel, SelectMultiValueRemove, SelectOption, SelectPlaceholder, SelectSingleValue, SelectValueContainer, selectConfig, };

package/dist/types/utils/index.d.ts

@@ -0,0 +1,2 @@
+import { setViewportProperty } from './setViewportProperty';
+export { setViewportProperty };

package/dist/types/utils/setViewportProperty.d.ts

@@ -0,0 +1,2 @@
+declare const setViewportProperty: () => void;
+export { setViewportProperty };