@itcase/ui 1.9.35 → 1.9.37

package/dist/{Link_es_Bt-Bhy3t.js → Link_es_OpkyzWe6.js}

@@ -6,89 +6,71 @@ import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevi
 import { useStyles } from './hooks/useStyles/useStyles.js';
 
 const linkAppearanceAccent = {
-    accent: {
-        fill: 'accentPrimary',
-        fillHover: 'accentPrimaryHover',
-    },
     accentPrimary: {
         fill: 'accentPrimary',
-        fillHover: 'accentPrimaryHover',
+        fillHover: 'accentHoverPrimary',
         borderColor: 'accentBorderPrimary',
     },
     accentSecondary: {
         fill: 'accentPrimary',
-        fillHover: 'accentPrimaryHover',
+        fillHover: 'accentHoverPrimary',
         labelTextColor: 'accentTextSecondary',
         labelTextColorHover: 'accentTextSecondary',
         borderColor: 'accentBorderPrimary',
-        loaderItemFill: 'accentItemPrimary',
     },
 };
 
 const linkAppearanceDanger = {
-    danger: {
+    dangerPrimary: {
         fill: 'dangerPrimary',
-        fillHover: 'dangerPrimaryHover',
+        fillHover: 'dangerHoverPrimary',
     },
 };
 
 const linkAppearanceDisabled = {
     disabledPrimary: {
-        fill: 'surfaceFillDisabled',
+        fill: 'surfaceDisabled',
         borderColor: 'errorBorderQuaternary',
-        borderHover: 'errorBorderQuaternary',
         textColor: 'surfaceTextQuaternary',
-        iconBeforeFill: 'errorItemQuaternary',
-        iconClearFill: 'errorItemPrimary',
-        placeholderTextColor: 'surfaceTextQuaternary',
     },
     disabledSecondary: {
         fill: 'surfaceSecondary',
         borderColor: 'surfaceBorderTertiary',
-        borderHover: 'surfaceBorderQuaternary',
-        iconBeforeFill: 'surfaceItemQuaternary',
-        iconClearFill: 'surfaceItemPrimary',
-        placeholderTextColor: 'surfaceTextSecondary',
+        borderColorHover: 'surfaceBorderQuaternary',
     },
 };
 
 const linkAppearanceError = {
-    error: {
+    errorPrimary: {
         fill: 'errorPrimary',
-        fillHover: 'errorPrimaryHover',
+        fillHover: 'errorHoverPrimary',
         labelTextColor: 'errorTextPrimary',
         labelTextColorHover: 'errorTextPrimary',
-        loaderFill: 'errorPrimary',
-        loaderItemFill: 'errorItemPrimary',
+    },
+};
+
+const linkAppearanceExtra = {
+    extraPrimary: {
+        fill: 'extraPrimary',
+        fillHover: 'extraPrimaryHover',
+        labelTextColor: 'extraTextPrimary',
     },
 };
 
 const linkAppearanceInfo = {
-    info: {
+    infoPrimary: {
         fill: 'accentPrimary',
-        fillHover: 'accentPrimaryHover',
+        fillHover: 'accentHoverPrimary',
         labelTextColor: 'accentTextPrimary',
         labelTextColorHover: 'accentTextPrimary',
         borderColor: 'accentBorderPrimary',
-        loaderFill: 'accentPrimary',
-        loaderItemFill: 'accentItemPrimary',
     },
     infoSecondary: {
         fill: 'accentPrimary',
-        fillHover: 'accentPrimaryHover',
+        fillHover: 'accentHoverPrimary',
         labelTextColor: 'accentTextSecondary',
-        labelTextColorHover: 'accentTextSecondary',
+        labelTextColorHover: 'accentTextPrimary',
         borderColor: 'accentBorderPrimary',
-        loaderFill: 'accentPrimary',
-        loaderItemFill: 'accentItemPrimary',
-    },
-};
-
-const linkAppearancePrimary = {
-    primary: {
-        fill: 'primaryPrimary',
-        fillHover: 'primaryPrimaryHover',
-        labelTextColor: 'primaryTextPrimary',
     },
 };
 
@@ -96,27 +78,11 @@ const linkAppearanceRequire = {
     requirePrimary: {
         fill: 'warningTertiary',
         borderColor: 'warningBorderQuaternary',
-        borderHover: 'warningBorderQuaternary',
         textColor: 'surfaceTextPrimary',
-        iconBeforeFill: 'warningItemQuaternary',
-        iconClearFill: 'warningItemPrimary',
-        placeholderTextColor: 'surfaceTextQuaternary',
     },
     requireSecondary: {
         fill: 'surfaceSecondary',
         borderColor: 'surfaceBorderTertiary',
-        borderHover: 'surfaceBorderQuaternary',
-        iconBeforeFill: 'surfaceItemQuaternary',
-        iconClearFill: 'surfaceItemPrimary',
-        placeholderTextColor: 'surfaceTextSecondary',
-    },
-};
-
-const linkAppearanceSecondary = {
-    secondary: {
-        fill: 'secondaryPrimary',
-        fillHover: 'secondaryPrimaryHover',
-        labelTextColor: 'secondaryTextPrimary',
     },
 };
 
@@ -179,66 +145,68 @@ const linkAppearanceSize = {
     },
 };
 
-const linkAppearanceStyle = {
-    full: {
-        borderColor: '0',
+const linkAppearanceSpecial = {
+    primary: {
+        fill: 'specialPrimary',
+        fillHover: 'specialPrimaryHover',
+        labelTextColor: 'specialTextPrimary',
     },
-    ghost: {
-        fill: 'none',
-        borderColor: '0',
+};
+
+const linkAppearanceStyle = {
+    solid: {
+        borderColor: 'none',
     },
     outlined: {
         fill: 'none',
     },
-    solid: {
-        borderColor: '0',
+    full: {
+        borderColor: 'none',
+    },
+    ghost: {
+        fill: 'none',
+        borderColor: 'none',
     },
 };
 
 const linkAppearanceSuccess = {
-    success: {
+    successPrimary: {
         fill: 'successPrimary',
-        fillHover: 'successPrimaryHover',
+        fillHover: 'successHoverPrimary',
         labelTextColor: 'successTextSecondary',
         labelTextColorHover: 'successTextSecondary',
-        loaderFill: 'successPrimary',
-        loaderItemFill: 'successItemPrimary',
     },
 };
 
 const linkAppearanceSurface = {
     surfacePrimary: {
         fill: 'surfacePrimary',
-        fillHover: 'surfacePrimaryHover',
+        fillHover: 'surfaceHoverPrimary',
         labelTextColor: 'surfaceTextPrimary',
     },
     surfaceQuaternary: {
         fill: 'surfaceQuaternary',
-        fillHover: 'surfaceQuaternaryHover',
+        fillHover: 'surfaceHoverQuaternary',
         labelTextColor: 'surfaceTextPrimary',
     },
     surfaceSecondary: {
         fill: 'surfaceSecondary',
-        fillHover: 'surfaceSecondaryHover',
+        fillHover: 'surfaceHoverSecondary',
         labelTextColor: 'surfaceTextPrimary',
-        loaderFill: 'surfaceSecondary',
-        loaderItemFill: 'surfaceItemPrimary',
     },
     surfaceTertiary: {
         fill: 'surfaceTertiary',
-        fillHover: 'surfaceTertiaryHover',
+        fillHover: 'surfaceHoverTertiary',
         labelTextColor: 'surfaceTextPrimary',
     },
 };
 
 const linkAppearanceWarning = {
-    warning: {
+    warningPrimary: {
         fill: 'warningPrimary',
-        fillHover: 'warningPrimaryHover',
+        fillHover: 'warningHoverPrimary',
         labelTextColor: 'warningTextSecondary',
         labelTextColorHover: 'warningTextSecondary',
-        loaderFill: 'warningPrimary',
-        loaderItemFill: 'warningItemPrimary',
     },
 };
 
@@ -251,8 +219,8 @@ const linkAppearance = {
     ...linkAppearanceDanger,
     ...linkAppearanceError,
     ...linkAppearanceInfo,
-    ...linkAppearancePrimary,
-    ...linkAppearanceSecondary,
+    ...linkAppearanceSpecial,
+    ...linkAppearanceExtra,
     ...linkAppearanceSuccess,
     ...linkAppearanceSurface,
     ...linkAppearanceWarning,
@@ -282,21 +250,17 @@ function Link(props) {
             textWeightClass) &&
             'text', textColorClass && `text-color_${textColorClass}`, textColorHoverClass && `text-color_hover_${textColorHoverClass}`, textGradientClass && `text-gradient_${textGradientClass}`, textStyleClass && `text-style_${textStyleClass}`, textWeightClass && `text-weight_${textWeightClass}`, fillClass && `fill_${fillClass}`, fillHoverClass && `fill_hover_${fillHoverClass}`, borderColorClass && `border-color_${borderColorClass}`, borderColorHoverClass && `border-color_hover_${borderColorHoverClass}`, borderWidthClass && `border-width_${borderWidthClass}`, borderTypeClass && `border_type_${borderTypeClass}`, shapeClass && `link_shape_${shapeClass}`), "data-testid": dataTestId, "data-tour": dataTour, href: href || link, LinkComponent: LinkComponent, rel: rel, style: Object.assign({}, styles, style), target: target, onClick: onClick, onMouseDown: onMouseDown, children: [before, children || text, after] }));
 }
-// Wrapper with "Link" by condition
 function LinkWrapper(props) {
     const { href, LinkComponent, rel, target, children, ...otherProps } = props;
     if (href) {
-        // If href passed, make link-wrapper
         const Component = LinkComponent || linkConfig.LinkComponent;
         if (Component) {
             return (jsx(Component, { href: href, rel: rel, target: target, ...otherProps, children: children }));
         }
     }
     else if (LinkComponent) {
-        // If has default "Component" - render it
         return jsx(LinkComponent, { ...otherProps, children: children });
     }
-    // Return children and pass current props to
     return React.Children.toArray(children)
         .filter(Boolean)
         .map((child) => {

package/dist/{Loader_cjs_CP1xKwb-.js → Loader_cjs_BHMB4c8f.js}

@@ -5,7 +5,7 @@ var clsx = require('clsx');
 var useAppearanceConfig = require('./cjs/hooks/useAppearanceConfig/useAppearanceConfig.js');
 var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('./cjs/hooks/useStyles/useStyles.js');
-var Text = require('./Text_cjs_Co2XdYF-.js');
+var Text = require('./Text_cjs_BJ9NgJkx.js');
 
 const loaderAppearanceAccent = {
     accentPrimary: {
@@ -32,6 +32,13 @@ const loaderAppearanceError = {
     },
 };
 
+const loaderAppearanceExtra = {
+    extraPrimary: {
+        fill: 'extraPrimary',
+        itemFill: 'extraItemPrimary',
+    },
+};
+
 const loaderAppearanceInfo = {
     infoPrimary: {
         fill: 'infoPrimary',
@@ -39,20 +46,6 @@ const loaderAppearanceInfo = {
     },
 };
 
-const loaderAppearancePrimary = {
-    primaryPrimary: {
-        fill: 'primaryPrimary',
-        itemFill: 'primaryItemPrimary',
-    },
-};
-
-const loaderAppearanceSecondary = {
-    secondaryPrimary: {
-        fill: 'secondaryPrimary',
-        itemFill: 'secondaryItemPrimary',
-    },
-};
-
 const loaderAppearanceSize = {
     sizeL: {
         size: 'l',
@@ -65,6 +58,13 @@ const loaderAppearanceSize = {
     },
 };
 
+const loaderAppearanceSpecial = {
+    specialPrimary: {
+        fill: 'specialPrimary',
+        itemFill: 'specialItemPrimary',
+    },
+};
+
 const loaderAppearanceStyle = {
     solid: {
         borderColor: 'none',
@@ -110,9 +110,9 @@ const loaderAppearanceWarning = {
 
 const loaderAppearance = {
     ...loaderAppearanceAccent,
-    ...loaderAppearancePrimary,
+    ...loaderAppearanceSpecial,
     ...loaderAppearanceSize,
-    ...loaderAppearanceSecondary,
+    ...loaderAppearanceExtra,
     ...loaderAppearanceSurface,
     ...loaderAppearanceWarning,
     ...loaderAppearanceSuccess,
@@ -132,7 +132,7 @@ function Loader(props) {
     const { appearance, className, dataTestId, dataTour, type = 'simple', text, isDisabled, isSkeleton, children, } = props;
     const appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, loaderConfig, isDisabled);
     const propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
-    const { fillClass, textColor, textSize, heightClass, itemFillClass, shapeClass, shapeStrengthClass, sizeClass, widthClass, } = propsGenerator; // TODO: сделать нормальные типы для useDevicePropsGenerator
+    const { fillClass, textColor, textSize, heightClass, itemFillClass, shapeClass, shapeStrengthClass, sizeClass, widthClass, } = propsGenerator;
     // @ts-expect-error - TODO: сделать useStyles на ts
     const { styles: loader } = useStyles.useStyles(props);
     return (jsxRuntime.jsxs("div", { className: clsx('loader', className, widthClass && `width_${widthClass}`, heightClass && `height_${heightClass}`, fillClass && `fill_${fillClass}`, sizeClass && `loader_size_${sizeClass}`, isSkeleton && `loader_skeleton`, type && `loader_type_${type}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`), "data-testid": dataTestId, "data-tour": dataTour, style: loader, children: [children || (jsxRuntime.jsxs("div", { className: "loader__inner", children: [jsxRuntime.jsx("span", { className: clsx('loader__item', itemFillClass && `fill_${itemFillClass}`), children: "\u00A0" }), jsxRuntime.jsx("span", { className: clsx('loader__item', itemFillClass && `fill_${itemFillClass}`), children: "\u00A0" }), jsxRuntime.jsx("span", { className: clsx('loader__item', itemFillClass && `fill_${itemFillClass}`), children: "\u00A0" })] })), text && (jsxRuntime.jsx(Text.Text, { className: "loader__text", size: textSize, textColor: textColor, children: text }))] }));

package/dist/{Loader_es_Csp5tr40.js → Loader_es_CcFl-K-t.js}

@@ -3,7 +3,7 @@ import clsx from 'clsx';
 import { useAppearanceConfig } from './hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from './hooks/useStyles/useStyles.js';
-import { T as Text } from './Text_es_DaYcLe4H.js';
+import { T as Text } from './Text_es_DR4Alx-v.js';
 
 const loaderAppearanceAccent = {
     accentPrimary: {
@@ -30,6 +30,13 @@ const loaderAppearanceError = {
     },
 };
 
+const loaderAppearanceExtra = {
+    extraPrimary: {
+        fill: 'extraPrimary',
+        itemFill: 'extraItemPrimary',
+    },
+};
+
 const loaderAppearanceInfo = {
     infoPrimary: {
         fill: 'infoPrimary',
@@ -37,20 +44,6 @@ const loaderAppearanceInfo = {
     },
 };
 
-const loaderAppearancePrimary = {
-    primaryPrimary: {
-        fill: 'primaryPrimary',
-        itemFill: 'primaryItemPrimary',
-    },
-};
-
-const loaderAppearanceSecondary = {
-    secondaryPrimary: {
-        fill: 'secondaryPrimary',
-        itemFill: 'secondaryItemPrimary',
-    },
-};
-
 const loaderAppearanceSize = {
     sizeL: {
         size: 'l',
@@ -63,6 +56,13 @@ const loaderAppearanceSize = {
     },
 };
 
+const loaderAppearanceSpecial = {
+    specialPrimary: {
+        fill: 'specialPrimary',
+        itemFill: 'specialItemPrimary',
+    },
+};
+
 const loaderAppearanceStyle = {
     solid: {
         borderColor: 'none',
@@ -108,9 +108,9 @@ const loaderAppearanceWarning = {
 
 const loaderAppearance = {
     ...loaderAppearanceAccent,
-    ...loaderAppearancePrimary,
+    ...loaderAppearanceSpecial,
     ...loaderAppearanceSize,
-    ...loaderAppearanceSecondary,
+    ...loaderAppearanceExtra,
     ...loaderAppearanceSurface,
     ...loaderAppearanceWarning,
     ...loaderAppearanceSuccess,
@@ -130,7 +130,7 @@ function Loader(props) {
     const { appearance, className, dataTestId, dataTour, type = 'simple', text, isDisabled, isSkeleton, children, } = props;
     const appearanceConfig = useAppearanceConfig(appearance, loaderConfig, isDisabled);
     const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
-    const { fillClass, textColor, textSize, heightClass, itemFillClass, shapeClass, shapeStrengthClass, sizeClass, widthClass, } = propsGenerator; // TODO: сделать нормальные типы для useDevicePropsGenerator
+    const { fillClass, textColor, textSize, heightClass, itemFillClass, shapeClass, shapeStrengthClass, sizeClass, widthClass, } = propsGenerator;
     // @ts-expect-error - TODO: сделать useStyles на ts
     const { styles: loader } = useStyles(props);
     return (jsxs("div", { className: clsx('loader', className, widthClass && `width_${widthClass}`, heightClass && `height_${heightClass}`, fillClass && `fill_${fillClass}`, sizeClass && `loader_size_${sizeClass}`, isSkeleton && `loader_skeleton`, type && `loader_type_${type}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`), "data-testid": dataTestId, "data-tour": dataTour, style: loader, children: [children || (jsxs("div", { className: "loader__inner", children: [jsx("span", { className: clsx('loader__item', itemFillClass && `fill_${itemFillClass}`), children: "\u00A0" }), jsx("span", { className: clsx('loader__item', itemFillClass && `fill_${itemFillClass}`), children: "\u00A0" }), jsx("span", { className: clsx('loader__item', itemFillClass && `fill_${itemFillClass}`), children: "\u00A0" })] })), text && (jsx(Text, { className: "loader__text", size: textSize, textColor: textColor, children: text }))] }));

package/dist/{Overlay_cjs_-hY4qbRG.js → Overlay_cjs_2az7kviY.js}

@@ -28,7 +28,7 @@ const overlayConfig = {
     },
 };
 function Overlay(props) {
-    const { dataTestId, dataTour, className, appearance, isOverlay, onClick } = props;
+    const { appearance, className, dataTestId, dataTour, isOverlay, onClick } = props;
     const appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, overlayConfig);
     const propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
     const { fillClass, blurClass, opacityClass } = propsGenerator;

package/dist/{Overlay_es_dNz3djDB.js → Overlay_es_Du0WjVgO.js}

@@ -26,7 +26,7 @@ const overlayConfig = {
     },
 };
 function Overlay(props) {
-    const { dataTestId, dataTour, className, appearance, isOverlay, onClick } = props;
+    const { appearance, className, dataTestId, dataTour, isOverlay, onClick } = props;
     const appearanceConfig = useAppearanceConfig(appearance, overlayConfig);
     const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
     const { fillClass, blurClass, opacityClass } = propsGenerator;