linkedunion-design-kit 1.5.2 → 1.5.3

package/dist/utils/index.d.ts

@@ -1,1448 +0,0 @@
-import { SectionTypeEnum } from "../components/MediaCard/index";
-export declare const text = "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popular in the 1960s with the release of Let set sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Ald PageMaker including versions of Lorem Ipsum.";
-export declare const defaultCardProps: {
-    type: SectionTypeEnum;
-    image: string;
-    layout: string;
-    heading: string;
-    body: string;
-    className: string;
-    btnLabel: string;
-    href: string;
-    card_title_color: string;
-    id: number;
-};
-export declare const fontSizes: {
-    key: string;
-    label: string;
-}[];
-export declare const fontWeights: {
-    key: string;
-    label: string;
-}[];
-export declare const lineHeights: {
-    key: string;
-    label: string;
-}[];
-export declare const textAlignment: {
-    key: string;
-    label: string;
-}[];
-export declare const textTransform: {
-    key: string;
-    label: string;
-}[];
-export declare const textDecorations: {
-    key: string;
-    label: string;
-}[];
-export declare const textWraps: {
-    key: string;
-    label: string;
-}[];
-export declare const sizes: {
-    key: string;
-    label: string;
-}[];
-export declare const widths: {
-    key: string;
-    label: string;
-}[];
-export declare const heights: {
-    key: string;
-    label: string;
-}[];
-export declare const minWidths: {
-    key: string;
-    label: string;
-}[];
-export declare const minHeights: {
-    key: string;
-    label: string;
-}[];
-export declare const spacings: {
-    key: string;
-    label: string;
-}[];
-export declare const borderRadiusList: {
-    key: string;
-    label: string;
-}[];
-export declare const borderWidthList: {
-    key: string;
-    label: string;
-}[];
-export declare const iconSizeList: {
-    key: string;
-    label: string;
-}[];
-export declare const buttonIconSizeList: {
-    key: string;
-    label: string;
-}[];
-export declare const iconColorList: {
-    key: string;
-    label: string;
-}[];
-export declare const buttonColorsList: {
-    key: string;
-    label: string;
-}[];
-export declare const buttonSizeList: {
-    key: string;
-    label: string;
-}[];
-export declare const buttonWithIconList: {
-    key: string;
-    label: string;
-}[];
-export declare const portraitAspectRatioList: {
-    key: string;
-    label: string;
-}[];
-export declare const landscapeAspectRatioList: {
-    key: string;
-    label: string;
-}[];
-export declare const avatarSizesList: {
-    key: string;
-    label: string;
-}[];
-export declare const textColorList: {
-    key: string;
-    label: string;
-}[];
-export declare const avatarShapeList: {
-    key: string;
-    label: string;
-}[];
-export declare const headingsList: {
-    key: string;
-    label: string;
-}[];
-export declare const avatarBackgroundSize: (size: string) => {
-    width: string;
-    height: string;
-} | undefined;
-export declare const sectionTypeList: {
-    key: SectionTypeEnum;
-    label: SectionTypeEnum;
-}[];
-export declare function generateUtilities(property: string, theme: (property: string) => Record<string, string>): Record<string, Record<string, string>>;
-export declare const customFontSize: {
-    "lu-base-font-size": string;
-    "lu-font-size-x-small": string;
-    "lu-font-size-small": string;
-    "lu-font-size-medium": string;
-    "lu-font-size-large": string;
-    "lu-font-size-x-large": string;
-    "lu-font-size-2x-large": string;
-    "lu-font-size-3x-large": string;
-    "lu-font-size-4x-large": string;
-    "lu-font-size-5x-large": string;
-    "lu-font-size-6x-large": string;
-    "lu-font-size-7x-large": string;
-    "lu-font-size-huge": string;
-};
-export declare const customFontWeight: {
-    "lu-font-weight-thin": string;
-    "lu-font-weight-extra-light": string;
-    "lu-font-weight-light": string;
-    "lu-font-weight-regular": string;
-    "lu-font-weight-medium": string;
-    "lu-font-weight-semibold": string;
-    "lu-font-weight-bold": string;
-    "lu-font-weight-extra-bold": string;
-    "lu-font-weight-black": string;
-};
-export declare const customLineHeight: {
-    "lu-line-height-xs": string;
-    "lu-line-height-sm": string;
-    "lu-line-height-base": string;
-    "lu-line-height-lg": string;
-};
-export declare const customTextAlignment: {
-    "lu-text-left": string;
-    "lu-text-center": string;
-    "lu-text-right": string;
-    "lu-text-justify": string;
-    "lu-text-space-between": string;
-};
-export declare const customTextTransform: {
-    "lu-text-lowercase": string;
-    "lu-text-uppercase": string;
-    "lu-text-capitalize": string;
-};
-export declare const customTextDecoration: {
-    "lu-text-decoration-none": string;
-    "lu-text-decoration-underline": string;
-    "lu-text-decoration-line-through": string;
-};
-export declare const customTextWrap: {
-    "lu-text-wrap": string;
-    "lu-text-nowrap": string;
-};
-export declare const customSize: {
-    "lu-size-050": string;
-    "lu-size-100": string;
-    "lu-size-200": string;
-    "lu-size-300": string;
-    "lu-size-400": string;
-    "lu-size-500": string;
-    "lu-size-600": string;
-    "lu-size-800": string;
-    "lu-size-1000": string;
-    "lu-size-1500": string;
-    "lu-size-2000": string;
-    "lu-size-2500": string;
-};
-export declare const customWidth: {
-    "lu-width-5": string;
-    "lu-width-10": string;
-    "lu-width-25": string;
-    "lu-width-50": string;
-    "lu-width-75": string;
-    "lu-width-100": string;
-};
-export declare const customHeight: {
-    "lu-height-5": string;
-    "lu-height-10": string;
-    "lu-height-25": string;
-    "lu-height-50": string;
-    "lu-height-75": string;
-    "lu-height-100": string;
-};
-export declare const customMinWidth: {
-    "lu-min-width-100": string;
-    "lu-min-width-200": string;
-    "lu-min-width-300": string;
-    "lu-min-width-400": string;
-    "lu-min-width-500": string;
-    "lu-min-width-600": string;
-    "lu-min-width-800": string;
-    "lu-min-width-1000": string;
-    "lu-min-width-1500": string;
-    "lu-min-width-2000": string;
-    "lu-min-width-2500": string;
-    "lu-min-width-3000": string;
-};
-export declare const customMinHeight: {
-    "lu-min-height-100": string;
-    "lu-min-height-200": string;
-    "lu-min-height-300": string;
-    "lu-min-height-400": string;
-    "lu-min-height-500": string;
-    "lu-min-height-600": string;
-    "lu-min-height-800": string;
-    "lu-min-height-1000": string;
-    "lu-min-height-1500": string;
-    "lu-min-height-2000": string;
-    "lu-min-height-2500": string;
-    "lu-min-height-3000": string;
-};
-export declare const customLogoSize: {
-    "lu-primary-logo": string;
-    "lu-secondary-logo": string;
-    "lu-favicon-logo": string;
-};
-export declare const customIconSize: {
-    ".lu-icon-xx-small": {
-        width: string;
-        height: string;
-    };
-    ".lu-icon-x-small": {
-        width: string;
-        height: string;
-    };
-    ".lu-icon-small": {
-        width: string;
-        height: string;
-    };
-    ".lu-icon-medium": {
-        width: string;
-        height: string;
-    };
-    ".lu-icon-large": {
-        width: string;
-        height: string;
-    };
-    ".lu-icon-x-large": {
-        width: string;
-        height: string;
-    };
-    ".lu-icon-2x-large": {
-        width: string;
-        height: string;
-    };
-    ".lu-icon-3x-large": {
-        width: string;
-        height: string;
-    };
-    ".lu-icon-4x-large": {
-        width: string;
-        height: string;
-    };
-    ".lu-icon-5x-large": {
-        width: string;
-        height: string;
-    };
-    ".lu-icon-6x-large": {
-        width: string;
-        height: string;
-    };
-    ".lu-icon-7x-large": {
-        width: string;
-        height: string;
-    };
-    ".lu-icon-huge": {
-        width: string;
-        height: string;
-    };
-    ".lu-icon-massive": {
-        width: string;
-        height: string;
-    };
-};
-export declare const customButtonIconSize: {
-    ".lu-icon-xx-small": {
-        width: string;
-        height: string;
-    };
-    ".lu-icon-x-small": {
-        width: string;
-        height: string;
-    };
-    ".lu-icon-small": {
-        width: string;
-        height: string;
-    };
-    ".lu-icon-medium": {
-        width: string;
-        height: string;
-    };
-    ".lu-icon-large": {
-        width: string;
-        height: string;
-    };
-    ".lu-icon-x-large": {
-        width: string;
-        height: string;
-    };
-};
-export declare const customOpacity: {
-    "lu-opacity-0": string;
-    "lu-opacity-5": string;
-    "lu-opacity-10": string;
-    "lu-opacity-15": string;
-    "lu-opacity-20": string;
-    "lu-opacity-25": string;
-    "lu-opacity-30": string;
-    "lu-opacity-40": string;
-    "lu-opacity-50": string;
-    "lu-opacity-60": string;
-    "lu-opacity-70": string;
-    "lu-opacity-75": string;
-    "lu-opacity-80": string;
-    "lu-opacity-90": string;
-    "lu-opacity-95": string;
-    "lu-opacity-100": string;
-};
-export declare const customBorderWidth: {
-    ".lu-border-width-0125": {
-        borderWidth: string;
-    };
-    ".lu-border-width-025": {
-        borderWidth: string;
-    };
-    ".lu-border-width-050": {
-        borderWidth: string;
-    };
-    ".lu-border-width-100": {
-        borderWidth: string;
-    };
-    ".lu-border-width-125": {
-        borderWidth: string;
-    };
-};
-export declare const customBorderRadius: {
-    ".lu-border-rounded-none": {
-        borderRadius: string;
-    };
-    ".lu-border-rounded-xs": {
-        borderRadius: string;
-    };
-    ".lu-border-rounded-sm": {
-        borderRadius: string;
-    };
-    ".lu-border-rounded-md": {
-        borderRadius: string;
-    };
-    ".lu-border-rounded-lg": {
-        borderRadius: string;
-    };
-    ".lu-border-rounded-xl": {
-        borderRadius: string;
-    };
-    ".lu-border-rounded-2xl": {
-        borderRadius: string;
-    };
-    ".lu-border-rounded-3xl": {
-        borderRadius: string;
-    };
-    ".lu-border-rounded-full": {
-        borderRadius: string;
-    };
-};
-export declare const customAspectRatio: {
-    ".lu-aspect-square": {
-        aspectRatio: string;
-    };
-    ".lu-aspect-2-1-landsc": {
-        aspectRatio: string;
-    };
-    ".lu-aspect-1-2-por": {
-        aspectRatio: string;
-    };
-    ".lu-aspect-3-2-landsc": {
-        aspectRatio: string;
-    };
-    ".lu-aspect-2-3-por": {
-        aspectRatio: string;
-    };
-    ".lu-aspect-4-3-landsc": {
-        aspectRatio: string;
-    };
-    ".lu-aspect-3-4-por": {
-        aspectRatio: string;
-    };
-    ".lu-aspect-5-4-landsc": {
-        aspectRatio: string;
-    };
-    ".lu-aspect-4-5-por": {
-        aspectRatio: string;
-    };
-    ".lu-aspect-7-5-landsc": {
-        aspectRatio: string;
-    };
-    ".lu-aspect-5-7-por": {
-        aspectRatio: string;
-    };
-    ".lu-aspect-16-9-landsc": {
-        aspectRatio: string;
-    };
-    ".lu-aspect-9-16-por": {
-        aspectRatio: string;
-    };
-    ".lu-aspect-21-9-landscape": {
-        aspectRatio: string;
-    };
-    ".lu-aspect-9-21-por": {
-        aspectRatio: string;
-    };
-};
-export declare const customBoxShadow: {
-    "lu-shadow-xs": string;
-    "lu-shadow-sm": string;
-    "lu-shadow-md": string;
-    "lu-shadow-lg": string;
-    "lu-shadow-xl": string;
-};
-export declare const customIconColors: {
-    ".lu-disabled-icon-light": {
-        fill: string;
-    };
-    ".lu-disabled-icon-dark": {
-        fill: string;
-    };
-    ".lu-primary-icon-default": {
-        fill: string;
-    };
-    ".lu-primary-icon-midtone": {
-        fill: string;
-    };
-    ".lu-primary-icon-light": {
-        fill: string;
-    };
-    ".lu-success-icon-default": {
-        fill: string;
-    };
-    ".lu-success-icon-midtone": {
-        fill: string;
-    };
-    ".lu-success-icon-light": {
-        fill: string;
-    };
-    ".lu-warning-icon-default": {
-        fill: string;
-    };
-    ".lu-warning-icon-midtone": {
-        fill: string;
-    };
-    ".lu-warning-icon-dark": {
-        fill: string;
-    };
-    ".lu-danger-icon-default": {
-        fill: string;
-    };
-    ".lu-danger-icon-midtone": {
-        fill: string;
-    };
-    ".lu-danger-icon-light": {
-        fill: string;
-    };
-    ".lu-info-icon-default": {
-        fill: string;
-    };
-    ".lu-info-icon-midtone": {
-        fill: string;
-    };
-    ".lu-info-icon-light": {
-        fill: string;
-    };
-    ".lu-neutral-icon-light": {
-        fill: string;
-    };
-    ".lu-neutral-icon-dark": {
-        fill: string;
-    };
-};
-export declare const customButtonColors: {
-    ".lu-btn-primary": {
-        color: string;
-        backgroundColor: string;
-        fill: string;
-        "&:hover": {
-            backgroundColor: string;
-            color: string;
-            fill: string;
-            ".icon": {
-                color: string;
-                fill: string;
-            };
-        };
-        "&:focus": {
-            backgroundColor: string;
-            color: string;
-            fill: string;
-        };
-        "&:active": {
-            backgroundColor: string;
-            color: string;
-            fill: string;
-        };
-    };
-    ".lu-btn-primary-light": {
-        color: string;
-        backgroundColor: string;
-        fill: string;
-        "&:hover": {
-            backgroundColor: string;
-            color: string;
-            fill: string;
-            ".icon": {
-                color: string;
-                fill: string;
-            };
-        };
-        "&:focus": {
-            backgroundColor: string;
-            color: string;
-            fill: string;
-            ".icon": {
-                color: string;
-                fill: string;
-            };
-        };
-        "&:active": {
-            backgroundColor: string;
-            color: string;
-            fill: string;
-            ".icon": {
-                color: string;
-                fill: string;
-            };
-        };
-    };
-    ".lu-btn-success": {
-        color: string;
-        backgroundColor: string;
-        fill: string;
-        "&:hover": {
-            backgroundColor: string;
-            color: string;
-            fill: string;
-            ".icon": {
-                color: string;
-                fill: string;
-            };
-        };
-        "&:focus": {
-            backgroundColor: string;
-            color: string;
-            fill: string;
-        };
-        "&:active": {
-            backgroundColor: string;
-            color: string;
-            fill: string;
-        };
-    };
-    ".lu-btn-success-light": {
-        color: string;
-        backgroundColor: string;
-        fill: string;
-        "&:hover": {
-            backgroundColor: string;
-            color: string;
-            fill: string;
-            ".icon": {
-                color: string;
-                fill: string;
-            };
-        };
-        "&:focus": {
-            backgroundColor: string;
-            color: string;
-            fill: string;
-            ".icon": {
-                color: string;
-                fill: string;
-            };
-        };
-        "&:active": {
-            backgroundColor: string;
-            color: string;
-            fill: string;
-            ".icon": {
-                color: string;
-                fill: string;
-            };
-        };
-    };
-    ".lu-btn-warning": {
-        color: string;
-        backgroundColor: string;
-        fill: string;
-        "&:hover": {
-            backgroundColor: string;
-            color: string;
-            fill: string;
-            ".icon": {
-                color: string;
-                fill: string;
-            };
-        };
-        "&:focus": {
-            backgroundColor: string;
-            color: string;
-            fill: string;
-        };
-        "&:active": {
-            backgroundColor: string;
-            color: string;
-            fill: string;
-        };
-    };
-    ".lu-btn-warning-light": {
-        color: string;
-        backgroundColor: string;
-        fill: string;
-        "&:hover": {
-            backgroundColor: string;
-            color: string;
-            fill: string;
-            ".icon": {
-                color: string;
-                fill: string;
-            };
-        };
-        "&:focus": {
-            backgroundColor: string;
-            color: string;
-            fill: string;
-            ".icon": {
-                color: string;
-                fill: string;
-            };
-        };
-        "&:active": {
-            backgroundColor: string;
-            color: string;
-            fill: string;
-            ".icon": {
-                color: string;
-                fill: string;
-            };
-        };
-    };
-    ".lu-btn-danger": {
-        color: string;
-        backgroundColor: string;
-        fill: string;
-        "&:hover": {
-            backgroundColor: string;
-            color: string;
-            fill: string;
-            ".icon": {
-                color: string;
-                fill: string;
-            };
-        };
-        "&:focus": {
-            backgroundColor: string;
-            color: string;
-            fill: string;
-        };
-        "&:active": {
-            backgroundColor: string;
-            color: string;
-            fill: string;
-        };
-    };
-    ".lu-btn-danger-light": {
-        color: string;
-        backgroundColor: string;
-        fill: string;
-        "&:hover": {
-            backgroundColor: string;
-            color: string;
-            fill: string;
-            ".icon": {
-                color: string;
-                fill: string;
-            };
-        };
-        "&:focus": {
-            backgroundColor: string;
-            color: string;
-            fill: string;
-            ".icon": {
-                color: string;
-                fill: string;
-            };
-        };
-        "&:active": {
-            backgroundColor: string;
-            color: string;
-            fill: string;
-            ".icon": {
-                color: string;
-                fill: string;
-            };
-        };
-    };
-    ".lu-btn-info": {
-        color: string;
-        backgroundColor: string;
-        fill: string;
-        "&:hover": {
-            backgroundColor: string;
-            color: string;
-            fill: string;
-            ".icon": {
-                color: string;
-                fill: string;
-            };
-        };
-        "&:focus": {
-            backgroundColor: string;
-            color: string;
-            fill: string;
-        };
-        "&:active": {
-            backgroundColor: string;
-            color: string;
-            fill: string;
-        };
-    };
-    ".lu-btn-info-light": {
-        color: string;
-        backgroundColor: string;
-        fill: string;
-        "&:hover": {
-            backgroundColor: string;
-            color: string;
-            fill: string;
-            ".icon": {
-                color: string;
-                fill: string;
-            };
-        };
-        "&:focus": {
-            backgroundColor: string;
-            color: string;
-            fill: string;
-            ".icon": {
-                color: string;
-                fill: string;
-            };
-        };
-        "&:active": {
-            backgroundColor: string;
-            color: string;
-            fill: string;
-            ".icon": {
-                color: string;
-                fill: string;
-            };
-        };
-    };
-    ".lu-btn-gray": {
-        color: string;
-        backgroundColor: string;
-        fill: string;
-        "&:hover": {
-            backgroundColor: string;
-            color: string;
-            fill: string;
-            ".icon": {
-                color: string;
-                fill: string;
-            };
-        };
-        "&:focus": {
-            backgroundColor: string;
-            color: string;
-            fill: string;
-        };
-        "&:active": {
-            backgroundColor: string;
-            color: string;
-            fill: string;
-        };
-    };
-    ".lu-btn-gray-light": {
-        color: string;
-        backgroundColor: string;
-        fill: string;
-        "&:hover": {
-            backgroundColor: string;
-            color: string;
-            fill: string;
-            ".icon": {
-                color: string;
-                fill: string;
-            };
-        };
-        "&:focus": {
-            backgroundColor: string;
-            color: string;
-            fill: string;
-            ".icon": {
-                color: string;
-                fill: string;
-            };
-        };
-        "&:active": {
-            backgroundColor: string;
-            color: string;
-            fill: string;
-            ".icon": {
-                color: string;
-                fill: string;
-            };
-        };
-    };
-    ".lu-btn-disabled": {
-        color: string;
-        backgroundColor: string;
-        fill: string;
-    };
-};
-export declare const customButtonOutlineColors: {
-    ".outline-button.lu-btn-primary-light": {
-        color: string;
-        borderColor: string;
-        fill: string;
-        backgroundColor: string;
-        border: string;
-        "&:hover": {
-            borderColor: string;
-            color: string;
-            fill: string;
-            ".icon": {
-                color: string;
-                fill: string;
-            };
-        };
-        "&:focus": {
-            borderColor: string;
-            color: string;
-            fill: string;
-            ".icon": {
-                color: string;
-                fill: string;
-            };
-        };
-        "&:active": {
-            borderColor: string;
-            color: string;
-            fill: string;
-            ".icon": {
-                color: string;
-                fill: string;
-            };
-        };
-    };
-    ".outline-button.lu-btn-primary": {
-        color: string;
-        borderColor: string;
-        fill: string;
-        backgroundColor: string;
-        border: string;
-        "&:hover": {
-            borderColor: string;
-            color: string;
-            fill: string;
-            ".icon": {
-                color: string;
-                fill: string;
-            };
-        };
-        "&:focus": {
-            borderColor: string;
-            color: string;
-            fill: string;
-            ".icon": {
-                color: string;
-                fill: string;
-            };
-        };
-        "&:active": {
-            borderColor: string;
-            color: string;
-            fill: string;
-            ".icon": {
-                color: string;
-                fill: string;
-            };
-        };
-    };
-    ".outline-button.lu-btn-success": {
-        color: string;
-        borderColor: string;
-        fill: string;
-        backgroundColor: string;
-        border: string;
-        "&:hover": {
-            borderColor: string;
-            color: string;
-            fill: string;
-            ".icon": {
-                color: string;
-                fill: string;
-            };
-        };
-        "&:focus": {
-            borderColor: string;
-            color: string;
-            fill: string;
-            ".icon": {
-                color: string;
-                fill: string;
-            };
-        };
-        "&:active": {
-            borderColor: string;
-            color: string;
-            fill: string;
-            ".icon": {
-                color: string;
-                fill: string;
-            };
-        };
-    };
-    ".outline-button.lu-btn-success-light": {
-        color: string;
-        borderColor: string;
-        fill: string;
-        backgroundColor: string;
-        border: string;
-        "&:hover": {
-            borderColor: string;
-            color: string;
-            fill: string;
-            ".icon": {
-                color: string;
-                fill: string;
-            };
-        };
-        "&:focus": {
-            borderColor: string;
-            color: string;
-            fill: string;
-            ".icon": {
-                color: string;
-                fill: string;
-            };
-        };
-        "&:active": {
-            borderColor: string;
-            color: string;
-            fill: string;
-            ".icon": {
-                color: string;
-                fill: string;
-            };
-        };
-    };
-    ".outline-button.lu-btn-warning": {
-        color: string;
-        borderColor: string;
-        fill: string;
-        backgroundColor: string;
-        border: string;
-        "&:hover": {
-            borderColor: string;
-            color: string;
-            fill: string;
-            ".icon": {
-                fill: string;
-                color: string;
-            };
-        };
-        "&:focus": {
-            borderColor: string;
-            color: string;
-            fill: string;
-            ".icon": {
-                color: string;
-                fill: string;
-            };
-        };
-        "&:active": {
-            borderColor: string;
-            color: string;
-            fill: string;
-            ".icon": {
-                color: string;
-                fill: string;
-            };
-        };
-    };
-    ".outline-button.lu-btn-warning-light": {
-        color: string;
-        borderColor: string;
-        fill: string;
-        backgroundColor: string;
-        border: string;
-        "&:hover": {
-            borderColor: string;
-            color: string;
-            fill: string;
-            ".icon": {
-                fill: string;
-                color: string;
-            };
-        };
-        "&:focus": {
-            borderColor: string;
-            color: string;
-            fill: string;
-            ".icon": {
-                color: string;
-                fill: string;
-            };
-        };
-        "&:active": {
-            borderColor: string;
-            color: string;
-            fill: string;
-            ".icon": {
-                color: string;
-                fill: string;
-            };
-        };
-    };
-    ".outline-button.lu-btn-danger": {
-        color: string;
-        borderColor: string;
-        fill: string;
-        backgroundColor: string;
-        border: string;
-        "&:hover": {
-            borderColor: string;
-            color: string;
-            fill: string;
-            ".icon": {
-                color: string;
-                fill: string;
-            };
-        };
-        "&:focus": {
-            borderColor: string;
-            color: string;
-            fill: string;
-            ".icon": {
-                color: string;
-                fill: string;
-            };
-        };
-        "&:active": {
-            borderColor: string;
-            color: string;
-            fill: string;
-            ".icon": {
-                color: string;
-                fill: string;
-            };
-        };
-    };
-    ".outline-button.lu-btn-danger-light": {
-        color: string;
-        borderColor: string;
-        fill: string;
-        backgroundColor: string;
-        border: string;
-        "&:hover": {
-            borderColor: string;
-            color: string;
-            fill: string;
-            ".icon": {
-                color: string;
-                fill: string;
-            };
-        };
-        "&:focus": {
-            borderColor: string;
-            color: string;
-            fill: string;
-            ".icon": {
-                color: string;
-                fill: string;
-            };
-        };
-        "&:active": {
-            borderColor: string;
-            color: string;
-            fill: string;
-            ".icon": {
-                color: string;
-                fill: string;
-            };
-        };
-    };
-    ".outline-button.lu-btn-info": {
-        color: string;
-        borderColor: string;
-        fill: string;
-        backgroundColor: string;
-        border: string;
-        "&:hover": {
-            borderColor: string;
-            color: string;
-            fill: string;
-            ".icon": {
-                color: string;
-                fill: string;
-            };
-        };
-        "&:focus": {
-            borderColor: string;
-            color: string;
-            fill: string;
-            ".icon": {
-                color: string;
-                fill: string;
-            };
-        };
-        "&:active": {
-            borderColor: string;
-            color: string;
-            fill: string;
-            ".icon": {
-                color: string;
-                fill: string;
-            };
-        };
-    };
-    ".outline-button.lu-btn-info-light": {
-        color: string;
-        borderColor: string;
-        fill: string;
-        backgroundColor: string;
-        border: string;
-        "&:hover": {
-            borderColor: string;
-            color: string;
-            fill: string;
-            ".icon": {
-                color: string;
-                fill: string;
-            };
-        };
-        "&:focus": {
-            borderColor: string;
-            color: string;
-            fill: string;
-            ".icon": {
-                color: string;
-                fill: string;
-            };
-        };
-        "&:active": {
-            borderColor: string;
-            color: string;
-            fill: string;
-            ".icon": {
-                color: string;
-                fill: string;
-            };
-        };
-    };
-    ".outline-button.lu-btn-gray": {
-        color: string;
-        borderColor: string;
-        fill: string;
-        backgroundColor: string;
-        border: string;
-        "&:hover": {
-            borderColor: string;
-            color: string;
-            fill: string;
-            ".icon": {
-                color: string;
-                fill: string;
-            };
-        };
-        "&:focus": {
-            borderColor: string;
-            color: string;
-            fill: string;
-            ".icon": {
-                color: string;
-                fill: string;
-            };
-        };
-        "&:active": {
-            borderColor: string;
-            color: string;
-            fill: string;
-            ".icon": {
-                color: string;
-                fill: string;
-            };
-        };
-    };
-    ".outline-button.lu-btn-gray-light": {
-        color: string;
-        borderColor: string;
-        fill: string;
-        backgroundColor: string;
-        border: string;
-        "&:hover": {
-            borderColor: string;
-            color: string;
-            fill: string;
-            ".icon": {
-                color: string;
-                fill: string;
-            };
-        };
-        "&:focus": {
-            borderColor: string;
-            color: string;
-            fill: string;
-            ".icon": {
-                color: string;
-                fill: string;
-            };
-        };
-        "&:active": {
-            borderColor: string;
-            color: string;
-            fill: string;
-            ".icon": {
-                color: string;
-                fill: string;
-            };
-        };
-    };
-    ".outline-button.lu-btn-disabled": {
-        color: string;
-        borderColor: string;
-        fill: string;
-        backgroundColor: string;
-        border: string;
-    };
-};
-export declare const customButtonSize: {
-    ".lu-btn-xl": {
-        padding: string;
-        fontSize: string;
-        fontWeight: string;
-    };
-    ".lu-btn-lg": {
-        padding: string;
-        fontSize: string;
-        fontWeight: string;
-    };
-    ".lu-btn-md": {
-        padding: string;
-        fontSize: string;
-        fontWeight: string;
-    };
-    ".lu-btn-sm": {
-        padding: string;
-        fontSize: string;
-        fontWeight: string;
-    };
-};
-export declare const customIconButtonSize: {
-    ".icon-only.lu-btn-xl": {
-        padding: string;
-    };
-    ".icon-only.lu-btn-lg": {
-        padding: string;
-    };
-    ".icon-only.lu-btn-md": {
-        padding: string;
-    };
-    ".icon-only.lu-btn-sm": {
-        padding: string;
-    };
-};
-export declare const customAvatarSize: {
-    ".lu-avatar-massive": {
-        width: string;
-        height: string;
-    };
-    ".lu-avatar-huge": {
-        width: string;
-        height: string;
-    };
-    ".lu-avatar-7x-large": {
-        width: string;
-        height: string;
-    };
-    ".lu-avatar-6x-large": {
-        width: string;
-        height: string;
-    };
-    ".lu-avatar-5x-large": {
-        width: string;
-        height: string;
-    };
-    ".lu-avatar-4x-large": {
-        width: string;
-        height: string;
-    };
-    ".lu-avatar-3x-large": {
-        width: string;
-        height: string;
-    };
-    ".lu-avatar-2x-large": {
-        width: string;
-        height: string;
-    };
-    ".lu-avatar-x-large": {
-        width: string;
-        height: string;
-    };
-    ".lu-avatar-large": {
-        width: string;
-        height: string;
-    };
-    ".lu-avatar-medium": {
-        width: string;
-        height: string;
-    };
-    ".lu-avatar-small": {
-        width: string;
-        height: string;
-    };
-};
-export declare const customizeAvatarShape: {
-    ".square": {
-        borderRadius: string;
-    };
-    ".circle": {
-        borderRadius: string;
-    };
-};
-export declare const customizeTextColors: {
-    ".lu-text-base": {
-        color: string;
-    };
-    ".lu-text-default": {
-        color: string;
-    };
-    ".lu-text-secondary": {
-        color: string;
-    };
-    ".lu-text-caption": {
-        color: string;
-    };
-    ".lu-text-placeholder": {
-        color: string;
-    };
-    ".lu-text-disabled": {
-        color: string;
-    };
-    ".lu-text-primary": {
-        color: string;
-    };
-    ".lu-text-success": {
-        color: string;
-    };
-    ".lu-text-warning": {
-        color: string;
-    };
-    ".lu-text-danger": {
-        color: string;
-    };
-    ".lu-text-gray": {
-        color: string;
-    };
-    ".lu-text-info": {
-        color: string;
-    };
-    ".lu-text-link-default": {
-        color: string;
-    };
-    ".lu-text-link-pressed": {
-        color: string;
-    };
-};
-export declare const customHeadings: {
-    ".lu-heading-h1": {
-        fontSize: string;
-        fontWeight: string;
-        lineHeight: string;
-        color: string;
-    };
-    ".lu-heading-h2": {
-        fontSize: string;
-        fontWeight: string;
-        lineHeight: string;
-        color: string;
-    };
-    ".lu-heading-h3": {
-        fontSize: string;
-        fontWeight: string;
-        lineHeight: string;
-        color: string;
-    };
-    ".lu-heading-h4": {
-        fontSize: string;
-        fontWeight: string;
-        lineHeight: string;
-        color: string;
-    };
-    ".lu-heading-h5": {
-        fontSize: string;
-        fontWeight: string;
-        lineHeight: string;
-        color: string;
-    };
-    ".lu-heading-h6": {
-        fontSize: string;
-        fontWeight: string;
-        lineHeight: string;
-        color: string;
-    };
-};
-export declare const table_data_className = "bg-gray-100 lu-pt-050 lu-pr-100 lu-pb-050 lu-pl-100 rounded gap-2.5";
-export declare const table_header_className = "lu-pd-200";
-export declare const table_sub_heading_className = "lu-text-center lu-text-uppercase lu-font-weight-semibold lu-font-size-large lu-pd-200";
-export declare const table_row_className = "lu-pd-200";