@sprinklrjs/spaceweb-themes 12.33.2 → 14.11.3

package/space/dark/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-dark',
-    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, #AEAEB2)',
-            hoverBackgroundColor: 'var(--spr-ui-hover, rgba(255, 255, 255, 0.07))',
-            activeBackgroundColor: 'var(--spr-ui-focus, rgba(255, 255, 255, 0.12))'
-        },
-        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, #AEAEB2)',
-            hoverColor: 'var(--spr-icon-hover, #FFFFFF)',
-            activeColor: 'var(--spr-icon-04, #0AA2FF)',
-            disabledColor: 'var(--spr-icon-disable, #646469)',
-            backgroundColor: 'transparent',
-            hoverBackgroundColor: 'var(--spr-ui-hover, rgba(255, 255, 255, 0.07))',
-            activeBackgroundColor: 'var(--spr-ui-hover, rgba(255, 255, 255, 0.07))',
-            disabledBackgroundColor: 'var(--spr-interactive-disable, rgba(44, 44, 47, 0.6))'
-        },
-        shapeRoundBordered: { backgroundColor: 'var(--spr-ui-01, #2C2C2F)', borderColor: 'var(--spr-border-02, #48484C)' },
-        shapeSquare: {
-            borderRadius: '4px',
-            color: 'var(--spr-icon-02, #AEAEB2)',
-            hoverColor: 'var(--spr-icon-hover, #FFFFFF)',
-            activeColor: 'var(--spr-icon-04, #0AA2FF)',
-            disabledColor: 'var(--spr-icon-disable, #646469)',
-            backgroundColor: 'transparent',
-            hoverBackgroundColor: 'var(--spr-ui-hover, rgba(255, 255, 255, 0.07))',
-            activeBackgroundColor: 'var(--spr-ui-hover, rgba(255, 255, 255, 0.07))',
-            disabledBackgroundColor: 'var(--spr-interactive-disable, rgba(44, 44, 47, 0.6))'
-        },
-        shapeSquareBordered: { backgroundColor: 'var(--spr-ui-01, #2C2C2F)', borderColor: 'var(--spr-border-02, #48484C)' }
-    },
-    input: {
-        borderRadius: '0.4rem',
-        disabledBorderColor: 'var(--spr-field, #48484C)',
-        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, #0AA2FF)',
-        hoverBackgroundColor: 'var(--spr-ui-hover, rgba(255, 255, 255, 0.07))'
-    },
-    tab: {
-        variantDefault: {
-            fontStyles: { fontSize: '1.3rem', lineHeight: '1.8rem', fontWeight: 400 },
-            selectedStyles: { borderColor: 'var(--spr-focus-01, #0AA2FF)' },
-            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: '#000',
-        headerTab: 'rgba(44, 44, 47, 0.6)',
-        headerTabHover: 'rgba(44, 44, 47, 0.8)',
-        headerTabActive: '#2C2C2F',
-        headerText: 'rgba(255, 255, 255, 0.6)',
-        headerTextHover: '#FFFFFF'
-    },
-    cht: {
-        bg: '#141416',
-        border: '#2C2C2F',
-        bubbleLeft: '#F8F8FA',
-        bubbleRight: '#006CD7',
-        bubbleSupportingText: 'rgba(255, 255, 255, 0.7)',
-        bubbleTextLeft: '#0A0A14',
-        bubbleTextRight: '#FFFFFF',
-        bubbleBorder: '#006CD7',
-        bubbleIcon1: 'rgba(255, 255, 255, 0.7)',
-        bubbleIcon2: 'rgba(255, 255, 255, 0.3)',
-        bubbleIcon3: '#FFFFFF',
-        bubbleInsert: 'rgba(0, 0, 0, 0.2)',
-        bubbleLink: '#3DF6BF',
-        bubbleText: 'rgba(255, 255, 255, 0.7)',
-        reply: '#141416',
-        footer: '#2C2C2F',
-        hover: '#1C1C1F',
-        read: '#006CD7',
-        unread: '#AEAEB2'
-    },
-    ai: {
-        ui01: 'var(--ai-ui-01, linear-gradient(-46.7906deg, #DE46E1, #8E43FF 48.67%, #0E61F6 100%))',
-        ui02: 'var(--ai-ui-02, linear-gradient(219deg, #431744 0%, #311F4E 48.67%, #172949 100%))',
-        ui03: 'var(--ai-ui-03, linear-gradient(229.68deg, #88578A 5.41%, #715693 58.63%, #4B5E91 105.21%))',
-        border01: {
-            background: 'linear-gradient(#1C1C1F, #1C1C1F) padding-box, linear-gradient(-46.7906deg, #DE46E1, #8E43FF 48.67%, #0E61F6 100%) border-box',
-            borderColor: 'transparent'
-        },
-        highlight: 'var(--ai-highlight, rgba(142, 67, 255,0.2))'
-    },
-    spr: {
-        ui01: 'var(--spr-ui-01, #2C2C2F)',
-        ui02: 'var(--spr-ui-02, #3A3A3E)',
-        ui03: 'var(--spr-ui-03, #141416)',
-        ui04: 'var(--spr-ui-04, #0AA2FF)',
-        ui05: 'var(--spr-ui-05, #48484C)',
-        ui06: 'var(--spr-ui-06, #212123)',
-        uiFocus: 'var(--spr-ui-focus, rgba(255, 255, 255, 0.12))',
-        uiFocusReverse: 'var(--spr-ui-focus-reverse, rgba(255, 255, 255, 0.2))',
-        uiHover: 'var(--spr-ui-hover, rgba(255, 255, 255, 0.07))',
-        uiHoverReverse: 'var(--spr-ui-hover-reverse, rgba(255, 255, 255, 0.1))',
-        supportError: 'var(--spr-support-error, #C6202B)',
-        supportErrorHighlight: 'var(--spr-support-error-highlight, rgba(228, 64, 69, 0.15))',
-        supportSuccess: 'var(--spr-support-success, #20963a)',
-        supportSuccessHighlight: 'var(--spr-support-success-highlight, rgba(32, 150, 58, 0.15))',
-        supportWarning: 'var(--spr-support-warning, #DEAC09)',
-        supportWarningHighlight: 'var(--spr-support-warning-highlight, rgba(222, 172, 9, 0.12))',
-        clrBlueHighlight: 'var(--spr-clr-blue-highlight, #2B3343)',
-        tag: 'var(--spr-tag, #48484C)',
-        tag01: 'var(--spr-tag-01, #48484C)',
-        tag02: 'var(--spr-tag-02, rgba(255, 255, 255, 0.1))',
-        field: 'var(--spr-field, #48484C)',
-        popup: 'var(--spr-popup, #2C2C2F)',
-        overlay: 'var(--spr-overlay, rgba(28, 28, 31, 0.8))',
-        tooltip01: 'var(--spr-tooltip-01, rgba(255, 255, 255, 0.9))',
-        highlight: 'var(--spr-highlight, rgba(184, 144, 0, 0.6))',
-        favourite: 'var(--spr-favourite, #FF9F21)',
-        notification: 'var(--spr-notification, #C6202B)',
-        interactive01: 'var(--spr-interactive-01, #0AA2FF)',
-        interactiveHover: 'var(--spr-interactive-hover, #0A83D0)',
-        interactiveDisable: 'var(--spr-interactive-disable, rgba(44, 44, 47, 0.6))',
-        interactive02: 'var(--spr-interactive-02, #AEAEB2)',
-        clrBlue: 'var(--spr-clr-blue, #006CD7)',
-        clrGreen: 'var(--spr-clr-green, #3fbf41)',
-        clrLavender: 'var(--spr-clr-lavender, #9C60FF)',
-        clrOrange: 'var(--spr-clr-orange, #FF9F21)',
-        clrPink: 'var(--spr-clr-pink, #FF668F)',
-        clrRed: 'var(--spr-clr-red, #ff6060)',
-        clrSea: 'var(--spr-clr-sea, #00C8FF)',
-        clrTeal: 'var(--spr-clr-teal, #02D999)',
-        clrYellow: 'var(--spr-clr-yellow, #EEC202)',
-        clrGrey: 'var(--spr-clr-grey, #646469)',
-        clrPurple: 'var(--spr-clr-purple, #763BD2)',
-        clrLtYellow: 'var(--spr-clr-lt-yellow, #846F35)',
-        clrDarkerBlue: 'var(--spr-clr-darker-blue, #327AFD)',
-        secondaryYellow: 'var(--spr-secondary-yellow, #8D6F18)',
-        secondaryGreen: 'var(--spr-secondary-green, #5F732C)',
-        secondaryTeal: 'var(--spr-secondary-teal, #168380)',
-        secondaryLtPink: 'var(--spr-secondary-lt-pink, #956787)',
-        secondaryPink: 'var(--spr-secondary-pink, #B94055)',
-        secondaryMaroon: 'var(--spr-secondary-maroon, #962F61)',
-        secondaryOrange: 'var(--spr-secondary-orange, #A8623A)',
-        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, #0AA2FF)',
-        focus01: 'var(--spr-focus-01, #0AA2FF)',
-        border01: 'var(--spr-border-01, #3A3A3E)',
-        border02: 'var(--spr-border-02, #48484C)',
-        border03: 'var(--spr-border-03, #48484C)',
-        border04: 'var(--spr-border-04, #646469)',
-        border05: 'var(--spr-border-05, #2C2C2F)',
-        border06: 'var(--spr-border-06, #F1F1F1)',
-        cardBorder: 'var(--spr-card-border, #3A3A3E)',
-        popupBorder: 'var(--spr-popup-border, #1C1C1F)',
-        tooltipBorder: 'var(--spr-tooltip-border, rgba(174, 174, 178, 0.2))',
-        interactiveFocus: 'var(--spr-interactive-focus, #0A65A1)',
-        shadow01: 'var(--spr-shadow-01, 0 1px 4px 0 rgba(10,10,20,0.3))',
-        shadow02: 'var(--spr-shadow-02, 0 4px 10px 0 rgb(20,20,22))',
-        shadow03: 'var(--spr-shadow-03, -2px 5px 12px 0 rgba(10,10,20,0.80))',
-        shadow04: 'var(--spr-shadow-04, 0 -4px 10px 0px rgb(20,20,22))',
-        shadow05: 'var(--spr-shadow-05, 0px 3px 4px 0 rgba(0,0,0,0.2))',
-        shadow06: 'var(--spr-shadow-06, 0px -3px 4px 0 rgba(0,0,0,0.2))',
-        icon01: 'var(--spr-icon-01, #FFFFFF)',
-        icon02: 'var(--spr-icon-02, #AEAEB2)',
-        icon03: 'var(--spr-icon-03, #AEAEB2)',
-        icon04: 'var(--spr-icon-04, #0AA2FF)',
-        icon05: 'var(--spr-icon-05, #FFFFFF)',
-        icon06: 'var(--spr-icon-06, rgba(255, 255, 255, 0.6))',
-        iconError: 'var(--spr-icon-error, #FF6060)',
-        iconHover: 'var(--spr-icon-hover, #FFFFFF)',
-        iconDisable: 'var(--spr-icon-disable, #646469)',
-        iconHoverReverse: 'var(--spr-icon-hover-reverse, #FFFFFF)',
-        link: 'var(--spr-link, #0AA2FF)',
-        text01: 'var(--spr-text-01, #FFFFFF)',
-        text02: 'var(--spr-text-02, #AEAEB2)',
-        text03: 'var(--spr-text-03, #646469)',
-        text04: 'var(--spr-text-04, #0AA2FF)',
-        text05: 'var(--spr-text-05, #FFFFFF)',
-        text06: 'var(--spr-text-06, #2C2C2F)',
-        textMagenta: 'var(--spr-text-magenta, #CB1CCE)',
-        textPlaceholder: 'var(--spr-text-placeholder, #646469)',
-        supportErrorText: 'var(--spr-support-error-text, #E44045)',
-        supportSuccessText: 'var(--spr-support-success-text, #3fbf41)',
-        supportWarningText: 'var(--spr-support-warning-text, #EEC202)'
-    },
-    nav: {
-        ui01: 'var(--nav-ui-01, rgba(44, 44, 47, 0.7))',
-        uiHover01: 'var(--nav-ui-hover-01, rgba(44, 44, 47, 0.9))',
-        icon01: 'var(--nav-icon-01, rgba(255, 255, 255, 0.6))',
-        iconFocus01: 'var(--nav-icon-focus-01, #2E6BD9)',
-        text01: 'var(--nav-text-01, rgba(255, 255, 255, 0.6))'
-    }
-};
-exports["default"] = __assign(__assign({}, theme_1["default"]), theme);

