@itcase/ui 1.8.22 → 1.8.24

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

@@ -1,15 +1,26 @@
 declare const labelAppearanceError: {
-    error: {
+    errorPrimary: {
         fill: string;
         fillHover: string;
         labelTextColor: string;
         labelTextColorHover: string;
+        borderColor: string;
+        iconAfterFillIcon: string;
+        iconBeforeFillIcon: string;
     };
-    errorPrimary: {
+    error: {
         fill: string;
         fillHover: string;
         labelTextColor: string;
         labelTextColorHover: string;
     };
+    errorMuted: {
+        fill: string;
+        labelTextColor: string;
+        labelTextColorHover: string;
+        borderColor: string;
+        iconAfterFillIcon: string;
+        iconBeforeFillIcon: string;
+    };
 };
 export { labelAppearanceError };

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

@@ -1,17 +1,29 @@
 declare const labelAppearanceInfo: {
-    accent: {
+    infoMuted: {
+        fill: string;
+        labelTextColor: string;
+        labelTextColorHover: string;
+        borderColor: string;
+        iconAfterFillIcon: string;
+        iconBeforeFillIcon: string;
+    };
+    infoPrimary: {
         fill: string;
         fillHover: string;
         labelTextColor: string;
         labelTextColorHover: string;
         borderColor: string;
+        iconAfterFillIcon: string;
+        iconBeforeFillIcon: string;
     };
-    accentSecondary: {
+    infoSecondary: {
         fill: string;
         fillHover: string;
         labelTextColor: string;
         labelTextColorHover: string;
         borderColor: string;
+        iconAfterFillIcon: string;
+        iconBeforeFillIcon: string;
     };
 };
 export { labelAppearanceInfo };

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

@@ -3,6 +3,25 @@ declare const labelAppearancePrimary: {
         fill: string;
         labelTextColor: string;
         labelTextColorHover: string;
+        borderColor: string;
+        iconAfterFillIcon: string;
+        iconBeforeFillIcon: string;
+    };
+    primaryMuted: {
+        fill: string;
+        labelTextColor: string;
+        labelTextColorHover: string;
+        borderColor: string;
+        iconAfterFillIcon: string;
+        iconBeforeFillIcon: string;
+    };
+    primaryPrimary: {
+        fill: string;
+        labelTextColor: string;
+        labelTextColorHover: string;
+        borderColor: string;
+        iconAfterFillIcon: string;
+        iconBeforeFillIcon: string;
     };
 };
 export { labelAppearancePrimary };

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

@@ -3,6 +3,25 @@ declare const labelAppearanceSecondary: {
         fill: string;
         labelTextColor: string;
         labelTextColorHover: string;
+        borderColor: string;
+        iconAfterFillIcon: string;
+        iconBeforeFillIcon: string;
+    };
+    secondaryMuted: {
+        fill: string;
+        labelTextColor: string;
+        labelTextColorHover: string;
+        borderColor: string;
+        iconAfterFillIcon: string;
+        iconBeforeFillIcon: string;
+    };
+    secondaryPrimary: {
+        fill: string;
+        labelTextColor: string;
+        labelTextColorHover: string;
+        borderColor: string;
+        iconAfterFillIcon: string;
+        iconBeforeFillIcon: string;
     };
 };
 export { labelAppearanceSecondary };

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

@@ -2,12 +2,10 @@ declare const labelAppearanceStyle: {
     full: {};
     ghost: {
         fill: string;
-        fillHover: string;
         borderColor: string;
     };
     outlined: {
         fill: string;
-        fillHover: string;
     };
     solid: {
         borderColor: string;

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

@@ -5,11 +5,22 @@ declare const labelAppearanceSuccess: {
         labelTextColor: string;
         labelTextColorHover: string;
     };
+    successMuted: {
+        fill: string;
+        labelTextColor: string;
+        labelTextColorHover: string;
+        borderColor: string;
+        iconAfterFillIcon: string;
+        iconBeforeFillIcon: string;
+    };
     successPrimary: {
         fill: string;
         fillHover: string;
         labelTextColor: string;
         labelTextColorHover: string;
+        borderColor: string;
+        iconAfterFillIcon: string;
+        iconBeforeFillIcon: string;
     };
 };
 export { labelAppearanceSuccess };

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

@@ -1,21 +1,32 @@
 declare const labelAppearanceSurface: {
+    surfaceMuted: {
+        fill: string;
+        labelTextColor: string;
+        labelTextColorHover: string;
+        borderColor: string;
+        iconAfterFillIcon: string;
+        iconBeforeFillIcon: string;
+    };
     surfacePrimary: {
         fill: string;
         fillHover: string;
         labelTextColor: string;
         labelTextColorHover: string;
+        borderColor: string;
+        iconAfterFillIcon: string;
+        iconBeforeFillIcon: string;
     };
-    surfaceSecondary: {
+    surfaceQuaternary: {
         fill: string;
         labelTextColor: string;
         labelTextColorHover: string;
     };
-    surfaceTertiary: {
+    surfaceSecondary: {
         fill: string;
         labelTextColor: string;
         labelTextColorHover: string;
     };
-    surfaceQuaternary: {
+    surfaceTertiary: {
         fill: string;
         labelTextColor: string;
         labelTextColorHover: string;

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

@@ -5,11 +5,22 @@ declare const labelAppearanceWarning: {
         labelTextColor: string;
         labelTextColorHover: string;
     };
+    warningMuted: {
+        fill: string;
+        labelTextColor: string;
+        labelTextColorHover: string;
+        borderColor: string;
+        iconAfterFillIcon: string;
+        iconBeforeFillIcon: string;
+    };
     warningPrimary: {
         fill: string;
         fillHover: string;
         labelTextColor: string;
         labelTextColorHover: string;
+        borderColor: string;
+        iconAfterFillIcon: string;
+        iconBeforeFillIcon: string;
     };
 };
 export { labelAppearanceWarning };

package/dist/types/components/Loader/appearance/loaderDanger.d.ts

@@ -0,0 +1,7 @@
+declare const loaderAppearanceDanger: {
+    dangerPrimary: {
+        fill: string;
+        itemFill: string;
+    };
+};
+export { loaderAppearanceDanger };

package/dist/types/components/Loader/appearance/loaderError.d.ts

@@ -0,0 +1,7 @@
+declare const loaderAppearanceError: {
+    errorPrimary: {
+        fill: string;
+        itemFill: string;
+    };
+};
+export { loaderAppearanceError };

package/dist/types/components/Loader/appearance/loaderInfo.d.ts

@@ -0,0 +1,7 @@
+declare const loaderAppearanceInfo: {
+    infoPrimary: {
+        fill: string;
+        itemFill: string;
+    };
+};
+export { loaderAppearanceInfo };

package/dist/types/components/Loader/appearance/loaderSuccess.d.ts

@@ -0,0 +1,7 @@
+declare const loaderAppearanceSuccess: {
+    successPrimary: {
+        fill: string;
+        itemFill: string;
+    };
+};
+export { loaderAppearanceSuccess };

package/dist/types/components/Loader/appearance/loaderWarning.d.ts

@@ -0,0 +1,7 @@
+declare const loaderAppearanceWarning: {
+    warningPrimary: {
+        fill: string;
+        itemFill: string;
+    };
+};
+export { loaderAppearanceWarning };

package/dist/types/components/ModalSheetBottom/ModalSheetBottom.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { ModalSheetBottomProps } from './ModalSheetBottom.interface';
-declare function ModalSheetBottom(props: ModalSheetBottomProps): import("react/jsx-runtime").JSX.Element;
+declare const ModalSheetBottom: React.ForwardRefExoticComponent<ModalSheetBottomProps & React.RefAttributes<ModalSheetBottomRef>>;
 export { ModalSheetBottom };

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

@@ -2,12 +2,11 @@ declare const responseAppearanceConfirm: {
     confirm: {
         fill: string;
         titleTextColor: string;
+        titleTextSize: string;
         labelTextColor: string;
+        descTextSize: string;
         primaryButtonAppearance: string;
         secondaryButtonAppearance: string;
-        svgFill: string;
-        SvgImage: any;
-        svgPathFill: string;
     };
 };
 export { responseAppearanceConfirm };

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

@@ -2,12 +2,11 @@ declare const responseAppearanceFail: {
     fail: {
         fill: string;
         titleTextColor: string;
+        titleTextSize: string;
         labelTextColor: string;
+        descTextSize: string;
         primaryButtonAppearance: string;
         secondaryButtonAppearance: string;
-        svgFill: string;
-        SvgImage: any;
-        svgPathFill: string;
     };
 };
 export { responseAppearanceFail };

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

@@ -2,12 +2,11 @@ declare const responseAppearanceNothingFound: {
     nothingFound: {
         fill: string;
         titleTextColor: string;
+        titleTextSize: string;
         labelTextColor: string;
+        descTextSize: string;
         primaryButtonAppearance: string;
         secondaryButtonAppearance: string;
-        svgFill: string;
-        SvgImage: any;
-        svgPathFill: string;
     };
 };
 export { responseAppearanceNothingFound };

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

@@ -2,12 +2,11 @@ declare const responseAppearanceRefresh: {
     refresh: {
         fill: string;
         titleTextColor: string;
+        titleTextSize: string;
         labelTextColor: string;
+        descTextSize: string;
         primaryButtonAppearance: string;
         secondaryButtonAppearance: string;
-        svgFill: string;
-        SvgImage: any;
-        svgPathFill: string;
     };
 };
 export { responseAppearanceRefresh };

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

@@ -2,12 +2,11 @@ declare const responseAppearanceError: {
     error: {
         fill: string;
         titleTextColor: string;
+        titleTextSize: string;
         labelTextColor: string;
+        descTextSize: string;
         primaryButtonAppearance: string;
         secondaryButtonAppearance: string;
-        svgFill: string;
-        SvgImage: any;
-        svgPathFill: string;
     };
 };
 export { responseAppearanceError };

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

@@ -2,12 +2,11 @@ declare const responseAppearanceSuccess: {
     success: {
         fill: string;
         titleTextColor: string;
+        titleTextSize: string;
         labelTextColor: string;
+        descTextSize: string;
         primaryButtonAppearance: string;
         secondaryButtonAppearance: string;
-        svgFill: string;
-        SvgImage: any;
-        svgPathFill: string;
     };
 };
 export { responseAppearanceSuccess };

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

@@ -2,12 +2,11 @@ declare const responseAppearanceUnableLoadData: {
     unableLoadData: {
         fill: string;
         titleTextColor: string;
+        titleTextSize: string;
         labelTextColor: string;
+        descTextSize: string;
         primaryButtonAppearance: string;
         secondaryButtonAppearance: string;
-        svgFill: string;
-        SvgImage: any;
-        svgPathFill: string;
     };
 };
 export { responseAppearanceUnableLoadData };

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

@@ -2,12 +2,11 @@ declare const responseAppearanceWarning: {
     warning: {
         fill: string;
         titleTextColor: string;
+        titleTextSize: string;
         labelTextColor: string;
+        descTextSize: string;
         primaryButtonAppearance: string;
         secondaryButtonAppearance: string;
-        svgFill: string;
-        SvgImage: any;
-        svgPathFill: string;
     };
 };
 export { responseAppearanceWarning };

package/dist/types/components/Tab/appearance/tabError.d.ts

@@ -0,0 +1,13 @@
+declare const tabAppearanceError: {
+    errorPrimary: {
+        fill: string;
+        fillDisabled: string;
+        labelColor: string;
+        labelColorActive: string;
+        labelColorDisabled: string;
+        dividerFillDisabled: string;
+        badgeAppearance: string;
+        dividerFill: string;
+    };
+};
+export { tabAppearanceError };

package/dist/types/components/Tab/appearance/tabSize.d.ts

@@ -1,10 +1,51 @@
 declare const tabAppearanceSize: {
+    sizeXXL: {
+        size: string;
+        labelTextSize: string;
+        badgeSize: string;
+        badgeTextSize: string;
+        dividerSize: string;
+    };
+    sizeXL: {
+        size: string;
+        labelTextSize: string;
+        badgeSize: string;
+        badgeTextSize: string;
+        dividerSize: string;
+    };
     sizeL: {
         size: string;
         labelTextSize: string;
+        badgeSize: string;
+        badgeTextSize: string;
         dividerSize: string;
+    };
+    sizeM: {
+        size: string;
+        labelTextSize: string;
         badgeSize: string;
         badgeTextSize: string;
+        dividerSize: string;
+    };
+    sizeS: {
+        size: string;
+        labelTextSize: string;
+        badgeSize: string;
+        badgeTextSize: string;
+        dividerSize: string;
+    };
+    sizeXS: {
+        size: string;
+        labelTextSize: string;
+        badgeSize: string;
+        badgeTextSize: string;
+    };
+    sizeXXS: {
+        size: string;
+        labelTextSize: string;
+        badgeSize: string;
+        badgeTextSize: string;
+        dividerSize: string;
     };
 };
 export { tabAppearanceSize };

package/dist/types/components/Tab/appearance/tabStyle.d.ts

@@ -2,13 +2,13 @@ declare const tabAppearanceStyle: {
     full: {};
     ghost: {
         fill: string;
-        borderWidth: string;
+        borderColor: string;
     };
     outlined: {
         fill: string;
     };
     solid: {
-        borderWidth: string;
+        borderColor: string;
     };
 };
 export { tabAppearanceStyle };

package/dist/types/components/Tab/appearance/tabSuccess.d.ts

@@ -0,0 +1,13 @@
+declare const tabAppearanceSuccess: {
+    successPrimary: {
+        fill: string;
+        fillDisabled: string;
+        labelColor: string;
+        labelColorActive: string;
+        labelColorDisabled: string;
+        dividerFillDisabled: string;
+        badgeAppearance: string;
+        dividerFill: string;
+    };
+};
+export { tabAppearanceSuccess };

package/dist/types/components/Tab/appearance/tabSurface.d.ts

@@ -1,51 +1,56 @@
 declare const tabAppearanceSurface: {
     surfacePrimary: {
         fill: string;
+        fillActive: string;
+        fillActiveHover: string;
         fillDisabled: string;
-        labelColor: string;
-        labelColorActive: string;
-        labelColorDisabled: string;
+        fillHover: string;
+        labelTextColor: string;
+        labelTextColorActive: string;
+        borderColor: string;
         dividerFillDisabled: string;
-        dividerFill: string;
-        dividerFillActive: string;
-        dividerFillHover: string;
         badgeAppearance: string;
+        dividerFillActive: string;
+        iconFillIcon: string;
     };
-    surfaceQuaternary: {
+    surfaceSecondary: {
         fill: string;
+        fillActive: string;
+        fillActiveHover: string;
         fillDisabled: string;
         fillHover: string;
-        labelColor: string;
-        labelColorActive: string;
-        labelColorDisabled: string;
+        labelTextColor: string;
+        labelTextColorActive: string;
         dividerFillDisabled: string;
-        dividerFill: string;
+        badgeAppearance: string;
         dividerFillActive: string;
-        dividerFillHover: string;
+        iconFillIcon: string;
     };
-    surfaceSecondary: {
+    surfaceTertiary: {
         fill: string;
+        fillActive: string;
+        fillActiveHover: string;
         fillDisabled: string;
         fillHover: string;
-        labelColor: string;
-        labelColorActive: string;
-        labelColorDisabled: string;
+        labelTextColor: string;
+        labelTextColorActive: string;
         dividerFillDisabled: string;
-        dividerFill: string;
+        badgeAppearance: string;
         dividerFillActive: string;
-        dividerFillHover: string;
+        iconFillIcon: string;
     };
-    surfaceTertiary: {
+    surfaceQuaternary: {
         fill: string;
+        fillActive: string;
+        fillActiveHover: string;
         fillDisabled: string;
         fillHover: string;
-        labelColor: string;
-        labelColorActive: string;
-        labelColorDisabled: string;
+        labelTextColor: string;
+        labelTextColorActive: string;
         dividerFillDisabled: string;
-        dividerFill: string;
+        badgeAppearance: string;
         dividerFillActive: string;
-        dividerFillHover: string;
+        iconFillIcon: string;
     };
 };
 export { tabAppearanceSurface };

package/dist/types/components/Tab/appearance/tabWarning.d.ts

@@ -0,0 +1,13 @@
+declare const tabAppearanceWarning: {
+    warningPrimary: {
+        fill: string;
+        fillDisabled: string;
+        labelColor: string;
+        labelColorActive: string;
+        labelColorDisabled: string;
+        dividerFillDisabled: string;
+        badgeAppearance: string;
+        dividerFill: string;
+    };
+};
+export { tabAppearanceWarning };

package/dist/types/components/Tab/stories/__mock__/index.d.ts

@@ -0,0 +1,22 @@
+declare const tabListMock: {
+    tabList: ({
+        key: number;
+        label: string;
+        isActive: boolean;
+        badgeValue?: undefined;
+        icon?: undefined;
+    } | {
+        key: number;
+        label: string;
+        badgeValue: number;
+        isActive: boolean;
+        icon?: undefined;
+    } | {
+        key: number;
+        label: string;
+        icon: string;
+        isActive: boolean;
+        badgeValue?: undefined;
+    })[];
+};
+export { tabListMock };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/ui",
-  "version": "1.8.22",
+  "version": "1.8.24",
   "description": "UI components (Modal, Loader, Popup, etc)",
   "keywords": [
     "Modal",
@@ -97,21 +97,19 @@
   "dependencies": {
     "@emotion/is-prop-valid": "^1.3.1",
     "@itcase/common": "^1.2.26",
-    "@itcase/config": "^1.0.47",
-    "@itcase/icons": "^1.1.1",
+    "@itcase/icons": "^1.1.3",
     "@itcase/storybook-config": "^1.1.13",
     "@itcase/tokens-am": "^1.1.9",
     "@itcase/tokens-baikal": "^1.1.9",
-    "@itcase/types": "^1.0.4",
     "@itcase/tokens-palette": "^1.1.11",
     "clsx": "^2.1.1",
     "date-fns": "^4.1.0",
     "eslint-import-resolver-alias": "^1.1.2",
     "eslint-plugin-import": "^2.31.0",
-    "framer-motion": "^12.16.0",
+    "framer-motion": "^12.17.0",
     "js-cookie": "^3.0.5",
     "lodash": "^4.17.21",
-    "motion": "^12.16.0",
+    "motion": "^12.17.0",
     "rc-slider": "^11.1.8",
     "react": "^18.3.1",
     "react-dadata": "^2.27.4",
@@ -136,7 +134,9 @@
     "@babel/preset-react": "^7.27.1",
     "@commitlint/cli": "^19.8.1",
     "@commitlint/config-conventional": "^19.8.1",
-    "@itcase/lint": "^1.1.10",
+    "@itcase/config": "^1.0.47",
+    "@itcase/lint": "^1.1.15",
+    "@itcase/types": "^1.0.4",
     "@rollup/plugin-alias": "^5.1.1",
     "@rollup/plugin-babel": "^6.0.4",
     "@rollup/plugin-commonjs": "^28.0.3",
@@ -148,7 +148,6 @@
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/git": "^10.0.1",
     "@semantic-release/release-notes-generator": "14.0.3",
-    "@svgr/webpack": "^8.1.0",
     "@types/js-cookie": "^3.0.6",
     "@types/lodash": "^4.17.17",
     "@types/react": "^19",
@@ -165,11 +164,10 @@
     "husky": "^9.1.7",
     "lint-staged": "^16.1.0",
     "npm": "^11.4.1",
-    "postcss": "^8.5.4",
+    "postcss": "^8.5.5",
     "prettier": "^3.5.3",
-    "react-docgen-typescript": "^2.2.2",
-    "react-svg": "^16.3.0",
-    "rollup": "^4.41.1",
+    "react-docgen-typescript": "^2.4.0",
+    "rollup": "^4.43.0",
     "rollup-plugin-copy": "^3.5.0",
     "rollup-plugin-dts": "^6.2.1",
     "rollup-plugin-peer-deps-external": "^2.2.4",