From 992061fc8e89580f0a7058834de8b7af3abaa5e0 Mon Sep 17 00:00:00 2001 From: jbpenrath Date: Mon, 8 Dec 2025 14:29:08 +0100 Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B(tokens)=20fix=20token=20issue?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Fix differences between Figma variables and existing tokens. Warned by color constrast a11y check that failed. --- .changeset/dirty-turkeys-bow.md | 5 + packages/tokens/src/bin/cunningham.ts | 588 ++---------------- .../tokens/src/bin/tests/Cunningham.spec.ts | 176 ++---- packages/tokens/src/lib/cunningham-tokens.ts | 2 +- 4 files changed, 110 insertions(+), 661 deletions(-) create mode 100644 .changeset/dirty-turkeys-bow.md diff --git a/.changeset/dirty-turkeys-bow.md b/.changeset/dirty-turkeys-bow.md new file mode 100644 index 0000000..989a743 --- /dev/null +++ b/.changeset/dirty-turkeys-bow.md @@ -0,0 +1,5 @@ +--- +"@gouvfr-lasuite/cunningham-tokens": minor +--- + +Fix inconsistency between cunningham tokens and figma variables diff --git a/packages/tokens/src/bin/cunningham.ts b/packages/tokens/src/bin/cunningham.ts index 3033cc1..c74c887 100644 --- a/packages/tokens/src/bin/cunningham.ts +++ b/packages/tokens/src/bin/cunningham.ts @@ -346,6 +346,8 @@ const spacings = { t: "0.5rem", st: "0.25rem", "4xs": "0.125rem", + "3xs": "0.25rem", + "2xs": "0.375rem", xxxs: "0.25rem", xxs: "0.375rem", xs: "0.5rem", @@ -356,6 +358,8 @@ const spacings = { xl: "2.5rem", xxl: "3rem", xxxl: "3.5rem", + "2xl": "3rem", + "3xl": "3.5rem", "4xl": "4rem", "5xl": "4.5rem", "6xl": "6rem", @@ -429,6 +433,14 @@ export const contextuaDefault = { tertiary: "ref(globals.colors.gray-025)", }, semantic: { + overlay: { + primary: "ref(globals.colors.black-050)", + "primary-hover": "ref(globals.colors.black-100)", + }, + contextual: { + primary: "ref(globals.colors.black-050)", + "primary-hover": "ref(globals.colors.black-100)", + }, brand: { primary: "ref(globals.colors.brand-550)", "primary-hover": "ref(globals.colors.brand-650)", @@ -445,10 +457,6 @@ export const contextuaDefault = { tertiary: "ref(globals.colors.gray-050)", "tertiary-hover": "ref(globals.colors.gray-100)", }, - contextual: { - primary: "ref(globals.colors.black-050)", - "primary-hover": "ref(globals.colors.black-100)", - }, info: { primary: "ref(globals.colors.info-550)", "primary-hover": "ref(globals.colors.info-650)", @@ -551,43 +559,46 @@ export const contextuaDefault = { logo1: "ref(globals.colors.logo-1)", logo2: "ref(globals.colors.logo-2)", semantic: { + contextual: { + primary: "ref(globals.colors.white-950)", + }, + overlay: { + primary: "ref(globals.colors.white-950)", + }, brand: { primary: "ref(globals.colors.brand-700)", secondary: "ref(globals.colors.brand-600)", - tertiary: "ref(globals.colors.brand-500)", + tertiary: "ref(globals.colors.brand-550)", "on-brand": "ref(globals.colors.brand-050)", }, neutral: { primary: "ref(globals.colors.gray-850)", secondary: "ref(globals.colors.gray-600)", - tertiary: "ref(globals.colors.gray-500)", + tertiary: "ref(globals.colors.gray-550)", "on-neutral": "ref(globals.colors.gray-050)", }, - contextual: { - primary: "ref(globals.colors.white-950)", - }, info: { primary: "ref(globals.colors.info-700)", secondary: "ref(globals.colors.info-600)", - tertiary: "ref(globals.colors.info-500)", + tertiary: "ref(globals.colors.info-550)", "on-info": "ref(globals.colors.info-050)", }, success: { primary: "ref(globals.colors.success-700)", secondary: "ref(globals.colors.success-600)", - tertiary: "ref(globals.colors.success-500)", + tertiary: "ref(globals.colors.success-550)", "on-success": "ref(globals.colors.success-050)", }, warning: { primary: "ref(globals.colors.warning-700)", secondary: "ref(globals.colors.warning-600)", - tertiary: "ref(globals.colors.warning-500)", + tertiary: "ref(globals.colors.warning-550)", "on-warning": "ref(globals.colors.warning-050)", }, error: { primary: "ref(globals.colors.error-700)", secondary: "ref(globals.colors.error-600)", - tertiary: "ref(globals.colors.error-500)", + tertiary: "ref(globals.colors.error-550)", "on-error": "ref(globals.colors.error-050)", }, disabled: { @@ -598,58 +609,36 @@ export const contextuaDefault = { palette: { brand: { primary: "ref(globals.colors.brand-500)", - secondary: "ref(globals.colors.brand-350)", - tertiary: "ref(globals.colors.brand-150)", }, red: { primary: "ref(globals.colors.red-500)", - secondary: "ref(globals.colors.red-350)", - tertiary: "ref(globals.colors.red-150)", }, orange: { primary: "ref(globals.colors.orange-500)", - secondary: "ref(globals.colors.orange-350)", - tertiary: "ref(globals.colors.orange-150)", }, brown: { primary: "ref(globals.colors.brown-500)", - secondary: "ref(globals.colors.brown-350)", - tertiary: "ref(globals.colors.brown-150)", }, yellow: { primary: "ref(globals.colors.yellow-500)", - secondary: "ref(globals.colors.yellow-350)", - tertiary: "ref(globals.colors.yellow-150)", }, green: { primary: "ref(globals.colors.green-500)", - secondary: "ref(globals.colors.green-350)", - tertiary: "ref(globals.colors.green-150)", }, "blue-1": { primary: "ref(globals.colors.blue-1-500)", - secondary: "ref(globals.colors.blue-1-350)", - tertiary: "ref(globals.colors.blue-1-150)", }, "blue-2": { primary: "ref(globals.colors.blue-2-500)", - secondary: "ref(globals.colors.blue-2-350)", - tertiary: "ref(globals.colors.blue-2-150)", }, purple: { primary: "ref(globals.colors.purple-500)", - secondary: "ref(globals.colors.purple-350)", - tertiary: "ref(globals.colors.purple-150)", }, pink: { primary: "ref(globals.colors.pink-500)", - secondary: "ref(globals.colors.pink-350)", - tertiary: "ref(globals.colors.pink-150)", }, gray: { primary: "ref(globals.colors.gray-500)", - secondary: "ref(globals.colors.gray-350)", - tertiary: "ref(globals.colors.gray-150)", }, }, }, @@ -658,14 +647,17 @@ export const contextuaDefault = { primary: "ref(globals.colors.gray-100)", }, semantic: { + contextual: { + primary: "ref(globals.colors.white-200)", + }, + overlay: { + primary: "ref(globals.colors.white-200)", + }, brand: { primary: "ref(globals.colors.brand-550)", secondary: "ref(globals.colors.brand-300)", tertiary: "ref(globals.colors.brand-150)", }, - contextual: { - primary: "ref(globals.colors.white-200)", - }, neutral: { primary: "ref(globals.colors.gray-550)", secondary: "ref(globals.colors.gray-300)", @@ -695,63 +687,6 @@ export const contextuaDefault = { primary: "ref(globals.colors.gray-100)", }, }, - palette: { - brand: { - primary: "ref(globals.colors.brand-500)", - secondary: "ref(globals.colors.brand-350)", - tertiary: "ref(globals.colors.brand-150)", - }, - red: { - primary: "ref(globals.colors.red-500)", - secondary: "ref(globals.colors.red-350)", - tertiary: "ref(globals.colors.red-150)", - }, - orange: { - primary: "ref(globals.colors.orange-500)", - secondary: "ref(globals.colors.orange-350)", - tertiary: "ref(globals.colors.orange-150)", - }, - brown: { - primary: "ref(globals.colors.brown-500)", - secondary: "ref(globals.colors.brown-350)", - tertiary: "ref(globals.colors.brown-150)", - }, - yellow: { - primary: "ref(globals.colors.yellow-500)", - secondary: "ref(globals.colors.yellow-350)", - tertiary: "ref(globals.colors.yellow-150)", - }, - green: { - primary: "ref(globals.colors.green-500)", - secondary: "ref(globals.colors.green-350)", - tertiary: "ref(globals.colors.green-150)", - }, - "blue-1": { - primary: "ref(globals.colors.blue-1-500)", - secondary: "ref(globals.colors.blue-1-350)", - tertiary: "ref(globals.colors.blue-1-150)", - }, - "blue-2": { - primary: "ref(globals.colors.blue-2-500)", - secondary: "ref(globals.colors.blue-2-350)", - tertiary: "ref(globals.colors.blue-2-150)", - }, - purple: { - primary: "ref(globals.colors.purple-500)", - secondary: "ref(globals.colors.purple-350)", - tertiary: "ref(globals.colors.purple-150)", - }, - pink: { - primary: "ref(globals.colors.pink-500)", - secondary: "ref(globals.colors.pink-350)", - tertiary: "ref(globals.colors.pink-150)", - }, - gray: { - primary: "ref(globals.colors.gray-500)", - secondary: "ref(globals.colors.gray-350)", - tertiary: "ref(globals.colors.gray-150)", - }, - }, }, }; const defaultTheme = { @@ -768,6 +703,14 @@ export const contextualDarkTokens = { tertiary: "ref(globals.colors.gray-900)", }, semantic: { + contextual: { + primary: "ref(globals.colors.white-050)", + "primary-hover": "ref(globals.colors.white-100)", + }, + overlay: { + primary: "ref(globals.colors.white-050)", + "primary-hover": "ref(globals.colors.white-100)", + }, brand: { primary: "ref(globals.colors.brand-550)", "primary-hover": "ref(globals.colors.brand-650)", @@ -784,10 +727,6 @@ export const contextualDarkTokens = { tertiary: "ref(globals.colors.gray-750)", "tertiary-hover": "ref(globals.colors.gray-800)", }, - contextual: { - primary: "ref(globals.colors.white-050)", - "primary-hover": "ref(globals.colors.white-100)", - }, info: { primary: "ref(globals.colors.info-550)", "primary-hover": "ref(globals.colors.info-650)", @@ -887,6 +826,12 @@ export const contextualDarkTokens = { logo1: "ref(globals.colors.logo-1-dark)", logo2: "ref(globals.colors.logo-2-dark)", semantic: { + contextual: { + primary: "ref(globals.colors.black-850)", + }, + overlay: { + primary: "ref(globals.colors.black-850)", + }, brand: { primary: "ref(globals.colors.brand-050)", secondary: "ref(globals.colors.brand-100)", @@ -899,9 +844,6 @@ export const contextualDarkTokens = { tertiary: "ref(globals.colors.gray-250)", "on-neutral": "ref(globals.colors.gray-050)", }, - contextual: { - primary: "ref(globals.colors.black-850)", - }, info: { primary: "ref(globals.colors.info-050)", secondary: "ref(globals.colors.info-100)", @@ -933,59 +875,37 @@ export const contextualDarkTokens = { }, palette: { brand: { - primary: "ref(globals.colors.brand-350)", - secondary: "ref(globals.colors.brand-450)", - tertiary: "ref(globals.colors.brand-550)", + primary: "ref(globals.colors.brand-500)", }, red: { - primary: "ref(globals.colors.red-350)", - secondary: "ref(globals.colors.red-450)", - tertiary: "ref(globals.colors.red-550)", + primary: "ref(globals.colors.red-500)", }, orange: { - primary: "ref(globals.colors.orange-350)", - secondary: "ref(globals.colors.orange-450)", - tertiary: "ref(globals.colors.orange-550)", + primary: "ref(globals.colors.orange-500)", }, brown: { - primary: "ref(globals.colors.brown-350)", - secondary: "ref(globals.colors.brown-450)", - tertiary: "ref(globals.colors.brown-550)", + primary: "ref(globals.colors.brown-500)", }, yellow: { - primary: "ref(globals.colors.yellow-350)", - secondary: "ref(globals.colors.yellow-450)", - tertiary: "ref(globals.colors.yellow-550)", + primary: "ref(globals.colors.yellow-500)", }, green: { - primary: "ref(globals.colors.green-350)", - secondary: "ref(globals.colors.green-450)", - tertiary: "ref(globals.colors.green-550)", + primary: "ref(globals.colors.green-500)", }, "blue-1": { - primary: "ref(globals.colors.blue-1-350)", - secondary: "ref(globals.colors.blue-1-450)", - tertiary: "ref(globals.colors.blue-1-550)", + primary: "ref(globals.colors.blue-1-500)", }, "blue-2": { - primary: "ref(globals.colors.blue-2-350)", - secondary: "ref(globals.colors.blue-2-450)", - tertiary: "ref(globals.colors.blue-2-550)", + primary: "ref(globals.colors.blue-2-500)", }, purple: { - primary: "ref(globals.colors.purple-350)", - secondary: "ref(globals.colors.purple-450)", - tertiary: "ref(globals.colors.purple-550)", + primary: "ref(globals.colors.purple-500)", }, pink: { - primary: "ref(globals.colors.pink-350)", - secondary: "ref(globals.colors.pink-450)", - tertiary: "ref(globals.colors.pink-550)", + primary: "ref(globals.colors.pink-500)", }, gray: { - primary: "ref(globals.colors.gray-350)", - secondary: "ref(globals.colors.gray-450)", - tertiary: "ref(globals.colors.gray-550)", + primary: "ref(globals.colors.gray-500)", }, }, }, @@ -994,14 +914,17 @@ export const contextualDarkTokens = { primary: "ref(globals.colors.gray-750)", }, semantic: { + contextual: { + primary: "ref(globals.colors.black-200)", + }, + overlay: { + primary: "ref(globals.colors.black-200)", + }, brand: { primary: "ref(globals.colors.brand-450)", secondary: "ref(globals.colors.brand-600)", tertiary: "ref(globals.colors.brand-700)", }, - contextual: { - primary: "ref(globals.colors.black-200)", - }, neutral: { primary: "ref(globals.colors.gray-450)", secondary: "ref(globals.colors.gray-600)", @@ -1031,63 +954,6 @@ export const contextualDarkTokens = { primary: "ref(globals.colors.gray-800)", }, }, - palette: { - brand: { - primary: "ref(globals.colors.brand-350)", - secondary: "ref(globals.colors.brand-450)", - tertiary: "ref(globals.colors.brand-550)", - }, - red: { - primary: "ref(globals.colors.red-350)", - secondary: "ref(globals.colors.red-450)", - tertiary: "ref(globals.colors.red-550)", - }, - orange: { - primary: "ref(globals.colors.orange-350)", - secondary: "ref(globals.colors.orange-450)", - tertiary: "ref(globals.colors.orange-550)", - }, - brown: { - primary: "ref(globals.colors.brown-350)", - secondary: "ref(globals.colors.brown-450)", - tertiary: "ref(globals.colors.brown-550)", - }, - yellow: { - primary: "ref(globals.colors.yellow-350)", - secondary: "ref(globals.colors.yellow-450)", - tertiary: "ref(globals.colors.yellow-550)", - }, - green: { - primary: "ref(globals.colors.green-350)", - secondary: "ref(globals.colors.green-450)", - tertiary: "ref(globals.colors.green-550)", - }, - "blue-1": { - primary: "ref(globals.colors.blue-1-350)", - secondary: "ref(globals.colors.blue-1-450)", - tertiary: "ref(globals.colors.blue-1-550)", - }, - "blue-2": { - primary: "ref(globals.colors.blue-2-350)", - secondary: "ref(globals.colors.blue-2-450)", - tertiary: "ref(globals.colors.blue-2-550)", - }, - purple: { - primary: "ref(globals.colors.purple-350)", - secondary: "ref(globals.colors.purple-450)", - tertiary: "ref(globals.colors.purple-550)", - }, - pink: { - primary: "ref(globals.colors.pink-350)", - secondary: "ref(globals.colors.pink-450)", - tertiary: "ref(globals.colors.pink-550)", - }, - gray: { - primary: "ref(globals.colors.gray-350)", - secondary: "ref(globals.colors.gray-450)", - tertiary: "ref(globals.colors.gray-550)", - }, - }, }, }; @@ -1096,336 +962,8 @@ export default { default: defaultTheme, dark: { globals, - contextuals: { - background: { - surface: { - primary: "ref(globals.colors.gray-800)", - secondary: "ref(globals.colors.gray-850)", - tertiary: "ref(globals.colors.gray-900)", - }, - semantic: { - brand: { - primary: "ref(globals.colors.brand-550)", - "primary-hover": "ref(globals.colors.brand-650)", - secondary: "ref(globals.colors.brand-700)", - "secondary-hover": "ref(globals.colors.brand-750)", - tertiary: "ref(globals.colors.brand-750)", - "tertiary-hover": "ref(globals.colors.brand-800)", - }, - neutral: { - primary: "ref(globals.colors.gray-550)", - "primary-hover": "ref(globals.colors.gray-650)", - secondary: "ref(globals.colors.gray-700)", - "secondary-hover": "ref(globals.colors.gray-750)", - tertiary: "ref(globals.colors.gray-750)", - "tertiary-hover": "ref(globals.colors.gray-800)", - }, - contextual: { - primary: "ref(globals.colors.white-050)", - "primary-hover": "ref(globals.colors.white-100)", - }, - info: { - primary: "ref(globals.colors.info-550)", - "primary-hover": "ref(globals.colors.info-650)", - secondary: "ref(globals.colors.info-700)", - "secondary-hover": "ref(globals.colors.info-750)", - tertiary: "ref(globals.colors.info-750)", - "tertiary-hover": "ref(globals.colors.info-800)", - }, - success: { - primary: "ref(globals.colors.success-550)", - "primary-hover": "ref(globals.colors.success-650)", - secondary: "ref(globals.colors.success-700)", - "secondary-hover": "ref(globals.colors.success-750)", - tertiary: "ref(globals.colors.success-750)", - "tertiary-hover": "ref(globals.colors.success-800)", - }, - warning: { - primary: "ref(globals.colors.warning-550)", - "primary-hover": "ref(globals.colors.warning-650)", - secondary: "ref(globals.colors.warning-700)", - "secondary-hover": "ref(globals.colors.warning-750)", - tertiary: "ref(globals.colors.warning-750)", - "tertiary-hover": "ref(globals.colors.warning-800)", - }, - error: { - primary: "ref(globals.colors.error-550)", - "primary-hover": "ref(globals.colors.error-650)", - secondary: "ref(globals.colors.error-700)", - "secondary-hover": "ref(globals.colors.error-750)", - tertiary: "ref(globals.colors.error-750)", - "tertiary-hover": "ref(globals.colors.error-800)", - }, - disabled: { - primary: "ref(globals.colors.gray-750)", - secondary: "ref(globals.colors.gray-800)", - }, - }, - palette: { - brand: { - primary: "ref(globals.colors.brand-350)", - secondary: "ref(globals.colors.brand-450)", - tertiary: "ref(globals.colors.brand-550)", - }, - red: { - primary: "ref(globals.colors.red-350)", - secondary: "ref(globals.colors.red-450)", - tertiary: "ref(globals.colors.red-550)", - }, - orange: { - primary: "ref(globals.colors.orange-350)", - secondary: "ref(globals.colors.orange-450)", - tertiary: "ref(globals.colors.orange-550)", - }, - brown: { - primary: "ref(globals.colors.brown-350)", - secondary: "ref(globals.colors.brown-450)", - tertiary: "ref(globals.colors.brown-550)", - }, - yellow: { - primary: "ref(globals.colors.yellow-350)", - secondary: "ref(globals.colors.yellow-450)", - tertiary: "ref(globals.colors.yellow-550)", - }, - green: { - primary: "ref(globals.colors.green-350)", - secondary: "ref(globals.colors.green-450)", - tertiary: "ref(globals.colors.green-550)", - }, - "blue-1": { - primary: "ref(globals.colors.blue-1-350)", - secondary: "ref(globals.colors.blue-1-450)", - tertiary: "ref(globals.colors.blue-1-550)", - }, - "blue-2": { - primary: "ref(globals.colors.blue-2-350)", - secondary: "ref(globals.colors.blue-2-450)", - tertiary: "ref(globals.colors.blue-2-550)", - }, - purple: { - primary: "ref(globals.colors.purple-350)", - secondary: "ref(globals.colors.purple-450)", - tertiary: "ref(globals.colors.purple-550)", - }, - pink: { - primary: "ref(globals.colors.pink-350)", - secondary: "ref(globals.colors.pink-450)", - tertiary: "ref(globals.colors.pink-550)", - }, - gray: { - primary: "ref(globals.colors.gray-350)", - secondary: "ref(globals.colors.gray-450)", - tertiary: "ref(globals.colors.gray-550)", - }, - }, - }, - content: { - logo1: "ref(globals.colors.logo-1-dark)", - logo2: "ref(globals.colors.logo-2-dark)", - semantic: { - brand: { - primary: "ref(globals.colors.brand-050)", - secondary: "ref(globals.colors.brand-100)", - tertiary: "ref(globals.colors.brand-250)", - "on-brand": "ref(globals.colors.brand-050)", - }, - neutral: { - primary: "ref(globals.colors.gray-050)", - secondary: "ref(globals.colors.gray-100)", - tertiary: "ref(globals.colors.gray-250)", - "on-neutral": "ref(globals.colors.gray-050)", - }, - contextual: { - primary: "ref(globals.colors.black-850)", - }, - info: { - primary: "ref(globals.colors.info-050)", - secondary: "ref(globals.colors.info-100)", - tertiary: "ref(globals.colors.info-250)", - "on-info": "ref(globals.colors.info-050)", - }, - success: { - primary: "ref(globals.colors.success-050)", - secondary: "ref(globals.colors.success-100)", - tertiary: "ref(globals.colors.success-250)", - "on-success": "ref(globals.colors.success-050)", - }, - warning: { - primary: "ref(globals.colors.warning-050)", - secondary: "ref(globals.colors.warning-100)", - tertiary: "ref(globals.colors.warning-250)", - "on-warning": "ref(globals.colors.warning-050)", - }, - error: { - primary: "ref(globals.colors.error-050)", - secondary: "ref(globals.colors.error-100)", - tertiary: "ref(globals.colors.error-250)", - "on-error": "ref(globals.colors.error-050)", - }, - disabled: { - primary: "ref(globals.colors.gray-600)", - secondary: "ref(globals.colors.black-300)", - }, - }, - palette: { - brand: { - primary: "ref(globals.colors.brand-350)", - secondary: "ref(globals.colors.brand-450)", - tertiary: "ref(globals.colors.brand-550)", - }, - red: { - primary: "ref(globals.colors.red-350)", - secondary: "ref(globals.colors.red-450)", - tertiary: "ref(globals.colors.red-550)", - }, - orange: { - primary: "ref(globals.colors.orange-350)", - secondary: "ref(globals.colors.orange-450)", - tertiary: "ref(globals.colors.orange-550)", - }, - brown: { - primary: "ref(globals.colors.brown-350)", - secondary: "ref(globals.colors.brown-450)", - tertiary: "ref(globals.colors.brown-550)", - }, - yellow: { - primary: "ref(globals.colors.yellow-350)", - secondary: "ref(globals.colors.yellow-450)", - tertiary: "ref(globals.colors.yellow-550)", - }, - green: { - primary: "ref(globals.colors.green-350)", - secondary: "ref(globals.colors.green-450)", - tertiary: "ref(globals.colors.green-550)", - }, - "blue-1": { - primary: "ref(globals.colors.blue-1-350)", - secondary: "ref(globals.colors.blue-1-450)", - tertiary: "ref(globals.colors.blue-1-550)", - }, - "blue-2": { - primary: "ref(globals.colors.blue-2-350)", - secondary: "ref(globals.colors.blue-2-450)", - tertiary: "ref(globals.colors.blue-2-550)", - }, - purple: { - primary: "ref(globals.colors.purple-350)", - secondary: "ref(globals.colors.purple-450)", - tertiary: "ref(globals.colors.purple-550)", - }, - pink: { - primary: "ref(globals.colors.pink-350)", - secondary: "ref(globals.colors.pink-450)", - tertiary: "ref(globals.colors.pink-550)", - }, - gray: { - primary: "ref(globals.colors.gray-350)", - secondary: "ref(globals.colors.gray-450)", - tertiary: "ref(globals.colors.gray-550)", - }, - }, - }, - border: { - surface: { - primary: "ref(globals.colors.gray-750)", - }, - semantic: { - brand: { - primary: "ref(globals.colors.brand-450)", - secondary: "ref(globals.colors.brand-600)", - tertiary: "ref(globals.colors.brand-700)", - }, - contextual: { - primary: "ref(globals.colors.black-200)", - }, - neutral: { - primary: "ref(globals.colors.gray-450)", - secondary: "ref(globals.colors.gray-600)", - tertiary: "ref(globals.colors.gray-700)", - }, - info: { - primary: "ref(globals.colors.info-450)", - secondary: "ref(globals.colors.info-600)", - tertiary: "ref(globals.colors.info-700)", - }, - success: { - primary: "ref(globals.colors.success-450)", - secondary: "ref(globals.colors.success-600)", - tertiary: "ref(globals.colors.success-700)", - }, - warning: { - primary: "ref(globals.colors.warning-450)", - secondary: "ref(globals.colors.warning-600)", - tertiary: "ref(globals.colors.warning-700)", - }, - error: { - primary: "ref(globals.colors.error-450)", - secondary: "ref(globals.colors.error-600)", - tertiary: "ref(globals.colors.error-700)", - }, - disabled: { - primary: "ref(globals.colors.gray-800)", - }, - }, - palette: { - brand: { - primary: "ref(globals.colors.brand-350)", - secondary: "ref(globals.colors.brand-450)", - tertiary: "ref(globals.colors.brand-550)", - }, - red: { - primary: "ref(globals.colors.red-350)", - secondary: "ref(globals.colors.red-450)", - tertiary: "ref(globals.colors.red-550)", - }, - orange: { - primary: "ref(globals.colors.orange-350)", - secondary: "ref(globals.colors.orange-450)", - tertiary: "ref(globals.colors.orange-550)", - }, - brown: { - primary: "ref(globals.colors.brown-350)", - secondary: "ref(globals.colors.brown-450)", - tertiary: "ref(globals.colors.brown-550)", - }, - yellow: { - primary: "ref(globals.colors.yellow-350)", - secondary: "ref(globals.colors.yellow-450)", - tertiary: "ref(globals.colors.yellow-550)", - }, - green: { - primary: "ref(globals.colors.green-350)", - secondary: "ref(globals.colors.green-450)", - tertiary: "ref(globals.colors.green-550)", - }, - "blue-1": { - primary: "ref(globals.colors.blue-1-350)", - secondary: "ref(globals.colors.blue-1-450)", - tertiary: "ref(globals.colors.blue-1-550)", - }, - "blue-2": { - primary: "ref(globals.colors.blue-2-350)", - secondary: "ref(globals.colors.blue-2-450)", - tertiary: "ref(globals.colors.blue-2-550)", - }, - purple: { - primary: "ref(globals.colors.purple-350)", - secondary: "ref(globals.colors.purple-450)", - tertiary: "ref(globals.colors.purple-550)", - }, - pink: { - primary: "ref(globals.colors.pink-350)", - secondary: "ref(globals.colors.pink-450)", - tertiary: "ref(globals.colors.pink-550)", - }, - gray: { - primary: "ref(globals.colors.gray-350)", - secondary: "ref(globals.colors.gray-450)", - tertiary: "ref(globals.colors.gray-550)", - }, - }, - }, - }, + contextuals: contextualDarkTokens, + components: {}, }, }, }; diff --git a/packages/tokens/src/bin/tests/Cunningham.spec.ts b/packages/tokens/src/bin/tests/Cunningham.spec.ts index 5d523a2..3a469fb 100644 --- a/packages/tokens/src/bin/tests/Cunningham.spec.ts +++ b/packages/tokens/src/bin/tests/Cunningham.spec.ts @@ -535,6 +535,8 @@ describe("Cunningham Bin", () => { --c--globals--spacings--t: 0.5rem; --c--globals--spacings--st: 0.25rem; --c--globals--spacings--4xs: 0.125rem; + --c--globals--spacings--3xs: 0.25rem; + --c--globals--spacings--2xs: 0.375rem; --c--globals--spacings--xxxs: 0.25rem; --c--globals--spacings--xxs: 0.375rem; --c--globals--spacings--xs: 0.5rem; @@ -545,6 +547,8 @@ describe("Cunningham Bin", () => { --c--globals--spacings--xl: 2.5rem; --c--globals--spacings--xxl: 3rem; --c--globals--spacings--xxxl: 3.5rem; + --c--globals--spacings--2xl: 3rem; + --c--globals--spacings--3xl: 3.5rem; --c--globals--spacings--4xl: 4rem; --c--globals--spacings--5xl: 4.5rem; --c--globals--spacings--6xl: 6rem; @@ -558,6 +562,10 @@ describe("Cunningham Bin", () => { --c--contextuals--background--surface--primary: var(--c--globals--colors--gray-000); --c--contextuals--background--surface--secondary: var(--c--globals--colors--gray-000); --c--contextuals--background--surface--tertiary: var(--c--globals--colors--gray-025); + --c--contextuals--background--semantic--overlay--primary: var(--c--globals--colors--black-050); + --c--contextuals--background--semantic--overlay--primary-hover: var(--c--globals--colors--black-100); + --c--contextuals--background--semantic--contextual--primary: var(--c--globals--colors--black-050); + --c--contextuals--background--semantic--contextual--primary-hover: var(--c--globals--colors--black-100); --c--contextuals--background--semantic--brand--primary: var(--c--globals--colors--brand-550); --c--contextuals--background--semantic--brand--primary-hover: var(--c--globals--colors--brand-650); --c--contextuals--background--semantic--brand--secondary: var(--c--globals--colors--brand-100); @@ -570,8 +578,6 @@ describe("Cunningham Bin", () => { --c--contextuals--background--semantic--neutral--secondary-hover: var(--c--globals--colors--gray-150); --c--contextuals--background--semantic--neutral--tertiary: var(--c--globals--colors--gray-050); --c--contextuals--background--semantic--neutral--tertiary-hover: var(--c--globals--colors--gray-100); - --c--contextuals--background--semantic--contextual--primary: var(--c--globals--colors--black-050); - --c--contextuals--background--semantic--contextual--primary-hover: var(--c--globals--colors--black-100); --c--contextuals--background--semantic--info--primary: var(--c--globals--colors--info-550); --c--contextuals--background--semantic--info--primary-hover: var(--c--globals--colors--info-650); --c--contextuals--background--semantic--info--secondary: var(--c--globals--colors--info-100); @@ -634,71 +640,51 @@ describe("Cunningham Bin", () => { --c--contextuals--background--text--primary: var(--c--globals--colors--black-050); --c--contextuals--content--logo1: var(--c--globals--colors--logo-1); --c--contextuals--content--logo2: var(--c--globals--colors--logo-2); + --c--contextuals--content--semantic--contextual--primary: var(--c--globals--colors--white-950); + --c--contextuals--content--semantic--overlay--primary: var(--c--globals--colors--white-950); --c--contextuals--content--semantic--brand--primary: var(--c--globals--colors--brand-700); --c--contextuals--content--semantic--brand--secondary: var(--c--globals--colors--brand-600); - --c--contextuals--content--semantic--brand--tertiary: var(--c--globals--colors--brand-500); + --c--contextuals--content--semantic--brand--tertiary: var(--c--globals--colors--brand-550); --c--contextuals--content--semantic--brand--on-brand: var(--c--globals--colors--brand-050); --c--contextuals--content--semantic--neutral--primary: var(--c--globals--colors--gray-850); --c--contextuals--content--semantic--neutral--secondary: var(--c--globals--colors--gray-600); - --c--contextuals--content--semantic--neutral--tertiary: var(--c--globals--colors--gray-500); + --c--contextuals--content--semantic--neutral--tertiary: var(--c--globals--colors--gray-550); --c--contextuals--content--semantic--neutral--on-neutral: var(--c--globals--colors--gray-050); - --c--contextuals--content--semantic--contextual--primary: var(--c--globals--colors--white-950); --c--contextuals--content--semantic--info--primary: var(--c--globals--colors--info-700); --c--contextuals--content--semantic--info--secondary: var(--c--globals--colors--info-600); - --c--contextuals--content--semantic--info--tertiary: var(--c--globals--colors--info-500); + --c--contextuals--content--semantic--info--tertiary: var(--c--globals--colors--info-550); --c--contextuals--content--semantic--info--on-info: var(--c--globals--colors--info-050); --c--contextuals--content--semantic--success--primary: var(--c--globals--colors--success-700); --c--contextuals--content--semantic--success--secondary: var(--c--globals--colors--success-600); - --c--contextuals--content--semantic--success--tertiary: var(--c--globals--colors--success-500); + --c--contextuals--content--semantic--success--tertiary: var(--c--globals--colors--success-550); --c--contextuals--content--semantic--success--on-success: var(--c--globals--colors--success-050); --c--contextuals--content--semantic--warning--primary: var(--c--globals--colors--warning-700); --c--contextuals--content--semantic--warning--secondary: var(--c--globals--colors--warning-600); - --c--contextuals--content--semantic--warning--tertiary: var(--c--globals--colors--warning-500); + --c--contextuals--content--semantic--warning--tertiary: var(--c--globals--colors--warning-550); --c--contextuals--content--semantic--warning--on-warning: var(--c--globals--colors--warning-050); --c--contextuals--content--semantic--error--primary: var(--c--globals--colors--error-700); --c--contextuals--content--semantic--error--secondary: var(--c--globals--colors--error-600); - --c--contextuals--content--semantic--error--tertiary: var(--c--globals--colors--error-500); + --c--contextuals--content--semantic--error--tertiary: var(--c--globals--colors--error-550); --c--contextuals--content--semantic--error--on-error: var(--c--globals--colors--error-050); --c--contextuals--content--semantic--disabled--primary: var(--c--globals--colors--gray-300); --c--contextuals--content--semantic--disabled--secondary: var(--c--globals--colors--white-500); --c--contextuals--content--palette--brand--primary: var(--c--globals--colors--brand-500); - --c--contextuals--content--palette--brand--secondary: var(--c--globals--colors--brand-350); - --c--contextuals--content--palette--brand--tertiary: var(--c--globals--colors--brand-150); --c--contextuals--content--palette--red--primary: var(--c--globals--colors--red-500); - --c--contextuals--content--palette--red--secondary: var(--c--globals--colors--red-350); - --c--contextuals--content--palette--red--tertiary: var(--c--globals--colors--red-150); --c--contextuals--content--palette--orange--primary: var(--c--globals--colors--orange-500); - --c--contextuals--content--palette--orange--secondary: var(--c--globals--colors--orange-350); - --c--contextuals--content--palette--orange--tertiary: var(--c--globals--colors--orange-150); --c--contextuals--content--palette--brown--primary: var(--c--globals--colors--brown-500); - --c--contextuals--content--palette--brown--secondary: var(--c--globals--colors--brown-350); - --c--contextuals--content--palette--brown--tertiary: var(--c--globals--colors--brown-150); --c--contextuals--content--palette--yellow--primary: var(--c--globals--colors--yellow-500); - --c--contextuals--content--palette--yellow--secondary: var(--c--globals--colors--yellow-350); - --c--contextuals--content--palette--yellow--tertiary: var(--c--globals--colors--yellow-150); --c--contextuals--content--palette--green--primary: var(--c--globals--colors--green-500); - --c--contextuals--content--palette--green--secondary: var(--c--globals--colors--green-350); - --c--contextuals--content--palette--green--tertiary: var(--c--globals--colors--green-150); --c--contextuals--content--palette--blue-1--primary: var(--c--globals--colors--blue-1-500); - --c--contextuals--content--palette--blue-1--secondary: var(--c--globals--colors--blue-1-350); - --c--contextuals--content--palette--blue-1--tertiary: var(--c--globals--colors--blue-1-150); --c--contextuals--content--palette--blue-2--primary: var(--c--globals--colors--blue-2-500); - --c--contextuals--content--palette--blue-2--secondary: var(--c--globals--colors--blue-2-350); - --c--contextuals--content--palette--blue-2--tertiary: var(--c--globals--colors--blue-2-150); --c--contextuals--content--palette--purple--primary: var(--c--globals--colors--purple-500); - --c--contextuals--content--palette--purple--secondary: var(--c--globals--colors--purple-350); - --c--contextuals--content--palette--purple--tertiary: var(--c--globals--colors--purple-150); --c--contextuals--content--palette--pink--primary: var(--c--globals--colors--pink-500); - --c--contextuals--content--palette--pink--secondary: var(--c--globals--colors--pink-350); - --c--contextuals--content--palette--pink--tertiary: var(--c--globals--colors--pink-150); --c--contextuals--content--palette--gray--primary: var(--c--globals--colors--gray-500); - --c--contextuals--content--palette--gray--secondary: var(--c--globals--colors--gray-350); - --c--contextuals--content--palette--gray--tertiary: var(--c--globals--colors--gray-150); --c--contextuals--border--surface--primary: var(--c--globals--colors--gray-100); + --c--contextuals--border--semantic--contextual--primary: var(--c--globals--colors--white-200); + --c--contextuals--border--semantic--overlay--primary: var(--c--globals--colors--white-200); --c--contextuals--border--semantic--brand--primary: var(--c--globals--colors--brand-550); --c--contextuals--border--semantic--brand--secondary: var(--c--globals--colors--brand-300); --c--contextuals--border--semantic--brand--tertiary: var(--c--globals--colors--brand-150); - --c--contextuals--border--semantic--contextual--primary: var(--c--globals--colors--white-200); --c--contextuals--border--semantic--neutral--primary: var(--c--globals--colors--gray-550); --c--contextuals--border--semantic--neutral--secondary: var(--c--globals--colors--gray-300); --c--contextuals--border--semantic--neutral--tertiary: var(--c--globals--colors--gray-150); @@ -715,39 +701,6 @@ describe("Cunningham Bin", () => { --c--contextuals--border--semantic--error--secondary: var(--c--globals--colors--error-300); --c--contextuals--border--semantic--error--tertiary: var(--c--globals--colors--error-150); --c--contextuals--border--semantic--disabled--primary: var(--c--globals--colors--gray-100); - --c--contextuals--border--palette--brand--primary: var(--c--globals--colors--brand-500); - --c--contextuals--border--palette--brand--secondary: var(--c--globals--colors--brand-350); - --c--contextuals--border--palette--brand--tertiary: var(--c--globals--colors--brand-150); - --c--contextuals--border--palette--red--primary: var(--c--globals--colors--red-500); - --c--contextuals--border--palette--red--secondary: var(--c--globals--colors--red-350); - --c--contextuals--border--palette--red--tertiary: var(--c--globals--colors--red-150); - --c--contextuals--border--palette--orange--primary: var(--c--globals--colors--orange-500); - --c--contextuals--border--palette--orange--secondary: var(--c--globals--colors--orange-350); - --c--contextuals--border--palette--orange--tertiary: var(--c--globals--colors--orange-150); - --c--contextuals--border--palette--brown--primary: var(--c--globals--colors--brown-500); - --c--contextuals--border--palette--brown--secondary: var(--c--globals--colors--brown-350); - --c--contextuals--border--palette--brown--tertiary: var(--c--globals--colors--brown-150); - --c--contextuals--border--palette--yellow--primary: var(--c--globals--colors--yellow-500); - --c--contextuals--border--palette--yellow--secondary: var(--c--globals--colors--yellow-350); - --c--contextuals--border--palette--yellow--tertiary: var(--c--globals--colors--yellow-150); - --c--contextuals--border--palette--green--primary: var(--c--globals--colors--green-500); - --c--contextuals--border--palette--green--secondary: var(--c--globals--colors--green-350); - --c--contextuals--border--palette--green--tertiary: var(--c--globals--colors--green-150); - --c--contextuals--border--palette--blue-1--primary: var(--c--globals--colors--blue-1-500); - --c--contextuals--border--palette--blue-1--secondary: var(--c--globals--colors--blue-1-350); - --c--contextuals--border--palette--blue-1--tertiary: var(--c--globals--colors--blue-1-150); - --c--contextuals--border--palette--blue-2--primary: var(--c--globals--colors--blue-2-500); - --c--contextuals--border--palette--blue-2--secondary: var(--c--globals--colors--blue-2-350); - --c--contextuals--border--palette--blue-2--tertiary: var(--c--globals--colors--blue-2-150); - --c--contextuals--border--palette--purple--primary: var(--c--globals--colors--purple-500); - --c--contextuals--border--palette--purple--secondary: var(--c--globals--colors--purple-350); - --c--contextuals--border--palette--purple--tertiary: var(--c--globals--colors--purple-150); - --c--contextuals--border--palette--pink--primary: var(--c--globals--colors--pink-500); - --c--contextuals--border--palette--pink--secondary: var(--c--globals--colors--pink-350); - --c--contextuals--border--palette--pink--tertiary: var(--c--globals--colors--pink-150); - --c--contextuals--border--palette--gray--primary: var(--c--globals--colors--gray-500); - --c--contextuals--border--palette--gray--secondary: var(--c--globals--colors--gray-350); - --c--contextuals--border--palette--gray--tertiary: var(--c--globals--colors--gray-150); --c--theme--colors--primary: typescript; } .cunningham-theme--dark{ @@ -1122,6 +1075,8 @@ describe("Cunningham Bin", () => { --c--globals--spacings--t: 0.5rem; --c--globals--spacings--st: 0.25rem; --c--globals--spacings--4xs: 0.125rem; + --c--globals--spacings--3xs: 0.25rem; + --c--globals--spacings--2xs: 0.375rem; --c--globals--spacings--xxxs: 0.25rem; --c--globals--spacings--xxs: 0.375rem; --c--globals--spacings--xs: 0.5rem; @@ -1132,6 +1087,8 @@ describe("Cunningham Bin", () => { --c--globals--spacings--xl: 2.5rem; --c--globals--spacings--xxl: 3rem; --c--globals--spacings--xxxl: 3.5rem; + --c--globals--spacings--2xl: 3rem; + --c--globals--spacings--3xl: 3.5rem; --c--globals--spacings--4xl: 4rem; --c--globals--spacings--5xl: 4.5rem; --c--globals--spacings--6xl: 6rem; @@ -1145,6 +1102,10 @@ describe("Cunningham Bin", () => { --c--contextuals--background--surface--primary: var(--c--globals--colors--gray-800); --c--contextuals--background--surface--secondary: var(--c--globals--colors--gray-850); --c--contextuals--background--surface--tertiary: var(--c--globals--colors--gray-900); + --c--contextuals--background--semantic--contextual--primary: var(--c--globals--colors--white-050); + --c--contextuals--background--semantic--contextual--primary-hover: var(--c--globals--colors--white-100); + --c--contextuals--background--semantic--overlay--primary: var(--c--globals--colors--white-050); + --c--contextuals--background--semantic--overlay--primary-hover: var(--c--globals--colors--white-100); --c--contextuals--background--semantic--brand--primary: var(--c--globals--colors--brand-550); --c--contextuals--background--semantic--brand--primary-hover: var(--c--globals--colors--brand-650); --c--contextuals--background--semantic--brand--secondary: var(--c--globals--colors--brand-700); @@ -1157,8 +1118,6 @@ describe("Cunningham Bin", () => { --c--contextuals--background--semantic--neutral--secondary-hover: var(--c--globals--colors--gray-750); --c--contextuals--background--semantic--neutral--tertiary: var(--c--globals--colors--gray-750); --c--contextuals--background--semantic--neutral--tertiary-hover: var(--c--globals--colors--gray-800); - --c--contextuals--background--semantic--contextual--primary: var(--c--globals--colors--white-050); - --c--contextuals--background--semantic--contextual--primary-hover: var(--c--globals--colors--white-100); --c--contextuals--background--semantic--info--primary: var(--c--globals--colors--info-550); --c--contextuals--background--semantic--info--primary-hover: var(--c--globals--colors--info-650); --c--contextuals--background--semantic--info--secondary: var(--c--globals--colors--info-700); @@ -1220,6 +1179,8 @@ describe("Cunningham Bin", () => { --c--contextuals--background--palette--gray--tertiary: var(--c--globals--colors--gray-550); --c--contextuals--content--logo1: var(--c--globals--colors--logo-1-dark); --c--contextuals--content--logo2: var(--c--globals--colors--logo-2-dark); + --c--contextuals--content--semantic--contextual--primary: var(--c--globals--colors--black-850); + --c--contextuals--content--semantic--overlay--primary: var(--c--globals--colors--black-850); --c--contextuals--content--semantic--brand--primary: var(--c--globals--colors--brand-050); --c--contextuals--content--semantic--brand--secondary: var(--c--globals--colors--brand-100); --c--contextuals--content--semantic--brand--tertiary: var(--c--globals--colors--brand-250); @@ -1228,7 +1189,6 @@ describe("Cunningham Bin", () => { --c--contextuals--content--semantic--neutral--secondary: var(--c--globals--colors--gray-100); --c--contextuals--content--semantic--neutral--tertiary: var(--c--globals--colors--gray-250); --c--contextuals--content--semantic--neutral--on-neutral: var(--c--globals--colors--gray-050); - --c--contextuals--content--semantic--contextual--primary: var(--c--globals--colors--black-850); --c--contextuals--content--semantic--info--primary: var(--c--globals--colors--info-050); --c--contextuals--content--semantic--info--secondary: var(--c--globals--colors--info-100); --c--contextuals--content--semantic--info--tertiary: var(--c--globals--colors--info-250); @@ -1247,44 +1207,23 @@ describe("Cunningham Bin", () => { --c--contextuals--content--semantic--error--on-error: var(--c--globals--colors--error-050); --c--contextuals--content--semantic--disabled--primary: var(--c--globals--colors--gray-600); --c--contextuals--content--semantic--disabled--secondary: var(--c--globals--colors--black-300); - --c--contextuals--content--palette--brand--primary: var(--c--globals--colors--brand-350); - --c--contextuals--content--palette--brand--secondary: var(--c--globals--colors--brand-450); - --c--contextuals--content--palette--brand--tertiary: var(--c--globals--colors--brand-550); - --c--contextuals--content--palette--red--primary: var(--c--globals--colors--red-350); - --c--contextuals--content--palette--red--secondary: var(--c--globals--colors--red-450); - --c--contextuals--content--palette--red--tertiary: var(--c--globals--colors--red-550); - --c--contextuals--content--palette--orange--primary: var(--c--globals--colors--orange-350); - --c--contextuals--content--palette--orange--secondary: var(--c--globals--colors--orange-450); - --c--contextuals--content--palette--orange--tertiary: var(--c--globals--colors--orange-550); - --c--contextuals--content--palette--brown--primary: var(--c--globals--colors--brown-350); - --c--contextuals--content--palette--brown--secondary: var(--c--globals--colors--brown-450); - --c--contextuals--content--palette--brown--tertiary: var(--c--globals--colors--brown-550); - --c--contextuals--content--palette--yellow--primary: var(--c--globals--colors--yellow-350); - --c--contextuals--content--palette--yellow--secondary: var(--c--globals--colors--yellow-450); - --c--contextuals--content--palette--yellow--tertiary: var(--c--globals--colors--yellow-550); - --c--contextuals--content--palette--green--primary: var(--c--globals--colors--green-350); - --c--contextuals--content--palette--green--secondary: var(--c--globals--colors--green-450); - --c--contextuals--content--palette--green--tertiary: var(--c--globals--colors--green-550); - --c--contextuals--content--palette--blue-1--primary: var(--c--globals--colors--blue-1-350); - --c--contextuals--content--palette--blue-1--secondary: var(--c--globals--colors--blue-1-450); - --c--contextuals--content--palette--blue-1--tertiary: var(--c--globals--colors--blue-1-550); - --c--contextuals--content--palette--blue-2--primary: var(--c--globals--colors--blue-2-350); - --c--contextuals--content--palette--blue-2--secondary: var(--c--globals--colors--blue-2-450); - --c--contextuals--content--palette--blue-2--tertiary: var(--c--globals--colors--blue-2-550); - --c--contextuals--content--palette--purple--primary: var(--c--globals--colors--purple-350); - --c--contextuals--content--palette--purple--secondary: var(--c--globals--colors--purple-450); - --c--contextuals--content--palette--purple--tertiary: var(--c--globals--colors--purple-550); - --c--contextuals--content--palette--pink--primary: var(--c--globals--colors--pink-350); - --c--contextuals--content--palette--pink--secondary: var(--c--globals--colors--pink-450); - --c--contextuals--content--palette--pink--tertiary: var(--c--globals--colors--pink-550); - --c--contextuals--content--palette--gray--primary: var(--c--globals--colors--gray-350); - --c--contextuals--content--palette--gray--secondary: var(--c--globals--colors--gray-450); - --c--contextuals--content--palette--gray--tertiary: var(--c--globals--colors--gray-550); + --c--contextuals--content--palette--brand--primary: var(--c--globals--colors--brand-500); + --c--contextuals--content--palette--red--primary: var(--c--globals--colors--red-500); + --c--contextuals--content--palette--orange--primary: var(--c--globals--colors--orange-500); + --c--contextuals--content--palette--brown--primary: var(--c--globals--colors--brown-500); + --c--contextuals--content--palette--yellow--primary: var(--c--globals--colors--yellow-500); + --c--contextuals--content--palette--green--primary: var(--c--globals--colors--green-500); + --c--contextuals--content--palette--blue-1--primary: var(--c--globals--colors--blue-1-500); + --c--contextuals--content--palette--blue-2--primary: var(--c--globals--colors--blue-2-500); + --c--contextuals--content--palette--purple--primary: var(--c--globals--colors--purple-500); + --c--contextuals--content--palette--pink--primary: var(--c--globals--colors--pink-500); + --c--contextuals--content--palette--gray--primary: var(--c--globals--colors--gray-500); --c--contextuals--border--surface--primary: var(--c--globals--colors--gray-750); + --c--contextuals--border--semantic--contextual--primary: var(--c--globals--colors--black-200); + --c--contextuals--border--semantic--overlay--primary: var(--c--globals--colors--black-200); --c--contextuals--border--semantic--brand--primary: var(--c--globals--colors--brand-450); --c--contextuals--border--semantic--brand--secondary: var(--c--globals--colors--brand-600); --c--contextuals--border--semantic--brand--tertiary: var(--c--globals--colors--brand-700); - --c--contextuals--border--semantic--contextual--primary: var(--c--globals--colors--black-200); --c--contextuals--border--semantic--neutral--primary: var(--c--globals--colors--gray-450); --c--contextuals--border--semantic--neutral--secondary: var(--c--globals--colors--gray-600); --c--contextuals--border--semantic--neutral--tertiary: var(--c--globals--colors--gray-700); @@ -1301,39 +1240,6 @@ describe("Cunningham Bin", () => { --c--contextuals--border--semantic--error--secondary: var(--c--globals--colors--error-600); --c--contextuals--border--semantic--error--tertiary: var(--c--globals--colors--error-700); --c--contextuals--border--semantic--disabled--primary: var(--c--globals--colors--gray-800); - --c--contextuals--border--palette--brand--primary: var(--c--globals--colors--brand-350); - --c--contextuals--border--palette--brand--secondary: var(--c--globals--colors--brand-450); - --c--contextuals--border--palette--brand--tertiary: var(--c--globals--colors--brand-550); - --c--contextuals--border--palette--red--primary: var(--c--globals--colors--red-350); - --c--contextuals--border--palette--red--secondary: var(--c--globals--colors--red-450); - --c--contextuals--border--palette--red--tertiary: var(--c--globals--colors--red-550); - --c--contextuals--border--palette--orange--primary: var(--c--globals--colors--orange-350); - --c--contextuals--border--palette--orange--secondary: var(--c--globals--colors--orange-450); - --c--contextuals--border--palette--orange--tertiary: var(--c--globals--colors--orange-550); - --c--contextuals--border--palette--brown--primary: var(--c--globals--colors--brown-350); - --c--contextuals--border--palette--brown--secondary: var(--c--globals--colors--brown-450); - --c--contextuals--border--palette--brown--tertiary: var(--c--globals--colors--brown-550); - --c--contextuals--border--palette--yellow--primary: var(--c--globals--colors--yellow-350); - --c--contextuals--border--palette--yellow--secondary: var(--c--globals--colors--yellow-450); - --c--contextuals--border--palette--yellow--tertiary: var(--c--globals--colors--yellow-550); - --c--contextuals--border--palette--green--primary: var(--c--globals--colors--green-350); - --c--contextuals--border--palette--green--secondary: var(--c--globals--colors--green-450); - --c--contextuals--border--palette--green--tertiary: var(--c--globals--colors--green-550); - --c--contextuals--border--palette--blue-1--primary: var(--c--globals--colors--blue-1-350); - --c--contextuals--border--palette--blue-1--secondary: var(--c--globals--colors--blue-1-450); - --c--contextuals--border--palette--blue-1--tertiary: var(--c--globals--colors--blue-1-550); - --c--contextuals--border--palette--blue-2--primary: var(--c--globals--colors--blue-2-350); - --c--contextuals--border--palette--blue-2--secondary: var(--c--globals--colors--blue-2-450); - --c--contextuals--border--palette--blue-2--tertiary: var(--c--globals--colors--blue-2-550); - --c--contextuals--border--palette--purple--primary: var(--c--globals--colors--purple-350); - --c--contextuals--border--palette--purple--secondary: var(--c--globals--colors--purple-450); - --c--contextuals--border--palette--purple--tertiary: var(--c--globals--colors--purple-550); - --c--contextuals--border--palette--pink--primary: var(--c--globals--colors--pink-350); - --c--contextuals--border--palette--pink--secondary: var(--c--globals--colors--pink-450); - --c--contextuals--border--palette--pink--tertiary: var(--c--globals--colors--pink-550); - --c--contextuals--border--palette--gray--primary: var(--c--globals--colors--gray-350); - --c--contextuals--border--palette--gray--secondary: var(--c--globals--colors--gray-450); - --c--contextuals--border--palette--gray--tertiary: var(--c--globals--colors--gray-550); } " `); diff --git a/packages/tokens/src/lib/cunningham-tokens.ts b/packages/tokens/src/lib/cunningham-tokens.ts index 1573321..19a1923 100644 --- a/packages/tokens/src/lib/cunningham-tokens.ts +++ b/packages/tokens/src/lib/cunningham-tokens.ts @@ -1 +1 @@ -export const tokens = {"themes":{"default":{"globals":{"colors":{"logo-1":"#377FDB","logo-2":"#377FDB","logo-1-dark":"#95ABFF","logo-2-dark":"#95ABFF","brand-050":"#EAF1FB","brand-100":"#D5E4F7","brand-150":"#C0D6F4","brand-200":"#ABC9F0","brand-250":"#96BCEC","brand-300":"#80AEE8","brand-350":"#6CA0E4","brand-400":"#5693E0","brand-450":"#4085DC","brand-500":"#2976D8","brand-550":"#1167D4","brand-600":"#0659C5","brand-650":"#1A509F","brand-700":"#20467F","brand-750":"#203C63","brand-800":"#1D314C","brand-850":"#1A2638","brand-900":"#141C28","brand-950":"#0C1117","gray-000":"#FFFFFF","gray-025":"#F7F8F8","gray-050":"#F0F1F2","gray-100":"#E1E2E5","gray-150":"#D2D4D8","gray-200":"#C4C7CB","gray-250":"#B5B9BE","gray-300":"#A7ACB2","gray-350":"#999EA5","gray-400":"#8D9197","gray-450":"#80848A","gray-500":"#74777C","gray-550":"#686B6F","gray-600":"#5C5F63","gray-650":"#505356","gray-700":"#45474A","gray-750":"#3A3B3E","gray-800":"#2F3033","gray-850":"#252627","gray-900":"#1B1C1D","gray-950":"#101112","gray-1000":"#000000","info-050":"#EAF1FB","info-100":"#D5E4F7","info-150":"#C0D6F4","info-200":"#ABC9F0","info-250":"#96BCEC","info-300":"#80AEE8","info-350":"#6CA0E4","info-400":"#5693E0","info-450":"#4085DC","info-500":"#2976D8","info-550":"#1167D4","info-600":"#0659C5","info-650":"#1A509F","info-700":"#20467F","info-750":"#203C63","info-800":"#1D314C","info-850":"#1A2638","info-900":"#141C28","info-950":"#0C1117","success-050":"#E4F7D4","success-100":"#C8EEA8","success-150":"#AAE579","success-200":"#89DC45","success-250":"#72CF27","success-300":"#6AC024","success-350":"#61B121","success-400":"#59A21E","success-450":"#51941C","success-500":"#4B851A","success-550":"#427816","success-600":"#3A6A14","success-650":"#385C1F","success-700":"#344D24","success-750":"#2E4022","success-800":"#27341F","success-850":"#20281A","success-900":"#181D15","success-950":"#10120E","warning-050":"#FFF1BD","warning-100":"#FFE176","warning-150":"#FFCF25","warning-200":"#F4BF06","warning-250":"#E3B205","warning-300":"#D3A504","warning-350":"#C29805","warning-400":"#B28C03","warning-450":"#A27F03","warning-500":"#937303","warning-550":"#836703","warning-600":"#745B03","warning-650":"#625019","warning-700":"#524620","warning-750":"#443B20","warning-800":"#36301D","warning-850":"#2A2619","warning-900":"#1E1C13","warning-950":"#12110C","error-050":"#FCEDED","error-100":"#FADBDB","error-150":"#F7C9C9","error-200":"#F5B7B7","error-250":"#F2A4A4","error-300":"#EF9191","error-350":"#EC7D7D","error-400":"#E96868","error-450":"#E55050","error-500":"#E13131","error-550":"#D80000","error-600":"#C00101","error-650":"#9E2219","error-700":"#802820","error-750":"#662820","error-800":"#4F231E","error-850":"#3B1D19","error-900":"#2A1614","error-950":"#1A0E0C","red-050":"#FDEDED","red-100":"#FADBDB","red-150":"#F8C9C9","red-200":"#F5B7B6","red-250":"#F3A4A3","red-300":"#F09190","red-350":"#EE7C7B","red-400":"#EB6665","red-450":"#E74E4D","red-500":"#D83F3D","red-550":"#C23837","red-600":"#AC3231","red-650":"#8D3531","red-700":"#73332F","red-750":"#5B2F2B","red-800":"#472826","red-850":"#35211F","red-900":"#251817","red-950":"#160F0E","orange-050":"#FDEEE2","orange-100":"#FCDDC5","orange-150":"#FACBA8","orange-200":"#F8B98B","orange-250":"#F6A76A","orange-300":"#F4934B","orange-350":"#F27E27","orange-400":"#E76E12","orange-450":"#D26411","orange-500":"#BE5B0F","orange-550":"#AA510E","orange-600":"#97480C","orange-650":"#7E431D","orange-700":"#673C22","orange-750":"#533422","orange-800":"#412C1F","orange-850":"#31231B","orange-900":"#221A14","orange-950":"#15100C","brown-050":"#F3F0EF","brown-100":"#E7E1DF","brown-150":"#DCD2CF","brown-200":"#D0C4BF","brown-250":"#C5B6B0","brown-300":"#BAA7A1","brown-350":"#AF9992","brown-400":"#A48B83","brown-450":"#997E74","brown-500":"#8F7065","brown-550":"#846357","brown-600":"#7A5649","brown-650":"#684C42","brown-700":"#57423C","brown-750":"#463833","brown-800":"#382E2A","brown-850":"#2B2422","brown-900":"#1F1B19","brown-950":"#121010","yellow-050":"#FAF0D3","yellow-100":"#F5E2A4","yellow-150":"#F0D275","yellow-200":"#EBC242","yellow-250":"#E4B213","yellow-300":"#D4A511","yellow-350":"#C39810","yellow-400":"#B38B0F","yellow-450":"#A37F0D","yellow-500":"#93730C","yellow-550":"#84670B","yellow-600":"#755B0A","yellow-650":"#63501C","yellow-700":"#534521","yellow-750":"#443A21","yellow-800":"#36301F","yellow-850":"#29261A","yellow-900":"#1D1C14","yellow-950":"#12110C","green-050":"#E2F6E5","green-100":"#C5ECCA","green-150":"#A7E3AF","green-200":"#89D894","green-250":"#67CE75","green-300":"#4DC25D","green-350":"#48B257","green-400":"#41A44F","green-450":"#3B9548","green-500":"#368741","green-550":"#30793A","green-600":"#2B6B33","green-650":"#2F5C34","green-700":"#2E4E31","green-750":"#2A412C","green-800":"#253426","green-850":"#1E281F","green-900":"#171D17","green-950":"#0F120F","blue-1-050":"#EBF1FF","blue-1-100":"#D6E3FE","blue-1-150":"#C2D5FE","blue-1-200":"#ADC7FE","blue-1-250":"#99B8FD","blue-1-300":"#84AAFD","blue-1-350":"#6F9BFD","blue-1-400":"#5A8DFB","blue-1-450":"#437DFC","blue-1-500":"#3D71E4","blue-1-550":"#3665CC","blue-1-600":"#305AB5","blue-1-650":"#315093","blue-1-700":"#2E4675","blue-1-750":"#293B5E","blue-1-800":"#243048","blue-1-850":"#1E2635","blue-1-900":"#171C25","blue-1-950":"#0E1116","blue-2-050":"#E2F4F9","blue-2-100":"#C5E9F3","blue-2-150":"#A7DDED","blue-2-200":"#88D1E6","blue-2-250":"#68C5E0","blue-2-300":"#48B8D9","blue-2-350":"#3BAACA","blue-2-400":"#359CB9","blue-2-450":"#318EA9","blue-2-500":"#2C8199","blue-2-550":"#277389","blue-2-600":"#236679","blue-2-650":"#2A5866","blue-2-700":"#2A4B55","blue-2-750":"#283F47","blue-2-800":"#233337","blue-2-850":"#1D272A","blue-2-900":"#161C1E","blue-2-950":"#0E1112","purple-050":"#F6EEFF","purple-100":"#ECDCFF","purple-150":"#E3CBFE","purple-200":"#DAB9FE","purple-250":"#D0A7FE","purple-300":"#C795FE","purple-350":"#BD83FD","purple-400":"#B36FFD","purple-450":"#A85BFD","purple-500":"#9B4BF3","purple-550":"#8B43DA","purple-600":"#7B3CC1","purple-650":"#673C9B","purple-700":"#56387D","purple-750":"#463162","purple-800":"#382A4A","purple-850":"#2A2237","purple-900":"#1E1926","purple-950":"#121017","pink-050":"#FCEDF5","pink-100":"#F9DAEA","pink-150":"#F7C7E0","pink-200":"#F4B4D5","pink-250":"#F1A1CA","pink-300":"#EE8CBF","pink-350":"#EA77B3","pink-400":"#E760A6","pink-450":"#E24797","pink-500":"#CD4089","pink-550":"#B8397B","pink-600":"#A3336D","pink-650":"#86355E","pink-700":"#6E334F","pink-750":"#582E42","pink-800":"#442834","pink-850":"#332028","pink-900":"#24181D","pink-950":"#160F12","black-000":"#00000000","black-050":"#0000000D","black-100":"#0000001A","black-150":"#00000026","black-200":"#00000033","black-250":"#00000040","black-300":"#0000004D","black-350":"#00000059","black-400":"#00000066","black-450":"#00000073","black-500":"#00000080","black-550":"#0000008C","black-600":"#00000099","black-650":"#000000A6","black-700":"#000000B3","black-750":"#000000BF","black-800":"#000000CC","black-850":"#000000D9","black-900":"#000000E6","black-950":"#000000F2","white-000":"#FFFFFF","white-050":"#FFFFFF0D","white-100":"#FFFFFF1A","white-150":"#FFFFFF26","white-200":"#FFFFFF33","white-250":"#FFFFFF40","white-300":"#FFFFFF4D","white-350":"#FFFFFF59","white-400":"#FFFFFF66","white-450":"#FFFFFF73","white-500":"#FFFFFF80","white-550":"#FFFFFF8C","white-600":"#FFFFFF99","white-650":"#FFFFFFA6","white-700":"#FFFFFFB3","white-750":"#FFFFFFBF","white-800":"#FFFFFFCC","white-850":"#FFFFFFD9","white-900":"#FFFFFFE6","white-950":"#FFFFFFF2"},"transitions":{"ease-in":"cubic-bezier(0.32, 0, 0.67, 0)","ease-out":"cubic-bezier(0.33, 1, 0.68, 1)","ease-in-out":"cubic-bezier(0.65, 0, 0.35, 1)","duration":"250ms"},"font":{"sizes":{"xs":"0.75rem","sm":"0.875rem","md":"1rem","lg":"1.125rem","ml":"0.938rem","xl":"1.25rem","t":"0.6875rem","s":"0.75rem","h1":"2rem","h2":"1.75rem","h3":"1.5rem","h4":"1.375rem","h5":"1.25rem","h6":"1.125rem","xl-alt":"5rem","lg-alt":"4.5rem","md-alt":"4rem","sm-alt":"3.5rem","xs-alt":"3rem"},"weights":{"thin":200,"light":300,"regular":400,"medium":500,"bold":600,"extrabold":700,"black":800},"families":{"base":"\"Roboto Flex Variable\", sans-serif","accent":"\"Roboto Flex Variable\", sans-serif"}},"spacings":{"l":"3rem","b":"1.625rem","m":"0.8125rem","s":"1rem","t":"0.5rem","st":"0.25rem","4xs":"0.125rem","xxxs":"0.25rem","xxs":"0.375rem","xs":"0.5rem","sm":"0.75rem","base":"1rem","md":"1.5rem","lg":"2rem","xl":"2.5rem","xxl":"3rem","xxxl":"3.5rem","4xl":"4rem","5xl":"4.5rem","6xl":"6rem","7xl":"7.5rem"},"breakpoints":{"xs":0,"sm":"576px","md":"768px","lg":"992px","xl":"1200px","xxl":"1400px"}},"contextuals":{"background":{"surface":{"primary":"#FFFFFF","secondary":"#FFFFFF","tertiary":"#F7F8F8"},"semantic":{"brand":{"primary":"#1167D4","primary-hover":"#1A509F","secondary":"#D5E4F7","secondary-hover":"#C0D6F4","tertiary":"#EAF1FB","tertiary-hover":"#D5E4F7"},"neutral":{"primary":"#686B6F","primary-hover":"#505356","secondary":"#E1E2E5","secondary-hover":"#D2D4D8","tertiary":"#F0F1F2","tertiary-hover":"#E1E2E5"},"contextual":{"primary":"#0000000D","primary-hover":"#0000001A"},"info":{"primary":"#1167D4","primary-hover":"#1A509F","secondary":"#D5E4F7","secondary-hover":"#C0D6F4","tertiary":"#EAF1FB","tertiary-hover":"#D5E4F7"},"success":{"primary":"#427816","primary-hover":"#385C1F","secondary":"#C8EEA8","secondary-hover":"#AAE579","tertiary":"#E4F7D4","tertiary-hover":"#C8EEA8"},"warning":{"primary":"#836703","primary-hover":"#625019","secondary":"#FFE176","secondary-hover":"#FFCF25","tertiary":"#FFF1BD","tertiary-hover":"#FFE176"},"error":{"primary":"#D80000","primary-hover":"#9E2219","secondary":"#FADBDB","secondary-hover":"#F7C9C9","tertiary":"#FCEDED","tertiary-hover":"#FADBDB"},"disabled":{"primary":"#E1E2E5","secondary":"#F0F1F2"}},"palette":{"brand":{"primary":"#2976D8","secondary":"#6CA0E4","tertiary":"#C0D6F4"},"red":{"primary":"#D83F3D","secondary":"#EE7C7B","tertiary":"#F8C9C9"},"orange":{"primary":"#BE5B0F","secondary":"#F27E27","tertiary":"#FACBA8"},"brown":{"primary":"#8F7065","secondary":"#AF9992","tertiary":"#DCD2CF"},"yellow":{"primary":"#93730C","secondary":"#C39810","tertiary":"#F0D275"},"green":{"primary":"#368741","secondary":"#48B257","tertiary":"#A7E3AF"},"blue-1":{"primary":"#3D71E4","secondary":"#6F9BFD","tertiary":"#C2D5FE"},"blue-2":{"primary":"#2C8199","secondary":"#3BAACA","tertiary":"#A7DDED"},"purple":{"primary":"#9B4BF3","secondary":"#BD83FD","tertiary":"#E3CBFE"},"pink":{"primary":"#CD4089","secondary":"#EA77B3","tertiary":"#F7C7E0"},"gray":{"primary":"#74777C","secondary":"#999EA5","tertiary":"#D2D4D8"}},"text":{"primary":"#0000000D"}},"content":{"logo1":"#377FDB","logo2":"#377FDB","semantic":{"brand":{"primary":"#20467F","secondary":"#0659C5","tertiary":"#2976D8","on-brand":"#EAF1FB"},"neutral":{"primary":"#252627","secondary":"#5C5F63","tertiary":"#74777C","on-neutral":"#F0F1F2"},"contextual":{"primary":"#FFFFFFF2"},"info":{"primary":"#20467F","secondary":"#0659C5","tertiary":"#2976D8","on-info":"#EAF1FB"},"success":{"primary":"#344D24","secondary":"#3A6A14","tertiary":"#4B851A","on-success":"#E4F7D4"},"warning":{"primary":"#524620","secondary":"#745B03","tertiary":"#937303","on-warning":"#FFF1BD"},"error":{"primary":"#802820","secondary":"#C00101","tertiary":"#E13131","on-error":"#FCEDED"},"disabled":{"primary":"#A7ACB2","secondary":"#FFFFFF80"}},"palette":{"brand":{"primary":"#2976D8","secondary":"#6CA0E4","tertiary":"#C0D6F4"},"red":{"primary":"#D83F3D","secondary":"#EE7C7B","tertiary":"#F8C9C9"},"orange":{"primary":"#BE5B0F","secondary":"#F27E27","tertiary":"#FACBA8"},"brown":{"primary":"#8F7065","secondary":"#AF9992","tertiary":"#DCD2CF"},"yellow":{"primary":"#93730C","secondary":"#C39810","tertiary":"#F0D275"},"green":{"primary":"#368741","secondary":"#48B257","tertiary":"#A7E3AF"},"blue-1":{"primary":"#3D71E4","secondary":"#6F9BFD","tertiary":"#C2D5FE"},"blue-2":{"primary":"#2C8199","secondary":"#3BAACA","tertiary":"#A7DDED"},"purple":{"primary":"#9B4BF3","secondary":"#BD83FD","tertiary":"#E3CBFE"},"pink":{"primary":"#CD4089","secondary":"#EA77B3","tertiary":"#F7C7E0"},"gray":{"primary":"#74777C","secondary":"#999EA5","tertiary":"#D2D4D8"}}},"border":{"surface":{"primary":"#E1E2E5"},"semantic":{"brand":{"primary":"#1167D4","secondary":"#80AEE8","tertiary":"#C0D6F4"},"contextual":{"primary":"#FFFFFF33"},"neutral":{"primary":"#686B6F","secondary":"#A7ACB2","tertiary":"#D2D4D8"},"info":{"primary":"#1167D4","secondary":"#80AEE8","tertiary":"#C0D6F4"},"success":{"primary":"#427816","secondary":"#6AC024","tertiary":"#AAE579"},"warning":{"primary":"#836703","secondary":"#D3A504","tertiary":"#FFCF25"},"error":{"primary":"#D80000","secondary":"#EF9191","tertiary":"#F7C9C9"},"disabled":{"primary":"#E1E2E5"}},"palette":{"brand":{"primary":"#2976D8","secondary":"#6CA0E4","tertiary":"#C0D6F4"},"red":{"primary":"#D83F3D","secondary":"#EE7C7B","tertiary":"#F8C9C9"},"orange":{"primary":"#BE5B0F","secondary":"#F27E27","tertiary":"#FACBA8"},"brown":{"primary":"#8F7065","secondary":"#AF9992","tertiary":"#DCD2CF"},"yellow":{"primary":"#93730C","secondary":"#C39810","tertiary":"#F0D275"},"green":{"primary":"#368741","secondary":"#48B257","tertiary":"#A7E3AF"},"blue-1":{"primary":"#3D71E4","secondary":"#6F9BFD","tertiary":"#C2D5FE"},"blue-2":{"primary":"#2C8199","secondary":"#3BAACA","tertiary":"#A7DDED"},"purple":{"primary":"#9B4BF3","secondary":"#BD83FD","tertiary":"#E3CBFE"},"pink":{"primary":"#CD4089","secondary":"#EA77B3","tertiary":"#F7C7E0"},"gray":{"primary":"#74777C","secondary":"#999EA5","tertiary":"#D2D4D8"}}}},"components":{}},"dark":{"globals":{"colors":{"logo-1":"#377FDB","logo-2":"#377FDB","logo-1-dark":"#95ABFF","logo-2-dark":"#95ABFF","brand-050":"#EAF1FB","brand-100":"#D5E4F7","brand-150":"#C0D6F4","brand-200":"#ABC9F0","brand-250":"#96BCEC","brand-300":"#80AEE8","brand-350":"#6CA0E4","brand-400":"#5693E0","brand-450":"#4085DC","brand-500":"#2976D8","brand-550":"#1167D4","brand-600":"#0659C5","brand-650":"#1A509F","brand-700":"#20467F","brand-750":"#203C63","brand-800":"#1D314C","brand-850":"#1A2638","brand-900":"#141C28","brand-950":"#0C1117","gray-000":"#FFFFFF","gray-025":"#F7F8F8","gray-050":"#F0F1F2","gray-100":"#E1E2E5","gray-150":"#D2D4D8","gray-200":"#C4C7CB","gray-250":"#B5B9BE","gray-300":"#A7ACB2","gray-350":"#999EA5","gray-400":"#8D9197","gray-450":"#80848A","gray-500":"#74777C","gray-550":"#686B6F","gray-600":"#5C5F63","gray-650":"#505356","gray-700":"#45474A","gray-750":"#3A3B3E","gray-800":"#2F3033","gray-850":"#252627","gray-900":"#1B1C1D","gray-950":"#101112","gray-1000":"#000000","info-050":"#EAF1FB","info-100":"#D5E4F7","info-150":"#C0D6F4","info-200":"#ABC9F0","info-250":"#96BCEC","info-300":"#80AEE8","info-350":"#6CA0E4","info-400":"#5693E0","info-450":"#4085DC","info-500":"#2976D8","info-550":"#1167D4","info-600":"#0659C5","info-650":"#1A509F","info-700":"#20467F","info-750":"#203C63","info-800":"#1D314C","info-850":"#1A2638","info-900":"#141C28","info-950":"#0C1117","success-050":"#E4F7D4","success-100":"#C8EEA8","success-150":"#AAE579","success-200":"#89DC45","success-250":"#72CF27","success-300":"#6AC024","success-350":"#61B121","success-400":"#59A21E","success-450":"#51941C","success-500":"#4B851A","success-550":"#427816","success-600":"#3A6A14","success-650":"#385C1F","success-700":"#344D24","success-750":"#2E4022","success-800":"#27341F","success-850":"#20281A","success-900":"#181D15","success-950":"#10120E","warning-050":"#FFF1BD","warning-100":"#FFE176","warning-150":"#FFCF25","warning-200":"#F4BF06","warning-250":"#E3B205","warning-300":"#D3A504","warning-350":"#C29805","warning-400":"#B28C03","warning-450":"#A27F03","warning-500":"#937303","warning-550":"#836703","warning-600":"#745B03","warning-650":"#625019","warning-700":"#524620","warning-750":"#443B20","warning-800":"#36301D","warning-850":"#2A2619","warning-900":"#1E1C13","warning-950":"#12110C","error-050":"#FCEDED","error-100":"#FADBDB","error-150":"#F7C9C9","error-200":"#F5B7B7","error-250":"#F2A4A4","error-300":"#EF9191","error-350":"#EC7D7D","error-400":"#E96868","error-450":"#E55050","error-500":"#E13131","error-550":"#D80000","error-600":"#C00101","error-650":"#9E2219","error-700":"#802820","error-750":"#662820","error-800":"#4F231E","error-850":"#3B1D19","error-900":"#2A1614","error-950":"#1A0E0C","red-050":"#FDEDED","red-100":"#FADBDB","red-150":"#F8C9C9","red-200":"#F5B7B6","red-250":"#F3A4A3","red-300":"#F09190","red-350":"#EE7C7B","red-400":"#EB6665","red-450":"#E74E4D","red-500":"#D83F3D","red-550":"#C23837","red-600":"#AC3231","red-650":"#8D3531","red-700":"#73332F","red-750":"#5B2F2B","red-800":"#472826","red-850":"#35211F","red-900":"#251817","red-950":"#160F0E","orange-050":"#FDEEE2","orange-100":"#FCDDC5","orange-150":"#FACBA8","orange-200":"#F8B98B","orange-250":"#F6A76A","orange-300":"#F4934B","orange-350":"#F27E27","orange-400":"#E76E12","orange-450":"#D26411","orange-500":"#BE5B0F","orange-550":"#AA510E","orange-600":"#97480C","orange-650":"#7E431D","orange-700":"#673C22","orange-750":"#533422","orange-800":"#412C1F","orange-850":"#31231B","orange-900":"#221A14","orange-950":"#15100C","brown-050":"#F3F0EF","brown-100":"#E7E1DF","brown-150":"#DCD2CF","brown-200":"#D0C4BF","brown-250":"#C5B6B0","brown-300":"#BAA7A1","brown-350":"#AF9992","brown-400":"#A48B83","brown-450":"#997E74","brown-500":"#8F7065","brown-550":"#846357","brown-600":"#7A5649","brown-650":"#684C42","brown-700":"#57423C","brown-750":"#463833","brown-800":"#382E2A","brown-850":"#2B2422","brown-900":"#1F1B19","brown-950":"#121010","yellow-050":"#FAF0D3","yellow-100":"#F5E2A4","yellow-150":"#F0D275","yellow-200":"#EBC242","yellow-250":"#E4B213","yellow-300":"#D4A511","yellow-350":"#C39810","yellow-400":"#B38B0F","yellow-450":"#A37F0D","yellow-500":"#93730C","yellow-550":"#84670B","yellow-600":"#755B0A","yellow-650":"#63501C","yellow-700":"#534521","yellow-750":"#443A21","yellow-800":"#36301F","yellow-850":"#29261A","yellow-900":"#1D1C14","yellow-950":"#12110C","green-050":"#E2F6E5","green-100":"#C5ECCA","green-150":"#A7E3AF","green-200":"#89D894","green-250":"#67CE75","green-300":"#4DC25D","green-350":"#48B257","green-400":"#41A44F","green-450":"#3B9548","green-500":"#368741","green-550":"#30793A","green-600":"#2B6B33","green-650":"#2F5C34","green-700":"#2E4E31","green-750":"#2A412C","green-800":"#253426","green-850":"#1E281F","green-900":"#171D17","green-950":"#0F120F","blue-1-050":"#EBF1FF","blue-1-100":"#D6E3FE","blue-1-150":"#C2D5FE","blue-1-200":"#ADC7FE","blue-1-250":"#99B8FD","blue-1-300":"#84AAFD","blue-1-350":"#6F9BFD","blue-1-400":"#5A8DFB","blue-1-450":"#437DFC","blue-1-500":"#3D71E4","blue-1-550":"#3665CC","blue-1-600":"#305AB5","blue-1-650":"#315093","blue-1-700":"#2E4675","blue-1-750":"#293B5E","blue-1-800":"#243048","blue-1-850":"#1E2635","blue-1-900":"#171C25","blue-1-950":"#0E1116","blue-2-050":"#E2F4F9","blue-2-100":"#C5E9F3","blue-2-150":"#A7DDED","blue-2-200":"#88D1E6","blue-2-250":"#68C5E0","blue-2-300":"#48B8D9","blue-2-350":"#3BAACA","blue-2-400":"#359CB9","blue-2-450":"#318EA9","blue-2-500":"#2C8199","blue-2-550":"#277389","blue-2-600":"#236679","blue-2-650":"#2A5866","blue-2-700":"#2A4B55","blue-2-750":"#283F47","blue-2-800":"#233337","blue-2-850":"#1D272A","blue-2-900":"#161C1E","blue-2-950":"#0E1112","purple-050":"#F6EEFF","purple-100":"#ECDCFF","purple-150":"#E3CBFE","purple-200":"#DAB9FE","purple-250":"#D0A7FE","purple-300":"#C795FE","purple-350":"#BD83FD","purple-400":"#B36FFD","purple-450":"#A85BFD","purple-500":"#9B4BF3","purple-550":"#8B43DA","purple-600":"#7B3CC1","purple-650":"#673C9B","purple-700":"#56387D","purple-750":"#463162","purple-800":"#382A4A","purple-850":"#2A2237","purple-900":"#1E1926","purple-950":"#121017","pink-050":"#FCEDF5","pink-100":"#F9DAEA","pink-150":"#F7C7E0","pink-200":"#F4B4D5","pink-250":"#F1A1CA","pink-300":"#EE8CBF","pink-350":"#EA77B3","pink-400":"#E760A6","pink-450":"#E24797","pink-500":"#CD4089","pink-550":"#B8397B","pink-600":"#A3336D","pink-650":"#86355E","pink-700":"#6E334F","pink-750":"#582E42","pink-800":"#442834","pink-850":"#332028","pink-900":"#24181D","pink-950":"#160F12","black-000":"#00000000","black-050":"#0000000D","black-100":"#0000001A","black-150":"#00000026","black-200":"#00000033","black-250":"#00000040","black-300":"#0000004D","black-350":"#00000059","black-400":"#00000066","black-450":"#00000073","black-500":"#00000080","black-550":"#0000008C","black-600":"#00000099","black-650":"#000000A6","black-700":"#000000B3","black-750":"#000000BF","black-800":"#000000CC","black-850":"#000000D9","black-900":"#000000E6","black-950":"#000000F2","white-000":"#FFFFFF","white-050":"#FFFFFF0D","white-100":"#FFFFFF1A","white-150":"#FFFFFF26","white-200":"#FFFFFF33","white-250":"#FFFFFF40","white-300":"#FFFFFF4D","white-350":"#FFFFFF59","white-400":"#FFFFFF66","white-450":"#FFFFFF73","white-500":"#FFFFFF80","white-550":"#FFFFFF8C","white-600":"#FFFFFF99","white-650":"#FFFFFFA6","white-700":"#FFFFFFB3","white-750":"#FFFFFFBF","white-800":"#FFFFFFCC","white-850":"#FFFFFFD9","white-900":"#FFFFFFE6","white-950":"#FFFFFFF2"},"transitions":{"ease-in":"cubic-bezier(0.32, 0, 0.67, 0)","ease-out":"cubic-bezier(0.33, 1, 0.68, 1)","ease-in-out":"cubic-bezier(0.65, 0, 0.35, 1)","duration":"250ms"},"font":{"sizes":{"xs":"0.75rem","sm":"0.875rem","md":"1rem","lg":"1.125rem","ml":"0.938rem","xl":"1.25rem","t":"0.6875rem","s":"0.75rem","h1":"2rem","h2":"1.75rem","h3":"1.5rem","h4":"1.375rem","h5":"1.25rem","h6":"1.125rem","xl-alt":"5rem","lg-alt":"4.5rem","md-alt":"4rem","sm-alt":"3.5rem","xs-alt":"3rem"},"weights":{"thin":200,"light":300,"regular":400,"medium":500,"bold":600,"extrabold":700,"black":800},"families":{"base":"\"Roboto Flex Variable\", sans-serif","accent":"\"Roboto Flex Variable\", sans-serif"}},"spacings":{"l":"3rem","b":"1.625rem","m":"0.8125rem","s":"1rem","t":"0.5rem","st":"0.25rem","4xs":"0.125rem","xxxs":"0.25rem","xxs":"0.375rem","xs":"0.5rem","sm":"0.75rem","base":"1rem","md":"1.5rem","lg":"2rem","xl":"2.5rem","xxl":"3rem","xxxl":"3.5rem","4xl":"4rem","5xl":"4.5rem","6xl":"6rem","7xl":"7.5rem"},"breakpoints":{"xs":0,"sm":"576px","md":"768px","lg":"992px","xl":"1200px","xxl":"1400px"}},"contextuals":{"background":{"surface":{"primary":"#2F3033","secondary":"#252627","tertiary":"#1B1C1D"},"semantic":{"brand":{"primary":"#1167D4","primary-hover":"#1A509F","secondary":"#20467F","secondary-hover":"#203C63","tertiary":"#203C63","tertiary-hover":"#1D314C"},"neutral":{"primary":"#686B6F","primary-hover":"#505356","secondary":"#45474A","secondary-hover":"#3A3B3E","tertiary":"#3A3B3E","tertiary-hover":"#2F3033"},"contextual":{"primary":"#FFFFFF0D","primary-hover":"#FFFFFF1A"},"info":{"primary":"#1167D4","primary-hover":"#1A509F","secondary":"#20467F","secondary-hover":"#203C63","tertiary":"#203C63","tertiary-hover":"#1D314C"},"success":{"primary":"#427816","primary-hover":"#385C1F","secondary":"#344D24","secondary-hover":"#2E4022","tertiary":"#2E4022","tertiary-hover":"#27341F"},"warning":{"primary":"#836703","primary-hover":"#625019","secondary":"#524620","secondary-hover":"#443B20","tertiary":"#443B20","tertiary-hover":"#36301D"},"error":{"primary":"#D80000","primary-hover":"#9E2219","secondary":"#802820","secondary-hover":"#662820","tertiary":"#662820","tertiary-hover":"#4F231E"},"disabled":{"primary":"#3A3B3E","secondary":"#2F3033"}},"palette":{"brand":{"primary":"#6CA0E4","secondary":"#4085DC","tertiary":"#1167D4"},"red":{"primary":"#EE7C7B","secondary":"#E74E4D","tertiary":"#C23837"},"orange":{"primary":"#F27E27","secondary":"#D26411","tertiary":"#AA510E"},"brown":{"primary":"#AF9992","secondary":"#997E74","tertiary":"#846357"},"yellow":{"primary":"#C39810","secondary":"#A37F0D","tertiary":"#84670B"},"green":{"primary":"#48B257","secondary":"#3B9548","tertiary":"#30793A"},"blue-1":{"primary":"#6F9BFD","secondary":"#437DFC","tertiary":"#3665CC"},"blue-2":{"primary":"#3BAACA","secondary":"#318EA9","tertiary":"#277389"},"purple":{"primary":"#BD83FD","secondary":"#A85BFD","tertiary":"#8B43DA"},"pink":{"primary":"#EA77B3","secondary":"#E24797","tertiary":"#B8397B"},"gray":{"primary":"#999EA5","secondary":"#80848A","tertiary":"#686B6F"}}},"content":{"logo1":"#95ABFF","logo2":"#95ABFF","semantic":{"brand":{"primary":"#EAF1FB","secondary":"#D5E4F7","tertiary":"#96BCEC","on-brand":"#EAF1FB"},"neutral":{"primary":"#F0F1F2","secondary":"#E1E2E5","tertiary":"#B5B9BE","on-neutral":"#F0F1F2"},"contextual":{"primary":"#000000D9"},"info":{"primary":"#EAF1FB","secondary":"#D5E4F7","tertiary":"#96BCEC","on-info":"#EAF1FB"},"success":{"primary":"#E4F7D4","secondary":"#C8EEA8","tertiary":"#72CF27","on-success":"#E4F7D4"},"warning":{"primary":"#FFF1BD","secondary":"#FFE176","tertiary":"#E3B205","on-warning":"#FFF1BD"},"error":{"primary":"#FCEDED","secondary":"#FADBDB","tertiary":"#F2A4A4","on-error":"#FCEDED"},"disabled":{"primary":"#5C5F63","secondary":"#0000004D"}},"palette":{"brand":{"primary":"#6CA0E4","secondary":"#4085DC","tertiary":"#1167D4"},"red":{"primary":"#EE7C7B","secondary":"#E74E4D","tertiary":"#C23837"},"orange":{"primary":"#F27E27","secondary":"#D26411","tertiary":"#AA510E"},"brown":{"primary":"#AF9992","secondary":"#997E74","tertiary":"#846357"},"yellow":{"primary":"#C39810","secondary":"#A37F0D","tertiary":"#84670B"},"green":{"primary":"#48B257","secondary":"#3B9548","tertiary":"#30793A"},"blue-1":{"primary":"#6F9BFD","secondary":"#437DFC","tertiary":"#3665CC"},"blue-2":{"primary":"#3BAACA","secondary":"#318EA9","tertiary":"#277389"},"purple":{"primary":"#BD83FD","secondary":"#A85BFD","tertiary":"#8B43DA"},"pink":{"primary":"#EA77B3","secondary":"#E24797","tertiary":"#B8397B"},"gray":{"primary":"#999EA5","secondary":"#80848A","tertiary":"#686B6F"}}},"border":{"surface":{"primary":"#3A3B3E"},"semantic":{"brand":{"primary":"#4085DC","secondary":"#0659C5","tertiary":"#20467F"},"contextual":{"primary":"#00000033"},"neutral":{"primary":"#80848A","secondary":"#5C5F63","tertiary":"#45474A"},"info":{"primary":"#4085DC","secondary":"#0659C5","tertiary":"#20467F"},"success":{"primary":"#51941C","secondary":"#3A6A14","tertiary":"#344D24"},"warning":{"primary":"#A27F03","secondary":"#745B03","tertiary":"#524620"},"error":{"primary":"#E55050","secondary":"#C00101","tertiary":"#802820"},"disabled":{"primary":"#2F3033"}},"palette":{"brand":{"primary":"#6CA0E4","secondary":"#4085DC","tertiary":"#1167D4"},"red":{"primary":"#EE7C7B","secondary":"#E74E4D","tertiary":"#C23837"},"orange":{"primary":"#F27E27","secondary":"#D26411","tertiary":"#AA510E"},"brown":{"primary":"#AF9992","secondary":"#997E74","tertiary":"#846357"},"yellow":{"primary":"#C39810","secondary":"#A37F0D","tertiary":"#84670B"},"green":{"primary":"#48B257","secondary":"#3B9548","tertiary":"#30793A"},"blue-1":{"primary":"#6F9BFD","secondary":"#437DFC","tertiary":"#3665CC"},"blue-2":{"primary":"#3BAACA","secondary":"#318EA9","tertiary":"#277389"},"purple":{"primary":"#BD83FD","secondary":"#A85BFD","tertiary":"#8B43DA"},"pink":{"primary":"#EA77B3","secondary":"#E24797","tertiary":"#B8397B"},"gray":{"primary":"#999EA5","secondary":"#80848A","tertiary":"#686B6F"}}}}}}}; +export const tokens = {"themes":{"default":{"globals":{"colors":{"logo-1":"#377FDB","logo-2":"#377FDB","logo-1-dark":"#95ABFF","logo-2-dark":"#95ABFF","brand-050":"#EAF1FB","brand-100":"#D5E4F7","brand-150":"#C0D6F4","brand-200":"#ABC9F0","brand-250":"#96BCEC","brand-300":"#80AEE8","brand-350":"#6CA0E4","brand-400":"#5693E0","brand-450":"#4085DC","brand-500":"#2976D8","brand-550":"#1167D4","brand-600":"#0659C5","brand-650":"#1A509F","brand-700":"#20467F","brand-750":"#203C63","brand-800":"#1D314C","brand-850":"#1A2638","brand-900":"#141C28","brand-950":"#0C1117","gray-000":"#FFFFFF","gray-025":"#F7F8F8","gray-050":"#F0F1F2","gray-100":"#E1E2E5","gray-150":"#D2D4D8","gray-200":"#C4C7CB","gray-250":"#B5B9BE","gray-300":"#A7ACB2","gray-350":"#999EA5","gray-400":"#8D9197","gray-450":"#80848A","gray-500":"#74777C","gray-550":"#686B6F","gray-600":"#5C5F63","gray-650":"#505356","gray-700":"#45474A","gray-750":"#3A3B3E","gray-800":"#2F3033","gray-850":"#252627","gray-900":"#1B1C1D","gray-950":"#101112","gray-1000":"#000000","info-050":"#EAF1FB","info-100":"#D5E4F7","info-150":"#C0D6F4","info-200":"#ABC9F0","info-250":"#96BCEC","info-300":"#80AEE8","info-350":"#6CA0E4","info-400":"#5693E0","info-450":"#4085DC","info-500":"#2976D8","info-550":"#1167D4","info-600":"#0659C5","info-650":"#1A509F","info-700":"#20467F","info-750":"#203C63","info-800":"#1D314C","info-850":"#1A2638","info-900":"#141C28","info-950":"#0C1117","success-050":"#E4F7D4","success-100":"#C8EEA8","success-150":"#AAE579","success-200":"#89DC45","success-250":"#72CF27","success-300":"#6AC024","success-350":"#61B121","success-400":"#59A21E","success-450":"#51941C","success-500":"#4B851A","success-550":"#427816","success-600":"#3A6A14","success-650":"#385C1F","success-700":"#344D24","success-750":"#2E4022","success-800":"#27341F","success-850":"#20281A","success-900":"#181D15","success-950":"#10120E","warning-050":"#FFF1BD","warning-100":"#FFE176","warning-150":"#FFCF25","warning-200":"#F4BF06","warning-250":"#E3B205","warning-300":"#D3A504","warning-350":"#C29805","warning-400":"#B28C03","warning-450":"#A27F03","warning-500":"#937303","warning-550":"#836703","warning-600":"#745B03","warning-650":"#625019","warning-700":"#524620","warning-750":"#443B20","warning-800":"#36301D","warning-850":"#2A2619","warning-900":"#1E1C13","warning-950":"#12110C","error-050":"#FCEDED","error-100":"#FADBDB","error-150":"#F7C9C9","error-200":"#F5B7B7","error-250":"#F2A4A4","error-300":"#EF9191","error-350":"#EC7D7D","error-400":"#E96868","error-450":"#E55050","error-500":"#E13131","error-550":"#D80000","error-600":"#C00101","error-650":"#9E2219","error-700":"#802820","error-750":"#662820","error-800":"#4F231E","error-850":"#3B1D19","error-900":"#2A1614","error-950":"#1A0E0C","red-050":"#FDEDED","red-100":"#FADBDB","red-150":"#F8C9C9","red-200":"#F5B7B6","red-250":"#F3A4A3","red-300":"#F09190","red-350":"#EE7C7B","red-400":"#EB6665","red-450":"#E74E4D","red-500":"#D83F3D","red-550":"#C23837","red-600":"#AC3231","red-650":"#8D3531","red-700":"#73332F","red-750":"#5B2F2B","red-800":"#472826","red-850":"#35211F","red-900":"#251817","red-950":"#160F0E","orange-050":"#FDEEE2","orange-100":"#FCDDC5","orange-150":"#FACBA8","orange-200":"#F8B98B","orange-250":"#F6A76A","orange-300":"#F4934B","orange-350":"#F27E27","orange-400":"#E76E12","orange-450":"#D26411","orange-500":"#BE5B0F","orange-550":"#AA510E","orange-600":"#97480C","orange-650":"#7E431D","orange-700":"#673C22","orange-750":"#533422","orange-800":"#412C1F","orange-850":"#31231B","orange-900":"#221A14","orange-950":"#15100C","brown-050":"#F3F0EF","brown-100":"#E7E1DF","brown-150":"#DCD2CF","brown-200":"#D0C4BF","brown-250":"#C5B6B0","brown-300":"#BAA7A1","brown-350":"#AF9992","brown-400":"#A48B83","brown-450":"#997E74","brown-500":"#8F7065","brown-550":"#846357","brown-600":"#7A5649","brown-650":"#684C42","brown-700":"#57423C","brown-750":"#463833","brown-800":"#382E2A","brown-850":"#2B2422","brown-900":"#1F1B19","brown-950":"#121010","yellow-050":"#FAF0D3","yellow-100":"#F5E2A4","yellow-150":"#F0D275","yellow-200":"#EBC242","yellow-250":"#E4B213","yellow-300":"#D4A511","yellow-350":"#C39810","yellow-400":"#B38B0F","yellow-450":"#A37F0D","yellow-500":"#93730C","yellow-550":"#84670B","yellow-600":"#755B0A","yellow-650":"#63501C","yellow-700":"#534521","yellow-750":"#443A21","yellow-800":"#36301F","yellow-850":"#29261A","yellow-900":"#1D1C14","yellow-950":"#12110C","green-050":"#E2F6E5","green-100":"#C5ECCA","green-150":"#A7E3AF","green-200":"#89D894","green-250":"#67CE75","green-300":"#4DC25D","green-350":"#48B257","green-400":"#41A44F","green-450":"#3B9548","green-500":"#368741","green-550":"#30793A","green-600":"#2B6B33","green-650":"#2F5C34","green-700":"#2E4E31","green-750":"#2A412C","green-800":"#253426","green-850":"#1E281F","green-900":"#171D17","green-950":"#0F120F","blue-1-050":"#EBF1FF","blue-1-100":"#D6E3FE","blue-1-150":"#C2D5FE","blue-1-200":"#ADC7FE","blue-1-250":"#99B8FD","blue-1-300":"#84AAFD","blue-1-350":"#6F9BFD","blue-1-400":"#5A8DFB","blue-1-450":"#437DFC","blue-1-500":"#3D71E4","blue-1-550":"#3665CC","blue-1-600":"#305AB5","blue-1-650":"#315093","blue-1-700":"#2E4675","blue-1-750":"#293B5E","blue-1-800":"#243048","blue-1-850":"#1E2635","blue-1-900":"#171C25","blue-1-950":"#0E1116","blue-2-050":"#E2F4F9","blue-2-100":"#C5E9F3","blue-2-150":"#A7DDED","blue-2-200":"#88D1E6","blue-2-250":"#68C5E0","blue-2-300":"#48B8D9","blue-2-350":"#3BAACA","blue-2-400":"#359CB9","blue-2-450":"#318EA9","blue-2-500":"#2C8199","blue-2-550":"#277389","blue-2-600":"#236679","blue-2-650":"#2A5866","blue-2-700":"#2A4B55","blue-2-750":"#283F47","blue-2-800":"#233337","blue-2-850":"#1D272A","blue-2-900":"#161C1E","blue-2-950":"#0E1112","purple-050":"#F6EEFF","purple-100":"#ECDCFF","purple-150":"#E3CBFE","purple-200":"#DAB9FE","purple-250":"#D0A7FE","purple-300":"#C795FE","purple-350":"#BD83FD","purple-400":"#B36FFD","purple-450":"#A85BFD","purple-500":"#9B4BF3","purple-550":"#8B43DA","purple-600":"#7B3CC1","purple-650":"#673C9B","purple-700":"#56387D","purple-750":"#463162","purple-800":"#382A4A","purple-850":"#2A2237","purple-900":"#1E1926","purple-950":"#121017","pink-050":"#FCEDF5","pink-100":"#F9DAEA","pink-150":"#F7C7E0","pink-200":"#F4B4D5","pink-250":"#F1A1CA","pink-300":"#EE8CBF","pink-350":"#EA77B3","pink-400":"#E760A6","pink-450":"#E24797","pink-500":"#CD4089","pink-550":"#B8397B","pink-600":"#A3336D","pink-650":"#86355E","pink-700":"#6E334F","pink-750":"#582E42","pink-800":"#442834","pink-850":"#332028","pink-900":"#24181D","pink-950":"#160F12","black-000":"#00000000","black-050":"#0000000D","black-100":"#0000001A","black-150":"#00000026","black-200":"#00000033","black-250":"#00000040","black-300":"#0000004D","black-350":"#00000059","black-400":"#00000066","black-450":"#00000073","black-500":"#00000080","black-550":"#0000008C","black-600":"#00000099","black-650":"#000000A6","black-700":"#000000B3","black-750":"#000000BF","black-800":"#000000CC","black-850":"#000000D9","black-900":"#000000E6","black-950":"#000000F2","white-000":"#FFFFFF","white-050":"#FFFFFF0D","white-100":"#FFFFFF1A","white-150":"#FFFFFF26","white-200":"#FFFFFF33","white-250":"#FFFFFF40","white-300":"#FFFFFF4D","white-350":"#FFFFFF59","white-400":"#FFFFFF66","white-450":"#FFFFFF73","white-500":"#FFFFFF80","white-550":"#FFFFFF8C","white-600":"#FFFFFF99","white-650":"#FFFFFFA6","white-700":"#FFFFFFB3","white-750":"#FFFFFFBF","white-800":"#FFFFFFCC","white-850":"#FFFFFFD9","white-900":"#FFFFFFE6","white-950":"#FFFFFFF2"},"transitions":{"ease-in":"cubic-bezier(0.32, 0, 0.67, 0)","ease-out":"cubic-bezier(0.33, 1, 0.68, 1)","ease-in-out":"cubic-bezier(0.65, 0, 0.35, 1)","duration":"250ms"},"font":{"sizes":{"xs":"0.75rem","sm":"0.875rem","md":"1rem","lg":"1.125rem","ml":"0.938rem","xl":"1.25rem","t":"0.6875rem","s":"0.75rem","h1":"2rem","h2":"1.75rem","h3":"1.5rem","h4":"1.375rem","h5":"1.25rem","h6":"1.125rem","xl-alt":"5rem","lg-alt":"4.5rem","md-alt":"4rem","sm-alt":"3.5rem","xs-alt":"3rem"},"weights":{"thin":200,"light":300,"regular":400,"medium":500,"bold":600,"extrabold":700,"black":800},"families":{"base":"\"Roboto Flex Variable\", sans-serif","accent":"\"Roboto Flex Variable\", sans-serif"}},"spacings":{"l":"3rem","b":"1.625rem","m":"0.8125rem","s":"1rem","t":"0.5rem","st":"0.25rem","4xs":"0.125rem","3xs":"0.25rem","2xs":"0.375rem","xxxs":"0.25rem","xxs":"0.375rem","xs":"0.5rem","sm":"0.75rem","base":"1rem","md":"1.5rem","lg":"2rem","xl":"2.5rem","xxl":"3rem","xxxl":"3.5rem","2xl":"3rem","3xl":"3.5rem","4xl":"4rem","5xl":"4.5rem","6xl":"6rem","7xl":"7.5rem"},"breakpoints":{"xs":0,"sm":"576px","md":"768px","lg":"992px","xl":"1200px","xxl":"1400px"}},"contextuals":{"background":{"surface":{"primary":"#FFFFFF","secondary":"#FFFFFF","tertiary":"#F7F8F8"},"semantic":{"overlay":{"primary":"#0000000D","primary-hover":"#0000001A"},"contextual":{"primary":"#0000000D","primary-hover":"#0000001A"},"brand":{"primary":"#1167D4","primary-hover":"#1A509F","secondary":"#D5E4F7","secondary-hover":"#C0D6F4","tertiary":"#EAF1FB","tertiary-hover":"#D5E4F7"},"neutral":{"primary":"#686B6F","primary-hover":"#505356","secondary":"#E1E2E5","secondary-hover":"#D2D4D8","tertiary":"#F0F1F2","tertiary-hover":"#E1E2E5"},"info":{"primary":"#1167D4","primary-hover":"#1A509F","secondary":"#D5E4F7","secondary-hover":"#C0D6F4","tertiary":"#EAF1FB","tertiary-hover":"#D5E4F7"},"success":{"primary":"#427816","primary-hover":"#385C1F","secondary":"#C8EEA8","secondary-hover":"#AAE579","tertiary":"#E4F7D4","tertiary-hover":"#C8EEA8"},"warning":{"primary":"#836703","primary-hover":"#625019","secondary":"#FFE176","secondary-hover":"#FFCF25","tertiary":"#FFF1BD","tertiary-hover":"#FFE176"},"error":{"primary":"#D80000","primary-hover":"#9E2219","secondary":"#FADBDB","secondary-hover":"#F7C9C9","tertiary":"#FCEDED","tertiary-hover":"#FADBDB"},"disabled":{"primary":"#E1E2E5","secondary":"#F0F1F2"}},"palette":{"brand":{"primary":"#2976D8","secondary":"#6CA0E4","tertiary":"#C0D6F4"},"red":{"primary":"#D83F3D","secondary":"#EE7C7B","tertiary":"#F8C9C9"},"orange":{"primary":"#BE5B0F","secondary":"#F27E27","tertiary":"#FACBA8"},"brown":{"primary":"#8F7065","secondary":"#AF9992","tertiary":"#DCD2CF"},"yellow":{"primary":"#93730C","secondary":"#C39810","tertiary":"#F0D275"},"green":{"primary":"#368741","secondary":"#48B257","tertiary":"#A7E3AF"},"blue-1":{"primary":"#3D71E4","secondary":"#6F9BFD","tertiary":"#C2D5FE"},"blue-2":{"primary":"#2C8199","secondary":"#3BAACA","tertiary":"#A7DDED"},"purple":{"primary":"#9B4BF3","secondary":"#BD83FD","tertiary":"#E3CBFE"},"pink":{"primary":"#CD4089","secondary":"#EA77B3","tertiary":"#F7C7E0"},"gray":{"primary":"#74777C","secondary":"#999EA5","tertiary":"#D2D4D8"}},"text":{"primary":"#0000000D"}},"content":{"logo1":"#377FDB","logo2":"#377FDB","semantic":{"contextual":{"primary":"#FFFFFFF2"},"overlay":{"primary":"#FFFFFFF2"},"brand":{"primary":"#20467F","secondary":"#0659C5","tertiary":"#1167D4","on-brand":"#EAF1FB"},"neutral":{"primary":"#252627","secondary":"#5C5F63","tertiary":"#686B6F","on-neutral":"#F0F1F2"},"info":{"primary":"#20467F","secondary":"#0659C5","tertiary":"#1167D4","on-info":"#EAF1FB"},"success":{"primary":"#344D24","secondary":"#3A6A14","tertiary":"#427816","on-success":"#E4F7D4"},"warning":{"primary":"#524620","secondary":"#745B03","tertiary":"#836703","on-warning":"#FFF1BD"},"error":{"primary":"#802820","secondary":"#C00101","tertiary":"#D80000","on-error":"#FCEDED"},"disabled":{"primary":"#A7ACB2","secondary":"#FFFFFF80"}},"palette":{"brand":{"primary":"#2976D8"},"red":{"primary":"#D83F3D"},"orange":{"primary":"#BE5B0F"},"brown":{"primary":"#8F7065"},"yellow":{"primary":"#93730C"},"green":{"primary":"#368741"},"blue-1":{"primary":"#3D71E4"},"blue-2":{"primary":"#2C8199"},"purple":{"primary":"#9B4BF3"},"pink":{"primary":"#CD4089"},"gray":{"primary":"#74777C"}}},"border":{"surface":{"primary":"#E1E2E5"},"semantic":{"contextual":{"primary":"#FFFFFF33"},"overlay":{"primary":"#FFFFFF33"},"brand":{"primary":"#1167D4","secondary":"#80AEE8","tertiary":"#C0D6F4"},"neutral":{"primary":"#686B6F","secondary":"#A7ACB2","tertiary":"#D2D4D8"},"info":{"primary":"#1167D4","secondary":"#80AEE8","tertiary":"#C0D6F4"},"success":{"primary":"#427816","secondary":"#6AC024","tertiary":"#AAE579"},"warning":{"primary":"#836703","secondary":"#D3A504","tertiary":"#FFCF25"},"error":{"primary":"#D80000","secondary":"#EF9191","tertiary":"#F7C9C9"},"disabled":{"primary":"#E1E2E5"}}}},"components":{}},"dark":{"globals":{"colors":{"logo-1":"#377FDB","logo-2":"#377FDB","logo-1-dark":"#95ABFF","logo-2-dark":"#95ABFF","brand-050":"#EAF1FB","brand-100":"#D5E4F7","brand-150":"#C0D6F4","brand-200":"#ABC9F0","brand-250":"#96BCEC","brand-300":"#80AEE8","brand-350":"#6CA0E4","brand-400":"#5693E0","brand-450":"#4085DC","brand-500":"#2976D8","brand-550":"#1167D4","brand-600":"#0659C5","brand-650":"#1A509F","brand-700":"#20467F","brand-750":"#203C63","brand-800":"#1D314C","brand-850":"#1A2638","brand-900":"#141C28","brand-950":"#0C1117","gray-000":"#FFFFFF","gray-025":"#F7F8F8","gray-050":"#F0F1F2","gray-100":"#E1E2E5","gray-150":"#D2D4D8","gray-200":"#C4C7CB","gray-250":"#B5B9BE","gray-300":"#A7ACB2","gray-350":"#999EA5","gray-400":"#8D9197","gray-450":"#80848A","gray-500":"#74777C","gray-550":"#686B6F","gray-600":"#5C5F63","gray-650":"#505356","gray-700":"#45474A","gray-750":"#3A3B3E","gray-800":"#2F3033","gray-850":"#252627","gray-900":"#1B1C1D","gray-950":"#101112","gray-1000":"#000000","info-050":"#EAF1FB","info-100":"#D5E4F7","info-150":"#C0D6F4","info-200":"#ABC9F0","info-250":"#96BCEC","info-300":"#80AEE8","info-350":"#6CA0E4","info-400":"#5693E0","info-450":"#4085DC","info-500":"#2976D8","info-550":"#1167D4","info-600":"#0659C5","info-650":"#1A509F","info-700":"#20467F","info-750":"#203C63","info-800":"#1D314C","info-850":"#1A2638","info-900":"#141C28","info-950":"#0C1117","success-050":"#E4F7D4","success-100":"#C8EEA8","success-150":"#AAE579","success-200":"#89DC45","success-250":"#72CF27","success-300":"#6AC024","success-350":"#61B121","success-400":"#59A21E","success-450":"#51941C","success-500":"#4B851A","success-550":"#427816","success-600":"#3A6A14","success-650":"#385C1F","success-700":"#344D24","success-750":"#2E4022","success-800":"#27341F","success-850":"#20281A","success-900":"#181D15","success-950":"#10120E","warning-050":"#FFF1BD","warning-100":"#FFE176","warning-150":"#FFCF25","warning-200":"#F4BF06","warning-250":"#E3B205","warning-300":"#D3A504","warning-350":"#C29805","warning-400":"#B28C03","warning-450":"#A27F03","warning-500":"#937303","warning-550":"#836703","warning-600":"#745B03","warning-650":"#625019","warning-700":"#524620","warning-750":"#443B20","warning-800":"#36301D","warning-850":"#2A2619","warning-900":"#1E1C13","warning-950":"#12110C","error-050":"#FCEDED","error-100":"#FADBDB","error-150":"#F7C9C9","error-200":"#F5B7B7","error-250":"#F2A4A4","error-300":"#EF9191","error-350":"#EC7D7D","error-400":"#E96868","error-450":"#E55050","error-500":"#E13131","error-550":"#D80000","error-600":"#C00101","error-650":"#9E2219","error-700":"#802820","error-750":"#662820","error-800":"#4F231E","error-850":"#3B1D19","error-900":"#2A1614","error-950":"#1A0E0C","red-050":"#FDEDED","red-100":"#FADBDB","red-150":"#F8C9C9","red-200":"#F5B7B6","red-250":"#F3A4A3","red-300":"#F09190","red-350":"#EE7C7B","red-400":"#EB6665","red-450":"#E74E4D","red-500":"#D83F3D","red-550":"#C23837","red-600":"#AC3231","red-650":"#8D3531","red-700":"#73332F","red-750":"#5B2F2B","red-800":"#472826","red-850":"#35211F","red-900":"#251817","red-950":"#160F0E","orange-050":"#FDEEE2","orange-100":"#FCDDC5","orange-150":"#FACBA8","orange-200":"#F8B98B","orange-250":"#F6A76A","orange-300":"#F4934B","orange-350":"#F27E27","orange-400":"#E76E12","orange-450":"#D26411","orange-500":"#BE5B0F","orange-550":"#AA510E","orange-600":"#97480C","orange-650":"#7E431D","orange-700":"#673C22","orange-750":"#533422","orange-800":"#412C1F","orange-850":"#31231B","orange-900":"#221A14","orange-950":"#15100C","brown-050":"#F3F0EF","brown-100":"#E7E1DF","brown-150":"#DCD2CF","brown-200":"#D0C4BF","brown-250":"#C5B6B0","brown-300":"#BAA7A1","brown-350":"#AF9992","brown-400":"#A48B83","brown-450":"#997E74","brown-500":"#8F7065","brown-550":"#846357","brown-600":"#7A5649","brown-650":"#684C42","brown-700":"#57423C","brown-750":"#463833","brown-800":"#382E2A","brown-850":"#2B2422","brown-900":"#1F1B19","brown-950":"#121010","yellow-050":"#FAF0D3","yellow-100":"#F5E2A4","yellow-150":"#F0D275","yellow-200":"#EBC242","yellow-250":"#E4B213","yellow-300":"#D4A511","yellow-350":"#C39810","yellow-400":"#B38B0F","yellow-450":"#A37F0D","yellow-500":"#93730C","yellow-550":"#84670B","yellow-600":"#755B0A","yellow-650":"#63501C","yellow-700":"#534521","yellow-750":"#443A21","yellow-800":"#36301F","yellow-850":"#29261A","yellow-900":"#1D1C14","yellow-950":"#12110C","green-050":"#E2F6E5","green-100":"#C5ECCA","green-150":"#A7E3AF","green-200":"#89D894","green-250":"#67CE75","green-300":"#4DC25D","green-350":"#48B257","green-400":"#41A44F","green-450":"#3B9548","green-500":"#368741","green-550":"#30793A","green-600":"#2B6B33","green-650":"#2F5C34","green-700":"#2E4E31","green-750":"#2A412C","green-800":"#253426","green-850":"#1E281F","green-900":"#171D17","green-950":"#0F120F","blue-1-050":"#EBF1FF","blue-1-100":"#D6E3FE","blue-1-150":"#C2D5FE","blue-1-200":"#ADC7FE","blue-1-250":"#99B8FD","blue-1-300":"#84AAFD","blue-1-350":"#6F9BFD","blue-1-400":"#5A8DFB","blue-1-450":"#437DFC","blue-1-500":"#3D71E4","blue-1-550":"#3665CC","blue-1-600":"#305AB5","blue-1-650":"#315093","blue-1-700":"#2E4675","blue-1-750":"#293B5E","blue-1-800":"#243048","blue-1-850":"#1E2635","blue-1-900":"#171C25","blue-1-950":"#0E1116","blue-2-050":"#E2F4F9","blue-2-100":"#C5E9F3","blue-2-150":"#A7DDED","blue-2-200":"#88D1E6","blue-2-250":"#68C5E0","blue-2-300":"#48B8D9","blue-2-350":"#3BAACA","blue-2-400":"#359CB9","blue-2-450":"#318EA9","blue-2-500":"#2C8199","blue-2-550":"#277389","blue-2-600":"#236679","blue-2-650":"#2A5866","blue-2-700":"#2A4B55","blue-2-750":"#283F47","blue-2-800":"#233337","blue-2-850":"#1D272A","blue-2-900":"#161C1E","blue-2-950":"#0E1112","purple-050":"#F6EEFF","purple-100":"#ECDCFF","purple-150":"#E3CBFE","purple-200":"#DAB9FE","purple-250":"#D0A7FE","purple-300":"#C795FE","purple-350":"#BD83FD","purple-400":"#B36FFD","purple-450":"#A85BFD","purple-500":"#9B4BF3","purple-550":"#8B43DA","purple-600":"#7B3CC1","purple-650":"#673C9B","purple-700":"#56387D","purple-750":"#463162","purple-800":"#382A4A","purple-850":"#2A2237","purple-900":"#1E1926","purple-950":"#121017","pink-050":"#FCEDF5","pink-100":"#F9DAEA","pink-150":"#F7C7E0","pink-200":"#F4B4D5","pink-250":"#F1A1CA","pink-300":"#EE8CBF","pink-350":"#EA77B3","pink-400":"#E760A6","pink-450":"#E24797","pink-500":"#CD4089","pink-550":"#B8397B","pink-600":"#A3336D","pink-650":"#86355E","pink-700":"#6E334F","pink-750":"#582E42","pink-800":"#442834","pink-850":"#332028","pink-900":"#24181D","pink-950":"#160F12","black-000":"#00000000","black-050":"#0000000D","black-100":"#0000001A","black-150":"#00000026","black-200":"#00000033","black-250":"#00000040","black-300":"#0000004D","black-350":"#00000059","black-400":"#00000066","black-450":"#00000073","black-500":"#00000080","black-550":"#0000008C","black-600":"#00000099","black-650":"#000000A6","black-700":"#000000B3","black-750":"#000000BF","black-800":"#000000CC","black-850":"#000000D9","black-900":"#000000E6","black-950":"#000000F2","white-000":"#FFFFFF","white-050":"#FFFFFF0D","white-100":"#FFFFFF1A","white-150":"#FFFFFF26","white-200":"#FFFFFF33","white-250":"#FFFFFF40","white-300":"#FFFFFF4D","white-350":"#FFFFFF59","white-400":"#FFFFFF66","white-450":"#FFFFFF73","white-500":"#FFFFFF80","white-550":"#FFFFFF8C","white-600":"#FFFFFF99","white-650":"#FFFFFFA6","white-700":"#FFFFFFB3","white-750":"#FFFFFFBF","white-800":"#FFFFFFCC","white-850":"#FFFFFFD9","white-900":"#FFFFFFE6","white-950":"#FFFFFFF2"},"transitions":{"ease-in":"cubic-bezier(0.32, 0, 0.67, 0)","ease-out":"cubic-bezier(0.33, 1, 0.68, 1)","ease-in-out":"cubic-bezier(0.65, 0, 0.35, 1)","duration":"250ms"},"font":{"sizes":{"xs":"0.75rem","sm":"0.875rem","md":"1rem","lg":"1.125rem","ml":"0.938rem","xl":"1.25rem","t":"0.6875rem","s":"0.75rem","h1":"2rem","h2":"1.75rem","h3":"1.5rem","h4":"1.375rem","h5":"1.25rem","h6":"1.125rem","xl-alt":"5rem","lg-alt":"4.5rem","md-alt":"4rem","sm-alt":"3.5rem","xs-alt":"3rem"},"weights":{"thin":200,"light":300,"regular":400,"medium":500,"bold":600,"extrabold":700,"black":800},"families":{"base":"\"Roboto Flex Variable\", sans-serif","accent":"\"Roboto Flex Variable\", sans-serif"}},"spacings":{"l":"3rem","b":"1.625rem","m":"0.8125rem","s":"1rem","t":"0.5rem","st":"0.25rem","4xs":"0.125rem","3xs":"0.25rem","2xs":"0.375rem","xxxs":"0.25rem","xxs":"0.375rem","xs":"0.5rem","sm":"0.75rem","base":"1rem","md":"1.5rem","lg":"2rem","xl":"2.5rem","xxl":"3rem","xxxl":"3.5rem","2xl":"3rem","3xl":"3.5rem","4xl":"4rem","5xl":"4.5rem","6xl":"6rem","7xl":"7.5rem"},"breakpoints":{"xs":0,"sm":"576px","md":"768px","lg":"992px","xl":"1200px","xxl":"1400px"}},"contextuals":{"background":{"surface":{"primary":"#2F3033","secondary":"#252627","tertiary":"#1B1C1D"},"semantic":{"contextual":{"primary":"#FFFFFF0D","primary-hover":"#FFFFFF1A"},"overlay":{"primary":"#FFFFFF0D","primary-hover":"#FFFFFF1A"},"brand":{"primary":"#1167D4","primary-hover":"#1A509F","secondary":"#20467F","secondary-hover":"#203C63","tertiary":"#203C63","tertiary-hover":"#1D314C"},"neutral":{"primary":"#686B6F","primary-hover":"#505356","secondary":"#45474A","secondary-hover":"#3A3B3E","tertiary":"#3A3B3E","tertiary-hover":"#2F3033"},"info":{"primary":"#1167D4","primary-hover":"#1A509F","secondary":"#20467F","secondary-hover":"#203C63","tertiary":"#203C63","tertiary-hover":"#1D314C"},"success":{"primary":"#427816","primary-hover":"#385C1F","secondary":"#344D24","secondary-hover":"#2E4022","tertiary":"#2E4022","tertiary-hover":"#27341F"},"warning":{"primary":"#836703","primary-hover":"#625019","secondary":"#524620","secondary-hover":"#443B20","tertiary":"#443B20","tertiary-hover":"#36301D"},"error":{"primary":"#D80000","primary-hover":"#9E2219","secondary":"#802820","secondary-hover":"#662820","tertiary":"#662820","tertiary-hover":"#4F231E"},"disabled":{"primary":"#3A3B3E","secondary":"#2F3033"}},"palette":{"brand":{"primary":"#6CA0E4","secondary":"#4085DC","tertiary":"#1167D4"},"red":{"primary":"#EE7C7B","secondary":"#E74E4D","tertiary":"#C23837"},"orange":{"primary":"#F27E27","secondary":"#D26411","tertiary":"#AA510E"},"brown":{"primary":"#AF9992","secondary":"#997E74","tertiary":"#846357"},"yellow":{"primary":"#C39810","secondary":"#A37F0D","tertiary":"#84670B"},"green":{"primary":"#48B257","secondary":"#3B9548","tertiary":"#30793A"},"blue-1":{"primary":"#6F9BFD","secondary":"#437DFC","tertiary":"#3665CC"},"blue-2":{"primary":"#3BAACA","secondary":"#318EA9","tertiary":"#277389"},"purple":{"primary":"#BD83FD","secondary":"#A85BFD","tertiary":"#8B43DA"},"pink":{"primary":"#EA77B3","secondary":"#E24797","tertiary":"#B8397B"},"gray":{"primary":"#999EA5","secondary":"#80848A","tertiary":"#686B6F"}}},"content":{"logo1":"#95ABFF","logo2":"#95ABFF","semantic":{"contextual":{"primary":"#000000D9"},"overlay":{"primary":"#000000D9"},"brand":{"primary":"#EAF1FB","secondary":"#D5E4F7","tertiary":"#96BCEC","on-brand":"#EAF1FB"},"neutral":{"primary":"#F0F1F2","secondary":"#E1E2E5","tertiary":"#B5B9BE","on-neutral":"#F0F1F2"},"info":{"primary":"#EAF1FB","secondary":"#D5E4F7","tertiary":"#96BCEC","on-info":"#EAF1FB"},"success":{"primary":"#E4F7D4","secondary":"#C8EEA8","tertiary":"#72CF27","on-success":"#E4F7D4"},"warning":{"primary":"#FFF1BD","secondary":"#FFE176","tertiary":"#E3B205","on-warning":"#FFF1BD"},"error":{"primary":"#FCEDED","secondary":"#FADBDB","tertiary":"#F2A4A4","on-error":"#FCEDED"},"disabled":{"primary":"#5C5F63","secondary":"#0000004D"}},"palette":{"brand":{"primary":"#2976D8"},"red":{"primary":"#D83F3D"},"orange":{"primary":"#BE5B0F"},"brown":{"primary":"#8F7065"},"yellow":{"primary":"#93730C"},"green":{"primary":"#368741"},"blue-1":{"primary":"#3D71E4"},"blue-2":{"primary":"#2C8199"},"purple":{"primary":"#9B4BF3"},"pink":{"primary":"#CD4089"},"gray":{"primary":"#74777C"}}},"border":{"surface":{"primary":"#3A3B3E"},"semantic":{"contextual":{"primary":"#00000033"},"overlay":{"primary":"#00000033"},"brand":{"primary":"#4085DC","secondary":"#0659C5","tertiary":"#20467F"},"neutral":{"primary":"#80848A","secondary":"#5C5F63","tertiary":"#45474A"},"info":{"primary":"#4085DC","secondary":"#0659C5","tertiary":"#20467F"},"success":{"primary":"#51941C","secondary":"#3A6A14","tertiary":"#344D24"},"warning":{"primary":"#A27F03","secondary":"#745B03","tertiary":"#524620"},"error":{"primary":"#E55050","secondary":"#C00101","tertiary":"#802820"},"disabled":{"primary":"#2F3033"}}}},"components":{}}}};