@itcase/ui-web 1.9.82 → 1.9.83

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"];

package/dist/types/components/Tooltip/stories/TooltipStyle.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/Warning/Warning.interface.d.ts

@@ -1,5 +1,5 @@
 import type { CSSProperties, ReactNode } from 'react';
-import { AppearanceConfig, AppearanceKeysDefault, BorderColorProps, CompositeAppearanceKeys, FillProps, ShapeProps, ShapeStrengthProps, TextSizeProps } from '@itcase/types-ui';
+import { AppearanceConfig, AppearanceKeysDefault, BorderColorProps, CompositeAppearanceKeys, FillProps, ShapeProps, TextSizeProps } 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';
@@ -22,7 +22,6 @@ type WarningAppearanceProps = {
     labelTextSize?: TextProps['size'];
     labelTextWeight?: TextProps['textWeight'];
     shape?: ShapeProps;
-    shapeStrength?: ShapeStrengthProps;
     size?: TextSizeProps;
 };
 type WarningProps = StyleAttributes & WarningAppearanceProps & {

package/dist/types/components/Warning/Warning.js

@@ -15,9 +15,9 @@ function Warning(props) {
     const { appearance, className, dataTestId, dataTour, label, description, isSkeleton, children, } = props;
     const appearanceConfig = useAppearanceConfig(appearance, warningConfig);
     const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
-    const { fillClass, labelTextColor, labelTextSize, labelTextWeight, descriptionTextColor, descriptionTextSize, borderColorClass, iconAfter, iconAfterFill, iconAfterFillIcon, iconAfterSize, iconAfterSrc, iconBefore, iconBeforeFill, iconBeforeFillIcon, iconBeforeSize, iconBeforeSrc, shapeClass, shapeStrengthClass, sizeClass, } = propsGenerator;
+    const { fillClass, labelTextColor, labelTextSize, labelTextWeight, descriptionTextColor, descriptionTextSize, borderColorClass, iconAfter, iconAfterFill, iconAfterFillIcon, iconAfterSize, iconAfterSrc, iconBefore, iconBeforeFill, iconBeforeFillIcon, iconBeforeSize, iconBeforeSrc, shapeClass, sizeClass, } = propsGenerator;
     const { styles: warningStyles } = useStyles(props);
     const [isVisible, setIsVisible] = useState(true);
-    return (_jsx(Fragment, { children: isVisible && (_jsxs("div", { className: clsx(className, 'warning', fillClass && `fill_${fillClass}`, sizeClass && `warning_size_${sizeClass}`, borderColorClass && `border-color_${borderColorClass}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`, isSkeleton && `skeleton`), "data-testid": dataTestId, "data-tour": dataTour, style: warningStyles, children: [(iconBefore || iconBeforeSrc) && (_jsx(Icon, { fill: iconBeforeFill, iconFill: iconBeforeFillIcon, iconSize: iconBeforeSize, imageSrc: iconBeforeSrc, SvgImage: iconBefore })), _jsxs("div", { className: 'warning__content', children: [label && (_jsx(Text, { size: labelTextSize, textColor: labelTextColor, textWeight: labelTextWeight, children: label })), description && (_jsx(Text, { size: descriptionTextSize, textColor: descriptionTextColor, children: description })), children] }), (iconAfter || iconAfterSrc) && (_jsx(Icon, { fill: iconAfterFill, iconFill: iconAfterFillIcon, iconSize: iconAfterSize, imageSrc: iconAfterSrc, SvgImage: iconAfter, onClick: () => setIsVisible(false) }))] })) }));
+    return (_jsx(Fragment, { children: isVisible && (_jsxs("div", { className: clsx(className, 'warning', fillClass && `fill_${fillClass}`, sizeClass && `warning_size_${sizeClass}`, borderColorClass && `border-color_${borderColorClass}`, shapeClass && `shape_${shapeClass}`, isSkeleton && `skeleton`), "data-testid": dataTestId, "data-tour": dataTour, style: warningStyles, children: [(iconBefore || iconBeforeSrc) && (_jsx(Icon, { fill: iconBeforeFill, iconFill: iconBeforeFillIcon, iconSize: iconBeforeSize, imageSrc: iconBeforeSrc, SvgImage: iconBefore })), _jsxs("div", { className: 'warning__content', children: [label && (_jsx(Text, { size: labelTextSize, textColor: labelTextColor, textWeight: labelTextWeight, children: label })), description && (_jsx(Text, { size: descriptionTextSize, textColor: descriptionTextColor, children: description })), children] }), (iconAfter || iconAfterSrc) && (_jsx(Icon, { fill: iconAfterFill, iconFill: iconAfterFillIcon, iconSize: iconAfterSize, imageSrc: iconAfterSrc, SvgImage: iconAfter, onClick: () => setIsVisible(false) }))] })) }));
 }
 export { Warning, warningConfig };

package/dist/types/components/Warning/appearance/warningShape.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/ui-web",
-  "version": "1.9.82",
+  "version": "1.9.83",
   "description": "UI components",
   "keywords": "",
   "license": "MIT",
@@ -50,7 +50,7 @@
     "@itcase/tokens-am": "^1.1.45",
     "@itcase/tokens-baikal": "^1.1.41",
     "@itcase/tokens-palette": "^1.1.41",
-    "@itcase/ui-core": "^1.9.82",
+    "@itcase/ui-core": "^1.9.83",
     "@rc-component/tooltip": "^1.4.0",
     "clsx": "^2.1.1",
     "date-fns": "^4.1.0",
@@ -111,5 +111,5 @@
     "storybook": "^10.3.0",
     "typescript": "^5.9.3"
   },
