@sprinklrjs/spaceweb-themes 12.33.2 → 14.11.3

package/hyperspace/light/theme.js

@@ -10,7 +10,7 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 // THIS FILES IS GENERATED USING SCRIPT, DO NOT EDIT DIRECTLY
 var theme_1 = require("../../common-theme/theme");
 var theme = {
@@ -35,154 +35,165 @@ var theme = {
         l1: { fontSize: '1.3rem', lineHeight: '1.8rem', fontWeight: 400 },
         l2: { fontSize: '1.2rem', lineHeight: '1.6rem', fontWeight: 400 },
         l3: { fontSize: '1.1rem', lineHeight: '1.6rem', fontWeight: 400 },
-        l4: { fontSize: '1rem', lineHeight: '1.4rem', fontWeight: 400 }
+        l4: { fontSize: '1rem', lineHeight: '1.4rem', fontWeight: 400 },
     },
-    popover: { borderRadius: '8px' },
-    button: {
-        borderRadius: '8px',
-        variantSecondary: {
-            color: 'var(--spr-text-01, #0A0A14)',
-            hoverBackgroundColor: 'var(--spr-ui-02, #F8F8FA)',
-            activeBackgroundColor: 'var(--spr-ui-05, #EEF0F1)'
-        },
-        sizeXxxs: {
-            minWidth: '48px',
-            paddingY: '4px',
-            paddingX: '6px',
-            borderRadius: '5px',
-            fontStyles: { fontSize: '12px', lineHeight: '14px', fontWeight: 600 }
-        },
-        sizeXxs: {
-            minWidth: '56px',
-            paddingY: '6px',
-            paddingX: '11px',
-            borderRadius: '6px',
-            fontStyles: { fontSize: '12px', lineHeight: '14px', fontWeight: 600 }
-        },
-        sizeXs: {
-            minWidth: '72px',
-            paddingY: '7px',
-            paddingX: '11px',
-            borderRadius: '7px',
-            fontStyles: { fontSize: '13px', lineHeight: '16px', fontWeight: 600 }
-        },
-        sizeSm: {
-            minWidth: '88px',
-            paddingY: '9px',
-            paddingX: '11px',
-            fontStyles: { fontSize: '13px', lineHeight: '16px', fontWeight: 600 }
-        },
-        sizeMd: {
-            minWidth: '100px',
-            paddingY: '10px',
-            paddingX: '15px',
-            fontStyles: { fontSize: '14px', lineHeight: '18px', fontWeight: 600 }
+    popover: null,
+    button: null,
+    iconButton: null,
+    input: null,
+    multiSelect: null,
+    link: null,
+    list: null,
+    tab: null,
+    tag: null,
+    deprecatedComponentTheme: {
+        popover: { borderRadius: '8px' },
+        button: {
+            borderRadius: '8px',
+            variantSecondary: {
+                color: 'var(--spr-text-01, #1E2022)',
+                hoverBackgroundColor: 'var(--spr-ui-02, #F8F8FA)',
+                activeBackgroundColor: 'var(--spr-ui-05, #ECEDEE)',
+            },
+            sizeXxxs: {
+                minWidth: '48px',
+                paddingY: '4px',
+                paddingX: '6px',
+                borderRadius: '5px',
+                fontStyles: { fontSize: '12px', lineHeight: '14px', fontWeight: 600 },
+            },
+            sizeXxs: {
+                minWidth: '56px',
+                paddingY: '6px',
+                paddingX: '11px',
+                borderRadius: '6px',
+                fontStyles: { fontSize: '12px', lineHeight: '14px', fontWeight: 600 },
+            },
+            sizeXs: {
+                minWidth: '72px',
+                paddingY: '7px',
+                paddingX: '11px',
+                borderRadius: '7px',
+                fontStyles: { fontSize: '13px', lineHeight: '16px', fontWeight: 600 },
+            },
+            sizeSm: {
+                minWidth: '88px',
+                paddingY: '9px',
+                paddingX: '11px',
+                fontStyles: { fontSize: '13px', lineHeight: '16px', fontWeight: 600 },
+            },
+            sizeMd: {
+                minWidth: '100px',
+                paddingY: '10px',
+                paddingX: '15px',
+                fontStyles: { fontSize: '14px', lineHeight: '18px', fontWeight: 600 },
+            },
+            sizeLg: {
+                minWidth: '112px',
+                paddingY: '12px',
+                paddingX: '15px',
+                fontStyles: { fontSize: '14px', lineHeight: '18px', fontWeight: 600 },
+            },
+            sizeXl: {
+                minWidth: '112px',
+                paddingY: '12px',
+                paddingX: '15px',
+                fontStyles: { fontSize: '14px', lineHeight: '18px', fontWeight: 600 },
+            },
         },
-        sizeLg: {
-            minWidth: '112px',
-            paddingY: '12px',
-            paddingX: '15px',
-            fontStyles: { fontSize: '14px', lineHeight: '18px', fontWeight: 600 }
+        iconButton: {
+            minWidth: '0px',
+            sizeXxxxs: { buttonSize: 16, iconSize: 8, squareBorderRadius: 3 },
+            sizeXxxs: { buttonSize: 24, iconSize: 10, squareBorderRadius: 5 },
+            sizeXxs: { buttonSize: 28, iconSize: 12, squareBorderRadius: 6 },
+            sizeXs: { buttonSize: 32, iconSize: 12, squareBorderRadius: 7 },
+            sizeSm: { buttonSize: 36, iconSize: 14 },
+            sizeMd: { buttonSize: 40, iconSize: 16 },
+            sizeLg: { buttonSize: 44, iconSize: 16 },
+            sizeXl: { buttonSize: 44, iconSize: 16 },
+            shapeRound: {
+                color: 'var(--spr-icon-01, #1E2022)',
+                hoverColor: 'var(--spr-icon-01, #1E2022)',
+                activeColor: 'var(--spr-icon-04, #1250DE)',
+                disabledColor: 'var(--spr-icon-disable, rgba(28, 28, 31, 0.33))',
+                backgroundColor: 'transparent',
+                hoverBackgroundColor: 'var(--spr-ui-05, #ECEDEE)',
+                activeBackgroundColor: 'var(--spr-ui-05, #ECEDEE)',
+                disabledBackgroundColor: 'transparent',
+            },
+            shapeRoundBordered: {
+                hoverColor: 'var(--spr-icon-01, #1E2022)',
+                activeColor: 'var(--spr-icon-04, #1250DE)',
+                disabledColor: 'var(--spr-icon-disable, rgba(28, 28, 31, 0.33))',
+                backgroundColor: 'var(--spr-ui-01, #FFFFFF)',
+                hoverBackgroundColor: 'var(--spr-ui-05, #ECEDEE)',
+                activeBackgroundColor: 'var(--spr-ui-01, #FFFFFF)',
+                disabledBackgroundColor: 'var(--spr-ui-01, #FFFFFF)',
+                borderColor: 'var(--spr-border-03, #D8D9DB)',
+                hoverBorderColor: 'var(--spr-border-06, #252627)',
+                activeBorderColor: 'var(--spr-focus-01, #1250DE)',
+                disabledBorderColor: 'var(--spr-border-03, #D8D9DB)',
+            },
+            shapeSquare: {
+                borderRadius: '8px',
+                color: 'var(--spr-icon-01, #1E2022)',
+                hoverColor: 'var(--spr-icon-01, #1E2022)',
+                activeColor: 'var(--spr-icon-04, #1250DE)',
+                disabledColor: 'var(--spr-icon-disable, rgba(28, 28, 31, 0.33))',
+                backgroundColor: 'transparent',
+                hoverBackgroundColor: 'var(--spr-ui-05, #ECEDEE)',
+                activeBackgroundColor: 'var(--spr-ui-05, #ECEDEE)',
+                disabledBackgroundColor: 'transparent',
+            },
+            shapeSquareBordered: {
+                hoverColor: 'var(--spr-icon-01, #1E2022)',
+                activeColor: 'var(--spr-icon-04, #1250DE)',
+                disabledColor: 'var(--spr-icon-disable, rgba(28, 28, 31, 0.33))',
+                backgroundColor: 'var(--spr-ui-01, #FFFFFF)',
+                hoverBackgroundColor: 'var(--spr-ui-05, #ECEDEE)',
+                activeBackgroundColor: 'var(--spr-ui-01, #FFFFFF)',
+                disabledBackgroundColor: 'var(--spr-ui-01, #FFFFFF)',
+                borderColor: 'var(--spr-border-03, #D8D9DB)',
+                hoverBorderColor: 'var(--spr-border-06, #252627)',
+                activeBorderColor: 'var(--spr-focus-01, #1250DE)',
+                disabledBorderColor: 'var(--spr-border-03, #D8D9DB)',
+            },
         },
-        sizeXl: {
-            minWidth: '112px',
-            paddingY: '12px',
-            paddingX: '15px',
-            fontStyles: { fontSize: '14px', lineHeight: '18px', fontWeight: 600 }
-        }
-    },
-    iconButton: {
-        minWidth: '0px',
-        sizeXxxxs: { buttonSize: 16, iconSize: 8, squareBorderRadius: 3 },
-        sizeXxxs: { buttonSize: 24, iconSize: 10, squareBorderRadius: 5 },
-        sizeXxs: { buttonSize: 28, iconSize: 12, squareBorderRadius: 6 },
-        sizeXs: { buttonSize: 32, iconSize: 12, squareBorderRadius: 7 },
-        sizeSm: { buttonSize: 36, iconSize: 14 },
-        sizeMd: { buttonSize: 40, iconSize: 16 },
-        sizeLg: { buttonSize: 44, iconSize: 16 },
-        sizeXl: { buttonSize: 44, iconSize: 16 },
-        shapeRound: {
-            color: 'var(--spr-icon-01, #0A0A14)',
-            hoverColor: 'var(--spr-icon-01, #0A0A14)',
-            activeColor: 'var(--spr-icon-04, #0E61F6)',
-            disabledColor: 'var(--spr-icon-disable, #DBDBDB)',
-            backgroundColor: 'transparent',
-            hoverBackgroundColor: 'var(--spr-ui-05, #EEF0F1)',
-            activeBackgroundColor: 'var(--spr-ui-05, #EEF0F1)',
-            disabledBackgroundColor: 'transparent'
+        input: {
+            borderRadius: '8px',
+            disabledBorderColor: 'var(--spr-border-03, #D8D9DB)',
+            sizeXxxs: { borderRadius: '5px', paddingX: '7px', paddingY: '3px', fontSize: '13px', lineHeight: '16px' },
+            sizeXs: { borderRadius: '7px', paddingX: '11px', paddingY: '6px', fontSize: '14px', lineHeight: '18px' },
+            sizeSm: { paddingX: '11px', paddingY: '8px', fontSize: '14px', lineHeight: '18px' },
+            sizeMd: { paddingX: '11px', paddingY: '10px', fontSize: '14px', lineHeight: '18px' },
+            sizeLg: { paddingX: '11px', paddingY: '10px', fontSize: '14px', lineHeight: '18px' },
         },
-        shapeRoundBordered: {
-            hoverColor: 'var(--spr-icon-01, #0A0A14)',
-            activeColor: 'var(--spr-icon-04, #0E61F6)',
-            disabledColor: 'var(--spr-icon-disable, #DBDBDB)',
-            backgroundColor: 'var(--spr-ui-01, #FFFFFF)',
-            hoverBackgroundColor: 'var(--spr-ui-05, #EEF0F1)',
-            activeBackgroundColor: 'var(--spr-ui-01, #FFFFFF)',
-            disabledBackgroundColor: 'var(--spr-ui-01, #FFFFFF)',
-            borderColor: 'var(--spr-border-03, #DBDBDB)',
-            hoverBorderColor: 'var(--spr-border-06, #0A0A14)',
-            activeBorderColor: 'var(--spr-focus-01, #0E61F6)',
-            disabledBorderColor: 'var(--spr-border-03, #DBDBDB)'
+        multiSelect: {
+            sizeXxxs: { paddingX: '2px', paddingY: '1px', tagMarginX: '2px', tagMarginY: '1px' },
+            sizeXs: { paddingX: '4px', paddingY: '2px', tagMarginY: '2px', tagMarginX: '4px' },
+            sizeSm: { paddingX: '4px', paddingY: '4px', tagMarginY: '2px', tagMarginX: '4px' },
+            sizeMd: { paddingX: '4px', paddingY: '6px', tagMarginY: '2px', tagMarginX: '4px' },
+            sizeLg: { paddingX: '4px', paddingY: '6px', tagMarginY: '2px', tagMarginX: '4px' },
         },
-        shapeSquare: {
-            borderRadius: '8px',
-            color: 'var(--spr-icon-01, #0A0A14)',
-            hoverColor: 'var(--spr-icon-01, #0A0A14)',
-            activeColor: 'var(--spr-icon-04, #0E61F6)',
-            disabledColor: 'var(--spr-icon-disable, #DBDBDB)',
-            backgroundColor: 'transparent',
-            hoverBackgroundColor: 'var(--spr-ui-05, #EEF0F1)',
-            activeBackgroundColor: 'var(--spr-ui-05, #EEF0F1)',
-            disabledBackgroundColor: 'transparent'
+        link: { fontSize: '16px', lineHeight: '15px' },
+        list: { selectedEnhancerBackground: 'transparent', hoverBackgroundColor: 'var(--spr-ui-05, #ECEDEE)' },
+        tab: {
+            variantDefault: {
+                fontStyles: { fontSize: '18px', lineHeight: '21px', fontWeight: 600 },
+                positionTopStyles: { marginLeft: '16px', marginRight: '16px' },
+                positionLeftStyles: { marginTop: '12px', marginBottom: '12px' },
+                positionRightStyles: { marginTop: '12px', marginBottom: '12px' },
+            },
         },
-        shapeSquareBordered: {
-            hoverColor: 'var(--spr-icon-01, #0A0A14)',
-            activeColor: 'var(--spr-icon-04, #0E61F6)',
-            disabledColor: 'var(--spr-icon-disable, #DBDBDB)',
-            backgroundColor: 'var(--spr-ui-01, #FFFFFF)',
-            hoverBackgroundColor: 'var(--spr-ui-05, #EEF0F1)',
-            activeBackgroundColor: 'var(--spr-ui-01, #FFFFFF)',
-            disabledBackgroundColor: 'var(--spr-ui-01, #FFFFFF)',
-            borderColor: 'var(--spr-border-03, #DBDBDB)',
-            hoverBorderColor: 'var(--spr-border-06, #0A0A14)',
-            activeBorderColor: 'var(--spr-focus-01, #0E61F6)',
-            disabledBorderColor: 'var(--spr-border-03, #DBDBDB)'
-        }
-    },
-    input: {
-        borderRadius: '8px',
-        disabledBorderColor: 'var(--spr-border-03, #DBDBDB)',
-        sizeXxxs: { borderRadius: '5px', paddingX: '7px', paddingY: '3px', fontSize: '13px', lineHeight: '16px' },
-        sizeXs: { borderRadius: '7px', paddingX: '11px', paddingY: '6px', fontSize: '14px', lineHeight: '18px' },
-        sizeSm: { paddingX: '11px', paddingY: '8px', fontSize: '14px', lineHeight: '18px' },
-        sizeMd: { paddingX: '11px', paddingY: '10px', fontSize: '14px', lineHeight: '18px' },
-        sizeLg: { paddingX: '11px', paddingY: '10px', fontSize: '14px', lineHeight: '18px' }
+        tag: { actionButtonBorderRadius: '2px', avatarMarginLeft: '4px' },
     },
-    multiSelect: {
-        sizeXxxs: { paddingX: '2px', paddingY: '1px', tagMarginX: '2px', tagMarginY: '1px' },
-        sizeXs: { paddingX: '4px', paddingY: '2px', tagMarginY: '2px', tagMarginX: '4px' },
-        sizeSm: { paddingX: '4px', paddingY: '4px', tagMarginY: '2px', tagMarginX: '4px' },
-        sizeMd: { paddingX: '4px', paddingY: '6px', tagMarginY: '2px', tagMarginX: '4px' },
-        sizeLg: { paddingX: '4px', paddingY: '6px', tagMarginY: '2px', tagMarginX: '4px' }
-    },
-    link: { fontSize: '16px', lineHeight: '15px' },
-    list: { selectedEnhancerBackground: 'transparent', hoverBackgroundColor: 'var(--spr-ui-05, #EEF0F1)' },
-    tab: {
-        variantDefault: {
-            fontStyles: { fontSize: '18px', lineHeight: '21px', fontWeight: 600 },
-            positionTopStyles: { marginLeft: '16px', marginRight: '16px' },
-            positionLeftStyles: { marginTop: '12px', marginBottom: '12px' },
-            positionRightStyles: { marginTop: '12px', marginBottom: '12px' }
-        }
-    },
-    tag: { actionButtonBorderRadius: '2px', avatarMarginLeft: '4px' },
     app: {
         header: '#0A0A14',
         headerTab: 'rgba(255, 255, 255, 0.1)',
         headerTabHover: 'rgba(255, 255, 255, 0.2)',
         headerTabActive: '#EEEEEE',
         headerText: 'rgba(255, 255, 255, 0.6)',
-        headerTextHover: '#FFFFFF'
+        headerTextHover: '#FFFFFF',
     },
     cht: {
         bg: '#F3EAE1',
@@ -203,40 +214,32 @@ var theme = {
         footer: '#F3EAE1',
         hover: 'rgba(100, 100, 112, 0.07)',
         read: '#006CD7',
-        unread: '#A0A0A8'
+        unread: '#A0A0A8',
     },
     spr: {
-        ui01: 'var(--spr-ui-01, #FFFFFF)',
         ui02: 'var(--spr-ui-02, #F8F8FA)',
-        ui03: 'var(--spr-ui-03, #DBDBDB)',
-        ui04: 'var(--spr-ui-04, #0E61F6)',
-        ui05: 'var(--spr-ui-05, #EEF0F1)',
-        ui06: 'var(--spr-ui-06, #E6E6E9)',
+        ui04: 'var(--spr-ui-04, #1250DE)',
         uiFocus: 'var(--spr-ui-focus, rgba(8, 40, 204, 0.07))',
         uiFocusReverse: 'var(--spr-ui-focus-reverse, rgba(255, 255, 255, 0.2))',
         uiHover: 'var(--spr-ui-hover, #F8F8FA)',
         uiHoverReverse: 'var(--spr-ui-hover-reverse, rgba(255, 255, 255, 0.1))',
-        supportError: 'var(--spr-support-error, #C70F5C)',
-        supportErrorHighlight: 'var(--spr-support-error-highlight, rgba(199, 15, 92, 0.2))',
-        supportSuccess: 'var(--spr-support-success, #6AC96E)',
-        supportSuccessHighlight: 'var(--spr-support-success-highlight, rgba(106, 201, 110, 0.2))',
-        supportWarning: 'var(--spr-support-warning, #F3BF24)',
-        supportWarningHighlight: 'var(--spr-support-warning-highlight, rgba(243, 191, 36, 0.2))',
+        supportErrorHighlight: 'var(--spr-support-error-highlight, rgba(220, 38, 37, 0.2))',
+        supportSuccessHighlight: 'var(--spr-support-success-highlight, rgba(23, 135, 64, 0.2))',
+        supportWarningHighlight: 'var(--spr-support-warning-highlight, rgba(235, 179, 5, 0.2))',
+        bgSuccessHighlight2: 'var(--spr-bg-success-highlight-2, #87EFAC)',
         clrBlueHighlight: 'var(--spr-clr-blue-highlight, #E8F0FE)',
         tag: 'var(--spr-tag, #F2F2F4)',
         tag01: 'var(--spr-tag-01, #E6E6E9)',
         tag02: 'var(--spr-tag-02, rgba(8, 40, 204, 0.07))',
         field: 'var(--spr-field, #DBDBDB)',
+        fieldBorder: 'var(--spr-field-border, #DBDBDB)',
         popup: 'var(--spr-popup, #FFFFFF)',
         overlay: 'var(--spr-overlay, rgba(10, 10, 20, 0.9))',
-        tooltip01: 'var(--spr-tooltip-01, #0A0A14)',
-        highlight: 'var(--spr-highlight, rgba(255, 231, 173, 0.7))',
         favourite: 'var(--spr-favourite, #FF9F21)',
         notification: 'var(--spr-notification, #DE336A)',
-        interactive01: 'var(--spr-interactive-01, #0E61F6)',
-        interactiveHover: 'var(--spr-interactive-hover, #1858CE)',
+        interactiveHoverBorder: 'var(--spr-interactive-hover-border, #1640B1)',
         interactiveDisable: 'var(--spr-interactive-disable, rgba(255, 255, 255, 0.6))',
-        interactive02: 'var(--spr-interactive-02, #DBDBDB)',
+        interactive02: 'var(--spr-interactive-02, #E3E4E6)',
         clrBlue: 'var(--spr-clr-blue, #2EA2FB)',
         clrGreen: 'var(--spr-clr-green, #33CC99)',
         clrLavender: 'var(--spr-clr-lavender, #7F36F6)',
@@ -247,7 +250,7 @@ var theme = {
         clrTeal: 'var(--spr-clr-teal, #13C18D)',
         clrYellow: 'var(--spr-clr-yellow, #ECAD00)',
         clrGrey: 'var(--spr-clr-grey, #D7D7DC)',
-        interactiveFocus: 'var(--spr-interactive-focus, #132a86)',
+        interactiveFocus: 'var(--spr-interactive-focus, #0E3386)',
         clrPurple: 'var(--spr-clr-purple, #8C43FF)',
         clrLtYellow: 'var(--spr-clr-lt-yellow, #FFD04F)',
         clrDarkerBlue: 'var(--spr-clr-darker-blue, #327AFD)',
@@ -259,66 +262,142 @@ var theme = {
         secondaryMaroon: 'var(--spr-secondary-maroon, #B53471)',
         secondaryOrange: 'var(--spr-secondary-orange, #F48749)',
         clrMagenta: 'var(--spr-clr-magenta, #CB1CCE)',
+        clrMagentaBorder: 'var(--spr-clr-magenta-border, #CB1CCE)',
         clrFuschia: 'var(--spr-clr-fuschia, #A70FDC)',
+        clrFuschiaBorder: 'var(--spr-clr-fuschia-border, #A70FDC)',
         clrViolet: 'var(--spr-clr-violet, #8E43FF)',
+        clrVioletBorder: 'var(--spr-clr-violet-border, #8E43FF)',
         clrLtViolet: 'var(--spr-clr-lt-violet, #E4DFF2)',
-        icon01: 'var(--spr-icon-01, #0A0A14)',
         icon02: 'var(--spr-icon-02, #646470)',
-        icon03: 'var(--spr-icon-03, #818192)',
-        icon04: 'var(--spr-icon-04, #0E61F6)',
-        icon05: 'var(--spr-icon-05, #FFFFFF)',
         icon06: 'var(--spr-icon-06, rgba(255, 255, 255, 0.6))',
-        iconHover: 'var(--spr-icon-hover, #0A0A14)',
-        iconDisable: 'var(--spr-icon-disable, #DBDBDB)',
-        iconHoverReverse: 'var(--spr-icon-hover-reverse, #FFFFFF)',
-        iconError: 'var(--spr-icon-error, #C70F5C)',
-        link: 'var(--spr-link, #0E61F6)',
-        text01: 'var(--spr-text-01, #0A0A14)',
-        text02: 'var(--spr-text-02, #434350)',
-        text03: 'var(--spr-text-03, #646470)',
-        text04: 'var(--spr-text-04, #0E61F6)',
-        text05: 'var(--spr-text-05, #FFFFFF)',
-        text06: 'var(--spr-text-06, #FFFFFF)',
+        iconHover: 'var(--spr-icon-hover, #1E2022)',
+        iconDisable: 'var(--spr-icon-disable, rgba(28, 28, 31, 0.33))',
+        textDisable: 'var(--spr-text-disable, rgba(28, 28, 31, 0.33))',
         textMagenta: 'var(--spr-text-magenta, #CB1CCE)',
-        textPlaceholder: 'var(--spr-text-placeholder, #646470)',
-        supportErrorText: 'var(--spr-support-error-text, #C70F5C)',
-        supportSuccessText: 'var(--spr-support-success-text, #6AC96E)',
-        supportWarningText: 'var(--spr-support-warning-text, #F3BF24)',
-        hover: 'var(--spr-hover, #0729a0)',
-        focus01: 'var(--spr-focus-01, #0E61F6)',
-        border01: 'var(--spr-border-01, #EEEEEE)',
-        border02: 'var(--spr-border-02, #E6E6E9)',
-        border03: 'var(--spr-border-03, #DBDBDB)',
+        hover: 'var(--spr-hover, #1640b1)',
         border04: 'var(--spr-border-04, #818192)',
-        border05: 'var(--spr-border-05, #FFFFFF)',
-        border06: 'var(--spr-border-06, #0A0A14)',
         cardBorder: 'var(--spr-card-border, #ECECEF)',
         popupBorder: 'var(--spr-popup-border, #D7D7DC)',
         tooltipBorder: 'var(--spr-tooltip-border, #0A0A14)',
-        focus02: 'var(--spr-focus-02, 1px solid #0E61F6)',
         shadow01: 'var(--spr-shadow-01, 0 1px 4px 0 rgba(10,10,20,0.15))',
         shadow02: 'var(--spr-shadow-02, 0 2px 8px 0 rgba(10,10,20,0.20))',
         shadow03: 'var(--spr-shadow-03, -2px 9px 12px 0 rgba(10,10,20,0.60))',
         shadow04: 'var(--spr-shadow-04, -2px 5px 12px -4px rgba(10,10,20,.20))',
         shadow05: 'var(--spr-shadow-05, 0px 3px 4px 0 rgba(0,0,0,0.1))',
-        shadow06: 'var(--spr-shadow-06, 0px -3px 4px 0 rgba(0,0,0,0.1))'
+        shadow06: 'var(--spr-shadow-06, 0px -3px 4px 0 rgba(0,0,0,0.1))',
+        bgPrimary: 'var(--spr-bg-primary, #FFFFFF)',
+        bgSecondary: 'var(--spr-bg-secondary, #ECEDEE)',
+        bgTertiary: 'var(--spr-bg-tertiary, #E3E4E6)',
+        bgQuaternary: 'var(--spr-bg-quaternary, #F5F6F7)',
+        bgQuinary: 'var(--spr-bg-quinary, #D8D9DB)',
+        bgInverse: 'var(--spr-bg-inverse, #1E2022)',
+        bgError: 'var(--spr-bg-error, #DC2625)',
+        bgErrorHighlight: 'var(--spr-bg-error-highlight, #FEE2E1)',
+        bgSuccess: 'var(--spr-bg-success, #15823D)',
+        bgSuccessHighlight: 'var(--spr-bg-success-highlight, #DCFCE7)',
+        bgWarning: 'var(--spr-bg-warning, #EBB305)',
+        bgWarningHighlight: 'var(--spr-bg-warning-highlight, #FEF9C3)',
+        bgNeutral: 'var(--spr-bg-neutral, #94969A)',
+        bgOverlay: 'var(--spr-bg-overlay, rgba(18, 18, 20, 0.66))',
+        bgWhite: 'var(--spr-bg-white, #FFFFFF)',
+        highlight: 'var(--spr-highlight, #FEF9C3)',
+        interactive: 'var(--spr-interactive, #1250DE)',
+        interactiveHover: 'var(--spr-interactive-hover, #1640B1)',
+        iconPrimary: 'var(--spr-icon-primary, #1E2022)',
+        iconTertiary: 'var(--spr-icon-tertiary, #94969A)',
+        iconSecondary: 'var(--spr-icon-secondary, #1250DE)',
+        iconInverse: 'var(--spr-icon-inverse, #FFFFFF)',
+        iconQuaternary: 'var(--spr-icon-quaternary, #8DCAFF)',
+        iconWhite: 'var(--spr-icon-white, #FFFFFF)',
+        iconError: 'var(--spr-icon-error, #DC2625)',
+        iconSuccess: 'var(--spr-icon-success, #15823D)',
+        iconWarning: 'var(--spr-icon-warning, #EBB305)',
+        link: 'var(--spr-link, #1250DE)',
+        textPrimary: 'var(--spr-text-primary, #1E2022)',
+        textSecondary: 'var(--spr-text-secondary, #252627)',
+        textTertiary: 'var(--spr-text-tertiary, #525457)',
+        textPlaceholder: 'var(--spr-text-placeholder, #757575)',
+        textWhite: 'var(--spr-text-white, #FFFFFF)',
+        textInverse: 'var(--spr-text-inverse, #FFFFFF)',
+        textError: 'var(--spr-text-error, #DC2625)',
+        textSuccess: 'var(--spr-text-success, #15823D)',
+        textWarning: 'var(--spr-text-warning, #EBB305)',
+        borderError: 'var(--spr-border-error, #DC2625)',
+        borderSuccess: 'var(--spr-border-success, #15823D)',
+        borderWarning: 'var(--spr-border-warning, #EBB305)',
+        borderQuinary: 'var(--spr-border-quinary, #1250DE)',
+        borderPrimary: 'var(--spr-border-primary, #D8D9DB)',
+        borderSecondary: 'var(--spr-border-secondary, #E3E4E6)',
+        borderTertiary: 'var(--spr-border-tertiary, #ECEDEE)',
+        borderQuaternary: 'var(--spr-border-quaternary, #252627)',
+        borderInverse: 'var(--spr-border-inverse, #FFFFFF)',
+        borderWhite: 'var(--spr-border-white, #FFFFFF)',
+        focus02: 'var(--spr-focus-02, 1px solid #1250DE)',
+        shadow100: 'var(--spr-shadow-100, 0 0 0.5px 0 rgba(0, 0, 0, 0.30), 0 2px 4px 0 rgba(0, 0, 0, 0.15))',
+        shadow200: 'var(--spr-shadow-200, 0 0 0.5px 0 rgba(0, 0, 0, 0.10), 0 4px 12px 0 rgba(0, 0, 0, 0.10), 0 2px 4px 0 rgba(0, 0, 0, 0.10))',
+        ui01: 'var(--spr-ui-01, #FFFFFF)',
+        ui05: 'var(--spr-ui-05, #ECEDEE)',
+        ui03: 'var(--spr-ui-03, #E3E4E6)',
+        ui06: 'var(--spr-ui-06, #D8D9DB)',
+        tooltip01: 'var(--spr-tooltip-01, #1E2022)',
+        supportError: 'var(--spr-support-error, #DC2625)',
+        supportSuccess: 'var(--spr-support-success, #15823D)',
+        supportWarning: 'var(--spr-support-warning, #EBB305)',
+        interactive01: 'var(--spr-interactive-01, #1250DE)',
+        icon01: 'var(--spr-icon-01, #1E2022)',
+        icon03: 'var(--spr-icon-03, #94969A)',
+        icon04: 'var(--spr-icon-04, #1250DE)',
+        icon05: 'var(--spr-icon-05, #FFFFFF)',
+        iconHoverReverse: 'var(--spr-icon-hover-reverse, #FFFFFF)',
+        text04: 'var(--spr-text-04, #1250DE)',
+        textLinkActive: 'var(--spr-text-link-active, #1250DE)',
+        text01: 'var(--spr-text-01, #1E2022)',
+        text02: 'var(--spr-text-02, #252627)',
+        text03: 'var(--spr-text-03, #525457)',
+        text05: 'var(--spr-text-05, #FFFFFF)',
+        text06: 'var(--spr-text-06, #FFFFFF)',
+        supportErrorText: 'var(--spr-support-error-text, #DC2625)',
+        supportSuccessText: 'var(--spr-support-success-text, #15823D)',
+        supportWarningText: 'var(--spr-support-warning-text, #EBB305)',
+        supportErrorBorder: 'var(--spr-support-error-border, #DC2625)',
+        supportSuccessBorder: 'var(--spr-support-success-border, #15823D)',
+        supportWarningBorder: 'var(--spr-support-warning-border, #EBB305)',
+        focus01: 'var(--spr-focus-01, #1250DE)',
+        border03: 'var(--spr-border-03, #D8D9DB)',
+        border02: 'var(--spr-border-02, #E3E4E6)',
+        border01: 'var(--spr-border-01, #ECEDEE)',
+        border06: 'var(--spr-border-06, #252627)',
+        border05: 'var(--spr-border-05, #FFFFFF)',
+    },
+    ai: {
+        ui01: 'var(--ai-ui-01, linear-gradient(to right, #FFF4DF 0%, #E9FDE6 49%, #E2FBFF 100%))',
+        ui02: 'var(--ai-ui-02, linear-gradient(to right, #FFF4DF 0%, #E9FDE6 49%, #E2FBFF 100%))',
+        ui04: 'var(--ai-ui-04, #1C1C1F)',
+        ui05: 'var(--ai-ui-05, #48484C)',
+        ui06: 'var(--ai-ui-06, #646470)',
+        border01: {
+            background: 'linear-gradient(#FFFFFF, #FFFFFF) padding-box, linear-gradient(to right, #FFF4DF 0%, #E9FDE6 49%, #E2FBFF 100%) border-box',
+            borderColor: 'transparent',
+        },
+        border02: 'var(--ai-border-02, #1C1C1F)',
+        border03: 'var(--ai-border-03, #48484C)',
+        border04: 'var(--ai-border-04, #646470)',
+        highlight: 'var(--ai-highlight, #C6F7FF)',
+        interactiveDisable: 'var(--ai-interactive-disable, linear-gradient(205.71deg, #BFEAFF 6.61%, #9DF1FE 61.09%, #FFE0A1 100%))',
+        interactiveLoading: 'var(--ai-interactive-loading, linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), linear-gradient(0deg, #9DF1FE, #9DF1FE))',
+        bgGradient: 'var(--ai-bg-gradient, linear-gradient(to right, #FFF4DF 0%, #E9FDE6 49%, #E2FBFF 100%))',
+        borderGradient: {
+            background: 'linear-gradient(#FFFFFF, #FFFFFF) padding-box, linear-gradient(to right, #FFC005 2%, #FFE94F 12%, #8DE76E 21%, #3BE5FF 50%, #44BFFF 85%) border-box',
+            borderColor: 'transparent',
+        },
+        ui03: 'var(--ai-ui-03, linear-gradient(to right, #FFF4DF 0%, #E9FDE6 49%, #E2FBFF 100%))',
     },
     nav: {
         ui01: 'var(--nav-ui-01, rgba(255, 255, 255, 0.2))',
         uiHover01: 'var(--nav-ui-hover-01, rgba(255, 255, 255, 0.3))',
         icon01: 'var(--nav-icon-01, rgba(255, 255, 255, 0.9))',
         iconFocus01: 'var(--nav-icon-focus-01, #0E61F6)',
-        text01: 'var(--nav-text-01, rgba(255, 255, 255, 0.9))'
+        text01: 'var(--nav-text-01, rgba(255, 255, 255, 0.9))',
     },
-    ai: {
-        ui01: 'var(--ai-ui-01, linear-gradient(88.6879deg, #DE46E1, #8E43FF 48.7%, #0E61F6 100%))',
-        ui02: 'var(--ai-ui-02, linear-gradient(233.63deg, #FCF0FD 18.56%, #F7F0FE 52.51%, #ECF2FE 87.9%))',
-        ui03: 'var(--ai-ui-03, linear-gradient(181.44deg, rgba(222, 70, 225, 0.2) -1.57%, rgba(142, 67, 255, 0.2) 79.59%, rgba(14, 97, 246, 0.2) 113.86%))',
-        border01: {
-            background: 'linear-gradient(#FFFFFF, #FFFFFF) padding-box, linear-gradient(88.6879deg, #DE46E1, #8E43FF 48.7%, #0E61F6 100%) border-box',
-            borderColor: 'transparent'
-        },
-        highlight: 'var(--ai-highlight, #E4DFF2)'
-    }
 };
-exports["default"] = __assign(__assign({}, theme_1["default"]), theme);
+exports.default = __assign(__assign({}, theme_1.default), theme);