@itcase/ui-web 1.9.81 → 1.9.83

package/dist/types/components/Search/SearchInput.js

@@ -25,9 +25,9 @@ const SearchInput = React.forwardRef(function SearchInput(props, ref) {
     }, [onChange, onClickClean]);
     const appearanceConfig = useAppearanceConfig(appearance, searchInputConfig, isDisabled);
     const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
-    const { size, fillClass, borderColorClass, borderColorHoverClass, borderTypeClass, borderWidthClass, iconAfter, iconAfterFill, iconAfterSize, iconAfterSrc, iconBefore, iconBeforeFill, iconBeforeSize, iconBeforeSrc, iconClear, iconClearFill, iconClearSize, iconClearSrc, inputFillClass, inputTextColorClass, inputTextSizeClass, inputTextStyleClass, inputTextWeightClass, placeholderTextColor, placeholderTextSize, placeholderTextStyle, placeholderTextWeight, shapeClass, shapeStrengthClass, widthClass, } = propsGenerator;
+    const { size, fillClass, borderColorClass, borderColorHoverClass, borderTypeClass, borderWidthClass, iconAfter, iconAfterFill, iconAfterSize, iconAfterSrc, iconBefore, iconBeforeFill, iconBeforeSize, iconBeforeSrc, iconClear, iconClearFill, iconClearSize, iconClearSrc, inputFillClass, inputTextColorClass, inputTextSizeClass, inputTextStyleClass, inputTextWeightClass, placeholderTextColor, placeholderTextSize, placeholderTextStyle, placeholderTextWeight, shapeClass, widthClass, } = propsGenerator;
     const { styles: searchInputStyles } = useStyles(props);
