@itcase/ui 1.8.121 → 1.8.123

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

@@ -4,16 +4,18 @@ declare const inputPasswordAppearanceDisabled: {
         borderColor: string;
         borderHover: string;
         textColor: string;
-        iconBeforeFill: string;
-        iconClearFill: string;
+        iconFill: string;
+        iconRevealableHide: string;
+        iconRevealableShow: string;
         placeholderTextColor: string;
     };
     disabledSecondary: {
         fill: string;
         borderColor: string;
         borderHover: string;
-        iconBeforeFill: string;
-        iconClearFill: string;
+        iconFill: string;
+        iconRevealableHide: string;
+        iconRevealableShow: string;
         placeholderTextColor: string;
     };
 };

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

@@ -4,16 +4,18 @@ declare const inputPasswordAppearanceError: {
         borderColor: string;
         borderHover: string;
         textColor: string;
-        iconBeforeFill: string;
-        iconClearFill: string;
+        iconFill: string;
+        iconRevealableHide: string;
+        iconRevealableShow: string;
         placeholderTextColor: string;
     };
     errorSecondary: {
         fill: string;
         borderColor: string;
         borderHover: string;
-        iconBeforeFill: string;
-        iconClearFill: string;
+        iconFill: string;
+        iconRevealableHide: string;
+        iconRevealableShow: string;
         placeholderTextColor: string;
     };
 };

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

@@ -4,16 +4,18 @@ declare const inputPasswordAppearanceRequire: {
         borderColor: string;
         borderHover: string;
         textColor: string;
-        iconBeforeFill: string;
-        iconClearFill: string;
+        iconFill: string;
+        iconRevealableHide: string;
+        iconRevealableShow: string;
         placeholderTextColor: string;
     };
     requireSecondary: {
         fill: string;
         borderColor: string;
         borderHover: string;
-        iconBeforeFill: string;
-        iconClearFill: string;
+        iconFill: string;
+        iconRevealableHide: string;
+        iconRevealableShow: string;
         placeholderTextColor: string;
     };
 };

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

@@ -0,0 +1,25 @@
+declare const inputPasswordAppearanceShape: {
+    circular: {
+        shape: string;
+    };
+    rounded: {
+        shape: string;
+    };
+    roundedXL: {
+        shape: string;
+        shapeStrength: string;
+    };
+    roundedL: {
+        shape: string;
+        shapeStrength: string;
+    };
+    roundedM: {
+        shape: string;
+        shapeStrength: string;
+    };
+    roundedS: {
+        shape: string;
+        shapeStrength: string;
+    };
+};
+export { inputPasswordAppearanceShape };

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

@@ -2,58 +2,44 @@ declare const inputPasswordAppearanceSize: {
     sizeXXL: {
         size: string;
         textSize: string;
-        iconAfterFillSize: string;
-        iconAfterSize: string;
-        iconBeforeFillSize: string;
-        iconBeforeSize: string;
+        iconFillSize: string;
+        iconSize: string;
     };
     sizeXL: {
         size: string;
         textSize: string;
-        iconAfterFillSize: string;
-        iconAfterSize: string;
-        iconBeforeFillSize: string;
-        iconBeforeSize: string;
+        iconFillSize: string;
+        iconSize: string;
     };
     sizeL: {
         size: string;
         textSize: string;
-        iconAfterFillSize: string;
-        iconAfterSize: string;
-        iconBeforeFillSize: string;
-        iconBeforeSize: string;
+        iconFillSize: string;
+        iconSize: string;
     };
     sizeM: {
         size: string;
         textSize: string;
-        iconAfterFillSize: string;
-        iconAfterSize: string;
-        iconBeforeFillSize: string;
-        iconBeforeSize: string;
+        iconFillSize: string;
+        iconSize: string;
     };
     sizeS: {
         size: string;
         textSize: string;
-        iconAfterFillSize: string;
-        iconAfterSize: string;
-        iconBeforeFillSize: string;
-        iconBeforeSize: string;
+        iconFillSize: string;
+        iconSize: string;
     };
     sizeXS: {
         size: string;
         textSize: string;
-        iconAfterFillSize: string;
-        iconAfterSize: string;
-        iconBeforeFillSize: string;
-        iconBeforeSize: string;
+        iconFillSize: string;
+        iconSize: string;
     };
     sizeXXS: {
         size: string;
         textSize: string;
-        iconAfterFillSize: string;
-        iconAfterSize: string;
-        iconBeforeFillSize: string;
-        iconBeforeSize: string;
+        iconFillSize: string;
+        iconSize: string;
     };
 };
 export { inputPasswordAppearanceSize };

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

