@itcase/ui 1.9.28 → 1.9.30

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

@@ -10,13 +10,16 @@ declare const Button: React.ForwardRefExoticComponent<{
     fillHover?: import("@itcase/types").FillHoverProps;
     icon?: import("../Icon/Icon.interface").IconProps["SvgImage"];
     iconAfter?: import("../Icon/Icon.interface").IconProps["SvgImage"];
+    iconAfterAppearance?: import("../Icon/Icon.interface").IconProps["appearance"];
     iconAfterFill?: import("../Icon/Icon.interface").IconProps["fill"];
     iconAfterFillIcon?: import("../Icon/Icon.interface").IconProps["iconFillIcon"];
     iconAfterFillSize?: import("../Icon/Icon.interface").IconProps["fillSize"];
     iconAfterShape?: import("../Icon/Icon.interface").IconProps["shape"];
     iconAfterSize?: import("../Icon/Icon.interface").IconProps["iconSize"];
     iconAfterSrc?: import("../Icon/Icon.interface").IconProps["imageSrc"];
+    iconAppearance?: import("../Icon/Icon.interface").IconProps["appearance"];
     iconBefore?: import("../Icon/Icon.interface").IconProps["SvgImage"];
+    iconBeforeAppearance?: import("../Icon/Icon.interface").IconProps["appearance"];
     iconBeforeFill?: import("../Icon/Icon.interface").IconProps["fill"];
     iconBeforeFillIcon?: import("../Icon/Icon.interface").IconProps["iconFillIcon"];
     iconBeforeFillSize?: import("../Icon/Icon.interface").IconProps["fillSize"];
@@ -45,6 +48,8 @@ declare const Button: React.ForwardRefExoticComponent<{
     shapeStrength?: import("@itcase/types").ShapeStrengthProps;
     size?: import("@itcase/types").SizeProps;
     wrap?: import("@itcase/types").WrapProps;
+    zeroGap?: boolean;
+    zeroPadding?: boolean;
 } & import("../../hooks/useStyles/styleAttributes.interface").StyleAttributes & {
     after?: string;
     appearance?: import("@itcase/types").CompositeAppearanceKey;

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

@@ -13,13 +13,16 @@ type ButtonAppearanceProps = {
     fillHover?: FillHoverProps;
     icon?: IconProps['SvgImage'];
     iconAfter?: IconProps['SvgImage'];
+    iconAfterAppearance?: IconProps['appearance'];
     iconAfterFill?: IconProps['fill'];
     iconAfterFillIcon?: IconProps['iconFillIcon'];
     iconAfterFillSize?: IconProps['fillSize'];
     iconAfterShape?: IconProps['shape'];
     iconAfterSize?: IconProps['iconSize'];
     iconAfterSrc?: IconProps['imageSrc'];
+    iconAppearance?: IconProps['appearance'];
     iconBefore?: IconProps['SvgImage'];
+    iconBeforeAppearance?: IconProps['appearance'];
     iconBeforeFill?: IconProps['fill'];
     iconBeforeFillIcon?: IconProps['iconFillIcon'];
     iconBeforeFillSize?: IconProps['fillSize'];
@@ -48,6 +51,8 @@ type ButtonAppearanceProps = {
     shapeStrength?: ShapeStrengthProps;
     size?: SizeProps;
     wrap?: WrapProps;
+    zeroGap?: boolean;
+    zeroPadding?: boolean;
 };
 type ButtonProps = ButtonAppearanceProps & StyleAttributes & {
     after?: string;

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

@@ -0,0 +1,3 @@
+import { InputNumberAppearance } from './InputNumber.interfaces';
+declare const inputNumberAppearance: InputNumberAppearance;
+export { inputNumberAppearance };

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

@@ -0,0 +1,3 @@
+import { InputNumberProps } from './InputNumber.interfaces';
+declare const InputNumber: (props: InputNumberProps) => import("react/jsx-runtime").JSX.Element;
+export { InputNumber };

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

@@ -0,0 +1,48 @@
+import { CSSProperties } from 'react';
+import { AppearanceKeysDefault, AppearanceShapeKey, AppearanceStyleKey, AppearanceTitleSizeKey, BorderColorHoverProps, BorderColorProps, BorderWidthProps, CompositeAppearanceTitleKey, FillHoverProps, FillProps, ShapeProps, ShapeStrengthProps, SvgFillHoverProps, SvgFillProps } from '@itcase/types';
+import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
+import { IconProps } from '../Icon/Icon.interface';
+import { TextProps } from '../Text/Text.interface';
+interface InputNumberAppearanceProps {
+    borderColor?: BorderColorProps;
+    borderColorHover?: BorderColorHoverProps;
+    borderWidth?: BorderWidthProps;
+    fill?: FillProps;
+    fillHover?: FillHoverProps;
+    iconFill?: IconProps['fill'];
+    iconFillHover?: IconProps['fillHover'];
+    iconFillIcon?: IconProps['fill'];
+    iconMinus?: IconProps['icon'];
+    iconPlus?: IconProps['icon'];
+    iconShape?: IconProps['iconShape'];
+    iconSize?: IconProps['size'];
+    inputNumberTextColor?: TextProps['textColor'];
+    inputNumberTextSize?: TextProps['size'];
+    inputNumberTextWeight?: TextProps['textWeight'];
+    shape?: ShapeProps;
+    shapeStrength?: ShapeStrengthProps;
+    size?: TextProps['size'];
+    svgFill?: SvgFillProps;
+    svgFillHover?: SvgFillHoverProps;
+}
+type InputNumberProps = InputNumberAppearanceProps & StyleAttributes & {
+    id?: number;
+    appearance?: CompositeAppearanceTitleKey;
+    className?: string;
+    max?: number;
+    min?: number;
+    onChange?: (number: number) => void;
+    step?: number;
+    style?: CSSProperties;
+    type?: 'custom' | 'number';
+    value?: number;
+};
+type InputNumberAppearanceKey = AppearanceKeysDefault | AppearanceShapeKey | AppearanceStyleKey | AppearanceTitleSizeKey;
+type InputNumberAppearance = {
+    [key in InputNumberAppearanceKey]?: InputNumberAppearanceProps;
+};
+type InputNumberConfig = {
+    appearance: InputNumberAppearance;
+    setAppearance: (appearanceConfig: InputNumberAppearance) => void;
+};
+export type { InputNumberAppearance, InputNumberConfig, InputNumberProps };

package/dist/types/components/InputNumber/appearance/InputNumberDefault.d.ts

@@ -0,0 +1,3 @@
+import { InputNumberAppearance } from '../InputNumber.interfaces';
+declare const inputNumberAppearanceDefault: InputNumberAppearance;
+export { inputNumberAppearanceDefault };

package/dist/types/components/InputNumber/appearance/InputNumberShape.d.ts

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

package/dist/types/components/InputNumber/appearance/inputNumberSize.d.ts

@@ -0,0 +1,33 @@
+declare const inputNumberAppearanceSize: {
+    sizeXXL: {
+        size: string;
+        iconFillSize: string;
+        iconSize: string;
+        inputNumberTextSize: string;
+    };
+    sizeXL: {
+        size: string;
+        iconFillSize: string;
+        iconSize: string;
+        inputNumberTextSize: string;
+    };
+    sizeL: {
+        size: string;
+        iconFillSize: string;
+        iconSize: string;
+        inputNumberTextSize: string;
+    };
+    sizeM: {
+        size: string;
+        iconFillSize: string;
+        iconSize: string;
+        inputNumberTextSize: string;
+    };
+    sizeS: {
+        size: string;
+        iconFillSize: string;
+        iconSize: string;
+        inputNumberTextSize: string;
+    };
+};
+export { inputNumberAppearanceSize };

package/dist/types/components/InputNumber/appearance/inputNumberStyle.d.ts

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

package/dist/types/components/InputNumber/appearance/inputNumberSurface.d.ts

@@ -0,0 +1,3 @@
+import { InputNumberAppearance } from '../InputNumber.interfaces';
+declare const inputNumberAppearanceSurface: InputNumberAppearance;
+export { inputNumberAppearanceSurface };

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

@@ -0,0 +1,2 @@
+export { InputNumber } from './InputNumber';
+export { inputNumberAppearance } from './InputNumber.appearance';

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

@@ -20,6 +20,7 @@ export interface RangeSliderProps extends StyleAttributes {
     pushable?: boolean;
     range?: boolean;
     shape?: ShapeProps;
+    step?: number;
     style?: CSSProperties;
     value?: number;
     vertical?: boolean;

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

@@ -1,92 +1,120 @@
 import type { CSSProperties, ReactNode } from 'react';
-import { AlignDirectionProps, AlignProps, AppearanceKeysDefault, BorderColorProps, BorderTypeProps, BorderWidthProps, DirectionProps, FillHoverProps, FillProps, JustifyContentProps, ShapeProps, SizeProps, TextAlignProps, TextColorActiveProps, TextColorHoverProps, TextColorProps, TextGradientProps, TextSizeProps, TextStyleProps, TextWeightProps, TextWrapProps, WidthProps, WrapProps } from '@itcase/types';
+import { AlignDirectionProps, AlignProps, AppearanceKeysDefault, AppearanceSizeKey, BorderColorProps, BorderTypeProps, BorderWidthProps, DirectionProps, FillActiveProps, FillHoverProps, FillProps, JustifyContentProps, ShapeProps, ShapeStrengthProps, SizeProps, TextAlignProps, TextColorHoverProps, TextColorProps, TextGradientProps, TextStyleProps, TextWeightProps, TextWrapProps, WidthProps, WrapProps } from '@itcase/types';
 import type { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
-interface TabThemeColor {
-    [key: number | string | symbol]: any;
+import { BadgeProps } from '../Badge/Badge.interface';
+import { DividerProps } from '../Divider/Divider.interface';
+import { IconProps } from '../Icon/Icon.interface';
+import { TextProps } from '../Text/Text.interface';
+type TabAppearanceProps = {
     align?: AlignProps;
     alignDirection?: AlignDirectionProps;
-    badgeAppearance?: AppearanceKeysDefault;
-    badgeSize?: SizeProps;
-    badgeTextColor?: TextColorProps;
-    badgeTextSize?: TextSizeProps;
-    badgeValue?: string;
-    dividerDirection?: DirectionProps;
-    dividerFill?: FillProps;
-    dividerFillActive?: FillProps;
-    dividerFillActiveHover?: FillHoverProps;
-    dividerFillDisabled?: FillProps;
-    dividerFillHover?: FillHoverProps;
-    dividerSize?: SizeProps;
+    badgeAppearance?: BadgeProps['appearance'];
+    badgeAppearanceSize?: AppearanceSizeKey;
+    badgeShape?: BadgeProps['shape'];
+    badgeSize?: BadgeProps['size'];
+    badgeTextColor?: BadgeProps['textColor'];
+    badgeTextSize?: BadgeProps['textSize'];
+    badgeValue?: BadgeProps['value'];
+    dividerDirection?: DividerProps['direction'];
+    dividerFill?: DividerProps['fill'];
+    dividerFillActive?: DividerProps['fillActive'];
+    dividerFillActiveHover?: DividerProps['fillActiveHover'];
+    dividerFillDisabled?: DividerProps['fillDisabled'];
+    dividerFillHover?: DividerProps['fillHover'];
+    dividerSize?: DividerProps['size'];
     fill?: FillProps;
-    fillActive?: FillProps;
+    fillActive?: FillActiveProps;
     fillActiveHover?: FillHoverProps;
     fillDisabled?: FillProps;
     fillHover?: FillHoverProps;
+    icon?: IconProps['SvgImage'];
+    iconFill?: IconProps['fill'];
+    iconFillIcon?: IconProps['iconFill'];
+    iconFillSize?: IconProps['iconFillSize'];
+    iconShape?: IconProps['shape'];
+    iconSize?: IconProps['size'];
+    iconSrc?: IconProps['imageSrc'];
     justifyContent?: JustifyContentProps;
     label?: string;
-    labelColor?: TextColorProps;
-    labelColorActive?: TextColorActiveProps;
+    labelColorActive?: TextProps['textColorActive'];
     labelColorDisabled?: TextColorProps;
     labelTextAlign?: TextAlignProps;
+    labelTextColor?: TextProps['textColor'];
+    labelTextColorActive?: TextProps['textColorActive'];
+    labelTextColorActiveHover?: TextProps['textColorActiveHover'];
     labelTextColorHover?: TextColorHoverProps;
     labelTextGradient?: TextGradientProps;
-    labelTextSize?: TextSizeProps;
+    labelTextSize?: TextProps['size'];
     labelTextStyle?: TextStyleProps;
     labelTextWeight?: TextWeightProps;
     labelTextWrap?: TextWrapProps;
     linkFill?: FillProps;
     shape?: ShapeProps;
+    shapeStrength?: ShapeStrengthProps;
     size?: SizeProps;
     type?: string;
     width?: WidthProps;
-}
+};
 type TabAppearance = {
-    [key in AppearanceKeysDefault]?: TabThemeColor;
+    [key in AppearanceKeysDefault]?: TabAppearanceProps;
 };
-interface TabConfig {
-    [key: number | string | symbol]: any;
-    appearance: TabAppearance | undefined;
+type TabConfig = {
+    appearance: TabAppearance;
     setAppearance: (newComponent: TabAppearance) => void;
-}
-interface TabProps extends TabThemeColor, StyleAttributes {
-    [key: number | string | symbol]: any;
+};
+type TabProps = StyleAttributes & TabAppearanceProps & {
     after?: ReactNode;
     appearance?: AppearanceKeysDefault;
     before?: ReactNode;
     children?: ReactNode;
     className?: string;
+    dataTestId?: number;
     dataTour?: string;
     href?: string;
+    isActive?: boolean;
+    isDisabled?: boolean;
+    isHover?: boolean;
+    isSkeleton?: boolean;
     link?: string;
+    onClick?: () => void;
+    onMouseEnter?: () => void;
     rel?: string;
     reset?: boolean;
+    set?: string;
     style?: CSSProperties;
     target?: string;
+};
+interface TabGroupListItem {
+    badgeValue?: string;
+    icon?: string;
+    iconSrc?: string;
+    key?: number;
+    label?: string;
     isActive?: boolean;
-    isDisabled?: boolean;
-    isHover?: boolean;
     onClick?: () => void;
-    onMouseEnter?: () => void;
-    set?: string;
 }
-interface TabGroupProps extends StyleAttributes {
+type TabGroupAppearanceProps = {
     align?: AlignProps;
     alignDirection?: AlignDirectionProps;
     borderColor?: BorderColorProps;
     borderType?: BorderTypeProps;
     borderWidth?: BorderWidthProps;
-    children?: ReactNode;
-    className?: string;
     contentAlign?: AlignProps;
-    dataTestId?: string;
-    dataTour?: string;
     direction?: DirectionProps;
     fill?: FillProps;
-    horizontalScroll?: boolean;
-    style?: CSSProperties;
     width?: WidthProps;
     wrap?: WrapProps;
+};
+type TabGroupProps = StyleAttributes & TabGroupAppearanceProps & {
+    children?: ReactNode;
+    className?: string;
+    dataTestId?: string;
+    dataTour?: string;
+    horizontalScroll?: boolean;
     isSkeleton: boolean;
     set?: string;
-}
-export type { TabThemeColor, TabAppearance, TabConfig, TabProps, TabGroupProps };
+    style?: CSSProperties;
+    tabAppearance?: TabProps['appearance'];
+    tabList?: TabGroupListItem[];
+};
+export type { TabAppearance, TabConfig, TabGroupProps, TabProps };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/ui",
-  "version": "1.9.28",
+  "version": "1.9.30",
   "description": "UI components (Modal, Loader, Popup, etc)",
   "keywords": [
     "Modal",
@@ -102,18 +102,18 @@
   "dependencies": {
     "@emotion/is-prop-valid": "^1.4.0",
     "@itcase/common": "^1.2.34",
-    "@itcase/icons": "^1.2.27",
+    "@itcase/icons": "^1.2.28",
     "@itcase/storybook-config": "^1.2.29",
     "@itcase/tokens-am": "^1.1.37",
     "@itcase/tokens-baikal": "^1.1.37",
     "@itcase/tokens-palette": "^1.1.37",
     "clsx": "^2.1.1",
     "date-fns": "^4.1.0",
-    "framer-motion": "^12.23.24",
+    "framer-motion": "^12.23.25",
     "js-cookie": "^3.0.5",
     "lodash": "^4.17.21",
     "luxon": "^3.7.2",
-    "motion": "^12.23.24",
+    "motion": "^12.23.25",
     "rc-slider": "^11.1.9",
     "react": "^18.3.1",
     "react-dadata": "^2.27.4",
@@ -137,9 +137,9 @@
     "@babel/core": "^7.28.5",
     "@babel/preset-env": "^7.28.5",
     "@babel/preset-react": "^7.28.5",
-    "@commitlint/cli": "^20.1.0",
-    "@commitlint/config-conventional": "^20.0.0",
-    "@itcase/config": "^1.0.70",
+    "@commitlint/cli": "^20.2.0",
+    "@commitlint/config-conventional": "^20.2.0",
+    "@itcase/config": "^1.0.72",
     "@itcase/lint": "^1.1.69",
     "@itcase/types": "^1.1.0",
     "@rollup/plugin-alias": "^6.0.0",
@@ -167,15 +167,15 @@
     "eslint": "9.39.1",
     "husky": "^9.1.7",
     "lint-staged": "^16.2.7",
-    "prettier": "^3.6.2",
+    "prettier": "^3.7.4",
     "rollup": "^4.53.3",
     "rollup-plugin-copy": "^3.5.0",
     "rollup-plugin-dts": "^6.3.0",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-preserve-directives": "^1.1.3",
     "semantic-release": "^24.2.9",
-    "storybook": "^10.1.0",
-    "stylelint": "^16.26.0",
+    "storybook": "^10.1.4",
+    "stylelint": "^16.26.1",
     "typescript": "^5.9.3"
   }
 }