-    return (_jsxs("label", { className: clsx(className, 'search-input', shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`, fillClass && `fill_${fillClass}`, widthClass && `width_${widthClass}`, borderColorClass && `border-color_${borderColorClass}`, borderColorHoverClass && `border-color_hover_${borderColorHoverClass}`, borderWidthClass && `border-width_${borderWidthClass}`, borderTypeClass && `border_type_${borderTypeClass}`, size && `search-input_size_${size}`, isSkeleton && `skeleton`), "data-testid": dataTestId, "data-tour": 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_${inputFillClass}`), children: [_jsx("input", { className: clsx('search-input__value', (inputTextSizeClass ||
+    return (_jsxs("label", { className: clsx(className, 'search-input', shapeClass && `shape_${shapeClass}`, fillClass && `fill_${fillClass}`, widthClass && `width_${widthClass}`, borderColorClass && `border-color_${borderColorClass}`, borderColorHoverClass && `border-color_hover_${borderColorHoverClass}`, borderWidthClass && `border-width_${borderWidthClass}`, borderTypeClass && `border_type_${borderTypeClass}`, size && `search-input_size_${size}`, isSkeleton && `skeleton`), "data-testid": dataTestId, "data-tour": 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_${inputFillClass}`), children: [_jsx("input", { className: clsx('search-input__value', (inputTextSizeClass ||
                             inputTextWeightClass ||
                             inputTextColorClass ||
                             inputTextStyleClass) &&

package/dist/types/components/Search/SearchResult.d.ts

@@ -2,7 +2,6 @@ import React from 'react';
 declare const SearchResult: React.ForwardRefExoticComponent<{
     fill?: import("@itcase/types-ui").FillProps;
     shape?: import("@itcase/types-ui").ShapeProps;
-    shapeStrength?: import("@itcase/types-ui").ShapeStrengthProps;
 } & import("@itcase/ui-core/hooks").StyleAttributes & {
     after?: React.ReactNode;
     before?: React.ReactNode;

package/dist/types/components/Search/SearchResult.js

@@ -6,7 +6,7 @@ import { Scrollbar } from 'src/components/Scrollbar';
 const SearchResult = React.forwardRef(function SearchResult(props) {
     const { className, dataTestId, dataTour, scrollHeight, before, after, children, } = props;
     const propsGenerator = useDevicePropsGenerator(props);
-    const { fillClass, shapeClass, shapeStrengthClass } = propsGenerator;
-    return (_jsx("div", { className: clsx(className, 'search-result', shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`, fillClass && `fill_${fillClass}`), "data-testid": dataTestId, "data-tour": dataTour, children: _jsxs("div", { className: "search-result__wrapper", children: [before, React.Children.toArray(children).filter(Boolean).length && (_jsx(Scrollbar, { scrollHeight: scrollHeight || 300, children: children })), after] }) }));
+    const { fillClass, shapeClass } = propsGenerator;
+    return (_jsx("div", { className: clsx(className, 'search-result', shapeClass && `shape_${shapeClass}`, fillClass && `fill_${fillClass}`), "data-testid": dataTestId, "data-tour": dataTour, children: _jsxs("div", { className: "search-result__wrapper", children: [before, React.Children.toArray(children).filter(Boolean).length && (_jsx(Scrollbar, { scrollHeight: scrollHeight || 300, children: children })), after] }) }));
 });
 export { SearchResult };

package/dist/types/components/Search/appearance/searchShape.js

@@ -7,19 +7,15 @@ const searchAppearanceShape = {
     },
     roundedXL: {
         shape: 'rounded',
-        shapeStrength: '2m',
     },
     roundedL: {
         shape: 'rounded',
-        shapeStrength: '1_5m',
     },
     roundedM: {
         shape: 'rounded',
-        shapeStrength: '1m',
     },
     roundedS: {
         shape: 'rounded',
-        shapeStrength: '0_5m',
     },
 };
 export { searchAppearanceShape };

package/dist/types/components/Search/stories/SearchInputDefault.stories.d.ts

@@ -30,7 +30,6 @@ declare const meta: {
         placeholderTextStyle?: import("../../Text").TextProps["textStyle"];
         placeholderTextWeight?: import("../../Text").TextProps["textWeight"];
         shape?: import("@itcase/types-ui").ShapeProps;
-        shapeStrength?: import("@itcase/types-ui").ShapeStrengthProps;
         size?: import("@itcase/types-ui").SizeProps;
         width?: import("@itcase/types-ui").WidthProps;
     } & import("@itcase/ui-core/hooks").StyleAttributes & {

package/dist/types/components/Search/stories/SearchInputDemo.stories.d.ts

@@ -30,7 +30,6 @@ declare const meta: {
         placeholderTextStyle?: import("../../Text").TextProps["textStyle"];
         placeholderTextWeight?: import("../../Text").TextProps["textWeight"];
         shape?: import("@itcase/types-ui").ShapeProps;
-        shapeStrength?: import("@itcase/types-ui").ShapeStrengthProps;
         size?: import("@itcase/types-ui").SizeProps;
         width?: import("@itcase/types-ui").WidthProps;
     } & import("@itcase/ui-core/hooks").StyleAttributes & {

package/dist/types/components/Search/stories/SearchInputDisabled.stories.d.ts

@@ -30,7 +30,6 @@ declare const meta: {
         placeholderTextStyle?: import("../../Text").TextProps["textStyle"];
         placeholderTextWeight?: import("../../Text").TextProps["textWeight"];
         shape?: import("@itcase/types-ui").ShapeProps;
-        shapeStrength?: import("@itcase/types-ui").ShapeStrengthProps;
         size?: import("@itcase/types-ui").SizeProps;
         width?: import("@itcase/types-ui").WidthProps;
     } & import("@itcase/ui-core/hooks").StyleAttributes & {

package/dist/types/components/Search/stories/SearchInputError.stories.d.ts

@@ -30,7 +30,6 @@ declare const meta: {
         placeholderTextStyle?: import("../../Text").TextProps["textStyle"];
         placeholderTextWeight?: import("../../Text").TextProps["textWeight"];
         shape?: import("@itcase/types-ui").ShapeProps;
-        shapeStrength?: import("@itcase/types-ui").ShapeStrengthProps;
         size?: import("@itcase/types-ui").SizeProps;
         width?: import("@itcase/types-ui").WidthProps;
     } & import("@itcase/ui-core/hooks").StyleAttributes & {

package/dist/types/components/Search/stories/SearchInputRequire.stories.d.ts

@@ -30,7 +30,6 @@ declare const meta: {
         placeholderTextStyle?: import("../../Text").TextProps["textStyle"];
         placeholderTextWeight?: import("../../Text").TextProps["textWeight"];
         shape?: import("@itcase/types-ui").ShapeProps;
-        shapeStrength?: import("@itcase/types-ui").ShapeStrengthProps;
         size?: import("@itcase/types-ui").SizeProps;
         width?: import("@itcase/types-ui").WidthProps;
     } & import("@itcase/ui-core/hooks").StyleAttributes & {

package/dist/types/components/Search/stories/SearchInputShape.stories.d.ts

@@ -30,7 +30,6 @@ declare const meta: {
         placeholderTextStyle?: import("../../Text").TextProps["textStyle"];
         placeholderTextWeight?: import("../../Text").TextProps["textWeight"];
         shape?: import("@itcase/types-ui").ShapeProps;
-        shapeStrength?: import("@itcase/types-ui").ShapeStrengthProps;
         size?: import("@itcase/types-ui").SizeProps;
         width?: import("@itcase/types-ui").WidthProps;
     } & import("@itcase/ui-core/hooks").StyleAttributes & {

package/dist/types/components/Search/stories/SearchInputSize.stories.d.ts

@@ -30,7 +30,6 @@ declare const meta: {
         placeholderTextStyle?: import("../../Text").TextProps["textStyle"];
         placeholderTextWeight?: import("../../Text").TextProps["textWeight"];
         shape?: import("@itcase/types-ui").ShapeProps;
-        shapeStrength?: import("@itcase/types-ui").ShapeStrengthProps;
         size?: import("@itcase/types-ui").SizeProps;
         width?: import("@itcase/types-ui").WidthProps;
     } & import("@itcase/ui-core/hooks").StyleAttributes & {

package/dist/types/components/Search/stories/SearchInputStyle.stories.d.ts

@@ -30,7 +30,6 @@ declare const meta: {
         placeholderTextStyle?: import("../../Text").TextProps["textStyle"];
         placeholderTextWeight?: import("../../Text").TextProps["textWeight"];
         shape?: import("@itcase/types-ui").ShapeProps;
-        shapeStrength?: import("@itcase/types-ui").ShapeStrengthProps;
         size?: import("@itcase/types-ui").SizeProps;
         width?: import("@itcase/types-ui").WidthProps;
     } & import("@itcase/ui-core/hooks").StyleAttributes & {

package/dist/types/components/Search/stories/SearchInputSuccess.stories.d.ts

@@ -30,7 +30,6 @@ declare const meta: {
         placeholderTextStyle?: import("../../Text").TextProps["textStyle"];
         placeholderTextWeight?: import("../../Text").TextProps["textWeight"];
         shape?: import("@itcase/types-ui").ShapeProps;
-        shapeStrength?: import("@itcase/types-ui").ShapeStrengthProps;
         size?: import("@itcase/types-ui").SizeProps;
         width?: import("@itcase/types-ui").WidthProps;
     } & import("@itcase/ui-core/hooks").StyleAttributes & {

package/dist/types/components/Segmented/Segmented.interface.d.ts

@@ -1,4 +1,4 @@
-import { AppearanceConfig, AppearanceKeysDefaultState, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceStateDefault, FillActiveHoverProps, FillActiveProps, FillHoverProps, FillProps, ShapeProps, ShapeStrengthProps, SizeProps, WidthProps } from '@itcase/types-ui';
+import { AppearanceConfig, AppearanceKeysDefaultState, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceStateDefault, FillActiveHoverProps, FillActiveProps, FillHoverProps, FillProps, ShapeProps, SizeProps, WidthProps } from '@itcase/types-ui';
 import { StyleAttributes } from '@itcase/ui-core/hooks';
 import { IconProps } from 'src/components/Icon/Icon.interface';
 import { TextProps } from 'src/components/Text/Text.interface';
@@ -23,7 +23,6 @@ type SegmentedAppearanceProps = {
     labelTextSize?: TextProps['size'];
     labelTextWrap?: TextProps['textWrap'];
     shape?: ShapeProps;
-    shapeStrength?: ShapeStrengthProps;
     size?: SizeProps;
     width?: WidthProps;
 };

package/dist/types/components/Segmented/Segmented.js

@@ -32,8 +32,8 @@ const Segmented = (props) => {
     }, [activeSegment, segmentsRefs]);
     const appearanceConfig = useAppearanceConfig(appearance, segmentedConfig, isDisabled);
     const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
-    const { fillActiveClass, fillActiveHoverClass, fillClass, fillHoverClass, labelTextActiveColor, labelTextActiveColorHover, labelTextColor, labelTextColorHover, labelTextSize, labelTextWrap, borderColorClass, borderTypeClass, borderWidthClass, iconFill, iconFillActive, iconFillDisabled, iconSize, indicatorFillClass, shapeClass, shapeStrengthClass, sizeClass, widthClass, } = propsGenerator;
-    return (_jsx("div", { className: clsx(className, 'segmented', shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`, fillClass && `fill_${fillClass}`, widthClass && `segmented_width_${widthClass}`, sizeClass && `segmented_size_${sizeClass}`, borderColorClass && `border-color_${borderColorClass}`, borderWidthClass && `border-width_${borderWidthClass}`, borderTypeClass && `border_type_${borderTypeClass}`, isSkeleton && `skeleton`), ref: controlRef, "data-testid": dataTestId, "data-tour": dataTour, children: _jsx("div", { className: "segmented__wrapper", children: _jsxs("div", { className: clsx('segmented__wrapper-inner'), children: [segments?.map((item) => {
+    const { fillActiveClass, fillActiveHoverClass, fillClass, fillHoverClass, labelTextActiveColor, labelTextActiveColorHover, labelTextColor, labelTextColorHover, labelTextSize, labelTextWrap, borderColorClass, borderTypeClass, borderWidthClass, iconFill, iconFillActive, iconFillDisabled, iconSize, indicatorFillClass, shapeClass, sizeClass, widthClass, } = propsGenerator;
+    return (_jsx("div", { className: clsx(className, 'segmented', shapeClass && `shape_${shapeClass}`, fillClass && `fill_${fillClass}`, widthClass && `segmented_width_${widthClass}`, sizeClass && `segmented_size_${sizeClass}`, borderColorClass && `border-color_${borderColorClass}`, borderWidthClass && `border-width_${borderWidthClass}`, borderTypeClass && `border_type_${borderTypeClass}`, isSkeleton && `skeleton`), ref: controlRef, "data-testid": dataTestId, "data-tour": dataTour, children: _jsx("div", { className: "segmented__wrapper", children: _jsxs("div", { className: clsx('segmented__wrapper-inner'), children: [segments?.map((item) => {
                         const isActive = activeSegment.value === item.value;
                         return (_jsx("div", { className: clsx('segmented__item', !item.label && 'segmented__item_icon', sizeClass && `segmented__item_size_${sizeClass}`, isActive && 'segmented__item_active', !isActive && isDisabled && 'segmented__item_state_disabled', isActive &&
                                 isDisabled &&

package/dist/types/components/Segmented/appearance/segmentedShape.js

@@ -7,19 +7,15 @@ const segmentedAppearanceShape = {
     },
     roundedXL: {
         shape: 'rounded',
-        shapeStrength: '2m',
     },
     roundedL: {
         shape: 'rounded',
-        shapeStrength: '1_5m',
     },
     roundedM: {
         shape: 'rounded',
-        shapeStrength: '1m',
     },
     roundedS: {
         shape: 'rounded',
-        shapeStrength: '0_5m',
     },
 };
 export { segmentedAppearanceShape };

package/dist/types/components/Select/Select.interface.d.ts

@@ -2,7 +2,7 @@ import type { ReactNode } from 'react';
 import { ActionMeta, GroupBase, OnChangeValue, PropsValue, SingleValue } from 'react-select';
 import { Props } from 'react-select/base';
 import { Option as SelectOption } from '@itcase/types-core';
-import { AppearanceConfig, AppearanceKeysState, AppearanceSizeKey, BorderColorHoverProps, BorderColorProps, BorderTypeProps, CompositeAppearanceStateDefault, DirectionProps, FillHoverProps, FillProps, ShapeProps, ShapeStrengthProps, SizeProps, WidthProps } from '@itcase/types-ui';
+import { AppearanceConfig, AppearanceKeysState, AppearanceSizeKey, BorderColorHoverProps, BorderColorProps, BorderTypeProps, CompositeAppearanceStateDefault, DirectionProps, FillHoverProps, FillProps, ShapeProps, SizeProps, WidthProps } from '@itcase/types-ui';
 import { BadgeProps } from 'src/components/Badge/Badge.interface';
 import { DividerProps } from 'src/components/Divider/Divider.interface';
 import { DropdownProps } from 'src/components/Dropdown/Dropdown.interface';
@@ -58,7 +58,6 @@ type SelectAppearanceProps<Option> = {
     inputCaretColor?: string;
     inputFill?: FillProps;
     inputShape?: ShapeProps;
-    inputShapeStrength?: ShapeStrengthProps;
     inputTextColor?: string;
     inputTextSize?: TextProps['size'];
     inputValue?: string;
@@ -74,7 +73,6 @@ type SelectAppearanceProps<Option> = {
     menuIsOpen?: boolean;
     menuItemSize?: string;
     menuShape?: ShapeProps;
-    menuShapeStrength?: ShapeStrengthProps;
     minWidth?: string;
     multipleItemFill?: FillProps;
     multipleItemFillHover?: FillHoverProps;
@@ -109,7 +107,6 @@ type SelectAppearanceProps<Option> = {
     optionSelectedIconSize?: IconProps['iconSize'];
     optionSelectedIconSrc?: IconProps['imageSrc'];
     optionShape?: ShapeProps;
-    optionShapeStrength?: ShapeStrengthProps;
     optionTextColor?: string;
     optionTextColorActive?: string;
     optionTextColorDisabled?: string;
@@ -119,7 +116,6 @@ type SelectAppearanceProps<Option> = {
     placeholderTextSize?: TextProps['size'];
     set?: string;
     shape?: ShapeProps;
-    shapeStrength?: ShapeStrengthProps;
     showBadge?: boolean;
     showDivider?: boolean;
     size?: SizeProps;

package/dist/types/components/Select/SelectContainer.js

@@ -73,8 +73,8 @@ const SelectContainer = React.forwardRef(function SelectContainer(props, ref) {
     }), [minWidth, width]);
     const appearanceConfig = useAppearanceConfig(appearance, selectConfig, isDisabled);
     const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
-    const { fillClass, fillHoverClass, borderColorClass, borderColorHoverClass, elevation, badgeAppearance, badgeAppearanceSize, badgeTextSize, clearIcon, clearIconFill, dividerFill, dividerSize, dropdownFillHover, dropdownIcon, dropdownIconFill, dropdownIconShape, groupFillClass, groupTextColorClass, groupTextSizeClass, groupTextWeightClass, inputCaretColorClass, inputTextColorClass, inputTextSizeClass, loaderAppearance, loadingMessageTextColor, loadingMessageTextSize, menuFillClass, multipleItemFill, multipleItemFillHover, multipleItemIcon, multipleItemIconFill, multipleItemShapeRadius, multipleItemTextColorClass, multipleItemTextSizeClass, noOptionsTextColorClass, noOptionsTextSizeClass, optionBorderClass, optionBorderTypeClass, optionFillActiveClass, optionFillActiveDisabledClass, optionFillActiveHoverClass, optionFillClass, optionFillDisabledClass, optionFillHoverClass, optionSelectedIcon, optionSelectedIconFillIcon, optionSelectedIconSize, optionSelectedIconSrc, optionTextColorActiveClass, optionTextColorClass, optionTextColorDisabled, optionTextSizeClass, placeholderTextColor, placeholderTextSize, shapeClass, shapeStrengthClass, sizeClass, widthClass, } = propsGenerator;
-    return (_jsx(SelectComponent, { className: clsx(className, 'select', isMulti && 'select_multi', shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`, fillClass && `fill_${fillClass}`, fillHoverClass && `fill_hover_${fillHoverClass}`, borderColorClass && `border-color_${borderColorClass}`, borderColorHoverClass && `border-color_hover_${borderColorHoverClass}`, sizeClass && `select_size_${sizeClass}`, hideValueContainer && 'select_state_hide-value-container', set && `select_set_${set}`, widthClass && `select_width_${widthClass}`, isSkeleton && 'skeleton'), ref: selectRef, elevation: elevation, badgeAppearance: badgeAppearance, badgeAppearanceSize: badgeAppearanceSize, badgeSize: badgeSize, badgeTextSize: badgeTextSize, classNamePrefix: "select", clearIcon: clearIcon, clearIconFill: clearIconFill, components: {
+    const { fillClass, fillHoverClass, borderColorClass, borderColorHoverClass, elevation, badgeAppearance, badgeAppearanceSize, badgeTextSize, clearIcon, clearIconFill, dividerFill, dividerSize, dropdownFillHover, dropdownIcon, dropdownIconFill, dropdownIconShape, groupFillClass, groupTextColorClass, groupTextSizeClass, groupTextWeightClass, inputCaretColorClass, inputTextColorClass, inputTextSizeClass, loaderAppearance, loadingMessageTextColor, loadingMessageTextSize, menuFillClass, multipleItemFill, multipleItemFillHover, multipleItemIcon, multipleItemIconFill, multipleItemShapeRadius, multipleItemTextColorClass, multipleItemTextSizeClass, noOptionsTextColorClass, noOptionsTextSizeClass, optionBorderClass, optionBorderTypeClass, optionFillActiveClass, optionFillActiveDisabledClass, optionFillActiveHoverClass, optionFillClass, optionFillDisabledClass, optionFillHoverClass, optionSelectedIcon, optionSelectedIconFillIcon, optionSelectedIconSize, optionSelectedIconSrc, optionTextColorActiveClass, optionTextColorClass, optionTextColorDisabled, optionTextSizeClass, placeholderTextColor, placeholderTextSize, shapeClass, sizeClass, widthClass, } = propsGenerator;
+    return (_jsx(SelectComponent, { className: clsx(className, 'select', isMulti && 'select_multi', shapeClass && `shape_${shapeClass}`, fillClass && `fill_${fillClass}`, fillHoverClass && `fill_hover_${fillHoverClass}`, borderColorClass && `border-color_${borderColorClass}`, borderColorHoverClass && `border-color_hover_${borderColorHoverClass}`, sizeClass && `select_size_${sizeClass}`, hideValueContainer && 'select_state_hide-value-container', set && `select_set_${set}`, widthClass && `select_width_${widthClass}`, isSkeleton && 'skeleton'), ref: selectRef, elevation: elevation, badgeAppearance: badgeAppearance, badgeAppearanceSize: badgeAppearanceSize, badgeSize: badgeSize, badgeTextSize: badgeTextSize, classNamePrefix: "select", clearIcon: clearIcon, clearIconFill: clearIconFill, components: {
             IndicatorSeparator: () => null,
             ClearIndicator: SelectClearIndicator,
             Control: SelectControl,
@@ -94,6 +94,6 @@ const SelectContainer = React.forwardRef(function SelectContainer(props, ref) {
             Placeholder: SelectPlaceholder,
             SingleValue: SelectSingleValue,
             ValueContainer: SelectValueContainer,
-        }, "data-testid": dataTestId, "data-tour": dataTour, defaultValue: defaultValue || initialValue, dividerDirection: dividerDirection, dividerFill: dividerFill, dividerSize: dividerSize, dropdownFillHover: dropdownFillHover, dropdownIcon: dropdownIcon, dropdownIconFill: dropdownIconFill, dropdownIconShape: dropdownIconShape, filterOption: filterOption, groupFill: groupFillClass, groupTextColor: groupTextColorClass, groupTextSize: groupTextSizeClass, groupTextWeight: groupTextWeightClass, hideSelectedOptions: hideSelectedOptions ?? false, inputAfter: inputAfter, inputBefore: inputBefore, inputCaretColor: inputCaretColorClass, inputShape: shapeClass, inputShapeStrength: shapeStrengthClass, inputTextColor: inputTextColorClass, inputTextSize: inputTextSizeClass, instanceId: instanceId, loaderAppearance: loaderAppearance, loadingMessageText: loadingMessageText, loadingMessageTextColor: loadingMessageTextColor, loadingMessageTextSize: loadingMessageTextSize, menuAfter: menuAfter, menuBefore: menuBefore, menuFill: menuFillClass, menuIsOpen: menuIsOpen, menuItemSize: menuItemSize, menuShape: shapeClass, menuShapeStrength: shapeStrengthClass, multipleItemFill: multipleItemFill, multipleItemFillHover: multipleItemFillHover, multipleItemIcon: multipleItemIcon, multipleItemIconFill: multipleItemIconFill, multipleItemShapeRadius: multipleItemShapeRadius, multipleItemSize: sizeClass, multipleItemTextColor: multipleItemTextColorClass, multipleItemTextSize: multipleItemTextSizeClass, multiValueMaxCount: multiValueMaxCount, noOptionBorder: optionBorderClass && `border-color_${optionBorderClass}`, noOptionBorderType: optionBorderTypeClass && `border_type_${optionBorderTypeClass}`, noOptionsFill: optionFillClass && `fill_${optionFillClass}`, noOptionsSearchText: noOptionsSearchText, noOptionsText: noOptionsText, noOptionsTextColor: noOptionsTextColorClass, noOptionsTextSize: noOptionsTextSizeClass, optionAfter: optionAfter, optionBefore: optionBefore, optionBorder: optionBorderClass, optionBorderType: optionBorderTypeClass, optionFill: optionFillClass, optionFillActive: optionFillActiveClass, optionFillActiveDisabledClass: optionFillActiveDisabledClass, optionFillActiveHover: optionFillActiveHoverClass, optionFillDisabled: optionFillDisabledClass, optionFillHover: optionFillHoverClass, options: options, optionSelectedIcon: optionSelectedIcon, optionSelectedIconFillIcon: optionSelectedIconFillIcon, optionSelectedIconSize: optionSelectedIconSize, optionSelectedIconSrc: optionSelectedIconSrc, optionShape: shapeClass, optionShapeStrength: shapeStrengthClass, optionTextColor: optionTextColorClass, optionTextColorActive: optionTextColorActiveClass, optionTextColorDisabled: optionTextColorDisabled, optionTextSize: optionTextSizeClass, placeholder: placeholder, placeholderTextColor: placeholderTextColor, placeholderTextSize: placeholderTextSize, showBadge: showBadge, showDivider: showDivider, styles: clearStyle, value: value, before: before, after: after, openMenuOnClick: openMenuOnClick, closeMenuOnSelect: closeMenuOnSelect ?? true, isDisabled: isDisabled, isClearable: isClearable ?? false, isLoading: isLoading, isMulti: isMulti ?? false, isSearchable: isSearchable ?? false, set: set, onChange: onChange, onInputChange: onInputChange }));
+        }, "data-testid": dataTestId, "data-tour": dataTour, defaultValue: defaultValue || initialValue, dividerDirection: dividerDirection, dividerFill: dividerFill, dividerSize: dividerSize, dropdownFillHover: dropdownFillHover, dropdownIcon: dropdownIcon, dropdownIconFill: dropdownIconFill, dropdownIconShape: dropdownIconShape, filterOption: filterOption, groupFill: groupFillClass, groupTextColor: groupTextColorClass, groupTextSize: groupTextSizeClass, groupTextWeight: groupTextWeightClass, hideSelectedOptions: hideSelectedOptions ?? false, inputAfter: inputAfter, inputBefore: inputBefore, inputCaretColor: inputCaretColorClass, inputShape: shapeClass, inputTextColor: inputTextColorClass, inputTextSize: inputTextSizeClass, instanceId: instanceId, loaderAppearance: loaderAppearance, loadingMessageText: loadingMessageText, loadingMessageTextColor: loadingMessageTextColor, loadingMessageTextSize: loadingMessageTextSize, menuAfter: menuAfter, menuBefore: menuBefore, menuFill: menuFillClass, menuIsOpen: menuIsOpen, menuItemSize: menuItemSize, menuShape: shapeClass, multipleItemFill: multipleItemFill, multipleItemFillHover: multipleItemFillHover, multipleItemIcon: multipleItemIcon, multipleItemIconFill: multipleItemIconFill, multipleItemShapeRadius: multipleItemShapeRadius, multipleItemSize: sizeClass, multipleItemTextColor: multipleItemTextColorClass, multipleItemTextSize: multipleItemTextSizeClass, multiValueMaxCount: multiValueMaxCount, noOptionBorder: optionBorderClass && `border-color_${optionBorderClass}`, noOptionBorderType: optionBorderTypeClass && `border_type_${optionBorderTypeClass}`, noOptionsFill: optionFillClass && `fill_${optionFillClass}`, noOptionsSearchText: noOptionsSearchText, noOptionsText: noOptionsText, noOptionsTextColor: noOptionsTextColorClass, noOptionsTextSize: noOptionsTextSizeClass, optionAfter: optionAfter, optionBefore: optionBefore, optionBorder: optionBorderClass, optionBorderType: optionBorderTypeClass, optionFill: optionFillClass, optionFillActive: optionFillActiveClass, optionFillActiveDisabledClass: optionFillActiveDisabledClass, optionFillActiveHover: optionFillActiveHoverClass, optionFillDisabled: optionFillDisabledClass, optionFillHover: optionFillHoverClass, options: options, optionSelectedIcon: optionSelectedIcon, optionSelectedIconFillIcon: optionSelectedIconFillIcon, optionSelectedIconSize: optionSelectedIconSize, optionSelectedIconSrc: optionSelectedIconSrc, optionShape: shapeClass, optionTextColor: optionTextColorClass, optionTextColorActive: optionTextColorActiveClass, optionTextColorDisabled: optionTextColorDisabled, optionTextSize: optionTextSizeClass, placeholder: placeholder, placeholderTextColor: placeholderTextColor, placeholderTextSize: placeholderTextSize, showBadge: showBadge, showDivider: showDivider, styles: clearStyle, value: value, before: before, after: after, openMenuOnClick: openMenuOnClick, closeMenuOnSelect: closeMenuOnSelect ?? true, isDisabled: isDisabled, isClearable: isClearable ?? false, isLoading: isLoading, isMulti: isMulti ?? false, isSearchable: isSearchable ?? false, set: set, onChange: onChange, onInputChange: onInputChange }));
 });
 export { selectConfig, SelectContainer };

package/dist/types/components/Select/SelectMenu.js

@@ -3,7 +3,7 @@ import React from 'react';
 import clsx from 'clsx';
 import { components } from 'react-select';
 const SelectMenu = (props) => {
-    const { elevation, menuAfter, menuBefore, menuFill, menuShape, menuShapeStrength, } = props.selectProps;
-    return (_jsxs(components.Menu, { ...props, className: clsx(menuFill && `fill_${menuFill}`, menuShape && `shape_${menuShape}`, menuShapeStrength && `shape-strength_${menuShapeStrength}`, elevation && `elevation_${elevation}`), children: [menuBefore, props.selectProps.fetchingData ? (_jsx("span", { className: "fetching", children: "Fetching data..." })) : (_jsx(React.Fragment, { children: props.children })), menuAfter] }));
+    const { elevation, menuAfter, menuBefore, menuFill, menuShape } = props.selectProps;
+    return (_jsxs(components.Menu, { ...props, className: clsx(menuFill && `fill_${menuFill}`, menuShape && `shape_${menuShape}`, elevation && `elevation_${elevation}`), children: [menuBefore, props.selectProps.fetchingData ? (_jsx("span", { className: "fetching", children: "Fetching data..." })) : (_jsx(React.Fragment, { children: props.children })), menuAfter] }));
 };
 export { SelectMenu };

package/dist/types/components/Select/SelectOption.js

@@ -6,7 +6,7 @@ import { Icon } from 'src/components/Icon';
 import { Text } from 'src/components/Text';
 const SelectOption = (props) => {
     const { label, isSelected } = props;
-    const { dividerDirection, dividerFill, dividerSize, menuItemSize, optionAfter, optionBefore, optionBorder, optionBorderType, optionFill, optionFillActive, optionFillActiveDisabled, optionFillActiveHover, optionFillDisabled, optionFillHover, optionSelectedIcon, optionSelectedIconFillIcon, optionSelectedIconSize, optionSelectedIconSrc, optionShape, optionShapeStrength, optionTextColor, optionTextColorActive, optionTextColorDisabled, optionTextSize, showDivider, } = props.selectProps;
+    const { dividerDirection, dividerFill, dividerSize, menuItemSize, optionAfter, optionBefore, optionBorder, optionBorderType, optionFill, optionFillActive, optionFillActiveDisabled, optionFillActiveHover, optionFillDisabled, optionFillHover, optionSelectedIcon, optionSelectedIconFillIcon, optionSelectedIconSize, optionSelectedIconSrc, optionShape, optionTextColor, optionTextColorActive, optionTextColorDisabled, optionTextSize, showDivider, } = props.selectProps;
     return (_jsxs(components.Option, { ...props, className: clsx('select__menu-list-item', isSelected || props.isSelected
             ? !props.isDisabled
                 ? optionFillActive && `fill_active_${optionFillActive}`
@@ -21,6 +21,6 @@ const SelectOption = (props) => {
             !props.isSelected &&
             !props.isDisabled &&
             optionFillHover &&
-            `fill_hover_${optionFillHover}`, isSelected && 'select__menu-list-item_state_selected', menuItemSize && `select__menu-list-item_size_${menuItemSize}`, optionBorder && `border-color_${optionBorder}`, optionBorderType && `border_type_${optionBorderType}`, optionShape && `shape_${optionShape}`, optionShapeStrength && `shape-strength_${optionShapeStrength}`), children: [optionBefore, _jsx(Text, { className: "select__menu-list-item_option", size: optionTextSize, textColor: optionTextColor, textColorActive: optionTextColorActive, textColorDisabled: optionTextColorDisabled, isActive: props.isSelected || isSelected, isDisabled: props.isDisabled, children: label }), (isSelected || props.isSelected) && (_jsx("div", { className: "select__menu-list-item_selected", children: _jsx(Icon, { iconFill: optionSelectedIconFillIcon, iconSize: optionSelectedIconSize, imageSrc: optionSelectedIconSrc, SvgImage: optionSelectedIcon }) })), optionAfter, showDivider && (_jsx(Divider, { width: "fill", direction: dividerDirection, size: dividerSize, fill: dividerFill }))] }));
+            `fill_hover_${optionFillHover}`, isSelected && 'select__menu-list-item_state_selected', menuItemSize && `select__menu-list-item_size_${menuItemSize}`, optionBorder && `border-color_${optionBorder}`, optionBorderType && `border_type_${optionBorderType}`, optionShape && `shape_${optionShape}`), children: [optionBefore, _jsx(Text, { className: "select__menu-list-item_option", size: optionTextSize, textColor: optionTextColor, textColorActive: optionTextColorActive, textColorDisabled: optionTextColorDisabled, isActive: props.isSelected || isSelected, isDisabled: props.isDisabled, children: label }), (isSelected || props.isSelected) && (_jsx("div", { className: "select__menu-list-item_selected", children: _jsx(Icon, { iconFill: optionSelectedIconFillIcon, iconSize: optionSelectedIconSize, imageSrc: optionSelectedIconSrc, SvgImage: optionSelectedIcon }) })), optionAfter, showDivider && (_jsx(Divider, { width: "fill", direction: dividerDirection, size: dividerSize, fill: dividerFill }))] }));
 };
 export { SelectOption };

package/dist/types/components/Select/appearance/selectShape.js

@@ -6,22 +6,18 @@ const selectAppearanceShape = {
     roundedXL: {
         multipleItemShapeRadius: '1m',
         shape: 'rounded',
-        shapeStrength: '2m',
     },
     roundedL: {
         multipleItemShapeRadius: '1m',
         shape: 'rounded',
-        shapeStrength: '1_5m',
     },
     roundedM: {
         multipleItemShapeRadius: '1m',
         shape: 'rounded',
-        shapeStrength: '1m',
     },
     roundedS: {
         multipleItemShapeRadius: '1m',
         shape: 'rounded',
-        shapeStrength: '0_5m',
     },
 };
 export { selectAppearanceShape };

package/dist/types/components/Tab/Tab.interface.d.ts

@@ -1,6 +1,6 @@
 import type { CSSProperties, ReactNode } from 'react';
 import { GeneratedId } from '@itcase/types-core';
-import { AlignProps, AppearanceConfig, AppearanceKeysDefault, AppearanceSizeKey, BorderColorActiveProps, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceKeys, DirectionProps, FillActiveProps, FillHoverProps, FillProps, JustifyContentProps, ShapeProps, ShapeStrengthProps, SizeProps, WidthProps, WrapProps } from '@itcase/types-ui';
+import { AlignProps, AppearanceConfig, AppearanceKeysDefault, AppearanceSizeKey, BorderColorActiveProps, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceKeys, DirectionProps, FillActiveProps, FillHoverProps, FillProps, JustifyContentProps, ShapeProps, SizeProps, WidthProps, WrapProps } from '@itcase/types-ui';
 import type { StyleAttributes } from '@itcase/ui-core/hooks';
 import { BadgeProps } from 'src/components/Badge/Badge.interface';
 import { DividerProps } from 'src/components/Divider/Divider.interface';
@@ -51,7 +51,6 @@ type TabAppearanceProps = {
     labelTextWrap?: TextProps['textWrap'];
     linkFill?: FillProps;
     shape?: ShapeProps;
-    shapeStrength?: ShapeStrengthProps;
     size?: SizeProps;
     type?: string;
     width?: WidthProps;

package/dist/types/components/Tab/Tab.js

@@ -24,8 +24,8 @@ function Tab(props) {
         isActive: isActive,
         isDisabled: isDisabled,
     });
-    const { justifyContentClass, alignClass, labelTextAlign, labelTextColor, labelTextColorActive, labelTextColorHover, labelTextSize, labelTextStyle, labelTextWeight, labelTextWrap, badgeAppearance, badgeAppearanceSize, badgeShape, badgeSize, badgeTextColor, badgeTextSize, dividerFill, dividerFillActive, dividerFillActiveHover, dividerFillDisabled, dividerFillHover, dividerSize, icon, iconFill, iconFillIcon, iconFillSize, iconShape, iconSize, iconSrc, linkFill, shapeClass, shapeStrengthClass, sizeClass, widthClass, } = propsGenerator;
+    const { justifyContentClass, alignClass, labelTextAlign, labelTextColor, labelTextColorActive, labelTextColorHover, labelTextSize, labelTextStyle, labelTextWeight, labelTextWrap, badgeAppearance, badgeAppearanceSize, badgeShape, badgeSize, badgeTextColor, badgeTextSize, dividerFill, dividerFillActive, dividerFillActiveHover, dividerFillDisabled, dividerFillHover, dividerSize, icon, iconFill, iconFillIcon, iconFillSize, iconShape, iconSize, iconSrc, linkFill, shapeClass, sizeClass, widthClass, } = propsGenerator;
     const { styles: tab } = useStyles(props);
-    return (_jsx("div", { className: clsx('tab', className, rootClasses, isActive && 'tab_state_active', isDisabled && 'tab_state_disabled', sizeClass && `tab_size_${sizeClass}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`, widthClass && `width_${widthClass}`, justifyContentClass && `tab_justify-content_${justifyContentClass}`, isSkeleton && `skeleton`, onClick && 'cursor_type_pointer'), "data-testid": dataTestId && `${dataTestId}Tab`, "data-tour": dataTour, style: tab, onClick: onClick, onMouseEnter: onMouseEnter, children: _jsxs(Link, { className: clsx('tab__link', !isDisabled && 'cursor_type_pointer'), fill: linkFill, href: link || href, rel: rel, target: target, children: [before, children || (_jsxs(React.Fragment, { children: [_jsxs("div", { className: clsx('tab__wrapper', alignClass && `align_${alignClass}`), children: [label && (_jsx(Text, { className: "tab__label", size: labelTextSize, textAlign: labelTextAlign, textColor: labelTextColor, textColorActive: labelTextColorActive, textColorHover: labelTextColorHover, textStyle: labelTextStyle, textWeight: labelTextWeight, textWrap: labelTextWrap, isActive: isActive, isDisabled: isDisabled, children: label })), Boolean(badgeValue) && (_jsx(Badge, { appearance: mergeAppearanceKeys(badgeAppearance, badgeAppearanceSize), size: badgeSize, textColor: badgeTextColor, textSize: badgeTextSize, shape: badgeShape, value: badgeValue })), (icon || iconSrc) && (_jsx(Icon, { className: "tab__icon_after", fill: iconFill, fillSize: iconFillSize, iconFill: iconFillIcon, iconSize: iconSize, imageSrc: iconSrc, shape: iconShape, SvgImage: icon }))] }), _jsx(Divider, { className: "tab__divider", width: "fill", direction: "horizontal", size: dividerSize, fill: dividerFill, fillActive: dividerFillActive, fillActiveHover: dividerFillActiveHover, fillDisabled: dividerFillDisabled, fillHover: dividerFillHover, zIndex: "1", isActive: isActive, isDisabled: isDisabled })] })), after] }) }));
+    return (_jsx("div", { className: clsx('tab', className, rootClasses, isActive && 'tab_state_active', isDisabled && 'tab_state_disabled', sizeClass && `tab_size_${sizeClass}`, shapeClass && `shape_${shapeClass}`, widthClass && `width_${widthClass}`, justifyContentClass && `tab_justify-content_${justifyContentClass}`, isSkeleton && `skeleton`, onClick && 'cursor_type_pointer'), "data-testid": dataTestId && `${dataTestId}Tab`, "data-tour": dataTour, style: tab, onClick: onClick, onMouseEnter: onMouseEnter, children: _jsxs(Link, { className: clsx('tab__link', !isDisabled && 'cursor_type_pointer'), fill: linkFill, href: link || href, rel: rel, target: target, children: [before, children || (_jsxs(React.Fragment, { children: [_jsxs("div", { className: clsx('tab__wrapper', alignClass && `align_${alignClass}`), children: [label && (_jsx(Text, { className: "tab__label", size: labelTextSize, textAlign: labelTextAlign, textColor: labelTextColor, textColorActive: labelTextColorActive, textColorHover: labelTextColorHover, textStyle: labelTextStyle, textWeight: labelTextWeight, textWrap: labelTextWrap, isActive: isActive, isDisabled: isDisabled, children: label })), Boolean(badgeValue) && (_jsx(Badge, { appearance: mergeAppearanceKeys(badgeAppearance, badgeAppearanceSize), size: badgeSize, textColor: badgeTextColor, textSize: badgeTextSize, shape: badgeShape, value: badgeValue })), (icon || iconSrc) && (_jsx(Icon, { className: "tab__icon_after", fill: iconFill, fillSize: iconFillSize, iconFill: iconFillIcon, iconSize: iconSize, imageSrc: iconSrc, shape: iconShape, SvgImage: icon }))] }), _jsx(Divider, { className: "tab__divider", width: "fill", direction: "horizontal", size: dividerSize, fill: dividerFill, fillActive: dividerFillActive, fillActiveHover: dividerFillActiveHover, fillDisabled: dividerFillDisabled, fillHover: dividerFillHover, zIndex: "1", isActive: isActive, isDisabled: isDisabled })] })), after] }) }));
 }
 export { Tab, tabConfig };

package/dist/types/components/Textarea/Textarea.interface.d.ts

@@ -1,4 +1,4 @@
-import { AppearanceConfig, AppearanceKeysState, BorderColorHoverProps, BorderColorProps, BorderWidthProps, CompositeAppearanceStateDefault, FillHoverProps, FillProps, ShapeProps, ShapeStrengthProps, SizeProps, WidthProps } from '@itcase/types-ui';
+import { AppearanceConfig, AppearanceKeysState, BorderColorHoverProps, BorderColorProps, BorderWidthProps, CompositeAppearanceStateDefault, FillHoverProps, FillProps, ShapeProps, SizeProps, WidthProps } from '@itcase/types-ui';
 import { StyleAttributes } from '@itcase/ui-core/hooks';
 import { IconProps } from 'src/components/Icon/Icon.interface';
 import { TextProps } from 'src/components/Text/Text.interface';
@@ -13,7 +13,6 @@ type TextareaAppearanceProps = {
     iconClearFill?: IconProps['iconFill'];
     placeholderTextColor?: TextProps['textColor'];
     shape?: ShapeProps;
-    shapeStrength?: ShapeStrengthProps;
     size?: SizeProps;
     textColor?: TextProps['textColor'];
     textSize?: TextProps['size'];

package/dist/types/components/Textarea/Textarea.js

@@ -12,8 +12,8 @@ function Textarea(props) {
     const { id, appearance, className, dataTestId, dataTour, name, placeholder, value, isActive, isDisabled, isSkeleton, onBlur, onChange, onFocus, onKeyDown, } = props;
     const appearanceConfig = useAppearanceConfig(appearance, textareaConfig, isDisabled);
     const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
-    const { fillClass, fillHoverClass, borderColorClass, borderHoverClass, borderWidthClass, textColorClass, textSizeClass, textWeightClass, caretClass, placeholderTextColorClass, shapeClass, shapeStrengthClass, sizeClass, widthClass, } = propsGenerator;
-    return (_jsx("div", { className: clsx('textarea', className, sizeClass && `textarea_size_${sizeClass}`, isSkeleton && `skeleton`, isActive && `textarea_active`), "data-tour": dataTour, children: _jsx("textarea", { id: id, className: clsx('textarea__input', (textSizeClass || textColorClass || textWeightClass) && 'text', caretClass && `caret-color_${caretClass}`, fillClass && `fill_${fillClass}`, fillHoverClass && `fill_hover_${fillHoverClass}`, borderColorClass && `border-color_${borderColorClass}`, borderWidthClass && `border-width_${borderWidthClass}`, borderHoverClass && `border-color_hover_${borderHoverClass}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`, placeholderTextColorClass &&
+    const { fillClass, fillHoverClass, borderColorClass, borderHoverClass, borderWidthClass, textColorClass, textSizeClass, textWeightClass, caretClass, placeholderTextColorClass, shapeClass, sizeClass, widthClass, } = propsGenerator;
+    return (_jsx("div", { className: clsx('textarea', className, sizeClass && `textarea_size_${sizeClass}`, isSkeleton && `skeleton`, isActive && `textarea_active`), "data-tour": dataTour, children: _jsx("textarea", { id: id, className: clsx('textarea__input', (textSizeClass || textColorClass || textWeightClass) && 'text', caretClass && `caret-color_${caretClass}`, fillClass && `fill_${fillClass}`, fillHoverClass && `fill_hover_${fillHoverClass}`, borderColorClass && `border-color_${borderColorClass}`, borderWidthClass && `border-width_${borderWidthClass}`, borderHoverClass && `border-color_hover_${borderHoverClass}`, shapeClass && `shape_${shapeClass}`, placeholderTextColorClass &&
                 `placeholder-text-color_${placeholderTextColorClass}`, textSizeClass && `text_size_${textSizeClass}`, textColorClass && `text-color_${textColorClass}`, textWeightClass && `text-weight_${textWeightClass}`, widthClass && `width_${widthClass}`), "data-testid": dataTestId || (name ? `${name}-textarea` : 'textarea'), disabled: isDisabled, placeholder: placeholder, value: value, onBlur: onBlur, onChange: onChange, onFocus: onFocus, onKeyDown: onKeyDown }) }));
 }
 export { Textarea, textareaConfig };

package/dist/types/components/Textarea/appearance/textareaShape.js

@@ -7,19 +7,15 @@ const textareaAppearanceShape = {
     },
     roundedXL: {
         shape: 'rounded',
-        shapeStrength: '2m',
     },
     roundedL: {
         shape: 'rounded',
-        shapeStrength: '1_5m',
     },
     roundedM: {
         shape: 'rounded',
-        shapeStrength: '1m',
     },
     roundedS: {
         shape: 'rounded',
-        shapeStrength: '0_5m',
     },
 };
 export { textareaAppearanceShape };

package/dist/types/components/Tile/Tile.interface.d.ts

@@ -1,5 +1,5 @@
 import { CSSProperties, ReactNode } from 'react';
-import { AlignProps, AppearanceConfig, AppearanceKeysDefault, AppearanceSizeKey, BorderColorHoverProps, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceKeys, DirectionProps, FillActiveHoverProps, FillActiveProps, FillHoverProps, FillProps, ShapeProps, ShapeStrengthProps, SizeProps, TextWrapProps } from '@itcase/types-ui';
+import { AlignProps, AppearanceConfig, AppearanceKeysDefault, AppearanceSizeKey, BorderColorHoverProps, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceKeys, DirectionProps, FillActiveHoverProps, FillActiveProps, FillHoverProps, FillProps, ShapeProps, SizeProps, TextWrapProps } from '@itcase/types-ui';
 import { StyleAttributes } from '@itcase/ui-core/hooks';
 import { BadgeProps } from 'src/components/Badge/Badge.interface';
 import { IconProps } from 'src/components/Icon/Icon.interface';
@@ -33,7 +33,6 @@ type TileAppearanceProps = {
     iconShape?: IconProps['shape'];
     iconSize?: IconProps['iconSize'];
     shape?: ShapeProps;
-    shapeStrength?: ShapeStrengthProps;
     size?: SizeProps;
     textColor?: TextProps['textColor'];
     textSize?: TextProps['size'];

package/dist/types/components/Tile/Tile.js

@@ -17,8 +17,8 @@ function Tile(props) {
     const { appearance, className, dataTestId, dataTour, type, title, desc, badgeValue, iconClick, before, after, isSkeleton, onClick, children, } = props;
     const appearanceConfig = useAppearanceConfig(appearance, tileConfig);
     const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
-    const { directionClass, alignClass, alignDirectionClass, fillClass, titleTextAlign, titleTextColor, titleTextSize, titleTextWeight, titleTextWrap, descTextColor, descTextSize, descTextWrap, borderColorClass, borderColorHoverClass, borderTypeClass, borderWidthClass, badgeAppearance, badgeAppearanceSize, badgeShape, badgeSize, badgeTextColor, badgeTextSize, icon, iconAppearance, iconFill, iconFillIcon, iconFillSize, iconShape, iconSize, iconSrc, shapeClass, shapeStrengthClass, sizeClass, widthClass, } = propsGenerator;
+    const { directionClass, alignClass, alignDirectionClass, fillClass, titleTextAlign, titleTextColor, titleTextSize, titleTextWeight, titleTextWrap, descTextColor, descTextSize, descTextWrap, borderColorClass, borderColorHoverClass, borderTypeClass, borderWidthClass, badgeAppearance, badgeAppearanceSize, badgeShape, badgeSize, badgeTextColor, badgeTextSize, icon, iconAppearance, iconFill, iconFillIcon, iconFillSize, iconShape, iconSize, iconSrc, shapeClass, sizeClass, widthClass, } = propsGenerator;
     const { styles: tileStyles } = useStyles(props);
-    return (_jsx("div", { className: clsx('tile', className, fillClass && `fill_${fillClass}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`, alignClass && `align_${alignClass}`, directionClass && `direction_${directionClass}`, borderColorClass && `border-color_${borderColorClass}`, borderColorHoverClass && `border-color_hover_${borderColorHoverClass}`, borderWidthClass && `border-width_${borderWidthClass}`, borderTypeClass && `border_type_${borderTypeClass}`, sizeClass && `tile_size_${sizeClass}`, type && `tile_type_${type}`, badgeValue && `tile_state_badge`, widthClass && `width_${widthClass}`, isSkeleton && `skeleton`), "data-testid": dataTestId, "data-tour": dataTour, style: tileStyles, onClick: onClick, children: _jsxs("div", { className: clsx('tile__wrapper', alignClass, alignDirectionClass), children: [before, _jsxs("div", { className: "tile__header", children: [_jsxs("div", { className: "tile__header-inner", children: [title && (_jsx(Title, { className: "tile__title", size: titleTextSize, textAlign: titleTextAlign, textColor: titleTextColor, textWeight: titleTextWeight, textWrap: titleTextWrap, children: title })), desc && (_jsx(Text, { className: "tile__text", size: descTextSize, textColor: descTextColor, textWrap: descTextWrap, children: desc }))] }), _jsxs("div", { className: "tile__header-actions", children: [badgeValue && (_jsx(Badge, { appearance: mergeAppearanceKeys(badgeAppearance, badgeAppearanceSize), className: "tile__badge", size: badgeSize, textColor: badgeTextColor, textSize: badgeTextSize, shape: badgeShape, value: badgeValue })), (icon || iconSrc) && (_jsx(Icon, { appearance: iconAppearance, className: "tile__icon", fill: iconFill, fillSize: iconFillSize, iconFill: iconFillIcon, iconSize: iconSize, imageSrc: iconSrc, shape: iconShape, SvgImage: icon, onClick: iconClick }))] })] }), children, after] }) }));
+    return (_jsx("div", { className: clsx('tile', className, fillClass && `fill_${fillClass}`, shapeClass && `shape_${shapeClass}`, alignClass && `align_${alignClass}`, directionClass && `direction_${directionClass}`, borderColorClass && `border-color_${borderColorClass}`, borderColorHoverClass && `border-color_hover_${borderColorHoverClass}`, borderWidthClass && `border-width_${borderWidthClass}`, borderTypeClass && `border_type_${borderTypeClass}`, sizeClass && `tile_size_${sizeClass}`, type && `tile_type_${type}`, badgeValue && `tile_state_badge`, widthClass && `width_${widthClass}`, isSkeleton && `skeleton`), "data-testid": dataTestId, "data-tour": dataTour, style: tileStyles, onClick: onClick, children: _jsxs("div", { className: clsx('tile__wrapper', alignClass, alignDirectionClass), children: [before, _jsxs("div", { className: "tile__header", children: [_jsxs("div", { className: "tile__header-inner", children: [title && (_jsx(Title, { className: "tile__title", size: titleTextSize, textAlign: titleTextAlign, textColor: titleTextColor, textWeight: titleTextWeight, textWrap: titleTextWrap, children: title })), desc && (_jsx(Text, { className: "tile__text", size: descTextSize, textColor: descTextColor, textWrap: descTextWrap, children: desc }))] }), _jsxs("div", { className: "tile__header-actions", children: [badgeValue && (_jsx(Badge, { appearance: mergeAppearanceKeys(badgeAppearance, badgeAppearanceSize), className: "tile__badge", size: badgeSize, textColor: badgeTextColor, textSize: badgeTextSize, shape: badgeShape, value: badgeValue })), (icon || iconSrc) && (_jsx(Icon, { appearance: iconAppearance, className: "tile__icon", fill: iconFill, fillSize: iconFillSize, iconFill: iconFillIcon, iconSize: iconSize, imageSrc: iconSrc, shape: iconShape, SvgImage: icon, onClick: iconClick }))] })] }), children, after] }) }));
 }
 export { Tile, tileConfig };

package/dist/types/components/Tile/appearance/tileShape.js

@@ -7,19 +7,15 @@ const tileAppearanceShape = {
     },
     roundedXL: {
         shape: 'rounded',
-        shapeStrength: '2m',
     },
     roundedL: {
         shape: 'rounded',
-        shapeStrength: '1_5m',
     },
     roundedM: {
         shape: 'rounded',
-        shapeStrength: '1m',
     },
     roundedS: {
         shape: 'rounded',
-        shapeStrength: '0_5m',
     },
 };
 export { tileAppearanceShape };

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

@@ -15,7 +15,6 @@ declare const Tooltip: React.ForwardRefExoticComponent<import("@itcase/ui-core/h
     fill?: import("@itcase/types-ui").FillProps;
     fillHover?: import("@itcase/types-ui").FillHoverProps;
     shape?: import("@itcase/types-ui").ShapeProps;
-    shapeStrength?: import("@itcase/types-ui").ShapeStrengthProps;
     size?: import("@itcase/types-ui").SizeProps;
     textColor?: import("src/components/Text").TextProps["textColor"];
     textSize?: import("src/components/Text").TextProps["size"];

package/dist/types/components/Tooltip/Tooltip.interface.d.ts

@@ -1,7 +1,7 @@
 import { CSSProperties, ReactNode } from 'react';
 import type { TooltipProps as RCComponentTooltipTriggerProps } from '@rc-component/tooltip/lib/Tooltip';
 import type { Placement as RCComponentTooltipWrapperPlacement } from '@rc-component/trigger/es/interface';
-import { AlignProps, AppearanceConfig, AppearanceKeysState, ArrowPosition, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceStateDefault, DirectionProps, ElevationProps, FillHoverProps, FillProps, ShapeProps, ShapeStrengthProps, SizeProps, WrapProps } from '@itcase/types-ui';
+import { AlignProps, AppearanceConfig, AppearanceKeysState, ArrowPosition, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceStateDefault, DirectionProps, ElevationProps, FillHoverProps, FillProps, ShapeProps, SizeProps, WrapProps } from '@itcase/types-ui';
 import { StyleAttributes } from '@itcase/ui-core/hooks';
 import { TextProps } from 'src/components/Text/Text.interface';
 import { TitleProps } from 'src/components/Title/Title.interface';
@@ -19,7 +19,6 @@ type TooltipAppearanceProps = {
     fill?: FillProps;
     fillHover?: FillHoverProps;
     shape?: ShapeProps;
-    shapeStrength?: ShapeStrengthProps;
     size?: SizeProps;
     textColor?: TextProps['textColor'];
     textSize?: TextProps['size'];

package/dist/types/components/Tooltip/Tooltip.js

@@ -55,8 +55,8 @@ const Tooltip = React.forwardRef(function Tooltip(props, ref) {
     }), [isTooltipVisible, openTooltip, closeTooltip]);
     const appearanceConfig = useAppearanceConfig(appearance, tooltipConfig);
     const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
-    const { alignClass, alignDirectionClass, alignmentClass, alignPosition, fillClass, titleColor, titleSize, titleWeight, borderColorClass, borderTypeClass, borderWidthClass, textColor, textSize, textWeight, arrowPosition, elevationClass, shapeClass, shapeStrengthClass, sizeClass, widthClass, } = propsGenerator;
+    const { alignClass, alignDirectionClass, alignmentClass, alignPosition, fillClass, titleColor, titleSize, titleWeight, borderColorClass, borderTypeClass, borderWidthClass, textColor, textSize, textWeight, arrowPosition, elevationClass, shapeClass, sizeClass, widthClass, } = propsGenerator;
     const { styles: tooltipStyles } = useStyles(props);
-    return (_jsxs("div", { className: clsx(className, 'tooltip', alignPosition && `tooltip_align-position_${alignPosition}`, alignDirectionClass && `align_${alignDirectionClass}`, alignClass && `align_${alignClass}`, elevationClass && `elevation_${elevationClass}`, alignmentClass && `alignment_${alignmentClass}`, sizeClass && `tooltip_size_${sizeClass}`, isSkeleton && 'skeleton', widthClass && `width_${widthClass}`), ref: tooltipElementRef, "data-testid": dataTestId, "data-tour": dataTour, style: tooltipStyles, onAnimationEnd: onAnimationEnd, children: [arrowPosition && (_jsx("div", { className: clsx('tooltip__arrow', arrowPosition && `tooltip__arrow_position_${arrowPosition}`, fillClass && `fill_${fillClass}`), children: "\u00A0" })), before, _jsxs("div", { className: clsx('tooltip__inner', borderWidthClass && `border-width_${borderWidthClass}`, borderColorClass && `border-color_${borderColorClass}`, borderTypeClass && `border_type_${borderTypeClass}`, fillClass && `fill_${fillClass}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`), children: [title && (_jsx(Title, { className: "tooltip__title text", size: titleSize, textColor: titleColor, textWeight: titleWeight, children: title })), text && (_jsx(Text, { className: "tooltip__text", size: textSize, textColor: textColor, textWeight: textWeight, children: text })), children] }), after] }));
+    return (_jsxs("div", { className: clsx(className, 'tooltip', alignPosition && `tooltip_align-position_${alignPosition}`, alignDirectionClass && `align_${alignDirectionClass}`, alignClass && `align_${alignClass}`, elevationClass && `elevation_${elevationClass}`, alignmentClass && `alignment_${alignmentClass}`, sizeClass && `tooltip_size_${sizeClass}`, isSkeleton && 'skeleton', widthClass && `width_${widthClass}`), ref: tooltipElementRef, "data-testid": dataTestId, "data-tour": dataTour, style: tooltipStyles, onAnimationEnd: onAnimationEnd, children: [arrowPosition && (_jsx("div", { className: clsx('tooltip__arrow', arrowPosition && `tooltip__arrow_position_${arrowPosition}`, fillClass && `fill_${fillClass}`), children: "\u00A0" })), before, _jsxs("div", { className: clsx('tooltip__inner', borderWidthClass && `border-width_${borderWidthClass}`, borderColorClass && `border-color_${borderColorClass}`, borderTypeClass && `border_type_${borderTypeClass}`, fillClass && `fill_${fillClass}`, shapeClass && `shape_${shapeClass}`), children: [title && (_jsx(Title, { className: "tooltip__title text", size: titleSize, textColor: titleColor, textWeight: titleWeight, children: title })), text && (_jsx(Text, { className: "tooltip__text", size: textSize, textColor: textColor, textWeight: textWeight, children: text })), children] }), after] }));
 });
 export { Tooltip, tooltipConfig };

package/dist/types/components/Tooltip/appearance/tooltipShape.js

@@ -7,19 +7,15 @@ const tooltipAppearanceShape = {
     },
     roundedXL: {
         shape: 'rounded',
-        shapeStrength: '2m',
     },
     roundedL: {
         shape: 'rounded',
-        shapeStrength: '1_5m',
     },
     roundedM: {
         shape: 'rounded',
-        shapeStrength: '1m',
     },
     roundedS: {
         shape: 'rounded',
-        shapeStrength: '0_5m',
     },
 };
 export { tooltipAppearanceShape };

package/dist/types/components/Tooltip/stories/TooltipAppearance.stories.d.ts

@@ -15,7 +15,6 @@ declare const meta: {
         fill?: import("@itcase/types-ui").FillProps;
         fillHover?: import("@itcase/types-ui").FillHoverProps;
         shape?: import("@itcase/types-ui").ShapeProps;
-        shapeStrength?: import("@itcase/types-ui").ShapeStrengthProps;
         size?: import("@itcase/types-ui").SizeProps;
         textColor?: import("../../Text").TextProps["textColor"];
         textSize?: import("../../Text").TextProps["size"];

package/dist/types/components/Tooltip/stories/TooltipArrow.stories.d.ts

@@ -15,7 +15,6 @@ declare const meta: {
         fill?: import("@itcase/types-ui").FillProps;
         fillHover?: import("@itcase/types-ui").FillHoverProps;
         shape?: import("@itcase/types-ui").ShapeProps;
-        shapeStrength?: import("@itcase/types-ui").ShapeStrengthProps;
         size?: import("@itcase/types-ui").SizeProps;
         textColor?: import("../../Text").TextProps["textColor"];
         textSize?: import("../../Text").TextProps["size"];

package/dist/types/components/Tooltip/stories/TooltipCustom.stories.d.ts

@@ -15,7 +15,6 @@ declare const meta: {
         fill?: import("@itcase/types-ui").FillProps;
         fillHover?: import("@itcase/types-ui").FillHoverProps;
         shape?: import("@itcase/types-ui").ShapeProps;
-        shapeStrength?: import("@itcase/types-ui").ShapeStrengthProps;
         size?: import("@itcase/types-ui").SizeProps;
         textColor?: import("../../Text").TextProps["textColor"];
         textSize?: import("../../Text").TextProps["size"];

package/dist/types/components/Tooltip/stories/TooltipDemo.stories.d.ts

@@ -15,7 +15,6 @@ declare const meta: {
         fill?: import("@itcase/types-ui").FillProps;
         fillHover?: import("@itcase/types-ui").FillHoverProps;
         shape?: import("@itcase/types-ui").ShapeProps;
-        shapeStrength?: import("@itcase/types-ui").ShapeStrengthProps;
         size?: import("@itcase/types-ui").SizeProps;
         textColor?: import("../../Text").TextProps["textColor"];
         textSize?: import("../../Text").TextProps["size"];

package/dist/types/components/Tooltip/stories/TooltipSize.stories.d.ts

@@ -15,7 +15,6 @@ declare const meta: {
         fill?: import("@itcase/types-ui").FillProps;
         fillHover?: import("@itcase/types-ui").FillHoverProps;
         shape?: import("@itcase/types-ui").ShapeProps;
-        shapeStrength?: import("@itcase/types-ui").ShapeStrengthProps;
         size?: import("@itcase/types-ui").SizeProps;
         textColor?: import("../../Text").TextProps["textColor"];
         textSize?: import("../../Text").TextProps["size"];