From eae2ab7a0009a539f9730bb1ec5077c22afde1c6 Mon Sep 17 00:00:00 2001 From: fermarinsanchez Date: Thu, 16 Nov 2023 16:15:41 +0100 Subject: [PATCH] feat(ThemeProvider): Change font link from google fonts to fonts bunny Ref: #epic/MainLibrary-0 --- merged_tokens.json | 8 +- package.json | 1 + packages/components/babel.config.js | 2 +- packages/components/src/ThemeProvider.js | 6 +- packages/components/src/tokens.compiled.js | 13380 +++++++++---------- yarn.lock | 390 +- 6 files changed, 6795 insertions(+), 6992 deletions(-) diff --git a/merged_tokens.json b/merged_tokens.json index ac48b28bc..59999c961 100644 --- a/merged_tokens.json +++ b/merged_tokens.json @@ -6663,6 +6663,10 @@ }, "$themes": [], "$metadata": { - "tokenSetOrder": ["core", "global", "component"] + "tokenSetOrder": [ + "core", + "global", + "component" + ] } -} +} \ No newline at end of file diff --git a/package.json b/package.json index 39ef3dee5..fe8bf84ff 100644 --- a/package.json +++ b/package.json @@ -43,6 +43,7 @@ }, "devDependencies": { "@babel/eslint-parser": "^7.22.15", + "@babel/plugin-transform-export-namespace-from": "^7.23.3", "better-spawn": "^1.0.4", "chalk": "^4.1.1", "chromatic": "^6.11.4", diff --git a/packages/components/babel.config.js b/packages/components/babel.config.js index 32057f3f3..d05715c3e 100644 --- a/packages/components/babel.config.js +++ b/packages/components/babel.config.js @@ -27,7 +27,7 @@ module.exports = { '@babel/plugin-syntax-dynamic-import', '@babel/plugin-syntax-import-meta', // '@babel/plugin-proposal-class-properties', - '@babel/plugin-proposal-export-namespace-from', + // '@babel/plugin-proposal-export-namespace-from', '@babel/plugin-proposal-export-default-from', ], }; diff --git a/packages/components/src/ThemeProvider.js b/packages/components/src/ThemeProvider.js index a84f3a0ea..f42265241 100644 --- a/packages/components/src/ThemeProvider.js +++ b/packages/components/src/ThemeProvider.js @@ -2,9 +2,9 @@ import React, { useEffect, useState } from 'react'; import PropTypes from 'prop-types'; import { MantineProvider } from '@mantine/core'; import { Helmet } from 'react-helmet'; +import { isEmpty, isObject } from 'lodash'; import { COLORS, FONT_SIZES, SPACING, SHADOWS } from './theme.tokens'; import figmaTokens from './tokens.compiled'; -import { isEmpty, isObject } from 'lodash'; export const BUBBLES_THEME = { colorScheme: 'light', @@ -67,9 +67,9 @@ const ThemeProvider = ({ children, theme }) => { <> - + diff --git a/packages/components/src/tokens.compiled.js b/packages/components/src/tokens.compiled.js index ede2a2d5d..d1d09735d 100644 --- a/packages/components/src/tokens.compiled.js +++ b/packages/components/src/tokens.compiled.js @@ -1,6761 +1,6761 @@ export default { - button: { - content: { - color: { - primary: { - default: { - value: '#0C1F22', - type: 'color', - }, - hover: { - value: '#98C200', - type: 'color', - }, - down: { - value: '#B4E600', - type: 'color', - }, - 'default--reverse': { - value: '#ffffff', - type: 'color', - }, - }, - secondary: { - default: { - value: '#0C1F22', - type: 'color', - }, - hover: { - value: '#343A3F', - type: 'color', - }, - down: { - value: '#0C1F22', - type: 'color', - }, - 'default--reverse': { - value: '#ffffff', - type: 'color', - }, - }, - ghost: { - default: { - value: '#0C1F22', - type: 'color', - }, - }, - terciary: { - default: { - value: '#F1FFBD', - type: 'color', - }, - hover: { - value: '#E2FF7A', - type: 'color', - }, - down: { - value: '#E2FF7A', - type: 'color', - }, - 'default--reverse': { - value: '#98C200', - type: 'color', - }, - }, - phatic: { - default: { - value: '#d13b3b', - type: 'color', - }, - hover: { - value: '#ffffff', - type: 'color', - }, - down: { - value: '#d13b3b', - type: 'color', - }, - }, - }, - default: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 400, - lineHeight: '20px', - fontSize: '14px', - }, - type: 'typography', - }, - hover: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 500, - lineHeight: '20px', - fontSize: '14px', - }, - type: 'typography', - }, - typo: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 400, - lineHeight: '20px', - fontSize: '14px', - }, - type: 'typography', - }, - }, - background: { - color: { - primary: { - default: { - value: '#B4E600', - type: 'color', - }, - hover: { - value: '#B4E600', - type: 'color', - }, - selected: { - value: '#E2FF7A', - type: 'color', - }, - pressed: { - value: '#98C200', - type: 'color', - }, - down: { - value: '#B4E600', - type: 'color', - }, - }, - secondary: { - default: { - value: '#ffffff', - type: 'color', - }, - hover: { - value: '#ffffff', - type: 'color', - }, - pressed: { - value: '#ffffff', - type: 'color', - }, - down: { - value: '#0C1F22', - type: 'color', - }, - }, - ghost: { - default: { - value: 'transparent', - type: 'color', - }, - hover: { - value: '#F1FFBD', - type: 'color', - }, - pressed: { - value: '#98C200', - type: 'color', - }, - }, - terciary: { - default: { - value: '#F8F9FB', - type: 'color', - }, - hover: { - value: '#F2F4F8', - type: 'color', - }, - down: { - value: '#F8F9FB', - type: 'color', - }, - }, - phatic: { - default: { - value: '#f7dede', - type: 'color', - }, - hover: { - value: '#d13b3b', - type: 'color', - }, - down: { - value: '#f7dede', - type: 'color', - }, - }, - }, - }, - border: { - color: { - secondary: { - default: { - value: '#0C1F22', - type: 'color', - }, - hover: { - value: '#0C1F22', - type: 'color', - }, - pressed: { - value: '#4A6000', - type: 'color', - }, - down: { - value: '#343A3F', - type: 'color', - }, - }, - primary: { - default: { - value: '#B4E600', - type: 'color', - }, - hover: { - value: '#98C200', - type: 'color', - }, - down: { - value: '#98C200', - type: 'color', - }, - }, - terciary: { - default: { - value: '#DDE1E6', - type: 'color', - }, - hover: { - value: '#C1C7CD', - type: 'color', - }, - down: { - value: '#C1C7CD', - type: 'color', - }, - }, - phatic: { - default: { - value: '#f7dede', - type: 'color', - }, - hover: { - value: '#d13b3b', - type: 'color', - }, - down: { - value: '#d13b3b', - type: 'color', - }, - 'default--reverse': { - value: '#d13b3b', - type: 'color', - }, - }, - }, - width: { - value: '1px', - type: 'borderWidth', - }, - radius: { - md: { - value: '4px', - type: 'borderRadius', - }, - rounded: { - value: '99em', - type: 'borderRadius', - }, - }, - }, - spacing: { - padding: { - vertical: { - md: { - value: '8px', - type: 'spacing', - }, - sm: { - value: '4px', - type: 'spacing', - }, - }, - horizontal: { - sm: { - value: '16px', - type: 'spacing', - }, - xs: { - value: '8px', - type: 'spacing', - }, - md: { - value: '24px', - type: 'spacing', - }, - }, - }, - gap: { - value: '8px', - type: 'spacing', - }, - }, - shadow: { - hover: { - value: { - x: 0, - y: 0, - blur: 4, - spread: 0, - color: '#b4e600cc', - type: 'dropShadow', - }, - type: 'boxShadow', - }, - pressed: { - value: { - x: 0, - y: 0, - blur: 4, - spread: 0, - color: '#4A6000', - type: 'innerShadow', - }, - type: 'boxShadow', - }, - }, - textDecoration: { - underLine: { - value: 'underline', - type: 'textDecoration', - }, - }, + "button": { + "content": { + "color": { + "primary": { + "default": { + "value": "#0C1F22", + "type": "color" + }, + "hover": { + "value": "#98C200", + "type": "color" + }, + "down": { + "value": "#B4E600", + "type": "color" + }, + "default--reverse": { + "value": "#ffffff", + "type": "color" + } + }, + "secondary": { + "default": { + "value": "#0C1F22", + "type": "color" + }, + "hover": { + "value": "#343A3F", + "type": "color" + }, + "down": { + "value": "#0C1F22", + "type": "color" + }, + "default--reverse": { + "value": "#ffffff", + "type": "color" + } + }, + "ghost": { + "default": { + "value": "#0C1F22", + "type": "color" + } + }, + "terciary": { + "default": { + "value": "#F1FFBD", + "type": "color" + }, + "hover": { + "value": "#E2FF7A", + "type": "color" + }, + "down": { + "value": "#E2FF7A", + "type": "color" + }, + "default--reverse": { + "value": "#98C200", + "type": "color" + } + }, + "phatic": { + "default": { + "value": "#d13b3b", + "type": "color" + }, + "hover": { + "value": "#ffffff", + "type": "color" + }, + "down": { + "value": "#d13b3b", + "type": "color" + } + } + }, + "default": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 400, + "lineHeight": "20px", + "fontSize": "14px" + }, + "type": "typography" + }, + "hover": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "lineHeight": "20px", + "fontSize": "14px" + }, + "type": "typography" + }, + "typo": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 400, + "lineHeight": "20px", + "fontSize": "14px" + }, + "type": "typography" + } + }, + "background": { + "color": { + "primary": { + "default": { + "value": "#B4E600", + "type": "color" + }, + "hover": { + "value": "#B4E600", + "type": "color" + }, + "selected": { + "value": "#E2FF7A", + "type": "color" + }, + "pressed": { + "value": "#98C200", + "type": "color" + }, + "down": { + "value": "#B4E600", + "type": "color" + } + }, + "secondary": { + "default": { + "value": "#ffffff", + "type": "color" + }, + "hover": { + "value": "#ffffff", + "type": "color" + }, + "pressed": { + "value": "#ffffff", + "type": "color" + }, + "down": { + "value": "#0C1F22", + "type": "color" + } + }, + "ghost": { + "default": { + "value": "transparent", + "type": "color" + }, + "hover": { + "value": "#F1FFBD", + "type": "color" + }, + "pressed": { + "value": "#98C200", + "type": "color" + } + }, + "terciary": { + "default": { + "value": "#F8F9FB", + "type": "color" + }, + "hover": { + "value": "#F2F4F8", + "type": "color" + }, + "down": { + "value": "#F8F9FB", + "type": "color" + } + }, + "phatic": { + "default": { + "value": "#f7dede", + "type": "color" + }, + "hover": { + "value": "#d13b3b", + "type": "color" + }, + "down": { + "value": "#f7dede", + "type": "color" + } + } + } + }, + "border": { + "color": { + "secondary": { + "default": { + "value": "#0C1F22", + "type": "color" + }, + "hover": { + "value": "#0C1F22", + "type": "color" + }, + "pressed": { + "value": "#4A6000", + "type": "color" + }, + "down": { + "value": "#343A3F", + "type": "color" + } + }, + "primary": { + "default": { + "value": "#B4E600", + "type": "color" + }, + "hover": { + "value": "#98C200", + "type": "color" + }, + "down": { + "value": "#98C200", + "type": "color" + } + }, + "terciary": { + "default": { + "value": "#DDE1E6", + "type": "color" + }, + "hover": { + "value": "#C1C7CD", + "type": "color" + }, + "down": { + "value": "#C1C7CD", + "type": "color" + } + }, + "phatic": { + "default": { + "value": "#f7dede", + "type": "color" + }, + "hover": { + "value": "#d13b3b", + "type": "color" + }, + "down": { + "value": "#d13b3b", + "type": "color" + }, + "default--reverse": { + "value": "#d13b3b", + "type": "color" + } + } + }, + "width": { + "value": "1px", + "type": "borderWidth" + }, + "radius": { + "md": { + "value": "4px", + "type": "borderRadius" + }, + "rounded": { + "value": "99em", + "type": "borderRadius" + } + } + }, + "spacing": { + "padding": { + "vertical": { + "md": { + "value": "8px", + "type": "spacing" + }, + "sm": { + "value": "4px", + "type": "spacing" + } + }, + "horizontal": { + "sm": { + "value": "16px", + "type": "spacing" + }, + "xs": { + "value": "8px", + "type": "spacing" + }, + "md": { + "value": "24px", + "type": "spacing" + } + } + }, + "gap": { + "value": "8px", + "type": "spacing" + } + }, + "shadow": { + "hover": { + "value": { + "x": 0, + "y": 0, + "blur": 4, + "spread": 0, + "color": "#b4e600cc", + "type": "dropShadow" + }, + "type": "boxShadow" + }, + "pressed": { + "value": { + "x": 0, + "y": 0, + "blur": 4, + "spread": 0, + "color": "#4A6000", + "type": "innerShadow" + }, + "type": "boxShadow" + } + }, + "textDecoration": { + "underLine": { + "value": "underline", + "type": "textDecoration" + } + } }, - buttonText: { - content: { - color: { - primary: { - default: { - value: '#B4E600', - type: 'color', - }, - hover: { - value: '#98C200', - type: 'color', - }, - down: { - value: '#B4E600', - type: 'color', - }, - }, - secondary: { - default: { - value: '#0C1F22', - type: 'color', - }, - hover: { - value: '#343A3F', - type: 'color', - }, - down: { - value: '#0C1F22', - type: 'color', - }, - }, - terciary: { - default: { - value: '#F1FFBD', - type: 'color', - }, - hover: { - value: '#98C200', - type: 'color', - }, - down: { - value: '#F1FFBD', - type: 'color', - }, - }, - phatic: { - default: { - value: '#d13b3b', - type: 'color', - }, - hover: { - value: '#b52a2a', - type: 'color', - }, - down: { - value: '#d13b3b', - type: 'color', - }, - }, - }, - default: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 400, - lineHeight: '24px', - fontSize: '14px', - textDecoration: 'underline', - }, - type: 'typography', - }, - hover: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 500, - lineHeight: '24px', - fontSize: '14px', - textDecoration: 'underline', - }, - type: 'typography', - }, - typo: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 400, - lineHeight: '20px', - fontSize: '14px', - }, - type: 'typography', - }, - }, - background: { - color: { - primary: { - default: { - value: 'transparent', - type: 'color', - }, - hover: { - value: '#F1FFBD', - type: 'color', - }, - down: { - value: 'transparent', - type: 'color', - }, - }, - secondary: { - default: { - value: 'transparent', - type: 'color', - }, - hover: { - value: '#F8F9FB', - type: 'color', - }, - down: { - value: 'transparent', - type: 'color', - }, - }, - terciary: { - default: { - value: 'transparent', - type: 'color', - }, - hover: { - value: '#F1FFBD', - type: 'color', - }, - down: { - value: 'transparent', - type: 'color', - }, - }, - phatic: { - default: { - value: 'transparent', - type: 'color', - }, - hover: { - value: '#f0bebe', - type: 'color', - }, - down: { - value: 'transparent', - type: 'color', - }, - }, - }, - }, - border: { - color: { - primary: { - default: { - value: 'transparent', - type: 'color', - }, - hover: { - value: '#F1FFBD', - type: 'color', - }, - down: { - value: '#F1FFBD', - type: 'color', - }, - }, - secondary: { - default: { - value: 'transparent', - type: 'color', - }, - hover: { - value: '#F8F9FB', - type: 'color', - }, - down: { - value: '#F8F9FB', - type: 'color', - }, - }, - terciary: { - default: { - value: 'transparent', - type: 'color', - }, - hover: { - value: '#F1FFBD', - type: 'color', - }, - down: { - value: '#F1FFBD', - type: 'color', - }, - }, - phatic: { - default: { - value: 'transparent', - type: 'color', - }, - hover: { - value: '#f0bebe', - type: 'color', - }, - down: { - value: '#f7dede', - type: 'color', - }, - }, - }, - radius: { - md: { - value: '4px', - type: 'borderRadius', - }, - }, - width: { - value: '2px', - type: 'borderWidth', - }, - }, - spacing: { - padding: { - vertical: { - md: { - value: '8px', - type: 'spacing', - }, - sm: { - value: '4px', - type: 'spacing', - }, - }, - horizontal: { - md: { - value: '24px', - type: 'spacing', - }, - sm: { - value: '16px', - type: 'spacing', - }, - xs: { - value: '8px', - type: 'spacing', - }, - }, - }, - gap: { - value: '8px', - type: 'spacing', - }, - }, + "buttonText": { + "content": { + "color": { + "primary": { + "default": { + "value": "#B4E600", + "type": "color" + }, + "hover": { + "value": "#98C200", + "type": "color" + }, + "down": { + "value": "#B4E600", + "type": "color" + } + }, + "secondary": { + "default": { + "value": "#0C1F22", + "type": "color" + }, + "hover": { + "value": "#343A3F", + "type": "color" + }, + "down": { + "value": "#0C1F22", + "type": "color" + } + }, + "terciary": { + "default": { + "value": "#F1FFBD", + "type": "color" + }, + "hover": { + "value": "#98C200", + "type": "color" + }, + "down": { + "value": "#F1FFBD", + "type": "color" + } + }, + "phatic": { + "default": { + "value": "#d13b3b", + "type": "color" + }, + "hover": { + "value": "#b52a2a", + "type": "color" + }, + "down": { + "value": "#d13b3b", + "type": "color" + } + } + }, + "default": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 400, + "lineHeight": "24px", + "fontSize": "14px", + "textDecoration": "underline" + }, + "type": "typography" + }, + "hover": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "lineHeight": "24px", + "fontSize": "14px", + "textDecoration": "underline" + }, + "type": "typography" + }, + "typo": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 400, + "lineHeight": "20px", + "fontSize": "14px" + }, + "type": "typography" + } + }, + "background": { + "color": { + "primary": { + "default": { + "value": "transparent", + "type": "color" + }, + "hover": { + "value": "#F1FFBD", + "type": "color" + }, + "down": { + "value": "transparent", + "type": "color" + } + }, + "secondary": { + "default": { + "value": "transparent", + "type": "color" + }, + "hover": { + "value": "#F8F9FB", + "type": "color" + }, + "down": { + "value": "transparent", + "type": "color" + } + }, + "terciary": { + "default": { + "value": "transparent", + "type": "color" + }, + "hover": { + "value": "#F1FFBD", + "type": "color" + }, + "down": { + "value": "transparent", + "type": "color" + } + }, + "phatic": { + "default": { + "value": "transparent", + "type": "color" + }, + "hover": { + "value": "#f0bebe", + "type": "color" + }, + "down": { + "value": "transparent", + "type": "color" + } + } + } + }, + "border": { + "color": { + "primary": { + "default": { + "value": "transparent", + "type": "color" + }, + "hover": { + "value": "#F1FFBD", + "type": "color" + }, + "down": { + "value": "#F1FFBD", + "type": "color" + } + }, + "secondary": { + "default": { + "value": "transparent", + "type": "color" + }, + "hover": { + "value": "#F8F9FB", + "type": "color" + }, + "down": { + "value": "#F8F9FB", + "type": "color" + } + }, + "terciary": { + "default": { + "value": "transparent", + "type": "color" + }, + "hover": { + "value": "#F1FFBD", + "type": "color" + }, + "down": { + "value": "#F1FFBD", + "type": "color" + } + }, + "phatic": { + "default": { + "value": "transparent", + "type": "color" + }, + "hover": { + "value": "#f0bebe", + "type": "color" + }, + "down": { + "value": "#f7dede", + "type": "color" + } + } + }, + "radius": { + "md": { + "value": "4px", + "type": "borderRadius" + } + }, + "width": { + "value": "2px", + "type": "borderWidth" + } + }, + "spacing": { + "padding": { + "vertical": { + "md": { + "value": "8px", + "type": "spacing" + }, + "sm": { + "value": "4px", + "type": "spacing" + } + }, + "horizontal": { + "md": { + "value": "24px", + "type": "spacing" + }, + "sm": { + "value": "16px", + "type": "spacing" + }, + "xs": { + "value": "8px", + "type": "spacing" + } + } + }, + "gap": { + "value": "8px", + "type": "spacing" + } + } }, - buttonIcon: { - content: { - color: { - primary: { - default: { - value: '#0C1F22', - type: 'color', - }, - hover: { - value: '#98C200', - type: 'color', - }, - down: { - value: '#B4E600', - type: 'color', - }, - 'default--reverse': { - value: '#ffffff', - type: 'color', - }, - }, - ghost: { - default: { - value: '#0C1F22', - type: 'color', - }, - }, - secondary: { - default: { - value: '#0C1F22', - type: 'color', - }, - hover: { - value: '#343A3F', - type: 'color', - }, - down: { - value: '#0C1F22', - type: 'color', - }, - 'default--reverse': { - value: '#ffffff', - type: 'color', - }, - }, - terciary: { - default: { - value: '#F1FFBD', - type: 'color', - }, - hover: { - value: '#98C200', - type: 'color', - }, - down: { - value: '#F1FFBD', - type: 'color', - }, - 'default--reverse': { - value: '#878D96', - type: 'color', - }, - }, - phatic: { - default: { - value: '#d13b3b', - type: 'color', - }, - hover: { - value: '#ffffff', - type: 'color', - }, - down: { - value: '#d13b3b', - type: 'color', - }, - 'hover--reverse': { - value: '#b52a2a', - type: 'color', - }, - }, - }, - }, - background: { - color: { - primary: { - default: { - value: '#B4E600', - type: 'color', - }, - hover: { - value: '#B4E600', - type: 'color', - }, - pressed: { - value: '#98C200', - type: 'color', - }, - selected: { - value: '#E2FF7A', - type: 'color', - }, - focus: { - value: '#B4E600', - type: 'color', - }, - down: { - value: '#B4E600', - type: 'color', - }, - 'default--reverse': { - value: 'transparent', - type: 'color', - }, - 'hover--reverse': { - value: '#F1FFBD', - type: 'color', - }, - 'down--reverse': { - value: 'transparent', - type: 'color', - }, - }, - ghost: { - default: { - value: 'transparent', - type: 'color', - }, - hover: { - value: '#F1FFBD', - type: 'color', - }, - pressed: { - value: '#98C200', - type: 'color', - }, - selected: { - value: '#E2FF7A', - type: 'color', - }, - focus: { - value: '#F1FFBD', - type: 'color', - }, - }, - secondary: { - default: { - value: '#0C1F22', - type: 'color', - }, - hover: { - value: '#343A3F', - type: 'color', - }, - down: { - value: '#0C1F22', - type: 'color', - }, - 'default--reverse': { - value: 'transparent', - type: 'color', - }, - 'hover--reverse': { - value: '#F8F9FB', - type: 'color', - }, - 'down--reverse': { - value: 'transparent', - type: 'color', - }, - }, - terciary: { - default: { - value: '#F8F9FB', - type: 'color', - }, - hover: { - value: '#F2F4F8', - type: 'color', - }, - down: { - value: '#F8F9FB', - type: 'color', - }, - 'default-reverse': { - value: 'transparent', - type: 'color', - }, - 'hover-reverse': { - value: '#F1FFBD', - type: 'color', - }, - 'down-reverse': { - value: 'transparent', - type: 'color', - }, - }, - phatic: { - default: { - value: '#f7dede', - type: 'color', - }, - hover: { - value: '#d13b3b', - type: 'color', - }, - down: { - value: '#f7dede', - type: 'color', - }, - 'default--reverse': { - value: 'transparent', - type: 'color', - }, - 'hover--reverse': { - value: '#f0bebe', - type: 'color', - }, - 'down--reverse': { - value: 'transparent', - type: 'color', - }, - }, - }, - }, - border: { - radius: { - md: { - value: '4px', - type: 'borderRadius', - }, - rounded: { - value: '99em', - type: 'borderRadius', - }, - }, - width: { - value: '2px', - type: 'borderWidth', + "buttonIcon": { + "content": { + "color": { + "primary": { + "default": { + "value": "#0C1F22", + "type": "color" + }, + "hover": { + "value": "#98C200", + "type": "color" + }, + "down": { + "value": "#B4E600", + "type": "color" + }, + "default--reverse": { + "value": "#ffffff", + "type": "color" + } + }, + "ghost": { + "default": { + "value": "#0C1F22", + "type": "color" + } + }, + "secondary": { + "default": { + "value": "#0C1F22", + "type": "color" + }, + "hover": { + "value": "#343A3F", + "type": "color" + }, + "down": { + "value": "#0C1F22", + "type": "color" + }, + "default--reverse": { + "value": "#ffffff", + "type": "color" + } + }, + "terciary": { + "default": { + "value": "#F1FFBD", + "type": "color" + }, + "hover": { + "value": "#98C200", + "type": "color" + }, + "down": { + "value": "#F1FFBD", + "type": "color" + }, + "default--reverse": { + "value": "#878D96", + "type": "color" + } + }, + "phatic": { + "default": { + "value": "#d13b3b", + "type": "color" + }, + "hover": { + "value": "#ffffff", + "type": "color" + }, + "down": { + "value": "#d13b3b", + "type": "color" + }, + "hover--reverse": { + "value": "#b52a2a", + "type": "color" + } + } + } + }, + "background": { + "color": { + "primary": { + "default": { + "value": "#B4E600", + "type": "color" + }, + "hover": { + "value": "#B4E600", + "type": "color" + }, + "pressed": { + "value": "#98C200", + "type": "color" + }, + "selected": { + "value": "#E2FF7A", + "type": "color" + }, + "focus": { + "value": "#B4E600", + "type": "color" + }, + "down": { + "value": "#B4E600", + "type": "color" + }, + "default--reverse": { + "value": "transparent", + "type": "color" + }, + "hover--reverse": { + "value": "#F1FFBD", + "type": "color" + }, + "down--reverse": { + "value": "transparent", + "type": "color" + } + }, + "ghost": { + "default": { + "value": "transparent", + "type": "color" + }, + "hover": { + "value": "#F1FFBD", + "type": "color" + }, + "pressed": { + "value": "#98C200", + "type": "color" + }, + "selected": { + "value": "#E2FF7A", + "type": "color" + }, + "focus": { + "value": "#F1FFBD", + "type": "color" + } + }, + "secondary": { + "default": { + "value": "#0C1F22", + "type": "color" + }, + "hover": { + "value": "#343A3F", + "type": "color" + }, + "down": { + "value": "#0C1F22", + "type": "color" + }, + "default--reverse": { + "value": "transparent", + "type": "color" + }, + "hover--reverse": { + "value": "#F8F9FB", + "type": "color" + }, + "down--reverse": { + "value": "transparent", + "type": "color" + } + }, + "terciary": { + "default": { + "value": "#F8F9FB", + "type": "color" + }, + "hover": { + "value": "#F2F4F8", + "type": "color" + }, + "down": { + "value": "#F8F9FB", + "type": "color" + }, + "default-reverse": { + "value": "transparent", + "type": "color" + }, + "hover-reverse": { + "value": "#F1FFBD", + "type": "color" + }, + "down-reverse": { + "value": "transparent", + "type": "color" + } + }, + "phatic": { + "default": { + "value": "#f7dede", + "type": "color" + }, + "hover": { + "value": "#d13b3b", + "type": "color" + }, + "down": { + "value": "#f7dede", + "type": "color" + }, + "default--reverse": { + "value": "transparent", + "type": "color" + }, + "hover--reverse": { + "value": "#f0bebe", + "type": "color" + }, + "down--reverse": { + "value": "transparent", + "type": "color" + } + } + } + }, + "border": { + "radius": { + "md": { + "value": "4px", + "type": "borderRadius" + }, + "rounded": { + "value": "99em", + "type": "borderRadius" + } + }, + "width": { + "value": "2px", + "type": "borderWidth" + }, + "color": { + "primary": { + "default": { + "value": "#B4E600", + "type": "color" + }, + "hover": { + "value": "#98C200", + "type": "color" + }, + "down": { + "value": "#98C200", + "type": "color" + }, + "default--reverse": { + "value": "transparent", + "type": "color" + }, + "hover--reverse": { + "value": "#F1FFBD", + "type": "color" + }, + "down--reverse": { + "value": "#F1FFBD", + "type": "color" + } + }, + "secondary": { + "default": { + "value": "#0C1F22", + "type": "color" + }, + "hover": { + "value": "#343A3F", + "type": "color" + }, + "down": { + "value": "#343A3F", + "type": "color" + }, + "default-reverse": { + "value": "transparent", + "type": "color" + }, + "hover-reverse": { + "value": "#F8F9FB", + "type": "color" + }, + "down-reverse": { + "value": "#F8F9FB", + "type": "color" + } + }, + "terciary": { + "default": { + "value": "#DDE1E6", + "type": "color" + }, + "hover": { + "value": "#C1C7CD", + "type": "color" + }, + "down": { + "value": "#C1C7CD", + "type": "color" + }, + "default-reverse": { + "value": "transparent", + "type": "color" + }, + "hover--reverse": { + "value": "#F1FFBD", + "type": "color" + }, + "down--reverse": { + "value": "#F1FFBD", + "type": "color" + } + }, + "phatic": { + "default": { + "value": "#f7dede", + "type": "color" + }, + "hover": { + "value": "#d13b3b", + "type": "color" + }, + "down": { + "value": "#d13b3b", + "type": "color" + }, + "default--reverse": { + "value": "transparent", + "type": "color" + }, + "hover--reverse": { + "value": "#f0bebe", + "type": "color" + }, + "down--reverse": { + "value": "#f7dede", + "type": "color" + } + } + } + }, + "spacing": { + "padding": { + "sm": { + "value": "4px", + "type": "spacing" + }, + "md": { + "value": "6px", + "type": "spacing" + } + } + }, + "shadow": { + "hover": { + "value": { + "x": 0, + "y": 0, + "blur": 4, + "spread": 0, + "color": "#b4e600cc", + "type": "dropShadow" + }, + "type": "boxShadow" + } + } + }, + "buttonAction": { + "content": { + "color": { + "primary": { + "default": { + "value": "#2F463F", + "type": "color" + }, + "hover": { + "value": "#0C1F22", + "type": "color" + }, + "down": { + "value": "#B4E600", + "type": "color" + }, + "default--reverse": { + "value": "#C1C7CD", + "type": "color" + }, + "hover--reverse": { + "value": "#ffffff", + "type": "color" + }, + "down--reverse": { + "value": "#ffffff", + "type": "color" + } + }, + "phatic": { + "default": { + "value": "#0C1F22", + "type": "color" + }, + "hover": { + "value": "#d13b3b", + "type": "color" + }, + "down": { + "value": "#d13b3b", + "type": "color" + } + } + }, + "typo": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "lineHeight": "16px", + "fontSize": "12px" + }, + "type": "typography" + } + }, + "background": { + "color": { + "primary": { + "default": { + "value": "transparent", + "type": "color" + }, + "hover": { + "value": "#F1FFBD", + "type": "color" + }, + "pressed": { + "value": "#98C200", + "type": "color" + }, + "hover--reverse": { + "value": "#0C1F22", + "type": "color" + }, + "down--reverse": { + "value": "#878D96", + "type": "color" + }, + "hover--reverse-transparent": { + "value": "#ffffff26", + "type": "color" + }, + "down": { + "value": "#F1FFBD", + "type": "color" + } + }, + "phatic": { + "default": { + "value": "transparent", + "type": "color" + }, + "hover": { + "value": "#f7dede", + "type": "color" + }, + "down": { + "value": "#f7dede", + "type": "color" + } + } + } + }, + "border": { + "color": { + "primary": { + "default": { + "value": "transparent", + "type": "color" + }, + "hover": { + "value": "#F1FFBD", + "type": "color" + }, + "down": { + "value": "#B4E600", + "type": "color" + }, + "hover--reverse": { + "value": "#0C1F22", + "type": "color" + }, + "down--reverse": { + "value": "#878D96", + "type": "color" + } + }, + "phatic": { + "default": { + "value": "transparent", + "type": "color" + }, + "hover": { + "value": "#f7dede", + "type": "color" + }, + "down": { + "value": "#C1C7CD", + "type": "color" + } + } + }, + "width": { + "value": "1px", + "type": "borderWidth" + }, + "radius": { + "md": { + "value": "4px", + "type": "borderRadius" + }, + "rounded": { + "value": "99em", + "type": "borderRadius" + } + } + }, + "spacing": { + "padding": { + "sm": { + "value": "2px", + "type": "spacing" + }, + "md": { + "value": "4px", + "type": "spacing" + } + }, + "gap": { + "value": "4px", + "type": "spacing" + } + } + }, + "input": { + "content": { + "color": { + "default": { + "value": "#343A3F", + "type": "color" + }, + "selected": { + "value": "#B4E600", + "type": "color" + }, + "placeholder": { + "value": "#878D96", + "type": "color" + }, + "icon": { + "value": "#4D5358", + "type": "color" + } + }, + "typo": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 400, + "lineHeight": "20px", + "fontSize": "14px" + }, + "type": "typography" + } + }, + "background": { + "color": { + "default": { + "value": "#ffffff", + "type": "color" + }, + "hover": { + "value": "#F8F9FB", + "type": "color" + } + } + }, + "border": { + "color": { + "default": { + "value": "#C1C7CD", + "type": "color" + }, + "subtle": { + "value": "#DDE1E6", + "type": "color" + }, + "negative": { + "value": "#d13b3b", + "type": "color" + } + }, + "radius": { + "sm": { + "value": "2px", + "type": "borderRadius" + }, + "md": { + "value": "4px", + "type": "borderRadius" + } + }, + "width": { + "value": "1px", + "type": "borderWidth" + } + }, + "spacing": { + "padding": { + "vertical": { + "md": { + "value": "8px", + "type": "spacing" + }, + "sm": { + "value": "3px", + "type": "spacing" + } + }, + "horizontal": { + "sm": { + "value": "4px", + "type": "spacing" + }, + "md": { + "value": "8px", + "type": "spacing" + } + }, + "all": { + "value": "12px", + "type": "spacing" + } + }, + "gap": { + "none": { + "value": "0px", + "type": "spacing" + }, + "sm": { + "value": "4px", + "type": "spacing" + }, + "md": { + "value": "8px", + "type": "spacing" + }, + "lg": { + "value": "16px", + "type": "spacing" + } + } + } + }, + "label": { + "spacing": { + "gap": { + "none": { + "value": "0px", + "type": "spacing" + }, + "sm": { + "value": "4px", + "type": "spacing" + }, + "md": { + "value": "8px", + "type": "spacing" + }, + "lg": { + "value": "16px", + "type": "spacing" + } + } + }, + "content": { + "color": { + "default": { + "value": "#4D5358", + "type": "color" + }, + "subtle": { + "value": "#878D96", + "type": "color" + } + }, + "typo": { + "01": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 600, + "lineHeight": "20px", + "fontSize": "14px" + }, + "type": "typography" + }, + "02": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 400, + "lineHeight": "20px", + "fontSize": "14px" + }, + "type": "typography" + }, + "03": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 400, + "lineHeight": "20px", + "fontSize": "14px" + }, + "type": "typography" + } + } + } + }, + "helpText": { + "content": { + "color": { + "default": { + "value": "#878D96", + "type": "color" + }, + "emphasis": { + "value": "#4D5358", + "type": "color" + }, + "phatic--negative": { + "value": "#d13b3b", + "type": "color" + }, + "phatic--attention": { + "value": "#f39c12", + "type": "color" + }, + "phatic": { + "value": "#d13b3b", + "type": "color" + } + }, + "typo-": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 400, + "lineHeight": "20px", + "fontSize": "12px" + }, + "type": "typography" + }, + "typo": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "fontSize": "10px", + "lineHeight": "14px" + }, + "type": "typography" + } + }, + "spacing": { + "gap": { + "value": "4px", + "type": "spacing" + } + } + }, + "radio": { + "size": { + "sm": { + "value": "10px", + "type": "sizing" + }, + "md": { + "value": "20px", + "type": "sizing" + } + }, + "content": { + "color": { + "text": { + "value": "#4D5358", + "type": "color" + }, + "selected": { + "value": "#2F463F", + "type": "color" + }, + "default": { + "value": "transparent", + "type": "color" + }, + "icon": { + "value": "#C1C7CD", + "type": "color" + }, + "hover": { + "value": "#878D96", + "type": "color" + } + } + }, + "background": { + "color": { + "default": { + "value": "#ffffff", + "type": "color" + }, + "selected": { + "value": "#F1FFBD", + "type": "color" + }, + "default--reverse": { + "value": "#F1FFBD", + "type": "color" + }, + "selected--reverse": { + "value": "#ffffff", + "type": "color" + } + } + }, + "border": { + "radius": { + "value": "99em", + "type": "borderRadius" + }, + "width": { + "value": "1px", + "type": "borderWidth" + }, + "color": { + "default": { + "value": "#C1C7CD", + "type": "color" + }, + "hover": { + "value": "#2F463F", + "type": "color" + }, + "selected": { + "value": "#2F463F", + "type": "color" + } + } + }, + "spacing": { + "gap": { + "value": "8px", + "type": "spacing" + }, + "paddings": { + "md": { + "value": "16px", + "type": "spacing" + }, + "lg": { + "value": "24px", + "type": "spacing" + } + } + }, + "shadow": { + "hover": { + "value": { + "x": 0, + "y": 0, + "blur": 2, + "spread": 0, + "color": "#2f463fcc", + "type": "dropShadow" + }, + "type": "boxShadow" + } + }, + "label": { + "content": { + "typo": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 400, + "lineHeight": "20px", + "fontSize": "14px" + }, + "type": "typography" + } + } + } + }, + "checkbox": { + "size": { + "md": { + "value": "20px", + "type": "sizing" + } + }, + "content": { + "color": { + "default": { + "value": "transparent", + "type": "color" + }, + "selected": { + "value": "#ffffff", + "type": "color" + } + } + }, + "background": { + "color": { + "default": { + "value": "#ffffff", + "type": "color" + }, + "contrast": { + "value": "#F1FFBD", + "type": "color" + }, + "hover": { + "value": "#98C200", + "type": "color" + }, + "selected": { + "value": "#B4E600", + "type": "color" + } + } + }, + "border": { + "color": { + "default": { + "value": "#C1C7CD", + "type": "color" + }, + "hover": { + "value": "#98C200", + "type": "color" + }, + "selected": { + "value": "#B4E600", + "type": "color" + } + }, + "radius": { + "value": "2px", + "type": "borderRadius" + }, + "width": { + "value": "1px", + "type": "borderWidth" + } + }, + "spacing": { + "gap": { + "value": "8px", + "type": "spacing" + }, + "paddings": { + "md": { + "value": "16px", + "type": "spacing" + }, + "lg": { + "value": "24px", + "type": "spacing" + } + } + } + }, + "toggle": { + "size": { + "inner": { + "value": "8 px", + "type": "sizing" + }, + "width": { + "value": "32px", + "type": "sizing" + } + }, + "spacing": { + "padding": { + "value": "6px 4px", + "type": "spacing" + }, + "gap": { + "value": "8px", + "type": "spacing" + } + }, + "content": { + "color": { + "default": { + "value": "#B4E600", + "type": "color" + }, + "selected": { + "value": "#ffffff", + "type": "color" + }, + "hover": { + "value": "#E2FF7A", + "type": "color" + } + } + }, + "background": { + "color": { + "unselected": { + "default": { + "value": "#DDE1E6", + "type": "color" + }, + "hover": { + "value": "#E2FF7A", + "type": "color" + } + }, + "selected": { + "default": { + "value": "#B4E600", + "type": "color" + }, + "hover": { + "value": "#98C200", + "type": "color" + } + } + } + }, + "border": { + "radius": { + "value": "99em", + "type": "borderRadius" + } + } + }, + "badge": { + "content": { + "typo": { + "caption": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "fontSize": 10, + "lineHeight": 14, + "textCase": "uppercase" + }, + "type": "typography" + }, + "sm": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 400, + "lineHeight": "16px", + "fontSize": 12 + }, + "type": "typography" + }, + "sm--bold": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 600, + "lineHeight": "16px", + "fontSize": "12px" + }, + "type": "typography" + }, + "md": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 400, + "lineHeight": "24px", + "fontSize": "14px" + }, + "type": "typography" + }, + "md--bold": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 600, + "lineHeight": "24px", + "fontSize": "14px" + }, + "type": "typography" + } + }, + "color": { + "default--reverse": { + "value": "#ffffff", + "type": "color" + }, + "default": { + "value": "#4D5358", + "type": "color" + } + } + }, + "background": { + "color": { + "neutral": { + "default": { + "value": "#F2F4F8", + "type": "color" + }, + "hover": { + "value": "#DDE1E6", + "type": "color" + }, + "white": { + "value": "#ffffff", + "type": "color" + }, + "grey": { + "value": "#F2F4F8", + "type": "color" + }, + "default--reverse": { + "value": "#ffffff", + "type": "color" + } + }, + "primary": { + "default": { + "value": "#B4E600", + "type": "color" + } + }, + "phatic": { + "default": { + "value": "#d13b3b", + "type": "color" + }, + "default--warning": { + "value": "#f39c12", + "type": "color" + } + }, + "info": { + "default": { + "value": "#307AE8", + "type": "color" + } + }, + "secondary": { + "default": { + "value": "#0C1F22", + "type": "color" + } + } + } + }, + "border": { + "radius": { + "value": "99em", + "type": "borderRadius" + }, + "md-radius": { + "value": "4px", + "type": "borderRadius" + }, + "color": { + "default--reverse": { + "value": "#ffffff", + "type": "color" + }, + "default": { + "value": "#DDE1E6", + "type": "color" + }, + "white": { + "value": "#878D96", + "type": "color" + }, + "grey": { + "value": "#C1C7CD", + "type": "color" + }, + "hover": { + "value": "#878D96", + "type": "color" + } + }, + "width": { + "value": "1px", + "type": "borderWidth" + } + }, + "size": { + "sm": { + "value": "8px", + "type": "sizing" + }, + "md": { + "value": "12px", + "type": "sizing" + }, + "lg": { + "value": "16px", + "type": "sizing" + }, + "xlg": { + "value": "32px", + "type": "sizing" + }, + "2xlg": { + "value": "48px", + "type": "sizing" + } + }, + "spacing": { + "padding": { + "3xsm": { + "value": "2px", + "type": "spacing" + }, + "md": { + "value": "8px", + "type": "spacing" + }, + "lg": { + "value": "12px", + "type": "spacing" + }, + "sm": { + "value": "4px", + "type": "spacing" + } + } + } + }, + "avatar": { + "size": { + "xsm": { + "value": "16px", + "type": "sizing" + }, + "sm": { + "value": "24px", + "type": "sizing" + }, + "md": { + "value": "32px", + "type": "sizing" + }, + "xmd": { + "value": "48px", + "type": "sizing" + }, + "lg": { + "value": "56px", + "type": "sizing" + }, + "xlg": { + "value": "120px", + "type": "sizing" + } + }, + "content": { + "typo": { + "sm": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 600, + "fontSize": 12, + "textCase": "uppercase", + "lineHeight": 16 + }, + "type": "typography" + }, + "md": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 600, + "fontSize": 16, + "textCase": "uppercase" + }, + "type": "typography" + }, + "lg": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 600, + "fontSize": 23, + "textCase": "uppercase" + }, + "type": "typography" + }, + "xlg": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 600, + "fontSize": "56px", + "textCase": "uppercase" + }, + "type": "typography" + } + }, + "color": { + "default": { + "value": "#ffffff", + "type": "color" + } + } + }, + "background": { + "color": { + "10": { + "value": "#EC62D8", + "type": "color" + }, + "01": { + "value": "#DC5571", + "type": "color" + }, + "02": { + "value": "#F26262", + "type": "color" + }, + "03": { + "value": "#E36B2B", + "type": "color" + }, + "04": { + "value": "#E8C642", + "type": "color" + }, + "05": { + "value": "#96D47F", + "type": "color" + }, + "06": { + "value": "#50B579", + "type": "color" + }, + "07": { + "value": "#4F96FF", + "type": "color" + }, + "08": { + "value": "#7449F4", + "type": "color" + }, + "09": { + "value": "#B462F2", + "type": "color" + } + } + }, + "border": { + "radius": { + "circle": { + "value": "50%", + "type": "borderRadius" + }, + "md": { + "value": "4px", + "type": "borderRadius" + } + } + } + }, + "colorPicker": { + "background": { + "color": { + "default": { + "value": "#ffffff", + "type": "color" + } + } + }, + "border": { + "radius": { + "md": { + "value": "4px", + "type": "borderRadius" + }, + "rounded": { + "value": "99em", + "type": "borderRadius" + } + }, + "color": { + "default": { + "value": "#ffffff", + "type": "color" + } + }, + "width": { + "value": "1px", + "type": "borderWidth" + } + }, + "spacing": { + "gap": { + "value": "16px", + "type": "spacing" + }, + "padding": { + "value": "16px", + "type": "spacing" + } + }, + "size": { + "md": { + "value": "16px", + "type": "sizing" + } + } + }, + "calendar": { + "content": { + "typo": { + "md": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "lineHeight": "24px", + "fontSize": "14px" + }, + "type": "typography" + }, + "sm": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 400, + "lineHeight": "16px", + "fontSize": "12px" + }, + "type": "typography" + } + }, + "color": { + "calendarButton": { + "default": { + "value": "#0C1F22", + "type": "color" + }, + "default--reverse": { + "value": "#ffffff", + "type": "color" + } + }, + "weekName": { + "default": { + "value": "#C1C7CD", + "type": "color" + } + }, + "weekday": { + "default": { + "value": "#0C1F22", + "type": "color" + }, + "hover": { + "value": "#B4E600", + "type": "color" + }, + "down": { + "value": "#ffffff", + "type": "color" + }, + "default--weekend": { + "value": "#d13b3b", + "type": "color" + } + } + } + }, + "spacing": { + "padding": { + "vertical": { + "value": "8px", + "type": "spacing" + }, + "horizontal": { + "value": "8px", + "type": "spacing" + } + }, + "gap": { + "value": "16px", + "type": "spacing" + } + }, + "border": { + "radius": { + "md": { + "value": "4px", + "type": "borderRadius" + }, + "rounded": { + "value": "99em", + "type": "borderRadius" + } + } + }, + "background": { + "color": { + "calendarButton": { + "default": { + "value": "#ffffff", + "type": "color" + }, + "hover": { + "value": "#F8F9FB", + "type": "color" + }, + "down": { + "value": "#F2F4F8", + "type": "color" + }, + "default--reverse": { + "value": "#B4E600", + "type": "color" + }, + "hover--reverse": { + "value": "#98C200", + "type": "color" + }, + "down--reverse": { + "value": "#B4E600", + "type": "color" + } + }, + "weekday": { + "default": { + "value": "transparent", + "type": "color" + }, + "hover": { + "value": "#F1FFBD", + "type": "color" + }, + "down": { + "value": "#B4E600", + "type": "color" + }, + "default--alt": { + "value": "#E2FF7A", + "type": "color" + } + }, + "range": { + "default": { + "value": "transparent", + "type": "color" + }, + "hover": { + "value": "#F1FFBD", + "type": "color" + }, + "down": { + "value": "#B4E600", + "type": "color" + } + } + } + }, + "size": { + "md": { + "value": "36px", + "type": "sizing" + } + } + }, + "popover": { + "background": { + "color": { + "enabled": { + "value": "#ffffff", + "type": "color" + } + } + }, + "spacing": { + "padding": { + "vertical": { + "xsm": { + "value": "4px", + "type": "spacing" + }, + "sm": { + "value": "8px", + "type": "spacing" + }, + "md": { + "value": "16px", + "type": "spacing" + } + }, + "horizontal": { + "xsm": { + "value": "4px", + "type": "spacing" + }, + "sm": { + "value": "8px", + "type": "spacing" + }, + "md": { + "value": "16px", + "type": "spacing" + } + } + }, + "gap": { + "value": "16px", + "type": "spacing" + } + }, + "border": { + "color": { + "enabled": { + "value": "#F8F9FB", + "type": "color" + } + }, + "width": { + "value": "1px", + "type": "borderWidth" + }, + "radius": { + "value": "4px", + "type": "borderRadius" + } + } + }, + "drawer": { + "background": { + "color": { + "default": { + "value": "#ffffff", + "type": "color" + }, + "muted": { + "value": "#F2F4F8", + "type": "color" + } + } + }, + "spacing": { + "gap": { + "xxs": { + "value": "4px", + "type": "spacing" + }, + "xs": { + "value": "8px", + "type": "spacing" + }, + "sm": { + "value": "16px", + "type": "spacing" + }, + "md": { + "value": "32px", + "type": "spacing" + } + }, + "padding": { + "value": "16px", + "type": "spacing" + } + }, + "shadow": { + "left": { + "value": [ + { + "color": "#21272a0d", + "type": "dropShadow", + "x": -32, + "y": 0, + "blur": 32, + "spread": 0 + } + ], + "type": "boxShadow" }, - color: { - primary: { - default: { - value: '#B4E600', - type: 'color', - }, - hover: { - value: '#98C200', - type: 'color', - }, - down: { - value: '#98C200', - type: 'color', - }, - 'default--reverse': { - value: 'transparent', - type: 'color', - }, - 'hover--reverse': { - value: '#F1FFBD', - type: 'color', - }, - 'down--reverse': { - value: '#F1FFBD', - type: 'color', + "top": { + "value": [ + { + "x": 0, + "y": 100, + "blur": 60, + "spread": 0, + "color": "#dde1e614", + "type": "dropShadow" }, - }, - secondary: { - default: { - value: '#0C1F22', - type: 'color', - }, - hover: { - value: '#343A3F', - type: 'color', - }, - down: { - value: '#343A3F', - type: 'color', - }, - 'default-reverse': { - value: 'transparent', - type: 'color', - }, - 'hover-reverse': { - value: '#F8F9FB', - type: 'color', - }, - 'down-reverse': { - value: '#F8F9FB', - type: 'color', - }, - }, - terciary: { - default: { - value: '#DDE1E6', - type: 'color', - }, - hover: { - value: '#C1C7CD', - type: 'color', - }, - down: { - value: '#C1C7CD', - type: 'color', - }, - 'default-reverse': { - value: 'transparent', - type: 'color', - }, - 'hover--reverse': { - value: '#F1FFBD', - type: 'color', - }, - 'down--reverse': { - value: '#F1FFBD', - type: 'color', - }, - }, - phatic: { - default: { - value: '#f7dede', - type: 'color', - }, - hover: { - value: '#d13b3b', - type: 'color', - }, - down: { - value: '#d13b3b', - type: 'color', - }, - 'default--reverse': { - value: 'transparent', - type: 'color', - }, - 'hover--reverse': { - value: '#f0bebe', - type: 'color', - }, - 'down--reverse': { - value: '#f7dede', - type: 'color', - }, - }, - }, - }, - spacing: { - padding: { - sm: { - value: '4px', - type: 'spacing', - }, - md: { - value: '6px', - type: 'spacing', - }, - }, - }, - shadow: { - hover: { - value: { - x: 0, - y: 0, - blur: 4, - spread: 0, - color: '#b4e600cc', - type: 'dropShadow', - }, - type: 'boxShadow', - }, - }, + { + "x": 0, + "y": 32, + "blur": 32, + "spread": 0, + "color": "#1a202b0d", + "type": "dropShadow" + } + ], + "type": "boxShadow" + } + }, + "content": { + "color": { + "default": { + "value": "#343A3F", + "type": "color" + }, + "icon": { + "value": "#4D5358", + "type": "color" + } + }, + "typo": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "lineHeight": "24px", + "fontSize": "20px" + }, + "type": "typography" + }, + "typo-regular": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 400, + "lineHeight": "20px", + "fontSize": "14px" + }, + "type": "typography" + }, + "typo-bold": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 600, + "lineHeight": "20px", + "fontSize": "14px" + }, + "type": "typography" + } + }, + "border": { + "color": { + "default": { + "value": "#C1C7CD", + "type": "color" + } + }, + "width": { + "value": "1px", + "type": "borderWidth" + } + } }, - buttonAction: { - content: { - color: { - primary: { - default: { - value: '#2F463F', - type: 'color', - }, - hover: { - value: '#0C1F22', - type: 'color', - }, - down: { - value: '#B4E600', - type: 'color', - }, - 'default--reverse': { - value: '#C1C7CD', - type: 'color', - }, - 'hover--reverse': { - value: '#ffffff', - type: 'color', - }, - 'down--reverse': { - value: '#ffffff', - type: 'color', - }, - }, - phatic: { - default: { - value: '#0C1F22', - type: 'color', - }, - hover: { - value: '#d13b3b', - type: 'color', - }, - down: { - value: '#d13b3b', - type: 'color', - }, - }, - }, - typo: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 500, - lineHeight: '16px', - fontSize: '12px', - }, - type: 'typography', - }, - }, - background: { - color: { - primary: { - default: { - value: 'transparent', - type: 'color', - }, - hover: { - value: '#F1FFBD', - type: 'color', - }, - pressed: { - value: '#98C200', - type: 'color', - }, - 'hover--reverse': { - value: '#0C1F22', - type: 'color', - }, - 'down--reverse': { - value: '#878D96', - type: 'color', - }, - 'hover--reverse-transparent': { - value: '#ffffff26', - type: 'color', - }, - down: { - value: '#F1FFBD', - type: 'color', - }, - }, - phatic: { - default: { - value: 'transparent', - type: 'color', - }, - hover: { - value: '#f7dede', - type: 'color', - }, - down: { - value: '#f7dede', - type: 'color', - }, - }, - }, - }, - border: { - color: { - primary: { - default: { - value: 'transparent', - type: 'color', - }, - hover: { - value: '#F1FFBD', - type: 'color', - }, - down: { - value: '#B4E600', - type: 'color', - }, - 'hover--reverse': { - value: '#0C1F22', - type: 'color', - }, - 'down--reverse': { - value: '#878D96', - type: 'color', - }, - }, - phatic: { - default: { - value: 'transparent', - type: 'color', - }, - hover: { - value: '#f7dede', - type: 'color', - }, - down: { - value: '#C1C7CD', - type: 'color', - }, - }, - }, - width: { - value: '1px', - type: 'borderWidth', - }, - radius: { - md: { - value: '4px', - type: 'borderRadius', - }, - rounded: { - value: '99em', - type: 'borderRadius', - }, - }, - }, - spacing: { - padding: { - sm: { - value: '2px', - type: 'spacing', - }, - md: { - value: '4px', - type: 'spacing', - }, - }, - gap: { - value: '4px', - type: 'spacing', - }, - }, + "link": { + "content": { + "typo": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 400, + "lineHeight": "24px", + "fontSize": "14px", + "textDecoration": "underline" + }, + "type": "typography" + }, + "typo--medium": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "lineHeight": "24px", + "fontSize": "14px", + "textDecoration": "underline" + }, + "type": "typography" + }, + "color": { + "default": { + "value": "#0C1F22", + "type": "color" + }, + "hover": { + "value": "#98C200", + "type": "color" + }, + "down": { + "value": "#E2FF7A", + "type": "color" + }, + "default--reverse": { + "value": "#F1FFBD", + "type": "color" + } + } + }, + "spacing": { + "padding": { + "horizontal": { + "value": "2px", + "type": "spacing" + } + }, + "gap": { + "value": "4px", + "type": "spacing" + } + }, + "background": { + "color": { + "default": { + "value": "transparent", + "type": "color" + }, + "hover": { + "value": "#F1FFBD", + "type": "color" + }, + "pressed": { + "value": "#E2FF7A", + "type": "color" + }, + "down": { + "value": "#F1FFBD", + "type": "color" + } + } + }, + "border": { + "radius": { + "value": "2px", + "type": "borderRadius" + } + } }, - input: { - content: { - color: { - default: { - value: '#343A3F', - type: 'color', - }, - selected: { - value: '#B4E600', - type: 'color', - }, - placeholder: { - value: '#878D96', - type: 'color', - }, - icon: { - value: '#4D5358', - type: 'color', - }, - }, - typo: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 400, - lineHeight: '20px', - fontSize: '14px', - }, - type: 'typography', - }, - }, - background: { - color: { - default: { - value: '#ffffff', - type: 'color', - }, - hover: { - value: '#F8F9FB', - type: 'color', - }, - }, - }, - border: { - color: { - default: { - value: '#C1C7CD', - type: 'color', - }, - subtle: { - value: '#DDE1E6', - type: 'color', - }, - negative: { - value: '#d13b3b', - type: 'color', - }, - }, - radius: { - sm: { - value: '2px', - type: 'borderRadius', - }, - md: { - value: '4px', - type: 'borderRadius', - }, - }, - width: { - value: '1px', - type: 'borderWidth', - }, - }, - spacing: { - padding: { - vertical: { - md: { - value: '8px', - type: 'spacing', - }, - sm: { - value: '3px', - type: 'spacing', - }, - }, - horizontal: { - sm: { - value: '4px', - type: 'spacing', - }, - md: { - value: '8px', - type: 'spacing', - }, - }, - all: { - value: '12px', - type: 'spacing', - }, - }, - gap: { - none: { - value: '0px', - type: 'spacing', - }, - sm: { - value: '4px', - type: 'spacing', - }, - md: { - value: '8px', - type: 'spacing', - }, - lg: { - value: '16px', - type: 'spacing', - }, - }, - }, + "divider": { + "size": { + "sm": { + "value": "1px", + "type": "sizing" + } + }, + "background": { + "color": { + "default": { + "value": "#DDE1E6", + "type": "color" + } + } + } }, - label: { - spacing: { - gap: { - none: { - value: '0px', - type: 'spacing', - }, - sm: { - value: '4px', - type: 'spacing', - }, - md: { - value: '8px', - type: 'spacing', - }, - lg: { - value: '16px', - type: 'spacing', - }, - }, - }, - content: { - color: { - default: { - value: '#4D5358', - type: 'color', - }, - subtle: { - value: '#878D96', - type: 'color', - }, - }, - typo: { - '01': { - value: { - fontFamily: 'Albert Sans', - fontWeight: 600, - lineHeight: '20px', - fontSize: '14px', - }, - type: 'typography', - }, - '02': { - value: { - fontFamily: 'Albert Sans', - fontWeight: 400, - lineHeight: '20px', - fontSize: '14px', - }, - type: 'typography', - }, - '03': { - value: { - fontFamily: 'Albert Sans', - fontWeight: 400, - lineHeight: '20px', - fontSize: '14px', - }, - type: 'typography', - }, - }, - }, + "tab": { + "content": { + "color": { + "default": { + "value": "#0C1F22", + "type": "color" + }, + "hover": { + "value": "#343A3F", + "type": "color" + }, + "down": { + "value": "#B4E600", + "type": "color" + } + }, + "typo": { + "sm": { + "value": "{global.content.typo.body.sm}", + "type": "typography" + }, + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 400, + "lineHeight": "20px", + "fontSize": "14px" + }, + "type": "typography" + } + }, + "border": { + "color": { + "hover": { + "value": "#DDE1E6", + "type": "color" + }, + "selected": { + "value": "#B4E600", + "type": "color" + }, + "content": { + "value": "#DDE1E6", + "type": "color" + }, + "default": { + "value": "transparent", + "type": "color" + }, + "down": { + "value": "#B4E600", + "type": "color" + } + }, + "radius": { + "value": "2px", + "type": "borderRadius" + }, + "width": { + "sm": { + "value": "{global.border.width.sm}", + "type": "borderWidth" + }, + "md": { + "value": "{global.border.width.md}", + "type": "borderWidth" + }, + "value": "4px", + "type": "borderWidth" + } + }, + "background": { + "color": { + "default": { + "value": "transparent", + "type": "color" + }, + "hover": { + "value": "#F1FFBD", + "type": "color" + }, + "selected": { + "value": "transparent", + "type": "color" + }, + "down": { + "value": "transparent", + "type": "color" + } + } + }, + "spacing": { + "padding": { + "value": "16px", + "type": "spacing" + }, + "gap": { + "value": "8px", + "type": "spacing" + }, + "vertical": { + "md": { + "value": "16px", + "type": "spacing" + } + }, + "horizontal": { + "xsm": { + "value": "8px", + "type": "spacing" + } + } + } }, - helpText: { - content: { - color: { - default: { - value: '#878D96', - type: 'color', - }, - emphasis: { - value: '#4D5358', - type: 'color', - }, - 'phatic--negative': { - value: '#d13b3b', - type: 'color', - }, - 'phatic--attention': { - value: '#f39c12', - type: 'color', - }, - phatic: { - value: '#d13b3b', - type: 'color', - }, - }, - 'typo-': { - value: { - fontFamily: 'Albert Sans', - fontWeight: 400, - lineHeight: '20px', - fontSize: '12px', - }, - type: 'typography', - }, - typo: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 500, - fontSize: '10px', - lineHeight: '14px', - }, - type: 'typography', - }, - }, - spacing: { - gap: { - value: '4px', - type: 'spacing', - }, - }, + "segmentedControl": { + "content": { + "typo": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 400, + "lineHeight": "20px", + "fontSize": "14px" + }, + "type": "typography" + }, + "color": { + "default": { + "value": "#4D5358", + "type": "color" + }, + "hover": { + "value": "#343A3F", + "type": "color" + }, + "down": { + "value": "#B4E600", + "type": "color" + } + } + }, + "spacing": { + "padding": { + "value": "16px", + "type": "spacing" + }, + "gap": { + "value": "8px", + "type": "spacing" + } + }, + "background": { + "color": { + "default": { + "value": "#F8F9FB", + "type": "color" + }, + "hover": { + "value": "#F1FFBD", + "type": "color" + }, + "selected": { + "value": "#ffffff", + "type": "color" + } + } + }, + "border": { + "radius": { + "value": "4px", + "type": "borderRadius" + }, + "color": { + "default": { + "value": "#F8F9FB", + "type": "color" + }, + "hover": { + "value": "#C1C7CD", + "type": "color" + }, + "selected": { + "value": "#B4E600", + "type": "color" + } + }, + "width": { + "value": "1px", + "type": "borderWidth" + } + } }, - radio: { - size: { - sm: { - value: '10px', - type: 'sizing', - }, - md: { - value: '20px', - type: 'sizing', - }, - }, - content: { - color: { - text: { - value: '#4D5358', - type: 'color', - }, - selected: { - value: '#2F463F', - type: 'color', - }, - default: { - value: 'transparent', - type: 'color', - }, - icon: { - value: '#C1C7CD', - type: 'color', - }, - hover: { - value: '#878D96', - type: 'color', - }, - }, - }, - background: { - color: { - default: { - value: '#ffffff', - type: 'color', - }, - selected: { - value: '#F1FFBD', - type: 'color', - }, - 'default--reverse': { - value: '#F1FFBD', - type: 'color', - }, - 'selected--reverse': { - value: '#ffffff', - type: 'color', - }, - }, - }, - border: { - radius: { - value: '99em', - type: 'borderRadius', - }, - width: { - value: '1px', - type: 'borderWidth', - }, - color: { - default: { - value: '#C1C7CD', - type: 'color', - }, - hover: { - value: '#2F463F', - type: 'color', - }, - selected: { - value: '#2F463F', - type: 'color', - }, - }, - }, - spacing: { - gap: { - value: '8px', - type: 'spacing', - }, - paddings: { - md: { - value: '16px', - type: 'spacing', - }, - lg: { - value: '24px', - type: 'spacing', - }, - }, - }, - shadow: { - hover: { - value: { - x: 0, - y: 0, - blur: 2, - spread: 0, - color: '#2f463fcc', - type: 'dropShadow', - }, - type: 'boxShadow', - }, - }, - label: { - content: { - typo: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 400, - lineHeight: '20px', - fontSize: '14px', - }, - type: 'typography', - }, - }, - }, + "dropzone": { + "spacing": { + "padding": { + "value": "24px", + "type": "spacing" + }, + "gap": { + "value": "8px", + "type": "spacing" + } + }, + "content": { + "color": { + "default": { + "value": "#4D5358", + "type": "color" + }, + "hover": { + "value": "#98C200", + "type": "color" + }, + "default--subtle": { + "value": "#878D96", + "type": "color" + }, + "default--icon": { + "value": "#E2FF7A", + "type": "color" + }, + "check--icon": { + "value": "#5cbc6a", + "type": "color" + } + } + }, + "background": { + "color": { + "default": { + "value": "#ffffff", + "type": "color" + }, + "hover": { + "value": "#F1FFBD", + "type": "color" + } + } + }, + "border": { + "color": { + "default": { + "value": "#E2FF7A", + "type": "color" + }, + "hover": { + "value": "#98C200", + "type": "color" + } + }, + "radius": { + "value": "4px", + "type": "borderRadius" + }, + "width": { + "value": "1px", + "type": "borderWidth" + } + } }, - checkbox: { - size: { - md: { - value: '20px', - type: 'sizing', - }, - }, - content: { - color: { - default: { - value: 'transparent', - type: 'color', - }, - selected: { - value: '#ffffff', - type: 'color', - }, - }, - }, - background: { - color: { - default: { - value: '#ffffff', - type: 'color', - }, - contrast: { - value: '#F1FFBD', - type: 'color', - }, - hover: { - value: '#98C200', - type: 'color', - }, - selected: { - value: '#B4E600', - type: 'color', - }, - }, - }, - border: { - color: { - default: { - value: '#C1C7CD', - type: 'color', - }, - hover: { - value: '#98C200', - type: 'color', - }, - selected: { - value: '#B4E600', - type: 'color', - }, - }, - radius: { - value: '2px', - type: 'borderRadius', - }, - width: { - value: '1px', - type: 'borderWidth', - }, - }, - spacing: { - gap: { - value: '8px', - type: 'spacing', - }, - paddings: { - md: { - value: '16px', - type: 'spacing', - }, - lg: { - value: '24px', - type: 'spacing', - }, - }, - }, + "modal": { + "background": { + "color": { + "default": { + "value": "#ffffff", + "type": "color" + } + } + }, + "spacing": { + "padding": { + "value": "16px", + "type": "spacing" + }, + "gap": { + "value": "16px", + "type": "spacing" + } + }, + "border": { + "radius": { + "value": "4px", + "type": "borderRadius" + }, + "color": { + "default": { + "value": "#ffffff", + "type": "color" + } + }, + "width": { + "value": "2px", + "type": "borderWidth" + } + } }, - toggle: { - size: { - inner: { - value: '8 px', - type: 'sizing', - }, - width: { - value: '32px', - type: 'sizing', - }, - }, - spacing: { - padding: { - value: '6px 4px', - type: 'spacing', - }, - gap: { - value: '8px', - type: 'spacing', - }, - }, - content: { - color: { - default: { - value: '#B4E600', - type: 'color', - }, - selected: { - value: '#ffffff', - type: 'color', - }, - hover: { - value: '#E2FF7A', - type: 'color', - }, - }, - }, - background: { - color: { - unselected: { - default: { - value: '#DDE1E6', - type: 'color', - }, - hover: { - value: '#E2FF7A', - type: 'color', - }, - }, - selected: { - default: { - value: '#B4E600', - type: 'color', - }, - hover: { - value: '#98C200', - type: 'color', - }, - }, - }, - }, - border: { - radius: { - value: '99em', - type: 'borderRadius', - }, - }, + "dropdown": { + "content": { + "color": { + "default": { + "value": "#0C1F22", + "type": "color" + }, + "default--alt": { + "value": "#878D96", + "type": "color" + } + }, + "typo": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 400, + "lineHeight": "24px", + "fontSize": "14px" + }, + "type": "typography" + }, + "typo--medium": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "lineHeight": "24px", + "fontSize": "14px" + }, + "type": "typography" + } + }, + "spacing": { + "padding": { + "sm": { + "value": "4px", + "type": "spacing" + }, + "md": { + "value": "8px", + "type": "spacing" + } + }, + "gap": { + "1xsm": { + "value": "{global.spacing.gap.1xsm}", + "type": "spacing" + }, + "md": { + "value": "{global.spacing.gap.md}", + "type": "spacing" + }, + "value": "8px", + "type": "spacing" + } + }, + "background": { + "color": { + "default": { + "value": "#ffffff", + "type": "color" + }, + "hover": { + "value": "#F1FFBD", + "type": "color" + }, + "down": { + "value": "#E2FF7A", + "type": "color" + }, + "active": { + "value": "#F2F4F8", + "type": "color" + } + } + }, + "border": { + "radius": { + "value": "4px", + "type": "borderRadius" + }, + "width": { + "value": "1px", + "type": "borderWidth" + }, + "color": { + "default": { + "value": "#C1C7CD", + "type": "color" + } + } + }, + "shadow": { + "default": { + "value": [ + { + "color": "#21272a14", + "type": "dropShadow", + "x": 0, + "y": 10, + "blur": 36, + "spread": 0 + } + ], + "type": "boxShadow" + } + } }, - badge: { - content: { - typo: { - caption: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 500, - fontSize: 10, - lineHeight: 14, - textCase: 'uppercase', - }, - type: 'typography', - }, - sm: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 400, - lineHeight: '16px', - fontSize: 12, - }, - type: 'typography', - }, - 'sm--bold': { - value: { - fontFamily: 'Albert Sans', - fontWeight: 600, - lineHeight: '16px', - fontSize: '12px', - }, - type: 'typography', - }, - md: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 400, - lineHeight: '24px', - fontSize: '14px', - }, - type: 'typography', - }, - 'md--bold': { - value: { - fontFamily: 'Albert Sans', - fontWeight: 600, - lineHeight: '24px', - fontSize: '14px', - }, - type: 'typography', - }, - }, - color: { - 'default--reverse': { - value: '#ffffff', - type: 'color', - }, - default: { - value: '#4D5358', - type: 'color', - }, - }, - }, - background: { - color: { - neutral: { - default: { - value: '#F2F4F8', - type: 'color', - }, - hover: { - value: '#DDE1E6', - type: 'color', - }, - white: { - value: '#ffffff', - type: 'color', - }, - grey: { - value: '#F2F4F8', - type: 'color', - }, - 'default--reverse': { - value: '#ffffff', - type: 'color', - }, - }, - primary: { - default: { - value: '#B4E600', - type: 'color', - }, - }, - phatic: { - default: { - value: '#d13b3b', - type: 'color', - }, - 'default--warning': { - value: '#f39c12', - type: 'color', - }, - }, - info: { - default: { - value: '#307AE8', - type: 'color', - }, - }, - secondary: { - default: { - value: '#0C1F22', - type: 'color', - }, - }, - }, - }, - border: { - radius: { - value: '99em', - type: 'borderRadius', - }, - 'md-radius': { - value: '4px', - type: 'borderRadius', - }, - color: { - 'default--reverse': { - value: '#ffffff', - type: 'color', - }, - default: { - value: '#DDE1E6', - type: 'color', - }, - white: { - value: '#878D96', - type: 'color', - }, - grey: { - value: '#C1C7CD', - type: 'color', - }, - hover: { - value: '#878D96', - type: 'color', - }, - }, - width: { - value: '1px', - type: 'borderWidth', - }, - }, - size: { - sm: { - value: '8px', - type: 'sizing', - }, - md: { - value: '12px', - type: 'sizing', - }, - lg: { - value: '16px', - type: 'sizing', - }, - xlg: { - value: '32px', - type: 'sizing', - }, - '2xlg': { - value: '48px', - type: 'sizing', - }, - }, - spacing: { - padding: { - '3xsm': { - value: '2px', - type: 'spacing', - }, - md: { - value: '8px', - type: 'spacing', - }, - lg: { - value: '12px', - type: 'spacing', - }, - sm: { - value: '4px', - type: 'spacing', - }, - }, - }, + "score": { + "content": { + "color": { + "default": { + "value": "#4D5358", + "type": "color" + }, + "muted": { + "value": "#878D96", + "type": "color" + }, + "default--reverse": { + "value": "#ffffff", + "type": "color" + } + }, + "typo": { + "sm": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 400, + "lineHeight": "16px", + "fontSize": "12px", + "textCase": "none" + }, + "type": "typography" + }, + "md": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 600, + "lineHeight": "20px", + "fontSize": "14px", + "textCase": "none" + }, + "type": "typography" + }, + "lg--bold": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 600, + "lineHeight": "24px", + "fontSize": "16px", + "textCase": "none" + }, + "type": "typography" + }, + "lg": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 400, + "lineHeight": "24px", + "fontSize": "16px", + "textCase": "none", + "letterSpacing": "", + "paragraphSpacing": "24px" + }, + "type": "typography" + }, + "xlg": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 400, + "lineHeight": "32px", + "fontSize": "23px", + "textCase": "none" + }, + "type": "typography" + }, + "2xlg": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 600, + "lineHeight": "40px", + "fontSize": "29px", + "textCase": "none" + }, + "type": "typography" + } + } + }, + "background": { + "color": { + "neutral": { + "default": { + "value": "#F2F4F8", + "type": "color" + }, + "emphasis": { + "value": "#DDE1E6", + "type": "color" + }, + "subtle": { + "value": "#F8F9FB", + "type": "color" + }, + "hover": { + "value": "#F1FFBD", + "type": "color" + }, + "active": { + "value": "#ffffff", + "type": "color" + } + }, + "positive": { + "default": { + "value": "#5cbc6a", + "type": "color" + }, + "emphasis": { + "value": "#368442", + "type": "color" + }, + "muted": { + "value": "#c9e9cd", + "type": "color" + } + }, + "attention": { + "default": { + "value": "#f39c12", + "type": "color" + }, + "emphasis": { + "value": "#ba7609", + "type": "color" + }, + "muted": { + "value": "#fef3e1", + "type": "color" + } + }, + "negative": { + "default": { + "value": "#d13b3b", + "type": "color" + }, + "emphasis": { + "value": "#b52a2a", + "type": "color" + }, + "muted": { + "value": "#f0bebe", + "type": "color" + } + } + } + }, + "border": { + "color": { + "neutral": { + "default": { + "value": "#F2F4F8", + "type": "color" + }, + "emphasis": { + "value": "#DDE1E6", + "type": "color" + }, + "active": { + "value": "#B4E600", + "type": "color" + } + }, + "positive": { + "default": { + "value": "#5cbc6a", + "type": "color" + }, + "emphasis": { + "value": "#368442", + "type": "color" + }, + "muted": { + "value": "#c9e9cd", + "type": "color" + } + }, + "attention": { + "default": { + "value": "#f39c12", + "type": "color" + }, + "emphasis": { + "value": "#ba7609", + "type": "color" + }, + "muted": { + "value": "#fef3e1", + "type": "color" + } + }, + "negative": { + "default": { + "value": "#d13b3b", + "type": "color" + }, + "emphasis": { + "value": "#b52a2a", + "type": "color" + }, + "muted": { + "value": "#f0bebe", + "type": "color" + } + } + }, + "width": { + "value": "1px", + "type": "borderWidth" + }, + "radius": { + "md": { + "value": "4px", + "type": "borderRadius" + }, + "lg": { + "value": "8px", + "type": "borderRadius" + } + } + }, + "spacing": { + "padding": { + "md": { + "value": "8px", + "type": "spacing" + }, + "lg": { + "value": "16px", + "type": "spacing" + }, + "xlg": { + "value": "32px", + "type": "spacing" + } + }, + "gap": { + "value": "8px", + "type": "spacing" + } + } }, - avatar: { - size: { - xsm: { - value: '16px', - type: 'sizing', - }, - sm: { - value: '24px', - type: 'sizing', - }, - md: { - value: '32px', - type: 'sizing', - }, - xmd: { - value: '48px', - type: 'sizing', - }, - lg: { - value: '56px', - type: 'sizing', - }, - xlg: { - value: '120px', - type: 'sizing', - }, - }, - content: { - typo: { - sm: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 600, - fontSize: 12, - textCase: 'uppercase', - lineHeight: 16, - }, - type: 'typography', - }, - md: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 600, - fontSize: 16, - textCase: 'uppercase', - }, - type: 'typography', - }, - lg: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 600, - fontSize: 23, - textCase: 'uppercase', - }, - type: 'typography', - }, - xlg: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 600, - fontSize: '56px', - textCase: 'uppercase', - }, - type: 'typography', - }, - }, - color: { - default: { - value: '#ffffff', - type: 'color', - }, - }, - }, - background: { - color: { - 10: { - value: '#EC62D8', - type: 'color', - }, - '01': { - value: '#DC5571', - type: 'color', - }, - '02': { - value: '#F26262', - type: 'color', - }, - '03': { - value: '#E36B2B', - type: 'color', - }, - '04': { - value: '#E8C642', - type: 'color', - }, - '05': { - value: '#96D47F', - type: 'color', - }, - '06': { - value: '#50B579', - type: 'color', - }, - '07': { - value: '#4F96FF', - type: 'color', - }, - '08': { - value: '#7449F4', - type: 'color', - }, - '09': { - value: '#B462F2', - type: 'color', - }, - }, - }, - border: { - radius: { - circle: { - value: '50%', - type: 'borderRadius', - }, - md: { - value: '4px', - type: 'borderRadius', - }, - }, - }, + "tree": { + "content": { + "typo": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 400, + "fontSize": "14px", + "lineHeight": "24px" + }, + "type": "typography" + }, + "color": { + "default": { + "value": "#4D5358", + "type": "color" + } + } + }, + "spacing": { + "gap": { + "sm": { + "value": "4px", + "type": "spacing" + }, + "md": { + "value": "8px", + "type": "spacing" + } + }, + "padding": { + "vertical": { + "value": "3px", + "type": "spacing" + }, + "horizontal": { + "value": "8px", + "type": "spacing" + } + } + }, + "border": { + "width": { + "value": "1px", + "type": "borderWidth" + }, + "color": { + "default": { + "value": "#ffffff", + "type": "color" + }, + "hover": { + "value": "#DDE1E6", + "type": "color" + }, + "default-alt": { + "value": "#B4E600", + "type": "color" + }, + "hover-alt": { + "value": "#878D96", + "type": "color" + } + }, + "radius": { + "value": "4px", + "type": "borderRadius" + } + }, + "background": { + "color": { + "default": { + "value": "#ffffff", + "type": "color" + }, + "hover": { + "value": "#F8F9FB", + "type": "color" + } + } + } }, - colorPicker: { - background: { - color: { - default: { - value: '#ffffff', - type: 'color', - }, - }, - }, - border: { - radius: { - md: { - value: '4px', - type: 'borderRadius', - }, - rounded: { - value: '99em', - type: 'borderRadius', - }, - }, - color: { - default: { - value: '#ffffff', - type: 'color', - }, - }, - width: { - value: '1px', - type: 'borderWidth', - }, - }, - spacing: { - gap: { - value: '16px', - type: 'spacing', - }, - padding: { - value: '16px', - type: 'spacing', - }, - }, - size: { - md: { - value: '16px', - type: 'sizing', - }, - }, + "breadcrumbs": { + "content": { + "typo": { + "default": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "lineHeight": 20, + "fontSize": 14 + }, + "type": "typography" + }, + "hover": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "lineHeight": 20, + "fontSize": 14, + "textDecoration": "underline" + }, + "type": "typography" + }, + "current": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "lineHeight": 20, + "fontSize": 14 + }, + "type": "typography" + } + }, + "color": { + "default": { + "value": "#0C1F22", + "type": "color" + }, + "hover": { + "value": "#B4E600", + "type": "color" + }, + "default--alt": { + "value": "#343A3F", + "type": "color" + } + } + } }, - calendar: { - content: { - typo: { - md: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 500, - lineHeight: '24px', - fontSize: '14px', - }, - type: 'typography', - }, - sm: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 400, - lineHeight: '16px', - fontSize: '12px', - }, - type: 'typography', - }, - }, - color: { - calendarButton: { - default: { - value: '#0C1F22', - type: 'color', - }, - 'default--reverse': { - value: '#ffffff', - type: 'color', - }, - }, - weekName: { - default: { - value: '#C1C7CD', - type: 'color', - }, - }, - weekday: { - default: { - value: '#0C1F22', - type: 'color', - }, - hover: { - value: '#B4E600', - type: 'color', - }, - down: { - value: '#ffffff', - type: 'color', - }, - 'default--weekend': { - value: '#d13b3b', - type: 'color', - }, - }, - }, - }, - spacing: { - padding: { - vertical: { - value: '8px', - type: 'spacing', - }, - horizontal: { - value: '8px', - type: 'spacing', - }, - }, - gap: { - value: '16px', - type: 'spacing', - }, - }, - border: { - radius: { - md: { - value: '4px', - type: 'borderRadius', - }, - rounded: { - value: '99em', - type: 'borderRadius', - }, - }, - }, - background: { - color: { - calendarButton: { - default: { - value: '#ffffff', - type: 'color', - }, - hover: { - value: '#F8F9FB', - type: 'color', - }, - down: { - value: '#F2F4F8', - type: 'color', - }, - 'default--reverse': { - value: '#B4E600', - type: 'color', - }, - 'hover--reverse': { - value: '#98C200', - type: 'color', - }, - 'down--reverse': { - value: '#B4E600', - type: 'color', - }, - }, - weekday: { - default: { - value: 'transparent', - type: 'color', - }, - hover: { - value: '#F1FFBD', - type: 'color', - }, - down: { - value: '#B4E600', - type: 'color', - }, - 'default--alt': { - value: '#E2FF7A', - type: 'color', - }, - }, - range: { - default: { - value: 'transparent', - type: 'color', - }, - hover: { - value: '#F1FFBD', - type: 'color', - }, - down: { - value: '#B4E600', - type: 'color', - }, - }, - }, - }, - size: { - md: { - value: '36px', - type: 'sizing', - }, - }, + "breadcrumb": { + "spacing": { + "gap": { + "value": "8px", + "type": "spacing" + } + } }, - popover: { - background: { - color: { - enabled: { - value: '#ffffff', - type: 'color', - }, - }, - }, - spacing: { - padding: { - vertical: { - xsm: { - value: '4px', - type: 'spacing', - }, - sm: { - value: '8px', - type: 'spacing', - }, - md: { - value: '16px', - type: 'spacing', - }, - }, - horizontal: { - xsm: { - value: '4px', - type: 'spacing', - }, - sm: { - value: '8px', - type: 'spacing', - }, - md: { - value: '16px', - type: 'spacing', - }, - }, - }, - gap: { - value: '16px', - type: 'spacing', - }, - }, - border: { - color: { - enabled: { - value: '#F8F9FB', - type: 'color', - }, - }, - width: { - value: '1px', - type: 'borderWidth', - }, - radius: { - value: '4px', - type: 'borderRadius', - }, - }, + "pager": { + "content": { + "typo": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "lineHeight": 20, + "fontSize": 14 + }, + "type": "typography" + }, + "typo--bold": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "lineHeight": 20, + "fontSize": 14 + }, + "type": "typography" + }, + "color": { + "default": { + "value": "#0C1F22", + "type": "color" + } + } + }, + "background": { + "color": { + "default": { + "value": "transparent", + "type": "color" + }, + "hover": { + "value": "#F1FFBD", + "type": "color" + }, + "down": { + "value": "#F1FFBD", + "type": "color" + }, + "selected": { + "value": "transparent", + "type": "color" + } + } + }, + "border": { + "color": { + "default": { + "value": "transparent", + "type": "color" + }, + "hover": { + "value": "#F1FFBD", + "type": "color" + }, + "down": { + "value": "#C1C7CD", + "type": "color" + }, + "selected": { + "value": "#E2FF7A", + "type": "color" + } + }, + "radius": { + "value": "99em", + "type": "borderRadius" + }, + "width": { + "value": "1px", + "type": "borderWidth" + } + }, + "size": { + "md": { + "value": "48px", + "type": "sizing" + } + }, + "spacing": { + "gap": { + "lg": { + "value": "16px", + "type": "spacing" + }, + "md": { + "value": "8px", + "type": "spacing" + } + } + } }, - drawer: { - background: { - color: { - default: { - value: '#ffffff', - type: 'color', - }, - muted: { - value: '#F2F4F8', - type: 'color', - }, - }, - }, - spacing: { - gap: { - xxs: { - value: '4px', - type: 'spacing', - }, - xs: { - value: '8px', - type: 'spacing', - }, - sm: { - value: '16px', - type: 'spacing', - }, - md: { - value: '32px', - type: 'spacing', - }, - }, - padding: { - value: '16px', - type: 'spacing', - }, - }, - shadow: { - left: { - value: [ - { - color: '#21272a0d', - type: 'dropShadow', - x: -32, - y: 0, - blur: 32, - spread: 0, - }, - ], - type: 'boxShadow', - }, - top: { - value: [ - { - x: 0, - y: 100, - blur: 60, - spread: 0, - color: '#dde1e614', - type: 'dropShadow', - }, - { - x: 0, - y: 32, - blur: 32, - spread: 0, - color: '#1a202b0d', - type: 'dropShadow', - }, - ], - type: 'boxShadow', - }, - }, - content: { - color: { - default: { - value: '#343A3F', - type: 'color', - }, - icon: { - value: '#4D5358', - type: 'color', - }, - }, - typo: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 500, - lineHeight: '24px', - fontSize: '20px', - }, - type: 'typography', - }, - 'typo-regular': { - value: { - fontFamily: 'Albert Sans', - fontWeight: 400, - lineHeight: '20px', - fontSize: '14px', - }, - type: 'typography', - }, - 'typo-bold': { - value: { - fontFamily: 'Albert Sans', - fontWeight: 600, - lineHeight: '20px', - fontSize: '14px', - }, - type: 'typography', - }, - }, - border: { - color: { - default: { - value: '#C1C7CD', - type: 'color', - }, - }, - width: { - value: '1px', - type: 'borderWidth', - }, - }, + "tooltip": { + "content": { + "typo": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "lineHeight": 20, + "fontSize": 14 + }, + "type": "typography" + }, + "color": { + "default": { + "value": "#ffffff", + "type": "color" + }, + "default-reverse": { + "value": "#4D5358", + "type": "color" + } + } + }, + "background": { + "color": { + "default": { + "value": "#4D5358", + "type": "color" + }, + "default--alt": { + "value": "#B4E600", + "type": "color" + }, + "default-reverse": { + "value": "#ffffff", + "type": "color" + } + } + }, + "spacing": { + "padding": { + "vertical": { + "sm": { + "value": "4px", + "type": "spacing" + }, + "md": { + "value": "12px", + "type": "spacing" + } + }, + "horizontal": { + "sm": { + "value": "8px", + "type": "spacing" + }, + "md": { + "value": "12px", + "type": "spacing" + } + } + }, + "gap": { + "value": "16px", + "type": "spacing" + } + }, + "border": { + "radius": { + "value": "2px", + "type": "borderRadius" + } + } }, - link: { - content: { - typo: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 400, - lineHeight: '24px', - fontSize: '14px', - textDecoration: 'underline', - }, - type: 'typography', - }, - 'typo--medium': { - value: { - fontFamily: 'Albert Sans', - fontWeight: 500, - lineHeight: '24px', - fontSize: '14px', - textDecoration: 'underline', - }, - type: 'typography', - }, - color: { - default: { - value: '#0C1F22', - type: 'color', - }, - hover: { - value: '#98C200', - type: 'color', - }, - down: { - value: '#E2FF7A', - type: 'color', - }, - 'default--reverse': { - value: '#F1FFBD', - type: 'color', - }, - }, - }, - spacing: { - padding: { - horizontal: { - value: '2px', - type: 'spacing', - }, - }, - gap: { - value: '4px', - type: 'spacing', - }, - }, - background: { - color: { - default: { - value: 'transparent', - type: 'color', - }, - hover: { - value: '#F1FFBD', - type: 'color', - }, - pressed: { - value: '#E2FF7A', - type: 'color', - }, - down: { - value: '#F1FFBD', - type: 'color', - }, - }, - }, - border: { - radius: { - value: '2px', - type: 'borderRadius', - }, - }, + "banner": { + "content": { + "typo": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "lineHeight": "24px", + "fontSize": "14px" + }, + "type": "typography" + }, + "typo--bold": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "lineHeight": "24px", + "fontSize": "14px" + }, + "type": "typography" + }, + "color": { + "default": { + "value": "#4D5358", + "type": "color" + }, + "success": { + "value": "#368442", + "type": "color" + }, + "error": { + "value": "#b52a2a", + "type": "color" + }, + "warning": { + "value": "#ba7609", + "type": "color" + }, + "info": { + "value": "#98C200", + "type": "color" + } + } + }, + "spacing": { + "padding": { + "vertical": { + "xsm": { + "value": "4px", + "type": "spacing" + }, + "sm": { + "value": "8px", + "type": "spacing" + }, + "md": { + "value": "12px", + "type": "spacing" + } + }, + "horizontal": { + "sm": { + "value": "16px", + "type": "spacing" + }, + "md": { + "value": "24px", + "type": "spacing" + } + } + }, + "gap": { + "value": "16px", + "type": "spacing" + } + }, + "background": { + "color": { + "success": { + "value": "#e4f4e6", + "type": "color" + }, + "error": { + "value": "#f7dede", + "type": "color" + }, + "warning": { + "value": "#fef3e1", + "type": "color" + }, + "info": { + "value": "#F1FFBD", + "type": "color" + } + } + }, + "border": { + "radius": { + "value": "4px", + "type": "borderRadius" + } + } }, - divider: { - size: { - sm: { - value: '1px', - type: 'sizing', - }, - }, - background: { - color: { - default: { - value: '#DDE1E6', - type: 'color', - }, - }, - }, + "chip": { + "content": { + "typo": { + "sm": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 400, + "lineHeight": "16px", + "fontSize": "12px" + }, + "type": "typography" + }, + "md": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 400, + "lineHeight": "24px", + "fontSize": "14px" + }, + "type": "typography" + } + }, + "color": { + "default": { + "value": "#4D5358", + "type": "color" + } + } + }, + "background": { + "color": { + "default": { + "value": "#F2F4F8", + "type": "color" + }, + "hover": { + "value": "#DDE1E6", + "type": "color" + }, + "default--alt": { + "value": "transparent", + "type": "color" + }, + "hover--alt": { + "value": "#F8F9FB", + "type": "color" + } + } + }, + "border": { + "color": { + "default": { + "value": "#C1C7CD", + "type": "color" + }, + "hover": { + "value": "#878D96", + "type": "color" + }, + "default--alt": { + "value": "#878D96", + "type": "color" + }, + "hover--alt": { + "value": "#4D5358", + "type": "color" + }, + "empty": { + "value": "transparent", + "type": "color" + } + }, + "width": { + "value": "1px", + "type": "borderWidth" + }, + "radius": { + "value": "99em", + "type": "borderRadius" + } + }, + "spacing": { + "padding": { + "horizontal": { + "sm": { + "value": "8px", + "type": "spacing" + } + }, + "vertical": { + "sm": { + "value": "3px", + "type": "spacing" + } + } + } + } }, - tab: { - content: { - color: { - default: { - value: '#0C1F22', - type: 'color', - }, - hover: { - value: '#343A3F', - type: 'color', - }, - down: { - value: '#B4E600', - type: 'color', - }, - }, - typo: { - sm: { - value: '{global.content.typo.body.sm}', - type: 'typography', - }, - value: { - fontFamily: 'Albert Sans', - fontWeight: 400, - lineHeight: '20px', - fontSize: '14px', - }, - type: 'typography', - }, - }, - border: { - color: { - hover: { - value: '#DDE1E6', - type: 'color', - }, - selected: { - value: '#B4E600', - type: 'color', - }, - content: { - value: '#DDE1E6', - type: 'color', - }, - default: { - value: 'transparent', - type: 'color', - }, - down: { - value: '#B4E600', - type: 'color', - }, - }, - radius: { - value: '2px', - type: 'borderRadius', - }, - width: { - sm: { - value: '{global.border.width.sm}', - type: 'borderWidth', - }, - md: { - value: '{global.border.width.md}', - type: 'borderWidth', - }, - value: '4px', - type: 'borderWidth', - }, - }, - background: { - color: { - default: { - value: 'transparent', - type: 'color', - }, - hover: { - value: '#F1FFBD', - type: 'color', - }, - selected: { - value: 'transparent', - type: 'color', - }, - down: { - value: 'transparent', - type: 'color', - }, - }, - }, - spacing: { - padding: { - value: '16px', - type: 'spacing', - }, - gap: { - value: '8px', - type: 'spacing', - }, - vertical: { - md: { - value: '16px', - type: 'spacing', - }, - }, - horizontal: { - xsm: { - value: '8px', - type: 'spacing', - }, - }, - }, + "toast": { + "spacing": { + "padding": { + "value": "16px", + "type": "spacing" + }, + "gap": { + "value": "16px", + "type": "spacing" + } + }, + "content": { + "color": { + "default": { + "value": "#ffffff", + "type": "color" + }, + "default--reverse": { + "value": "#4D5358", + "type": "color" + }, + "default--alt": { + "value": "#C1C7CD", + "type": "color" + }, + "default--alt--reverse": { + "value": "#878D96", + "type": "color" + } + }, + "typo": { + "sm": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "fontSize": "10px", + "lineHeight": "14px" + }, + "type": "typography" + }, + "md": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "lineHeight": 24, + "fontSize": 14 + }, + "type": "typography" + } + } + }, + "background": { + "color": { + "default": { + "value": "#4D5358", + "type": "color" + }, + "default--reverse": { + "value": "#ffffff", + "type": "color" + } + } + }, + "border": { + "radius": { + "value": "4px", + "type": "borderRadius" + }, + "color": { + "default": { + "value": "#4D5358", + "type": "color" + }, + "default--reverse": { + "value": "#C1C7CD", + "type": "color" + } + }, + "width": { + "value": "1px", + "type": "borderWidth" + } + } }, - segmentedControl: { - content: { - typo: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 400, - lineHeight: '20px', - fontSize: '14px', - }, - type: 'typography', - }, - color: { - default: { - value: '#4D5358', - type: 'color', - }, - hover: { - value: '#343A3F', - type: 'color', - }, - down: { - value: '#B4E600', - type: 'color', - }, - }, - }, - spacing: { - padding: { - value: '16px', - type: 'spacing', - }, - gap: { - value: '8px', - type: 'spacing', - }, - }, - background: { - color: { - default: { - value: '#F8F9FB', - type: 'color', - }, - hover: { - value: '#F1FFBD', - type: 'color', - }, - selected: { - value: '#ffffff', - type: 'color', - }, - }, - }, - border: { - radius: { - value: '4px', - type: 'borderRadius', - }, - color: { - default: { - value: '#F8F9FB', - type: 'color', - }, - hover: { - value: '#C1C7CD', - type: 'color', - }, - selected: { - value: '#B4E600', - type: 'color', - }, - }, - width: { - value: '1px', - type: 'borderWidth', - }, - }, - }, - dropzone: { - spacing: { - padding: { - value: '24px', - type: 'spacing', - }, - gap: { - value: '8px', - type: 'spacing', - }, - }, - content: { - color: { - default: { - value: '#4D5358', - type: 'color', - }, - hover: { - value: '#98C200', - type: 'color', - }, - 'default--subtle': { - value: '#878D96', - type: 'color', - }, - 'default--icon': { - value: '#E2FF7A', - type: 'color', - }, - 'check--icon': { - value: '#5cbc6a', - type: 'color', - }, - }, - }, - background: { - color: { - default: { - value: '#ffffff', - type: 'color', - }, - hover: { - value: '#F1FFBD', - type: 'color', - }, - }, - }, - border: { - color: { - default: { - value: '#E2FF7A', - type: 'color', - }, - hover: { - value: '#98C200', - type: 'color', - }, - }, - radius: { - value: '4px', - type: 'borderRadius', - }, - width: { - value: '1px', - type: 'borderWidth', - }, - }, - }, - modal: { - background: { - color: { - default: { - value: '#ffffff', - type: 'color', - }, - }, - }, - spacing: { - padding: { - value: '16px', - type: 'spacing', - }, - gap: { - value: '16px', - type: 'spacing', - }, - }, - border: { - radius: { - value: '4px', - type: 'borderRadius', - }, - color: { - default: { - value: '#ffffff', - type: 'color', - }, - }, - width: { - value: '2px', - type: 'borderWidth', - }, - }, - }, - dropdown: { - content: { - color: { - default: { - value: '#0C1F22', - type: 'color', - }, - 'default--alt': { - value: '#878D96', - type: 'color', - }, - }, - typo: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 400, - lineHeight: '24px', - fontSize: '14px', - }, - type: 'typography', - }, - 'typo--medium': { - value: { - fontFamily: 'Albert Sans', - fontWeight: 500, - lineHeight: '24px', - fontSize: '14px', - }, - type: 'typography', - }, - }, - spacing: { - padding: { - sm: { - value: '4px', - type: 'spacing', - }, - md: { - value: '8px', - type: 'spacing', - }, - }, - gap: { - '1xsm': { - value: '{global.spacing.gap.1xsm}', - type: 'spacing', - }, - md: { - value: '{global.spacing.gap.md}', - type: 'spacing', - }, - value: '8px', - type: 'spacing', - }, - }, - background: { - color: { - default: { - value: '#ffffff', - type: 'color', - }, - hover: { - value: '#F1FFBD', - type: 'color', - }, - down: { - value: '#E2FF7A', - type: 'color', - }, - active: { - value: '#F2F4F8', - type: 'color', - }, - }, - }, - border: { - radius: { - value: '4px', - type: 'borderRadius', - }, - width: { - value: '1px', - type: 'borderWidth', - }, - color: { - default: { - value: '#C1C7CD', - type: 'color', - }, - }, - }, - shadow: { - default: { - value: [ - { - color: '#21272a14', - type: 'dropShadow', - x: 0, - y: 10, - blur: 36, - spread: 0, - }, - ], - type: 'boxShadow', - }, - }, - }, - score: { - content: { - color: { - default: { - value: '#4D5358', - type: 'color', - }, - muted: { - value: '#878D96', - type: 'color', - }, - 'default--reverse': { - value: '#ffffff', - type: 'color', - }, - }, - typo: { - sm: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 400, - lineHeight: '16px', - fontSize: '12px', - textCase: 'none', - }, - type: 'typography', - }, - md: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 600, - lineHeight: '20px', - fontSize: '14px', - textCase: 'none', - }, - type: 'typography', - }, - 'lg--bold': { - value: { - fontFamily: 'Albert Sans', - fontWeight: 600, - lineHeight: '24px', - fontSize: '16px', - textCase: 'none', - }, - type: 'typography', - }, - lg: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 400, - lineHeight: '24px', - fontSize: '16px', - textCase: 'none', - letterSpacing: '', - paragraphSpacing: '24px', - }, - type: 'typography', - }, - xlg: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 400, - lineHeight: '32px', - fontSize: '23px', - textCase: 'none', - }, - type: 'typography', - }, - '2xlg': { - value: { - fontFamily: 'Albert Sans', - fontWeight: 600, - lineHeight: '40px', - fontSize: '29px', - textCase: 'none', - }, - type: 'typography', - }, - }, - }, - background: { - color: { - neutral: { - default: { - value: '#F2F4F8', - type: 'color', - }, - emphasis: { - value: '#DDE1E6', - type: 'color', - }, - subtle: { - value: '#F8F9FB', - type: 'color', - }, - hover: { - value: '#F1FFBD', - type: 'color', - }, - active: { - value: '#ffffff', - type: 'color', - }, - }, - positive: { - default: { - value: '#5cbc6a', - type: 'color', - }, - emphasis: { - value: '#368442', - type: 'color', - }, - muted: { - value: '#c9e9cd', - type: 'color', - }, - }, - attention: { - default: { - value: '#f39c12', - type: 'color', - }, - emphasis: { - value: '#ba7609', - type: 'color', - }, - muted: { - value: '#fef3e1', - type: 'color', - }, - }, - negative: { - default: { - value: '#d13b3b', - type: 'color', - }, - emphasis: { - value: '#b52a2a', - type: 'color', - }, - muted: { - value: '#f0bebe', - type: 'color', - }, - }, - }, - }, - border: { - color: { - neutral: { - default: { - value: '#F2F4F8', - type: 'color', - }, - emphasis: { - value: '#DDE1E6', - type: 'color', - }, - active: { - value: '#B4E600', - type: 'color', - }, - }, - positive: { - default: { - value: '#5cbc6a', - type: 'color', - }, - emphasis: { - value: '#368442', - type: 'color', - }, - muted: { - value: '#c9e9cd', - type: 'color', - }, - }, - attention: { - default: { - value: '#f39c12', - type: 'color', - }, - emphasis: { - value: '#ba7609', - type: 'color', - }, - muted: { - value: '#fef3e1', - type: 'color', - }, - }, - negative: { - default: { - value: '#d13b3b', - type: 'color', - }, - emphasis: { - value: '#b52a2a', - type: 'color', - }, - muted: { - value: '#f0bebe', - type: 'color', - }, - }, - }, - width: { - value: '1px', - type: 'borderWidth', - }, - radius: { - md: { - value: '4px', - type: 'borderRadius', - }, - lg: { - value: '8px', - type: 'borderRadius', - }, - }, - }, - spacing: { - padding: { - md: { - value: '8px', - type: 'spacing', - }, - lg: { - value: '16px', - type: 'spacing', - }, - xlg: { - value: '32px', - type: 'spacing', - }, - }, - gap: { - value: '8px', - type: 'spacing', - }, - }, - }, - tree: { - content: { - typo: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 400, - fontSize: '14px', - lineHeight: '24px', - }, - type: 'typography', - }, - color: { - default: { - value: '#4D5358', - type: 'color', - }, - }, - }, - spacing: { - gap: { - sm: { - value: '4px', - type: 'spacing', - }, - md: { - value: '8px', - type: 'spacing', - }, - }, - padding: { - vertical: { - value: '3px', - type: 'spacing', - }, - horizontal: { - value: '8px', - type: 'spacing', - }, - }, - }, - border: { - width: { - value: '1px', - type: 'borderWidth', - }, - color: { - default: { - value: '#ffffff', - type: 'color', - }, - hover: { - value: '#DDE1E6', - type: 'color', - }, - 'default-alt': { - value: '#B4E600', - type: 'color', - }, - 'hover-alt': { - value: '#878D96', - type: 'color', - }, - }, - radius: { - value: '4px', - type: 'borderRadius', - }, - }, - background: { - color: { - default: { - value: '#ffffff', - type: 'color', - }, - hover: { - value: '#F8F9FB', - type: 'color', - }, - }, - }, - }, - breadcrumbs: { - content: { - typo: { - default: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 500, - lineHeight: 20, - fontSize: 14, - }, - type: 'typography', - }, - hover: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 500, - lineHeight: 20, - fontSize: 14, - textDecoration: 'underline', - }, - type: 'typography', - }, - current: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 500, - lineHeight: 20, - fontSize: 14, - }, - type: 'typography', - }, - }, - color: { - default: { - value: '#0C1F22', - type: 'color', - }, - hover: { - value: '#B4E600', - type: 'color', - }, - 'default--alt': { - value: '#343A3F', - type: 'color', - }, - }, - }, - }, - breadcrumb: { - spacing: { - gap: { - value: '8px', - type: 'spacing', - }, - }, - }, - pager: { - content: { - typo: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 500, - lineHeight: 20, - fontSize: 14, - }, - type: 'typography', - }, - 'typo--bold': { - value: { - fontFamily: 'Albert Sans', - fontWeight: 500, - lineHeight: 20, - fontSize: 14, - }, - type: 'typography', - }, - color: { - default: { - value: '#0C1F22', - type: 'color', - }, - }, - }, - background: { - color: { - default: { - value: 'transparent', - type: 'color', - }, - hover: { - value: '#F1FFBD', - type: 'color', - }, - down: { - value: '#F1FFBD', - type: 'color', - }, - selected: { - value: 'transparent', - type: 'color', - }, - }, - }, - border: { - color: { - default: { - value: 'transparent', - type: 'color', - }, - hover: { - value: '#F1FFBD', - type: 'color', - }, - down: { - value: '#C1C7CD', - type: 'color', - }, - selected: { - value: '#E2FF7A', - type: 'color', - }, - }, - radius: { - value: '99em', - type: 'borderRadius', - }, - width: { - value: '1px', - type: 'borderWidth', - }, - }, - size: { - md: { - value: '48px', - type: 'sizing', - }, - }, - spacing: { - gap: { - lg: { - value: '16px', - type: 'spacing', - }, - md: { - value: '8px', - type: 'spacing', - }, - }, - }, - }, - tooltip: { - content: { - typo: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 500, - lineHeight: 20, - fontSize: 14, - }, - type: 'typography', - }, - color: { - default: { - value: '#ffffff', - type: 'color', - }, - 'default-reverse': { - value: '#4D5358', - type: 'color', - }, - }, - }, - background: { - color: { - default: { - value: '#4D5358', - type: 'color', - }, - 'default--alt': { - value: '#B4E600', - type: 'color', - }, - 'default-reverse': { - value: '#ffffff', - type: 'color', - }, - }, - }, - spacing: { - padding: { - vertical: { - sm: { - value: '4px', - type: 'spacing', - }, - md: { - value: '12px', - type: 'spacing', - }, - }, - horizontal: { - sm: { - value: '8px', - type: 'spacing', - }, - md: { - value: '12px', - type: 'spacing', - }, - }, - }, - gap: { - value: '16px', - type: 'spacing', - }, - }, - border: { - radius: { - value: '2px', - type: 'borderRadius', - }, - }, - }, - banner: { - content: { - typo: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 500, - lineHeight: '24px', - fontSize: '14px', - }, - type: 'typography', - }, - 'typo--bold': { - value: { - fontFamily: 'Albert Sans', - fontWeight: 500, - lineHeight: '24px', - fontSize: '14px', - }, - type: 'typography', - }, - color: { - default: { - value: '#4D5358', - type: 'color', - }, - success: { - value: '#368442', - type: 'color', - }, - error: { - value: '#b52a2a', - type: 'color', - }, - warning: { - value: '#ba7609', - type: 'color', - }, - info: { - value: '#98C200', - type: 'color', - }, - }, - }, - spacing: { - padding: { - vertical: { - xsm: { - value: '4px', - type: 'spacing', - }, - sm: { - value: '8px', - type: 'spacing', - }, - md: { - value: '12px', - type: 'spacing', - }, - }, - horizontal: { - sm: { - value: '16px', - type: 'spacing', - }, - md: { - value: '24px', - type: 'spacing', - }, - }, - }, - gap: { - value: '16px', - type: 'spacing', - }, - }, - background: { - color: { - success: { - value: '#e4f4e6', - type: 'color', - }, - error: { - value: '#f7dede', - type: 'color', - }, - warning: { - value: '#fef3e1', - type: 'color', - }, - info: { - value: '#F1FFBD', - type: 'color', - }, - }, - }, - border: { - radius: { - value: '4px', - type: 'borderRadius', - }, - }, - }, - chip: { - content: { - typo: { - sm: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 400, - lineHeight: '16px', - fontSize: '12px', - }, - type: 'typography', - }, - md: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 400, - lineHeight: '24px', - fontSize: '14px', - }, - type: 'typography', - }, - }, - color: { - default: { - value: '#4D5358', - type: 'color', - }, - }, - }, - background: { - color: { - default: { - value: '#F2F4F8', - type: 'color', - }, - hover: { - value: '#DDE1E6', - type: 'color', - }, - 'default--alt': { - value: 'transparent', - type: 'color', - }, - 'hover--alt': { - value: '#F8F9FB', - type: 'color', - }, - }, - }, - border: { - color: { - default: { - value: '#C1C7CD', - type: 'color', - }, - hover: { - value: '#878D96', - type: 'color', - }, - 'default--alt': { - value: '#878D96', - type: 'color', - }, - 'hover--alt': { - value: '#4D5358', - type: 'color', - }, - empty: { - value: 'transparent', - type: 'color', - }, - }, - width: { - value: '1px', - type: 'borderWidth', - }, - radius: { - value: '99em', - type: 'borderRadius', - }, - }, - spacing: { - padding: { - horizontal: { - sm: { - value: '8px', - type: 'spacing', - }, - }, - vertical: { - sm: { - value: '3px', - type: 'spacing', - }, - }, - }, - }, - }, - toast: { - spacing: { - padding: { - value: '16px', - type: 'spacing', - }, - gap: { - value: '16px', - type: 'spacing', - }, - }, - content: { - color: { - default: { - value: '#ffffff', - type: 'color', - }, - 'default--reverse': { - value: '#4D5358', - type: 'color', - }, - 'default--alt': { - value: '#C1C7CD', - type: 'color', - }, - 'default--alt--reverse': { - value: '#878D96', - type: 'color', - }, - }, - typo: { - sm: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 500, - fontSize: '10px', - lineHeight: '14px', - }, - type: 'typography', - }, - md: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 500, - lineHeight: 24, - fontSize: 14, - }, - type: 'typography', - }, - }, - }, - background: { - color: { - default: { - value: '#4D5358', - type: 'color', - }, - 'default--reverse': { - value: '#ffffff', - type: 'color', - }, - }, - }, - border: { - radius: { - value: '4px', - type: 'borderRadius', - }, - color: { - default: { - value: '#4D5358', - type: 'color', - }, - 'default--reverse': { - value: '#C1C7CD', - type: 'color', - }, - }, - width: { - value: '1px', - type: 'borderWidth', - }, - }, - }, - menu: { - spacing: { - padding: { - xms: { - value: '4px', - type: 'spacing', - }, - '3xms': { - value: '2px', - type: 'spacing', - }, - xsm: { - value: '8px', - type: 'spacing', - }, - sm: { - value: '12px', - type: 'spacing', - }, - md: { - value: '16px', - type: 'spacing', - }, - xlslg: { - value: '28px', - type: 'spacing', - }, - xlgm: { - value: '52px', - type: 'spacing', - }, - lg: { - value: '24px', - type: 'spacing', - }, - }, - gap: { - value: '12px', - type: 'spacing', - }, - 'gap--1xsm': { - value: '2px', - type: 'spacing', - }, - 'gap-md': { - value: '8px', - type: 'spacing', - }, - }, - content: { - color: { - main: { - default: { - value: '#0C1F22', - type: 'color', - }, - hover: { - value: '#ffffff', - type: 'color', - }, - active: { - value: '#ffffff', - type: 'color', - }, - }, - sub: { - default: { - value: '#ffffff', - type: 'color', - }, - hover: { - value: '#ffffff', - type: 'color', - }, - active: { - value: '#ffffff', - type: 'color', - }, - }, - }, - 'typo--regular': { - value: { - fontFamily: 'Albert Sans', - fontWeight: 400, - lineHeight: '20px', - fontSize: '14px', - }, - type: 'typography', - }, - 'typo--medium': { - value: { - fontFamily: 'Albert Sans', - fontWeight: 500, - lineHeight: '20px', - fontSize: '14px', - }, - type: 'typography', - }, - typo: { - md: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 500, - fontSize: '14px', - lineHeight: '20px', - }, - type: 'typography', - }, - }, - }, - background: { - color: { - main: { - default: { - value: '#ffffff', - type: 'color', - }, - hover: { - value: '#F1FFBD', - type: 'color', - }, - active: { - value: '#E2FF7A', - type: 'color', - }, - }, - sub: { - default: { - value: '#0C1F22', - type: 'color', - }, - hover: { - value: '#B4E600', - type: 'color', - }, - active: { - value: '#B4E600', - type: 'color', - }, - }, - }, - }, - size: { - md: { - value: '48px', - type: 'sizing', - }, - lg: { - value: '56px', - type: 'sizing', - }, - }, - border: { - color: { - main: { - active: { - value: '#B4E600', - type: 'color', - }, - default: { - value: '#DDE1E6', - type: 'color', - }, - }, - }, - radius: { - md: { - value: '4px', - type: 'borderRadius', - }, - }, - }, - shadow: { - value: [ - { - color: '#21272a0d', - type: 'dropShadow', - x: 32, - y: 0, - blur: 32, - spread: 0, - }, - ], - type: 'boxShadow', - }, - footer: { - value: [ - { - color: '#21272a1f', - type: 'dropShadow', - x: 0, - y: 10, - blur: 36, - spread: 0, - }, - ], - type: 'boxShadow', - }, - modal: { - value: [ - { - color: '#21272a29', - type: 'dropShadow', - x: 0, - y: 10, - blur: 36, - spread: 0, - }, - ], - type: 'boxShadow', - }, - }, - stepper: { - content: { - typo: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 600, - fontSize: 14, - lineHeight: 20, - }, - type: 'typography', - }, - 'typo-pending': { - value: { - fontFamily: 'Albert Sans', - fontWeight: 500, - fontSize: 14, - lineHeight: 20, - }, - type: 'typography', - }, - color: { - pending: { - value: '{global.content.color.secondary.mutedSuble}', - type: 'color', - failedToResolve: true, - }, - 'pending-text': { - value: '#0C1F22', - type: 'color', - }, - active: { - value: '#B4E600', - type: 'color', - }, - completed: { - value: '#343A3F', - type: 'color', - }, - default: { - value: '#878D96', - type: 'color', - }, - }, - }, - spacing: { - gap: { - value: '4px', - type: 'spacing', - }, - xsm: { - value: '6px', - type: 'spacing', - }, - padding: { - xsm: { - value: '8px', - type: 'spacing', - }, - md: { - value: '16px', - type: 'spacing', - }, - }, - }, - background: { - color: { - pending: { - value: '{global.background.color.primary.verySubtle}', - type: 'color', - failedToResolve: true, - }, - active: { - value: '{global.background.color.primary.verySubtle}', - type: 'color', - failedToResolve: true, - }, - 'active--reverse': { - value: '#DDE1E6', - type: 'color', - }, - completed: { - value: '#B4E600', - type: 'color', - }, - }, - }, - border: { - color: { - default: { - value: '#C1C7CD', - type: 'color', - }, - active: { - value: '#C1C7CD', - type: 'color', - }, - 'active--reverse': { - value: '#ffffff', - type: 'color', - }, - completed: { - value: '#B4E600', - type: 'color', - }, - }, - radius: { - value: '50%', - type: 'borderRadius', - }, - md: { - value: '4px', - type: 'borderRadius', - }, - width: { - value: '1px', - type: 'borderWidth', - }, - }, - size: { - sm: { - value: '12px', - type: 'sizing', - }, - md: { - value: '20px', - type: 'sizing', - }, - xlg: { - value: '24px', - type: 'sizing', - }, - }, - }, - accordion: { - content: { - typo: { - md: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 500, - lineHeight: '24px', - fontSize: '16px', - }, - type: 'typography', - }, - sm: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 400, - lineHeight: '20px', - fontSize: '14px', - }, - type: 'typography', - }, - }, - color: { - default: { - value: '#4D5358', - type: 'color', - }, - }, - }, - background: { - color: { - default: { - value: '#ffffff', - type: 'color', - }, - 'default--alt': { - value: '#F8F9FB', - type: 'color', - }, - }, - }, - border: { - color: { - default: { - value: '#DDE1E6', - type: 'color', - }, - }, - width: { - value: '1px', - type: 'borderWidth', - }, - radius: { - value: '8px', - type: 'borderRadius', - }, - }, - spacing: { - padding: { - md: { - value: '16px', - type: 'spacing', - }, - lg: { - value: '24px', - type: 'spacing', - }, - }, - gap: { - value: '16px', - type: 'spacing', - }, - }, - }, - table: { - content: { - typo: { - md: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 400, - lineHeight: 20, - fontSize: 14, - }, - type: 'typography', - }, - 'md--bold': { - value: { - fontFamily: 'Albert Sans', - fontWeight: 500, - lineHeight: 20, - fontSize: 14, - }, - type: 'typography', - }, - sm: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 400, - lineHeight: 16, - fontSize: 12, - }, - type: 'typography', - }, - }, - color: { - default: { - value: '#4D5358', - type: 'color', - }, - }, - }, - background: { - color: { - default: { - value: '#ffffff', - type: 'color', - }, - }, - }, - border: { - color: { - default: { - value: '#DDE1E6', - type: 'color', - }, - emphasis: { - value: '#878D96', - type: 'color', - }, - }, - width: { - value: '2px', - type: 'borderWidth', - }, - radius: { - value: '4px', - type: 'borderRadius', - }, - }, - spacing: { - padding: { - sm: { - value: '4px', - type: 'spacing', - }, - md: { - value: '8px', - type: 'spacing', - }, - }, - gaps: { - sm: { - value: '4px', - type: 'spacing', - }, - md: { - value: '8px', - type: 'spacing', - }, - lg: { - value: '16px', - type: 'spacing', - }, - }, - }, - }, - timeline: { - content: { - color: { - default: { - value: '#4D5358', - type: 'color', - }, - 'default--reverse': { - value: '#ffffff', - type: 'color', - }, - }, - typo: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 600, - lineHeight: '20px', - fontSize: '14px', - }, - type: 'typography', - }, - }, - background: { - color: { - default: { - value: '#4D5358', - type: 'color', - }, - 'default--reverse': { - value: '#ffffff', - type: 'color', - }, - }, - }, - spacing: { - gap: { - value: '4px', - type: 'spacing', - }, - padding: { - value: '24px', - type: 'spacing', - }, - }, - border: { - color: { - default: { - value: '#4D5358', - type: 'color', - }, - 'default--reverse': { - value: '#ffffff', - type: 'color', - }, - }, - width: { - sm: { - value: '1px', - type: 'borderWidth', - }, - md: { - value: '2px', - type: 'borderWidth', - }, - }, - }, - }, - swiper: { - size: { - md: { - value: '48px', - type: 'sizing', - }, - }, - content: { - color: { - default: { - value: '#878D96', - type: 'color', - }, - }, - }, - background: { - color: { - default: { - value: '#F2F4F8', - type: 'color', - }, - hover: { - value: '#DDE1E6', - type: 'color', - }, - }, - }, - spacing: { - gap: { - value: '16px', - type: 'spacing', - }, - padding: { - value: '48px', - type: 'spacing', - }, - }, - border: { - radius: { - value: '2px', - type: 'borderRadius', - }, - }, - }, - comunica: { - content: { - typo: { - '01': { - value: { - fontFamily: 'Albert Sans', - fontWeight: 400, - lineHeight: 24, - fontSize: 14, - }, - type: 'typography', - }, - '02': { - value: { - fontFamily: 'Albert Sans', - fontWeight: 500, - lineHeight: 24, - fontSize: 14, - }, - type: 'typography', - }, - }, - color: { - default: { - value: '#343A3F', - type: 'color', - }, - 'default--alt': { - value: '#C1C7CD', - type: 'color', - }, - }, - }, - background: { - color: { - default: { - value: '#F8F9FB', - type: 'color', - }, - muted: { - value: '#ffffff', - type: 'color', - }, - emphasis: { - value: '#F2F4F8', - type: 'color', - }, - }, - }, - border: { - color: { - default: { - value: '#C1C7CD', - type: 'color', - }, - 'default--alt': { - value: '#98C200', - type: 'color', - }, - }, - width: { - sm: { - value: '1px', - type: 'borderWidth', - }, - md: { - value: '2px', - type: 'borderWidth', - }, - }, - radius: { - value: '4px', - type: 'borderRadius', - }, - }, - spacing: { - padding: { - sm: { - value: '4px', - type: 'spacing', - }, - md: { - value: '8px', - type: 'spacing', - }, - lg: { - value: '16px', - type: 'spacing', - }, - xlg: { - value: '96px', - type: 'spacing', - }, - }, - gap: { - sm: { - value: '4px', - type: 'spacing', - }, - md: { - value: '8px', - type: 'spacing', - }, - lg: { - value: '16px', - type: 'spacing', - }, - }, - }, - }, - menuLibrary: { - content: { - color: { - main: { - default: { - value: '#4D5358', - type: 'color', - }, - hover: { - value: '#4D5358', - type: 'color', - }, - active: { - value: '#B4E600', - type: 'color', - }, - }, - sub: { - default: { - value: '#ffffff', - type: 'color', - }, - hover: { - value: '#ffffff', - type: 'color', - }, - active: { - value: '#ffffff', - type: 'color', - }, - }, - }, - }, - background: { - color: { - main: { - default: { - value: '#ffffff', - type: 'color', - }, - hover: { - value: '#ffffff', - type: 'color', - }, - active: { - value: '{global.background.color.primary.verySubtle}', - type: 'color', - failedToResolve: true, - }, - }, - sub: { - default: { - value: '#ffffff', - type: 'color', - }, - hover: { - value: '#ffffff', - type: 'color', - }, - active: { - value: '#ffffff', - type: 'color', - }, - }, - }, - }, - }, - headerCreate: { - spacing: { - padding: { - lg: { - value: '24px', - type: 'spacing', - }, - }, - }, - border: { - width: { - sm: { - value: '1px', - type: 'borderWidth', - }, - }, - }, - }, - HeaderCreate: { - content: { - color: { - default: { - value: '#343A3F', - type: 'color', - }, - }, - }, - background: { - color: { - default: { - value: '#ffffff', - type: 'color', - }, - }, - }, - border: { - color: { - hover: { - value: '#DDE1E6', - type: 'color', - }, - }, - }, - }, - cardLibrary: { - spacing: { - padding: { - horizontal: { - xsm: { - value: '8px', - type: 'spacing', - }, - sm: { - value: '12px', - type: 'spacing', - }, - md: { - value: '16px', - type: 'spacing', - }, - '2xsm': { - value: '4px', - type: 'spacing', - }, - }, - vertical: { - xsm: { - value: '8px', - type: 'spacing', - }, - sm: { - value: '12px', - type: 'spacing', - }, - md: { - value: '16px', - type: 'spacing', - }, - '2xsm': { - value: '4px', - type: 'spacing', - }, - }, - }, - gap: { - sm: { - value: '4px', - type: 'spacing', - }, - md: { - value: '8px', - type: 'spacing', - }, - lg: { - value: '16px', - type: 'spacing', - }, - xlg: { - value: '24px', - type: 'spacing', - }, - }, - }, - content: { - color: { - emphasis: { - value: '#2F463F', - type: 'color', - }, - default: { - value: '#4D5358', - type: 'color', - }, - subje: { - value: '#343A3F', - type: 'color', - }, - muted: { - value: '#878D96', - type: 'color', - }, - icon: { - value: '#878D96', - type: 'color', - }, - }, - typo: { - lg: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 500, - lineHeight: '24px', - fontSize: '18px', - }, - type: 'typography', - }, - md: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 400, - lineHeight: 20, - fontSize: 14, - }, - type: 'typography', - }, - sm: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 400, - lineHeight: '16px', - fontSize: '12px', - }, - type: 'typography', - }, - }, - }, - background: { - color: { - default: { - value: '#ffffff', - type: 'color', - }, - cover: { - value: '#F2F4F8', - type: 'color', - }, - }, - }, - border: { - color: { - defaut: { - value: '#878D96', - type: 'color', - }, - subtle: { - value: '#DDE1E6', - type: 'color', - }, - }, - radius: { - sm: { - value: '2px', - type: 'borderRadius', - }, - circle: { - value: '50%', - type: 'borderRadius', - }, - }, - width: { - sm: { - value: '1px', - type: 'borderWidth', - }, - lg: { - value: '4px', - type: 'borderWidth', - }, - }, - }, - shadow: { - hover: { - value: [ - { - color: '#21272a14', - type: 'dropShadow', - x: 0, - y: 10, - blur: 36, - spread: 0, - }, - ], - type: 'boxShadow', - }, - }, - }, - buttonIconCard: { - spacing: { - padding: { - sm: { - value: '2px', - type: 'spacing', - }, - }, - }, - content: { - color: { - primary: { - default: { - value: '#ffffff', - type: 'color', - }, - hover: { - value: '#ffffff', - type: 'color', - }, - down: { - value: '#ffffff', - type: 'color', - }, - }, - }, - }, - background: { - color: { - primary: { - default: { - value: '#4d535866', - type: 'color', - }, - hover: { - value: '#4d5358b3', - type: 'color', - }, - down: { - value: '#4D5358', - type: 'color', - }, - }, - }, - }, - border: { - radius: { - md: { - value: '4px', - type: 'borderRadius', - }, - }, - }, - }, - ButtonIconCard: { - blur: { - default: { - value: '4px', - type: 'dimension', - }, - }, - }, - buttonIconLike: { - content: { - color: { - primary: { - default: { - value: '#878D96', - type: 'color', - }, - hover: { - value: '#FF5470', - type: 'color', - }, - active: { - value: '#FF5470', - type: 'color', - }, - }, - }, - }, - }, - global: { - focus: { - default: { - value: { - x: 0, - y: 0, - blur: 0, - spread: 2, - color: '#98C200', - type: 'dropShadow', - }, - type: 'boxShadow', - }, - 'default-border': { - value: { - color: '#98C200', - width: '2px', - style: 'solid', - }, - type: 'border', - }, - }, - content: { - color: { - text: { - emphasis: { - value: '#343A3F', - type: 'color', - }, - default: { - value: '#4D5358', - type: 'color', - }, - muted: { - value: '#878D96', - type: 'color', - }, - subtle: { - value: '#C1C7CD', - type: 'color', - }, - 'default--reverse': { - value: '#ffffff', - type: 'color', - }, - }, - icon: { - emphasis: { - value: '#4D5358', - type: 'color', - }, - default: { - value: '#878D96', - type: 'color', - }, - muted: { - value: '#C1C7CD', - type: 'color', - }, - 'default--reverse': { - value: '#ffffff', - type: 'color', - }, - }, - primary: { - subtle: { - value: '#F1FFBD', - type: 'color', - }, - muted: { - value: '#E2FF7A', - type: 'color', - }, - default: { - value: '#B4E600', - type: 'color', - }, - emphasis: { - value: '#98C200', - type: 'color', - }, - strong: { - value: '#4A6000', - type: 'color', - }, - }, - secondary: { - default: { - value: '#0C1F22', - type: 'color', - }, - emphasis: { - value: '#343A3F', - type: 'color', - }, - muted: { - value: '#878D96', - type: 'color', - }, - subtle: { - value: '#F2F4F8', - type: 'color', - }, - }, - negative: { - default: { - value: '#d13b3b', - type: 'color', - }, - emphasis: { - value: '#b52a2a', - type: 'color', - }, - muted: { - value: '#e07c7c', - type: 'color', - }, - subtle: { - value: '#f7dede', - type: 'color', - }, - }, - positive: { - default: { - value: '#5cbc6a', - type: 'color', - }, - emphasis: { - value: '#368442', - type: 'color', - }, - muted: { - value: '#aedeb5', - type: 'color', - }, - subtle: { - value: '#e4f4e6', - type: 'color', - }, - }, - transparent: { - value: 'transparent', - type: 'color', - }, - disabled: { - value: '#C1C7CD', - type: 'color', - }, - attention: { - default: { - value: '#f39c12', - type: 'color', - }, - emphasis: { - value: '#ba7609', - type: 'color', - }, - muted: { - value: '#f8c16b', - type: 'color', - }, - subtle: { - value: '#fef3e1', - type: 'color', - }, - }, - tertiary: { - default: { - value: '#2F463F', - type: 'color', - }, - }, - accent: { - default: { - value: '#FF5470', - type: 'color', - }, - }, - }, - typo: { - heading: { - xlg: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 500, - lineHeight: '32px', - fontSize: '26px', - }, - type: 'typography', - }, - 'xlg--semiBold': { - value: { - fontFamily: 'Albert Sans', - fontWeight: 600, - lineHeight: '32px', - fontSize: '26px', - }, - type: 'typography', - }, - lg: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 500, - lineHeight: '28px', - fontSize: '23px', - }, - type: 'typography', - }, - 'lg--semiBold': { - value: { - fontFamily: 'Albert Sans', - fontWeight: 600, - lineHeight: '28px', - fontSize: '23px', - }, - type: 'typography', - }, - md: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 500, - lineHeight: '24px', - fontSize: '20px', - }, - type: 'typography', - }, - 'md--semiBold': { - value: { - fontFamily: 'Albert Sans', - fontWeight: 600, - lineHeight: '24px', - fontSize: '20px', - }, - type: 'typography', - }, - sm: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 500, - lineHeight: '24px', - fontSize: '18px', - }, - type: 'typography', - }, - 'sm--semiBold': { - value: { - fontFamily: 'Albert Sans', - fontWeight: 600, - lineHeight: '24px', - fontSize: '18px', - }, - type: 'typography', - }, - xsm: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 400, - lineHeight: '20px', - fontSize: '14px', - }, - type: 'typography', - }, - 'xsm--semiBold': { - value: { - fontFamily: 'Albert Sans', - fontWeight: 600, - lineHeight: '24px', - fontSize: '16px', - }, - type: 'typography', - }, - }, - body: { - lg: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 400, - lineHeight: '24px', - fontSize: '18px', - }, - type: 'typography', - }, - 'lg--medium': { - value: { - fontFamily: 'Albert Sans', - fontWeight: 500, - lineHeight: '24px', - fontSize: '18px', - }, - type: 'typography', - }, - 'lg--semiBold': { - value: { - fontFamily: 'Albert Sans', - fontWeight: 600, - lineHeight: '24px', - fontSize: '18px', - }, - type: 'typography', - }, - md: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 400, - lineHeight: '24px', - fontSize: '16px', - }, - type: 'typography', - }, - 'md--medium': { - value: { - fontFamily: 'Albert Sans', - fontWeight: 500, - lineHeight: '24px', - fontSize: '16px', - }, - type: 'typography', - }, - 'md--semiBold': { - value: { - fontFamily: 'Albert Sans', - fontWeight: 600, - lineHeight: '24px', - fontSize: '16px', - }, - type: 'typography', - }, - sm: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 400, - lineHeight: '20px', - fontSize: '14px', - }, - type: 'typography', - }, - 'sm--medium': { - value: { - fontFamily: 'Albert Sans', - fontWeight: 500, - lineHeight: '20px', - fontSize: '14px', - }, - type: 'typography', - }, - 'sm--semiBold': { - value: { - fontFamily: 'Albert Sans', - fontWeight: 600, - lineHeight: '20px', - fontSize: '14px', - }, - type: 'typography', - }, - xsm: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 400, - lineHeight: '16px', - fontSize: '12px', - }, - type: 'typography', - }, - 'xsm--semiBold': { - value: { - fontFamily: 'Albert Sans', - fontWeight: 600, - lineHeight: '16px', - fontSize: '12px', - }, - type: 'typography', - }, - 'lg--bold': { - value: { - fontFamily: 'Albert Sans', - fontWeight: 500, - lineHeight: '24px', - fontSize: '18px', - }, - type: 'typography', - }, - 'md--bold': { - value: { - fontFamily: 'Albert Sans', - fontWeight: 500, - lineHeight: '24px', - fontSize: '16px', - }, - type: 'typography', - }, - 'sm--bold': { - value: { - fontFamily: 'Albert Sans', - fontWeight: 500, - lineHeight: '20px', - fontSize: '14px', - }, - type: 'typography', - }, - }, - caption: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 500, - fontSize: '10px', - lineHeight: '14px', - }, - type: 'typography', - }, - }, - typoMobile: { - heading: { - xlg: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 600, - lineHeight: '32px', - fontSize: '26px', - }, - type: 'typography', - }, - lg: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 600, - lineHeight: '28px', - fontSize: '23px', - }, - type: 'typography', - }, - md: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 600, - lineHeight: '24px', - fontSize: '20px', - }, - type: 'typography', - }, - sm: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 600, - lineHeight: '20px', - fontSize: '18px', - }, - type: 'typography', - }, - xsm: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 600, - lineHeight: '16px', - fontSize: '16px', - }, - type: 'typography', - }, - }, - body: { - lg: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 400, - lineHeight: '24px', - fontSize: '16px', - }, - type: 'typography', - }, - 'lg--bold': { - value: { - fontFamily: 'Albert Sans', - fontWeight: 500, - lineHeight: '24px', - fontSize: '16px', - }, - type: 'typography', - }, - md: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 400, - lineHeight: '20px', - fontSize: '14px', - }, - type: 'typography', - }, - 'md--bold': { - value: { - fontFamily: 'Albert Sans', - fontWeight: 500, - lineHeight: '20px', - fontSize: '14px', - }, - type: 'typography', - }, - sm: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 400, - lineHeight: '16px', - fontSize: '12px', - }, - type: 'typography', - }, - 'sm--bold': { - value: { - fontFamily: 'Albert Sans', - fontWeight: 500, - lineHeight: '16px', - fontSize: '12px', - }, - type: 'typography', - }, - }, - caption: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 400, - lineHeight: '16px', - fontSize: '12px', - }, - type: 'typography', - }, - }, - }, - background: { - color: { - surface: { - default: { - value: '#ffffff', - type: 'color', - }, - emphasis: { - value: '#DDE1E6', - type: 'color', - }, - muted: { - value: '#F2F4F8', - type: 'color', - }, - subtle: { - value: '#F8F9FB', - type: 'color', - }, - 'default--reverse': { - value: '#4D5358', - type: 'color', - }, - }, - primary: { - subtle: { - value: '#F1FFBD', - type: 'color', - }, - muted: { - value: '#E2FF7A', - type: 'color', - }, - default: { - value: '#B4E600', - type: 'color', - }, - emphasis: { - value: '#98C200', - type: 'color', - }, - strong: { - value: '#4A6000', - type: 'color', - }, - }, - secondary: { - default: { - value: '#0C1F22', - type: 'color', - }, - emphasis: { - value: '#343A3F', - type: 'color', - }, - muted: { - value: '#878D96', - type: 'color', - }, - subtle: { - value: '#F8F9FB', - type: 'color', - }, - }, - accent: { - default: { - value: '#FF5470', - type: 'color', - }, - emphasis: { - value: '#ebeb00', - type: 'color', - }, - subtle: { - value: '#ffffe0', - type: 'color', - }, - }, - negative: { - default: { - value: '#d13b3b', - type: 'color', - }, - emphasis: { - value: '#b52a2a', - type: 'color', - }, - muted: { - value: '#f0bebe', - type: 'color', - }, - subtle: { - value: '#f7dede', - type: 'color', - }, - }, - positive: { - default: { - value: '#5cbc6a', - type: 'color', - }, - emphasis: { - value: '#368442', - type: 'color', - }, - muted: { - value: '#c9e9cd', - type: 'color', - }, - subtle: { - value: '#e4f4e6', - type: 'color', - }, - }, - transparent: { - value: 'transparent', - type: 'color', - }, - disabled: { - value: '#F2F4F8', - type: 'color', - }, - overlay: { - default: { - value: '#f2f4f880', - type: 'color', - }, - }, - attention: { - default: { - value: '#f39c12', - type: 'color', - }, - emphasis: { - value: '#ba7609', - type: 'color', - }, - muted: { - value: '#fbdaa6', - type: 'color', - }, - subtle: { - value: '#fef3e1', - type: 'color', - }, - }, - info: { - default: { - value: '#307AE8', - type: 'color', - }, - emphasis: { - value: '#155AC1', - type: 'color', - }, - muted: { - value: '#B1CDF6', - type: 'color', - }, - subtle: { - value: '#E8F0FC', - type: 'color', - }, - }, - tertiary: { - default: { - value: '#2F463F', - type: 'color', - }, - }, - }, - }, - border: { - width: { - sm: { - value: '1px', - type: 'borderWidth', - }, - md: { - value: '2px', - type: 'borderWidth', - }, - lg: { - value: '4px', - type: 'borderWidth', - }, - }, - radius: { - sm: { - value: '2px', - type: 'borderRadius', - }, - md: { - value: '4px', - type: 'borderRadius', - }, - lg: { - value: '8px', - type: 'borderRadius', - }, - rounded: { - value: '99em', - type: 'borderRadius', - }, - circle: { - value: '50%', - type: 'borderRadius', - }, - }, - color: { - line: { - default: { - value: '#878D96', - type: 'color', - }, - emphasis: { - value: '#4D5358', - type: 'color', - }, - muted: { - value: '#C1C7CD', - type: 'color', - }, - subtle: { - value: '#DDE1E6', - type: 'color', - }, - 'default--reverse': { - value: '#ffffff', - type: 'color', - }, - }, - primary: { - subtle: { - value: '#F1FFBD', - type: 'color', - }, - muted: { - value: '#E2FF7A', - type: 'color', - }, - default: { - value: '#B4E600', - type: 'color', - }, - emphasis: { - value: '#98C200', - type: 'color', - }, - strong: { - value: '#4A6000', - type: 'color', - }, - }, - secondary: { - default: { - value: '#0C1F22', - type: 'color', - }, - emphasis: { - value: '#343A3F', - type: 'color', - }, - muted: { - value: '#878D96', - type: 'color', - }, - subtle: { - value: '#F8F9FB', - type: 'color', - }, - }, - negative: { - default: { - value: '#d13b3b', - type: 'color', - }, - emphasis: { - value: '#b52a2a', - type: 'color', - }, - muted: { - value: '#f0bebe', - type: 'color', - }, - subtle: { - value: '#f7dede', - type: 'color', - }, - }, - positive: { - default: { - value: '#5cbc6a', - type: 'color', - }, - emphasis: { - value: '#368442', - type: 'color', - }, - muted: { - value: '#c9e9cd', - type: 'color', - }, - subtle: { - value: '#e4f4e6', - type: 'color', - }, - }, - transparent: { - value: 'transparent', - type: 'color', - }, - disabled: { - default: { - value: '#C1C7CD', - type: 'color', - }, - muted: { - value: '#f0f4f9', - type: 'color', - }, - }, - overlay: { - default: { - value: '#f2f4f880', - type: 'color', - }, - }, - attention: { - default: { - value: '#f39c12', - type: 'color', - }, - emphasis: { - value: '#ba7609', - type: 'color', - }, - muted: { - value: '#fbdaa6', - type: 'color', - }, - subtle: { - value: '#fef3e1', - type: 'color', - }, - }, - leemons: { - default: { - value: '{core.color.leemons.500}', - type: 'color', - failedToResolve: true, - }, - }, - info: { - default: { - value: '#307AE8', - type: 'color', - }, - emphasis: { - value: '#155AC1', - type: 'color', - }, - muted: { - value: '#B1CDF6', - type: 'color', - }, - subtle: { - value: '#E8F0FC', - type: 'color', - }, - }, - tertiary: { - default: { - value: '#2F463F', - type: 'color', - }, - }, - }, - }, - spacing: { - padding: { - '3xsm': { - value: '2px', - type: 'spacing', - }, - '2xsm': { - value: '4px', - type: 'spacing', - }, - '1xsm': { - value: '6px', - type: 'spacing', - }, - xsm: { - value: '8px', - type: 'spacing', - }, - sm: { - value: '12px', - type: 'spacing', - }, - md: { - value: '16px', - type: 'spacing', - }, - lg: { - value: '24px', - type: 'spacing', - }, - xlslg: { - value: '28px', - type: 'spacing', - }, - xlg: { - value: '32px', - type: 'spacing', - }, - '2xlg': { - value: '40px', - type: 'spacing', - }, - '3xlg': { - value: '48px', - type: 'spacing', - }, - }, - gap: { - none: { - value: '0px', - type: 'spacing', - }, - '1xsm': { - value: '2px', - type: 'spacing', - }, - sm: { - value: '4px', - type: 'spacing', - }, - xsm: { - value: '6px', - type: 'spacing', - }, - md: { - value: '8px', - type: 'spacing', - }, - slg: { - value: '12px', - type: 'spacing', - }, - lg: { - value: '16px', - type: 'spacing', - }, - xlg: { - value: '24px', - type: 'spacing', - }, - xxlg: { - value: '32px', - type: 'spacing', - }, - }, - }, - icon: { - size: { - xsm: { - value: '8px', - type: 'sizing', - }, - sm: { - value: '12px', - type: 'sizing', - }, - md: { - value: '16px', - type: 'sizing', - }, - lg: { - value: '20px', - type: 'sizing', - }, - xlg: { - value: '24px', - type: 'sizing', - }, - '2xlg': { - value: '32px', - type: 'sizing', - }, - }, - }, - control: { - size: { - 50: { - value: '8 px', - type: 'sizing', - }, - 100: { - value: '16px', - type: 'sizing', - }, - 200: { - value: '20px', - type: 'sizing', - }, - 300: { - value: '24px', - type: 'sizing', - }, - 400: { - value: '28px', - type: 'sizing', - }, - 500: { - value: '32px', - type: 'sizing', - }, - 600: { - value: '36px', - type: 'sizing', - }, - 700: { - value: '40px', - type: 'sizing', - }, - 800: { - value: '44px', - type: 'sizing', - }, - 900: { - value: '48px', - type: 'sizing', - }, - 1000: { - value: '56px', - type: 'sizing', - }, - }, - }, - hover: { - default: { - value: { - x: 0, - y: 0, - blur: 4, - spread: 0, - color: '#98c200cc', - type: 'dropShadow', - }, - type: 'boxShadow', - }, + "menu": { + "spacing": { + "padding": { + "xms": { + "value": "4px", + "type": "spacing" + }, + "3xms": { + "value": "2px", + "type": "spacing" + }, + "xsm": { + "value": "8px", + "type": "spacing" + }, + "sm": { + "value": "12px", + "type": "spacing" + }, + "md": { + "value": "16px", + "type": "spacing" + }, + "xlslg": { + "value": "28px", + "type": "spacing" + }, + "xlgm": { + "value": "52px", + "type": "spacing" + }, + "lg": { + "value": "24px", + "type": "spacing" + } + }, + "gap": { + "value": "12px", + "type": "spacing" + }, + "gap--1xsm": { + "value": "2px", + "type": "spacing" + }, + "gap-md": { + "value": "8px", + "type": "spacing" + } + }, + "content": { + "color": { + "main": { + "default": { + "value": "#0C1F22", + "type": "color" + }, + "hover": { + "value": "#ffffff", + "type": "color" + }, + "active": { + "value": "#ffffff", + "type": "color" + } + }, + "sub": { + "default": { + "value": "#ffffff", + "type": "color" + }, + "hover": { + "value": "#ffffff", + "type": "color" + }, + "active": { + "value": "#ffffff", + "type": "color" + } + } + }, + "typo--regular": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 400, + "lineHeight": "20px", + "fontSize": "14px" + }, + "type": "typography" + }, + "typo--medium": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "lineHeight": "20px", + "fontSize": "14px" + }, + "type": "typography" + }, + "typo": { + "md": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "fontSize": "14px", + "lineHeight": "20px" + }, + "type": "typography" + } + } + }, + "background": { + "color": { + "main": { + "default": { + "value": "#ffffff", + "type": "color" + }, + "hover": { + "value": "#F1FFBD", + "type": "color" + }, + "active": { + "value": "#E2FF7A", + "type": "color" + } + }, + "sub": { + "default": { + "value": "#0C1F22", + "type": "color" + }, + "hover": { + "value": "#B4E600", + "type": "color" + }, + "active": { + "value": "#B4E600", + "type": "color" + } + } + } + }, + "size": { + "md": { + "value": "48px", + "type": "sizing" + }, + "lg": { + "value": "56px", + "type": "sizing" + } + }, + "border": { + "color": { + "main": { + "active": { + "value": "#B4E600", + "type": "color" + }, + "default": { + "value": "#DDE1E6", + "type": "color" + } + } + }, + "radius": { + "md": { + "value": "4px", + "type": "borderRadius" + } + } + }, + "shadow": { + "value": [ + { + "color": "#21272a0d", + "type": "dropShadow", + "x": 32, + "y": 0, + "blur": 32, + "spread": 0 + } + ], + "type": "boxShadow" }, - shadow: { - 100: { - value: [ + "footer": { + "value": [ + { + "color": "#21272a1f", + "type": "dropShadow", + "x": 0, + "y": 10, + "blur": 36, + "spread": 0 + } + ], + "type": "boxShadow" + }, + "modal": { + "value": [ + { + "color": "#21272a29", + "type": "dropShadow", + "x": 0, + "y": 10, + "blur": 36, + "spread": 0 + } + ], + "type": "boxShadow" + } + }, + "stepper": { + "content": { + "typo": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 600, + "fontSize": 14, + "lineHeight": 20 + }, + "type": "typography" + }, + "typo-pending": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "fontSize": 14, + "lineHeight": 20 + }, + "type": "typography" + }, + "color": { + "pending": { + "value": "{global.content.color.secondary.mutedSuble}", + "type": "color", + "failedToResolve": true + }, + "pending-text": { + "value": "#0C1F22", + "type": "color" + }, + "active": { + "value": "#B4E600", + "type": "color" + }, + "completed": { + "value": "#343A3F", + "type": "color" + }, + "default": { + "value": "#878D96", + "type": "color" + } + } + }, + "spacing": { + "gap": { + "value": "4px", + "type": "spacing" + }, + "xsm": { + "value": "6px", + "type": "spacing" + }, + "padding": { + "xsm": { + "value": "8px", + "type": "spacing" + }, + "md": { + "value": "16px", + "type": "spacing" + } + } + }, + "background": { + "color": { + "pending": { + "value": "{global.background.color.primary.verySubtle}", + "type": "color", + "failedToResolve": true + }, + "active": { + "value": "{global.background.color.primary.verySubtle}", + "type": "color", + "failedToResolve": true + }, + "active--reverse": { + "value": "#DDE1E6", + "type": "color" + }, + "completed": { + "value": "#B4E600", + "type": "color" + } + } + }, + "border": { + "color": { + "default": { + "value": "#C1C7CD", + "type": "color" + }, + "active": { + "value": "#C1C7CD", + "type": "color" + }, + "active--reverse": { + "value": "#ffffff", + "type": "color" + }, + "completed": { + "value": "#B4E600", + "type": "color" + } + }, + "radius": { + "value": "50%", + "type": "borderRadius" + }, + "md": { + "value": "4px", + "type": "borderRadius" + }, + "width": { + "value": "1px", + "type": "borderWidth" + } + }, + "size": { + "sm": { + "value": "12px", + "type": "sizing" + }, + "md": { + "value": "20px", + "type": "sizing" + }, + "xlg": { + "value": "24px", + "type": "sizing" + } + } + }, + "accordion": { + "content": { + "typo": { + "md": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "lineHeight": "24px", + "fontSize": "16px" + }, + "type": "typography" + }, + "sm": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 400, + "lineHeight": "20px", + "fontSize": "14px" + }, + "type": "typography" + } + }, + "color": { + "default": { + "value": "#4D5358", + "type": "color" + } + } + }, + "background": { + "color": { + "default": { + "value": "#ffffff", + "type": "color" + }, + "default--alt": { + "value": "#F8F9FB", + "type": "color" + } + } + }, + "border": { + "color": { + "default": { + "value": "#DDE1E6", + "type": "color" + } + }, + "width": { + "value": "1px", + "type": "borderWidth" + }, + "radius": { + "value": "8px", + "type": "borderRadius" + } + }, + "spacing": { + "padding": { + "md": { + "value": "16px", + "type": "spacing" + }, + "lg": { + "value": "24px", + "type": "spacing" + } + }, + "gap": { + "value": "16px", + "type": "spacing" + } + } + }, + "table": { + "content": { + "typo": { + "md": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 400, + "lineHeight": 20, + "fontSize": 14 + }, + "type": "typography" + }, + "md--bold": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "lineHeight": 20, + "fontSize": 14 + }, + "type": "typography" + }, + "sm": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 400, + "lineHeight": 16, + "fontSize": 12 + }, + "type": "typography" + } + }, + "color": { + "default": { + "value": "#4D5358", + "type": "color" + } + } + }, + "background": { + "color": { + "default": { + "value": "#ffffff", + "type": "color" + } + } + }, + "border": { + "color": { + "default": { + "value": "#DDE1E6", + "type": "color" + }, + "emphasis": { + "value": "#878D96", + "type": "color" + } + }, + "width": { + "value": "2px", + "type": "borderWidth" + }, + "radius": { + "value": "4px", + "type": "borderRadius" + } + }, + "spacing": { + "padding": { + "sm": { + "value": "4px", + "type": "spacing" + }, + "md": { + "value": "8px", + "type": "spacing" + } + }, + "gaps": { + "sm": { + "value": "4px", + "type": "spacing" + }, + "md": { + "value": "8px", + "type": "spacing" + }, + "lg": { + "value": "16px", + "type": "spacing" + } + } + } + }, + "timeline": { + "content": { + "color": { + "default": { + "value": "#4D5358", + "type": "color" + }, + "default--reverse": { + "value": "#ffffff", + "type": "color" + } + }, + "typo": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 600, + "lineHeight": "20px", + "fontSize": "14px" + }, + "type": "typography" + } + }, + "background": { + "color": { + "default": { + "value": "#4D5358", + "type": "color" + }, + "default--reverse": { + "value": "#ffffff", + "type": "color" + } + } + }, + "spacing": { + "gap": { + "value": "4px", + "type": "spacing" + }, + "padding": { + "value": "24px", + "type": "spacing" + } + }, + "border": { + "color": { + "default": { + "value": "#4D5358", + "type": "color" + }, + "default--reverse": { + "value": "#ffffff", + "type": "color" + } + }, + "width": { + "sm": { + "value": "1px", + "type": "borderWidth" + }, + "md": { + "value": "2px", + "type": "borderWidth" + } + } + } + }, + "swiper": { + "size": { + "md": { + "value": "48px", + "type": "sizing" + } + }, + "content": { + "color": { + "default": { + "value": "#878D96", + "type": "color" + } + } + }, + "background": { + "color": { + "default": { + "value": "#F2F4F8", + "type": "color" + }, + "hover": { + "value": "#DDE1E6", + "type": "color" + } + } + }, + "spacing": { + "gap": { + "value": "16px", + "type": "spacing" + }, + "padding": { + "value": "48px", + "type": "spacing" + } + }, + "border": { + "radius": { + "value": "2px", + "type": "borderRadius" + } + } + }, + "comunica": { + "content": { + "typo": { + "01": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 400, + "lineHeight": 24, + "fontSize": 14 + }, + "type": "typography" + }, + "02": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "lineHeight": 24, + "fontSize": 14 + }, + "type": "typography" + } + }, + "color": { + "default": { + "value": "#343A3F", + "type": "color" + }, + "default--alt": { + "value": "#C1C7CD", + "type": "color" + } + } + }, + "background": { + "color": { + "default": { + "value": "#F8F9FB", + "type": "color" + }, + "muted": { + "value": "#ffffff", + "type": "color" + }, + "emphasis": { + "value": "#F2F4F8", + "type": "color" + } + } + }, + "border": { + "color": { + "default": { + "value": "#C1C7CD", + "type": "color" + }, + "default--alt": { + "value": "#98C200", + "type": "color" + } + }, + "width": { + "sm": { + "value": "1px", + "type": "borderWidth" + }, + "md": { + "value": "2px", + "type": "borderWidth" + } + }, + "radius": { + "value": "4px", + "type": "borderRadius" + } + }, + "spacing": { + "padding": { + "sm": { + "value": "4px", + "type": "spacing" + }, + "md": { + "value": "8px", + "type": "spacing" + }, + "lg": { + "value": "16px", + "type": "spacing" + }, + "xlg": { + "value": "96px", + "type": "spacing" + } + }, + "gap": { + "sm": { + "value": "4px", + "type": "spacing" + }, + "md": { + "value": "8px", + "type": "spacing" + }, + "lg": { + "value": "16px", + "type": "spacing" + } + } + } + }, + "menuLibrary": { + "content": { + "color": { + "main": { + "default": { + "value": "#4D5358", + "type": "color" + }, + "hover": { + "value": "#4D5358", + "type": "color" + }, + "active": { + "value": "#B4E600", + "type": "color" + } + }, + "sub": { + "default": { + "value": "#ffffff", + "type": "color" + }, + "hover": { + "value": "#ffffff", + "type": "color" + }, + "active": { + "value": "#ffffff", + "type": "color" + } + } + } + }, + "background": { + "color": { + "main": { + "default": { + "value": "#ffffff", + "type": "color" + }, + "hover": { + "value": "#ffffff", + "type": "color" + }, + "active": { + "value": "{global.background.color.primary.verySubtle}", + "type": "color", + "failedToResolve": true + } + }, + "sub": { + "default": { + "value": "#ffffff", + "type": "color" + }, + "hover": { + "value": "#ffffff", + "type": "color" + }, + "active": { + "value": "#ffffff", + "type": "color" + } + } + } + } + }, + "headerCreate": { + "spacing": { + "padding": { + "lg": { + "value": "24px", + "type": "spacing" + } + } + }, + "border": { + "width": { + "sm": { + "value": "1px", + "type": "borderWidth" + } + } + } + }, + "HeaderCreate": { + "content": { + "color": { + "default": { + "value": "#343A3F", + "type": "color" + } + } + }, + "background": { + "color": { + "default": { + "value": "#ffffff", + "type": "color" + } + } + }, + "border": { + "color": { + "hover": { + "value": "#DDE1E6", + "type": "color" + } + } + } + }, + "cardLibrary": { + "spacing": { + "padding": { + "horizontal": { + "xsm": { + "value": "8px", + "type": "spacing" + }, + "sm": { + "value": "12px", + "type": "spacing" + }, + "md": { + "value": "16px", + "type": "spacing" + }, + "2xsm": { + "value": "4px", + "type": "spacing" + } + }, + "vertical": { + "xsm": { + "value": "8px", + "type": "spacing" + }, + "sm": { + "value": "12px", + "type": "spacing" + }, + "md": { + "value": "16px", + "type": "spacing" + }, + "2xsm": { + "value": "4px", + "type": "spacing" + } + } + }, + "gap": { + "sm": { + "value": "4px", + "type": "spacing" + }, + "md": { + "value": "8px", + "type": "spacing" + }, + "lg": { + "value": "16px", + "type": "spacing" + }, + "xlg": { + "value": "24px", + "type": "spacing" + } + } + }, + "content": { + "color": { + "emphasis": { + "value": "#2F463F", + "type": "color" + }, + "default": { + "value": "#4D5358", + "type": "color" + }, + "subje": { + "value": "#343A3F", + "type": "color" + }, + "muted": { + "value": "#878D96", + "type": "color" + }, + "icon": { + "value": "#878D96", + "type": "color" + } + }, + "typo": { + "lg": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "lineHeight": "24px", + "fontSize": "18px" + }, + "type": "typography" + }, + "md": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 400, + "lineHeight": 20, + "fontSize": 14 + }, + "type": "typography" + }, + "sm": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 400, + "lineHeight": "16px", + "fontSize": "12px" + }, + "type": "typography" + } + } + }, + "background": { + "color": { + "default": { + "value": "#ffffff", + "type": "color" + }, + "cover": { + "value": "#F2F4F8", + "type": "color" + } + } + }, + "border": { + "color": { + "defaut": { + "value": "#878D96", + "type": "color" + }, + "subtle": { + "value": "#DDE1E6", + "type": "color" + } + }, + "radius": { + "sm": { + "value": "2px", + "type": "borderRadius" + }, + "circle": { + "value": "50%", + "type": "borderRadius" + } + }, + "width": { + "sm": { + "value": "1px", + "type": "borderWidth" + }, + "lg": { + "value": "4px", + "type": "borderWidth" + } + } + }, + "shadow": { + "hover": { + "value": [ { - color: '#dde1e614', - type: 'dropShadow', - x: 0, - y: 2, - blur: 0, - spread: 0, - }, + "color": "#21272a14", + "type": "dropShadow", + "x": 0, + "y": 10, + "blur": 36, + "spread": 0 + } + ], + "type": "boxShadow" + } + } + }, + "buttonIconCard": { + "spacing": { + "padding": { + "sm": { + "value": "2px", + "type": "spacing" + } + } + }, + "content": { + "color": { + "primary": { + "default": { + "value": "#ffffff", + "type": "color" + }, + "hover": { + "value": "#ffffff", + "type": "color" + }, + "down": { + "value": "#ffffff", + "type": "color" + } + } + } + }, + "background": { + "color": { + "primary": { + "default": { + "value": "#4d535866", + "type": "color" + }, + "hover": { + "value": "#4d5358b3", + "type": "color" + }, + "down": { + "value": "#4D5358", + "type": "color" + } + } + } + }, + "border": { + "radius": { + "md": { + "value": "4px", + "type": "borderRadius" + } + } + } + }, + "ButtonIconCard": { + "blur": { + "default": { + "value": "4px", + "type": "dimension" + } + } + }, + "buttonIconLike": { + "content": { + "color": { + "primary": { + "default": { + "value": "#878D96", + "type": "color" + }, + "hover": { + "value": "#FF5470", + "type": "color" + }, + "active": { + "value": "#FF5470", + "type": "color" + } + } + } + } + }, + "global": { + "focus": { + "default": { + "value": { + "x": 0, + "y": 0, + "blur": 0, + "spread": 2, + "color": "#98C200", + "type": "dropShadow" + }, + "type": "boxShadow" + }, + "default-border": { + "value": { + "color": "#98C200", + "width": "2px", + "style": "solid" + }, + "type": "border" + } + }, + "content": { + "color": { + "text": { + "emphasis": { + "value": "#343A3F", + "type": "color" + }, + "default": { + "value": "#4D5358", + "type": "color" + }, + "muted": { + "value": "#878D96", + "type": "color" + }, + "subtle": { + "value": "#C1C7CD", + "type": "color" + }, + "default--reverse": { + "value": "#ffffff", + "type": "color" + } + }, + "icon": { + "emphasis": { + "value": "#4D5358", + "type": "color" + }, + "default": { + "value": "#878D96", + "type": "color" + }, + "muted": { + "value": "#C1C7CD", + "type": "color" + }, + "default--reverse": { + "value": "#ffffff", + "type": "color" + } + }, + "primary": { + "subtle": { + "value": "#F1FFBD", + "type": "color" + }, + "muted": { + "value": "#E2FF7A", + "type": "color" + }, + "default": { + "value": "#B4E600", + "type": "color" + }, + "emphasis": { + "value": "#98C200", + "type": "color" + }, + "strong": { + "value": "#4A6000", + "type": "color" + } + }, + "secondary": { + "default": { + "value": "#0C1F22", + "type": "color" + }, + "emphasis": { + "value": "#343A3F", + "type": "color" + }, + "muted": { + "value": "#878D96", + "type": "color" + }, + "subtle": { + "value": "#F2F4F8", + "type": "color" + } + }, + "negative": { + "default": { + "value": "#d13b3b", + "type": "color" + }, + "emphasis": { + "value": "#b52a2a", + "type": "color" + }, + "muted": { + "value": "#e07c7c", + "type": "color" + }, + "subtle": { + "value": "#f7dede", + "type": "color" + } + }, + "positive": { + "default": { + "value": "#5cbc6a", + "type": "color" + }, + "emphasis": { + "value": "#368442", + "type": "color" + }, + "muted": { + "value": "#aedeb5", + "type": "color" + }, + "subtle": { + "value": "#e4f4e6", + "type": "color" + } + }, + "transparent": { + "value": "transparent", + "type": "color" + }, + "disabled": { + "value": "#C1C7CD", + "type": "color" + }, + "attention": { + "default": { + "value": "#f39c12", + "type": "color" + }, + "emphasis": { + "value": "#ba7609", + "type": "color" + }, + "muted": { + "value": "#f8c16b", + "type": "color" + }, + "subtle": { + "value": "#fef3e1", + "type": "color" + } + }, + "tertiary": { + "default": { + "value": "#2F463F", + "type": "color" + } + }, + "accent": { + "default": { + "value": "#FF5470", + "type": "color" + } + } + }, + "typo": { + "heading": { + "xlg": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "lineHeight": "32px", + "fontSize": "26px" + }, + "type": "typography" + }, + "xlg--semiBold": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 600, + "lineHeight": "32px", + "fontSize": "26px" + }, + "type": "typography" + }, + "lg": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "lineHeight": "28px", + "fontSize": "23px" + }, + "type": "typography" + }, + "lg--semiBold": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 600, + "lineHeight": "28px", + "fontSize": "23px" + }, + "type": "typography" + }, + "md": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "lineHeight": "24px", + "fontSize": "20px" + }, + "type": "typography" + }, + "md--semiBold": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 600, + "lineHeight": "24px", + "fontSize": "20px" + }, + "type": "typography" + }, + "sm": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "lineHeight": "24px", + "fontSize": "18px" + }, + "type": "typography" + }, + "sm--semiBold": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 600, + "lineHeight": "24px", + "fontSize": "18px" + }, + "type": "typography" + }, + "xsm": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 400, + "lineHeight": "20px", + "fontSize": "14px" + }, + "type": "typography" + }, + "xsm--semiBold": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 600, + "lineHeight": "24px", + "fontSize": "16px" + }, + "type": "typography" + } + }, + "body": { + "lg": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 400, + "lineHeight": "24px", + "fontSize": "18px" + }, + "type": "typography" + }, + "lg--medium": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "lineHeight": "24px", + "fontSize": "18px" + }, + "type": "typography" + }, + "lg--semiBold": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 600, + "lineHeight": "24px", + "fontSize": "18px" + }, + "type": "typography" + }, + "md": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 400, + "lineHeight": "24px", + "fontSize": "16px" + }, + "type": "typography" + }, + "md--medium": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "lineHeight": "24px", + "fontSize": "16px" + }, + "type": "typography" + }, + "md--semiBold": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 600, + "lineHeight": "24px", + "fontSize": "16px" + }, + "type": "typography" + }, + "sm": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 400, + "lineHeight": "20px", + "fontSize": "14px" + }, + "type": "typography" + }, + "sm--medium": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "lineHeight": "20px", + "fontSize": "14px" + }, + "type": "typography" + }, + "sm--semiBold": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 600, + "lineHeight": "20px", + "fontSize": "14px" + }, + "type": "typography" + }, + "xsm": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 400, + "lineHeight": "16px", + "fontSize": "12px" + }, + "type": "typography" + }, + "xsm--semiBold": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 600, + "lineHeight": "16px", + "fontSize": "12px" + }, + "type": "typography" + }, + "lg--bold": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "lineHeight": "24px", + "fontSize": "18px" + }, + "type": "typography" + }, + "md--bold": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "lineHeight": "24px", + "fontSize": "16px" + }, + "type": "typography" + }, + "sm--bold": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "lineHeight": "20px", + "fontSize": "14px" + }, + "type": "typography" + } + }, + "caption": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "fontSize": "10px", + "lineHeight": "14px" + }, + "type": "typography" + } + }, + "typoMobile": { + "heading": { + "xlg": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 600, + "lineHeight": "32px", + "fontSize": "26px" + }, + "type": "typography" + }, + "lg": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 600, + "lineHeight": "28px", + "fontSize": "23px" + }, + "type": "typography" + }, + "md": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 600, + "lineHeight": "24px", + "fontSize": "20px" + }, + "type": "typography" + }, + "sm": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 600, + "lineHeight": "20px", + "fontSize": "18px" + }, + "type": "typography" + }, + "xsm": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 600, + "lineHeight": "16px", + "fontSize": "16px" + }, + "type": "typography" + } + }, + "body": { + "lg": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 400, + "lineHeight": "24px", + "fontSize": "16px" + }, + "type": "typography" + }, + "lg--bold": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "lineHeight": "24px", + "fontSize": "16px" + }, + "type": "typography" + }, + "md": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 400, + "lineHeight": "20px", + "fontSize": "14px" + }, + "type": "typography" + }, + "md--bold": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "lineHeight": "20px", + "fontSize": "14px" + }, + "type": "typography" + }, + "sm": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 400, + "lineHeight": "16px", + "fontSize": "12px" + }, + "type": "typography" + }, + "sm--bold": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "lineHeight": "16px", + "fontSize": "12px" + }, + "type": "typography" + } + }, + "caption": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 400, + "lineHeight": "16px", + "fontSize": "12px" + }, + "type": "typography" + } + } + }, + "background": { + "color": { + "surface": { + "default": { + "value": "#ffffff", + "type": "color" + }, + "emphasis": { + "value": "#DDE1E6", + "type": "color" + }, + "muted": { + "value": "#F2F4F8", + "type": "color" + }, + "subtle": { + "value": "#F8F9FB", + "type": "color" + }, + "default--reverse": { + "value": "#4D5358", + "type": "color" + } + }, + "primary": { + "subtle": { + "value": "#F1FFBD", + "type": "color" + }, + "muted": { + "value": "#E2FF7A", + "type": "color" + }, + "default": { + "value": "#B4E600", + "type": "color" + }, + "emphasis": { + "value": "#98C200", + "type": "color" + }, + "strong": { + "value": "#4A6000", + "type": "color" + } + }, + "secondary": { + "default": { + "value": "#0C1F22", + "type": "color" + }, + "emphasis": { + "value": "#343A3F", + "type": "color" + }, + "muted": { + "value": "#878D96", + "type": "color" + }, + "subtle": { + "value": "#F8F9FB", + "type": "color" + } + }, + "accent": { + "default": { + "value": "#FF5470", + "type": "color" + }, + "emphasis": { + "value": "#ebeb00", + "type": "color" + }, + "subtle": { + "value": "#ffffe0", + "type": "color" + } + }, + "negative": { + "default": { + "value": "#d13b3b", + "type": "color" + }, + "emphasis": { + "value": "#b52a2a", + "type": "color" + }, + "muted": { + "value": "#f0bebe", + "type": "color" + }, + "subtle": { + "value": "#f7dede", + "type": "color" + } + }, + "positive": { + "default": { + "value": "#5cbc6a", + "type": "color" + }, + "emphasis": { + "value": "#368442", + "type": "color" + }, + "muted": { + "value": "#c9e9cd", + "type": "color" + }, + "subtle": { + "value": "#e4f4e6", + "type": "color" + } + }, + "transparent": { + "value": "transparent", + "type": "color" + }, + "disabled": { + "value": "#F2F4F8", + "type": "color" + }, + "overlay": { + "default": { + "value": "#f2f4f880", + "type": "color" + } + }, + "attention": { + "default": { + "value": "#f39c12", + "type": "color" + }, + "emphasis": { + "value": "#ba7609", + "type": "color" + }, + "muted": { + "value": "#fbdaa6", + "type": "color" + }, + "subtle": { + "value": "#fef3e1", + "type": "color" + } + }, + "info": { + "default": { + "value": "#307AE8", + "type": "color" + }, + "emphasis": { + "value": "#155AC1", + "type": "color" + }, + "muted": { + "value": "#B1CDF6", + "type": "color" + }, + "subtle": { + "value": "#E8F0FC", + "type": "color" + } + }, + "tertiary": { + "default": { + "value": "#2F463F", + "type": "color" + } + } + } + }, + "border": { + "width": { + "sm": { + "value": "1px", + "type": "borderWidth" + }, + "md": { + "value": "2px", + "type": "borderWidth" + }, + "lg": { + "value": "4px", + "type": "borderWidth" + } + }, + "radius": { + "sm": { + "value": "2px", + "type": "borderRadius" + }, + "md": { + "value": "4px", + "type": "borderRadius" + }, + "lg": { + "value": "8px", + "type": "borderRadius" + }, + "rounded": { + "value": "99em", + "type": "borderRadius" + }, + "circle": { + "value": "50%", + "type": "borderRadius" + } + }, + "color": { + "line": { + "default": { + "value": "#878D96", + "type": "color" + }, + "emphasis": { + "value": "#4D5358", + "type": "color" + }, + "muted": { + "value": "#C1C7CD", + "type": "color" + }, + "subtle": { + "value": "#DDE1E6", + "type": "color" + }, + "default--reverse": { + "value": "#ffffff", + "type": "color" + } + }, + "primary": { + "subtle": { + "value": "#F1FFBD", + "type": "color" + }, + "muted": { + "value": "#E2FF7A", + "type": "color" + }, + "default": { + "value": "#B4E600", + "type": "color" + }, + "emphasis": { + "value": "#98C200", + "type": "color" + }, + "strong": { + "value": "#4A6000", + "type": "color" + } + }, + "secondary": { + "default": { + "value": "#0C1F22", + "type": "color" + }, + "emphasis": { + "value": "#343A3F", + "type": "color" + }, + "muted": { + "value": "#878D96", + "type": "color" + }, + "subtle": { + "value": "#F8F9FB", + "type": "color" + } + }, + "negative": { + "default": { + "value": "#d13b3b", + "type": "color" + }, + "emphasis": { + "value": "#b52a2a", + "type": "color" + }, + "muted": { + "value": "#f0bebe", + "type": "color" + }, + "subtle": { + "value": "#f7dede", + "type": "color" + } + }, + "positive": { + "default": { + "value": "#5cbc6a", + "type": "color" + }, + "emphasis": { + "value": "#368442", + "type": "color" + }, + "muted": { + "value": "#c9e9cd", + "type": "color" + }, + "subtle": { + "value": "#e4f4e6", + "type": "color" + } + }, + "transparent": { + "value": "transparent", + "type": "color" + }, + "disabled": { + "default": { + "value": "#C1C7CD", + "type": "color" + }, + "muted": { + "value": "#f0f4f9", + "type": "color" + } + }, + "overlay": { + "default": { + "value": "#f2f4f880", + "type": "color" + } + }, + "attention": { + "default": { + "value": "#f39c12", + "type": "color" + }, + "emphasis": { + "value": "#ba7609", + "type": "color" + }, + "muted": { + "value": "#fbdaa6", + "type": "color" + }, + "subtle": { + "value": "#fef3e1", + "type": "color" + } + }, + "leemons": { + "default": { + "value": "{core.color.leemons.500}", + "type": "color", + "failedToResolve": true + } + }, + "info": { + "default": { + "value": "#307AE8", + "type": "color" + }, + "emphasis": { + "value": "#155AC1", + "type": "color" + }, + "muted": { + "value": "#B1CDF6", + "type": "color" + }, + "subtle": { + "value": "#E8F0FC", + "type": "color" + } + }, + "tertiary": { + "default": { + "value": "#2F463F", + "type": "color" + } + } + } + }, + "spacing": { + "padding": { + "3xsm": { + "value": "2px", + "type": "spacing" + }, + "2xsm": { + "value": "4px", + "type": "spacing" + }, + "1xsm": { + "value": "6px", + "type": "spacing" + }, + "xsm": { + "value": "8px", + "type": "spacing" + }, + "sm": { + "value": "12px", + "type": "spacing" + }, + "md": { + "value": "16px", + "type": "spacing" + }, + "lg": { + "value": "24px", + "type": "spacing" + }, + "xlslg": { + "value": "28px", + "type": "spacing" + }, + "xlg": { + "value": "32px", + "type": "spacing" + }, + "2xlg": { + "value": "40px", + "type": "spacing" + }, + "3xlg": { + "value": "48px", + "type": "spacing" + } + }, + "gap": { + "none": { + "value": "0px", + "type": "spacing" + }, + "1xsm": { + "value": "2px", + "type": "spacing" + }, + "sm": { + "value": "4px", + "type": "spacing" + }, + "xsm": { + "value": "6px", + "type": "spacing" + }, + "md": { + "value": "8px", + "type": "spacing" + }, + "slg": { + "value": "12px", + "type": "spacing" + }, + "lg": { + "value": "16px", + "type": "spacing" + }, + "xlg": { + "value": "24px", + "type": "spacing" + }, + "xxlg": { + "value": "32px", + "type": "spacing" + } + } + }, + "icon": { + "size": { + "xsm": { + "value": "8px", + "type": "sizing" + }, + "sm": { + "value": "12px", + "type": "sizing" + }, + "md": { + "value": "16px", + "type": "sizing" + }, + "lg": { + "value": "20px", + "type": "sizing" + }, + "xlg": { + "value": "24px", + "type": "sizing" + }, + "2xlg": { + "value": "32px", + "type": "sizing" + } + } + }, + "control": { + "size": { + "50": { + "value": "8 px", + "type": "sizing" + }, + "100": { + "value": "16px", + "type": "sizing" + }, + "200": { + "value": "20px", + "type": "sizing" + }, + "300": { + "value": "24px", + "type": "sizing" + }, + "400": { + "value": "28px", + "type": "sizing" + }, + "500": { + "value": "32px", + "type": "sizing" + }, + "600": { + "value": "36px", + "type": "sizing" + }, + "700": { + "value": "40px", + "type": "sizing" + }, + "800": { + "value": "44px", + "type": "sizing" + }, + "900": { + "value": "48px", + "type": "sizing" + }, + "1000": { + "value": "56px", + "type": "sizing" + } + } + }, + "hover": { + "default": { + "value": { + "x": 0, + "y": 0, + "blur": 4, + "spread": 0, + "color": "#98c200cc", + "type": "dropShadow" + }, + "type": "boxShadow" + } + }, + "shadow": { + "100": { + "value": [ { - color: '#1a202b14', - type: 'dropShadow', - x: 0, - y: 10, - blur: 36, - spread: 0, + "color": "#dde1e614", + "type": "dropShadow", + "x": 0, + "y": 2, + "blur": 0, + "spread": 0 }, + { + "color": "#1a202b14", + "type": "dropShadow", + "x": 0, + "y": 10, + "blur": 36, + "spread": 0 + } ], - type: 'boxShadow', + "type": "boxShadow" }, - 200: { - value: [ + "200": { + "value": [ { - color: '#dde1e629', - type: 'dropShadow', - x: 0, - y: 2, - blur: 0, - spread: 0, + "color": "#dde1e629", + "type": "dropShadow", + "x": 0, + "y": 2, + "blur": 0, + "spread": 0 }, { - color: '#1a202b1f', - type: 'dropShadow', - x: 0, - y: 10, - blur: 36, - spread: 0, - }, + "color": "#1a202b1f", + "type": "dropShadow", + "x": 0, + "y": 10, + "blur": 36, + "spread": 0 + } ], - type: 'boxShadow', + "type": "boxShadow" }, - 300: { - value: [ + "300": { + "value": [ { - color: '#dde1e63d', - type: 'dropShadow', - x: 0, - y: 2, - blur: 0, - spread: 0, + "color": "#dde1e63d", + "type": "dropShadow", + "x": 0, + "y": 2, + "blur": 0, + "spread": 0 }, { - color: '#1a202b29', - type: 'dropShadow', - x: 0, - y: 10, - blur: 36, - spread: 0, - }, + "color": "#1a202b29", + "type": "dropShadow", + "x": 0, + "y": 10, + "blur": 36, + "spread": 0 + } ], - type: 'boxShadow', + "type": "boxShadow" }, - 400: { - value: [ + "400": { + "value": [ { - color: '#dde1e614', - type: 'dropShadow', - x: -100, - y: 0, - blur: 60, - spread: 0, + "color": "#dde1e614", + "type": "dropShadow", + "x": -100, + "y": 0, + "blur": 60, + "spread": 0 }, { - color: '#1a202b0d', - type: 'dropShadow', - x: -32, - y: 0, - blur: 32, - spread: 0, - }, + "color": "#1a202b0d", + "type": "dropShadow", + "x": -32, + "y": 0, + "blur": 32, + "spread": 0 + } ], - type: 'boxShadow', - }, - }, + "type": "boxShadow" + } + } }, - core: { - color: { - black: { - value: '#1a202b', - type: 'color', - }, - white: { - value: '#ffffff', - type: 'color', - }, - neutral: { - 50: { - value: '#F8F9FB', - type: 'color', - }, - 75: { - value: '#f0f4f9', - type: 'color', - }, - 100: { - value: '#F2F4F8', - type: 'color', - }, - 200: { - value: '#DDE1E6', - type: 'color', - }, - 300: { - value: '#C1C7CD', - type: 'color', - }, - 400: { - value: '#A2A9B0', - type: 'color', - }, - 500: { - value: '#878D96', - type: 'color', - }, - 600: { - value: '#697077', - type: 'color', - }, - 700: { - value: '#4D5358', - type: 'color', - }, - 800: { - value: '#343A3F', - type: 'color', - }, - 900: { - value: '#21272A', - type: 'color', - }, - }, - primary: { - 100: { - value: '#F1FFBD', - type: 'color', - }, - 200: { - value: '#E2FF7A', - type: 'color', - }, - 300: { - value: '#B4E600', - type: 'color', - }, - 400: { - value: '#98C200', - type: 'color', - }, - 500: { - value: '#4A6000', - type: 'color', - }, - 600: { - value: '#1760cf', - type: 'color', - }, - 700: { - value: '#134faa', - type: 'color', - }, - 800: { - value: '#10428e', - type: 'color', - }, - 900: { - value: '#0d3877', - type: 'color', - }, - }, - danger: { - 100: { - value: '#f7dede', - type: 'color', - }, - 200: { - value: '#f0bebe', - type: 'color', - }, - 300: { - value: '#e07c7c', - type: 'color', - }, - 400: { - value: '#d95c5c', - type: 'color', - }, - 500: { - value: '#d13b3b', - type: 'color', - }, - 600: { - value: '#b52a2a', - type: 'color', - }, - 700: { - value: '#912222', - type: 'color', - }, - 800: { - value: '#6d1919', - type: 'color', - }, - 900: { - value: '#481111', - type: 'color', - }, - }, - success: { - 100: { - value: '#e4f4e6', - type: 'color', - }, - 200: { - value: '#c9e9cd', - type: 'color', - }, - 300: { - value: '#aedeb5', - type: 'color', - }, - 400: { - value: '#77c783', - type: 'color', - }, - 500: { - value: '#5cbc6a', - type: 'color', - }, - 600: { - value: '#44a552', - type: 'color', - }, - 700: { - value: '#368442', - type: 'color', - }, - 800: { - value: '#296331', - type: 'color', - }, - 900: { - value: '#1b4221', - type: 'color', - }, - }, - attention: { - 100: { - value: '#fef3e1', - type: 'color', - }, - 200: { - value: '#fbdaa6', - type: 'color', - }, - 300: { - value: '#f8c16b', - type: 'color', - }, - 400: { - value: '#f6b54d', - type: 'color', - }, - 500: { - value: '#f39c12', - type: 'color', - }, - 600: { - value: '#d98a0b', - type: 'color', - }, - 700: { - value: '#ba7609', - type: 'color', - }, - 800: { - value: '#9b6208', - type: 'color', - }, - 900: { - value: '#7c4f06', - type: 'color', - }, - }, - info: { - 100: { - value: '#E8F0FC', - type: 'color', - }, - 200: { - value: '#B1CDF6', - type: 'color', - }, - 300: { - value: '#7EACF1', - type: 'color', - }, - 400: { - value: '#5592EC', - type: 'color', - }, - 500: { - value: '#307AE8', - type: 'color', - }, - 600: { - value: '#1867DC', - type: 'color', - }, - 700: { - value: '#155AC1', - type: 'color', - }, - 800: { - value: '#134FAA', - type: 'color', - }, - 900: { - value: '#104593', - type: 'color', - }, - }, - secondary: { - 100: { - value: '#0C1F22', - type: 'color', - }, - }, - tertiary: { - 100: { - value: '#2F463F', - type: 'color', - }, - }, - accent: { - 100: { - value: '#FF5470', - type: 'color', - }, - 200: { - value: 'hsla(60,100%,102%,1)', - type: 'color', - }, - 300: { - value: '#ffffe0', - type: 'color', - }, - 400: { - value: '#ffffb8', - type: 'color', - }, - 500: { - value: '#ffff8f', - type: 'color', - }, - 600: { - value: '#ffff66', - type: 'color', - }, - 700: { - value: '#ffff3d', - type: 'color', - }, - 800: { - value: '#ffff14', - type: 'color', - }, - 900: { - value: '#ebeb00', - type: 'color', - }, - }, - customPrimary: { - hue: { - value: 216, - type: 'color', - }, - saturation: { - value: 80, - type: 'color', - }, - lightness: { - value: 55, - type: 'color', - }, - hsla: { - value: '#307ae8', - type: 'color', - }, - }, - customAccent: { - hue: { - value: 60, - type: 'color', - }, - saturation: { - value: 100, - type: 'color', - }, - lightness: { - value: 78, - type: 'color', - }, - hsla: { - value: '#ffff8f', - type: 'color', - }, - }, - }, - dimension: { - 0: { - value: 0, - type: 'sizing', - }, - 50: { - value: 4, - type: 'sizing', - }, - 100: { - value: 8, - type: 'sizing', - }, - 150: { - value: 12, - type: 'sizing', - }, - 175: { - value: 14, - type: 'sizing', - }, - 200: { - value: 16, - type: 'sizing', - }, - 250: { - value: 20, - type: 'sizing', - }, - 300: { - value: 24, - type: 'sizing', - }, - 350: { - value: 28, - type: 'sizing', - }, - 400: { - value: 32, - type: 'sizing', - }, - 500: { - value: 40, - type: 'sizing', - }, - 600: { - value: 48, - type: 'sizing', - }, - 700: { - value: 56, - type: 'sizing', - }, - 800: { - value: 64, - type: 'sizing', - }, - 900: { - value: 72, - type: 'sizing', - }, - 1000: { - value: 80, - type: 'sizing', - }, - static: { - 0: { - value: 0, - type: 'sizing', - }, - 10: { - value: 1, - type: 'sizing', - }, - 25: { - value: 2, - type: 'sizing', - }, - 50: { - value: 4, - type: 'sizing', - }, - 75: { - value: 6, - type: 'sizing', - }, - 100: { - value: 8, - type: 'sizing', - }, - 150: { - value: 12, - type: 'sizing', - }, - 200: { - value: 16, - type: 'sizing', - }, - 250: { - value: 20, - type: 'sizing', - }, - 300: { - value: 24, - type: 'sizing', - }, - 350: { - value: 28, - type: 'sizing', - }, - 400: { - value: 32, - type: 'sizing', - }, - 450: { - value: 36, - type: 'sizing', - }, - 500: { - value: 40, - type: 'sizing', - }, - 550: { - value: 44, - type: 'sizing', - }, - 600: { - value: 48, - type: 'sizing', - }, - 700: { - value: 56, - type: 'sizing', - }, - 800: { - value: 64, - type: 'sizing', - }, - 900: { - value: 72, - type: 'sizing', - }, - 1000: { - value: 80, - type: 'sizing', - }, - }, - root: { - value: 16, - type: 'sizing', - }, - percentage: { - 50: { - value: '50%', - type: 'sizing', - }, - 100: { - value: '100%', - type: 'sizing', - }, - }, - breakpoint: { - xsm: { - value: '320px', - type: 'sizing', - }, - sm: { - value: '640px', - type: 'sizing', - }, - md: { - value: '1007px', - type: 'sizing', - }, - lg: { - value: '1440px', - type: 'sizing', - }, - }, - }, - font: { - family: { - main: { - value: 'Albert Sans', - type: 'fontFamilies', - }, - alt: { - value: 'Albert Sans', - type: 'fontFamilies', - }, - code: { - value: 'Courier new', - type: 'fontFamilies', - }, - }, - weight: { - regular: { - value: 400, - type: 'fontWeights', - }, - medium: { - value: 500, - type: 'fontWeights', - }, - semiBold: { - value: 600, - type: 'fontWeights', - }, - light: { - value: 300, - type: 'fontWeights', - }, - bold: { - value: 600, - type: 'fontWeights', - }, - }, - lineHeight: { - 75: { - value: 14, - type: 'lineHeights', - }, - 100: { - value: 16, - type: 'lineHeights', - }, - 200: { - value: 20, - type: 'lineHeights', - }, - 300: { - value: 24, - type: 'lineHeights', - }, - 400: { - value: 28, - type: 'lineHeights', - }, - 500: { - value: 32, - type: 'lineHeights', - }, - 600: { - value: 40, - type: 'lineHeights', - }, - 700: { - value: 48, - type: 'lineHeights', - }, - }, - size: { - 25: { - value: 8, - type: 'fontSizes', - }, - 30: { - value: 10, - type: 'fontSizes', - }, - 50: { - value: 12, - type: 'fontSizes', - }, - 75: { - value: 14, - type: 'fontSizes', - }, - 100: { - value: 16, - type: 'fontSizes', - }, - 200: { - value: 18, - type: 'fontSizes', - }, - 300: { - value: 20, - type: 'fontSizes', - }, - 400: { - value: 23, - type: 'fontSizes', - }, - 500: { - value: 26, - type: 'fontSizes', - }, - 600: { - value: 29, - type: 'fontSizes', - }, - }, - uppercase: { - value: 'uppercase', - type: 'textCase', - }, - }, - shadow: { - 100: { - value: [ + "core": { + "color": { + "black": { + "value": "#1a202b", + "type": "color" + }, + "white": { + "value": "#ffffff", + "type": "color" + }, + "neutral": { + "50": { + "value": "#F8F9FB", + "type": "color" + }, + "75": { + "value": "#f0f4f9", + "type": "color" + }, + "100": { + "value": "#F2F4F8", + "type": "color" + }, + "200": { + "value": "#DDE1E6", + "type": "color" + }, + "300": { + "value": "#C1C7CD", + "type": "color" + }, + "400": { + "value": "#A2A9B0", + "type": "color" + }, + "500": { + "value": "#878D96", + "type": "color" + }, + "600": { + "value": "#697077", + "type": "color" + }, + "700": { + "value": "#4D5358", + "type": "color" + }, + "800": { + "value": "#343A3F", + "type": "color" + }, + "900": { + "value": "#21272A", + "type": "color" + } + }, + "primary": { + "100": { + "value": "#F1FFBD", + "type": "color" + }, + "200": { + "value": "#E2FF7A", + "type": "color" + }, + "300": { + "value": "#B4E600", + "type": "color" + }, + "400": { + "value": "#98C200", + "type": "color" + }, + "500": { + "value": "#4A6000", + "type": "color" + }, + "600": { + "value": "#1760cf", + "type": "color" + }, + "700": { + "value": "#134faa", + "type": "color" + }, + "800": { + "value": "#10428e", + "type": "color" + }, + "900": { + "value": "#0d3877", + "type": "color" + } + }, + "danger": { + "100": { + "value": "#f7dede", + "type": "color" + }, + "200": { + "value": "#f0bebe", + "type": "color" + }, + "300": { + "value": "#e07c7c", + "type": "color" + }, + "400": { + "value": "#d95c5c", + "type": "color" + }, + "500": { + "value": "#d13b3b", + "type": "color" + }, + "600": { + "value": "#b52a2a", + "type": "color" + }, + "700": { + "value": "#912222", + "type": "color" + }, + "800": { + "value": "#6d1919", + "type": "color" + }, + "900": { + "value": "#481111", + "type": "color" + } + }, + "success": { + "100": { + "value": "#e4f4e6", + "type": "color" + }, + "200": { + "value": "#c9e9cd", + "type": "color" + }, + "300": { + "value": "#aedeb5", + "type": "color" + }, + "400": { + "value": "#77c783", + "type": "color" + }, + "500": { + "value": "#5cbc6a", + "type": "color" + }, + "600": { + "value": "#44a552", + "type": "color" + }, + "700": { + "value": "#368442", + "type": "color" + }, + "800": { + "value": "#296331", + "type": "color" + }, + "900": { + "value": "#1b4221", + "type": "color" + } + }, + "attention": { + "100": { + "value": "#fef3e1", + "type": "color" + }, + "200": { + "value": "#fbdaa6", + "type": "color" + }, + "300": { + "value": "#f8c16b", + "type": "color" + }, + "400": { + "value": "#f6b54d", + "type": "color" + }, + "500": { + "value": "#f39c12", + "type": "color" + }, + "600": { + "value": "#d98a0b", + "type": "color" + }, + "700": { + "value": "#ba7609", + "type": "color" + }, + "800": { + "value": "#9b6208", + "type": "color" + }, + "900": { + "value": "#7c4f06", + "type": "color" + } + }, + "info": { + "100": { + "value": "#E8F0FC", + "type": "color" + }, + "200": { + "value": "#B1CDF6", + "type": "color" + }, + "300": { + "value": "#7EACF1", + "type": "color" + }, + "400": { + "value": "#5592EC", + "type": "color" + }, + "500": { + "value": "#307AE8", + "type": "color" + }, + "600": { + "value": "#1867DC", + "type": "color" + }, + "700": { + "value": "#155AC1", + "type": "color" + }, + "800": { + "value": "#134FAA", + "type": "color" + }, + "900": { + "value": "#104593", + "type": "color" + } + }, + "secondary": { + "100": { + "value": "#0C1F22", + "type": "color" + } + }, + "tertiary": { + "100": { + "value": "#2F463F", + "type": "color" + } + }, + "accent": { + "100": { + "value": "#FF5470", + "type": "color" + }, + "200": { + "value": "hsla(60,100%,102%,1)", + "type": "color" + }, + "300": { + "value": "#ffffe0", + "type": "color" + }, + "400": { + "value": "#ffffb8", + "type": "color" + }, + "500": { + "value": "#ffff8f", + "type": "color" + }, + "600": { + "value": "#ffff66", + "type": "color" + }, + "700": { + "value": "#ffff3d", + "type": "color" + }, + "800": { + "value": "#ffff14", + "type": "color" + }, + "900": { + "value": "#ebeb00", + "type": "color" + } + }, + "customPrimary": { + "hue": { + "value": 216, + "type": "color" + }, + "saturation": { + "value": 80, + "type": "color" + }, + "lightness": { + "value": 55, + "type": "color" + }, + "hsla": { + "value": "#307ae8", + "type": "color" + } + }, + "customAccent": { + "hue": { + "value": 60, + "type": "color" + }, + "saturation": { + "value": 100, + "type": "color" + }, + "lightness": { + "value": 78, + "type": "color" + }, + "hsla": { + "value": "#ffff8f", + "type": "color" + } + } + }, + "dimension": { + "0": { + "value": 0, + "type": "sizing" + }, + "50": { + "value": 4, + "type": "sizing" + }, + "100": { + "value": 8, + "type": "sizing" + }, + "150": { + "value": 12, + "type": "sizing" + }, + "175": { + "value": 14, + "type": "sizing" + }, + "200": { + "value": 16, + "type": "sizing" + }, + "250": { + "value": 20, + "type": "sizing" + }, + "300": { + "value": 24, + "type": "sizing" + }, + "350": { + "value": 28, + "type": "sizing" + }, + "400": { + "value": 32, + "type": "sizing" + }, + "500": { + "value": 40, + "type": "sizing" + }, + "600": { + "value": 48, + "type": "sizing" + }, + "700": { + "value": 56, + "type": "sizing" + }, + "800": { + "value": 64, + "type": "sizing" + }, + "900": { + "value": 72, + "type": "sizing" + }, + "1000": { + "value": 80, + "type": "sizing" + }, + "static": { + "0": { + "value": 0, + "type": "sizing" + }, + "10": { + "value": 1, + "type": "sizing" + }, + "25": { + "value": 2, + "type": "sizing" + }, + "50": { + "value": 4, + "type": "sizing" + }, + "75": { + "value": 6, + "type": "sizing" + }, + "100": { + "value": 8, + "type": "sizing" + }, + "150": { + "value": 12, + "type": "sizing" + }, + "200": { + "value": 16, + "type": "sizing" + }, + "250": { + "value": 20, + "type": "sizing" + }, + "300": { + "value": 24, + "type": "sizing" + }, + "350": { + "value": 28, + "type": "sizing" + }, + "400": { + "value": 32, + "type": "sizing" + }, + "450": { + "value": 36, + "type": "sizing" + }, + "500": { + "value": 40, + "type": "sizing" + }, + "550": { + "value": 44, + "type": "sizing" + }, + "600": { + "value": 48, + "type": "sizing" + }, + "700": { + "value": 56, + "type": "sizing" + }, + "800": { + "value": 64, + "type": "sizing" + }, + "900": { + "value": 72, + "type": "sizing" + }, + "1000": { + "value": 80, + "type": "sizing" + } + }, + "root": { + "value": 16, + "type": "sizing" + }, + "percentage": { + "50": { + "value": "50%", + "type": "sizing" + }, + "100": { + "value": "100%", + "type": "sizing" + } + }, + "breakpoint": { + "xsm": { + "value": "320px", + "type": "sizing" + }, + "sm": { + "value": "640px", + "type": "sizing" + }, + "md": { + "value": "1007px", + "type": "sizing" + }, + "lg": { + "value": "1440px", + "type": "sizing" + } + } + }, + "font": { + "family": { + "main": { + "value": "Albert Sans", + "type": "fontFamilies" + }, + "alt": { + "value": "Albert Sans", + "type": "fontFamilies" + }, + "code": { + "value": "Courier new", + "type": "fontFamilies" + } + }, + "weight": { + "regular": { + "value": 400, + "type": "fontWeights" + }, + "medium": { + "value": 500, + "type": "fontWeights" + }, + "semiBold": { + "value": 600, + "type": "fontWeights" + }, + "light": { + "value": 300, + "type": "fontWeights" + }, + "bold": { + "value": 600, + "type": "fontWeights" + } + }, + "lineHeight": { + "75": { + "value": 14, + "type": "lineHeights" + }, + "100": { + "value": 16, + "type": "lineHeights" + }, + "200": { + "value": 20, + "type": "lineHeights" + }, + "300": { + "value": 24, + "type": "lineHeights" + }, + "400": { + "value": 28, + "type": "lineHeights" + }, + "500": { + "value": 32, + "type": "lineHeights" + }, + "600": { + "value": 40, + "type": "lineHeights" + }, + "700": { + "value": 48, + "type": "lineHeights" + } + }, + "size": { + "25": { + "value": 8, + "type": "fontSizes" + }, + "30": { + "value": 10, + "type": "fontSizes" + }, + "50": { + "value": 12, + "type": "fontSizes" + }, + "75": { + "value": 14, + "type": "fontSizes" + }, + "100": { + "value": 16, + "type": "fontSizes" + }, + "200": { + "value": 18, + "type": "fontSizes" + }, + "300": { + "value": 20, + "type": "fontSizes" + }, + "400": { + "value": 23, + "type": "fontSizes" + }, + "500": { + "value": 26, + "type": "fontSizes" + }, + "600": { + "value": 29, + "type": "fontSizes" + } + }, + "uppercase": { + "value": "uppercase", + "type": "textCase" + } + }, + "shadow": { + "100": { + "value": [ { - color: '#21272a14', - type: 'dropShadow', - x: 0, - y: 10, - blur: 36, - spread: 0, - }, + "color": "#21272a14", + "type": "dropShadow", + "x": 0, + "y": 10, + "blur": 36, + "spread": 0 + } ], - type: 'boxShadow', + "type": "boxShadow" }, - 200: { - value: [ + "200": { + "value": [ { - color: '#21272a1f', - type: 'dropShadow', - x: 0, - y: 10, - blur: 36, - spread: 0, - }, + "color": "#21272a1f", + "type": "dropShadow", + "x": 0, + "y": 10, + "blur": 36, + "spread": 0 + } ], - type: 'boxShadow', + "type": "boxShadow" }, - 300: { - value: [ + "300": { + "value": [ { - color: '#21272a29', - type: 'dropShadow', - x: 0, - y: 10, - blur: 36, - spread: 0, - }, + "color": "#21272a29", + "type": "dropShadow", + "x": 0, + "y": 10, + "blur": 36, + "spread": 0 + } ], - type: 'boxShadow', + "type": "boxShadow" }, - 400: { - value: [ + "400": { + "value": [ { - color: '#21272a0d', - type: 'dropShadow', - x: -32, - y: 0, - blur: 32, - spread: 0, - }, + "color": "#21272a0d", + "type": "dropShadow", + "x": -32, + "y": 0, + "blur": 32, + "spread": 0 + } ], - type: 'boxShadow', - }, - }, - blur: { - value: '4px', - type: 'dimension', + "type": "boxShadow" + } }, + "blur": { + "value": "4px", + "type": "dimension" + } }, - util: { - color: { - primary: { - lightness: { - scale: { - value: 1.21, - type: 'other', - }, - up: { - 1: { - value: 67, - type: 'other', - }, - 2: { - value: 81, - type: 'other', - }, - 3: { - value: 98, - type: 'other', - }, - 4: { - value: 119, - type: 'other', - }, - 5: { - value: 144, - type: 'other', + "util": { + "color": { + "primary": { + "lightness": { + "scale": { + "value": 1.21, + "type": "other" + }, + "up": { + "1": { + "value": 67, + "type": "other" }, - }, - down: { - 1: { - value: 45, - type: 'other', + "2": { + "value": 81, + "type": "other" }, - 2: { - value: 37, - type: 'other', + "3": { + "value": 98, + "type": "other" }, - 3: { - value: 31, - type: 'other', + "4": { + "value": 119, + "type": "other" }, - 4: { - value: 26, - type: 'other', + "5": { + "value": 144, + "type": "other" + } + }, + "down": { + "1": { + "value": 45, + "type": "other" }, - 5: { - value: 21, - type: 'other', + "2": { + "value": 37, + "type": "other" }, - }, - }, - }, - accent: { - lightness: { - scale: { - value: 8, - type: 'other', - }, - up: { - 1: { - value: 86, - type: 'other', + "3": { + "value": 31, + "type": "other" }, - 2: { - value: 94, - type: 'other', + "4": { + "value": 26, + "type": "other" }, - 3: { - value: 102, - type: 'other', + "5": { + "value": 21, + "type": "other" + } + } + } + }, + "accent": { + "lightness": { + "scale": { + "value": 8, + "type": "other" + }, + "up": { + "1": { + "value": 86, + "type": "other" }, - 4: { - value: 110, - type: 'other', + "2": { + "value": 94, + "type": "other" }, - }, - down: { - 1: { - value: 70, - type: 'other', + "3": { + "value": 102, + "type": "other" }, - 2: { - value: 62, - type: 'other', + "4": { + "value": 110, + "type": "other" + } + }, + "down": { + "1": { + "value": 70, + "type": "other" }, - 3: { - value: 54, - type: 'other', + "2": { + "value": 62, + "type": "other" }, - 4: { - value: 46, - type: 'other', + "3": { + "value": 54, + "type": "other" }, - }, - }, - }, - colorDebug: { - value: '#9747FF', - type: 'color', - }, - debugColorContainer: { - value: '#ebdcff', - type: 'color', - }, - }, - font: { - scale: { - value: 1.125, - type: 'other', - }, - base: { - value: 16, - type: 'other', - }, - }, - }, - underline: { - value: 'underline', - type: 'textDecoration', + "4": { + "value": 46, + "type": "other" + } + } + } + }, + "colorDebug": { + "value": "#9747FF", + "type": "color" + }, + "debugColorContainer": { + "value": "#ebdcff", + "type": "color" + } + }, + "font": { + "scale": { + "value": 1.125, + "type": "other" + }, + "base": { + "value": 16, + "type": "other" + } + } }, -}; + "underline": { + "value": "underline", + "type": "textDecoration" + } +} \ No newline at end of file diff --git a/yarn.lock b/yarn.lock index b51b6311d..5bc4ee552 100644 --- a/yarn.lock +++ b/yarn.lock @@ -726,6 +726,14 @@ "@babel/helper-plugin-utils" "^7.22.5" "@babel/plugin-syntax-export-namespace-from" "^7.8.3" +"@babel/plugin-transform-export-namespace-from@^7.23.3": + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-export-namespace-from/-/plugin-transform-export-namespace-from-7.23.3.tgz#dcd066d995f6ac6077e5a4ccb68322a01e23ac49" + integrity sha512-yCLhW34wpJWRdTxxWtFZASJisihrfyMOTOQexhVzA78jlU+dH7Dw+zQgcPepQ5F3C6bAIiblZZ+qBggJdHiBAg== + dependencies: + "@babel/helper-plugin-utils" "^7.22.5" + "@babel/plugin-syntax-export-namespace-from" "^7.8.3" + "@babel/plugin-transform-flow-strip-types@^7.22.5": version "7.22.5" resolved "https://registry.yarnpkg.com/@babel/plugin-transform-flow-strip-types/-/plugin-transform-flow-strip-types-7.22.5.tgz#0bb17110c7bf5b35a60754b2f00c58302381dee2" @@ -1576,9 +1584,9 @@ eslint-visitor-keys "^3.3.0" "@eslint-community/regexpp@^4.6.1": - version "4.10.0" - resolved "https://registry.yarnpkg.com/@eslint-community/regexpp/-/regexpp-4.10.0.tgz#548f6de556857c8bb73bbee70c35dc82a2e74d63" - integrity sha512-Cu96Sd2By9mCNTx2iyKOmq10v22jUVQv0lQnlGNy16oE9589yE+QADPbrMGCkA51cKZSg3Pu/aTJVTGfL/qjUA== + version "4.9.1" + resolved "https://registry.yarnpkg.com/@eslint-community/regexpp/-/regexpp-4.9.1.tgz#449dfa81a57a1d755b09aa58d826c1262e4283b4" + integrity sha512-Y27x+MBLjXa+0JWDhykM3+JE+il3kHKAEqabfEWq3SDhZjLYb6/BHL/JKFnH3fe207JaXkyDo685Oc2Glt6ifA== "@eslint/eslintrc@^2.1.2": version "2.1.2" @@ -1595,27 +1603,10 @@ minimatch "^3.1.2" strip-json-comments "^3.1.1" -"@eslint/js@8.52.0": - version "8.52.0" - resolved "https://registry.yarnpkg.com/@eslint/js/-/js-8.52.0.tgz#78fe5f117840f69dc4a353adf9b9cd926353378c" - integrity sha512-mjZVbpaeMZludF2fsWLD0Z9gCref1Tk4i9+wddjRvpUNqqcndPkBD09N/Mapey0b3jaXbLm2kICwFv2E64QinA== - -"@eslint-community/eslint-utils@^4.2.0": - version "4.4.0" - resolved "https://registry.yarnpkg.com/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz#a23514e8fb9af1269d5f7788aa556798d61c6b59" - integrity sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA== - dependencies: - eslint-visitor-keys "^3.3.0" - -"@eslint-community/regexpp@^4.6.1": - version "4.9.1" - resolved "https://registry.yarnpkg.com/@eslint-community/regexpp/-/regexpp-4.9.1.tgz#449dfa81a57a1d755b09aa58d826c1262e4283b4" - integrity sha512-Y27x+MBLjXa+0JWDhykM3+JE+il3kHKAEqabfEWq3SDhZjLYb6/BHL/JKFnH3fe207JaXkyDo685Oc2Glt6ifA== - -"@eslint/eslintrc@^2.1.2": - version "2.1.2" - resolved "https://registry.yarnpkg.com/@eslint/eslintrc/-/eslintrc-2.1.2.tgz#c6936b4b328c64496692f76944e755738be62396" - integrity sha512-+wvgpDsrB1YqAMdEUCcnTlpfVBH7Vqn6A/NT3D8WVXFIaKMlErPIZT3oCIAVCOtarRpMtelZLqJeU3t7WY6X6g== +"@eslint/eslintrc@^2.1.3": + version "2.1.3" + resolved "https://registry.yarnpkg.com/@eslint/eslintrc/-/eslintrc-2.1.3.tgz#797470a75fe0fbd5a53350ee715e85e87baff22d" + integrity sha512-yZzuIG+jnVu6hNSzFEN07e8BxF3uAzYtQb6uDkaYZLo6oYZDCq454c5kB8zxnzfCYyP4MIuyBn10L0DqwujTmA== dependencies: ajv "^6.12.4" debug "^4.3.2" @@ -1632,6 +1623,11 @@ resolved "https://registry.yarnpkg.com/@eslint/js/-/js-8.52.0.tgz#78fe5f117840f69dc4a353adf9b9cd926353378c" integrity sha512-mjZVbpaeMZludF2fsWLD0Z9gCref1Tk4i9+wddjRvpUNqqcndPkBD09N/Mapey0b3jaXbLm2kICwFv2E64QinA== +"@eslint/js@8.53.0": + version "8.53.0" + resolved "https://registry.yarnpkg.com/@eslint/js/-/js-8.53.0.tgz#bea56f2ed2b5baea164348ff4d5a879f6f81f20d" + integrity sha512-Kn7K8dx/5U6+cT1yEhpX1w4PCSg0M+XyRILPgvwcEBjerFWCwQj5sbr3/VmxqV0JGHCBCzyd6LxypEuehypY1w== + "@figspec/components@^1.0.1": version "1.0.2" resolved "https://registry.yarnpkg.com/@figspec/components/-/components-1.0.2.tgz#00f697b37cfb45862563d0bd15d7f633caa4bc29" @@ -3964,15 +3960,7 @@ "@types/eslint" "*" "@types/estree" "*" -"@types/eslint@*": - version "8.44.6" - resolved "https://registry.yarnpkg.com/@types/eslint/-/eslint-8.44.6.tgz#60e564551966dd255f4c01c459f0b4fb87068603" - integrity sha512-P6bY56TVmX8y9J87jHNgQh43h6VVU+6H7oN7hgvivV81K2XY8qJZ5vqPy/HdUoVIelii2kChYVzQanlswPWVFw== - dependencies: - "@types/estree" "*" - "@types/json-schema" "*" - -"@types/eslint@^8.4.2": +"@types/eslint@*", "@types/eslint@^8.4.2": version "8.44.6" resolved "https://registry.yarnpkg.com/@types/eslint/-/eslint-8.44.6.tgz#60e564551966dd255f4c01c459f0b4fb87068603" integrity sha512-P6bY56TVmX8y9J87jHNgQh43h6VVU+6H7oN7hgvivV81K2XY8qJZ5vqPy/HdUoVIelii2kChYVzQanlswPWVFw== @@ -4366,6 +4354,14 @@ "@typescript-eslint/types" "4.33.0" eslint-visitor-keys "^2.0.0" +"@typescript-eslint/visitor-keys@5.62.0": + version "5.62.0" + resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-5.62.0.tgz#2174011917ce582875954ffe2f6912d5931e353e" + integrity sha512-07ny+LHRzQXepkGg6w0mFY41fVUNBrL2Roj/++7V1txKugfjm/Ci/qSND03r2RhlJhJYMcTn9AhhSSqQp0Ysyw== + dependencies: + "@typescript-eslint/types" "5.62.0" + eslint-visitor-keys "^3.3.0" + "@ungap/structured-clone@^1.2.0": version "1.2.0" resolved "https://registry.yarnpkg.com/@ungap/structured-clone/-/structured-clone-1.2.0.tgz#756641adb587851b5ccb3e095daf27ae581c8406" @@ -4685,7 +4681,7 @@ acorn@^7.4.1: resolved "https://registry.yarnpkg.com/acorn/-/acorn-7.4.1.tgz#feaed255973d2e77555b83dbc08851a6c63520fa" integrity sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A== -acorn@^8.7.1, acorn@^8.8.2, acorn@^8.9.0: +acorn@^8.7.1, acorn@^8.8.2: version "8.11.2" resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.11.2.tgz#ca0d78b51895be5390a5903c5b3bdcdaf78ae40b" integrity sha512-nc0Axzp/0FILLEVsm4fNwLCwMttvhEI263QtVPQcbpfZZ3ts0hLsZGOpE6czNlid7CJ9MlyH8reXkpsf3YUY4w== @@ -4931,17 +4927,6 @@ array-includes@^3.0.3, array-includes@^3.1.6, array-includes@^3.1.7: get-intrinsic "^1.2.1" is-string "^1.0.7" -array-includes@^3.1.6, array-includes@^3.1.7: - version "3.1.7" - resolved "https://registry.yarnpkg.com/array-includes/-/array-includes-3.1.7.tgz#8cd2e01b26f7a3086cbc87271593fe921c62abda" - integrity sha512-dlcsNBIiWhPkHdOEEKnehA+RNUWDc4UqFtnIXU4uuYDPtA4LDkr7qip2p0VvFAEXNDr0yWZ9PJyIRiGjRLQzwQ== - dependencies: - call-bind "^1.0.2" - define-properties "^1.2.0" - es-abstract "^1.22.1" - get-intrinsic "^1.2.1" - is-string "^1.0.7" - array-union@^1.0.1, array-union@^1.0.2: version "1.0.2" resolved "https://registry.yarnpkg.com/array-union/-/array-union-1.0.2.tgz#9a34410e4f4e3da23dea375be5be70f24778ec39" @@ -4995,16 +4980,6 @@ array.prototype.flatmap@^1.2.1, array.prototype.flatmap@^1.3.1, array.prototype. es-abstract "^1.22.1" es-shim-unscopables "^1.0.0" -array.prototype.flatmap@^1.3.1, array.prototype.flatmap@^1.3.2: - version "1.3.2" - resolved "https://registry.yarnpkg.com/array.prototype.flatmap/-/array.prototype.flatmap-1.3.2.tgz#c9a7c6831db8e719d6ce639190146c24bbd3e527" - integrity sha512-Ewyx0c9PmpcsByhSW4r+9zDU7sGjFc86qf/kKtuSCRdhfbk0SNLLkaT5qvcHnRGgc5NP/ly/y+qkXkqONX54CQ== - dependencies: - call-bind "^1.0.2" - define-properties "^1.2.0" - es-abstract "^1.22.1" - es-shim-unscopables "^1.0.0" - array.prototype.map@^1.0.5: version "1.0.6" resolved "https://registry.yarnpkg.com/array.prototype.map/-/array.prototype.map-1.0.6.tgz#6a3d23f7192b2066eb97666ccc34118cb8163950" @@ -5130,13 +5105,6 @@ asynciterator.prototype@^1.0.0: dependencies: has-symbols "^1.0.3" -asynciterator.prototype@^1.0.0: - version "1.0.0" - resolved "https://registry.yarnpkg.com/asynciterator.prototype/-/asynciterator.prototype-1.0.0.tgz#8c5df0514936cdd133604dfcc9d3fb93f09b2b62" - integrity sha512-wwHYEIS0Q80f5mosx3L/dfG5t5rjEa9Ft51GTaNt862EnpyGHpgz2RkZvLPp1oF5TnAiTohkEKVEu8pQPJI7Vg== - dependencies: - has-symbols "^1.0.3" - asynckit@^0.4.0: version "0.4.0" resolved "https://registry.yarnpkg.com/asynckit/-/asynckit-0.4.0.tgz#c79ed97f7f34cb8f2ba1bc9790bcc366474b4b79" @@ -5766,15 +5734,6 @@ call-bind@^1.0.0, call-bind@^1.0.2, call-bind@^1.0.4, call-bind@^1.0.5: get-intrinsic "^1.2.1" set-function-length "^1.1.1" -call-bind@^1.0.4, call-bind@^1.0.5: - version "1.0.5" - resolved "https://registry.yarnpkg.com/call-bind/-/call-bind-1.0.5.tgz#6fa2b7845ce0ea49bf4d8b9ef64727a2c2e2e513" - integrity sha512-C3nQxfFZxFRVoJoGKKI8y3MOEo129NQ+FgQ08iye+Mk4zNZZGdjfs06bVTr+DBSlA66Q2VEcMki/cUCP4SercQ== - dependencies: - function-bind "^1.1.2" - get-intrinsic "^1.2.1" - set-function-length "^1.1.1" - call-me-maybe@^1.0.1: version "1.0.2" resolved "https://registry.yarnpkg.com/call-me-maybe/-/call-me-maybe-1.0.2.tgz#03f964f19522ba643b1b0693acb9152fe2074baa" @@ -5901,6 +5860,17 @@ ccount@^1.0.0: resolved "https://registry.yarnpkg.com/ccount/-/ccount-1.1.0.tgz#246687debb6014735131be8abab2d93898f8d043" integrity sha512-vlNK021QdI7PNeiUh/lKkC/mNHHfV0m/Ad5JoI0TYtlBnJAslM/JIkm/tGC88bkLIwO6OQ5uV6ztS6kVAtCDlg== +chalk@^1.1.3: + version "1.1.3" + resolved "https://registry.yarnpkg.com/chalk/-/chalk-1.1.3.tgz#a8115c55e4a702fe4d150abd3872822a7e09fc98" + integrity sha512-U3lRVLMSlsCfjqYPbLyVv11M9CPW4I728d6TCKMAOJueEeB9/8o+eSsMnxPJD+Q+K909sdESg7C+tIkoH6on1A== + dependencies: + ansi-styles "^2.2.1" + escape-string-regexp "^1.0.2" + has-ansi "^2.0.0" + strip-ansi "^3.0.0" + supports-color "^2.0.0" + chalk@^2.1.0, chalk@^2.4.1, chalk@^2.4.2: version "2.4.2" resolved "https://registry.yarnpkg.com/chalk/-/chalk-2.4.2.tgz#cd42541677a54333cf541a49108c1432b44c9424" @@ -6919,7 +6889,7 @@ debug@2.6.9, debug@^2.2.0, debug@^2.3.3, debug@^2.5.2: dependencies: ms "2.0.0" -debug@4, debug@^4.0.0, debug@^4.1.0, debug@^4.1.1, debug@^4.3.1, debug@^4.3.2, debug@^4.3.3: +debug@4, debug@^4.0.0, debug@^4.1.0, debug@^4.1.1, debug@^4.3.1, debug@^4.3.2, debug@^4.3.3, debug@^4.3.4: version "4.3.4" resolved "https://registry.yarnpkg.com/debug/-/debug-4.3.4.tgz#1319f6579357f2338d3337d2cdd4914bb5dcc865" integrity sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ== @@ -7045,15 +7015,6 @@ define-properties@^1.1.2, define-properties@^1.1.3, define-properties@^1.1.4, de has-property-descriptors "^1.0.0" object-keys "^1.1.1" -define-properties@^1.2.0, define-properties@^1.2.1: - version "1.2.1" - resolved "https://registry.yarnpkg.com/define-properties/-/define-properties-1.2.1.tgz#10781cc616eb951a80a034bafcaa7377f6af2b6c" - integrity sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg== - dependencies: - define-data-property "^1.0.1" - has-property-descriptors "^1.0.0" - object-keys "^1.1.1" - define-property@^0.2.5: version "0.2.5" resolved "https://registry.yarnpkg.com/define-property/-/define-property-0.2.5.tgz#c35b1ef918ec3c990f9a5bc57be04aacec5c8116" @@ -7592,51 +7553,6 @@ es-abstract@^1.17.2, es-abstract@^1.22.1: unbox-primitive "^1.0.2" which-typed-array "^1.1.13" -es-abstract@^1.22.1: - version "1.22.3" - resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.22.3.tgz#48e79f5573198de6dee3589195727f4f74bc4f32" - integrity sha512-eiiY8HQeYfYH2Con2berK+To6GrK2RxbPawDkGq4UiCQQfZHb6wX9qQqkbpPqaxQFcl8d9QzZqo0tGE0VcrdwA== - dependencies: - array-buffer-byte-length "^1.0.0" - arraybuffer.prototype.slice "^1.0.2" - available-typed-arrays "^1.0.5" - call-bind "^1.0.5" - es-set-tostringtag "^2.0.1" - es-to-primitive "^1.2.1" - function.prototype.name "^1.1.6" - get-intrinsic "^1.2.2" - get-symbol-description "^1.0.0" - globalthis "^1.0.3" - gopd "^1.0.1" - has-property-descriptors "^1.0.0" - has-proto "^1.0.1" - has-symbols "^1.0.3" - hasown "^2.0.0" - internal-slot "^1.0.5" - is-array-buffer "^3.0.2" - is-callable "^1.2.7" - is-negative-zero "^2.0.2" - is-regex "^1.1.4" - is-shared-array-buffer "^1.0.2" - is-string "^1.0.7" - is-typed-array "^1.1.12" - is-weakref "^1.0.2" - object-inspect "^1.13.1" - object-keys "^1.1.1" - object.assign "^4.1.4" - regexp.prototype.flags "^1.5.1" - safe-array-concat "^1.0.1" - safe-regex-test "^1.0.0" - string.prototype.trim "^1.2.8" - string.prototype.trimend "^1.0.7" - string.prototype.trimstart "^1.0.7" - typed-array-buffer "^1.0.0" - typed-array-byte-length "^1.0.0" - typed-array-byte-offset "^1.0.0" - typed-array-length "^1.0.4" - unbox-primitive "^1.0.2" - which-typed-array "^1.1.13" - es-array-method-boxes-properly@^1.0.0: version "1.0.0" resolved "https://registry.yarnpkg.com/es-array-method-boxes-properly/-/es-array-method-boxes-properly-1.0.0.tgz#873f3e84418de4ee19c5be752990b2e44718d09e" @@ -7691,15 +7607,6 @@ es-set-tostringtag@^2.0.1: has-tostringtag "^1.0.0" hasown "^2.0.0" -es-set-tostringtag@^2.0.1: - version "2.0.2" - resolved "https://registry.yarnpkg.com/es-set-tostringtag/-/es-set-tostringtag-2.0.2.tgz#11f7cc9f63376930a5f20be4915834f4bc74f9c9" - integrity sha512-BuDyupZt65P9D2D2vA/zqcI3G5xRsklm5N3xCwuiy+/vKy8i0ifdsQP1sLgO4tZDSCaQUSnmC48khknGMV3D2Q== - dependencies: - get-intrinsic "^1.2.2" - has-tostringtag "^1.0.0" - hasown "^2.0.0" - es-shim-unscopables@^1.0.0: version "1.0.2" resolved "https://registry.yarnpkg.com/es-shim-unscopables/-/es-shim-unscopables-1.0.2.tgz#1f6942e71ecc7835ed1c8a83006d8771a63a3763" @@ -7862,7 +7769,7 @@ eslint-scope@^4.0.3: esrecurse "^4.1.0" estraverse "^4.1.1" -eslint-scope@^7.2.2: +eslint-scope@^7.0.0, eslint-scope@^7.2.2: version "7.2.2" resolved "https://registry.yarnpkg.com/eslint-scope/-/eslint-scope-7.2.2.tgz#deb4f92563390f32006894af62a22dba1c46423f" integrity sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg== @@ -7875,7 +7782,7 @@ eslint-visitor-keys@^2.0.0, eslint-visitor-keys@^2.1.0: resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-2.1.0.tgz#f65328259305927392c938ed44eb0a5c9b2bd303" integrity sha512-0rSmRBzXgDzIsD6mGdJgevzgezI534Cer5L/vyMX0kHzT/jiB43jRhd9YUlMGYLQy2zprNmoT8qasCGtY+QaKw== -eslint-visitor-keys@^3.3.0, eslint-visitor-keys@^3.4.1, eslint-visitor-keys@^3.4.3: +eslint-visitor-keys@^3.1.0, eslint-visitor-keys@^3.3.0, eslint-visitor-keys@^3.4.1, eslint-visitor-keys@^3.4.3: version "3.4.3" resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz#0cd72fe8550e3c2eae156a96a4dddcd1c8ac5800" integrity sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag== @@ -7924,7 +7831,51 @@ eslint@^8.50.0: strip-ansi "^6.0.1" text-table "^0.2.0" -espree@^9.6.0, espree@^9.6.1: +eslint@^8.7.0: + version "8.53.0" + resolved "https://registry.yarnpkg.com/eslint/-/eslint-8.53.0.tgz#14f2c8244298fcae1f46945459577413ba2697ce" + integrity sha512-N4VuiPjXDUa4xVeV/GC/RV3hQW9Nw+Y463lkWaKKXKYMvmRiRDAtfpuPFLN+E1/6ZhyR8J2ig+eVREnYgUsiag== + dependencies: + "@eslint-community/eslint-utils" "^4.2.0" + "@eslint-community/regexpp" "^4.6.1" + "@eslint/eslintrc" "^2.1.3" + "@eslint/js" "8.53.0" + "@humanwhocodes/config-array" "^0.11.13" + "@humanwhocodes/module-importer" "^1.0.1" + "@nodelib/fs.walk" "^1.2.8" + "@ungap/structured-clone" "^1.2.0" + ajv "^6.12.4" + chalk "^4.0.0" + cross-spawn "^7.0.2" + debug "^4.3.2" + doctrine "^3.0.0" + escape-string-regexp "^4.0.0" + eslint-scope "^7.2.2" + eslint-visitor-keys "^3.4.3" + espree "^9.6.1" + esquery "^1.4.2" + esutils "^2.0.2" + fast-deep-equal "^3.1.3" + file-entry-cache "^6.0.1" + find-up "^5.0.0" + glob-parent "^6.0.2" + globals "^13.19.0" + graphemer "^1.4.0" + ignore "^5.2.0" + imurmurhash "^0.1.4" + is-glob "^4.0.0" + is-path-inside "^3.0.3" + js-yaml "^4.1.0" + json-stable-stringify-without-jsonify "^1.0.1" + levn "^0.4.1" + lodash.merge "^4.6.2" + minimatch "^3.1.2" + natural-compare "^1.4.0" + optionator "^0.9.3" + strip-ansi "^6.0.1" + text-table "^0.2.0" + +espree@^9.0.0, espree@^9.6.0, espree@^9.6.1: version "9.6.1" resolved "https://registry.yarnpkg.com/espree/-/espree-9.6.1.tgz#a2a17b8e434690a5432f2f8018ce71d331a48c6f" integrity sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ== @@ -7938,7 +7889,7 @@ esprima@^4.0.0, esprima@^4.0.1: resolved "https://registry.yarnpkg.com/esprima/-/esprima-4.0.1.tgz#13b04cdb3e6c5d19df91ab6987a8695619b0aa71" integrity sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A== -esquery@^1.4.2: +esquery@^1.4.0, esquery@^1.4.2: version "1.5.0" resolved "https://registry.yarnpkg.com/esquery/-/esquery-1.5.0.tgz#6ce17738de8577694edd7361c57182ac8cb0db0b" integrity sha512-YQLXUplAwJgCydQ78IMJywZCceoqk1oH01OERdSAJc/7U2AylwjhSCLDEtqwg811idIS/9fIU5GjG73IgjKMVg== @@ -8723,16 +8674,6 @@ get-intrinsic@^1.0.2, get-intrinsic@^1.1.1, get-intrinsic@^1.1.3, get-intrinsic@ has-symbols "^1.0.3" hasown "^2.0.0" -get-intrinsic@^1.2.0, get-intrinsic@^1.2.1, get-intrinsic@^1.2.2: - version "1.2.2" - resolved "https://registry.yarnpkg.com/get-intrinsic/-/get-intrinsic-1.2.2.tgz#281b7622971123e1ef4b3c90fd7539306da93f3b" - integrity sha512-0gSo4ml/0j98Y3lngkFEot/zhiCeWsbYIlZ+uZOVgzLyLaUw7wxUL+nCTP0XJvJg1AXulJRI3UJi8GsbDuxdGA== - dependencies: - function-bind "^1.1.2" - has-proto "^1.0.1" - has-symbols "^1.0.3" - hasown "^2.0.0" - get-own-enumerable-property-symbols@^3.0.0: version "3.0.2" resolved "https://registry.yarnpkg.com/get-own-enumerable-property-symbols/-/get-own-enumerable-property-symbols-3.0.2.tgz#b5fde77f22cbe35f390b4e089922c50bce6ef664" @@ -8996,11 +8937,6 @@ has-proto@^1.0.1: resolved "https://registry.yarnpkg.com/has-proto/-/has-proto-1.0.1.tgz#1885c1305538958aff469fef37937c22795408e0" integrity sha512-7qE+iP+O+bgF9clE5+UoBFzE65mlBiVj3tKCrlNQ0Ogwm0BjpT/gK4SlLYDMybDh5I3TCTKnPPa0oMG7JDYrhg== -has-proto@^1.0.1: - version "1.0.1" - resolved "https://registry.yarnpkg.com/has-proto/-/has-proto-1.0.1.tgz#1885c1305538958aff469fef37937c22795408e0" - integrity sha512-7qE+iP+O+bgF9clE5+UoBFzE65mlBiVj3tKCrlNQ0Ogwm0BjpT/gK4SlLYDMybDh5I3TCTKnPPa0oMG7JDYrhg== - has-symbols@^1.0.1, has-symbols@^1.0.2, has-symbols@^1.0.3: version "1.0.3" resolved "https://registry.yarnpkg.com/has-symbols/-/has-symbols-1.0.3.tgz#bb7b2c4349251dce87b125f7bdf874aa7c8b39f8" @@ -9470,15 +9406,6 @@ internal-slot@^1.0.4, internal-slot@^1.0.5: hasown "^2.0.0" side-channel "^1.0.4" -internal-slot@^1.0.5: - version "1.0.6" - resolved "https://registry.yarnpkg.com/internal-slot/-/internal-slot-1.0.6.tgz#37e756098c4911c5e912b8edbf71ed3aa116f930" - integrity sha512-Xj6dv+PsbtwyPpEflsejS+oIZxmMlV44zAhG479uYu89MsjcYOhCFnNyKrkJrihbsiasQyY0afoCl/9BLR65bg== - dependencies: - get-intrinsic "^1.2.2" - hasown "^2.0.0" - side-channel "^1.0.4" - internmap@^1.0.0: version "1.0.1" resolved "https://registry.yarnpkg.com/internmap/-/internmap-1.0.1.tgz#0017cc8a3b99605f0302f2b198d272e015e5df95" @@ -10588,7 +10515,7 @@ lodash.memoize@^4.1.2: resolved "https://registry.yarnpkg.com/lodash.memoize/-/lodash.memoize-4.1.2.tgz#bcc6c49a42a2840ed997f323eada5ecd182e0bfe" integrity sha512-t7j+NzmgnQzTAYXcsHYLgimltOV1MXHtlOWf6GjL9Kj8GK5FInw5JotxvbOs+IvV1/Dzo04/fCGfLVs7aXb4Ag== -lodash.merge@^4.6.2: +lodash.merge@^4.6.0, lodash.merge@^4.6.2: version "4.6.2" resolved "https://registry.yarnpkg.com/lodash.merge/-/lodash.merge-4.6.2.tgz#558aa53b43b661e1925a0afdfa36a9a1085fe57a" integrity sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ== @@ -11533,11 +11460,6 @@ object-inspect@^1.13.1, object-inspect@^1.9.0: resolved "https://registry.yarnpkg.com/object-inspect/-/object-inspect-1.13.1.tgz#b96c6109324ccfef6b12216a956ca4dc2ff94bc2" integrity sha512-5qoj1RUiKOMsCCNLV1CBiPYE10sziTsnmNxkAI/rZhiD63CF7IqdFGC/XzjWjpSgLf0LxXX3bDFIh0E18f6UhQ== -object-inspect@^1.13.1: - version "1.13.1" - resolved "https://registry.yarnpkg.com/object-inspect/-/object-inspect-1.13.1.tgz#b96c6109324ccfef6b12216a956ca4dc2ff94bc2" - integrity sha512-5qoj1RUiKOMsCCNLV1CBiPYE10sziTsnmNxkAI/rZhiD63CF7IqdFGC/XzjWjpSgLf0LxXX3bDFIh0E18f6UhQ== - object-keys@^1.1.1: version "1.1.1" resolved "https://registry.yarnpkg.com/object-keys/-/object-keys-1.1.1.tgz#1c47f272df277f3b1daf061677d9c82e2322c60e" @@ -11578,15 +11500,6 @@ object.entries@^1.1.0, object.entries@^1.1.5, object.entries@^1.1.6: define-properties "^1.2.0" es-abstract "^1.22.1" -object.fromentries@^2.0.6, object.fromentries@^2.0.7: - version "2.0.7" - resolved "https://registry.yarnpkg.com/object.fromentries/-/object.fromentries-2.0.7.tgz#71e95f441e9a0ea6baf682ecaaf37fa2a8d7e616" - integrity sha512-UPbPHML6sL8PI/mOqPwsH4G6iyXcCGzLin8KvEPenOZN5lpCNBZZQ+V62vdjB1mQHrmqGQt5/OJzemUA+KJmEA== - dependencies: - call-bind "^1.0.2" - define-properties "^1.2.0" - es-abstract "^1.22.1" - object.getownpropertydescriptors@^2.0.3, object.getownpropertydescriptors@^2.1.0, object.getownpropertydescriptors@^2.1.2: version "2.1.7" resolved "https://registry.yarnpkg.com/object.getownpropertydescriptors/-/object.getownpropertydescriptors-2.1.7.tgz#7a466a356cd7da4ba8b9e94ff6d35c3eeab5d56a" @@ -11616,24 +11529,6 @@ object.hasown@^1.1.2: define-properties "^1.2.0" es-abstract "^1.22.1" -object.groupby@^1.0.1: - version "1.0.1" - resolved "https://registry.yarnpkg.com/object.groupby/-/object.groupby-1.0.1.tgz#d41d9f3c8d6c778d9cbac86b4ee9f5af103152ee" - integrity sha512-HqaQtqLnp/8Bn4GL16cj+CUYbnpe1bh0TtEaWvybszDG4tgxCJuRpV8VGuvNaI1fAnI4lUJzDG55MXcOH4JZcQ== - dependencies: - call-bind "^1.0.2" - define-properties "^1.2.0" - es-abstract "^1.22.1" - get-intrinsic "^1.2.1" - -object.hasown@^1.1.2: - version "1.1.3" - resolved "https://registry.yarnpkg.com/object.hasown/-/object.hasown-1.1.3.tgz#6a5f2897bb4d3668b8e79364f98ccf971bda55ae" - integrity sha512-fFI4VcYpRHvSLXxP7yiZOMAd331cPfd2p7PFDVbgUsYOfCT3tICVqXWngbjr4m49OvsBwUBQ6O2uQoJvy3RexA== - dependencies: - define-properties "^1.2.0" - es-abstract "^1.22.1" - object.omit@^3.0.0: version "3.0.0" resolved "https://registry.yarnpkg.com/object.omit/-/object.omit-3.0.0.tgz#0e3edc2fce2ba54df5577ff529f6d97bd8a522af" @@ -11657,15 +11552,6 @@ object.values@^1.1.0, object.values@^1.1.6, object.values@^1.1.7: define-properties "^1.2.0" es-abstract "^1.22.1" -object.values@^1.1.6, object.values@^1.1.7: - version "1.1.7" - resolved "https://registry.yarnpkg.com/object.values/-/object.values-1.1.7.tgz#617ed13272e7e1071b43973aa1655d9291b8442a" - integrity sha512-aU6xnDFYT3x17e/f0IiiwlGPTy2jzMySGfUB4fq6z7CV8l85CWHDk5ErhyhpfDHhrOMwGFhSQkhMGHaIotA6Ng== - dependencies: - call-bind "^1.0.2" - define-properties "^1.2.0" - es-abstract "^1.22.1" - objectorarray@^1.0.5: version "1.0.5" resolved "https://registry.yarnpkg.com/objectorarray/-/objectorarray-1.0.5.tgz#2c05248bbefabd8f43ad13b41085951aac5e68a5" @@ -11743,18 +11629,6 @@ optionator@^0.9.3: prelude-ls "^1.2.1" type-check "^0.4.0" -optionator@^0.9.3: - version "0.9.3" - resolved "https://registry.yarnpkg.com/optionator/-/optionator-0.9.3.tgz#007397d44ed1872fdc6ed31360190f81814e2c64" - integrity sha512-JjCoypp+jKn1ttEFExxhetCKeJt9zhAgAve5FXHixTvFDW/5aEktX9bufBKLRRMdU7bNtpLfcGu94B3cdEJgjg== - dependencies: - "@aashutoshrathi/word-wrap" "^1.2.3" - deep-is "^0.1.3" - fast-levenshtein "^2.0.6" - levn "^0.4.1" - prelude-ls "^1.2.1" - type-check "^0.4.0" - ora@^5.4.1: version "5.4.1" resolved "https://registry.yarnpkg.com/ora/-/ora-5.4.1.tgz#1b2678426af4ac4a509008e5e4ac9e9959db9e18" @@ -12675,13 +12549,6 @@ prelude-ls@^1.2.1: resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.2.1.tgz#debc6489d7a6e6b0e7611888cec880337d316396" integrity sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g== -prettier-linter-helpers@^1.0.0: - version "1.0.0" - resolved "https://registry.yarnpkg.com/prettier-linter-helpers/-/prettier-linter-helpers-1.0.0.tgz#d23d41fe1375646de2d0104d3454a3008802cf7b" - integrity sha512-GbK2cP9nraSSUF9N2XwUwqfzlAFlMNYYl+ShE/V+H8a9uNl/oUqB1w2EL54Jh0OlyRSd8RfWYJ3coVS4TROP2w== - dependencies: - fast-diff "^1.1.2" - prettier-eslint@^15.0.1: version "15.0.1" resolved "https://registry.yarnpkg.com/prettier-eslint/-/prettier-eslint-15.0.1.tgz#2543a43e9acec2a9767ad6458165ce81f353db9c" @@ -12714,12 +12581,7 @@ prettier-linter-helpers@^1.0.0: resolved "https://registry.yarnpkg.com/prettier/-/prettier-2.3.0.tgz#b6a5bf1284026ae640f17f7ff5658a7567fc0d18" integrity sha512-kXtO4s0Lz/DW/IJ9QdWhAf7/NmPWQXkFr/r/WkR3vyI+0v8amTDxiaQSLzs8NBlytfLWX/7uQUMIW677yLKl4w== -prettier@^2.5.1, prettier@^2.8.8: - version "2.8.8" - resolved "https://registry.yarnpkg.com/prettier/-/prettier-2.8.8.tgz#e8c5d7e98a4305ffe3de2e1fc4aca1a71c28b1da" - integrity sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q== - -prettier@^2.7.1: +prettier@^2.5.1, prettier@^2.7.1: version "2.8.8" resolved "https://registry.yarnpkg.com/prettier/-/prettier-2.8.8.tgz#e8c5d7e98a4305ffe3de2e1fc4aca1a71c28b1da" integrity sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q== @@ -13944,24 +13806,6 @@ resolve@^2.0.0-next.4: path-parse "^1.0.7" supports-preserve-symlinks-flag "^1.0.0" -resolve@^1.22.4: - version "1.22.8" - resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.22.8.tgz#b6c87a9f2aa06dfab52e3d70ac8cde321fa5a48d" - integrity sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw== - dependencies: - is-core-module "^2.13.0" - path-parse "^1.0.7" - supports-preserve-symlinks-flag "^1.0.0" - -resolve@^2.0.0-next.4: - version "2.0.0-next.5" - resolved "https://registry.yarnpkg.com/resolve/-/resolve-2.0.0-next.5.tgz#6b0ec3107e671e52b68cd068ef327173b90dc03c" - integrity sha512-U7WjGVG9sH8tvjW5SmGbQuui75FiyjAX72HX15DwBBwF9dNiQZRQAg9nnPhYy+TUnE0+VcrttuvNI8oSxZcocA== - dependencies: - is-core-module "^2.13.0" - path-parse "^1.0.7" - supports-preserve-symlinks-flag "^1.0.0" - restore-cursor@^3.1.0: version "3.1.0" resolved "https://registry.yarnpkg.com/restore-cursor/-/restore-cursor-3.1.0.tgz#39f67c54b3a7a58cea5236d95cf0034239631f7e" @@ -14260,14 +14104,7 @@ semver@^6.0.0, semver@^6.1.2, semver@^6.3.0, semver@^6.3.1: resolved "https://registry.yarnpkg.com/semver/-/semver-6.3.1.tgz#556d2ef8689146e46dcea4bfdd095f3434dffcb4" integrity sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA== -semver@^7.3.2, semver@^7.3.4, semver@^7.3.5, semver@^7.5.3: - version "7.5.4" - resolved "https://registry.yarnpkg.com/semver/-/semver-7.5.4.tgz#483986ec4ed38e1c6c48c34894a9182dbff68a6e" - integrity sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA== - dependencies: - lru-cache "^6.0.0" - -semver@^7.3.7: +semver@^7.3.2, semver@^7.3.4, semver@^7.3.5, semver@^7.3.7, semver@^7.5.3: version "7.5.4" resolved "https://registry.yarnpkg.com/semver/-/semver-7.5.4.tgz#483986ec4ed38e1c6c48c34894a9182dbff68a6e" integrity sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA== @@ -14790,21 +14627,6 @@ strict-uri-encode@^2.0.0: set-function-name "^2.0.0" side-channel "^1.0.4" -string.prototype.matchall@^4.0.8: - version "4.0.10" - resolved "https://registry.yarnpkg.com/string.prototype.matchall/-/string.prototype.matchall-4.0.10.tgz#a1553eb532221d4180c51581d6072cd65d1ee100" - integrity sha512-rGXbGmOEosIQi6Qva94HUjgPs9vKW+dkG7Y8Q5O2OYkWL6wFaTRZO8zM4mhP94uX55wgyrXzfS2aGtGzUL7EJQ== - dependencies: - call-bind "^1.0.2" - define-properties "^1.2.0" - es-abstract "^1.22.1" - get-intrinsic "^1.2.1" - has-symbols "^1.0.3" - internal-slot "^1.0.5" - regexp.prototype.flags "^1.5.0" - set-function-name "^2.0.0" - side-channel "^1.0.4" - string.prototype.padend@^3.0.0: version "3.1.5" resolved "https://registry.yarnpkg.com/string.prototype.padend/-/string.prototype.padend-3.1.5.tgz#311ef3a4e3c557dd999cdf88fbdde223f2ac0f95" @@ -14850,15 +14672,6 @@ string.prototype.trimstart@^1.0.7: define-properties "^1.2.0" es-abstract "^1.22.1" -string.prototype.trimstart@^1.0.7: - version "1.0.7" - resolved "https://registry.yarnpkg.com/string.prototype.trimstart/-/string.prototype.trimstart-1.0.7.tgz#d4cdb44b83a4737ffbac2d406e405d43d0184298" - integrity sha512-NGhtDFu3jCEm7B4Fy0DpLewdJQOZcQ0rGbwQ/+stjnrp2i+rlKeCvos9hOIeCmqwratM47OBxY7uFZzjxHXmrg== - dependencies: - call-bind "^1.0.2" - define-properties "^1.2.0" - es-abstract "^1.22.1" - string_decoder@^1.0.0, string_decoder@^1.1.1: version "1.3.0" resolved "https://registry.yarnpkg.com/string_decoder/-/string_decoder-1.3.0.tgz#42f114594a46cf1a8e30b0a84f56c78c3edac21e" @@ -15468,16 +15281,6 @@ tsconfig-paths@^3.10.1, tsconfig-paths@^3.14.2: minimist "^1.2.6" strip-bom "^3.0.0" -tsconfig-paths@^3.14.2: - version "3.14.2" - resolved "https://registry.yarnpkg.com/tsconfig-paths/-/tsconfig-paths-3.14.2.tgz#6e32f1f79412decd261f92d633a9dc1cfa99f088" - integrity sha512-o/9iXgCYc5L/JxCHPe3Hvh8Q/2xm5Z+p18PESBU6Ff33695QnCHBEjcytY2q19ua7Mbl/DavtBOLq+oG0RCL+g== - dependencies: - "@types/json5" "^0.0.29" - json5 "^1.0.2" - minimist "^1.2.6" - strip-bom "^3.0.0" - tslib@^1.8.1: version "1.14.1" resolved "https://registry.yarnpkg.com/tslib/-/tslib-1.14.1.tgz#cf2d38bdc34a134bcaf1091c41f6619e2f672d00" @@ -15626,12 +15429,7 @@ typescript@^3.9.10, typescript@^3.9.5, typescript@^3.9.7: resolved "https://registry.yarnpkg.com/typescript/-/typescript-3.9.10.tgz#70f3910ac7a51ed6bef79da7800690b19bf778b8" integrity sha512-w6fIxVE/H1PkLKcCPsFqKE7Kv7QUwhU8qQY2MueZXWx5cPZdwFupLgKK3vntcK98BtNHZtAF4LA/yl2a7k8R6Q== -typescript@^4.5.4: - version "4.9.5" - resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.9.5.tgz#095979f9bcc0d09da324d58d03ce8f8374cbe65a" - integrity sha512-1FXk9E2Hm+QzZQ7z+McJiHL4NW1F2EzMu9Nq9i3zAaGqibafqYwCVU6WyWAuyQRRzOlxou8xZSyXLEN8oKj24g== - -typescript@^4.7.3: +typescript@^4.5.4, typescript@^4.7.3: version "4.9.5" resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.9.5.tgz#095979f9bcc0d09da324d58d03ce8f8374cbe65a" integrity sha512-1FXk9E2Hm+QzZQ7z+McJiHL4NW1F2EzMu9Nq9i3zAaGqibafqYwCVU6WyWAuyQRRzOlxou8xZSyXLEN8oKj24g==