sevago-library 1.0.2

package/dist/src/common/const/style.const.d.ts

@@ -0,0 +1,668 @@
+import { TypographyVariant } from '@mui/material/styles';
+export declare const ANIMATION_TIME = 300;
+export declare const SCALE_VALUE = "scale(1.05)";
+export declare const TRANSITION_TIME = "0.2s";
+export declare const WIDTH_LAYOUT_DESKTOP = "1200px";
+export declare const HEIGHT_LOGO_DEFAULT = "40px";
+export declare const HEIGHT_IMAGE_DEFAULT = "40px";
+export declare const PADDING_GAP_TAB = "24px";
+export declare const PADDING_GAP_LAYOUT = "16px";
+export declare const PADDING_GAP_BUTTON = "12px";
+export declare const PADDING_LAYOUT_HEADER = "8px 12px";
+export declare const PADDING_GAP_ITEM = "8px";
+export declare const PADDING_GAP_ITEM_SMALL = "6px";
+export declare const PADDING_GAP_SECTION_BOTTOM = "20px";
+export declare const PADDING_BOX_DETAIL_SECTION = "16px 16px 20px";
+export declare const HEIGHT_ELEMENT_OTHER = "36px";
+export declare const BORDER_RADIUS_ELEMENT_ACTION = "24px";
+export declare const BORDER_RADIUS_ELEMENT_WRAPPER = "12px";
+export declare const BORDER_RADIUS_ELEMENT = "10px";
+export declare const BORDER_RADIUS_ELEMENT_SMALL = "6px";
+export declare const BORDER_RADIUS_ELEMENT_MIDDLE = "8px";
+export declare const BORDER_RADIUS_ELEMENT_TAG = "3px";
+export declare const HEIGHT_DEFAULT_TEXT_FIELD_BUTTON = "37.13px";
+export declare const HEIGHT_TEXT_FIELD_BUTTON: {
+    small: string;
+    medium: string;
+    large: string;
+};
+export declare const HEIGHT_TEXTFIELD_LABEL_MULTI_LINE = "50px";
+export declare const TYPOGRAPHY: {
+    '2xl': {
+        regular: {
+            fontFamily: string;
+            fontWeight: number;
+            fontStyle: string;
+            fontSize: string;
+            lineHeight: string;
+            letterSpacing: string;
+            verticalAlign: string;
+        };
+        medium: {
+            fontFamily: string;
+            fontWeight: number;
+            fontStyle: string;
+            fontSize: string;
+            lineHeight: string;
+            letterSpacing: string;
+            verticalAlign: string;
+        };
+        semiBold: {
+            fontFamily: string;
+            fontWeight: number;
+            fontStyle: string;
+            fontSize: string;
+            lineHeight: string;
+            letterSpacing: string;
+            verticalAlign: string;
+        };
+        bold: {
+            fontFamily: string;
+            fontWeight: number;
+            fontStyle: string;
+            fontSize: string;
+            lineHeight: string;
+            letterSpacing: string;
+            verticalAlign: string;
+        };
+    };
+    xl: {
+        regular: {
+            fontFamily: string;
+            fontWeight: number;
+            fontStyle: string;
+            fontSize: string;
+            lineHeight: string;
+            letterSpacing: string;
+            verticalAlign: string;
+        };
+        medium: {
+            fontFamily: string;
+            fontWeight: number;
+            fontStyle: string;
+            fontSize: string;
+            lineHeight: string;
+            letterSpacing: string;
+            verticalAlign: string;
+        };
+        semiBold: {
+            fontFamily: string;
+            fontWeight: number;
+            fontStyle: string;
+            fontSize: string;
+            lineHeight: string;
+            letterSpacing: string;
+            verticalAlign: string;
+        };
+        bold: {
+            fontFamily: string;
+            fontWeight: number;
+            fontStyle: string;
+            fontSize: string;
+            lineHeight: string;
+            letterSpacing: string;
+            verticalAlign: string;
+        };
+    };
+    lg: {
+        regular: {
+            fontFamily: string;
+            fontWeight: number;
+            fontStyle: string;
+            fontSize: string;
+            lineHeight: string;
+            letterSpacing: string;
+            verticalAlign: string;
+        };
+        medium: {
+            fontFamily: string;
+            fontWeight: number;
+            fontStyle: string;
+            fontSize: string;
+            lineHeight: string;
+            letterSpacing: string;
+            verticalAlign: string;
+        };
+        semiBold: {
+            fontFamily: string;
+            fontWeight: number;
+            fontStyle: string;
+            fontSize: string;
+            lineHeight: string;
+            letterSpacing: string;
+            verticalAlign: string;
+        };
+        bold: {
+            fontFamily: string;
+            fontWeight: number;
+            fontStyle: string;
+            fontSize: string;
+            lineHeight: string;
+            letterSpacing: string;
+            verticalAlign: string;
+        };
+    };
+    md: {
+        regular: {
+            fontFamily: string;
+            fontWeight: number;
+            fontStyle: string;
+            fontSize: string;
+            lineHeight: string;
+            letterSpacing: string;
+            verticalAlign: string;
+        };
+        medium: {
+            fontFamily: string;
+            fontWeight: number;
+            fontStyle: string;
+            fontSize: string;
+            lineHeight: string;
+            letterSpacing: string;
+            verticalAlign: string;
+        };
+        semiBold: {
+            fontFamily: string;
+            fontWeight: number;
+            fontStyle: string;
+            fontSize: string;
+            lineHeight: string;
+            letterSpacing: string;
+            verticalAlign: string;
+        };
+        bold: {
+            fontFamily: string;
+            fontWeight: number;
+            fontStyle: string;
+            fontSize: string;
+            lineHeight: string;
+            letterSpacing: string;
+            verticalAlign: string;
+        };
+    };
+    sm: {
+        regular: {
+            fontFamily: string;
+            fontWeight: number;
+            fontStyle: string;
+            fontSize: string;
+            lineHeight: string;
+            letterSpacing: string;
+            verticalAlign: string;
+        };
+        medium: {
+            fontFamily: string;
+            fontWeight: number;
+            fontStyle: string;
+            fontSize: string;
+            lineHeight: string;
+            letterSpacing: string;
+            verticalAlign: string;
+        };
+        semiBold: {
+            fontFamily: string;
+            fontWeight: number;
+            fontStyle: string;
+            fontSize: string;
+            lineHeight: string;
+            letterSpacing: string;
+            verticalAlign: string;
+        };
+        bold: {
+            fontFamily: string;
+            fontWeight: number;
+            fontStyle: string;
+            fontSize: string;
+            lineHeight: string;
+            letterSpacing: string;
+            verticalAlign: string;
+        };
+    };
+    xs: {
+        regular: {
+            fontFamily: string;
+            fontWeight: number;
+            fontStyle: string;
+            fontSize: string;
+            lineHeight: string;
+            letterSpacing: string;
+            verticalAlign: string;
+        };
+        medium: {
+            fontFamily: string;
+            fontWeight: number;
+            fontStyle: string;
+            fontSize: string;
+            lineHeight: string;
+            letterSpacing: string;
+            verticalAlign: string;
+        };
+        semiBold: {
+            fontFamily: string;
+            fontWeight: number;
+            fontStyle: string;
+            fontSize: string;
+            lineHeight: string;
+            letterSpacing: string;
+            verticalAlign: string;
+        };
+        bold: {
+            fontFamily: string;
+            fontWeight: number;
+            fontStyle: string;
+            fontSize: string;
+            lineHeight: string;
+            letterSpacing: string;
+            verticalAlign: string;
+        };
+    };
+    textXl: {
+        regular: {
+            fontFamily: string;
+            fontWeight: number;
+            fontStyle: string;
+            fontSize: string;
+            lineHeight: string;
+            letterSpacing: string;
+            verticalAlign: string;
+        };
+        medium: {
+            fontFamily: string;
+            fontWeight: number;
+            fontStyle: string;
+            fontSize: string;
+            lineHeight: string;
+            letterSpacing: string;
+            verticalAlign: string;
+        };
+        semiBold: {
+            fontFamily: string;
+            fontWeight: number;
+            fontStyle: string;
+            fontSize: string;
+            lineHeight: string;
+            letterSpacing: string;
+            verticalAlign: string;
+        };
+        bold: {
+            fontFamily: string;
+            fontWeight: number;
+            fontStyle: string;
+            fontSize: string;
+            lineHeight: string;
+            letterSpacing: string;
+            verticalAlign: string;
+        };
+    };
+    textLg: {
+        regular: {
+            fontFamily: string;
+            fontWeight: number;
+            fontStyle: string;
+            fontSize: string;
+            lineHeight: string;
+            letterSpacing: string;
+            verticalAlign: string;
+        };
+        medium: {
+            fontFamily: string;
+            fontWeight: number;
+            fontStyle: string;
+            fontSize: string;
+            lineHeight: string;
+            letterSpacing: string;
+            verticalAlign: string;
+        };
+        semiBold: {
+            fontFamily: string;
+            fontWeight: number;
+            fontStyle: string;
+            fontSize: string;
+            lineHeight: string;
+            letterSpacing: string;
+            verticalAlign: string;
+        };
+        bold: {
+            fontFamily: string;
+            fontWeight: number;
+            fontStyle: string;
+            fontSize: string;
+            lineHeight: string;
+            letterSpacing: string;
+            verticalAlign: string;
+        };
+    };
+    textMd: {
+        regular: {
+            fontFamily: string;
+            fontWeight: number;
+            fontStyle: string;
+            fontSize: string;
+            lineHeight: string;
+            letterSpacing: string;
+            verticalAlign: string;
+        };
+        medium: {
+            fontFamily: string;
+            fontWeight: number;
+            fontStyle: string;
+            fontSize: string;
+            lineHeight: string;
+            letterSpacing: string;
+            verticalAlign: string;
+        };
+        semiBold: {
+            fontFamily: string;
+            fontWeight: number;
+            fontStyle: string;
+            fontSize: string;
+            lineHeight: string;
+            verticalAlign: string;
+        };
+        bold: {
+            fontFamily: string;
+            fontWeight: number;
+            fontStyle: string;
+            fontSize: string;
+            lineHeight: string;
+            letterSpacing: string;
+            verticalAlign: string;
+        };
+    };
+    textSm: {
+        regular: {
+            fontFamily: string;
+            fontWeight: number;
+            fontStyle: string;
+            fontSize: string;
+            lineHeight: string;
+            letterSpacing: string;
+            verticalAlign: string;
+        };
+        medium: {
+            fontFamily: string;
+            fontWeight: number;
+            fontStyle: string;
+            fontSize: string;
+            lineHeight: string;
+            letterSpacing: string;
+            verticalAlign: string;
+        };
+        semiBold: {
+            fontFamily: string;
+            fontWeight: number;
+            fontStyle: string;
+            fontSize: string;
+            lineHeight: string;
+            letterSpacing: string;
+            verticalAlign: string;
+        };
+        bold: {
+            fontFamily: string;
+            fontWeight: number;
+            fontStyle: string;
+            fontSize: string;
+            lineHeight: string;
+            letterSpacing: string;
+            verticalAlign: string;
+        };
+    };
+    textXs: {
+        regular: {
+            fontFamily: string;
+            fontWeight: number;
+            fontStyle: string;
+            fontSize: string;
+            lineHeight: string;
+            letterSpacing: string;
+            verticalAlign: string;
+        };
+        medium: {
+            fontFamily: string;
+            fontWeight: number;
+            fontStyle: string;
+            fontSize: string;
+            lineHeight: string;
+            letterSpacing: string;
+            verticalAlign: string;
+        };
+        semiBold: {
+            fontFamily: string;
+            fontWeight: number;
+            fontStyle: string;
+            fontSize: string;
+            lineHeight: string;
+            letterSpacing: string;
+            verticalAlign: string;
+        };
+        bold: {
+            fontFamily: string;
+            fontWeight: number;
+            fontStyle: string;
+            fontSize: string;
+            lineHeight: string;
+            letterSpacing: string;
+            verticalAlign: string;
+        };
+    };
+    textSmall: {
+        regular: {
+            fontFamily: string;
+            fontWeight: number;
+            fontStyle: string;
+            fontSize: string;
+            lineHeight: string;
+            letterSpacing: number;
+            verticalAlign: string;
+        };
+        medium: {
+            fontFamily: string;
+            fontWeight: number;
+            fontStyle: string;
+            fontSize: string;
+            lineHeight: string;
+            letterSpacing: string;
+            verticalAlign: string;
+        };
+        semiBold: {
+            fontFamily: string;
+            fontWeight: number;
+            fontStyle: string;
+            fontSize: string;
+            lineHeight: string;
+            letterSpacing: number;
+            verticalAlign: string;
+        };
+        bold: {
+            fontFamily: string;
+            fontWeight: number;
+            fontStyle: string;
+            fontSize: string;
+            lineHeight: string;
+            letterSpacing: number;
+            verticalAlign: string;
+        };
+    };
+};
+export declare const TEXT_FIELD: {
+    FONT_SIZE_LABEL: number;
+    FONT_SIZE_TITLE: number;
+    FONT_SIZE_CAPTION: number;
+};
+export declare const FONT_SIZE_ICON: {
+    large: string;
+    xl: string;
+    medium: string;
+    small: string;
+};
+export declare const TAG_SIZE: {
+    large: {
+        fontFamily: string;
+        fontWeight: number;
+        fontStyle: string;
+        fontSize: string;
+        lineHeight: string;
+        letterSpacing: string;
+        verticalAlign: string;
+        padding: string;
+    };
+    medium: {
+        fontFamily: string;
+        fontWeight: number;
+        fontStyle: string;
+        fontSize: string;
+        lineHeight: string;
+        letterSpacing: string;
+        verticalAlign: string;
+        padding: string;
+    };
+    small: {
+        fontFamily: string;
+        fontWeight: number;
+        fontStyle: string;
+        fontSize: string;
+        lineHeight: string;
+        letterSpacing: string;
+        verticalAlign: string;
+        padding: number;
+    };
+};
+export declare const FONT_SIZE_LOADING: {
+    large: number;
+    medium: number;
+    small: number;
+};
+export declare const VARIANT_BY_SIZE: {
+    [key: string]: TypographyVariant;
+};
+export declare const GAP_ICON_CONTENT_BY_SIZE: {
+    large: string;
+    medium: string;
+    small: string;
+};
+export declare const BORDER_COLOR_CARD = "rgba(0, 0, 0, 0.12)";
+export declare const BORDER_COLOR_LAYOUT = "#E4E6E6";
+export declare const HEIGHT_HEADER = 57;
+export declare const WIDTH_COLLAPSE = 55;
+export declare const WIDTH_SIDEBAR = 224;
+export declare const WIDTH_SIDEBAR_EXPAND = 200;
+export declare const BACKGROUND_SYSTEM = "#F2F2F2";
+export declare const WIDTH_TEXT_FIELD: {
+    large: number;
+    medium: number;
+    small: number;
+};
+export declare const TREE_COLOR: {
+    TREE_LEVEL_1: string;
+    TREE_LEVEL_2: string;
+    TREE_LEVEL_3: string;
+    TREE_LEVEL_4: string;
+};
+export declare const TREE_LINE_COLOR = "#176B5A";
+export declare const TREE_TEXT_COLOR: {
+    WHITE: string;
+    BLACK: string;
+    GREEN: string;
+    RED: string;
+};
+export declare const TREE_WIDTH: {
+    NORMAL: number;
+};
+export declare const MAP_SIZE: Record<string, {
+    width: number;
+    height: number;
+}>;
+export declare const EXCEL_STYLE: {
+    title: {
+        font: {
+            size: number;
+            bold: boolean;
+            color: {
+                argb: string;
+            };
+        };
+        alignment: {
+            vertical: string;
+            horizontal: string;
+        };
+    };
+    titleSmall: {
+        font: {
+            size: number;
+            bold: boolean;
+            color: {
+                argb: string;
+            };
+        };
+        alignment: {
+            vertical: string;
+            horizontal: string;
+        };
+    };
+    content: {
+        font: {
+            size: number;
+            color: {
+                argb: string;
+            };
+        };
+        fontBlack: {
+            size: number;
+            color: {
+                argb: string;
+            };
+        };
+        alignment: {
+            vertical: string;
+            horizontal: string;
+            wrapText: boolean;
+            indent: number;
+        };
+        alignmentImage: {
+            vertical: string;
+            horizontal: string;
+            wrapText: boolean;
+            indent: number;
+        };
+        alignmentRight: {
+            vertical: string;
+            horizontal: string;
+            wrapText: boolean;
+            indent: number;
+        };
+    };
+    header: {
+        font: {
+            size: number;
+            bold: boolean;
+            color: {
+                argb: string;
+            };
+        };
+        fill: {
+            type: string;
+            pattern: string;
+            fgColor: {
+                argb: string;
+            };
+        };
+        alignment: {
+            horizontal: string;
+            vertical: string;
+        };
+    };
+    border: {
+        top: {
+            style: string;
+        };
+        left: {
+            style: string;
+        };
+        bottom: {
+            style: string;
+        };
+        right: {
+            style: string;
+        };
+    };
+};

