@itcase/ui-web 1.9.82 → 1.9.83

package/dist/types/components/Dropzone/appearance/dropzoneShape.js

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

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

@@ -26,7 +26,6 @@ declare const Group: React.ForwardRefExoticComponent<{
     justifyContent?: import("@itcase/types-ui").JustifyContentProps;
     labelTextColor?: import("../Label").LabelProps["labelTextColor"];
     shape?: import("@itcase/types-ui").ShapeProps;
-    shapeStrength?: import("@itcase/types-ui").ShapeStrengthProps;
     stacking?: import("@itcase/types-ui").StackingProps;
     textColor?: import("../Text").TextProps["textColor"];
     textColorActive?: import("../Text").TextProps["textColorActive"];

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

@@ -1,6 +1,6 @@
 import type { CSSProperties, ElementType, MouseEventHandler, ReactNode } from 'react';
 import { GeneratedId } from '@itcase/types-core';
-import { AlignProps, AppearanceConfig, AppearanceKeysDefault, BorderColorActiveProps, BorderColorProps, BorderTypeProps, BorderWidthProps, DirectionProps, ElevationProps, FillActiveHoverProps, FillActiveProps, FillHoverProps, FillProps, HeightProps, JustifyContentProps, ShapeProps, ShapeStrengthProps, StackingProps, WidthProps, WrapProps } from '@itcase/types-ui';
+import { AlignProps, AppearanceConfig, AppearanceKeysDefault, BorderColorActiveProps, BorderColorProps, BorderTypeProps, BorderWidthProps, DirectionProps, ElevationProps, FillActiveHoverProps, FillActiveProps, FillHoverProps, FillProps, HeightProps, JustifyContentProps, ShapeProps, StackingProps, WidthProps, WrapProps } from '@itcase/types-ui';
 import { StyleAttributes } from '@itcase/ui-core/hooks';
 import { IconProps } from 'src/components/Icon/Icon.interface';
 import { LabelProps } from 'src/components/Label/Label.interface';
@@ -30,7 +30,6 @@ type GroupAppearanceProps = {
     justifyContent?: JustifyContentProps;
     labelTextColor?: LabelProps['labelTextColor'];
     shape?: ShapeProps;
-    shapeStrength?: ShapeStrengthProps;
     stacking?: StackingProps;
     textColor?: TextProps['textColor'];
     textColorActive?: TextProps['textColorActive'];

package/dist/types/components/Group/Group.js

@@ -13,7 +13,7 @@ const Group = React.forwardRef(function Group(props, ref) {
     const { id, appearance, className, dataTestId, dataTour, name, dataId, easing, htmlFor, print, scroll, style, tag: Tag = 'div', isActive, isDisabled, onClick, onMouseDown, onMouseEnter, onMouseLeave, children, } = props;
     const appearanceConfig = useAppearanceConfig(appearance, groupConfig);
     const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
-    const { directionClass, flexGrowClass, justifyContentClass, alignClass, alignDirectionClass, fillActiveClass, fillActiveHoverClass, fillClass, fillDisabledClass, fillHoverClass, borderColorActiveClass, borderColorActiveHoverClass, borderColorClass, borderColorHoverClass, borderTypeClass, borderWidthClass, textColorActiveClass, textColorClass, textColorHoverClass, columnsClass, elevationClass, heightClass, hoverFilterClass, iconFillHoverClass, shapeClass, shapeStrengthClass, stackingClass, widthClass, wrapClass, } = propsGenerator;
+    const { directionClass, flexGrowClass, justifyContentClass, alignClass, alignDirectionClass, fillActiveClass, fillActiveHoverClass, fillClass, fillDisabledClass, fillHoverClass, borderColorActiveClass, borderColorActiveHoverClass, borderColorClass, borderColorHoverClass, borderTypeClass, borderWidthClass, textColorActiveClass, textColorClass, textColorHoverClass, columnsClass, elevationClass, heightClass, hoverFilterClass, iconFillHoverClass, shapeClass, stackingClass, widthClass, wrapClass, } = propsGenerator;
     const { styles: groupStyles } = useStyles(props);
     return (_jsx(Tag, { id: id, className: clsx(className, 'group', easing && `easing_${easing}`, widthClass && `width_${widthClass}`, heightClass && `height_${heightClass}`, hoverFilterClass && `hover-filter_${hoverFilterClass}`, columnsClass && `group_columns_${columnsClass}`, alignDirectionClass && `align_${alignDirectionClass}`, directionClass && `group_direction_${directionClass}`, alignClass && `align_${alignClass}`, justifyContentClass && `justify-content_${justifyContentClass}`, textColorClass && `group_text-color_${textColorClass}`, textColorActiveClass &&
             `group_text-color_active_${textColorActiveClass}`, textColorHoverClass && `group_text-color_hover_${textColorHoverClass}`, iconFillHoverClass && `group_icon_fill_hover_${iconFillHoverClass}`, !isDisabled
@@ -25,7 +25,7 @@ const Group = React.forwardRef(function Group(props, ref) {
                 ? fillHoverClass && `fill_hover_${fillHoverClass}`
                 : fillActiveHoverClass &&
                     `fill_active_hover_${fillActiveHoverClass}`
-            : fillDisabledClass && `fill_${fillDisabledClass}`, scroll && `group_scroll_${scroll}`, stackingClass && `group_stacking_${stackingClass}`, wrapClass && `group_wrap_${wrapClass}`, flexGrowClass && `flex-grow_${flexGrowClass}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`, !isDisabled
+            : fillDisabledClass && `fill_${fillDisabledClass}`, scroll && `group_scroll_${scroll}`, stackingClass && `group_stacking_${stackingClass}`, wrapClass && `group_wrap_${wrapClass}`, flexGrowClass && `flex-grow_${flexGrowClass}`, shapeClass && `shape_${shapeClass}`, !isDisabled
             ? !isActive
                 ? borderColorClass && `border-color_${borderColorClass}`
                 : borderColorActiveClass &&

package/dist/types/components/Group/stories/GroupAlignItems.stories.d.ts

@@ -26,7 +26,6 @@ declare const meta: {
         justifyContent?: import("@itcase/types-ui").JustifyContentProps;
         labelTextColor?: import("../../Label").LabelProps["labelTextColor"];
         shape?: import("@itcase/types-ui").ShapeProps;
-        shapeStrength?: import("@itcase/types-ui").ShapeStrengthProps;
         stacking?: import("@itcase/types-ui").StackingProps;
         textColor?: import("src/components/Text").TextProps["textColor"];
         textColorActive?: import("src/components/Text").TextProps["textColorActive"];
@@ -88,7 +87,6 @@ declare const meta: {
         justifyContent?: import("@itcase/types-ui").JustifyContentProps;
         labelTextColor?: import("../../Label").LabelProps["labelTextColor"];
         shape?: import("@itcase/types-ui").ShapeProps;
-        shapeStrength?: import("@itcase/types-ui").ShapeStrengthProps;
         stacking?: import("@itcase/types-ui").StackingProps;
         textColor?: import("src/components/Text").TextProps["textColor"];
         textColorActive?: import("src/components/Text").TextProps["textColorActive"];

package/dist/types/components/Group/stories/GroupAlignSelf.stories.d.ts

@@ -26,7 +26,6 @@ declare const meta: {
         justifyContent?: import("@itcase/types-ui").JustifyContentProps;
         labelTextColor?: import("../../Label").LabelProps["labelTextColor"];
         shape?: import("@itcase/types-ui").ShapeProps;
-        shapeStrength?: import("@itcase/types-ui").ShapeStrengthProps;
         stacking?: import("@itcase/types-ui").StackingProps;
         textColor?: import("src/components/Text").TextProps["textColor"];
         textColorActive?: import("src/components/Text").TextProps["textColorActive"];
@@ -88,7 +87,6 @@ declare const meta: {
         justifyContent?: import("@itcase/types-ui").JustifyContentProps;
         labelTextColor?: import("../../Label").LabelProps["labelTextColor"];
         shape?: import("@itcase/types-ui").ShapeProps;
-        shapeStrength?: import("@itcase/types-ui").ShapeStrengthProps;
         stacking?: import("@itcase/types-ui").StackingProps;
         textColor?: import("src/components/Text").TextProps["textColor"];
         textColorActive?: import("src/components/Text").TextProps["textColorActive"];

package/dist/types/components/Group/stories/GroupColumns.stories.d.ts

@@ -26,7 +26,6 @@ declare const meta: {
         justifyContent?: import("@itcase/types-ui").JustifyContentProps;
         labelTextColor?: import("../../Label").LabelProps["labelTextColor"];
         shape?: import("@itcase/types-ui").ShapeProps;
-        shapeStrength?: import("@itcase/types-ui").ShapeStrengthProps;
         stacking?: import("@itcase/types-ui").StackingProps;
         textColor?: import("src/components/Text").TextProps["textColor"];
         textColorActive?: import("src/components/Text").TextProps["textColorActive"];
@@ -88,7 +87,6 @@ declare const meta: {
         justifyContent?: import("@itcase/types-ui").JustifyContentProps;
         labelTextColor?: import("../../Label").LabelProps["labelTextColor"];
         shape?: import("@itcase/types-ui").ShapeProps;
-        shapeStrength?: import("@itcase/types-ui").ShapeStrengthProps;
         stacking?: import("@itcase/types-ui").StackingProps;
         textColor?: import("src/components/Text").TextProps["textColor"];
         textColorActive?: import("src/components/Text").TextProps["textColorActive"];

package/dist/types/components/Group/stories/GroupDirection.stories.d.ts

@@ -26,7 +26,6 @@ declare const meta: {
         justifyContent?: import("@itcase/types-ui").JustifyContentProps;
         labelTextColor?: import("../../Label").LabelProps["labelTextColor"];
         shape?: import("@itcase/types-ui").ShapeProps;
-        shapeStrength?: import("@itcase/types-ui").ShapeStrengthProps;
         stacking?: import("@itcase/types-ui").StackingProps;
         textColor?: import("src/components/Text").TextProps["textColor"];
         textColorActive?: import("src/components/Text").TextProps["textColorActive"];
@@ -87,7 +86,6 @@ declare const meta: {
         justifyContent?: import("@itcase/types-ui").JustifyContentProps;
         labelTextColor?: import("../../Label").LabelProps["labelTextColor"];
         shape?: import("@itcase/types-ui").ShapeProps;
-        shapeStrength?: import("@itcase/types-ui").ShapeStrengthProps;
         stacking?: import("@itcase/types-ui").StackingProps;
         textColor?: import("src/components/Text").TextProps["textColor"];
         textColorActive?: import("src/components/Text").TextProps["textColorActive"];

package/dist/types/components/Group/stories/GroupJustifyContent.stories.d.ts

@@ -26,7 +26,6 @@ declare const meta: {
         justifyContent?: import("@itcase/types-ui").JustifyContentProps;
         labelTextColor?: import("../../Label").LabelProps["labelTextColor"];
         shape?: import("@itcase/types-ui").ShapeProps;
-        shapeStrength?: import("@itcase/types-ui").ShapeStrengthProps;
         stacking?: import("@itcase/types-ui").StackingProps;
         textColor?: import("src/components/Text").TextProps["textColor"];
         textColorActive?: import("src/components/Text").TextProps["textColorActive"];
@@ -88,7 +87,6 @@ declare const meta: {
         justifyContent?: import("@itcase/types-ui").JustifyContentProps;
         labelTextColor?: import("../../Label").LabelProps["labelTextColor"];
         shape?: import("@itcase/types-ui").ShapeProps;
-        shapeStrength?: import("@itcase/types-ui").ShapeStrengthProps;
         stacking?: import("@itcase/types-ui").StackingProps;
         textColor?: import("src/components/Text").TextProps["textColor"];
         textColorActive?: import("src/components/Text").TextProps["textColorActive"];

package/dist/types/components/Group/stories/GroupWrap.stories.d.ts

@@ -26,7 +26,6 @@ declare const meta: {
         justifyContent?: import("@itcase/types-ui").JustifyContentProps;
         labelTextColor?: import("../../Label").LabelProps["labelTextColor"];
         shape?: import("@itcase/types-ui").ShapeProps;
-        shapeStrength?: import("@itcase/types-ui").ShapeStrengthProps;
         stacking?: import("@itcase/types-ui").StackingProps;
         textColor?: import("src/components/Text").TextProps["textColor"];
         textColorActive?: import("src/components/Text").TextProps["textColorActive"];
@@ -88,7 +87,6 @@ declare const meta: {
         justifyContent?: import("@itcase/types-ui").JustifyContentProps;
         labelTextColor?: import("../../Label").LabelProps["labelTextColor"];
         shape?: import("@itcase/types-ui").ShapeProps;
-        shapeStrength?: import("@itcase/types-ui").ShapeStrengthProps;
         stacking?: import("@itcase/types-ui").StackingProps;
         textColor?: import("src/components/Text").TextProps["textColor"];
         textColorActive?: import("src/components/Text").TextProps["textColorActive"];

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

@@ -1,5 +1,5 @@
 import { CSSProperties, FunctionComponent, MouseEvent, ReactNode, SVGAttributes, SVGProps } from 'react';
-import { AlignmentProps, AlignProps, AppearanceConfig, AppearanceKeysIcon, AppearanceSizeKey, BorderColorHoverProps, BorderColorProps, BorderTypeProps, BorderWidthProps, CenteringProps, CompositeAppearanceIconKeys, DirectionProps, FillActiveHoverProps, FillActiveProps, FillDisabledProps, FillHoverProps, FillProps, FillSizeProps, IconFillSizeProps, IconSizeProps, ItemFillProps, ShapeProps, ShapeStrengthProps, SizePXProps, TextColorProps, TextSizeProps } from '@itcase/types-ui';
+import { AlignmentProps, AlignProps, AppearanceConfig, AppearanceKeysIcon, AppearanceSizeKey, BorderColorHoverProps, BorderColorProps, BorderTypeProps, BorderWidthProps, CenteringProps, CompositeAppearanceIconKeys, DirectionProps, FillActiveHoverProps, FillActiveProps, FillDisabledProps, FillHoverProps, FillProps, FillSizeProps, IconFillSizeProps, IconSizeProps, ItemFillProps, ShapeProps, SizePXProps, TextColorProps, TextSizeProps } from '@itcase/types-ui';
 import { StyleAttributes } from '@itcase/ui-core/hooks';
 import { BadgeProps } from '../Badge/Badge.interface';
 import { LinkWrapperProps } from '../Link/Link.interface';
@@ -34,7 +34,6 @@ type IconAppearanceProps = {
     iconShape?: ShapeProps;
     iconSize?: IconSizeProps;
     shape?: ShapeProps;
-    shapeStrength?: ShapeStrengthProps;
     size?: SizePXProps;
     textColor?: TextColorProps;
     textSize?: TextSizeProps;

package/dist/types/components/Icon/Icon.js

@@ -42,7 +42,7 @@ const Icon = urlWithAssetPrefix(React.forwardRef(function Icon(props, ref) {
     }, [SvgImage, imageSrc, width, height, svgImageStyles, saveFillStroke]);
     const appearanceConfig = useAppearanceConfig(appearance, iconConfig, isDisabled);
     const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
-    const { alignmentClass, fillActiveClass, fillActiveHoverClass, fillClass, fillDisabledClass, fillHoverClass, fillSizeClass, borderColorClass, borderColorHoverClass, borderTypeClass, borderWidthClass, badgeAppearance, badgeAppearanceSize, badgeShape, badgeSize, badgeTextColor, badgeTextSize, badgeValue, centeringClass, iconFillActiveClass, iconFillActiveHoverClass, iconFillClass, iconFillDisabledClass, iconFillHoverClass, iconSizeClass, shapeClass, shapeStrengthClass, tooltipAppearance, tooltipText, tooltipTextSize, tooltipTitle, tooltipTitleSize, } = propsGenerator;
+    const { alignmentClass, fillActiveClass, fillActiveHoverClass, fillClass, fillDisabledClass, fillHoverClass, fillSizeClass, borderColorClass, borderColorHoverClass, borderTypeClass, borderWidthClass, badgeAppearance, badgeAppearanceSize, badgeShape, badgeSize, badgeTextColor, badgeTextSize, badgeValue, centeringClass, iconFillActiveClass, iconFillActiveHoverClass, iconFillClass, iconFillDisabledClass, iconFillHoverClass, iconSizeClass, shapeClass, tooltipAppearance, tooltipText, tooltipTextSize, tooltipTitle, tooltipTitleSize, } = propsGenerator;
     const { styles: iconStyles } = useStyles(props);
     return (_jsxs("div", { id: id, className: clsx(className, 'icon', !isActive
             ? fillClass && `fill_${fillClass}`
@@ -56,7 +56,7 @@ const Icon = urlWithAssetPrefix(React.forwardRef(function Icon(props, ref) {
             : iconFillActiveHoverClass &&
                 `icon_fill_active_hover_${iconFillActiveHoverClass}`, isDisabled &&
             iconFillDisabledClass &&
-            `icon_fill_disabled_${iconFillDisabledClass}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`, borderColorClass && `border-color_${borderColorClass}`, borderColorHoverClass &&
+            `icon_fill_disabled_${iconFillDisabledClass}`, shapeClass && `shape_${shapeClass}`, borderColorClass && `border-color_${borderColorClass}`, borderColorHoverClass &&
             `border-color_hover_${borderColorHoverClass}`, borderWidthClass && `border-width_${borderWidthClass}`, borderTypeClass && `border_type_${borderTypeClass}`, badgeValue && 'icon_with-badge', centeringClass && `centering_${centeringClass}`, onClick && 'cursor_type_pointer', isSkeleton && `skeleton`), ref: ref, "data-testid": dataTestId, "data-tour": dataTour, style: iconStyles, onClick: onClick, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, children: [before, _jsxs(LinkWrapper, { className: clsx((link || href || onClick) && 'cursor_type_pointer', link || href ? 'icon__link' : 'icon__item', iconSizeClass && `icon_size_${iconSizeClass}`), href: link || href, LinkComponent: "div", rel: linkRel, target: linkTarget, children: [ImageComponent, (badgeValue || notification) && (_jsx(Badge, { appearance: mergeAppearanceKeys(badgeAppearance, badgeAppearanceSize), className: clsx(badgeClass, 'icon__badge'), size: badgeSize, textColor: badgeTextColor, textSize: badgeTextSize, shape: badgeShape, value: badgeValue })), showTooltip && (_jsx(Tooltip, { appearance: tooltipAppearance, className: clsx(className, 'icon__tooltip', alignmentClass && `alignment_${alignmentClass}`), title: tooltipTitle, titleSize: tooltipTitleSize, text: tooltipText, textSize: tooltipTextSize }))] }), after] }));
 }));
 const removeFillStroke = (code) => {

package/dist/types/components/Icon/appearance/iconShape.js

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

package/dist/types/components/Input/Input.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 type { StyleAttributes } from '@itcase/ui-core/hooks';
 import { TextProps } from 'src/components/Text/Text.interface';
 type InputAppearanceProps = {
@@ -15,7 +15,6 @@ type InputAppearanceProps = {
     placeholderTextColor?: TextProps['textColor'];
     placeholderTextColorDisabled?: TextProps['textColor'];
     shape?: ShapeProps;
-    shapeStrength?: ShapeStrengthProps;
     size?: SizeProps;
     textColor?: TextProps['textColor'];
     textSize?: TextProps['size'];

package/dist/types/components/Input/Input.js

@@ -13,9 +13,9 @@ const Input = React.forwardRef(function Input(props, ref) {
     const { id, appearance, className, dataTestId, dataTour, type = 'text', name, autocomplete, index, placeholder, value, isDisabled, isSkeleton, isReadOnly, onClick, onBlur, onChange, onFocus, onKeyDown, } = props;
     const appearanceConfig = useAppearanceConfig(appearance, inputConfig, isDisabled);
     const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
-    const { fillClass, fillHoverClass, borderColorClass, borderColorHoverClass, borderWidthClass, textColorClass, textSizeClass, textWeightClass, caretClass, placeholderTextColorClass, shapeClass, shapeStrengthClass, sizeClass, widthClass, } = propsGenerator;
+    const { fillClass, fillHoverClass, borderColorClass, borderColorHoverClass, borderWidthClass, textColorClass, textSizeClass, textWeightClass, caretClass, placeholderTextColorClass, shapeClass, sizeClass, widthClass, } = propsGenerator;
     const fallbackId = useId();
     return (_jsx("input", { id: String(id ?? fallbackId), className: clsx(className, 'input', type === 'number' && 'input_type_number', isDisabled && 'input_state_disabled', (textSizeClass || textColorClass || textWeightClass) && 'text', borderColorClass && `border-color_${borderColorClass}`, borderColorHoverClass && `border-color_hover_${borderColorHoverClass}`, borderWidthClass && `border-width_${borderWidthClass}`, caretClass && `caret-color_${caretClass}`, fillClass && `fill_${fillClass}`, fillHoverClass && `fill_hover_${fillHoverClass}`, placeholderTextColorClass &&
-            `placeholder-text-color_${placeholderTextColorClass}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`, sizeClass && `input_size_${sizeClass}`, textColorClass && `text-color_${textColorClass}`, textColorClass && `text-color_${textColorClass}`, textSizeClass && `text_size_${textSizeClass}`, textWeightClass && `text-weight_${textWeightClass}`, widthClass && `width_${widthClass}`, isSkeleton && 'skeleton'), type: type, ref: ref, autoComplete: autocomplete, "data-index": index, "data-testid": dataTestId || (name ? `${name}-input` : 'input'), "data-tour": dataTour, disabled: isDisabled, placeholder: placeholder, readOnly: isReadOnly, value: value, onClick: onClick, onBlur: onBlur, onChange: onChange, onFocus: onFocus, onKeyDown: onKeyDown }));
+            `placeholder-text-color_${placeholderTextColorClass}`, shapeClass && `shape_${shapeClass}`, sizeClass && `input_size_${sizeClass}`, textColorClass && `text-color_${textColorClass}`, textColorClass && `text-color_${textColorClass}`, textSizeClass && `text_size_${textSizeClass}`, textWeightClass && `text-weight_${textWeightClass}`, widthClass && `width_${widthClass}`, isSkeleton && 'skeleton'), type: type, ref: ref, autoComplete: autocomplete, "data-index": index, "data-testid": dataTestId || (name ? `${name}-input` : 'input'), "data-tour": dataTour, disabled: isDisabled, placeholder: placeholder, readOnly: isReadOnly, value: value, onClick: onClick, onBlur: onBlur, onChange: onChange, onFocus: onFocus, onKeyDown: onKeyDown }));
 });
 export { Input, inputConfig };

package/dist/types/components/Input/appearance/inputShape.js

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

package/dist/types/components/InputNumber/InputNumber.interfaces.d.ts

@@ -1,5 +1,5 @@
 import { CSSProperties } from 'react';
-import { AppearanceConfig, AppearanceKeysState, BorderColorHoverProps, BorderColorProps, BorderWidthProps, CompositeAppearanceStateDefault, FillHoverProps, FillProps, ShapeProps, ShapeStrengthProps, SizeProps, SvgFillHoverProps, SvgFillProps } from '@itcase/types-ui';
+import { AppearanceConfig, AppearanceKeysState, BorderColorHoverProps, BorderColorProps, BorderWidthProps, CompositeAppearanceStateDefault, FillHoverProps, FillProps, ShapeProps, SizeProps, SvgFillHoverProps, SvgFillProps } from '@itcase/types-ui';
 import { StyleAttributes } from '@itcase/ui-core/hooks';
 import { ButtonProps } from 'src/components/Button/Button.interface';
 import { IconProps } from 'src/components/Icon/Icon.interface';
@@ -23,7 +23,6 @@ type InputNumberAppearanceProps = {
     inputNumberTextWeight?: TextProps['textWeight'];
     labelTextWeight?: TextProps['textWeight'];
     shape?: ShapeProps;
-    shapeStrength?: ShapeStrengthProps;
     size?: SizeProps;
     svgFill?: SvgFillProps;
     svgFillHover?: SvgFillHoverProps;

package/dist/types/components/InputNumber/InputNumber.js

@@ -32,11 +32,11 @@ const InputNumber = (props) => {
     };
     const appearanceConfig = useAppearanceConfig(appearance, inputNumberConfig);
     const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
-    const { fillClass, fillHoverClass, borderColorClass, borderColorHoverClass, borderWidthClass, iconFill, iconFillHover, iconFillIcon, iconMinus, iconPlus, iconShape, iconSize, inputNumberTextColorClass, inputNumberTextSizeClass, inputNumberTextWeightClass, shapeClass, shapeStrengthClass, sizeClass, widthClass, } = propsGenerator;
+    const { fillClass, fillHoverClass, borderColorClass, borderColorHoverClass, borderWidthClass, iconFill, iconFillHover, iconFillIcon, iconMinus, iconPlus, iconShape, iconSize, inputNumberTextColorClass, inputNumberTextSizeClass, inputNumberTextWeightClass, shapeClass, sizeClass, widthClass, } = propsGenerator;
     if (type === 'native') {
         return (_jsx("input", { id: String(id), type: "number", min: min, max: max, step: step, value: number, onChange: (event) => handleInputValue(event) }));
     }
-    return (_jsxs("div", { id: String(id), className: clsx(className, 'input-number', 'input-number__custom', borderColorClass && `border-color_${borderColorClass}`, borderColorHoverClass && `border-color_hover_${borderColorHoverClass}`, borderWidthClass && `border-width_${borderWidthClass}`, fillClass && `fill_${fillClass}`, fillHoverClass && `fill_hover_${fillHoverClass}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`, sizeClass && `input-number_size_${sizeClass}`, widthClass && `width_${widthClass}`), "data-tour": dataTour, "date-testid": dataTestId, children: [_jsx(Button, { className: "input-number__icon", icon: iconMinus, iconFill: iconFill, iconFillHover: iconFillHover, iconFillIcon: iconFillIcon, iconShape: iconShape, iconSize: iconSize, onClick: () => handleChangeValue('minus') }), _jsx("input", { className: clsx(inputNumberTextColorClass &&
+    return (_jsxs("div", { id: String(id), className: clsx(className, 'input-number', 'input-number__custom', borderColorClass && `border-color_${borderColorClass}`, borderColorHoverClass && `border-color_hover_${borderColorHoverClass}`, borderWidthClass && `border-width_${borderWidthClass}`, fillClass && `fill_${fillClass}`, fillHoverClass && `fill_hover_${fillHoverClass}`, shapeClass && `shape_${shapeClass}`, sizeClass && `input-number_size_${sizeClass}`, widthClass && `width_${widthClass}`), "data-tour": dataTour, "date-testid": dataTestId, children: [_jsx(Button, { className: "input-number__icon", icon: iconMinus, iconFill: iconFill, iconFillHover: iconFillHover, iconFillIcon: iconFillIcon, iconShape: iconShape, iconSize: iconSize, onClick: () => handleChangeValue('minus') }), _jsx("input", { className: clsx(inputNumberTextColorClass &&
                     `text-color_${inputNumberTextColorClass}`, inputNumberTextSizeClass && `text_size_${inputNumberTextSizeClass}`, inputNumberTextWeightClass &&
                     `text-weight_${inputNumberTextWeightClass}`), type: "number", min: min, max: max, "data-testid": dataTestId || (name ? `${name}-input-number` : 'input-number'), step: step, value: number, onChange: (event) => handleInputValue(event) }), _jsx(Button, { className: "input-number__icon", icon: iconPlus, iconFill: iconFill, iconFillHover: iconFillHover, iconFillIcon: iconFillIcon, iconShape: iconShape, iconSize: iconSize, onClick: () => handleChangeValue('plus') })] }));
 };

package/dist/types/components/InputNumber/appearance/InputNumberShape.js

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

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

@@ -1,4 +1,4 @@
-import { AppearanceConfig, AppearanceKeysState, BorderColorHoverProps, BorderColorProps, BorderWidthProps, CompositeAppearanceStateDefault, FillHoverProps, FillProps, ItemFillProps, ShapeProps, ShapeStrengthProps, SizeProps, WidthProps } from '@itcase/types-ui';
+import { AppearanceConfig, AppearanceKeysState, BorderColorHoverProps, BorderColorProps, BorderWidthProps, CompositeAppearanceStateDefault, FillHoverProps, FillProps, ItemFillProps, 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';
@@ -20,7 +20,6 @@ type InputAppearanceProps = {
     isRevealable?: boolean;
     placeholderTextColor?: TextProps['textColor'];
     shape?: ShapeProps;
-    shapeStrength?: ShapeStrengthProps;
     size?: SizeProps;
     textColor?: TextProps['textColor'];
     textSize?: TextProps['size'];

package/dist/types/components/InputPassword/InputPassword.js

@@ -22,9 +22,9 @@ function InputPassword(props) {
     }, []);
     const appearanceConfig = useAppearanceConfig(appearance, inputPasswordConfig, isDisabled);
     const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
-    const { fillClass, fillHoverClass, borderColorClass, borderColorHoverClass, borderWidthClass, textColorClass, textSizeClass, textWeightClass, caretClass, iconFill, iconFillHover, iconRevealableHide, iconRevealableShow, iconShape, iconSize, imageRevealableHide, imageRevealableShow, placeholderTextColorClass, shapeClass, shapeStrengthClass, sizeClass, widthClass, } = propsGenerator;
+    const { fillClass, fillHoverClass, borderColorClass, borderColorHoverClass, borderWidthClass, textColorClass, textSizeClass, textWeightClass, caretClass, iconFill, iconFillHover, iconRevealableHide, iconRevealableShow, iconShape, iconSize, imageRevealableHide, imageRevealableShow, placeholderTextColorClass, shapeClass, sizeClass, widthClass, } = propsGenerator;
     return (_jsxs("div", { className: "input-password", children: [_jsx("input", { id: String(id), className: clsx(className, 'input-password__input', (textSizeClass || textColorClass || textWeightClass) && 'text', borderColorClass && `border-color_${borderColorClass}`, borderColorHoverClass &&
                     `border-color_hover_${borderColorHoverClass}`, borderWidthClass && `border-width_${borderWidthClass}`, caretClass && `caret-color_${caretClass}`, fillClass && `fill_${fillClass}`, fillHoverClass && `fill_hover_${fillHoverClass}`, placeholderTextColorClass &&
-                    `placeholder-text-color_${placeholderTextColorClass}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`, sizeClass && `input-password__input_size_${sizeClass}`, textColorClass && `text-color_${textColorClass}`, textColorClass && `text-color_${textColorClass}`, textSizeClass && `text_size_${textSizeClass}`, textWeightClass && `text-weight_${textWeightClass}`, widthClass && `width_${widthClass}`), type: inputType, "data-testid": dataTestId || (name ? `${name}-input-password` : 'input-password'), "data-tour": dataTour, "date-testid": dataTestId, disabled: isDisabled, placeholder: placeholder, value: value, onBlur: onBlur, onChange: onChange, onFocus: onFocus, onKeyDown: onKeyDown }), _jsx(Icon, { className: "input-password__icon", size: iconSize, iconFill: iconFill, iconFillHover: iconFillHover, imageSrc: isRevealed ? imageRevealableHide : imageRevealableShow, shape: iconShape, SvgImage: isRevealed ? iconRevealableHide : iconRevealableShow, onClick: onClickIconReveal })] }));
+                    `placeholder-text-color_${placeholderTextColorClass}`, shapeClass && `shape_${shapeClass}`, sizeClass && `input-password__input_size_${sizeClass}`, textColorClass && `text-color_${textColorClass}`, textColorClass && `text-color_${textColorClass}`, textSizeClass && `text_size_${textSizeClass}`, textWeightClass && `text-weight_${textWeightClass}`, widthClass && `width_${widthClass}`), type: inputType, "data-testid": dataTestId || (name ? `${name}-input-password` : 'input-password'), "data-tour": dataTour, "date-testid": dataTestId, disabled: isDisabled, placeholder: placeholder, value: value, onBlur: onBlur, onChange: onChange, onFocus: onFocus, onKeyDown: onKeyDown }), _jsx(Icon, { className: "input-password__icon", size: iconSize, iconFill: iconFill, iconFillHover: iconFillHover, imageSrc: isRevealed ? imageRevealableHide : imageRevealableShow, shape: iconShape, SvgImage: isRevealed ? iconRevealableHide : iconRevealableShow, onClick: onClickIconReveal })] }));
 }
 export { InputPassword, inputPasswordConfig };

package/dist/types/components/InputPassword/appearance/inputPasswordShape.js

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

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

@@ -1,5 +1,5 @@
 import { CSSProperties, MouseEvent, ReactNode } from 'react';
-import { AlignProps, AppearanceConfig, AppearanceKeysDefault, BorderColorProps, BorderTypeProps, CompositeAppearanceKeys, FillGradientProps, FillHoverProps, FillProps, ShapeProps, ShapeStrengthProps, SizeProps, WrapProps } from '@itcase/types-ui';
+import { AlignProps, AppearanceConfig, AppearanceKeysDefault, BorderColorProps, BorderTypeProps, CompositeAppearanceKeys, FillGradientProps, FillHoverProps, FillProps, ShapeProps, SizeProps, WrapProps } 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';
@@ -30,7 +30,6 @@ type LabelAppearanceProps = {
     labelTextWeight?: TextProps['textWeight'];
     labelTextWrap?: TextProps['textWrap'];
     shape?: ShapeProps;
-    shapeStrength?: ShapeStrengthProps;
     size?: SizeProps;
     tooltipAlignment?: TooltipProps['alignment'];
     tooltipAppearance?: TooltipProps['appearance'];

package/dist/types/components/Label/Label.js

@@ -23,8 +23,8 @@ function Label(props) {
     }, []);
     const appearanceConfig = useAppearanceConfig(appearance, labelConfig, isDisabled);
     const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
-    const { alignClass, fillClass, fillHoverClass, labelTextColor, labelTextColorHover, labelTextSize, labelTextWeight, labelTextWrap, borderColorClass, borderTypeClass, iconAfter, iconAfterFill, iconAfterFillIcon, iconAfterFillSize, iconAfterShape, iconAfterSize, iconAfterSrc, iconBefore, iconBeforeFill, iconBeforeFillIcon, iconBeforeFillSize, iconBeforeShape, iconBeforeSize, iconBeforeSrc, shapeClass, shapeStrengthClass, sizeClass, tooltipAlignment, tooltipAppearance, tooltipArrowPosition, tooltipText, tooltipTextSize, tooltipTextWeight, tooltipTitle, tooltipTitleSize, tooltipTitleWeight, widthClass, wrapClass, } = propsGenerator;
+    const { alignClass, fillClass, fillHoverClass, labelTextColor, labelTextColorHover, labelTextSize, labelTextWeight, labelTextWrap, borderColorClass, borderTypeClass, iconAfter, iconAfterFill, iconAfterFillIcon, iconAfterFillSize, iconAfterShape, iconAfterSize, iconAfterSrc, iconBefore, iconBeforeFill, iconBeforeFillIcon, iconBeforeFillSize, iconBeforeShape, iconBeforeSize, iconBeforeSrc, shapeClass, sizeClass, tooltipAlignment, tooltipAppearance, tooltipArrowPosition, tooltipText, tooltipTextSize, tooltipTextWeight, tooltipTitle, tooltipTitleSize, tooltipTitleWeight, widthClass, wrapClass, } = propsGenerator;
     const { styles: labelStyles } = useStyles(props);
-    return (_jsxs("div", { className: clsx(className, 'label', fillClass && `fill_${fillClass}`, fillHoverClass && `fill_hover_${fillHoverClass}`, shapeClass && `shape_${shapeClass}`, borderColorClass && `border-color_${borderColorClass}`, borderTypeClass && `border_type_${borderTypeClass}`, sizeClass && `label_size_${sizeClass}`, wrapClass && `word-wrap_${wrapClass}`, widthClass && `label_width_${widthClass}`, alignClass && `align_${alignClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`, isSkeleton && `skeleton`, onClick && (cursor || 'cursor_type_pointer')), "data-testid": dataTestId, "data-tour": dataTour, style: labelStyles, onClick: onClick, onMouseEnter: onMouseEnterLabel, onMouseLeave: onMouseLeaveLabel, children: [before, (iconBefore || iconBeforeSrc) && (_jsx(Icon, { className: clsx('label__icon_before'), fill: iconBeforeFill, fillSize: iconBeforeFillSize, iconFill: iconBeforeFillIcon, iconSize: iconBeforeSize, imageSrc: iconBeforeSrc, shape: iconBeforeShape, SvgImage: iconBefore })), _jsxs("div", { className: "label__inner", children: [typeof label === 'string' ? (_jsx(Text, { className: "label__text", size: labelTextSize, textColor: labelTextColor, textColorHover: labelTextColorHover, textWeight: labelTextWeight, textWrap: labelTextWrap, children: label })) : (_jsx("div", { className: "label__text", children: label })), children, tooltipContent && (_jsx(Tooltip, { appearance: tooltipAppearance, className: "label__tooltip", ref: tooltipRef, alignment: tooltipAlignment, title: tooltipTitle, titleSize: tooltipTitleSize, titleWeight: tooltipTitleWeight, text: tooltipText, textSize: tooltipTextSize, textWeight: tooltipTextWeight, arrowPosition: tooltipArrowPosition, children: tooltipContent }))] }), (iconAfter || iconAfterSrc) && (_jsx(Icon, { className: clsx('label__icon_after'), fill: iconAfterFill, fillSize: iconAfterFillSize, iconFill: iconAfterFillIcon, iconSize: iconAfterSize, imageSrc: iconAfterSrc, shape: iconAfterShape, SvgImage: iconAfter })), after] }));
+    return (_jsxs("div", { className: clsx(className, 'label', fillClass && `fill_${fillClass}`, fillHoverClass && `fill_hover_${fillHoverClass}`, shapeClass && `shape_${shapeClass}`, borderColorClass && `border-color_${borderColorClass}`, borderTypeClass && `border_type_${borderTypeClass}`, sizeClass && `label_size_${sizeClass}`, wrapClass && `word-wrap_${wrapClass}`, widthClass && `label_width_${widthClass}`, alignClass && `align_${alignClass}`, isSkeleton && `skeleton`, onClick && (cursor || 'cursor_type_pointer')), "data-testid": dataTestId, "data-tour": dataTour, style: labelStyles, onClick: onClick, onMouseEnter: onMouseEnterLabel, onMouseLeave: onMouseLeaveLabel, children: [before, (iconBefore || iconBeforeSrc) && (_jsx(Icon, { className: clsx('label__icon_before'), fill: iconBeforeFill, fillSize: iconBeforeFillSize, iconFill: iconBeforeFillIcon, iconSize: iconBeforeSize, imageSrc: iconBeforeSrc, shape: iconBeforeShape, SvgImage: iconBefore })), _jsxs("div", { className: "label__inner", children: [typeof label === 'string' ? (_jsx(Text, { className: "label__text", size: labelTextSize, textColor: labelTextColor, textColorHover: labelTextColorHover, textWeight: labelTextWeight, textWrap: labelTextWrap, children: label })) : (_jsx("div", { className: "label__text", children: label })), children, tooltipContent && (_jsx(Tooltip, { appearance: tooltipAppearance, className: "label__tooltip", ref: tooltipRef, alignment: tooltipAlignment, title: tooltipTitle, titleSize: tooltipTitleSize, titleWeight: tooltipTitleWeight, text: tooltipText, textSize: tooltipTextSize, textWeight: tooltipTextWeight, arrowPosition: tooltipArrowPosition, children: tooltipContent }))] }), (iconAfter || iconAfterSrc) && (_jsx(Icon, { className: clsx('label__icon_after'), fill: iconAfterFill, fillSize: iconAfterFillSize, iconFill: iconAfterFillIcon, iconSize: iconAfterSize, imageSrc: iconAfterSrc, shape: iconAfterShape, SvgImage: iconAfter })), after] }));
 }
 export { Label, labelConfig };

package/dist/types/components/Label/appearance/labelShape.js

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

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

@@ -1,5 +1,5 @@
 import { CSSProperties, ReactNode } from 'react';
-import { AppearanceConfig, AppearanceKeysDefault, BorderColorProps, CompositeAppearanceKeys, FillProps, ItemFillProps, ShapeProps, ShapeStrengthProps, SizeProps } from '@itcase/types-ui';
+import { AppearanceConfig, AppearanceKeysDefault, BorderColorProps, CompositeAppearanceKeys, FillProps, ItemFillProps, ShapeProps, SizeProps } from '@itcase/types-ui';
 import { StyleAttributes } from '@itcase/ui-core/hooks';
 import { TextProps } from '../Text/Text.interface';
 type LoaderAppearanceProps = {
@@ -19,7 +19,6 @@ type LoaderProps = LoaderAppearanceProps & StyleAttributes & {
     isDisabled?: boolean;
     isSkeleton?: boolean;
     shape?: ShapeProps;
-    shapeStrength?: ShapeStrengthProps;
     style?: CSSProperties;
     text?: string;
     type?: 'circular' | 'dot';

package/dist/types/components/Loader/Loader.js

@@ -13,8 +13,8 @@ function Loader(props) {
     const { appearance, className, dataTestId, dataTour, type = 'dot', text, isDisabled, isSkeleton, children, } = props;
     const appearanceConfig = useAppearanceConfig(appearance, loaderConfig, isDisabled);
     const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
-    const { fillClass, borderColorClass, textColor, textSize, heightClass, itemFillClass, shapeClass, shapeStrengthClass, sizeClass, widthClass, } = propsGenerator;
+    const { fillClass, borderColorClass, textColor, textSize, heightClass, itemFillClass, shapeClass, sizeClass, widthClass, } = propsGenerator;
     const { styles: loader } = useStyles(props);
-    return (_jsxs("div", { className: clsx('loader', className, widthClass && `width_${widthClass}`, heightClass && `height_${heightClass}`, fillClass && `fill_${fillClass}`, sizeClass && `loader_size_${sizeClass}`, isSkeleton && `skeleton`, type && `loader_type_${type}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`), "data-testid": dataTestId, "data-tour": dataTour, style: loader, children: [children || (_jsxs("div", { className: "loader__inner", children: [_jsx("span", { className: clsx('loader__item', itemFillClass && `fill_${itemFillClass}`, type === 'circular' && `border-color_${borderColorClass}`), children: "\u00A0" }), _jsx("span", { className: clsx('loader__item', itemFillClass && `fill_${itemFillClass}`), children: "\u00A0" }), _jsx("span", { className: clsx('loader__item', itemFillClass && `fill_${itemFillClass}`), children: "\u00A0" })] })), text && (_jsx(Text, { className: "loader__text", size: textSize, textColor: textColor, children: text }))] }));
+    return (_jsxs("div", { className: clsx('loader', className, widthClass && `width_${widthClass}`, heightClass && `height_${heightClass}`, fillClass && `fill_${fillClass}`, sizeClass && `loader_size_${sizeClass}`, isSkeleton && `skeleton`, type && `loader_type_${type}`, shapeClass && `shape_${shapeClass}`), "data-testid": dataTestId, "data-tour": dataTour, style: loader, children: [children || (_jsxs("div", { className: "loader__inner", children: [_jsx("span", { className: clsx('loader__item', itemFillClass && `fill_${itemFillClass}`, type === 'circular' && `border-color_${borderColorClass}`), children: "\u00A0" }), _jsx("span", { className: clsx('loader__item', itemFillClass && `fill_${itemFillClass}`), children: "\u00A0" }), _jsx("span", { className: clsx('loader__item', itemFillClass && `fill_${itemFillClass}`), children: "\u00A0" })] })), text && (_jsx(Text, { className: "loader__text", size: textSize, textColor: textColor, children: text }))] }));
 }
 export { Loader, loaderConfig };

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

@@ -1,6 +1,6 @@
 import type { CSSProperties, ElementType, ReactNode } from 'react';
 import type { LinkProps } from 'react-scroll';
-import type { AlignProps, AppearanceConfig, AppearanceKeysDefault, ArrowPosition, BorderColorProps, CompositeAppearanceKeys, DirectionProps, FillActiveHoverProps, FillActiveProps, FillHoverProps, FillProps, JustifyContentProps, ShapeProps, ShapeStrengthProps, TextSizeProps, UnderlineProps } from '@itcase/types-ui';
+import type { AlignProps, AppearanceConfig, AppearanceKeysDefault, ArrowPosition, BorderColorProps, CompositeAppearanceKeys, DirectionProps, FillActiveHoverProps, FillActiveProps, FillHoverProps, FillProps, JustifyContentProps, ShapeProps, TextSizeProps, UnderlineProps } from '@itcase/types-ui';
 import { StyleAttributes } from '@itcase/ui-core/hooks';
 import type { IconProps } from '../Icon/Icon.interface';
 import type { TextProps } from '../Text/Text.interface';
@@ -47,11 +47,9 @@ type MenuItemAppearanceProps = {
     labelWeight?: TextProps['textWeight'];
     labelWrap?: TextProps['textWrap'];
     shape?: ShapeProps;
-    shapeStrength?: ShapeStrengthProps;
     size?: TextSizeProps;
     tooltipFill?: TooltipProps['fill'];
     tooltipShape?: TooltipProps['shape'];
-    tooltipShapeStrength?: TooltipProps['shapeStrength'];
     tooltipSize?: TooltipProps['size'];
     tooltipText?: TooltipProps['text'];
     tooltipTextColor?: TooltipProps['textColor'];

package/dist/types/components/MenuItem/MenuItem.js

@@ -17,18 +17,16 @@ function MenuItem(props) {
     const { appearance, className, dataTestId, dataTour, label, easing, href, link, LinkComponent, rel, showTooltip, target, tooltipAppearance, tooltipArrowPosition, tooltipContent, underline, before, after, isActive, isDisabled, onClick, children, } = props;
     const appearanceConfig = useAppearanceConfig(appearance, menuItemConfig, isDisabled);
     const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
-    const { directionClass, justifyContentClass, alignClass, alignDirectionClass, fillActiveClass, fillActiveHoverClass, fillClass, fillHoverClass, labelTextActiveColor, labelTextActiveColorHover, labelTextColor, labelTextColorDisabled, labelTextColorHover, labelTextSize, labelWeight, labelWrap, borderColorClass, iconAfter, iconAfterFill, iconAfterFillIcon, iconAfterFillSize, iconAfterShape, iconAfterSize, iconAfterSrc, iconBadgeAppearance, iconBadgeShape, iconBadgeSize, iconBadgeTextColor, iconBadgeTextSize, iconBadgeValue, iconBefore, iconBeforeFill, iconBeforeFillIcon, iconBeforeFillSize, iconBeforeShape, iconBeforeSize, iconBeforeSrc, shapeClass, shapeStrengthClass, sizeClass, tooltipFill, tooltipPlacement = 'top', tooltipShape, tooltipShapeStrength, tooltipSize, tooltipText, tooltipTextColor, tooltipTextSize, tooltipTitle, tooltipTitleTextColor, typeClass, widthClass, isSkeleton, } = propsGenerator;
+    const { directionClass, justifyContentClass, alignClass, alignDirectionClass, fillActiveClass, fillActiveHoverClass, fillClass, fillHoverClass, labelTextActiveColor, labelTextActiveColorHover, labelTextColor, labelTextColorDisabled, labelTextColorHover, labelTextSize, labelWeight, labelWrap, borderColorClass, iconAfter, iconAfterFill, iconAfterFillIcon, iconAfterFillSize, iconAfterShape, iconAfterSize, iconAfterSrc, iconBadgeAppearance, iconBadgeShape, iconBadgeSize, iconBadgeTextColor, iconBadgeTextSize, iconBadgeValue, iconBefore, iconBeforeFill, iconBeforeFillIcon, iconBeforeFillSize, iconBeforeShape, iconBeforeSize, iconBeforeSrc, shapeClass, sizeClass, tooltipFill, tooltipPlacement = 'top', tooltipShape, tooltipSize, tooltipText, tooltipTextColor, tooltipTextSize, tooltipTitle, tooltipTitleTextColor, typeClass, widthClass, isSkeleton, } = propsGenerator;
     const { styles: menuItem } = useStyles(props);
     const TooltipWrapperComponent = showTooltip ? TooltipWrapper : React.Fragment;
-    return (_jsx(TooltipWrapperComponent, { appearance: tooltipAppearance, minWidth: "auto", size: tooltipSize, fill: tooltipFill, title: tooltipTitle, titleColor: tooltipTitleTextColor, text: tooltipText, textColor: tooltipTextColor, textSize: tooltipTextSize, arrowPosition: tooltipArrowPosition, placement: tooltipPlacement, shape: tooltipShape, shapeStrength: tooltipShapeStrength, tooltipContent: tooltipContent, children: _jsx("div", { className: clsx('menu-item', easing && `easing_${easing}`, isActive && 'menu-item_state_active', isDisabled && `menu-item_state_disabled`, directionClass && `menu-item_direction_${directionClass}`, className, (iconBefore || iconBeforeSrc || iconAfter || iconAfterSrc) &&
+    return (_jsx(TooltipWrapperComponent, { appearance: tooltipAppearance, minWidth: "auto", size: tooltipSize, fill: tooltipFill, title: tooltipTitle, titleColor: tooltipTitleTextColor, text: tooltipText, textColor: tooltipTextColor, textSize: tooltipTextSize, arrowPosition: tooltipArrowPosition, placement: tooltipPlacement, shape: tooltipShape, tooltipContent: tooltipContent, children: _jsx("div", { className: clsx('menu-item', easing && `easing_${easing}`, isActive && 'menu-item_state_active', isDisabled && `menu-item_state_disabled`, directionClass && `menu-item_direction_${directionClass}`, className, (iconBefore || iconBeforeSrc || iconAfter || iconAfterSrc) &&
                 'menu-item_label-icon', sizeClass && `menu-item_size_${sizeClass}`, borderColorClass && `border-color_${borderColorClass}`, !isActive
                 ? fillClass && `fill_${fillClass}`
                 : fillActiveClass && `fill_active_${fillActiveClass}`, !isActive
                 ? fillHoverClass && `fill_hover_${fillHoverClass}`
                 : fillActiveHoverClass &&
-                    `fill_active_hover_${fillActiveHoverClass}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass
-                ? `shape-strength_${shapeStrengthClass}`
-                : shapeClass === 'rounded' && 'shape-strength_default', typeClass && `menu-item_type_${typeClass}`, widthClass && `width_${widthClass}`, justifyContentClass &&
+                    `fill_active_hover_${fillActiveHoverClass}`, shapeClass && `shape_${shapeClass}`, shapeClass === 'rounded' && 'shape-strength_default', typeClass && `menu-item_type_${typeClass}`, widthClass && `width_${widthClass}`, justifyContentClass &&
                 `menu-item_justify-content_${justifyContentClass}`, isSkeleton && `skeleton`), "data-testid": dataTestId, "data-tour": dataTour, style: menuItem, children: _jsxs(Link, { className: clsx('menu-item__wrapper', alignDirectionClass && `align_${alignDirectionClass}`, alignClass && `align_${alignClass}`), href: link || href, LinkComponent: LinkComponent, rel: rel, target: target, underline: underline, onClick: onClick, children: [before, children || (_jsxs(React.Fragment, { children: [(iconBefore || iconBeforeSrc) && (_jsx(Icon, { className: clsx('menu-item__icon_before', iconBadgeValue && 'menu-item__icon_before-badge'), fill: iconBeforeFill, fillSize: iconBeforeFillSize, badgeAppearance: iconBadgeAppearance, badgeClass: 'menu-item__icon_before_badge', badgeShape: iconBadgeShape, badgeSize: iconBadgeSize, badgeTextColor: iconBadgeTextColor, badgeTextSize: iconBadgeTextSize, badgeValue: iconBadgeValue, iconFill: iconBeforeFillIcon, iconSize: iconBeforeSize, imageSrc: iconBeforeSrc, shape: iconBeforeShape, SvgImage: iconBefore })), label && (_jsx(Text, { className: "menu-item__label", size: labelTextSize, textColor: labelTextColor, textColorActive: labelTextActiveColor, textColorActiveHover: labelTextActiveColorHover, textColorDisabled: labelTextColorDisabled, textColorHover: labelTextColorHover, textWeight: labelWeight, textWrap: labelWrap, isActive: isActive, isDisabled: isDisabled, children: label })), (iconAfter || iconAfterSrc) && (_jsx(Icon, { className: clsx('menu-item__icon_after', iconBadgeValue && 'menu-item__icon_after-badge'), fill: iconAfterFill, fillSize: iconAfterFillSize, badgeAppearance: iconBadgeAppearance, badgeClass: "menu-item__icon_after_badge", badgeShape: iconBadgeShape, badgeSize: iconBadgeSize, badgeTextColor: iconBadgeTextColor, badgeTextSize: iconBadgeTextSize, badgeValue: iconBadgeValue, iconFill: iconAfterFillIcon, iconSize: iconAfterSize, imageSrc: iconAfterSrc, shape: iconAfterShape, SvgImage: iconAfter }))] })), after] }) }) }));
 }
 export { MenuItem, menuItemConfig };

package/dist/types/components/MenuItem/appearance/menuItemShape.js

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

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

@@ -21,7 +21,6 @@ declare const Modal: React.ForwardRefExoticComponent<{
     overlayOpacity?: import("src/components/Overlay").OverlayProps["opacity"];
     print?: boolean;
     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/Modal/Modal.interface.d.ts

@@ -1,5 +1,5 @@
 import { CSSProperties, MouseEventHandler, ReactNode } from 'react';
-import { AppearanceConfig, AppearanceIconSizeKey, AppearanceKeysDefault, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceKeys, ElevationProps, FillProps, ItemFillProps, ShapeProps, ShapeStrengthProps, SizeProps, WidthProps } from '@itcase/types-ui';
+import { AppearanceConfig, AppearanceIconSizeKey, AppearanceKeysDefault, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceKeys, ElevationProps, FillProps, ItemFillProps, ShapeProps, SizeProps, WidthProps } from '@itcase/types-ui';
 import { StyleAttributes } from '@itcase/ui-core/hooks';
 import { IconProps } from 'src/components/Icon/Icon.interface';
 import { OverlayProps } from 'src/components/Overlay/Overlay.interface';
@@ -25,7 +25,6 @@ type ModalAppearanceProps = {
     overlayOpacity?: OverlayProps['opacity'];
     print?: boolean;
     shape?: ShapeProps;
-    shapeStrength?: ShapeStrengthProps;
     size?: SizeProps;
     textColor?: TextProps['textColor'];
     textSize?: TextProps['size'];