@sprinklrjs/spaceweb-themes 12.33.2 → 14.11.3

package/hyperspace-16/hyperspace/dark/utilities.js

@@ -0,0 +1,225 @@
+"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);
+};
+Object.defineProperty(exports, "__esModule", { value: 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: '2.625rem', lineHeight: '3rem', fontWeight: '600' },
+    'typography-h2': { fontSize: '1.5rem', lineHeight: '1.813rem', fontWeight: '600' },
+    'typography-h3': { fontSize: '1.25rem', lineHeight: '1.625rem', fontWeight: '600' },
+    'typography-h4': { fontSize: '1rem', lineHeight: '1.5rem', fontWeight: '600' },
+    'typography-h5': { fontSize: '1rem', lineHeight: '1.375rem', fontWeight: '600' },
+    'typography-h6': { fontSize: '0.875rem', lineHeight: '1.25rem', fontWeight: '600' },
+    'typography-h7': { fontSize: '0.813rem', lineHeight: '1.375rem', fontWeight: '600' },
+    'typography-b1': { fontSize: '0.813rem', lineHeight: '1.125rem', fontWeight: '600' },
+    'typography-b2': { fontSize: '0.75rem', lineHeight: '1rem', fontWeight: '600' },
+    'typography-bl1': { fontSize: '0.875rem', lineHeight: '1.25rem', fontWeight: '400' },
+    'typography-bl2': { fontSize: '0.813rem', lineHeight: '1.25rem', fontWeight: '400' },
+    'typography-bl3': { fontSize: '0.75rem', lineHeight: '1.125rem', fontWeight: '400' },
+    'typography-bs1': { fontSize: '0.875rem', lineHeight: '1.25rem', fontWeight: '400' },
+    'typography-bs2': { fontSize: '0.813rem', lineHeight: '1.125rem', fontWeight: '400' },
+    'typography-bs3': { fontSize: '0.75rem', lineHeight: '1rem', fontWeight: '400' },
+    'typography-l1': { fontSize: '0.813rem', lineHeight: '1.125rem', fontWeight: '400' },
+    'typography-l2': { fontSize: '0.75rem', lineHeight: '1rem', fontWeight: '400' },
+    'typography-l3': { fontSize: '0.688rem', lineHeight: '1rem', fontWeight: '400' },
+    'typography-l4': { fontSize: '0.625rem', lineHeight: '0.875rem', fontWeight: '400' },
+    'spr-ui-02': { backgroundColor: 'var(--spr-ui-02, #212123)' },
+    'spr-ui-04': { backgroundColor: 'var(--spr-ui-04, #1A6AFF)' },
+    '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, #212123)' },
+    'spr-ui-hover-reverse': { backgroundColor: 'var(--spr-ui-hover-reverse, rgba(255, 255, 255, 0.1))' },
+    'spr-support-error-highlight': { backgroundColor: 'var(--spr-support-error-highlight, rgba(239, 68, 68, 0.3))' },
+    'spr-support-success-highlight': { backgroundColor: 'var(--spr-support-success-highlight, rgba(34, 197, 93, 0.3))' },
+    'spr-support-warning-highlight': { backgroundColor: 'var(--spr-support-warning-highlight, rgba(250, 204, 20, 0.3))' },
+    'spr-bg-success-highlight-2': { backgroundColor: 'var(--spr-bg-success-highlight-2, #166434)' },
+    '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-field-border': { borderColor: 'var(--spr-field-border, #48484C)' },
+    'spr-popup': { backgroundColor: 'var(--spr-popup, #101112)' },
+    'spr-overlay': { backgroundColor: 'var(--spr-overlay, rgba(28, 28, 31, 0.85))' },
+    'spr-favourite': { backgroundColor: 'var(--spr-favourite, #FF9F21)' },
+    'spr-notification': { backgroundColor: 'var(--spr-notification, #EF4444)' },
+    'spr-interactive-hover-border': { borderColor: 'var(--spr-interactive-hover-border, #1250DE)' },
+    'spr-interactive-disable': { backgroundColor: 'var(--spr-interactive-disable, rgba(72,72,76,0.8))' },
+    'spr-interactive-02': { backgroundColor: 'var(--spr-interactive-02, #2B2D2E)' },
+    'spr-clr-blue': { backgroundColor: 'var(--spr-clr-blue, #297AB9)' },
+    'spr-clr-green': { backgroundColor: 'var(--spr-clr-green, #097A4B)' },
+    '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, #FFA1BE)' },
+    'spr-clr-red': { backgroundColor: 'var(--spr-clr-red, #DB334F)' },
+    '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, #95700D)' },
+    'spr-clr-grey': { backgroundColor: 'var(--spr-clr-grey, #646469)' },
+    'spr-interactive-focus': { borderColor: 'var(--spr-interactive-focus, #1640B1)' },
+    '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-magenta-border': { borderColor: 'var(--spr-clr-magenta-border, #CB1CCE)' },
+    'spr-clr-fuschia': { backgroundColor: 'var(--spr-clr-fuschia, #A70FDC)' },
+    'spr-clr-fuschia-border': { borderColor: 'var(--spr-clr-fuschia-border, #A70FDC)' },
+    'spr-clr-violet': { backgroundColor: 'var(--spr-clr-violet, #8E43FF)' },
+    'spr-clr-violet-border': { borderColor: 'var(--spr-clr-violet-border, #8E43FF)' },
+    'spr-clr-lt-violet': { backgroundColor: 'var(--spr-clr-lt-violet, #E4DFF2)' },
+    'spr-hover': { borderColor: 'var(--spr-hover, #1250DE)' },
+    'spr-border-04': { borderColor: 'var(--spr-border-04, #A0A0A8)' },
+    '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-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, 1px 1px 7px rgba(255, 255, 255, 0.1))' },
+    '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, -2px 5px 12px -4px rgba(0,0,0,1.0))' },
+    '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-02': { fill: 'var(--spr-icon-02, #AEAEB2)' },
+    'spr-icon-06': { fill: 'var(--spr-icon-06, rgba(255, 255, 255, 0.6))' },
+    'spr-icon-hover': { fill: 'var(--spr-icon-hover, #FFFFFF)' },
+    'spr-icon-disable': { fill: 'var(--spr-icon-disable, rgba(235, 235, 235, 0.5))' },
+    'spr-text-disable': { color: 'var(--spr-text-disable, rgba(242, 242, 242, 0.33))' },
+    'spr-text-magenta': { color: 'var(--spr-text-magenta, #CB1CCE)' },
+    'spr-bg-primary': { backgroundColor: 'var(--spr-bg-primary, #101112)' },
+    'spr-bg-secondary': { backgroundColor: 'var(--spr-bg-secondary, #1E2022)' },
+    'spr-bg-tertiary': { backgroundColor: 'var(--spr-bg-tertiary, #2B2D2E)' },
+    'spr-bg-quaternary': { backgroundColor: 'var(--spr-bg-quaternary, #252627)' },
+    'spr-bg-quinary': { backgroundColor: 'var(--spr-bg-quinary, #525457)' },
+    'spr-bg-inverse': { backgroundColor: 'var(--spr-bg-inverse, #FFFFFF)' },
+    'spr-bg-error': { backgroundColor: 'var(--spr-bg-error, #EF4444)' },
+    'spr-bg-error-highlight': { backgroundColor: 'var(--spr-bg-error-highlight, #7F1C1D)' },
+    'spr-bg-success': { backgroundColor: 'var(--spr-bg-success, #22C55D)' },
+    'spr-bg-success-highlight': { backgroundColor: 'var(--spr-bg-success-highlight, #14532D)' },
+    'spr-bg-warning': { backgroundColor: 'var(--spr-bg-warning, #FACC14)' },
+    'spr-bg-warning-highlight': { backgroundColor: 'var(--spr-bg-warning-highlight, #713F11)' },
+    'spr-bg-neutral': { backgroundColor: 'var(--spr-bg-neutral, #94969A)' },
+    'spr-bg-overlay': { backgroundColor: 'var(--spr-bg-overlay, rgba(255, 255, 255, 0.5))' },
+    'spr-bg-white': { backgroundColor: 'var(--spr-bg-white, #FFFFFF)' },
+    'spr-highlight': { backgroundColor: 'var(--spr-highlight, #713F11)' },
+    'spr-interactive': { backgroundColor: 'var(--spr-interactive, #1A6AFF)' },
+    'spr-interactive-hover': { backgroundColor: 'var(--spr-interactive-hover, #1250DE)' },
+    'spr-icon-primary': { fill: 'var(--spr-icon-primary, #F5F6F7)' },
+    'spr-icon-tertiary': { fill: 'var(--spr-icon-tertiary, #94969A)' },
+    'spr-icon-secondary': { fill: 'var(--spr-icon-secondary, #1A6AFF)' },
+    'spr-icon-inverse': { fill: 'var(--spr-icon-inverse, #1E2022)' },
+    'spr-icon-quaternary': { fill: 'var(--spr-icon-quaternary, #57ABFF)' },
+    'spr-icon-white': { fill: 'var(--spr-icon-white, #FFFFFF)' },
+    'spr-icon-error': { fill: 'var(--spr-icon-error, #EF4444)' },
+    'spr-icon-success': { fill: 'var(--spr-icon-success, #22C55D)' },
+    'spr-icon-warning': { fill: 'var(--spr-icon-warning, #FACC14)' },
+    'spr-link': { color: 'var(--spr-link, #3188FF)' },
+    'spr-text-primary': { color: 'var(--spr-text-primary, #F5F6F7)' },
+    'spr-text-secondary': { color: 'var(--spr-text-secondary, #E3E4E6)' },
+    'spr-text-tertiary': { color: 'var(--spr-text-tertiary, #B8B9BB)' },
+    'spr-text-placeholder': { color: 'var(--spr-text-placeholder, #7D7D7D)' },
+    'spr-text-white': { color: 'var(--spr-text-white, #FFFFFF)' },
+    'spr-text-inverse': { color: 'var(--spr-text-inverse, #1E2022)' },
+    'spr-text-error': { color: 'var(--spr-text-error, #EF4444)' },
+    'spr-text-success': { color: 'var(--spr-text-success, #22C55D)' },
+    'spr-text-warning': { color: 'var(--spr-text-warning, #FACC14)' },
+    'spr-border-error': { borderColor: 'var(--spr-border-error, #EF4444)' },
+    'spr-border-success': { borderColor: 'var(--spr-border-success, #22C55D)' },
+    'spr-border-warning': { borderColor: 'var(--spr-border-warning, #FACC14)' },
+    'spr-border-quinary': { borderColor: 'var(--spr-border-quinary, #1A6AFF)' },
+    'spr-border-primary': { borderColor: 'var(--spr-border-primary, #525457)' },
+    'spr-border-secondary': { borderColor: 'var(--spr-border-secondary, #2B2D2E)' },
+    'spr-border-tertiary': { borderColor: 'var(--spr-border-tertiary, #252627)' },
+    'spr-border-quaternary': { borderColor: 'var(--spr-border-quaternary, #ECEDEE)' },
+    'spr-border-inverse': { borderColor: 'var(--spr-border-inverse, #1E2022)' },
+    'spr-border-white': { borderColor: 'var(--spr-border-white, #FFFFFF)' },
+    'spr-focus-02': { outline: 'var(--spr-focus-02, 1px solid #57ABFF)' },
+    'spr-shadow-100': {
+        boxShadow: 'var(--spr-shadow-100, 0 0.8px 0 0 rgba(255, 255, 255, 0.08) inset, 0 4px 8px 0 rgba(0, 0, 0, 0.40), 0 0 0.5px 0 rgba(255, 255, 255, 0.30) inset, 0 1px 3px 0 rgba(0, 0, 0, 0.50))',
+    },
+    'spr-shadow-200': {
+        boxShadow: 'var(--spr-shadow-200, 0 0.5px 0 0 rgba(255, 255, 255, 0.08) inset, 0 10px 16px 0 rgba(0, 0, 0, 0.35), 0 0 0.5px 0 rgba(255, 255, 255, 0.35) inset, 0 2px 5px 0 rgba(0, 0, 0, 0.35))',
+    },
+    'spr-ui-01': { backgroundColor: 'var(--spr-ui-01, #101112)' },
+    'spr-ui-05': { backgroundColor: 'var(--spr-ui-05, #1E2022)' },
+    'spr-ui-03': { backgroundColor: 'var(--spr-ui-03, #2B2D2E)' },
+    'spr-ui-06': { backgroundColor: 'var(--spr-ui-06, #525457)' },
+    'spr-tooltip-01': { backgroundColor: 'var(--spr-tooltip-01, #FFFFFF)' },
+    'spr-support-error': { backgroundColor: 'var(--spr-support-error, #EF4444)' },
+    'spr-support-success': { backgroundColor: 'var(--spr-support-success, #22C55D)' },
+    'spr-support-warning': { backgroundColor: 'var(--spr-support-warning, #FACC14)' },
+    'spr-interactive-01': { backgroundColor: 'var(--spr-interactive-01, #1A6AFF)' },
+    'spr-icon-01': { fill: 'var(--spr-icon-01, #F5F6F7)' },
+    'spr-icon-03': { fill: 'var(--spr-icon-03, #94969A)' },
+    'spr-icon-04': { fill: 'var(--spr-icon-04, #1A6AFF)' },
+    'spr-icon-05': { fill: 'var(--spr-icon-05, #1E2022)' },
+    'spr-icon-hover-reverse': { fill: 'var(--spr-icon-hover-reverse, #FFFFFF)' },
+    'spr-text-04': { color: 'var(--spr-text-04, #3188FF)' },
+    'spr-text-link-active': { color: 'var(--spr-text-link-active, #3188FF)' },
+    'spr-text-01': { color: 'var(--spr-text-01, #F5F6F7)' },
+    'spr-text-02': { color: 'var(--spr-text-02, #E3E4E6)' },
+    'spr-text-03': { color: 'var(--spr-text-03, #B8B9BB)' },
+    'spr-text-05': { color: 'var(--spr-text-05, #FFFFFF)' },
+    'spr-text-06': { color: 'var(--spr-text-06, #1E2022)' },
+    'spr-support-error-text': { color: 'var(--spr-support-error-text, #EF4444)' },
+    'spr-support-success-text': { color: 'var(--spr-support-success-text, #22C55D)' },
+    'spr-support-warning-text': { color: 'var(--spr-support-warning-text, #FACC14)' },
+    'spr-support-error-border': { borderColor: 'var(--spr-support-error-border, #EF4444)' },
+    'spr-support-success-border': { borderColor: 'var(--spr-support-success-border, #22C55D)' },
+    'spr-support-warning-border': { borderColor: 'var(--spr-support-warning-border, #FACC14)' },
+    'spr-focus-01': { borderColor: 'var(--spr-focus-01, #1A6AFF)' },
+    'spr-border-03': { borderColor: 'var(--spr-border-03, #525457)' },
+    'spr-border-02': { borderColor: 'var(--spr-border-02, #2B2D2E)' },
+    'spr-border-01': { borderColor: 'var(--spr-border-01, #252627)' },
+    'spr-border-06': { borderColor: 'var(--spr-border-06, #ECEDEE)' },
+    'spr-border-05': { borderColor: 'var(--spr-border-05, #FFFFFF)' },
+    'ai-ui-01': { background: 'var(--ai-ui-01, linear-gradient(to right, #493B21 0%, #2C462B 49%, #22444C 100%))' },
+    'ai-ui-02': { background: 'var(--ai-ui-02, linear-gradient(to right, #493B21 0%, #2C462B 49%, #22444C 100%))' },
+    'ai-ui-04': { background: 'var(--ai-ui-04, #F1F1F1)' },
+    'ai-ui-05': { background: 'var(--ai-ui-05, #B4B4B4)' },
+    'ai-ui-06': { background: 'var(--ai-ui-06, #949494)' },
+    'ai-border-01': {
+        background: 'linear-gradient(#1C1C1F, #1C1C1F) padding-box, linear-gradient(to right, #493B21 0%, #2C462B 49%, #22444C 100%) border-box',
+        borderColor: 'transparent',
+    },
+    'ai-border-02': { borderColor: 'var(--ai-border-02, #F1F1F1)' },
+    'ai-border-03': { borderColor: 'var(--ai-border-03, #B4B4B4)' },
+    'ai-border-04': { borderColor: 'var(--ai-border-04, #949494)' },
+    'ai-highlight': { backgroundColor: 'var(--ai-highlight, rgba(142, 67, 255,0.2))' },
+    'ai-interactive-disable': {
+        background: 'var(--ai-interactive-disable, linear-gradient(229.68deg, #88578A 5.41%, #715693 58.63%, #4B5E91 105.21%))',
+    },
+    'ai-interactive-loading': {
+        background: 'var(--ai-interactive-loading, linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), linear-gradient(0deg, rgba(142, 67, 255, 0.2), rgba(142, 67, 255, 0.2)))',
+    },
+    'ai-bg-gradient': {
+        background: 'var(--ai-bg-gradient, linear-gradient(to right, #493B21 0%, #2C462B 49%, #22444C 100%))',
+    },
+    'ai-border-gradient': {
+        background: 'linear-gradient(#121214, #121214) padding-box, linear-gradient(to right, #FFC005 2%, #FFE94F 12%, #8DE76E 21%, #3BE5FF 50%, #44BFFF 85%) border-box',
+        borderColor: 'transparent',
+    },
+    'ai-ui-03': { background: 'var(--ai-ui-03, linear-gradient(to right, #493B21 0%, #2C462B 49%, #22444C 100%))' },
+    '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))' },
+};
+exports.default = __assign(__assign({}, utilities_1.default.utilities), utilities);