@itcase/ui 1.8.43 → 1.8.45

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

@@ -0,0 +1,101 @@
+export declare const warningAppearance: {
+    sizeL: {
+        size: string;
+        labelTextSize: string;
+        labelTextWeight: string;
+        descriptionTextSize: string;
+        iconAfterSize: string;
+        iconBeforeSize: string;
+    };
+    solid: {
+        borderColor: string;
+    };
+    outlined: {
+        fill: string;
+    };
+    full: {};
+    ghost: {
+        fill: string;
+        borderColor: string;
+    };
+    infoMutedPrimary: {
+        fill: string;
+        labelTextColor: string;
+        descriptionTextColor: string;
+        borderColor: string;
+        iconAfter: string;
+        iconAfterFillIcon: string;
+        iconBefore: string;
+        iconBeforeFillIcon: string;
+    };
+    infoPrimary: {
+        fill: string;
+        labelTextColor: string;
+        descriptionTextColor: string;
+        borderColor: string;
+        iconAfter: string;
+        iconAfterFillIcon: string;
+        iconBefore: string;
+        iconBeforeFillIcon: string;
+    };
+    errorMutedPrimary: {
+        fill: string;
+        labelTextColor: string;
+        descriptionTextColor: string;
+        borderColor: string;
+        iconAfter: string;
+        iconAfterFillIcon: string;
+        iconBefore: string;
+        iconBeforeFillIcon: string;
+    };
+    errorPrimary: {
+        fill: string;
+        labelTextColor: string;
+        descriptionTextColor: string;
+        borderColor: string;
+        iconAfter: string;
+        iconAfterFillIcon: string;
+        iconBefore: string;
+        iconBeforeFillIcon: string;
+    };
+    warningMutedPrimary: {
+        fill: string;
+        labelTextColor: string;
+        descriptionTextColor: string;
+        borderColor: string;
+        iconAfter: string;
+        iconAfterFillIcon: string;
+        iconBefore: string;
+        iconBeforeFillIcon: string;
+    };
+    warningPrimary: {
+        fill: string;
+        labelTextColor: string;
+        descriptionTextColor: string;
+        borderColor: string;
+        iconAfter: string;
+        iconAfterFillIcon: string;
+        iconBefore: string;
+        iconBeforeFillIcon: string;
+    };
+    accentMutedPrimary: {
+        fill: string;
+        labelTextColor: string;
+        descriptionTextColor: string;
+        borderColor: string;
+        iconAfter: string;
+        iconAfterFillIcon: string;
+        iconBefore: string;
+        iconBeforeFillIcon: string;
+    };
+    accentPrimary: {
+        fill: string;
+        labelTextColor: string;
+        descriptionTextColor: string;
+        borderColor: string;
+        iconAfter: string;
+        iconAfterFillIcon: string;
+        iconBefore: string;
+        iconBeforeFillIcon: string;
+    };
+};

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

@@ -0,0 +1,4 @@
+import { WarningConfig, WarningProps } from './Warning.interface';
+declare const warningConfig: WarningConfig;
+declare function Warning(props: WarningProps): import("react/jsx-runtime").JSX.Element;
+export { Warning, warningConfig };

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

@@ -0,0 +1,41 @@
+import type { CSSProperties, ElementType } from 'react';
+import { AppearanceKeysDefault, BorderColorProps, FillProps, ItemColorProps, ShapeProps, SizePXProps, TextColorProps, TextSizeProps, TextWeightProps } from '@itcase/types';
+interface WarningThemeColor {
+    borderColor?: BorderColorProps;
+    descriptionTextColor: TextColorProps;
+    descriptionTextSize: TextSizeProps;
+    fill?: FillProps;
+    iconAfter: ElementType;
+    iconAfterFillIcon: ItemColorProps;
+    iconAfterSize: SizePXProps;
+    iconAfterSrc: string;
+    iconBefore: ElementType;
+    iconBeforeFill: FillProps;
+    iconBeforeFillIcon: ItemColorProps;
+    iconBeforeSize: SizePXProps;
+    iconBeforeSrc: string;
+    labelTextColor?: TextColorProps;
+    labelTextSize?: TextSizeProps;
+    labelTextWeight: TextWeightProps;
+    size: TextSizeProps;
+}
+type WarningAppearance = {
+    [key in AppearanceKeysDefault]?: WarningThemeColor;
+};
+interface WarningConfig {
+    [key: number | string | symbol]: any;
+    appearance: WarningAppearance | undefined;
+    setAppearance: (newComponent: WarningAppearance) => void;
+}
+interface WarningProps {
+    appearance?: string;
+    className: string;
+    description?: string;
+    iconAfterSrc?: string;
+    iconBeforeSrc?: string;
+    label?: string;
+    shape?: ShapeProps;
+    style?: CSSProperties;
+    isSkeleton?: boolean;
+}
+export { WarningProps, WarningConfig };

package/dist/types/components/Warning/appearance/warningAccent.d.ts

