@sprinklrjs/spaceweb-themes 12.33.2 → 14.11.0

package/space/light/theme.js

@@ -1,301 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-exports.__esModule = true;
-// THIS FILES IS GENERATED USING SCRIPT, DO NOT EDIT DIRECTLY
-var theme_1 = require("../../common-theme/theme");
-var theme = {
-    name: 'space-light',
-    htmlFontSize: '10px',
-    typography: {
-        h1: { fontSize: '3.2rem', lineHeight: '4rem', fontWeight: 600 },
-        h2: { fontSize: '2.4rem', lineHeight: '3.2rem', fontWeight: 600 },
-        h3: { fontSize: '2rem', lineHeight: '2.8rem', fontWeight: 600 },
-        h4: { fontSize: '1.8rem', lineHeight: '2.4rem', fontWeight: 600 },
-        h5: { fontSize: '1.6rem', lineHeight: '2.2rem', fontWeight: 600 },
-        h6: { fontSize: '1.4rem', lineHeight: '2rem', fontWeight: 600 },
-        h7: { fontSize: '1.3rem', lineHeight: '2.2rem', fontWeight: 600 },
-        b1: { fontSize: '1.3rem', lineHeight: '1.8rem', fontWeight: 600 },
-        b2: { fontSize: '1.2rem', lineHeight: '1.6rem', fontWeight: 600 },
-        bl1: { fontSize: '1.4rem', lineHeight: '2.2rem', fontWeight: 400 },
-        bl2: { fontSize: '1.3rem', lineHeight: '2rem', fontWeight: 400 },
-        bl3: { fontSize: '1.2rem', lineHeight: '2rem', fontWeight: 400 },
-        bs1: { fontSize: '1.4rem', lineHeight: '2rem', fontWeight: 400 },
-        bs2: { fontSize: '1.3rem', lineHeight: '2rem', fontWeight: 400 },
-        bs3: { fontSize: '1.2rem', lineHeight: '2rem', fontWeight: 400 },
-        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 }
-    },
-    popover: { borderRadius: '4px' },
-    button: {
-        borderRadius: '4px',
-        variantSecondary: {
-            color: 'var(--spr-text-02, #434350)',
-            hoverBackgroundColor: 'var(--spr-ui-hover, rgba(8, 40, 204, 0.05))',
-            activeBackgroundColor: 'var(--spr-ui-focus, rgba(8, 40, 204, 0.07))'
-        },
-        sizeXs: {
-            minWidth: '60px',
-            paddingY: '2px',
-            paddingX: '12px',
-            fontStyles: { fontSize: '12px', lineHeight: '14px', fontWeight: 600 }
-        },
-        sizeSm: {
-            minWidth: '72px',
-            paddingY: '3px',
-            paddingX: '12px',
-            fontStyles: { fontSize: '12px', lineHeight: '16px', fontWeight: 600 }
-        },
-        sizeMd: {
-            minWidth: '80px',
-            paddingY: '5px',
-            paddingX: '12px',
-            fontStyles: { fontSize: '12px', lineHeight: '16px', fontWeight: 600 }
-        },
-        sizeLg: {
-            minWidth: '88px',
-            paddingY: '6px',
-            paddingX: '16px',
-            fontStyles: { fontSize: '13px', lineHeight: '18px', fontWeight: 600 }
-        },
-        sizeXl: {
-            minWidth: '96px',
-            paddingY: '8px',
-            paddingX: '20px',
-            fontStyles: { fontSize: '13px', lineHeight: '18px', fontWeight: 600 }
-        }
-    },
-    iconButton: {
-        minWidth: '24px',
-        sizeXxxs: { buttonSize: 16, iconSize: 8 },
-        sizeXxs: { buttonSize: 24, iconSize: 10 },
-        sizeXs: { buttonSize: 30, iconSize: 12 },
-        sizeSm: { buttonSize: 32, iconSize: 14 },
-        sizeMd: { buttonSize: 34, iconSize: 16 },
-        sizeLg: { buttonSize: 36, iconSize: 20 },
-        sizeXl: { buttonSize: 40, iconSize: 24 },
-        shapeRound: {
-            color: 'var(--spr-icon-02, #646470)',
-            hoverColor: 'var(--spr-icon-hover, #0A0A14)',
-            activeColor: 'var(--spr-icon-04, #0828CC)',
-            disabledColor: 'var(--spr-icon-disable, #D7D7DC)',
-            backgroundColor: 'transparent',
-            hoverBackgroundColor: 'var(--spr-ui-hover, rgba(8, 40, 204, 0.05))',
-            activeBackgroundColor: 'var(--spr-ui-hover, rgba(8, 40, 204, 0.05))',
-            disabledBackgroundColor: 'var(--spr-interactive-disable, rgba(255, 255, 255, 0.8))'
-        },
-        shapeRoundBordered: { backgroundColor: 'var(--spr-ui-01, #FFFFFF)', borderColor: 'var(--spr-border-02, #ECECEF)' },
-        shapeSquare: {
-            borderRadius: '4px',
-            color: 'var(--spr-icon-02, #646470)',
-            hoverColor: 'var(--spr-icon-hover, #0A0A14)',
-            activeColor: 'var(--spr-icon-04, #0828CC)',
-            disabledColor: 'var(--spr-icon-disable, #D7D7DC)',
-            backgroundColor: 'transparent',
-            hoverBackgroundColor: 'var(--spr-ui-hover, rgba(8, 40, 204, 0.05))',
-            activeBackgroundColor: 'var(--spr-ui-hover, rgba(8, 40, 204, 0.05))',
-            disabledBackgroundColor: 'var(--spr-interactive-disable, rgba(255, 255, 255, 0.8))'
-        },
-        shapeSquareBordered: { backgroundColor: 'var(--spr-ui-01, #FFFFFF)', borderColor: 'var(--spr-border-02, #ECECEF)' }
-    },
-    input: {
-        borderRadius: '0.4rem',
-        disabledBorderColor: 'var(--spr-field, #DBDBDB)',
-        sizeSm: { paddingX: '1.2rem', paddingY: '0.8rem', fontSize: '1.2rem', lineHeight: '1.6rem' },
-        sizeMd: { paddingX: '1.2rem', paddingY: '1rem', fontSize: '1.2rem', lineHeight: '1.6rem' },
-        sizeLg: { paddingX: '1.2rem', paddingY: '1.2rem', fontSize: '1.3rem', lineHeight: '1.6rem' }
-    },
-    multiSelect: {
-        tagBorderRadius: '5px',
-        tagFontSize: '14px',
-        tagLineHeight: '18px',
-        sizeXxs: {
-            tagBorderRadius: '3px',
-            paddingY: '0px',
-            tagHeight: '18px',
-            tagMarginX: '2px',
-            tagMarginY: '2px',
-            tagFontSize: '13px',
-            tagLineHeight: '16px'
-        },
-        sizeSm: { paddingY: '0px', tagHeight: '22px', tagMarginX: '2px', tagMarginY: '4px' },
-        sizeMd: { paddingY: '0px', tagHeight: '22px', tagMarginX: '2px', tagMarginY: '6px' },
-        sizeLg: { paddingY: '2px', tagHeight: '22px', tagMarginX: '2px', tagMarginY: '8px' }
-    },
-    link: { fontSize: '1.3rem', lineHeight: '1.5rem' },
-    list: {
-        selectedEnhancerBackground: 'var(--spr-focus-01, #0828CC)',
-        hoverBackgroundColor: 'var(--spr-ui-hover, rgba(8, 40, 204, 0.05))'
-    },
-    tab: {
-        variantDefault: {
-            fontStyles: { fontSize: '1.3rem', lineHeight: '1.8rem', fontWeight: 400 },
-            selectedStyles: { borderColor: 'var(--spr-focus-01, #0828CC)' },
-            positionTopStyles: { marginLeft: '12px', marginRight: '12px', borderBottomWidth: '2px' },
-            positionLeftStyles: { marginTop: '8px', marginBottom: '8px', borderLeftWidth: '2px' },
-            positionRightStyles: { marginTop: '8px', marginBottom: '8px', borderRightWidth: '2px' }
-        }
-    },
-    tag: {
-        borderRadius: '24px',
-        actionButtonBorderRadius: '50%',
-        avatarMarginLeft: '0px',
-        sizeSm: { height: '20px' },
-        sizeLg: { height: '24px' }
-    },
-    app: {
-        header: '#0A0A14',
-        headerTab: 'rgba(255, 255, 255, 0.1)',
-        headerTabHover: 'rgba(255, 255, 255, 0.2)',
-        headerTabActive: '#FFFFFF',
-        headerText: 'rgba(255, 255, 255, 0.6)',
-        headerTextHover: '#FFFFFF'
-    },
-    cht: {
-        bg: '#F3EAE1',
-        border: '#E6D4CA',
-        bubbleLeft: '#FFFFFF',
-        bubbleRight: '#EBEBFF',
-        bubbleSupportingText: '#646470',
-        bubbleTextLeft: '#0A0A14',
-        bubbleTextRight: '#0A0A14',
-        bubbleBorder: '#C7D3F7',
-        bubbleIcon1: '#646470',
-        bubbleIcon2: '#D7D7DC',
-        bubbleIcon3: '#0828CC',
-        bubbleInsert: '#F8F8FA',
-        bubbleLink: '#0828CC',
-        bubbleText: '#646470',
-        reply: '#FFFFFF',
-        footer: '#F3EAE1',
-        hover: 'rgba(100, 100, 112, 0.07)',
-        read: '#006CD7',
-        unread: '#A0A0A8'
-    },
-    spr: {
-        ui01: 'var(--spr-ui-01, #FFFFFF)',
-        ui02: 'var(--spr-ui-02, #F8F8FA)',
-        ui03: 'var(--spr-ui-03, #F2F2F4)',
-        ui04: 'var(--spr-ui-04, #0828CC)',
-        ui05: 'var(--spr-ui-05, #F2F2F4)',
-        ui06: 'var(--spr-ui-06, #E6E6E9)',
-        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, rgba(8, 40, 204, 0.05))',
-        uiHoverReverse: 'var(--spr-ui-hover-reverse, rgba(255, 255, 255, 0.1))',
-        supportError: 'var(--spr-support-error, #E44045)',
-        supportErrorHighlight: 'var(--spr-support-error-highlight, rgba(255, 96, 96, 0.1))',
-        supportSuccess: 'var(--spr-support-success, #3fbf41)',
-        supportSuccessHighlight: 'var(--spr-support-success-highlight, rgba(63, 191, 65, 0.07))',
-        supportWarning: 'var(--spr-support-warning, #EEC202)',
-        supportWarningHighlight: 'var(--spr-support-warning-highlight, rgba(238, 194, 2, 0.1))',
-        clrBlueHighlight: 'var(--spr-clr-blue-highlight, #E8F0FE)',
-        tag: 'var(--spr-tag, #F2F2F4)',
-        tag01: 'var(--spr-tag-01, #F2F2F4)',
-        tag02: 'var(--spr-tag-02, rgba(8, 40, 204, 0.07))',
-        field: 'var(--spr-field, #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, #C6202B)',
-        interactive01: 'var(--spr-interactive-01, #0828CC)',
-        interactiveHover: 'var(--spr-interactive-hover, #0729a0)',
-        interactiveDisable: 'var(--spr-interactive-disable, rgba(255, 255, 255, 0.8))',
-        interactive02: 'var(--spr-interactive-02, #646470)',
-        clrBlue: 'var(--spr-clr-blue, #0AA2FF)',
-        clrGreen: 'var(--spr-clr-green, #20963a)',
-        clrLavender: 'var(--spr-clr-lavender, #7F36F6)',
-        clrOrange: 'var(--spr-clr-orange, #F08C1A)',
-        clrPink: 'var(--spr-clr-pink, #DE456B)',
-        clrRed: 'var(--spr-clr-red, #E44045)',
-        clrSea: 'var(--spr-clr-sea, #16AAD2)',
-        clrTeal: 'var(--spr-clr-teal, #13C18D)',
-        clrYellow: 'var(--spr-clr-yellow, #DEAC09)',
-        clrGrey: 'var(--spr-clr-grey, #D7D7DC)',
-        clrPurple: 'var(--spr-clr-purple, #8C43FF)',
-        clrLtYellow: 'var(--spr-clr-lt-yellow, #FFD04F)',
-        clrDarkerBlue: 'var(--spr-clr-darker-blue, #327AFD)',
-        secondaryYellow: 'var(--spr-secondary-yellow, #FFC312)',
-        secondaryGreen: 'var(--spr-secondary-green, #A3CB38)',
-        secondaryTeal: 'var(--spr-secondary-teal, #12CBC4)',
-        secondaryLtPink: 'var(--spr-secondary-lt-pink, #FDA7DF)',
-        secondaryPink: 'var(--spr-secondary-pink, #ED4C67)',
-        secondaryMaroon: 'var(--spr-secondary-maroon, #B53471)',
-        secondaryOrange: 'var(--spr-secondary-orange, #F48749)',
-        clrMagenta: 'var(--spr-clr-magenta, #CB1CCE)',
-        clrFuschia: 'var(--spr-clr-fuschia, #A70FDC)',
-        clrViolet: 'var(--spr-clr-violet, #8E43FF)',
-        clrLtViolet: 'var(--spr-clr-lt-violet, #E4DFF2)',
-        hover: 'var(--spr-hover, #0828CC)',
-        focus01: 'var(--spr-focus-01, #0828CC)',
-        border01: 'var(--spr-border-01, #F2F2F4)',
-        border02: 'var(--spr-border-02, #ECECEF)',
-        border03: 'var(--spr-border-03, #D7D7DC)',
-        border04: 'var(--spr-border-04, #A0A0A8)',
-        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)',
-        interactiveFocus: 'var(--spr-interactive-focus, #132a86)',
-        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, 0px -2px 8px 0px rgba(10,10,20,0.2))',
-        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))',
-        icon01: 'var(--spr-icon-01, #0A0A14)',
-        icon02: 'var(--spr-icon-02, #646470)',
-        icon03: 'var(--spr-icon-03, #646470)',
-        icon04: 'var(--spr-icon-04, #0828CC)',
-        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, #D7D7DC)',
-        iconHoverReverse: 'var(--spr-icon-hover-reverse, #FFFFFF)',
-        iconError: 'var(--spr-icon-error, #FF6060)',
-        link: 'var(--spr-link, #0828CC)',
-        text01: 'var(--spr-text-01, #0A0A14)',
-        text02: 'var(--spr-text-02, #434350)',
-        text03: 'var(--spr-text-03, #646470)',
-        text04: 'var(--spr-text-04, #0828CC)',
-        text05: 'var(--spr-text-05, #FFFFFF)',
-        text06: 'var(--spr-text-06, #FFFFFF)',
-        textMagenta: 'var(--spr-text-magenta, #CB1CCE)',
-        textPlaceholder: 'var(--spr-text-placeholder, #646470)',
-        supportErrorText: 'var(--spr-support-error-text, #C6202B)',
-        supportSuccessText: 'var(--spr-support-success-text, #20963a)',
-        supportWarningText: 'var(--spr-support-warning-text, #DEAC09)'
-    },
-    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, #327AFD)',
-        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, 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);