package/space/dark/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, #2C2C2F)' },
-    'spr-ui-02': { backgroundColor: 'var(--spr-ui-02, #3A3A3E)' },
-    'spr-ui-03': { backgroundColor: 'var(--spr-ui-03, #141416)' },
-    'spr-ui-04': { backgroundColor: 'var(--spr-ui-04, #0AA2FF)' },
-    'spr-ui-05': { backgroundColor: 'var(--spr-ui-05, #48484C)' },
-    'spr-ui-06': { backgroundColor: 'var(--spr-ui-06, #212123)' },
-    'spr-ui-focus': { backgroundColor: 'var(--spr-ui-focus, rgba(255, 255, 255, 0.12))' },
-    '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(255, 255, 255, 0.07))' },
-    'spr-ui-hover-reverse': { backgroundColor: 'var(--spr-ui-hover-reverse, rgba(255, 255, 255, 0.1))' },
-    'spr-support-error': { backgroundColor: 'var(--spr-support-error, #C6202B)' },
-    'spr-support-error-highlight': { backgroundColor: 'var(--spr-support-error-highlight, rgba(228, 64, 69, 0.15))' },
-    'spr-support-success': { backgroundColor: 'var(--spr-support-success, #20963a)' },
-    'spr-support-success-highlight': { backgroundColor: 'var(--spr-support-success-highlight, rgba(32, 150, 58, 0.15))' },
-    'spr-support-warning': { backgroundColor: 'var(--spr-support-warning, #DEAC09)' },
-    'spr-support-warning-highlight': { backgroundColor: 'var(--spr-support-warning-highlight, rgba(222, 172, 9, 0.12))' },
-    'spr-clr-blue-highlight': { backgroundColor: 'var(--spr-clr-blue-highlight, #2B3343)' },
-    'spr-tag': { backgroundColor: 'var(--spr-tag, #48484C)' },
-    'spr-tag-01': { backgroundColor: 'var(--spr-tag-01, #48484C)' },
-    'spr-tag-02': { backgroundColor: 'var(--spr-tag-02, rgba(255, 255, 255, 0.1))' },
-    'spr-field': { backgroundColor: 'var(--spr-field, #48484C)' },
-    'spr-popup': { backgroundColor: 'var(--spr-popup, #2C2C2F)' },
-    'spr-overlay': { backgroundColor: 'var(--spr-overlay, rgba(28, 28, 31, 0.8))' },
-    'spr-tooltip-01': { backgroundColor: 'var(--spr-tooltip-01, rgba(255, 255, 255, 0.9))' },
-    'spr-highlight': { backgroundColor: 'var(--spr-highlight, rgba(184, 144, 0, 0.6))' },
-    'spr-favourite': { backgroundColor: 'var(--spr-favourite, #FF9F21)' },
-    'spr-notification': { backgroundColor: 'var(--spr-notification, #C6202B)' },
-    'spr-interactive-01': { backgroundColor: 'var(--spr-interactive-01, #0AA2FF)' },
-    'spr-interactive-hover': { backgroundColor: 'var(--spr-interactive-hover, #0A83D0)' },
-    'spr-interactive-disable': { backgroundColor: 'var(--spr-interactive-disable, rgba(44, 44, 47, 0.6))' },
-    'spr-interactive-02': { backgroundColor: 'var(--spr-interactive-02, #AEAEB2)' },
-    'spr-clr-blue': { backgroundColor: 'var(--spr-clr-blue, #006CD7)' },
-    'spr-clr-green': { backgroundColor: 'var(--spr-clr-green, #3fbf41)' },
-    'spr-clr-lavender': { backgroundColor: 'var(--spr-clr-lavender, #9C60FF)' },
-    'spr-clr-orange': { backgroundColor: 'var(--spr-clr-orange, #FF9F21)' },
-    'spr-clr-pink': { backgroundColor: 'var(--spr-clr-pink, #FF668F)' },
-    'spr-clr-red': { backgroundColor: 'var(--spr-clr-red, #ff6060)' },
-    'spr-clr-sea': { backgroundColor: 'var(--spr-clr-sea, #00C8FF)' },
-    'spr-clr-teal': { backgroundColor: 'var(--spr-clr-teal, #02D999)' },
-    'spr-clr-yellow': { backgroundColor: 'var(--spr-clr-yellow, #EEC202)' },
-    'spr-clr-grey': { backgroundColor: 'var(--spr-clr-grey, #646469)' },
-    'spr-clr-purple': { backgroundColor: 'var(--spr-clr-purple, #763BD2)' },
-    'spr-clr-lt-yellow': { backgroundColor: 'var(--spr-clr-lt-yellow, #846F35)' },
-    'spr-clr-darker-blue': { backgroundColor: 'var(--spr-clr-darker-blue, #327AFD)' },
-    'spr-secondary-yellow': { backgroundColor: 'var(--spr-secondary-yellow, #8D6F18)' },
-    'spr-secondary-green': { backgroundColor: 'var(--spr-secondary-green, #5F732C)' },
-    'spr-secondary-teal': { backgroundColor: 'var(--spr-secondary-teal, #168380)' },
-    'spr-secondary-lt-pink': { backgroundColor: 'var(--spr-secondary-lt-pink, #956787)' },
-    'spr-secondary-pink': { backgroundColor: 'var(--spr-secondary-pink, #B94055)' },
-    'spr-secondary-maroon': { backgroundColor: 'var(--spr-secondary-maroon, #962F61)' },
-    'spr-secondary-orange': { backgroundColor: 'var(--spr-secondary-orange, #A8623A)' },
-    '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, #0AA2FF)' },
-    'spr-focus-01': { borderColor: 'var(--spr-focus-01, #0AA2FF)' },
-    'spr-border-01': { borderColor: 'var(--spr-border-01, #3A3A3E)' },
-    'spr-border-02': { borderColor: 'var(--spr-border-02, #48484C)' },
-    'spr-border-03': { borderColor: 'var(--spr-border-03, #48484C)' },
-    'spr-border-04': { borderColor: 'var(--spr-border-04, #646469)' },
-    'spr-border-05': { borderColor: 'var(--spr-border-05, #2C2C2F)' },
-    'spr-border-06': { borderColor: 'var(--spr-border-06, #F1F1F1)' },
-    'spr-card-border': { borderColor: 'var(--spr-card-border, #3A3A3E)' },
-    'spr-popup-border': { borderColor: 'var(--spr-popup-border, #1C1C1F)' },
-    'spr-tooltip-border': { borderColor: 'var(--spr-tooltip-border, rgba(174, 174, 178, 0.2))' },
-    'spr-interactive-focus': { borderColor: 'var(--spr-interactive-focus, #0A65A1)' },
-    'spr-shadow-01': { boxShadow: 'var(--spr-shadow-01, 0 1px 4px 0 rgba(10,10,20,0.3))' },
-    'spr-shadow-02': { boxShadow: 'var(--spr-shadow-02, 0 4px 10px 0 rgb(20,20,22))' },
-    'spr-shadow-03': { boxShadow: 'var(--spr-shadow-03, -2px 5px 12px 0 rgba(10,10,20,0.80))' },
-    'spr-shadow-04': { boxShadow: 'var(--spr-shadow-04, 0 -4px 10px 0px rgb(20,20,22))' },
-    'spr-shadow-05': { boxShadow: 'var(--spr-shadow-05, 0px 3px 4px 0 rgba(0,0,0,0.2))' },
-    'spr-shadow-06': { boxShadow: 'var(--spr-shadow-06, 0px -3px 4px 0 rgba(0,0,0,0.2))' },
-    'spr-icon-01': { fill: 'var(--spr-icon-01, #FFFFFF)' },
-    'spr-icon-02': { fill: 'var(--spr-icon-02, #AEAEB2)' },
-    'spr-icon-03': { fill: 'var(--spr-icon-03, #AEAEB2)' },
-    'spr-icon-04': { fill: 'var(--spr-icon-04, #0AA2FF)' },
-    '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-error': { fill: 'var(--spr-icon-error, #FF6060)' },
-    'spr-icon-hover': { fill: 'var(--spr-icon-hover, #FFFFFF)' },
-    'spr-icon-disable': { fill: 'var(--spr-icon-disable, #646469)' },
-    'spr-icon-hover-reverse': { fill: 'var(--spr-icon-hover-reverse, #FFFFFF)' },
-    'spr-link': { color: 'var(--spr-link, #0AA2FF)' },
-    'spr-text-01': { color: 'var(--spr-text-01, #FFFFFF)' },
-    'spr-text-02': { color: 'var(--spr-text-02, #AEAEB2)' },
-    'spr-text-03': { color: 'var(--spr-text-03, #646469)' },
-    'spr-text-04': { color: 'var(--spr-text-04, #0AA2FF)' },
-    'spr-text-05': { color: 'var(--spr-text-05, #FFFFFF)' },
-    'spr-text-06': { color: 'var(--spr-text-06, #2C2C2F)' },
-    'spr-text-magenta': { color: 'var(--spr-text-magenta, #CB1CCE)' },
-    'spr-text-placeholder': { color: 'var(--spr-text-placeholder, #646469)' },
-    'spr-support-error-text': { color: 'var(--spr-support-error-text, #E44045)' },
-    'spr-support-success-text': { color: 'var(--spr-support-success-text, #3fbf41)' },
-    'spr-support-warning-text': { color: 'var(--spr-support-warning-text, #EEC202)' },
-    'nav-ui-01': { backgroundColor: 'var(--nav-ui-01, rgba(44, 44, 47, 0.7))' },
-    'nav-ui-hover-01': { backgroundColor: 'var(--nav-ui-hover-01, rgba(44, 44, 47, 0.9))' },
-    'nav-icon-01': { fill: 'var(--nav-icon-01, rgba(255, 255, 255, 0.6))' },
-    'nav-icon-focus-01': { fill: 'var(--nav-icon-focus-01, #2E6BD9)' },
-    'nav-text-01': { color: 'var(--nav-text-01, rgba(255, 255, 255, 0.6))' },
-    'ai-ui-01': { background: 'var(--ai-ui-01, linear-gradient(-46.7906deg, #DE46E1, #8E43FF 48.67%, #0E61F6 100%))' },
-    'ai-ui-02': { background: 'var(--ai-ui-02, linear-gradient(219deg, #431744 0%, #311F4E 48.67%, #172949 100%))' },
-    'ai-ui-03': {
-        background: 'var(--ai-ui-03, linear-gradient(229.68deg, #88578A 5.41%, #715693 58.63%, #4B5E91 105.21%))'
-    },
-    'ai-border-01': {
-        background: 'linear-gradient(#1C1C1F, #1C1C1F) padding-box, linear-gradient(-46.7906deg, #DE46E1, #8E43FF 48.67%, #0E61F6 100%) border-box',
-        borderColor: 'transparent'
-    },
-    'ai-highlight': { backgroundColor: 'var(--ai-highlight, rgba(142, 67, 255,0.2))' },
-    'outline-01': { outlineStyle: 'solid', outlineWidth: '2px', outlineColor: '#0AA2FF', outlineOffset: '2px' }
-};
-exports["default"] = __assign(__assign({}, utilities_1["default"].utilities), utilities);

package/space/light/index.js

@@ -1,8 +0,0 @@
-"use strict";
-exports.__esModule = true;
-var theme_1 = require("./theme");
-var utilities_1 = require("./utilities");
-exports["default"] = {
-    theme: theme_1["default"],
-    classes: utilities_1["default"]
-};