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

package/lib/index.d.ts

@@ -1,5 +1,746 @@
 /// <reference types="react" />
-export { default as theme } from "./core/theme";
+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 * from "./components/accordions";
 export * from "./components/badges";