-  "gitHead": "86234f8bc797b49b8b56bf713811716613193870"
+  "gitHead": "338828259207badbcbb562ef0aa096006c444caf"
 }

package/dist/Avatar_cjs_DdnwG1w2.js

@@ -1 +0,0 @@
-"use strict";var e=require("react/jsx-runtime"),a=require("react"),i=require("clsx"),r=require("@itcase/ui-core/hooks"),s=require("./primitives_cjs_CHD2pBSn.js"),t=require("./Image_cjs_DBUl9LUO.js");const l={size16:{size:"16",textSize:"xs",badgeSize:"xxs",iconFillSize:"12"},size20:{size:"20",textSize:"xs",badgeSize:"xxs",iconFillSize:"12"},size24:{size:"24",textSize:"s",badgeSize:"xxs",iconFillSize:"12"},size32:{size:"32",textSize:"m",badgeSize:"xs",iconFillSize:"12"},size40:{size:"40",textSize:"l",badgeSize:"s",iconFillSize:"12"},size48:{size:"48",textSize:"l",badgeSize:"s",iconFillSize:"12"},size56:{size:"56",textSize:"xl",badgeSize:"m",iconFillSize:"16"},size96:{size:"96",textSize:"xxl",badgeSize:"xl",iconFillSize:"32"},size144:{size:"144",textSize:"xxl",badgeSize:"xxl",iconFillSize:"40"},size240:{size:"240",textSize:"xxl",badgeSize:"xxl",iconFillSize:"40"},solid:{borderColor:"none"},outlined:{fill:"none"},full:{borderColor:"none"},ghost:{fill:"none",borderColor:"none"},circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"rounded",shapeStrength:"2m"},roundedL:{shape:"rounded",shapeStrength:"1_5m"},roundedM:{shape:"rounded",shapeStrength:"1m"},roundedS:{shape:"rounded",shapeStrength:"0_5m"},surfacePrimary:{fill:"surfacePrimary",textColor:"surfaceTextPrimary",badgeAppearance:"accentPrimary solid circular"},surfaceQuaternary:{fill:"surfaceQuaternary",textColor:"surfaceTextPrimary",badgeAppearance:"accentPrimary solid circular"},surfaceSecondary:{fill:"surfaceSecondary",textColor:"surfaceTextPrimary",badgeAppearance:"accentPrimary solid circular"},surfaceTertiary:{fill:"surfaceTertiary",textColor:"surfaceTextPrimary",badgeAppearance:"accentPrimary solid circular"}},o={appearance:l,setAppearance:e=>{o.appearance=e}};exports.Avatar=function(l){const{appearance:c,className:n,dataTestId:d,dataTour:z,src:x,firstName:p="",secondName:u="",count:S,before:g,after:h,isSkeleton:m,onClick:f}=l,_=a.useMemo(()=>`${(p?.[0]||"").toUpperCase()}${(u?.[0]||"").toUpperCase()}`,[p,u]),b=r.useAppearanceConfig(c,o),v=r.useDevicePropsGenerator(l,b),{size:C,fillClass:y,fillHoverClass:F,textColor:j,textSize:P,textWeight:T,badge:A,badgeAppearance:N,badgeShape:$,badgeSize:q,badgeTextColor:I,badgeTextSize:k,badgeValue:U,icon:H,iconFill:L,iconFillHover:M,iconFillSize:Q,iconItemFill:W,iconShape:w,iconSize:B,iconSrc:D,placeholderUrl:G,shapeClass:V,shapeStrengthClass:X,sizeClass:E}=v;return e.jsx("div",{className:i(n,"avatar",C&&`avatar_size_${E}`,(U||N||q)&&"avatar_status",m&&"skeleton",f&&"cursor_type_pointer"),"data-testid":d,"data-tour":z,onClick:f,children:e.jsxs("div",{className:i("avatar__wrapper",y&&`fill_${y}`,F&&`fill_hover_${F}`,V&&`shape_${V}`,X&&`shape-strength_${X}`),children:[g,x?e.jsx(t.Image,{className:i("avatar__image",V&&`shape_${V}`,X&&`shape-strength_${X}`),src:x,placeholderUrl:G}):e.jsx(s.Text,{className:"avatar__text",size:P,textColor:j,textWeight:T,children:_||S}),(H||D)&&e.jsx(s.Icon,{className:"avatar__icon",fill:L,fillHover:M,fillSize:Q,iconFill:W,iconSize:B,imageSrc:D,shape:w,SvgImage:H}),(A||U)&&e.jsx(s.Badge,{appearance:N,className:"avatar__badge",size:q,textColor:I,textSize:k,shape:$,value:U}),h]})})},exports.avatarAppearance=l,exports.avatarConfig=o;