@@ -1,15 +1,15 @@
 declare const inputPasswordAppearanceStyle: {
-    full: {
+    solid: {
         borderColor: string;
     };
-    ghost: {
+    outlined: {
         fill: string;
+    };
+    full: {
         borderColor: string;
     };
-    outlined: {
+    ghost: {
         fill: string;
-    };
-    solid: {
         borderColor: string;
     };
 };

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

@@ -4,16 +4,18 @@ declare const inputPasswordAppearanceSuccess: {
         borderColor: string;
         borderHover: string;
         textColor: string;
-        iconBeforeFill: string;
-        iconClearFill: string;
+        iconFill: string;
+        iconRevealableHide: string;
+        iconRevealableShow: string;
         placeholderTextColor: string;
     };
     successSecondary: {
         fill: string;
         borderColor: string;
         borderHover: string;
-        iconBeforeFill: string;
-        iconClearFill: string;
+        iconFill: string;
+        iconRevealableHide: string;
+        iconRevealableShow: string;
         placeholderTextColor: string;
     };
 };

package/dist/types/components/Response/Response.constant.d.ts

@@ -0,0 +1,76 @@
+declare const RESPONSE_MESSAGES: {
+    empty: {
+        appearance: string;
+        title: string;
+        desc: string;
+        code: string;
+        imageSrc: any;
+        primaryButtonAppearance: string;
+        primaryButtonLabel: string;
+    };
+    error: {
+        appearance: string;
+        title: string;
+        desc: string;
+        code: string;
+        imageSrc: any;
+        primaryButtonAppearance: string;
+        primaryButtonLabel: string;
+        secondaryButtonAppearance: string;
+        secondaryButtonLabel: string;
+    };
+    warning: {
+        appearance: string;
+        title: string;
+        imageSrc: any;
+        primaryButtonAppearance: string;
+        primaryButtonLabel: string;
+        secondaryButtonAppearance: string;
+        secondaryButtonLabel: string;
+    };
+    success: {
+        appearance: string;
+        title: string;
+        desc: string;
+        code: string;
+        imageSrc: any;
+        primaryButtonAppearance: string;
+        primaryButtonLabel: string;
+        secondaryButtonAppearance: string;
+        secondaryButtonLabel: string;
+    };
+    nothingFound: {
+        appearance: string;
+        title: string;
+        desc: string;
+        code: string;
+        imageSrc: any;
+        primaryButtonAppearance: string;
+        primaryButtonLabel: string;
+        secondaryButtonAppearance: string;
+        secondaryButtonLabel: string;
+    };
+    errorNetwork: {
+        appearance: string;
+        title: string;
+        desc: string;
+        code: string;
+        imageSrc: any;
+        primaryButtonAppearance: string;
+        primaryButtonLabel: string;
+        secondaryButtonAppearance: string;
+        secondaryButtonLabel: string;
+    };
+    errorRequest: {
+        appearance: string;
+        title: string;
+        desc: string;
+        code: string;
+        imageSrc: any;
+        primaryButtonAppearance: string;
+        primaryButtonLabel: string;
+        secondaryButtonAppearance: string;
+        secondaryButtonLabel: string;
+    };
+};
+export { RESPONSE_MESSAGES };

package/dist/types/components/Response/appearance/{responceConfirm.d.ts → responseConfirm.d.ts}

@@ -5,6 +5,7 @@ declare const responseAppearanceConfirm: {
         titleTextSize: string;
         labelTextColor: string;
         descTextSize: string;
+        imageSrc: any;
         primaryButtonAppearance: string;
         secondaryButtonAppearance: string;
         svgFill: string;

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

@@ -5,6 +5,7 @@ declare const responseAppearanceDanger: {
         titleTextSize: string;
         labelTextColor: string;
         descTextSize: string;
+        imageSrc: any;
         primaryButtonAppearance: string;
         secondaryButtonAppearance: string;
         svgFill: string;

package/dist/types/components/Response/appearance/{responceEmpty.d.ts → responseEmpty.d.ts}

@@ -5,6 +5,7 @@ declare const responseAppearanceEmpty: {
         titleTextSize: string;
         labelTextColor: string;
         descTextSize: string;
+        imageSrc: any;
         primaryButtonAppearance: string;
         secondaryButtonAppearance: string;
         svgFill: string;

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

@@ -5,6 +5,7 @@ declare const responseAppearanceError: {
         titleTextSize: string;
         labelTextColor: string;
         descTextSize: string;
+        imageSrc: any;
         primaryButtonAppearance: string;
         secondaryButtonAppearance: string;
         svgFill: string;

package/dist/types/components/Response/appearance/{responceFail.d.ts → responseFail.d.ts}

@@ -5,6 +5,7 @@ declare const responseAppearanceFail: {
         titleTextSize: string;
         labelTextColor: string;
         descTextSize: string;
+        imageSrc: any;
         primaryButtonAppearance: string;
         secondaryButtonAppearance: string;
         svgFill: string;

package/dist/types/components/Response/appearance/{responceNothingFound.d.ts → responseNothingFound.d.ts}

@@ -5,6 +5,7 @@ declare const responseAppearanceNothingFound: {
         titleTextSize: string;
         labelTextColor: string;
         descTextSize: string;
+        imageSrc: any;
         primaryButtonAppearance: string;
         secondaryButtonAppearance: string;
         svgFill: string;

package/dist/types/components/Response/appearance/{responceRefresh.d.ts → responseRefresh.d.ts}

@@ -5,6 +5,7 @@ declare const responseAppearanceRefresh: {
         titleTextSize: string;
         labelTextColor: string;
         descTextSize: string;
+        imageSrc: any;
         primaryButtonAppearance: string;
         secondaryButtonAppearance: string;
         svgFill: string;

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

@@ -0,0 +1,14 @@
+declare const responseAppearanceStyle: {
+    solid: {
+        borderColor: string;
+    };
+    outlined: {
+        fill: string;
+    };
+    full: {};
+    ghost: {
+        fill: string;
+        borderColor: string;
+    };
+};
+export { responseAppearanceStyle };

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

@@ -5,6 +5,7 @@ declare const responseAppearanceSuccess: {
         titleTextSize: string;
         labelTextColor: string;
         descTextSize: string;
+        imageSrc: any;
         primaryButtonAppearance: string;
         secondaryButtonAppearance: string;
         svgFill: string;

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

@@ -5,6 +5,7 @@ declare const responseAppearanceUnableLoadData: {
         titleTextSize: string;
         labelTextColor: string;
         descTextSize: string;
+        imageSrc: any;
         primaryButtonAppearance: string;
         secondaryButtonAppearance: string;
         svgFill: string;

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

@@ -5,6 +5,7 @@ declare const responseAppearanceWarning: {
         titleTextSize: string;
         labelTextColor: string;
         descTextSize: string;
+        imageSrc: any;
         primaryButtonAppearance: string;
         secondaryButtonAppearance: string;
         svgFill: string;

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

@@ -2,7 +2,9 @@ declare const responseIcon: {
     Error: any;
     Warning: any;
     Success: any;
+    Danger: any;
     Confirm: any;
+    Empty: any;
     Fail: any;
     NothingFound: any;
     Refresh: any;

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

@@ -1,4 +1,5 @@
 import { responseIcon } from './img';
 import { Response, responseConfig } from './Response';
 import { responseAppearance } from './Response.appearance';
-export { responseAppearance, responseIcon, Response, responseConfig };
+import { RESPONSE_MESSAGES } from './Response.constant';
+export { Response, RESPONSE_MESSAGES, responseAppearance, responseConfig, responseIcon, };

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

@@ -3,55 +3,41 @@ declare const tabAppearanceSize: {
         size: string;
         labelTextSize: string;
         badgeAppearanceSize: string;
-        badgeSize: string;
-        badgeTextSize: string;
         dividerSize: string;
     };
     sizeXL: {
         size: string;
         labelTextSize: string;
         badgeAppearanceSize: string;
-        badgeSize: string;
-        badgeTextSize: string;
         dividerSize: string;
     };
     sizeL: {
         size: string;
         labelTextSize: string;
         badgeAppearanceSize: string;
-        badgeSize: string;
-        badgeTextSize: string;
         dividerSize: string;
     };
     sizeM: {
         size: string;
         labelTextSize: string;
         badgeAppearanceSize: string;
-        badgeSize: string;
-        badgeTextSize: string;
         dividerSize: string;
     };
     sizeS: {
         size: string;
         labelTextSize: string;
         badgeAppearanceSize: string;
-        badgeSize: string;
-        badgeTextSize: string;
         dividerSize: string;
     };
     sizeXS: {
         size: string;
         labelTextSize: string;
         badgeAppearanceSize: string;
-        badgeSize: string;
-        badgeTextSize: string;
     };
     sizeXXS: {
         size: string;
         labelTextSize: string;
         badgeAppearanceSize: string;
-        badgeSize: string;
-        badgeTextSize: string;
         dividerSize: string;
     };
 };

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

@@ -8,14 +8,14 @@ declare const tabAppearanceSurface: {
         fillHover: string;
         labelTextColor: string;
         labelTextColorActive: string;
-        dividerFillDisabled: string;
         borderColor: string;
         borderColorActive: string;
         badgeAppearance: string;
         dividerFillActive: string;
+        dividerFillDisabled: string;
         iconFillIcon: string;
     };
-    surfaceSecondary: {
+    surfaceQuaternary: {
         fill: string;
         fillActive: string;
         fillActiveHover: string;
@@ -23,14 +23,14 @@ declare const tabAppearanceSurface: {
         fillHover: string;
         labelTextColor: string;
         labelTextColorActive: string;
-        dividerFillDisabled: string;
         borderColor: string;
         borderColorActive: string;
         badgeAppearance: string;
         dividerFillActive: string;
+        dividerFillDisabled: string;
         iconFillIcon: string;
     };
-    surfaceTertiary: {
+    surfaceSecondary: {
         fill: string;
         fillActive: string;
         fillActiveHover: string;
@@ -38,14 +38,14 @@ declare const tabAppearanceSurface: {
         fillHover: string;
         labelTextColor: string;
         labelTextColorActive: string;
-        dividerFillDisabled: string;
         borderColor: string;
         borderColorActive: string;
         badgeAppearance: string;
         dividerFillActive: string;
+        dividerFillDisabled: string;
         iconFillIcon: string;
     };
-    surfaceQuaternary: {
+    surfaceTertiary: {
         fill: string;
         fillActive: string;
         fillActiveHover: string;
@@ -53,11 +53,11 @@ declare const tabAppearanceSurface: {
         fillHover: string;
         labelTextColor: string;
         labelTextColorActive: string;
-        dividerFillDisabled: string;
         borderColor: string;
         borderColorActive: string;
         badgeAppearance: string;
         dividerFillActive: string;
+        dividerFillDisabled: string;
         iconFillIcon: string;
     };
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/ui",
-  "version": "1.8.121",
+  "version": "1.8.123",
   "description": "UI components (Modal, Loader, Popup, etc)",
   "keywords": [
     "Modal",
@@ -100,10 +100,10 @@
     ]
   },
   "dependencies": {
-    "@emotion/is-prop-valid": "^1.3.1",
+    "@emotion/is-prop-valid": "^1.4.0",
     "@itcase/common": "^1.2.29",
     "@itcase/icons": "^1.2.19",
-    "@itcase/storybook-config": "^1.2.5",
+    "@itcase/storybook-config": "^1.2.6",
     "@itcase/tokens-am": "^1.1.19",
     "@itcase/tokens-baikal": "^1.1.17",
     "@itcase/tokens-palette": "^1.1.11",
@@ -112,7 +112,7 @@
     "framer-motion": "^12.23.12",
     "js-cookie": "^3.0.5",
     "lodash": "^4.17.21",
-    "luxon": "^3.7.1",
+    "luxon": "^3.7.2",
     "motion": "^12.23.12",
     "rc-slider": "^11.1.8",
     "react": "^18.3.1",
@@ -121,7 +121,7 @@
     "react-dom": "^18.3.1",
     "react-indiana-drag-scroll": "^3.0.3-alpha",
     "react-inlinesvg": "^4.2.0",
-    "react-modal-sheet": "^4.4.0",
+    "react-modal-sheet": "^5.1.1",
     "react-modern-drawer": "^1.4.0",
     "react-otp-input": "^3.1.1",
     "react-paginate": "^8.3.0",
@@ -131,16 +131,16 @@
     "react-select": "^5.10.2",
     "simplebar-react": "^3.3.2",
     "swiper": "^11.2.10",
-    "uuid": "^11.1.0"
+    "uuid": "^13.0.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.28.3",
+    "@babel/core": "^7.28.4",
     "@babel/preset-env": "^7.28.3",
     "@babel/preset-react": "^7.27.1",
     "@commitlint/cli": "^19.8.1",
     "@commitlint/config-conventional": "^19.8.1",
     "@itcase/config": "^1.0.57",
-    "@itcase/lint": "^1.1.48",
+    "@itcase/lint": "^1.1.57",
     "@itcase/types": "^1.0.45",
     "@rollup/plugin-alias": "^5.1.1",
     "@rollup/plugin-babel": "^6.0.4",
@@ -152,7 +152,7 @@
     "@rollup/plugin-typescript": "^12.1.4",
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/git": "^10.0.1",
-    "@semantic-release/release-notes-generator": "14.0.3",
+    "@semantic-release/release-notes-generator": "14.1.0",
     "@types/js-cookie": "^3.0.6",
     "@types/lodash": "^4.17.20",
     "@types/luxon": "^3.7.1",
@@ -166,19 +166,19 @@
     "babel-plugin-react-docgen": "^4.2.1",
     "babel-plugin-transform-react-remove-prop-types": "^0.4.24",
     "conventional-changelog-conventionalcommits": "^9.1.0",
-    "eslint": "9.34.0",
+    "eslint": "9.35.0",
     "husky": "^9.1.7",
     "lint-staged": "^16.1.6",
     "prettier": "^3.6.2",
     "react-docgen-typescript": "^2.4.0",
-    "rollup": "^4.50.0",
+    "rollup": "^4.50.1",
     "rollup-plugin-copy": "^3.5.0",
     "rollup-plugin-dts": "^6.2.3",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-preserve-directives": "^1.1.3",
     "semantic-release": "^24.2.7",
-    "storybook": "^9.1.4",
-    "stylelint": "^16.23.1",
+    "storybook": "^9.1.5",
+    "stylelint": "^16.24.0",
     "typescript": "^5.9.2"
   }
 }