surf-design-system
Version:
Surf Design System
435 lines (429 loc) • 597 kB
JavaScript
import { jsx, jsxs } from '@emotion/react/jsx-runtime';
import { css, Global, keyframes } from '@emotion/react';
import React$1, { forwardRef, useRef, useCallback, useEffect, useState, useImperativeHandle } from 'react';
import require$$2, { createPortal } from 'react-dom';
import moment from 'moment';
/******************************************************************************
Copyright (c) Microsoft Corporation.
Permission to use, copy, modify, and/or distribute this software for any
purpose with or without fee is hereby granted.
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
PERFORMANCE OF THIS SOFTWARE.
***************************************************************************** */
var __assign = function() {
__assign = Object.assign || function __assign(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);
};
function __makeTemplateObject(cooked, raw) {
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
return cooked;
}
var paletteSDS = {
black: '#000000',
white: '#FFFFFF',
gray: {
50: '#FAFAFA',
75: '#F5F5F5',
100: '#EEEEEE',
200: '#E6E6E6',
300: '#D5D5D5',
400: '#C6C6C6',
500: '#B1B1B1',
600: '#808080',
700: '#666666',
800: '#4C4C4C',
900: '#303030',
},
blue: {
50: '#E8EDFF',
100: '#D1DBFF',
200: '#A6B8FF',
300: '#7894FF',
400: '#4A70FF',
500: '#1C4AFF',
600: '#173DCC',
700: '#122E99',
800: '#0D1F66',
900: '#050F33',
},
green: {
50: '#E8F5ED',
100: '#D4EDD9',
200: '#A6D9B5',
300: '#7DC791',
400: '#4FB56E',
500: '#24A147',
600: '#1C823B',
700: '#17612B',
800: '#0D401C',
900: '#08210D',
},
yellow: {
50: '#FFFAE6',
100: '#FCF5CC',
200: '#FAEB99',
300: '#F7DE66',
400: '#F5D633',
500: '#F2C900',
600: '#C2A300',
700: '#927800',
800: '#615200',
900: '#302900',
},
red: {
50: '#FAE8EB',
100: '#F7D1D4',
200: '#F0A6A8',
300: '#E8787D',
400: '#E04A54',
500: '#D91F29',
600: '#AD1721',
700: '#821217',
800: '#570D0F',
900: '#2B0508',
},
brandColor: {
primary: '#004181',
empathsis: '#002C5F',
secondary: '#E4DCD3',
tertiary: '#F6F3F2',
},
systemColor: {
success: '#24A148',
warning: '#FDD13A',
error: '#DA1E28',
overlay: 'rgba(12, 12, 12, 0.48)',
disabledDark: 'rgba(254, 254, 254, 0.24)',
disabled: 'rgba(12, 12, 12, 0.12)',
white: '#FFFFFF',
black: '#000000',
positive: '#1D4BFF',
},
categoryColor: {
redOrange: '#ED5616',
orange: '#F68511',
yellow: '#F5D633',
lime: '#D6E573',
mentis: '#80CE61',
green: '#09AB6E',
mint: '#0FB5AE',
aquaBlue: '#3FD2E4',
skyBlue: '#13A1F6',
blue: '#4A70FF',
oceanBlue: '#4046CA',
blueViolet: '#7326D3',
violet: '#57157E',
purple: '#8C2981',
pink: '#DE3D82',
hotPink: '#FF48AF',
},
};
var colorPalette = {
black: css(templateObject_1$1$ || (templateObject_1$1$ = __makeTemplateObject(["\n\t\tcolor: ", ";\n\t"], ["\n\t\tcolor: ", ";\n\t"])), paletteSDS.black),
white: css(templateObject_2$1$ || (templateObject_2$1$ = __makeTemplateObject(["\n\t\tcolor: ", ";\n\t"], ["\n\t\tcolor: ", ";\n\t"])), paletteSDS.white),
gray: {
50: css(templateObject_3$1Y || (templateObject_3$1Y = __makeTemplateObject(["\n\t\t\tcolor: ", ";\n\t\t"], ["\n\t\t\tcolor: ", ";\n\t\t"])), paletteSDS.gray[50]),
100: css(templateObject_4$1X || (templateObject_4$1X = __makeTemplateObject(["\n\t\t\tcolor: ", ";\n\t\t"], ["\n\t\t\tcolor: ", ";\n\t\t"])), paletteSDS.gray[100]),
200: css(templateObject_5$h || (templateObject_5$h = __makeTemplateObject(["\n\t\t\tcolor: ", ";\n\t\t"], ["\n\t\t\tcolor: ", ";\n\t\t"])), paletteSDS.gray[200]),
300: css(templateObject_6$g || (templateObject_6$g = __makeTemplateObject(["\n\t\t\tcolor: ", ";\n\t\t"], ["\n\t\t\tcolor: ", ";\n\t\t"])), paletteSDS.gray[300]),
400: css(templateObject_7$g || (templateObject_7$g = __makeTemplateObject(["\n\t\t\tcolor: ", ";\n\t\t"], ["\n\t\t\tcolor: ", ";\n\t\t"])), paletteSDS.gray[400]),
500: css(templateObject_8$c || (templateObject_8$c = __makeTemplateObject(["\n\t\t\tcolor: ", ";\n\t\t"], ["\n\t\t\tcolor: ", ";\n\t\t"])), paletteSDS.gray[500]),
600: css(templateObject_9$9 || (templateObject_9$9 = __makeTemplateObject(["\n\t\t\tcolor: ", ";\n\t\t"], ["\n\t\t\tcolor: ", ";\n\t\t"])), paletteSDS.gray[600]),
700: css(templateObject_10$7 || (templateObject_10$7 = __makeTemplateObject(["\n\t\t\tcolor: ", ";\n\t\t"], ["\n\t\t\tcolor: ", ";\n\t\t"])), paletteSDS.gray[700]),
800: css(templateObject_11$5 || (templateObject_11$5 = __makeTemplateObject(["\n\t\t\tcolor: ", ";\n\t\t"], ["\n\t\t\tcolor: ", ";\n\t\t"])), paletteSDS.gray[800]),
900: css(templateObject_12$5 || (templateObject_12$5 = __makeTemplateObject(["\n\t\t\tcolor: ", ";\n\t\t"], ["\n\t\t\tcolor: ", ";\n\t\t"])), paletteSDS.gray[900]),
},
blue: {
50: css(templateObject_13$5 || (templateObject_13$5 = __makeTemplateObject(["\n\t\t\tcolor: ", ";\n\t\t"], ["\n\t\t\tcolor: ", ";\n\t\t"])), paletteSDS.blue[50]),
100: css(templateObject_14$5 || (templateObject_14$5 = __makeTemplateObject(["\n\t\t\tcolor: ", ";\n\t\t"], ["\n\t\t\tcolor: ", ";\n\t\t"])), paletteSDS.blue[100]),
200: css(templateObject_15$5 || (templateObject_15$5 = __makeTemplateObject(["\n\t\t\tcolor: ", ";\n\t\t"], ["\n\t\t\tcolor: ", ";\n\t\t"])), paletteSDS.blue[200]),
300: css(templateObject_16$4 || (templateObject_16$4 = __makeTemplateObject(["\n\t\t\tcolor: ", ";\n\t\t"], ["\n\t\t\tcolor: ", ";\n\t\t"])), paletteSDS.blue[300]),
400: css(templateObject_17$4 || (templateObject_17$4 = __makeTemplateObject(["\n\t\t\tcolor: ", ";\n\t\t"], ["\n\t\t\tcolor: ", ";\n\t\t"])), paletteSDS.blue[400]),
500: css(templateObject_18$2 || (templateObject_18$2 = __makeTemplateObject(["\n\t\t\tcolor: ", ";\n\t\t"], ["\n\t\t\tcolor: ", ";\n\t\t"])), paletteSDS.blue[500]),
600: css(templateObject_19$2 || (templateObject_19$2 = __makeTemplateObject(["\n\t\t\tcolor: ", ";\n\t\t"], ["\n\t\t\tcolor: ", ";\n\t\t"])), paletteSDS.blue[600]),
700: css(templateObject_20$2 || (templateObject_20$2 = __makeTemplateObject(["\n\t\t\tcolor: ", ";\n\t\t"], ["\n\t\t\tcolor: ", ";\n\t\t"])), paletteSDS.blue[700]),
800: css(templateObject_21$2 || (templateObject_21$2 = __makeTemplateObject(["\n\t\t\tcolor: ", ";\n\t\t"], ["\n\t\t\tcolor: ", ";\n\t\t"])), paletteSDS.blue[800]),
900: css(templateObject_22$2 || (templateObject_22$2 = __makeTemplateObject(["\n\t\t\tcolor: ", ";\n\t\t"], ["\n\t\t\tcolor: ", ";\n\t\t"])), paletteSDS.blue[900]),
},
green: {
50: css(templateObject_23$2 || (templateObject_23$2 = __makeTemplateObject(["\n\t\t\tcolor: ", ";\n\t\t"], ["\n\t\t\tcolor: ", ";\n\t\t"])), paletteSDS.green[50]),
100: css(templateObject_24$2 || (templateObject_24$2 = __makeTemplateObject(["\n\t\t\tcolor: ", ";\n\t\t"], ["\n\t\t\tcolor: ", ";\n\t\t"])), paletteSDS.green[100]),
200: css(templateObject_25$2 || (templateObject_25$2 = __makeTemplateObject(["\n\t\t\tcolor: ", ";\n\t\t"], ["\n\t\t\tcolor: ", ";\n\t\t"])), paletteSDS.green[200]),
300: css(templateObject_26$2 || (templateObject_26$2 = __makeTemplateObject(["\n\t\t\tcolor: ", ";\n\t\t"], ["\n\t\t\tcolor: ", ";\n\t\t"])), paletteSDS.green[300]),
400: css(templateObject_27$2 || (templateObject_27$2 = __makeTemplateObject(["\n\t\t\tcolor: ", ";\n\t\t"], ["\n\t\t\tcolor: ", ";\n\t\t"])), paletteSDS.green[400]),
500: css(templateObject_28$2 || (templateObject_28$2 = __makeTemplateObject(["\n\t\t\tcolor: ", ";\n\t\t"], ["\n\t\t\tcolor: ", ";\n\t\t"])), paletteSDS.green[500]),
600: css(templateObject_29$1 || (templateObject_29$1 = __makeTemplateObject(["\n\t\t\tcolor: ", ";\n\t\t"], ["\n\t\t\tcolor: ", ";\n\t\t"])), paletteSDS.green[600]),
700: css(templateObject_30 || (templateObject_30 = __makeTemplateObject(["\n\t\t\tcolor: ", ";\n\t\t"], ["\n\t\t\tcolor: ", ";\n\t\t"])), paletteSDS.green[700]),
800: css(templateObject_31 || (templateObject_31 = __makeTemplateObject(["\n\t\t\tcolor: ", ";\n\t\t"], ["\n\t\t\tcolor: ", ";\n\t\t"])), paletteSDS.green[800]),
900: css(templateObject_32 || (templateObject_32 = __makeTemplateObject(["\n\t\t\tcolor: ", ";\n\t\t"], ["\n\t\t\tcolor: ", ";\n\t\t"])), paletteSDS.green[900]),
},
yellow: {
50: css(templateObject_33 || (templateObject_33 = __makeTemplateObject(["\n\t\t\tcolor: ", ";\n\t\t"], ["\n\t\t\tcolor: ", ";\n\t\t"])), paletteSDS.yellow[50]),
100: css(templateObject_34 || (templateObject_34 = __makeTemplateObject(["\n\t\t\tcolor: ", ";\n\t\t"], ["\n\t\t\tcolor: ", ";\n\t\t"])), paletteSDS.yellow[100]),
200: css(templateObject_35 || (templateObject_35 = __makeTemplateObject(["\n\t\t\tcolor: ", ";\n\t\t"], ["\n\t\t\tcolor: ", ";\n\t\t"])), paletteSDS.yellow[200]),
300: css(templateObject_36 || (templateObject_36 = __makeTemplateObject(["\n\t\t\tcolor: ", ";\n\t\t"], ["\n\t\t\tcolor: ", ";\n\t\t"])), paletteSDS.yellow[300]),
400: css(templateObject_37 || (templateObject_37 = __makeTemplateObject(["\n\t\t\tcolor: ", ";\n\t\t"], ["\n\t\t\tcolor: ", ";\n\t\t"])), paletteSDS.yellow[400]),
500: css(templateObject_38 || (templateObject_38 = __makeTemplateObject(["\n\t\t\tcolor: ", ";\n\t\t"], ["\n\t\t\tcolor: ", ";\n\t\t"])), paletteSDS.yellow[500]),
600: css(templateObject_39 || (templateObject_39 = __makeTemplateObject(["\n\t\t\tcolor: ", ";\n\t\t"], ["\n\t\t\tcolor: ", ";\n\t\t"])), paletteSDS.yellow[600]),
700: css(templateObject_40 || (templateObject_40 = __makeTemplateObject(["\n\t\t\tcolor: ", ";\n\t\t"], ["\n\t\t\tcolor: ", ";\n\t\t"])), paletteSDS.yellow[700]),
800: css(templateObject_41 || (templateObject_41 = __makeTemplateObject(["\n\t\t\tcolor: ", ";\n\t\t"], ["\n\t\t\tcolor: ", ";\n\t\t"])), paletteSDS.yellow[800]),
900: css(templateObject_42 || (templateObject_42 = __makeTemplateObject(["\n\t\t\tcolor: ", ";\n\t\t"], ["\n\t\t\tcolor: ", ";\n\t\t"])), paletteSDS.yellow[900]),
},
red: {
50: css(templateObject_43 || (templateObject_43 = __makeTemplateObject(["\n\t\t\tcolor: ", ";\n\t\t"], ["\n\t\t\tcolor: ", ";\n\t\t"])), paletteSDS.red[50]),
100: css(templateObject_44 || (templateObject_44 = __makeTemplateObject(["\n\t\t\tcolor: ", ";\n\t\t"], ["\n\t\t\tcolor: ", ";\n\t\t"])), paletteSDS.red[100]),
200: css(templateObject_45 || (templateObject_45 = __makeTemplateObject(["\n\t\t\tcolor: ", ";\n\t\t"], ["\n\t\t\tcolor: ", ";\n\t\t"])), paletteSDS.red[200]),
300: css(templateObject_46 || (templateObject_46 = __makeTemplateObject(["\n\t\t\tcolor: ", ";\n\t\t"], ["\n\t\t\tcolor: ", ";\n\t\t"])), paletteSDS.red[300]),
400: css(templateObject_47 || (templateObject_47 = __makeTemplateObject(["\n\t\t\tcolor: ", ";\n\t\t"], ["\n\t\t\tcolor: ", ";\n\t\t"])), paletteSDS.red[400]),
500: css(templateObject_48 || (templateObject_48 = __makeTemplateObject(["\n\t\t\tcolor: ", ";\n\t\t"], ["\n\t\t\tcolor: ", ";\n\t\t"])), paletteSDS.red[500]),
600: css(templateObject_49 || (templateObject_49 = __makeTemplateObject(["\n\t\t\tcolor: ", ";\n\t\t"], ["\n\t\t\tcolor: ", ";\n\t\t"])), paletteSDS.red[600]),
700: css(templateObject_50 || (templateObject_50 = __makeTemplateObject(["\n\t\t\tcolor: ", ";\n\t\t"], ["\n\t\t\tcolor: ", ";\n\t\t"])), paletteSDS.red[700]),
800: css(templateObject_51 || (templateObject_51 = __makeTemplateObject(["\n\t\t\tcolor: ", ";\n\t\t"], ["\n\t\t\tcolor: ", ";\n\t\t"])), paletteSDS.red[800]),
900: css(templateObject_52 || (templateObject_52 = __makeTemplateObject(["\n\t\t\tcolor: ", ";\n\t\t"], ["\n\t\t\tcolor: ", ";\n\t\t"])), paletteSDS.red[900]),
},
brandColor: {
primary: css(templateObject_53 || (templateObject_53 = __makeTemplateObject(["\n\t\t\tcolor: ", ";\n\t\t"], ["\n\t\t\tcolor: ", ";\n\t\t"])), paletteSDS.brandColor.primary),
empathsis: css(templateObject_54 || (templateObject_54 = __makeTemplateObject(["\n\t\t\tcolor: ", ";\n\t\t"], ["\n\t\t\tcolor: ", ";\n\t\t"])), paletteSDS.brandColor.empathsis),
secondary: css(templateObject_55 || (templateObject_55 = __makeTemplateObject(["\n\t\t\tcolor: ", ";\n\t\t"], ["\n\t\t\tcolor: ", ";\n\t\t"])), paletteSDS.brandColor.secondary),
tertiary: css(templateObject_56 || (templateObject_56 = __makeTemplateObject(["\n\t\t\tcolor: ", ";\n\t\t"], ["\n\t\t\tcolor: ", ";\n\t\t"])), paletteSDS.brandColor.tertiary),
},
systemColor: {
success: css(templateObject_57 || (templateObject_57 = __makeTemplateObject(["\n\t\t\tcolor: ", ";\n\t\t"], ["\n\t\t\tcolor: ", ";\n\t\t"])), paletteSDS.systemColor.success),
warning: css(templateObject_58 || (templateObject_58 = __makeTemplateObject(["\n\t\t\tcolor: ", ";\n\t\t"], ["\n\t\t\tcolor: ", ";\n\t\t"])), paletteSDS.systemColor.warning),
error: css(templateObject_59 || (templateObject_59 = __makeTemplateObject(["\n\t\t\tcolor: ", ";\n\t\t"], ["\n\t\t\tcolor: ", ";\n\t\t"])), paletteSDS.systemColor.error),
overlay: css(templateObject_60 || (templateObject_60 = __makeTemplateObject(["\n\t\t\tcolor: ", ";\n\t\t"], ["\n\t\t\tcolor: ", ";\n\t\t"])), paletteSDS.systemColor.overlay),
disabledDark: css(templateObject_61 || (templateObject_61 = __makeTemplateObject(["\n\t\t\tcolor: ", ";\n\t\t"], ["\n\t\t\tcolor: ", ";\n\t\t"])), paletteSDS.systemColor.disabledDark),
disabled: css(templateObject_62 || (templateObject_62 = __makeTemplateObject(["\n\t\t\tcolor: ", ";\n\t\t"], ["\n\t\t\tcolor: ", ";\n\t\t"])), paletteSDS.systemColor.disabled),
white: css(templateObject_63 || (templateObject_63 = __makeTemplateObject(["\n\t\t\tcolor: ", ";\n\t\t"], ["\n\t\t\tcolor: ", ";\n\t\t"])), paletteSDS.systemColor.white),
black: css(templateObject_64 || (templateObject_64 = __makeTemplateObject(["\n\t\t\tcolor: ", ";\n\t\t"], ["\n\t\t\tcolor: ", ";\n\t\t"])), paletteSDS.systemColor.black),
positive: css(templateObject_65 || (templateObject_65 = __makeTemplateObject(["\n\t\t\tcolor: ", ";\n\t\t"], ["\n\t\t\tcolor: ", ";\n\t\t"])), paletteSDS.systemColor.positive),
},
categoryColor: {
redOrange: css(templateObject_66 || (templateObject_66 = __makeTemplateObject(["\n\t\t\tcolor: ", ";\n\t\t"], ["\n\t\t\tcolor: ", ";\n\t\t"])), paletteSDS.categoryColor.redOrange),
orange: css(templateObject_67 || (templateObject_67 = __makeTemplateObject(["\n\t\t\tcolor: ", ";\n\t\t"], ["\n\t\t\tcolor: ", ";\n\t\t"])), paletteSDS.categoryColor.orange),
yellow: css(templateObject_68 || (templateObject_68 = __makeTemplateObject(["\n\t\t\tcolor: ", ";\n\t\t"], ["\n\t\t\tcolor: ", ";\n\t\t"])), paletteSDS.categoryColor.yellow),
lime: css(templateObject_69 || (templateObject_69 = __makeTemplateObject(["\n\t\t\tcolor: ", ";\n\t\t"], ["\n\t\t\tcolor: ", ";\n\t\t"])), paletteSDS.categoryColor.lime),
mentis: css(templateObject_70 || (templateObject_70 = __makeTemplateObject(["\n\t\t\tcolor: ", ";\n\t\t"], ["\n\t\t\tcolor: ", ";\n\t\t"])), paletteSDS.categoryColor.mentis),
green: css(templateObject_71 || (templateObject_71 = __makeTemplateObject(["\n\t\t\tcolor: ", ";\n\t\t"], ["\n\t\t\tcolor: ", ";\n\t\t"])), paletteSDS.categoryColor.green),
mint: css(templateObject_72 || (templateObject_72 = __makeTemplateObject(["\n\t\t\tcolor: ", ";\n\t\t"], ["\n\t\t\tcolor: ", ";\n\t\t"])), paletteSDS.categoryColor.mint),
aquaBlue: css(templateObject_73 || (templateObject_73 = __makeTemplateObject(["\n\t\t\tcolor: ", ";\n\t\t"], ["\n\t\t\tcolor: ", ";\n\t\t"])), paletteSDS.categoryColor.aquaBlue),
skyBlue: css(templateObject_74 || (templateObject_74 = __makeTemplateObject(["\n\t\t\tcolor: ", ";\n\t\t"], ["\n\t\t\tcolor: ", ";\n\t\t"])), paletteSDS.categoryColor.skyBlue),
blue: css(templateObject_75 || (templateObject_75 = __makeTemplateObject(["\n\t\t\tcolor: ", ";\n\t\t"], ["\n\t\t\tcolor: ", ";\n\t\t"])), paletteSDS.categoryColor.blue),
oceanBlue: css(templateObject_76 || (templateObject_76 = __makeTemplateObject(["\n\t\t\tcolor: ", ";\n\t\t"], ["\n\t\t\tcolor: ", ";\n\t\t"])), paletteSDS.categoryColor.oceanBlue),
blueViolet: css(templateObject_77 || (templateObject_77 = __makeTemplateObject(["\n\t\t\tcolor: ", ";\n\t\t"], ["\n\t\t\tcolor: ", ";\n\t\t"])), paletteSDS.categoryColor.blueViolet),
violet: css(templateObject_78 || (templateObject_78 = __makeTemplateObject(["\n\t\t\tcolor: ", ";\n\t\t"], ["\n\t\t\tcolor: ", ";\n\t\t"])), paletteSDS.categoryColor.violet),
purple: css(templateObject_79 || (templateObject_79 = __makeTemplateObject(["\n\t\t\tcolor: ", ";\n\t\t"], ["\n\t\t\tcolor: ", ";\n\t\t"])), paletteSDS.categoryColor.purple),
pink: css(templateObject_80 || (templateObject_80 = __makeTemplateObject(["\n\t\t\tcolor: ", ";\n\t\t"], ["\n\t\t\tcolor: ", ";\n\t\t"])), paletteSDS.categoryColor.pink),
hotPink: css(templateObject_81 || (templateObject_81 = __makeTemplateObject(["\n\t\t\tcolor: ", ";\n\t\t"], ["\n\t\t\tcolor: ", ";\n\t\t"])), paletteSDS.categoryColor.hotPink),
},
};
var backgroundPalette = {
black: css(templateObject_82 || (templateObject_82 = __makeTemplateObject(["\n\t\tbackground: ", ";\n\t"], ["\n\t\tbackground: ", ";\n\t"])), paletteSDS.black),
white: css(templateObject_83 || (templateObject_83 = __makeTemplateObject(["\n\t\tbackground: ", ";\n\t"], ["\n\t\tbackground: ", ";\n\t"])), paletteSDS.white),
gray: {
50: css(templateObject_84 || (templateObject_84 = __makeTemplateObject(["\n\t\t\tbackground: ", ";\n\t\t"], ["\n\t\t\tbackground: ", ";\n\t\t"])), paletteSDS.gray[50]),
100: css(templateObject_85 || (templateObject_85 = __makeTemplateObject(["\n\t\t\tbackground: ", ";\n\t\t"], ["\n\t\t\tbackground: ", ";\n\t\t"])), paletteSDS.gray[100]),
200: css(templateObject_86 || (templateObject_86 = __makeTemplateObject(["\n\t\t\tbackground: ", ";\n\t\t"], ["\n\t\t\tbackground: ", ";\n\t\t"])), paletteSDS.gray[200]),
300: css(templateObject_87 || (templateObject_87 = __makeTemplateObject(["\n\t\t\tbackground: ", ";\n\t\t"], ["\n\t\t\tbackground: ", ";\n\t\t"])), paletteSDS.gray[300]),
400: css(templateObject_88 || (templateObject_88 = __makeTemplateObject(["\n\t\t\tbackground: ", ";\n\t\t"], ["\n\t\t\tbackground: ", ";\n\t\t"])), paletteSDS.gray[400]),
500: css(templateObject_89 || (templateObject_89 = __makeTemplateObject(["\n\t\t\tbackground: ", ";\n\t\t"], ["\n\t\t\tbackground: ", ";\n\t\t"])), paletteSDS.gray[500]),
600: css(templateObject_90 || (templateObject_90 = __makeTemplateObject(["\n\t\t\tbackground: ", ";\n\t\t"], ["\n\t\t\tbackground: ", ";\n\t\t"])), paletteSDS.gray[600]),
700: css(templateObject_91 || (templateObject_91 = __makeTemplateObject(["\n\t\t\tbackground: ", ";\n\t\t"], ["\n\t\t\tbackground: ", ";\n\t\t"])), paletteSDS.gray[700]),
800: css(templateObject_92 || (templateObject_92 = __makeTemplateObject(["\n\t\t\tbackground: ", ";\n\t\t"], ["\n\t\t\tbackground: ", ";\n\t\t"])), paletteSDS.gray[800]),
900: css(templateObject_93 || (templateObject_93 = __makeTemplateObject(["\n\t\t\tbackground: ", ";\n\t\t"], ["\n\t\t\tbackground: ", ";\n\t\t"])), paletteSDS.gray[900]),
},
blue: {
50: css(templateObject_94 || (templateObject_94 = __makeTemplateObject(["\n\t\t\tbackground: ", ";\n\t\t"], ["\n\t\t\tbackground: ", ";\n\t\t"])), paletteSDS.blue[50]),
100: css(templateObject_95 || (templateObject_95 = __makeTemplateObject(["\n\t\t\tbackground: ", ";\n\t\t"], ["\n\t\t\tbackground: ", ";\n\t\t"])), paletteSDS.blue[100]),
200: css(templateObject_96 || (templateObject_96 = __makeTemplateObject(["\n\t\t\tbackground: ", ";\n\t\t"], ["\n\t\t\tbackground: ", ";\n\t\t"])), paletteSDS.blue[200]),
300: css(templateObject_97 || (templateObject_97 = __makeTemplateObject(["\n\t\t\tbackground: ", ";\n\t\t"], ["\n\t\t\tbackground: ", ";\n\t\t"])), paletteSDS.blue[300]),
400: css(templateObject_98 || (templateObject_98 = __makeTemplateObject(["\n\t\t\tbackground: ", ";\n\t\t"], ["\n\t\t\tbackground: ", ";\n\t\t"])), paletteSDS.blue[400]),
500: css(templateObject_99 || (templateObject_99 = __makeTemplateObject(["\n\t\t\tbackground: ", ";\n\t\t"], ["\n\t\t\tbackground: ", ";\n\t\t"])), paletteSDS.blue[500]),
600: css(templateObject_100 || (templateObject_100 = __makeTemplateObject(["\n\t\t\tbackground: ", ";\n\t\t"], ["\n\t\t\tbackground: ", ";\n\t\t"])), paletteSDS.blue[600]),
700: css(templateObject_101 || (templateObject_101 = __makeTemplateObject(["\n\t\t\tbackground: ", ";\n\t\t"], ["\n\t\t\tbackground: ", ";\n\t\t"])), paletteSDS.blue[700]),
800: css(templateObject_102 || (templateObject_102 = __makeTemplateObject(["\n\t\t\tbackground: ", ";\n\t\t"], ["\n\t\t\tbackground: ", ";\n\t\t"])), paletteSDS.blue[800]),
900: css(templateObject_103 || (templateObject_103 = __makeTemplateObject(["\n\t\t\tbackground: ", ";\n\t\t"], ["\n\t\t\tbackground: ", ";\n\t\t"])), paletteSDS.blue[900]),
},
green: {
50: css(templateObject_104 || (templateObject_104 = __makeTemplateObject(["\n\t\t\tbackground: ", ";\n\t\t"], ["\n\t\t\tbackground: ", ";\n\t\t"])), paletteSDS.green[50]),
100: css(templateObject_105 || (templateObject_105 = __makeTemplateObject(["\n\t\t\tbackground: ", ";\n\t\t"], ["\n\t\t\tbackground: ", ";\n\t\t"])), paletteSDS.green[100]),
200: css(templateObject_106 || (templateObject_106 = __makeTemplateObject(["\n\t\t\tbackground: ", ";\n\t\t"], ["\n\t\t\tbackground: ", ";\n\t\t"])), paletteSDS.green[200]),
300: css(templateObject_107 || (templateObject_107 = __makeTemplateObject(["\n\t\t\tbackground: ", ";\n\t\t"], ["\n\t\t\tbackground: ", ";\n\t\t"])), paletteSDS.green[300]),
400: css(templateObject_108 || (templateObject_108 = __makeTemplateObject(["\n\t\t\tbackground: ", ";\n\t\t"], ["\n\t\t\tbackground: ", ";\n\t\t"])), paletteSDS.green[400]),
500: css(templateObject_109 || (templateObject_109 = __makeTemplateObject(["\n\t\t\tbackground: ", ";\n\t\t"], ["\n\t\t\tbackground: ", ";\n\t\t"])), paletteSDS.green[500]),
600: css(templateObject_110 || (templateObject_110 = __makeTemplateObject(["\n\t\t\tbackground: ", ";\n\t\t"], ["\n\t\t\tbackground: ", ";\n\t\t"])), paletteSDS.green[600]),
700: css(templateObject_111 || (templateObject_111 = __makeTemplateObject(["\n\t\t\tbackground: ", ";\n\t\t"], ["\n\t\t\tbackground: ", ";\n\t\t"])), paletteSDS.green[700]),
800: css(templateObject_112 || (templateObject_112 = __makeTemplateObject(["\n\t\t\tbackground: ", ";\n\t\t"], ["\n\t\t\tbackground: ", ";\n\t\t"])), paletteSDS.green[800]),
900: css(templateObject_113 || (templateObject_113 = __makeTemplateObject(["\n\t\t\tbackground: ", ";\n\t\t"], ["\n\t\t\tbackground: ", ";\n\t\t"])), paletteSDS.green[900]),
},
yellow: {
50: css(templateObject_114 || (templateObject_114 = __makeTemplateObject(["\n\t\t\tbackground: ", ";\n\t\t"], ["\n\t\t\tbackground: ", ";\n\t\t"])), paletteSDS.yellow[50]),
100: css(templateObject_115 || (templateObject_115 = __makeTemplateObject(["\n\t\t\tbackground: ", ";\n\t\t"], ["\n\t\t\tbackground: ", ";\n\t\t"])), paletteSDS.yellow[100]),
200: css(templateObject_116 || (templateObject_116 = __makeTemplateObject(["\n\t\t\tbackground: ", ";\n\t\t"], ["\n\t\t\tbackground: ", ";\n\t\t"])), paletteSDS.yellow[200]),
300: css(templateObject_117 || (templateObject_117 = __makeTemplateObject(["\n\t\t\tbackground: ", ";\n\t\t"], ["\n\t\t\tbackground: ", ";\n\t\t"])), paletteSDS.yellow[300]),
400: css(templateObject_118 || (templateObject_118 = __makeTemplateObject(["\n\t\t\tbackground: ", ";\n\t\t"], ["\n\t\t\tbackground: ", ";\n\t\t"])), paletteSDS.yellow[400]),
500: css(templateObject_119 || (templateObject_119 = __makeTemplateObject(["\n\t\t\tbackground: ", ";\n\t\t"], ["\n\t\t\tbackground: ", ";\n\t\t"])), paletteSDS.yellow[500]),
600: css(templateObject_120 || (templateObject_120 = __makeTemplateObject(["\n\t\t\tbackground: ", ";\n\t\t"], ["\n\t\t\tbackground: ", ";\n\t\t"])), paletteSDS.yellow[600]),
700: css(templateObject_121 || (templateObject_121 = __makeTemplateObject(["\n\t\t\tbackground: ", ";\n\t\t"], ["\n\t\t\tbackground: ", ";\n\t\t"])), paletteSDS.yellow[700]),
800: css(templateObject_122 || (templateObject_122 = __makeTemplateObject(["\n\t\t\tbackground: ", ";\n\t\t"], ["\n\t\t\tbackground: ", ";\n\t\t"])), paletteSDS.yellow[800]),
900: css(templateObject_123 || (templateObject_123 = __makeTemplateObject(["\n\t\t\tbackground: ", ";\n\t\t"], ["\n\t\t\tbackground: ", ";\n\t\t"])), paletteSDS.yellow[900]),
},
red: {
50: css(templateObject_124 || (templateObject_124 = __makeTemplateObject(["\n\t\t\tbackground: ", ";\n\t\t"], ["\n\t\t\tbackground: ", ";\n\t\t"])), paletteSDS.red[50]),
100: css(templateObject_125 || (templateObject_125 = __makeTemplateObject(["\n\t\t\tbackground: ", ";\n\t\t"], ["\n\t\t\tbackground: ", ";\n\t\t"])), paletteSDS.red[100]),
200: css(templateObject_126 || (templateObject_126 = __makeTemplateObject(["\n\t\t\tbackground: ", ";\n\t\t"], ["\n\t\t\tbackground: ", ";\n\t\t"])), paletteSDS.red[200]),
300: css(templateObject_127 || (templateObject_127 = __makeTemplateObject(["\n\t\t\tbackground: ", ";\n\t\t"], ["\n\t\t\tbackground: ", ";\n\t\t"])), paletteSDS.red[300]),
400: css(templateObject_128 || (templateObject_128 = __makeTemplateObject(["\n\t\t\tbackground: ", ";\n\t\t"], ["\n\t\t\tbackground: ", ";\n\t\t"])), paletteSDS.red[400]),
500: css(templateObject_129 || (templateObject_129 = __makeTemplateObject(["\n\t\t\tbackground: ", ";\n\t\t"], ["\n\t\t\tbackground: ", ";\n\t\t"])), paletteSDS.red[500]),
600: css(templateObject_130 || (templateObject_130 = __makeTemplateObject(["\n\t\t\tbackground: ", ";\n\t\t"], ["\n\t\t\tbackground: ", ";\n\t\t"])), paletteSDS.red[600]),
700: css(templateObject_131 || (templateObject_131 = __makeTemplateObject(["\n\t\t\tbackground: ", ";\n\t\t"], ["\n\t\t\tbackground: ", ";\n\t\t"])), paletteSDS.red[700]),
800: css(templateObject_132 || (templateObject_132 = __makeTemplateObject(["\n\t\t\tbackground: ", ";\n\t\t"], ["\n\t\t\tbackground: ", ";\n\t\t"])), paletteSDS.red[800]),
900: css(templateObject_133 || (templateObject_133 = __makeTemplateObject(["\n\t\t\tbackground: ", ";\n\t\t"], ["\n\t\t\tbackground: ", ";\n\t\t"])), paletteSDS.red[900]),
},
brandColor: {
primary: css(templateObject_134 || (templateObject_134 = __makeTemplateObject(["\n\t\t\tbackground: ", ";\n\t\t"], ["\n\t\t\tbackground: ", ";\n\t\t"])), paletteSDS.brandColor.primary),
empathsis: css(templateObject_135 || (templateObject_135 = __makeTemplateObject(["\n\t\t\tbackground: ", ";\n\t\t"], ["\n\t\t\tbackground: ", ";\n\t\t"])), paletteSDS.brandColor.empathsis),
secondary: css(templateObject_136 || (templateObject_136 = __makeTemplateObject(["\n\t\t\tbackground: ", ";\n\t\t"], ["\n\t\t\tbackground: ", ";\n\t\t"])), paletteSDS.brandColor.secondary),
tertiary: css(templateObject_137 || (templateObject_137 = __makeTemplateObject(["\n\t\t\tbackground: ", ";\n\t\t"], ["\n\t\t\tbackground: ", ";\n\t\t"])), paletteSDS.brandColor.tertiary),
},
systemColor: {
success: css(templateObject_138 || (templateObject_138 = __makeTemplateObject(["\n\t\t\tbackground: ", ";\n\t\t"], ["\n\t\t\tbackground: ", ";\n\t\t"])), paletteSDS.systemColor.success),
warning: css(templateObject_139 || (templateObject_139 = __makeTemplateObject(["\n\t\t\tbackground: ", ";\n\t\t"], ["\n\t\t\tbackground: ", ";\n\t\t"])), paletteSDS.systemColor.warning),
error: css(templateObject_140 || (templateObject_140 = __makeTemplateObject(["\n\t\t\tbackground: ", ";\n\t\t"], ["\n\t\t\tbackground: ", ";\n\t\t"])), paletteSDS.systemColor.error),
overlay: css(templateObject_141 || (templateObject_141 = __makeTemplateObject(["\n\t\t\tbackground: ", ";\n\t\t"], ["\n\t\t\tbackground: ", ";\n\t\t"])), paletteSDS.systemColor.overlay),
disabledDark: css(templateObject_142 || (templateObject_142 = __makeTemplateObject(["\n\t\t\tbackground: ", ";\n\t\t"], ["\n\t\t\tbackground: ", ";\n\t\t"])), paletteSDS.systemColor.disabledDark),
disabled: css(templateObject_143 || (templateObject_143 = __makeTemplateObject(["\n\t\t\tbackground: ", ";\n\t\t"], ["\n\t\t\tbackground: ", ";\n\t\t"])), paletteSDS.systemColor.disabled),
white: css(templateObject_144 || (templateObject_144 = __makeTemplateObject(["\n\t\t\tbackground: ", ";\n\t\t"], ["\n\t\t\tbackground: ", ";\n\t\t"])), paletteSDS.systemColor.white),
black: css(templateObject_145 || (templateObject_145 = __makeTemplateObject(["\n\t\t\tbackground: ", ";\n\t\t"], ["\n\t\t\tbackground: ", ";\n\t\t"])), paletteSDS.systemColor.black),
positive: css(templateObject_146 || (templateObject_146 = __makeTemplateObject(["\n\t\t\tbackground: ", ";\n\t\t"], ["\n\t\t\tbackground: ", ";\n\t\t"])), paletteSDS.systemColor.positive),
},
categoryColor: {
redOrange: css(templateObject_147 || (templateObject_147 = __makeTemplateObject(["\n\t\t\tbackground: ", ";\n\t\t"], ["\n\t\t\tbackground: ", ";\n\t\t"])), paletteSDS.categoryColor.redOrange),
orange: css(templateObject_148 || (templateObject_148 = __makeTemplateObject(["\n\t\t\tbackground: ", ";\n\t\t"], ["\n\t\t\tbackground: ", ";\n\t\t"])), paletteSDS.categoryColor.orange),
yellow: css(templateObject_149 || (templateObject_149 = __makeTemplateObject(["\n\t\t\tbackground: ", ";\n\t\t"], ["\n\t\t\tbackground: ", ";\n\t\t"])), paletteSDS.categoryColor.yellow),
lime: css(templateObject_150 || (templateObject_150 = __makeTemplateObject(["\n\t\t\tbackground: ", ";\n\t\t"], ["\n\t\t\tbackground: ", ";\n\t\t"])), paletteSDS.categoryColor.lime),
mentis: css(templateObject_151 || (templateObject_151 = __makeTemplateObject(["\n\t\t\tbackground: ", ";\n\t\t"], ["\n\t\t\tbackground: ", ";\n\t\t"])), paletteSDS.categoryColor.mentis),
green: css(templateObject_152 || (templateObject_152 = __makeTemplateObject(["\n\t\t\tbackground: ", ";\n\t\t"], ["\n\t\t\tbackground: ", ";\n\t\t"])), paletteSDS.categoryColor.green),
mint: css(templateObject_153 || (templateObject_153 = __makeTemplateObject(["\n\t\t\tbackground: ", ";\n\t\t"], ["\n\t\t\tbackground: ", ";\n\t\t"])), paletteSDS.categoryColor.mint),
aquaBlue: css(templateObject_154 || (templateObject_154 = __makeTemplateObject(["\n\t\t\tbackground: ", ";\n\t\t"], ["\n\t\t\tbackground: ", ";\n\t\t"])), paletteSDS.categoryColor.aquaBlue),
skyBlue: css(templateObject_155 || (templateObject_155 = __makeTemplateObject(["\n\t\t\tbackground: ", ";\n\t\t"], ["\n\t\t\tbackground: ", ";\n\t\t"])), paletteSDS.categoryColor.skyBlue),
blue: css(templateObject_156 || (templateObject_156 = __makeTemplateObject(["\n\t\t\tbackground: ", ";\n\t\t"], ["\n\t\t\tbackground: ", ";\n\t\t"])), paletteSDS.categoryColor.blue),
oceanBlue: css(templateObject_157 || (templateObject_157 = __makeTemplateObject(["\n\t\t\tbackground: ", ";\n\t\t"], ["\n\t\t\tbackground: ", ";\n\t\t"])), paletteSDS.categoryColor.oceanBlue),
blueViolet: css(templateObject_158 || (templateObject_158 = __makeTemplateObject(["\n\t\t\tbackground: ", ";\n\t\t"], ["\n\t\t\tbackground: ", ";\n\t\t"])), paletteSDS.categoryColor.blueViolet),
violet: css(templateObject_159 || (templateObject_159 = __makeTemplateObject(["\n\t\t\tbackground: ", ";\n\t\t"], ["\n\t\t\tbackground: ", ";\n\t\t"])), paletteSDS.categoryColor.violet),
purple: css(templateObject_160 || (templateObject_160 = __makeTemplateObject(["\n\t\t\tbackground: ", ";\n\t\t"], ["\n\t\t\tbackground: ", ";\n\t\t"])), paletteSDS.categoryColor.purple),
pink: css(templateObject_161 || (templateObject_161 = __makeTemplateObject(["\n\t\t\tbackground: ", ";\n\t\t"], ["\n\t\t\tbackground: ", ";\n\t\t"])), paletteSDS.categoryColor.pink),
hotPink: css(templateObject_162 || (templateObject_162 = __makeTemplateObject(["\n\t\t\tbackground: ", ";\n\t\t"], ["\n\t\t\tbackground: ", ";\n\t\t"])), paletteSDS.categoryColor.hotPink),
},
};
var fillPalette = {
black: css(templateObject_163 || (templateObject_163 = __makeTemplateObject(["\n\t\tfill: ", ";\n\t"], ["\n\t\tfill: ", ";\n\t"])), paletteSDS.black),
white: css(templateObject_164 || (templateObject_164 = __makeTemplateObject(["\n\t\tfill: ", ";\n\t"], ["\n\t\tfill: ", ";\n\t"])), paletteSDS.white),
gray: {
50: css(templateObject_165 || (templateObject_165 = __makeTemplateObject(["\n\t\t\tfill: ", ";\n\t\t"], ["\n\t\t\tfill: ", ";\n\t\t"])), paletteSDS.gray[50]),
100: css(templateObject_166 || (templateObject_166 = __makeTemplateObject(["\n\t\t\tfill: ", ";\n\t\t"], ["\n\t\t\tfill: ", ";\n\t\t"])), paletteSDS.gray[100]),
200: css(templateObject_167 || (templateObject_167 = __makeTemplateObject(["\n\t\t\tfill: ", ";\n\t\t"], ["\n\t\t\tfill: ", ";\n\t\t"])), paletteSDS.gray[200]),
300: css(templateObject_168 || (templateObject_168 = __makeTemplateObject(["\n\t\t\tfill: ", ";\n\t\t"], ["\n\t\t\tfill: ", ";\n\t\t"])), paletteSDS.gray[300]),
400: css(templateObject_169 || (templateObject_169 = __makeTemplateObject(["\n\t\t\tfill: ", ";\n\t\t"], ["\n\t\t\tfill: ", ";\n\t\t"])), paletteSDS.gray[400]),
500: css(templateObject_170 || (templateObject_170 = __makeTemplateObject(["\n\t\t\tfill: ", ";\n\t\t"], ["\n\t\t\tfill: ", ";\n\t\t"])), paletteSDS.gray[500]),
600: css(templateObject_171 || (templateObject_171 = __makeTemplateObject(["\n\t\t\tfill: ", ";\n\t\t"], ["\n\t\t\tfill: ", ";\n\t\t"])), paletteSDS.gray[600]),
700: css(templateObject_172 || (templateObject_172 = __makeTemplateObject(["\n\t\t\tfill: ", ";\n\t\t"], ["\n\t\t\tfill: ", ";\n\t\t"])), paletteSDS.gray[700]),
800: css(templateObject_173 || (templateObject_173 = __makeTemplateObject(["\n\t\t\tfill: ", ";\n\t\t"], ["\n\t\t\tfill: ", ";\n\t\t"])), paletteSDS.gray[800]),
900: css(templateObject_174 || (templateObject_174 = __makeTemplateObject(["\n\t\t\tfill: ", ";\n\t\t"], ["\n\t\t\tfill: ", ";\n\t\t"])), paletteSDS.gray[900]),
},
blue: {
50: css(templateObject_175 || (templateObject_175 = __makeTemplateObject(["\n\t\t\tfill: ", ";\n\t\t"], ["\n\t\t\tfill: ", ";\n\t\t"])), paletteSDS.blue[50]),
100: css(templateObject_176 || (templateObject_176 = __makeTemplateObject(["\n\t\t\tfill: ", ";\n\t\t"], ["\n\t\t\tfill: ", ";\n\t\t"])), paletteSDS.blue[100]),
200: css(templateObject_177 || (templateObject_177 = __makeTemplateObject(["\n\t\t\tfill: ", ";\n\t\t"], ["\n\t\t\tfill: ", ";\n\t\t"])), paletteSDS.blue[200]),
300: css(templateObject_178 || (templateObject_178 = __makeTemplateObject(["\n\t\t\tfill: ", ";\n\t\t"], ["\n\t\t\tfill: ", ";\n\t\t"])), paletteSDS.blue[300]),
400: css(templateObject_179 || (templateObject_179 = __makeTemplateObject(["\n\t\t\tfill: ", ";\n\t\t"], ["\n\t\t\tfill: ", ";\n\t\t"])), paletteSDS.blue[400]),
500: css(templateObject_180 || (templateObject_180 = __makeTemplateObject(["\n\t\t\tfill: ", ";\n\t\t"], ["\n\t\t\tfill: ", ";\n\t\t"])), paletteSDS.blue[500]),
600: css(templateObject_181 || (templateObject_181 = __makeTemplateObject(["\n\t\t\tfill: ", ";\n\t\t"], ["\n\t\t\tfill: ", ";\n\t\t"])), paletteSDS.blue[600]),
700: css(templateObject_182 || (templateObject_182 = __makeTemplateObject(["\n\t\t\tfill: ", ";\n\t\t"], ["\n\t\t\tfill: ", ";\n\t\t"])), paletteSDS.blue[700]),
800: css(templateObject_183 || (templateObject_183 = __makeTemplateObject(["\n\t\t\tfill: ", ";\n\t\t"], ["\n\t\t\tfill: ", ";\n\t\t"])), paletteSDS.blue[800]),
900: css(templateObject_184 || (templateObject_184 = __makeTemplateObject(["\n\t\t\tfill: ", ";\n\t\t"], ["\n\t\t\tfill: ", ";\n\t\t"])), paletteSDS.blue[900]),
},
green: {
50: css(templateObject_185 || (templateObject_185 = __makeTemplateObject(["\n\t\t\tfill: ", ";\n\t\t"], ["\n\t\t\tfill: ", ";\n\t\t"])), paletteSDS.green[50]),
100: css(templateObject_186 || (templateObject_186 = __makeTemplateObject(["\n\t\t\tfill: ", ";\n\t\t"], ["\n\t\t\tfill: ", ";\n\t\t"])), paletteSDS.green[100]),
200: css(templateObject_187 || (templateObject_187 = __makeTemplateObject(["\n\t\t\tfill: ", ";\n\t\t"], ["\n\t\t\tfill: ", ";\n\t\t"])), paletteSDS.green[200]),
300: css(templateObject_188 || (templateObject_188 = __makeTemplateObject(["\n\t\t\tfill: ", ";\n\t\t"], ["\n\t\t\tfill: ", ";\n\t\t"])), paletteSDS.green[300]),
400: css(templateObject_189 || (templateObject_189 = __makeTemplateObject(["\n\t\t\tfill: ", ";\n\t\t"], ["\n\t\t\tfill: ", ";\n\t\t"])), paletteSDS.green[400]),
500: css(templateObject_190 || (templateObject_190 = __makeTemplateObject(["\n\t\t\tfill: ", ";\n\t\t"], ["\n\t\t\tfill: ", ";\n\t\t"])), paletteSDS.green[500]),
600: css(templateObject_191 || (templateObject_191 = __makeTemplateObject(["\n\t\t\tfill: ", ";\n\t\t"], ["\n\t\t\tfill: ", ";\n\t\t"])), paletteSDS.green[600]),
700: css(templateObject_192 || (templateObject_192 = __makeTemplateObject(["\n\t\t\tfill: ", ";\n\t\t"], ["\n\t\t\tfill: ", ";\n\t\t"])), paletteSDS.green[700]),
800: css(templateObject_193 || (templateObject_193 = __makeTemplateObject(["\n\t\t\tfill: ", ";\n\t\t"], ["\n\t\t\tfill: ", ";\n\t\t"])), paletteSDS.green[800]),
900: css(templateObject_194 || (templateObject_194 = __makeTemplateObject(["\n\t\t\tfill: ", ";\n\t\t"], ["\n\t\t\tfill: ", ";\n\t\t"])), paletteSDS.green[900]),
},
yellow: {
50: css(templateObject_195 || (templateObject_195 = __makeTemplateObject(["\n\t\t\tfill: ", ";\n\t\t"], ["\n\t\t\tfill: ", ";\n\t\t"])), paletteSDS.yellow[50]),
100: css(templateObject_196 || (templateObject_196 = __makeTemplateObject(["\n\t\t\tfill: ", ";\n\t\t"], ["\n\t\t\tfill: ", ";\n\t\t"])), paletteSDS.yellow[100]),
200: css(templateObject_197 || (templateObject_197 = __makeTemplateObject(["\n\t\t\tfill: ", ";\n\t\t"], ["\n\t\t\tfill: ", ";\n\t\t"])), paletteSDS.yellow[200]),
300: css(templateObject_198 || (templateObject_198 = __makeTemplateObject(["\n\t\t\tfill: ", ";\n\t\t"], ["\n\t\t\tfill: ", ";\n\t\t"])), paletteSDS.yellow[300]),
400: css(templateObject_199 || (templateObject_199 = __makeTemplateObject(["\n\t\t\tfill: ", ";\n\t\t"], ["\n\t\t\tfill: ", ";\n\t\t"])), paletteSDS.yellow[400]),
500: css(templateObject_200 || (templateObject_200 = __makeTemplateObject(["\n\t\t\tfill: ", ";\n\t\t"], ["\n\t\t\tfill: ", ";\n\t\t"])), paletteSDS.yellow[500]),
600: css(templateObject_201 || (templateObject_201 = __makeTemplateObject(["\n\t\t\tfill: ", ";\n\t\t"], ["\n\t\t\tfill: ", ";\n\t\t"])), paletteSDS.yellow[600]),
700: css(templateObject_202 || (templateObject_202 = __makeTemplateObject(["\n\t\t\tfill: ", ";\n\t\t"], ["\n\t\t\tfill: ", ";\n\t\t"])), paletteSDS.yellow[700]),
800: css(templateObject_203 || (templateObject_203 = __makeTemplateObject(["\n\t\t\tfill: ", ";\n\t\t"], ["\n\t\t\tfill: ", ";\n\t\t"])), paletteSDS.yellow[800]),
900: css(templateObject_204 || (templateObject_204 = __makeTemplateObject(["\n\t\t\tfill: ", ";\n\t\t"], ["\n\t\t\tfill: ", ";\n\t\t"])), paletteSDS.yellow[900]),
},
red: {
50: css(templateObject_205 || (templateObject_205 = __makeTemplateObject(["\n\t\t\tfill: ", ";\n\t\t"], ["\n\t\t\tfill: ", ";\n\t\t"])), paletteSDS.red[50]),
100: css(templateObject_206 || (templateObject_206 = __makeTemplateObject(["\n\t\t\tfill: ", ";\n\t\t"], ["\n\t\t\tfill: ", ";\n\t\t"])), paletteSDS.red[100]),
200: css(templateObject_207 || (templateObject_207 = __makeTemplateObject(["\n\t\t\tfill: ", ";\n\t\t"], ["\n\t\t\tfill: ", ";\n\t\t"])), paletteSDS.red[200]),
300: css(templateObject_208 || (templateObject_208 = __makeTemplateObject(["\n\t\t\tfill: ", ";\n\t\t"], ["\n\t\t\tfill: ", ";\n\t\t"])), paletteSDS.red[300]),
400: css(templateObject_209 || (templateObject_209 = __makeTemplateObject(["\n\t\t\tfill: ", ";\n\t\t"], ["\n\t\t\tfill: ", ";\n\t\t"])), paletteSDS.red[400]),
500: css(templateObject_210 || (templateObject_210 = __makeTemplateObject(["\n\t\t\tfill: ", ";\n\t\t"], ["\n\t\t\tfill: ", ";\n\t\t"])), paletteSDS.red[500]),
600: css(templateObject_211 || (templateObject_211 = __makeTemplateObject(["\n\t\t\tfill: ", ";\n\t\t"], ["\n\t\t\tfill: ", ";\n\t\t"])), paletteSDS.red[600]),
700: css(templateObject_212 || (templateObject_212 = __makeTemplateObject(["\n\t\t\tfill: ", ";\n\t\t"], ["\n\t\t\tfill: ", ";\n\t\t"])), paletteSDS.red[700]),
800: css(templateObject_213 || (templateObject_213 = __makeTemplateObject(["\n\t\t\tfill: ", ";\n\t\t"], ["\n\t\t\tfill: ", ";\n\t\t"])), paletteSDS.red[800]),
900: css(templateObject_214 || (templateObject_214 = __makeTemplateObject(["\n\t\t\tfill: ", ";\n\t\t"], ["\n\t\t\tfill: ", ";\n\t\t"])), paletteSDS.red[900]),
},
brandColor: {
primary: css(templateObject_215 || (templateObject_215 = __makeTemplateObject(["\n\t\t\tfill: ", ";\n\t\t"], ["\n\t\t\tfill: ", ";\n\t\t"])), paletteSDS.brandColor.primary),
empathsis: css(templateObject_216 || (templateObject_216 = __makeTemplateObject(["\n\t\t\tfill: ", ";\n\t\t"], ["\n\t\t\tfill: ", ";\n\t\t"])), paletteSDS.brandColor.empathsis),
secondary: css(templateObject_217 || (templateObject_217 = __makeTemplateObject(["\n\t\t\tfill: ", ";\n\t\t"], ["\n\t\t\tfill: ", ";\n\t\t"])), paletteSDS.brandColor.secondary),
tertiary: css(templateObject_218 || (templateObject_218 = __makeTemplateObject(["\n\t\t\tfill: ", ";\n\t\t"], ["\n\t\t\tfill: ", ";\n\t\t"])), paletteSDS.brandColor.tertiary),
},
systemColor: {
success: css(templateObject_219 || (templateObject_219 = __makeTemplateObject(["\n\t\t\tfill: ", ";\n\t\t"], ["\n\t\t\tfill: ", ";\n\t\t"])), paletteSDS.systemColor.success),
warning: css(templateObject_220 || (templateObject_220 = __makeTemplateObject(["\n\t\t\tfill: ", ";\n\t\t"], ["\n\t\t\tfill: ", ";\n\t\t"])), paletteSDS.systemColor.warning),
error: css(templateObject_221 || (templateObject_221 = __makeTemplateObject(["\n\t\t\tfill: ", ";\n\t\t"], ["\n\t\t\tfill: ", ";\n\t\t"])), paletteSDS.systemColor.error),
overlay: css(templateObject_222 || (templateObject_222 = __makeTemplateObject(["\n\t\t\tfill: ", ";\n\t\t"], ["\n\t\t\tfill: ", ";\n\t\t"])), paletteSDS.systemColor.overlay),
disabledDark: css(templateObject_223 || (templateObject_223 = __makeTemplateObject(["\n\t\t\tfill: ", ";\n\t\t"], ["\n\t\t\tfill: ", ";\n\t\t"])), paletteSDS.systemColor.disabledDark),
disabled: css(templateObject_224 || (templateObject_224 = __makeTemplateObject(["\n\t\t\tfill: ", ";\n\t\t"], ["\n\t\t\tfill: ", ";\n\t\t"])), paletteSDS.systemColor.disabled),
white: css(templateObject_225 || (templateObject_225 = __makeTemplateObject(["\n\t\t\tfill: ", ";\n\t\t"], ["\n\t\t\tfill: ", ";\n\t\t"])), paletteSDS.systemColor.white),
black: css(templateObject_226 || (templateObject_226 = __makeTemplateObject(["\n\t\t\tfill: ", ";\n\t\t"], ["\n\t\t\tfill: ", ";\n\t\t"])), paletteSDS.systemColor.black),
positive: css(templateObject_227 || (templateObject_227 = __makeTemplateObject(["\n\t\t\tfill: ", ";\n\t\t"], ["\n\t\t\tfill: ", ";\n\t\t"])), paletteSDS.systemColor.positive),
},
categoryColor: {
redOrange: css(templateObject_228 || (templateObject_228 = __makeTemplateObject(["\n\t\t\tfill: ", ";\n\t\t"], ["\n\t\t\tfill: ", ";\n\t\t"])), paletteSDS.categoryColor.redOrange),
orange: css(templateObject_229 || (templateObject_229 = __makeTemplateObject(["\n\t\t\tfill: ", ";\n\t\t"], ["\n\t\t\tfill: ", ";\n\t\t"])), paletteSDS.categoryColor.orange),
yellow: css(templateObject_230 || (templateObject_230 = __makeTemplateObject(["\n\t\t\tfill: ", ";\n\t\t"], ["\n\t\t\tfill: ", ";\n\t\t"])), paletteSDS.categoryColor.yellow),
lime: css(templateObject_231 || (templateObject_231 = __makeTemplateObject(["\n\t\t\tfill: ", ";\n\t\t"], ["\n\t\t\tfill: ", ";\n\t\t"])), paletteSDS.categoryColor.lime),
mentis: css(templateObject_232 || (templateObject_232 = __makeTemplateObject(["\n\t\t\tfill: ", ";\n\t\t"], ["\n\t\t\tfill: ", ";\n\t\t"])), paletteSDS.categoryColor.mentis),
green: css(templateObject_233 || (templateObject_233 = __makeTemplateObject(["\n\t\t\tfill: ", ";\n\t\t"], ["\n\t\t\tfill: ", ";\n\t\t"])), paletteSDS.categoryColor.green),
mint: css(templateObject_234 || (templateObject_234 = __makeTemplateObject(["\n\t\t\tfill: ", ";\n\t\t"], ["\n\t\t\tfill: ", ";\n\t\t"])), paletteSDS.categoryColor.mint),
aquaBlue: css(templateObject_235 || (templateObject_235 = __makeTemplateObject(["\n\t\t\tfill: ", ";\n\t\t"], ["\n\t\t\tfill: ", ";\n\t\t"])), paletteSDS.categoryColor.aquaBlue),
skyBlue: css(templateObject_236 || (templateObject_236 = __makeTemplateObject(["\n\t\t\tfill: ", ";\n\t\t"], ["\n\t\t\tfill: ", ";\n\t\t"])), paletteSDS.categoryColor.skyBlue),
blue: css(templateObject_237 || (templateObject_237 = __makeTemplateObject(["\n\t\t\tfill: ", ";\n\t\t"], ["\n\t\t\tfill: ", ";\n\t\t"])), paletteSDS.categoryColor.blue),
oceanBlue: css(templateObject_238 || (templateObject_238 = __makeTemplateObject(["\n\t\t\tfill: ", ";\n\t\t"], ["\n\t\t\tfill: ", ";\n\t\t"])), paletteSDS.categoryColor.oceanBlue),
blueViolet: css(templateObject_239 || (templateObject_239 = __makeTemplateObject(["\n\t\t\tfill: ", ";\n\t\t"], ["\n\t\t\tfill: ", ";\n\t\t"])), paletteSDS.categoryColor.blueViolet),
violet: css(templateObject_240 || (templateObject_240 = __makeTemplateObject(["\n\t\t\tfill: ", ";\n\t\t"], ["\n\t\t\tfill: ", ";\n\t\t"])), paletteSDS.categoryColor.violet),
purple: css(templateObject_241 || (templateObject_241 = __makeTemplateObject(["\n\t\t\tfill: ", ";\n\t\t"], ["\n\t\t\tfill: ", ";\n\t\t"])), paletteSDS.categoryColor.purple),
pink: css(templateObject_242 || (templateObject_242 = __makeTemplateObject(["\n\t\t\tfill: ", ";\n\t\t"], ["\n\t\t\tfill: ", ";\n\t\t"])), paletteSDS.categoryColor.pink),
hotPink: css(templateObject_243 || (templateObject_243 = __makeTemplateObject(["\n\t\t\tfill: ", ";\n\t\t"], ["\n\t\t\tfill: ", ";\n\t\t"])), paletteSDS.categoryColor.hotPink),
},
};
var templateObject_1$1$, templateObject_2$1$, templateObject_3$1Y, templateObject_4$1X, templateObject_5$h, templateObject_6$g, templateObject_7$g, templateObject_8$c, templateObject_9$9, templateObject_10$7, templateObject_11$5, templateObject_12$5, templateObject_13$5, templateObject_14$5, templateObject_15$5, templateObject_16$4, templateObject_17$4, templateObject_18$2, templateObject_19$2, templateObject_20$2, templateObject_21$2, templateObject_22$2, templateObject_23$2, templateObject_24$2, templateObject_25$2, templateObject_26$2, templateObject_27$2, templateObject_28$2, templateObject_29$1, templateObject_30, templateObject_31, templateObject_32, templateObject_33, templateObject_34, templateObject_35, templateObject_36, templateObject_37, templateObject_38, templateObject_39, templateObject_40, templateObject_41, templateObject_42, templateObject_43, templateObject_44, templateObject_45, templateObject_46, templateObject_47, templateObject_48, templateObject_49, templateObject_50, templateObject_51, templateObject_52, templateObject_53, templateObject_54, templateObject_55, templateObject_56, templateObject_57, templateObject_58, templateObject_59, templateObject_60, templateObject_61, templateObject_62, templateObject_63, templateObject_64, templateObject_65, templateObject_66, templateObject_67, templateObject_68, templateObject_69, templateObject_70, templateObject_71, templateObject_72, templateObject_73, templateObject_74, templateObject_75, templateObject_76, templateObject_77, templateObject_78, templateObject_79, templateObject_80, templateObject_81, templateObject_82, templateObject_83, templateObject_84, templateObject_85, templateObje