@itcase/ui 1.8.23 → 1.8.25

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/dist/types/hooks/useDevicePropsGenerator/useDevicePropsGenerator.interface.d.ts

@@ -1,5 +1,8 @@
+/**
+ * You can pass any what you want. It is fully dynamic keys and values.
+ */
 interface ComponentProps {
-    [key: string]: number | string;
+    [key: string]: any;
 }
 interface AppearanceConfig {
     [key: string]: number | string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/ui",
-  "version": "1.8.23",
+  "version": "1.8.25",
   "description": "UI components (Modal, Loader, Popup, etc)",
   "keywords": [
     "Modal",
@@ -97,7 +97,7 @@
   "dependencies": {
     "@emotion/is-prop-valid": "^1.3.1",
     "@itcase/common": "^1.2.26",
-    "@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",
@@ -106,9 +106,10 @@
     "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",
+    "luxon": "^3.6.1",
     "motion": "^12.17.0",
     "rc-slider": "^11.1.8",
     "react": "^18.3.1",
@@ -135,8 +136,8 @@
     "@commitlint/cli": "^19.8.1",
     "@commitlint/config-conventional": "^19.8.1",
     "@itcase/config": "^1.0.47",
-    "@itcase/lint": "^1.1.10",
-    "@itcase/types": "^1.0.4",
+    "@itcase/lint": "^1.1.15",
+    "@itcase/types": "^1.0.5",
     "@rollup/plugin-alias": "^5.1.1",
     "@rollup/plugin-babel": "^6.0.4",
     "@rollup/plugin-commonjs": "^28.0.3",
@@ -150,6 +151,7 @@
     "@semantic-release/release-notes-generator": "14.0.3",
     "@types/js-cookie": "^3.0.6",
     "@types/lodash": "^4.17.17",
+    "@types/luxon": "^3.6.2",
     "@types/react": "^19",
     "@types/react-datepicker": "^7.0.0",
     "@types/react-dom": "^19.0.2",
@@ -164,7 +166,7 @@
     "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.4.0",
     "rollup": "^4.43.0",