From 24205e8d102679322b8050ffeb101bd60e2b321f Mon Sep 17 00:00:00 2001 From: fermarinsanchez Date: Fri, 6 Oct 2023 07:50:00 +0200 Subject: [PATCH 01/17] refactor(calendar): Refactor on calendar before update eslint.config. Fix Calendar StoryBook Event Creation Section (broken) Ref: #epic/BubblesDS-0 --- .eslintrc.json | 46 +++--- packages/calendars/babel.config.js | 1 - .../src/BigCalendar/BigCalendar.constants.js | 65 ++++++++ .../calendars/src/BigCalendar/BigCalendar.js | 155 ++++++----------- .../src/BigCalendar/BigCalendar.stories.js | 100 +++++------ .../src/BigCalendar/BigCalendar.styles.js | 74 ++++----- .../src/BigCalendar/addons/LuxonLocalizer.js | 45 ++--- .../AgentView/AgentView.constants.js | 21 +++ .../components/AgentView/AgentView.js | 115 ++++++------- .../components/Date/BackgroundCells.js | 29 ++-- .../components/Date/DateContentRow.js | 13 +- .../components/DayView/DayColumn.js | 76 +++++---- .../components/DayView/DayEventLayout.js | 18 +- .../BigCalendar/components/DayView/DayView.js | 1 + .../DayView/layout-algorithms/no-overlap.js | 5 +- .../BigCalendar/components/Event/EventCell.js | 62 +++---- .../components/Event/EventEndingRow.js | 38 +++-- .../BigCalendar/components/Event/EventRow.js | 88 +++++----- .../components/Event/EventRowMixin.js | 156 ++++++++++-------- .../components/EventWrapper.constants.js | 23 +++ .../BigCalendar/components/EventWrapper.js | 115 +++++-------- .../components/EventWrapper.styles.js | 28 ++++ .../MonthRangeView.constants.js | 18 ++ .../MonthRangeView/MonthRangeView.js | 22 +-- .../MonthRangeView/MonthRangeView.styles.js | 37 ++--- .../components/MonthView/MonthView.js | 79 ++++----- .../components/TimeGrid/TimeGrid.js | 51 +++--- .../TimeGrid/TimeGridHeader.constants.js | 33 ++++ .../components/TimeGrid/TimeGridHeader.js | 61 ++----- .../components/Toolbar/Toolbar.constants.js | 21 +++ .../BigCalendar/components/Toolbar/Toolbar.js | 11 +- .../components/Toolbar/Toolbar.styles.js | 41 +++-- .../Toolbar/ViewNamesGroup.constants.js | 11 ++ .../components/Toolbar/ViewNamesGroup.js | 8 +- .../components/WeekView/WeekView.js | 32 ++-- packages/calendars/src/BigCalendar/index.js | 1 + .../BigCalendar/mocks/events-month-view.js | 1 + .../src/form/DatePicker/DatePicker.js | 7 +- scripts/build.js | 21 ++- scripts/link.js | 50 +++--- scripts/utils/Logger.js | 3 +- scripts/utils/get-build-order.js | 5 +- scripts/utils/get-package-list.js | 2 + 43 files changed, 963 insertions(+), 826 deletions(-) create mode 100644 packages/calendars/src/BigCalendar/BigCalendar.constants.js create mode 100644 packages/calendars/src/BigCalendar/components/AgentView/AgentView.constants.js create mode 100644 packages/calendars/src/BigCalendar/components/EventWrapper.constants.js create mode 100644 packages/calendars/src/BigCalendar/components/EventWrapper.styles.js create mode 100644 packages/calendars/src/BigCalendar/components/MonthRangeView/MonthRangeView.constants.js create mode 100644 packages/calendars/src/BigCalendar/components/TimeGrid/TimeGridHeader.constants.js create mode 100644 packages/calendars/src/BigCalendar/components/Toolbar/Toolbar.constants.js create mode 100644 packages/calendars/src/BigCalendar/components/Toolbar/ViewNamesGroup.constants.js diff --git a/.eslintrc.json b/.eslintrc.json index b8fdc313e..b38de7ad7 100644 --- a/.eslintrc.json +++ b/.eslintrc.json @@ -1,39 +1,47 @@ { "env": { "browser": true, + "commonjs": true, "es2021": true, - "node": true, - "jest": true + "node": true }, "globals": { "leemons": true }, - "extends": [ - "plugin:react/recommended", - "airbnb-base", - "prettier" - ], - "parser": "babel-eslint", + "extends": ["plugin:react/recommended", "plugin:sonarjs/recommended", "airbnb-base", "prettier"], + "settings": { + "react": { + "version": "detect" + } + }, + "parser": "@babel/eslint-parser", "parserOptions": { + "requireConfigFile": false, + "babelOptions": { + "babelrc": false, + "configFile": false, + "presets": ["@babel/preset-env"], + "plugins": ["@babel/plugin-syntax-jsx"] + }, + "ecmaVersion": 2020, "ecmaFeatures": { "jsx": true - }, - "ecmaVersion": 12, - "sourceType": "module" + } }, - "plugins": [ - "react", - "import", - "prettier" - ], + "plugins": ["react", "sonarjs", "import", "prettier"], "rules": { "no-plusplus": "off", "import/no-dynamic-requires": "off", "import/no-extraneous-dependencies": "off", "react/react-in-jsx-scope": "off", "no-underscore-dangle": "off", - "prettier/prettier": ["error", {}, { - "usePrettierrc": true - }] + "prettier/prettier": [ + 2, + {}, + { + "usePrettierrc": true + } + ], + "import/no-names-as-default": "off" } } diff --git a/packages/calendars/babel.config.js b/packages/calendars/babel.config.js index e52c5c136..d4686da83 100644 --- a/packages/calendars/babel.config.js +++ b/packages/calendars/babel.config.js @@ -27,7 +27,6 @@ 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-default-from', ], }; diff --git a/packages/calendars/src/BigCalendar/BigCalendar.constants.js b/packages/calendars/src/BigCalendar/BigCalendar.constants.js new file mode 100644 index 000000000..7ca698df0 --- /dev/null +++ b/packages/calendars/src/BigCalendar/BigCalendar.constants.js @@ -0,0 +1,65 @@ +import PropTypes from 'prop-types'; +import { DateTime } from 'luxon'; +import { Views } from 'react-big-calendar'; + +export const TIMEZONE = DateTime.local().zoneName; +export const TODAY = DateTime.local().toJSDate(); +export const MONTH_RANGE = 'monthRange'; +export const firstDayOfWeek = 1; + +export const BIGCALENDAR_VIEWS = [Views.MONTH, Views.WEEK, Views.DAY, Views.AGENDA, MONTH_RANGE]; + +export const BIG_CALENDAR_PROP_TYPES = { + timezone: PropTypes.string, + currentView: PropTypes.oneOf(BIGCALENDAR_VIEWS), + defaultDate: PropTypes.instanceOf(Date), + locale: PropTypes.string, + events: PropTypes.array, + messages: PropTypes.shape({ + month: PropTypes.string, + week: PropTypes.string, + day: PropTypes.string, + agenda: PropTypes.string, + today: PropTypes.string, + previous: PropTypes.string, + next: PropTypes.string, + showWeekends: PropTypes.string, + allDay: PropTypes.string, + init: PropTypes.string, + end: PropTypes.string, + }), + validRange: PropTypes.shape({ + start: PropTypes.instanceOf(Date), + end: PropTypes.instanceOf(Date), + }), + hooks: PropTypes.func, + showWeekends: PropTypes.bool, + dateClick: PropTypes.func, + onSelectDay: PropTypes.func, + onRangeChange: PropTypes.func, + onSelectEvent: PropTypes.func, + eventClick: PropTypes.func, + backgroundEventClick: PropTypes.func, + addEventClick: PropTypes.func, +}; + +export const BIG_CALENDAR_DEFAULT_PROPS = { + timezone: TIMEZONE, + defaultDate: TODAY, + currentView: Views.MONTH, + showWeekends: true, + locale: 'en-EN', + messages: { + month: 'Monthly', + week: 'Weekly', + day: 'Day', + agenda: 'Agenda', + today: 'Today', + previous: 'Previous', + next: 'Next', + showWeekends: 'View weekends', + allDay: 'All day', + init: 'Init', + end: 'End', + }, +}; diff --git a/packages/calendars/src/BigCalendar/BigCalendar.js b/packages/calendars/src/BigCalendar/BigCalendar.js index 4f4ab05e4..de5c7e2ae 100644 --- a/packages/calendars/src/BigCalendar/BigCalendar.js +++ b/packages/calendars/src/BigCalendar/BigCalendar.js @@ -1,8 +1,9 @@ +/* eslint-disable sonarjs/cognitive-complexity */ +/* eslint-disable prefer-const */ import React, { forwardRef, useEffect, useMemo, useState } from 'react'; -import PropTypes from 'prop-types'; import { forEach, isArray, isNil } from 'lodash'; import { Box } from '@mantine/core'; -import { Calendar, Views } from 'react-big-calendar'; +import { Calendar } from 'react-big-calendar'; import { DateTime, Interval } from 'luxon'; import { RRule } from 'rrule'; import 'react-big-calendar/lib/css/react-big-calendar.css'; @@ -16,14 +17,14 @@ import { DayView } from './components/DayView/DayView'; import { MonthRangeView } from './components/MonthRangeView/MonthRangeView'; import { EventWrapper } from './components/EventWrapper'; import Agenda from './components/AgentView/AgentView'; +import { + MONTH_RANGE, + BIG_CALENDAR_PROP_TYPES, + BIG_CALENDAR_DEFAULT_PROPS, + firstDayOfWeek, +} from './BigCalendar.constants'; -const TIMEZONE = DateTime.local().zoneName; -const TODAY = DateTime.local().toJSDate(); -const MONTH_RANGE = 'monthRange'; - -export const BIGCALENDAR_VIEWS = [Views.MONTH, Views.WEEK, Views.DAY, Views.AGENDA, MONTH_RANGE]; - -export const BigCalendar = forwardRef( +const BigCalendar = forwardRef( ( { timezone, @@ -57,23 +58,20 @@ export const BigCalendar = forwardRef( onRangeChange = () => {}, onSelectEvent = () => {}, eventClick = () => {}, - backgroundEventClick = () => {}, addEventClick = () => {}, - ...props }, - ref + ref, ) => { const [showType, setShowType] = useState('full'); const [showWeekends, setShowWeekends] = useState(showWeekendsProp); const [dateRange, setDateRange] = useState(null); - const [date, setDate] = useState(new Date()); const [hooksCreated, setHooksCreated] = useState(false); useEffect(() => setShowWeekends(showWeekendsProp), [showWeekendsProp]); let { availableViews, showToolbar } = useMemo(() => { let views = { month: MonthView, week: WeekView, day: DayView, agenda: Agenda }; - let showToolbar = true; + showToolbar = true; if (currentView === MONTH_RANGE) { views = { monthRange: MonthRangeView }; @@ -89,25 +87,15 @@ export const BigCalendar = forwardRef( // ················································· // TIMEZONE CONFIG - const firstDayOfWeek = 1; - - const { localizer, defaultDate, scrollToTime, getNow } = useMemo(() => { - // Settings.defaultZone = timezone; - return { + const { localizer, defaultDate, scrollToTime, getNow } = useMemo( + () => ({ localizer: luxonLocalizer(DateTime, { firstDayOfWeek }), defaultDate: defaultDateProp, scrollToTime: DateTime.local().toJSDate(), getNow: () => DateTime.local().toJSDate(), - }; - }, [timezone]); - - /* - useEffect(() => { - return () => { - Settings.defaultZone = timezone; // reset to browser TZ on unmount - }; - }, []); - */ + }), + [timezone], + ); // ················································· // INTERACTION HANDLE @@ -118,7 +106,7 @@ export const BigCalendar = forwardRef( forEach(eventsProp, (ev) => { if (ev.rrule) { const diff = DateTime.fromJSDate(ev.end).diff( - DateTime.fromJSDate(ev.start) + DateTime.fromJSDate(ev.start), ).milliseconds; const rule = new RRule({ @@ -130,8 +118,8 @@ export const BigCalendar = forwardRef( dateRange.start.getDate(), dateRange.start.getHours(), dateRange.start.getMinutes(), - dateRange.start.getSeconds() - ) + dateRange.start.getSeconds(), + ), ), until: new Date( Date.UTC( @@ -140,8 +128,8 @@ export const BigCalendar = forwardRef( dateRange.end.getDate(), dateRange.end.getHours(), dateRange.end.getMinutes(), - dateRange.end.getSeconds() - ) + dateRange.end.getSeconds(), + ), ), }); const dates = rule.all(); @@ -157,12 +145,12 @@ export const BigCalendar = forwardRef( } else { const range = Interval.fromDateTimes( DateTime.fromJSDate(dateRange.start), - DateTime.fromJSDate(dateRange.end) + DateTime.fromJSDate(dateRange.end), ); const e = Interval.fromDateTimes( DateTime.fromJSDate(ev.start), - DateTime.fromJSDate(ev.end) + DateTime.fromJSDate(ev.end), ); if (range.e >= e.s && range.s <= e.e) { @@ -183,29 +171,30 @@ export const BigCalendar = forwardRef( }; const handleRangeChange = (range) => { - if (isArray(range) && range.length > 1) { - const end = range[range.length - 1]; + let newRange = range; + if (isArray(newRange) && newRange.length > 1) { + const end = newRange[newRange.length - 1]; end.setHours(23, 59, 59); - range = { - start: range[0], - end: end, + newRange = { + start: newRange[0], + end, }; - } else if (isArray(range) && range.length === 1) { - const end = new Date(range[0]); + } else if (isArray(newRange) && newRange.length === 1) { + const end = new Date(newRange[0]); end.setHours(23, 59, 59); - range = { - start: range[0], + newRange = { + start: newRange[0], end, }; - } else if (isArray(range)) { - range = null; + } else if (isArray(newRange)) { + newRange = null; } - if (range) { - range.end.setHours(23, 59, 59, 59); - range.start.setHours(0, 0, 0, 0); - onRangeChange(range); - setDateRange(range); + if (newRange) { + newRange.end.setHours(23, 59, 59, 59); + newRange.start.setHours(0, 0, 0, 0); + onRangeChange(newRange); + setDateRange(newRange); } }; @@ -248,6 +237,7 @@ export const BigCalendar = forwardRef( return ( ); - } + }, ); -BigCalendar.defaultProps = { - timezone: TIMEZONE, - defaultDate: TODAY, - currentView: Views.MONTH, - showWeekends: true, - locale: 'en-EN', - messages: { - month: 'Monthly', - week: 'Weekly', - day: 'Day', - agenda: 'Agenda', - today: 'Today', - previous: 'Previous', - next: 'Next', - showWeekends: 'View weekends', - allDay: 'All day', - init: 'Init', - end: 'End', - }, -}; +BigCalendar.propTypes = BIG_CALENDAR_PROP_TYPES; +BigCalendar.defaultProps = BIG_CALENDAR_DEFAULT_PROPS; + +export default BigCalendar; +export { BigCalendar }; -BigCalendar.propTypes = { - timezone: PropTypes.string, - currentView: PropTypes.oneOf(BIGCALENDAR_VIEWS), - defaultDate: PropTypes.instanceOf(Date), - locale: PropTypes.string, - events: PropTypes.array, - messages: PropTypes.shape({ - month: PropTypes.string, - week: PropTypes.string, - day: PropTypes.string, - agenda: PropTypes.string, - today: PropTypes.string, - previous: PropTypes.string, - next: PropTypes.string, - showWeekends: PropTypes.string, - allDay: PropTypes.string, - init: PropTypes.string, - end: PropTypes.string, - }), - validRange: PropTypes.shape({ - start: PropTypes.instanceOf(Date), - end: PropTypes.instanceOf(Date), - }), - hooks: PropTypes.func, - showWeekends: PropTypes.bool, - dateClick: PropTypes.func, - onSelectDay: PropTypes.func, - onRangeChange: PropTypes.func, - onSelectEvent: PropTypes.func, - eventClick: PropTypes.func, - backgroundEventClick: PropTypes.func, - addEventClick: PropTypes.func, -}; +BigCalendar.displayName = 'BigCalendar'; diff --git a/packages/calendars/src/BigCalendar/BigCalendar.stories.js b/packages/calendars/src/BigCalendar/BigCalendar.stories.js index 516a29ff9..cb4c1d043 100644 --- a/packages/calendars/src/BigCalendar/BigCalendar.stories.js +++ b/packages/calendars/src/BigCalendar/BigCalendar.stories.js @@ -1,6 +1,16 @@ -import React from 'react'; -import { Box, Button, ColorInput, DatePicker, Select, TextInput } from '@bubbles-ui/components'; -import { BigCalendar, BIGCALENDAR_VIEWS } from './BigCalendar'; +/* eslint-disable react/prop-types */ +import React, { useState } from 'react'; +import { + Box, + Button, + ColorInput, + DatePicker, + DateRangePicker, + Select, + TextInput, +} from '@bubbles-ui/components'; +import { BigCalendar } from './BigCalendar'; +import { BIGCALENDAR_VIEWS } from './BigCalendar.constants'; import mdx from './BigCalendar.mdx'; import EVENTS from './mocks/events'; @@ -9,8 +19,8 @@ export default { parameters: { component: BigCalendar, docs: { - page: mdx - } + page: mdx, + }, // design: { // type: 'figma', // url: 'https://www.figma.com/file/kcSXz3QZFByFDTumNgzPpV/?node-id=2962%3A31342', @@ -24,13 +34,16 @@ export default { onSelectDay: { action: 'Day selected' }, onRangeChange: { action: 'Range changed' }, onSelectEvent: { action: 'Event selected' }, - addEventClick: { action: 'Add Event clicked' } - } + addEventClick: { action: 'Add Event clicked' }, + }, }; +const heightValue = 'calc(100vh - 40px)'; + const Template = (props) => { - let messages = undefined; - if (props.locale === 'es-ES') { + let messages; + const { locale } = props; + if (locale === 'es-ES') { messages = { month: 'Mensual', week: 'Semanal', @@ -43,10 +56,10 @@ const Template = (props) => { display: 'Mostrar', entirePeriod: 'Periodo completo', onlyInitAndEnd: 'Solo mostrar inicio y final', - onlyEnd: 'Solo mostrar fecha límite' + onlyEnd: 'Solo mostrar fecha límite', }; } - return ; + return ; }; export const Playground = Template.bind({}); @@ -55,24 +68,10 @@ Playground.args = { events: EVENTS, currentView: BIGCALENDAR_VIEWS[0], locale: 'es-ES', - /* - minWeekDay: 0, - maxWeekDay: 3, - timeslots: 1, - hideToolbar: true, - timeslotHeight: 100, - forceBgColorToEvents: true, - hideAllDayCells: true, - minHour: '12:15', - maxHour: '13:15', - - */ - defaultDate: EVENTS[0].start + defaultDate: EVENTS[0].start, }; -const MonthRangeTemplate = (props) => { - return ; -}; +const MonthRangeTemplate = (props) => ; export const MonthRangeView = MonthRangeTemplate.bind({}); @@ -85,18 +84,19 @@ MonthRangeView.args = { startYear: 2022, startMonth: 8, endYear: 2022, - endMonth: 11 + endMonth: 11, }, - printMode: false + printMode: false, }; const EventCreationTemplate = (props) => { - const [events, setEvents] = React.useState([]); - const [eventTitle, setEventTitle] = React.useState(''); - const [borderStyle, setBorderStyle] = React.useState(''); - const [eventColor, setEventColor] = React.useState('#000000'); - const [borderColor, setBorderColor] = React.useState('#000000'); - const [eventRange, setEventRange] = React.useState([undefined, undefined]); + const [events, setEvents] = useState([]); + const [eventTitle, setEventTitle] = useState(''); + const [borderStyle, setBorderStyle] = useState(''); + const [eventColor, setEventColor] = useState('#000000'); + const [borderColor, setBorderColor] = useState('#000000'); + const [eventStart, setEventStart] = useState(null); + const [eventEnd, setEventEnd] = useState(null); const submitHandler = (e) => { e.preventDefault(); @@ -104,11 +104,11 @@ const EventCreationTemplate = (props) => { const newEvent = { title: eventTitle, allDay: true, - start: eventRange[0], - end: eventRange[1] || eventRange[0], + start: eventStart, + end: eventEnd, originalEvent: { - calendar: { bgColor: eventColor, borderStyle: borderStyle, borderColor: borderColor } - } + calendar: { bgColor: eventColor, borderStyle, borderColor }, + }, }; setEvents([...events, newEvent]); @@ -116,11 +116,12 @@ const EventCreationTemplate = (props) => { setBorderStyle(''); setBorderColor('#000000'); setEventColor('#000000'); - setEventRange([undefined, undefined]); + setEventStart(null); + setEventEnd(null); }; return ( - + @@ -129,17 +130,20 @@ const EventCreationTemplate = (props) => { onSubmit={submitHandler} style={{ display: 'flex', flexDirection: 'column', gap: 24 }} > - + + ) : null} diff --git a/yarn.lock b/yarn.lock index bc8d0882d..824a64e45 100644 --- a/yarn.lock +++ b/yarn.lock @@ -3860,6 +3860,11 @@ "@testing-library/dom" "^8.0.0" "@types/react-dom" "<18.0.0" +"@testing-library/user-event@^14.5.1": + version "14.5.1" + resolved "https://registry.yarnpkg.com/@testing-library/user-event/-/user-event-14.5.1.tgz#27337d72046d5236b32fd977edee3f74c71d332f" + integrity sha512-UCcUKrUYGj7ClomOo2SpNVvx4/fkd/2BbIHDCle8A0ax+P3bU7yJwDBDrS6ZwdTMARWTGODX1hEsCcO+7beJjg== + "@tiptap/core@^2.1.11": version "2.1.11" resolved "https://registry.yarnpkg.com/@tiptap/core/-/core-2.1.11.tgz#06bbd189c6b2dffe58b1c80f848737d76fb012bd" @@ -5347,6 +5352,11 @@ aws4@^1.8.0: resolved "https://registry.yarnpkg.com/aws4/-/aws4-1.12.0.tgz#ce1c9d143389679e253b314241ea9aa5cec980d3" integrity sha512-NmWvPnx0F1SfrQbYwOi7OeaNGokp9XhzNioJ/CSBs8Qa4vxug81mhJEAVZwxXuBmYB5KDRfMq/F3RR0BIU7sWg== +axe-core@4.7.2: + version "4.7.2" + resolved "https://registry.yarnpkg.com/axe-core/-/axe-core-4.7.2.tgz#040a7342b20765cb18bb50b628394c21bccc17a0" + integrity sha512-zIURGIS1E1Q4pcrMjp+nnEh+16G56eG/MUllJH8yEvw7asDo7Ac9uhC9KIH5jzpITueEZolfYglnCGIuSBz39g== + axe-core@^4.2.0: version "4.8.2" resolved "https://registry.yarnpkg.com/axe-core/-/axe-core-4.8.2.tgz#2f6f3cde40935825cf4465e3c1c9e77b240ff6ae" @@ -6076,6 +6086,14 @@ 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@4.1.2, chalk@^4.0.0, chalk@^4.1.0, chalk@^4.1.1, chalk@^4.1.2: + version "4.1.2" + resolved "https://registry.yarnpkg.com/chalk/-/chalk-4.1.2.tgz#aac4e2b7734a740867aeb16bf02aad556a1e7a01" + integrity sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA== + dependencies: + ansi-styles "^4.1.0" + supports-color "^7.1.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" @@ -6093,14 +6111,6 @@ chalk@^3.0.0: ansi-styles "^4.1.0" supports-color "^7.1.0" -chalk@^4.0.0, chalk@^4.1.0, chalk@^4.1.1, chalk@^4.1.2: - version "4.1.2" - resolved "https://registry.yarnpkg.com/chalk/-/chalk-4.1.2.tgz#aac4e2b7734a740867aeb16bf02aad556a1e7a01" - integrity sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA== - dependencies: - ansi-styles "^4.1.0" - supports-color "^7.1.0" - char-regex@^1.0.2: version "1.0.2" resolved "https://registry.yarnpkg.com/char-regex/-/char-regex-1.0.2.tgz#d744358226217f981ed58f479b1d6bcc29545dcf" @@ -10122,6 +10132,16 @@ iterate-value@^1.0.2: es-get-iterator "^1.0.2" iterate-iterator "^1.0.1" +jest-axe@^8.0.0: + version "8.0.0" + resolved "https://registry.yarnpkg.com/jest-axe/-/jest-axe-8.0.0.tgz#4d89a1756bda2999a4271e851370981319389155" + integrity sha512-4kNcNn7J0jPO4jANEYZOHeQ/tSBvkXS+MxTbX1CKbXGd0+ZbRGDn/v/8IYWI/MmYX15iLVyYRnRev9X3ksePWA== + dependencies: + axe-core "4.7.2" + chalk "4.1.2" + jest-matcher-utils "29.2.2" + lodash.merge "4.6.2" + jest-changed-files@^29.7.0: version "29.7.0" resolved "https://registry.yarnpkg.com/jest-changed-files/-/jest-changed-files-29.7.0.tgz#1c06d07e77c78e1585d020424dedc10d6e17ac3a" @@ -10202,7 +10222,7 @@ jest-config@^29.7.0: slash "^3.0.0" strip-json-comments "^3.1.1" -jest-diff@^29.7.0: +jest-diff@^29.2.1, jest-diff@^29.7.0: version "29.7.0" resolved "https://registry.yarnpkg.com/jest-diff/-/jest-diff-29.7.0.tgz#017934a66ebb7ecf6f205e84699be10afd70458a" integrity sha512-LMIgiIrhigmPrs03JHpxUh2yISK3vLFPkAodPeo0+BuF7wA2FoQbkEg1u8gBYBThncu7e1oEDUfIXVuTqLRUjw== @@ -10256,7 +10276,7 @@ jest-environment-node@^29.7.0: jest-mock "^29.7.0" jest-util "^29.7.0" -jest-get-type@^29.6.3: +jest-get-type@^29.2.0, jest-get-type@^29.6.3: version "29.6.3" resolved "https://registry.yarnpkg.com/jest-get-type/-/jest-get-type-29.6.3.tgz#36f499fdcea197c1045a127319c0481723908fd1" integrity sha512-zrteXnqYxfQh7l5FHyL38jL39di8H8rHoecLH3JNxH3BwOrBsNeabdap5e0I23lD4HHI8W5VFBZqG4Eaq5LNcw== @@ -10309,6 +10329,16 @@ jest-leak-detector@^29.7.0: jest-get-type "^29.6.3" pretty-format "^29.7.0" +jest-matcher-utils@29.2.2: + version "29.2.2" + resolved "https://registry.yarnpkg.com/jest-matcher-utils/-/jest-matcher-utils-29.2.2.tgz#9202f8e8d3a54733266784ce7763e9a08688269c" + integrity sha512-4DkJ1sDPT+UX2MR7Y3od6KtvRi9Im1ZGLGgdLFLm4lPexbTaCgJW5NN3IOXlQHF7NSHY/VHhflQ+WoKtD/vyCw== + dependencies: + chalk "^4.0.0" + jest-diff "^29.2.1" + jest-get-type "^29.2.0" + pretty-format "^29.2.1" + jest-matcher-utils@^29.7.0: version "29.7.0" resolved "https://registry.yarnpkg.com/jest-matcher-utils/-/jest-matcher-utils-29.7.0.tgz#ae8fec79ff249fd592ce80e3ee474e83a6c44f12" @@ -10960,6 +10990,11 @@ 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: + version "4.6.2" + resolved "https://registry.yarnpkg.com/lodash.merge/-/lodash.merge-4.6.2.tgz#558aa53b43b661e1925a0afdfa36a9a1085fe57a" + integrity sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ== + lodash.startcase@^4.4.0: version "4.4.0" resolved "https://registry.yarnpkg.com/lodash.startcase/-/lodash.startcase-4.4.0.tgz#9436e34ed26093ed7ffae1936144350915d9add8" @@ -12969,7 +13004,7 @@ pretty-format@^27.0.2: ansi-styles "^5.0.0" react-is "^17.0.1" -pretty-format@^29.7.0: +pretty-format@^29.2.1, pretty-format@^29.7.0: version "29.7.0" resolved "https://registry.yarnpkg.com/pretty-format/-/pretty-format-29.7.0.tgz#ca42c758310f365bfa71a0bda0a807160b776812" integrity sha512-Pdlw/oPxN+aXdmM9R00JVC9WVFoCLTKJvDVLgmJ+qAffBMxsV85l/Lu7sNx4zSzPyoL2euImuEwHhOXdEgNFZQ== From dd357c2ba43baf9b5d26233a617f61dfcdf16f85 Mon Sep 17 00:00:00 2001 From: fermarinsanchez Date: Fri, 27 Oct 2023 14:01:14 +0200 Subject: [PATCH 05/17] fix(Calendar): fix constant imports Ref: #epic/BubblesDS-0 --- merged_tokens.json | 602 +- .../components/AgentView/AgentView.js | 57 +- packages/components/src/tokens.compiled.js | 13809 ++++++++-------- 3 files changed, 6737 insertions(+), 7731 deletions(-) diff --git a/merged_tokens.json b/merged_tokens.json index 8c34efb7c..0e21dcf61 100644 --- a/merged_tokens.json +++ b/merged_tokens.json @@ -58,7 +58,7 @@ }, "primary": { "100": { - "value": "#F1FFBD", + "value": "hsla({core.color.customPrimary.hue},{core.color.customPrimary.saturation}%,{util.color.primary.lightness.up.4}%,1)", "type": "color" }, "200": { @@ -633,55 +633,14 @@ }, "shadow": { "100": { - "value": [ - { - "color": "rgba( {core.color.neutral.900}, 0.08)", - "type": "dropShadow", - "x": "0", - "y": "10", - "blur": "36", - "spread": "0" - } - ], - "type": "boxShadow" - }, - "200": { - "value": [ - { - "color": "rgba( {core.color.neutral.900}, 0.12)", - "type": "dropShadow", - "x": "0", - "y": "10", - "blur": "36", - "spread": "0" - } - ], - "type": "boxShadow" - }, - "300": { - "value": [ - { - "color": "rgba( {core.color.neutral.900}, 0.16)", - "type": "dropShadow", - "x": "0", - "y": "10", - "blur": "36", - "spread": "0" - } - ], - "type": "boxShadow" - }, - "400": { - "value": [ - { - "color": "rgba( {core.color.neutral.900}, 0.05)", - "type": "dropShadow", - "x": "-32", - "y": "0", - "blur": "32", - "spread": "0" - } - ], + "value": { + "x": "0", + "y": "10", + "blur": "36", + "spread": "0", + "color": "{core.color.neutral.300}", + "type": "dropShadow" + }, "type": "boxShadow" } }, @@ -815,6 +774,92 @@ }, "global": { "global": { + "shadow": { + "100": { + "value": [ + { + "color": "rgba({core.color.neutral.200}, 0.08)", + "type": "dropShadow", + "x": "0", + "y": "2", + "blur": "0", + "spread": "0" + }, + { + "color": "rgba({core.color.black}, 0.08)", + "type": "dropShadow", + "x": "0", + "y": "10", + "blur": "36", + "spread": "0" + } + ], + "type": "boxShadow" + }, + "200": { + "value": [ + { + "color": "rgba({core.color.neutral.200}, 0.16)", + "type": "dropShadow", + "x": "0", + "y": "2", + "blur": "0", + "spread": "0" + }, + { + "color": "rgba({core.color.black}, 0.12)", + "type": "dropShadow", + "x": "0", + "y": "10", + "blur": "36", + "spread": "0" + } + ], + "type": "boxShadow" + }, + "300": { + "value": [ + { + "color": "rgba({core.color.neutral.200}, 0.24)", + "type": "dropShadow", + "x": "0", + "y": "2", + "blur": "0", + "spread": "0" + }, + { + "color": "rgba({core.color.black}, 0.16)", + "type": "dropShadow", + "x": "0", + "y": "10", + "blur": "36", + "spread": "0" + } + ], + "type": "boxShadow" + }, + "400": { + "value": [ + { + "color": "rgba({core.color.neutral.200}, 0.08)", + "type": "dropShadow", + "x": "-100", + "y": "0", + "blur": "60", + "spread": "0" + }, + { + "color": "rgba({core.color.black}, 0.05)", + "type": "dropShadow", + "x": "-32", + "y": "0", + "blur": "32", + "spread": "0" + } + ], + "type": "boxShadow" + } + }, "focus": { "default": { "value": { @@ -822,18 +867,10 @@ "y": "0", "blur": "0", "spread": "2", - "color": "{core.color.primary.400}", + "color": "{core.color.primary.300}", "type": "dropShadow" }, "type": "boxShadow" - }, - "default-border": { - "value": { - "color": "{core.color.primary.400}", - "width": "{global.border.width.md}", - "style": "solid" - }, - "type": "border" } }, "content": { @@ -901,16 +938,16 @@ } }, "secondary": { - "default": { + "muted": { "value": "{core.color.secondary.100}", "type": "color" }, - "emphasis": { - "value": "{core.color.neutral.800}", + "default": { + "value": "{core.color.neutral.700}", "type": "color" }, - "muted": { - "value": "{core.color.neutral.500}", + "emphasis": { + "value": "{core.color.neutral.800}", "type": "color" }, "subtle": { @@ -1145,7 +1182,7 @@ "value": { "fontFamily": "{core.font.family.main}", "fontWeight": "{core.font.weight.regular}", - "lineHeight": "{core.font.lineHeight.200}", + "lineHeight": "{core.font.lineHeight.200}px", "fontSize": "{core.font.size.75}px" }, "type": "typography" @@ -1154,7 +1191,7 @@ "value": { "fontFamily": "{core.font.family.main}", "fontWeight": "{core.font.weight.medium}", - "lineHeight": "{core.font.lineHeight.200}", + "lineHeight": "{core.font.lineHeight.200}px", "fontSize": "{core.font.size.75}px" }, "type": "typography" @@ -1163,7 +1200,7 @@ "value": { "fontFamily": "{core.font.family.main}", "fontWeight": "{core.font.weight.semiBold}", - "lineHeight": "{core.font.lineHeight.200}", + "lineHeight": "{core.font.lineHeight.200}px", "fontSize": "{core.font.size.75}px" }, "type": "typography" @@ -1172,7 +1209,7 @@ "value": { "fontFamily": "{core.font.family.main}", "fontWeight": "{core.font.weight.regular}", - "lineHeight": "{core.font.lineHeight.200}px", + "lineHeight": "{core.font.lineHeight.100}px", "fontSize": "{core.font.size.50}px" }, "type": "typography" @@ -1181,7 +1218,7 @@ "value": { "fontFamily": "{core.font.family.main}", "fontWeight": "{core.font.weight.semiBold}", - "lineHeight": "{core.font.lineHeight.200}px", + "lineHeight": "{core.font.lineHeight.100}px", "fontSize": "{core.font.size.50}px" }, "type": "typography" @@ -1218,8 +1255,8 @@ "value": { "fontFamily": "{core.font.family.main}", "fontWeight": "{core.font.weight.medium}", - "fontSize": "{core.font.size.30}", - "lineHeight": "{core.font.lineHeight.75}" + "fontSize": "{core.font.size.30}px", + "lineHeight": "{core.font.lineHeight.75}px" }, "type": "typography" } @@ -1332,8 +1369,8 @@ "value": { "fontFamily": "{core.font.family.alt}", "fontWeight": "{core.font.weight.regular}", - "lineHeight": "{core.font.lineHeight.100}", - "fontSize": "{core.font.size.50}" + "lineHeight": "{core.font.lineHeight.100}px", + "fontSize": "{core.font.size.50}px" }, "type": "typography" } @@ -1587,15 +1624,11 @@ "emphasis": { "value": "{core.color.primary.400}", "type": "color" - }, - "strong": { - "value": "{core.color.primary.500}", - "type": "color" } }, "secondary": { "default": { - "value": "{core.color.secondary.100}", + "value": "{core.color.neutral.700}", "type": "color" }, "emphasis": { @@ -1769,10 +1802,6 @@ "value": "{core.dimension.static.0}px", "type": "spacing" }, - "1xsm": { - "value": "{core.dimension.static.25}px", - "type": "spacing" - }, "sm": { "value": "{core.dimension.static.50}px", "type": "spacing" @@ -1891,92 +1920,6 @@ }, "type": "boxShadow" } - }, - "shadow": { - "100": { - "value": [ - { - "color": "rgba({core.color.neutral.200}, 0.08)", - "type": "dropShadow", - "x": "0", - "y": "2", - "blur": "0", - "spread": "0" - }, - { - "color": "rgba({core.color.black}, 0.08)", - "type": "dropShadow", - "x": "0", - "y": "10", - "blur": "36", - "spread": "0" - } - ], - "type": "boxShadow" - }, - "200": { - "value": [ - { - "color": "rgba({core.color.neutral.200}, 0.16)", - "type": "dropShadow", - "x": "0", - "y": "2", - "blur": "0", - "spread": "0" - }, - { - "color": "rgba({core.color.black}, 0.12)", - "type": "dropShadow", - "x": "0", - "y": "10", - "blur": "36", - "spread": "0" - } - ], - "type": "boxShadow" - }, - "300": { - "value": [ - { - "color": "rgba({core.color.neutral.200}, 0.24)", - "type": "dropShadow", - "x": "0", - "y": "2", - "blur": "0", - "spread": "0" - }, - { - "color": "rgba({core.color.black}, 0.16)", - "type": "dropShadow", - "x": "0", - "y": "10", - "blur": "36", - "spread": "0" - } - ], - "type": "boxShadow" - }, - "400": { - "value": [ - { - "color": "rgba({core.color.neutral.200}, 0.08)", - "type": "dropShadow", - "x": "-100", - "y": "0", - "blur": "60", - "spread": "0" - }, - { - "color": "rgba({core.color.black}, 0.05)", - "type": "dropShadow", - "x": "-32", - "y": "0", - "blur": "32", - "spread": "0" - } - ], - "type": "boxShadow" - } } } }, @@ -1986,7 +1929,7 @@ "color": { "primary": { "default": { - "value": "{global.content.color.secondary.default}", + "value": "{global.content.color.primary.default}", "type": "color" }, "hover": { @@ -2020,15 +1963,9 @@ "type": "color" } }, - "ghost": { - "default": { - "value": "{global.content.color.secondary.default}", - "type": "color" - } - }, "terciary": { "default": { - "value": "{global.content.color.primary.subtle}", + "value": "{global.content.color.secondary.default}", "type": "color" }, "hover": { @@ -2055,22 +1992,14 @@ }, "down": { "value": "{global.content.color.negative.default}", - "type": "color" - } - } - }, - "default": { - "value": "{global.content.typo.body.sm}", - "type": "typography" - }, - "hover": { - "value": "{global.content.typo.body.sm--medium}", - "type": "typography" + "type": "color" + } + } }, "typo": { "value": { "fontFamily": "{core.font.family.main}", - "fontWeight": "{core.font.weight.regular}", + "fontWeight": "{core.font.weight.medium}", "lineHeight": "{core.font.lineHeight.200}px", "fontSize": "{core.font.size.75}px" }, @@ -2119,7 +2048,7 @@ "type": "color" } }, - "ghost": { + "terciary": { "default": { "value": "{global.background.color.transparent}", "type": "color" @@ -2131,16 +2060,6 @@ "pressed": { "value": "{global.background.color.primary.emphasis}", "type": "color" - } - }, - "terciary": { - "default": { - "value": "{global.background.color.surface.subtle}", - "type": "color" - }, - "hover": { - "value": "{global.background.color.surface.muted}", - "type": "color" }, "down": { "value": "{global.background.color.surface.subtle}", @@ -2171,7 +2090,7 @@ "type": "color" }, "hover": { - "value": "{global.border.color.secondary.default}", + "value": "{global.border.color.secondary.emphasis}", "type": "color" }, "pressed": { @@ -2231,7 +2150,7 @@ } }, "width": { - "value": "{global.border.width.sm}", + "value": "{global.border.width.md}", "type": "borderWidth" }, "radius": { @@ -2368,30 +2287,10 @@ } } }, - "default": { - "value": { - "fontFamily": "{core.font.family.main}", - "fontWeight": "{core.font.weight.regular}", - "lineHeight": "{core.font.lineHeight.300}px", - "fontSize": "{core.font.size.75}px", - "textDecoration": "{underline}" - }, - "type": "typography" - }, - "hover": { - "value": { - "fontFamily": "{core.font.family.main}", - "fontWeight": "{core.font.weight.medium}", - "lineHeight": "{core.font.lineHeight.300}px", - "fontSize": "{core.font.size.75}px", - "textDecoration": "{underline}" - }, - "type": "typography" - }, "typo": { "value": { "fontFamily": "{core.font.family.main}", - "fontWeight": "{core.font.weight.regular}", + "fontWeight": "{core.font.weight.medium}", "lineHeight": "{core.font.lineHeight.200}px", "fontSize": "{core.font.size.75}px" }, @@ -2566,7 +2465,7 @@ "color": { "primary": { "default": { - "value": "{global.content.color.secondary.default}", + "value": "{global.content.color.primary.default}", "type": "color" }, "hover": { @@ -2582,12 +2481,6 @@ "type": "color" } }, - "ghost": { - "default": { - "value": "{global.content.color.secondary.default}", - "type": "color" - } - }, "secondary": { "default": { "value": "{global.content.color.secondary.default}", @@ -2652,21 +2545,9 @@ "type": "color" }, "hover": { - "value": "{global.background.color.primary.default}", - "type": "color" - }, - "pressed": { "value": "{global.background.color.primary.emphasis}", "type": "color" }, - "selected": { - "value": "{global.background.color.primary.muted}", - "type": "color" - }, - "focus": { - "value": "{global.background.color.primary.default}", - "type": "color" - }, "down": { "value": "{global.background.color.primary.default}", "type": "color" @@ -2684,28 +2565,6 @@ "type": "color" } }, - "ghost": { - "default": { - "value": "{global.background.color.transparent}", - "type": "color" - }, - "hover": { - "value": "{global.background.color.primary.subtle}", - "type": "color" - }, - "pressed": { - "value": "{global.background.color.primary.emphasis}", - "type": "color" - }, - "selected": { - "value": "{global.background.color.primary.muted}", - "type": "color" - }, - "focus": { - "value": "{global.background.color.primary.subtle}", - "type": "color" - } - }, "secondary": { "default": { "value": "{global.background.color.secondary.default}", @@ -2919,19 +2778,6 @@ "type": "spacing" } } - }, - "shadow": { - "hover": { - "value": { - "x": "0", - "y": "0", - "blur": "4", - "spread": "0", - "color": "rgba({buttonIcon.background.color.primary.hover}, 0.80)", - "type": "dropShadow" - }, - "type": "boxShadow" - } } }, "buttonAction": { @@ -2939,11 +2785,11 @@ "color": { "primary": { "default": { - "value": "{global.content.color.tertiary.default}", + "value": "{global.content.color.secondary.muted}", "type": "color" }, "hover": { - "value": "{global.content.color.secondary.default}", + "value": "{global.content.color.primary.default}", "type": "color" }, "down": { @@ -2965,7 +2811,7 @@ }, "phatic": { "default": { - "value": "{global.content.color.secondary.default}", + "value": "{global.content.color.secondary.muted}", "type": "color" }, "hover": { @@ -2997,10 +2843,19 @@ }, "hover": { "value": "{global.background.color.primary.subtle}", - "type": "color" + "type": "color", + "$extensions": { + "studio.tokens": { + "modify": { + "type": "alpha", + "value": "0.15", + "space": "lch" + } + } + } }, - "pressed": { - "value": "{global.background.color.primary.emphasis}", + "down": { + "value": "{global.background.color.primary.subtle}", "type": "color" }, "hover--reverse": { @@ -3023,10 +2878,6 @@ } } } - }, - "down": { - "value": "{global.background.color.primary.subtle}", - "type": "color" } }, "phatic": { @@ -3132,12 +2983,17 @@ "type": "color" }, "icon": { - "value": "{global.content.color.icon.emphasis}", + "value": "{global.content.color.icon.default}", "type": "color" } }, "typo": { - "value": "{global.content.typo.body.sm}", + "value": { + "fontFamily": "{core.font.family.main}", + "fontWeight": "{core.font.weight.regular}", + "lineHeight": "{core.font.lineHeight.300}px", + "fontSize": "{core.font.size.75}px" + }, "type": "typography" } }, @@ -3294,38 +3150,15 @@ "value": "{global.content.color.text.default}", "type": "color" }, - "phatic--negative": { - "value": "{global.content.color.negative.default}", - "type": "color" - }, - "phatic--attention": { - "value": "{global.content.color.attention.default}", - "type": "color" - }, "phatic": { "value": "{global.content.color.negative.default}", "type": "color" } }, - "typo-": { - "value": { - "fontFamily": "{core.font.family.main}", - "fontWeight": "{core.font.weight.regular}", - "lineHeight": "{core.font.lineHeight.200}px", - "fontSize": "{core.font.size.50}px" - }, - "type": "typography" - }, "typo": { "value": "{global.content.typo.caption}", "type": "typography" } - }, - "spacing": { - "gap": { - "value": "{global.spacing.gap.sm}", - "type": "spacing" - } } }, "radio": { @@ -3665,6 +3498,14 @@ "value": "{global.background.color.surface.emphasis}", "type": "color" }, + "white": { + "value": "{global.background.color.surface.default}", + "type": "color" + }, + "grey": { + "value": "{global.background.color.surface.muted}", + "type": "color" + }, "default--reverse": { "value": "{global.background.color.surface.default}", "type": "color" @@ -3718,6 +3559,14 @@ "value": "{global.border.color.line.subtle}", "type": "color" }, + "white": { + "value": "{global.border.color.line.default}", + "type": "color" + }, + "grey": { + "value": "{global.border.color.line.muted}", + "type": "color" + }, "hover": { "value": "{global.border.color.line.default}", "type": "color" @@ -4272,16 +4121,6 @@ "link": { "content": { "typo": { - "value": { - "fontFamily": "{core.font.family.main}", - "fontWeight": "{core.font.weight.regular}", - "lineHeight": "{core.font.lineHeight.300}px", - "fontSize": "{core.font.size.75}px", - "textDecoration": "{underline}" - }, - "type": "typography" - }, - "typo--medium": { "value": { "fontFamily": "{core.font.family.main}", "fontWeight": "{core.font.weight.medium}", @@ -4293,7 +4132,7 @@ }, "color": { "default": { - "value": "{global.content.color.secondary.default}", + "value": "{global.content.color.primary.default}", "type": "color" }, "hover": { @@ -4332,10 +4171,6 @@ "value": "{global.background.color.primary.subtle}", "type": "color" }, - "pressed": { - "value": "{global.background.color.primary.muted}", - "type": "color" - }, "down": { "value": "{global.background.color.primary.subtle}", "type": "color" @@ -5116,7 +4951,7 @@ }, "color": { "default": { - "value": "{global.content.color.secondary.default}", + "value": "{global.content.color.secondary.muted}", "type": "color" }, "hover": { @@ -5591,10 +5426,6 @@ "value": "{global.spacing.padding.2xsm}", "type": "spacing" }, - "3xms": { - "value": "{global.spacing.padding.3xsm}", - "type": "spacing" - }, "xsm": { "value": "{global.spacing.padding.xsm}", "type": "spacing" @@ -5611,10 +5442,6 @@ "value": "{global.spacing.padding.xlslg}", "type": "spacing" }, - "xlgm": { - "value": "52px", - "type": "spacing" - }, "lg": { "value": "{global.spacing.padding.lg}", "type": "spacing" @@ -5623,62 +5450,54 @@ "gap": { "value": "{global.spacing.gap.slg}", "type": "spacing" - }, - "gap--1xsm": { - "value": "{global.spacing.gap.1xsm}", - "type": "spacing" - }, - "gap-md": { - "value": "{global.spacing.gap.md}", - "type": "spacing" } }, "content": { "color": { "main": { "default": { - "value": "{global.content.color.secondary.default}", + "value": "{global.content.color.text.default}", "type": "color" }, "hover": { - "value": "{global.content.color.text.default--reverse}", + "value": "{global.content.color.text.default}", "type": "color" }, "active": { - "value": "{global.content.color.text.default--reverse}", + "value": "{global.content.color.text.emphasis}", + "type": "color" + }, + "default--reverse": { + "value": "{global.content.color.icon.default--reverse}", "type": "color" } }, "sub": { "default": { - "value": "{global.content.color.text.default--reverse}", + "value": "{global.content.color.text.default}", "type": "color" }, "hover": { - "value": "{global.content.color.text.default--reverse}", + "value": "{global.content.color.text.default}", "type": "color" }, "active": { - "value": "{global.content.color.text.default--reverse}", + "value": "{global.content.color.text.emphasis}", + "type": "color" + }, + "default--reverse": { + "value": "{global.content.color.icon.default--reverse}", "type": "color" } } }, - "typo--regular": { - "value": "{global.content.typo.body.sm}", - "type": "typography" - }, - "typo--medium": { - "value": "{global.content.typo.body.sm--medium}", - "type": "typography" - }, "typo": { "md": { "value": { "fontFamily": "{core.font.family.main}", "fontWeight": "{core.font.weight.medium}", "fontSize": "{core.font.size.75}px", - "lineHeight": "{core.font.lineHeight.200}px" + "lineHeight": "{core.font.lineHeight.100}" }, "type": "typography" } @@ -5691,26 +5510,50 @@ "value": "{global.background.color.surface.default}", "type": "color" }, + "default--dark": { + "value": "{global.background.color.primary.dark}", + "type": "color" + }, "hover": { - "value": "{global.background.color.primary.subtle}", + "value": "{global.background.color.secondary.subtle}", + "type": "color" + }, + "hover--dark": { + "value": "{global.background.color.primary.strong}", "type": "color" }, "active": { - "value": "{global.background.color.primary.muted}", + "value": "{global.background.color.primary.verySubtle}", + "type": "color" + }, + "active--dark": { + "value": "{global.background.color.primary.emphasis}", "type": "color" } }, "sub": { "default": { - "value": "{global.background.color.secondary.default}", + "value": "{global.background.color.surface.default}", + "type": "color" + }, + "default---dark": { + "value": "{global.background.color.primary.dark}", "type": "color" }, "hover": { - "value": "{global.background.color.primary.default}", + "value": "{global.background.color.secondary.subtle}", + "type": "color" + }, + "hover--dark": { + "value": "{global.background.color.primary.strong}", "type": "color" }, "active": { - "value": "{global.background.color.primary.default}", + "value": "{global.background.color.primary.verySubtle}", + "type": "color" + }, + "active--dark": { + "value": "{global.background.color.primary.emphasis}", "type": "color" } } @@ -5737,12 +5580,24 @@ "value": "{global.border.color.line.subtle}", "type": "color" } - } - }, - "radius": { - "md": { - "value": "{global.border.radius.md}", - "type": "borderRadius" + }, + "sub": { + "default": { + "value": "{global.border.color.line.muted}", + "type": "color" + }, + "default--dark": { + "value": "{global.border.color.line.default}", + "type": "color" + }, + "hover": { + "value": "{global.border.color.line.muted}", + "type": "color" + }, + "active": { + "value": "{global.border.color.primary.default}", + "type": "color" + } } } }, @@ -5794,7 +5649,7 @@ "type": "color" }, "pending-text": { - "value": "{global.content.color.secondary.default}", + "value": "{global.content.color.secondary.muted}", "type": "color" }, "active": { @@ -6488,12 +6343,7 @@ "type": "typography" }, "sm": { - "value": { - "fontFamily": "{core.font.family.alt}", - "fontWeight": "{core.font.weight.regular}", - "lineHeight": "{core.font.lineHeight.100}", - "fontSize": "{core.font.size.50}" - }, + "value": "{global.content.typo.body.xsm}", "type": "typography" } } diff --git a/packages/calendars/src/BigCalendar/components/AgentView/AgentView.js b/packages/calendars/src/BigCalendar/components/AgentView/AgentView.js index d8d0430e8..7064e0074 100644 --- a/packages/calendars/src/BigCalendar/components/AgentView/AgentView.js +++ b/packages/calendars/src/BigCalendar/components/AgentView/AgentView.js @@ -1,4 +1,3 @@ -import PropTypes from 'prop-types'; import React, { useEffect, useRef } from 'react'; import addClass from 'dom-helpers/addClass'; import removeClass from 'dom-helpers/removeClass'; @@ -10,15 +9,15 @@ import { inRange } from 'react-big-calendar/lib/utils/eventLevels'; import { isSelected } from 'react-big-calendar/lib/utils/selection'; import { Avatar, Box, COLORS, ImageLoader, Text } from '@bubbles-ui/components'; import { colord } from 'colord'; -import { eventCellStylesIcon, eventCellStylesRoot } from '../Event/EventCell'; import { omit } from 'lodash'; +import { eventCellStylesIcon, eventCellStylesRoot } from '../Event/EventCell'; import { emptyPixel } from '../EventWrapper.constants'; +import { AGENDA_PROP_TYPES, AGENDA_DEFAULT_PROPS } from './AgentView.constants'; -let customInRange = (event, day, localizer) => { +const customInRange = (event, day, localizer) => { const eStart = event.start; const eEnd = event.end; - const dayIsRange = day >= eStart && day <= eEnd; - return dayIsRange; + return day >= eStart && day <= eEnd; }; function Agenda({ @@ -65,20 +64,20 @@ function Agenda({ events = events.filter((e) => customInRange(e, day, localizer)); return events.map((event, idx) => { - let title = accessors.title(event); - let end = accessors.end(event); - let start = accessors.start(event); + const title = accessors.title(event); + const end = accessors.end(event); + const start = accessors.start(event); const userProps = getters.eventProp(event, start, end, isSelected(event, selected)); - let dateLabel = idx === 0 && localizer.format(day, 'agendaDateFormat'); + const dateLabel = idx === 0 && localizer.format(day, 'agendaDateFormat'); const dates = {}; if (idx === 0) { dates.day = localizer.format(day, 'dd'); dates.dayOfWeek = localizer.format(day, 'ccc'); dates.month = localizer.format(day, 'LLL'); } - let first = + const first = idx === 0 ? ( @@ -107,7 +106,7 @@ function Agenda({ bgColor: event.originalEvent.bgColor || event.originalEvent.calendar.bgColor, }; - let root = eventCellStylesRoot(COLORS, styleData); + const root = eventCellStylesRoot(COLORS, styleData); let icon = eventCellStylesIcon(COLORS, styleData); icon = omit(icon, 'img'); @@ -142,7 +141,7 @@ function Agenda({ } return ( - + {first} {timeRangeLabel(day, event)} @@ -180,12 +179,12 @@ function Agenda({ }; const timeRangeLabel = (day, event) => { - let labelClass = '', - TimeComponent = components.time, - label = localizer.messages.allDay; + let labelClass = ''; + const TimeComponent = components.time; + let label = localizer.messages.allDay; - let end = accessors.end(event); - let start = accessors.start(event); + const end = accessors.end(event); + const start = accessors.start(event); if (!accessors.allDay(event)) { if (localizer.eq(start, end)) { @@ -239,35 +238,35 @@ function Agenda({ const _adjustHeader = () => { if (!tbodyRef.current) return; - let header = headerRef.current; - let firstRow = tbodyRef.current.firstChild; + const header = headerRef.current; + const firstRow = tbodyRef.current.firstChild; if (!firstRow) return; - let isOverflowing = contentRef.current.scrollHeight > contentRef.current.clientHeight; + const isOverflowing = contentRef.current.scrollHeight > contentRef.current.clientHeight; let _widths = []; - let widths = _widths; + const widths = _widths; _widths = [getWidth(firstRow.children[0]), getWidth(firstRow.children[1])]; if (widths[0] !== _widths[0] || widths[1] !== _widths[1]) { - dateColRef.current.style.width = _widths[0] + 'px'; - timeColRef.current.style.width = _widths[1] + 'px'; + dateColRef.current.style.width = `${_widths[0]}px`; + timeColRef.current.style.width = `${_widths[1]}px`; } if (isOverflowing) { addClass(header, 'rbc-header-overflowing'); - header.style.marginRight = scrollbarSize() + 'px'; + header.style.marginRight = `${scrollbarSize()}px`; } else { removeClass(header, 'rbc-header-overflowing'); } }; - let { messages } = localizer; - let end = localizer.add(date, length, 'day'); + const { messages } = localizer; + const end = localizer.add(date, length, 'day'); - let range = localizer.range(date, end, 'day'); + const range = localizer.range(date, end, 'day'); events = events.filter((event) => inRange( @@ -315,7 +314,7 @@ Agenda.propTypes = AGENDA_PROP_TYPES; Agenda.defaultProps = AGENDA_DEFAULT_PROPS; Agenda.range = (start, { length = Agenda.defaultProps.length, localizer }) => { - let end = localizer.add(start, length, 'day'); + const end = localizer.add(start, length, 'day'); return { start, end }; }; @@ -333,7 +332,7 @@ Agenda.navigate = (date, action, { length = Agenda.defaultProps.length, localize }; Agenda.title = (start, { length = Agenda.defaultProps.length, localizer }) => { - let end = localizer.add(start, length, 'day'); + const end = localizer.add(start, length, 'day'); return localizer.format({ start, end }, 'agendaHeaderFormat'); }; diff --git a/packages/components/src/tokens.compiled.js b/packages/components/src/tokens.compiled.js index 6e5ee72d9..2a6dce3a8 100644 --- a/packages/components/src/tokens.compiled.js +++ b/packages/components/src/tokens.compiled.js @@ -1,7387 +1,6544 @@ 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', - }, - }, - phatic: { - default: { - value: '#d13b3b', - type: 'color', - }, - hover: { - value: '#ffffff', - type: 'color', - }, - down: { - value: '#d13b3b', - type: 'color', - }, - }, - }, - default: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 400, - lineHeight: 20, - fontSize: '14px', - }, - type: 'typography', - }, - hover: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 500, - lineHeight: 20, - 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', - }, - focus: { - value: '#0C1F22', - 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', - }, - }, - }, - }, - 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', - }, - }, - 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', - }, - }, - 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', - }, - 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', - }, - }, - }, - border: { - radius: { - md: { - value: '4px', - type: 'borderRadius', - }, - }, - width: { - value: '2px', - type: 'borderWidth', - }, - }, - spacing: { - padding: { - md: { - value: '6px', - type: 'spacing', - }, - sm: { - value: '4px', - 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', - }, - 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: '{global.border.color.secondary.muted}', - type: 'color', - failedToResolve: true, - }, - '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: 20, - 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', - }, - }, - typo: { - '01': { - value: { - fontFamily: 'Albert Sans', - fontWeight: 600, - lineHeight: 20, - fontSize: '14px', - }, - type: 'typography', - }, - '02': { - value: { - fontFamily: 'Albert Sans', - fontWeight: 400, - lineHeight: 20, - fontSize: '14px', - }, - type: 'typography', - }, - }, - typo: { - '01': { - value: { - fontFamily: 'Albert Sans', - fontWeight: 600, - lineHeight: '24px', - fontSize: '14px', - }, - type: 'typography', - }, - '02': { - value: { - fontFamily: 'Albert Sans', - fontWeight: 400, - lineHeight: '24px', - 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--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: 10, - lineHeight: 14, - }, - type: 'typography', - }, - }, - }, - 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', - }, - }, - }, - content: { - color: { - default: { - value: 'transparent', - type: 'color', - }, - 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: 20, - 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', - }, - 'default--reverse': { - value: '#ffffff', - 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', - }, - 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', - }, - }, - }, - border: { - color: { - enabled: { - value: '#F8F9FB', - type: 'color', - }, - }, - gap: { - value: '16px', - type: 'spacing', - }, - }, - border: { - color: { - enabled: { - value: '{global.border.color.secondary.subtle}', - type: 'color', - failedToResolve: true, - }, - }, - 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', - }, - 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: 20, - fontSize: '14px', - }, - type: 'typography', - }, - }, - border: { - color: { - default: { - value: '#C1C7CD', - type: 'color', - }, - }, - width: { - value: '1px', - type: 'borderWidth', - }, - }, - }, - 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', - }, - }, - }, - spacing: { - padding: { - horizontal: { - value: '2px', - type: 'spacing', - }, - hover: { - value: '#F1FFBD', - type: 'color', - }, - pressed: { - value: '#E2FF7A', - type: 'color', - }, - down: { - value: '#F1FFBD', - type: 'color', - }, - }, - }, - }, - divider: { - size: { - sm: { - value: '1px', - type: 'sizing', - }, - }, - background: { - color: { - default: { - value: '#DDE1E6', - type: 'color', - }, - }, - }, - }, - 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', - }, - }, - 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', - }, - }, - gap: { - value: '8px', - type: 'spacing', - }, - vertical: { - md: { - value: '16px', - type: 'spacing', - }, - }, - horizontal: { - xsm: { - value: '8px', - 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', - }, - }, - }, - 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', - }, - }, - 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: 10, - lineHeight: 14, - }, - 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', - }, - 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: 20, - fontSize: '14px', - }, - type: 'typography', - }, - 'typo--medium': { - value: { - fontFamily: 'Albert Sans', - fontWeight: 500, - lineHeight: 20, - 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', - }, - 'typo--regular': { - 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', - }, - }, - background: { - color: { - main: { - default: { - value: '#ffffff', - type: 'color', - }, - hover: { - value: '#F1FFBD', - type: 'color', - }, - active: { - value: '#E2FF7A', - 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', - }, - }, - 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: 20, - 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: 16, - fontSize: 12, - }, - 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', - }, - }, - typo: { - lg: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 500, - lineHeight: 20, - fontSize: 18, - }, - type: 'typography', - }, - md: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 400, - lineHeight: 20, - fontSize: 14, - }, - type: 'typography', - }, - sm: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 400, - lineHeight: 16, - fontSize: 12, - }, - type: 'typography', - }, - }, - }, - background: { - color: { - default: { - value: '#ffffff', - type: 'color', - }, - }, - }, - border: { - color: { - subtle: { - value: '#878D96', - 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', - }, - }, - }, - }, - 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', - }, - '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: 20, - fontSize: '14px', - }, - type: 'typography', - }, - 'sm--medium': { - value: { - fontFamily: 'Albert Sans', - fontWeight: 500, - lineHeight: 20, - fontSize: '14px', - }, - type: 'typography', - }, - 'sm--semiBold': { - value: { - fontFamily: 'Albert Sans', - fontWeight: 600, - lineHeight: 20, - fontSize: '14px', - }, - type: 'typography', - }, - xsm: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 400, - lineHeight: '20px', - fontSize: '12px', - }, - type: 'typography', - }, - 'xsm--semiBold': { - value: { - fontFamily: 'Albert Sans', - fontWeight: 600, - lineHeight: '20px', - 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', - }, - }, - 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', - }, - }, - 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: '24px', - fontSize: '14px', - }, - type: 'typography', - }, - 'sm--medium': { - value: { - fontFamily: 'Albert Sans', - fontWeight: 500, - lineHeight: '24px', - fontSize: '14px', - }, - type: 'typography', - }, - 'sm--semiBold': { - value: { - fontFamily: 'Albert Sans', - fontWeight: 600, - lineHeight: '24px', - fontSize: '14px', - }, - type: 'typography', - }, - xsm: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 400, - lineHeight: '20px', - fontSize: '12px', - }, - type: 'typography', - }, - 'xsm--semiBold': { - value: { - fontFamily: 'Albert Sans', - fontWeight: 600, - lineHeight: '20px', - fontSize: '12px', - }, - type: 'typography', - }, - }, - caption: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 500, - fontSize: 10, - lineHeight: 14, - }, - type: 'typography', - }, - 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', - }, - }, - 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: 16, - fontSize: 12, - }, - type: 'typography', - }, - }, - 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', - }, - }, - }, - }, - 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', - }, - }, - accent: { - default: { - value: '#FF5470', - 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', - }, - }, - }, - 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', - }, - }, - }, - 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', - }, - }, - 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: '{core.color.neutral.75}', - type: 'color', - failedToResolve: true, - }, - }, - 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', - }, - }, - }, - }, - 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: '32px', - type: 'spacing', - }, - }, - }, - icon: { - size: { - xsm: { - value: '8px', - type: 'sizing', - }, - type: 'boxShadow', - }, - }, - shadow: { - 100: { - value: [ - { - 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', - }, - 200: { - value: [ + "button": { + "content": { + "color": { + "primary": { + "default": { + "value": "#B4E600", + "type": "color" + }, + "hover": { + "value": "#98C200", + "type": "color" + }, + "down": { + "value": "#B4E600", + "type": "color" + }, + "default--reverse": { + "value": "#ffffff", + "type": "color" + } + }, + "secondary": { + "default": { + "value": "#4D5358", + "type": "color" + }, + "hover": { + "value": "#343A3F", + "type": "color" + }, + "down": { + "value": "#4D5358", + "type": "color" + }, + "default--reverse": { + "value": "#ffffff", + "type": "color" + } + }, + "terciary": { + "default": { + "value": "#4D5358", + "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" + } + } + }, + "typo": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "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" + } + }, + "terciary": { + "default": { + "value": "transparent", + "type": "color" + }, + "hover": { + "value": "hsla(216,80%,119%,1)", + "type": "color" + }, + "pressed": { + "value": "#98C200", + "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": "#4D5358", + "type": "color" + }, + "hover": { + "value": "#343A3F", + "type": "color" + }, + "pressed": { + "value": "{global.border.color.primary.strong}", + "type": "color", + "failedToResolve": true + }, + "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": "2px", + "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": "{global.border.color.primary.strong}", + "type": "innerShadow" + }, + "type": "boxShadow", + "failedToResolve": true + } + }, + "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": "#4D5358", + "type": "color" + }, + "hover": { + "value": "#343A3F", + "type": "color" + }, + "down": { + "value": "#4D5358", + "type": "color" + } + }, + "terciary": { + "default": { + "value": "hsla(216,80%,119%,1)", + "type": "color" + }, + "hover": { + "value": "#98C200", + "type": "color" + }, + "down": { + "value": "hsla(216,80%,119%,1)", + "type": "color" + } + }, + "phatic": { + "default": { + "value": "#d13b3b", + "type": "color" + }, + "hover": { + "value": "#b52a2a", + "type": "color" + }, + "down": { + "value": "#d13b3b", + "type": "color" + } + } + }, + "typo": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "lineHeight": "20px", + "fontSize": "14px" + }, + "type": "typography" + } + }, + "background": { + "color": { + "primary": { + "default": { + "value": "transparent", + "type": "color" + }, + "hover": { + "value": "hsla(216,80%,119%,1)", + "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": "hsla(216,80%,119%,1)", + "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": "hsla(216,80%,119%,1)", + "type": "color" + }, + "down": { + "value": "hsla(216,80%,119%,1)", + "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": "hsla(216,80%,119%,1)", + "type": "color" + }, + "down": { + "value": "hsla(216,80%,119%,1)", + "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": "#B4E600", + "type": "color" + }, + "hover": { + "value": "#98C200", + "type": "color" + }, + "down": { + "value": "#B4E600", + "type": "color" + }, + "default--reverse": { + "value": "#ffffff", + "type": "color" + } + }, + "secondary": { + "default": { + "value": "#4D5358", + "type": "color" + }, + "hover": { + "value": "#343A3F", + "type": "color" + }, + "down": { + "value": "#4D5358", + "type": "color" + }, + "default--reverse": { + "value": "#ffffff", + "type": "color" + } + }, + "terciary": { + "default": { + "value": "hsla(216,80%,119%,1)", + "type": "color" + }, + "hover": { + "value": "#98C200", + "type": "color" + }, + "down": { + "value": "hsla(216,80%,119%,1)", + "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": "#98C200", + "type": "color" + }, + "down": { + "value": "#B4E600", + "type": "color" + }, + "default--reverse": { + "value": "transparent", + "type": "color" + }, + "hover--reverse": { + "value": "hsla(216,80%,119%,1)", + "type": "color" + }, + "down--reverse": { + "value": "transparent", + "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": "hsla(216,80%,119%,1)", + "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": "hsla(216,80%,119%,1)", + "type": "color" + }, + "down--reverse": { + "value": "hsla(216,80%,119%,1)", + "type": "color" + } + }, + "secondary": { + "default": { + "value": "#4D5358", + "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": "hsla(216,80%,119%,1)", + "type": "color" + }, + "down--reverse": { + "value": "hsla(216,80%,119%,1)", + "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" + } + } + } + }, + "buttonAction": { + "content": { + "color": { + "primary": { + "default": { + "value": "#0C1F22", + "type": "color" + }, + "hover": { + "value": "#B4E600", + "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": "#ffffff26", + "type": "color" + }, + "down": { + "value": "hsla(216,80%,119%,1)", + "type": "color" + }, + "hover--reverse": { + "value": "#0C1F22", + "type": "color" + }, + "down--reverse": { + "value": "#878D96", + "type": "color" + }, + "hover--reverse-transparent": { + "value": "#ffffff26", + "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": "hsla(216,80%,119%,1)", + "type": "color" + }, + "down": { + "value": "#B4E600", + "type": "color" + }, + "hover--reverse": { + "value": "#4D5358", + "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": "#878D96", + "type": "color" + } + }, + "typo": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 400, + "lineHeight": "24px", + "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": { + "value": "#d13b3b", + "type": "color" + } + }, + "typo": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "fontSize": "10px", + "lineHeight": "14px" + }, + "type": "typography" + } + } + }, + "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": "hsla(216,80%,119%,1)", + "type": "color" + }, + "default--reverse": { + "value": "hsla(216,80%,119%,1)", + "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": "hsla(216,80%,119%,1)", + "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": "#4D5358", + "type": "color" + }, + "default--reverse": { + "value": "#ffffff", + "type": "color" + } + }, + "weekName": { + "default": { + "value": "#C1C7CD", + "type": "color" + } + }, + "weekday": { + "default": { + "value": "#4D5358", + "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": "hsla(216,80%,119%,1)", + "type": "color" + }, + "down": { + "value": "#B4E600", + "type": "color" + }, + "default--alt": { + "value": "#E2FF7A", + "type": "color" + } + }, + "range": { + "default": { + "value": "transparent", + "type": "color" + }, + "hover": { + "value": "hsla(216,80%,119%,1)", + "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": "{core.shadow.400}", + "type": "boxShadow", + "failedToResolve": true + }, + "top": { + "value": [ { - color: '#dde1e629', - type: 'dropShadow', - x: 0, - y: 2, - blur: 0, - spread: 0, + "x": 0, + "y": 100, + "blur": 60, + "spread": 0, + "color": "#dde1e614", + "type": "dropShadow" }, { - color: '#1a202b1f', - type: 'dropShadow', - x: 0, - y: 10, - blur: 36, - spread: 0, - }, + "x": 0, + "y": 32, + "blur": 32, + "spread": 0, + "color": "#1a202b0d", + "type": "dropShadow" + } ], - type: 'boxShadow', - }, - 300: { - value: [ + "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" + } + } + }, + "link": { + "content": { + "typo": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "lineHeight": "24px", + "fontSize": "14px", + "textDecoration": "underline" + }, + "type": "typography" + }, + "color": { + "default": { + "value": "#B4E600", + "type": "color" + }, + "hover": { + "value": "#98C200", + "type": "color" + }, + "down": { + "value": "#E2FF7A", + "type": "color" + }, + "default--reverse": { + "value": "hsla(216,80%,119%,1)", + "type": "color" + } + } + }, + "spacing": { + "padding": { + "horizontal": { + "value": "2px", + "type": "spacing" + } + }, + "gap": { + "value": "4px", + "type": "spacing" + } + }, + "background": { + "color": { + "default": { + "value": "transparent", + "type": "color" + }, + "hover": { + "value": "hsla(216,80%,119%,1)", + "type": "color" + }, + "down": { + "value": "hsla(216,80%,119%,1)", + "type": "color" + } + } + }, + "border": { + "radius": { + "value": "2px", + "type": "borderRadius" + } + } + }, + "divider": { + "size": { + "sm": { + "value": "1px", + "type": "sizing" + } + }, + "background": { + "color": { + "default": { + "value": "#DDE1E6", + "type": "color" + } + } + } + }, + "tab": { + "content": { + "color": { + "default": { + "value": "#4D5358", + "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": "hsla(216,80%,119%,1)", + "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" + } + } + } + }, + "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": "hsla(216,80%,119%,1)", + "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": "hsla(216,80%,119%,1)", + "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": "#4D5358", + "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": "hsla(216,80%,119%,1)", + "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": { + "x": 0, + "y": 10, + "blur": 36, + "spread": 0, + "color": "#C1C7CD", + "type": "dropShadow" + }, + "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": "hsla(216,80%,119%,1)", + "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": "#4D5358", + "type": "color" + } + } + }, + "background": { + "color": { + "default": { + "value": "transparent", + "type": "color" + }, + "hover": { + "value": "hsla(216,80%,119%,1)", + "type": "color" + }, + "down": { + "value": "hsla(216,80%,119%,1)", + "type": "color" + }, + "selected": { + "value": "transparent", + "type": "color" + } + } + }, + "border": { + "color": { + "default": { + "value": "transparent", + "type": "color" + }, + "hover": { + "value": "hsla(216,80%,119%,1)", + "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": "hsla(216,80%,119%,1)", + "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" + }, + "xsm": { + "value": "8px", + "type": "spacing" + }, + "sm": { + "value": "12px", + "type": "spacing" + }, + "md": { + "value": "16px", + "type": "spacing" + }, + "xlslg": { + "value": "28px", + "type": "spacing" + }, + "lg": { + "value": "24px", + "type": "spacing" + } + }, + "gap": { + "value": "12px", + "type": "spacing" + } + }, + "content": { + "color": { + "main": { + "default": { + "value": "#4D5358", + "type": "color" + }, + "hover": { + "value": "#4D5358", + "type": "color" + }, + "active": { + "value": "#343A3F", + "type": "color" + }, + "default--reverse": { + "value": "#ffffff", + "type": "color" + } + }, + "sub": { + "default": { + "value": "#4D5358", + "type": "color" + }, + "hover": { + "value": "#4D5358", + "type": "color" + }, + "active": { + "value": "#343A3F", + "type": "color" + }, + "default--reverse": { + "value": "#ffffff", + "type": "color" + } + } + }, + "typo": { + "md": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "fontSize": "14px", + "lineHeight": 16 + }, + "type": "typography" + } + } + }, + "background": { + "color": { + "main": { + "default": { + "value": "#ffffff", + "type": "color" + }, + "default--dark": { + "value": "{global.background.color.primary.dark}", + "type": "color", + "failedToResolve": true + }, + "hover": { + "value": "#F8F9FB", + "type": "color" + }, + "hover--dark": { + "value": "#4A6000", + "type": "color" + }, + "active": { + "value": "{global.background.color.primary.verySubtle}", + "type": "color", + "failedToResolve": true + }, + "active--dark": { + "value": "#98C200", + "type": "color" + } + }, + "sub": { + "default": { + "value": "#ffffff", + "type": "color" + }, + "default---dark": { + "value": "{global.background.color.primary.dark}", + "type": "color", + "failedToResolve": true + }, + "hover": { + "value": "#F8F9FB", + "type": "color" + }, + "hover--dark": { + "value": "#4A6000", + "type": "color" + }, + "active": { + "value": "{global.background.color.primary.verySubtle}", + "type": "color", + "failedToResolve": true + }, + "active--dark": { + "value": "#98C200", + "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" + } + }, + "sub": { + "default": { + "value": "#C1C7CD", + "type": "color" + }, + "default--dark": { + "value": "#878D96", + "type": "color" + }, + "hover": { + "value": "#C1C7CD", + "type": "color" + }, + "active": { + "value": "#B4E600", + "type": "color" + } + } + } + }, + "shadow": { + "value": [ + { + "color": "#21272a0d", + "type": "dropShadow", + "x": 32, + "y": 0, + "blur": 32, + "spread": 0 + } + ], + "type": "boxShadow" + }, + "footer": { + "value": "{core.shadow.200}", + "type": "boxShadow", + "failedToResolve": true + }, + "modal": { + "value": "{core.shadow.300}", + "type": "boxShadow", + "failedToResolve": true + } + }, + "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": { + "x": 0, + "y": 10, + "blur": 36, + "spread": 0, + "color": "#C1C7CD", + "type": "dropShadow" + }, + "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": { + "shadow": { + "100": { + "value": [ { - color: '#dde1e63d', - type: 'dropShadow', - x: 0, - y: 2, - blur: 0, - spread: 0, + "color": "#dde1e614", + "type": "dropShadow", + "x": 0, + "y": 2, + "blur": 0, + "spread": 0 }, { - color: '#1a202b29', - type: 'dropShadow', - x: 0, - y: 10, - blur: 36, - spread: 0, - }, + "color": "#1a202b14", + "type": "dropShadow", + "x": 0, + "y": 10, + "blur": 36, + "spread": 0 + } ], - type: 'boxShadow', + "type": "boxShadow" }, - 400: { - value: [ + "200": { + "value": [ { - color: '#dde1e614', - type: 'dropShadow', - x: -100, - y: 0, - blur: 60, - spread: 0, + "color": "#dde1e629", + "type": "dropShadow", + "x": 0, + "y": 2, + "blur": 0, + "spread": 0 }, { - color: '#1a202b0d', - type: 'dropShadow', - x: -32, - y: 0, - blur: 32, - spread: 0, - }, + "color": "#1a202b1f", + "type": "dropShadow", + "x": 0, + "y": 10, + "blur": 36, + "spread": 0 + } ], - 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', - }, - 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', - }, - }, - 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', + "type": "boxShadow" }, - 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', - }, - 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: [ + "300": { + "value": [ { - color: '#21272a14', - type: 'dropShadow', - x: 0, - y: 10, - blur: 36, - spread: 0, + "color": "#dde1e63d", + "type": "dropShadow", + "x": 0, + "y": 2, + "blur": 0, + "spread": 0 }, - ], - type: 'boxShadow', - }, - 200: { - value: [ { - color: '#21272a1f', - 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" }, - 300: { - value: [ + "400": { + "value": [ { - color: '#21272a29', - type: 'dropShadow', - x: 0, - y: 10, - blur: 36, - spread: 0, + "color": "#dde1e614", + "type": "dropShadow", + "x": -100, + "y": 0, + "blur": 60, + "spread": 0 }, - ], - type: 'boxShadow', - }, - 400: { - value: [ { - color: '#21272a0d', - type: 'dropShadow', - x: -32, - y: 0, - blur: 32, - spread: 0, - }, + "color": "#1a202b0d", + "type": "dropShadow", + "x": -32, + "y": 0, + "blur": 32, + "spread": 0 + } ], - type: 'boxShadow', - }, - }, - blur: { - value: '4px', - type: 'dimension', - }, - }, - util: { - color: { - primary: { - lightness: { - scale: { - value: 1.21, - type: 'other', - }, - up: { - 1: { - value: 67, - type: 'other', + "type": "boxShadow" + } + }, + "focus": { + "default": { + "value": { + "x": 0, + "y": 0, + "blur": 0, + "spread": 2, + "color": "#B4E600", + "type": "dropShadow" + }, + "type": "boxShadow" + } + }, + "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": "hsla(216,80%,119%,1)", + "type": "color" + }, + "muted": { + "value": "#E2FF7A", + "type": "color" + }, + "default": { + "value": "#B4E600", + "type": "color" + }, + "emphasis": { + "value": "#98C200", + "type": "color" + }, + "strong": { + "value": "#4A6000", + "type": "color" + } + }, + "secondary": { + "muted": { + "value": "#0C1F22", + "type": "color" + }, + "default": { + "value": "#4D5358", + "type": "color" + }, + "emphasis": { + "value": "#343A3F", + "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" }, - 2: { - value: 81, - type: 'other', + "type": "typography" + }, + "xlg--semiBold": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 600, + "lineHeight": "32px", + "fontSize": "26px" }, - 3: { - value: 98, - type: 'other', + "type": "typography" + }, + "lg": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "lineHeight": "28px", + "fontSize": "23px" }, - 4: { - value: 119, - type: 'other', + "type": "typography" + }, + "lg--semiBold": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 600, + "lineHeight": "28px", + "fontSize": "23px" }, - 5: { - value: 144, - type: 'other', - }, - }, - down: { - 1: { - value: 45, - type: 'other', + "type": "typography" + }, + "md": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "lineHeight": "24px", + "fontSize": "20px" }, - 2: { - value: 37, - type: 'other', + "type": "typography" + }, + "md--semiBold": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 600, + "lineHeight": "24px", + "fontSize": "20px" }, - 3: { - value: 31, - type: 'other', + "type": "typography" + }, + "sm": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "lineHeight": "24px", + "fontSize": "18px" }, - 4: { - value: 26, - type: 'other', + "type": "typography" + }, + "sm--semiBold": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 600, + "lineHeight": "24px", + "fontSize": "18px" }, - 5: { - value: 21, - type: 'other', + "type": "typography" + }, + "xsm": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 400, + "lineHeight": "20px", + "fontSize": "14px" }, - }, - }, - }, - accent: { - lightness: { - scale: { - value: 8, - type: 'other', - }, - up: { - 1: { - value: 86, - type: 'other', + "type": "typography" + }, + "xsm--semiBold": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 600, + "lineHeight": "24px", + "fontSize": "16px" }, - 2: { - value: 94, - type: 'other', + "type": "typography" + } + }, + "body": { + "lg": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 400, + "lineHeight": "24px", + "fontSize": "18px" }, - 3: { - value: 102, - type: 'other', + "type": "typography" + }, + "lg--medium": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "lineHeight": "24px", + "fontSize": "18px" }, - 4: { - value: 110, - type: 'other', + "type": "typography" + }, + "lg--semiBold": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 600, + "lineHeight": "24px", + "fontSize": "18px" }, - }, - down: { - 1: { - value: 70, - type: 'other', + "type": "typography" + }, + "md": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 400, + "lineHeight": "24px", + "fontSize": "16px" }, - 2: { - value: 62, - type: 'other', + "type": "typography" + }, + "md--medium": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "lineHeight": "24px", + "fontSize": "16px" }, - 3: { - value: 54, - type: 'other', + "type": "typography" + }, + "md--semiBold": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 600, + "lineHeight": "24px", + "fontSize": "16px" }, - 4: { - value: 46, - type: 'other', + "type": "typography" + }, + "sm": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 400, + "lineHeight": "20px", + "fontSize": "14px" }, - }, - }, - }, - colorDebug: { - value: '#9747FF', - type: 'color', - }, - debugColorContainer: { - value: '#ebdcff', - type: 'color', - }, - }, - }, - util: { - color: { - primary: { - lightness: { - scale: { - value: 1.21, - type: 'other', - }, - up: { - 1: { - value: 'roundTo({core.color.customPrimary.lightness} * 1.21)', - type: 'other', - failedToResolve: true, + "type": "typography" + }, + "sm--medium": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "lineHeight": "20px", + "fontSize": "14px" }, - 2: { - value: 'roundTo(roundTo({core.color.customPrimary.lightness} * 1.21) * 1.21)', - type: 'other', - failedToResolve: true, + "type": "typography" + }, + "sm--semiBold": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 600, + "lineHeight": "20px", + "fontSize": "14px" }, - 3: { - value: - 'roundTo(roundTo(roundTo({core.color.customPrimary.lightness} * 1.21) * 1.21) * 1.21)', - type: 'other', - failedToResolve: true, + "type": "typography" + }, + "xsm": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 400, + "lineHeight": "16px", + "fontSize": "12px" }, - 4: { - value: - 'roundTo(roundTo(roundTo(roundTo({core.color.customPrimary.lightness} * 1.21) * 1.21) * 1.21) * 1.21)', - type: 'other', - failedToResolve: true, + "type": "typography" + }, + "xsm--semiBold": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 600, + "lineHeight": "16px", + "fontSize": "12px" }, - 5: { - value: - 'roundTo(roundTo(roundTo(roundTo(roundTo({core.color.customPrimary.lightness} * 1.21) * 1.21) * 1.21) * 1.21) * 1.21)', - type: 'other', - failedToResolve: true, + "type": "typography" + }, + "lg--bold": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "lineHeight": "24px", + "fontSize": "18px" }, - }, - down: { - 1: { - value: 'roundTo({core.color.customPrimary.lightness} / 1.21)', - type: 'other', - failedToResolve: true, + "type": "typography" + }, + "md--bold": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "lineHeight": "24px", + "fontSize": "16px" }, - 2: { - value: 'roundTo(roundTo({core.color.customPrimary.lightness} / 1.21) / 1.21)', - type: 'other', - failedToResolve: true, + "type": "typography" + }, + "sm--bold": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "lineHeight": "20px", + "fontSize": "14px" }, - 3: { - value: - 'roundTo(roundTo(roundTo({core.color.customPrimary.lightness} / 1.21) / 1.21) / 1.21)', - type: 'other', - failedToResolve: true, + "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" }, - 4: { - value: - 'roundTo(roundTo(roundTo(roundTo({core.color.customPrimary.lightness} / 1.21) / 1.21) / 1.21) / 1.21)', - type: 'other', - failedToResolve: true, + "type": "typography" + }, + "lg": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 600, + "lineHeight": "28px", + "fontSize": "23px" }, - 5: { - value: - 'roundTo( roundTo(roundTo(roundTo(roundTo({core.color.customPrimary.lightness} / 1.21) / 1.21) / 1.21) / 1.21) / 1.21)', - type: 'other', - failedToResolve: true, + "type": "typography" + }, + "md": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 600, + "lineHeight": "24px", + "fontSize": "20px" }, - }, - }, - }, - accent: { - lightness: { - scale: { - value: 8, - type: 'other', - }, - up: { - 1: { - value: '{core.color.customAccent.lightness} + 8', - type: 'other', - failedToResolve: true, + "type": "typography" + }, + "sm": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 600, + "lineHeight": "20px", + "fontSize": "18px" }, - 2: { - value: '{core.color.customAccent.lightness} + 8 + 8', - type: 'other', - failedToResolve: true, + "type": "typography" + }, + "xsm": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 600, + "lineHeight": "16px", + "fontSize": "16px" }, - 3: { - value: '{core.color.customAccent.lightness} + 8 + 8 + 8', - type: 'other', - failedToResolve: true, + "type": "typography" + } + }, + "body": { + "lg": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 400, + "lineHeight": "24px", + "fontSize": "16px" }, - 4: { - value: '{core.color.customAccent.lightness} + 8 + 8 + 8 + 8', - type: 'other', - failedToResolve: true, + "type": "typography" + }, + "lg--bold": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "lineHeight": "24px", + "fontSize": "16px" }, - }, - down: { - 1: { - value: '{core.color.customAccent.lightness} - 8', - type: 'other', - failedToResolve: true, + "type": "typography" + }, + "md": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 400, + "lineHeight": "20px", + "fontSize": "14px" }, - 2: { - value: '{core.color.customAccent.lightness} - 8 - 8', - type: 'other', - failedToResolve: true, + "type": "typography" + }, + "md--bold": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "lineHeight": "20px", + "fontSize": "14px" }, - 3: { - value: '{core.color.customAccent.lightness} - 8 - 8 - 8', - type: 'other', - failedToResolve: true, + "type": "typography" + }, + "sm": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 400, + "lineHeight": "16px", + "fontSize": "12px" }, - 4: { - value: '{core.color.customAccent.lightness} - 8 - 8 - 8 - 8', - type: 'other', - failedToResolve: true, + "type": "typography" + }, + "sm--bold": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "lineHeight": "16px", + "fontSize": "12px" }, - }, - }, - }, - }, - font: { - scale: { - value: 1.125, - type: 'other', - }, - base: { - value: 16, - type: 'other', - }, - }, + "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": "hsla(216,80%,119%,1)", + "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": "hsla(216,80%,119%,1)", + "type": "color" + }, + "muted": { + "value": "#E2FF7A", + "type": "color" + }, + "default": { + "value": "#B4E600", + "type": "color" + }, + "emphasis": { + "value": "#98C200", + "type": "color" + } + }, + "secondary": { + "default": { + "value": "#4D5358", + "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" + }, + "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" + } + } + }, + "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": "hsla(216,80%,119%,1)", + "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": { + "x": 0, + "y": 10, + "blur": 36, + "spread": 0, + "color": "#C1C7CD", + "type": "dropShadow" + }, + "type": "boxShadow" + } + }, + "blur": { + "value": "4px", + "type": "dimension" + } }, - underline: { - value: 'underline', - type: 'textDecoration', + "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" + } + }, + "down": { + "1": { + "value": 45, + "type": "other" + }, + "2": { + "value": 37, + "type": "other" + }, + "3": { + "value": 31, + "type": "other" + }, + "4": { + "value": 26, + "type": "other" + }, + "5": { + "value": 21, + "type": "other" + } + } + } + }, + "accent": { + "lightness": { + "scale": { + "value": 8, + "type": "other" + }, + "up": { + "1": { + "value": 86, + "type": "other" + }, + "2": { + "value": 94, + "type": "other" + }, + "3": { + "value": 102, + "type": "other" + }, + "4": { + "value": 110, + "type": "other" + } + }, + "down": { + "1": { + "value": 70, + "type": "other" + }, + "2": { + "value": 62, + "type": "other" + }, + "3": { + "value": 54, + "type": "other" + }, + "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 From fb1c33d85178f6dfc07f68232f496749549e1a55 Mon Sep 17 00:00:00 2001 From: Banshee-92 <138103229+Banshee-92@users.noreply.github.com> Date: Mon, 30 Oct 2023 09:20:50 +0100 Subject: [PATCH 06/17] New cardAssignments --- tokens.json | 197 ++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 197 insertions(+) diff --git a/tokens.json b/tokens.json index c76f05b24..b20b8f4d1 100644 --- a/tokens.json +++ b/tokens.json @@ -5780,6 +5780,203 @@ } } } + }, + "cardAssignments": { + "spacing": { + "padding": { + "horizontal": { + "xsm": { + "value": "{global.spacing.padding.xsm}", + "type": "spacing" + }, + "sm": { + "value": "{global.spacing.padding.sm}", + "type": "spacing" + }, + "md": { + "value": "{global.spacing.padding.md}", + "type": "spacing" + }, + "2xsm": { + "value": "{global.spacing.padding.2xsm}", + "type": "spacing" + } + }, + "vertical": { + "xsm": { + "value": "{global.spacing.padding.xsm}", + "type": "spacing" + }, + "sm": { + "value": "{global.spacing.padding.sm}", + "type": "spacing" + }, + "md": { + "value": "{global.spacing.padding.md}", + "type": "spacing" + }, + "2xsm": { + "value": "{global.spacing.padding.2xsm}", + "type": "spacing" + } + } + }, + "gap": { + "sm": { + "value": "{global.spacing.gap.sm}", + "type": "spacing" + }, + "md": { + "value": "{global.spacing.gap.md}", + "type": "spacing" + }, + "lg": { + "value": "{global.spacing.gap.lg}", + "type": "spacing" + }, + "xlg": { + "value": "{global.spacing.gap.xlg}", + "type": "spacing" + } + } + }, + "content": { + "color": { + "emphasis": { + "value": "{global.content.color.tertiary.default}", + "type": "color" + }, + "default": { + "value": "{global.content.color.text.default}", + "type": "color" + }, + "subje": { + "value": "{global.content.color.text.emphasis}", + "type": "color" + }, + "muted": { + "value": "{global.content.color.text.muted}", + "type": "color" + }, + "icon": { + "value": "{global.content.color.icon.default}", + "type": "color" + } + }, + "typo": { + "lg": { + "value": "{global.content.typo.body.lg--medium}", + "type": "typography" + }, + "md": { + "value": { + "fontFamily": "{core.font.family.alt}", + "fontWeight": "{core.font.weight.regular}", + "lineHeight": "{core.font.lineHeight.200}", + "fontSize": "{core.font.size.75}" + }, + "type": "typography" + }, + "sm": { + "value": "{global.content.typo.body.xsm}", + "type": "typography" + } + } + }, + "background": { + "color": { + "default": { + "value": "{global.background.color.surface.default}", + "type": "color" + } + } + }, + "border": { + "color": { + "subtle": { + "value": "{global.border.color.line.subtle}", + "type": "color" + } + }, + "radius": { + "sm": { + "value": "{global.border.radius.sm}", + "type": "borderRadius" + }, + "circle": { + "value": "{global.border.radius.circle}", + "type": "borderRadius" + } + }, + "width": { + "sm": { + "value": "{global.border.width.sm}", + "type": "borderWidth" + }, + "lg": { + "value": "{global.border.width.lg}", + "type": "borderWidth" + } + } + }, + "shadow": { + "hover": { + "value": "{core.shadow.100}", + "type": "boxShadow" + } + } + }, + "progress": { + "content": { + "color": { + "text": { + "value": "{global.content.color.text.default}", + "type": "color" + }, + "phatic": { + "positive": { + "value": "{global.border.color.positive.default}", + "type": "color" + }, + "attention": { + "value": "{global.content.color.attention.default}", + "type": "color" + }, + "negative": { + "value": "{global.content.color.negative.default}", + "type": "color" + } + } + }, + "typo": { + "value": "{global.content.typo.body.xsm}", + "type": "typography" + } + }, + "background": { + "color": { + "primary": { + "default": { + "value": "{global.background.color.surface.emphasis}", + "type": "color" + } + } + } + }, + "spacing": { + "gap": { + "value": "{global.spacing.gap.md}", + "type": "spacing" + } + }, + "border": { + "radius": { + "rounded": { + "value": "{global.border.radius.rounded}", + "type": "borderRadius" + } + } + } } }, "$themes": [], From f536e6950c1a1a05015280135b3b0b0549fb3039 Mon Sep 17 00:00:00 2001 From: GitHub Actions Bot <> Date: Mon, 30 Oct 2023 08:35:58 +0000 Subject: [PATCH 07/17] chore: version bump --- packages/calendars/CHANGELOG.md | 9 +++++++++ packages/calendars/package.json | 6 +++--- packages/components/CHANGELOG.md | 8 ++++++++ packages/components/package.json | 4 ++-- packages/editors/CHANGELOG.md | 9 +++++++++ packages/editors/package.json | 6 +++--- packages/icons/CHANGELOG.md | 6 ++++++ packages/icons/package.json | 2 +- packages/leemons/CHANGELOG.md | 11 +++++++++++ packages/leemons/package.json | 10 +++++----- packages/notifications/CHANGELOG.md | 9 +++++++++ packages/notifications/package.json | 6 +++--- 12 files changed, 69 insertions(+), 17 deletions(-) diff --git a/packages/calendars/CHANGELOG.md b/packages/calendars/CHANGELOG.md index 7d5a22ba9..f99d9a090 100644 --- a/packages/calendars/CHANGELOG.md +++ b/packages/calendars/CHANGELOG.md @@ -1,5 +1,14 @@ # @bubbles-ui/calendars +## 1.2.25 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.25 + - @bubbles-ui/icons@1.2.25 + ## 1.2.24 ### Patch Changes diff --git a/packages/calendars/package.json b/packages/calendars/package.json index eb9fca797..54deb5505 100644 --- a/packages/calendars/package.json +++ b/packages/calendars/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/calendars", - "version": "1.2.24", + "version": "1.2.25", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -57,8 +57,8 @@ "rrule": "^2.6.8" }, "peerDependencies": { - "@bubbles-ui/components": "^1.2.24", - "@bubbles-ui/icons": "^1.2.24", + "@bubbles-ui/components": "^1.2.25", + "@bubbles-ui/icons": "^1.2.25", "react": "^17.0.2", "react-dom": "^17.0.2", "webpack": "*" diff --git a/packages/components/CHANGELOG.md b/packages/components/CHANGELOG.md index 3e1485f37..2340345a9 100644 --- a/packages/components/CHANGELOG.md +++ b/packages/components/CHANGELOG.md @@ -1,5 +1,13 @@ # @bubbles-ui/components +## 1.2.25 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/icons@1.2.25 + ## 1.2.24 ### Patch Changes diff --git a/packages/components/package.json b/packages/components/package.json index d7a97a86c..6c531e20c 100644 --- a/packages/components/package.json +++ b/packages/components/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/components", - "version": "1.2.24", + "version": "1.2.25", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -61,7 +61,7 @@ "chromatic": "npx chromatic --project-token=7b10302a7b6b --build-script-name=build:storybook:raw" }, "dependencies": { - "@bubbles-ui/icons": "^1.2.24", + "@bubbles-ui/icons": "^1.2.25", "@emotion/react": "^11.10.0", "@heroicons/react": "^1.0.5", "@leemonade/react-dnd-treeview": "^1.5.44", diff --git a/packages/editors/CHANGELOG.md b/packages/editors/CHANGELOG.md index 824e5a20e..9f55d1716 100644 --- a/packages/editors/CHANGELOG.md +++ b/packages/editors/CHANGELOG.md @@ -1,5 +1,14 @@ # @bubbles-ui/editors +## 1.2.25 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.25 + - @bubbles-ui/icons@1.2.25 + ## 1.2.24 ### Patch Changes diff --git a/packages/editors/package.json b/packages/editors/package.json index 7402cbd00..fcb444f32 100644 --- a/packages/editors/package.json +++ b/packages/editors/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/editors", - "version": "1.2.24", + "version": "1.2.25", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -79,8 +79,8 @@ "styled-icons": "^10.45.0" }, "peerDependencies": { - "@bubbles-ui/components": "^1.2.24", - "@bubbles-ui/icons": "^1.2.24", + "@bubbles-ui/components": "^1.2.25", + "@bubbles-ui/icons": "^1.2.25", "react": "^17.0.2", "react-dom": "^17.0.2", "webpack": "*" diff --git a/packages/icons/CHANGELOG.md b/packages/icons/CHANGELOG.md index e053fe969..efa4493a3 100644 --- a/packages/icons/CHANGELOG.md +++ b/packages/icons/CHANGELOG.md @@ -1,5 +1,11 @@ # @bubbles-ui/icons +## 1.2.25 + +### Patch Changes + +- Versions bump + ## 1.2.24 ### Patch Changes diff --git a/packages/icons/package.json b/packages/icons/package.json index 5a7cece49..ef49e398e 100644 --- a/packages/icons/package.json +++ b/packages/icons/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/icons", - "version": "1.2.24", + "version": "1.2.25", "description": "The Bubbles Design System icons library.", "license": "MIT", "repository": { diff --git a/packages/leemons/CHANGELOG.md b/packages/leemons/CHANGELOG.md index 2d7813d98..b9d3eff6a 100644 --- a/packages/leemons/CHANGELOG.md +++ b/packages/leemons/CHANGELOG.md @@ -1,5 +1,16 @@ # @bubbles-ui/leemons +## 1.2.25 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.25 + - @bubbles-ui/calendars@1.2.25 + - @bubbles-ui/editors@1.2.25 + - @bubbles-ui/icons@1.2.25 + ## 1.2.24 ### Patch Changes diff --git a/packages/leemons/package.json b/packages/leemons/package.json index 8811692f0..b76b05f03 100644 --- a/packages/leemons/package.json +++ b/packages/leemons/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/leemons", - "version": "1.2.24", + "version": "1.2.25", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -74,10 +74,10 @@ "ajv": "6.12.6" }, "peerDependencies": { - "@bubbles-ui/calendars": "^1.2.24", - "@bubbles-ui/components": "^1.2.24", - "@bubbles-ui/editors": "^1.2.24", - "@bubbles-ui/icons": "^1.2.24", + "@bubbles-ui/calendars": "^1.2.25", + "@bubbles-ui/components": "^1.2.25", + "@bubbles-ui/editors": "^1.2.25", + "@bubbles-ui/icons": "^1.2.25", "dayjs": "^1.10.7", "react": "^17.0.2", "react-dom": "^17.0.2", diff --git a/packages/notifications/CHANGELOG.md b/packages/notifications/CHANGELOG.md index cb2872238..3289d7470 100644 --- a/packages/notifications/CHANGELOG.md +++ b/packages/notifications/CHANGELOG.md @@ -1,5 +1,14 @@ # @bubbles-ui/notifications +## 1.2.25 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.25 + - @bubbles-ui/icons@1.2.25 + ## 1.2.24 ### Patch Changes diff --git a/packages/notifications/package.json b/packages/notifications/package.json index d10798335..32d255515 100644 --- a/packages/notifications/package.json +++ b/packages/notifications/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/notifications", - "version": "1.2.24", + "version": "1.2.25", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -52,8 +52,8 @@ "react-transition-group": "^4.4.2" }, "peerDependencies": { - "@bubbles-ui/components": "^1.2.24", - "@bubbles-ui/icons": "^1.2.24", + "@bubbles-ui/components": "^1.2.25", + "@bubbles-ui/icons": "^1.2.25", "@mantine/core": "5.2.4", "@mantine/hooks": "5.2.4", "react": "^17.0.2", From 7aeb140f7fefd60e9a619a9fadbe974ba8598b51 Mon Sep 17 00:00:00 2001 From: Johan Sosa Date: Thu, 2 Nov 2023 18:02:25 +0100 Subject: [PATCH 08/17] fix: Merged tokens and babel config --- merged_tokens.json | 6869 +++++++++++++++++++++++++++ packages/components/babel.config.js | 2 +- packages/editors/babel.config.js | 2 +- 3 files changed, 6871 insertions(+), 2 deletions(-) create mode 100644 merged_tokens.json diff --git a/merged_tokens.json b/merged_tokens.json new file mode 100644 index 000000000..b4fe05ccd --- /dev/null +++ b/merged_tokens.json @@ -0,0 +1,6869 @@ +{ + "core": { + "core": { + "color": { + "black": { + "value": "#1a202b", + "type": "color" + }, + "white": { + "value": "#ffffff", + "type": "color" + }, + "neutral": { + "50": { + "value": "#F8F9FB", + "type": "color" + }, + "75": { + "value": "hsla({core.color.customPrimary.hue},45%,96%,1)", + "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": "hsla({core.color.customPrimary.hue},{core.color.customPrimary.saturation}%,{util.color.primary.lightness.down.1}%,1)", + "type": "color" + }, + "700": { + "value": "hsla({core.color.customPrimary.hue},{core.color.customPrimary.saturation}%,{util.color.primary.lightness.down.2}%,1)", + "type": "color" + }, + "800": { + "value": "hsla({core.color.customPrimary.hue},{core.color.customPrimary.saturation}%,{util.color.primary.lightness.down.3}%,1)", + "type": "color" + }, + "900": { + "value": "hsla({core.color.customPrimary.hue},{core.color.customPrimary.saturation}%,{util.color.primary.lightness.down.4}%,1)", + "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({core.color.customAccent.hue},{core.color.customAccent.saturation}%,{util.color.accent.lightness.up.3}%,1)", + "type": "color" + }, + "300": { + "value": "hsla({core.color.customAccent.hue},{core.color.customAccent.saturation}%,{util.color.accent.lightness.up.2}%,1)", + "type": "color" + }, + "400": { + "value": "hsla({core.color.customAccent.hue},{core.color.customAccent.saturation}%,{util.color.accent.lightness.up.1}%,1)", + "type": "color" + }, + "500": { + "value": "hsla({core.color.customAccent.hue},{core.color.customAccent.saturation}%,{core.color.customAccent.lightness}%,1)", + "type": "color" + }, + "600": { + "value": "hsla({core.color.customAccent.hue},{core.color.customAccent.saturation}%,{util.color.accent.lightness.down.1}%,1)", + "type": "color" + }, + "700": { + "value": "hsla({core.color.customAccent.hue},{core.color.customAccent.saturation}%,{util.color.accent.lightness.down.2}%,1)", + "type": "color" + }, + "800": { + "value": "hsla({core.color.customAccent.hue},{core.color.customAccent.saturation}%,{util.color.accent.lightness.down.3}%,1)", + "type": "color" + }, + "900": { + "value": "hsla({core.color.customAccent.hue},{core.color.customAccent.saturation}%,{util.color.accent.lightness.down.4}%,1)", + "type": "color" + } + }, + "customPrimary": { + "hue": { + "value": "216", + "type": "color" + }, + "saturation": { + "value": "80", + "type": "color" + }, + "lightness": { + "value": "55", + "type": "color" + }, + "hsla": { + "value": "hsla({core.color.customPrimary.hue},{core.color.customPrimary.saturation}%,{core.color.customPrimary.lightness}%,1)", + "type": "color" + } + }, + "customAccent": { + "hue": { + "value": "60", + "type": "color" + }, + "saturation": { + "value": "100", + "type": "color" + }, + "lightness": { + "value": "78", + "type": "color" + }, + "hsla": { + "value": "hsla({core.color.customAccent.hue},{core.color.customAccent.saturation}%,{core.color.customAccent.lightness}%,1)", + "type": "color" + } + } + }, + "dimension": { + "0": { + "value": "0*{core.dimension.root}", + "type": "sizing" + }, + "50": { + "value": "0.25*{core.dimension.root}", + "type": "sizing" + }, + "100": { + "value": "0.5*{core.dimension.root}", + "type": "sizing" + }, + "150": { + "value": "0.75*{core.dimension.root}", + "type": "sizing" + }, + "175": { + "value": "0.875*{core.dimension.root}", + "type": "sizing" + }, + "200": { + "value": "1*{core.dimension.root}", + "type": "sizing" + }, + "250": { + "value": "1.25*{core.dimension.root}", + "type": "sizing" + }, + "300": { + "value": "1.5*{core.dimension.root}", + "type": "sizing" + }, + "350": { + "value": "1.75*{core.dimension.root}", + "type": "sizing" + }, + "400": { + "value": "2*{core.dimension.root}", + "type": "sizing" + }, + "500": { + "value": "2.5*{core.dimension.root}", + "type": "sizing" + }, + "600": { + "value": "3*{core.dimension.root}", + "type": "sizing" + }, + "700": { + "value": "3.5*{core.dimension.root}", + "type": "sizing" + }, + "800": { + "value": "4*{core.dimension.root}", + "type": "sizing" + }, + "900": { + "value": "4.5*{core.dimension.root}", + "type": "sizing" + }, + "1000": { + "value": "5*{core.dimension.root}", + "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": "{core.dimension.175}", + "type": "lineHeights" + }, + "100": { + "value": "{core.dimension.200}", + "type": "lineHeights" + }, + "200": { + "value": "{core.dimension.250}", + "type": "lineHeights" + }, + "300": { + "value": "{core.dimension.300}", + "type": "lineHeights" + }, + "400": { + "value": "{core.dimension.350}", + "type": "lineHeights" + }, + "500": { + "value": "{core.dimension.400}", + "type": "lineHeights" + }, + "600": { + "value": "{core.dimension.500}", + "type": "lineHeights" + }, + "700": { + "value": "{core.dimension.600}", + "type": "lineHeights" + } + }, + "size": { + "25": { + "value": "roundTo( {core.font.size.300} - {core.font.size.50}, 0)", + "type": "fontSizes" + }, + "30": { + "value": "roundTo( {core.font.size.25} + 2 , 0)", + "type": "fontSizes" + }, + "50": { + "value": "roundTo({core.font.size.75} / {util.font.scale}, 0)", + "type": "fontSizes" + }, + "75": { + "value": "roundTo({util.font.base} / {util.font.scale}, 0)", + "type": "fontSizes" + }, + "100": { + "value": "{util.font.base}", + "type": "fontSizes" + }, + "200": { + "value": "roundTo({util.font.base} * {util.font.scale}, 0)", + "type": "fontSizes" + }, + "300": { + "value": "roundTo({core.font.size.200} * {util.font.scale}, 0)", + "type": "fontSizes" + }, + "400": { + "value": "roundTo({core.font.size.300} * {util.font.scale}, 0)", + "type": "fontSizes" + }, + "500": { + "value": "roundTo({core.font.size.400} * {util.font.scale}, 0)", + "type": "fontSizes" + }, + "600": { + "value": "roundTo({core.font.size.500} * {util.font.scale}, 0)", + "type": "fontSizes" + } + }, + "uppercase": { + "value": "uppercase", + "type": "textCase" + } + }, + "shadow": { + "100": { + "value": [ + { + "color": "rgba( {core.color.neutral.900}, 0.08)", + "type": "dropShadow", + "x": "0", + "y": "10", + "blur": "36", + "spread": "0" + } + ], + "type": "boxShadow" + }, + "200": { + "value": [ + { + "color": "rgba( {core.color.neutral.900}, 0.12)", + "type": "dropShadow", + "x": "0", + "y": "10", + "blur": "36", + "spread": "0" + } + ], + "type": "boxShadow" + }, + "300": { + "value": [ + { + "color": "rgba( {core.color.neutral.900}, 0.16)", + "type": "dropShadow", + "x": "0", + "y": "10", + "blur": "36", + "spread": "0" + } + ], + "type": "boxShadow" + }, + "400": { + "value": [ + { + "color": "rgba( {core.color.neutral.900}, 0.05)", + "type": "dropShadow", + "x": "-32", + "y": "0", + "blur": "32", + "spread": "0" + } + ], + "type": "boxShadow" + } + }, + "blur": { + "value": "4px", + "type": "dimension" + } + }, + "util": { + "color": { + "primary": { + "lightness": { + "scale": { + "value": "1.21", + "type": "other" + }, + "up": { + "1": { + "value": "roundTo({core.color.customPrimary.lightness} * {util.color.primary.lightness.scale})", + "type": "other" + }, + "2": { + "value": "roundTo({util.color.primary.lightness.up.1} * {util.color.primary.lightness.scale})", + "type": "other" + }, + "3": { + "value": "roundTo({util.color.primary.lightness.up.2} * {util.color.primary.lightness.scale})", + "type": "other" + }, + "4": { + "value": "roundTo({util.color.primary.lightness.up.3} * {util.color.primary.lightness.scale})", + "type": "other" + }, + "5": { + "value": "roundTo({util.color.primary.lightness.up.4} * {util.color.primary.lightness.scale})", + "type": "other" + } + }, + "down": { + "1": { + "value": "roundTo({core.color.customPrimary.lightness} / {util.color.primary.lightness.scale})", + "type": "other" + }, + "2": { + "value": "roundTo({util.color.primary.lightness.down.1} / {util.color.primary.lightness.scale})", + "type": "other" + }, + "3": { + "value": "roundTo({util.color.primary.lightness.down.2} / {util.color.primary.lightness.scale})", + "type": "other" + }, + "4": { + "value": "roundTo({util.color.primary.lightness.down.3} / {util.color.primary.lightness.scale})", + "type": "other" + }, + "5": { + "value": "roundTo( {util.color.primary.lightness.down.4} / {util.color.primary.lightness.scale})", + "type": "other" + } + } + } + }, + "accent": { + "lightness": { + "scale": { + "value": "8", + "type": "other" + }, + "up": { + "1": { + "value": "{core.color.customAccent.lightness} + {util.color.accent.lightness.scale}", + "type": "other" + }, + "2": { + "value": "{util.color.accent.lightness.up.1} + {util.color.accent.lightness.scale}", + "type": "other" + }, + "3": { + "value": "{util.color.accent.lightness.up.2} + {util.color.accent.lightness.scale}", + "type": "other" + }, + "4": { + "value": "{util.color.accent.lightness.up.3} + {util.color.accent.lightness.scale}", + "type": "other" + } + }, + "down": { + "1": { + "value": "{core.color.customAccent.lightness} - {util.color.accent.lightness.scale}", + "type": "other" + }, + "2": { + "value": "{util.color.accent.lightness.down.1} - {util.color.accent.lightness.scale}", + "type": "other" + }, + "3": { + "value": "{util.color.accent.lightness.down.2} - {util.color.accent.lightness.scale}", + "type": "other" + }, + "4": { + "value": "{util.color.accent.lightness.down.3} - {util.color.accent.lightness.scale}", + "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" + } + }, + "global": { + "global": { + "focus": { + "default": { + "value": { + "x": "0", + "y": "0", + "blur": "0", + "spread": "2", + "color": "{core.color.primary.400}", + "type": "dropShadow" + }, + "type": "boxShadow" + }, + "default-border": { + "value": { + "color": "{core.color.primary.400}", + "width": "{global.border.width.md}", + "style": "solid" + }, + "type": "border" + } + }, + "content": { + "color": { + "text": { + "emphasis": { + "value": "{core.color.neutral.800}", + "type": "color" + }, + "default": { + "value": "{core.color.neutral.700}", + "type": "color" + }, + "muted": { + "value": "{core.color.neutral.500}", + "type": "color" + }, + "subtle": { + "value": "{core.color.neutral.300}", + "type": "color" + }, + "default--reverse": { + "value": "{core.color.white}", + "type": "color" + } + }, + "icon": { + "emphasis": { + "value": "{core.color.neutral.700}", + "type": "color" + }, + "default": { + "value": "{core.color.neutral.500}", + "type": "color" + }, + "muted": { + "value": "{core.color.neutral.300}", + "type": "color" + }, + "default--reverse": { + "value": "{core.color.white}", + "type": "color" + } + }, + "primary": { + "subtle": { + "value": "{core.color.primary.100}", + "type": "color" + }, + "muted": { + "value": "{core.color.primary.200}", + "type": "color" + }, + "default": { + "value": "{core.color.primary.300}", + "type": "color" + }, + "emphasis": { + "value": "{core.color.primary.400}", + "type": "color" + }, + "strong": { + "value": "{core.color.primary.500}", + "type": "color" + } + }, + "secondary": { + "default": { + "value": "{core.color.secondary.100}", + "type": "color" + }, + "emphasis": { + "value": "{core.color.neutral.800}", + "type": "color" + }, + "muted": { + "value": "{core.color.neutral.500}", + "type": "color" + }, + "subtle": { + "value": "{core.color.neutral.100}", + "type": "color" + } + }, + "negative": { + "default": { + "value": "{core.color.danger.500}", + "type": "color" + }, + "emphasis": { + "value": "{core.color.danger.600}", + "type": "color" + }, + "muted": { + "value": "{core.color.danger.300}", + "type": "color" + }, + "subtle": { + "value": "{core.color.danger.100}", + "type": "color" + } + }, + "positive": { + "default": { + "value": "{core.color.success.500}", + "type": "color" + }, + "emphasis": { + "value": "{core.color.success.700}", + "type": "color" + }, + "muted": { + "value": "{core.color.success.300}", + "type": "color" + }, + "subtle": { + "value": "{core.color.success.100}", + "type": "color" + } + }, + "transparent": { + "value": "transparent", + "type": "color" + }, + "disabled": { + "value": "{core.color.neutral.300}", + "type": "color" + }, + "attention": { + "default": { + "value": "{core.color.attention.500}", + "type": "color" + }, + "emphasis": { + "value": "{core.color.attention.700}", + "type": "color" + }, + "muted": { + "value": "{core.color.attention.300}", + "type": "color" + }, + "subtle": { + "value": "{core.color.attention.100}", + "type": "color" + } + }, + "tertiary": { + "default": { + "value": "{core.color.tertiary.100}", + "type": "color" + } + }, + "accent": { + "default": { + "value": "{core.color.accent.100}", + "type": "color" + } + } + }, + "typo": { + "heading": { + "xlg": { + "value": { + "fontFamily": "{core.font.family.main}", + "fontWeight": "{core.font.weight.medium}", + "lineHeight": "{core.font.lineHeight.500}px", + "fontSize": "{core.font.size.500}px" + }, + "type": "typography" + }, + "xlg--semiBold": { + "value": { + "fontFamily": "{core.font.family.main}", + "fontWeight": "{core.font.weight.semiBold}", + "lineHeight": "{core.font.lineHeight.500}px", + "fontSize": "{core.font.size.500}px" + }, + "type": "typography" + }, + "lg": { + "value": { + "fontFamily": "{core.font.family.main}", + "fontWeight": "{core.font.weight.medium}", + "lineHeight": "{core.font.lineHeight.400}px", + "fontSize": "{core.font.size.400}px" + }, + "type": "typography" + }, + "lg--semiBold": { + "value": { + "fontFamily": "{core.font.family.main}", + "fontWeight": "{core.font.weight.semiBold}", + "lineHeight": "{core.font.lineHeight.400}px", + "fontSize": "{core.font.size.400}px" + }, + "type": "typography" + }, + "md": { + "value": { + "fontFamily": "{core.font.family.main}", + "fontWeight": "{core.font.weight.medium}", + "lineHeight": "{core.font.lineHeight.300}px", + "fontSize": "{core.font.size.300}px" + }, + "type": "typography" + }, + "md--semiBold": { + "value": { + "fontFamily": "{core.font.family.main}", + "fontWeight": "{core.font.weight.semiBold}", + "lineHeight": "{core.font.lineHeight.300}px", + "fontSize": "{core.font.size.300}px" + }, + "type": "typography" + }, + "sm": { + "value": { + "fontFamily": "{core.font.family.main}", + "fontWeight": "{core.font.weight.medium}", + "lineHeight": "{core.font.lineHeight.300}px", + "fontSize": "{core.font.size.200}px" + }, + "type": "typography" + }, + "sm--semiBold": { + "value": { + "fontFamily": "{core.font.family.main}", + "fontWeight": "{core.font.weight.semiBold}", + "lineHeight": "{core.font.lineHeight.300}px", + "fontSize": "{core.font.size.200}px" + }, + "type": "typography" + }, + "xsm": { + "value": { + "fontFamily": "{core.font.family.main}", + "fontWeight": "{core.font.weight.regular}", + "lineHeight": "{core.font.lineHeight.200}px", + "fontSize": "{core.font.size.75}px" + }, + "type": "typography" + }, + "xsm--semiBold": { + "value": { + "fontFamily": "{core.font.family.main}", + "fontWeight": "{core.font.weight.semiBold}", + "lineHeight": "{core.font.lineHeight.300}px", + "fontSize": "{core.font.size.100}px" + }, + "type": "typography" + } + }, + "body": { + "lg": { + "value": { + "fontFamily": "{core.font.family.main}", + "fontWeight": "{core.font.weight.regular}", + "lineHeight": "{core.font.lineHeight.300}px", + "fontSize": "{core.font.size.200}px" + }, + "type": "typography" + }, + "lg--medium": { + "value": { + "fontFamily": "{core.font.family.main}", + "fontWeight": "{core.font.weight.medium}", + "lineHeight": "{core.font.lineHeight.300}px", + "fontSize": "{core.font.size.200}px" + }, + "type": "typography" + }, + "lg--semiBold": { + "value": { + "fontFamily": "{core.font.family.main}", + "fontWeight": "{core.font.weight.semiBold}", + "lineHeight": "{core.font.lineHeight.300}px", + "fontSize": "{core.font.size.200}px" + }, + "type": "typography" + }, + "md": { + "value": { + "fontFamily": "{core.font.family.main}", + "fontWeight": "{core.font.weight.regular}", + "lineHeight": "{core.font.lineHeight.300}px", + "fontSize": "{core.font.size.100}px" + }, + "type": "typography" + }, + "md--medium": { + "value": { + "fontFamily": "{core.font.family.main}", + "fontWeight": "{core.font.weight.medium}", + "lineHeight": "{core.font.lineHeight.300}px", + "fontSize": "{core.font.size.100}px" + }, + "type": "typography" + }, + "md--semiBold": { + "value": { + "fontFamily": "{core.font.family.alt}", + "fontWeight": "{core.font.weight.semiBold}", + "lineHeight": "{core.font.lineHeight.300}px", + "fontSize": "{core.font.size.100}px" + }, + "type": "typography" + }, + "sm": { + "value": { + "fontFamily": "{core.font.family.main}", + "fontWeight": "{core.font.weight.regular}", + "lineHeight": "{core.font.lineHeight.200}px", + "fontSize": "{core.font.size.75}px" + }, + "type": "typography" + }, + "sm--medium": { + "value": { + "fontFamily": "{core.font.family.main}", + "fontWeight": "{core.font.weight.medium}", + "lineHeight": "{core.font.lineHeight.200}px", + "fontSize": "{core.font.size.75}px" + }, + "type": "typography" + }, + "sm--semiBold": { + "value": { + "fontFamily": "{core.font.family.main}", + "fontWeight": "{core.font.weight.semiBold}", + "lineHeight": "{core.font.lineHeight.200}px", + "fontSize": "{core.font.size.75}px" + }, + "type": "typography" + }, + "xsm": { + "value": { + "fontFamily": "{core.font.family.main}", + "fontWeight": "{core.font.weight.regular}", + "lineHeight": "{core.font.lineHeight.100}px", + "fontSize": "{core.font.size.50}px" + }, + "type": "typography" + }, + "xsm--semiBold": { + "value": { + "fontFamily": "{core.font.family.main}", + "fontWeight": "{core.font.weight.semiBold}", + "lineHeight": "{core.font.lineHeight.100}px", + "fontSize": "{core.font.size.50}px" + }, + "type": "typography" + }, + "lg--bold": { + "value": { + "fontFamily": "{core.font.family.alt}", + "fontWeight": "{core.font.weight.medium}", + "lineHeight": "{core.font.lineHeight.300}px", + "fontSize": "{core.font.size.200}px" + }, + "type": "typography" + }, + "md--bold": { + "value": { + "fontFamily": "{core.font.family.alt}", + "fontWeight": "{core.font.weight.medium}", + "lineHeight": "{core.font.lineHeight.300}px", + "fontSize": "{core.font.size.100}px" + }, + "type": "typography" + }, + "sm--bold": { + "value": { + "fontFamily": "{core.font.family.alt}", + "fontWeight": "{core.font.weight.medium}", + "lineHeight": "{core.font.lineHeight.200}px", + "fontSize": "{core.font.size.75}px" + }, + "type": "typography" + } + }, + "caption": { + "value": { + "fontFamily": "{core.font.family.main}", + "fontWeight": "{core.font.weight.medium}", + "fontSize": "{core.font.size.30}px", + "lineHeight": "{core.font.lineHeight.75}px" + }, + "type": "typography" + } + }, + "typoMobile": { + "heading": { + "xlg": { + "value": { + "fontFamily": "{core.font.family.main}", + "fontWeight": "{core.font.weight.semiBold}", + "lineHeight": "{core.font.lineHeight.500}px", + "fontSize": "{core.font.size.500}px" + }, + "type": "typography" + }, + "lg": { + "value": { + "fontFamily": "{core.font.family.main}", + "fontWeight": "{core.font.weight.semiBold}", + "lineHeight": "{core.font.lineHeight.400}px", + "fontSize": "{core.font.size.400}px" + }, + "type": "typography" + }, + "md": { + "value": { + "fontFamily": "{core.font.family.main}", + "fontWeight": "{core.font.weight.semiBold}", + "lineHeight": "{core.font.lineHeight.300}px", + "fontSize": "{core.font.size.300}px" + }, + "type": "typography" + }, + "sm": { + "value": { + "fontFamily": "{core.font.family.main}", + "fontWeight": "{core.font.weight.semiBold}", + "lineHeight": "{core.font.lineHeight.200}px", + "fontSize": "{core.font.size.200}px" + }, + "type": "typography" + }, + "xsm": { + "value": { + "fontFamily": "{core.font.family.main}", + "fontWeight": "{core.font.weight.semiBold}", + "lineHeight": "{core.font.lineHeight.100}px", + "fontSize": "{core.font.size.100}px" + }, + "type": "typography" + } + }, + "body": { + "lg": { + "value": { + "fontFamily": "{core.font.family.main}", + "fontWeight": "{core.font.weight.regular}", + "lineHeight": "{core.font.lineHeight.300}px", + "fontSize": "{core.font.size.100}px" + }, + "type": "typography" + }, + "lg--bold": { + "value": { + "fontFamily": "{core.font.family.alt}", + "fontWeight": "{core.font.weight.medium}", + "lineHeight": "{core.font.lineHeight.300}px", + "fontSize": "{core.font.size.100}px" + }, + "type": "typography" + }, + "md": { + "value": { + "fontFamily": "{core.font.family.alt}", + "fontWeight": "{core.font.weight.regular}", + "lineHeight": "{core.font.lineHeight.200}px", + "fontSize": "{core.font.size.75}px" + }, + "type": "typography" + }, + "md--bold": { + "value": { + "fontFamily": "{core.font.family.alt}", + "fontWeight": "{core.font.weight.medium}", + "lineHeight": "{core.font.lineHeight.200}px", + "fontSize": "{core.font.size.75}px" + }, + "type": "typography" + }, + "sm": { + "value": { + "fontFamily": "{core.font.family.alt}", + "fontWeight": "{core.font.weight.regular}", + "lineHeight": "{core.font.lineHeight.100}px", + "fontSize": "{core.font.size.50}px" + }, + "type": "typography" + }, + "sm--bold": { + "value": { + "fontFamily": "{core.font.family.alt}", + "fontWeight": "{core.font.weight.medium}", + "lineHeight": "{core.font.lineHeight.100}px", + "fontSize": "{core.font.size.50}px" + }, + "type": "typography" + } + }, + "caption": { + "value": { + "fontFamily": "{core.font.family.alt}", + "fontWeight": "{core.font.weight.regular}", + "lineHeight": "{core.font.lineHeight.100}px", + "fontSize": "{core.font.size.50}px" + }, + "type": "typography" + } + } + }, + "background": { + "color": { + "surface": { + "default": { + "value": "{core.color.white}", + "type": "color" + }, + "emphasis": { + "value": "{core.color.neutral.200}", + "type": "color" + }, + "muted": { + "value": "{core.color.neutral.100}", + "type": "color" + }, + "subtle": { + "value": "{core.color.neutral.50}", + "type": "color" + }, + "default--reverse": { + "value": "{core.color.neutral.700}", + "type": "color" + } + }, + "primary": { + "subtle": { + "value": "{core.color.primary.100}", + "type": "color" + }, + "muted": { + "value": "{core.color.primary.200}", + "type": "color" + }, + "default": { + "value": "{core.color.primary.300}", + "type": "color" + }, + "emphasis": { + "value": "{core.color.primary.400}", + "type": "color" + }, + "strong": { + "value": "{core.color.primary.500}", + "type": "color" + } + }, + "secondary": { + "default": { + "value": "{core.color.secondary.100}", + "type": "color" + }, + "emphasis": { + "value": "{core.color.neutral.800}", + "type": "color" + }, + "muted": { + "value": "{core.color.neutral.500}", + "type": "color" + }, + "subtle": { + "value": "{core.color.neutral.50}", + "type": "color" + } + }, + "accent": { + "default": { + "value": "{core.color.accent.100}", + "type": "color" + }, + "emphasis": { + "value": "{core.color.accent.900}", + "type": "color" + }, + "subtle": { + "value": "{core.color.accent.300}", + "type": "color" + } + }, + "negative": { + "default": { + "value": "{core.color.danger.500}", + "type": "color" + }, + "emphasis": { + "value": "{core.color.danger.600}", + "type": "color" + }, + "muted": { + "value": "{core.color.danger.200}", + "type": "color" + }, + "subtle": { + "value": "{core.color.danger.100}", + "type": "color" + } + }, + "positive": { + "default": { + "value": "{core.color.success.500}", + "type": "color" + }, + "emphasis": { + "value": "{core.color.success.700}", + "type": "color" + }, + "muted": { + "value": "{core.color.success.200}", + "type": "color" + }, + "subtle": { + "value": "{core.color.success.100}", + "type": "color" + } + }, + "transparent": { + "value": "transparent", + "type": "color" + }, + "disabled": { + "value": "{core.color.neutral.100}", + "type": "color" + }, + "overlay": { + "default": { + "value": "rgb({core.color.neutral.100},0.5)", + "type": "color" + } + }, + "attention": { + "default": { + "value": "{core.color.attention.500}", + "type": "color" + }, + "emphasis": { + "value": "{core.color.attention.700}", + "type": "color" + }, + "muted": { + "value": "{core.color.attention.200}", + "type": "color" + }, + "subtle": { + "value": "{core.color.attention.100}", + "type": "color" + } + }, + "info": { + "default": { + "value": "{core.color.info.500}", + "type": "color" + }, + "emphasis": { + "value": "{core.color.info.700}", + "type": "color" + }, + "muted": { + "value": "{core.color.info.200}", + "type": "color" + }, + "subtle": { + "value": "{core.color.info.100}", + "type": "color" + } + }, + "tertiary": { + "default": { + "value": "{core.color.tertiary.100}", + "type": "color" + } + } + } + }, + "border": { + "width": { + "sm": { + "value": "{core.dimension.static.10}px", + "type": "borderWidth" + }, + "md": { + "value": "{core.dimension.static.25}px", + "type": "borderWidth" + }, + "lg": { + "value": "{core.dimension.static.50}px", + "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": "{core.dimension.percentage.50}", + "type": "borderRadius" + } + }, + "color": { + "line": { + "default": { + "value": "{core.color.neutral.500}", + "type": "color" + }, + "emphasis": { + "value": "{core.color.neutral.700}", + "type": "color" + }, + "muted": { + "value": "{core.color.neutral.300}", + "type": "color" + }, + "subtle": { + "value": "{core.color.neutral.200}", + "type": "color" + }, + "default--reverse": { + "value": "{core.color.white}", + "type": "color" + } + }, + "primary": { + "subtle": { + "value": "{core.color.primary.100}", + "type": "color" + }, + "muted": { + "value": "{core.color.primary.200}", + "type": "color" + }, + "default": { + "value": "{core.color.primary.300}", + "type": "color" + }, + "emphasis": { + "value": "{core.color.primary.400}", + "type": "color" + }, + "strong": { + "value": "{core.color.primary.500}", + "type": "color" + } + }, + "secondary": { + "default": { + "value": "{core.color.secondary.100}", + "type": "color" + }, + "emphasis": { + "value": "{core.color.neutral.800}", + "type": "color" + }, + "muted": { + "value": "{core.color.neutral.500}", + "type": "color" + }, + "subtle": { + "value": "{core.color.neutral.50}", + "type": "color" + } + }, + "negative": { + "default": { + "value": "{core.color.danger.500}", + "type": "color" + }, + "emphasis": { + "value": "{core.color.danger.600}", + "type": "color" + }, + "muted": { + "value": "{core.color.danger.200}", + "type": "color" + }, + "subtle": { + "value": "{core.color.danger.100}", + "type": "color" + } + }, + "positive": { + "default": { + "value": "{core.color.success.500}", + "type": "color" + }, + "emphasis": { + "value": "{core.color.success.700}", + "type": "color" + }, + "muted": { + "value": "{core.color.success.200}", + "type": "color" + }, + "subtle": { + "value": "{core.color.success.100}", + "type": "color" + } + }, + "transparent": { + "value": "transparent", + "type": "color" + }, + "disabled": { + "default": { + "value": "{core.color.neutral.300}", + "type": "color" + }, + "muted": { + "value": "{core.color.neutral.75}", + "type": "color" + } + }, + "overlay": { + "default": { + "value": "rgb({core.color.neutral.100},0.5)", + "type": "color" + } + }, + "attention": { + "default": { + "value": "{core.color.attention.500}", + "type": "color" + }, + "emphasis": { + "value": "{core.color.attention.700}", + "type": "color" + }, + "muted": { + "value": "{core.color.attention.200}", + "type": "color" + }, + "subtle": { + "value": "{core.color.attention.100}", + "type": "color" + } + }, + "leemons": { + "default": { + "value": "{core.color.leemons.500}", + "type": "color" + } + }, + "info": { + "default": { + "value": "{core.color.info.500}", + "type": "color" + }, + "emphasis": { + "value": "{core.color.info.700}", + "type": "color" + }, + "muted": { + "value": "{core.color.info.200}", + "type": "color" + }, + "subtle": { + "value": "{core.color.info.100}", + "type": "color" + } + }, + "tertiary": { + "default": { + "value": "{core.color.tertiary.100}", + "type": "color" + } + } + } + }, + "spacing": { + "padding": { + "3xsm": { + "value": "{core.dimension.static.25}px", + "type": "spacing" + }, + "2xsm": { + "value": "{core.dimension.static.50}px", + "type": "spacing" + }, + "1xsm": { + "value": "{core.dimension.static.75}px", + "type": "spacing" + }, + "xsm": { + "value": "{core.dimension.static.100}px", + "type": "spacing" + }, + "sm": { + "value": "{core.dimension.static.150}px", + "type": "spacing" + }, + "md": { + "value": "{core.dimension.static.200}px", + "type": "spacing" + }, + "lg": { + "value": "{core.dimension.static.300}px", + "type": "spacing" + }, + "xlslg": { + "value": "{core.dimension.static.350}px", + "type": "spacing" + }, + "xlg": { + "value": "{core.dimension.static.400}px", + "type": "spacing" + }, + "2xlg": { + "value": "{core.dimension.static.500}px", + "type": "spacing" + }, + "3xlg": { + "value": "{core.dimension.static.600}px", + "type": "spacing" + } + }, + "gap": { + "none": { + "value": "{core.dimension.static.0}px", + "type": "spacing" + }, + "1xsm": { + "value": "{core.dimension.static.25}px", + "type": "spacing" + }, + "sm": { + "value": "{core.dimension.static.50}px", + "type": "spacing" + }, + "xsm": { + "value": "{core.dimension.static.75}px", + "type": "spacing" + }, + "md": { + "value": "{core.dimension.static.100}px", + "type": "spacing" + }, + "slg": { + "value": "{core.dimension.static.150}px", + "type": "spacing" + }, + "lg": { + "value": "{core.dimension.static.200}px", + "type": "spacing" + }, + "xlg": { + "value": "{core.dimension.static.300}px", + "type": "spacing" + }, + "xxlg": { + "value": "{core.dimension.static.400}px", + "type": "spacing" + } + } + }, + "icon": { + "size": { + "xsm": { + "value": "{core.dimension.100}px", + "type": "sizing" + }, + "sm": { + "value": "{core.dimension.150}px", + "type": "sizing" + }, + "md": { + "value": "{core.dimension.200}px", + "type": "sizing" + }, + "lg": { + "value": "{core.dimension.250}px", + "type": "sizing" + }, + "xlg": { + "value": "{core.dimension.300}px", + "type": "sizing" + }, + "2xlg": { + "value": "{core.dimension.400}px", + "type": "sizing" + } + } + }, + "control": { + "size": { + "50": { + "value": "{core.dimension.static.100} px", + "type": "sizing" + }, + "100": { + "value": "{core.dimension.static.200}px", + "type": "sizing" + }, + "200": { + "value": "{core.dimension.static.250}px", + "type": "sizing" + }, + "300": { + "value": "{core.dimension.static.300}px", + "type": "sizing" + }, + "400": { + "value": "{core.dimension.static.350}px", + "type": "sizing" + }, + "500": { + "value": "{core.dimension.static.400}px", + "type": "sizing" + }, + "600": { + "value": "{core.dimension.static.450}px", + "type": "sizing" + }, + "700": { + "value": "{core.dimension.static.500}px", + "type": "sizing" + }, + "800": { + "value": "{core.dimension.static.550}px", + "type": "sizing" + }, + "900": { + "value": "{core.dimension.static.600}px", + "type": "sizing" + }, + "1000": { + "value": "{core.dimension.static.700}px", + "type": "sizing" + } + } + }, + "hover": { + "default": { + "value": { + "x": "0", + "y": "0", + "blur": "4", + "spread": "0", + "color": "rgba({core.color.primary.400}, 0.80)", + "type": "dropShadow" + }, + "type": "boxShadow" + } + }, + "shadow": { + "100": { + "value": [ + { + "color": "rgba({core.color.neutral.200}, 0.08)", + "type": "dropShadow", + "x": "0", + "y": "2", + "blur": "0", + "spread": "0" + }, + { + "color": "rgba({core.color.black}, 0.08)", + "type": "dropShadow", + "x": "0", + "y": "10", + "blur": "36", + "spread": "0" + } + ], + "type": "boxShadow" + }, + "200": { + "value": [ + { + "color": "rgba({core.color.neutral.200}, 0.16)", + "type": "dropShadow", + "x": "0", + "y": "2", + "blur": "0", + "spread": "0" + }, + { + "color": "rgba({core.color.black}, 0.12)", + "type": "dropShadow", + "x": "0", + "y": "10", + "blur": "36", + "spread": "0" + } + ], + "type": "boxShadow" + }, + "300": { + "value": [ + { + "color": "rgba({core.color.neutral.200}, 0.24)", + "type": "dropShadow", + "x": "0", + "y": "2", + "blur": "0", + "spread": "0" + }, + { + "color": "rgba({core.color.black}, 0.16)", + "type": "dropShadow", + "x": "0", + "y": "10", + "blur": "36", + "spread": "0" + } + ], + "type": "boxShadow" + }, + "400": { + "value": [ + { + "color": "rgba({core.color.neutral.200}, 0.08)", + "type": "dropShadow", + "x": "-100", + "y": "0", + "blur": "60", + "spread": "0" + }, + { + "color": "rgba({core.color.black}, 0.05)", + "type": "dropShadow", + "x": "-32", + "y": "0", + "blur": "32", + "spread": "0" + } + ], + "type": "boxShadow" + } + } + } + }, + "component": { + "button": { + "content": { + "color": { + "primary": { + "default": { + "value": "{global.content.color.secondary.default}", + "type": "color" + }, + "hover": { + "value": "{global.content.color.primary.emphasis}", + "type": "color" + }, + "down": { + "value": "{global.content.color.primary.default}", + "type": "color" + }, + "default--reverse": { + "value": "{global.content.color.text.default--reverse}", + "type": "color" + } + }, + "secondary": { + "default": { + "value": "{global.content.color.secondary.default}", + "type": "color" + }, + "hover": { + "value": "{global.content.color.secondary.emphasis}", + "type": "color" + }, + "down": { + "value": "{global.content.color.secondary.default}", + "type": "color" + }, + "default--reverse": { + "value": "{global.content.color.text.default--reverse}", + "type": "color" + } + }, + "ghost": { + "default": { + "value": "{global.content.color.secondary.default}", + "type": "color" + } + }, + "terciary": { + "default": { + "value": "{global.content.color.primary.subtle}", + "type": "color" + }, + "hover": { + "value": "{global.content.color.primary.muted}", + "type": "color" + }, + "down": { + "value": "{global.content.color.primary.muted}", + "type": "color" + }, + "default--reverse": { + "value": "{global.content.color.primary.emphasis}", + "type": "color" + } + }, + "phatic": { + "default": { + "value": "{global.content.color.negative.default}", + "type": "color" + }, + "hover": { + "value": "{global.content.color.text.default--reverse}", + "type": "color" + }, + "down": { + "value": "{global.content.color.negative.default}", + "type": "color" + } + } + }, + "default": { + "value": "{global.content.typo.body.sm}", + "type": "typography" + }, + "hover": { + "value": "{global.content.typo.body.sm--medium}", + "type": "typography" + }, + "typo": { + "value": { + "fontFamily": "{core.font.family.main}", + "fontWeight": "{core.font.weight.regular}", + "lineHeight": "{core.font.lineHeight.200}px", + "fontSize": "{core.font.size.75}px" + }, + "type": "typography" + } + }, + "background": { + "color": { + "primary": { + "default": { + "value": "{global.background.color.primary.default}", + "type": "color" + }, + "hover": { + "value": "{global.background.color.primary.default}", + "type": "color" + }, + "selected": { + "value": "{global.background.color.primary.muted}", + "type": "color" + }, + "pressed": { + "value": "{global.background.color.primary.emphasis}", + "type": "color" + }, + "down": { + "value": "{global.background.color.primary.default}", + "type": "color" + } + }, + "secondary": { + "default": { + "value": "{global.background.color.surface.default}", + "type": "color" + }, + "hover": { + "value": "{global.background.color.surface.default}", + "type": "color" + }, + "pressed": { + "value": "{global.background.color.surface.default}", + "type": "color" + }, + "down": { + "value": "{global.background.color.secondary.default}", + "type": "color" + } + }, + "ghost": { + "default": { + "value": "{global.background.color.transparent}", + "type": "color" + }, + "hover": { + "value": "{global.background.color.primary.subtle}", + "type": "color" + }, + "pressed": { + "value": "{global.background.color.primary.emphasis}", + "type": "color" + } + }, + "terciary": { + "default": { + "value": "{global.background.color.surface.subtle}", + "type": "color" + }, + "hover": { + "value": "{global.background.color.surface.muted}", + "type": "color" + }, + "down": { + "value": "{global.background.color.surface.subtle}", + "type": "color" + } + }, + "phatic": { + "default": { + "value": "{global.background.color.negative.subtle}", + "type": "color" + }, + "hover": { + "value": "{global.background.color.negative.default}", + "type": "color" + }, + "down": { + "value": "{global.background.color.negative.subtle}", + "type": "color" + } + } + } + }, + "border": { + "color": { + "secondary": { + "default": { + "value": "{global.border.color.secondary.default}", + "type": "color" + }, + "hover": { + "value": "{global.border.color.secondary.default}", + "type": "color" + }, + "pressed": { + "value": "{global.border.color.primary.strong}", + "type": "color" + }, + "down": { + "value": "{global.border.color.secondary.emphasis}", + "type": "color" + } + }, + "primary": { + "default": { + "value": "{global.border.color.primary.default}", + "type": "color" + }, + "hover": { + "value": "{global.border.color.primary.emphasis}", + "type": "color" + }, + "down": { + "value": "{global.border.color.primary.emphasis}", + "type": "color" + } + }, + "terciary": { + "default": { + "value": "{global.border.color.line.subtle}", + "type": "color" + }, + "hover": { + "value": "{global.border.color.line.muted}", + "type": "color" + }, + "down": { + "value": "{global.border.color.line.muted}", + "type": "color" + } + }, + "phatic": { + "default": { + "value": "{global.border.color.negative.subtle}", + "type": "color" + }, + "hover": { + "value": "{global.border.color.negative.default}", + "type": "color" + }, + "down": { + "value": "{global.border.color.negative.default}", + "type": "color" + }, + "default--reverse": { + "value": "{global.border.color.negative.default}", + "type": "color" + } + } + }, + "width": { + "value": "{global.border.width.sm}", + "type": "borderWidth" + }, + "radius": { + "md": { + "value": "{global.border.radius.md}", + "type": "borderRadius" + }, + "rounded": { + "value": "{global.border.radius.rounded}", + "type": "borderRadius" + } + } + }, + "spacing": { + "padding": { + "vertical": { + "md": { + "value": "{global.spacing.padding.xsm}", + "type": "spacing" + }, + "sm": { + "value": "{global.spacing.padding.2xsm}", + "type": "spacing" + } + }, + "horizontal": { + "sm": { + "value": "{global.spacing.padding.md}", + "type": "spacing" + }, + "xs": { + "value": "{global.spacing.padding.xsm}", + "type": "spacing" + }, + "md": { + "value": "{global.spacing.padding.lg}", + "type": "spacing" + } + } + }, + "gap": { + "value": "{global.spacing.gap.md}", + "type": "spacing" + } + }, + "shadow": { + "hover": { + "value": { + "x": "0", + "y": "0", + "blur": "4", + "spread": "0", + "color": "rgba({button.background.color.primary.hover}, 0.80)", + "type": "dropShadow" + }, + "type": "boxShadow" + }, + "pressed": { + "value": { + "x": "0", + "y": "0", + "blur": "4", + "spread": "0", + "color": "{button.border.color.secondary.pressed}", + "type": "innerShadow" + }, + "type": "boxShadow" + } + }, + "textDecoration": { + "underLine": { + "value": "{underline}", + "type": "textDecoration" + } + } + }, + "buttonText": { + "content": { + "color": { + "primary": { + "default": { + "value": "{global.content.color.primary.default}", + "type": "color" + }, + "hover": { + "value": "{global.content.color.primary.emphasis}", + "type": "color" + }, + "down": { + "value": "{global.content.color.primary.default}", + "type": "color" + } + }, + "secondary": { + "default": { + "value": "{global.content.color.secondary.default}", + "type": "color" + }, + "hover": { + "value": "{global.content.color.secondary.emphasis}", + "type": "color" + }, + "down": { + "value": "{global.content.color.secondary.default}", + "type": "color" + } + }, + "terciary": { + "default": { + "value": "{global.content.color.primary.subtle}", + "type": "color" + }, + "hover": { + "value": "{global.content.color.primary.emphasis}", + "type": "color" + }, + "down": { + "value": "{global.content.color.primary.subtle}", + "type": "color" + } + }, + "phatic": { + "default": { + "value": "{global.content.color.negative.default}", + "type": "color" + }, + "hover": { + "value": "{global.content.color.negative.emphasis}", + "type": "color" + }, + "down": { + "value": "{global.content.color.negative.default}", + "type": "color" + } + } + }, + "default": { + "value": { + "fontFamily": "{core.font.family.main}", + "fontWeight": "{core.font.weight.regular}", + "lineHeight": "{core.font.lineHeight.300}px", + "fontSize": "{core.font.size.75}px", + "textDecoration": "{underline}" + }, + "type": "typography" + }, + "hover": { + "value": { + "fontFamily": "{core.font.family.main}", + "fontWeight": "{core.font.weight.medium}", + "lineHeight": "{core.font.lineHeight.300}px", + "fontSize": "{core.font.size.75}px", + "textDecoration": "{underline}" + }, + "type": "typography" + }, + "typo": { + "value": { + "fontFamily": "{core.font.family.main}", + "fontWeight": "{core.font.weight.regular}", + "lineHeight": "{core.font.lineHeight.200}px", + "fontSize": "{core.font.size.75}px" + }, + "type": "typography" + } + }, + "background": { + "color": { + "primary": { + "default": { + "value": "{global.background.color.transparent}", + "type": "color" + }, + "hover": { + "value": "{global.background.color.primary.subtle}", + "type": "color" + }, + "down": { + "value": "{global.background.color.transparent}", + "type": "color" + } + }, + "secondary": { + "default": { + "value": "{global.background.color.transparent}", + "type": "color" + }, + "hover": { + "value": "{global.background.color.secondary.subtle}", + "type": "color" + }, + "down": { + "value": "{global.background.color.transparent}", + "type": "color" + } + }, + "terciary": { + "default": { + "value": "{global.background.color.transparent}", + "type": "color" + }, + "hover": { + "value": "{global.background.color.primary.subtle}", + "type": "color" + }, + "down": { + "value": "{global.background.color.transparent}", + "type": "color" + } + }, + "phatic": { + "default": { + "value": "{global.background.color.transparent}", + "type": "color" + }, + "hover": { + "value": "{global.background.color.negative.muted}", + "type": "color" + }, + "down": { + "value": "{global.background.color.transparent}", + "type": "color" + } + } + } + }, + "border": { + "color": { + "primary": { + "default": { + "value": "{global.border.color.transparent}", + "type": "color" + }, + "hover": { + "value": "{global.border.color.primary.subtle}", + "type": "color" + }, + "down": { + "value": "{global.border.color.primary.subtle}", + "type": "color" + } + }, + "secondary": { + "default": { + "value": "{global.border.color.transparent}", + "type": "color" + }, + "hover": { + "value": "{global.border.color.secondary.subtle}", + "type": "color" + }, + "down": { + "value": "{global.border.color.secondary.subtle}", + "type": "color" + } + }, + "terciary": { + "default": { + "value": "{global.border.color.transparent}", + "type": "color" + }, + "hover": { + "value": "{global.border.color.primary.subtle}", + "type": "color" + }, + "down": { + "value": "{global.border.color.primary.subtle}", + "type": "color" + } + }, + "phatic": { + "default": { + "value": "{global.border.color.transparent}", + "type": "color" + }, + "hover": { + "value": "{global.border.color.negative.muted}", + "type": "color" + }, + "down": { + "value": "{global.border.color.negative.subtle}", + "type": "color" + } + } + }, + "radius": { + "md": { + "value": "{global.border.radius.md}", + "type": "borderRadius" + } + }, + "width": { + "value": "{global.border.width.md}", + "type": "borderWidth" + } + }, + "spacing": { + "padding": { + "vertical": { + "md": { + "value": "{global.spacing.padding.xsm}", + "type": "spacing" + }, + "sm": { + "value": "{global.spacing.padding.2xsm}", + "type": "spacing" + } + }, + "horizontal": { + "md": { + "value": "{global.spacing.padding.lg}", + "type": "spacing" + }, + "sm": { + "value": "{global.spacing.padding.md}", + "type": "spacing" + }, + "xs": { + "value": "{global.spacing.padding.xsm}", + "type": "spacing" + } + } + }, + "gap": { + "value": "{global.spacing.gap.md}", + "type": "spacing" + } + } + }, + "buttonIcon": { + "content": { + "color": { + "primary": { + "default": { + "value": "{global.content.color.secondary.default}", + "type": "color" + }, + "hover": { + "value": "{global.content.color.primary.emphasis}", + "type": "color" + }, + "down": { + "value": "{global.content.color.primary.default}", + "type": "color" + }, + "default--reverse": { + "value": "{global.content.color.text.default--reverse}", + "type": "color" + } + }, + "ghost": { + "default": { + "value": "{global.content.color.secondary.default}", + "type": "color" + } + }, + "secondary": { + "default": { + "value": "{global.content.color.secondary.default}", + "type": "color" + }, + "hover": { + "value": "{global.content.color.secondary.emphasis}", + "type": "color" + }, + "down": { + "value": "{global.content.color.secondary.default}", + "type": "color" + }, + "default--reverse": { + "value": "{global.content.color.text.default--reverse}", + "type": "color" + } + }, + "terciary": { + "default": { + "value": "{global.content.color.primary.subtle}", + "type": "color" + }, + "hover": { + "value": "{global.content.color.primary.emphasis}", + "type": "color" + }, + "down": { + "value": "{global.content.color.primary.subtle}", + "type": "color" + }, + "default--reverse": { + "value": "{global.content.color.text.muted}", + "type": "color" + } + }, + "phatic": { + "default": { + "value": "{global.content.color.negative.default}", + "type": "color" + }, + "hover": { + "value": "{global.content.color.text.default--reverse}", + "type": "color" + }, + "down": { + "value": "{global.content.color.negative.default}", + "type": "color" + }, + "hover--reverse": { + "value": "{global.content.color.negative.emphasis}", + "type": "color" + } + } + } + }, + "background": { + "color": { + "primary": { + "default": { + "value": "{global.background.color.primary.default}", + "type": "color" + }, + "hover": { + "value": "{global.background.color.primary.default}", + "type": "color" + }, + "pressed": { + "value": "{global.background.color.primary.emphasis}", + "type": "color" + }, + "selected": { + "value": "{global.background.color.primary.muted}", + "type": "color" + }, + "focus": { + "value": "{global.background.color.primary.default}", + "type": "color" + }, + "down": { + "value": "{global.background.color.primary.default}", + "type": "color" + }, + "default--reverse": { + "value": "{global.background.color.transparent}", + "type": "color" + }, + "hover--reverse": { + "value": "{global.background.color.primary.subtle}", + "type": "color" + }, + "down--reverse": { + "value": "{global.background.color.transparent}", + "type": "color" + } + }, + "ghost": { + "default": { + "value": "{global.background.color.transparent}", + "type": "color" + }, + "hover": { + "value": "{global.background.color.primary.subtle}", + "type": "color" + }, + "pressed": { + "value": "{global.background.color.primary.emphasis}", + "type": "color" + }, + "selected": { + "value": "{global.background.color.primary.muted}", + "type": "color" + }, + "focus": { + "value": "{global.background.color.primary.subtle}", + "type": "color" + } + }, + "secondary": { + "default": { + "value": "{global.background.color.secondary.default}", + "type": "color" + }, + "hover": { + "value": "{global.background.color.secondary.emphasis}", + "type": "color" + }, + "down": { + "value": "{global.background.color.secondary.default}", + "type": "color" + }, + "default--reverse": { + "value": "{global.background.color.transparent}", + "type": "color" + }, + "hover--reverse": { + "value": "{global.background.color.secondary.subtle}", + "type": "color" + }, + "down--reverse": { + "value": "{global.background.color.transparent}", + "type": "color" + } + }, + "terciary": { + "default": { + "value": "{global.background.color.surface.subtle}", + "type": "color" + }, + "hover": { + "value": "{global.background.color.surface.muted}", + "type": "color" + }, + "down": { + "value": "{global.background.color.surface.subtle}", + "type": "color" + }, + "default-reverse": { + "value": "{global.background.color.transparent}", + "type": "color" + }, + "hover-reverse": { + "value": "{global.background.color.primary.subtle}", + "type": "color" + }, + "down-reverse": { + "value": "{global.background.color.transparent}", + "type": "color" + } + }, + "phatic": { + "default": { + "value": "{global.background.color.negative.subtle}", + "type": "color" + }, + "hover": { + "value": "{global.background.color.negative.default}", + "type": "color" + }, + "down": { + "value": "{global.background.color.negative.subtle}", + "type": "color" + }, + "default--reverse": { + "value": "{global.background.color.transparent}", + "type": "color" + }, + "hover--reverse": { + "value": "{global.background.color.negative.muted}", + "type": "color" + }, + "down--reverse": { + "value": "{global.background.color.transparent}", + "type": "color" + } + } + } + }, + "border": { + "radius": { + "md": { + "value": "{global.border.radius.md}", + "type": "borderRadius" + }, + "rounded": { + "value": "{global.border.radius.rounded}", + "type": "borderRadius" + } + }, + "width": { + "value": "{global.border.width.md}", + "type": "borderWidth" + }, + "color": { + "primary": { + "default": { + "value": "{global.border.color.primary.default}", + "type": "color" + }, + "hover": { + "value": "{global.border.color.primary.emphasis}", + "type": "color" + }, + "down": { + "value": "{global.border.color.primary.emphasis}", + "type": "color" + }, + "default--reverse": { + "value": "{global.border.color.transparent}", + "type": "color" + }, + "hover--reverse": { + "value": "{global.border.color.primary.subtle}", + "type": "color" + }, + "down--reverse": { + "value": "{global.border.color.primary.subtle}", + "type": "color" + } + }, + "secondary": { + "default": { + "value": "{global.border.color.secondary.default}", + "type": "color" + }, + "hover": { + "value": "{global.border.color.secondary.emphasis}", + "type": "color" + }, + "down": { + "value": "{global.border.color.secondary.emphasis}", + "type": "color" + }, + "default-reverse": { + "value": "{global.border.color.transparent}", + "type": "color" + }, + "hover-reverse": { + "value": "{global.border.color.secondary.subtle}", + "type": "color" + }, + "down-reverse": { + "value": "{global.border.color.secondary.subtle}", + "type": "color" + } + }, + "terciary": { + "default": { + "value": "{global.border.color.line.subtle}", + "type": "color" + }, + "hover": { + "value": "{global.border.color.line.muted}", + "type": "color" + }, + "down": { + "value": "{global.border.color.line.muted}", + "type": "color" + }, + "default-reverse": { + "value": "{global.border.color.transparent}", + "type": "color" + }, + "hover--reverse": { + "value": "{global.border.color.primary.subtle}", + "type": "color" + }, + "down--reverse": { + "value": "{global.border.color.primary.subtle}", + "type": "color" + } + }, + "phatic": { + "default": { + "value": "{global.border.color.negative.subtle}", + "type": "color" + }, + "hover": { + "value": "{global.border.color.negative.default}", + "type": "color" + }, + "down": { + "value": "{global.border.color.negative.default}", + "type": "color" + }, + "default--reverse": { + "value": "{global.border.color.transparent}", + "type": "color" + }, + "hover--reverse": { + "value": "{global.border.color.negative.muted}", + "type": "color" + }, + "down--reverse": { + "value": "{global.border.color.negative.subtle}", + "type": "color" + } + } + } + }, + "spacing": { + "padding": { + "sm": { + "value": "{global.spacing.padding.2xsm}", + "type": "spacing" + }, + "md": { + "value": "{global.spacing.padding.1xsm}", + "type": "spacing" + } + } + }, + "shadow": { + "hover": { + "value": { + "x": "0", + "y": "0", + "blur": "4", + "spread": "0", + "color": "rgba({buttonIcon.background.color.primary.hover}, 0.80)", + "type": "dropShadow" + }, + "type": "boxShadow" + } + } + }, + "buttonAction": { + "content": { + "color": { + "primary": { + "default": { + "value": "{global.content.color.tertiary.default}", + "type": "color" + }, + "hover": { + "value": "{global.content.color.secondary.default}", + "type": "color" + }, + "down": { + "value": "{global.content.color.primary.default}", + "type": "color" + }, + "default--reverse": { + "value": "{global.content.color.text.subtle}", + "type": "color" + }, + "hover--reverse": { + "value": "{global.content.color.text.default--reverse}", + "type": "color" + }, + "down--reverse": { + "value": "{global.content.color.text.default--reverse}", + "type": "color" + } + }, + "phatic": { + "default": { + "value": "{global.content.color.secondary.default}", + "type": "color" + }, + "hover": { + "value": "{global.content.color.negative.default}", + "type": "color" + }, + "down": { + "value": "{global.content.color.negative.default}", + "type": "color" + } + } + }, + "typo": { + "value": { + "fontFamily": "{core.font.family.main}", + "fontWeight": "{core.font.weight.medium}", + "lineHeight": "{core.font.lineHeight.100}px", + "fontSize": "{core.font.size.50}px" + }, + "type": "typography" + } + }, + "background": { + "color": { + "primary": { + "default": { + "value": "{global.background.color.transparent}", + "type": "color" + }, + "hover": { + "value": "{global.background.color.primary.subtle}", + "type": "color" + }, + "pressed": { + "value": "{global.background.color.primary.emphasis}", + "type": "color" + }, + "hover--reverse": { + "value": "{global.background.color.secondary.default}", + "type": "color" + }, + "down--reverse": { + "value": "{global.background.color.secondary.muted}", + "type": "color" + }, + "hover--reverse-transparent": { + "value": "{global.background.color.surface.default}", + "type": "color", + "$extensions": { + "studio.tokens": { + "modify": { + "type": "alpha", + "value": "0.15", + "space": "lch" + } + } + } + }, + "down": { + "value": "{global.background.color.primary.subtle}", + "type": "color" + } + }, + "phatic": { + "default": { + "value": "{global.background.color.transparent}", + "type": "color" + }, + "hover": { + "value": "{global.content.color.negative.subtle}", + "type": "color" + }, + "down": { + "value": "{global.content.color.negative.subtle}", + "type": "color" + } + } + } + }, + "border": { + "color": { + "primary": { + "default": { + "value": "{global.border.color.transparent}", + "type": "color" + }, + "hover": { + "value": "{global.border.color.primary.subtle}", + "type": "color" + }, + "down": { + "value": "{global.border.color.primary.default}", + "type": "color" + }, + "hover--reverse": { + "value": "{global.border.color.secondary.default}", + "type": "color" + }, + "down--reverse": { + "value": "{global.border.color.secondary.muted}", + "type": "color" + } + }, + "phatic": { + "default": { + "value": "{global.border.color.transparent}", + "type": "color" + }, + "hover": { + "value": "{global.border.color.negative.subtle}", + "type": "color" + }, + "down": { + "value": "{global.border.color.line.muted}", + "type": "color" + } + } + }, + "width": { + "value": "{global.border.width.sm}", + "type": "borderWidth" + }, + "radius": { + "md": { + "value": "{global.border.radius.md}", + "type": "borderRadius" + }, + "rounded": { + "value": "{global.border.radius.rounded}", + "type": "borderRadius" + } + } + }, + "spacing": { + "padding": { + "sm": { + "value": "{global.spacing.padding.3xsm}", + "type": "spacing" + }, + "md": { + "value": "{global.spacing.padding.2xsm}", + "type": "spacing" + } + }, + "gap": { + "value": "{global.spacing.gap.sm}", + "type": "spacing" + } + } + }, + "input": { + "content": { + "color": { + "default": { + "value": "{global.content.color.text.emphasis}", + "type": "color" + }, + "selected": { + "value": "{global.content.color.primary.default}", + "type": "color" + }, + "placeholder": { + "value": "{global.content.color.text.muted}", + "type": "color" + }, + "icon": { + "value": "{global.content.color.icon.emphasis}", + "type": "color" + } + }, + "typo": { + "value": "{global.content.typo.body.sm}", + "type": "typography" + } + }, + "background": { + "color": { + "default": { + "value": "{global.background.color.surface.default}", + "type": "color" + }, + "hover": { + "value": "{global.background.color.surface.subtle}", + "type": "color" + } + } + }, + "border": { + "color": { + "default": { + "value": "{global.border.color.line.muted}", + "type": "color" + }, + "subtle": { + "value": "{global.border.color.line.subtle}", + "type": "color" + }, + "negative": { + "value": "{global.border.color.negative.default}", + "type": "color" + } + }, + "radius": { + "sm": { + "value": "{global.border.radius.sm}", + "type": "borderRadius" + }, + "md": { + "value": "{global.border.radius.md}", + "type": "borderRadius" + } + }, + "width": { + "value": "{global.border.width.sm}", + "type": "borderWidth" + } + }, + "spacing": { + "padding": { + "vertical": { + "md": { + "value": "{badge.spacing.padding.md}", + "type": "spacing" + }, + "sm": { + "value": "3px", + "type": "spacing" + } + }, + "horizontal": { + "sm": { + "value": "{global.spacing.padding.2xsm}", + "type": "spacing" + }, + "md": { + "value": "{global.spacing.padding.xsm}", + "type": "spacing" + } + }, + "all": { + "value": "{global.spacing.padding.sm}", + "type": "spacing" + } + }, + "gap": { + "none": { + "value": "{core.dimension.static.0}px", + "type": "spacing" + }, + "sm": { + "value": "{core.dimension.static.50}px", + "type": "spacing" + }, + "md": { + "value": "{core.dimension.static.100}px", + "type": "spacing" + }, + "lg": { + "value": "{core.dimension.static.200}px", + "type": "spacing" + } + } + } + }, + "label": { + "spacing": { + "gap": { + "none": { + "value": "{global.spacing.gap.none}", + "type": "spacing" + }, + "sm": { + "value": "{global.spacing.gap.sm}", + "type": "spacing" + }, + "md": { + "value": "{global.spacing.gap.md}", + "type": "spacing" + }, + "lg": { + "value": "{global.spacing.gap.lg}", + "type": "spacing" + } + } + }, + "content": { + "color": { + "default": { + "value": "{global.content.color.text.default}", + "type": "color" + }, + "subtle": { + "value": "{global.content.color.text.muted}", + "type": "color" + } + }, + "typo": { + "01": { + "value": "{global.content.typo.body.sm--semiBold}", + "type": "typography" + }, + "02": { + "value": "{global.content.typo.body.sm}", + "type": "typography" + }, + "03": { + "value": { + "fontFamily": "{core.font.family.main}", + "fontWeight": "{core.font.weight.regular}", + "lineHeight": "{core.font.lineHeight.200}px", + "fontSize": "{core.font.size.75}px" + }, + "type": "typography" + } + } + } + }, + "helpText": { + "content": { + "color": { + "default": { + "value": "{global.content.color.text.muted}", + "type": "color" + }, + "emphasis": { + "value": "{global.content.color.text.default}", + "type": "color" + }, + "phatic--negative": { + "value": "{global.content.color.negative.default}", + "type": "color" + }, + "phatic--attention": { + "value": "{global.content.color.attention.default}", + "type": "color" + }, + "phatic": { + "value": "{global.content.color.negative.default}", + "type": "color" + } + }, + "typo-": { + "value": { + "fontFamily": "{core.font.family.main}", + "fontWeight": "{core.font.weight.regular}", + "lineHeight": "{core.font.lineHeight.200}px", + "fontSize": "{core.font.size.50}px" + }, + "type": "typography" + }, + "typo": { + "value": "{global.content.typo.caption}", + "type": "typography" + } + }, + "spacing": { + "gap": { + "value": "{global.spacing.gap.sm}", + "type": "spacing" + } + } + }, + "radio": { + "size": { + "sm": { + "value": "10px", + "type": "sizing" + }, + "md": { + "value": "{global.control.size.200}", + "type": "sizing" + } + }, + "content": { + "color": { + "text": { + "value": "{global.content.color.text.default}", + "type": "color" + }, + "selected": { + "value": "{global.content.color.tertiary.default}", + "type": "color" + }, + "default": { + "value": "{global.content.color.transparent}", + "type": "color" + }, + "icon": { + "value": "{global.content.color.text.subtle}", + "type": "color" + }, + "hover": { + "value": "{global.content.color.text.muted}", + "type": "color" + } + } + }, + "background": { + "color": { + "default": { + "value": "{global.background.color.surface.default}", + "type": "color" + }, + "selected": { + "value": "{global.background.color.primary.subtle}", + "type": "color" + }, + "default--reverse": { + "value": "{global.background.color.primary.subtle}", + "type": "color" + }, + "selected--reverse": { + "value": "{global.background.color.surface.default}", + "type": "color" + } + } + }, + "border": { + "radius": { + "value": "{global.border.radius.rounded}", + "type": "borderRadius" + }, + "width": { + "value": "{global.border.width.sm}", + "type": "borderWidth" + }, + "color": { + "default": { + "value": "{global.border.color.line.muted}", + "type": "color" + }, + "hover": { + "value": "{global.border.color.tertiary.default}", + "type": "color" + }, + "selected": { + "value": "{global.border.color.tertiary.default}", + "type": "color" + } + } + }, + "spacing": { + "gap": { + "value": "{global.spacing.gap.md}", + "type": "spacing" + }, + "paddings": { + "md": { + "value": "{global.spacing.padding.md}", + "type": "spacing" + }, + "lg": { + "value": "{global.spacing.padding.lg}", + "type": "spacing" + } + } + }, + "shadow": { + "hover": { + "value": { + "x": "0", + "y": "0", + "blur": "2", + "spread": "0", + "color": "rgba({core.color.tertiary.100}, 0.80)", + "type": "dropShadow" + }, + "type": "boxShadow" + } + }, + "label": { + "content": { + "typo": { + "value": "{global.content.typo.body.sm}", + "type": "typography" + } + } + } + }, + "checkbox": { + "size": { + "md": { + "value": "{global.control.size.200}", + "type": "sizing" + } + }, + "content": { + "color": { + "default": { + "value": "{global.content.color.transparent}", + "type": "color" + }, + "selected": { + "value": "{global.content.color.text.default--reverse}", + "type": "color" + } + } + }, + "background": { + "color": { + "default": { + "value": "{global.background.color.surface.default}", + "type": "color" + }, + "contrast": { + "value": "{global.background.color.primary.subtle}", + "type": "color" + }, + "hover": { + "value": "{global.background.color.primary.emphasis}", + "type": "color" + }, + "selected": { + "value": "{global.background.color.primary.default}", + "type": "color" + } + } + }, + "border": { + "color": { + "default": { + "value": "{global.border.color.line.muted}", + "type": "color" + }, + "hover": { + "value": "{global.border.color.primary.emphasis}", + "type": "color" + }, + "selected": { + "value": "{global.border.color.primary.default}", + "type": "color" + } + }, + "radius": { + "value": "{global.border.radius.sm}", + "type": "borderRadius" + }, + "width": { + "value": "{global.border.width.sm}", + "type": "borderWidth" + } + }, + "spacing": { + "gap": { + "value": "{global.spacing.gap.md}", + "type": "spacing" + }, + "paddings": { + "md": { + "value": "{global.spacing.padding.md}", + "type": "spacing" + }, + "lg": { + "value": "{global.spacing.padding.lg}", + "type": "spacing" + } + } + } + }, + "toggle": { + "size": { + "inner": { + "value": "{global.control.size.50}", + "type": "sizing" + }, + "width": { + "value": "{global.control.size.500}", + "type": "sizing" + } + }, + "spacing": { + "padding": { + "value": "{global.spacing.padding.1xsm} {global.spacing.padding.2xsm}", + "type": "spacing" + }, + "gap": { + "value": "{global.spacing.gap.md}", + "type": "spacing" + } + }, + "content": { + "color": { + "default": { + "value": "{global.content.color.primary.default}", + "type": "color" + }, + "selected": { + "value": "{global.content.color.text.default--reverse}", + "type": "color" + }, + "hover": { + "value": "{global.background.color.primary.muted}", + "type": "color" + } + } + }, + "background": { + "color": { + "unselected": { + "default": { + "value": "{global.background.color.surface.emphasis}", + "type": "color" + }, + "hover": { + "value": "{global.background.color.primary.muted}", + "type": "color" + } + }, + "selected": { + "default": { + "value": "{global.background.color.primary.default}", + "type": "color" + }, + "hover": { + "value": "{global.background.color.primary.emphasis}", + "type": "color" + } + } + } + }, + "border": { + "radius": { + "value": "{global.border.radius.rounded}", + "type": "borderRadius" + } + } + }, + "badge": { + "content": { + "typo": { + "caption": { + "value": { + "fontFamily": "{core.font.family.main}", + "fontWeight": "{core.font.weight.medium}", + "fontSize": "{core.font.size.30}", + "lineHeight": "{core.font.lineHeight.75}", + "textCase": "{core.font.uppercase}" + }, + "type": "typography" + }, + "sm": { + "value": { + "fontFamily": "{core.font.family.main}", + "fontWeight": "{core.font.weight.regular}", + "lineHeight": "{core.font.lineHeight.100}px", + "fontSize": "{core.font.size.50}" + }, + "type": "typography" + }, + "sm--bold": { + "value": { + "fontFamily": "{core.font.family.alt}", + "fontWeight": "{core.font.weight.semiBold}", + "lineHeight": "{core.font.lineHeight.100}px", + "fontSize": "{core.font.size.50}px" + }, + "type": "typography" + }, + "md": { + "value": { + "fontFamily": "{core.font.family.alt}", + "fontWeight": "{core.font.weight.regular}", + "lineHeight": "{core.font.lineHeight.300}px", + "fontSize": "{core.font.size.75}px" + }, + "type": "typography" + }, + "md--bold": { + "value": { + "fontFamily": "{core.font.family.alt}", + "fontWeight": "{core.font.weight.semiBold}", + "lineHeight": "{core.font.lineHeight.300}px", + "fontSize": "{core.font.size.75}px" + }, + "type": "typography" + } + }, + "color": { + "default--reverse": { + "value": "{global.content.color.text.default--reverse}", + "type": "color" + }, + "default": { + "value": "{global.content.color.text.default}", + "type": "color" + } + } + }, + "background": { + "color": { + "neutral": { + "default": { + "value": "{global.background.color.surface.muted}", + "type": "color" + }, + "hover": { + "value": "{global.background.color.surface.emphasis}", + "type": "color" + }, + "white": { + "value": "{global.background.color.surface.default}", + "type": "color" + }, + "grey": { + "value": "{global.background.color.surface.muted}", + "type": "color" + }, + "default--reverse": { + "value": "{global.background.color.surface.default}", + "type": "color" + } + }, + "primary": { + "default": { + "value": "{global.background.color.primary.default}", + "type": "color" + } + }, + "phatic": { + "default": { + "value": "{global.background.color.negative.default}", + "type": "color" + }, + "default--warning": { + "value": "{global.background.color.attention.default}", + "type": "color" + } + }, + "info": { + "default": { + "value": "{core.color.info.500}", + "type": "color" + } + }, + "secondary": { + "default": { + "value": "{global.background.color.secondary.default}", + "type": "color" + } + } + } + }, + "border": { + "radius": { + "value": "{global.border.radius.rounded}", + "type": "borderRadius" + }, + "md-radius": { + "value": "{global.border.radius.md}", + "type": "borderRadius" + }, + "color": { + "default--reverse": { + "value": "{global.border.color.line.default--reverse}", + "type": "color" + }, + "default": { + "value": "{global.border.color.line.subtle}", + "type": "color" + }, + "white": { + "value": "{global.border.color.line.default}", + "type": "color" + }, + "grey": { + "value": "{global.border.color.line.muted}", + "type": "color" + }, + "hover": { + "value": "{global.border.color.line.default}", + "type": "color" + } + }, + "width": { + "value": "{global.border.width.sm}", + "type": "borderWidth" + } + }, + "size": { + "sm": { + "value": "{core.dimension.100}px", + "type": "sizing" + }, + "md": { + "value": "{core.dimension.150}px", + "type": "sizing" + }, + "lg": { + "value": "{core.dimension.200}px", + "type": "sizing" + }, + "xlg": { + "value": "{core.dimension.400}px", + "type": "sizing" + }, + "2xlg": { + "value": "{core.dimension.600}px", + "type": "sizing" + } + }, + "spacing": { + "padding": { + "3xsm": { + "value": "{global.spacing.padding.3xsm}", + "type": "spacing" + }, + "md": { + "value": "{global.spacing.padding.xsm}", + "type": "spacing" + }, + "lg": { + "value": "{global.spacing.padding.sm}", + "type": "spacing" + }, + "sm": { + "value": "{global.spacing.padding.2xsm}", + "type": "spacing" + } + } + } + }, + "avatar": { + "size": { + "xsm": { + "value": "{global.control.size.100}", + "type": "sizing" + }, + "sm": { + "value": "{global.control.size.300}", + "type": "sizing" + }, + "md": { + "value": "{global.control.size.500}", + "type": "sizing" + }, + "xmd": { + "value": "{global.control.size.900}", + "type": "sizing" + }, + "lg": { + "value": "{global.control.size.1000}", + "type": "sizing" + }, + "xlg": { + "value": "120px", + "type": "sizing" + } + }, + "content": { + "typo": { + "sm": { + "value": { + "fontFamily": "{core.font.family.main}", + "fontWeight": "{core.font.weight.semiBold}", + "fontSize": "{core.font.size.50}", + "textCase": "uppercase", + "lineHeight": "{core.font.lineHeight.100}" + }, + "type": "typography" + }, + "md": { + "value": { + "fontFamily": "{core.font.family.main}", + "fontWeight": "{core.font.weight.semiBold}", + "fontSize": "{core.font.size.100}", + "textCase": "uppercase" + }, + "type": "typography" + }, + "lg": { + "value": { + "fontFamily": "{core.font.family.main}", + "fontWeight": "{core.font.weight.semiBold}", + "fontSize": "{core.font.size.400}", + "textCase": "uppercase" + }, + "type": "typography" + }, + "xlg": { + "value": { + "fontFamily": "{core.font.family.main}", + "fontWeight": "{core.font.weight.semiBold}", + "fontSize": "56px", + "textCase": "uppercase" + }, + "type": "typography" + } + }, + "color": { + "default": { + "value": "{global.border.color.line.default--reverse}", + "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": "{global.border.radius.circle}", + "type": "borderRadius" + }, + "md": { + "value": "{global.border.radius.md}", + "type": "borderRadius" + } + } + } + }, + "colorPicker": { + "background": { + "color": { + "default": { + "value": "{global.background.color.surface.default}", + "type": "color" + } + } + }, + "border": { + "radius": { + "md": { + "value": "{global.border.radius.md}", + "type": "borderRadius" + }, + "rounded": { + "value": "{global.border.radius.rounded}", + "type": "borderRadius" + } + }, + "color": { + "default": { + "value": "{global.background.color.surface.default}", + "type": "color" + } + }, + "width": { + "value": "{global.border.width.sm}", + "type": "borderWidth" + } + }, + "spacing": { + "gap": { + "value": "{global.spacing.padding.md}", + "type": "spacing" + }, + "padding": { + "value": "{global.spacing.padding.md}", + "type": "spacing" + } + }, + "size": { + "md": { + "value": "{global.control.size.100}", + "type": "sizing" + } + } + }, + "calendar": { + "content": { + "typo": { + "md": { + "value": { + "fontFamily": "{core.font.family.alt}", + "fontWeight": "{core.font.weight.medium}", + "lineHeight": "{core.font.lineHeight.300}px", + "fontSize": "{core.font.size.75}px" + }, + "type": "typography" + }, + "sm": { + "value": { + "fontFamily": "{core.font.family.alt}", + "fontWeight": "{core.font.weight.regular}", + "lineHeight": "{core.font.lineHeight.100}px", + "fontSize": "{core.font.size.50}px" + }, + "type": "typography" + } + }, + "color": { + "calendarButton": { + "default": { + "value": "{global.content.color.secondary.default}", + "type": "color" + }, + "default--reverse": { + "value": "{global.content.color.text.default--reverse}", + "type": "color" + } + }, + "weekName": { + "default": { + "value": "{global.content.color.text.subtle}", + "type": "color" + } + }, + "weekday": { + "default": { + "value": "{global.content.color.secondary.default}", + "type": "color" + }, + "hover": { + "value": "{global.content.color.primary.default}", + "type": "color" + }, + "down": { + "value": "{global.content.color.text.default--reverse}", + "type": "color" + }, + "default--weekend": { + "value": "{global.content.color.negative.default}", + "type": "color" + } + } + } + }, + "spacing": { + "padding": { + "vertical": { + "value": "{global.spacing.padding.xsm}", + "type": "spacing" + }, + "horizontal": { + "value": "{global.spacing.padding.xsm}", + "type": "spacing" + } + }, + "gap": { + "value": "{global.spacing.gap.lg}", + "type": "spacing" + } + }, + "border": { + "radius": { + "md": { + "value": "{global.border.radius.md}", + "type": "borderRadius" + }, + "rounded": { + "value": "{global.border.radius.rounded}", + "type": "borderRadius" + } + } + }, + "background": { + "color": { + "calendarButton": { + "default": { + "value": "{global.background.color.surface.default}", + "type": "color" + }, + "hover": { + "value": "{global.background.color.surface.subtle}", + "type": "color" + }, + "down": { + "value": "{global.background.color.surface.muted}", + "type": "color" + }, + "default--reverse": { + "value": "{global.background.color.primary.default}", + "type": "color" + }, + "hover--reverse": { + "value": "{global.background.color.primary.emphasis}", + "type": "color" + }, + "down--reverse": { + "value": "{global.background.color.primary.default}", + "type": "color" + } + }, + "weekday": { + "default": { + "value": "{global.background.color.transparent}", + "type": "color" + }, + "hover": { + "value": "{global.background.color.primary.subtle}", + "type": "color" + }, + "down": { + "value": "{global.background.color.primary.default}", + "type": "color" + }, + "default--alt": { + "value": "{global.background.color.primary.muted}", + "type": "color" + } + }, + "range": { + "default": { + "value": "{global.background.color.transparent}", + "type": "color" + }, + "hover": { + "value": "{global.background.color.primary.subtle}", + "type": "color" + }, + "down": { + "value": "{global.background.color.primary.default}", + "type": "color" + } + } + } + }, + "size": { + "md": { + "value": "{global.control.size.600}", + "type": "sizing" + } + } + }, + "popover": { + "background": { + "color": { + "enabled": { + "value": "{global.background.color.surface.default}", + "type": "color" + } + } + }, + "spacing": { + "padding": { + "vertical": { + "xsm": { + "value": "{global.spacing.padding.2xsm}", + "type": "spacing" + }, + "sm": { + "value": "{global.spacing.padding.xsm}", + "type": "spacing" + }, + "md": { + "value": "{global.spacing.padding.md}", + "type": "spacing" + } + }, + "horizontal": { + "xsm": { + "value": "{global.spacing.padding.2xsm}", + "type": "spacing" + }, + "sm": { + "value": "{global.spacing.padding.xsm}", + "type": "spacing" + }, + "md": { + "value": "{global.spacing.padding.md}", + "type": "spacing" + } + } + }, + "gap": { + "value": "{input.spacing.gap.lg}", + "type": "spacing" + } + }, + "border": { + "color": { + "enabled": { + "value": "{global.border.color.secondary.subtle}", + "type": "color" + } + }, + "width": { + "value": "{global.border.width.sm}", + "type": "borderWidth" + }, + "radius": { + "value": "{global.border.radius.md}", + "type": "borderRadius" + } + } + }, + "drawer": { + "background": { + "color": { + "default": { + "value": "{global.background.color.surface.default}", + "type": "color" + }, + "muted": { + "value": "{global.background.color.surface.muted}", + "type": "color" + } + } + }, + "spacing": { + "gap": { + "xxs": { + "value": "{global.spacing.gap.sm}", + "type": "spacing" + }, + "xs": { + "value": "{global.spacing.gap.md}", + "type": "spacing" + }, + "sm": { + "value": "{global.spacing.gap.lg}", + "type": "spacing" + }, + "md": { + "value": "{global.spacing.gap.xxlg}", + "type": "spacing" + } + }, + "padding": { + "value": "{global.spacing.padding.md}", + "type": "spacing" + } + }, + "shadow": { + "left": { + "value": "{core.shadow.400}", + "type": "boxShadow" + }, + "top": { + "value": [ + { + "x": "0", + "y": "100", + "blur": "60", + "spread": "0", + "color": "rgba({core.color.neutral.200}, 0.08)", + "type": "dropShadow" + }, + { + "x": "0", + "y": "32", + "blur": "32", + "spread": "0", + "color": "rgba({core.color.black},0.05)", + "type": "dropShadow" + } + ], + "type": "boxShadow" + } + }, + "content": { + "color": { + "default": { + "value": "{global.content.color.text.emphasis}", + "type": "color" + }, + "icon": { + "value": "{global.content.color.icon.emphasis}", + "type": "color" + } + }, + "typo": { + "value": "{global.content.typo.heading.md}", + "type": "typography" + }, + "typo-regular": { + "value": "{accordion.content.typo.sm}", + "type": "typography" + }, + "typo-bold": { + "value": "{global.content.typo.body.sm--semiBold}", + "type": "typography" + } + }, + "border": { + "color": { + "default": { + "value": "{global.border.color.line.muted}", + "type": "color" + } + }, + "width": { + "value": "{global.border.width.sm}", + "type": "borderWidth" + } + } + }, + "link": { + "content": { + "typo": { + "value": { + "fontFamily": "{core.font.family.main}", + "fontWeight": "{core.font.weight.regular}", + "lineHeight": "{core.font.lineHeight.300}px", + "fontSize": "{core.font.size.75}px", + "textDecoration": "{underline}" + }, + "type": "typography" + }, + "typo--medium": { + "value": { + "fontFamily": "{core.font.family.main}", + "fontWeight": "{core.font.weight.medium}", + "lineHeight": "{core.font.lineHeight.300}px", + "fontSize": "{core.font.size.75}px", + "textDecoration": "{underline}" + }, + "type": "typography" + }, + "color": { + "default": { + "value": "{global.content.color.secondary.default}", + "type": "color" + }, + "hover": { + "value": "{global.content.color.primary.emphasis}", + "type": "color" + }, + "down": { + "value": "{global.content.color.primary.muted}", + "type": "color" + }, + "default--reverse": { + "value": "{global.content.color.primary.subtle}", + "type": "color" + } + } + }, + "spacing": { + "padding": { + "horizontal": { + "value": "{global.spacing.padding.3xsm}", + "type": "spacing" + } + }, + "gap": { + "value": "{global.spacing.gap.sm}", + "type": "spacing" + } + }, + "background": { + "color": { + "default": { + "value": "{global.background.color.transparent}", + "type": "color" + }, + "hover": { + "value": "{global.background.color.primary.subtle}", + "type": "color" + }, + "pressed": { + "value": "{global.background.color.primary.muted}", + "type": "color" + }, + "down": { + "value": "{global.background.color.primary.subtle}", + "type": "color" + } + } + }, + "border": { + "radius": { + "value": "{global.border.radius.sm}", + "type": "borderRadius" + } + } + }, + "divider": { + "size": { + "sm": { + "value": "{core.dimension.static.10}px", + "type": "sizing" + } + }, + "background": { + "color": { + "default": { + "value": "{global.border.color.line.subtle}", + "type": "color" + } + } + } + }, + "tab": { + "content": { + "color": { + "default": { + "value": "{global.content.color.secondary.default}", + "type": "color" + }, + "hover": { + "value": "{global.content.color.text.emphasis}", + "type": "color" + }, + "down": { + "value": "{global.content.color.primary.default}", + "type": "color" + } + }, + "typo": { + "sm": { + "value": "{global.content.typo.body.sm}", + "type": "typography" + }, + "value": { + "fontFamily": "{core.font.family.main}", + "fontWeight": "{core.font.weight.regular}", + "lineHeight": "{core.font.lineHeight.200}px", + "fontSize": "{core.font.size.75}px" + }, + "type": "typography" + } + }, + "border": { + "color": { + "hover": { + "value": "{global.border.color.line.subtle}", + "type": "color" + }, + "selected": { + "value": "{global.border.color.primary.default}", + "type": "color" + }, + "content": { + "value": "{global.border.color.line.subtle}", + "type": "color" + }, + "default": { + "value": "{global.border.color.transparent}", + "type": "color" + }, + "down": { + "value": "{global.border.color.primary.default}", + "type": "color" + } + }, + "radius": { + "value": "{global.border.radius.sm}", + "type": "borderRadius" + }, + "width": { + "sm": { + "value": "{global.border.width.sm}", + "type": "borderWidth" + }, + "md": { + "value": "{global.border.width.md}", + "type": "borderWidth" + }, + "value": "{global.border.width.lg}", + "type": "borderWidth" + } + }, + "background": { + "color": { + "default": { + "value": "{global.background.color.transparent}", + "type": "color" + }, + "hover": { + "value": "{global.background.color.primary.subtle}", + "type": "color" + }, + "selected": { + "value": "{global.background.color.transparent}", + "type": "color" + }, + "down": { + "value": "{global.background.color.transparent}", + "type": "color" + } + } + }, + "spacing": { + "padding": { + "value": "{global.spacing.padding.md}", + "type": "spacing" + }, + "gap": { + "value": "{global.spacing.gap.md}", + "type": "spacing" + }, + "vertical": { + "md": { + "value": "{global.spacing.padding.md}", + "type": "spacing" + } + }, + "horizontal": { + "xsm": { + "value": "{global.spacing.padding.xsm}", + "type": "spacing" + } + } + } + }, + "segmentedControl": { + "content": { + "typo": { + "value": { + "fontFamily": "{core.font.family.main}", + "fontWeight": "{core.font.weight.regular}", + "lineHeight": "{core.font.lineHeight.200}px", + "fontSize": "{core.font.size.75}px" + }, + "type": "typography" + }, + "color": { + "default": { + "value": "{global.content.color.text.default}", + "type": "color" + }, + "hover": { + "value": "{global.content.color.text.emphasis}", + "type": "color" + }, + "down": { + "value": "{global.content.color.primary.default}", + "type": "color" + } + } + }, + "spacing": { + "padding": { + "value": "{global.spacing.padding.md}", + "type": "spacing" + }, + "gap": { + "value": "{global.spacing.gap.md}", + "type": "spacing" + } + }, + "background": { + "color": { + "default": { + "value": "{global.background.color.surface.subtle}", + "type": "color" + }, + "hover": { + "value": "{global.background.color.primary.subtle}", + "type": "color" + }, + "selected": { + "value": "{global.background.color.surface.default}", + "type": "color" + } + } + }, + "border": { + "radius": { + "value": "{global.border.radius.md}", + "type": "borderRadius" + }, + "color": { + "default": { + "value": "{global.background.color.surface.subtle}", + "type": "color" + }, + "hover": { + "value": "{global.border.color.line.muted}", + "type": "color" + }, + "selected": { + "value": "{global.border.color.primary.default}", + "type": "color" + } + }, + "width": { + "value": "{global.border.width.sm}", + "type": "borderWidth" + } + } + }, + "dropzone": { + "spacing": { + "padding": { + "value": "{global.spacing.padding.lg}", + "type": "spacing" + }, + "gap": { + "value": "{global.spacing.gap.md}", + "type": "spacing" + } + }, + "content": { + "color": { + "default": { + "value": "{global.content.color.text.default}", + "type": "color" + }, + "hover": { + "value": "{global.content.color.primary.emphasis}", + "type": "color" + }, + "default--subtle": { + "value": "{global.content.color.text.muted}", + "type": "color" + }, + "default--icon": { + "value": "{global.content.color.primary.muted}", + "type": "color" + }, + "check--icon": { + "value": "{global.content.color.positive.default}", + "type": "color" + } + } + }, + "background": { + "color": { + "default": { + "value": "{global.background.color.surface.default}", + "type": "color" + }, + "hover": { + "value": "{global.background.color.primary.subtle}", + "type": "color" + } + } + }, + "border": { + "color": { + "default": { + "value": "{global.border.color.primary.muted}", + "type": "color" + }, + "hover": { + "value": "{global.border.color.primary.emphasis}", + "type": "color" + } + }, + "radius": { + "value": "{global.border.radius.md}", + "type": "borderRadius" + }, + "width": { + "value": "{global.border.width.sm}", + "type": "borderWidth" + } + } + }, + "modal": { + "background": { + "color": { + "default": { + "value": "{global.background.color.surface.default}", + "type": "color" + } + } + }, + "spacing": { + "padding": { + "value": "{global.spacing.padding.md}", + "type": "spacing" + }, + "gap": { + "value": "{global.spacing.gap.lg}", + "type": "spacing" + } + }, + "border": { + "radius": { + "value": "{global.border.radius.md}", + "type": "borderRadius" + }, + "color": { + "default": { + "value": "{global.border.color.line.default--reverse}", + "type": "color" + } + }, + "width": { + "value": "{global.border.width.md}", + "type": "borderWidth" + } + } + }, + "dropdown": { + "content": { + "color": { + "default": { + "value": "{global.content.color.secondary.default}", + "type": "color" + }, + "default--alt": { + "value": "{global.content.color.icon.default}", + "type": "color" + } + }, + "typo": { + "value": { + "fontFamily": "{core.font.family.alt}", + "fontWeight": "{core.font.weight.regular}", + "lineHeight": "{core.font.lineHeight.300}px", + "fontSize": "{core.font.size.75}px" + }, + "type": "typography" + }, + "typo--medium": { + "value": { + "fontFamily": "{core.font.family.alt}", + "fontWeight": "{core.font.weight.medium}", + "lineHeight": "{core.font.lineHeight.300}px", + "fontSize": "{core.font.size.75}px" + }, + "type": "typography" + } + }, + "spacing": { + "padding": { + "sm": { + "value": "{global.spacing.padding.2xsm}", + "type": "spacing" + }, + "md": { + "value": "{global.spacing.padding.xsm}", + "type": "spacing" + } + }, + "gap": { + "1xsm": { + "value": "{global.spacing.gap.1xsm}", + "type": "spacing" + }, + "md": { + "value": "{global.spacing.gap.md}", + "type": "spacing" + }, + "value": "{global.spacing.gap.md}", + "type": "spacing" + } + }, + "background": { + "color": { + "default": { + "value": "{global.background.color.surface.default}", + "type": "color" + }, + "hover": { + "value": "{global.background.color.primary.subtle}", + "type": "color" + }, + "down": { + "value": "{global.background.color.primary.muted}", + "type": "color" + }, + "active": { + "value": "{global.background.color.surface.muted}", + "type": "color" + } + } + }, + "border": { + "radius": { + "value": "{global.border.radius.md}", + "type": "borderRadius" + }, + "width": { + "value": "{global.border.width.sm}", + "type": "borderWidth" + }, + "color": { + "default": { + "value": "{global.border.color.line.muted}", + "type": "color" + } + } + }, + "shadow": { + "default": { + "value": "{core.shadow.100}", + "type": "boxShadow" + } + } + }, + "score": { + "content": { + "color": { + "default": { + "value": "{global.content.color.text.default}", + "type": "color" + }, + "muted": { + "value": "{global.content.color.text.muted}", + "type": "color" + }, + "default--reverse": { + "value": "{global.content.color.text.default--reverse}", + "type": "color" + } + }, + "typo": { + "sm": { + "value": { + "fontFamily": "{core.font.family.alt}", + "fontWeight": "{core.font.weight.regular}", + "lineHeight": "{core.font.lineHeight.100}px", + "fontSize": "{core.font.size.50}px", + "textCase": "none" + }, + "type": "typography" + }, + "md": { + "value": { + "fontFamily": "{core.font.family.alt}", + "fontWeight": "{core.font.weight.semiBold}", + "lineHeight": "{core.font.lineHeight.200}px", + "fontSize": "{core.font.size.75}px", + "textCase": "none" + }, + "type": "typography" + }, + "lg--bold": { + "value": { + "fontFamily": "{core.font.family.alt}", + "fontWeight": "{core.font.weight.semiBold}", + "lineHeight": "{core.font.lineHeight.300}px", + "fontSize": "{core.font.size.100}px", + "textCase": "none" + }, + "type": "typography" + }, + "lg": { + "value": { + "fontFamily": "{core.font.family.alt}", + "fontWeight": "{core.font.weight.regular}", + "lineHeight": "{core.font.lineHeight.300}px", + "fontSize": "{core.font.size.100}px", + "textCase": "none", + "letterSpacing": "", + "paragraphSpacing": "{core.font.lineHeight.300}px" + }, + "type": "typography" + }, + "xlg": { + "value": { + "fontFamily": "{core.font.family.alt}", + "fontWeight": "{core.font.weight.regular}", + "lineHeight": "{core.font.lineHeight.500}px", + "fontSize": "{core.font.size.400}px", + "textCase": "none" + }, + "type": "typography" + }, + "2xlg": { + "value": { + "fontFamily": "{core.font.family.alt}", + "fontWeight": "{core.font.weight.semiBold}", + "lineHeight": "{core.font.lineHeight.600}px", + "fontSize": "{core.font.size.600}px", + "textCase": "none" + }, + "type": "typography" + } + } + }, + "background": { + "color": { + "neutral": { + "default": { + "value": "{global.background.color.surface.muted}", + "type": "color" + }, + "emphasis": { + "value": "{global.background.color.surface.emphasis}", + "type": "color" + }, + "subtle": { + "value": "{global.background.color.surface.subtle}", + "type": "color" + }, + "hover": { + "value": "{global.background.color.primary.subtle}", + "type": "color" + }, + "active": { + "value": "{global.background.color.surface.default}", + "type": "color" + } + }, + "positive": { + "default": { + "value": "{global.background.color.positive.default}", + "type": "color" + }, + "emphasis": { + "value": "{global.background.color.positive.emphasis}", + "type": "color" + }, + "muted": { + "value": "{global.background.color.positive.muted}", + "type": "color" + } + }, + "attention": { + "default": { + "value": "{global.background.color.attention.default}", + "type": "color" + }, + "emphasis": { + "value": "{global.background.color.attention.emphasis}", + "type": "color" + }, + "muted": { + "value": "{global.background.color.attention.subtle}", + "type": "color" + } + }, + "negative": { + "default": { + "value": "{global.background.color.negative.default}", + "type": "color" + }, + "emphasis": { + "value": "{global.background.color.negative.emphasis}", + "type": "color" + }, + "muted": { + "value": "{global.background.color.negative.muted}", + "type": "color" + } + } + } + }, + "border": { + "color": { + "neutral": { + "default": { + "value": "{global.background.color.surface.muted}", + "type": "color" + }, + "emphasis": { + "value": "{global.background.color.surface.emphasis}", + "type": "color" + }, + "active": { + "value": "{global.background.color.primary.default}", + "type": "color" + } + }, + "positive": { + "default": { + "value": "{global.background.color.positive.default}", + "type": "color" + }, + "emphasis": { + "value": "{global.background.color.positive.emphasis}", + "type": "color" + }, + "muted": { + "value": "{global.background.color.positive.muted}", + "type": "color" + } + }, + "attention": { + "default": { + "value": "{global.background.color.attention.default}", + "type": "color" + }, + "emphasis": { + "value": "{global.background.color.attention.emphasis}", + "type": "color" + }, + "muted": { + "value": "{global.background.color.attention.subtle}", + "type": "color" + } + }, + "negative": { + "default": { + "value": "{global.background.color.negative.default}", + "type": "color" + }, + "emphasis": { + "value": "{global.background.color.negative.emphasis}", + "type": "color" + }, + "muted": { + "value": "{global.background.color.negative.muted}", + "type": "color" + } + } + }, + "width": { + "value": "{global.border.width.sm}", + "type": "borderWidth" + }, + "radius": { + "md": { + "value": "{global.border.radius.md}", + "type": "borderRadius" + }, + "lg": { + "value": "{global.border.radius.lg}", + "type": "borderRadius" + } + } + }, + "spacing": { + "padding": { + "md": { + "value": "{global.spacing.padding.xsm}", + "type": "spacing" + }, + "lg": { + "value": "{global.spacing.padding.md}", + "type": "spacing" + }, + "xlg": { + "value": "{global.spacing.padding.xlg}", + "type": "spacing" + } + }, + "gap": { + "value": "{global.spacing.gap.md}", + "type": "spacing" + } + } + }, + "tree": { + "content": { + "typo": { + "value": { + "fontFamily": "{core.font.family.main}", + "fontWeight": "{core.font.weight.regular}", + "fontSize": "{core.font.size.75}px", + "lineHeight": "{core.font.lineHeight.300}px" + }, + "type": "typography" + }, + "color": { + "default": { + "value": "{global.content.color.text.default}", + "type": "color" + } + } + }, + "spacing": { + "gap": { + "sm": { + "value": "{global.spacing.gap.sm}", + "type": "spacing" + }, + "md": { + "value": "{global.spacing.gap.md}", + "type": "spacing" + } + }, + "padding": { + "vertical": { + "value": "{global.spacing.padding.2xsm} - {tree.border.width}", + "type": "spacing" + }, + "horizontal": { + "value": "{global.spacing.padding.xsm}", + "type": "spacing" + } + } + }, + "border": { + "width": { + "value": "{global.border.width.sm}", + "type": "borderWidth" + }, + "color": { + "default": { + "value": "{global.border.color.line.default--reverse}", + "type": "color" + }, + "hover": { + "value": "{global.border.color.line.subtle}", + "type": "color" + }, + "default-alt": { + "value": "{global.border.color.primary.default}", + "type": "color" + }, + "hover-alt": { + "value": "{global.border.color.line.default}", + "type": "color" + } + }, + "radius": { + "value": "{global.border.radius.md}", + "type": "borderRadius" + } + }, + "background": { + "color": { + "default": { + "value": "{global.background.color.surface.default}", + "type": "color" + }, + "hover": { + "value": "{global.background.color.surface.subtle}", + "type": "color" + } + } + } + }, + "breadcrumbs": { + "content": { + "typo": { + "default": { + "value": { + "fontFamily": "{core.font.family.main}", + "fontWeight": "{core.font.weight.medium}", + "lineHeight": "{core.font.lineHeight.200}", + "fontSize": "{core.font.size.75}" + }, + "type": "typography" + }, + "hover": { + "value": { + "fontFamily": "{core.font.family.main}", + "fontWeight": "{core.font.weight.medium}", + "lineHeight": "{core.font.lineHeight.200}", + "fontSize": "{core.font.size.75}", + "textDecoration": "underline" + }, + "type": "typography" + }, + "current": { + "value": { + "fontFamily": "{core.font.family.main}", + "fontWeight": "{core.font.weight.medium}", + "lineHeight": "{core.font.lineHeight.200}", + "fontSize": "{core.font.size.75}" + }, + "type": "typography" + } + }, + "color": { + "default": { + "value": "{global.content.color.secondary.default}", + "type": "color" + }, + "hover": { + "value": "{global.content.color.primary.default}", + "type": "color" + }, + "default--alt": { + "value": "{global.content.color.secondary.emphasis}", + "type": "color" + } + } + } + }, + "breadcrumb": { + "spacing": { + "gap": { + "value": "{global.spacing.gap.md}", + "type": "spacing" + } + } + }, + "pager": { + "content": { + "typo": { + "value": { + "fontFamily": "{core.font.family.main}", + "fontWeight": "{core.font.weight.medium}", + "lineHeight": "{core.font.lineHeight.200}", + "fontSize": "{core.font.size.75}" + }, + "type": "typography" + }, + "typo--bold": { + "value": { + "fontFamily": "{core.font.family.main}", + "fontWeight": "{core.font.weight.medium}", + "lineHeight": "{core.font.lineHeight.200}", + "fontSize": "{core.font.size.75}" + }, + "type": "typography" + }, + "color": { + "default": { + "value": "{global.content.color.secondary.default}", + "type": "color" + } + } + }, + "background": { + "color": { + "default": { + "value": "{global.background.color.transparent}", + "type": "color" + }, + "hover": { + "value": "{global.background.color.primary.subtle}", + "type": "color" + }, + "down": { + "value": "{global.background.color.primary.subtle}", + "type": "color" + }, + "selected": { + "value": "{global.background.color.transparent}", + "type": "color" + } + } + }, + "border": { + "color": { + "default": { + "value": "{global.border.color.transparent}", + "type": "color" + }, + "hover": { + "value": "{global.border.color.primary.subtle}", + "type": "color" + }, + "down": { + "value": "{global.border.color.line.muted}", + "type": "color" + }, + "selected": { + "value": "{global.border.color.primary.muted}", + "type": "color" + } + }, + "radius": { + "value": "{global.border.radius.rounded}", + "type": "borderRadius" + }, + "width": { + "value": "{global.border.width.sm}", + "type": "borderWidth" + } + }, + "size": { + "md": { + "value": "{global.control.size.900}", + "type": "sizing" + } + }, + "spacing": { + "gap": { + "lg": { + "value": "{global.spacing.gap.lg}", + "type": "spacing" + }, + "md": { + "value": "{global.spacing.gap.md}", + "type": "spacing" + } + } + } + }, + "tooltip": { + "content": { + "typo": { + "value": { + "fontFamily": "{core.font.family.main}", + "fontWeight": "{core.font.weight.medium}", + "lineHeight": "{core.font.lineHeight.200}", + "fontSize": "{core.font.size.75}" + }, + "type": "typography" + }, + "color": { + "default": { + "value": "{global.content.color.text.default--reverse}", + "type": "color" + }, + "default-reverse": { + "value": "{global.content.color.text.default}", + "type": "color" + } + } + }, + "background": { + "color": { + "default": { + "value": "{global.background.color.surface.default--reverse}", + "type": "color" + }, + "default--alt": { + "value": "{global.background.color.primary.default}", + "type": "color" + }, + "default-reverse": { + "value": "{global.background.color.surface.default}", + "type": "color" + } + } + }, + "spacing": { + "padding": { + "vertical": { + "sm": { + "value": "{global.spacing.padding.2xsm}", + "type": "spacing" + }, + "md": { + "value": "{global.spacing.padding.sm}", + "type": "spacing" + } + }, + "horizontal": { + "sm": { + "value": "{global.spacing.padding.xsm}", + "type": "spacing" + }, + "md": { + "value": "{global.spacing.padding.sm}", + "type": "spacing" + } + } + }, + "gap": { + "value": "{global.spacing.gap.lg}", + "type": "spacing" + } + }, + "border": { + "radius": { + "value": "{global.border.radius.sm}", + "type": "borderRadius" + } + } + }, + "banner": { + "content": { + "typo": { + "value": { + "fontFamily": "{core.font.family.main}", + "fontWeight": "{core.font.weight.medium}", + "lineHeight": "{core.font.lineHeight.300}px", + "fontSize": "{core.font.size.75}px" + }, + "type": "typography" + }, + "typo--bold": { + "value": { + "fontFamily": "{core.font.family.main}", + "fontWeight": "{core.font.weight.medium}", + "lineHeight": "{core.font.lineHeight.300}px", + "fontSize": "{core.font.size.75}px" + }, + "type": "typography" + }, + "color": { + "default": { + "value": "{global.content.color.text.default}", + "type": "color" + }, + "success": { + "value": "{global.content.color.positive.emphasis}", + "type": "color" + }, + "error": { + "value": "{global.content.color.negative.emphasis}", + "type": "color" + }, + "warning": { + "value": "{global.content.color.attention.emphasis}", + "type": "color" + }, + "info": { + "value": "{global.content.color.primary.emphasis}", + "type": "color" + } + } + }, + "spacing": { + "padding": { + "vertical": { + "xsm": { + "value": "{global.spacing.padding.2xsm}", + "type": "spacing" + }, + "sm": { + "value": "{global.spacing.padding.xsm}", + "type": "spacing" + }, + "md": { + "value": "{global.spacing.padding.sm}", + "type": "spacing" + } + }, + "horizontal": { + "sm": { + "value": "{global.spacing.padding.md}", + "type": "spacing" + }, + "md": { + "value": "{global.spacing.padding.lg}", + "type": "spacing" + } + } + }, + "gap": { + "value": "{global.spacing.gap.lg}", + "type": "spacing" + } + }, + "background": { + "color": { + "success": { + "value": "{global.content.color.positive.subtle}", + "type": "color" + }, + "error": { + "value": "{global.background.color.negative.subtle}", + "type": "color" + }, + "warning": { + "value": "{global.background.color.attention.subtle}", + "type": "color" + }, + "info": { + "value": "{global.background.color.primary.subtle}", + "type": "color" + } + } + }, + "border": { + "radius": { + "value": "{global.border.radius.md}", + "type": "borderRadius" + } + } + }, + "chip": { + "content": { + "typo": { + "sm": { + "value": { + "fontFamily": "{core.font.family.alt}", + "fontWeight": "{core.font.weight.regular}", + "lineHeight": "{core.font.lineHeight.100}px", + "fontSize": "{core.font.size.50}px" + }, + "type": "typography" + }, + "md": { + "value": { + "fontFamily": "{core.font.family.alt}", + "fontWeight": "{core.font.weight.regular}", + "lineHeight": "{core.font.lineHeight.300}px", + "fontSize": "{core.font.size.75}px" + }, + "type": "typography" + } + }, + "color": { + "default": { + "value": "{global.content.color.text.default}", + "type": "color" + } + } + }, + "background": { + "color": { + "default": { + "value": "{global.background.color.surface.muted}", + "type": "color" + }, + "hover": { + "value": "{global.background.color.surface.emphasis}", + "type": "color" + }, + "default--alt": { + "value": "{global.background.color.transparent}", + "type": "color" + }, + "hover--alt": { + "value": "{global.background.color.surface.subtle}", + "type": "color" + } + } + }, + "border": { + "color": { + "default": { + "value": "{global.border.color.line.muted}", + "type": "color" + }, + "hover": { + "value": "{global.border.color.line.default}", + "type": "color" + }, + "default--alt": { + "value": "{global.border.color.line.default}", + "type": "color" + }, + "hover--alt": { + "value": "{global.border.color.line.emphasis}", + "type": "color" + }, + "empty": { + "value": "{global.border.color.transparent}", + "type": "color" + } + }, + "width": { + "value": "{global.border.width.sm}", + "type": "borderWidth" + }, + "radius": { + "value": "{global.border.radius.rounded}", + "type": "borderRadius" + } + }, + "spacing": { + "padding": { + "horizontal": { + "sm": { + "value": "{global.spacing.padding.xsm}", + "type": "spacing" + } + }, + "vertical": { + "sm": { + "value": "3px", + "type": "spacing" + } + } + } + } + }, + "toast": { + "spacing": { + "padding": { + "value": "{global.spacing.padding.md}", + "type": "spacing" + }, + "gap": { + "value": "{global.spacing.gap.lg}", + "type": "spacing" + } + }, + "content": { + "color": { + "default": { + "value": "{global.content.color.text.default--reverse}", + "type": "color" + }, + "default--reverse": { + "value": "{global.content.color.text.default}", + "type": "color" + }, + "default--alt": { + "value": "{global.content.color.text.subtle}", + "type": "color" + }, + "default--alt--reverse": { + "value": "{global.content.color.text.muted}", + "type": "color" + } + }, + "typo": { + "sm": { + "value": "{global.content.typo.caption}", + "type": "typography" + }, + "md": { + "value": { + "fontFamily": "{core.font.family.alt}", + "fontWeight": "{core.font.weight.medium}", + "lineHeight": "{core.font.lineHeight.300}", + "fontSize": "{core.font.size.75}" + }, + "type": "typography" + } + } + }, + "background": { + "color": { + "default": { + "value": "{global.background.color.surface.default--reverse}", + "type": "color" + }, + "default--reverse": { + "value": "{global.background.color.surface.default}", + "type": "color" + } + } + }, + "border": { + "radius": { + "value": "{global.border.radius.md}", + "type": "borderRadius" + }, + "color": { + "default": { + "value": "{global.border.color.line.emphasis}", + "type": "color" + }, + "default--reverse": { + "value": "{global.border.color.line.muted}", + "type": "color" + } + }, + "width": { + "value": "{global.border.width.sm}", + "type": "borderWidth" + } + } + }, + "menu": { + "spacing": { + "padding": { + "xms": { + "value": "{global.spacing.padding.2xsm}", + "type": "spacing" + }, + "3xms": { + "value": "{global.spacing.padding.3xsm}", + "type": "spacing" + }, + "xsm": { + "value": "{global.spacing.padding.xsm}", + "type": "spacing" + }, + "sm": { + "value": "{global.spacing.padding.sm}", + "type": "spacing" + }, + "md": { + "value": "{global.spacing.padding.md}", + "type": "spacing" + }, + "xlslg": { + "value": "{global.spacing.padding.xlslg}", + "type": "spacing" + }, + "xlgm": { + "value": "52px", + "type": "spacing" + }, + "lg": { + "value": "{global.spacing.padding.lg}", + "type": "spacing" + } + }, + "gap": { + "value": "{global.spacing.gap.slg}", + "type": "spacing" + }, + "gap--1xsm": { + "value": "{global.spacing.gap.1xsm}", + "type": "spacing" + }, + "gap-md": { + "value": "{global.spacing.gap.md}", + "type": "spacing" + } + }, + "content": { + "color": { + "main": { + "default": { + "value": "{global.content.color.secondary.default}", + "type": "color" + }, + "hover": { + "value": "{global.content.color.text.default--reverse}", + "type": "color" + }, + "active": { + "value": "{global.content.color.text.default--reverse}", + "type": "color" + } + }, + "sub": { + "default": { + "value": "{global.content.color.text.default--reverse}", + "type": "color" + }, + "hover": { + "value": "{global.content.color.text.default--reverse}", + "type": "color" + }, + "active": { + "value": "{global.content.color.text.default--reverse}", + "type": "color" + } + } + }, + "typo--regular": { + "value": "{global.content.typo.body.sm}", + "type": "typography" + }, + "typo--medium": { + "value": "{global.content.typo.body.sm--medium}", + "type": "typography" + }, + "typo": { + "md": { + "value": { + "fontFamily": "{core.font.family.main}", + "fontWeight": "{core.font.weight.medium}", + "fontSize": "{core.font.size.75}px", + "lineHeight": "{core.font.lineHeight.200}px" + }, + "type": "typography" + } + } + }, + "background": { + "color": { + "main": { + "default": { + "value": "{global.background.color.surface.default}", + "type": "color" + }, + "hover": { + "value": "{global.background.color.primary.subtle}", + "type": "color" + }, + "active": { + "value": "{global.background.color.primary.muted}", + "type": "color" + } + }, + "sub": { + "default": { + "value": "{global.background.color.secondary.default}", + "type": "color" + }, + "hover": { + "value": "{global.background.color.primary.default}", + "type": "color" + }, + "active": { + "value": "{global.background.color.primary.default}", + "type": "color" + } + } + } + }, + "size": { + "md": { + "value": "{global.control.size.900}", + "type": "sizing" + }, + "lg": { + "value": "{global.control.size.1000}", + "type": "sizing" + } + }, + "border": { + "color": { + "main": { + "active": { + "value": "{global.border.color.primary.default}", + "type": "color" + }, + "default": { + "value": "{global.border.color.line.subtle}", + "type": "color" + } + } + }, + "radius": { + "md": { + "value": "{global.border.radius.md}", + "type": "borderRadius" + } + } + }, + "shadow": { + "value": [ + { + "color": "#21272a0d", + "type": "dropShadow", + "x": "32", + "y": "0", + "blur": "32", + "spread": "0" + } + ], + "type": "boxShadow" + }, + "footer": { + "value": "{core.shadow.200}", + "type": "boxShadow" + }, + "modal": { + "value": "{core.shadow.300}", + "type": "boxShadow" + } + }, + "stepper": { + "content": { + "typo": { + "value": { + "fontFamily": "{core.font.family.main}", + "fontWeight": "{core.font.weight.semiBold}", + "fontSize": "{core.font.size.75}", + "lineHeight": "{core.font.lineHeight.200}" + }, + "type": "typography" + }, + "typo-pending": { + "value": { + "fontFamily": "{core.font.family.main}", + "fontWeight": "{core.font.weight.medium}", + "fontSize": "{core.font.size.75}", + "lineHeight": "{core.font.lineHeight.200}" + }, + "type": "typography" + }, + "color": { + "pending": { + "value": "{global.content.color.secondary.mutedSuble}", + "type": "color" + }, + "pending-text": { + "value": "{global.content.color.secondary.default}", + "type": "color" + }, + "active": { + "value": "{global.content.color.primary.default}", + "type": "color" + }, + "completed": { + "value": "{global.content.color.text.emphasis}", + "type": "color" + }, + "default": { + "value": "{global.content.color.text.muted}", + "type": "color" + } + } + }, + "spacing": { + "gap": { + "value": "{global.spacing.gap.sm}", + "type": "spacing" + }, + "xsm": { + "value": "{global.spacing.gap.xsm}", + "type": "spacing" + }, + "padding": { + "xsm": { + "value": "{global.spacing.padding.xsm}", + "type": "spacing" + }, + "md": { + "value": "{global.spacing.padding.md}", + "type": "spacing" + } + } + }, + "background": { + "color": { + "pending": { + "value": "{global.background.color.primary.verySubtle}", + "type": "color" + }, + "active": { + "value": "{global.background.color.primary.verySubtle}", + "type": "color" + }, + "active--reverse": { + "value": "{global.background.color.surface.emphasis}", + "type": "color" + }, + "completed": { + "value": "{global.background.color.primary.default}", + "type": "color" + } + } + }, + "border": { + "color": { + "default": { + "value": "{global.border.color.line.muted}", + "type": "color" + }, + "active": { + "value": "{global.border.color.line.muted}", + "type": "color" + }, + "active--reverse": { + "value": "{global.border.color.line.default--reverse}", + "type": "color" + }, + "completed": { + "value": "{global.background.color.primary.default}", + "type": "color" + } + }, + "radius": { + "value": "{global.border.radius.circle}", + "type": "borderRadius" + }, + "md": { + "value": "{global.border.radius.md}", + "type": "borderRadius" + }, + "width": { + "value": "{global.border.width.sm}", + "type": "borderWidth" + } + }, + "size": { + "sm": { + "value": "{global.icon.size.sm}", + "type": "sizing" + }, + "md": { + "value": "{global.icon.size.lg}", + "type": "sizing" + }, + "xlg": { + "value": "{global.icon.size.xlg}", + "type": "sizing" + } + } + }, + "accordion": { + "content": { + "typo": { + "md": { + "value": { + "fontFamily": "{core.font.family.alt}", + "fontWeight": "{core.font.weight.medium}", + "lineHeight": "{core.font.lineHeight.300}px", + "fontSize": "{core.font.size.100}px" + }, + "type": "typography" + }, + "sm": { + "value": { + "fontFamily": "{core.font.family.alt}", + "fontWeight": "{core.font.weight.regular}", + "lineHeight": "{core.font.lineHeight.200}px", + "fontSize": "{core.font.size.75}px" + }, + "type": "typography" + } + }, + "color": { + "default": { + "value": "{global.content.color.text.default}", + "type": "color" + } + } + }, + "background": { + "color": { + "default": { + "value": "{global.background.color.surface.default}", + "type": "color" + }, + "default--alt": { + "value": "{global.background.color.surface.subtle}", + "type": "color" + } + } + }, + "border": { + "color": { + "default": { + "value": "{global.border.color.line.subtle}", + "type": "color" + } + }, + "width": { + "value": "{global.border.width.sm}", + "type": "borderWidth" + }, + "radius": { + "value": "{global.border.radius.lg}", + "type": "borderRadius" + } + }, + "spacing": { + "padding": { + "md": { + "value": "{global.spacing.padding.md}", + "type": "spacing" + }, + "lg": { + "value": "{global.spacing.padding.lg}", + "type": "spacing" + } + }, + "gap": { + "value": "{global.spacing.gap.lg}", + "type": "spacing" + } + } + }, + "table": { + "content": { + "typo": { + "md": { + "value": { + "fontFamily": "{core.font.family.alt}", + "fontWeight": "{core.font.weight.regular}", + "lineHeight": "{core.font.lineHeight.200}", + "fontSize": "{core.font.size.75}" + }, + "type": "typography" + }, + "md--bold": { + "value": { + "fontFamily": "{core.font.family.alt}", + "fontWeight": "{core.font.weight.medium}", + "lineHeight": "{core.font.lineHeight.200}", + "fontSize": "{core.font.size.75}" + }, + "type": "typography" + }, + "sm": { + "value": { + "fontFamily": "{core.font.family.alt}", + "fontWeight": "{core.font.weight.regular}", + "lineHeight": "{core.font.lineHeight.100}", + "fontSize": "{core.font.size.50}" + }, + "type": "typography" + } + }, + "color": { + "default": { + "value": "{global.content.color.text.default}", + "type": "color" + } + } + }, + "background": { + "color": { + "default": { + "value": "{global.background.color.surface.default}", + "type": "color" + } + } + }, + "border": { + "color": { + "default": { + "value": "{global.border.color.line.subtle}", + "type": "color" + }, + "emphasis": { + "value": "{global.border.color.line.default}", + "type": "color" + } + }, + "width": { + "value": "{global.border.width.md}", + "type": "borderWidth" + }, + "radius": { + "value": "{global.border.radius.md}", + "type": "borderRadius" + } + }, + "spacing": { + "padding": { + "sm": { + "value": "{global.spacing.gap.sm}", + "type": "spacing" + }, + "md": { + "value": "{global.spacing.gap.md}", + "type": "spacing" + } + }, + "gaps": { + "sm": { + "value": "{global.spacing.gap.sm}", + "type": "spacing" + }, + "md": { + "value": "{global.spacing.gap.md}", + "type": "spacing" + }, + "lg": { + "value": "{global.spacing.gap.lg}", + "type": "spacing" + } + } + } + }, + "timeline": { + "content": { + "color": { + "default": { + "value": "{global.content.color.text.default}", + "type": "color" + }, + "default--reverse": { + "value": "{global.content.color.text.default--reverse}", + "type": "color" + } + }, + "typo": { + "value": "{global.content.typo.body.sm--semiBold}", + "type": "typography" + } + }, + "background": { + "color": { + "default": { + "value": "{global.background.color.surface.default--reverse}", + "type": "color" + }, + "default--reverse": { + "value": "{global.background.color.surface.default}", + "type": "color" + } + } + }, + "spacing": { + "gap": { + "value": "{global.spacing.gap.sm}", + "type": "spacing" + }, + "padding": { + "value": "{global.spacing.padding.lg}", + "type": "spacing" + } + }, + "border": { + "color": { + "default": { + "value": "{global.border.color.line.emphasis}", + "type": "color" + }, + "default--reverse": { + "value": "{global.border.color.line.default--reverse}", + "type": "color" + } + }, + "width": { + "sm": { + "value": "{global.border.width.sm}", + "type": "borderWidth" + }, + "md": { + "value": "{global.border.width.md}", + "type": "borderWidth" + } + } + } + }, + "swiper": { + "size": { + "md": { + "value": "{global.control.size.900}", + "type": "sizing" + } + }, + "content": { + "color": { + "default": { + "value": "{global.content.color.icon.default}", + "type": "color" + } + } + }, + "background": { + "color": { + "default": { + "value": "{global.background.color.surface.muted}", + "type": "color" + }, + "hover": { + "value": "{global.background.color.surface.emphasis}", + "type": "color" + } + } + }, + "spacing": { + "gap": { + "value": "{global.spacing.gap.lg}", + "type": "spacing" + }, + "padding": { + "value": "{global.spacing.padding.3xlg}", + "type": "spacing" + } + }, + "border": { + "radius": { + "value": "{global.border.radius.sm}", + "type": "borderRadius" + } + } + }, + "comunica": { + "content": { + "typo": { + "01": { + "value": { + "fontFamily": "{core.font.family.alt}", + "fontWeight": "{core.font.weight.regular}", + "lineHeight": "{core.font.lineHeight.300}", + "fontSize": "{core.font.size.75}" + }, + "type": "typography" + }, + "02": { + "value": { + "fontFamily": "{core.font.family.alt}", + "fontWeight": "{core.font.weight.medium}", + "lineHeight": "{core.font.lineHeight.300}", + "fontSize": "{core.font.size.75}" + }, + "type": "typography" + } + }, + "color": { + "default": { + "value": "{global.content.color.text.emphasis}", + "type": "color" + }, + "default--alt": { + "value": "{global.content.color.text.subtle}", + "type": "color" + } + } + }, + "background": { + "color": { + "default": { + "value": "{global.background.color.surface.subtle}", + "type": "color" + }, + "muted": { + "value": "{global.background.color.surface.default}", + "type": "color" + }, + "emphasis": { + "value": "{global.background.color.surface.muted}", + "type": "color" + } + } + }, + "border": { + "color": { + "default": { + "value": "{global.border.color.line.muted}", + "type": "color" + }, + "default--alt": { + "value": "{global.border.color.primary.emphasis}", + "type": "color" + } + }, + "width": { + "sm": { + "value": "{global.border.width.sm}", + "type": "borderWidth" + }, + "md": { + "value": "{global.border.width.md}", + "type": "borderWidth" + } + }, + "radius": { + "value": "{global.border.radius.md}", + "type": "borderRadius" + } + }, + "spacing": { + "padding": { + "sm": { + "value": "{global.spacing.padding.2xsm}", + "type": "spacing" + }, + "md": { + "value": "{global.spacing.padding.xsm}", + "type": "spacing" + }, + "lg": { + "value": "{global.spacing.padding.md}", + "type": "spacing" + }, + "xlg": { + "value": "96px", + "type": "spacing" + } + }, + "gap": { + "sm": { + "value": "{global.spacing.gap.sm}", + "type": "spacing" + }, + "md": { + "value": "{global.spacing.gap.md}", + "type": "spacing" + }, + "lg": { + "value": "{global.spacing.gap.lg}", + "type": "spacing" + } + } + } + }, + "menuLibrary": { + "content": { + "color": { + "main": { + "default": { + "value": "{global.content.color.text.default}", + "type": "color" + }, + "hover": { + "value": "{global.content.color.text.default}", + "type": "color" + }, + "active": { + "value": "{global.content.color.primary.default}", + "type": "color" + } + }, + "sub": { + "default": { + "value": "{global.content.color.text.default--reverse}", + "type": "color" + }, + "hover": { + "value": "{global.content.color.text.default--reverse}", + "type": "color" + }, + "active": { + "value": "{global.content.color.text.default--reverse}", + "type": "color" + } + } + } + }, + "background": { + "color": { + "main": { + "default": { + "value": "{global.background.color.surface.default}", + "type": "color" + }, + "hover": { + "value": "{global.background.color.surface.default}", + "type": "color" + }, + "active": { + "value": "{global.background.color.primary.verySubtle}", + "type": "color" + } + }, + "sub": { + "default": { + "value": "{global.background.color.surface.default}", + "type": "color" + }, + "hover": { + "value": "{global.background.color.surface.default}", + "type": "color" + }, + "active": { + "value": "{global.background.color.surface.default}", + "type": "color" + } + } + } + } + }, + "headerCreate": { + "spacing": { + "padding": { + "lg": { + "value": "{global.spacing.padding.lg}", + "type": "spacing" + } + } + }, + "border": { + "width": { + "sm": { + "value": "{global.border.width.sm}", + "type": "borderWidth" + } + } + } + }, + "HeaderCreate": { + "content": { + "color": { + "default": { + "value": "{global.content.color.text.emphasis}", + "type": "color" + } + } + }, + "background": { + "color": { + "default": { + "value": "{global.background.color.surface.default}", + "type": "color" + } + } + }, + "border": { + "color": { + "hover": { + "value": "{global.background.color.surface.emphasis}", + "type": "color" + } + } + } + }, + "cardLibrary": { + "spacing": { + "padding": { + "horizontal": { + "xsm": { + "value": "{global.spacing.padding.xsm}", + "type": "spacing" + }, + "sm": { + "value": "{global.spacing.padding.sm}", + "type": "spacing" + }, + "md": { + "value": "{global.spacing.padding.md}", + "type": "spacing" + }, + "2xsm": { + "value": "{global.spacing.padding.2xsm}", + "type": "spacing" + } + }, + "vertical": { + "xsm": { + "value": "{global.spacing.padding.xsm}", + "type": "spacing" + }, + "sm": { + "value": "{global.spacing.padding.sm}", + "type": "spacing" + }, + "md": { + "value": "{global.spacing.padding.md}", + "type": "spacing" + }, + "2xsm": { + "value": "{global.spacing.padding.2xsm}", + "type": "spacing" + } + } + }, + "gap": { + "sm": { + "value": "{global.spacing.gap.sm}", + "type": "spacing" + }, + "md": { + "value": "{global.spacing.gap.md}", + "type": "spacing" + }, + "lg": { + "value": "{global.spacing.gap.lg}", + "type": "spacing" + }, + "xlg": { + "value": "{global.spacing.gap.xlg}", + "type": "spacing" + } + } + }, + "content": { + "color": { + "emphasis": { + "value": "{global.content.color.tertiary.default}", + "type": "color" + }, + "default": { + "value": "{global.content.color.text.default}", + "type": "color" + }, + "subje": { + "value": "{global.content.color.text.emphasis}", + "type": "color" + }, + "muted": { + "value": "{global.content.color.text.muted}", + "type": "color" + }, + "icon": { + "value": "{global.content.color.icon.default}", + "type": "color" + } + }, + "typo": { + "lg": { + "value": "{global.content.typo.body.lg--medium}", + "type": "typography" + }, + "md": { + "value": { + "fontFamily": "{core.font.family.alt}", + "fontWeight": "{core.font.weight.regular}", + "lineHeight": "{core.font.lineHeight.200}", + "fontSize": "{core.font.size.75}" + }, + "type": "typography" + }, + "sm": { + "value": "{global.content.typo.body.xsm}", + "type": "typography" + } + } + }, + "background": { + "color": { + "default": { + "value": "{global.background.color.surface.default}", + "type": "color" + }, + "cover": { + "value": "{global.background.color.surface.muted}", + "type": "color" + } + } + }, + "border": { + "color": { + "defaut": { + "value": "{global.border.color.line.default}", + "type": "color" + }, + "subtle": { + "value": "{global.border.color.line.subtle}", + "type": "color" + } + }, + "radius": { + "sm": { + "value": "{global.border.radius.sm}", + "type": "borderRadius" + }, + "circle": { + "value": "{global.border.radius.circle}", + "type": "borderRadius" + } + }, + "width": { + "sm": { + "value": "{global.border.width.sm}", + "type": "borderWidth" + }, + "lg": { + "value": "{global.border.width.lg}", + "type": "borderWidth" + } + } + }, + "shadow": { + "hover": { + "value": "{core.shadow.100}", + "type": "boxShadow" + } + } + }, + "buttonIconCard": { + "spacing": { + "padding": { + "sm": { + "value": "{global.spacing.padding.3xsm}", + "type": "spacing" + } + } + }, + "content": { + "color": { + "primary": { + "default": { + "value": "{global.content.color.icon.default--reverse}", + "type": "color" + }, + "hover": { + "value": "{global.content.color.icon.default--reverse}", + "type": "color" + }, + "down": { + "value": "{global.content.color.icon.default--reverse}", + "type": "color" + } + } + } + }, + "background": { + "color": { + "primary": { + "default": { + "value": "{global.background.color.surface.default--reverse}", + "type": "color", + "$extensions": { + "studio.tokens": { + "modify": { + "type": "alpha", + "value": "0.4", + "space": "lch" + } + } + } + }, + "hover": { + "value": "{global.background.color.surface.default--reverse}", + "type": "color", + "$extensions": { + "studio.tokens": { + "modify": { + "type": "alpha", + "value": "0.7", + "space": "lch" + } + } + } + }, + "down": { + "value": "{global.background.color.surface.default--reverse}", + "type": "color" + } + } + } + }, + "border": { + "radius": { + "md": { + "value": "{global.border.radius.md}", + "type": "borderRadius" + } + } + } + }, + "ButtonIconCard": { + "blur": { + "default": { + "value": "{core.blur}", + "type": "dimension" + } + } + }, + "buttonIconLike": { + "content": { + "color": { + "primary": { + "default": { + "value": "{global.content.color.icon.default}", + "type": "color" + }, + "hover": { + "value": "{global.content.color.accent.default}", + "type": "color" + }, + "active": { + "value": "{global.content.color.accent.default}", + "type": "color" + } + } + } + } + }, + "cardAssignments": { + "spacing": { + "padding": { + "horizontal": { + "xsm": { + "value": "{global.spacing.padding.xsm}", + "type": "spacing" + }, + "sm": { + "value": "{global.spacing.padding.sm}", + "type": "spacing" + }, + "md": { + "value": "{global.spacing.padding.md}", + "type": "spacing" + }, + "2xsm": { + "value": "{global.spacing.padding.2xsm}", + "type": "spacing" + } + }, + "vertical": { + "xsm": { + "value": "{global.spacing.padding.xsm}", + "type": "spacing" + }, + "sm": { + "value": "{global.spacing.padding.sm}", + "type": "spacing" + }, + "md": { + "value": "{global.spacing.padding.md}", + "type": "spacing" + }, + "2xsm": { + "value": "{global.spacing.padding.2xsm}", + "type": "spacing" + } + } + }, + "gap": { + "sm": { + "value": "{global.spacing.gap.sm}", + "type": "spacing" + }, + "md": { + "value": "{global.spacing.gap.md}", + "type": "spacing" + }, + "lg": { + "value": "{global.spacing.gap.lg}", + "type": "spacing" + }, + "xlg": { + "value": "{global.spacing.gap.xlg}", + "type": "spacing" + } + } + }, + "content": { + "color": { + "emphasis": { + "value": "{global.content.color.tertiary.default}", + "type": "color" + }, + "default": { + "value": "{global.content.color.text.default}", + "type": "color" + }, + "subje": { + "value": "{global.content.color.text.emphasis}", + "type": "color" + }, + "muted": { + "value": "{global.content.color.text.muted}", + "type": "color" + }, + "icon": { + "value": "{global.content.color.icon.default}", + "type": "color" + } + }, + "typo": { + "lg": { + "value": "{global.content.typo.body.lg--medium}", + "type": "typography" + }, + "md": { + "value": { + "fontFamily": "{core.font.family.alt}", + "fontWeight": "{core.font.weight.regular}", + "lineHeight": "{core.font.lineHeight.200}", + "fontSize": "{core.font.size.75}" + }, + "type": "typography" + }, + "sm": { + "value": "{global.content.typo.body.xsm}", + "type": "typography" + } + } + }, + "background": { + "color": { + "default": { + "value": "{global.background.color.surface.default}", + "type": "color" + } + } + }, + "border": { + "color": { + "subtle": { + "value": "{global.border.color.line.subtle}", + "type": "color" + } + }, + "radius": { + "sm": { + "value": "{global.border.radius.sm}", + "type": "borderRadius" + }, + "circle": { + "value": "{global.border.radius.circle}", + "type": "borderRadius" + } + }, + "width": { + "sm": { + "value": "{global.border.width.sm}", + "type": "borderWidth" + }, + "lg": { + "value": "{global.border.width.lg}", + "type": "borderWidth" + } + } + }, + "shadow": { + "hover": { + "value": "{core.shadow.100}", + "type": "boxShadow" + } + } + }, + "progress": { + "content": { + "color": { + "text": { + "value": "{global.content.color.text.default}", + "type": "color" + }, + "phatic": { + "positive": { + "value": "{global.border.color.positive.default}", + "type": "color" + }, + "attention": { + "value": "{global.content.color.attention.default}", + "type": "color" + }, + "negative": { + "value": "{global.content.color.negative.default}", + "type": "color" + } + } + }, + "typo": { + "value": "{global.content.typo.body.xsm}", + "type": "typography" + } + }, + "background": { + "color": { + "primary": { + "default": { + "value": "{global.background.color.surface.emphasis}", + "type": "color" + } + } + } + }, + "spacing": { + "gap": { + "value": "{global.spacing.gap.md}", + "type": "spacing" + } + }, + "border": { + "radius": { + "rounded": { + "value": "{global.border.radius.rounded}", + "type": "borderRadius" + } + } + } + } + }, + "$themes": [], + "$metadata": { + "tokenSetOrder": [ + "core", + "global", + "component" + ] + } +} \ No newline at end of file diff --git a/packages/components/babel.config.js b/packages/components/babel.config.js index 4f6cf0d79..d05715c3e 100644 --- a/packages/components/babel.config.js +++ b/packages/components/babel.config.js @@ -26,7 +26,7 @@ module.exports = { 'dev-expression', '@babel/plugin-syntax-dynamic-import', '@babel/plugin-syntax-import-meta', - '@babel/plugin-proposal-class-properties', + // '@babel/plugin-proposal-class-properties', // '@babel/plugin-proposal-export-namespace-from', '@babel/plugin-proposal-export-default-from', ], diff --git a/packages/editors/babel.config.js b/packages/editors/babel.config.js index e52c5c136..32057f3f3 100644 --- a/packages/editors/babel.config.js +++ b/packages/editors/babel.config.js @@ -26,7 +26,7 @@ module.exports = { 'dev-expression', '@babel/plugin-syntax-dynamic-import', '@babel/plugin-syntax-import-meta', - '@babel/plugin-proposal-class-properties', + // '@babel/plugin-proposal-class-properties', '@babel/plugin-proposal-export-namespace-from', '@babel/plugin-proposal-export-default-from', ], From 0959f3e69206ddb110af0e52a9c466321b4a8f76 Mon Sep 17 00:00:00 2001 From: GitHub Actions Bot <> Date: Thu, 2 Nov 2023 17:17:29 +0000 Subject: [PATCH 09/17] chore: version bump --- packages/calendars/CHANGELOG.md | 9 +++++++++ packages/calendars/package.json | 6 +++--- packages/components/CHANGELOG.md | 8 ++++++++ packages/components/package.json | 4 ++-- packages/editors/CHANGELOG.md | 9 +++++++++ packages/editors/package.json | 6 +++--- packages/icons/CHANGELOG.md | 6 ++++++ packages/icons/package.json | 2 +- packages/leemons/CHANGELOG.md | 11 +++++++++++ packages/leemons/package.json | 10 +++++----- packages/notifications/CHANGELOG.md | 9 +++++++++ packages/notifications/package.json | 6 +++--- 12 files changed, 69 insertions(+), 17 deletions(-) diff --git a/packages/calendars/CHANGELOG.md b/packages/calendars/CHANGELOG.md index f99d9a090..e6e834989 100644 --- a/packages/calendars/CHANGELOG.md +++ b/packages/calendars/CHANGELOG.md @@ -1,5 +1,14 @@ # @bubbles-ui/calendars +## 1.2.26 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.26 + - @bubbles-ui/icons@1.2.26 + ## 1.2.25 ### Patch Changes diff --git a/packages/calendars/package.json b/packages/calendars/package.json index 54deb5505..a5f8baaae 100644 --- a/packages/calendars/package.json +++ b/packages/calendars/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/calendars", - "version": "1.2.25", + "version": "1.2.26", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -57,8 +57,8 @@ "rrule": "^2.6.8" }, "peerDependencies": { - "@bubbles-ui/components": "^1.2.25", - "@bubbles-ui/icons": "^1.2.25", + "@bubbles-ui/components": "^1.2.26", + "@bubbles-ui/icons": "^1.2.26", "react": "^17.0.2", "react-dom": "^17.0.2", "webpack": "*" diff --git a/packages/components/CHANGELOG.md b/packages/components/CHANGELOG.md index 2340345a9..2d97baa98 100644 --- a/packages/components/CHANGELOG.md +++ b/packages/components/CHANGELOG.md @@ -1,5 +1,13 @@ # @bubbles-ui/components +## 1.2.26 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/icons@1.2.26 + ## 1.2.25 ### Patch Changes diff --git a/packages/components/package.json b/packages/components/package.json index 6c531e20c..ed7b2624c 100644 --- a/packages/components/package.json +++ b/packages/components/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/components", - "version": "1.2.25", + "version": "1.2.26", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -61,7 +61,7 @@ "chromatic": "npx chromatic --project-token=7b10302a7b6b --build-script-name=build:storybook:raw" }, "dependencies": { - "@bubbles-ui/icons": "^1.2.25", + "@bubbles-ui/icons": "^1.2.26", "@emotion/react": "^11.10.0", "@heroicons/react": "^1.0.5", "@leemonade/react-dnd-treeview": "^1.5.44", diff --git a/packages/editors/CHANGELOG.md b/packages/editors/CHANGELOG.md index 9f55d1716..71c60bcb4 100644 --- a/packages/editors/CHANGELOG.md +++ b/packages/editors/CHANGELOG.md @@ -1,5 +1,14 @@ # @bubbles-ui/editors +## 1.2.26 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.26 + - @bubbles-ui/icons@1.2.26 + ## 1.2.25 ### Patch Changes diff --git a/packages/editors/package.json b/packages/editors/package.json index fcb444f32..6c8a60c4e 100644 --- a/packages/editors/package.json +++ b/packages/editors/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/editors", - "version": "1.2.25", + "version": "1.2.26", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -79,8 +79,8 @@ "styled-icons": "^10.45.0" }, "peerDependencies": { - "@bubbles-ui/components": "^1.2.25", - "@bubbles-ui/icons": "^1.2.25", + "@bubbles-ui/components": "^1.2.26", + "@bubbles-ui/icons": "^1.2.26", "react": "^17.0.2", "react-dom": "^17.0.2", "webpack": "*" diff --git a/packages/icons/CHANGELOG.md b/packages/icons/CHANGELOG.md index efa4493a3..77fa795cf 100644 --- a/packages/icons/CHANGELOG.md +++ b/packages/icons/CHANGELOG.md @@ -1,5 +1,11 @@ # @bubbles-ui/icons +## 1.2.26 + +### Patch Changes + +- Versions bump + ## 1.2.25 ### Patch Changes diff --git a/packages/icons/package.json b/packages/icons/package.json index ef49e398e..f4453796b 100644 --- a/packages/icons/package.json +++ b/packages/icons/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/icons", - "version": "1.2.25", + "version": "1.2.26", "description": "The Bubbles Design System icons library.", "license": "MIT", "repository": { diff --git a/packages/leemons/CHANGELOG.md b/packages/leemons/CHANGELOG.md index b9d3eff6a..720ec5fb2 100644 --- a/packages/leemons/CHANGELOG.md +++ b/packages/leemons/CHANGELOG.md @@ -1,5 +1,16 @@ # @bubbles-ui/leemons +## 1.2.26 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.26 + - @bubbles-ui/calendars@1.2.26 + - @bubbles-ui/editors@1.2.26 + - @bubbles-ui/icons@1.2.26 + ## 1.2.25 ### Patch Changes diff --git a/packages/leemons/package.json b/packages/leemons/package.json index b76b05f03..35466034c 100644 --- a/packages/leemons/package.json +++ b/packages/leemons/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/leemons", - "version": "1.2.25", + "version": "1.2.26", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -74,10 +74,10 @@ "ajv": "6.12.6" }, "peerDependencies": { - "@bubbles-ui/calendars": "^1.2.25", - "@bubbles-ui/components": "^1.2.25", - "@bubbles-ui/editors": "^1.2.25", - "@bubbles-ui/icons": "^1.2.25", + "@bubbles-ui/calendars": "^1.2.26", + "@bubbles-ui/components": "^1.2.26", + "@bubbles-ui/editors": "^1.2.26", + "@bubbles-ui/icons": "^1.2.26", "dayjs": "^1.10.7", "react": "^17.0.2", "react-dom": "^17.0.2", diff --git a/packages/notifications/CHANGELOG.md b/packages/notifications/CHANGELOG.md index 3289d7470..09386c0be 100644 --- a/packages/notifications/CHANGELOG.md +++ b/packages/notifications/CHANGELOG.md @@ -1,5 +1,14 @@ # @bubbles-ui/notifications +## 1.2.26 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.26 + - @bubbles-ui/icons@1.2.26 + ## 1.2.25 ### Patch Changes diff --git a/packages/notifications/package.json b/packages/notifications/package.json index 32d255515..c7bfcbb34 100644 --- a/packages/notifications/package.json +++ b/packages/notifications/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/notifications", - "version": "1.2.25", + "version": "1.2.26", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -52,8 +52,8 @@ "react-transition-group": "^4.4.2" }, "peerDependencies": { - "@bubbles-ui/components": "^1.2.25", - "@bubbles-ui/icons": "^1.2.25", + "@bubbles-ui/components": "^1.2.26", + "@bubbles-ui/icons": "^1.2.26", "@mantine/core": "5.2.4", "@mantine/hooks": "5.2.4", "react": "^17.0.2", From 6b0247dff4aa094e0119320b4f14f3e68d7798fe Mon Sep 17 00:00:00 2001 From: Banshee-92 <138103229+Banshee-92@users.noreply.github.com> Date: Tue, 7 Nov 2023 11:13:47 +0100 Subject: [PATCH 10/17] Cambios antes del puente --- tokens.json | 86 +++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 86 insertions(+) diff --git a/tokens.json b/tokens.json index b20b8f4d1..facb88fcc 100644 --- a/tokens.json +++ b/tokens.json @@ -5880,6 +5880,42 @@ "sm": { "value": "{global.content.typo.body.xsm}", "type": "typography" + }, + "sm--medium": { + "value": "{global.content.typo.body.sm--medium}", + "type": "typography" + }, + "xxl": { + "value": { + "fontFamily": "{core.font.family.main}", + "fontWeight": "{core.font.weight.medium}", + "lineHeight": "{core.font.lineHeight.600}", + "fontSize": "48px" + }, + "type": "typography" + }, + "xl": { + "value": { + "fontFamily": "{core.font.family.main}", + "fontWeight": "{core.font.weight.medium}", + "lineHeight": "{core.font.lineHeight.400}", + "fontSize": "24px" + }, + "type": "typography" + } + }, + "phatic": { + "positive": { + "value": "{global.content.color.positive.default}", + "type": "color" + }, + "alert": { + "value": "{global.content.color.attention.default}", + "type": "color" + }, + "danger": { + "value": "{global.content.color.negative.default}", + "type": "color" } } }, @@ -5888,6 +5924,10 @@ "default": { "value": "{global.background.color.surface.default}", "type": "color" + }, + "top": { + "value": "{global.background.color.surface.muted}", + "type": "color" } } }, @@ -5977,6 +6017,52 @@ } } } + }, + "ChipModule": { + "spacing": { + "padding": { + "horizontal": { + "sm": { + "value": "{global.spacing.padding.xsm}", + "type": "spacing" + } + }, + "vertical": { + "sm": { + "value": "{global.spacing.padding.sm}", + "type": "spacing" + } + } + } + }, + "content": { + "color": { + "default": { + "value": "{global.content.color.text.default}", + "type": "color" + } + }, + "typo": { + "sm": { + "value": "{global.content.typo.body.xsm}", + "type": "typography" + } + } + }, + "background": { + "color": { + "default": { + "value": "{global.background.color.surface.default}", + "type": "color" + } + } + }, + "border": { + "radius": { + "value": "{global.border.radius.md}", + "type": "borderRadius" + } + } } }, "$themes": [], From 1bb6b0de14e95cb62a1c251c9c7312e5fdde5af1 Mon Sep 17 00:00:00 2001 From: GitHub Actions Bot <> Date: Tue, 7 Nov 2023 10:22:08 +0000 Subject: [PATCH 11/17] chore: version bump --- packages/calendars/CHANGELOG.md | 9 +++++++++ packages/calendars/package.json | 6 +++--- packages/components/CHANGELOG.md | 8 ++++++++ packages/components/package.json | 4 ++-- packages/editors/CHANGELOG.md | 9 +++++++++ packages/editors/package.json | 6 +++--- packages/icons/CHANGELOG.md | 6 ++++++ packages/icons/package.json | 2 +- packages/leemons/CHANGELOG.md | 11 +++++++++++ packages/leemons/package.json | 10 +++++----- packages/notifications/CHANGELOG.md | 9 +++++++++ packages/notifications/package.json | 6 +++--- 12 files changed, 69 insertions(+), 17 deletions(-) diff --git a/packages/calendars/CHANGELOG.md b/packages/calendars/CHANGELOG.md index e6e834989..9d3361366 100644 --- a/packages/calendars/CHANGELOG.md +++ b/packages/calendars/CHANGELOG.md @@ -1,5 +1,14 @@ # @bubbles-ui/calendars +## 1.2.27 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.27 + - @bubbles-ui/icons@1.2.27 + ## 1.2.26 ### Patch Changes diff --git a/packages/calendars/package.json b/packages/calendars/package.json index a5f8baaae..a9f2fe041 100644 --- a/packages/calendars/package.json +++ b/packages/calendars/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/calendars", - "version": "1.2.26", + "version": "1.2.27", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -57,8 +57,8 @@ "rrule": "^2.6.8" }, "peerDependencies": { - "@bubbles-ui/components": "^1.2.26", - "@bubbles-ui/icons": "^1.2.26", + "@bubbles-ui/components": "^1.2.27", + "@bubbles-ui/icons": "^1.2.27", "react": "^17.0.2", "react-dom": "^17.0.2", "webpack": "*" diff --git a/packages/components/CHANGELOG.md b/packages/components/CHANGELOG.md index 2d97baa98..19d3c7966 100644 --- a/packages/components/CHANGELOG.md +++ b/packages/components/CHANGELOG.md @@ -1,5 +1,13 @@ # @bubbles-ui/components +## 1.2.27 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/icons@1.2.27 + ## 1.2.26 ### Patch Changes diff --git a/packages/components/package.json b/packages/components/package.json index ed7b2624c..ec3e5e697 100644 --- a/packages/components/package.json +++ b/packages/components/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/components", - "version": "1.2.26", + "version": "1.2.27", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -61,7 +61,7 @@ "chromatic": "npx chromatic --project-token=7b10302a7b6b --build-script-name=build:storybook:raw" }, "dependencies": { - "@bubbles-ui/icons": "^1.2.26", + "@bubbles-ui/icons": "^1.2.27", "@emotion/react": "^11.10.0", "@heroicons/react": "^1.0.5", "@leemonade/react-dnd-treeview": "^1.5.44", diff --git a/packages/editors/CHANGELOG.md b/packages/editors/CHANGELOG.md index 71c60bcb4..9b706341e 100644 --- a/packages/editors/CHANGELOG.md +++ b/packages/editors/CHANGELOG.md @@ -1,5 +1,14 @@ # @bubbles-ui/editors +## 1.2.27 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.27 + - @bubbles-ui/icons@1.2.27 + ## 1.2.26 ### Patch Changes diff --git a/packages/editors/package.json b/packages/editors/package.json index 6c8a60c4e..732658082 100644 --- a/packages/editors/package.json +++ b/packages/editors/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/editors", - "version": "1.2.26", + "version": "1.2.27", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -79,8 +79,8 @@ "styled-icons": "^10.45.0" }, "peerDependencies": { - "@bubbles-ui/components": "^1.2.26", - "@bubbles-ui/icons": "^1.2.26", + "@bubbles-ui/components": "^1.2.27", + "@bubbles-ui/icons": "^1.2.27", "react": "^17.0.2", "react-dom": "^17.0.2", "webpack": "*" diff --git a/packages/icons/CHANGELOG.md b/packages/icons/CHANGELOG.md index 77fa795cf..f9381d8be 100644 --- a/packages/icons/CHANGELOG.md +++ b/packages/icons/CHANGELOG.md @@ -1,5 +1,11 @@ # @bubbles-ui/icons +## 1.2.27 + +### Patch Changes + +- Versions bump + ## 1.2.26 ### Patch Changes diff --git a/packages/icons/package.json b/packages/icons/package.json index f4453796b..6cb8e0468 100644 --- a/packages/icons/package.json +++ b/packages/icons/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/icons", - "version": "1.2.26", + "version": "1.2.27", "description": "The Bubbles Design System icons library.", "license": "MIT", "repository": { diff --git a/packages/leemons/CHANGELOG.md b/packages/leemons/CHANGELOG.md index 720ec5fb2..95f1ebd63 100644 --- a/packages/leemons/CHANGELOG.md +++ b/packages/leemons/CHANGELOG.md @@ -1,5 +1,16 @@ # @bubbles-ui/leemons +## 1.2.27 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.27 + - @bubbles-ui/calendars@1.2.27 + - @bubbles-ui/editors@1.2.27 + - @bubbles-ui/icons@1.2.27 + ## 1.2.26 ### Patch Changes diff --git a/packages/leemons/package.json b/packages/leemons/package.json index 35466034c..86309d60f 100644 --- a/packages/leemons/package.json +++ b/packages/leemons/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/leemons", - "version": "1.2.26", + "version": "1.2.27", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -74,10 +74,10 @@ "ajv": "6.12.6" }, "peerDependencies": { - "@bubbles-ui/calendars": "^1.2.26", - "@bubbles-ui/components": "^1.2.26", - "@bubbles-ui/editors": "^1.2.26", - "@bubbles-ui/icons": "^1.2.26", + "@bubbles-ui/calendars": "^1.2.27", + "@bubbles-ui/components": "^1.2.27", + "@bubbles-ui/editors": "^1.2.27", + "@bubbles-ui/icons": "^1.2.27", "dayjs": "^1.10.7", "react": "^17.0.2", "react-dom": "^17.0.2", diff --git a/packages/notifications/CHANGELOG.md b/packages/notifications/CHANGELOG.md index 09386c0be..a3a73ee8d 100644 --- a/packages/notifications/CHANGELOG.md +++ b/packages/notifications/CHANGELOG.md @@ -1,5 +1,14 @@ # @bubbles-ui/notifications +## 1.2.27 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.27 + - @bubbles-ui/icons@1.2.27 + ## 1.2.26 ### Patch Changes diff --git a/packages/notifications/package.json b/packages/notifications/package.json index c7bfcbb34..38108058b 100644 --- a/packages/notifications/package.json +++ b/packages/notifications/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/notifications", - "version": "1.2.26", + "version": "1.2.27", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -52,8 +52,8 @@ "react-transition-group": "^4.4.2" }, "peerDependencies": { - "@bubbles-ui/components": "^1.2.26", - "@bubbles-ui/icons": "^1.2.26", + "@bubbles-ui/components": "^1.2.27", + "@bubbles-ui/icons": "^1.2.27", "@mantine/core": "5.2.4", "@mantine/hooks": "5.2.4", "react": "^17.0.2", From d1428578eeba571b63e2d80b5a7d2e3566863927 Mon Sep 17 00:00:00 2001 From: Banshee-92 <138103229+Banshee-92@users.noreply.github.com> Date: Wed, 8 Nov 2023 09:30:27 +0100 Subject: [PATCH 12/17] Cambios cardAssigments Creando nuevos tokens de cardEvaluation --- tokens.json | 193 +++++++++++++++++++++++++++++++++++++++++++++++++++- 1 file changed, 191 insertions(+), 2 deletions(-) diff --git a/tokens.json b/tokens.json index facb88fcc..c53190093 100644 --- a/tokens.json +++ b/tokens.json @@ -5655,7 +5655,7 @@ }, "radius": { "sm": { - "value": "{global.border.radius.sm}", + "value": "{global.border.radius.md}", "type": "borderRadius" }, "circle": { @@ -5940,7 +5940,7 @@ }, "radius": { "sm": { - "value": "{global.border.radius.sm}", + "value": "{global.border.radius.md}", "type": "borderRadius" }, "circle": { @@ -6063,6 +6063,195 @@ "type": "borderRadius" } } + }, + "cardEvaluation": { + "spacing": { + "padding": { + "horizontal": { + "xsm": { + "value": "{global.spacing.padding.xsm}", + "type": "spacing" + }, + "sm": { + "value": "{global.spacing.padding.sm}", + "type": "spacing" + }, + "md": { + "value": "{global.spacing.padding.md}", + "type": "spacing" + }, + "2xsm": { + "value": "{global.spacing.padding.2xsm}", + "type": "spacing" + } + }, + "vertical": { + "xsm": { + "value": "{global.spacing.padding.xsm}", + "type": "spacing" + }, + "sm": { + "value": "{global.spacing.padding.sm}", + "type": "spacing" + }, + "md": { + "value": "{global.spacing.padding.md}", + "type": "spacing" + }, + "2xsm": { + "value": "{global.spacing.padding.2xsm}", + "type": "spacing" + } + } + }, + "gap": { + "sm": { + "value": "{global.spacing.gap.sm}", + "type": "spacing" + }, + "md": { + "value": "{global.spacing.gap.md}", + "type": "spacing" + }, + "lg": { + "value": "{global.spacing.gap.lg}", + "type": "spacing" + }, + "xlg": { + "value": "{global.spacing.gap.xlg}", + "type": "spacing" + } + } + }, + "content": { + "color": { + "emphasis": { + "value": "{global.content.color.tertiary.default}", + "type": "color" + }, + "default": { + "value": "{global.content.color.text.default}", + "type": "color" + }, + "subje": { + "value": "{global.content.color.text.emphasis}", + "type": "color" + }, + "muted": { + "value": "{global.content.color.text.muted}", + "type": "color" + }, + "icon": { + "value": "{global.content.color.icon.default}", + "type": "color" + } + }, + "phatic": { + "positive": { + "value": "{global.content.color.positive.default}", + "type": "color" + }, + "alert": { + "value": "{global.content.color.attention.default}", + "type": "color" + }, + "danger": { + "value": "{global.content.color.negative.default}", + "type": "color" + } + }, + "typo": { + "lg": { + "value": "{global.content.typo.body.lg--medium}", + "type": "typography" + }, + "md": { + "value": { + "fontFamily": "{core.font.family.alt}", + "fontWeight": "{core.font.weight.regular}", + "lineHeight": "{core.font.lineHeight.200}px", + "fontSize": "{core.font.size.75}px" + }, + "type": "typography" + }, + "sm": { + "value": "{global.content.typo.body.xsm}", + "type": "typography" + }, + "xsm--semiBold": { + "value": "{global.content.typo.body.xsm--semiBold}", + "type": "typography" + }, + "sm--medium": { + "value": "{global.content.typo.body.sm--medium}", + "type": "typography" + }, + "xxl": { + "value": { + "fontFamily": "{core.font.family.main}", + "fontWeight": "{core.font.weight.medium}", + "lineHeight": "{core.font.lineHeight.600}px", + "fontSize": "48 px" + }, + "type": "typography" + }, + "xl": { + "value": { + "fontFamily": "{core.font.family.main}", + "fontWeight": "{core.font.weight.medium}", + "fontSize": "24px", + "lineHeight": "23px" + }, + "type": "typography" + } + } + }, + "background": { + "color": { + "default": { + "value": "{global.background.color.surface.default}", + "type": "color" + }, + "top": { + "value": "{global.background.color.surface.muted}", + "type": "color" + } + } + }, + "border": { + "color": { + "subtle": { + "value": "{global.border.color.line.subtle}", + "type": "color" + } + }, + "width": { + "sm": { + "value": "{global.border.width.sm}", + "type": "borderWidth" + }, + "lg": { + "value": "{global.border.width.lg}", + "type": "borderWidth" + } + }, + "radius": { + "sm": { + "value": "{global.border.radius.md}", + "type": "borderRadius" + }, + "circle": { + "value": "{global.border.radius.circle}", + "type": "borderRadius" + } + } + }, + "shadow": { + "hover": { + "value": "{core.shadow.100}", + "type": "boxShadow" + } + } } }, "$themes": [], From 05511c9cc2aa6f975c96b3689fcca318632f3bd8 Mon Sep 17 00:00:00 2001 From: Banshee-92 <138103229+Banshee-92@users.noreply.github.com> Date: Wed, 8 Nov 2023 09:35:12 +0100 Subject: [PATCH 13/17] =?UTF-8?q?A=C3=B1adido=20px=20a=20las=20tipograf?= =?UTF-8?q?=C3=ADas.?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- tokens.json | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/tokens.json b/tokens.json index c53190093..3ae16c8cd 100644 --- a/tokens.json +++ b/tokens.json @@ -5872,8 +5872,8 @@ "value": { "fontFamily": "{core.font.family.alt}", "fontWeight": "{core.font.weight.regular}", - "lineHeight": "{core.font.lineHeight.200}", - "fontSize": "{core.font.size.75}" + "lineHeight": "{core.font.lineHeight.200}px", + "fontSize": "{core.font.size.75}px" }, "type": "typography" }, @@ -5889,7 +5889,7 @@ "value": { "fontFamily": "{core.font.family.main}", "fontWeight": "{core.font.weight.medium}", - "lineHeight": "{core.font.lineHeight.600}", + "lineHeight": "{core.font.lineHeight.600}px", "fontSize": "48px" }, "type": "typography" @@ -5898,7 +5898,7 @@ "value": { "fontFamily": "{core.font.family.main}", "fontWeight": "{core.font.weight.medium}", - "lineHeight": "{core.font.lineHeight.400}", + "lineHeight": "{core.font.lineHeight.400}px", "fontSize": "24px" }, "type": "typography" From 8751bc7bfe9ee664e4506fb75d12c5ca2e26ed1a Mon Sep 17 00:00:00 2001 From: Banshee-92 <138103229+Banshee-92@users.noreply.github.com> Date: Mon, 13 Nov 2023 09:14:17 +0100 Subject: [PATCH 14/17] Terminadas cardEvaluation --- tokens.json | 26 ++++++++++++++++++++++++++ 1 file changed, 26 insertions(+) diff --git a/tokens.json b/tokens.json index 3ae16c8cd..e9ac1a7ca 100644 --- a/tokens.json +++ b/tokens.json @@ -875,6 +875,24 @@ "value": "{core.color.accent.100}", "type": "color" } + }, + "info": { + "default": { + "value": "{core.color.info.500}", + "type": "color" + }, + "emphasis": { + "value": "{core.color.info.600}", + "type": "color" + }, + "muted": { + "value": "{core.color.info.300}", + "type": "color" + }, + "subtle": { + "value": "{core.color.info.100}", + "type": "color" + } } }, "typo": { @@ -6158,6 +6176,10 @@ "danger": { "value": "{global.content.color.negative.default}", "type": "color" + }, + "info": { + "value": "{global.content.color.info.default}", + "type": "color" } }, "typo": { @@ -6215,6 +6237,10 @@ "top": { "value": "{global.background.color.surface.muted}", "type": "color" + }, + "circle": { + "value": "{global.background.color.surface.emphasis}", + "type": "color" } } }, From 447a6a838c8f1a81b29502a2b9856433eaafa382 Mon Sep 17 00:00:00 2001 From: GitHub Actions Bot <> Date: Mon, 13 Nov 2023 08:26:14 +0000 Subject: [PATCH 15/17] chore: version bump --- packages/calendars/CHANGELOG.md | 9 +++++++++ packages/calendars/package.json | 6 +++--- packages/components/CHANGELOG.md | 8 ++++++++ packages/components/package.json | 4 ++-- packages/editors/CHANGELOG.md | 9 +++++++++ packages/editors/package.json | 6 +++--- packages/icons/CHANGELOG.md | 6 ++++++ packages/icons/package.json | 2 +- packages/leemons/CHANGELOG.md | 11 +++++++++++ packages/leemons/package.json | 10 +++++----- packages/notifications/CHANGELOG.md | 9 +++++++++ packages/notifications/package.json | 6 +++--- 12 files changed, 69 insertions(+), 17 deletions(-) diff --git a/packages/calendars/CHANGELOG.md b/packages/calendars/CHANGELOG.md index 9d3361366..1f4178478 100644 --- a/packages/calendars/CHANGELOG.md +++ b/packages/calendars/CHANGELOG.md @@ -1,5 +1,14 @@ # @bubbles-ui/calendars +## 1.2.28 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.28 + - @bubbles-ui/icons@1.2.28 + ## 1.2.27 ### Patch Changes diff --git a/packages/calendars/package.json b/packages/calendars/package.json index a9f2fe041..b75c0eae2 100644 --- a/packages/calendars/package.json +++ b/packages/calendars/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/calendars", - "version": "1.2.27", + "version": "1.2.28", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -57,8 +57,8 @@ "rrule": "^2.6.8" }, "peerDependencies": { - "@bubbles-ui/components": "^1.2.27", - "@bubbles-ui/icons": "^1.2.27", + "@bubbles-ui/components": "^1.2.28", + "@bubbles-ui/icons": "^1.2.28", "react": "^17.0.2", "react-dom": "^17.0.2", "webpack": "*" diff --git a/packages/components/CHANGELOG.md b/packages/components/CHANGELOG.md index 19d3c7966..520e34cf2 100644 --- a/packages/components/CHANGELOG.md +++ b/packages/components/CHANGELOG.md @@ -1,5 +1,13 @@ # @bubbles-ui/components +## 1.2.28 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/icons@1.2.28 + ## 1.2.27 ### Patch Changes diff --git a/packages/components/package.json b/packages/components/package.json index ec3e5e697..b6a2e5d75 100644 --- a/packages/components/package.json +++ b/packages/components/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/components", - "version": "1.2.27", + "version": "1.2.28", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -61,7 +61,7 @@ "chromatic": "npx chromatic --project-token=7b10302a7b6b --build-script-name=build:storybook:raw" }, "dependencies": { - "@bubbles-ui/icons": "^1.2.27", + "@bubbles-ui/icons": "^1.2.28", "@emotion/react": "^11.10.0", "@heroicons/react": "^1.0.5", "@leemonade/react-dnd-treeview": "^1.5.44", diff --git a/packages/editors/CHANGELOG.md b/packages/editors/CHANGELOG.md index 9b706341e..82437deb8 100644 --- a/packages/editors/CHANGELOG.md +++ b/packages/editors/CHANGELOG.md @@ -1,5 +1,14 @@ # @bubbles-ui/editors +## 1.2.28 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.28 + - @bubbles-ui/icons@1.2.28 + ## 1.2.27 ### Patch Changes diff --git a/packages/editors/package.json b/packages/editors/package.json index 732658082..ec92dc80e 100644 --- a/packages/editors/package.json +++ b/packages/editors/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/editors", - "version": "1.2.27", + "version": "1.2.28", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -79,8 +79,8 @@ "styled-icons": "^10.45.0" }, "peerDependencies": { - "@bubbles-ui/components": "^1.2.27", - "@bubbles-ui/icons": "^1.2.27", + "@bubbles-ui/components": "^1.2.28", + "@bubbles-ui/icons": "^1.2.28", "react": "^17.0.2", "react-dom": "^17.0.2", "webpack": "*" diff --git a/packages/icons/CHANGELOG.md b/packages/icons/CHANGELOG.md index f9381d8be..3c72fab42 100644 --- a/packages/icons/CHANGELOG.md +++ b/packages/icons/CHANGELOG.md @@ -1,5 +1,11 @@ # @bubbles-ui/icons +## 1.2.28 + +### Patch Changes + +- Versions bump + ## 1.2.27 ### Patch Changes diff --git a/packages/icons/package.json b/packages/icons/package.json index 6cb8e0468..80a35a3e8 100644 --- a/packages/icons/package.json +++ b/packages/icons/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/icons", - "version": "1.2.27", + "version": "1.2.28", "description": "The Bubbles Design System icons library.", "license": "MIT", "repository": { diff --git a/packages/leemons/CHANGELOG.md b/packages/leemons/CHANGELOG.md index 95f1ebd63..6dc9aeca6 100644 --- a/packages/leemons/CHANGELOG.md +++ b/packages/leemons/CHANGELOG.md @@ -1,5 +1,16 @@ # @bubbles-ui/leemons +## 1.2.28 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.28 + - @bubbles-ui/calendars@1.2.28 + - @bubbles-ui/editors@1.2.28 + - @bubbles-ui/icons@1.2.28 + ## 1.2.27 ### Patch Changes diff --git a/packages/leemons/package.json b/packages/leemons/package.json index 86309d60f..ef26e6fc2 100644 --- a/packages/leemons/package.json +++ b/packages/leemons/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/leemons", - "version": "1.2.27", + "version": "1.2.28", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -74,10 +74,10 @@ "ajv": "6.12.6" }, "peerDependencies": { - "@bubbles-ui/calendars": "^1.2.27", - "@bubbles-ui/components": "^1.2.27", - "@bubbles-ui/editors": "^1.2.27", - "@bubbles-ui/icons": "^1.2.27", + "@bubbles-ui/calendars": "^1.2.28", + "@bubbles-ui/components": "^1.2.28", + "@bubbles-ui/editors": "^1.2.28", + "@bubbles-ui/icons": "^1.2.28", "dayjs": "^1.10.7", "react": "^17.0.2", "react-dom": "^17.0.2", diff --git a/packages/notifications/CHANGELOG.md b/packages/notifications/CHANGELOG.md index a3a73ee8d..59c2d3b84 100644 --- a/packages/notifications/CHANGELOG.md +++ b/packages/notifications/CHANGELOG.md @@ -1,5 +1,14 @@ # @bubbles-ui/notifications +## 1.2.28 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.28 + - @bubbles-ui/icons@1.2.28 + ## 1.2.27 ### Patch Changes diff --git a/packages/notifications/package.json b/packages/notifications/package.json index 38108058b..25441eb2b 100644 --- a/packages/notifications/package.json +++ b/packages/notifications/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/notifications", - "version": "1.2.27", + "version": "1.2.28", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -52,8 +52,8 @@ "react-transition-group": "^4.4.2" }, "peerDependencies": { - "@bubbles-ui/components": "^1.2.27", - "@bubbles-ui/icons": "^1.2.27", + "@bubbles-ui/components": "^1.2.28", + "@bubbles-ui/icons": "^1.2.28", "@mantine/core": "5.2.4", "@mantine/hooks": "5.2.4", "react": "^17.0.2", From f3182502d0ae84000a952469327a4e32c71d5964 Mon Sep 17 00:00:00 2001 From: Banshee-92 <138103229+Banshee-92@users.noreply.github.com> Date: Tue, 14 Nov 2023 15:19:54 +0100 Subject: [PATCH 16/17] =?UTF-8?q?Cards=20de=20m=C3=B3sulo=20terminadas?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- tokens.json | 257 +++++++++++++++++++++++++++++++++++++++++++--------- 1 file changed, 214 insertions(+), 43 deletions(-) diff --git a/tokens.json b/tokens.json index e9ac1a7ca..87c0c1cdb 100644 --- a/tokens.json +++ b/tokens.json @@ -335,6 +335,10 @@ "value": "8", "type": "sizing" }, + "125": { + "value": "10", + "type": "sizing" + }, "150": { "value": "12", "type": "sizing" @@ -1578,6 +1582,10 @@ "value": "{core.dimension.static.100}px", "type": "spacing" }, + "xmsm": { + "value": "{core.dimension.static.125}px", + "type": "spacing" + }, "sm": { "value": "{core.dimension.static.150}px", "type": "spacing" @@ -1851,7 +1859,7 @@ "padding": { "vertical": { "md": { - "value": "{global.spacing.padding.xsm}", + "value": "{global.spacing.padding.xmsm}", "type": "spacing" } }, @@ -2306,10 +2314,6 @@ "value": "{global.background.color.secondary.default}", "type": "color" }, - "down--reverse": { - "value": "{global.background.color.secondary.muted}", - "type": "color" - }, "hover--reverse-transparent": { "value": "{global.background.color.surface.default}", "type": "color", @@ -2341,44 +2345,6 @@ } }, "border": { - "color": { - "primary": { - "default": { - "value": "{global.border.color.transparent}", - "type": "color" - }, - "hover": { - "value": "{global.border.color.primary.subtle}", - "type": "color" - }, - "down": { - "value": "{global.border.color.primary.default}", - "type": "color" - }, - "hover--reverse": { - "value": "{global.border.color.secondary.default}", - "type": "color" - }, - "down--reverse": { - "value": "{global.border.color.secondary.muted}", - "type": "color" - } - }, - "phatic": { - "default": { - "value": "{global.border.color.transparent}", - "type": "color" - }, - "hover": { - "value": "{global.border.color.negative.subtle}", - "type": "color" - }, - "down": { - "value": "{global.border.color.line.muted}", - "type": "color" - } - } - }, "width": { "value": "{global.border.width.sm}", "type": "borderWidth" @@ -5991,6 +5957,14 @@ "value": "{global.content.color.text.default}", "type": "color" }, + "porcentage": { + "value": "{global.content.color.text.emphasis}", + "type": "color" + }, + "mutted": { + "value": "{global.content.color.text.muted}", + "type": "color" + }, "phatic": { "positive": { "value": "{global.border.color.positive.default}", @@ -6003,12 +5977,20 @@ "negative": { "value": "{global.content.color.negative.default}", "type": "color" + }, + "info": { + "value": "{global.content.color.info.default}", + "type": "color" } } }, "typo": { "value": "{global.content.typo.body.xsm}", "type": "typography" + }, + "sm--medium": { + "value": "{global.content.typo.body.sm--medium}", + "type": "typography" } }, "background": { @@ -6278,6 +6260,195 @@ "type": "boxShadow" } } + }, + "cardModule": { + "spacing": { + "padding": { + "horizontal": { + "xsm": { + "value": "{global.spacing.padding.xsm}", + "type": "spacing" + }, + "sm": { + "value": "{global.spacing.padding.sm}", + "type": "spacing" + }, + "md": { + "value": "{global.spacing.padding.md}", + "type": "spacing" + }, + "2xsm": { + "value": "{global.spacing.padding.2xsm}", + "type": "spacing" + }, + "lg": { + "value": "{global.spacing.padding.md}", + "type": "spacing" + } + }, + "vertical": { + "xsm": { + "value": "{global.spacing.padding.xsm}", + "type": "spacing" + }, + "sm": { + "value": "{global.spacing.padding.sm}", + "type": "spacing" + }, + "md": { + "value": "{global.spacing.padding.md}", + "type": "spacing" + }, + "2xsm": { + "value": "{global.spacing.padding.2xsm}", + "type": "spacing" + } + } + }, + "gap": { + "sm": { + "value": "{global.spacing.gap.sm}", + "type": "spacing" + }, + "md": { + "value": "{global.spacing.gap.md}", + "type": "spacing" + }, + "lg": { + "value": "{global.spacing.gap.lg}", + "type": "spacing" + }, + "xlg": { + "value": "{global.spacing.gap.xlg}", + "type": "spacing" + } + } + }, + "content": { + "color": { + "emphasis": { + "value": "{global.content.color.tertiary.default}", + "type": "color" + }, + "default": { + "value": "{global.content.color.text.default}", + "type": "color" + }, + "subje": { + "value": "{global.content.color.text.emphasis}", + "type": "color" + }, + "muted": { + "value": "{global.content.color.text.muted}", + "type": "color" + }, + "icon": { + "value": "{global.content.color.icon.default}", + "type": "color" + } + }, + "phatic": { + "positive": { + "value": "{global.content.color.positive.default}", + "type": "color" + }, + "alert": { + "value": "{global.content.color.attention.default}", + "type": "color" + }, + "danger": { + "value": "{global.content.color.negative.default}", + "type": "color" + } + }, + "typo": { + "lg": { + "value": "{global.content.typo.body.lg--medium}", + "type": "typography" + }, + "md": { + "value": { + "fontFamily": "{core.font.family.alt}", + "fontWeight": "{core.font.weight.regular}", + "lineHeight": "{core.font.lineHeight.200}px", + "fontSize": "{core.font.size.75}px" + }, + "type": "typography" + }, + "sm": { + "value": "{global.content.typo.body.xsm}", + "type": "typography" + }, + "sm--medium": { + "value": "{global.content.typo.body.sm--medium}", + "type": "typography" + }, + "xxl": { + "value": { + "fontFamily": "{core.font.family.main}", + "fontWeight": "{core.font.weight.medium}", + "lineHeight": "{core.font.lineHeight.600}px", + "fontSize": "48px" + }, + "type": "typography" + }, + "xl": { + "value": { + "fontFamily": "{core.font.family.main}", + "fontWeight": "{core.font.weight.medium}", + "lineHeight": "{core.font.lineHeight.400}px", + "fontSize": "24px" + }, + "type": "typography" + } + } + }, + "background": { + "color": { + "default": { + "value": "{global.background.color.surface.default}", + "type": "color" + }, + "top": { + "value": "{global.background.color.surface.muted}", + "type": "color" + } + } + }, + "border": { + "color": { + "subtle": { + "value": "{global.border.color.line.subtle}", + "type": "color" + } + }, + "radius": { + "sm": { + "value": "{global.border.radius.md}", + "type": "borderRadius" + }, + "circle": { + "value": "{global.border.radius.circle}", + "type": "borderRadius" + } + }, + "width": { + "sm": { + "value": "{global.border.width.sm}", + "type": "borderWidth" + }, + "lg": { + "value": "{global.border.width.lg}", + "type": "borderWidth" + } + } + }, + "shadow": { + "hover": { + "value": "{core.shadow.100}", + "type": "boxShadow" + } + } } }, "$themes": [], From 4443d9e1322ce22c569d36d4be568c829f03da74 Mon Sep 17 00:00:00 2001 From: GitHub Actions Bot <> Date: Tue, 14 Nov 2023 14:32:15 +0000 Subject: [PATCH 17/17] chore: version bump --- packages/calendars/CHANGELOG.md | 9 +++++++++ packages/calendars/package.json | 6 +++--- packages/components/CHANGELOG.md | 8 ++++++++ packages/components/package.json | 4 ++-- packages/editors/CHANGELOG.md | 9 +++++++++ packages/editors/package.json | 6 +++--- packages/icons/CHANGELOG.md | 6 ++++++ packages/icons/package.json | 2 +- packages/leemons/CHANGELOG.md | 11 +++++++++++ packages/leemons/package.json | 10 +++++----- packages/notifications/CHANGELOG.md | 9 +++++++++ packages/notifications/package.json | 6 +++--- 12 files changed, 69 insertions(+), 17 deletions(-) diff --git a/packages/calendars/CHANGELOG.md b/packages/calendars/CHANGELOG.md index 1f4178478..d05b00200 100644 --- a/packages/calendars/CHANGELOG.md +++ b/packages/calendars/CHANGELOG.md @@ -1,5 +1,14 @@ # @bubbles-ui/calendars +## 1.2.29 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.29 + - @bubbles-ui/icons@1.2.29 + ## 1.2.28 ### Patch Changes diff --git a/packages/calendars/package.json b/packages/calendars/package.json index b75c0eae2..96632bc62 100644 --- a/packages/calendars/package.json +++ b/packages/calendars/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/calendars", - "version": "1.2.28", + "version": "1.2.29", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -57,8 +57,8 @@ "rrule": "^2.6.8" }, "peerDependencies": { - "@bubbles-ui/components": "^1.2.28", - "@bubbles-ui/icons": "^1.2.28", + "@bubbles-ui/components": "^1.2.29", + "@bubbles-ui/icons": "^1.2.29", "react": "^17.0.2", "react-dom": "^17.0.2", "webpack": "*" diff --git a/packages/components/CHANGELOG.md b/packages/components/CHANGELOG.md index 520e34cf2..d1b0e8016 100644 --- a/packages/components/CHANGELOG.md +++ b/packages/components/CHANGELOG.md @@ -1,5 +1,13 @@ # @bubbles-ui/components +## 1.2.29 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/icons@1.2.29 + ## 1.2.28 ### Patch Changes diff --git a/packages/components/package.json b/packages/components/package.json index b6a2e5d75..f368876ed 100644 --- a/packages/components/package.json +++ b/packages/components/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/components", - "version": "1.2.28", + "version": "1.2.29", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -61,7 +61,7 @@ "chromatic": "npx chromatic --project-token=7b10302a7b6b --build-script-name=build:storybook:raw" }, "dependencies": { - "@bubbles-ui/icons": "^1.2.28", + "@bubbles-ui/icons": "^1.2.29", "@emotion/react": "^11.10.0", "@heroicons/react": "^1.0.5", "@leemonade/react-dnd-treeview": "^1.5.44", diff --git a/packages/editors/CHANGELOG.md b/packages/editors/CHANGELOG.md index 82437deb8..a0ab5208a 100644 --- a/packages/editors/CHANGELOG.md +++ b/packages/editors/CHANGELOG.md @@ -1,5 +1,14 @@ # @bubbles-ui/editors +## 1.2.29 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.29 + - @bubbles-ui/icons@1.2.29 + ## 1.2.28 ### Patch Changes diff --git a/packages/editors/package.json b/packages/editors/package.json index ec92dc80e..0c3f9a488 100644 --- a/packages/editors/package.json +++ b/packages/editors/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/editors", - "version": "1.2.28", + "version": "1.2.29", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -79,8 +79,8 @@ "styled-icons": "^10.45.0" }, "peerDependencies": { - "@bubbles-ui/components": "^1.2.28", - "@bubbles-ui/icons": "^1.2.28", + "@bubbles-ui/components": "^1.2.29", + "@bubbles-ui/icons": "^1.2.29", "react": "^17.0.2", "react-dom": "^17.0.2", "webpack": "*" diff --git a/packages/icons/CHANGELOG.md b/packages/icons/CHANGELOG.md index 3c72fab42..183d06574 100644 --- a/packages/icons/CHANGELOG.md +++ b/packages/icons/CHANGELOG.md @@ -1,5 +1,11 @@ # @bubbles-ui/icons +## 1.2.29 + +### Patch Changes + +- Versions bump + ## 1.2.28 ### Patch Changes diff --git a/packages/icons/package.json b/packages/icons/package.json index 80a35a3e8..76295c3b4 100644 --- a/packages/icons/package.json +++ b/packages/icons/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/icons", - "version": "1.2.28", + "version": "1.2.29", "description": "The Bubbles Design System icons library.", "license": "MIT", "repository": { diff --git a/packages/leemons/CHANGELOG.md b/packages/leemons/CHANGELOG.md index 6dc9aeca6..5073ec640 100644 --- a/packages/leemons/CHANGELOG.md +++ b/packages/leemons/CHANGELOG.md @@ -1,5 +1,16 @@ # @bubbles-ui/leemons +## 1.2.29 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.29 + - @bubbles-ui/calendars@1.2.29 + - @bubbles-ui/editors@1.2.29 + - @bubbles-ui/icons@1.2.29 + ## 1.2.28 ### Patch Changes diff --git a/packages/leemons/package.json b/packages/leemons/package.json index ef26e6fc2..4aae095ac 100644 --- a/packages/leemons/package.json +++ b/packages/leemons/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/leemons", - "version": "1.2.28", + "version": "1.2.29", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -74,10 +74,10 @@ "ajv": "6.12.6" }, "peerDependencies": { - "@bubbles-ui/calendars": "^1.2.28", - "@bubbles-ui/components": "^1.2.28", - "@bubbles-ui/editors": "^1.2.28", - "@bubbles-ui/icons": "^1.2.28", + "@bubbles-ui/calendars": "^1.2.29", + "@bubbles-ui/components": "^1.2.29", + "@bubbles-ui/editors": "^1.2.29", + "@bubbles-ui/icons": "^1.2.29", "dayjs": "^1.10.7", "react": "^17.0.2", "react-dom": "^17.0.2", diff --git a/packages/notifications/CHANGELOG.md b/packages/notifications/CHANGELOG.md index 59c2d3b84..93ec8b2f0 100644 --- a/packages/notifications/CHANGELOG.md +++ b/packages/notifications/CHANGELOG.md @@ -1,5 +1,14 @@ # @bubbles-ui/notifications +## 1.2.29 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.29 + - @bubbles-ui/icons@1.2.29 + ## 1.2.28 ### Patch Changes diff --git a/packages/notifications/package.json b/packages/notifications/package.json index 25441eb2b..1888e46f0 100644 --- a/packages/notifications/package.json +++ b/packages/notifications/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/notifications", - "version": "1.2.28", + "version": "1.2.29", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -52,8 +52,8 @@ "react-transition-group": "^4.4.2" }, "peerDependencies": { - "@bubbles-ui/components": "^1.2.28", - "@bubbles-ui/icons": "^1.2.28", + "@bubbles-ui/components": "^1.2.29", + "@bubbles-ui/icons": "^1.2.29", "@mantine/core": "5.2.4", "@mantine/hooks": "5.2.4", "react": "^17.0.2",