package/space/light/utilities.js

@@ -1,149 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-exports.__esModule = true;
-// THIS FILES IS GENERATED USING SCRIPT, DO NOT EDIT DIRECTLY
-var utilities_1 = require("../../common-theme/utilities");
-var _a = utilities_1["default"].longhandUtils, borderRadius = _a.borderRadius, borderWidth = _a.borderWidth, margin = _a.margin, padding = _a.padding;
-var utilities = {
-    'typography-h1': { fontSize: '3.2rem', lineHeight: '4rem', fontWeight: '600' },
-    'typography-h2': { fontSize: '2.4rem', lineHeight: '3.2rem', fontWeight: '600' },
-    'typography-h3': { fontSize: '2rem', lineHeight: '2.8rem', fontWeight: '600' },
-    'typography-h4': { fontSize: '1.8rem', lineHeight: '2.4rem', fontWeight: '600' },
-    'typography-h5': { fontSize: '1.6rem', lineHeight: '2.2rem', fontWeight: '600' },
-    'typography-h6': { fontSize: '1.4rem', lineHeight: '2rem', fontWeight: '600' },
-    'typography-h7': { fontSize: '1.3rem', lineHeight: '2.2rem', fontWeight: '600' },
-    'typography-b1': { fontSize: '1.3rem', lineHeight: '1.8rem', fontWeight: '600' },
-    'typography-b2': { fontSize: '1.2rem', lineHeight: '1.6rem', fontWeight: '600' },
-    'typography-bl1': { fontSize: '1.4rem', lineHeight: '2.2rem', fontWeight: '400' },
-    'typography-bl2': { fontSize: '1.3rem', lineHeight: '2rem', fontWeight: '400' },
-    'typography-bl3': { fontSize: '1.2rem', lineHeight: '2rem', fontWeight: '400' },
-    'typography-bs1': { fontSize: '1.4rem', lineHeight: '2rem', fontWeight: '400' },
-    'typography-bs2': { fontSize: '1.3rem', lineHeight: '2rem', fontWeight: '400' },
-    'typography-bs3': { fontSize: '1.2rem', lineHeight: '2rem', fontWeight: '400' },
-    'typography-l1': { fontSize: '1.3rem', lineHeight: '1.8rem', fontWeight: '400' },
-    'typography-l2': { fontSize: '1.2rem', lineHeight: '1.6rem', fontWeight: '400' },
-    'typography-l3': { fontSize: '1.1rem', lineHeight: '1.6rem', fontWeight: '400' },
-    'typography-l4': { fontSize: '1rem', lineHeight: '1.4rem', fontWeight: '400' },
-    'spr-ui-01': { backgroundColor: 'var(--spr-ui-01, #FFFFFF)' },
-    'spr-ui-02': { backgroundColor: 'var(--spr-ui-02, #F8F8FA)' },
-    'spr-ui-03': { backgroundColor: 'var(--spr-ui-03, #F2F2F4)' },
-    'spr-ui-04': { backgroundColor: 'var(--spr-ui-04, #0828CC)' },
-    'spr-ui-05': { backgroundColor: 'var(--spr-ui-05, #F2F2F4)' },
-    'spr-ui-06': { backgroundColor: 'var(--spr-ui-06, #E6E6E9)' },
-    'spr-ui-focus': { backgroundColor: 'var(--spr-ui-focus, rgba(8, 40, 204, 0.07))' },
-    'spr-ui-focus-reverse': { backgroundColor: 'var(--spr-ui-focus-reverse, rgba(255, 255, 255, 0.2))' },
-    'spr-ui-hover': { backgroundColor: 'var(--spr-ui-hover, rgba(8, 40, 204, 0.05))' },
-    'spr-ui-hover-reverse': { backgroundColor: 'var(--spr-ui-hover-reverse, rgba(255, 255, 255, 0.1))' },
-    'spr-support-error': { backgroundColor: 'var(--spr-support-error, #E44045)' },
-    'spr-support-error-highlight': { backgroundColor: 'var(--spr-support-error-highlight, rgba(255, 96, 96, 0.1))' },
-    'spr-support-success': { backgroundColor: 'var(--spr-support-success, #3fbf41)' },
-    'spr-support-success-highlight': { backgroundColor: 'var(--spr-support-success-highlight, rgba(63, 191, 65, 0.07))' },
-    'spr-support-warning': { backgroundColor: 'var(--spr-support-warning, #EEC202)' },
-    'spr-support-warning-highlight': { backgroundColor: 'var(--spr-support-warning-highlight, rgba(238, 194, 2, 0.1))' },
-    'spr-clr-blue-highlight': { backgroundColor: 'var(--spr-clr-blue-highlight, #E8F0FE)' },
-    'spr-tag': { backgroundColor: 'var(--spr-tag, #F2F2F4)' },
-    'spr-tag-01': { backgroundColor: 'var(--spr-tag-01, #F2F2F4)' },
-    'spr-tag-02': { backgroundColor: 'var(--spr-tag-02, rgba(8, 40, 204, 0.07))' },
-    'spr-field': { backgroundColor: 'var(--spr-field, #DBDBDB)' },
-    'spr-popup': { backgroundColor: 'var(--spr-popup, #FFFFFF)' },
-    'spr-overlay': { backgroundColor: 'var(--spr-overlay, rgba(10, 10, 20, 0.9))' },
-    'spr-tooltip-01': { backgroundColor: 'var(--spr-tooltip-01, #0A0A14)' },
-    'spr-highlight': { backgroundColor: 'var(--spr-highlight, rgba(255, 231, 173, 0.7))' },
-    'spr-favourite': { backgroundColor: 'var(--spr-favourite, #FF9F21)' },
-    'spr-notification': { backgroundColor: 'var(--spr-notification, #C6202B)' },
-    'spr-interactive-01': { backgroundColor: 'var(--spr-interactive-01, #0828CC)' },
-    'spr-interactive-hover': { backgroundColor: 'var(--spr-interactive-hover, #0729a0)' },
-    'spr-interactive-disable': { backgroundColor: 'var(--spr-interactive-disable, rgba(255, 255, 255, 0.8))' },
-    'spr-interactive-02': { backgroundColor: 'var(--spr-interactive-02, #646470)' },
-    'spr-clr-blue': { backgroundColor: 'var(--spr-clr-blue, #0AA2FF)' },
-    'spr-clr-green': { backgroundColor: 'var(--spr-clr-green, #20963a)' },
-    'spr-clr-lavender': { backgroundColor: 'var(--spr-clr-lavender, #7F36F6)' },
-    'spr-clr-orange': { backgroundColor: 'var(--spr-clr-orange, #F08C1A)' },
-    'spr-clr-pink': { backgroundColor: 'var(--spr-clr-pink, #DE456B)' },
-    'spr-clr-red': { backgroundColor: 'var(--spr-clr-red, #E44045)' },
-    'spr-clr-sea': { backgroundColor: 'var(--spr-clr-sea, #16AAD2)' },
-    'spr-clr-teal': { backgroundColor: 'var(--spr-clr-teal, #13C18D)' },
-    'spr-clr-yellow': { backgroundColor: 'var(--spr-clr-yellow, #DEAC09)' },
-    'spr-clr-grey': { backgroundColor: 'var(--spr-clr-grey, #D7D7DC)' },
-    'spr-clr-purple': { backgroundColor: 'var(--spr-clr-purple, #8C43FF)' },
-    'spr-clr-lt-yellow': { backgroundColor: 'var(--spr-clr-lt-yellow, #FFD04F)' },
-    'spr-clr-darker-blue': { backgroundColor: 'var(--spr-clr-darker-blue, #327AFD)' },
-    'spr-secondary-yellow': { backgroundColor: 'var(--spr-secondary-yellow, #FFC312)' },
-    'spr-secondary-green': { backgroundColor: 'var(--spr-secondary-green, #A3CB38)' },
-    'spr-secondary-teal': { backgroundColor: 'var(--spr-secondary-teal, #12CBC4)' },
-    'spr-secondary-lt-pink': { backgroundColor: 'var(--spr-secondary-lt-pink, #FDA7DF)' },
-    'spr-secondary-pink': { backgroundColor: 'var(--spr-secondary-pink, #ED4C67)' },
-    'spr-secondary-maroon': { backgroundColor: 'var(--spr-secondary-maroon, #B53471)' },
-    'spr-secondary-orange': { backgroundColor: 'var(--spr-secondary-orange, #F48749)' },
-    'spr-clr-magenta': { backgroundColor: 'var(--spr-clr-magenta, #CB1CCE)' },
-    'spr-clr-fuschia': { backgroundColor: 'var(--spr-clr-fuschia, #A70FDC)' },
-    'spr-clr-violet': { backgroundColor: 'var(--spr-clr-violet, #8E43FF)' },
-    'spr-clr-lt-violet': { backgroundColor: 'var(--spr-clr-lt-violet, #E4DFF2)' },
-    'spr-hover': { borderColor: 'var(--spr-hover, #0828CC)' },
-    'spr-focus-01': { borderColor: 'var(--spr-focus-01, #0828CC)' },
-    'spr-border-01': { borderColor: 'var(--spr-border-01, #F2F2F4)' },
-    'spr-border-02': { borderColor: 'var(--spr-border-02, #ECECEF)' },
-    'spr-border-03': { borderColor: 'var(--spr-border-03, #D7D7DC)' },
-    'spr-border-04': { borderColor: 'var(--spr-border-04, #A0A0A8)' },
-    'spr-border-05': { borderColor: 'var(--spr-border-05, #FFFFFF)' },
-    'spr-border-06': { borderColor: 'var(--spr-border-06, #0A0A14)' },
-    'spr-card-border': { borderColor: 'var(--spr-card-border, #ECECEF)' },
-    'spr-popup-border': { borderColor: 'var(--spr-popup-border, #D7D7DC)' },
-    'spr-tooltip-border': { borderColor: 'var(--spr-tooltip-border, #0A0A14)' },
-    'spr-interactive-focus': { borderColor: 'var(--spr-interactive-focus, #132a86)' },
-    'spr-shadow-01': { boxShadow: 'var(--spr-shadow-01, 0 1px 4px 0 rgba(10,10,20,0.15))' },
-    'spr-shadow-02': { boxShadow: 'var(--spr-shadow-02, 0 2px 8px 0 rgba(10,10,20,0.20))' },
-    'spr-shadow-03': { boxShadow: 'var(--spr-shadow-03, -2px 9px 12px 0 rgba(10,10,20,0.60))' },
-    'spr-shadow-04': { boxShadow: 'var(--spr-shadow-04, 0px -2px 8px 0px rgba(10,10,20,0.2))' },
-    'spr-shadow-05': { boxShadow: 'var(--spr-shadow-05, 0px 3px 4px 0 rgba(0,0,0,0.1))' },
-    'spr-shadow-06': { boxShadow: 'var(--spr-shadow-06, 0px -3px 4px 0 rgba(0,0,0,0.1))' },
-    'spr-icon-01': { fill: 'var(--spr-icon-01, #0A0A14)' },
-    'spr-icon-02': { fill: 'var(--spr-icon-02, #646470)' },
-    'spr-icon-03': { fill: 'var(--spr-icon-03, #646470)' },
-    'spr-icon-04': { fill: 'var(--spr-icon-04, #0828CC)' },
-    'spr-icon-05': { fill: 'var(--spr-icon-05, #FFFFFF)' },
-    'spr-icon-06': { fill: 'var(--spr-icon-06, rgba(255, 255, 255, 0.6))' },
-    'spr-icon-hover': { fill: 'var(--spr-icon-hover, #0A0A14)' },
-    'spr-icon-disable': { fill: 'var(--spr-icon-disable, #D7D7DC)' },
-    'spr-icon-hover-reverse': { fill: 'var(--spr-icon-hover-reverse, #FFFFFF)' },
-    'spr-icon-error': { fill: 'var(--spr-icon-error, #FF6060)' },
-    'spr-link': { color: 'var(--spr-link, #0828CC)' },
-    'spr-text-01': { color: 'var(--spr-text-01, #0A0A14)' },
-    'spr-text-02': { color: 'var(--spr-text-02, #434350)' },
-    'spr-text-03': { color: 'var(--spr-text-03, #646470)' },
-    'spr-text-04': { color: 'var(--spr-text-04, #0828CC)' },
-    'spr-text-05': { color: 'var(--spr-text-05, #FFFFFF)' },
-    'spr-text-06': { color: 'var(--spr-text-06, #FFFFFF)' },
-    'spr-text-magenta': { color: 'var(--spr-text-magenta, #CB1CCE)' },
-    'spr-text-placeholder': { color: 'var(--spr-text-placeholder, #646470)' },
-    'spr-support-error-text': { color: 'var(--spr-support-error-text, #C6202B)' },
-    'spr-support-success-text': { color: 'var(--spr-support-success-text, #20963a)' },
-    'spr-support-warning-text': { color: 'var(--spr-support-warning-text, #DEAC09)' },
-    'nav-ui-01': { backgroundColor: 'var(--nav-ui-01, rgba(255, 255, 255, 0.2))' },
-    'nav-ui-hover-01': { backgroundColor: 'var(--nav-ui-hover-01, rgba(255, 255, 255, 0.3))' },
-    'nav-icon-01': { fill: 'var(--nav-icon-01, rgba(255, 255, 255, 0.9))' },
-    'nav-icon-focus-01': { fill: 'var(--nav-icon-focus-01, #327AFD)' },
-    'nav-text-01': { color: 'var(--nav-text-01, rgba(255, 255, 255, 0.9))' },
-    'ai-ui-01': { background: 'var(--ai-ui-01, linear-gradient(88.6879deg, #DE46E1, #8E43FF 48.7%, #0E61F6 100%))' },
-    'ai-ui-02': { background: 'var(--ai-ui-02, linear-gradient(233.63deg, 18.56%, #F7F0FE 52.51%, #ECF2FE 87.9%))' },
-    'ai-ui-03': {
-        background: '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%))'
-    },
-    'ai-border-01': {
-        background: 'linear-gradient(#FFFFFF, #FFFFFF) padding-box, linear-gradient(88.6879deg, #DE46E1, #8E43FF 48.7%, #0E61F6 100%) border-box',
-        borderColor: 'transparent'
-    },
-    'ai-highlight': { backgroundColor: 'var(--ai-highlight, #E4DFF2)' },
-    'outline-01': { outlineStyle: 'solid', outlineWidth: '2px', outlineColor: '#0828CC', outlineOffset: '2px' }
-};
-exports["default"] = __assign(__assign({}, utilities_1["default"].utilities), utilities);