@selfdecode/sd-component-library 4.0.73-vite22 → 4.0.73-vite24

package/lib/index.d.ts

@@ -1,747 +1,5 @@
-/// <reference types="react" />
-export declare const ComponentLibTheme: {
-    breakpoints: string[];
-    colors: {
-        cl_transparent: string;
-        cl_white: string;
-        cl_red: string;
-        cl_green: string;
-        cl_purple: string;
-        cl_blue: string;
-        cl_darkBlue: string;
-        cl_denim: string;
-        cl_salmon: string;
-        cl_yellow: string;
-        cl_darkYellow: string;
-        cl_grey: string;
-        cl_lightGrey: string;
-        cl_darkGrey: string;
-        cl_header: string;
-        cl_headerLine: string;
-    };
-    variants: {
-        _badges: {
-            primary: {
-                fontFamily: string;
-                height: string[];
-                lineHeight: string[];
-                color: string;
-                px: string;
-            };
-            secondary: {
-                fontFamily: string;
-                height: string[];
-                lineHeight: string[];
-                color: string;
-                px: string;
-            };
-        };
-        _containers: {
-            selectors: {
-                secondary: {
-                    display: string;
-                };
-                tertiary: {
-                    display: string;
-                };
-                compact: {
-                    display: string;
-                    gridTemplateColumns: string;
-                    alignItems: string;
-                };
-                secondaryV2: {
-                    display: string;
-                    gridTemplateColumns: string;
-                    alignItems: string;
-                };
-                combined: {
-                    display: string;
-                };
-                customSecondary: {
-                    gap: string;
-                    gridTemplateColumns: string;
-                };
-                customTertiary: {
-                    gap: string;
-                };
-                customScrollable: {
-                    gap: string;
-                };
-            };
-        };
-        _links: {
-            primary: {
-                fontFamily: string;
-                color: string;
-                cursor: string;
-                textDecoration: string;
-                ":hover": {
-                    textDecoration: string;
-                };
-            };
-        };
-        _lists: {
-            primary: {
-                color: string;
-            };
-        };
-        _modals: {
-            inner: {
-                primary: {
-                    borderRadius: string;
-                    textAlign: string;
-                    borderWidth: string;
-                    borderStyle: string;
-                    borderColor: string;
-                };
-            };
-        };
-        _progressBars: {
-            line: {
-                done: {
-                    height: string;
-                    display: string;
-                    transition: string;
-                };
-                remains: {
-                    height: string;
-                    display: string;
-                    transition: string;
-                };
-            };
-            stripedLine: {
-                done: {
-                    height: string;
-                    display: string;
-                    transition: string;
-                };
-                remains: {
-                    height: string;
-                    display: string;
-                    transition: string;
-                };
-            };
-        };
-        _switches: {
-            textSwitch: {
-                side: {
-                    fontFamily: string;
-                    fontWeight: string;
-                    textAlign: string;
-                    zIndex: number;
-                };
-            };
-        };
-    };
-    forms: {
-        _inputs: {
-            textInput: {
-                primary: {
-                    fontFamily: string;
-                    color: string;
-                    fontSize: string[];
-                    border: string;
-                    outline: string;
-                    borderBottomStyle: string;
-                    borderBottomWidth: string;
-                    borderBottomColor: string;
-                    lineHeight: string[];
-                    transition: string;
-                    ":focus": {
-                        borderBottomStyle: string;
-                        borderBottomWidth: string;
-                        borderBottomColor: string;
-                        outline: string;
-                    };
-                    "::placeholder": {
-                        color: string;
-                    };
-                };
-                primaryError: {
-                    fontFamily: string;
-                    color: string;
-                    fontSize: string[];
-                    border: string;
-                    outline: string;
-                    borderBottomStyle: string;
-                    borderBottomWidth: string;
-                    borderBottomColor: string;
-                    lineHeight: string[];
-                    transition: string;
-                };
-                plain: {
-                    fontFamily: string;
-                    color: string;
-                    fontSize: string[];
-                    borderStyle: string;
-                    borderWidth: string;
-                    outlines: string;
-                };
-                currentPage: {
-                    display: string;
-                    flexDirection: string;
-                    alignItems: string;
-                    justifyContent: string;
-                    textAlign: string;
-                    borderColor: string;
-                    borderWidth: number;
-                    borderStyle: string;
-                    borderRadius: number;
-                    fontSize: number;
-                    fontFamily: string;
-                    height: string;
-                    width: string;
-                    ":focus": {
-                        borderColor: string;
-                        borderWidth: number;
-                        borderStyle: string;
-                        borderRadius: number;
-                        outline: string;
-                    };
-                };
-                decodyQuestion: {
-                    fontFamily: string;
-                    color: string;
-                    fontSize: string[];
-                    fontWeight: string;
-                    border: string;
-                    outline: string;
-                    borderBottomStyle: string;
-                    borderBottomWidth: string;
-                    borderBottomColor: string;
-                    lineHeight: string[];
-                    transition: string;
-                    ":focus": {
-                        borderBottomStyle: string;
-                        borderBottomWidth: string;
-                        borderBottomColor: string;
-                        outline: string;
-                    };
-                    "::placeholder": {
-                        color: string;
-                        fontWeight: string;
-                    };
-                };
-                clientPortal: {
-                    fontFamily: string;
-                    color: string;
-                    fontSize: number;
-                    borderStyle: string;
-                    outline: string;
-                    borderBottomStyle: string;
-                    borderBottomWidth: string;
-                    borderBottomColor: string;
-                    py: string;
-                    px: number;
-                    ":focus": {
-                        outline: string;
-                        borderStyle: string;
-                        borderBottomStyle: string;
-                        borderColor: string;
-                    };
-                    "::placeholder": {
-                        color: string;
-                    };
-                };
-            };
-        };
-        _labels: {
-            textInput: {
-                secondary: {
-                    fontFamily: string;
-                    width: string;
-                    color: string;
-                    fontSize: string[];
-                    fontWeight: number;
-                    textTransform: string;
-                    letterSpacing: string[];
-                    marginBottom: string[];
-                };
-                secondaryError: {
-                    fontFamily: string;
-                    width: string;
-                    fontSize: string[];
-                    fontWeight: number;
-                    textTransform: string;
-                    letterSpacing: string[];
-                    marginBottom: string[];
-                    color: string;
-                };
-                clientPortal: {
-                    fontSize: number;
-                    fontWeight: number;
-                    textTransform: string;
-                    letterSpacing: string;
-                };
-            };
-            selectors: {
-                secondary: {
-                    fontSize: string[];
-                    fontWeight: number;
-                    letterSpacing: number;
-                    textTransform: string;
-                    color: string;
-                };
-                secondaryError: {
-                    width: string;
-                    fontSize: string[];
-                    fontWeight: number;
-                    textTransform: string;
-                    letterSpacing: string[];
-                    marginBottom: string[];
-                    color: string;
-                };
-                tertiary: {
-                    width: string;
-                    color: string;
-                    fontSize: string[];
-                    fontWeight: number;
-                    textTransform: string;
-                    letterSpacing: string[];
-                    marginBottom: string[];
-                };
-                tertiaryError: {
-                    width: string;
-                    fontSize: string[];
-                    fontWeight: number;
-                    textTransform: string;
-                    letterSpacing: string[];
-                    marginBottom: string[];
-                    color: string;
-                };
-                compact: {
-                    width: string;
-                    color: string;
-                    fontSize: string[];
-                };
-                secondaryV2: {
-                    color: string;
-                    fontSize: string;
-                };
-                primaryV2: {
-                    position: string;
-                    left: string;
-                    top: string;
-                    height: string;
-                    fontWeight: number;
-                    color: string;
-                    fontSize: string;
-                    letterSpacing: string;
-                    textTransform: string;
-                    width: string;
-                    bg: string;
-                    px: string;
-                    zIndex: number;
-                };
-                customSecondary: {
-                    fontSize: string;
-                    fontWeight: number;
-                    color: string;
-                };
-                customTertiary: {
-                    fontSize: string;
-                    fontWeight: number;
-                    letterSpacing: string;
-                    textTransform: string;
-                    color: string;
-                };
-                customScrollable: {
-                    fontSize: string;
-                    fontWeight: number;
-                    letterSpacing: string;
-                    textTransform: string;
-                    color: string;
-                };
-                updatedSecondary: {
-                    fontSize: string;
-                    fontWeight: number;
-                    letterSpacing: string;
-                    textTransform: string;
-                    color: string;
-                };
-            };
-            iconButton: {
-                marginRight: string;
-                cursor: string;
-            };
-        };
-        _selectors: {
-            primary: {
-                color: string;
-                outline: string;
-                borderColor: string;
-                borderStyle: string;
-                borderWidth: number;
-                borderRadius: number;
-                pr: string[];
-            };
-            secondary: {
-                fontFamily: string;
-                textTransform: string;
-                fontWeight: number;
-                letterSpacing: number;
-                color: string;
-                paddingLeft: number;
-                border: string;
-                outline: string;
-                borderBottomColor: string;
-                borderBottomStyle: string;
-                borderBottomWidth: number;
-                borderRadius: number;
-                paddingY: string[];
-                pr: string[];
-            };
-            secondaryError: {
-                fontFamily: string;
-                textTransform: string;
-                fontWeight: number;
-                letterSpacing: number;
-                color: string;
-                paddingLeft: number;
-                border: string;
-                outline: string;
-                borderBottomColor: string;
-                borderBottomStyle: string;
-                borderBottomWidth: number;
-                borderRadius: number;
-                paddingY: string[];
-                pr: string[];
-            };
-            tertiary: {
-                fontFamily: string;
-                textTransform: string;
-                fontSize: string[];
-                fontWeight: number;
-                letterSpacing: number;
-                color: string;
-                paddingLeft: number;
-                border: string;
-                outline: string;
-                borderBottomColor: string;
-                borderBottomStyle: string;
-                borderBottomWidth: number;
-                borderRadius: number;
-                lineHeight: string[];
-                paddingY: string[];
-                pr: string[];
-                "& + svg": {
-                    fill: string;
-                    transform: string;
-                };
-            };
-            tertiaryError: {
-                fontFamily: string;
-                textTransform: string;
-                fontSize: string[];
-                fontWeight: number;
-                letterSpacing: number;
-                color: string;
-                paddingLeft: number;
-                border: string;
-                outline: string;
-                borderBottomColor: string;
-                borderBottomStyle: string;
-                borderBottomWidth: number;
-                borderRadius: number;
-                lineHeight: string[];
-                paddingY: string[];
-                pr: string[];
-                "& + svg": {
-                    fill: string;
-                    transform: string;
-                };
-            };
-            compact: {
-                width: string;
-                color: string;
-                outline: string;
-                border: string;
-                paddingLeft: string[];
-                paddingRight: string[];
-                "& + svg": {
-                    transform: string;
-                };
-            };
-            secondaryV2: {
-                fontFamily: string;
-                fontWeight: string;
-                fontSize: string;
-                letterSpacing: number;
-                color: string;
-                outline: string;
-                border: string;
-                borderRadius: number;
-                borderBottomColor: string;
-                borderBottomStyle: string;
-                borderBottomWidth: number;
-                pb: string;
-                pl: number;
-                pt: number;
-                pr: string;
-                "& + svg": {
-                    fill: string;
-                    transform: string;
-                };
-            };
-            primaryV2: {
-                fontFamily: string;
-                fontSize: string;
-                color: string;
-                px: string;
-                py: string;
-                borderRadius: string;
-                borderColor: string;
-                outline: string;
-            };
-            updatedSecondary: {
-                fontFamily: string;
-                textTransform: string;
-                fontSize: string;
-                lineHeight: string;
-                fontWeight: number;
-                letterSpacing: number;
-                color: string;
-                paddingLeft: number;
-                border: string;
-                outline: string;
-                borderBottomColor: string;
-                borderBottomStyle: string;
-                borderBottomWidth: number;
-                borderRadius: number;
-                py: string;
-                pr: string;
-                "& + svg": {
-                    fill: string;
-                    transform: string;
-                };
-            };
-        };
-    };
-    text: {
-        _breadcrumbs: {
-            primary: {
-                last: {
-                    fontFamily: string;
-                    fontSize: string;
-                    fontWeight: number;
-                    color: string;
-                };
-                normal: {
-                    fontFamily: string;
-                    fontSize: string;
-                    fontWeight: number;
-                    color: string;
-                };
-            };
-            secondary: {
-                last: {
-                    fontFamily: string;
-                    fontSize: string;
-                    fontWeight: number;
-                    color: string;
-                };
-                normal: {
-                    fontFamily: string;
-                    fontSize: string;
-                    fontWeight: number;
-                    color: string;
-                };
-            };
-        };
-        _10SemiBold: {
-            fontFamily: string;
-            fontSize: string;
-            fontWeight: number;
-        };
-        _12Regular: {
-            fontFamily: string;
-            fontSize: string;
-            fontWeight: number;
-        };
-        _12Semibold: {
-            fontFamily: string;
-            fontSize: string;
-            fontWeight: number;
-        };
-        _13Regular: {
-            fontFamily: string;
-            fontSize: string;
-            fontWeight: number;
-        };
-        _13Semibold: {
-            fontFamily: string;
-            fontSize: string;
-            fontWeight: number;
-        };
-        _13Bold: {
-            fontFamily: string;
-            fontSize: string;
-            fontWeight: number;
-        };
-        _14Regular: {
-            fontFamily: string;
-            fontSize: string;
-            fontWeight: number;
-        };
-        _14Semibold: {
-            fontFamily: string;
-            fontSize: string;
-            fontWeight: number;
-        };
-        _16Regular: {
-            fontFamily: string;
-            fontSize: string;
-            fontWeight: number;
-        };
-        _16Semibold: {
-            fontFamily: string;
-            fontSize: string;
-            fontWeight: number;
-        };
-        _18Regular: {
-            fontFamily: string;
-            fontSize: string;
-            fontWeight: number;
-        };
-        _18Bold: {
-            fontFamily: string;
-            fontSize: string;
-            fontWeight: number;
-        };
-        _24Regular: {
-            fontFamily: string;
-            fontSize: string;
-            fontWeight: number;
-        };
-        _24Bold: {
-            fontFamily: string;
-            fontSize: string;
-            fontWeight: number;
-        };
-        _32Regular: {
-            fontFamily: string;
-            fontSize: string;
-            fontWeight: number;
-        };
-        _32Bold: {
-            fontFamily: string;
-            fontSize: string;
-            fontWeight: number;
-        };
-        _40Bold: {
-            fontFamily: string;
-            fontSize: string;
-            fontWeight: number;
-        };
-        _55Semibold: {
-            fontFamily: string;
-            fontSize: string;
-            fontWeight: number;
-        };
-    };
-    buttons: {
-        _circle: {
-            borderRadius: string;
-            lineHeight: number;
-            bg: string;
-            padding: string;
-            outline: string;
-        };
-        _cta: {
-            borderStyle: string;
-            borderWidth: string;
-            textTransform: string;
-            fontSize: string[];
-            fontWeight: string;
-            letterSpacing: string[];
-            transition: string;
-            outline: string;
-        };
-        _icon: {
-            padding: string;
-            bg: string;
-            display: string;
-            alignItems: string;
-            justifyContent: string;
-        };
-        _logos: {
-            poweredByLogo: {
-                width: number;
-                height: number;
-            };
-        };
-        _goto: {
-            borderStyle: string;
-            borderWidth: string;
-            borderColor: string;
-            color: string;
-            textTransform: string;
-            fontSize: string[];
-            fontWeight: string;
-            letterSpacing: string[];
-            outline: string;
-            backgroundColor: string;
-            borderRadius: string;
-            paddingY: string;
-            paddingX: string;
-        };
-        _booleanAction: {
-            borderStyle: string;
-            borderWidth: string;
-            width: string;
-            borderColor: string;
-            color: string;
-            textTransform: string;
-            fontSize: string[];
-            fontWeight: string;
-            letterSpacing: string[];
-            outline: string;
-            backgroundColor: string;
-            borderRadius: string;
-            paddingY: string;
-            paddingX: string;
-        };
-        _multichoice: {
-            active: {
-                bg: string;
-                color: string;
-                borderStyle: string;
-                borderWidth: string;
-                borderColor: string;
-                borderRadius: string;
-                height: string[];
-                textTransform: string;
-                fontSize: string[];
-                fontWeight: string;
-                outline: string;
-            };
-            notActive: {
-                bg: string;
-                color: string;
-                borderStyle: string;
-                borderWidth: string;
-                borderColor: string;
-                borderRadius: string;
-                height: string[];
-                textTransform: string;
-                fontSize: string[];
-                fontWeight: string;
-                outline: string;
-            };
-        };
-        _square: {
-            lineHeight: number;
-            borderRadius: string;
-            bg: string;
-            padding: string;
-            outline: string;
-        };
-        _block: {
-            display: string;
-        };
-    };
-};
-export declare const ComponentLibThemeProvider: import("react").FC<import("./components/wrapper/interfaces").WrapperProps>;
+export { default as ComponentLibThemeProvider } from "./components/wrapper";
+export { default as theme } from "./core/theme";
 export * from "./components/accordions";
 export * from "./components/badges";
 export * from "./components/bicolor-badge";