@itcase/ui 1.8.35 → 1.8.37

package/dist/types/components/Icon/appearance/iconError.d.ts

@@ -2,14 +2,14 @@ declare const iconAppearanceError: {
     error: {
         fill: string;
         fillHover: string;
-        labelTextColor: string;
-        labelTextColorHover: string;
+        badgeAppearance: string;
+        iconFill: string;
     };
     errorPrimary: {
         fill: string;
         fillHover: string;
-        labelTextColor: string;
-        labelTextColorHover: string;
+        badgeAppearance: string;
+        iconFill: string;
     };
 };
 export { iconAppearanceError };

package/dist/types/components/Icon/appearance/iconInfo.d.ts

@@ -2,15 +2,18 @@ declare const iconAppearanceInfo: {
     info: {
         fill: string;
         fillHover: string;
-        labelTextColor: string;
-        labelTextColorHover: string;
         borderColor: string;
     };
+    infoPrimary: {
+        fill: string;
+        fillHover: string;
+        borderColor: string;
+        badgeAppearance: string;
+        iconFill: string;
+    };
     infoSecondary: {
         fill: string;
         fillHover: string;
-        labelTextColor: string;
-        labelTextColorHover: string;
         borderColor: string;
     };
 };

package/dist/types/components/Icon/appearance/iconPrimary.d.ts

@@ -2,12 +2,14 @@ declare const iconAppearancePrimary: {
     primary: {
         fill: string;
         fillHover: string;
-        labelTextColor: string;
+        badgeAppearance: string;
+        iconFill: string;
     };
     primaryPrimary: {
         fill: string;
         fillHover: string;
-        labelTextColor: string;
+        badgeAppearance: string;
+        iconFill: string;
     };
 };
 export { iconAppearancePrimary };

package/dist/types/components/Icon/appearance/iconSecondary.d.ts

@@ -2,12 +2,12 @@ declare const iconAppearanceSecondary: {
     secondary: {
         fill: string;
         fillHover: string;
-        labelTextColor: string;
     };
     secondaryPrimary: {
         fill: string;
         fillHover: string;
-        labelTextColor: string;
+        badgeAppearance: string;
+        iconFill: string;
     };
 };
 export { iconAppearanceSecondary };

package/dist/types/components/Icon/appearance/iconStyle.d.ts

