@itcase/ui 1.8.25 → 1.8.29

package/dist/{Label_cjs_ByGAWJcj.js → Label_cjs_BefEcq6i.js}

@@ -6,8 +6,8 @@ var React = require('react');
 var clsx = require('clsx');
 var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('./cjs/hooks/useStyles/useStyles.js');
-var Tooltip = require('./Tooltip_cjs_CaocDcQ5.js');
-var Text = require('./Text_cjs_DPhKj3wf.js');
+var Tooltip = require('./Tooltip_cjs_pBGCcXLZ.js');
+var Text = require('./Text_cjs_C9fOm0nd.js');
 
 var labelAppearanceAccent = {
     accent: {
@@ -289,14 +289,6 @@ var labelAppearanceSuccess = {
 };
 
 var labelAppearanceSurface = {
-    surfaceMuted: {
-        fill: 'surfaceMuted',
-        labelTextColor: 'surfaceMutedTextPrimary',
-        labelTextColorHover: 'surfaceMutedTextPrimary',
-        borderColor: 'surfaceMutedBorderSecondary',
-        iconAfterFillIcon: 'surfaceMutedItemPrimary',
-        iconBeforeFillIcon: 'surfaceMutedItemPrimary',
-    },
     surfacePrimary: {
         fill: 'surfacePrimary',
         fillHover: 'surfacePrimaryHover',
@@ -306,11 +298,6 @@ var labelAppearanceSurface = {
         iconAfterFillIcon: 'surfaceItemPrimary',
         iconBeforeFillIcon: 'surfaceItemPrimary',
     },
-    surfaceQuaternary: {
-        fill: 'surfaceQuaternary',
-        labelTextColor: 'surfaceTextInverse',
-        labelTextColorHover: 'surfaceTextInverse',
-    },
     surfaceSecondary: {
         fill: 'surfaceSecondary',
         labelTextColor: 'surfaceTextPrimary',
@@ -321,6 +308,19 @@ var labelAppearanceSurface = {
         labelTextColor: 'surfaceTextPrimary',
         labelTextColorHover: 'surfaceTextPrimary',
     },
+    surfaceQuaternary: {
+        fill: 'surfaceQuaternary',
+        labelTextColor: 'surfaceTextInverse',
+        labelTextColorHover: 'surfaceTextInverse',
+    },
+    surfaceMuted: {
+        fill: 'surfaceMuted',
+        labelTextColor: 'surfaceMutedTextPrimary',
+        labelTextColorHover: 'surfaceMutedTextPrimary',
+        borderColor: 'surfaceMutedBorderSecondary',
+        iconAfterFillIcon: 'surfaceMutedItemPrimary',
+        iconBeforeFillIcon: 'surfaceMutedItemPrimary',
+    },
 };
 
 var labelAppearanceWarning = {

package/dist/{Label_es_BtwZ3a2V.js → Label_es_Dl_DrMOh.js}

@@ -4,8 +4,8 @@ import { useRef, useCallback } from 'react';
 import clsx from 'clsx';
 import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from './hooks/useStyles/useStyles.js';
-import { I as Icon, T as Tooltip } from './Tooltip_es_D1w1s33u.js';
-import { T as Text } from './Text_es_BRb3qqKM.js';
+import { I as Icon, T as Tooltip } from './Tooltip_es_frBCZDrO.js';
+import { T as Text } from './Text_es_BfLRfj-5.js';
 
 var labelAppearanceAccent = {
     accent: {
@@ -287,14 +287,6 @@ var labelAppearanceSuccess = {
 };
 
 var labelAppearanceSurface = {
-    surfaceMuted: {
-        fill: 'surfaceMuted',
-        labelTextColor: 'surfaceMutedTextPrimary',
-        labelTextColorHover: 'surfaceMutedTextPrimary',
-        borderColor: 'surfaceMutedBorderSecondary',
-        iconAfterFillIcon: 'surfaceMutedItemPrimary',
-        iconBeforeFillIcon: 'surfaceMutedItemPrimary',
-    },
     surfacePrimary: {
         fill: 'surfacePrimary',
         fillHover: 'surfacePrimaryHover',
@@ -304,11 +296,6 @@ var labelAppearanceSurface = {
         iconAfterFillIcon: 'surfaceItemPrimary',
         iconBeforeFillIcon: 'surfaceItemPrimary',
     },
-    surfaceQuaternary: {
-        fill: 'surfaceQuaternary',
-        labelTextColor: 'surfaceTextInverse',
-        labelTextColorHover: 'surfaceTextInverse',
-    },
     surfaceSecondary: {
         fill: 'surfaceSecondary',
         labelTextColor: 'surfaceTextPrimary',
@@ -319,6 +306,19 @@ var labelAppearanceSurface = {
         labelTextColor: 'surfaceTextPrimary',
         labelTextColorHover: 'surfaceTextPrimary',
     },
+    surfaceQuaternary: {
+        fill: 'surfaceQuaternary',
+        labelTextColor: 'surfaceTextInverse',
+        labelTextColorHover: 'surfaceTextInverse',
+    },
+    surfaceMuted: {
+        fill: 'surfaceMuted',
+        labelTextColor: 'surfaceMutedTextPrimary',
+        labelTextColorHover: 'surfaceMutedTextPrimary',
+        borderColor: 'surfaceMutedBorderSecondary',
+        iconAfterFillIcon: 'surfaceMutedItemPrimary',
+        iconBeforeFillIcon: 'surfaceMutedItemPrimary',
+    },
 };
 
 var labelAppearanceWarning = {

package/dist/{Loader_cjs___VikiqS.js → Loader_cjs_CCrbD8Em.js}

@@ -5,7 +5,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var clsx = require('clsx');
 var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('./cjs/hooks/useStyles/useStyles.js');
-var Text = require('./Text_cjs_DPhKj3wf.js');
+var Text = require('./Text_cjs_C9fOm0nd.js');
 
 var loaderAppearanceAccent = {
     accentPrimary: {

package/dist/{Loader_es_DHKB6tTw.js → Loader_es_B2auu_rc.js}

@@ -3,7 +3,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
 import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from './hooks/useStyles/useStyles.js';
-import { T as Text } from './Text_es_BRb3qqKM.js';
+import { T as Text } from './Text_es_BfLRfj-5.js';
 
 var loaderAppearanceAccent = {
     accentPrimary: {

package/dist/Overlay_cjs_CFOtnzDU.js

@@ -0,0 +1,42 @@
+'use strict';
+
+var tslib_es6 = require('./tslib.es6_cjs_CCZ3TN_7.js');
+var jsxRuntime = require('react/jsx-runtime');
+var clsx = require('clsx');
+var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
+var useStyles = require('./cjs/hooks/useStyles/useStyles.js');
+
+var overlayAppearanceDefault = {
+    blackout: {
+        fill: 'surfaceInverse',
+        opacity: 50,
+    },
+    blur: {
+        fill: 'surfaceQuaternary',
+        blur: 10,
+    },
+};
+
+var overlayAppearance = tslib_es6.__assign({}, overlayAppearanceDefault);
+
+var overlayConfig = {
+    appearance: overlayAppearance,
+    setAppearance: function (appearanceConfig) {
+        overlayConfig.appearance = appearanceConfig;
+    },
+};
+function Overlay(props) {
+    var className = props.className, appearance = props.appearance, dataTestId = props.dataTestId, dataTour = props.dataTour, isOverlay = props.isOverlay, onClick = props.onClick;
+    var appearanceConfig = appearance === null || appearance === void 0 ? void 0 : appearance.split(' ').reduce(function (resultConfig, appearanceKey) {
+        var _a;
+        return (tslib_es6.__assign(tslib_es6.__assign({}, resultConfig), (_a = overlayConfig.appearance) === null || _a === void 0 ? void 0 : _a[appearanceKey]));
+    }, {});
+    var propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
+    var fillClass = propsGenerator.fillClass, blurClass = propsGenerator.blurClass, opacityClass = propsGenerator.opacityClass;
+    var overlayStyles = useStyles.useStyles(props).styles;
+    return (jsxRuntime.jsx("div", { className: clsx(className, 'overlay', opacityClass && "opacity_".concat(opacityClass), blurClass && "blur_".concat(blurClass), isOverlay && 'overlay_state_visible', fillClass && "fill_".concat(fillClass)), "data-testid": dataTestId, "data-tour": dataTour, style: overlayStyles, onClick: onClick, children: "\u00A0" }));
+}
+
+exports.Overlay = Overlay;
+exports.overlayAppearance = overlayAppearance;
+exports.overlayConfig = overlayConfig;

package/dist/Overlay_es_DczPjVL9.js

@@ -0,0 +1,38 @@
+import { _ as __assign } from './tslib.es6_es_Bwu1Cn-t.js';
+import { jsx } from 'react/jsx-runtime';
+import clsx from 'clsx';
+import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
+import { useStyles } from './hooks/useStyles/useStyles.js';
+
+var overlayAppearanceDefault = {
+    blackout: {
+        fill: 'surfaceInverse',
+        opacity: 50,
+    },
+    blur: {
+        fill: 'surfaceQuaternary',
+        blur: 10,
+    },
+};
+
+var overlayAppearance = __assign({}, overlayAppearanceDefault);
+
+var overlayConfig = {
+    appearance: overlayAppearance,
+    setAppearance: function (appearanceConfig) {
+        overlayConfig.appearance = appearanceConfig;
+    },
+};
+function Overlay(props) {
+    var className = props.className, appearance = props.appearance, dataTestId = props.dataTestId, dataTour = props.dataTour, isOverlay = props.isOverlay, onClick = props.onClick;
+    var appearanceConfig = appearance === null || appearance === void 0 ? void 0 : appearance.split(' ').reduce(function (resultConfig, appearanceKey) {
+        var _a;
+        return (__assign(__assign({}, resultConfig), (_a = overlayConfig.appearance) === null || _a === void 0 ? void 0 : _a[appearanceKey]));
+    }, {});
+    var propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
+    var fillClass = propsGenerator.fillClass, blurClass = propsGenerator.blurClass, opacityClass = propsGenerator.opacityClass;
+    var overlayStyles = useStyles(props).styles;
+    return (jsx("div", { className: clsx(className, 'overlay', opacityClass && "opacity_".concat(opacityClass), blurClass && "blur_".concat(blurClass), isOverlay && 'overlay_state_visible', fillClass && "fill_".concat(fillClass)), "data-testid": dataTestId, "data-tour": dataTour, style: overlayStyles, onClick: onClick, children: "\u00A0" }));
+}
+
+export { Overlay as O, overlayAppearance as a, overlayConfig as o };

package/dist/{Text_cjs_DPhKj3wf.js → Text_cjs_C9fOm0nd.js}

@@ -9,31 +9,24 @@ var useStyles = require('./cjs/hooks/useStyles/useStyles.js');
 var textAppearanceSize = {
     sizeXXL: {
         size: 'xxl',
-        labelTextSize: 'xxl',
     },
     sizeXL: {
         size: 'xl',
-        labelTextSize: 'l',
     },
     sizeL: {
         size: 'l',
-        labelTextSize: 'l',
     },
     sizeM: {
         size: 'm',
-        labelTextSize: 'm',
     },
     sizeS: {
         size: 's',
-        labelTextSize: 's',
     },
     sizeXS: {
         size: 'xs',
-        labelTextSize: 'xs',
     },
     sizeXXS: {
         size: 'xxs',
-        labelTextSize: 'xs',
     },
 };
 

package/dist/{Text_es_BRb3qqKM.js → Text_es_BfLRfj-5.js}

@@ -7,31 +7,24 @@ import { useStyles } from './hooks/useStyles/useStyles.js';
 var textAppearanceSize = {
     sizeXXL: {
         size: 'xxl',
-        labelTextSize: 'xxl',
     },
     sizeXL: {
         size: 'xl',
-        labelTextSize: 'l',
     },
     sizeL: {
         size: 'l',
-        labelTextSize: 'l',
     },
     sizeM: {
         size: 'm',
-        labelTextSize: 'm',
     },
     sizeS: {
         size: 's',
-        labelTextSize: 's',
     },
     sizeXS: {
         size: 'xs',
-        labelTextSize: 'xs',
     },
     sizeXXS: {
         size: 'xxs',
-        labelTextSize: 'xs',
     },
 };