@itcase/ui 1.8.23 → 1.8.25

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

@@ -3,6 +3,19 @@ declare const buttonAppearanceSecondary: {
         fill: string;
         fillHover: string;
         labelTextColor: string;
+        iconAfterFillIcon: string;
+        iconBeforeFillIcon: string;
+        iconFillIcon: string;
+        loaderAppearance: string;
+    };
+    secondaryPrimary: {
+        fill: string;
+        fillHover: string;
+        labelTextColor: string;
+        iconAfterFillIcon: string;
+        iconBeforeFillIcon: string;
+        iconFillIcon: string;
+        loaderAppearance: string;
     };
 };
 export { buttonAppearanceSecondary };

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

@@ -6,6 +6,7 @@ declare const buttonAppearanceSize: {
         iconAfterSize: number;
         iconBeforeFillSize: number;
         iconBeforeSize: number;
+        loaderSize: string;
     };
     sizeXL: {
         size: string;
@@ -14,6 +15,7 @@ declare const buttonAppearanceSize: {
         iconAfterSize: number;
         iconBeforeFillSize: number;
         iconBeforeSize: number;
+        loaderSize: string;
     };
     sizeL: {
         size: string;
@@ -22,6 +24,7 @@ declare const buttonAppearanceSize: {
         iconAfterSize: number;
         iconBeforeFillSize: number;
         iconBeforeSize: number;
+        loaderSize: string;
     };
     sizeM: {
         size: string;
@@ -30,6 +33,7 @@ declare const buttonAppearanceSize: {
         iconAfterSize: number;
         iconBeforeFillSize: number;
         iconBeforeSize: number;
+        loaderSize: string;
     };
     sizeS: {
         size: string;
@@ -38,6 +42,7 @@ declare const buttonAppearanceSize: {
         iconAfterSize: number;
         iconBeforeFillSize: number;
         iconBeforeSize: number;
+        loaderSize: string;
     };
     sizeXS: {
         size: string;
@@ -46,6 +51,7 @@ declare const buttonAppearanceSize: {
         iconAfterSize: number;
         iconBeforeFillSize: number;
         iconBeforeSize: number;
+        loaderSize: string;
     };
     sizeXXS: {
         size: string;
@@ -54,6 +60,7 @@ declare const buttonAppearanceSize: {
         iconAfterSize: number;
         iconBeforeFillSize: number;
         iconBeforeSize: number;
+        loaderSize: string;
     };
 };
 export { buttonAppearanceSize };

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

@@ -2,12 +2,10 @@ declare const buttonAppearanceStyle: {
     full: {};
     ghost: {
         fill: string;
-        fillHover: string;
         borderColor: string;
     };
     outlined: {
         fill: string;
-        fillHover: string;
     };
     solid: {
         borderColor: string;

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

@@ -4,8 +4,20 @@ declare const buttonAppearanceSuccess: {
         fillHover: string;
         labelTextColor: string;
         labelTextColorHover: string;
-        loaderFill: string;
-        loaderItemFill: string;
+        iconAfterFillIcon: string;
+        iconBeforeFillIcon: string;
+        iconFillIcon: string;
+        loaderAppearance: string;
+    };
+    successPrimary: {
+        fill: string;
+        fillHover: string;
+        labelTextColor: string;
+        labelTextColorHover: string;
+        iconAfterFillIcon: string;
+        iconBeforeFillIcon: string;
+        iconFillIcon: string;
+        loaderAppearance: string;
     };
 };
 export { buttonAppearanceSuccess };

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

@@ -3,25 +3,28 @@ declare const buttonAppearanceSurface: {
         fill: string;
         fillHover: string;
         labelTextColor: string;
+        iconAfterFillIcon: string;
+        iconBeforeFillIcon: string;
         iconFillIcon: string;
+        loaderAppearance: string;
     };
     surfaceSecondary: {
         fill: string;
         fillHover: string;
         labelTextColor: string;
-        loaderFill: string;
-        loaderItemFill: string;
+        iconAfterFillIcon: string;
+        iconBeforeFillIcon: string;
+        iconFillIcon: string;
+        loaderAppearance: string;
     };
     surfaceTertiary: {
         fill: string;
         fillHover: string;
         labelTextColor: string;
-    };
-    surfaceQuaternary: {
-        fill: string;
-        fillHover: string;
-        labelTextColor: string;
-        labelTextColorHover: string;
+        iconAfterFillIcon: string;
+        iconBeforeFillIcon: string;
+        iconFillIcon: string;
+        loaderAppearance: string;
     };
 };
 export { buttonAppearanceSurface };

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

@@ -4,16 +4,20 @@ declare const buttonAppearanceWarning: {
         fillHover: string;
         labelTextColor: string;
         labelTextColorHover: string;
-        loaderFill: string;
-        loaderItemFill: string;
+        iconAfterFillIcon: string;
+        iconBeforeFillIcon: string;
+        iconFillIcon: string;
+        loaderAppearance: string;
     };
     warningPrimary: {
         fill: string;
         fillHover: string;
         labelTextColor: string;
         labelTextColorHover: string;
-        loaderFill: string;
-        loaderItemFill: string;
+        iconAfterFillIcon: string;
+        iconBeforeFillIcon: string;
+        iconFillIcon: string;
+        loaderAppearance: string;
     };
 };
 export { buttonAppearanceWarning };

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

@@ -1,5 +1,5 @@
 import { CSSProperties, ReactNode } from 'react';
-import { AlignDirectionProps, AlignProps, AppearanceKeysDefault, BorderColorProps, BorderTypeProps, FillHoverProps, FillProps, ShapeProps, SizeProps, TextColorProps, TextSizeProps, TextWeightProps } from '@itcase/types';
+import { AlignDirectionProps, AlignProps, AppearanceKeysDefault, BorderColorProps, BorderTypeProps, CompositeAppearanceKey, FillHoverProps, FillProps, ShapeProps, SizeProps, TextColorProps, TextSizeProps, TextWeightProps } from '@itcase/types';
 import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
 interface ChipsThemeColor {
     [key: number | string | symbol]: any;
@@ -33,7 +33,7 @@ interface ChipsConfig {
 }
 interface ChipsProps extends ChipsThemeColor, StyleAttributes {
     [key: number | string | symbol]: any;
-    appearance?: AppearanceKeysDefault;
+    appearance?: CompositeAppearanceKey;
     children?: ReactNode;
     className?: string;
     cursor?: string;

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

@@ -1,45 +1,38 @@
-import { ElementType, ReactNode } from 'react';
-import { AppearanceKeysDefault, FillHoverProps, FillProps, IconFillSizeProps, IconSizeProps, ItemColorProps, ShapeProps, SizePXProps, TextColorProps, TextSizeProps, TextWeightProps } from '@itcase/types';
+import type { AppearanceKeysDefault, CompositeAppearanceKey, DateIso, FillHoverProps, FillProps, ShapeProps, SizeOptionProps, SizePXProps, TextSizeProps } from '@itcase/types';
 import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
-export interface DatePeriodThemeColor {
-    [key: number | string | symbol]: any;
+type DatePeriodValue = 'today' | 'yesterday' | 'backWeek' | 'backMonth' | 'backQuarter';
+type DatePeriodItem = {
+    dateIntervalsList: [DateIso, DateIso];
+    label: string;
+    value: DatePeriodValue;
+};
+type DatePeriodThemeColor = {
     fill?: FillProps;
     fillHover?: FillHoverProps;
-    icon?: ElementType;
-    iconFill?: FillProps;
-    iconFillHover?: FillHoverProps;
-    iconFillSize?: IconFillSizeProps;
-    iconItemFill?: ItemColorProps;
-    iconShape?: ShapeProps;
-    iconSize?: IconSizeProps;
-    iconSrc?: string;
     shape?: ShapeProps;
-    textColor?: TextColorProps;
-    textSize?: TextSizeProps;
-    textWeight?: TextWeightProps;
-}
-type AppearanceKeys = AppearanceKeysDefault & {};
-export type DatePeriodAppearanceType = {
-    [key in AppearanceKeys]?: DatePeriodThemeColor;
+    size?: SizePXProps;
+};
+type DatePeriodAppearanceType = {
+    [key in AppearanceKeysDefault]?: DatePeriodThemeColor;
 };
-export interface DatePeriodConfig {
-    [key: number | string | symbol]: any;
+type DatePeriodConfig = {
     appearance: DatePeriodAppearanceType | undefined;
     setAppearance: (appearanceConfig: DatePeriodAppearanceType) => void;
-}
-export interface DatePeriodProps extends DatePeriodThemeColor, StyleAttributes {
-    [key: number | string | symbol]: any;
-    after?: ReactNode;
-    appearance?: AppearanceKeys;
-    before?: ReactNode;
+};
+type DatePeriodProps = DatePeriodThemeColor & StyleAttributes & {
+    appearance?: CompositeAppearanceKey;
+    chipsAppearance?: CompositeAppearanceKey;
+    chipsShape?: ShapeProps;
     className?: string;
-    Dot?: ReactNode;
-    firstName?: string;
-    mode?: string;
-    secondName?: string;
-    size?: SizePXProps;
-    src?: string;
-    type?: 'image' | 'text';
-    onClick?: () => void;
-}
-export {};
+    datePeriodIntervalsList: DatePeriodItem[];
+    datePeriodValueEnd: DateIso | null;
+    datePeriodValueStart: DateIso | null;
+    datePickerAppearance?: CompositeAppearanceKey;
+    datePickerInputAppearance?: CompositeAppearanceKey;
+    datePickerInputFillHover?: FillHoverProps;
+    datePickerInputSize?: SizeOptionProps;
+    datePickerInputTextSize?: TextSizeProps;
+    isSkeleton?: boolean;
+    onChangeDatePeriod: (dateStartIso: DateIso | null, dateEndIso: DateIso | null) => void;
+};
+export type { DatePeriodValue, DatePeriodItem, DatePeriodThemeColor, DatePeriodAppearanceType, DatePeriodConfig, DatePeriodProps, };

package/dist/types/components/DatePeriod/datePeriodIntervals.d.ts

@@ -0,0 +1,3 @@
+import { DatePeriodItem, DatePeriodValue } from './DatePeriod.interface';
+declare const DATE_PERIOD_INTERVALS: Record<DatePeriodValue, DatePeriodItem>;
+export { DATE_PERIOD_INTERVALS };

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

@@ -1,2 +1,3 @@
 export { DatePeriod, datePeriodConfig } from './DatePeriod';
 export { datePeriodAppearance } from './DatePeriod.appearance';
+export { DATE_PERIOD_INTERVALS } from './datePeriodIntervals';

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

@@ -4,12 +4,21 @@ declare const labelAppearanceAccent: {
         labelTextColor: string;
         labelTextColorHover: string;
     };
-    accentPrimary: {
+    accentMuted: {
         fill: string;
         labelTextColor: string;
         labelTextColorHover: string;
+        borderColor: string;
+        iconAfterFillIcon: string;
         iconBeforeFillIcon: string;
+    };
+    accentPrimary: {
+        fill: string;
+        labelTextColor: string;
+        labelTextColorHover: string;
+        borderColor: string;
         iconAfterFillIcon: string;
+        iconBeforeFillIcon: string;
     };
     accentTertiary: {
         fill: string;

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

@@ -4,6 +4,26 @@ declare const labelAppearanceDanger: {
         fillHover: string;
         labelTextColor: string;
         labelTextColorHover: string;
+        borderColor: string;
+        iconAfterFillIcon: string;
+        iconBeforeFillIcon: string;
+    };
+    dangerMuted: {
+        fill: string;
+        labelTextColor: string;
+        labelTextColorHover: string;
+        borderColor: string;
+        iconAfterFillIcon: string;
+        iconBeforeFillIcon: string;
+    };
+    dangerPrimary: {
+        fill: string;
+        fillHover: string;
+        labelTextColor: string;
+        labelTextColorHover: string;
+        borderColor: string;
+        iconAfterFillIcon: string;
+        iconBeforeFillIcon: string;
     };
 };
 export { labelAppearanceDanger };

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

@@ -0,0 +1,19 @@
+declare const labelAppearanceDisable: {
+    disablePrimary: {
+        fill: string;
+        labelTextColor: string;
+        labelTextColorHover: string;
+        borderColor: string;
+        iconAfterFillIcon: string;
+        iconBeforeFillIcon: string;
+    };
+    disableMuted: {
+        fill: string;
+        labelTextColor: string;
+        labelTextColorHover: string;
+        borderColor: string;
+        iconAfterFillIcon: string;
+        iconBeforeFillIcon: string;
+    };
+};
+export { labelAppearanceDisable };

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

@@ -1,15 +1,26 @@
 declare const labelAppearanceError: {
-    error: {
+    errorPrimary: {
         fill: string;
         fillHover: string;
         labelTextColor: string;
         labelTextColorHover: string;
+        borderColor: string;
+        iconAfterFillIcon: string;
+        iconBeforeFillIcon: string;
     };
-    errorPrimary: {
+    error: {
         fill: string;
         fillHover: string;
         labelTextColor: string;
         labelTextColorHover: string;
     };
+    errorMuted: {
+        fill: string;
+        labelTextColor: string;
+        labelTextColorHover: string;
+        borderColor: string;
+        iconAfterFillIcon: string;
+        iconBeforeFillIcon: string;
+    };
 };
 export { labelAppearanceError };

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

@@ -1,17 +1,29 @@
 declare const labelAppearanceInfo: {
-    accent: {
+    infoMuted: {
+        fill: string;
+        labelTextColor: string;
+        labelTextColorHover: string;
+        borderColor: string;
+        iconAfterFillIcon: string;
+        iconBeforeFillIcon: string;
+    };
+    infoPrimary: {
         fill: string;
         fillHover: string;
         labelTextColor: string;
         labelTextColorHover: string;
         borderColor: string;
+        iconAfterFillIcon: string;
+        iconBeforeFillIcon: string;
     };
-    accentSecondary: {
+    infoSecondary: {
         fill: string;
         fillHover: string;
         labelTextColor: string;
         labelTextColorHover: string;
         borderColor: string;
+        iconAfterFillIcon: string;
+        iconBeforeFillIcon: string;
     };
 };
 export { labelAppearanceInfo };

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

@@ -3,6 +3,25 @@ declare const labelAppearancePrimary: {
         fill: string;
         labelTextColor: string;
         labelTextColorHover: string;
+        borderColor: string;
+        iconAfterFillIcon: string;
+        iconBeforeFillIcon: string;
+    };
+    primaryMuted: {
+        fill: string;
+        labelTextColor: string;
+        labelTextColorHover: string;
+        borderColor: string;
+        iconAfterFillIcon: string;
+        iconBeforeFillIcon: string;
+    };
+    primaryPrimary: {
+        fill: string;
+        labelTextColor: string;
+        labelTextColorHover: string;
+        borderColor: string;
+        iconAfterFillIcon: string;
+        iconBeforeFillIcon: string;
     };
 };
 export { labelAppearancePrimary };

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

@@ -3,6 +3,25 @@ declare const labelAppearanceSecondary: {
         fill: string;
         labelTextColor: string;
         labelTextColorHover: string;
+        borderColor: string;
+        iconAfterFillIcon: string;
+        iconBeforeFillIcon: string;
+    };
+    secondaryMuted: {
+        fill: string;
+        labelTextColor: string;
+        labelTextColorHover: string;
+        borderColor: string;
+        iconAfterFillIcon: string;
+        iconBeforeFillIcon: string;
+    };
+    secondaryPrimary: {
+        fill: string;
+        labelTextColor: string;
+        labelTextColorHover: string;
+        borderColor: string;
+        iconAfterFillIcon: string;
+        iconBeforeFillIcon: string;
     };
 };
 export { labelAppearanceSecondary };

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

@@ -2,12 +2,10 @@ declare const labelAppearanceStyle: {
     full: {};
     ghost: {
         fill: string;
-        fillHover: string;
         borderColor: string;
     };
     outlined: {
         fill: string;
-        fillHover: string;
     };
     solid: {
         borderColor: string;

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

@@ -5,11 +5,22 @@ declare const labelAppearanceSuccess: {
         labelTextColor: string;
         labelTextColorHover: string;
     };
+    successMuted: {
+        fill: string;
+        labelTextColor: string;
+        labelTextColorHover: string;
+        borderColor: string;
+        iconAfterFillIcon: string;
+        iconBeforeFillIcon: string;
+    };
     successPrimary: {
         fill: string;
         fillHover: string;
         labelTextColor: string;
         labelTextColorHover: string;
+        borderColor: string;
+        iconAfterFillIcon: string;
+        iconBeforeFillIcon: string;
     };
 };
 export { labelAppearanceSuccess };

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

@@ -1,21 +1,32 @@
 declare const labelAppearanceSurface: {
+    surfaceMuted: {
+        fill: string;
+        labelTextColor: string;
+        labelTextColorHover: string;
+        borderColor: string;
+        iconAfterFillIcon: string;
+        iconBeforeFillIcon: string;
+    };
     surfacePrimary: {
         fill: string;
         fillHover: string;
         labelTextColor: string;
         labelTextColorHover: string;
+        borderColor: string;
+        iconAfterFillIcon: string;
+        iconBeforeFillIcon: string;
     };
-    surfaceSecondary: {
+    surfaceQuaternary: {
         fill: string;
         labelTextColor: string;
         labelTextColorHover: string;
     };
-    surfaceTertiary: {
+    surfaceSecondary: {
         fill: string;
         labelTextColor: string;
         labelTextColorHover: string;
     };
-    surfaceQuaternary: {
+    surfaceTertiary: {
         fill: string;
         labelTextColor: string;
         labelTextColorHover: string;

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

@@ -5,11 +5,22 @@ declare const labelAppearanceWarning: {
         labelTextColor: string;
         labelTextColorHover: string;
     };
+    warningMuted: {
+        fill: string;
+        labelTextColor: string;
+        labelTextColorHover: string;
+        borderColor: string;
+        iconAfterFillIcon: string;
+        iconBeforeFillIcon: string;
+    };
     warningPrimary: {
         fill: string;
         fillHover: string;
         labelTextColor: string;
         labelTextColorHover: string;
+        borderColor: string;
+        iconAfterFillIcon: string;
+        iconBeforeFillIcon: string;
     };
 };
 export { labelAppearanceWarning };

package/dist/types/components/Loader/appearance/loaderDanger.d.ts

@@ -0,0 +1,7 @@
+declare const loaderAppearanceDanger: {
+    dangerPrimary: {
+        fill: string;
+        itemFill: string;
+    };
+};
+export { loaderAppearanceDanger };

package/dist/types/components/Loader/appearance/loaderError.d.ts

@@ -0,0 +1,7 @@
+declare const loaderAppearanceError: {
+    errorPrimary: {
+        fill: string;
+        itemFill: string;
+    };
+};
+export { loaderAppearanceError };

package/dist/types/components/Loader/appearance/loaderInfo.d.ts

@@ -0,0 +1,7 @@
+declare const loaderAppearanceInfo: {
+    infoPrimary: {
+        fill: string;
+        itemFill: string;
+    };
+};
+export { loaderAppearanceInfo };

package/dist/types/components/Loader/appearance/loaderSuccess.d.ts

@@ -0,0 +1,7 @@
+declare const loaderAppearanceSuccess: {
+    successPrimary: {
+        fill: string;
+        itemFill: string;
+    };
+};
+export { loaderAppearanceSuccess };

package/dist/types/components/Loader/appearance/loaderWarning.d.ts

@@ -0,0 +1,7 @@
+declare const loaderAppearanceWarning: {
+    warningPrimary: {
+        fill: string;
+        itemFill: string;
+    };
+};
+export { loaderAppearanceWarning };

package/dist/types/components/Response/appearance/responceConfirm.d.ts

@@ -2,12 +2,11 @@ declare const responseAppearanceConfirm: {
     confirm: {
         fill: string;
         titleTextColor: string;
+        titleTextSize: string;
         labelTextColor: string;
+        descTextSize: string;
         primaryButtonAppearance: string;
         secondaryButtonAppearance: string;
-        svgFill: string;
-        SvgImage: any;
-        svgPathFill: string;
     };
 };
 export { responseAppearanceConfirm };

package/dist/types/components/Response/appearance/responceFail.d.ts

@@ -2,12 +2,11 @@ declare const responseAppearanceFail: {
     fail: {
         fill: string;
         titleTextColor: string;
+        titleTextSize: string;
         labelTextColor: string;
+        descTextSize: string;
         primaryButtonAppearance: string;
         secondaryButtonAppearance: string;
-        svgFill: string;
-        SvgImage: any;
-        svgPathFill: string;
     };
 };
 export { responseAppearanceFail };

package/dist/types/components/Response/appearance/responceNothingFound.d.ts

@@ -2,12 +2,11 @@ declare const responseAppearanceNothingFound: {
     nothingFound: {
         fill: string;
         titleTextColor: string;
+        titleTextSize: string;
         labelTextColor: string;
+        descTextSize: string;
         primaryButtonAppearance: string;
         secondaryButtonAppearance: string;
-        svgFill: string;
-        SvgImage: any;
-        svgPathFill: string;
     };
 };
 export { responseAppearanceNothingFound };

package/dist/types/components/Response/appearance/responceRefresh.d.ts

@@ -2,12 +2,11 @@ declare const responseAppearanceRefresh: {
     refresh: {
         fill: string;
         titleTextColor: string;
+        titleTextSize: string;
         labelTextColor: string;
+        descTextSize: string;
         primaryButtonAppearance: string;
         secondaryButtonAppearance: string;
-        svgFill: string;
-        SvgImage: any;
-        svgPathFill: string;
     };
 };
 export { responseAppearanceRefresh };