package/dist/Avatar_es_euIbzcZ-.js

@@ -1 +0,0 @@
-import{jsx as e,jsxs as a}from"react/jsx-runtime";import{useMemo as i}from"react";import r from"clsx";import{useAppearanceConfig as s,useDevicePropsGenerator as t}from"@itcase/ui-core/hooks";import{a as l,I as o,B as c}from"./primitives_es_AOPzysvv.js";import{I as n}from"./Image_es_CA8fSzj-.js";const d={size16:{size:"16",textSize:"xs",badgeSize:"xxs",iconFillSize:"12"},size20:{size:"20",textSize:"xs",badgeSize:"xxs",iconFillSize:"12"},size24:{size:"24",textSize:"s",badgeSize:"xxs",iconFillSize:"12"},size32:{size:"32",textSize:"m",badgeSize:"xs",iconFillSize:"12"},size40:{size:"40",textSize:"l",badgeSize:"s",iconFillSize:"12"},size48:{size:"48",textSize:"l",badgeSize:"s",iconFillSize:"12"},size56:{size:"56",textSize:"xl",badgeSize:"m",iconFillSize:"16"},size96:{size:"96",textSize:"xxl",badgeSize:"xl",iconFillSize:"32"},size144:{size:"144",textSize:"xxl",badgeSize:"xxl",iconFillSize:"40"},size240:{size:"240",textSize:"xxl",badgeSize:"xxl",iconFillSize:"40"},solid:{borderColor:"none"},outlined:{fill:"none"},full:{borderColor:"none"},ghost:{fill:"none",borderColor:"none"},circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"rounded",shapeStrength:"2m"},roundedL:{shape:"rounded",shapeStrength:"1_5m"},roundedM:{shape:"rounded",shapeStrength:"1m"},roundedS:{shape:"rounded",shapeStrength:"0_5m"},surfacePrimary:{fill:"surfacePrimary",textColor:"surfaceTextPrimary",badgeAppearance:"accentPrimary solid circular"},surfaceQuaternary:{fill:"surfaceQuaternary",textColor:"surfaceTextPrimary",badgeAppearance:"accentPrimary solid circular"},surfaceSecondary:{fill:"surfaceSecondary",textColor:"surfaceTextPrimary",badgeAppearance:"accentPrimary solid circular"},surfaceTertiary:{fill:"surfaceTertiary",textColor:"surfaceTextPrimary",badgeAppearance:"accentPrimary solid circular"}},z={appearance:d,setAppearance:e=>{z.appearance=e}};function p(d){const{appearance:p,className:x,dataTestId:S,dataTour:m,src:u,firstName:g="",secondName:h="",count:f,before:_,after:b,isSkeleton:C,onClick:v}=d,y=i(()=>`${(g?.[0]||"").toUpperCase()}${(h?.[0]||"").toUpperCase()}`,[g,h]),F=s(p,z),P=t(d,F),{size:T,fillClass:N,fillHoverClass:$,textColor:A,textSize:I,textWeight:k,badge:U,badgeAppearance:j,badgeShape:H,badgeSize:L,badgeTextColor:Q,badgeTextSize:W,badgeValue:w,icon:B,iconFill:M,iconFillHover:V,iconFillSize:X,iconItemFill:q,iconShape:D,iconSize:E,iconSrc:G,placeholderUrl:J,shapeClass:K,shapeStrengthClass:O,sizeClass:R}=P;return e("div",{className:r(x,"avatar",T&&`avatar_size_${R}`,(w||j||L)&&"avatar_status",C&&"skeleton",v&&"cursor_type_pointer"),"data-testid":S,"data-tour":m,onClick:v,children:a("div",{className:r("avatar__wrapper",N&&`fill_${N}`,$&&`fill_hover_${$}`,K&&`shape_${K}`,O&&`shape-strength_${O}`),children:[_,u?e(n,{className:r("avatar__image",K&&`shape_${K}`,O&&`shape-strength_${O}`),src:u,placeholderUrl:J}):e(l,{className:"avatar__text",size:I,textColor:A,textWeight:k,children:y||f}),(B||G)&&e(o,{className:"avatar__icon",fill:M,fillHover:V,fillSize:X,iconFill:q,iconSize:E,imageSrc:G,shape:D,SvgImage:B}),(U||w)&&e(c,{appearance:j,className:"avatar__badge",size:L,textColor:Q,textSize:W,shape:H,value:w}),b]})})}export{p as A,d as a,z as b};