@itcase/ui 1.8.62 → 1.8.63

package/dist/components/Search.js

@@ -6,7 +6,7 @@ import clsx from 'clsx';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
-import { I as Icon } from '../Icon_es_CoIszJbl.js';
+import { I as Icon } from '../Icon_es_DrQu8Zp8.js';
 import { T as Text } from '../Text_es_BvmOR4nv.js';
 import { S as Scrollbar } from '../Scrollbar_es_CThJeCLF.js';
 import 'lodash/camelCase';
@@ -79,6 +79,31 @@ var searchAppearanceRequire = {
     },
 };
 
+var searchAppearanceShape = {
+    circular: {
+        shape: 'circular',
+    },
+    rounded: {
+        shape: 'rounded',
+    },
+    roundedS: {
+        shape: 'rounded',
+        shapeStrength: '0_5m',
+    },
+    roundedM: {
+        shape: 'rounded',
+        shapeStrength: '1m',
+    },
+    roundedL: {
+        shape: 'rounded',
+        shapeStrength: '1_5m',
+    },
+    roundedXL: {
+        shape: 'rounded',
+        shapeStrength: '2m',
+    },
+};
+
 var searchAppearanceSize = {
     sizeXXL: {
         size: 'xxl',
@@ -154,7 +179,7 @@ var searchAppearanceSuccess = {
     },
 };
 
-var searchAppearance = __assign(__assign(__assign(__assign(__assign(__assign(__assign({}, searchAppearanceSize), searchAppearanceStyle), searchAppearanceDefault), searchAppearanceError), searchAppearanceSuccess), searchAppearanceRequire), searchAppearanceDisabled);
+var searchAppearance = __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, searchAppearanceSize), searchAppearanceStyle), searchAppearanceDefault), searchAppearanceError), searchAppearanceSuccess), searchAppearanceRequire), searchAppearanceDisabled), searchAppearanceShape);
 
 var searchInputConfig = {
     appearance: searchAppearance,
@@ -163,7 +188,7 @@ var searchInputConfig = {
     },
 };
 var SearchInput = React.forwardRef(function SearchInput(props, ref) {
-    var className = props.className, type = props.type, appearance = props.appearance, dataTour = props.dataTour, placeholder = props.placeholder, value = props.value, before = props.before, after = props.after, isActive = props.isActive, isSkeleton = props.isSkeleton, onChange = props.onChange, onClickClean = props.onClickClean, onFocus = props.onFocus, onKeyDown = props.onKeyDown;
+    var className = props.className, appearance = props.appearance, dataTour = props.dataTour, placeholder = props.placeholder, value = props.value, before = props.before, after = props.after, isActive = props.isActive, isSkeleton = props.isSkeleton, onChange = props.onChange, onClickClean = props.onClickClean, onFocus = props.onFocus, onKeyDown = props.onKeyDown;
     var onChangeSearchInput = useCallback(function (event) {
         onChange && onChange(event.target.value);
     }, [onChange]);
@@ -176,13 +201,13 @@ var SearchInput = React.forwardRef(function SearchInput(props, ref) {
     }, [onChange, onClickClean]);
     var appearanceConfig = useAppearanceConfig(appearance, searchInputConfig);
     var propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
-    var size = propsGenerator.size, fillClass = propsGenerator.fillClass, borderColorClass = propsGenerator.borderColorClass, borderColorHoverClass = propsGenerator.borderColorHoverClass, borderTypeClass = propsGenerator.borderTypeClass, borderWidthClass = propsGenerator.borderWidthClass, iconAfter = propsGenerator.iconAfter, iconAfterFill = propsGenerator.iconAfterFill, iconAfterSize = propsGenerator.iconAfterSize, iconAfterSrc = propsGenerator.iconAfterSrc, iconBefore = propsGenerator.iconBefore, iconBeforeFill = propsGenerator.iconBeforeFill, iconBeforeSize = propsGenerator.iconBeforeSize, iconBeforeSrc = propsGenerator.iconBeforeSrc, iconClear = propsGenerator.iconClear, iconClearFill = propsGenerator.iconClearFill, iconClearSize = propsGenerator.iconClearSize, iconClearSrc = propsGenerator.iconClearSrc, inputFillClass = propsGenerator.inputFillClass, inputShapeClass = propsGenerator.inputShapeClass, inputTextColorClass = propsGenerator.inputTextColorClass, inputTextSizeClass = propsGenerator.inputTextSizeClass, inputTextStyleClass = propsGenerator.inputTextStyleClass, inputTextWeightClass = propsGenerator.inputTextWeightClass, placeholderTextColor = propsGenerator.placeholderTextColor, placeholderTextSize = propsGenerator.placeholderTextSize, placeholderTextStyle = propsGenerator.placeholderTextStyle, placeholderTextWeight = propsGenerator.placeholderTextWeight, shapeClass = propsGenerator.shapeClass, widthClass = propsGenerator.widthClass;
+    var size = propsGenerator.size, fillClass = propsGenerator.fillClass, borderColorClass = propsGenerator.borderColorClass, borderColorHoverClass = propsGenerator.borderColorHoverClass, borderTypeClass = propsGenerator.borderTypeClass, borderWidthClass = propsGenerator.borderWidthClass, iconAfter = propsGenerator.iconAfter, iconAfterFill = propsGenerator.iconAfterFill, iconAfterSize = propsGenerator.iconAfterSize, iconAfterSrc = propsGenerator.iconAfterSrc, iconBefore = propsGenerator.iconBefore, iconBeforeFill = propsGenerator.iconBeforeFill, iconBeforeSize = propsGenerator.iconBeforeSize, iconBeforeSrc = propsGenerator.iconBeforeSrc, iconClear = propsGenerator.iconClear, iconClearFill = propsGenerator.iconClearFill, iconClearSize = propsGenerator.iconClearSize, iconClearSrc = propsGenerator.iconClearSrc, inputFillClass = propsGenerator.inputFillClass, inputTextColorClass = propsGenerator.inputTextColorClass, inputTextSizeClass = propsGenerator.inputTextSizeClass, inputTextStyleClass = propsGenerator.inputTextStyleClass, inputTextWeightClass = propsGenerator.inputTextWeightClass, placeholderTextColor = propsGenerator.placeholderTextColor, placeholderTextSize = propsGenerator.placeholderTextSize, placeholderTextStyle = propsGenerator.placeholderTextStyle, placeholderTextWeight = propsGenerator.placeholderTextWeight, shapeClass = propsGenerator.shapeClass, shapeStrengthClass = propsGenerator.shapeStrengthClass, widthClass = propsGenerator.widthClass;
     var searchInputStyles = useStyles(props).styles;
-    return (jsxs("label", { className: clsx(className, 'search-input', shapeClass && "search_shape_".concat(shapeClass), fillClass && "fill_".concat(fillClass), widthClass && "width_".concat(widthClass), borderColorClass && "border-color_".concat(borderColorClass), borderColorHoverClass && "border-color_hover_".concat(borderColorHoverClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderTypeClass && "border_type_".concat(borderTypeClass), size && "search-input_size_".concat(size), type && "search-input_type_".concat(type), isSkeleton && "search-input_skeleton"), dataTour: dataTour, style: searchInputStyles, children: [before, (iconBefore || iconBeforeSrc) && (jsx(Icon, { className: "search-input__icon search-input__icon-before", size: iconBeforeSize, iconFill: iconBeforeFill, imageSrc: iconBeforeSrc, SvgImage: iconBefore })), jsxs("div", { className: clsx('search-input__wrapper', inputFillClass && "fill_".concat(inputFillClass), inputShapeClass && "search-input_shape_".concat(inputShapeClass)), children: [jsx("input", { className: clsx('search-input__value', (inputTextSizeClass ||
+    return (jsxs("label", { className: clsx(className, 'search-input', shapeClass && "shape_".concat(shapeClass), shapeStrengthClass && "shape-strength_".concat(shapeStrengthClass), fillClass && "fill_".concat(fillClass), widthClass && "width_".concat(widthClass), borderColorClass && "border-color_".concat(borderColorClass), borderColorHoverClass && "border-color_hover_".concat(borderColorHoverClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderTypeClass && "border_type_".concat(borderTypeClass), size && "search-input_size_".concat(size), isSkeleton && "search-input_skeleton"), dataTour: dataTour, style: searchInputStyles, children: [before, (iconBefore || iconBeforeSrc) && (jsx(Icon, { className: "search-input__icon-before", size: iconBeforeSize, iconFill: iconBeforeFill, imageSrc: iconBeforeSrc, SvgImage: iconBefore })), jsxs("div", { className: clsx('search-input__wrapper', inputFillClass && "fill_".concat(inputFillClass)), children: [jsx("input", { className: clsx('search-input__value', (inputTextSizeClass ||
                             inputTextWeightClass ||
                             inputTextColorClass ||
                             inputTextStyleClass) &&
-                            'text', inputTextSizeClass && "text_size_".concat(inputTextSizeClass), inputTextWeightClass && "text-weight_".concat(inputTextWeightClass), inputTextColorClass && "text-color_".concat(inputTextColorClass), inputTextStyleClass && "text-style_".concat(inputTextStyleClass)), type: "text", ref: ref, required: true, value: value, onChange: onChangeSearchInput, onFocus: onFocus, onKeyDown: onKeyDown }), jsx("div", { className: "search-input__placeholder", children: jsx(Text, { className: clsx('search-input__placeholder-value'), size: placeholderTextSize, textColor: placeholderTextColor, textStyle: placeholderTextStyle, textWeight: placeholderTextWeight, children: placeholder }) }), value && (jsx(Icon, { className: clsx('search-input__clear', 'cursor_type_pointer', isActive && "fill_".concat(iconClearFill)), size: iconClearSize, iconFill: iconClearFill, imageSrc: iconClearSrc, SvgImage: iconClear, onClick: onClickClearIcon }))] }), (iconAfter || iconAfterSrc) && (jsx(Icon, { className: "search-input__icon search-input__icon-after", size: iconAfterSize, iconFill: iconAfterFill, imageSrc: iconAfterSrc, SvgImage: iconAfter })), after] }));
+                            'text', inputTextSizeClass && "text_size_".concat(inputTextSizeClass), inputTextWeightClass && "text-weight_".concat(inputTextWeightClass), inputTextColorClass && "text-color_".concat(inputTextColorClass), inputTextStyleClass && "text-style_".concat(inputTextStyleClass)), type: "text", ref: ref, required: true, value: value, onChange: onChangeSearchInput, onFocus: onFocus, onKeyDown: onKeyDown }), jsx("div", { className: "search-input__placeholder", children: jsx(Text, { className: clsx('search-input__placeholder-value'), size: placeholderTextSize, textColor: placeholderTextColor, textStyle: placeholderTextStyle, textWeight: placeholderTextWeight, children: placeholder }) }), value && (jsx(Icon, { className: clsx('search-input__clear', 'cursor_type_pointer', isActive && "fill_".concat(iconClearFill)), size: iconClearSize, iconFill: iconClearFill, imageSrc: iconClearSrc, SvgImage: iconClear, onClick: onClickClearIcon }))] }), (iconAfter || iconAfterSrc) && (jsx(Icon, { className: "search-input__icon-after", size: iconAfterSize, iconFill: iconAfterFill, imageSrc: iconAfterSrc, SvgImage: iconAfter })), after] }));
 });
 // @ts-expect-error
 SearchInput.DEFAULT_REF_STATE = {
@@ -190,10 +215,10 @@ SearchInput.DEFAULT_REF_STATE = {
 };
 
 var SearchResult = React.forwardRef(function SearchResult(props) {
-    var className = props.className, type = props.type, scrollHeight = props.scrollHeight, before = props.before, after = props.after, children = props.children;
+    var className = props.className, scrollHeight = props.scrollHeight, before = props.before, after = props.after, children = props.children;
     var propsGenerator = useDevicePropsGenerator(props);
-    var fillClass = propsGenerator.fillClass;
-    return (jsx("div", { className: clsx(className, 'search-result', fillClass && "fill_".concat(fillClass), type && "search-result_type_".concat(type)), children: jsxs("div", { className: "search-result__wrapper", children: [before, React.Children.toArray(children).filter(Boolean).length && (jsx(Scrollbar, { scrollHeight: scrollHeight ? "".concat(scrollHeight, "px") : '300px', children: children })), after] }) }));
+    var fillClass = propsGenerator.fillClass, shapeClass = propsGenerator.shapeClass, shapeStrengthClass = propsGenerator.shapeStrengthClass;
+    return (jsx("div", { className: clsx(className, 'search-result', shapeClass && "shape_".concat(shapeClass), shapeStrengthClass && "shape-strength_".concat(shapeStrengthClass), fillClass && "fill_".concat(fillClass)), children: jsxs("div", { className: "search-result__wrapper", children: [before, React.Children.toArray(children).filter(Boolean).length && (jsx(Scrollbar, { scrollHeight: scrollHeight ? "".concat(scrollHeight, "px") : '300px', children: children })), after] }) }));
 });
 
 export { SearchInput, SearchResult, searchAppearance, searchInputConfig };

package/dist/components/Segmented.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import React, { useRef, useMemo, createRef, useCallback, useEffect } from 'react';
 import clsx from 'clsx';
-import { I as Icon } from '../Icon_es_CoIszJbl.js';
+import { I as Icon } from '../Icon_es_DrQu8Zp8.js';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { T as Text } from '../Text_es_BvmOR4nv.js';

package/dist/components/Select.js

@@ -1,7 +1,7 @@
 import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import Select, { components } from 'react-select';
-import { I as Icon, B as Badge } from '../Icon_es_CoIszJbl.js';
+import { I as Icon, B as Badge } from '../Icon_es_DrQu8Zp8.js';
 import React, { useRef, useCallback, useEffect, useMemo } from 'react';
 import clsx from 'clsx';
 import CreatableSelect from 'react-select/creatable';

package/dist/components/Swiper.js

@@ -4,7 +4,7 @@ import clsx from 'clsx';
 import { Swiper as Swiper$1, SwiperSlide } from 'swiper/react';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
-import { b as Title } from '../Icon_es_CoIszJbl.js';
+import { b as Title } from '../Icon_es_DrQu8Zp8.js';
 import '../tslib.es6_es_Bwu1Cn-t.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';

package/dist/components/Tab.js

@@ -4,7 +4,7 @@ import clsx from 'clsx';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
-import { B as Badge, I as Icon } from '../Icon_es_CoIszJbl.js';
+import { B as Badge, I as Icon } from '../Icon_es_DrQu8Zp8.js';
 import { D as Divider } from '../Divider_es_CiRU0sTz.js';
 import { L as Link } from '../Link_es_BnUIX0QT.js';
 import { T as Text } from '../Text_es_BvmOR4nv.js';

package/dist/components/Tile.js

@@ -3,7 +3,7 @@ import clsx from 'clsx';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
-import { b as Title, B as Badge, I as Icon } from '../Icon_es_CoIszJbl.js';
+import { b as Title, B as Badge, I as Icon } from '../Icon_es_DrQu8Zp8.js';
 import { T as Text } from '../Text_es_BvmOR4nv.js';
 import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';
 import 'react';

package/dist/components/Title.js

@@ -1,4 +1,4 @@
-export { b as Title, d as titleAppearance, c as titleConfig } from '../Icon_es_CoIszJbl.js';
+export { b as Title, d as titleAppearance, c as titleConfig } from '../Icon_es_DrQu8Zp8.js';
 import '../tslib.es6_es_Bwu1Cn-t.js';
 import 'react/jsx-runtime';
 import 'react';

package/dist/components/Tooltip.js

@@ -1,4 +1,4 @@
-export { T as Tooltip, a as tooltipAppearance, t as tooltipConfig } from '../Icon_es_CoIszJbl.js';
+export { T as Tooltip, a as tooltipAppearance, t as tooltipConfig } from '../Icon_es_DrQu8Zp8.js';
 import '../tslib.es6_es_Bwu1Cn-t.js';
 import 'react/jsx-runtime';
 import 'react';

package/dist/components/Warning.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useState, Fragment } from 'react';
 import clsx from 'clsx';
-import { I as Icon } from '../Icon_es_CoIszJbl.js';
+import { I as Icon } from '../Icon_es_DrQu8Zp8.js';
 import { T as Text } from '../Text_es_BvmOR4nv.js';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';

package/dist/css/components/Badge/Badge.css

@@ -30,16 +30,6 @@
     background-position: -200%;
   }
 }
-.badge {
-  &_shape {
-    &_rounded {
-      border-radius: var(--badge-shape-rounded, 6px);
-    }
-    &_circular {
-      border-radius: 50%;
-    }
-  }
-}
 .badge {
   &_size {
     @each $size in xxs, xs, s, m, l, xl, xxl {

package/dist/css/components/Label/Label.css

@@ -35,21 +35,6 @@
     background-position: -200%;
   }
 }
-.label {
-  &_shape {
-    &_rounded {
-      border-radius: var(--label-shape-rounded-default);
-      @each $size in xxl, xl, l, m, s, xs, xxs {
-        &.label_size_$(size) {
-          border-radius: var(--label-size-$(size)-shape-rounded);
-        }
-      }
-    }
-    &_circular {
-      border-radius: 9999px;
-    }
-  }
-}
 .label {
   &_size {
     @each $size in xxl, xl, l, m, s, xs, xxs {
@@ -80,16 +65,6 @@ div.label {
   }
 }
 :root {
-  --label-shape-rounded-default: 6px;
-
-  --label-size-xxl-shape-rounded: 12px;
-  --label-size-xl-shape-rounded: 6px;
-  --label-size-l-shape-rounded: 6px;
-  --label-size-m-shape-rounded: 12px;
-  --label-size-s-shape-rounded: 12px;
-  --label-size-xs-shape-rounded: 12px;
-  --label-size-xxs-shape-rounded: 12px;
-
   --label-size-xxl-padding: 10px 10px;
   --label-size-xxl-gap: 8px;
   --label-size-xl-padding: 7px 8px;

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/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/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.62",
+  "version": "1.8.63",
   "description": "UI components (Modal, Loader, Popup, etc)",
   "keywords": [
     "Modal",

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;
-    }
-  }
-}