@itcase/ui 1.8.21 → 1.8.22

package/dist/types/components/Avatar/appearance/avatarInfo.d.ts

@@ -1,17 +1,13 @@
 declare const avatarAppearanceInfo: {
     info: {
         fill: string;
-        fillHover: string;
         borderColor: string;
         textColor: string;
-        textColorHover: string;
     };
     infoSecondary: {
         fill: string;
-        fillHover: string;
         borderColor: string;
         textColor: string;
-        textColorHover: string;
     };
 };
 export { avatarAppearanceInfo };

package/dist/types/components/Avatar/appearance/avatarPrimary.d.ts

@@ -1,7 +1,6 @@
 declare const avatarAppearancePrimary: {
     primary: {
         fill: string;
-        fillHover: string;
         textColor: string;
     };
 };

package/dist/types/components/Avatar/appearance/avatarSecondary.d.ts

@@ -1,7 +1,6 @@
 declare const avatarAppearanceSecondary: {
     secondary: {
         fill: string;
-        fillHover: string;
         textColor: string;
     };
 };

package/dist/types/components/Avatar/appearance/avatarSuccess.d.ts

@@ -1,9 +1,7 @@
 declare const avatarAppearanceSuccess: {
     success: {
         fill: string;
-        fillHover: string;
-        textColorPropsColor: string;
-        textColorPropsColorHover: string;
+        textColor: string;
     };
 };
 export { avatarAppearanceSuccess };

package/dist/types/components/Avatar/appearance/avatarSurface.d.ts

@@ -1,24 +1,18 @@
 declare const avatarAppearanceSurface: {
     surfacePrimary: {
         fill: string;
-        fillHover: string;
         textColor: string;
     };
     surfaceQuaternary: {
         fill: string;
-        fillHover: string;
         textColor: string;
     };
     surfaceSecondary: {
         fill: string;
-        fillHover: string;
         textColor: string;
-        loaderFill: string;
-        loaderItemFill: string;
     };
     surfaceTertiary: {
         fill: string;
-        fillHover: string;
         textColor: string;
     };
 };

package/dist/types/components/Button/appearance/buttonAccent.d.ts

@@ -7,6 +7,7 @@ declare const buttonAppearanceAccent: {
         borderColor: string;
         iconAfterFillIcon: string;
         iconBeforeFillIcon: string;
+        iconFillIcon: string;
         loaderFill: string;
         loaderItemFill: string;
     };

package/dist/types/components/Cell/appearance/cellSize.d.ts

@@ -1,59 +1,23 @@
 declare const cellAppearanceSize: {
-    sizeXXL: {
-        size: string;
-        labelTextSize: string;
-        iconAfterFillSize: string;
-        iconAfterSize: string;
-        iconBeforeFillSize: string;
-        iconBeforeSize: string;
-    };
     sizeXL: {
         size: string;
-        labelTextSize: string;
-        iconAfterFillSize: string;
-        iconAfterSize: string;
-        iconBeforeFillSize: string;
-        iconBeforeSize: string;
+        titleTextSize: string;
+        valueTextSize: string;
     };
     sizeL: {
         size: string;
-        labelTextSize: string;
-        iconAfterFillSize: string;
-        iconAfterSize: string;
-        iconBeforeFillSize: string;
-        iconBeforeSize: string;
+        titleTextSize: string;
+        valueTextSize: string;
     };
     sizeM: {
         size: string;
-        labelTextSize: string;
-        iconAfterFillSize: string;
-        iconAfterSize: string;
-        iconBeforeFillSize: string;
-        iconBeforeSize: string;
+        titleTextSize: string;
+        valueTextSize: string;
     };
     sizeS: {
         size: string;
-        labelTextSize: string;
-        iconAfterFillSize: string;
-        iconAfterSize: string;
-        iconBeforeFillSize: string;
-        iconBeforeSize: string;
-    };
-    sizeXS: {
-        size: string;
-        labelTextSize: string;
-        iconAfterFillSize: string;
-        iconAfterSize: string;
-        iconBeforeFillSize: string;
-        iconBeforeSize: string;
-    };
-    sizeXXS: {
-        size: string;
-        labelTextSize: string;
-        iconAfterFillSize: string;
-        iconAfterSize: string;
-        iconBeforeFillSize: string;
-        iconBeforeSize: string;
+        titleTextSize: string;
+        valueTextSize: string;
     };
 };
 export { cellAppearanceSize };

package/dist/types/components/Code/appearance/codeSize.d.ts