package/dist/src/common/const/style.const.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta, StoryObj } from '@storybook/react';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+export declare const Overview: Story;

package/dist/src/common/enums/api.enum.d.ts

@@ -0,0 +1,8 @@
+export declare enum HttpStatusSpecial {
+    REFRESH_TOKEN = 777,
+    LOGOUT = 888
+}
+export declare enum OrderType {
+    ASC = "ASC",
+    DESC = "DESC"
+}

package/dist/src/common/enums/index.d.ts

@@ -0,0 +1,3 @@
+export * from './api.enum';
+export * from './other.enum';
+export * from './system.enum';

package/dist/src/common/enums/other.enum.d.ts

@@ -0,0 +1,37 @@
+export declare enum SizeProps {
+    EXTRA_SMALL = "extra_small",
+    SMALL = "small",
+    MEDIUM = "medium",
+    LARGE = "large",
+    EXTRA_LARGE = "extra_large",
+    AVATAR_GROUP = "avatar_group"
+}
+export declare enum AppGroup {
+    ALL = "All",
+    HRM = "HRM",
+    MANUFACTURING = "S\u1EA3n xu\u1EA5t",
+    WORKFLOW_ENGINE = "Workflow Engine",
+    PLATFORM_AND_INFO = "Platform & Info",
+    B2B = "B2B",
+    OTHER = "Kh\u00E1c",
+    CLIENT = "Web"
+}
+export declare enum SnackbarType {
+    INFO = "info",
+    SUCCESS = "success",
+    ERROR = "error",
+    WARNING = "warning"
+}
+export declare enum TabSizeProps {
+    LARGE = "large",
+    SMALL = "small",
+    MEDIUM = "medium"
+}
+export declare enum DirectionProps {
+    ROW = "row",
+    COLUMN = "column"
+}
+export declare enum VariantProps {
+    CONTAINED = "contained",
+    OUTLINED = "outlined"
+}