@itcase/ui 1.8.35 → 1.8.36

package/dist/types/components/Chips/appearance/chipsSuccess.d.ts

@@ -1,2 +1,17 @@
-declare const chipsAppearanceSuccess: {};
+declare const chipsAppearanceSuccess: {
+    successMutedPrimary: {
+        fill: string;
+        labelTextColor: string;
+        borderColor: string;
+        iconAfterFillIcon: string;
+        iconBeforeFillIcon: string;
+    };
+    successPrimary: {
+        fill: string;
+        labelTextColor: string;
+        borderColor: string;
+        iconAfterFillIcon: string;
+        iconBeforeFillIcon: string;
+    };
+};
 export { chipsAppearanceSuccess };

package/dist/types/components/Chips/appearance/chipsSurface.d.ts

@@ -1,4 +1,11 @@
 declare const chipsAppearanceSurface: {
+    surfaceMutedPrimary: {
+        fill: string;
+        labelTextColor: string;
+        borderColor: string;
+        iconAfterFillIcon: string;
+        iconBeforeFillIcon: string;
+    };
     surfacePrimary: {
         fill: string;
         fillActive: string;
@@ -9,8 +16,11 @@ declare const chipsAppearanceSurface: {
         labelTextHoverColor: string;
         borderColor: string;
         activeIconItemFill: string;
-        iconBeforeFillIcon: string;
         badgeAppearance: string;
+        iconAfterFillActiveIcon: string;
+        iconAfterFillIcon: string;
+        iconBeforeFillActiveIcon: string;
+        iconBeforeFillIcon: string;
     };
     surfaceSecondary: {
         fill: string;

package/dist/types/components/Chips/appearance/chipsWarning.d.ts

@@ -1,2 +1,17 @@
-declare const chipsAppearanceWarning: {};
+declare const chipsAppearanceWarning: {
+    warningMutedPrimary: {
+        fill: string;
+        labelTextColor: string;
+        borderColor: string;
+        iconAfterFillIcon: string;
+        iconBeforeFillIcon: string;
+    };
+    warningPrimary: {
+        fill: string;
+        labelTextColor: string;
+        borderColor: string;
+        iconAfterFillIcon: string;
+        iconBeforeFillIcon: string;
+    };
+};
 export { chipsAppearanceWarning };

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

@@ -0,0 +1,14 @@
+declare const chipsListMock: {
+    chipsList: ({
+        id: number;
+        label: string;
+        isActive: boolean;
+        iconAfter?: undefined;
+    } | {
+        id: number;
+        label: string;
+        iconAfter: any;
+        isActive: boolean;
+    })[];
+};
+export { chipsListMock };

package/dist/types/components/Choice/appearance/choiceStyle.d.ts

@@ -1,19 +1,19 @@
 declare const choiceAppearanceStyle: {
-    full: {
+    solid: {
         borderColor: string;
     };
-    ghost: {
+    outlined: {
         fill: string;
         fillItem: string;
         fillItemActive: string;
+    };
+    full: {
         borderColor: string;
     };
-    outlined: {
+    ghost: {
         fill: string;
         fillItem: string;
         fillItemActive: string;
-    };
-    solid: {
         borderColor: string;
     };
 };

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

@@ -4,12 +4,8 @@ declare const choiceListMock: {
     };
     choices: {
         label: string;
-        iconAfter: {
-            Default: any;
-        };
-        iconBefore: {
-            Default: any;
-        };
+        iconAfter: any;
+        iconBefore: any;
         value: number;
     }[];
 };
@@ -18,9 +14,7 @@ declare const choiceListIconMock: {
         value: number;
     };
     choices: {
-        icon: {
-            Default: any;
-        };
+        icon: any;
         value: number;
     }[];
 };

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/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/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;
+        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;
+        inputBorderColor: string;
     };
 };
 export { segmentedAppearanceDefault };

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

@@ -1,18 +1,16 @@
 declare const segmentedAppearanceDisabled: {
     disabledPrimary: {
         fill: string;
-        borderColor: string;
-        borderHover: string;
-        textColor: string;
+        fillActive: string;
+        fillHover: string;
+        labelTextColor: 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;
+        inputBorderColor: string;
     };
 };
 export { segmentedAppearanceDisabled };

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

@@ -1,9 +1,16 @@
 declare const segmentedAppearanceError: {
-    error: {
+    errorPrimary: {
         fill: string;
+        fillActive: string;
         fillHover: string;
         labelTextColor: string;
-        labelTextColorHover: string;
+        iconAfterFill: string;
+        iconAfterFillActive: string;
+        iconBeforeFill: string;
+        iconBeforeFillActive: string;
+        iconFill: string;
+        iconFillActive: string;
+        inputBorderColor: 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

@@ -1,16 +1,18 @@
 declare const segmentedAppearanceStyle: {
     solid: {
-        borderColor: string;
+        inputBorderColor: string;
     };
     outlined: {
         fill: string;
+        fillActive: string;
     };
     full: {
-        borderColor: string;
+        inputBorderColor: string;
     };
     ghost: {
         fill: string;
-        borderColor: string;
+        fillActive: string;
+        inputBorderColor: string;
     };
 };
 export { segmentedAppearanceStyle };

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

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

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

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

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

@@ -4,14 +4,36 @@ declare const segmentedArgsMock: {
     };
     segments: {
         label: string;
-        iconAfter: {
-            Default: any;
-        };
-        iconBefore: {
-            Default: any;
-        };
+        iconAfter: any;
+        iconBefore: any;
         value: number;
     }[];
-    shape: string;
 };
-export { segmentedArgsMock };
+declare const segmentedArgsLabelMock: {
+    label: string;
+    value: number;
+}[];
+declare const segmentedArgsIconMock: {
+    iconBefore: string | undefined;
+}[];
+declare const segmentedArgsMockSize: {
+    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 { segmentedArgsMock, segmentedArgsLabelMock, segmentedArgsMockSize, segmentedArgsIconMock, };

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.36",
   "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.5",
     "@itcase/storybook-config": "^1.1.14",
     "@itcase/tokens-am": "^1.1.9",
     "@itcase/tokens-baikal": "^1.1.9",
@@ -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"
   },