@itcase/ui 1.8.61 → 1.8.63

package/dist/css/components/Search/Search.css

@@ -1,21 +1,20 @@
 .search {
 }
-.search {
-  &_shape {
-    &_rounded {
-      border-radius: var(--search-shape-rounded);
-      position: relative;
-    }
-  }
-}
+
 .search-input {
   position: relative;
   overflow: hidden;
   display: flex;
   justify-content: center;
   &__icon {
-    display: flex;
-    align-items: center;
+    &-before {
+      display: flex;
+      align-items: center;
+    }
+    &-after {
+      display: flex;
+      align-items: center;
+    }
   }
   &__wrapper {
     width: 100%;
@@ -62,31 +61,8 @@
     z-index: 2;
     transform: translate(0, -50%);
   }
-  &&_state_focus,
-  &&_state_filled {
-    ^&__input {
-      &-wrapper {
-        left: 0;
-      }
-    }
-  }
-}
-@keyframes searchPlaceHolderHide {
-  from {
-    opacity: 100%;
-  }
-  to {
-    opacity: 0%;
-  }
-}
-.search-input {
-  &_shape {
-    &_rounded {
-      border-radius: var(--search-input-shape-rounded);
-      position: relative;
-    }
-  }
 }
+
 .search-input {
   &_size {
     @each $size in xxl, xl, l, m, s, xs, xxs {
@@ -98,6 +74,7 @@
     }
   }
 }
+
 .search-input {
   &&_skeleton {
     background-size: 200% !important;
@@ -114,6 +91,7 @@
     }
   }
 }
+
 @keyframes searchInput {
   0% {
     background-position: 200%;
@@ -122,20 +100,14 @@
     background-position: -200%;
   }
 }
+
 .search-result {
   width: 100%;
   &__wrapper {
     width: 100%;
   }
 }
-.search-result {
-  &_shape {
-    &_rounded {
-      border-radius: 6px;
-      position: relative;
-    }
-  }
-}
+
 :root {
   --search-input-xxl-padding: 16px 12px;
   --search-input-xxl-gap: 4px;

package/dist/css/components/Search/css/search-input/search-input.css

@@ -4,8 +4,14 @@
   display: flex;
   justify-content: center;
   &__icon {
-    display: flex;
-    align-items: center;
+    &-before {
+      display: flex;
+      align-items: center;
+    }
+    &-after {
+      display: flex;
+      align-items: center;
+    }
   }
   &__wrapper {
     width: 100%;
@@ -52,21 +58,4 @@
     z-index: 2;
     transform: translate(0, -50%);
   }
-  &&_state_focus,
-  &&_state_filled {
-    ^&__input {
-      &-wrapper {
-        left: 0;
-      }
-    }
-  }
-}
-
-@keyframes searchPlaceHolderHide {
-  from {
-    opacity: 100%;
-  }
-  to {
-    opacity: 0%;
-  }
 }

package/dist/types/components/Badge/appearance/badgeShape.d.ts

@@ -5,7 +5,7 @@ declare const badgeAppearanceShape: {
     rounded: {
         shape: string;
     };
-    roundedL: {
+    roundedS: {
         shape: string;
         shapeStrength: string;
     };
@@ -13,7 +13,7 @@ declare const badgeAppearanceShape: {
         shape: string;
         shapeStrength: string;
     };
-    roundedS: {
+    roundedL: {
         shape: string;
         shapeStrength: string;
     };

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

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

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

@@ -5,7 +5,7 @@ declare const labelAppearanceShape: {
     rounded: {
         shape: string;
     };
-    roundedL: {
+    roundedS: {
         shape: string;
         shapeStrength: string;
     };
@@ -13,7 +13,7 @@ declare const labelAppearanceShape: {
         shape: string;
         shapeStrength: string;
     };
-    roundedS: {
+    roundedL: {
         shape: string;
         shapeStrength: string;
     };

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

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

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

@@ -5,6 +5,8 @@ declare const responseAppearanceConfirm: {
         titleTextSize: string;
         labelTextColor: string;
         descTextSize: string;
+        svgFill: string;
+        svgPathFill: string;
         primaryButtonAppearance: string;
         secondaryButtonAppearance: string;
     };

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

@@ -5,10 +5,10 @@ declare const responseAppearanceSuccess: {
         titleTextSize: string;
         labelTextColor: string;
         descTextSize: string;
-        primaryButtonAppearance: string;
-        secondaryButtonAppearance: string;
         svgFill: string;
         svgPathFill: string;
+        primaryButtonAppearance: string;
+        secondaryButtonAppearance: string;
     };
 };
 export { responseAppearanceSuccess };

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

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

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

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

package/dist/types/components/Search/appearance/searchShape.d.ts

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/ui",
-  "version": "1.8.61",
+  "version": "1.8.63",
   "description": "UI components (Modal, Loader, Popup, etc)",
   "keywords": [
     "Modal",
@@ -103,11 +103,11 @@
     "@emotion/is-prop-valid": "^1.3.1",
     "@itcase/common": "^1.2.28",
     "@itcase/icons": "^1.2.16",
-    "@itcase/storybook-config": "^1.1.50",
+    "@itcase/storybook-config": "^1.1.53",
     "@itcase/tokens-am": "^1.1.19",
     "@itcase/tokens-baikal": "^1.1.17",
     "@itcase/tokens-palette": "^1.1.11",
-    "@storybook/addon-vitest": "^9.0.17",
+    "@storybook/addon-vitest": "^9.0.18",
     "clsx": "^2.1.1",
     "date-fns": "^4.1.0",
     "eslint-import-resolver-alias": "^1.1.2",
@@ -143,7 +143,7 @@
     "@commitlint/cli": "^19.8.1",
     "@commitlint/config-conventional": "^19.8.1",
     "@itcase/config": "^1.0.54",
-    "@itcase/lint": "^1.1.25",
+    "@itcase/lint": "^1.1.26",
     "@itcase/types": "^1.0.6",
     "@rollup/plugin-alias": "^5.1.1",
     "@rollup/plugin-babel": "^6.0.4",
@@ -180,7 +180,7 @@
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-preserve-directives": "^1.1.3",
     "semantic-release": "^24.2.7",
-    "storybook": "^9.0.17",
+    "storybook": "^9.0.18",
     "stylelint": "^16.22.0",
     "typescript": "^5.8.3"
   }

package/dist/css/components/Search/css/search-input/search-input_shape.css

@@ -1,8 +0,0 @@
-.search-input {
-  &_shape {
-    &_rounded {
-      border-radius: var(--search-input-shape-rounded);
-      position: relative;
-    }
-  }
-}

package/dist/css/components/Search/css/search-result/search-result_shape.css

@@ -1,8 +0,0 @@
-.search-result {
-  &_shape {
-    &_rounded {
-      border-radius: 6px;
-      position: relative;
-    }
-  }
-}