@@ -2,18 +2,12 @@ declare const codeAppearanceSize: {
     sizeL: {
         size: string;
         labelTextSize: string;
-        iconAfterFillSize: string;
-        iconAfterSize: string;
-        iconBeforeFillSize: string;
-        iconBeforeSize: string;
+        inputSize: string;
     };
     sizeM: {
         size: string;
         labelTextSize: string;
-        iconAfterFillSize: string;
-        iconAfterSize: string;
-        iconBeforeFillSize: string;
-        iconBeforeSize: string;
+        inputSize: string;
     };
 };
 export { codeAppearanceSize };

package/dist/types/components/{Response/appearance/responseDisabled.d.ts → InputPassword/appearance/inputPasswordDefault.d.ts}

@@ -1,20 +1,24 @@
-declare const responseAppearanceDisabled: {
-    disabledPrimary: {
+declare const inputPasswordAppearanceDefault: {
+    defaultPrimary: {
         fill: string;
         borderColor: string;
         borderHover: string;
         textColor: string;
+        textColorDisabled: string;
+        caret: string;
         iconBeforeFill: string;
         iconClearFill: string;
-        placeholderTextColor: string;
     };
-    disabledSecondary: {
+    defaultSecondary: {
         fill: string;
         borderColor: string;
         borderHover: string;
+        textColor: string;
+        textColorDisabled: string;
+        caret: string;
         iconBeforeFill: string;
         iconClearFill: string;
         placeholderTextColor: string;
     };
 };
-export { responseAppearanceDisabled };
+export { inputPasswordAppearanceDefault };

package/dist/types/components/InputPassword/appearance/inputPasswordError.d.ts

@@ -1,11 +1,20 @@
 declare const inputPasswordAppearanceError: {
-    error: {
+    errorPrimary: {
         fill: string;
-        fillHover: string;
-        labelTextColor: string;
-        labelTextColorHover: string;
-        loaderFill: string;
-        loaderItemFill: string;
+        borderColor: string;
+        borderHover: string;
+        textColor: string;
+        iconBeforeFill: string;
+        iconClearFill: string;
+        placeholderTextColor: string;
+    };
+    errorSecondary: {
+        fill: string;
+        borderColor: string;
+        borderHover: string;
+        iconBeforeFill: string;
+        iconClearFill: string;
+        placeholderTextColor: string;
     };
 };
 export { inputPasswordAppearanceError };

package/dist/types/components/InputPassword/appearance/inputPasswordSize.d.ts

@@ -1,7 +1,7 @@
 declare const inputPasswordAppearanceSize: {
     sizeXXL: {
         size: string;
-        labelTextSize: string;
+        textSize: string;
         iconAfterFillSize: string;
         iconAfterSize: string;
         iconBeforeFillSize: string;
@@ -9,7 +9,7 @@ declare const inputPasswordAppearanceSize: {
     };
     sizeXL: {
         size: string;
-        labelTextSize: string;
+        textSize: string;
         iconAfterFillSize: string;
         iconAfterSize: string;
         iconBeforeFillSize: string;
@@ -17,7 +17,7 @@ declare const inputPasswordAppearanceSize: {
     };
     sizeL: {
         size: string;
-        labelTextSize: string;
+        textSize: string;
         iconAfterFillSize: string;
         iconAfterSize: string;
         iconBeforeFillSize: string;
@@ -25,7 +25,7 @@ declare const inputPasswordAppearanceSize: {
     };
     sizeM: {
         size: string;
-        labelTextSize: string;
+        textSize: string;
         iconAfterFillSize: string;
         iconAfterSize: string;
         iconBeforeFillSize: string;
@@ -33,7 +33,7 @@ declare const inputPasswordAppearanceSize: {
     };
     sizeS: {
         size: string;
-        labelTextSize: string;
+        textSize: string;
         iconAfterFillSize: string;
         iconAfterSize: string;
         iconBeforeFillSize: string;
@@ -41,7 +41,7 @@ declare const inputPasswordAppearanceSize: {
     };
     sizeXS: {
         size: string;
-        labelTextSize: string;
+        textSize: string;
         iconAfterFillSize: string;
         iconAfterSize: string;
         iconBeforeFillSize: string;
@@ -49,7 +49,7 @@ declare const inputPasswordAppearanceSize: {
     };
     sizeXXS: {
         size: string;
-        labelTextSize: string;
+        textSize: string;
         iconAfterFillSize: string;
         iconAfterSize: string;
         iconBeforeFillSize: string;

package/dist/types/components/InputPassword/appearance/inputPasswordSuccess.d.ts

@@ -1,11 +1,20 @@
 declare const inputPasswordAppearanceSuccess: {
-    success: {
+    successPrimary: {
         fill: string;
-        fillHover: string;
-        labelTextColor: string;
-        labelTextColorHover: string;
-        loaderFill: string;
-        loaderItemFill: string;
+        borderColor: string;
+        borderHover: string;
+        textColor: string;
+        iconBeforeFill: string;
+        iconClearFill: string;
+        placeholderTextColor: string;
+    };
+    successSecondary: {
+        fill: string;
+        borderColor: string;
+        borderHover: string;
+        iconBeforeFill: string;
+        iconClearFill: string;
+        placeholderTextColor: string;
     };
 };
 export { inputPasswordAppearanceSuccess };

package/dist/types/components/Label/appearance/labelAccent.d.ts

@@ -4,6 +4,13 @@ declare const labelAppearanceAccent: {
         labelTextColor: string;
         labelTextColorHover: string;
     };
+    accentPrimary: {
+        fill: string;
+        labelTextColor: string;
+        labelTextColorHover: string;
+        iconBeforeFillIcon: string;
+        iconAfterFillIcon: string;
+    };
     accentTertiary: {
         fill: string;
         labelTextColor: string;

package/dist/types/components/Label/appearance/labelSize.d.ts

@@ -1,5 +1,6 @@
 declare const labelAppearanceSize: {
     sizeXXL: {
+        size: string;
         labelTextSize: string;
         iconAfterFillSize: number;
         iconAfterSize: number;

package/dist/types/components/Link/Link.interface.d.ts

@@ -56,9 +56,9 @@ export interface LinkWrapperProps extends LinkThemeColor, StyleAttributes {
     children?: ReactNode;
     className?: string;
     Component?: ElementType;
-    DefaultComponent?: ElementType;
     disabled?: boolean;
     href?: string;
+    LinkComponent?: ElementType;
     rel?: string;
     style?: CSSProperties;
     target?: string;

package/dist/types/components/MenuItem/appearance/menuItemSize.d.ts

@@ -18,6 +18,7 @@ declare const menuItemAppearanceSize: {
     sizeL: {
         size: string;
         labelTextSize: string;
+        descTextSize: string;
         iconAfterFillSize: string;
         iconAfterSize: string;
         iconBeforeFillSize: string;

package/dist/types/components/MenuItem/appearance/menuItemSurface.d.ts

@@ -1,8 +1,12 @@
 declare const menuItemAppearanceSurface: {
     surfacePrimary: {
         fill: string;
+        fillActive: string;
+        fillActiveHover: string;
         fillHover: string;
         labelTextColor: string;
+        iconAfterFillIcon: string;
+        iconBeforeFillIcon: string;
     };
     surfaceQuaternary: {
         fill: string;
@@ -13,8 +17,6 @@ declare const menuItemAppearanceSurface: {
         fill: string;
         fillHover: string;
         labelTextColor: string;
-        loaderFill: string;
-        loaderItemFill: string;
     };
     surfaceTertiary: {
         fill: string;

package/dist/types/components/Response/appearance/responceConfirm.d.ts

@@ -0,0 +1,13 @@
+declare const responseAppearanceConfirm: {
+    confirm: {
+        fill: string;
+        titleTextColor: string;
+        labelTextColor: string;
+        primaryButtonAppearance: string;
+        secondaryButtonAppearance: string;
+        svgFill: string;
+        SvgImage: any;
+        svgPathFill: string;
+    };
+};
+export { responseAppearanceConfirm };

package/dist/types/components/Response/appearance/responceFail.d.ts

@@ -0,0 +1,13 @@
+declare const responseAppearanceFail: {
+    fail: {
+        fill: string;
+        titleTextColor: string;
+        labelTextColor: string;
+        primaryButtonAppearance: string;
+        secondaryButtonAppearance: string;
+        svgFill: string;
+        SvgImage: any;
+        svgPathFill: string;
+    };
+};
+export { responseAppearanceFail };

package/dist/types/components/Response/appearance/responceNothingFound.d.ts

@@ -0,0 +1,13 @@
+declare const responseAppearanceNothingFound: {
+    nothingFound: {
+        fill: string;
+        titleTextColor: string;
+        labelTextColor: string;
+        primaryButtonAppearance: string;
+        secondaryButtonAppearance: string;
+        svgFill: string;
+        SvgImage: any;
+        svgPathFill: string;
+    };
+};
+export { responseAppearanceNothingFound };

package/dist/types/components/Response/appearance/responceRefresh.d.ts

@@ -0,0 +1,13 @@
+declare const responseAppearanceRefresh: {
+    refresh: {
+        fill: string;
+        titleTextColor: string;
+        labelTextColor: string;
+        primaryButtonAppearance: string;
+        secondaryButtonAppearance: string;
+        svgFill: string;
+        SvgImage: any;
+        svgPathFill: string;
+    };
+};
+export { responseAppearanceRefresh };

package/dist/types/components/Response/appearance/responseError.d.ts

@@ -1,11 +1,13 @@
 declare const responseAppearanceError: {
     error: {
         fill: string;
-        fillHover: string;
+        titleTextColor: string;
         labelTextColor: string;
-        labelTextColorHover: string;
-        loaderFill: string;
-        loaderItemFill: string;
+        primaryButtonAppearance: string;
+        secondaryButtonAppearance: string;
+        svgFill: string;
+        SvgImage: any;
+        svgPathFill: string;
     };
 };
 export { responseAppearanceError };

package/dist/types/components/Response/appearance/responseSuccess.d.ts

@@ -1,11 +1,13 @@
 declare const responseAppearanceSuccess: {
     success: {
         fill: string;
-        fillHover: string;
+        titleTextColor: string;
         labelTextColor: string;
-        labelTextColorHover: string;
-        loaderFill: string;
-        loaderItemFill: string;
+        primaryButtonAppearance: string;
+        secondaryButtonAppearance: string;
+        svgFill: string;
+        SvgImage: any;
+        svgPathFill: string;
     };
 };
 export { responseAppearanceSuccess };

package/dist/types/components/Response/appearance/responseUnableLoadData.d.ts

@@ -0,0 +1,13 @@
+declare const responseAppearanceUnableLoadData: {
+    unableLoadData: {
+        fill: string;
+        titleTextColor: string;
+        labelTextColor: string;
+        primaryButtonAppearance: string;
+        secondaryButtonAppearance: string;
+        svgFill: string;
+        SvgImage: any;
+        svgPathFill: string;
+    };
+};
+export { responseAppearanceUnableLoadData };

package/dist/types/components/Response/appearance/responseWarning.d.ts

@@ -1,11 +1,13 @@
 declare const responseAppearanceWarning: {
     warning: {
         fill: string;
-        fillHover: string;
+        titleTextColor: string;
         labelTextColor: string;
-        labelTextColorHover: string;
-        loaderFill: string;
-        loaderItemFill: string;
+        primaryButtonAppearance: string;
+        secondaryButtonAppearance: string;
+        svgFill: string;
+        SvgImage: any;
+        svgPathFill: string;
     };
 };
 export { responseAppearanceWarning };

package/dist/types/components/Response/img/index.d.ts

@@ -0,0 +1,12 @@
+declare const resposeIcon: {
+    Warning: any;
+    Success: any;
+    Confirm: any;
+    Search: any;
+    Error: any;
+    Fail: any;
+    NothingFound: any;
+    Refresh: any;
+    UnableLoadData: any;
+};
+export { resposeIcon };

package/dist/types/components/Tile/appearance/tileSize.d.ts

@@ -1,12 +1,4 @@
 declare const tileAppearanceSize: {
-    sizeXXL: {
-        size: string;
-        labelTextSize: string;
-        iconAfterFillSize: string;
-        iconAfterSize: string;
-        iconBeforeFillSize: string;
-        iconBeforeSize: string;
-    };
     sizeXL: {
         size: string;
         labelTextSize: string;

package/dist/types/components/Tile/appearance/tileSurface.d.ts

@@ -13,7 +13,6 @@ declare const tileAppearanceSurface: {
         fill: string;
         fillHover: string;
         labelTextColor: string;
-        loaderFill: string;
         loaderItemFill: string;
     };
     surfaceTertiary: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/ui",
-  "version": "1.8.21",
+  "version": "1.8.22",
   "description": "UI components (Modal, Loader, Popup, etc)",
   "keywords": [
     "Modal",

package/dist/cjs/components/InputMask.js

@@ -1,65 +0,0 @@
-'use strict';
-
-var tslib_es6 = require('../../tslib.es6_cjs_CCZ3TN_7.js');
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var clsx = require('clsx');
-var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
-require('lodash/camelCase');
-require('lodash/castArray');
-require('lodash/upperFirst');
-require('../context/Notifications.js');
-require('uuid');
-require('@itcase/common');
-require('../context/UIContext.js');
-require('../hooks/useMediaQueries/useMediaQueries.js');
-require('react-responsive');
-require('../utils/setViewportProperty.js');
-
-var inputMaskConfig = {
-    appearance: undefined,
-    state: undefined,
-    setAppearance: function (appearanceConfig) {
-        inputMaskConfig.appearance = appearanceConfig;
-    },
-    setState: function (newComponent) {
-        inputMaskConfig.state = newComponent;
-    },
-};
-var InputMask = React.forwardRef(function Input(props, ref) {
-    var id = props.id, className = props.className, 
-    // state,
-    _a = props.type, 
-    // state,
-    type = _a === void 0 ? 'text' : _a, name = props.name, appearance = props.appearance, isDisabled = props.isDisabled, dataTestId = props.dataTestId, index = props.index, placeholder = props.placeholder, value = props.value, onBlur = props.onBlur, onChange = props.onChange, onFocus = props.onFocus, onKeyDown = props.onKeyDown;
-    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 = inputMaskConfig.appearance) === null || _a === void 0 ? void 0 : _a[appearanceKey]));
-    }, {});
-    // const stateConfig = useMemo(
-    //   () => state && inputMaskConfig.state && inputMaskConfig.state[state],
-    //   [state, inputMaskConfig],
-    // )
-    var propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
-    var fillClass = propsGenerator.fillClass, fillDisabledClass = propsGenerator.fillDisabledClass, borderColorClass = propsGenerator.borderColorClass, borderColorDisabledClass = propsGenerator.borderColorDisabledClass, borderWidthClass = propsGenerator.borderWidthClass, borderWidthDisabledClass = propsGenerator.borderWidthDisabledClass, textColorClass = propsGenerator.textColorClass, textColorDisabledClass = propsGenerator.textColorDisabledClass, textSizeClass = propsGenerator.textSizeClass, textWeightClass = propsGenerator.textWeightClass, placeholderTextColorDisabledClass = propsGenerator.placeholderTextColorDisabledClass, caretClass = propsGenerator.caretClass, placeholderTextColorClass = propsGenerator.placeholderTextColorClass, shapeClass = propsGenerator.shapeClass, _b = propsGenerator.sizeClass, sizeClass = _b === void 0 ? 'm' : _b, widthClass = propsGenerator.widthClass;
-    return (jsxRuntime.jsx("input", { id: String(id), className: clsx(className, 'input', type === 'number' && 'input_type_number', (textSizeClass || textColorClass || textWeightClass) && 'text', caretClass && "caret-color_".concat(caretClass), !isDisabled
-            ? fillClass && "fill_".concat(fillClass)
-            : fillDisabledClass && "fill_disabled_".concat(fillDisabledClass), shapeClass && "input_shape_".concat(shapeClass), textSizeClass && "text_size_".concat(textSizeClass), textWeightClass && "text-weight_".concat(textWeightClass), widthClass && "width_".concat(widthClass), !isDisabled
-            ? borderWidthClass && "border-width_".concat(borderWidthClass)
-            : borderWidthDisabledClass &&
-                "border-width_disabled_".concat(borderWidthDisabledClass), sizeClass && "input_size_".concat(sizeClass), !isDisabled
-            ? borderColorClass && "border-color_".concat(borderColorClass)
-            : borderColorDisabledClass &&
-                "border-color_disabled_".concat(borderColorDisabledClass), !isDisabled
-            ? placeholderTextColorClass &&
-                "placeholder-text-color_".concat(placeholderTextColorClass)
-            : placeholderTextColorDisabledClass &&
-                "placeholder-text-color_disabled_".concat(placeholderTextColorDisabledClass), !isDisabled
-            ? textColorClass && "text-color_".concat(textColorClass)
-            : textColorDisabledClass && "text-color_".concat(textColorDisabledClass)), type: type, disabled: isDisabled, "data-test-id": dataTestId || (name ? "".concat(name, "InputMask") : 'inputMask'), index: index, placeholder: placeholder, 
-        // @ts-expect-error
-        ref: ref, value: value, onBlur: onBlur, onChange: onChange, onFocus: onFocus, onKeyDown: onKeyDown }));
-});
-
-exports.InputMask = InputMask;
-exports.inputMaskConfig = inputMaskConfig;