@itcase/ui 1.8.108 → 1.8.109

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

@@ -1,56 +1,41 @@
-import type { CSSProperties, ElementType, ReactNode } from 'react';
-import { AppearanceKeysDefault, SizeProps, TextAlignProps, TextColorActiveProps, TextColorHoverProps, TextColorProps, TextGradientProps, TextSizeProps, TextStyleProps, TextWeightProps, TextWrapProps, TypeProps, WidthProps } from '@itcase/types';
-import type { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
-interface TextThemeColor {
-    [key: number | string | symbol]: any;
-    size?: SizeProps;
-    textColor?: TextColorProps;
-    textColorActive?: TextColorActiveProps;
-    textColorGradient?: TextGradientProps;
-    textColorHover?: TextColorHoverProps;
-    width?: WidthProps;
-}
-export type TextAppearanceType = {
-    [key in AppearanceKeysDefault]: TextThemeColor;
-};
-interface TextConfig {
-    [key: number | string | symbol]: any;
-    appearance: TextAppearanceType | undefined;
-    setAppearance: (newComponent: TextAppearanceType) => void;
-}
-interface TextProps extends TextThemeColor, StyleAttributes {
-    id?: number | string;
-    [key: number | string | symbol]: any;
-    after?: ReactNode;
-    appearance?: AppearanceKeysDefault;
-    before?: ReactNode;
-    children: ReactNode;
-    className?: string;
+import { CSSProperties, ReactNode } from 'react';
+import { AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, CompositeAppearanceSizePxKey, TextAlignProps, TextColorActiveHoverProps, TextColorActiveProps, TextColorHoverProps, TextColorProps, TextSizeProps, TextTagProps, TextWeightProps, TextWrapProps } from '@itcase/types';
+import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
+type TextAppearanceProps = {
     cursor?: string;
-    dataTestId?: number | string;
-    dataTour?: string;
-    htmlFor?: string;
-    mode?: string;
     size?: TextSizeProps;
-    sizeDesktop?: SizeProps;
-    sizeMobile?: SizeProps;
-    sizeTablet?: SizeProps;
-    style?: CSSProperties;
-    tag?: ElementType;
     textAlign?: TextAlignProps;
     textColor?: TextColorProps;
-    textColorDesktop?: TextColorProps;
-    textColorMobile?: TextColorProps;
-    textColorTablet?: TextColorProps;
-    textStyle?: TextStyleProps;
+    textColorActive?: TextColorActiveProps;
+    textColorHover?: TextColorHoverProps;
+    textColorHoverActive?: TextColorActiveHoverProps;
     textTruncate?: boolean;
     textWeight?: TextWeightProps;
-    textWeightDesktop?: TextWeightProps;
-    textWeightMobile?: TextWeightProps;
-    textWeightTablet?: TextWeightProps;
     textWrap?: TextWrapProps;
-    type?: TypeProps;
+};
+type TextProps = StyleAttributes & TextAppearanceProps & {
+    after?: string;
+    appearance?: CompositeAppearanceSizePxKey;
+    before?: string;
+    children?: ReactNode;
+    className?: string;
+    dataTestId?: string;
+    dataTour?: string;
+    htmlFor?: string;
+    isActive: boolean;
+    isDisabled?: boolean;
+    isSkeleton?: boolean;
     onClick?: () => void;
     onDoubleClick?: () => void;
-}
-export type { TextConfig, TextProps };
+    style?: CSSProperties;
+    tag: TextTagProps;
+};
+type TextAppearanceKey = AppearanceKeysDefault | AppearanceShapeKey | AppearanceSizeKey | AppearanceStyleKey;
+type TextAppearance = {
+    [key in TextAppearanceKey]?: TextAppearanceProps;
+};
+type TextConfig = {
+    appearance: TextAppearance;
+    setAppearance: (appearanceConfig: TextAppearance) => void;
+};
+export type { TextAppearance, TextConfig, TextProps };

package/dist/types/components/Text/appearance/textSize.d.ts

@@ -1,24 +1,3 @@
-declare const textAppearanceSize: {
-    sizeXXL: {
-        size: string;
-    };
-    sizeXL: {
-        size: string;
-    };
-    sizeL: {
-        size: string;
-    };
-    sizeM: {
-        size: string;
-    };
-    sizeS: {
-        size: string;
-    };
-    sizeXS: {
-        size: string;
-    };
-    sizeXXS: {
-        size: string;
-    };
-};
+import { TextAppearance } from '../Text.interface';
+declare const textAppearanceSize: TextAppearance;
 export { textAppearanceSize };