@selfdecode/sd-component-library 4.0.26 → 4.0.28

package/lib/core/theme.d.ts

@@ -1,772 +1,772 @@
-/**
- * The theme for the application.
- */
-declare const theme: {
-    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;
-            };
-            tertiary: {
-                fontFamily: 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;
-                };
-            };
-        };
-        _dropdowns: {
-            primary: {
-                fontFamily: string;
-                bottom_left: {
-                    left: string;
-                };
-                bottom_right: {
-                    right: string;
-                };
-                top_left: {
-                    left: string;
-                    top: string;
-                    bottom: string;
-                };
-                top_right: {
-                    right: string;
-                    top: string;
-                    bottom: 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 default theme;
+/**
+ * The theme for the application.
+ */
+declare const theme: {
+    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;
+            };
+            tertiary: {
+                fontFamily: 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;
+                };
+            };
+        };
+        _dropdowns: {
+            primary: {
+                fontFamily: string;
+                bottom_left: {
+                    left: string;
+                };
+                bottom_right: {
+                    right: string;
+                };
+                top_left: {
+                    left: string;
+                    top: string;
+                    bottom: string;
+                };
+                top_right: {
+                    right: string;
+                    top: string;
+                    bottom: 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 default theme;