@@ -0,0 +1,23 @@
+declare const warningAppearanceAccent: {
+    accentMutedPrimary: {
+        fill: string;
+        labelTextColor: string;
+        descriptionTextColor: string;
+        borderColor: string;
+        iconAfter: string;
+        iconAfterFillIcon: string;
+        iconBefore: string;
+        iconBeforeFillIcon: string;
+    };
+    accentPrimary: {
+        fill: string;
+        labelTextColor: string;
+        descriptionTextColor: string;
+        borderColor: string;
+        iconAfter: string;
+        iconAfterFillIcon: string;
+        iconBefore: string;
+        iconBeforeFillIcon: string;
+    };
+};
+export { warningAppearanceAccent };

package/dist/types/components/Warning/appearance/warningError.d.ts

@@ -0,0 +1,23 @@
+declare const warningAppearanceError: {
+    errorMutedPrimary: {
+        fill: string;
+        labelTextColor: string;
+        descriptionTextColor: string;
+        borderColor: string;
+        iconAfter: string;
+        iconAfterFillIcon: string;
+        iconBefore: string;
+        iconBeforeFillIcon: string;
+    };
+    errorPrimary: {
+        fill: string;
+        labelTextColor: string;
+        descriptionTextColor: string;
+        borderColor: string;
+        iconAfter: string;
+        iconAfterFillIcon: string;
+        iconBefore: string;
+        iconBeforeFillIcon: string;
+    };
+};
+export { warningAppearanceError };

package/dist/types/components/Warning/appearance/warningInfo.d.ts

@@ -0,0 +1,23 @@
+declare const warningAppearanceInfo: {
+    infoMutedPrimary: {
+        fill: string;
+        labelTextColor: string;
+        descriptionTextColor: string;
+        borderColor: string;
+        iconAfter: string;
+        iconAfterFillIcon: string;
+        iconBefore: string;
+        iconBeforeFillIcon: string;
+    };
+    infoPrimary: {
+        fill: string;
+        labelTextColor: string;
+        descriptionTextColor: string;
+        borderColor: string;
+        iconAfter: string;
+        iconAfterFillIcon: string;
+        iconBefore: string;
+        iconBeforeFillIcon: string;
+    };
+};
+export { warningAppearanceInfo };

package/dist/types/components/Warning/appearance/warningSize.d.ts

@@ -0,0 +1,11 @@
+declare const warningAppearanceSize: {
+    sizeL: {
+        size: string;
+        labelTextSize: string;
+        labelTextWeight: string;
+        descriptionTextSize: string;
+        iconAfterSize: string;
+        iconBeforeSize: string;
+    };
+};
+export { warningAppearanceSize };

package/dist/types/components/Warning/appearance/warningStyle.d.ts

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

package/dist/types/components/Warning/appearance/warningWarning.d.ts

@@ -0,0 +1,23 @@
+declare const warningAppearanceWarning: {
+    warningMutedPrimary: {
+        fill: string;
+        labelTextColor: string;
+        descriptionTextColor: string;
+        borderColor: string;
+        iconAfter: string;
+        iconAfterFillIcon: string;
+        iconBefore: string;
+        iconBeforeFillIcon: string;
+    };
+    warningPrimary: {
+        fill: string;
+        labelTextColor: string;
+        descriptionTextColor: string;
+        borderColor: string;
+        iconAfter: string;
+        iconAfterFillIcon: string;
+        iconBefore: string;
+        iconBeforeFillIcon: string;
+    };
+};
+export { warningAppearanceWarning };

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

@@ -0,0 +1,2 @@
+export { Warning, warningConfig } from './Warning';
+export { warningAppearance } from './Warning.appearance';

package/dist/types/hooks/useAppearanceConfig/useAppearanceConfig.d.ts

@@ -1,7 +1,5 @@
 import { AppearanceConfig } from '../useDevicePropsGenerator';
 declare const useAppearanceConfig: <Keys extends string, Config extends Record<"disabled" | Keys, AppearanceConfig>>(appearance: string | undefined, componentConfig: {
     appearance?: Partial<Config>;
-}, isDisabled?: boolean) => {
-    appearanceConfig: AppearanceConfig | undefined;
-};
+}, isDisabled?: boolean) => AppearanceConfig | undefined;
 export { useAppearanceConfig };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/ui",
-  "version": "1.8.43",
+  "version": "1.8.45",
   "description": "UI components (Modal, Loader, Popup, etc)",
   "keywords": [
     "Modal",
@@ -102,7 +102,7 @@
   "dependencies": {
     "@emotion/is-prop-valid": "^1.3.1",
     "@itcase/common": "^1.2.28",
-    "@itcase/icons": "^1.2.11",
+    "@itcase/icons": "^1.2.13",
     "@itcase/storybook-config": "^1.1.37",
     "@itcase/tokens-am": "^1.1.13",
     "@itcase/tokens-baikal": "^1.1.9",
@@ -144,7 +144,7 @@
     "@commitlint/config-conventional": "^19.8.1",
     "@itcase/config": "^1.0.51",
     "@itcase/lint": "^1.1.21",
-    "@itcase/types": "^1.0.5",
+    "@itcase/types": "^1.0.6",
     "@rollup/plugin-alias": "^5.1.1",
     "@rollup/plugin-babel": "^6.0.4",
     "@rollup/plugin-commonjs": "^28.0.6",