@@ -1,15 +1,13 @@
 declare const iconAppearanceStyle: {
-    full: {
-        borderColor: string;
-    };
-    ghost: {
-        fill: string;
+    solid: {
         borderColor: string;
     };
     outlined: {
         fill: string;
     };
-    solid: {
+    full: {};
+    ghost: {
+        fill: string;
         borderColor: string;
     };
 };

package/dist/types/components/Icon/appearance/iconSuccess.d.ts

@@ -2,8 +2,6 @@ declare const iconAppearanceSuccess: {
     success: {
         fill: string;
         fillHover: string;
-        labelTextColor: string;
-        labelTextColorHover: string;
     };
     successPrimary: {
         fill: string;

package/dist/types/components/Icon/appearance/iconSurface.d.ts

@@ -2,29 +2,24 @@ declare const iconAppearanceSurface: {
     surfacePrimary: {
         fill: string;
         fillHover: string;
-        labelTextColor: string;
         badgeAppearance: string;
         iconFill: string;
     };
     surfaceSecondary: {
         fill: string;
         fillHover: string;
-        labelTextColor: string;
         badgeAppearance: string;
         iconFill: string;
     };
     surfaceTertiary: {
         fill: string;
         fillHover: string;
-        labelTextColor: string;
         badgeAppearance: string;
         iconFill: string;
     };
     surfaceQuaternary: {
         fill: string;
         fillHover: string;
-        labelTextColor: string;
-        labelTextColorHover: string;
         badgeAppearance: string;
         iconFill: string;
     };

package/dist/types/components/Icon/appearance/iconWarning.d.ts

@@ -2,14 +2,14 @@ declare const iconAppearanceWarning: {
     warning: {
         fill: string;
         fillHover: string;
-        labelTextColor: string;
-        labelTextColorHover: string;
+        badgeAppearance: string;
+        iconFill: string;
     };
     warningPrimary: {
         fill: string;
         fillHover: string;
-        labelTextColor: string;
-        labelTextColorHover: string;
+        badgeAppearance: string;
+        iconFill: string;
     };
 };
 export { iconAppearanceWarning };

package/dist/types/components/Input/appearance/inputDefault.d.ts

@@ -8,6 +8,7 @@ declare const inputAppearanceDefault: {
         caret: string;
         iconBeforeFill: string;
         iconClearFill: string;
+        placeholderTextColor: string;
     };
     defaultSecondary: {
         fill: string;

package/dist/types/components/Label/appearance/labelDisable.d.ts

@@ -1,12 +1,12 @@
 declare const labelAppearanceDisable: {
-    disablePrimary: {
+    disableMutedPrimary: {
         fill: string;
         labelTextColor: string;
         borderColor: string;
         iconAfterFillIcon: string;
         iconBeforeFillIcon: string;
     };
-    disableMuted: {
+    disablePrimary: {
         fill: string;
         labelTextColor: string;
         borderColor: string;

package/dist/types/components/Label/appearance/labelPrimary.d.ts

@@ -2,6 +2,7 @@ declare const labelAppearancePrimary: {
     primaryMutedPrimary: {
         fill: string;
         labelTextColor: string;
+        labelTextColorHover: string;
         borderColor: string;
         iconAfterFillIcon: string;
         iconBeforeFillIcon: string;

package/dist/types/components/Label/appearance/labelSurface.d.ts

@@ -2,6 +2,7 @@ declare const labelAppearanceSurface: {
     surfaceMutedPrimary: {
         fill: string;
         labelTextColor: string;
+        labelTextColorHover: string;
         borderColor: string;
         iconAfterFillIcon: string;
         iconBeforeFillIcon: string;

package/dist/types/components/MenuItem/appearance/menuItemStyle.d.ts

@@ -1,15 +1,13 @@
 declare const menuItemAppearanceStyle: {
-    full: {
-        borderColor: string;
-    };
-    ghost: {
-        fill: string;
+    solid: {
         borderColor: string;
     };
     outlined: {
         fill: string;
     };
-    solid: {
+    full: {};
+    ghost: {
+        fill: string;
         borderColor: string;
     };
 };

package/dist/types/components/MenuItem/appearance/menuItemSurface.d.ts

@@ -11,8 +11,13 @@ declare const menuItemAppearanceSurface: {
     };
     surfaceSecondary: {
         fill: string;
+        fillActive: string;
+        fillActiveHover: string;
         fillHover: string;
         labelTextColor: string;
+        borderColor: string;
+        iconAfterFillIcon: string;
+        iconBeforeFillIcon: string;
     };
     surfaceTertiary: {
         fill: string;

package/dist/types/components/Notification/appearance/notificationDefault.d.ts

@@ -7,7 +7,6 @@ declare const notificationAppearanceDefault: {
         descTextColor: string;
         descTextSize: string;
         borderColor: string;
-        elevation: number;
         textColor: string;
         iconSize: number;
         closeIcon: any;

package/dist/types/components/Notification/appearance/notificationError.d.ts

@@ -7,7 +7,6 @@ declare const notificationAppearanceError: {
         descTextColor: string;
         descTextSize: string;
         borderColor: string;
-        elevation: number;
         textColor: string;
         iconSize: number;
         closeIcon: any;

package/dist/types/components/Notification/appearance/notificationInfo.d.ts

@@ -7,7 +7,6 @@ declare const notificationAppearanceInfo: {
         descTextColor: string;
         descTextSize: string;
         borderColor: string;
-        elevation: number;
         textColor: string;
         iconSize: number;
         closeIcon: any;

package/dist/types/components/Notification/appearance/notificationSuccess.d.ts

@@ -7,7 +7,6 @@ declare const notificationAppearanceSuccess: {
         descTextColor: string;
         descTextSize: string;
         borderColor: string;
-        elevation: number;
         textColor: string;
         iconSize: number;
         closeIcon: any;

package/dist/types/components/Notification/appearance/notificationWarning.d.ts

@@ -7,7 +7,6 @@ declare const notificationAppearanceWarning: {
         descTextColor: string;
         descTextSize: string;
         borderColor: string;
-        elevation: number;
         textColor: string;
         iconSize: number;
         closeIcon: any;

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

@@ -26,9 +26,11 @@ export interface SegmentedConfig {
     appearance: SegmentedAppearanceType | undefined;
     setAppearance: (newComponent: SegmentedAppearanceType) => void;
 }
-interface Segment {
+export interface Segment {
+    iconAfter?: string;
+    iconBefore?: string;
     label: string;
-    value: string;
+    value: number;
 }
 export interface SegmentedProps extends SegmentedThemeColor, StyleAttributes {
     [key: number | string | symbol]: any;
@@ -40,6 +42,7 @@ export interface SegmentedProps extends SegmentedThemeColor, StyleAttributes {
     size?: string;
     type?: string;
     value?: string;
+    isActive?: boolean;
     isDisabled?: boolean;
     isSkeleton: boolean;
     onChange?: (value: string, name?: string) => void;

package/dist/types/components/Segmented/appearance/segmentedDefault.d.ts

@@ -5,19 +5,16 @@ declare const segmentedAppearanceDefault: {
         fillActiveHover: string;
         fillHover: string;
         labelTextActiveColor: string;
+        labelTextActiveHoverColor: string;
         labelTextColor: string;
+        borderColor: string;
+        iconAfterFill: string;
+        iconAfterFillActive: string;
+        iconBeforeFill: string;
+        iconBeforeFillActive: string;
+        iconFill: string;
+        iconFillActive: string;
         indicatorFill: string;
-        shape: string;
-    };
-    defaultSecondary: {
-        fill: string;
-        fillActive: string;
-        fillActiveHover: string;
-        fillHover: string;
-        labelTextActiveColor: string;
-        labelTextColor: string;
-        indicatorFill: string;
-        shape: string;
     };
 };
 export { segmentedAppearanceDefault };

package/dist/types/components/Segmented/appearance/segmentedDisabled.d.ts

@@ -1,18 +1,16 @@
 declare const segmentedAppearanceDisabled: {
     disabledPrimary: {
         fill: string;
+        fillActive: string;
+        labelTextActiveColor: string;
+        labelTextColor: string;
         borderColor: string;
-        borderHover: string;
-        textColor: string;
+        iconAfterFill: string;
+        iconAfterFillActive: string;
         iconBeforeFill: string;
-        iconClearFill: string;
-    };
-    disabledSecondary: {
-        fill: string;
-        borderColor: string;
-        borderHover: string;
-        iconBeforeFill: string;
-        iconClearFill: string;
+        iconBeforeFillActive: string;
+        iconFill: string;
+        iconFillActive: string;
     };
 };
 export { segmentedAppearanceDisabled };

package/dist/types/components/Segmented/appearance/segmentedError.d.ts

@@ -1,9 +1,18 @@
 declare const segmentedAppearanceError: {
-    error: {
+    errorPrimary: {
         fill: string;
+        fillActive: string;
         fillHover: string;
+        labelTextActiveColor: string;
         labelTextColor: string;
         labelTextColorHover: string;
+        borderColor: string;
+        iconAfterFill: string;
+        iconAfterFillActive: string;
+        iconBeforeFill: string;
+        iconBeforeFillActive: string;
+        iconFill: string;
+        iconFillActive: string;
     };
 };
 export { segmentedAppearanceError };

package/dist/types/components/Segmented/appearance/segmentedSize.d.ts

@@ -2,22 +2,27 @@ declare const segmentedAppearanceSize: {
     sizeL: {
         size: string;
         labelTextSize: string;
+        iconSize: string;
     };
     sizeM: {
         size: string;
         labelTextSize: string;
+        iconSize: string;
     };
     sizeS: {
         size: string;
         labelTextSize: string;
+        iconSize: string;
     };
     sizeXS: {
         size: string;
         labelTextSize: string;
+        iconSize: string;
     };
     sizeXSS: {
         size: string;
         labelTextSize: string;
+        iconSize: string;
     };
 };
 export { segmentedAppearanceSize };

package/dist/types/components/Segmented/appearance/segmentedStyle.d.ts

@@ -4,12 +4,12 @@ declare const segmentedAppearanceStyle: {
     };
     outlined: {
         fill: string;
+        fillActive: string;
     };
-    full: {
-        borderColor: string;
-    };
+    full: {};
     ghost: {
         fill: string;
+        fillActive: string;
         borderColor: string;
     };
 };

package/dist/types/components/Segmented/appearance/segmentedSuccess.d.ts

@@ -1,9 +1,18 @@
 declare const segmentedAppearanceSuccess: {
     successPrimary: {
         fill: string;
+        fillActive: string;
         fillHover: string;
+        labelTextActiveColor: string;
         labelTextColor: string;
-        labelTextColorHover: string;
+        labelTextHoverColor: string;
+        borderColor: string;
+        iconAfterFill: string;
+        iconAfterFillActive: string;
+        iconBeforeFill: string;
+        iconBeforeFillActive: string;
+        iconFill: string;
+        iconFillActive: string;
     };
 };
 export { segmentedAppearanceSuccess };

package/dist/types/components/Segmented/appearance/segmentedWarning.d.ts

@@ -1,9 +1,18 @@
 declare const segmentedAppearanceWarning: {
-    warning: {
+    warningPrimary: {
         fill: string;
+        fillActive: string;
         fillHover: string;
+        labelTextActiveColor: string;
         labelTextColor: string;
         labelTextColorHover: string;
+        borderColor: string;
+        iconAfterFill: string;
+        iconAfterFillActive: string;
+        iconBeforeFill: string;
+        iconBeforeFillActive: string;
+        iconFill: string;
+        iconFillActive: string;
     };
 };
 export { segmentedAppearanceWarning };

package/dist/types/components/Segmented/stories/__mock__/index.d.ts

@@ -1,17 +1,39 @@
-declare const segmentedArgsMock: {
+declare const segmentedMock: {
     activeSegment: {
         value: number;
     };
     segments: {
         label: string;
-        iconAfter: {
-            Default: any;
-        };
-        iconBefore: {
-            Default: any;
-        };
+        iconAfter: any;
+        iconBefore: any;
         value: number;
     }[];
-    shape: string;
 };
-export { segmentedArgsMock };
+declare const segmentedLabelMock: {
+    label: string;
+    value: number;
+}[];
+declare const segmentedIconMock: {
+    iconBefore: string | undefined;
+}[];
+declare const segmentedMockSize: {
+    14: {
+        iconAfter: any;
+        iconBefore: any;
+        label: string;
+        value: number;
+    }[];
+    16: {
+        iconAfter: any;
+        iconBefore: any;
+        label: string;
+        value: number;
+    }[];
+    20: {
+        iconAfter: any;
+        iconBefore: any;
+        label: string;
+        value: number;
+    }[];
+};
+export { segmentedMock, segmentedLabelMock, segmentedMockSize, segmentedIconMock, };

package/dist/types/components/Textarea/appearance/textareaDefault.d.ts

@@ -5,6 +5,7 @@ declare const textareaAppearanceDefault: {
         borderHover: string;
         iconBeforeFill: string;
         iconClearFill: string;
+        placeholderTextColor: string;
     };
     defaultSecondary: {
         fill: string;

package/dist/types/components/Textarea/appearance/textareaStyle.d.ts

@@ -1,13 +1,13 @@
 declare const textareaAppearanceStyle: {
-    full: {};
-    ghost: {
-        fill: string;
+    solid: {
         borderWidth: string;
     };
     outlined: {
         fill: string;
     };
-    solid: {
+    full: {};
+    ghost: {
+        fill: string;
         borderWidth: string;
     };
 };

package/dist/types/context/UIContext.d.ts

@@ -1,15 +1,13 @@
 import { ReactNode } from 'react';
-type DeviceType = '' | 'desktop' | 'mobile' | 'tablet';
-interface iUIProvider {
+type UIProviderProps = {
     children?: ReactNode;
-    deviceCurrentMainType: DeviceType;
     userDeviceState?: {
         isDesktop?: boolean;
         isMobile?: boolean;
         isTablet?: boolean;
     };
-}
-declare const UIProvider: import("react").NamedExoticComponent<iUIProvider>;
+};
+declare const UIProvider: import("react").NamedExoticComponent<UIProviderProps>;
 declare function useUserDeviceContext(): {
     isMobile: boolean;
     isTablet: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/ui",
-  "version": "1.8.35",
+  "version": "1.8.37",
   "description": "UI components (Modal, Loader, Popup, etc)",
   "keywords": [
     "Modal",
@@ -97,7 +97,7 @@
   "dependencies": {
     "@emotion/is-prop-valid": "^1.3.1",
     "@itcase/common": "^1.2.28",
-    "@itcase/icons": "^1.2.4",
+    "@itcase/icons": "^1.2.6",
     "@itcase/storybook-config": "^1.1.14",
     "@itcase/tokens-am": "^1.1.9",
     "@itcase/tokens-baikal": "^1.1.9",
@@ -106,11 +106,11 @@
     "date-fns": "^4.1.0",
     "eslint-import-resolver-alias": "^1.1.2",
     "eslint-plugin-import": "^2.32.0",
-    "framer-motion": "^12.18.1",
+    "framer-motion": "^12.19.1",
     "js-cookie": "^3.0.5",
     "lodash": "^4.17.21",
     "luxon": "^3.6.1",
-    "motion": "^12.18.1",
+    "motion": "^12.19.1",
     "rc-slider": "^11.1.8",
     "react": "^18.3.1",
     "react-dadata": "^2.27.4",
@@ -126,6 +126,7 @@
     "react-scroll": "^1.9.3",
     "react-scrollbars-custom": "^4.1.1",
     "react-select": "^5.10.1",
+    "simplebar-react": "^3.3.1",
     "swiper": "^11.2.8",
     "uuid": "^11.1.0"
   },
@@ -150,7 +151,7 @@
     "@semantic-release/git": "^10.0.1",
     "@semantic-release/release-notes-generator": "14.0.3",
     "@types/js-cookie": "^3.0.6",
-    "@types/lodash": "^4.17.18",
+    "@types/lodash": "^4.17.19",
     "@types/luxon": "^3.6.2",
     "@types/react": "^19",
     "@types/react-datepicker": "^7.0.0",
@@ -167,9 +168,9 @@
     "lint-staged": "^16.1.2",
     "npm": "^11.4.2",
     "postcss": "^8.5.6",
-    "prettier": "^3.6.0",
+    "prettier": "^3.6.1",
     "react-docgen-typescript": "^2.4.0",
-    "rollup": "^4.44.0",
+    "rollup": "^4.44.1",
     "rollup-plugin-copy": "^3.5.0",
     "rollup-plugin-dts": "^6.2.1",
     "rollup-plugin-peer-deps-external": "^2.2.4",