From fa6f3e8b7cdb51e4c0db0f6ae19c5d6b9a1691a8 Mon Sep 17 00:00:00 2001 From: Anto59290 Date: Fri, 9 Jan 2026 15:26:54 +0100 Subject: [PATCH 01/15] =?UTF-8?q?=F0=9F=92=84(frontend)=20fix=20icon=20pos?= =?UTF-8?q?ition=20in=20callout=20block?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Make sure the icon in the callout block is aligned to the top instead of centered when we have multi-line content. Signed-off-by: Anto59290 --- CHANGELOG.md | 1 + .../doc-editor/components/custom-blocks/CalloutBlock.tsx | 7 ++++++- 2 files changed, 7 insertions(+), 1 deletion(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 10eca5f0..82e409e3 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -19,6 +19,7 @@ and this project adheres to - ✅(backend) reduce flakiness on backend test #1769 - 🐛(frontend) fix clickable main content regression #1773 - 🐛(backend) fix TRASHBIN_CUTOFF_DAYS type error #1778 +- 💄(frontend) fix icon position in callout block #1779 ### Security diff --git a/src/frontend/apps/impress/src/features/docs/doc-editor/components/custom-blocks/CalloutBlock.tsx b/src/frontend/apps/impress/src/features/docs/doc-editor/components/custom-blocks/CalloutBlock.tsx index 4a54ca96..6fb076d7 100644 --- a/src/frontend/apps/impress/src/features/docs/doc-editor/components/custom-blocks/CalloutBlock.tsx +++ b/src/frontend/apps/impress/src/features/docs/doc-editor/components/custom-blocks/CalloutBlock.tsx @@ -97,7 +97,12 @@ const CalloutComponent = ({ `} > - + Date: Tue, 13 Jan 2026 13:13:51 +0100 Subject: [PATCH 02/15] =?UTF-8?q?=F0=9F=94=92=EF=B8=8F(frontend)=20fix=20p?= =?UTF-8?q?rops=20vulnerability=20in=20Interlinking?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit We were not properly sanitizing props passed to the InterlinkingLinkInlineContent component, which could lead to XSS attacks. This commit remove most of the props and only keep the necessary ones. --- CHANGELOG.md | 15 ++- src/frontend/apps/impress/package.json | 1 + .../InterlinkingLinkInlineContent.tsx | 121 +++++++++++++----- .../Interlinking/SearchPage.tsx | 1 - .../interlinkingLinkDocx.tsx | 12 +- .../interlinkingLinkODT.tsx | 12 +- .../interlinkingLinkPDF.tsx | 14 +- 7 files changed, 126 insertions(+), 50 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 82e409e3..5b95b70d 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -12,7 +12,13 @@ and this project adheres to - ✅(export) add PDF regression tests #1762 - 📝(docs) Add language configuration documentation #1757 - 🔒(helm) Set default security context #1750 -- ✨(backend) use langfuse to monitor AI actions +- ✨(backend) use langfuse to monitor AI actions #1776 + +### Changed + +- ♿(frontend) improve accessibility: + - ♿(frontend) make html export accessible to screen reader users #1743 + - ♿(frontend) add missing label and fix Axes errors to improve a11y #1693 ### Fixed @@ -24,12 +30,7 @@ and this project adheres to ### Security - 🔒️(backend) validate more strictly url used by cors-proxy endpoint #1768 - -### Changed - -- ♿(frontend) improve accessibility: - - ♿(frontend) make html export accessible to screen reader users #1743 - - ♿(frontend) add missing label and fix Axes errors to improve a11y #1693 +- 🔒️(frontend) fix props vulnerability in Interlinking #1792 ## [4.3.0] - 2026-01-05 diff --git a/src/frontend/apps/impress/package.json b/src/frontend/apps/impress/package.json index cb701fc9..a0dcf896 100644 --- a/src/frontend/apps/impress/package.json +++ b/src/frontend/apps/impress/package.json @@ -68,6 +68,7 @@ "react-select": "5.10.2", "styled-components": "6.1.19", "use-debounce": "10.0.6", + "uuid": "13.0.0", "y-protocols": "1.0.7", "yjs": "*", "zustand": "5.0.9" diff --git a/src/frontend/apps/impress/src/features/docs/doc-editor/components/custom-inline-content/Interlinking/InterlinkingLinkInlineContent.tsx b/src/frontend/apps/impress/src/features/docs/doc-editor/components/custom-inline-content/Interlinking/InterlinkingLinkInlineContent.tsx index 5dc9a2be..be5145dd 100644 --- a/src/frontend/apps/impress/src/features/docs/doc-editor/components/custom-inline-content/Interlinking/InterlinkingLinkInlineContent.tsx +++ b/src/frontend/apps/impress/src/features/docs/doc-editor/components/custom-inline-content/Interlinking/InterlinkingLinkInlineContent.tsx @@ -1,21 +1,23 @@ -/* eslint-disable react-hooks/rules-of-hooks */ +import { + PartialCustomInlineContentFromConfig, + StyleSchema, +} from '@blocknote/core'; import { createReactInlineContentSpec } from '@blocknote/react'; +import * as Sentry from '@sentry/nextjs'; import { useRouter } from 'next/router'; import { useEffect } from 'react'; import { css } from 'styled-components'; +import { validate as uuidValidate } from 'uuid'; import { BoxButton, Text } from '@/components'; import { useCunninghamTheme } from '@/cunningham'; import SelectedPageIcon from '@/docs/doc-editor/assets/doc-selected.svg'; -import { getEmojiAndTitle, useDoc } from '@/docs/doc-management'; +import { getEmojiAndTitle, useDoc } from '@/docs/doc-management/'; export const InterlinkingLinkInlineContent = createReactInlineContentSpec( { type: 'interlinkingLinkInline', propSchema: { - url: { - default: '', - }, docId: { default: '', }, @@ -27,46 +29,97 @@ export const InterlinkingLinkInlineContent = createReactInlineContentSpec( }, { render: ({ editor, inlineContent, updateInlineContent }) => { - const { data: doc } = useDoc({ id: inlineContent.props.docId }); - const isEditable = editor.isEditable; + if (!inlineContent.props.docId) { + return null; + } /** - * Update the content title if the referenced doc title changes + * Should not happen */ - useEffect(() => { - if ( - isEditable && - doc?.title && - doc.title !== inlineContent.props.title - ) { - updateInlineContent({ - type: 'interlinkingLinkInline', - props: { - ...inlineContent.props, - title: doc.title, - }, - }); - } + if (!uuidValidate(inlineContent.props.docId)) { + Sentry.captureException( + new Error(`Invalid docId: ${inlineContent.props.docId}`), + { + extra: { info: 'InterlinkingLinkInlineContent' }, + }, + ); - /** - * ⚠️ When doing collaborative editing, doc?.title might be out of sync - * causing an infinite loop of updates. - * To prevent this, we only run this effect when doc?.title changes, - * not when inlineContent.props.title changes. - */ - // eslint-disable-next-line react-hooks/exhaustive-deps - }, [doc?.title, isEditable]); + updateInlineContent({ + type: 'interlinkingLinkInline', + props: { + docId: '', + title: '', + }, + }); - return ; + return null; + } + + return ( + + ); }, }, ); interface LinkSelectedProps { - url: string; + docId: string; title: string; + isEditable: boolean; + updateInlineContent: ( + update: PartialCustomInlineContentFromConfig< + { + readonly type: 'interlinkingLinkInline'; + readonly propSchema: { + readonly docId: { + readonly default: ''; + }; + readonly title: { + readonly default: ''; + }; + }; + readonly content: 'none'; + }, + StyleSchema + >, + ) => void; } -const LinkSelected = ({ url, title }: LinkSelectedProps) => { +export const LinkSelected = ({ + docId, + title, + isEditable, + updateInlineContent, +}: LinkSelectedProps) => { + const { data: doc } = useDoc({ id: docId }); + + /** + * Update the content title if the referenced doc title changes + */ + useEffect(() => { + if (isEditable && doc?.title && doc.title !== title) { + updateInlineContent({ + type: 'interlinkingLinkInline', + props: { + docId, + title: doc.title, + }, + }); + } + + /** + * ⚠️ When doing collaborative editing, doc?.title might be out of sync + * causing an infinite loop of updates. + * To prevent this, we only run this effect when doc?.title changes, + * not when inlineContent.props.title changes. + */ + // eslint-disable-next-line react-hooks/exhaustive-deps + }, [doc?.title, docId, isEditable]); + const { colorsTokens } = useCunninghamTheme(); const { emoji, titleWithoutEmoji } = getEmojiAndTitle(title); @@ -74,7 +127,7 @@ const LinkSelected = ({ url, title }: LinkSelectedProps) => { const handleClick = (e: React.MouseEvent) => { e.preventDefault(); - void router.push(url); + void router.push(`/docs/${docId}/`); }; return ( diff --git a/src/frontend/apps/impress/src/features/docs/doc-editor/components/custom-inline-content/Interlinking/SearchPage.tsx b/src/frontend/apps/impress/src/features/docs/doc-editor/components/custom-inline-content/Interlinking/SearchPage.tsx index 5ef163cf..47428e75 100644 --- a/src/frontend/apps/impress/src/features/docs/doc-editor/components/custom-inline-content/Interlinking/SearchPage.tsx +++ b/src/frontend/apps/impress/src/features/docs/doc-editor/components/custom-inline-content/Interlinking/SearchPage.tsx @@ -247,7 +247,6 @@ export const SearchPage = ({ { type: 'interlinkingLinkInline', props: { - url: `/docs/${doc.id}`, docId: doc.id, title: doc.title || untitledDocument, }, diff --git a/src/frontend/apps/impress/src/features/docs/doc-export/inline-content-mapping/interlinkingLinkDocx.tsx b/src/frontend/apps/impress/src/features/docs/doc-export/inline-content-mapping/interlinkingLinkDocx.tsx index afb8c0e7..7da97f08 100644 --- a/src/frontend/apps/impress/src/features/docs/doc-export/inline-content-mapping/interlinkingLinkDocx.tsx +++ b/src/frontend/apps/impress/src/features/docs/doc-export/inline-content-mapping/interlinkingLinkDocx.tsx @@ -1,16 +1,24 @@ import { ExternalHyperlink, TextRun } from 'docx'; +import { getEmojiAndTitle } from '@/docs/doc-management'; + import { DocsExporterDocx } from '../types'; export const inlineContentMappingInterlinkingLinkDocx: DocsExporterDocx['mappings']['inlineContentMapping']['interlinkingLinkInline'] = (inline) => { + if (!inline.props.docId) { + return new TextRun(''); + } + + const { emoji, titleWithoutEmoji } = getEmojiAndTitle(inline.props.title); + return new ExternalHyperlink({ children: [ new TextRun({ - text: `📄${inline.props.title}`, + text: `${emoji || '📄'}${titleWithoutEmoji}`, bold: true, }), ], - link: window.location.origin + inline.props.url, + link: window.location.origin + `/docs/${inline.props.docId}/`, }); }; diff --git a/src/frontend/apps/impress/src/features/docs/doc-export/inline-content-mapping/interlinkingLinkODT.tsx b/src/frontend/apps/impress/src/features/docs/doc-export/inline-content-mapping/interlinkingLinkODT.tsx index 4ffadf08..ef9d3d9a 100644 --- a/src/frontend/apps/impress/src/features/docs/doc-export/inline-content-mapping/interlinkingLinkODT.tsx +++ b/src/frontend/apps/impress/src/features/docs/doc-export/inline-content-mapping/interlinkingLinkODT.tsx @@ -1,11 +1,17 @@ import React from 'react'; +import { getEmojiAndTitle } from '@/docs/doc-management'; + import { DocsExporterODT } from '../types'; export const inlineContentMappingInterlinkingLinkODT: DocsExporterODT['mappings']['inlineContentMapping']['interlinkingLinkInline'] = (inline) => { - const url = window.location.origin + inline.props.url; - const title = inline.props.title; + if (!inline.props.docId) { + return null; + } + + const { emoji, titleWithoutEmoji } = getEmojiAndTitle(inline.props.title); + const url = window.location.origin + `/docs/${inline.props.docId}/`; // Create ODT hyperlink using React.createElement to avoid TypeScript JSX namespace issues // Uses the same structure as BlockNote's default link mapping @@ -18,6 +24,6 @@ export const inlineContentMappingInterlinkingLinkODT: DocsExporterODT['mappings' xlinkShow: 'replace', xlinkHref: url, }, - `📄${title}`, + `${emoji || '📄'}${titleWithoutEmoji}`, ); }; diff --git a/src/frontend/apps/impress/src/features/docs/doc-export/inline-content-mapping/interlinkingLinkPDF.tsx b/src/frontend/apps/impress/src/features/docs/doc-export/inline-content-mapping/interlinkingLinkPDF.tsx index c2d204b7..87165dfa 100644 --- a/src/frontend/apps/impress/src/features/docs/doc-export/inline-content-mapping/interlinkingLinkPDF.tsx +++ b/src/frontend/apps/impress/src/features/docs/doc-export/inline-content-mapping/interlinkingLinkPDF.tsx @@ -1,21 +1,29 @@ import { Image, Link, Text } from '@react-pdf/renderer'; +import { getEmojiAndTitle } from '@/docs/doc-management'; + import DocSelectedIcon from '../assets/doc-selected.png'; import { DocsExporterPDF } from '../types'; export const inlineContentMappingInterlinkingLinkPDF: DocsExporterPDF['mappings']['inlineContentMapping']['interlinkingLinkInline'] = (inline) => { + if (!inline.props.docId) { + return <>; + } + + const { emoji, titleWithoutEmoji } = getEmojiAndTitle(inline.props.title); + return ( {' '} - {' '} - {inline.props.title}{' '} + {emoji || }{' '} + {titleWithoutEmoji}{' '} ); }; From 1170bdbfc1fe31d687e92f07f055ea39bcd0bd7d Mon Sep 17 00:00:00 2001 From: AntoLC <25994652+AntoLC@users.noreply.github.com> Date: Tue, 13 Jan 2026 13:18:01 +0000 Subject: [PATCH 03/15] =?UTF-8?q?=F0=9F=8C=90(i18n)=20update=20translated?= =?UTF-8?q?=20strings?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Update translated files with new translations --- src/backend/locale/br_FR/LC_MESSAGES/django.po | 6 +++--- src/backend/locale/de_DE/LC_MESSAGES/django.po | 6 +++--- src/backend/locale/en_US/LC_MESSAGES/django.po | 6 +++--- src/backend/locale/es_ES/LC_MESSAGES/django.po | 6 +++--- src/backend/locale/fr_FR/LC_MESSAGES/django.po | 6 +++--- src/backend/locale/it_IT/LC_MESSAGES/django.po | 6 +++--- src/backend/locale/nl_NL/LC_MESSAGES/django.po | 6 +++--- src/backend/locale/pt_PT/LC_MESSAGES/django.po | 6 +++--- src/backend/locale/ru_RU/LC_MESSAGES/django.po | 6 +++--- src/backend/locale/sl_SI/LC_MESSAGES/django.po | 6 +++--- src/backend/locale/sv_SE/LC_MESSAGES/django.po | 6 +++--- src/backend/locale/tr_TR/LC_MESSAGES/django.po | 6 +++--- src/backend/locale/uk_UA/LC_MESSAGES/django.po | 6 +++--- src/backend/locale/zh_CN/LC_MESSAGES/django.po | 6 +++--- .../apps/impress/src/i18n/translations.json | 15 +++++++++++---- 15 files changed, 53 insertions(+), 46 deletions(-) diff --git a/src/backend/locale/br_FR/LC_MESSAGES/django.po b/src/backend/locale/br_FR/LC_MESSAGES/django.po index 3a946232..1c321e74 100644 --- a/src/backend/locale/br_FR/LC_MESSAGES/django.po +++ b/src/backend/locale/br_FR/LC_MESSAGES/django.po @@ -2,8 +2,8 @@ msgid "" msgstr "" "Project-Id-Version: lasuite-docs\n" "Report-Msgid-Bugs-To: \n" -"POT-Creation-Date: 2025-12-16 21:44+0000\n" -"PO-Revision-Date: 2026-01-05 08:21\n" +"POT-Creation-Date: 2026-01-08 15:38+0000\n" +"PO-Revision-Date: 2026-01-13 13:17\n" "Last-Translator: \n" "Language-Team: Breton\n" "Language: br_FR\n" @@ -79,7 +79,7 @@ msgstr "Doare korf" msgid "Format" msgstr "Stumm" -#: build/lib/core/api/viewsets.py:1024 core/api/viewsets.py:1024 +#: build/lib/core/api/viewsets.py:1081 core/api/viewsets.py:1081 #, python-brace-format msgid "copy of {title}" msgstr "eilenn {title}" diff --git a/src/backend/locale/de_DE/LC_MESSAGES/django.po b/src/backend/locale/de_DE/LC_MESSAGES/django.po index 8edff316..7215f3d1 100644 --- a/src/backend/locale/de_DE/LC_MESSAGES/django.po +++ b/src/backend/locale/de_DE/LC_MESSAGES/django.po @@ -2,8 +2,8 @@ msgid "" msgstr "" "Project-Id-Version: lasuite-docs\n" "Report-Msgid-Bugs-To: \n" -"POT-Creation-Date: 2025-12-16 21:44+0000\n" -"PO-Revision-Date: 2026-01-05 08:21\n" +"POT-Creation-Date: 2026-01-08 15:38+0000\n" +"PO-Revision-Date: 2026-01-13 13:17\n" "Last-Translator: \n" "Language-Team: German\n" "Language: de_DE\n" @@ -79,7 +79,7 @@ msgstr "Typ" msgid "Format" msgstr "Format" -#: build/lib/core/api/viewsets.py:1024 core/api/viewsets.py:1024 +#: build/lib/core/api/viewsets.py:1081 core/api/viewsets.py:1081 #, python-brace-format msgid "copy of {title}" msgstr "Kopie von {title}" diff --git a/src/backend/locale/en_US/LC_MESSAGES/django.po b/src/backend/locale/en_US/LC_MESSAGES/django.po index 8ff076d1..90f6c72c 100644 --- a/src/backend/locale/en_US/LC_MESSAGES/django.po +++ b/src/backend/locale/en_US/LC_MESSAGES/django.po @@ -2,8 +2,8 @@ msgid "" msgstr "" "Project-Id-Version: lasuite-docs\n" "Report-Msgid-Bugs-To: \n" -"POT-Creation-Date: 2025-12-16 21:44+0000\n" -"PO-Revision-Date: 2026-01-05 08:21\n" +"POT-Creation-Date: 2026-01-08 15:38+0000\n" +"PO-Revision-Date: 2026-01-13 13:17\n" "Last-Translator: \n" "Language-Team: English\n" "Language: en_US\n" @@ -79,7 +79,7 @@ msgstr "" msgid "Format" msgstr "" -#: build/lib/core/api/viewsets.py:1024 core/api/viewsets.py:1024 +#: build/lib/core/api/viewsets.py:1081 core/api/viewsets.py:1081 #, python-brace-format msgid "copy of {title}" msgstr "" diff --git a/src/backend/locale/es_ES/LC_MESSAGES/django.po b/src/backend/locale/es_ES/LC_MESSAGES/django.po index 828a1b41..c4f38cad 100644 --- a/src/backend/locale/es_ES/LC_MESSAGES/django.po +++ b/src/backend/locale/es_ES/LC_MESSAGES/django.po @@ -2,8 +2,8 @@ msgid "" msgstr "" "Project-Id-Version: lasuite-docs\n" "Report-Msgid-Bugs-To: \n" -"POT-Creation-Date: 2025-12-16 21:44+0000\n" -"PO-Revision-Date: 2026-01-05 08:21\n" +"POT-Creation-Date: 2026-01-08 15:38+0000\n" +"PO-Revision-Date: 2026-01-13 13:17\n" "Last-Translator: \n" "Language-Team: Spanish\n" "Language: es_ES\n" @@ -79,7 +79,7 @@ msgstr "Tipo de Cuerpo" msgid "Format" msgstr "Formato" -#: build/lib/core/api/viewsets.py:1024 core/api/viewsets.py:1024 +#: build/lib/core/api/viewsets.py:1081 core/api/viewsets.py:1081 #, python-brace-format msgid "copy of {title}" msgstr "copia de {title}" diff --git a/src/backend/locale/fr_FR/LC_MESSAGES/django.po b/src/backend/locale/fr_FR/LC_MESSAGES/django.po index af9e20d6..a0d47f41 100644 --- a/src/backend/locale/fr_FR/LC_MESSAGES/django.po +++ b/src/backend/locale/fr_FR/LC_MESSAGES/django.po @@ -2,8 +2,8 @@ msgid "" msgstr "" "Project-Id-Version: lasuite-docs\n" "Report-Msgid-Bugs-To: \n" -"POT-Creation-Date: 2025-12-16 21:44+0000\n" -"PO-Revision-Date: 2026-01-05 08:21\n" +"POT-Creation-Date: 2026-01-08 15:38+0000\n" +"PO-Revision-Date: 2026-01-13 13:17\n" "Last-Translator: \n" "Language-Team: French\n" "Language: fr_FR\n" @@ -79,7 +79,7 @@ msgstr "Type de corps" msgid "Format" msgstr "Format" -#: build/lib/core/api/viewsets.py:1024 core/api/viewsets.py:1024 +#: build/lib/core/api/viewsets.py:1081 core/api/viewsets.py:1081 #, python-brace-format msgid "copy of {title}" msgstr "copie de {title}" diff --git a/src/backend/locale/it_IT/LC_MESSAGES/django.po b/src/backend/locale/it_IT/LC_MESSAGES/django.po index 47dd1dba..10f4a41a 100644 --- a/src/backend/locale/it_IT/LC_MESSAGES/django.po +++ b/src/backend/locale/it_IT/LC_MESSAGES/django.po @@ -2,8 +2,8 @@ msgid "" msgstr "" "Project-Id-Version: lasuite-docs\n" "Report-Msgid-Bugs-To: \n" -"POT-Creation-Date: 2025-12-16 21:44+0000\n" -"PO-Revision-Date: 2026-01-05 08:21\n" +"POT-Creation-Date: 2026-01-08 15:38+0000\n" +"PO-Revision-Date: 2026-01-13 13:17\n" "Last-Translator: \n" "Language-Team: Italian\n" "Language: it_IT\n" @@ -79,7 +79,7 @@ msgstr "" msgid "Format" msgstr "Formato" -#: build/lib/core/api/viewsets.py:1024 core/api/viewsets.py:1024 +#: build/lib/core/api/viewsets.py:1081 core/api/viewsets.py:1081 #, python-brace-format msgid "copy of {title}" msgstr "copia di {title}" diff --git a/src/backend/locale/nl_NL/LC_MESSAGES/django.po b/src/backend/locale/nl_NL/LC_MESSAGES/django.po index d1ebbae3..b52b0a61 100644 --- a/src/backend/locale/nl_NL/LC_MESSAGES/django.po +++ b/src/backend/locale/nl_NL/LC_MESSAGES/django.po @@ -2,8 +2,8 @@ msgid "" msgstr "" "Project-Id-Version: lasuite-docs\n" "Report-Msgid-Bugs-To: \n" -"POT-Creation-Date: 2025-12-16 21:44+0000\n" -"PO-Revision-Date: 2026-01-05 08:21\n" +"POT-Creation-Date: 2026-01-08 15:38+0000\n" +"PO-Revision-Date: 2026-01-13 13:17\n" "Last-Translator: \n" "Language-Team: Dutch\n" "Language: nl_NL\n" @@ -79,7 +79,7 @@ msgstr "Text type" msgid "Format" msgstr "Formaat" -#: build/lib/core/api/viewsets.py:1024 core/api/viewsets.py:1024 +#: build/lib/core/api/viewsets.py:1081 core/api/viewsets.py:1081 #, python-brace-format msgid "copy of {title}" msgstr "kopie van {title}" diff --git a/src/backend/locale/pt_PT/LC_MESSAGES/django.po b/src/backend/locale/pt_PT/LC_MESSAGES/django.po index fd65edc6..8a997815 100644 --- a/src/backend/locale/pt_PT/LC_MESSAGES/django.po +++ b/src/backend/locale/pt_PT/LC_MESSAGES/django.po @@ -2,8 +2,8 @@ msgid "" msgstr "" "Project-Id-Version: lasuite-docs\n" "Report-Msgid-Bugs-To: \n" -"POT-Creation-Date: 2025-12-16 21:44+0000\n" -"PO-Revision-Date: 2026-01-05 08:21\n" +"POT-Creation-Date: 2026-01-08 15:38+0000\n" +"PO-Revision-Date: 2026-01-13 13:17\n" "Last-Translator: \n" "Language-Team: Portuguese\n" "Language: pt_PT\n" @@ -79,7 +79,7 @@ msgstr "Tipo de corpo" msgid "Format" msgstr "Formato" -#: build/lib/core/api/viewsets.py:1024 core/api/viewsets.py:1024 +#: build/lib/core/api/viewsets.py:1081 core/api/viewsets.py:1081 #, python-brace-format msgid "copy of {title}" msgstr "cópia de {title}" diff --git a/src/backend/locale/ru_RU/LC_MESSAGES/django.po b/src/backend/locale/ru_RU/LC_MESSAGES/django.po index eb5a1c21..8853268c 100644 --- a/src/backend/locale/ru_RU/LC_MESSAGES/django.po +++ b/src/backend/locale/ru_RU/LC_MESSAGES/django.po @@ -2,8 +2,8 @@ msgid "" msgstr "" "Project-Id-Version: lasuite-docs\n" "Report-Msgid-Bugs-To: \n" -"POT-Creation-Date: 2025-12-16 21:44+0000\n" -"PO-Revision-Date: 2026-01-05 08:21\n" +"POT-Creation-Date: 2026-01-08 15:38+0000\n" +"PO-Revision-Date: 2026-01-13 13:17\n" "Last-Translator: \n" "Language-Team: Russian\n" "Language: ru_RU\n" @@ -79,7 +79,7 @@ msgstr "Тип сообщения" msgid "Format" msgstr "Формат" -#: build/lib/core/api/viewsets.py:1024 core/api/viewsets.py:1024 +#: build/lib/core/api/viewsets.py:1081 core/api/viewsets.py:1081 #, python-brace-format msgid "copy of {title}" msgstr "копия {title}" diff --git a/src/backend/locale/sl_SI/LC_MESSAGES/django.po b/src/backend/locale/sl_SI/LC_MESSAGES/django.po index 5ee111c6..a7e7e2b6 100644 --- a/src/backend/locale/sl_SI/LC_MESSAGES/django.po +++ b/src/backend/locale/sl_SI/LC_MESSAGES/django.po @@ -2,8 +2,8 @@ msgid "" msgstr "" "Project-Id-Version: lasuite-docs\n" "Report-Msgid-Bugs-To: \n" -"POT-Creation-Date: 2025-12-16 21:44+0000\n" -"PO-Revision-Date: 2026-01-05 08:21\n" +"POT-Creation-Date: 2026-01-08 15:38+0000\n" +"PO-Revision-Date: 2026-01-13 13:17\n" "Last-Translator: \n" "Language-Team: Slovenian\n" "Language: sl_SI\n" @@ -79,7 +79,7 @@ msgstr "Vrsta telesa" msgid "Format" msgstr "Oblika" -#: build/lib/core/api/viewsets.py:1024 core/api/viewsets.py:1024 +#: build/lib/core/api/viewsets.py:1081 core/api/viewsets.py:1081 #, python-brace-format msgid "copy of {title}" msgstr "" diff --git a/src/backend/locale/sv_SE/LC_MESSAGES/django.po b/src/backend/locale/sv_SE/LC_MESSAGES/django.po index 51d8cc6f..b6c7a980 100644 --- a/src/backend/locale/sv_SE/LC_MESSAGES/django.po +++ b/src/backend/locale/sv_SE/LC_MESSAGES/django.po @@ -2,8 +2,8 @@ msgid "" msgstr "" "Project-Id-Version: lasuite-docs\n" "Report-Msgid-Bugs-To: \n" -"POT-Creation-Date: 2025-12-16 21:44+0000\n" -"PO-Revision-Date: 2026-01-05 08:21\n" +"POT-Creation-Date: 2026-01-08 15:38+0000\n" +"PO-Revision-Date: 2026-01-13 13:17\n" "Last-Translator: \n" "Language-Team: Swedish\n" "Language: sv_SE\n" @@ -79,7 +79,7 @@ msgstr "" msgid "Format" msgstr "Format" -#: build/lib/core/api/viewsets.py:1024 core/api/viewsets.py:1024 +#: build/lib/core/api/viewsets.py:1081 core/api/viewsets.py:1081 #, python-brace-format msgid "copy of {title}" msgstr "" diff --git a/src/backend/locale/tr_TR/LC_MESSAGES/django.po b/src/backend/locale/tr_TR/LC_MESSAGES/django.po index cdf4bd5d..1e179aee 100644 --- a/src/backend/locale/tr_TR/LC_MESSAGES/django.po +++ b/src/backend/locale/tr_TR/LC_MESSAGES/django.po @@ -2,8 +2,8 @@ msgid "" msgstr "" "Project-Id-Version: lasuite-docs\n" "Report-Msgid-Bugs-To: \n" -"POT-Creation-Date: 2025-12-16 21:44+0000\n" -"PO-Revision-Date: 2026-01-05 08:21\n" +"POT-Creation-Date: 2026-01-08 15:38+0000\n" +"PO-Revision-Date: 2026-01-13 13:17\n" "Last-Translator: \n" "Language-Team: Turkish\n" "Language: tr_TR\n" @@ -79,7 +79,7 @@ msgstr "" msgid "Format" msgstr "" -#: build/lib/core/api/viewsets.py:1024 core/api/viewsets.py:1024 +#: build/lib/core/api/viewsets.py:1081 core/api/viewsets.py:1081 #, python-brace-format msgid "copy of {title}" msgstr "" diff --git a/src/backend/locale/uk_UA/LC_MESSAGES/django.po b/src/backend/locale/uk_UA/LC_MESSAGES/django.po index 20128a23..b2c08c8d 100644 --- a/src/backend/locale/uk_UA/LC_MESSAGES/django.po +++ b/src/backend/locale/uk_UA/LC_MESSAGES/django.po @@ -2,8 +2,8 @@ msgid "" msgstr "" "Project-Id-Version: lasuite-docs\n" "Report-Msgid-Bugs-To: \n" -"POT-Creation-Date: 2025-12-16 21:44+0000\n" -"PO-Revision-Date: 2026-01-05 08:21\n" +"POT-Creation-Date: 2026-01-08 15:38+0000\n" +"PO-Revision-Date: 2026-01-13 13:17\n" "Last-Translator: \n" "Language-Team: Ukrainian\n" "Language: uk_UA\n" @@ -79,7 +79,7 @@ msgstr "Тип вмісту" msgid "Format" msgstr "Формат" -#: build/lib/core/api/viewsets.py:1024 core/api/viewsets.py:1024 +#: build/lib/core/api/viewsets.py:1081 core/api/viewsets.py:1081 #, python-brace-format msgid "copy of {title}" msgstr "копія {title}" diff --git a/src/backend/locale/zh_CN/LC_MESSAGES/django.po b/src/backend/locale/zh_CN/LC_MESSAGES/django.po index 7e140f51..d5190b5d 100644 --- a/src/backend/locale/zh_CN/LC_MESSAGES/django.po +++ b/src/backend/locale/zh_CN/LC_MESSAGES/django.po @@ -2,8 +2,8 @@ msgid "" msgstr "" "Project-Id-Version: lasuite-docs\n" "Report-Msgid-Bugs-To: \n" -"POT-Creation-Date: 2025-12-16 21:44+0000\n" -"PO-Revision-Date: 2026-01-05 08:21\n" +"POT-Creation-Date: 2026-01-08 15:38+0000\n" +"PO-Revision-Date: 2026-01-13 13:17\n" "Last-Translator: \n" "Language-Team: Chinese Simplified\n" "Language: zh_CN\n" @@ -79,7 +79,7 @@ msgstr "正文类型" msgid "Format" msgstr "格式" -#: build/lib/core/api/viewsets.py:1024 core/api/viewsets.py:1024 +#: build/lib/core/api/viewsets.py:1081 core/api/viewsets.py:1081 #, python-brace-format msgid "copy of {title}" msgstr "{title} 的副本" diff --git a/src/frontend/apps/impress/src/i18n/translations.json b/src/frontend/apps/impress/src/i18n/translations.json index 8a239412..45372811 100644 --- a/src/frontend/apps/impress/src/i18n/translations.json +++ b/src/frontend/apps/impress/src/i18n/translations.json @@ -779,12 +779,12 @@ "Document deleted": "Document supprimé", "Document duplicated successfully!": "Document dupliqué avec succès !", "Document editor": "Éditeur de document", + "Document emoji": "Émoji de document", "Document owner": "Propriétaire du document", "Document role text": "Texte du rôle du document", "Document sections": "Sections du document", "Document title": "Titre du document", "Document tree": "Arborescence du document", - "Document viewer": "Visualiseur de document", "Document visibility": "Visibilité du document", "Documents grid": "Grille des documents", "Docx": "Docx", @@ -826,6 +826,7 @@ "Image 403": "Image 403", "Image: {{title}}": "Image : {{title}}", "Insufficient access rights to view the document.": "Droits d'accès insuffisants pour voir le document.", + "Invalid or missing PDF file.": "Fichier PDF non valide ou manquant.", "Invite": "Inviter", "Invite new members": "Inviter de nouveaux membres", "Invite {{count}} members_many": "Inviter {{count}} membres", @@ -884,6 +885,7 @@ "Others are editing. Your network prevent changes.": "D'autres sont en cours d'édition. Votre réseau empêche les changements.", "Owner": "Propriétaire", "PDF": "PDF", + "PDF document": "Document PDF", "Page Not Found - Error 404": "Page introuvable - Erreur 404", "Pending invitations": "Invitations en attente", "People with access via the parent document": "Personnes ayant accès au document parent", @@ -1222,7 +1224,6 @@ "Document sections": "Document secties", "Document title": "Documenttitel", "Document tree": "Boomstructuur document", - "Document viewer": "Document-viewer", "Document visibility": "Document toegankelijkheid", "Documents grid": "Documenten overzicht", "Docx": "Docx", @@ -1264,6 +1265,7 @@ "Image 403": "Afbeelding 403", "Image: {{title}}": "Afbeelding: {{title}}", "Insufficient access rights to view the document.": "Onvoldoende toegangsrechten om het document te bekijken.", + "Invalid or missing PDF file.": "Ongeldig of ontbrekend PDF-bestand.", "Invite": "Uitnodigen", "Invite new members": "Nieuwe leden uitnodigen", "Invite {{count}} members_many": "Nodig {{count}} leden uit", @@ -1322,6 +1324,7 @@ "Others are editing. Your network prevent changes.": "Anderen zijn aan het bewerken. Uw netwerk voorkomt wijzigingen.", "Owner": "Eigenaar", "PDF": "PDF", + "PDF document": "Pdf-document", "Page Not Found - Error 404": "Pagina niet gevonden - Fout 404", "Pending invitations": "Openstaande uitnodigingen", "People with access via the parent document": "Gebruikers met toegang via het bovenliggend document", @@ -1516,12 +1519,12 @@ "Document deleted": "Документ удалён", "Document duplicated successfully!": "Документ успешно дублирован!", "Document editor": "Редактор документа", + "Document emoji": "Эмодзи документа", "Document owner": "Владелец документа", "Document role text": "Текст роли документа", "Document sections": "Разделы документа", "Document title": "Заголовок документа", "Document tree": "Иерархия документа", - "Document viewer": "Просмотрщик документа", "Document visibility": "Видимость документа", "Documents grid": "Сетка документов", "Docx": "Docx", @@ -1563,6 +1566,7 @@ "Image 403": "Изображение 403", "Image: {{title}}": "Изображение: {{title}}", "Insufficient access rights to view the document.": "Недостаточно прав доступа для просмотра документа.", + "Invalid or missing PDF file.": "Повреждённый или отсутствующий PDF-файл.", "Invite": "Приглашение", "Invite new members": "Пригласить новых участников", "Invite {{count}} members_many": "Пригласить {{count}} участников", @@ -1621,6 +1625,7 @@ "Others are editing. Your network prevent changes.": "Другие участники редактируют этот документ. Ваша сеть не позволяет вам присоединиться.", "Owner": "Владелец", "PDF": "PDF", + "PDF document": "Документ PDF", "Page Not Found - Error 404": "Страница не найдена - ошибка 404", "Pending invitations": "Ожидающие приглашения", "People with access via the parent document": "Люди, имеющие доступ через родительский документ", @@ -1918,12 +1923,12 @@ "Document deleted": "Документ видалено", "Document duplicated successfully!": "Документ успішно продубльовано!", "Document editor": "Редактор документа", + "Document emoji": "Емодзі документу", "Document owner": "Власник документа", "Document role text": "Текст ролі документа", "Document sections": "Розділи документу", "Document title": "Назва документа", "Document tree": "Дерево документа", - "Document viewer": "Переглядач документа", "Document visibility": "Видимість документа", "Documents grid": "Сітка документів", "Docx": "Docx", @@ -1965,6 +1970,7 @@ "Image 403": "Зображення 403", "Image: {{title}}": "Зображення: {{title}}", "Insufficient access rights to view the document.": "Недостатньо прав для перегляду документа.", + "Invalid or missing PDF file.": "Неприпустимий або відсутній PDF-файл.", "Invite": "Запрошення", "Invite new members": "Запросити нових учасників", "Invite {{count}} members_many": "Запросити {{count}} учасників", @@ -2023,6 +2029,7 @@ "Others are editing. Your network prevent changes.": "Інші учасники редагують документ. Ваша мережа не дозволяє вам вносити зміни.", "Owner": "Власник", "PDF": "PDF", + "PDF document": "Документ PDF", "Page Not Found - Error 404": "Сторінку не знайдено - Помилка 404", "Pending invitations": "Запрошення в очікуванні", "People with access via the parent document": "Люди з доступом через батьківський документ", From 5ec58cef99131f5ecfc3e69031c6a4f4d58b47e6 Mon Sep 17 00:00:00 2001 From: Anthony LC Date: Tue, 13 Jan 2026 14:15:40 +0100 Subject: [PATCH 04/15] =?UTF-8?q?=F0=9F=94=96(minor)=20release=204.4.0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Added: - ✨(backend) add documents/all endpoint with descendants - ✅(export) add PDF regression tests - 📝(docs) Add language configuration documentation - 🔒(helm) Set default security context - ✨(backend) use langfuse to monitor AI actions Changed: - ♿(frontend) improve accessibility: - ♿(frontend) make html export accessible to screen reader users - ♿(frontend) add missing label and fix Axes errors to improve a11y Fixed: - ✅(backend) reduce flakiness on backend test - 🐛(frontend) fix clickable main content regression - 🐛(backend) fix TRASHBIN_CUTOFF_DAYS type error - 💄(frontend) fix icon position in callout block Security: - 🔒️(backend) validate more strictly url used by cors-proxy endpoint - 🔒️(frontend) fix props vulnerability in Interlinking --- CHANGELOG.md | 5 ++++- src/backend/pyproject.toml | 2 +- src/frontend/apps/e2e/package.json | 2 +- src/frontend/apps/impress/package.json | 2 +- src/frontend/package.json | 2 +- src/frontend/packages/eslint-plugin-docs/package.json | 2 +- src/frontend/packages/i18n/package.json | 2 +- src/frontend/servers/y-provider/package.json | 2 +- src/helm/helmfile.yaml.gotmpl | 4 ++-- src/helm/impress/Chart.yaml | 2 +- src/mail/package.json | 2 +- 11 files changed, 15 insertions(+), 12 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 5b95b70d..f6390107 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -6,6 +6,8 @@ and this project adheres to ## [Unreleased] +## [4.4.0] - 2026-01-13 + ### Added - ✨(backend) add documents/all endpoint with descendants #1553 @@ -988,7 +990,8 @@ and this project adheres to - ✨(frontend) Coming Soon page (#67) - 🚀 Impress, project to manage your documents easily and collaboratively. -[unreleased]: https://github.com/suitenumerique/docs/compare/v4.3.0...main +[unreleased]: https://github.com/suitenumerique/docs/compare/v4.4.0...main +[v4.4.0]: https://github.com/suitenumerique/docs/releases/v4.4.0 [v4.3.0]: https://github.com/suitenumerique/docs/releases/v4.3.0 [v4.2.0]: https://github.com/suitenumerique/docs/releases/v4.2.0 [v4.1.0]: https://github.com/suitenumerique/docs/releases/v4.1.0 diff --git a/src/backend/pyproject.toml b/src/backend/pyproject.toml index f58d055b..5310b723 100644 --- a/src/backend/pyproject.toml +++ b/src/backend/pyproject.toml @@ -7,7 +7,7 @@ build-backend = "setuptools.build_meta" [project] name = "impress" -version = "4.3.0" +version = "4.4.0" authors = [{ "name" = "DINUM", "email" = "dev@mail.numerique.gouv.fr" }] classifiers = [ "Development Status :: 5 - Production/Stable", diff --git a/src/frontend/apps/e2e/package.json b/src/frontend/apps/e2e/package.json index 86e3a26b..7328a51b 100644 --- a/src/frontend/apps/e2e/package.json +++ b/src/frontend/apps/e2e/package.json @@ -1,6 +1,6 @@ { "name": "app-e2e", - "version": "4.3.0", + "version": "4.4.0", "repository": "https://github.com/suitenumerique/docs", "author": "DINUM", "license": "MIT", diff --git a/src/frontend/apps/impress/package.json b/src/frontend/apps/impress/package.json index a0dcf896..71646706 100644 --- a/src/frontend/apps/impress/package.json +++ b/src/frontend/apps/impress/package.json @@ -1,6 +1,6 @@ { "name": "app-impress", - "version": "4.3.0", + "version": "4.4.0", "repository": "https://github.com/suitenumerique/docs", "author": "DINUM", "license": "MIT", diff --git a/src/frontend/package.json b/src/frontend/package.json index 9673dfe6..d1260f69 100644 --- a/src/frontend/package.json +++ b/src/frontend/package.json @@ -1,6 +1,6 @@ { "name": "impress", - "version": "4.3.0", + "version": "4.4.0", "private": true, "repository": "https://github.com/suitenumerique/docs", "author": "DINUM", diff --git a/src/frontend/packages/eslint-plugin-docs/package.json b/src/frontend/packages/eslint-plugin-docs/package.json index e46a5415..d2a418e5 100644 --- a/src/frontend/packages/eslint-plugin-docs/package.json +++ b/src/frontend/packages/eslint-plugin-docs/package.json @@ -1,6 +1,6 @@ { "name": "eslint-plugin-docs", - "version": "4.3.0", + "version": "4.4.0", "repository": "https://github.com/suitenumerique/docs", "author": "DINUM", "license": "MIT", diff --git a/src/frontend/packages/i18n/package.json b/src/frontend/packages/i18n/package.json index 06270622..a9f7d4e1 100644 --- a/src/frontend/packages/i18n/package.json +++ b/src/frontend/packages/i18n/package.json @@ -1,6 +1,6 @@ { "name": "packages-i18n", - "version": "4.3.0", + "version": "4.4.0", "repository": "https://github.com/suitenumerique/docs", "author": "DINUM", "license": "MIT", diff --git a/src/frontend/servers/y-provider/package.json b/src/frontend/servers/y-provider/package.json index bc4c9b63..44639fc9 100644 --- a/src/frontend/servers/y-provider/package.json +++ b/src/frontend/servers/y-provider/package.json @@ -1,6 +1,6 @@ { "name": "server-y-provider", - "version": "4.3.0", + "version": "4.4.0", "description": "Y.js provider for docs", "repository": "https://github.com/suitenumerique/docs", "license": "MIT", diff --git a/src/helm/helmfile.yaml.gotmpl b/src/helm/helmfile.yaml.gotmpl index 445601c3..a815ad6e 100644 --- a/src/helm/helmfile.yaml.gotmpl +++ b/src/helm/helmfile.yaml.gotmpl @@ -1,10 +1,10 @@ environments: dev: values: - - version: 4.3.0 + - version: 4.4.0 feature: values: - - version: 4.3.0 + - version: 4.4.0 feature: ci domain: example.com imageTag: demo diff --git a/src/helm/impress/Chart.yaml b/src/helm/impress/Chart.yaml index 57487a2f..4697c5ee 100644 --- a/src/helm/impress/Chart.yaml +++ b/src/helm/impress/Chart.yaml @@ -1,5 +1,5 @@ apiVersion: v2 type: application name: docs -version: 4.3.0 +version: 4.4.0 appVersion: latest diff --git a/src/mail/package.json b/src/mail/package.json index 0b3b6597..0e6829e7 100644 --- a/src/mail/package.json +++ b/src/mail/package.json @@ -1,6 +1,6 @@ { "name": "mail_mjml", - "version": "4.3.0", + "version": "4.4.0", "description": "An util to generate html and text django's templates from mjml templates", "type": "module", "dependencies": { From 0d967aba48c56b6cc405bdf6379eb77f59e0ae84 Mon Sep 17 00:00:00 2001 From: Manuel Raynaud Date: Wed, 14 Jan 2026 10:01:22 +0100 Subject: [PATCH 05/15] =?UTF-8?q?=F0=9F=93=8C(backend)=20pin=20celery=20to?= =?UTF-8?q?=20version<5.6.0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Since celery version 5.6.0 we have trouble with retrying tasks and it is impactig the malware_detection workflow. We have to use version 5.5.3 while we found the issue. --- renovate.json | 7 +++++++ src/backend/pyproject.toml | 2 +- 2 files changed, 8 insertions(+), 1 deletion(-) diff --git a/renovate.json b/renovate.json index 250dee8e..7f8e9cab 100644 --- a/renovate.json +++ b/renovate.json @@ -31,6 +31,13 @@ "matchPackageNames": ["django"], "allowedVersions": "<6.0.0" }, + { + + "groupName": "allowed celery versions", + "matchManagers": ["pep621"], + "matchPackageNames": ["celery"], + "allowedVersions": "<5.6.0" + }, { "enabled": false, "groupName": "ignored js dependencies", diff --git a/src/backend/pyproject.toml b/src/backend/pyproject.toml index 5310b723..d532906d 100644 --- a/src/backend/pyproject.toml +++ b/src/backend/pyproject.toml @@ -28,7 +28,7 @@ dependencies = [ "beautifulsoup4==4.14.3", "boto3==1.42.17", "Brotli==1.2.0", - "celery[redis]==5.6.0", + "celery[redis]==5.5.3", "django-configurations==2.5.1", "django-cors-headers==4.9.0", "django-countries==8.2.0", From f9f32db854fe3d7c8348530d410b285134668a43 Mon Sep 17 00:00:00 2001 From: Anto59290 Date: Tue, 13 Jan 2026 19:47:25 +0100 Subject: [PATCH 06/15] =?UTF-8?q?=E2=9C=85(e2e)=20fix=20e2e=20test=20for?= =?UTF-8?q?=20other=20browsers?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit In this test the comment is made using the "current" browser which can be Chromium but can also be Firefox or Webkit. This is why the test failed with other browsers. Signed-off-by: Anto59290 --- CHANGELOG.md | 4 ++++ .../apps/e2e/__tests__/app-impress/doc-comments.spec.ts | 2 +- .../e2e/__tests__/app-impress/doc-inherited-share.spec.ts | 2 +- src/frontend/apps/e2e/__tests__/app-impress/utils-common.ts | 4 +++- 4 files changed, 9 insertions(+), 3 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index f6390107..68305f62 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -6,6 +6,10 @@ and this project adheres to ## [Unreleased] +### Fixed + +- ✅(e2e) fix e2e test for other browsers #1799 + ## [4.4.0] - 2026-01-13 ### Added diff --git a/src/frontend/apps/e2e/__tests__/app-impress/doc-comments.spec.ts b/src/frontend/apps/e2e/__tests__/app-impress/doc-comments.spec.ts index 665a9f7a..b73814b4 100644 --- a/src/frontend/apps/e2e/__tests__/app-impress/doc-comments.spec.ts +++ b/src/frontend/apps/e2e/__tests__/app-impress/doc-comments.spec.ts @@ -58,7 +58,7 @@ test.describe('Doc Comments', () => { await page.getByRole('button', { name: '👍' }).click(); await expect( - thread.getByRole('img', { name: 'E2E Chromium' }).first(), + thread.getByRole('img', { name: `E2E ${browserName}` }).first(), ).toBeVisible(); await expect(thread.getByText('This is a comment').first()).toBeVisible(); await expect(thread.getByText(`E2E ${browserName}`).first()).toBeVisible(); diff --git a/src/frontend/apps/e2e/__tests__/app-impress/doc-inherited-share.spec.ts b/src/frontend/apps/e2e/__tests__/app-impress/doc-inherited-share.spec.ts index efc19da6..7ad02d31 100644 --- a/src/frontend/apps/e2e/__tests__/app-impress/doc-inherited-share.spec.ts +++ b/src/frontend/apps/e2e/__tests__/app-impress/doc-inherited-share.spec.ts @@ -21,7 +21,7 @@ test.describe('Inherited share accesses', () => { `doc-share-member-row-user.test@${browserName}.test`, ); await expect(user).toBeVisible(); - await expect(user.getByText('E2E Chromium')).toBeVisible(); + await expect(user.getByText(`E2E ${browserName}`)).toBeVisible(); await expect(user.getByText('Owner')).toBeVisible(); await page diff --git a/src/frontend/apps/e2e/__tests__/app-impress/utils-common.ts b/src/frontend/apps/e2e/__tests__/app-impress/utils-common.ts index 67adf44c..da4a722d 100644 --- a/src/frontend/apps/e2e/__tests__/app-impress/utils-common.ts +++ b/src/frontend/apps/e2e/__tests__/app-impress/utils-common.ts @@ -224,7 +224,9 @@ export const updateDocTitle = async (page: Page, title: string) => { await expect(input).toHaveText(''); await expect(input).toBeVisible(); await input.click(); - await input.fill(title); + await input.fill(title, { + force: true, + }); await input.click(); await input.blur(); await verifyDocName(page, title); From b1231cea7cc1d46e88966d9d9404b7939cdd8b2e Mon Sep 17 00:00:00 2001 From: Anthony LC Date: Tue, 13 Jan 2026 09:14:46 +0100 Subject: [PATCH 07/15] =?UTF-8?q?=F0=9F=92=84(frontend)=20update=20cunning?= =?UTF-8?q?ham=20theme?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Last upgrade of Cunningham had breaking changes regarding theme tokens. This commit updates the Cunningham theme to match the latest version. --- src/frontend/apps/impress/cunningham.ts | 405 +- .../__tests__/useCunninghamTheme.spec.tsx | 2 +- .../src/cunningham/cunningham-tokens.css | 3411 ++++++++--------- .../src/cunningham/cunningham-tokens.ts | 2519 ++++++------ .../src/cunningham/useCunninghamTheme.tsx | 2 +- 5 files changed, 2925 insertions(+), 3414 deletions(-) diff --git a/src/frontend/apps/impress/cunningham.ts b/src/frontend/apps/impress/cunningham.ts index c9a17ce0..f9b26046 100644 --- a/src/frontend/apps/impress/cunningham.ts +++ b/src/frontend/apps/impress/cunningham.ts @@ -1,58 +1,54 @@ -import { defaultTokens } from '@gouvfr-lasuite/cunningham-react'; -import { cunninghamConfig as tokens } from '@gouvfr-lasuite/ui-kit'; -import merge from 'lodash/merge'; +import { + dsfrGlobals, + getUIKitThemesFromGlobals, + whiteLabelGlobals, +} from '@gouvfr-lasuite/ui-kit'; -// Uikit does not provide the full list of tokens. -// To be able to override correctly, we need to merge with the default tokens. -let mergedColors = merge( - defaultTokens.globals.colors, - tokens.themes.default.globals.colors, -); - -mergedColors = { - ...mergedColors, - 'logo-1': '#2845C1', -}; - -tokens.themes.default.globals = { - ...tokens.themes.default.globals, - ...{ - colors: mergedColors, - font: { - ...tokens.themes.default.globals.font, - families: { - base: 'sans-serif', - accent: 'sans-serif', +const themeWhiteLabelLight = getUIKitThemesFromGlobals(whiteLabelGlobals, { + prefix: 'default', + variants: ['light'], + overrides: { + globals: { + spacing: { + '0': '0rem', + none: '0rem', + auto: 'auto', + bx: '2.2rem', + full: '100%', + '3xs': '0.25rem', + '2xs': '0.375rem', + }, + }, + components: { + logo: { + src: '', + alt: '', + widthHeader: '', + widthFooter: '', + }, + 'la-gaufre': false, + 'home-proconnect': false, + icon: { + src: '/assets/icon-docs.svg', + width: '32px', + height: 'auto', + }, + favicon: { + 'png-light': '/assets/favicon-light.png', + 'png-dark': '/assets/favicon-dark.png', }, }, }, +}); + +const themeDefault = { + default: themeWhiteLabelLight['default-light'], }; -tokens.themes.default.components = { - ...tokens.themes.default.components, - ...{ - logo: { - src: '', - alt: '', - widthHeader: '', - widthFooter: '', - }, - 'la-gaufre': false, - 'home-proconnect': false, - icon: { - src: '/assets/icon-docs.svg', - width: '32px', - height: 'auto', - }, - favicon: { - 'png-light': '/assets/favicon-light.png', - 'png-dark': '/assets/favicon-dark.png', - }, - }, -}; - -const dsfrTheme = { - dsfr: { +const themesDSFRLight = getUIKitThemesFromGlobals(dsfrGlobals, { + prefix: 'dsfr', + variants: ['light'], + overrides: { globals: { font: { families: { @@ -82,317 +78,16 @@ const dsfrTheme = { }, }, }, -}; +}); -const genericTheme = { - generic: { - globals: { - colors: { - 'brand-050': '#EEF1FA', - 'brand-100': '#DDE2F5', - 'brand-150': '#CED3F1', - 'brand-200': '#BEC5F0', - 'brand-250': '#AFB5F1', - 'brand-300': '#A0A5F6', - 'brand-350': '#8F94FD', - 'brand-400': '#8184FC', - 'brand-450': '#7576EE', - 'brand-500': '#6969DF', - 'brand-550': '#5E5CD0', - 'brand-600': '#534FC2', - 'brand-650': '#4844AD', - 'brand-700': '#3E3B98', - 'brand-750': '#36347D', - 'brand-800': '#2D2F5F', - 'brand-850': '#262848', - 'brand-900': '#1C1E32', - 'brand-950': '#11131F', - 'gray-000': '#FFFFFF', - 'gray-025': '#F8F8F9', - 'gray-050': '#F0F0F3', - 'gray-100': '#E2E2EA', - 'gray-150': '#D3D4E0', - 'gray-200': '#C5C6D5', - 'gray-250': '#B7B7CB', - 'gray-300': '#A9A9BF', - 'gray-350': '#9C9CB2', - 'gray-400': '#8F8FA4', - 'gray-450': '#828297', - 'gray-500': '#75758A', - 'gray-550': '#69697D', - 'gray-600': '#5D5D70', - 'gray-650': '#515164', - 'gray-700': '#454558', - 'gray-750': '#3A3A4C', - 'gray-800': '#2F303D', - 'gray-850': '#25252F', - 'gray-900': '#1B1B23', - 'gray-950': '#111114', - 'gray-1000': '#000000', - 'info-050': '#EAF2F9', - 'info-100': '#D5E4F3', - 'info-150': '#BFD7F0', - 'info-200': '#A7CAEE', - 'info-250': '#8DBDEF', - 'info-300': '#6EB0F2', - 'info-350': '#50A2F5', - 'info-400': '#3593F4', - 'info-450': '#1185ED', - 'info-500': '#0077DE', - 'info-550': '#0069CF', - 'info-600': '#005BC0', - 'info-650': '#0D4EAA', - 'info-700': '#124394', - 'info-750': '#163878', - 'info-800': '#192F5A', - 'info-850': '#192541', - 'info-900': '#141B2D', - 'info-950': '#0C111C', - 'success-050': '#E8F1EA', - 'success-100': '#CFE4D4', - 'success-150': '#BAD9C1', - 'success-200': '#A2CFAD', - 'success-250': '#86C597', - 'success-300': '#6CBA83', - 'success-350': '#4FB070', - 'success-400': '#40A363', - 'success-450': '#309556', - 'success-500': '#1E884A', - 'success-550': '#027B3E', - 'success-600': '#016D31', - 'success-650': '#006024', - 'success-700': '#005317', - 'success-750': '#0D4511', - 'success-800': '#11380E', - 'success-850': '#132A11', - 'success-900': '#101E0F', - 'success-950': '#091209', - 'warning-050': '#F8F0E9', - 'warning-100': '#F1E0D3', - 'warning-150': '#ECD0BC', - 'warning-200': '#E8C0A4', - 'warning-250': '#E8AE8A', - 'warning-300': '#EB9970', - 'warning-350': '#E98456', - 'warning-400': '#E57036', - 'warning-450': '#DA5E18', - 'warning-500': '#CB5000', - 'warning-550': '#BC4200', - 'warning-600': '#AD3300', - 'warning-650': '#9E2300', - 'warning-700': '#882011', - 'warning-750': '#731E16', - 'warning-800': '#58201A', - 'warning-850': '#401D18', - 'warning-900': '#2E1714', - 'warning-950': '#1D0F0D', - 'error-050': '#F9EFEC', - 'error-100': '#F4DFD9', - 'error-150': '#F0CEC6', - 'error-200': '#EEBCB2', - 'error-250': '#EEA99D', - 'error-300': '#EF9486', - 'error-350': '#F37C6E', - 'error-400': '#F65F53', - 'error-450': '#F0463D', - 'error-500': '#E82322', - 'error-550': '#D7010E', - 'error-600': '#C00100', - 'error-650': '#AA0000', - 'error-700': '#910C06', - 'error-750': '#731E16', - 'error-800': '#58201A', - 'error-850': '#401D18', - 'error-900': '#2E1714', - 'error-950': '#1D0F0D', - 'red-050': '#FAEFEE', - 'red-100': '#F4DEDD', - 'red-150': '#F1CDCB', - 'red-200': '#EFBBBA', - 'red-250': '#EEA8A8', - 'red-300': '#F09394', - 'red-350': '#F37B7E', - 'red-400': '#EF6569', - 'red-450': '#E94A55', - 'red-500': '#DA3B49', - 'red-550': '#CA2A3C', - 'red-600': '#BB1330', - 'red-650': '#A90021', - 'red-700': '#910A13', - 'red-750': '#731E16', - 'red-800': '#58201A', - 'red-850': '#411D18', - 'red-900': '#2E1714', - 'red-950': '#1D0F0D', - 'orange-050': '#F8F0E9', - 'orange-100': '#F1E0D3', - 'orange-150': '#ECD0BD', - 'orange-200': '#EABFA6', - 'orange-250': '#EBAC90', - 'orange-300': '#EC9772', - 'orange-350': '#E5845A', - 'orange-400': '#D6774D', - 'orange-450': '#C86A40', - 'orange-500': '#B95D33', - 'orange-550': '#AB5025', - 'orange-600': '#9D4315', - 'orange-650': '#8F3600', - 'orange-700': '#812900', - 'orange-750': '#6C2511', - 'orange-800': '#572017', - 'orange-850': '#401D18', - 'orange-900': '#2E1714', - 'orange-950': '#1D0F0D', - 'brown-050': '#F6F0E8', - 'brown-100': '#F1E0D3', - 'brown-150': '#EBD0BA', - 'brown-200': '#E2C0A6', - 'brown-250': '#D4B398', - 'brown-300': '#C6A58B', - 'brown-350': '#B8987E', - 'brown-400': '#AA8B71', - 'brown-450': '#9D7E65', - 'brown-500': '#8F7158', - 'brown-550': '#82654C', - 'brown-600': '#765841', - 'brown-650': '#694C35', - 'brown-700': '#5D412A', - 'brown-750': '#51361E', - 'brown-800': '#452A13', - 'brown-850': '#392008', - 'brown-900': '#29180A', - 'brown-950': '#1B0F08', - 'yellow-050': '#F3F0E7', - 'yellow-100': '#E9E2CF', - 'yellow-150': '#E1D4B7', - 'yellow-200': '#D9C599', - 'yellow-250': '#D2B677', - 'yellow-300': '#CAA756', - 'yellow-350': '#C2972E', - 'yellow-400': '#B98900', - 'yellow-450': '#AB7B00', - 'yellow-500': '#9D6E00', - 'yellow-550': '#916100', - 'yellow-600': '#855400', - 'yellow-650': '#784700', - 'yellow-700': '#6C3A00', - 'yellow-750': '#5F2E00', - 'yellow-800': '#512302', - 'yellow-850': '#3E1D10', - 'yellow-900': '#2D1711', - 'yellow-950': '#1D0F0D', - 'green-050': '#E6F1E9', - 'green-100': '#CFE4D5', - 'green-150': '#B8D8C1', - 'green-200': '#A0CFAE', - 'green-250': '#84C59A', - 'green-300': '#65BA86', - 'green-350': '#45B173', - 'green-400': '#23A562', - 'green-450': '#029755', - 'green-500': '#008948', - 'green-550': '#017B3B', - 'green-600': '#006E2E', - 'green-650': '#006022', - 'green-700': '#005314', - 'green-750': '#0D4510', - 'green-800': '#11380E', - 'green-850': '#132A11', - 'green-900': '#101E0F', - 'green-950': '#091209', - 'blue1-050': '#EBF1F9', - 'blue1-100': '#D6E4F4', - 'blue1-150': '#C1D7F0', - 'blue1-200': '#AACAEF', - 'blue1-250': '#8FBCEF', - 'blue1-300': '#7CAFEB', - 'blue1-350': '#68A1E4', - 'blue1-400': '#5B94D6', - 'blue1-450': '#4E86C7', - 'blue1-500': '#4279B9', - 'blue1-550': '#356CAC', - 'blue1-600': '#28609E', - 'blue1-650': '#1B5390', - 'blue1-700': '#0B4783', - 'blue1-750': '#0F3C6E', - 'blue1-800': '#133059', - 'blue1-850': '#152641', - 'blue1-900': '#121C2D', - 'blue1-950': '#0B111C', - 'blue2-050': '#E7F3F4', - 'blue2-100': '#CEE7E9', - 'blue2-150': '#B2DCE0', - 'blue2-200': '#91D1D7', - 'blue2-250': '#68C7D0', - 'blue2-300': '#43BBC5', - 'blue2-350': '#00AFBA', - 'blue2-400': '#01A0AA', - 'blue2-450': '#00929D', - 'blue2-500': '#00848F', - 'blue2-550': '#007682', - 'blue2-600': '#016874', - 'blue2-650': '#005B67', - 'blue2-700': '#004E5A', - 'blue2-750': '#00424E', - 'blue2-800': '#003642', - 'blue2-850': '#002A38', - 'blue2-900': '#061E28', - 'blue2-950': '#071219', - 'purple-050': '#F7F0F6', - 'purple-100': '#EEE0EE', - 'purple-150': '#E7D1E7', - 'purple-200': '#DBBFE4', - 'purple-250': '#D3AEE2', - 'purple-300': '#CB99E1', - 'purple-350': '#C188D9', - 'purple-400': '#B47BCB', - 'purple-450': '#A66EBD', - 'purple-500': '#9961AF', - 'purple-550': '#8B55A1', - 'purple-600': '#7E4894', - 'purple-650': '#723C87', - 'purple-700': '#633376', - 'purple-750': '#552A65', - 'purple-800': '#452551', - 'purple-850': '#35213D', - 'purple-900': '#261A2C', - 'purple-950': '#17111C', - 'pink-050': '#F8EFF4', - 'pink-100': '#F0DFEA', - 'pink-150': '#EACEDF', - 'pink-200': '#E9BBD1', - 'pink-250': '#E9A7C2', - 'pink-300': '#E095B4', - 'pink-350': '#D685A8', - 'pink-400': '#C7799B', - 'pink-450': '#B86C8D', - 'pink-500': '#AA5F80', - 'pink-550': '#9C5374', - 'pink-600': '#8E4767', - 'pink-650': '#813B5B', - 'pink-700': '#732E4F', - 'pink-750': '#632643', - 'pink-800': '#521F38', - 'pink-850': '#3E1C2B', - 'pink-900': '#2D171F', - 'pink-950': '#1C0E12', - }, - font: { - families: { - base: 'Inter, Roboto Flex Variable, sans-serif', - accent: 'Inter, Roboto Flex Variable, sans-serif', - }, - }, - }, - }, +const themesDSFR = { + dsfr: themesDSFRLight['dsfr-light'], }; const docsTokens = { - ...tokens, themes: { - ...tokens.themes, - ...dsfrTheme, - ...genericTheme, + ...themeDefault, + ...themesDSFR, }, }; diff --git a/src/frontend/apps/impress/src/cunningham/__tests__/useCunninghamTheme.spec.tsx b/src/frontend/apps/impress/src/cunningham/__tests__/useCunninghamTheme.spec.tsx index 709f6d73..20c99e23 100644 --- a/src/frontend/apps/impress/src/cunningham/__tests__/useCunninghamTheme.spec.tsx +++ b/src/frontend/apps/impress/src/cunningham/__tests__/useCunninghamTheme.spec.tsx @@ -5,7 +5,7 @@ describe('', () => { expect(useCunninghamTheme.getState().componentTokens.logo?.src).toBe(''); // Change theme - useCunninghamTheme.getState().setTheme('dsfr'); + useCunninghamTheme.getState().setTheme('dsfr-light'); const { componentTokens } = useCunninghamTheme.getState(); const logo = componentTokens.logo; diff --git a/src/frontend/apps/impress/src/cunningham/cunningham-tokens.css b/src/frontend/apps/impress/src/cunningham/cunningham-tokens.css index 8bac9c77..77241e67 100644 --- a/src/frontend/apps/impress/src/cunningham/cunningham-tokens.css +++ b/src/frontend/apps/impress/src/cunningham/cunningham-tokens.css @@ -1,374 +1,337 @@ :root { - --c--globals--colors--logo-1: #2845c1; - --c--globals--colors--logo-2: #377fdb; - --c--globals--colors--logo-1-dark: #95abff; - --c--globals--colors--logo-2-dark: #95abff; - --c--globals--colors--brand-050: #edf0ff; - --c--globals--colors--brand-100: #dae2ff; - --c--globals--colors--brand-150: #c8d3ff; - --c--globals--colors--brand-200: #b5c4ff; - --c--globals--colors--brand-250: #a2b6ff; - --c--globals--colors--brand-300: #90a7ff; - --c--globals--colors--brand-350: #7e98ff; - --c--globals--colors--brand-400: #6c89fe; - --c--globals--colors--brand-450: #5c7af7; - --c--globals--colors--brand-500: #4c6cef; - --c--globals--colors--brand-550: #3e5de7; - --c--globals--colors--brand-600: #304ddf; - --c--globals--colors--brand-650: #2845c1; - --c--globals--colors--brand-700: #223e9e; - --c--globals--colors--brand-750: #1f367d; - --c--globals--colors--brand-800: #1b2e5f; - --c--globals--colors--brand-850: #172446; - --c--globals--colors--brand-900: #121b30; - --c--globals--colors--brand-950: #0c111a; + --c--globals--colors--logo-1-light: #4844ad; + --c--globals--colors--logo-2-light: #4844ad; + --c--globals--colors--logo-1-dark: #bec5f0; + --c--globals--colors--logo-2-dark: #bec5f0; + --c--globals--colors--brand-050: #eef1fa; + --c--globals--colors--brand-100: #dde2f5; + --c--globals--colors--brand-150: #ced3f1; + --c--globals--colors--brand-200: #bec5f0; + --c--globals--colors--brand-250: #afb5f1; + --c--globals--colors--brand-300: #a0a5f6; + --c--globals--colors--brand-350: #8f94fd; + --c--globals--colors--brand-400: #8184fc; + --c--globals--colors--brand-450: #7576ee; + --c--globals--colors--brand-500: #6969df; + --c--globals--colors--brand-550: #5e5cd0; + --c--globals--colors--brand-600: #534fc2; + --c--globals--colors--brand-650: #4844ad; + --c--globals--colors--brand-700: #3e3b98; + --c--globals--colors--brand-750: #36347d; + --c--globals--colors--brand-800: #2d2f5f; + --c--globals--colors--brand-850: #262848; + --c--globals--colors--brand-900: #1c1e32; + --c--globals--colors--brand-950: #11131f; --c--globals--colors--gray-000: #fff; - --c--globals--colors--gray-025: #f6f8f9; - --c--globals--colors--gray-050: #eef1f4; - --c--globals--colors--gray-100: #dfe2ea; - --c--globals--colors--gray-150: #cfd5de; - --c--globals--colors--gray-200: #c1c7d3; - --c--globals--colors--gray-250: #b2b9c7; - --c--globals--colors--gray-300: #a4abbc; - --c--globals--colors--gray-350: #969eb0; - --c--globals--colors--gray-400: #8891a4; - --c--globals--colors--gray-450: #7b8498; - --c--globals--colors--gray-500: #6d778c; - --c--globals--colors--gray-550: #626a80; - --c--globals--colors--gray-600: #555e74; - --c--globals--colors--gray-650: #4a5267; - --c--globals--colors--gray-700: #3f4759; - --c--globals--colors--gray-750: #363b4c; - --c--globals--colors--gray-800: #2b303d; - --c--globals--colors--gray-850: #222631; - --c--globals--colors--gray-900: #181b24; - --c--globals--colors--gray-950: #0f1117; + --c--globals--colors--gray-025: #f8f8f9; + --c--globals--colors--gray-050: #f0f0f3; + --c--globals--colors--gray-100: #e2e2ea; + --c--globals--colors--gray-150: #d3d4e0; + --c--globals--colors--gray-200: #c5c6d5; + --c--globals--colors--gray-250: #b7b7cb; + --c--globals--colors--gray-300: #a9a9bf; + --c--globals--colors--gray-350: #9c9cb2; + --c--globals--colors--gray-400: #8f8fa4; + --c--globals--colors--gray-450: #828297; + --c--globals--colors--gray-500: #75758a; + --c--globals--colors--gray-550: #69697d; + --c--globals--colors--gray-600: #5d5d70; + --c--globals--colors--gray-650: #515164; + --c--globals--colors--gray-700: #454558; + --c--globals--colors--gray-750: #3a3a4c; + --c--globals--colors--gray-800: #2f303d; + --c--globals--colors--gray-850: #25252f; + --c--globals--colors--gray-900: #1b1b23; + --c--globals--colors--gray-950: #111114; --c--globals--colors--gray-1000: #000; - --c--globals--colors--info-050: #e7f2ff; - --c--globals--colors--info-100: #cfe5ff; - --c--globals--colors--info-150: #b7d7ff; - --c--globals--colors--info-200: #a0cafe; - --c--globals--colors--info-250: #8cbcf9; - --c--globals--colors--info-300: #77aef4; - --c--globals--colors--info-350: #63a0ee; - --c--globals--colors--info-400: #5092e7; - --c--globals--colors--info-450: #4185dc; - --c--globals--colors--info-500: #3677cc; - --c--globals--colors--info-550: #2f6abb; - --c--globals--colors--info-600: #265eaa; - --c--globals--colors--info-650: #28528f; - --c--globals--colors--info-700: #274775; - --c--globals--colors--info-750: #243c5e; - --c--globals--colors--info-800: #20314a; - --c--globals--colors--info-850: #1b2637; - --c--globals--colors--info-900: #141c27; - --c--globals--colors--info-950: #0d1118; - --c--globals--colors--success-050: #def7e6; - --c--globals--colors--success-100: #baeecf; - --c--globals--colors--success-150: #a5e2c0; - --c--globals--colors--success-200: #95d4b3; - --c--globals--colors--success-250: #85c6a7; - --c--globals--colors--success-300: #74b99b; - --c--globals--colors--success-350: #65ab8f; - --c--globals--colors--success-400: #579e84; - --c--globals--colors--success-450: #4b9079; - --c--globals--colors--success-500: #40836f; - --c--globals--colors--success-550: #367664; - --c--globals--colors--success-600: #2b695a; - --c--globals--colors--success-650: #2c5a50; - --c--globals--colors--success-700: #2a4d45; - --c--globals--colors--success-750: #26403c; - --c--globals--colors--success-800: #213430; - --c--globals--colors--success-850: #1b2826; - --c--globals--colors--success-900: #151d1c; - --c--globals--colors--success-950: #0d1212; - --c--globals--colors--warning-050: #ffeedf; - --c--globals--colors--warning-100: #ffdcbe; - --c--globals--colors--warning-150: #ffca9c; - --c--globals--colors--warning-200: #ffb778; - --c--globals--colors--warning-250: #fda54f; - --c--globals--colors--warning-300: #f59425; - --c--globals--colors--warning-350: #e78613; - --c--globals--colors--warning-400: #d7790c; - --c--globals--colors--warning-450: #c86c08; - --c--globals--colors--warning-500: #b85f03; - --c--globals--colors--warning-550: #a75400; - --c--globals--colors--warning-600: #984800; - --c--globals--colors--warning-650: #814112; - --c--globals--colors--warning-700: #6c3a19; - --c--globals--colors--warning-750: #58321c; - --c--globals--colors--warning-800: #452a1a; - --c--globals--colors--warning-850: #352117; - --c--globals--colors--warning-900: #261813; - --c--globals--colors--warning-950: #170f0c; - --c--globals--colors--error-050: #ffedeb; - --c--globals--colors--error-100: #ffdad7; - --c--globals--colors--error-150: #ffc7c2; - --c--globals--colors--error-200: #ffb3ad; - --c--globals--colors--error-250: #ff9f99; - --c--globals--colors--error-300: #ff8984; - --c--globals--colors--error-350: #ff706e; - --c--globals--colors--error-400: #fb5759; - --c--globals--colors--error-450: #f63a45; - --c--globals--colors--error-500: #e32c39; - --c--globals--colors--error-550: #cf202d; - --c--globals--colors--error-600: #bd0f23; - --c--globals--colors--error-650: #9d2227; - --c--globals--colors--error-700: #812727; - --c--globals--colors--error-750: #672624; - --c--globals--colors--error-800: #512220; - --c--globals--colors--error-850: #3d1c1b; - --c--globals--colors--error-900: #2a1614; - --c--globals--colors--error-950: #190e0d; - --c--globals--colors--red-050: #ffedeb; - --c--globals--colors--red-100: #ffdad7; - --c--globals--colors--red-150: #ffc7c2; - --c--globals--colors--red-200: #ffb3ad; - --c--globals--colors--red-250: #ff9f99; - --c--globals--colors--red-300: #ff8984; - --c--globals--colors--red-350: #ff706e; - --c--globals--colors--red-400: #fb5759; - --c--globals--colors--red-450: #f63a45; - --c--globals--colors--red-500: #e32c39; - --c--globals--colors--red-550: #cf202d; - --c--globals--colors--red-600: #bd0f23; - --c--globals--colors--red-650: #9d2227; - --c--globals--colors--red-700: #812727; - --c--globals--colors--red-750: #672624; - --c--globals--colors--red-800: #512220; - --c--globals--colors--red-850: #3d1c1b; - --c--globals--colors--red-900: #2a1614; - --c--globals--colors--red-950: #190e0d; - --c--globals--colors--orange-050: #fcedeb; - --c--globals--colors--orange-100: #f8dcd7; - --c--globals--colors--orange-150: #f1ccc5; - --c--globals--colors--orange-200: #eabcb4; - --c--globals--colors--orange-250: #e2aca2; - --c--globals--colors--orange-300: #da9c92; - --c--globals--colors--orange-350: #d28c81; - --c--globals--colors--orange-400: #ca7c70; - --c--globals--colors--orange-450: #be6e62; - --c--globals--colors--orange-500: #ae6257; - --c--globals--colors--orange-550: #9e564d; - --c--globals--colors--orange-600: #8f4b42; - --c--globals--colors--orange-650: #79443d; - --c--globals--colors--orange-700: #643c37; - --c--globals--colors--orange-750: #513430; - --c--globals--colors--orange-800: #412b28; - --c--globals--colors--orange-850: #312220; - --c--globals--colors--orange-900: #231918; - --c--globals--colors--orange-950: #150f0f; - --c--globals--colors--brown-050: #f9efea; - --c--globals--colors--brown-100: #f3dfd3; - --c--globals--colors--brown-150: #eacfc1; - --c--globals--colors--brown-200: #e2bfae; - --c--globals--colors--brown-250: #d8b19c; - --c--globals--colors--brown-300: #d0a189; - --c--globals--colors--brown-350: #c3937b; - --c--globals--colors--brown-400: #b5866d; - --c--globals--colors--brown-450: #a77a62; - --c--globals--colors--brown-500: #996d57; - --c--globals--colors--brown-550: #8b614d; - --c--globals--colors--brown-600: #7c5542; - --c--globals--colors--brown-650: #6a4c3c; - --c--globals--colors--brown-700: #594236; - --c--globals--colors--brown-750: #49382f; - --c--globals--colors--brown-800: #3b2e28; - --c--globals--colors--brown-850: #2d2420; - --c--globals--colors--brown-900: #201a18; - --c--globals--colors--brown-950: #13100f; - --c--globals--colors--yellow-050: #fdf1c5; - --c--globals--colors--yellow-100: #fbe18e; - --c--globals--colors--yellow-150: #f4d261; - --c--globals--colors--yellow-200: #eac244; - --c--globals--colors--yellow-250: #dfb41b; - --c--globals--colors--yellow-300: #d1a516; - --c--globals--colors--yellow-350: #c49711; - --c--globals--colors--yellow-400: #b78a0c; - --c--globals--colors--yellow-450: #a87d07; - --c--globals--colors--yellow-500: #9b6f02; - --c--globals--colors--yellow-550: #8d6300; - --c--globals--colors--yellow-600: #7f5600; - --c--globals--colors--yellow-650: #6e4c11; - --c--globals--colors--yellow-700: #5d4219; - --c--globals--colors--yellow-750: #4d371b; - --c--globals--colors--yellow-800: #3d2e1a; - --c--globals--colors--yellow-850: #2f2417; - --c--globals--colors--yellow-900: #221a12; - --c--globals--colors--yellow-950: #14100c; - --c--globals--colors--green-050: #e7f9b3; - --c--globals--colors--green-100: #d5ec98; - --c--globals--colors--green-150: #c5de86; - --c--globals--colors--green-200: #b5d174; - --c--globals--colors--green-250: #a5c464; - --c--globals--colors--green-300: #95b755; - --c--globals--colors--green-350: #85aa45; - --c--globals--colors--green-400: #769d39; - --c--globals--colors--green-450: #688f30; - --c--globals--colors--green-500: #5a8228; - --c--globals--colors--green-550: #4d7621; - --c--globals--colors--green-600: #416919; - --c--globals--colors--green-650: #3a5b20; - --c--globals--colors--green-700: #324e22; - --c--globals--colors--green-750: #2c4122; - --c--globals--colors--green-800: #24351d; - --c--globals--colors--green-850: #1d2919; - --c--globals--colors--green-900: #161e13; - --c--globals--colors--green-950: #0e120c; - --c--globals--colors--blue-1-050: #ebf1ff; - --c--globals--colors--blue-1-100: #d6e3fe; - --c--globals--colors--blue-1-150: #c2d5fe; - --c--globals--colors--blue-1-200: #adc7fe; - --c--globals--colors--blue-1-250: #99b8fd; - --c--globals--colors--blue-1-300: #84aafd; - --c--globals--colors--blue-1-350: #6f9bfd; - --c--globals--colors--blue-1-400: #5a8dfb; - --c--globals--colors--blue-1-450: #437dfc; - --c--globals--colors--blue-1-500: #3d71e4; - --c--globals--colors--blue-1-550: #3665cc; - --c--globals--colors--blue-1-600: #305ab5; - --c--globals--colors--blue-1-650: #315093; - --c--globals--colors--blue-1-700: #2e4675; - --c--globals--colors--blue-1-750: #293b5e; - --c--globals--colors--blue-1-800: #243048; - --c--globals--colors--blue-1-850: #1e2635; - --c--globals--colors--blue-1-900: #171c25; - --c--globals--colors--blue-1-950: #0e1116; - --c--globals--colors--blue-2-050: #e2f4f9; - --c--globals--colors--blue-2-100: #c5e9f3; - --c--globals--colors--blue-2-150: #a7dded; - --c--globals--colors--blue-2-200: #88d1e6; - --c--globals--colors--blue-2-250: #68c5e0; - --c--globals--colors--blue-2-300: #48b8d9; - --c--globals--colors--blue-2-350: #3baaca; - --c--globals--colors--blue-2-400: #359cb9; - --c--globals--colors--blue-2-450: #318ea9; - --c--globals--colors--blue-2-500: #2c8199; - --c--globals--colors--blue-2-550: #277389; - --c--globals--colors--blue-2-600: #236679; - --c--globals--colors--blue-2-650: #2a5866; - --c--globals--colors--blue-2-700: #2a4b55; - --c--globals--colors--blue-2-750: #283f47; - --c--globals--colors--blue-2-800: #233337; - --c--globals--colors--blue-2-850: #1d272a; - --c--globals--colors--blue-2-900: #161c1e; - --c--globals--colors--blue-2-950: #0e1112; - --c--globals--colors--purple-050: #f5eeff; - --c--globals--colors--purple-100: #ecdcff; - --c--globals--colors--purple-150: #e2cbff; - --c--globals--colors--purple-200: #d9b9ff; - --c--globals--colors--purple-250: #d0a7ff; - --c--globals--colors--purple-300: #c894fe; - --c--globals--colors--purple-350: #be83fa; - --c--globals--colors--purple-400: #b570f5; - --c--globals--colors--purple-450: #ab5ef0; - --c--globals--colors--purple-500: #a04be8; - --c--globals--colors--purple-550: #933cdb; - --c--globals--colors--purple-600: #8530c8; - --c--globals--colors--purple-650: #7033a5; - --c--globals--colors--purple-700: #5d3185; - --c--globals--colors--purple-750: #4c2c6a; - --c--globals--colors--purple-800: #3c2652; - --c--globals--colors--purple-850: #2d203c; - --c--globals--colors--purple-900: #21182a; - --c--globals--colors--purple-950: #130f19; - --c--globals--colors--pink-050: #ffebf6; - --c--globals--colors--pink-100: #ffd8ed; - --c--globals--colors--pink-150: #fcc4e3; - --c--globals--colors--pink-200: #f7b2d9; - --c--globals--colors--pink-250: #f29fce; - --c--globals--colors--pink-300: #ed8cc3; - --c--globals--colors--pink-350: #e779b8; - --c--globals--colors--pink-400: #e264ad; - --c--globals--colors--pink-450: #d2579e; - --c--globals--colors--pink-500: #c24b8e; - --c--globals--colors--pink-550: #b0417f; - --c--globals--colors--pink-600: #9f3670; - --c--globals--colors--pink-650: #873560; - --c--globals--colors--pink-700: #6f3250; - --c--globals--colors--pink-750: #5a2c43; - --c--globals--colors--pink-800: #472635; - --c--globals--colors--pink-850: #351f29; - --c--globals--colors--pink-900: #26171d; - --c--globals--colors--pink-950: #170f12; - --c--globals--colors--black-000: #0000; - --c--globals--colors--black-050: #0000000d; - --c--globals--colors--black-100: #0000001a; - --c--globals--colors--black-150: #00000026; - --c--globals--colors--black-200: #0003; - --c--globals--colors--black-250: #00000040; - --c--globals--colors--black-300: #0000004d; - --c--globals--colors--black-350: #00000059; - --c--globals--colors--black-400: #0006; - --c--globals--colors--black-450: #00000073; - --c--globals--colors--black-500: #00000080; - --c--globals--colors--black-550: #0000008c; - --c--globals--colors--black-600: #0009; - --c--globals--colors--black-650: #000000a6; - --c--globals--colors--black-700: #000000b3; - --c--globals--colors--black-750: #000000bf; - --c--globals--colors--black-800: #000c; - --c--globals--colors--black-850: #000000d9; - --c--globals--colors--black-900: #000000e6; - --c--globals--colors--black-950: #000000f2; - --c--globals--colors--white-000: #fff; - --c--globals--colors--white-050: #ffffff0d; - --c--globals--colors--white-100: #ffffff1a; - --c--globals--colors--white-150: #ffffff26; - --c--globals--colors--white-200: #fff3; - --c--globals--colors--white-250: #ffffff40; - --c--globals--colors--white-300: #ffffff4d; - --c--globals--colors--white-350: #ffffff59; - --c--globals--colors--white-400: #fff6; - --c--globals--colors--white-450: #ffffff73; - --c--globals--colors--white-500: #ffffff80; - --c--globals--colors--white-550: #ffffff8c; - --c--globals--colors--white-600: #fff9; - --c--globals--colors--white-650: #ffffffa6; - --c--globals--colors--white-700: #ffffffb3; - --c--globals--colors--white-750: #ffffffbf; - --c--globals--colors--white-800: #fffc; - --c--globals--colors--white-850: #ffffffd9; - --c--globals--colors--white-900: #ffffffe6; - --c--globals--colors--white-950: #fffffff2; - --c--globals--colors--blue1-050: #e7f2ff; - --c--globals--colors--blue1-100: #cfe5ff; - --c--globals--colors--blue1-150: #b7d7ff; - --c--globals--colors--blue1-200: #a0cafe; - --c--globals--colors--blue1-250: #8cbcf9; - --c--globals--colors--blue1-300: #77aef4; - --c--globals--colors--blue1-350: #63a0ee; - --c--globals--colors--blue1-400: #5092e7; - --c--globals--colors--blue1-450: #4185dc; - --c--globals--colors--blue1-500: #3677cc; - --c--globals--colors--blue1-550: #2f6abb; - --c--globals--colors--blue1-600: #265eaa; - --c--globals--colors--blue1-650: #28528f; - --c--globals--colors--blue1-700: #274775; - --c--globals--colors--blue1-750: #243c5e; - --c--globals--colors--blue1-800: #20314a; - --c--globals--colors--blue1-850: #1b2637; - --c--globals--colors--blue1-900: #141c27; - --c--globals--colors--blue1-950: #0d1118; - --c--globals--colors--blue2-050: #e2f4fd; - --c--globals--colors--blue2-100: #c4e8f8; - --c--globals--colors--blue2-150: #aadcf2; - --c--globals--colors--blue2-200: #93cfeb; - --c--globals--colors--blue2-250: #7cc2e2; - --c--globals--colors--blue2-300: #6cb4d6; - --c--globals--colors--blue2-350: #5ca7c9; - --c--globals--colors--blue2-400: #5099bc; - --c--globals--colors--blue2-450: #458bae; - --c--globals--colors--blue2-500: #3a7ea0; - --c--globals--colors--blue2-550: #327191; - --c--globals--colors--blue2-600: #286483; - --c--globals--colors--blue2-650: #2b5770; - --c--globals--colors--blue2-700: #294a5e; - --c--globals--colors--blue2-750: #263e4d; - --c--globals--colors--blue2-800: #22323d; - --c--globals--colors--blue2-850: #1c272e; - --c--globals--colors--blue2-900: #151d21; - --c--globals--colors--blue2-950: #0e1114; + --c--globals--colors--info-050: #eaf2f9; + --c--globals--colors--info-100: #d5e4f3; + --c--globals--colors--info-150: #bfd7f0; + --c--globals--colors--info-200: #a7caee; + --c--globals--colors--info-250: #8dbdef; + --c--globals--colors--info-300: #6eb0f2; + --c--globals--colors--info-350: #50a2f5; + --c--globals--colors--info-400: #3593f4; + --c--globals--colors--info-450: #1185ed; + --c--globals--colors--info-500: #0077de; + --c--globals--colors--info-550: #0069cf; + --c--globals--colors--info-600: #005bc0; + --c--globals--colors--info-650: #0d4eaa; + --c--globals--colors--info-700: #124394; + --c--globals--colors--info-750: #163878; + --c--globals--colors--info-800: #192f5a; + --c--globals--colors--info-850: #192541; + --c--globals--colors--info-900: #141b2d; + --c--globals--colors--info-950: #0c111c; + --c--globals--colors--success-050: #e8f1ea; + --c--globals--colors--success-100: #cfe4d4; + --c--globals--colors--success-150: #bad9c1; + --c--globals--colors--success-200: #a2cfad; + --c--globals--colors--success-250: #86c597; + --c--globals--colors--success-300: #6cba83; + --c--globals--colors--success-350: #4fb070; + --c--globals--colors--success-400: #40a363; + --c--globals--colors--success-450: #309556; + --c--globals--colors--success-500: #1e884a; + --c--globals--colors--success-550: #027b3e; + --c--globals--colors--success-600: #016d31; + --c--globals--colors--success-650: #006024; + --c--globals--colors--success-700: #005317; + --c--globals--colors--success-750: #0d4511; + --c--globals--colors--success-800: #11380e; + --c--globals--colors--success-850: #132a11; + --c--globals--colors--success-900: #101e0f; + --c--globals--colors--success-950: #091209; + --c--globals--colors--warning-050: #f8f0e9; + --c--globals--colors--warning-100: #f1e0d3; + --c--globals--colors--warning-150: #ecd0bc; + --c--globals--colors--warning-200: #e8c0a4; + --c--globals--colors--warning-250: #e8ae8a; + --c--globals--colors--warning-300: #eb9970; + --c--globals--colors--warning-350: #e98456; + --c--globals--colors--warning-400: #e57036; + --c--globals--colors--warning-450: #da5e18; + --c--globals--colors--warning-500: #cb5000; + --c--globals--colors--warning-550: #bc4200; + --c--globals--colors--warning-600: #ad3300; + --c--globals--colors--warning-650: #9e2300; + --c--globals--colors--warning-700: #882011; + --c--globals--colors--warning-750: #731e16; + --c--globals--colors--warning-800: #58201a; + --c--globals--colors--warning-850: #401d18; + --c--globals--colors--warning-900: #2e1714; + --c--globals--colors--warning-950: #1d0f0d; + --c--globals--colors--error-050: #f9efec; + --c--globals--colors--error-100: #f4dfd9; + --c--globals--colors--error-150: #f0cec6; + --c--globals--colors--error-200: #eebcb2; + --c--globals--colors--error-250: #eea99d; + --c--globals--colors--error-300: #ef9486; + --c--globals--colors--error-350: #f37c6e; + --c--globals--colors--error-400: #f65f53; + --c--globals--colors--error-450: #f0463d; + --c--globals--colors--error-500: #e82322; + --c--globals--colors--error-550: #d7010e; + --c--globals--colors--error-600: #c00100; + --c--globals--colors--error-650: #a00; + --c--globals--colors--error-700: #910c06; + --c--globals--colors--error-750: #731e16; + --c--globals--colors--error-800: #58201a; + --c--globals--colors--error-850: #401d18; + --c--globals--colors--error-900: #2e1714; + --c--globals--colors--error-950: #1d0f0d; + --c--globals--colors--red-050: #faefee; + --c--globals--colors--red-100: #f4dedd; + --c--globals--colors--red-150: #f1cdcb; + --c--globals--colors--red-200: #efbbba; + --c--globals--colors--red-250: #eea8a8; + --c--globals--colors--red-300: #f09394; + --c--globals--colors--red-350: #f37b7e; + --c--globals--colors--red-400: #ef6569; + --c--globals--colors--red-450: #e94a55; + --c--globals--colors--red-500: #da3b49; + --c--globals--colors--red-550: #ca2a3c; + --c--globals--colors--red-600: #bb1330; + --c--globals--colors--red-650: #a90021; + --c--globals--colors--red-700: #910a13; + --c--globals--colors--red-750: #731e16; + --c--globals--colors--red-800: #58201a; + --c--globals--colors--red-850: #411d18; + --c--globals--colors--red-900: #2e1714; + --c--globals--colors--red-950: #1d0f0d; + --c--globals--colors--orange-050: #f8f0e9; + --c--globals--colors--orange-100: #f1e0d3; + --c--globals--colors--orange-150: #ecd0bd; + --c--globals--colors--orange-200: #eabfa6; + --c--globals--colors--orange-250: #ebac90; + --c--globals--colors--orange-300: #ec9772; + --c--globals--colors--orange-350: #e5845a; + --c--globals--colors--orange-400: #d6774d; + --c--globals--colors--orange-450: #c86a40; + --c--globals--colors--orange-500: #b95d33; + --c--globals--colors--orange-550: #ab5025; + --c--globals--colors--orange-600: #9d4315; + --c--globals--colors--orange-650: #8f3600; + --c--globals--colors--orange-700: #812900; + --c--globals--colors--orange-750: #6c2511; + --c--globals--colors--orange-800: #572017; + --c--globals--colors--orange-850: #401d18; + --c--globals--colors--orange-900: #2e1714; + --c--globals--colors--orange-950: #1d0f0d; + --c--globals--colors--brown-050: #f6f0e8; + --c--globals--colors--brown-100: #f1e0d3; + --c--globals--colors--brown-150: #ebd0ba; + --c--globals--colors--brown-200: #e2c0a6; + --c--globals--colors--brown-250: #d4b398; + --c--globals--colors--brown-300: #c6a58b; + --c--globals--colors--brown-350: #b8987e; + --c--globals--colors--brown-400: #aa8b71; + --c--globals--colors--brown-450: #9d7e65; + --c--globals--colors--brown-500: #8f7158; + --c--globals--colors--brown-550: #82654c; + --c--globals--colors--brown-600: #765841; + --c--globals--colors--brown-650: #694c35; + --c--globals--colors--brown-700: #5d412a; + --c--globals--colors--brown-750: #51361e; + --c--globals--colors--brown-800: #452a13; + --c--globals--colors--brown-850: #392008; + --c--globals--colors--brown-900: #29180a; + --c--globals--colors--brown-950: #1b0f08; + --c--globals--colors--yellow-050: #f3f0e7; + --c--globals--colors--yellow-100: #e9e2cf; + --c--globals--colors--yellow-150: #e1d4b7; + --c--globals--colors--yellow-200: #d9c599; + --c--globals--colors--yellow-250: #d2b677; + --c--globals--colors--yellow-300: #caa756; + --c--globals--colors--yellow-350: #c2972e; + --c--globals--colors--yellow-400: #b98900; + --c--globals--colors--yellow-450: #ab7b00; + --c--globals--colors--yellow-500: #9d6e00; + --c--globals--colors--yellow-550: #916100; + --c--globals--colors--yellow-600: #855400; + --c--globals--colors--yellow-650: #784700; + --c--globals--colors--yellow-700: #6c3a00; + --c--globals--colors--yellow-750: #5f2e00; + --c--globals--colors--yellow-800: #512302; + --c--globals--colors--yellow-850: #3e1d10; + --c--globals--colors--yellow-900: #2d1711; + --c--globals--colors--yellow-950: #1d0f0d; + --c--globals--colors--green-050: #e6f1e9; + --c--globals--colors--green-100: #cfe4d5; + --c--globals--colors--green-150: #b8d8c1; + --c--globals--colors--green-200: #a0cfae; + --c--globals--colors--green-250: #84c59a; + --c--globals--colors--green-300: #65ba86; + --c--globals--colors--green-350: #45b173; + --c--globals--colors--green-400: #23a562; + --c--globals--colors--green-450: #029755; + --c--globals--colors--green-500: #008948; + --c--globals--colors--green-550: #017b3b; + --c--globals--colors--green-600: #006e2e; + --c--globals--colors--green-650: #006022; + --c--globals--colors--green-700: #005314; + --c--globals--colors--green-750: #0d4510; + --c--globals--colors--green-800: #11380e; + --c--globals--colors--green-850: #132a11; + --c--globals--colors--green-900: #101e0f; + --c--globals--colors--green-950: #091209; + --c--globals--colors--blue-1-050: #ebf1f9; + --c--globals--colors--blue-1-100: #d6e4f4; + --c--globals--colors--blue-1-150: #c1d7f0; + --c--globals--colors--blue-1-200: #aacaef; + --c--globals--colors--blue-1-250: #8fbcef; + --c--globals--colors--blue-1-300: #7cafeb; + --c--globals--colors--blue-1-350: #68a1e4; + --c--globals--colors--blue-1-400: #5b94d6; + --c--globals--colors--blue-1-450: #4e86c7; + --c--globals--colors--blue-1-500: #4279b9; + --c--globals--colors--blue-1-550: #356cac; + --c--globals--colors--blue-1-600: #28609e; + --c--globals--colors--blue-1-650: #1b5390; + --c--globals--colors--blue-1-700: #0b4783; + --c--globals--colors--blue-1-750: #0f3c6e; + --c--globals--colors--blue-1-800: #133059; + --c--globals--colors--blue-1-850: #152641; + --c--globals--colors--blue-1-900: #121c2d; + --c--globals--colors--blue-1-950: #0b111c; + --c--globals--colors--blue-2-050: #e7f3f4; + --c--globals--colors--blue-2-100: #cee7e9; + --c--globals--colors--blue-2-150: #b2dce0; + --c--globals--colors--blue-2-200: #91d1d7; + --c--globals--colors--blue-2-250: #68c7d0; + --c--globals--colors--blue-2-300: #43bbc5; + --c--globals--colors--blue-2-350: #00afba; + --c--globals--colors--blue-2-400: #01a0aa; + --c--globals--colors--blue-2-450: #00929d; + --c--globals--colors--blue-2-500: #00848f; + --c--globals--colors--blue-2-550: #007682; + --c--globals--colors--blue-2-600: #016874; + --c--globals--colors--blue-2-650: #005b67; + --c--globals--colors--blue-2-700: #004e5a; + --c--globals--colors--blue-2-750: #00424e; + --c--globals--colors--blue-2-800: #003642; + --c--globals--colors--blue-2-850: #002a38; + --c--globals--colors--blue-2-900: #061e28; + --c--globals--colors--blue-2-950: #071219; + --c--globals--colors--purple-050: #f7f0f6; + --c--globals--colors--purple-100: #eee0ee; + --c--globals--colors--purple-150: #e7d1e7; + --c--globals--colors--purple-200: #dbbfe4; + --c--globals--colors--purple-250: #d3aee2; + --c--globals--colors--purple-300: #cb99e1; + --c--globals--colors--purple-350: #c188d9; + --c--globals--colors--purple-400: #b47bcb; + --c--globals--colors--purple-450: #a66ebd; + --c--globals--colors--purple-500: #9961af; + --c--globals--colors--purple-550: #8b55a1; + --c--globals--colors--purple-600: #7e4894; + --c--globals--colors--purple-650: #723c87; + --c--globals--colors--purple-700: #633376; + --c--globals--colors--purple-750: #552a65; + --c--globals--colors--purple-800: #452551; + --c--globals--colors--purple-850: #35213d; + --c--globals--colors--purple-900: #261a2c; + --c--globals--colors--purple-950: #17111c; + --c--globals--colors--pink-050: #f8eff4; + --c--globals--colors--pink-100: #f0dfea; + --c--globals--colors--pink-150: #eacedf; + --c--globals--colors--pink-200: #e9bbd1; + --c--globals--colors--pink-250: #e9a7c2; + --c--globals--colors--pink-300: #e095b4; + --c--globals--colors--pink-350: #d685a8; + --c--globals--colors--pink-400: #c7799b; + --c--globals--colors--pink-450: #b86c8d; + --c--globals--colors--pink-500: #aa5f80; + --c--globals--colors--pink-550: #9c5374; + --c--globals--colors--pink-600: #8e4767; + --c--globals--colors--pink-650: #813b5b; + --c--globals--colors--pink-700: #732e4f; + --c--globals--colors--pink-750: #632643; + --c--globals--colors--pink-800: #521f38; + --c--globals--colors--pink-850: #3e1c2b; + --c--globals--colors--pink-900: #2d171f; + --c--globals--colors--pink-950: #1c0e12; + --c--globals--colors--black-000: #1b1b2300; + --c--globals--colors--black-050: #1b1b230d; + --c--globals--colors--black-100: #1b1b231a; + --c--globals--colors--black-150: #1b1b2326; + --c--globals--colors--black-200: #1b1b2333; + --c--globals--colors--black-250: #1b1b2340; + --c--globals--colors--black-300: #1b1b234d; + --c--globals--colors--black-350: #1b1b2359; + --c--globals--colors--black-400: #1b1b2366; + --c--globals--colors--black-450: #1b1b2373; + --c--globals--colors--black-500: #1b1b2380; + --c--globals--colors--black-550: #1b1b238c; + --c--globals--colors--black-600: #1b1b2399; + --c--globals--colors--black-650: #1b1b23a6; + --c--globals--colors--black-700: #1b1b23b2; + --c--globals--colors--black-750: #1b1b23bf; + --c--globals--colors--black-800: #1b1b23cc; + --c--globals--colors--black-850: #1b1b23d9; + --c--globals--colors--black-900: #1b1b23e5; + --c--globals--colors--black-950: #111114f2; + --c--globals--colors--white-000: #f8f8f900; + --c--globals--colors--white-050: #f8f8f90d; + --c--globals--colors--white-100: #f8f8f91a; + --c--globals--colors--white-150: #f8f8f926; + --c--globals--colors--white-200: #f8f8f933; + --c--globals--colors--white-250: #f8f8f940; + --c--globals--colors--white-300: #f8f8f94d; + --c--globals--colors--white-350: #f8f8f959; + --c--globals--colors--white-400: #f8f8f966; + --c--globals--colors--white-450: #f8f8f973; + --c--globals--colors--white-500: #f8f8f980; + --c--globals--colors--white-550: #f8f8f98c; + --c--globals--colors--white-600: #f8f8f999; + --c--globals--colors--white-650: #f8f8f9a6; + --c--globals--colors--white-700: #f8f8f9b2; + --c--globals--colors--white-750: #f8f8f9bf; + --c--globals--colors--white-800: #f8f8f9cc; + --c--globals--colors--white-850: #f8f8f9d9; + --c--globals--colors--white-900: #f8f8f9e5; + --c--globals--colors--white-950: #f8f8f9f2; + --c--globals--colors--white-975: #f8f8f9f9; --c--globals--transitions--ease-in: cubic-bezier(0.32, 0, 0.67, 0); --c--globals--transitions--ease-out: cubic-bezier(0.33, 1, 0.68, 1); --c--globals--transitions--ease-in-out: cubic-bezier(0.65, 0, 0.35, 1); @@ -399,8 +362,10 @@ --c--globals--font--weights--bold: 600; --c--globals--font--weights--extrabold: 800; --c--globals--font--weights--black: 900; - --c--globals--font--families--base: sans-serif; - --c--globals--font--families--accent: sans-serif; + --c--globals--font--families--base: + hanken grotesk, inter, roboto flex variable, sans-serif; + --c--globals--font--families--accent: + hanken grotesk, inter, roboto flex variable, sans-serif; --c--globals--spacings--0: 0; --c--globals--spacings--l: 3rem; --c--globals--spacings--b: 1.625rem; @@ -409,6 +374,8 @@ --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; @@ -419,6 +386,8 @@ --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; @@ -427,8 +396,6 @@ --c--globals--spacings--auto: auto; --c--globals--spacings--bx: 2.2rem; --c--globals--spacings--full: 100%; - --c--globals--spacings--3xs: 0.25rem; - --c--globals--spacings--2xs: 0.375rem; --c--globals--breakpoints--xs: 480px; --c--globals--breakpoints--sm: 576px; --c--globals--breakpoints--md: 768px; @@ -438,6 +405,13 @@ --c--globals--breakpoints--xxs: 320px; --c--globals--breakpoints--mobile: 768px; --c--globals--breakpoints--tablet: 1024px; + --c--globals--spacing--0: 0rem; + --c--globals--spacing--none: 0rem; + --c--globals--spacing--auto: auto; + --c--globals--spacing--bx: 2.2rem; + --c--globals--spacing--full: 100%; + --c--globals--spacing--3xs: 0.25rem; + --c--globals--spacing--2xs: 0.375rem; --c--contextuals--background--surface--primary: var( --c--globals--colors--gray-000 ); @@ -447,6 +421,18 @@ --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 ); @@ -483,12 +469,6 @@ --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 ); @@ -666,11 +646,14 @@ --c--contextuals--background--palette--gray--tertiary: var( --c--globals--colors--gray-150 ); - --c--contextuals--background--text--primary: var( - --c--globals--colors--black-050 + --c--contextuals--content--logo1: var(--c--globals--colors--logo-1-light); + --c--contextuals--content--logo2: var(--c--globals--colors--logo-2-light); + --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--logo1: var(--c--globals--colors--logo-1); - --c--contextuals--content--logo2: var(--c--globals--colors--logo-2); --c--contextuals--content--semantic--brand--primary: var( --c--globals--colors--brand-700 ); @@ -678,7 +661,7 @@ --c--globals--colors--brand-600 ); --c--contextuals--content--semantic--brand--tertiary: var( - --c--globals--colors--brand-500 + --c--globals--colors--brand-550 ); --c--contextuals--content--semantic--brand--on-brand: var( --c--globals--colors--brand-050 @@ -690,14 +673,11 @@ --c--globals--colors--gray-600 ); --c--contextuals--content--semantic--neutral--tertiary: var( - --c--globals--colors--gray-500 + --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 ); @@ -705,7 +685,7 @@ --c--globals--colors--info-600 ); --c--contextuals--content--semantic--info--tertiary: var( - --c--globals--colors--info-500 + --c--globals--colors--info-550 ); --c--contextuals--content--semantic--info--on-info: var( --c--globals--colors--info-050 @@ -717,7 +697,7 @@ --c--globals--colors--success-600 ); --c--contextuals--content--semantic--success--tertiary: var( - --c--globals--colors--success-500 + --c--globals--colors--success-550 ); --c--contextuals--content--semantic--success--on-success: var( --c--globals--colors--success-050 @@ -729,7 +709,7 @@ --c--globals--colors--warning-600 ); --c--contextuals--content--semantic--warning--tertiary: var( - --c--globals--colors--warning-500 + --c--globals--colors--warning-550 ); --c--contextuals--content--semantic--warning--on-warning: var( --c--globals--colors--warning-050 @@ -741,7 +721,7 @@ --c--globals--colors--error-600 ); --c--contextuals--content--semantic--error--tertiary: var( - --c--globals--colors--error-500 + --c--globals--colors--error-550 ); --c--contextuals--content--semantic--error--on-error: var( --c--globals--colors--error-050 @@ -755,105 +735,45 @@ --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 ); @@ -863,9 +783,6 @@ --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 ); @@ -914,110 +831,8 @@ --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--components--modal--width-small: 342px; --c--components--tooltip--padding: 4px 8px; - --c--components--tooltip--background-color: var( - --c--contextuals--background--semantic--neutral--tertiary - ); --c--components--button--medium-height: 40px; --c--components--button--medium-text-height: 40px; --c--components--button--border-radius: 4px; @@ -1088,10 +903,10 @@ } .cunningham-theme--dark { - --c--globals--colors--logo-1: #377fdb; - --c--globals--colors--logo-2: #377fdb; - --c--globals--colors--logo-1-dark: #95abff; - --c--globals--colors--logo-2-dark: #95abff; + --c--globals--colors--logo-1-light: #377fdb; + --c--globals--colors--logo-2-light: #377fdb; + --c--globals--colors--logo-1-dark: #c1d6f2; + --c--globals--colors--logo-2-dark: #c1d6f2; --c--globals--colors--brand-050: #eaf1fb; --c--globals--colors--brand-100: #d5e4f7; --c--globals--colors--brand-150: #c0d6f4; @@ -1380,46 +1195,47 @@ --c--globals--colors--pink-850: #332028; --c--globals--colors--pink-900: #24181d; --c--globals--colors--pink-950: #160f12; - --c--globals--colors--black-000: #0000; - --c--globals--colors--black-050: #0000000d; - --c--globals--colors--black-100: #0000001a; - --c--globals--colors--black-150: #00000026; - --c--globals--colors--black-200: #0003; - --c--globals--colors--black-250: #00000040; - --c--globals--colors--black-300: #0000004d; - --c--globals--colors--black-350: #00000059; - --c--globals--colors--black-400: #0006; - --c--globals--colors--black-450: #00000073; - --c--globals--colors--black-500: #00000080; - --c--globals--colors--black-550: #0000008c; - --c--globals--colors--black-600: #0009; - --c--globals--colors--black-650: #000000a6; - --c--globals--colors--black-700: #000000b3; - --c--globals--colors--black-750: #000000bf; - --c--globals--colors--black-800: #000c; - --c--globals--colors--black-850: #000000d9; - --c--globals--colors--black-900: #000000e6; - --c--globals--colors--black-950: #000000f2; - --c--globals--colors--white-000: #fff; - --c--globals--colors--white-050: #ffffff0d; - --c--globals--colors--white-100: #ffffff1a; - --c--globals--colors--white-150: #ffffff26; - --c--globals--colors--white-200: #fff3; - --c--globals--colors--white-250: #ffffff40; - --c--globals--colors--white-300: #ffffff4d; - --c--globals--colors--white-350: #ffffff59; - --c--globals--colors--white-400: #fff6; - --c--globals--colors--white-450: #ffffff73; - --c--globals--colors--white-500: #ffffff80; - --c--globals--colors--white-550: #ffffff8c; - --c--globals--colors--white-600: #fff9; - --c--globals--colors--white-650: #ffffffa6; - --c--globals--colors--white-700: #ffffffb3; - --c--globals--colors--white-750: #ffffffbf; - --c--globals--colors--white-800: #fffc; - --c--globals--colors--white-850: #ffffffd9; - --c--globals--colors--white-900: #ffffffe6; - --c--globals--colors--white-950: #fffffff2; + --c--globals--colors--black-000: #1b1c1d00; + --c--globals--colors--black-050: #1b1c1d0d; + --c--globals--colors--black-100: #1b1c1d1a; + --c--globals--colors--black-150: #1b1c1d26; + --c--globals--colors--black-200: #1b1c1d33; + --c--globals--colors--black-250: #1b1c1d40; + --c--globals--colors--black-300: #1b1c1d4d; + --c--globals--colors--black-350: #1b1c1d59; + --c--globals--colors--black-400: #1b1c1d66; + --c--globals--colors--black-450: #1b1c1d73; + --c--globals--colors--black-500: #1b1c1d80; + --c--globals--colors--black-550: #1b1c1d8c; + --c--globals--colors--black-600: #1b1c1d99; + --c--globals--colors--black-650: #1b1c1da6; + --c--globals--colors--black-700: #1b1c1db2; + --c--globals--colors--black-750: #1b1c1dbf; + --c--globals--colors--black-800: #1b1c1dcc; + --c--globals--colors--black-850: #1b1c1dd9; + --c--globals--colors--black-900: #1b1c1de5; + --c--globals--colors--black-950: #101112f2; + --c--globals--colors--white-000: #f7f8f800; + --c--globals--colors--white-050: #f7f8f80d; + --c--globals--colors--white-100: #f7f8f81a; + --c--globals--colors--white-150: #f7f8f826; + --c--globals--colors--white-200: #f7f8f833; + --c--globals--colors--white-250: #f7f8f840; + --c--globals--colors--white-300: #f7f8f84d; + --c--globals--colors--white-350: #f7f8f859; + --c--globals--colors--white-400: #f7f8f866; + --c--globals--colors--white-450: #f7f8f873; + --c--globals--colors--white-500: #f7f8f880; + --c--globals--colors--white-550: #f7f8f88c; + --c--globals--colors--white-600: #f7f8f899; + --c--globals--colors--white-650: #f7f8f8a6; + --c--globals--colors--white-700: #f7f8f8b2; + --c--globals--colors--white-750: #f7f8f8bf; + --c--globals--colors--white-800: #f7f8f8cc; + --c--globals--colors--white-850: #f7f8f8d9; + --c--globals--colors--white-900: #f7f8f8e5; + --c--globals--colors--white-950: #f7f8f8f2; + --c--globals--colors--white-975: #f7f8f8f9; --c--globals--transitions--ease-in: cubic-bezier(0.32, 0, 0.67, 0); --c--globals--transitions--ease-out: cubic-bezier(0.33, 1, 0.68, 1); --c--globals--transitions--ease-in-out: cubic-bezier(0.65, 0, 0.35, 1); @@ -1459,6 +1275,8 @@ --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; @@ -1469,11 +1287,13 @@ --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; --c--globals--spacings--7xl: 7.5rem; - --c--globals--breakpoints--xs: 0; + --c--globals--breakpoints--xs: 0px; --c--globals--breakpoints--sm: 576px; --c--globals--breakpoints--md: 768px; --c--globals--breakpoints--lg: 992px; @@ -1488,6 +1308,18 @@ --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 ); @@ -1524,12 +1356,6 @@ --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 ); @@ -1709,6 +1535,12 @@ ); --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 ); @@ -1733,9 +1565,6 @@ --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 ); @@ -1791,107 +1620,47 @@ --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--globals--colors--brand-500 ); --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--globals--colors--red-500 ); --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--globals--colors--orange-500 ); --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--globals--colors--brown-500 ); --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--globals--colors--yellow-500 ); --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--globals--colors--green-500 ); --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--globals--colors--blue-1-500 ); --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--globals--colors--blue-2-500 ); --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--globals--colors--purple-500 ); --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--globals--colors--pink-500 ); --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--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 ); @@ -1901,9 +1670,6 @@ --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 ); @@ -1952,425 +1718,898 @@ --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 - ); } .cunningham-theme--dsfr { - --c--globals--font--families--base: - marianne, inter, roboto flex variable, sans-serif; + --c--globals--font--sizes--xs: 0.75rem; + --c--globals--font--sizes--sm: 0.875rem; + --c--globals--font--sizes--md: 1rem; + --c--globals--font--sizes--lg: 1.125rem; + --c--globals--font--sizes--ml: 0.938rem; + --c--globals--font--sizes--xl: 1.25rem; + --c--globals--font--sizes--t: 0.6875rem; + --c--globals--font--sizes--s: 0.75rem; + --c--globals--font--sizes--h1: 2rem; + --c--globals--font--sizes--h2: 1.75rem; + --c--globals--font--sizes--h3: 1.5rem; + --c--globals--font--sizes--h4: 1.375rem; + --c--globals--font--sizes--h5: 1.25rem; + --c--globals--font--sizes--h6: 1.125rem; + --c--globals--font--sizes--xl-alt: 5rem; + --c--globals--font--sizes--lg-alt: 4.5rem; + --c--globals--font--sizes--md-alt: 4rem; + --c--globals--font--sizes--sm-alt: 3.5rem; + --c--globals--font--sizes--xs-alt: 3rem; + --c--globals--font--weights--thin: 100; + --c--globals--font--weights--extrabold: 800; + --c--globals--font--weights--black: 900; --c--globals--font--families--accent: marianne, inter, roboto flex variable, sans-serif; + --c--globals--font--families--base: + marianne, inter, roboto flex variable, sans-serif; + --c--globals--spacings--0: 0; + --c--globals--spacings--none: 0; + --c--globals--spacings--auto: auto; + --c--globals--spacings--bx: 2.2rem; + --c--globals--spacings--full: 100%; + --c--globals--spacings--4xs: 0.125rem; + --c--globals--spacings--3xs: 0.25rem; + --c--globals--spacings--2xs: 0.375rem; + --c--globals--spacings--xs: 0.5rem; + --c--globals--spacings--sm: 0.75rem; + --c--globals--spacings--base: 1rem; + --c--globals--spacings--md: 1.5rem; + --c--globals--spacings--lg: 2rem; + --c--globals--spacings--xl: 2.5rem; + --c--globals--spacings--xxl: 3rem; + --c--globals--spacings--2xl: 3rem; + --c--globals--spacings--xxxl: 3.5rem; + --c--globals--spacings--3xl: 3.5rem; + --c--globals--spacings--4xl: 4rem; + --c--globals--spacings--5xl: 4.5rem; + --c--globals--spacings--6xl: 6rem; + --c--globals--spacings--7xl: 7.5rem; + --c--globals--breakpoints--xxs: 320px; + --c--globals--breakpoints--xs: 480px; + --c--globals--breakpoints--mobile: 768px; + --c--globals--breakpoints--tablet: 1024px; + --c--globals--colors--logo-1-light: #2845c1; + --c--globals--colors--logo-2-light: #c83f49; + --c--globals--colors--logo-1-dark: #95abff; + --c--globals--colors--logo-2-dark: #e78087; + --c--globals--colors--brand-050: #edf0ff; + --c--globals--colors--brand-100: #dae2ff; + --c--globals--colors--brand-150: #c8d3ff; + --c--globals--colors--brand-200: #b5c4ff; + --c--globals--colors--brand-250: #a2b6ff; + --c--globals--colors--brand-300: #90a7ff; + --c--globals--colors--brand-350: #7e98ff; + --c--globals--colors--brand-400: #6c89fe; + --c--globals--colors--brand-450: #5c7af7; + --c--globals--colors--brand-500: #4c6cef; + --c--globals--colors--brand-550: #3e5de7; + --c--globals--colors--brand-600: #304ddf; + --c--globals--colors--brand-650: #2845c1; + --c--globals--colors--brand-700: #223e9e; + --c--globals--colors--brand-750: #1f367d; + --c--globals--colors--brand-800: #1b2e5f; + --c--globals--colors--brand-850: #172446; + --c--globals--colors--brand-900: #121b30; + --c--globals--colors--brand-950: #0c111a; + --c--globals--colors--gray-000: #fff; + --c--globals--colors--gray-025: #f8f8f9; + --c--globals--colors--gray-050: #f0f0f3; + --c--globals--colors--gray-100: #dfe2ea; + --c--globals--colors--gray-150: #cfd5de; + --c--globals--colors--gray-200: #c1c7d3; + --c--globals--colors--gray-250: #b2b9c7; + --c--globals--colors--gray-300: #a4abbc; + --c--globals--colors--gray-350: #969eb0; + --c--globals--colors--gray-400: #8891a4; + --c--globals--colors--gray-450: #7b8498; + --c--globals--colors--gray-500: #6d778c; + --c--globals--colors--gray-550: #626a80; + --c--globals--colors--gray-600: #555e74; + --c--globals--colors--gray-650: #4a5267; + --c--globals--colors--gray-700: #3f4759; + --c--globals--colors--gray-750: #363b4c; + --c--globals--colors--gray-800: #2b303d; + --c--globals--colors--gray-850: #222631; + --c--globals--colors--gray-900: #181b24; + --c--globals--colors--gray-950: #0f1117; + --c--globals--colors--gray-1000: #000; + --c--globals--colors--info-050: #e7f2ff; + --c--globals--colors--info-100: #cfe5ff; + --c--globals--colors--info-150: #b7d7ff; + --c--globals--colors--info-200: #a0cafe; + --c--globals--colors--info-250: #8cbcf9; + --c--globals--colors--info-300: #77aef4; + --c--globals--colors--info-350: #63a0ee; + --c--globals--colors--info-400: #5092e7; + --c--globals--colors--info-450: #4185dc; + --c--globals--colors--info-500: #3677cc; + --c--globals--colors--info-550: #2f6abb; + --c--globals--colors--info-600: #265eaa; + --c--globals--colors--info-650: #28528f; + --c--globals--colors--info-700: #274775; + --c--globals--colors--info-750: #243c5e; + --c--globals--colors--info-800: #20314a; + --c--globals--colors--info-850: #1b2637; + --c--globals--colors--info-900: #141c27; + --c--globals--colors--info-950: #0d1118; + --c--globals--colors--success-050: #def7e6; + --c--globals--colors--success-100: #baeecf; + --c--globals--colors--success-150: #a5e2c0; + --c--globals--colors--success-200: #95d4b3; + --c--globals--colors--success-250: #85c6a7; + --c--globals--colors--success-300: #74b99b; + --c--globals--colors--success-350: #65ab8f; + --c--globals--colors--success-400: #579e84; + --c--globals--colors--success-450: #4b9079; + --c--globals--colors--success-500: #40836f; + --c--globals--colors--success-550: #367664; + --c--globals--colors--success-600: #2b695a; + --c--globals--colors--success-650: #2c5a50; + --c--globals--colors--success-700: #2a4d45; + --c--globals--colors--success-750: #26403c; + --c--globals--colors--success-800: #213430; + --c--globals--colors--success-850: #1b2826; + --c--globals--colors--success-900: #151d1c; + --c--globals--colors--success-950: #0d1212; + --c--globals--colors--warning-050: #ffeedf; + --c--globals--colors--warning-100: #ffdcbe; + --c--globals--colors--warning-150: #ffca9c; + --c--globals--colors--warning-200: #ffb778; + --c--globals--colors--warning-250: #fda54f; + --c--globals--colors--warning-300: #f59425; + --c--globals--colors--warning-350: #e78613; + --c--globals--colors--warning-400: #d7790c; + --c--globals--colors--warning-450: #c86c08; + --c--globals--colors--warning-500: #b85f03; + --c--globals--colors--warning-550: #a75400; + --c--globals--colors--warning-600: #984800; + --c--globals--colors--warning-650: #814112; + --c--globals--colors--warning-700: #6c3a19; + --c--globals--colors--warning-750: #58321c; + --c--globals--colors--warning-800: #452a1a; + --c--globals--colors--warning-850: #352117; + --c--globals--colors--warning-900: #261813; + --c--globals--colors--warning-950: #170f0c; + --c--globals--colors--error-050: #ffedeb; + --c--globals--colors--error-100: #ffdad7; + --c--globals--colors--error-150: #ffc7c2; + --c--globals--colors--error-200: #ffb3ad; + --c--globals--colors--error-250: #ff9f99; + --c--globals--colors--error-300: #ff8984; + --c--globals--colors--error-350: #ff706e; + --c--globals--colors--error-400: #fb5759; + --c--globals--colors--error-450: #f63a45; + --c--globals--colors--error-500: #e32c39; + --c--globals--colors--error-550: #cf202d; + --c--globals--colors--error-600: #bd0f23; + --c--globals--colors--error-650: #9d2227; + --c--globals--colors--error-700: #812727; + --c--globals--colors--error-750: #672624; + --c--globals--colors--error-800: #512220; + --c--globals--colors--error-850: #3d1c1b; + --c--globals--colors--error-900: #2a1614; + --c--globals--colors--error-950: #190e0d; + --c--globals--colors--red-050: #ffedeb; + --c--globals--colors--red-100: #ffdad7; + --c--globals--colors--red-150: #ffc7c2; + --c--globals--colors--red-200: #ffb3ad; + --c--globals--colors--red-250: #ff9f99; + --c--globals--colors--red-300: #ff8984; + --c--globals--colors--red-350: #ff706e; + --c--globals--colors--red-400: #fb5759; + --c--globals--colors--red-450: #f63a45; + --c--globals--colors--red-500: #e32c39; + --c--globals--colors--red-550: #cf202d; + --c--globals--colors--red-600: #bd0f23; + --c--globals--colors--red-650: #9d2227; + --c--globals--colors--red-700: #812727; + --c--globals--colors--red-750: #672624; + --c--globals--colors--red-800: #512220; + --c--globals--colors--red-850: #3d1c1b; + --c--globals--colors--red-900: #410003; + --c--globals--colors--red-950: #190e0d; + --c--globals--colors--orange-050: #fcedeb; + --c--globals--colors--orange-100: #f8dcd7; + --c--globals--colors--orange-150: #f1ccc5; + --c--globals--colors--orange-200: #eabcb4; + --c--globals--colors--orange-250: #e2aca2; + --c--globals--colors--orange-300: #da9c92; + --c--globals--colors--orange-350: #d28c81; + --c--globals--colors--orange-400: #ca7c70; + --c--globals--colors--orange-450: #be6e62; + --c--globals--colors--orange-500: #ae6257; + --c--globals--colors--orange-550: #9e564d; + --c--globals--colors--orange-600: #8f4b42; + --c--globals--colors--orange-650: #79443d; + --c--globals--colors--orange-700: #643c37; + --c--globals--colors--orange-750: #513430; + --c--globals--colors--orange-800: #412b28; + --c--globals--colors--orange-850: #312220; + --c--globals--colors--orange-900: #231918; + --c--globals--colors--orange-950: #150f0f; + --c--globals--colors--brown-050: #f9efea; + --c--globals--colors--brown-100: #f3dfd3; + --c--globals--colors--brown-150: #eacfc1; + --c--globals--colors--brown-200: #e2bfae; + --c--globals--colors--brown-250: #d8b19c; + --c--globals--colors--brown-300: #d0a189; + --c--globals--colors--brown-350: #c3937b; + --c--globals--colors--brown-400: #b5866d; + --c--globals--colors--brown-450: #a77a62; + --c--globals--colors--brown-500: #996d57; + --c--globals--colors--brown-550: #8b614d; + --c--globals--colors--brown-600: #7c5542; + --c--globals--colors--brown-650: #6a4c3c; + --c--globals--colors--brown-700: #594236; + --c--globals--colors--brown-750: #49382f; + --c--globals--colors--brown-800: #3b2e28; + --c--globals--colors--brown-850: #2d2420; + --c--globals--colors--brown-900: #201a18; + --c--globals--colors--brown-950: #13100f; + --c--globals--colors--yellow-050: #fdf1c5; + --c--globals--colors--yellow-100: #fbe18e; + --c--globals--colors--yellow-150: #f4d261; + --c--globals--colors--yellow-200: #eac244; + --c--globals--colors--yellow-250: #dfb41b; + --c--globals--colors--yellow-300: #d1a516; + --c--globals--colors--yellow-350: #c49711; + --c--globals--colors--yellow-400: #b78a0c; + --c--globals--colors--yellow-450: #a87d07; + --c--globals--colors--yellow-500: #9b6f02; + --c--globals--colors--yellow-550: #8d6300; + --c--globals--colors--yellow-600: #7f5600; + --c--globals--colors--yellow-650: #6e4c11; + --c--globals--colors--yellow-700: #5d4219; + --c--globals--colors--yellow-750: #4d371b; + --c--globals--colors--yellow-800: #3d2e1a; + --c--globals--colors--yellow-850: #2f2417; + --c--globals--colors--yellow-900: #221a12; + --c--globals--colors--yellow-950: #14100c; + --c--globals--colors--green-050: #e7f9b3; + --c--globals--colors--green-100: #d5ec98; + --c--globals--colors--green-150: #c5de86; + --c--globals--colors--green-200: #b5d174; + --c--globals--colors--green-250: #a5c464; + --c--globals--colors--green-300: #95b755; + --c--globals--colors--green-350: #85aa45; + --c--globals--colors--green-400: #769d39; + --c--globals--colors--green-450: #688f30; + --c--globals--colors--green-500: #5a8228; + --c--globals--colors--green-550: #4d7621; + --c--globals--colors--green-600: #416919; + --c--globals--colors--green-650: #3a5b20; + --c--globals--colors--green-700: #324e22; + --c--globals--colors--green-750: #2c4122; + --c--globals--colors--green-800: #24351d; + --c--globals--colors--green-850: #1d2919; + --c--globals--colors--green-900: #161e13; + --c--globals--colors--green-950: #0e120c; + --c--globals--colors--blue-1-050: #e7f2ff; + --c--globals--colors--blue-1-100: #cfe5ff; + --c--globals--colors--blue-1-150: #b7d7ff; + --c--globals--colors--blue-1-200: #a0cafe; + --c--globals--colors--blue-1-250: #8cbcf9; + --c--globals--colors--blue-1-300: #77aef4; + --c--globals--colors--blue-1-350: #63a0ee; + --c--globals--colors--blue-1-400: #5092e7; + --c--globals--colors--blue-1-450: #4185dc; + --c--globals--colors--blue-1-500: #3677cc; + --c--globals--colors--blue-1-550: #2f6abb; + --c--globals--colors--blue-1-600: #265eaa; + --c--globals--colors--blue-1-650: #28528f; + --c--globals--colors--blue-1-700: #274775; + --c--globals--colors--blue-1-750: #243c5e; + --c--globals--colors--blue-1-800: #20314a; + --c--globals--colors--blue-1-850: #1b2637; + --c--globals--colors--blue-1-900: #141c27; + --c--globals--colors--blue-1-950: #0d1118; + --c--globals--colors--blue-2-050: #e2f4fd; + --c--globals--colors--blue-2-100: #c4e8f8; + --c--globals--colors--blue-2-150: #aadcf2; + --c--globals--colors--blue-2-200: #93cfeb; + --c--globals--colors--blue-2-250: #7cc2e2; + --c--globals--colors--blue-2-300: #6cb4d6; + --c--globals--colors--blue-2-350: #5ca7c9; + --c--globals--colors--blue-2-400: #5099bc; + --c--globals--colors--blue-2-450: #458bae; + --c--globals--colors--blue-2-500: #3a7ea0; + --c--globals--colors--blue-2-550: #327191; + --c--globals--colors--blue-2-600: #286483; + --c--globals--colors--blue-2-650: #2b5770; + --c--globals--colors--blue-2-700: #294a5e; + --c--globals--colors--blue-2-750: #263e4d; + --c--globals--colors--blue-2-800: #22323d; + --c--globals--colors--blue-2-850: #1c272e; + --c--globals--colors--blue-2-900: #151d21; + --c--globals--colors--blue-2-950: #0e1114; + --c--globals--colors--purple-050: #f5eeff; + --c--globals--colors--purple-100: #ecdcff; + --c--globals--colors--purple-150: #e2cbff; + --c--globals--colors--purple-200: #d9b9ff; + --c--globals--colors--purple-250: #d0a7ff; + --c--globals--colors--purple-300: #c894fe; + --c--globals--colors--purple-350: #be83fa; + --c--globals--colors--purple-400: #b570f5; + --c--globals--colors--purple-450: #ab5ef0; + --c--globals--colors--purple-500: #a04be8; + --c--globals--colors--purple-550: #933cdb; + --c--globals--colors--purple-600: #8530c8; + --c--globals--colors--purple-650: #7033a5; + --c--globals--colors--purple-700: #5d3185; + --c--globals--colors--purple-750: #4c2c6a; + --c--globals--colors--purple-800: #3c2652; + --c--globals--colors--purple-850: #2d203c; + --c--globals--colors--purple-900: #21182a; + --c--globals--colors--purple-950: #130f19; + --c--globals--colors--pink-050: #ffebf6; + --c--globals--colors--pink-100: #ffd8ed; + --c--globals--colors--pink-150: #fcc4e3; + --c--globals--colors--pink-200: #f7b2d9; + --c--globals--colors--pink-250: #f29fce; + --c--globals--colors--pink-300: #ed8cc3; + --c--globals--colors--pink-350: #e779b8; + --c--globals--colors--pink-400: #e264ad; + --c--globals--colors--pink-450: #d2579e; + --c--globals--colors--pink-500: #c24b8e; + --c--globals--colors--pink-550: #b0417f; + --c--globals--colors--pink-600: #9f3670; + --c--globals--colors--pink-650: #873560; + --c--globals--colors--pink-700: #6f3250; + --c--globals--colors--pink-750: #5a2c43; + --c--globals--colors--pink-800: #472635; + --c--globals--colors--pink-850: #351f29; + --c--globals--colors--pink-900: #26171d; + --c--globals--colors--pink-950: #170f12; + --c--globals--colors--black-000: #181b2400; + --c--globals--colors--black-050: #181b240d; + --c--globals--colors--black-100: #181b241a; + --c--globals--colors--black-150: #181b2426; + --c--globals--colors--black-200: #181b2433; + --c--globals--colors--black-250: #181b2440; + --c--globals--colors--black-300: #181b244d; + --c--globals--colors--black-350: #181b2459; + --c--globals--colors--black-400: #181b2466; + --c--globals--colors--black-450: #181b2473; + --c--globals--colors--black-500: #181b2480; + --c--globals--colors--black-550: #181b248c; + --c--globals--colors--black-600: #181b2499; + --c--globals--colors--black-650: #181b24a6; + --c--globals--colors--black-700: #181b24b2; + --c--globals--colors--black-750: #181b24bf; + --c--globals--colors--black-800: #181b24cc; + --c--globals--colors--black-850: #181b24d9; + --c--globals--colors--black-900: #181b24e5; + --c--globals--colors--black-950: #0f1117f2; + --c--globals--colors--white-000: #f6f8f900; + --c--globals--colors--white-050: #f6f8f90d; + --c--globals--colors--white-100: #f6f8f91a; + --c--globals--colors--white-150: #f6f8f926; + --c--globals--colors--white-200: #f6f8f933; + --c--globals--colors--white-250: #f6f8f940; + --c--globals--colors--white-300: #f6f8f94d; + --c--globals--colors--white-350: #f6f8f959; + --c--globals--colors--white-400: #f6f8f966; + --c--globals--colors--white-450: #f6f8f973; + --c--globals--colors--white-500: #f6f8f980; + --c--globals--colors--white-550: #f6f8f98c; + --c--globals--colors--white-600: #f6f8f999; + --c--globals--colors--white-650: #f6f8f9a6; + --c--globals--colors--white-700: #f6f8f9b2; + --c--globals--colors--white-750: #f6f8f9bf; + --c--globals--colors--white-800: #f6f8f9cc; + --c--globals--colors--white-850: #f6f8f9d9; + --c--globals--colors--white-900: #f6f8f9e5; + --c--globals--colors--white-950: #f6f8f9f2; + --c--globals--colors--white-975: #f6f8f9f9; + --c--globals--spacing--0: 0rem; + --c--globals--spacing--none: 0rem; + --c--globals--spacing--auto: auto; + --c--globals--spacing--bx: 2.2rem; + --c--globals--spacing--full: 100%; + --c--globals--spacing--3xs: 0.25rem; + --c--globals--spacing--2xs: 0.375rem; + --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 + ); + --c--contextuals--background--semantic--brand--secondary-hover: var( + --c--globals--colors--brand-150 + ); + --c--contextuals--background--semantic--brand--tertiary: var( + --c--globals--colors--brand-050 + ); + --c--contextuals--background--semantic--brand--tertiary-hover: var( + --c--globals--colors--brand-100 + ); + --c--contextuals--background--semantic--neutral--primary: var( + --c--globals--colors--gray-550 + ); + --c--contextuals--background--semantic--neutral--primary-hover: var( + --c--globals--colors--gray-650 + ); + --c--contextuals--background--semantic--neutral--secondary: var( + --c--globals--colors--gray-100 + ); + --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--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 + ); + --c--contextuals--background--semantic--info--secondary-hover: var( + --c--globals--colors--info-150 + ); + --c--contextuals--background--semantic--info--tertiary: var( + --c--globals--colors--info-050 + ); + --c--contextuals--background--semantic--info--tertiary-hover: var( + --c--globals--colors--info-100 + ); + --c--contextuals--background--semantic--success--primary: var( + --c--globals--colors--success-550 + ); + --c--contextuals--background--semantic--success--primary-hover: var( + --c--globals--colors--success-650 + ); + --c--contextuals--background--semantic--success--secondary: var( + --c--globals--colors--success-100 + ); + --c--contextuals--background--semantic--success--secondary-hover: var( + --c--globals--colors--success-150 + ); + --c--contextuals--background--semantic--success--tertiary: var( + --c--globals--colors--success-050 + ); + --c--contextuals--background--semantic--success--tertiary-hover: var( + --c--globals--colors--success-100 + ); + --c--contextuals--background--semantic--warning--primary: var( + --c--globals--colors--warning-550 + ); + --c--contextuals--background--semantic--warning--primary-hover: var( + --c--globals--colors--warning-650 + ); + --c--contextuals--background--semantic--warning--secondary: var( + --c--globals--colors--warning-100 + ); + --c--contextuals--background--semantic--warning--secondary-hover: var( + --c--globals--colors--warning-150 + ); + --c--contextuals--background--semantic--warning--tertiary: var( + --c--globals--colors--warning-050 + ); + --c--contextuals--background--semantic--warning--tertiary-hover: var( + --c--globals--colors--warning-100 + ); + --c--contextuals--background--semantic--error--primary: var( + --c--globals--colors--error-550 + ); + --c--contextuals--background--semantic--error--primary-hover: var( + --c--globals--colors--error-650 + ); + --c--contextuals--background--semantic--error--secondary: var( + --c--globals--colors--error-100 + ); + --c--contextuals--background--semantic--error--secondary-hover: var( + --c--globals--colors--error-150 + ); + --c--contextuals--background--semantic--error--tertiary: var( + --c--globals--colors--error-050 + ); + --c--contextuals--background--semantic--error--tertiary-hover: var( + --c--globals--colors--error-100 + ); + --c--contextuals--background--semantic--disabled--primary: var( + --c--globals--colors--gray-100 + ); + --c--contextuals--background--semantic--disabled--secondary: var( + --c--globals--colors--gray-050 + ); + --c--contextuals--background--palette--brand--primary: var( + --c--globals--colors--brand-500 + ); + --c--contextuals--background--palette--brand--secondary: var( + --c--globals--colors--brand-350 + ); + --c--contextuals--background--palette--brand--tertiary: var( + --c--globals--colors--brand-150 + ); + --c--contextuals--background--palette--red--primary: var( + --c--globals--colors--red-500 + ); + --c--contextuals--background--palette--red--secondary: var( + --c--globals--colors--red-350 + ); + --c--contextuals--background--palette--red--tertiary: var( + --c--globals--colors--red-150 + ); + --c--contextuals--background--palette--orange--primary: var( + --c--globals--colors--orange-500 + ); + --c--contextuals--background--palette--orange--secondary: var( + --c--globals--colors--orange-350 + ); + --c--contextuals--background--palette--orange--tertiary: var( + --c--globals--colors--orange-150 + ); + --c--contextuals--background--palette--brown--primary: var( + --c--globals--colors--brown-500 + ); + --c--contextuals--background--palette--brown--secondary: var( + --c--globals--colors--brown-350 + ); + --c--contextuals--background--palette--brown--tertiary: var( + --c--globals--colors--brown-150 + ); + --c--contextuals--background--palette--yellow--primary: var( + --c--globals--colors--yellow-500 + ); + --c--contextuals--background--palette--yellow--secondary: var( + --c--globals--colors--yellow-350 + ); + --c--contextuals--background--palette--yellow--tertiary: var( + --c--globals--colors--yellow-150 + ); + --c--contextuals--background--palette--green--primary: var( + --c--globals--colors--green-500 + ); + --c--contextuals--background--palette--green--secondary: var( + --c--globals--colors--green-350 + ); + --c--contextuals--background--palette--green--tertiary: var( + --c--globals--colors--green-150 + ); + --c--contextuals--background--palette--blue-1--primary: var( + --c--globals--colors--blue-1-500 + ); + --c--contextuals--background--palette--blue-1--secondary: var( + --c--globals--colors--blue-1-350 + ); + --c--contextuals--background--palette--blue-1--tertiary: var( + --c--globals--colors--blue-1-150 + ); + --c--contextuals--background--palette--blue-2--primary: var( + --c--globals--colors--blue-2-500 + ); + --c--contextuals--background--palette--blue-2--secondary: var( + --c--globals--colors--blue-2-350 + ); + --c--contextuals--background--palette--blue-2--tertiary: var( + --c--globals--colors--blue-2-150 + ); + --c--contextuals--background--palette--purple--primary: var( + --c--globals--colors--purple-500 + ); + --c--contextuals--background--palette--purple--secondary: var( + --c--globals--colors--purple-350 + ); + --c--contextuals--background--palette--purple--tertiary: var( + --c--globals--colors--purple-150 + ); + --c--contextuals--background--palette--pink--primary: var( + --c--globals--colors--pink-500 + ); + --c--contextuals--background--palette--pink--secondary: var( + --c--globals--colors--pink-350 + ); + --c--contextuals--background--palette--pink--tertiary: var( + --c--globals--colors--pink-150 + ); + --c--contextuals--background--palette--gray--primary: var( + --c--globals--colors--gray-500 + ); + --c--contextuals--background--palette--gray--secondary: var( + --c--globals--colors--gray-350 + ); + --c--contextuals--background--palette--gray--tertiary: var( + --c--globals--colors--gray-150 + ); + --c--contextuals--content--logo1: var(--c--globals--colors--logo-1-light); + --c--contextuals--content--logo2: var(--c--globals--colors--logo-2-light); + --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-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-550 + ); + --c--contextuals--content--semantic--neutral--on-neutral: var( + --c--globals--colors--gray-050 + ); + --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-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-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-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-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--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-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--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 + ); + --c--contextuals--border--semantic--info--primary: var( + --c--globals--colors--info-550 + ); + --c--contextuals--border--semantic--info--secondary: var( + --c--globals--colors--info-300 + ); + --c--contextuals--border--semantic--info--tertiary: var( + --c--globals--colors--info-150 + ); + --c--contextuals--border--semantic--success--primary: var( + --c--globals--colors--success-550 + ); + --c--contextuals--border--semantic--success--secondary: var( + --c--globals--colors--success-300 + ); + --c--contextuals--border--semantic--success--tertiary: var( + --c--globals--colors--success-150 + ); + --c--contextuals--border--semantic--warning--primary: var( + --c--globals--colors--warning-550 + ); + --c--contextuals--border--semantic--warning--secondary: var( + --c--globals--colors--warning-300 + ); + --c--contextuals--border--semantic--warning--tertiary: var( + --c--globals--colors--warning-150 + ); + --c--contextuals--border--semantic--error--primary: var( + --c--globals--colors--error-550 + ); + --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--components--modal--width-small: 342px; + --c--components--tooltip--padding: 4px 8px; + --c--components--button--medium-height: 40px; + --c--components--button--medium-text-height: 40px; + --c--components--button--border-radius: 4px; + --c--components--button--border-radius--active: 4px; + --c--components--button--border-radius--focus: 4px; + --c--components--datagrid--header--color: var( + --c--contextuals--content--semantic--neutral--primary + ); + --c--components--datagrid--header--size: 12px; + --c--components--datagrid--header--weight: 500; + --c--components--datagrid--body--background-color-hover: var( + --c--contextuals--background--semantic--neutral--tertiary + ); + --c--components--forms-checkbox--font-size: var( + --c--globals--font--sizes--sm + ); + --c--components--badge--font-size: var(--c--globals--font--sizes--xs); + --c--components--badge--border-radius: 12px; + --c--components--badge--padding-inline: var(--c--globals--spacings--xs); + --c--components--badge--padding-block: var(--c--globals--spacings--2xs); + --c--components--badge--accent--background-color: var( + --c--contextuals--background--semantic--brand--secondary + ); + --c--components--badge--accent--color: var( + --c--contextuals--content--semantic--brand--secondary + ); + --c--components--badge--neutral--background-color: var( + --c--contextuals--background--semantic--neutral--secondary + ); + --c--components--badge--neutral--color: var( + --c--contextuals--content--semantic--neutral--secondary + ); + --c--components--badge--danger--background-color: var( + --c--contextuals--background--semantic--error--secondary + ); + --c--components--badge--danger--color: var( + --c--contextuals--content--semantic--error--secondary + ); + --c--components--badge--success--background-color: var( + --c--contextuals--background--semantic--success--secondary + ); + --c--components--badge--success--color: var( + --c--contextuals--content--semantic--success--secondary + ); + --c--components--badge--warning--background-color: var( + --c--contextuals--background--semantic--warning--secondary + ); + --c--components--badge--warning--color: var( + --c--contextuals--content--semantic--warning--secondary + ); + --c--components--badge--info--background-color: var( + --c--contextuals--background--semantic--info--secondary + ); + --c--components--badge--info--color: var( + --c--contextuals--content--semantic--info--secondary + ); --c--components--logo--src: /assets/logo-gouv.svg; + --c--components--logo--alt: gouvernement logo; --c--components--logo--widthHeader: 110px; --c--components--logo--widthFooter: 220px; - --c--components--logo--alt: gouvernement logo; --c--components--la-gaufre: true; --c--components--home-proconnect: true; --c--components--icon--src: /assets/icon-docs-dsfr.svg; --c--components--icon--width: 32px; --c--components--icon--height: auto; - --c--components--favicon--ico: /assets/favicon-dsfr.ico; --c--components--favicon--png-light: /assets/favicon-dsfr.png; --c--components--favicon--png-dark: /assets/favicon-dark-dsfr.png; + --c--components--favicon--ico: /assets/favicon-dsfr.ico; } -.cunningham-theme--generic { - --c--globals--colors--brand-050: #eef1fa; - --c--globals--colors--brand-100: #dde2f5; - --c--globals--colors--brand-150: #ced3f1; - --c--globals--colors--brand-200: #bec5f0; - --c--globals--colors--brand-250: #afb5f1; - --c--globals--colors--brand-300: #a0a5f6; - --c--globals--colors--brand-350: #8f94fd; - --c--globals--colors--brand-400: #8184fc; - --c--globals--colors--brand-450: #7576ee; - --c--globals--colors--brand-500: #6969df; - --c--globals--colors--brand-550: #5e5cd0; - --c--globals--colors--brand-600: #534fc2; - --c--globals--colors--brand-650: #4844ad; - --c--globals--colors--brand-700: #3e3b98; - --c--globals--colors--brand-750: #36347d; - --c--globals--colors--brand-800: #2d2f5f; - --c--globals--colors--brand-850: #262848; - --c--globals--colors--brand-900: #1c1e32; - --c--globals--colors--brand-950: #11131f; - --c--globals--colors--gray-000: #fff; - --c--globals--colors--gray-025: #f8f8f9; - --c--globals--colors--gray-050: #f0f0f3; - --c--globals--colors--gray-100: #e2e2ea; - --c--globals--colors--gray-150: #d3d4e0; - --c--globals--colors--gray-200: #c5c6d5; - --c--globals--colors--gray-250: #b7b7cb; - --c--globals--colors--gray-300: #a9a9bf; - --c--globals--colors--gray-350: #9c9cb2; - --c--globals--colors--gray-400: #8f8fa4; - --c--globals--colors--gray-450: #828297; - --c--globals--colors--gray-500: #75758a; - --c--globals--colors--gray-550: #69697d; - --c--globals--colors--gray-600: #5d5d70; - --c--globals--colors--gray-650: #515164; - --c--globals--colors--gray-700: #454558; - --c--globals--colors--gray-750: #3a3a4c; - --c--globals--colors--gray-800: #2f303d; - --c--globals--colors--gray-850: #25252f; - --c--globals--colors--gray-900: #1b1b23; - --c--globals--colors--gray-950: #111114; - --c--globals--colors--gray-1000: #000; - --c--globals--colors--info-050: #eaf2f9; - --c--globals--colors--info-100: #d5e4f3; - --c--globals--colors--info-150: #bfd7f0; - --c--globals--colors--info-200: #a7caee; - --c--globals--colors--info-250: #8dbdef; - --c--globals--colors--info-300: #6eb0f2; - --c--globals--colors--info-350: #50a2f5; - --c--globals--colors--info-400: #3593f4; - --c--globals--colors--info-450: #1185ed; - --c--globals--colors--info-500: #0077de; - --c--globals--colors--info-550: #0069cf; - --c--globals--colors--info-600: #005bc0; - --c--globals--colors--info-650: #0d4eaa; - --c--globals--colors--info-700: #124394; - --c--globals--colors--info-750: #163878; - --c--globals--colors--info-800: #192f5a; - --c--globals--colors--info-850: #192541; - --c--globals--colors--info-900: #141b2d; - --c--globals--colors--info-950: #0c111c; - --c--globals--colors--success-050: #e8f1ea; - --c--globals--colors--success-100: #cfe4d4; - --c--globals--colors--success-150: #bad9c1; - --c--globals--colors--success-200: #a2cfad; - --c--globals--colors--success-250: #86c597; - --c--globals--colors--success-300: #6cba83; - --c--globals--colors--success-350: #4fb070; - --c--globals--colors--success-400: #40a363; - --c--globals--colors--success-450: #309556; - --c--globals--colors--success-500: #1e884a; - --c--globals--colors--success-550: #027b3e; - --c--globals--colors--success-600: #016d31; - --c--globals--colors--success-650: #006024; - --c--globals--colors--success-700: #005317; - --c--globals--colors--success-750: #0d4511; - --c--globals--colors--success-800: #11380e; - --c--globals--colors--success-850: #132a11; - --c--globals--colors--success-900: #101e0f; - --c--globals--colors--success-950: #091209; - --c--globals--colors--warning-050: #f8f0e9; - --c--globals--colors--warning-100: #f1e0d3; - --c--globals--colors--warning-150: #ecd0bc; - --c--globals--colors--warning-200: #e8c0a4; - --c--globals--colors--warning-250: #e8ae8a; - --c--globals--colors--warning-300: #eb9970; - --c--globals--colors--warning-350: #e98456; - --c--globals--colors--warning-400: #e57036; - --c--globals--colors--warning-450: #da5e18; - --c--globals--colors--warning-500: #cb5000; - --c--globals--colors--warning-550: #bc4200; - --c--globals--colors--warning-600: #ad3300; - --c--globals--colors--warning-650: #9e2300; - --c--globals--colors--warning-700: #882011; - --c--globals--colors--warning-750: #731e16; - --c--globals--colors--warning-800: #58201a; - --c--globals--colors--warning-850: #401d18; - --c--globals--colors--warning-900: #2e1714; - --c--globals--colors--warning-950: #1d0f0d; - --c--globals--colors--error-050: #f9efec; - --c--globals--colors--error-100: #f4dfd9; - --c--globals--colors--error-150: #f0cec6; - --c--globals--colors--error-200: #eebcb2; - --c--globals--colors--error-250: #eea99d; - --c--globals--colors--error-300: #ef9486; - --c--globals--colors--error-350: #f37c6e; - --c--globals--colors--error-400: #f65f53; - --c--globals--colors--error-450: #f0463d; - --c--globals--colors--error-500: #e82322; - --c--globals--colors--error-550: #d7010e; - --c--globals--colors--error-600: #c00100; - --c--globals--colors--error-650: #a00; - --c--globals--colors--error-700: #910c06; - --c--globals--colors--error-750: #731e16; - --c--globals--colors--error-800: #58201a; - --c--globals--colors--error-850: #401d18; - --c--globals--colors--error-900: #2e1714; - --c--globals--colors--error-950: #1d0f0d; - --c--globals--colors--red-050: #faefee; - --c--globals--colors--red-100: #f4dedd; - --c--globals--colors--red-150: #f1cdcb; - --c--globals--colors--red-200: #efbbba; - --c--globals--colors--red-250: #eea8a8; - --c--globals--colors--red-300: #f09394; - --c--globals--colors--red-350: #f37b7e; - --c--globals--colors--red-400: #ef6569; - --c--globals--colors--red-450: #e94a55; - --c--globals--colors--red-500: #da3b49; - --c--globals--colors--red-550: #ca2a3c; - --c--globals--colors--red-600: #bb1330; - --c--globals--colors--red-650: #a90021; - --c--globals--colors--red-700: #910a13; - --c--globals--colors--red-750: #731e16; - --c--globals--colors--red-800: #58201a; - --c--globals--colors--red-850: #411d18; - --c--globals--colors--red-900: #2e1714; - --c--globals--colors--red-950: #1d0f0d; - --c--globals--colors--orange-050: #f8f0e9; - --c--globals--colors--orange-100: #f1e0d3; - --c--globals--colors--orange-150: #ecd0bd; - --c--globals--colors--orange-200: #eabfa6; - --c--globals--colors--orange-250: #ebac90; - --c--globals--colors--orange-300: #ec9772; - --c--globals--colors--orange-350: #e5845a; - --c--globals--colors--orange-400: #d6774d; - --c--globals--colors--orange-450: #c86a40; - --c--globals--colors--orange-500: #b95d33; - --c--globals--colors--orange-550: #ab5025; - --c--globals--colors--orange-600: #9d4315; - --c--globals--colors--orange-650: #8f3600; - --c--globals--colors--orange-700: #812900; - --c--globals--colors--orange-750: #6c2511; - --c--globals--colors--orange-800: #572017; - --c--globals--colors--orange-850: #401d18; - --c--globals--colors--orange-900: #2e1714; - --c--globals--colors--orange-950: #1d0f0d; - --c--globals--colors--brown-050: #f6f0e8; - --c--globals--colors--brown-100: #f1e0d3; - --c--globals--colors--brown-150: #ebd0ba; - --c--globals--colors--brown-200: #e2c0a6; - --c--globals--colors--brown-250: #d4b398; - --c--globals--colors--brown-300: #c6a58b; - --c--globals--colors--brown-350: #b8987e; - --c--globals--colors--brown-400: #aa8b71; - --c--globals--colors--brown-450: #9d7e65; - --c--globals--colors--brown-500: #8f7158; - --c--globals--colors--brown-550: #82654c; - --c--globals--colors--brown-600: #765841; - --c--globals--colors--brown-650: #694c35; - --c--globals--colors--brown-700: #5d412a; - --c--globals--colors--brown-750: #51361e; - --c--globals--colors--brown-800: #452a13; - --c--globals--colors--brown-850: #392008; - --c--globals--colors--brown-900: #29180a; - --c--globals--colors--brown-950: #1b0f08; - --c--globals--colors--yellow-050: #f3f0e7; - --c--globals--colors--yellow-100: #e9e2cf; - --c--globals--colors--yellow-150: #e1d4b7; - --c--globals--colors--yellow-200: #d9c599; - --c--globals--colors--yellow-250: #d2b677; - --c--globals--colors--yellow-300: #caa756; - --c--globals--colors--yellow-350: #c2972e; - --c--globals--colors--yellow-400: #b98900; - --c--globals--colors--yellow-450: #ab7b00; - --c--globals--colors--yellow-500: #9d6e00; - --c--globals--colors--yellow-550: #916100; - --c--globals--colors--yellow-600: #855400; - --c--globals--colors--yellow-650: #784700; - --c--globals--colors--yellow-700: #6c3a00; - --c--globals--colors--yellow-750: #5f2e00; - --c--globals--colors--yellow-800: #512302; - --c--globals--colors--yellow-850: #3e1d10; - --c--globals--colors--yellow-900: #2d1711; - --c--globals--colors--yellow-950: #1d0f0d; - --c--globals--colors--green-050: #e6f1e9; - --c--globals--colors--green-100: #cfe4d5; - --c--globals--colors--green-150: #b8d8c1; - --c--globals--colors--green-200: #a0cfae; - --c--globals--colors--green-250: #84c59a; - --c--globals--colors--green-300: #65ba86; - --c--globals--colors--green-350: #45b173; - --c--globals--colors--green-400: #23a562; - --c--globals--colors--green-450: #029755; - --c--globals--colors--green-500: #008948; - --c--globals--colors--green-550: #017b3b; - --c--globals--colors--green-600: #006e2e; - --c--globals--colors--green-650: #006022; - --c--globals--colors--green-700: #005314; - --c--globals--colors--green-750: #0d4510; - --c--globals--colors--green-800: #11380e; - --c--globals--colors--green-850: #132a11; - --c--globals--colors--green-900: #101e0f; - --c--globals--colors--green-950: #091209; - --c--globals--colors--blue1-050: #ebf1f9; - --c--globals--colors--blue1-100: #d6e4f4; - --c--globals--colors--blue1-150: #c1d7f0; - --c--globals--colors--blue1-200: #aacaef; - --c--globals--colors--blue1-250: #8fbcef; - --c--globals--colors--blue1-300: #7cafeb; - --c--globals--colors--blue1-350: #68a1e4; - --c--globals--colors--blue1-400: #5b94d6; - --c--globals--colors--blue1-450: #4e86c7; - --c--globals--colors--blue1-500: #4279b9; - --c--globals--colors--blue1-550: #356cac; - --c--globals--colors--blue1-600: #28609e; - --c--globals--colors--blue1-650: #1b5390; - --c--globals--colors--blue1-700: #0b4783; - --c--globals--colors--blue1-750: #0f3c6e; - --c--globals--colors--blue1-800: #133059; - --c--globals--colors--blue1-850: #152641; - --c--globals--colors--blue1-900: #121c2d; - --c--globals--colors--blue1-950: #0b111c; - --c--globals--colors--blue2-050: #e7f3f4; - --c--globals--colors--blue2-100: #cee7e9; - --c--globals--colors--blue2-150: #b2dce0; - --c--globals--colors--blue2-200: #91d1d7; - --c--globals--colors--blue2-250: #68c7d0; - --c--globals--colors--blue2-300: #43bbc5; - --c--globals--colors--blue2-350: #00afba; - --c--globals--colors--blue2-400: #01a0aa; - --c--globals--colors--blue2-450: #00929d; - --c--globals--colors--blue2-500: #00848f; - --c--globals--colors--blue2-550: #007682; - --c--globals--colors--blue2-600: #016874; - --c--globals--colors--blue2-650: #005b67; - --c--globals--colors--blue2-700: #004e5a; - --c--globals--colors--blue2-750: #00424e; - --c--globals--colors--blue2-800: #003642; - --c--globals--colors--blue2-850: #002a38; - --c--globals--colors--blue2-900: #061e28; - --c--globals--colors--blue2-950: #071219; - --c--globals--colors--purple-050: #f7f0f6; - --c--globals--colors--purple-100: #eee0ee; - --c--globals--colors--purple-150: #e7d1e7; - --c--globals--colors--purple-200: #dbbfe4; - --c--globals--colors--purple-250: #d3aee2; - --c--globals--colors--purple-300: #cb99e1; - --c--globals--colors--purple-350: #c188d9; - --c--globals--colors--purple-400: #b47bcb; - --c--globals--colors--purple-450: #a66ebd; - --c--globals--colors--purple-500: #9961af; - --c--globals--colors--purple-550: #8b55a1; - --c--globals--colors--purple-600: #7e4894; - --c--globals--colors--purple-650: #723c87; - --c--globals--colors--purple-700: #633376; - --c--globals--colors--purple-750: #552a65; - --c--globals--colors--purple-800: #452551; - --c--globals--colors--purple-850: #35213d; - --c--globals--colors--purple-900: #261a2c; - --c--globals--colors--purple-950: #17111c; - --c--globals--colors--pink-050: #f8eff4; - --c--globals--colors--pink-100: #f0dfea; - --c--globals--colors--pink-150: #eacedf; - --c--globals--colors--pink-200: #e9bbd1; - --c--globals--colors--pink-250: #e9a7c2; - --c--globals--colors--pink-300: #e095b4; - --c--globals--colors--pink-350: #d685a8; - --c--globals--colors--pink-400: #c7799b; - --c--globals--colors--pink-450: #b86c8d; - --c--globals--colors--pink-500: #aa5f80; - --c--globals--colors--pink-550: #9c5374; - --c--globals--colors--pink-600: #8e4767; - --c--globals--colors--pink-650: #813b5b; - --c--globals--colors--pink-700: #732e4f; - --c--globals--colors--pink-750: #632643; - --c--globals--colors--pink-800: #521f38; - --c--globals--colors--pink-850: #3e1c2b; - --c--globals--colors--pink-900: #2d171f; - --c--globals--colors--pink-950: #1c0e12; - --c--globals--font--families--base: inter, roboto flex variable, sans-serif; - --c--globals--font--families--accent: inter, roboto flex variable, sans-serif; +.clr-logo-1-light { + color: var(--c--globals--colors--logo-1-light); } -.clr-logo-1 { - color: var(--c--globals--colors--logo-1); -} - -.clr-logo-2 { - color: var(--c--globals--colors--logo-2); +.clr-logo-2-light { + color: var(--c--globals--colors--logo-2-light); } .clr-logo-1-dark { @@ -3693,164 +3932,16 @@ color: var(--c--globals--colors--white-950); } -.clr-blue1-050 { - color: var(--c--globals--colors--blue1-050); +.clr-white-975 { + color: var(--c--globals--colors--white-975); } -.clr-blue1-100 { - color: var(--c--globals--colors--blue1-100); +.bg-logo-1-light { + background-color: var(--c--globals--colors--logo-1-light); } -.clr-blue1-150 { - color: var(--c--globals--colors--blue1-150); -} - -.clr-blue1-200 { - color: var(--c--globals--colors--blue1-200); -} - -.clr-blue1-250 { - color: var(--c--globals--colors--blue1-250); -} - -.clr-blue1-300 { - color: var(--c--globals--colors--blue1-300); -} - -.clr-blue1-350 { - color: var(--c--globals--colors--blue1-350); -} - -.clr-blue1-400 { - color: var(--c--globals--colors--blue1-400); -} - -.clr-blue1-450 { - color: var(--c--globals--colors--blue1-450); -} - -.clr-blue1-500 { - color: var(--c--globals--colors--blue1-500); -} - -.clr-blue1-550 { - color: var(--c--globals--colors--blue1-550); -} - -.clr-blue1-600 { - color: var(--c--globals--colors--blue1-600); -} - -.clr-blue1-650 { - color: var(--c--globals--colors--blue1-650); -} - -.clr-blue1-700 { - color: var(--c--globals--colors--blue1-700); -} - -.clr-blue1-750 { - color: var(--c--globals--colors--blue1-750); -} - -.clr-blue1-800 { - color: var(--c--globals--colors--blue1-800); -} - -.clr-blue1-850 { - color: var(--c--globals--colors--blue1-850); -} - -.clr-blue1-900 { - color: var(--c--globals--colors--blue1-900); -} - -.clr-blue1-950 { - color: var(--c--globals--colors--blue1-950); -} - -.clr-blue2-050 { - color: var(--c--globals--colors--blue2-050); -} - -.clr-blue2-100 { - color: var(--c--globals--colors--blue2-100); -} - -.clr-blue2-150 { - color: var(--c--globals--colors--blue2-150); -} - -.clr-blue2-200 { - color: var(--c--globals--colors--blue2-200); -} - -.clr-blue2-250 { - color: var(--c--globals--colors--blue2-250); -} - -.clr-blue2-300 { - color: var(--c--globals--colors--blue2-300); -} - -.clr-blue2-350 { - color: var(--c--globals--colors--blue2-350); -} - -.clr-blue2-400 { - color: var(--c--globals--colors--blue2-400); -} - -.clr-blue2-450 { - color: var(--c--globals--colors--blue2-450); -} - -.clr-blue2-500 { - color: var(--c--globals--colors--blue2-500); -} - -.clr-blue2-550 { - color: var(--c--globals--colors--blue2-550); -} - -.clr-blue2-600 { - color: var(--c--globals--colors--blue2-600); -} - -.clr-blue2-650 { - color: var(--c--globals--colors--blue2-650); -} - -.clr-blue2-700 { - color: var(--c--globals--colors--blue2-700); -} - -.clr-blue2-750 { - color: var(--c--globals--colors--blue2-750); -} - -.clr-blue2-800 { - color: var(--c--globals--colors--blue2-800); -} - -.clr-blue2-850 { - color: var(--c--globals--colors--blue2-850); -} - -.clr-blue2-900 { - color: var(--c--globals--colors--blue2-900); -} - -.clr-blue2-950 { - color: var(--c--globals--colors--blue2-950); -} - -.bg-logo-1 { - background-color: var(--c--globals--colors--logo-1); -} - -.bg-logo-2 { - background-color: var(--c--globals--colors--logo-2); +.bg-logo-2-light { + background-color: var(--c--globals--colors--logo-2-light); } .bg-logo-1-dark { @@ -5173,156 +5264,8 @@ background-color: var(--c--globals--colors--white-950); } -.bg-blue1-050 { - background-color: var(--c--globals--colors--blue1-050); -} - -.bg-blue1-100 { - background-color: var(--c--globals--colors--blue1-100); -} - -.bg-blue1-150 { - background-color: var(--c--globals--colors--blue1-150); -} - -.bg-blue1-200 { - background-color: var(--c--globals--colors--blue1-200); -} - -.bg-blue1-250 { - background-color: var(--c--globals--colors--blue1-250); -} - -.bg-blue1-300 { - background-color: var(--c--globals--colors--blue1-300); -} - -.bg-blue1-350 { - background-color: var(--c--globals--colors--blue1-350); -} - -.bg-blue1-400 { - background-color: var(--c--globals--colors--blue1-400); -} - -.bg-blue1-450 { - background-color: var(--c--globals--colors--blue1-450); -} - -.bg-blue1-500 { - background-color: var(--c--globals--colors--blue1-500); -} - -.bg-blue1-550 { - background-color: var(--c--globals--colors--blue1-550); -} - -.bg-blue1-600 { - background-color: var(--c--globals--colors--blue1-600); -} - -.bg-blue1-650 { - background-color: var(--c--globals--colors--blue1-650); -} - -.bg-blue1-700 { - background-color: var(--c--globals--colors--blue1-700); -} - -.bg-blue1-750 { - background-color: var(--c--globals--colors--blue1-750); -} - -.bg-blue1-800 { - background-color: var(--c--globals--colors--blue1-800); -} - -.bg-blue1-850 { - background-color: var(--c--globals--colors--blue1-850); -} - -.bg-blue1-900 { - background-color: var(--c--globals--colors--blue1-900); -} - -.bg-blue1-950 { - background-color: var(--c--globals--colors--blue1-950); -} - -.bg-blue2-050 { - background-color: var(--c--globals--colors--blue2-050); -} - -.bg-blue2-100 { - background-color: var(--c--globals--colors--blue2-100); -} - -.bg-blue2-150 { - background-color: var(--c--globals--colors--blue2-150); -} - -.bg-blue2-200 { - background-color: var(--c--globals--colors--blue2-200); -} - -.bg-blue2-250 { - background-color: var(--c--globals--colors--blue2-250); -} - -.bg-blue2-300 { - background-color: var(--c--globals--colors--blue2-300); -} - -.bg-blue2-350 { - background-color: var(--c--globals--colors--blue2-350); -} - -.bg-blue2-400 { - background-color: var(--c--globals--colors--blue2-400); -} - -.bg-blue2-450 { - background-color: var(--c--globals--colors--blue2-450); -} - -.bg-blue2-500 { - background-color: var(--c--globals--colors--blue2-500); -} - -.bg-blue2-550 { - background-color: var(--c--globals--colors--blue2-550); -} - -.bg-blue2-600 { - background-color: var(--c--globals--colors--blue2-600); -} - -.bg-blue2-650 { - background-color: var(--c--globals--colors--blue2-650); -} - -.bg-blue2-700 { - background-color: var(--c--globals--colors--blue2-700); -} - -.bg-blue2-750 { - background-color: var(--c--globals--colors--blue2-750); -} - -.bg-blue2-800 { - background-color: var(--c--globals--colors--blue2-800); -} - -.bg-blue2-850 { - background-color: var(--c--globals--colors--blue2-850); -} - -.bg-blue2-900 { - background-color: var(--c--globals--colors--blue2-900); -} - -.bg-blue2-950 { - background-color: var(--c--globals--colors--blue2-950); +.bg-white-975 { + background-color: var(--c--globals--colors--white-975); } .bg-surface-primary { @@ -5337,6 +5280,30 @@ background-color: var(--c--contextuals--background--surface--tertiary); } +.bg-semantic-overlay-primary { + background-color: var( + --c--contextuals--background--semantic--overlay--primary + ); +} + +.bg-semantic-overlay-primary-hover { + background-color: var( + --c--contextuals--background--semantic--overlay--primary-hover + ); +} + +.bg-semantic-contextual-primary { + background-color: var( + --c--contextuals--background--semantic--contextual--primary + ); +} + +.bg-semantic-contextual-primary-hover { + background-color: var( + --c--contextuals--background--semantic--contextual--primary-hover + ); +} + .bg-semantic-brand-primary { background-color: var(--c--contextuals--background--semantic--brand--primary); } @@ -5407,18 +5374,6 @@ ); } -.bg-semantic-contextual-primary { - background-color: var( - --c--contextuals--background--semantic--contextual--primary - ); -} - -.bg-semantic-contextual-primary-hover { - background-color: var( - --c--contextuals--background--semantic--contextual--primary-hover - ); -} - .bg-semantic-info-primary { background-color: var(--c--contextuals--background--semantic--info--primary); } @@ -5727,10 +5682,6 @@ background-color: var(--c--contextuals--background--palette--gray--tertiary); } -.bg-text-primary { - background-color: var(--c--contextuals--background--text--primary); -} - .fw-thin { font-weight: var(--c--globals--font--weights--thin); } @@ -6022,6 +5973,46 @@ margin-right: var(--c--globals--spacings--4xs); } +.m-3xs { + margin: var(--c--globals--spacings--3xs); +} + +.mb-3xs { + margin-bottom: var(--c--globals--spacings--3xs); +} + +.mt-3xs { + margin-top: var(--c--globals--spacings--3xs); +} + +.ml-3xs { + margin-left: var(--c--globals--spacings--3xs); +} + +.mr-3xs { + margin-right: var(--c--globals--spacings--3xs); +} + +.m-2xs { + margin: var(--c--globals--spacings--2xs); +} + +.mb-2xs { + margin-bottom: var(--c--globals--spacings--2xs); +} + +.mt-2xs { + margin-top: var(--c--globals--spacings--2xs); +} + +.ml-2xs { + margin-left: var(--c--globals--spacings--2xs); +} + +.mr-2xs { + margin-right: var(--c--globals--spacings--2xs); +} + .m-xxxs { margin: var(--c--globals--spacings--xxxs); } @@ -6222,6 +6213,46 @@ margin-right: var(--c--globals--spacings--xxxl); } +.m-2xl { + margin: var(--c--globals--spacings--2xl); +} + +.mb-2xl { + margin-bottom: var(--c--globals--spacings--2xl); +} + +.mt-2xl { + margin-top: var(--c--globals--spacings--2xl); +} + +.ml-2xl { + margin-left: var(--c--globals--spacings--2xl); +} + +.mr-2xl { + margin-right: var(--c--globals--spacings--2xl); +} + +.m-3xl { + margin: var(--c--globals--spacings--3xl); +} + +.mb-3xl { + margin-bottom: var(--c--globals--spacings--3xl); +} + +.mt-3xl { + margin-top: var(--c--globals--spacings--3xl); +} + +.ml-3xl { + margin-left: var(--c--globals--spacings--3xl); +} + +.mr-3xl { + margin-right: var(--c--globals--spacings--3xl); +} + .m-4xl { margin: var(--c--globals--spacings--4xl); } @@ -6382,46 +6413,6 @@ margin-right: var(--c--globals--spacings--full); } -.m-3xs { - margin: var(--c--globals--spacings--3xs); -} - -.mb-3xs { - margin-bottom: var(--c--globals--spacings--3xs); -} - -.mt-3xs { - margin-top: var(--c--globals--spacings--3xs); -} - -.ml-3xs { - margin-left: var(--c--globals--spacings--3xs); -} - -.mr-3xs { - margin-right: var(--c--globals--spacings--3xs); -} - -.m-2xs { - margin: var(--c--globals--spacings--2xs); -} - -.mb-2xs { - margin-bottom: var(--c--globals--spacings--2xs); -} - -.mt-2xs { - margin-top: var(--c--globals--spacings--2xs); -} - -.ml-2xs { - margin-left: var(--c--globals--spacings--2xs); -} - -.mr-2xs { - margin-right: var(--c--globals--spacings--2xs); -} - .p-0 { padding: var(--c--globals--spacings--0); } @@ -6582,6 +6573,46 @@ padding-right: var(--c--globals--spacings--4xs); } +.p-3xs { + padding: var(--c--globals--spacings--3xs); +} + +.pb-3xs { + padding-bottom: var(--c--globals--spacings--3xs); +} + +.pt-3xs { + padding-top: var(--c--globals--spacings--3xs); +} + +.pl-3xs { + padding-left: var(--c--globals--spacings--3xs); +} + +.pr-3xs { + padding-right: var(--c--globals--spacings--3xs); +} + +.p-2xs { + padding: var(--c--globals--spacings--2xs); +} + +.pb-2xs { + padding-bottom: var(--c--globals--spacings--2xs); +} + +.pt-2xs { + padding-top: var(--c--globals--spacings--2xs); +} + +.pl-2xs { + padding-left: var(--c--globals--spacings--2xs); +} + +.pr-2xs { + padding-right: var(--c--globals--spacings--2xs); +} + .p-xxxs { padding: var(--c--globals--spacings--xxxs); } @@ -6782,6 +6813,46 @@ padding-right: var(--c--globals--spacings--xxxl); } +.p-2xl { + padding: var(--c--globals--spacings--2xl); +} + +.pb-2xl { + padding-bottom: var(--c--globals--spacings--2xl); +} + +.pt-2xl { + padding-top: var(--c--globals--spacings--2xl); +} + +.pl-2xl { + padding-left: var(--c--globals--spacings--2xl); +} + +.pr-2xl { + padding-right: var(--c--globals--spacings--2xl); +} + +.p-3xl { + padding: var(--c--globals--spacings--3xl); +} + +.pb-3xl { + padding-bottom: var(--c--globals--spacings--3xl); +} + +.pt-3xl { + padding-top: var(--c--globals--spacings--3xl); +} + +.pl-3xl { + padding-left: var(--c--globals--spacings--3xl); +} + +.pr-3xl { + padding-right: var(--c--globals--spacings--3xl); +} + .p-4xl { padding: var(--c--globals--spacings--4xl); } @@ -6942,46 +7013,6 @@ padding-right: var(--c--globals--spacings--full); } -.p-3xs { - padding: var(--c--globals--spacings--3xs); -} - -.pb-3xs { - padding-bottom: var(--c--globals--spacings--3xs); -} - -.pt-3xs { - padding-top: var(--c--globals--spacings--3xs); -} - -.pl-3xs { - padding-left: var(--c--globals--spacings--3xs); -} - -.pr-3xs { - padding-right: var(--c--globals--spacings--3xs); -} - -.p-2xs { - padding: var(--c--globals--spacings--2xs); -} - -.pb-2xs { - padding-bottom: var(--c--globals--spacings--2xs); -} - -.pt-2xs { - padding-top: var(--c--globals--spacings--2xs); -} - -.pl-2xs { - padding-left: var(--c--globals--spacings--2xs); -} - -.pr-2xs { - padding-right: var(--c--globals--spacings--2xs); -} - .border-clr-surface-primary { border-color: var(--c--contextuals--border--surface--primary); } @@ -6990,6 +7021,22 @@ border: 1px solid var(--c--contextuals--border--surface--primary); } +.border-clr-semantic-contextual-primary { + border-color: var(--c--contextuals--border--semantic--contextual--primary); +} + +.border-thin-semantic-contextual-primary { + border: 1px solid var(--c--contextuals--border--semantic--contextual--primary); +} + +.border-clr-semantic-overlay-primary { + border-color: var(--c--contextuals--border--semantic--overlay--primary); +} + +.border-thin-semantic-overlay-primary { + border: 1px solid var(--c--contextuals--border--semantic--overlay--primary); +} + .border-clr-semantic-brand-primary { border-color: var(--c--contextuals--border--semantic--brand--primary); } @@ -7014,14 +7061,6 @@ border: 1px solid var(--c--contextuals--border--semantic--brand--tertiary); } -.border-clr-semantic-contextual-primary { - border-color: var(--c--contextuals--border--semantic--contextual--primary); -} - -.border-thin-semantic-contextual-primary { - border: 1px solid var(--c--contextuals--border--semantic--contextual--primary); -} - .border-clr-semantic-neutral-primary { border-color: var(--c--contextuals--border--semantic--neutral--primary); } @@ -7150,270 +7189,6 @@ border: 1px solid var(--c--contextuals--border--semantic--disabled--primary); } -.border-clr-palette-brand-primary { - border-color: var(--c--contextuals--border--palette--brand--primary); -} - -.border-thin-palette-brand-primary { - border: 1px solid var(--c--contextuals--border--palette--brand--primary); -} - -.border-clr-palette-brand-secondary { - border-color: var(--c--contextuals--border--palette--brand--secondary); -} - -.border-thin-palette-brand-secondary { - border: 1px solid var(--c--contextuals--border--palette--brand--secondary); -} - -.border-clr-palette-brand-tertiary { - border-color: var(--c--contextuals--border--palette--brand--tertiary); -} - -.border-thin-palette-brand-tertiary { - border: 1px solid var(--c--contextuals--border--palette--brand--tertiary); -} - -.border-clr-palette-red-primary { - border-color: var(--c--contextuals--border--palette--red--primary); -} - -.border-thin-palette-red-primary { - border: 1px solid var(--c--contextuals--border--palette--red--primary); -} - -.border-clr-palette-red-secondary { - border-color: var(--c--contextuals--border--palette--red--secondary); -} - -.border-thin-palette-red-secondary { - border: 1px solid var(--c--contextuals--border--palette--red--secondary); -} - -.border-clr-palette-red-tertiary { - border-color: var(--c--contextuals--border--palette--red--tertiary); -} - -.border-thin-palette-red-tertiary { - border: 1px solid var(--c--contextuals--border--palette--red--tertiary); -} - -.border-clr-palette-orange-primary { - border-color: var(--c--contextuals--border--palette--orange--primary); -} - -.border-thin-palette-orange-primary { - border: 1px solid var(--c--contextuals--border--palette--orange--primary); -} - -.border-clr-palette-orange-secondary { - border-color: var(--c--contextuals--border--palette--orange--secondary); -} - -.border-thin-palette-orange-secondary { - border: 1px solid var(--c--contextuals--border--palette--orange--secondary); -} - -.border-clr-palette-orange-tertiary { - border-color: var(--c--contextuals--border--palette--orange--tertiary); -} - -.border-thin-palette-orange-tertiary { - border: 1px solid var(--c--contextuals--border--palette--orange--tertiary); -} - -.border-clr-palette-brown-primary { - border-color: var(--c--contextuals--border--palette--brown--primary); -} - -.border-thin-palette-brown-primary { - border: 1px solid var(--c--contextuals--border--palette--brown--primary); -} - -.border-clr-palette-brown-secondary { - border-color: var(--c--contextuals--border--palette--brown--secondary); -} - -.border-thin-palette-brown-secondary { - border: 1px solid var(--c--contextuals--border--palette--brown--secondary); -} - -.border-clr-palette-brown-tertiary { - border-color: var(--c--contextuals--border--palette--brown--tertiary); -} - -.border-thin-palette-brown-tertiary { - border: 1px solid var(--c--contextuals--border--palette--brown--tertiary); -} - -.border-clr-palette-yellow-primary { - border-color: var(--c--contextuals--border--palette--yellow--primary); -} - -.border-thin-palette-yellow-primary { - border: 1px solid var(--c--contextuals--border--palette--yellow--primary); -} - -.border-clr-palette-yellow-secondary { - border-color: var(--c--contextuals--border--palette--yellow--secondary); -} - -.border-thin-palette-yellow-secondary { - border: 1px solid var(--c--contextuals--border--palette--yellow--secondary); -} - -.border-clr-palette-yellow-tertiary { - border-color: var(--c--contextuals--border--palette--yellow--tertiary); -} - -.border-thin-palette-yellow-tertiary { - border: 1px solid var(--c--contextuals--border--palette--yellow--tertiary); -} - -.border-clr-palette-green-primary { - border-color: var(--c--contextuals--border--palette--green--primary); -} - -.border-thin-palette-green-primary { - border: 1px solid var(--c--contextuals--border--palette--green--primary); -} - -.border-clr-palette-green-secondary { - border-color: var(--c--contextuals--border--palette--green--secondary); -} - -.border-thin-palette-green-secondary { - border: 1px solid var(--c--contextuals--border--palette--green--secondary); -} - -.border-clr-palette-green-tertiary { - border-color: var(--c--contextuals--border--palette--green--tertiary); -} - -.border-thin-palette-green-tertiary { - border: 1px solid var(--c--contextuals--border--palette--green--tertiary); -} - -.border-clr-palette-blue-1-primary { - border-color: var(--c--contextuals--border--palette--blue-1--primary); -} - -.border-thin-palette-blue-1-primary { - border: 1px solid var(--c--contextuals--border--palette--blue-1--primary); -} - -.border-clr-palette-blue-1-secondary { - border-color: var(--c--contextuals--border--palette--blue-1--secondary); -} - -.border-thin-palette-blue-1-secondary { - border: 1px solid var(--c--contextuals--border--palette--blue-1--secondary); -} - -.border-clr-palette-blue-1-tertiary { - border-color: var(--c--contextuals--border--palette--blue-1--tertiary); -} - -.border-thin-palette-blue-1-tertiary { - border: 1px solid var(--c--contextuals--border--palette--blue-1--tertiary); -} - -.border-clr-palette-blue-2-primary { - border-color: var(--c--contextuals--border--palette--blue-2--primary); -} - -.border-thin-palette-blue-2-primary { - border: 1px solid var(--c--contextuals--border--palette--blue-2--primary); -} - -.border-clr-palette-blue-2-secondary { - border-color: var(--c--contextuals--border--palette--blue-2--secondary); -} - -.border-thin-palette-blue-2-secondary { - border: 1px solid var(--c--contextuals--border--palette--blue-2--secondary); -} - -.border-clr-palette-blue-2-tertiary { - border-color: var(--c--contextuals--border--palette--blue-2--tertiary); -} - -.border-thin-palette-blue-2-tertiary { - border: 1px solid var(--c--contextuals--border--palette--blue-2--tertiary); -} - -.border-clr-palette-purple-primary { - border-color: var(--c--contextuals--border--palette--purple--primary); -} - -.border-thin-palette-purple-primary { - border: 1px solid var(--c--contextuals--border--palette--purple--primary); -} - -.border-clr-palette-purple-secondary { - border-color: var(--c--contextuals--border--palette--purple--secondary); -} - -.border-thin-palette-purple-secondary { - border: 1px solid var(--c--contextuals--border--palette--purple--secondary); -} - -.border-clr-palette-purple-tertiary { - border-color: var(--c--contextuals--border--palette--purple--tertiary); -} - -.border-thin-palette-purple-tertiary { - border: 1px solid var(--c--contextuals--border--palette--purple--tertiary); -} - -.border-clr-palette-pink-primary { - border-color: var(--c--contextuals--border--palette--pink--primary); -} - -.border-thin-palette-pink-primary { - border: 1px solid var(--c--contextuals--border--palette--pink--primary); -} - -.border-clr-palette-pink-secondary { - border-color: var(--c--contextuals--border--palette--pink--secondary); -} - -.border-thin-palette-pink-secondary { - border: 1px solid var(--c--contextuals--border--palette--pink--secondary); -} - -.border-clr-palette-pink-tertiary { - border-color: var(--c--contextuals--border--palette--pink--tertiary); -} - -.border-thin-palette-pink-tertiary { - border: 1px solid var(--c--contextuals--border--palette--pink--tertiary); -} - -.border-clr-palette-gray-primary { - border-color: var(--c--contextuals--border--palette--gray--primary); -} - -.border-thin-palette-gray-primary { - border: 1px solid var(--c--contextuals--border--palette--gray--primary); -} - -.border-clr-palette-gray-secondary { - border-color: var(--c--contextuals--border--palette--gray--secondary); -} - -.border-thin-palette-gray-secondary { - border: 1px solid var(--c--contextuals--border--palette--gray--secondary); -} - -.border-clr-palette-gray-tertiary { - border-color: var(--c--contextuals--border--palette--gray--tertiary); -} - -.border-thin-palette-gray-tertiary { - border: 1px solid var(--c--contextuals--border--palette--gray--tertiary); -} - .clr-content-logo1 { color: var(--c--contextuals--content--logo1); } @@ -7422,6 +7197,14 @@ color: var(--c--contextuals--content--logo2); } +.clr-content-semantic-contextual-primary { + color: var(--c--contextuals--content--semantic--contextual--primary); +} + +.clr-content-semantic-overlay-primary { + color: var(--c--contextuals--content--semantic--overlay--primary); +} + .clr-content-semantic-brand-primary { color: var(--c--contextuals--content--semantic--brand--primary); } @@ -7454,10 +7237,6 @@ color: var(--c--contextuals--content--semantic--neutral--on-neutral); } -.clr-content-semantic-contextual-primary { - color: var(--c--contextuals--content--semantic--contextual--primary); -} - .clr-content-semantic-info-primary { color: var(--c--contextuals--content--semantic--info--primary); } @@ -7534,130 +7313,42 @@ color: var(--c--contextuals--content--palette--brand--primary); } -.clr-content-palette-brand-secondary { - color: var(--c--contextuals--content--palette--brand--secondary); -} - -.clr-content-palette-brand-tertiary { - color: var(--c--contextuals--content--palette--brand--tertiary); -} - .clr-content-palette-red-primary { color: var(--c--contextuals--content--palette--red--primary); } -.clr-content-palette-red-secondary { - color: var(--c--contextuals--content--palette--red--secondary); -} - -.clr-content-palette-red-tertiary { - color: var(--c--contextuals--content--palette--red--tertiary); -} - .clr-content-palette-orange-primary { color: var(--c--contextuals--content--palette--orange--primary); } -.clr-content-palette-orange-secondary { - color: var(--c--contextuals--content--palette--orange--secondary); -} - -.clr-content-palette-orange-tertiary { - color: var(--c--contextuals--content--palette--orange--tertiary); -} - .clr-content-palette-brown-primary { color: var(--c--contextuals--content--palette--brown--primary); } -.clr-content-palette-brown-secondary { - color: var(--c--contextuals--content--palette--brown--secondary); -} - -.clr-content-palette-brown-tertiary { - color: var(--c--contextuals--content--palette--brown--tertiary); -} - .clr-content-palette-yellow-primary { color: var(--c--contextuals--content--palette--yellow--primary); } -.clr-content-palette-yellow-secondary { - color: var(--c--contextuals--content--palette--yellow--secondary); -} - -.clr-content-palette-yellow-tertiary { - color: var(--c--contextuals--content--palette--yellow--tertiary); -} - .clr-content-palette-green-primary { color: var(--c--contextuals--content--palette--green--primary); } -.clr-content-palette-green-secondary { - color: var(--c--contextuals--content--palette--green--secondary); -} - -.clr-content-palette-green-tertiary { - color: var(--c--contextuals--content--palette--green--tertiary); -} - .clr-content-palette-blue-1-primary { color: var(--c--contextuals--content--palette--blue-1--primary); } -.clr-content-palette-blue-1-secondary { - color: var(--c--contextuals--content--palette--blue-1--secondary); -} - -.clr-content-palette-blue-1-tertiary { - color: var(--c--contextuals--content--palette--blue-1--tertiary); -} - .clr-content-palette-blue-2-primary { color: var(--c--contextuals--content--palette--blue-2--primary); } -.clr-content-palette-blue-2-secondary { - color: var(--c--contextuals--content--palette--blue-2--secondary); -} - -.clr-content-palette-blue-2-tertiary { - color: var(--c--contextuals--content--palette--blue-2--tertiary); -} - .clr-content-palette-purple-primary { color: var(--c--contextuals--content--palette--purple--primary); } -.clr-content-palette-purple-secondary { - color: var(--c--contextuals--content--palette--purple--secondary); -} - -.clr-content-palette-purple-tertiary { - color: var(--c--contextuals--content--palette--purple--tertiary); -} - .clr-content-palette-pink-primary { color: var(--c--contextuals--content--palette--pink--primary); } -.clr-content-palette-pink-secondary { - color: var(--c--contextuals--content--palette--pink--secondary); -} - -.clr-content-palette-pink-tertiary { - color: var(--c--contextuals--content--palette--pink--tertiary); -} - .clr-content-palette-gray-primary { color: var(--c--contextuals--content--palette--gray--primary); } - -.clr-content-palette-gray-secondary { - color: var(--c--contextuals--content--palette--gray--secondary); -} - -.clr-content-palette-gray-tertiary { - color: var(--c--contextuals--content--palette--gray--tertiary); -} diff --git a/src/frontend/apps/impress/src/cunningham/cunningham-tokens.ts b/src/frontend/apps/impress/src/cunningham/cunningham-tokens.ts index e78eb58c..9b543da7 100644 --- a/src/frontend/apps/impress/src/cunningham/cunningham-tokens.ts +++ b/src/frontend/apps/impress/src/cunningham/cunningham-tokens.ts @@ -3,376 +3,339 @@ export const tokens = { default: { globals: { colors: { - 'logo-1': '#2845C1', - 'logo-2': '#377FDB', - 'logo-1-dark': '#95ABFF', - 'logo-2-dark': '#95ABFF', - 'brand-050': '#EDF0FF', - 'brand-100': '#DAE2FF', - 'brand-150': '#C8D3FF', - 'brand-200': '#B5C4FF', - 'brand-250': '#A2B6FF', - 'brand-300': '#90A7FF', - 'brand-350': '#7E98FF', - 'brand-400': '#6C89FE', - 'brand-450': '#5C7AF7', - 'brand-500': '#4C6CEF', - 'brand-550': '#3E5DE7', - 'brand-600': '#304DDF', - 'brand-650': '#2845C1', - 'brand-700': '#223E9E', - 'brand-750': '#1F367D', - 'brand-800': '#1B2E5F', - 'brand-850': '#172446', - 'brand-900': '#121B30', - 'brand-950': '#0C111A', + 'logo-1-light': '#4844AD', + 'logo-2-light': '#4844AD', + 'logo-1-dark': '#BEC5F0', + 'logo-2-dark': '#BEC5F0', + 'brand-050': '#EEF1FA', + 'brand-100': '#DDE2F5', + 'brand-150': '#CED3F1', + 'brand-200': '#BEC5F0', + 'brand-250': '#AFB5F1', + 'brand-300': '#A0A5F6', + 'brand-350': '#8F94FD', + 'brand-400': '#8184FC', + 'brand-450': '#7576EE', + 'brand-500': '#6969DF', + 'brand-550': '#5E5CD0', + 'brand-600': '#534FC2', + 'brand-650': '#4844AD', + 'brand-700': '#3E3B98', + 'brand-750': '#36347D', + 'brand-800': '#2D2F5F', + 'brand-850': '#262848', + 'brand-900': '#1C1E32', + 'brand-950': '#11131F', 'gray-000': '#FFFFFF', - 'gray-025': '#F6F8F9', - 'gray-050': '#EEF1F4', - 'gray-100': '#DFE2EA', - 'gray-150': '#CFD5DE', - 'gray-200': '#C1C7D3', - 'gray-250': '#B2B9C7', - 'gray-300': '#A4ABBC', - 'gray-350': '#969EB0', - 'gray-400': '#8891A4', - 'gray-450': '#7B8498', - 'gray-500': '#6D778C', - 'gray-550': '#626A80', - 'gray-600': '#555E74', - 'gray-650': '#4A5267', - 'gray-700': '#3F4759', - 'gray-750': '#363B4C', - 'gray-800': '#2B303D', - 'gray-850': '#222631', - 'gray-900': '#181B24', - 'gray-950': '#0F1117', + 'gray-025': '#F8F8F9', + 'gray-050': '#F0F0F3', + 'gray-100': '#E2E2EA', + 'gray-150': '#D3D4E0', + 'gray-200': '#C5C6D5', + 'gray-250': '#B7B7CB', + 'gray-300': '#A9A9BF', + 'gray-350': '#9C9CB2', + 'gray-400': '#8F8FA4', + 'gray-450': '#828297', + 'gray-500': '#75758A', + 'gray-550': '#69697D', + 'gray-600': '#5D5D70', + 'gray-650': '#515164', + 'gray-700': '#454558', + 'gray-750': '#3A3A4C', + 'gray-800': '#2F303D', + 'gray-850': '#25252F', + 'gray-900': '#1B1B23', + 'gray-950': '#111114', 'gray-1000': '#000000', - 'info-050': '#E7F2FF', - 'info-100': '#CFE5FF', - 'info-150': '#B7D7FF', - 'info-200': '#A0CAFE', - 'info-250': '#8CBCF9', - 'info-300': '#77AEF4', - 'info-350': '#63A0EE', - 'info-400': '#5092E7', - 'info-450': '#4185DC', - 'info-500': '#3677CC', - 'info-550': '#2F6ABB', - 'info-600': '#265EAA', - 'info-650': '#28528F', - 'info-700': '#274775', - 'info-750': '#243C5E', - 'info-800': '#20314A', - 'info-850': '#1B2637', - 'info-900': '#141C27', - 'info-950': '#0D1118', - 'success-050': '#DEF7E6', - 'success-100': '#BAEECF', - 'success-150': '#A5E2C0', - 'success-200': '#95D4B3', - 'success-250': '#85C6A7', - 'success-300': '#74B99B', - 'success-350': '#65AB8F', - 'success-400': '#579E84', - 'success-450': '#4B9079', - 'success-500': '#40836F', - 'success-550': '#367664', - 'success-600': '#2B695A', - 'success-650': '#2C5A50', - 'success-700': '#2A4D45', - 'success-750': '#26403C', - 'success-800': '#213430', - 'success-850': '#1B2826', - 'success-900': '#151D1C', - 'success-950': '#0D1212', - 'warning-050': '#FFEEDF', - 'warning-100': '#FFDCBE', - 'warning-150': '#FFCA9C', - 'warning-200': '#FFB778', - 'warning-250': '#FDA54F', - 'warning-300': '#F59425', - 'warning-350': '#E78613', - 'warning-400': '#D7790C', - 'warning-450': '#C86C08', - 'warning-500': '#B85F03', - 'warning-550': '#A75400', - 'warning-600': '#984800', - 'warning-650': '#814112', - 'warning-700': '#6C3A19', - 'warning-750': '#58321C', - 'warning-800': '#452A1A', - 'warning-850': '#352117', - 'warning-900': '#261813', - 'warning-950': '#170F0C', - 'error-050': '#FFEDEB', - 'error-100': '#FFDAD7', - 'error-150': '#FFC7C2', - 'error-200': '#FFB3AD', - 'error-250': '#FF9F99', - 'error-300': '#FF8984', - 'error-350': '#FF706E', - 'error-400': '#FB5759', - 'error-450': '#F63A45', - 'error-500': '#E32C39', - 'error-550': '#CF202D', - 'error-600': '#BD0F23', - 'error-650': '#9D2227', - 'error-700': '#812727', - 'error-750': '#672624', - 'error-800': '#512220', - 'error-850': '#3D1C1B', - 'error-900': '#2A1614', - 'error-950': '#190E0D', - 'red-050': '#FFEDEB', - 'red-100': '#FFDAD7', - 'red-150': '#FFC7C2', - 'red-200': '#FFB3AD', - 'red-250': '#FF9F99', - 'red-300': '#FF8984', - 'red-350': '#FF706E', - 'red-400': '#FB5759', - 'red-450': '#F63A45', - 'red-500': '#E32C39', - 'red-550': '#CF202D', - 'red-600': '#BD0F23', - 'red-650': '#9D2227', - 'red-700': '#812727', - 'red-750': '#672624', - 'red-800': '#512220', - 'red-850': '#3D1C1B', - 'red-900': '#2A1614', - 'red-950': '#190E0D', - 'orange-050': '#FCEDEB', - 'orange-100': '#F8DCD7', - 'orange-150': '#F1CCC5', - 'orange-200': '#EABCB4', - 'orange-250': '#E2ACA2', - 'orange-300': '#DA9C92', - 'orange-350': '#D28C81', - 'orange-400': '#CA7C70', - 'orange-450': '#BE6E62', - 'orange-500': '#AE6257', - 'orange-550': '#9E564D', - 'orange-600': '#8F4B42', - 'orange-650': '#79443D', - 'orange-700': '#643C37', - 'orange-750': '#513430', - 'orange-800': '#412B28', - 'orange-850': '#312220', - 'orange-900': '#231918', - 'orange-950': '#150F0F', - 'brown-050': '#F9EFEA', - 'brown-100': '#F3DFD3', - 'brown-150': '#EACFC1', - 'brown-200': '#E2BFAE', - 'brown-250': '#D8B19C', - 'brown-300': '#D0A189', - 'brown-350': '#C3937B', - 'brown-400': '#B5866D', - 'brown-450': '#A77A62', - 'brown-500': '#996D57', - 'brown-550': '#8B614D', - 'brown-600': '#7C5542', - 'brown-650': '#6A4C3C', - 'brown-700': '#594236', - 'brown-750': '#49382F', - 'brown-800': '#3B2E28', - 'brown-850': '#2D2420', - 'brown-900': '#201A18', - 'brown-950': '#13100F', - 'yellow-050': '#FDF1C5', - 'yellow-100': '#FBE18E', - 'yellow-150': '#F4D261', - 'yellow-200': '#EAC244', - 'yellow-250': '#DFB41B', - 'yellow-300': '#D1A516', - 'yellow-350': '#C49711', - 'yellow-400': '#B78A0C', - 'yellow-450': '#A87D07', - 'yellow-500': '#9B6F02', - 'yellow-550': '#8D6300', - 'yellow-600': '#7F5600', - 'yellow-650': '#6E4C11', - 'yellow-700': '#5D4219', - 'yellow-750': '#4D371B', - 'yellow-800': '#3D2E1A', - 'yellow-850': '#2F2417', - 'yellow-900': '#221A12', - 'yellow-950': '#14100C', - 'green-050': '#E7F9B3', - 'green-100': '#D5EC98', - 'green-150': '#C5DE86', - 'green-200': '#B5D174', - 'green-250': '#A5C464', - 'green-300': '#95B755', - 'green-350': '#85AA45', - 'green-400': '#769D39', - 'green-450': '#688F30', - 'green-500': '#5A8228', - 'green-550': '#4D7621', - 'green-600': '#416919', - 'green-650': '#3A5B20', - 'green-700': '#324E22', - 'green-750': '#2C4122', - 'green-800': '#24351D', - 'green-850': '#1D2919', - 'green-900': '#161E13', - 'green-950': '#0E120C', - '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': '#F5EEFF', - 'purple-100': '#ECDCFF', - 'purple-150': '#E2CBFF', - 'purple-200': '#D9B9FF', - 'purple-250': '#D0A7FF', - 'purple-300': '#C894FE', - 'purple-350': '#BE83FA', - 'purple-400': '#B570F5', - 'purple-450': '#AB5EF0', - 'purple-500': '#A04BE8', - 'purple-550': '#933CDB', - 'purple-600': '#8530C8', - 'purple-650': '#7033A5', - 'purple-700': '#5D3185', - 'purple-750': '#4C2C6A', - 'purple-800': '#3C2652', - 'purple-850': '#2D203C', - 'purple-900': '#21182A', - 'purple-950': '#130F19', - 'pink-050': '#FFEBF6', - 'pink-100': '#FFD8ED', - 'pink-150': '#FCC4E3', - 'pink-200': '#F7B2D9', - 'pink-250': '#F29FCE', - 'pink-300': '#ED8CC3', - 'pink-350': '#E779B8', - 'pink-400': '#E264AD', - 'pink-450': '#D2579E', - 'pink-500': '#C24B8E', - 'pink-550': '#B0417F', - 'pink-600': '#9F3670', - 'pink-650': '#873560', - 'pink-700': '#6F3250', - 'pink-750': '#5A2C43', - 'pink-800': '#472635', - 'pink-850': '#351F29', - 'pink-900': '#26171D', - 'pink-950': '#170F12', - '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', - 'blue1-050': '#E7F2FF', - 'blue1-100': '#CFE5FF', - 'blue1-150': '#B7D7FF', - 'blue1-200': '#A0CAFE', - 'blue1-250': '#8CBCF9', - 'blue1-300': '#77AEF4', - 'blue1-350': '#63A0EE', - 'blue1-400': '#5092E7', - 'blue1-450': '#4185DC', - 'blue1-500': '#3677CC', - 'blue1-550': '#2F6ABB', - 'blue1-600': '#265EAA', - 'blue1-650': '#28528F', - 'blue1-700': '#274775', - 'blue1-750': '#243C5E', - 'blue1-800': '#20314A', - 'blue1-850': '#1B2637', - 'blue1-900': '#141C27', - 'blue1-950': '#0D1118', - 'blue2-050': '#E2F4FD', - 'blue2-100': '#C4E8F8', - 'blue2-150': '#AADCF2', - 'blue2-200': '#93CFEB', - 'blue2-250': '#7CC2E2', - 'blue2-300': '#6CB4D6', - 'blue2-350': '#5CA7C9', - 'blue2-400': '#5099BC', - 'blue2-450': '#458BAE', - 'blue2-500': '#3A7EA0', - 'blue2-550': '#327191', - 'blue2-600': '#286483', - 'blue2-650': '#2B5770', - 'blue2-700': '#294A5E', - 'blue2-750': '#263E4D', - 'blue2-800': '#22323D', - 'blue2-850': '#1C272E', - 'blue2-900': '#151D21', - 'blue2-950': '#0E1114', + 'info-050': '#EAF2F9', + 'info-100': '#D5E4F3', + 'info-150': '#BFD7F0', + 'info-200': '#A7CAEE', + 'info-250': '#8DBDEF', + 'info-300': '#6EB0F2', + 'info-350': '#50A2F5', + 'info-400': '#3593F4', + 'info-450': '#1185ED', + 'info-500': '#0077DE', + 'info-550': '#0069CF', + 'info-600': '#005BC0', + 'info-650': '#0D4EAA', + 'info-700': '#124394', + 'info-750': '#163878', + 'info-800': '#192F5A', + 'info-850': '#192541', + 'info-900': '#141B2D', + 'info-950': '#0C111C', + 'success-050': '#E8F1EA', + 'success-100': '#CFE4D4', + 'success-150': '#BAD9C1', + 'success-200': '#A2CFAD', + 'success-250': '#86C597', + 'success-300': '#6CBA83', + 'success-350': '#4FB070', + 'success-400': '#40A363', + 'success-450': '#309556', + 'success-500': '#1E884A', + 'success-550': '#027B3E', + 'success-600': '#016D31', + 'success-650': '#006024', + 'success-700': '#005317', + 'success-750': '#0D4511', + 'success-800': '#11380E', + 'success-850': '#132A11', + 'success-900': '#101E0F', + 'success-950': '#091209', + 'warning-050': '#F8F0E9', + 'warning-100': '#F1E0D3', + 'warning-150': '#ECD0BC', + 'warning-200': '#E8C0A4', + 'warning-250': '#E8AE8A', + 'warning-300': '#EB9970', + 'warning-350': '#E98456', + 'warning-400': '#E57036', + 'warning-450': '#DA5E18', + 'warning-500': '#CB5000', + 'warning-550': '#BC4200', + 'warning-600': '#AD3300', + 'warning-650': '#9E2300', + 'warning-700': '#882011', + 'warning-750': '#731E16', + 'warning-800': '#58201A', + 'warning-850': '#401D18', + 'warning-900': '#2E1714', + 'warning-950': '#1D0F0D', + 'error-050': '#F9EFEC', + 'error-100': '#F4DFD9', + 'error-150': '#F0CEC6', + 'error-200': '#EEBCB2', + 'error-250': '#EEA99D', + 'error-300': '#EF9486', + 'error-350': '#F37C6E', + 'error-400': '#F65F53', + 'error-450': '#F0463D', + 'error-500': '#E82322', + 'error-550': '#D7010E', + 'error-600': '#C00100', + 'error-650': '#AA0000', + 'error-700': '#910C06', + 'error-750': '#731E16', + 'error-800': '#58201A', + 'error-850': '#401D18', + 'error-900': '#2E1714', + 'error-950': '#1D0F0D', + 'red-050': '#FAEFEE', + 'red-100': '#F4DEDD', + 'red-150': '#F1CDCB', + 'red-200': '#EFBBBA', + 'red-250': '#EEA8A8', + 'red-300': '#F09394', + 'red-350': '#F37B7E', + 'red-400': '#EF6569', + 'red-450': '#E94A55', + 'red-500': '#DA3B49', + 'red-550': '#CA2A3C', + 'red-600': '#BB1330', + 'red-650': '#A90021', + 'red-700': '#910A13', + 'red-750': '#731E16', + 'red-800': '#58201A', + 'red-850': '#411D18', + 'red-900': '#2E1714', + 'red-950': '#1D0F0D', + 'orange-050': '#F8F0E9', + 'orange-100': '#F1E0D3', + 'orange-150': '#ECD0BD', + 'orange-200': '#EABFA6', + 'orange-250': '#EBAC90', + 'orange-300': '#EC9772', + 'orange-350': '#E5845A', + 'orange-400': '#D6774D', + 'orange-450': '#C86A40', + 'orange-500': '#B95D33', + 'orange-550': '#AB5025', + 'orange-600': '#9D4315', + 'orange-650': '#8F3600', + 'orange-700': '#812900', + 'orange-750': '#6C2511', + 'orange-800': '#572017', + 'orange-850': '#401D18', + 'orange-900': '#2E1714', + 'orange-950': '#1D0F0D', + 'brown-050': '#F6F0E8', + 'brown-100': '#F1E0D3', + 'brown-150': '#EBD0BA', + 'brown-200': '#E2C0A6', + 'brown-250': '#D4B398', + 'brown-300': '#C6A58B', + 'brown-350': '#B8987E', + 'brown-400': '#AA8B71', + 'brown-450': '#9D7E65', + 'brown-500': '#8F7158', + 'brown-550': '#82654C', + 'brown-600': '#765841', + 'brown-650': '#694C35', + 'brown-700': '#5D412A', + 'brown-750': '#51361E', + 'brown-800': '#452A13', + 'brown-850': '#392008', + 'brown-900': '#29180A', + 'brown-950': '#1B0F08', + 'yellow-050': '#F3F0E7', + 'yellow-100': '#E9E2CF', + 'yellow-150': '#E1D4B7', + 'yellow-200': '#D9C599', + 'yellow-250': '#D2B677', + 'yellow-300': '#CAA756', + 'yellow-350': '#C2972E', + 'yellow-400': '#B98900', + 'yellow-450': '#AB7B00', + 'yellow-500': '#9D6E00', + 'yellow-550': '#916100', + 'yellow-600': '#855400', + 'yellow-650': '#784700', + 'yellow-700': '#6C3A00', + 'yellow-750': '#5F2E00', + 'yellow-800': '#512302', + 'yellow-850': '#3E1D10', + 'yellow-900': '#2D1711', + 'yellow-950': '#1D0F0D', + 'green-050': '#E6F1E9', + 'green-100': '#CFE4D5', + 'green-150': '#B8D8C1', + 'green-200': '#A0CFAE', + 'green-250': '#84C59A', + 'green-300': '#65BA86', + 'green-350': '#45B173', + 'green-400': '#23A562', + 'green-450': '#029755', + 'green-500': '#008948', + 'green-550': '#017B3B', + 'green-600': '#006E2E', + 'green-650': '#006022', + 'green-700': '#005314', + 'green-750': '#0D4510', + 'green-800': '#11380E', + 'green-850': '#132A11', + 'green-900': '#101E0F', + 'green-950': '#091209', + 'blue-1-050': '#EBF1F9', + 'blue-1-100': '#D6E4F4', + 'blue-1-150': '#C1D7F0', + 'blue-1-200': '#AACAEF', + 'blue-1-250': '#8FBCEF', + 'blue-1-300': '#7CAFEB', + 'blue-1-350': '#68A1E4', + 'blue-1-400': '#5B94D6', + 'blue-1-450': '#4E86C7', + 'blue-1-500': '#4279B9', + 'blue-1-550': '#356CAC', + 'blue-1-600': '#28609E', + 'blue-1-650': '#1B5390', + 'blue-1-700': '#0B4783', + 'blue-1-750': '#0F3C6E', + 'blue-1-800': '#133059', + 'blue-1-850': '#152641', + 'blue-1-900': '#121C2D', + 'blue-1-950': '#0B111C', + 'blue-2-050': '#E7F3F4', + 'blue-2-100': '#CEE7E9', + 'blue-2-150': '#B2DCE0', + 'blue-2-200': '#91D1D7', + 'blue-2-250': '#68C7D0', + 'blue-2-300': '#43BBC5', + 'blue-2-350': '#00AFBA', + 'blue-2-400': '#01A0AA', + 'blue-2-450': '#00929D', + 'blue-2-500': '#00848F', + 'blue-2-550': '#007682', + 'blue-2-600': '#016874', + 'blue-2-650': '#005B67', + 'blue-2-700': '#004E5A', + 'blue-2-750': '#00424E', + 'blue-2-800': '#003642', + 'blue-2-850': '#002A38', + 'blue-2-900': '#061E28', + 'blue-2-950': '#071219', + 'purple-050': '#F7F0F6', + 'purple-100': '#EEE0EE', + 'purple-150': '#E7D1E7', + 'purple-200': '#DBBFE4', + 'purple-250': '#D3AEE2', + 'purple-300': '#CB99E1', + 'purple-350': '#C188D9', + 'purple-400': '#B47BCB', + 'purple-450': '#A66EBD', + 'purple-500': '#9961AF', + 'purple-550': '#8B55A1', + 'purple-600': '#7E4894', + 'purple-650': '#723C87', + 'purple-700': '#633376', + 'purple-750': '#552A65', + 'purple-800': '#452551', + 'purple-850': '#35213D', + 'purple-900': '#261A2C', + 'purple-950': '#17111C', + 'pink-050': '#F8EFF4', + 'pink-100': '#F0DFEA', + 'pink-150': '#EACEDF', + 'pink-200': '#E9BBD1', + 'pink-250': '#E9A7C2', + 'pink-300': '#E095B4', + 'pink-350': '#D685A8', + 'pink-400': '#C7799B', + 'pink-450': '#B86C8D', + 'pink-500': '#AA5F80', + 'pink-550': '#9C5374', + 'pink-600': '#8E4767', + 'pink-650': '#813B5B', + 'pink-700': '#732E4F', + 'pink-750': '#632643', + 'pink-800': '#521F38', + 'pink-850': '#3E1C2B', + 'pink-900': '#2D171F', + 'pink-950': '#1C0E12', + 'black-000': '#1B1B2300', + 'black-050': '#1B1B230D', + 'black-100': '#1B1B231A', + 'black-150': '#1B1B2326', + 'black-200': '#1B1B2333', + 'black-250': '#1B1B2340', + 'black-300': '#1B1B234D', + 'black-350': '#1B1B2359', + 'black-400': '#1B1B2366', + 'black-450': '#1B1B2373', + 'black-500': '#1B1B2380', + 'black-550': '#1B1B238C', + 'black-600': '#1B1B2399', + 'black-650': '#1B1B23A6', + 'black-700': '#1B1B23B2', + 'black-750': '#1B1B23BF', + 'black-800': '#1B1B23CC', + 'black-850': '#1B1B23D9', + 'black-900': '#1B1B23E5', + 'black-950': '#111114F2', + 'white-000': '#F8F8F900', + 'white-050': '#F8F8F90D', + 'white-100': '#F8F8F91A', + 'white-150': '#F8F8F926', + 'white-200': '#F8F8F933', + 'white-250': '#F8F8F940', + 'white-300': '#F8F8F94D', + 'white-350': '#F8F8F959', + 'white-400': '#F8F8F966', + 'white-450': '#F8F8F973', + 'white-500': '#F8F8F980', + 'white-550': '#F8F8F98C', + 'white-600': '#F8F8F999', + 'white-650': '#F8F8F9A6', + 'white-700': '#F8F8F9B2', + 'white-750': '#F8F8F9BF', + 'white-800': '#F8F8F9CC', + 'white-850': '#F8F8F9D9', + 'white-900': '#F8F8F9E5', + 'white-950': '#F8F8F9F2', + 'white-975': '#F8F8F9F9', }, transitions: { 'ease-in': 'cubic-bezier(0.32, 0, 0.67, 0)', @@ -411,7 +374,10 @@ export const tokens = { extrabold: 800, black: 900, }, - families: { base: 'sans-serif', accent: 'sans-serif' }, + families: { + base: 'Hanken Grotesk, Inter, Roboto Flex Variable, sans-serif', + accent: 'Hanken Grotesk, Inter, Roboto Flex Variable, sans-serif', + }, }, spacings: { '0': '0', @@ -422,6 +388,8 @@ export const tokens = { t: '0.5rem', st: '0.25rem', '4xs': '0.125rem', + '3xs': '0.25rem', + '2xs': '0.375rem', xxxs: '0.25rem', xxs: '0.375rem', xs: '0.5rem', @@ -432,6 +400,8 @@ export const tokens = { xl: '2.5rem', xxl: '3rem', xxxl: '3.5rem', + '2xl': '3rem', + '3xl': '3.5rem', '4xl': '4rem', '5xl': '4.5rem', '6xl': '6rem', @@ -440,8 +410,6 @@ export const tokens = { auto: 'auto', bx: '2.2rem', full: '100%', - '3xs': '0.25rem', - '2xs': '0.375rem', }, breakpoints: { xs: '480px', @@ -454,324 +422,234 @@ export const tokens = { mobile: '768px', tablet: '1024px', }, + spacing: { + '0': '0rem', + none: '0rem', + auto: 'auto', + bx: '2.2rem', + full: '100%', + '3xs': '0.25rem', + '2xs': '0.375rem', + }, }, contextuals: { background: { surface: { primary: '#FFFFFF', secondary: '#FFFFFF', - tertiary: '#F6F8F9', + tertiary: '#F8F8F9', }, semantic: { + overlay: { primary: '#1B1B230D', 'primary-hover': '#1B1B231A' }, + contextual: { primary: '#1B1B230D', 'primary-hover': '#1B1B231A' }, brand: { - primary: '#3E5DE7', - 'primary-hover': '#2845C1', - secondary: '#DAE2FF', - 'secondary-hover': '#C8D3FF', - tertiary: '#EDF0FF', - 'tertiary-hover': '#DAE2FF', + primary: '#5E5CD0', + 'primary-hover': '#4844AD', + secondary: '#DDE2F5', + 'secondary-hover': '#CED3F1', + tertiary: '#EEF1FA', + 'tertiary-hover': '#DDE2F5', }, neutral: { - primary: '#626A80', - 'primary-hover': '#4A5267', - secondary: '#DFE2EA', - 'secondary-hover': '#CFD5DE', - tertiary: '#EEF1F4', - 'tertiary-hover': '#DFE2EA', + primary: '#69697D', + 'primary-hover': '#515164', + secondary: '#E2E2EA', + 'secondary-hover': '#D3D4E0', + tertiary: '#F0F0F3', + 'tertiary-hover': '#E2E2EA', }, - contextual: { primary: '#0000000D', 'primary-hover': '#0000001A' }, info: { - primary: '#2F6ABB', - 'primary-hover': '#28528F', - secondary: '#CFE5FF', - 'secondary-hover': '#B7D7FF', - tertiary: '#E7F2FF', - 'tertiary-hover': '#CFE5FF', + primary: '#0069CF', + 'primary-hover': '#0D4EAA', + secondary: '#D5E4F3', + 'secondary-hover': '#BFD7F0', + tertiary: '#EAF2F9', + 'tertiary-hover': '#D5E4F3', }, success: { - primary: '#367664', - 'primary-hover': '#2C5A50', - secondary: '#BAEECF', - 'secondary-hover': '#A5E2C0', - tertiary: '#DEF7E6', - 'tertiary-hover': '#BAEECF', + primary: '#027B3E', + 'primary-hover': '#006024', + secondary: '#CFE4D4', + 'secondary-hover': '#BAD9C1', + tertiary: '#E8F1EA', + 'tertiary-hover': '#CFE4D4', }, warning: { - primary: '#A75400', - 'primary-hover': '#814112', - secondary: '#FFDCBE', - 'secondary-hover': '#FFCA9C', - tertiary: '#FFEEDF', - 'tertiary-hover': '#FFDCBE', + primary: '#BC4200', + 'primary-hover': '#9E2300', + secondary: '#F1E0D3', + 'secondary-hover': '#ECD0BC', + tertiary: '#F8F0E9', + 'tertiary-hover': '#F1E0D3', }, error: { - primary: '#CF202D', - 'primary-hover': '#9D2227', - secondary: '#FFDAD7', - 'secondary-hover': '#FFC7C2', - tertiary: '#FFEDEB', - 'tertiary-hover': '#FFDAD7', + primary: '#D7010E', + 'primary-hover': '#AA0000', + secondary: '#F4DFD9', + 'secondary-hover': '#F0CEC6', + tertiary: '#F9EFEC', + 'tertiary-hover': '#F4DFD9', }, - disabled: { primary: '#DFE2EA', secondary: '#EEF1F4' }, + disabled: { primary: '#E2E2EA', secondary: '#F0F0F3' }, }, palette: { brand: { - primary: '#4C6CEF', - secondary: '#7E98FF', - tertiary: '#C8D3FF', + primary: '#6969DF', + secondary: '#8F94FD', + tertiary: '#CED3F1', }, red: { - primary: '#E32C39', - secondary: '#FF706E', - tertiary: '#FFC7C2', + primary: '#DA3B49', + secondary: '#F37B7E', + tertiary: '#F1CDCB', }, orange: { - primary: '#AE6257', - secondary: '#D28C81', - tertiary: '#F1CCC5', + primary: '#B95D33', + secondary: '#E5845A', + tertiary: '#ECD0BD', }, brown: { - primary: '#996D57', - secondary: '#C3937B', - tertiary: '#EACFC1', + primary: '#8F7158', + secondary: '#B8987E', + tertiary: '#EBD0BA', }, yellow: { - primary: '#9B6F02', - secondary: '#C49711', - tertiary: '#F4D261', + primary: '#9D6E00', + secondary: '#C2972E', + tertiary: '#E1D4B7', }, green: { - primary: '#5A8228', - secondary: '#85AA45', - tertiary: '#C5DE86', + primary: '#008948', + secondary: '#45B173', + tertiary: '#B8D8C1', }, 'blue-1': { - primary: '#3D71E4', - secondary: '#6F9BFD', - tertiary: '#C2D5FE', + primary: '#4279B9', + secondary: '#68A1E4', + tertiary: '#C1D7F0', }, 'blue-2': { - primary: '#2C8199', - secondary: '#3BAACA', - tertiary: '#A7DDED', + primary: '#00848F', + secondary: '#00AFBA', + tertiary: '#B2DCE0', }, purple: { - primary: '#A04BE8', - secondary: '#BE83FA', - tertiary: '#E2CBFF', + primary: '#9961AF', + secondary: '#C188D9', + tertiary: '#E7D1E7', }, pink: { - primary: '#C24B8E', - secondary: '#E779B8', - tertiary: '#FCC4E3', + primary: '#AA5F80', + secondary: '#D685A8', + tertiary: '#EACEDF', }, gray: { - primary: '#6D778C', - secondary: '#969EB0', - tertiary: '#CFD5DE', + primary: '#75758A', + secondary: '#9C9CB2', + tertiary: '#D3D4E0', }, }, - text: { primary: '#0000000D' }, }, content: { - logo1: '#2845C1', - logo2: '#377FDB', + logo1: '#4844AD', + logo2: '#4844AD', semantic: { + contextual: { primary: '#F8F8F9F2' }, + overlay: { primary: '#F8F8F9F2' }, brand: { - primary: '#223E9E', - secondary: '#304DDF', - tertiary: '#4C6CEF', - 'on-brand': '#EDF0FF', + primary: '#3E3B98', + secondary: '#534FC2', + tertiary: '#5E5CD0', + 'on-brand': '#EEF1FA', }, neutral: { - primary: '#222631', - secondary: '#555E74', - tertiary: '#6D778C', - 'on-neutral': '#EEF1F4', + primary: '#25252F', + secondary: '#5D5D70', + tertiary: '#69697D', + 'on-neutral': '#F0F0F3', }, - contextual: { primary: '#FFFFFFF2' }, info: { - primary: '#274775', - secondary: '#265EAA', - tertiary: '#3677CC', - 'on-info': '#E7F2FF', + primary: '#124394', + secondary: '#005BC0', + tertiary: '#0069CF', + 'on-info': '#EAF2F9', }, success: { - primary: '#2A4D45', - secondary: '#2B695A', - tertiary: '#40836F', - 'on-success': '#DEF7E6', + primary: '#005317', + secondary: '#016D31', + tertiary: '#027B3E', + 'on-success': '#E8F1EA', }, warning: { - primary: '#6C3A19', - secondary: '#984800', - tertiary: '#B85F03', - 'on-warning': '#FFEEDF', + primary: '#882011', + secondary: '#AD3300', + tertiary: '#BC4200', + 'on-warning': '#F8F0E9', }, error: { - primary: '#812727', - secondary: '#BD0F23', - tertiary: '#E32C39', - 'on-error': '#FFEDEB', + primary: '#910C06', + secondary: '#C00100', + tertiary: '#D7010E', + 'on-error': '#F9EFEC', }, - disabled: { primary: '#A4ABBC', secondary: '#FFFFFF80' }, + disabled: { primary: '#A9A9BF', secondary: '#F8F8F980' }, }, palette: { - brand: { - primary: '#4C6CEF', - secondary: '#7E98FF', - tertiary: '#C8D3FF', - }, - red: { - primary: '#E32C39', - secondary: '#FF706E', - tertiary: '#FFC7C2', - }, - orange: { - primary: '#AE6257', - secondary: '#D28C81', - tertiary: '#F1CCC5', - }, - brown: { - primary: '#996D57', - secondary: '#C3937B', - tertiary: '#EACFC1', - }, - yellow: { - primary: '#9B6F02', - secondary: '#C49711', - tertiary: '#F4D261', - }, - green: { - primary: '#5A8228', - secondary: '#85AA45', - tertiary: '#C5DE86', - }, - 'blue-1': { - primary: '#3D71E4', - secondary: '#6F9BFD', - tertiary: '#C2D5FE', - }, - 'blue-2': { - primary: '#2C8199', - secondary: '#3BAACA', - tertiary: '#A7DDED', - }, - purple: { - primary: '#A04BE8', - secondary: '#BE83FA', - tertiary: '#E2CBFF', - }, - pink: { - primary: '#C24B8E', - secondary: '#E779B8', - tertiary: '#FCC4E3', - }, - gray: { - primary: '#6D778C', - secondary: '#969EB0', - tertiary: '#CFD5DE', - }, + brand: { primary: '#6969DF' }, + red: { primary: '#DA3B49' }, + orange: { primary: '#B95D33' }, + brown: { primary: '#8F7158' }, + yellow: { primary: '#9D6E00' }, + green: { primary: '#008948' }, + 'blue-1': { primary: '#4279B9' }, + 'blue-2': { primary: '#00848F' }, + purple: { primary: '#9961AF' }, + pink: { primary: '#AA5F80' }, + gray: { primary: '#75758A' }, }, }, border: { - surface: { primary: '#DFE2EA' }, + surface: { primary: '#E2E2EA' }, semantic: { + contextual: { primary: '#F8F8F933' }, + overlay: { primary: '#F8F8F933' }, brand: { - primary: '#3E5DE7', - secondary: '#90A7FF', - tertiary: '#C8D3FF', + primary: '#5E5CD0', + secondary: '#A0A5F6', + tertiary: '#CED3F1', }, - contextual: { primary: '#FFFFFF33' }, neutral: { - primary: '#626A80', - secondary: '#A4ABBC', - tertiary: '#CFD5DE', + primary: '#69697D', + secondary: '#A9A9BF', + tertiary: '#D3D4E0', }, info: { - primary: '#2F6ABB', - secondary: '#77AEF4', - tertiary: '#B7D7FF', + primary: '#0069CF', + secondary: '#6EB0F2', + tertiary: '#BFD7F0', }, success: { - primary: '#367664', - secondary: '#74B99B', - tertiary: '#A5E2C0', + primary: '#027B3E', + secondary: '#6CBA83', + tertiary: '#BAD9C1', }, warning: { - primary: '#A75400', - secondary: '#F59425', - tertiary: '#FFCA9C', + primary: '#BC4200', + secondary: '#EB9970', + tertiary: '#ECD0BC', }, error: { - primary: '#CF202D', - secondary: '#FF8984', - tertiary: '#FFC7C2', - }, - disabled: { primary: '#DFE2EA' }, - }, - palette: { - brand: { - primary: '#4C6CEF', - secondary: '#7E98FF', - tertiary: '#C8D3FF', - }, - red: { - primary: '#E32C39', - secondary: '#FF706E', - tertiary: '#FFC7C2', - }, - orange: { - primary: '#AE6257', - secondary: '#D28C81', - tertiary: '#F1CCC5', - }, - brown: { - primary: '#996D57', - secondary: '#C3937B', - tertiary: '#EACFC1', - }, - yellow: { - primary: '#9B6F02', - secondary: '#C49711', - tertiary: '#F4D261', - }, - green: { - primary: '#5A8228', - secondary: '#85AA45', - tertiary: '#C5DE86', - }, - 'blue-1': { - primary: '#3D71E4', - secondary: '#6F9BFD', - tertiary: '#C2D5FE', - }, - 'blue-2': { - primary: '#2C8199', - secondary: '#3BAACA', - tertiary: '#A7DDED', - }, - purple: { - primary: '#A04BE8', - secondary: '#BE83FA', - tertiary: '#E2CBFF', - }, - pink: { - primary: '#C24B8E', - secondary: '#E779B8', - tertiary: '#FCC4E3', - }, - gray: { - primary: '#6D778C', - secondary: '#969EB0', - tertiary: '#CFD5DE', + primary: '#D7010E', + secondary: '#EF9486', + tertiary: '#F0CEC6', }, + disabled: { primary: '#E2E2EA' }, }, }, }, components: { modal: { 'width-small': '342px' }, - tooltip: { padding: '4px 8px', 'background-color': '#EEF1F4' }, + tooltip: { padding: '4px 8px' }, button: { 'medium-height': '40px', 'medium-text-height': '40px', @@ -780,10 +658,10 @@ export const tokens = { 'border-radius--focus': '4px', }, datagrid: { - 'header--color': '#222631', + 'header--color': '#25252F', 'header--size': '12px', 'header--weight': '500', - 'body--background-color-hover': '#EEF1F4', + 'body--background-color-hover': '#F0F0F3', }, 'forms-checkbox': { 'font-size': '0.875rem' }, badge: { @@ -791,12 +669,12 @@ export const tokens = { 'border-radius': '12px', 'padding-inline': '0.5rem', 'padding-block': '0.375rem', - accent: { 'background-color': '#DAE2FF', color: '#304DDF' }, - neutral: { 'background-color': '#DFE2EA', color: '#555E74' }, - danger: { 'background-color': '#FFDAD7', color: '#BD0F23' }, - success: { 'background-color': '#BAEECF', color: '#2B695A' }, - warning: { 'background-color': '#FFDCBE', color: '#984800' }, - info: { 'background-color': '#CFE5FF', color: '#265EAA' }, + accent: { 'background-color': '#DDE2F5', color: '#534FC2' }, + neutral: { 'background-color': '#E2E2EA', color: '#5D5D70' }, + danger: { 'background-color': '#F4DFD9', color: '#C00100' }, + success: { 'background-color': '#CFE4D4', color: '#016D31' }, + warning: { 'background-color': '#F1E0D3', color: '#AD3300' }, + info: { 'background-color': '#D5E4F3', color: '#005BC0' }, }, logo: { src: '', alt: '', widthHeader: '', widthFooter: '' }, 'la-gaufre': false, @@ -811,10 +689,10 @@ export const tokens = { dark: { globals: { colors: { - 'logo-1': '#377FDB', - 'logo-2': '#377FDB', - 'logo-1-dark': '#95ABFF', - 'logo-2-dark': '#95ABFF', + 'logo-1-light': '#377FDB', + 'logo-2-light': '#377FDB', + 'logo-1-dark': '#C1D6F2', + 'logo-2-dark': '#C1D6F2', 'brand-050': '#EAF1FB', 'brand-100': '#D5E4F7', 'brand-150': '#C0D6F4', @@ -1103,46 +981,47 @@ export const tokens = { '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', + 'black-000': '#1B1C1D00', + 'black-050': '#1B1C1D0D', + 'black-100': '#1B1C1D1A', + 'black-150': '#1B1C1D26', + 'black-200': '#1B1C1D33', + 'black-250': '#1B1C1D40', + 'black-300': '#1B1C1D4D', + 'black-350': '#1B1C1D59', + 'black-400': '#1B1C1D66', + 'black-450': '#1B1C1D73', + 'black-500': '#1B1C1D80', + 'black-550': '#1B1C1D8C', + 'black-600': '#1B1C1D99', + 'black-650': '#1B1C1DA6', + 'black-700': '#1B1C1DB2', + 'black-750': '#1B1C1DBF', + 'black-800': '#1B1C1DCC', + 'black-850': '#1B1C1DD9', + 'black-900': '#1B1C1DE5', + 'black-950': '#101112F2', + 'white-000': '#F7F8F800', + 'white-050': '#F7F8F80D', + 'white-100': '#F7F8F81A', + 'white-150': '#F7F8F826', + 'white-200': '#F7F8F833', + 'white-250': '#F7F8F840', + 'white-300': '#F7F8F84D', + 'white-350': '#F7F8F859', + 'white-400': '#F7F8F866', + 'white-450': '#F7F8F873', + 'white-500': '#F7F8F880', + 'white-550': '#F7F8F88C', + 'white-600': '#F7F8F899', + 'white-650': '#F7F8F8A6', + 'white-700': '#F7F8F8B2', + 'white-750': '#F7F8F8BF', + 'white-800': '#F7F8F8CC', + 'white-850': '#F7F8F8D9', + 'white-900': '#F7F8F8E5', + 'white-950': '#F7F8F8F2', + 'white-975': '#F7F8F8F9', }, transitions: { 'ease-in': 'cubic-bezier(0.32, 0, 0.67, 0)', @@ -1194,6 +1073,8 @@ export const tokens = { t: '0.5rem', st: '0.25rem', '4xs': '0.125rem', + '3xs': '0.25rem', + '2xs': '0.375rem', xxxs: '0.25rem', xxs: '0.375rem', xs: '0.5rem', @@ -1204,13 +1085,15 @@ export const tokens = { 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, + xs: '0px', sm: '576px', md: '768px', lg: '992px', @@ -1221,332 +1104,874 @@ export const tokens = { contextuals: { background: { surface: { - primary: '#2B303D', - secondary: '#222631', - tertiary: '#181B24', + primary: '#2F303D', + secondary: '#25252F', + tertiary: '#1B1B23', }, semantic: { + contextual: { primary: '#F8F8F90D', 'primary-hover': '#F8F8F91A' }, + overlay: { primary: '#F8F8F90D', 'primary-hover': '#F8F8F91A' }, brand: { - primary: '#3E5DE7', - 'primary-hover': '#2845C1', - secondary: '#223E9E', - 'secondary-hover': '#1F367D', - tertiary: '#1F367D', - 'tertiary-hover': '#1B2E5F', + primary: '#5E5CD0', + 'primary-hover': '#4844AD', + secondary: '#3E3B98', + 'secondary-hover': '#36347D', + tertiary: '#36347D', + 'tertiary-hover': '#2D2F5F', }, neutral: { - primary: '#626A80', - 'primary-hover': '#4A5267', - secondary: '#3F4759', - 'secondary-hover': '#363B4C', - tertiary: '#363B4C', - 'tertiary-hover': '#2B303D', + primary: '#69697D', + 'primary-hover': '#515164', + secondary: '#454558', + 'secondary-hover': '#3A3A4C', + tertiary: '#3A3A4C', + 'tertiary-hover': '#2F303D', }, - contextual: { primary: '#FFFFFF0D', 'primary-hover': '#FFFFFF1A' }, info: { - primary: '#2F6ABB', - 'primary-hover': '#28528F', - secondary: '#274775', - 'secondary-hover': '#243C5E', - tertiary: '#243C5E', - 'tertiary-hover': '#20314A', + primary: '#0069CF', + 'primary-hover': '#0D4EAA', + secondary: '#124394', + 'secondary-hover': '#163878', + tertiary: '#163878', + 'tertiary-hover': '#192F5A', }, success: { - primary: '#367664', - 'primary-hover': '#2C5A50', - secondary: '#2A4D45', - 'secondary-hover': '#26403C', - tertiary: '#26403C', - 'tertiary-hover': '#213430', + primary: '#027B3E', + 'primary-hover': '#006024', + secondary: '#005317', + 'secondary-hover': '#0D4511', + tertiary: '#0D4511', + 'tertiary-hover': '#11380E', }, warning: { - primary: '#A75400', - 'primary-hover': '#814112', - secondary: '#6C3A19', - 'secondary-hover': '#58321C', - tertiary: '#58321C', - 'tertiary-hover': '#452A1A', + primary: '#BC4200', + 'primary-hover': '#9E2300', + secondary: '#882011', + 'secondary-hover': '#731E16', + tertiary: '#731E16', + 'tertiary-hover': '#58201A', }, error: { - primary: '#CF202D', - 'primary-hover': '#9D2227', - secondary: '#812727', - 'secondary-hover': '#672624', - tertiary: '#672624', - 'tertiary-hover': '#512220', + primary: '#D7010E', + 'primary-hover': '#AA0000', + secondary: '#910C06', + 'secondary-hover': '#731E16', + tertiary: '#731E16', + 'tertiary-hover': '#58201A', }, - disabled: { primary: '#363B4C', secondary: '#2B303D' }, + disabled: { primary: '#3A3A4C', secondary: '#2F303D' }, }, palette: { brand: { - primary: '#7E98FF', - secondary: '#5C7AF7', - tertiary: '#3E5DE7', + primary: '#8F94FD', + secondary: '#7576EE', + tertiary: '#5E5CD0', }, red: { - primary: '#FF706E', - secondary: '#F63A45', - tertiary: '#CF202D', + primary: '#F37B7E', + secondary: '#E94A55', + tertiary: '#CA2A3C', }, orange: { - primary: '#D28C81', - secondary: '#BE6E62', - tertiary: '#9E564D', + primary: '#E5845A', + secondary: '#C86A40', + tertiary: '#AB5025', }, brown: { - primary: '#C3937B', - secondary: '#A77A62', - tertiary: '#8B614D', + primary: '#B8987E', + secondary: '#9D7E65', + tertiary: '#82654C', }, yellow: { - primary: '#C49711', - secondary: '#A87D07', - tertiary: '#8D6300', + primary: '#C2972E', + secondary: '#AB7B00', + tertiary: '#916100', }, green: { - primary: '#85AA45', - secondary: '#688F30', - tertiary: '#4D7621', + primary: '#45B173', + secondary: '#029755', + tertiary: '#017B3B', }, 'blue-1': { - primary: '#6F9BFD', - secondary: '#437DFC', - tertiary: '#3665CC', + primary: '#68A1E4', + secondary: '#4E86C7', + tertiary: '#356CAC', }, 'blue-2': { - primary: '#3BAACA', - secondary: '#318EA9', - tertiary: '#277389', + primary: '#00AFBA', + secondary: '#00929D', + tertiary: '#007682', }, purple: { - primary: '#BE83FA', - secondary: '#AB5EF0', - tertiary: '#933CDB', + primary: '#C188D9', + secondary: '#A66EBD', + tertiary: '#8B55A1', }, pink: { - primary: '#E779B8', - secondary: '#D2579E', - tertiary: '#B0417F', + primary: '#D685A8', + secondary: '#B86C8D', + tertiary: '#9C5374', }, gray: { - primary: '#969EB0', - secondary: '#7B8498', - tertiary: '#626A80', + primary: '#9C9CB2', + secondary: '#828297', + tertiary: '#69697D', }, }, }, content: { - logo1: '#95ABFF', - logo2: '#95ABFF', + logo1: '#BEC5F0', + logo2: '#BEC5F0', semantic: { + contextual: { primary: '#1B1B23D9' }, + overlay: { primary: '#1B1B23D9' }, brand: { - primary: '#EDF0FF', - secondary: '#DAE2FF', - tertiary: '#A2B6FF', - 'on-brand': '#EDF0FF', + primary: '#EEF1FA', + secondary: '#DDE2F5', + tertiary: '#AFB5F1', + 'on-brand': '#EEF1FA', }, neutral: { - primary: '#EEF1F4', - secondary: '#DFE2EA', - tertiary: '#B2B9C7', - 'on-neutral': '#EEF1F4', + primary: '#F0F0F3', + secondary: '#E2E2EA', + tertiary: '#B7B7CB', + 'on-neutral': '#F0F0F3', }, - contextual: { primary: '#000000D9' }, info: { - primary: '#E7F2FF', - secondary: '#CFE5FF', - tertiary: '#8CBCF9', - 'on-info': '#E7F2FF', + primary: '#EAF2F9', + secondary: '#D5E4F3', + tertiary: '#8DBDEF', + 'on-info': '#EAF2F9', }, success: { - primary: '#DEF7E6', - secondary: '#BAEECF', - tertiary: '#85C6A7', - 'on-success': '#DEF7E6', + primary: '#E8F1EA', + secondary: '#CFE4D4', + tertiary: '#86C597', + 'on-success': '#E8F1EA', }, warning: { - primary: '#FFEEDF', - secondary: '#FFDCBE', - tertiary: '#FDA54F', - 'on-warning': '#FFEEDF', + primary: '#F8F0E9', + secondary: '#F1E0D3', + tertiary: '#E8AE8A', + 'on-warning': '#F8F0E9', }, error: { - primary: '#FFEDEB', - secondary: '#FFDAD7', - tertiary: '#FF9F99', - 'on-error': '#FFEDEB', + primary: '#F9EFEC', + secondary: '#F4DFD9', + tertiary: '#EEA99D', + 'on-error': '#F9EFEC', }, - disabled: { primary: '#555E74', secondary: '#0000004D' }, + disabled: { primary: '#5D5D70', secondary: '#1B1B234D' }, }, palette: { - brand: { - primary: '#7E98FF', - secondary: '#5C7AF7', - tertiary: '#3E5DE7', - }, - red: { - primary: '#FF706E', - secondary: '#F63A45', - tertiary: '#CF202D', - }, - orange: { - primary: '#D28C81', - secondary: '#BE6E62', - tertiary: '#9E564D', - }, - brown: { - primary: '#C3937B', - secondary: '#A77A62', - tertiary: '#8B614D', - }, - yellow: { - primary: '#C49711', - secondary: '#A87D07', - tertiary: '#8D6300', - }, - green: { - primary: '#85AA45', - secondary: '#688F30', - tertiary: '#4D7621', - }, - 'blue-1': { - primary: '#6F9BFD', - secondary: '#437DFC', - tertiary: '#3665CC', - }, - 'blue-2': { - primary: '#3BAACA', - secondary: '#318EA9', - tertiary: '#277389', - }, - purple: { - primary: '#BE83FA', - secondary: '#AB5EF0', - tertiary: '#933CDB', - }, - pink: { - primary: '#E779B8', - secondary: '#D2579E', - tertiary: '#B0417F', - }, - gray: { - primary: '#969EB0', - secondary: '#7B8498', - tertiary: '#626A80', - }, + brand: { primary: '#6969DF' }, + red: { primary: '#DA3B49' }, + orange: { primary: '#B95D33' }, + brown: { primary: '#8F7158' }, + yellow: { primary: '#9D6E00' }, + green: { primary: '#008948' }, + 'blue-1': { primary: '#4279B9' }, + 'blue-2': { primary: '#00848F' }, + purple: { primary: '#9961AF' }, + pink: { primary: '#AA5F80' }, + gray: { primary: '#75758A' }, }, }, border: { - surface: { primary: '#363B4C' }, + surface: { primary: '#3A3A4C' }, semantic: { + contextual: { primary: '#1B1B2333' }, + overlay: { primary: '#1B1B2333' }, brand: { - primary: '#5C7AF7', - secondary: '#304DDF', - tertiary: '#223E9E', + primary: '#7576EE', + secondary: '#534FC2', + tertiary: '#3E3B98', }, - contextual: { primary: '#00000033' }, neutral: { - primary: '#7B8498', - secondary: '#555E74', - tertiary: '#3F4759', + primary: '#828297', + secondary: '#5D5D70', + tertiary: '#454558', }, info: { - primary: '#4185DC', - secondary: '#265EAA', - tertiary: '#274775', + primary: '#1185ED', + secondary: '#005BC0', + tertiary: '#124394', }, success: { - primary: '#4B9079', - secondary: '#2B695A', - tertiary: '#2A4D45', + primary: '#309556', + secondary: '#016D31', + tertiary: '#005317', }, warning: { - primary: '#C86C08', - secondary: '#984800', - tertiary: '#6C3A19', + primary: '#DA5E18', + secondary: '#AD3300', + tertiary: '#882011', }, error: { - primary: '#F63A45', - secondary: '#BD0F23', - tertiary: '#812727', - }, - disabled: { primary: '#2B303D' }, - }, - palette: { - brand: { - primary: '#7E98FF', - secondary: '#5C7AF7', - tertiary: '#3E5DE7', - }, - red: { - primary: '#FF706E', - secondary: '#F63A45', - tertiary: '#CF202D', - }, - orange: { - primary: '#D28C81', - secondary: '#BE6E62', - tertiary: '#9E564D', - }, - brown: { - primary: '#C3937B', - secondary: '#A77A62', - tertiary: '#8B614D', - }, - yellow: { - primary: '#C49711', - secondary: '#A87D07', - tertiary: '#8D6300', - }, - green: { - primary: '#85AA45', - secondary: '#688F30', - tertiary: '#4D7621', - }, - 'blue-1': { - primary: '#6F9BFD', - secondary: '#437DFC', - tertiary: '#3665CC', - }, - 'blue-2': { - primary: '#3BAACA', - secondary: '#318EA9', - tertiary: '#277389', - }, - purple: { - primary: '#BE83FA', - secondary: '#AB5EF0', - tertiary: '#933CDB', - }, - pink: { - primary: '#E779B8', - secondary: '#D2579E', - tertiary: '#B0417F', - }, - gray: { - primary: '#969EB0', - secondary: '#7B8498', - tertiary: '#626A80', + primary: '#F0463D', + secondary: '#C00100', + tertiary: '#910C06', }, + disabled: { primary: '#2F303D' }, }, }, }, + components: {}, }, dsfr: { globals: { 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: 100, extrabold: 800, black: 900 }, families: { - base: 'Marianne, Inter, Roboto Flex Variable, sans-serif', accent: 'Marianne, Inter, Roboto Flex Variable, sans-serif', + base: 'Marianne, Inter, Roboto Flex Variable, sans-serif', + }, + }, + spacings: { + '0': '0', + none: '0', + auto: 'auto', + bx: '2.2rem', + full: '100%', + '4xs': '0.125rem', + '3xs': '0.25rem', + '2xs': '0.375rem', + xs: '0.5rem', + sm: '0.75rem', + base: '1rem', + md: '1.5rem', + lg: '2rem', + xl: '2.5rem', + xxl: '3rem', + '2xl': '3rem', + xxxl: '3.5rem', + '3xl': '3.5rem', + '4xl': '4rem', + '5xl': '4.5rem', + '6xl': '6rem', + '7xl': '7.5rem', + }, + breakpoints: { + xxs: '320px', + xs: '480px', + mobile: '768px', + tablet: '1024px', + }, + colors: { + 'logo-1-light': '#2845C1', + 'logo-2-light': '#C83F49', + 'logo-1-dark': '#95ABFF', + 'logo-2-dark': '#E78087', + 'brand-050': '#EDF0FF', + 'brand-100': '#DAE2FF', + 'brand-150': '#C8D3FF', + 'brand-200': '#B5C4FF', + 'brand-250': '#A2B6FF', + 'brand-300': '#90A7FF', + 'brand-350': '#7E98FF', + 'brand-400': '#6C89FE', + 'brand-450': '#5C7AF7', + 'brand-500': '#4C6CEF', + 'brand-550': '#3E5DE7', + 'brand-600': '#304DDF', + 'brand-650': '#2845C1', + 'brand-700': '#223E9E', + 'brand-750': '#1F367D', + 'brand-800': '#1B2E5F', + 'brand-850': '#172446', + 'brand-900': '#121B30', + 'brand-950': '#0C111A', + 'gray-000': '#FFFFFF', + 'gray-025': '#F8F8F9', + 'gray-050': '#F0F0F3', + 'gray-100': '#DFE2EA', + 'gray-150': '#CFD5DE', + 'gray-200': '#C1C7D3', + 'gray-250': '#B2B9C7', + 'gray-300': '#A4ABBC', + 'gray-350': '#969EB0', + 'gray-400': '#8891A4', + 'gray-450': '#7B8498', + 'gray-500': '#6D778C', + 'gray-550': '#626A80', + 'gray-600': '#555E74', + 'gray-650': '#4A5267', + 'gray-700': '#3F4759', + 'gray-750': '#363B4C', + 'gray-800': '#2B303D', + 'gray-850': '#222631', + 'gray-900': '#181B24', + 'gray-950': '#0F1117', + 'gray-1000': '#000000', + 'info-050': '#E7F2FF', + 'info-100': '#CFE5FF', + 'info-150': '#B7D7FF', + 'info-200': '#A0CAFE', + 'info-250': '#8CBCF9', + 'info-300': '#77AEF4', + 'info-350': '#63A0EE', + 'info-400': '#5092E7', + 'info-450': '#4185DC', + 'info-500': '#3677CC', + 'info-550': '#2F6ABB', + 'info-600': '#265EAA', + 'info-650': '#28528F', + 'info-700': '#274775', + 'info-750': '#243C5E', + 'info-800': '#20314A', + 'info-850': '#1B2637', + 'info-900': '#141C27', + 'info-950': '#0D1118', + 'success-050': '#DEF7E6', + 'success-100': '#BAEECF', + 'success-150': '#A5E2C0', + 'success-200': '#95D4B3', + 'success-250': '#85C6A7', + 'success-300': '#74B99B', + 'success-350': '#65AB8F', + 'success-400': '#579E84', + 'success-450': '#4B9079', + 'success-500': '#40836F', + 'success-550': '#367664', + 'success-600': '#2B695A', + 'success-650': '#2C5A50', + 'success-700': '#2A4D45', + 'success-750': '#26403C', + 'success-800': '#213430', + 'success-850': '#1B2826', + 'success-900': '#151D1C', + 'success-950': '#0D1212', + 'warning-050': '#FFEEDF', + 'warning-100': '#FFDCBE', + 'warning-150': '#FFCA9C', + 'warning-200': '#FFB778', + 'warning-250': '#FDA54F', + 'warning-300': '#F59425', + 'warning-350': '#E78613', + 'warning-400': '#D7790C', + 'warning-450': '#C86C08', + 'warning-500': '#B85F03', + 'warning-550': '#A75400', + 'warning-600': '#984800', + 'warning-650': '#814112', + 'warning-700': '#6C3A19', + 'warning-750': '#58321C', + 'warning-800': '#452A1A', + 'warning-850': '#352117', + 'warning-900': '#261813', + 'warning-950': '#170F0C', + 'error-050': '#FFEDEB', + 'error-100': '#FFDAD7', + 'error-150': '#FFC7C2', + 'error-200': '#FFB3AD', + 'error-250': '#FF9F99', + 'error-300': '#FF8984', + 'error-350': '#FF706E', + 'error-400': '#FB5759', + 'error-450': '#F63A45', + 'error-500': '#E32C39', + 'error-550': '#CF202D', + 'error-600': '#BD0F23', + 'error-650': '#9D2227', + 'error-700': '#812727', + 'error-750': '#672624', + 'error-800': '#512220', + 'error-850': '#3D1C1B', + 'error-900': '#2A1614', + 'error-950': '#190E0D', + 'red-050': '#FFEDEB', + 'red-100': '#FFDAD7', + 'red-150': '#FFC7C2', + 'red-200': '#FFB3AD', + 'red-250': '#FF9F99', + 'red-300': '#FF8984', + 'red-350': '#FF706E', + 'red-400': '#FB5759', + 'red-450': '#F63A45', + 'red-500': '#E32C39', + 'red-550': '#CF202D', + 'red-600': '#BD0F23', + 'red-650': '#9D2227', + 'red-700': '#812727', + 'red-750': '#672624', + 'red-800': '#512220', + 'red-850': '#3D1C1B', + 'red-900': '#410003', + 'red-950': '#190E0D', + 'orange-050': '#FCEDEB', + 'orange-100': '#F8DCD7', + 'orange-150': '#F1CCC5', + 'orange-200': '#EABCB4', + 'orange-250': '#E2ACA2', + 'orange-300': '#DA9C92', + 'orange-350': '#D28C81', + 'orange-400': '#CA7C70', + 'orange-450': '#BE6E62', + 'orange-500': '#AE6257', + 'orange-550': '#9E564D', + 'orange-600': '#8F4B42', + 'orange-650': '#79443D', + 'orange-700': '#643C37', + 'orange-750': '#513430', + 'orange-800': '#412B28', + 'orange-850': '#312220', + 'orange-900': '#231918', + 'orange-950': '#150F0F', + 'brown-050': '#F9EFEA', + 'brown-100': '#F3DFD3', + 'brown-150': '#EACFC1', + 'brown-200': '#E2BFAE', + 'brown-250': '#D8B19C', + 'brown-300': '#D0A189', + 'brown-350': '#C3937B', + 'brown-400': '#B5866D', + 'brown-450': '#A77A62', + 'brown-500': '#996D57', + 'brown-550': '#8B614D', + 'brown-600': '#7C5542', + 'brown-650': '#6A4C3C', + 'brown-700': '#594236', + 'brown-750': '#49382F', + 'brown-800': '#3B2E28', + 'brown-850': '#2D2420', + 'brown-900': '#201A18', + 'brown-950': '#13100F', + 'yellow-050': '#FDF1C5', + 'yellow-100': '#FBE18E', + 'yellow-150': '#F4D261', + 'yellow-200': '#EAC244', + 'yellow-250': '#DFB41B', + 'yellow-300': '#D1A516', + 'yellow-350': '#C49711', + 'yellow-400': '#B78A0C', + 'yellow-450': '#A87D07', + 'yellow-500': '#9B6F02', + 'yellow-550': '#8D6300', + 'yellow-600': '#7F5600', + 'yellow-650': '#6E4C11', + 'yellow-700': '#5D4219', + 'yellow-750': '#4D371B', + 'yellow-800': '#3D2E1A', + 'yellow-850': '#2F2417', + 'yellow-900': '#221A12', + 'yellow-950': '#14100C', + 'green-050': '#E7F9B3', + 'green-100': '#D5EC98', + 'green-150': '#C5DE86', + 'green-200': '#B5D174', + 'green-250': '#A5C464', + 'green-300': '#95B755', + 'green-350': '#85AA45', + 'green-400': '#769D39', + 'green-450': '#688F30', + 'green-500': '#5A8228', + 'green-550': '#4D7621', + 'green-600': '#416919', + 'green-650': '#3A5B20', + 'green-700': '#324E22', + 'green-750': '#2C4122', + 'green-800': '#24351D', + 'green-850': '#1D2919', + 'green-900': '#161E13', + 'green-950': '#0E120C', + 'blue-1-050': '#E7F2FF', + 'blue-1-100': '#CFE5FF', + 'blue-1-150': '#B7D7FF', + 'blue-1-200': '#A0CAFE', + 'blue-1-250': '#8CBCF9', + 'blue-1-300': '#77AEF4', + 'blue-1-350': '#63A0EE', + 'blue-1-400': '#5092E7', + 'blue-1-450': '#4185DC', + 'blue-1-500': '#3677CC', + 'blue-1-550': '#2F6ABB', + 'blue-1-600': '#265EAA', + 'blue-1-650': '#28528F', + 'blue-1-700': '#274775', + 'blue-1-750': '#243C5E', + 'blue-1-800': '#20314A', + 'blue-1-850': '#1B2637', + 'blue-1-900': '#141C27', + 'blue-1-950': '#0D1118', + 'blue-2-050': '#E2F4FD', + 'blue-2-100': '#C4E8F8', + 'blue-2-150': '#AADCF2', + 'blue-2-200': '#93CFEB', + 'blue-2-250': '#7CC2E2', + 'blue-2-300': '#6CB4D6', + 'blue-2-350': '#5CA7C9', + 'blue-2-400': '#5099BC', + 'blue-2-450': '#458BAE', + 'blue-2-500': '#3A7EA0', + 'blue-2-550': '#327191', + 'blue-2-600': '#286483', + 'blue-2-650': '#2B5770', + 'blue-2-700': '#294A5E', + 'blue-2-750': '#263E4D', + 'blue-2-800': '#22323D', + 'blue-2-850': '#1C272E', + 'blue-2-900': '#151D21', + 'blue-2-950': '#0E1114', + 'purple-050': '#F5EEFF', + 'purple-100': '#ECDCFF', + 'purple-150': '#E2CBFF', + 'purple-200': '#D9B9FF', + 'purple-250': '#D0A7FF', + 'purple-300': '#C894FE', + 'purple-350': '#BE83FA', + 'purple-400': '#B570F5', + 'purple-450': '#AB5EF0', + 'purple-500': '#A04BE8', + 'purple-550': '#933CDB', + 'purple-600': '#8530C8', + 'purple-650': '#7033A5', + 'purple-700': '#5D3185', + 'purple-750': '#4C2C6A', + 'purple-800': '#3C2652', + 'purple-850': '#2D203C', + 'purple-900': '#21182A', + 'purple-950': '#130F19', + 'pink-050': '#FFEBF6', + 'pink-100': '#FFD8ED', + 'pink-150': '#FCC4E3', + 'pink-200': '#F7B2D9', + 'pink-250': '#F29FCE', + 'pink-300': '#ED8CC3', + 'pink-350': '#E779B8', + 'pink-400': '#E264AD', + 'pink-450': '#D2579E', + 'pink-500': '#C24B8E', + 'pink-550': '#B0417F', + 'pink-600': '#9F3670', + 'pink-650': '#873560', + 'pink-700': '#6F3250', + 'pink-750': '#5A2C43', + 'pink-800': '#472635', + 'pink-850': '#351F29', + 'pink-900': '#26171D', + 'pink-950': '#170F12', + 'black-000': '#181B2400', + 'black-050': '#181B240D', + 'black-100': '#181B241A', + 'black-150': '#181B2426', + 'black-200': '#181B2433', + 'black-250': '#181B2440', + 'black-300': '#181B244D', + 'black-350': '#181B2459', + 'black-400': '#181B2466', + 'black-450': '#181B2473', + 'black-500': '#181B2480', + 'black-550': '#181B248C', + 'black-600': '#181B2499', + 'black-650': '#181B24A6', + 'black-700': '#181B24B2', + 'black-750': '#181B24BF', + 'black-800': '#181B24CC', + 'black-850': '#181B24D9', + 'black-900': '#181B24E5', + 'black-950': '#0F1117F2', + 'white-000': '#F6F8F900', + 'white-050': '#F6F8F90D', + 'white-100': '#F6F8F91A', + 'white-150': '#F6F8F926', + 'white-200': '#F6F8F933', + 'white-250': '#F6F8F940', + 'white-300': '#F6F8F94D', + 'white-350': '#F6F8F959', + 'white-400': '#F6F8F966', + 'white-450': '#F6F8F973', + 'white-500': '#F6F8F980', + 'white-550': '#F6F8F98C', + 'white-600': '#F6F8F999', + 'white-650': '#F6F8F9A6', + 'white-700': '#F6F8F9B2', + 'white-750': '#F6F8F9BF', + 'white-800': '#F6F8F9CC', + 'white-850': '#F6F8F9D9', + 'white-900': '#F6F8F9E5', + 'white-950': '#F6F8F9F2', + 'white-975': '#F6F8F9F9', + }, + spacing: { + '0': '0rem', + none: '0rem', + auto: 'auto', + bx: '2.2rem', + full: '100%', + '3xs': '0.25rem', + '2xs': '0.375rem', + }, + }, + contextuals: { + background: { + surface: { + primary: '#FFFFFF', + secondary: '#FFFFFF', + tertiary: '#F8F8F9', + }, + semantic: { + overlay: { primary: '#1B1B230D', 'primary-hover': '#1B1B231A' }, + contextual: { primary: '#1B1B230D', 'primary-hover': '#1B1B231A' }, + brand: { + primary: '#5E5CD0', + 'primary-hover': '#4844AD', + secondary: '#DDE2F5', + 'secondary-hover': '#CED3F1', + tertiary: '#EEF1FA', + 'tertiary-hover': '#DDE2F5', + }, + neutral: { + primary: '#69697D', + 'primary-hover': '#515164', + secondary: '#E2E2EA', + 'secondary-hover': '#D3D4E0', + tertiary: '#F0F0F3', + 'tertiary-hover': '#E2E2EA', + }, + info: { + primary: '#0069CF', + 'primary-hover': '#0D4EAA', + secondary: '#D5E4F3', + 'secondary-hover': '#BFD7F0', + tertiary: '#EAF2F9', + 'tertiary-hover': '#D5E4F3', + }, + success: { + primary: '#027B3E', + 'primary-hover': '#006024', + secondary: '#CFE4D4', + 'secondary-hover': '#BAD9C1', + tertiary: '#E8F1EA', + 'tertiary-hover': '#CFE4D4', + }, + warning: { + primary: '#BC4200', + 'primary-hover': '#9E2300', + secondary: '#F1E0D3', + 'secondary-hover': '#ECD0BC', + tertiary: '#F8F0E9', + 'tertiary-hover': '#F1E0D3', + }, + error: { + primary: '#D7010E', + 'primary-hover': '#AA0000', + secondary: '#F4DFD9', + 'secondary-hover': '#F0CEC6', + tertiary: '#F9EFEC', + 'tertiary-hover': '#F4DFD9', + }, + disabled: { primary: '#E2E2EA', secondary: '#F0F0F3' }, + }, + palette: { + brand: { + primary: '#6969DF', + secondary: '#8F94FD', + tertiary: '#CED3F1', + }, + red: { + primary: '#DA3B49', + secondary: '#F37B7E', + tertiary: '#F1CDCB', + }, + orange: { + primary: '#B95D33', + secondary: '#E5845A', + tertiary: '#ECD0BD', + }, + brown: { + primary: '#8F7158', + secondary: '#B8987E', + tertiary: '#EBD0BA', + }, + yellow: { + primary: '#9D6E00', + secondary: '#C2972E', + tertiary: '#E1D4B7', + }, + green: { + primary: '#008948', + secondary: '#45B173', + tertiary: '#B8D8C1', + }, + 'blue-1': { + primary: '#4279B9', + secondary: '#68A1E4', + tertiary: '#C1D7F0', + }, + 'blue-2': { + primary: '#00848F', + secondary: '#00AFBA', + tertiary: '#B2DCE0', + }, + purple: { + primary: '#9961AF', + secondary: '#C188D9', + tertiary: '#E7D1E7', + }, + pink: { + primary: '#AA5F80', + secondary: '#D685A8', + tertiary: '#EACEDF', + }, + gray: { + primary: '#75758A', + secondary: '#9C9CB2', + tertiary: '#D3D4E0', + }, + }, + }, + content: { + logo1: '#4844AD', + logo2: '#4844AD', + semantic: { + contextual: { primary: '#F8F8F9F2' }, + overlay: { primary: '#F8F8F9F2' }, + brand: { + primary: '#3E3B98', + secondary: '#534FC2', + tertiary: '#5E5CD0', + 'on-brand': '#EEF1FA', + }, + neutral: { + primary: '#25252F', + secondary: '#5D5D70', + tertiary: '#69697D', + 'on-neutral': '#F0F0F3', + }, + info: { + primary: '#124394', + secondary: '#005BC0', + tertiary: '#0069CF', + 'on-info': '#EAF2F9', + }, + success: { + primary: '#005317', + secondary: '#016D31', + tertiary: '#027B3E', + 'on-success': '#E8F1EA', + }, + warning: { + primary: '#882011', + secondary: '#AD3300', + tertiary: '#BC4200', + 'on-warning': '#F8F0E9', + }, + error: { + primary: '#910C06', + secondary: '#C00100', + tertiary: '#D7010E', + 'on-error': '#F9EFEC', + }, + disabled: { primary: '#A9A9BF', secondary: '#F8F8F980' }, + }, + palette: { + brand: { primary: '#6969DF' }, + red: { primary: '#DA3B49' }, + orange: { primary: '#B95D33' }, + brown: { primary: '#8F7158' }, + yellow: { primary: '#9D6E00' }, + green: { primary: '#008948' }, + 'blue-1': { primary: '#4279B9' }, + 'blue-2': { primary: '#00848F' }, + purple: { primary: '#9961AF' }, + pink: { primary: '#AA5F80' }, + gray: { primary: '#75758A' }, + }, + }, + border: { + surface: { primary: '#E2E2EA' }, + semantic: { + contextual: { primary: '#F8F8F933' }, + overlay: { primary: '#F8F8F933' }, + brand: { + primary: '#5E5CD0', + secondary: '#A0A5F6', + tertiary: '#CED3F1', + }, + neutral: { + primary: '#69697D', + secondary: '#A9A9BF', + tertiary: '#D3D4E0', + }, + info: { + primary: '#0069CF', + secondary: '#6EB0F2', + tertiary: '#BFD7F0', + }, + success: { + primary: '#027B3E', + secondary: '#6CBA83', + tertiary: '#BAD9C1', + }, + warning: { + primary: '#BC4200', + secondary: '#EB9970', + tertiary: '#ECD0BC', + }, + error: { + primary: '#D7010E', + secondary: '#EF9486', + tertiary: '#F0CEC6', + }, + disabled: { primary: '#E2E2EA' }, }, }, }, components: { + modal: { 'width-small': '342px' }, + tooltip: { padding: '4px 8px' }, + button: { + 'medium-height': '40px', + 'medium-text-height': '40px', + 'border-radius': '4px', + 'border-radius--active': '4px', + 'border-radius--focus': '4px', + }, + datagrid: { + 'header--color': '#25252F', + 'header--size': '12px', + 'header--weight': '500', + 'body--background-color-hover': '#F0F0F3', + }, + 'forms-checkbox': { 'font-size': '0.875rem' }, + badge: { + 'font-size': '0.75rem', + 'border-radius': '12px', + 'padding-inline': '0.5rem', + 'padding-block': '0.375rem', + accent: { 'background-color': '#DDE2F5', color: '#534FC2' }, + neutral: { 'background-color': '#E2E2EA', color: '#5D5D70' }, + danger: { 'background-color': '#F4DFD9', color: '#C00100' }, + success: { 'background-color': '#CFE4D4', color: '#016D31' }, + warning: { 'background-color': '#F1E0D3', color: '#AD3300' }, + info: { 'background-color': '#D5E4F3', color: '#005BC0' }, + }, logo: { src: '/assets/logo-gouv.svg', + alt: 'Gouvernement Logo', widthHeader: '110px', widthFooter: '220px', - alt: 'Gouvernement Logo', }, 'la-gaufre': true, 'home-proconnect': true, @@ -1556,309 +1981,9 @@ export const tokens = { height: 'auto', }, favicon: { - ico: '/assets/favicon-dsfr.ico', 'png-light': '/assets/favicon-dsfr.png', 'png-dark': '/assets/favicon-dark-dsfr.png', - }, - }, - }, - generic: { - globals: { - colors: { - 'brand-050': '#EEF1FA', - 'brand-100': '#DDE2F5', - 'brand-150': '#CED3F1', - 'brand-200': '#BEC5F0', - 'brand-250': '#AFB5F1', - 'brand-300': '#A0A5F6', - 'brand-350': '#8F94FD', - 'brand-400': '#8184FC', - 'brand-450': '#7576EE', - 'brand-500': '#6969DF', - 'brand-550': '#5E5CD0', - 'brand-600': '#534FC2', - 'brand-650': '#4844AD', - 'brand-700': '#3E3B98', - 'brand-750': '#36347D', - 'brand-800': '#2D2F5F', - 'brand-850': '#262848', - 'brand-900': '#1C1E32', - 'brand-950': '#11131F', - 'gray-000': '#FFFFFF', - 'gray-025': '#F8F8F9', - 'gray-050': '#F0F0F3', - 'gray-100': '#E2E2EA', - 'gray-150': '#D3D4E0', - 'gray-200': '#C5C6D5', - 'gray-250': '#B7B7CB', - 'gray-300': '#A9A9BF', - 'gray-350': '#9C9CB2', - 'gray-400': '#8F8FA4', - 'gray-450': '#828297', - 'gray-500': '#75758A', - 'gray-550': '#69697D', - 'gray-600': '#5D5D70', - 'gray-650': '#515164', - 'gray-700': '#454558', - 'gray-750': '#3A3A4C', - 'gray-800': '#2F303D', - 'gray-850': '#25252F', - 'gray-900': '#1B1B23', - 'gray-950': '#111114', - 'gray-1000': '#000000', - 'info-050': '#EAF2F9', - 'info-100': '#D5E4F3', - 'info-150': '#BFD7F0', - 'info-200': '#A7CAEE', - 'info-250': '#8DBDEF', - 'info-300': '#6EB0F2', - 'info-350': '#50A2F5', - 'info-400': '#3593F4', - 'info-450': '#1185ED', - 'info-500': '#0077DE', - 'info-550': '#0069CF', - 'info-600': '#005BC0', - 'info-650': '#0D4EAA', - 'info-700': '#124394', - 'info-750': '#163878', - 'info-800': '#192F5A', - 'info-850': '#192541', - 'info-900': '#141B2D', - 'info-950': '#0C111C', - 'success-050': '#E8F1EA', - 'success-100': '#CFE4D4', - 'success-150': '#BAD9C1', - 'success-200': '#A2CFAD', - 'success-250': '#86C597', - 'success-300': '#6CBA83', - 'success-350': '#4FB070', - 'success-400': '#40A363', - 'success-450': '#309556', - 'success-500': '#1E884A', - 'success-550': '#027B3E', - 'success-600': '#016D31', - 'success-650': '#006024', - 'success-700': '#005317', - 'success-750': '#0D4511', - 'success-800': '#11380E', - 'success-850': '#132A11', - 'success-900': '#101E0F', - 'success-950': '#091209', - 'warning-050': '#F8F0E9', - 'warning-100': '#F1E0D3', - 'warning-150': '#ECD0BC', - 'warning-200': '#E8C0A4', - 'warning-250': '#E8AE8A', - 'warning-300': '#EB9970', - 'warning-350': '#E98456', - 'warning-400': '#E57036', - 'warning-450': '#DA5E18', - 'warning-500': '#CB5000', - 'warning-550': '#BC4200', - 'warning-600': '#AD3300', - 'warning-650': '#9E2300', - 'warning-700': '#882011', - 'warning-750': '#731E16', - 'warning-800': '#58201A', - 'warning-850': '#401D18', - 'warning-900': '#2E1714', - 'warning-950': '#1D0F0D', - 'error-050': '#F9EFEC', - 'error-100': '#F4DFD9', - 'error-150': '#F0CEC6', - 'error-200': '#EEBCB2', - 'error-250': '#EEA99D', - 'error-300': '#EF9486', - 'error-350': '#F37C6E', - 'error-400': '#F65F53', - 'error-450': '#F0463D', - 'error-500': '#E82322', - 'error-550': '#D7010E', - 'error-600': '#C00100', - 'error-650': '#AA0000', - 'error-700': '#910C06', - 'error-750': '#731E16', - 'error-800': '#58201A', - 'error-850': '#401D18', - 'error-900': '#2E1714', - 'error-950': '#1D0F0D', - 'red-050': '#FAEFEE', - 'red-100': '#F4DEDD', - 'red-150': '#F1CDCB', - 'red-200': '#EFBBBA', - 'red-250': '#EEA8A8', - 'red-300': '#F09394', - 'red-350': '#F37B7E', - 'red-400': '#EF6569', - 'red-450': '#E94A55', - 'red-500': '#DA3B49', - 'red-550': '#CA2A3C', - 'red-600': '#BB1330', - 'red-650': '#A90021', - 'red-700': '#910A13', - 'red-750': '#731E16', - 'red-800': '#58201A', - 'red-850': '#411D18', - 'red-900': '#2E1714', - 'red-950': '#1D0F0D', - 'orange-050': '#F8F0E9', - 'orange-100': '#F1E0D3', - 'orange-150': '#ECD0BD', - 'orange-200': '#EABFA6', - 'orange-250': '#EBAC90', - 'orange-300': '#EC9772', - 'orange-350': '#E5845A', - 'orange-400': '#D6774D', - 'orange-450': '#C86A40', - 'orange-500': '#B95D33', - 'orange-550': '#AB5025', - 'orange-600': '#9D4315', - 'orange-650': '#8F3600', - 'orange-700': '#812900', - 'orange-750': '#6C2511', - 'orange-800': '#572017', - 'orange-850': '#401D18', - 'orange-900': '#2E1714', - 'orange-950': '#1D0F0D', - 'brown-050': '#F6F0E8', - 'brown-100': '#F1E0D3', - 'brown-150': '#EBD0BA', - 'brown-200': '#E2C0A6', - 'brown-250': '#D4B398', - 'brown-300': '#C6A58B', - 'brown-350': '#B8987E', - 'brown-400': '#AA8B71', - 'brown-450': '#9D7E65', - 'brown-500': '#8F7158', - 'brown-550': '#82654C', - 'brown-600': '#765841', - 'brown-650': '#694C35', - 'brown-700': '#5D412A', - 'brown-750': '#51361E', - 'brown-800': '#452A13', - 'brown-850': '#392008', - 'brown-900': '#29180A', - 'brown-950': '#1B0F08', - 'yellow-050': '#F3F0E7', - 'yellow-100': '#E9E2CF', - 'yellow-150': '#E1D4B7', - 'yellow-200': '#D9C599', - 'yellow-250': '#D2B677', - 'yellow-300': '#CAA756', - 'yellow-350': '#C2972E', - 'yellow-400': '#B98900', - 'yellow-450': '#AB7B00', - 'yellow-500': '#9D6E00', - 'yellow-550': '#916100', - 'yellow-600': '#855400', - 'yellow-650': '#784700', - 'yellow-700': '#6C3A00', - 'yellow-750': '#5F2E00', - 'yellow-800': '#512302', - 'yellow-850': '#3E1D10', - 'yellow-900': '#2D1711', - 'yellow-950': '#1D0F0D', - 'green-050': '#E6F1E9', - 'green-100': '#CFE4D5', - 'green-150': '#B8D8C1', - 'green-200': '#A0CFAE', - 'green-250': '#84C59A', - 'green-300': '#65BA86', - 'green-350': '#45B173', - 'green-400': '#23A562', - 'green-450': '#029755', - 'green-500': '#008948', - 'green-550': '#017B3B', - 'green-600': '#006E2E', - 'green-650': '#006022', - 'green-700': '#005314', - 'green-750': '#0D4510', - 'green-800': '#11380E', - 'green-850': '#132A11', - 'green-900': '#101E0F', - 'green-950': '#091209', - 'blue1-050': '#EBF1F9', - 'blue1-100': '#D6E4F4', - 'blue1-150': '#C1D7F0', - 'blue1-200': '#AACAEF', - 'blue1-250': '#8FBCEF', - 'blue1-300': '#7CAFEB', - 'blue1-350': '#68A1E4', - 'blue1-400': '#5B94D6', - 'blue1-450': '#4E86C7', - 'blue1-500': '#4279B9', - 'blue1-550': '#356CAC', - 'blue1-600': '#28609E', - 'blue1-650': '#1B5390', - 'blue1-700': '#0B4783', - 'blue1-750': '#0F3C6E', - 'blue1-800': '#133059', - 'blue1-850': '#152641', - 'blue1-900': '#121C2D', - 'blue1-950': '#0B111C', - 'blue2-050': '#E7F3F4', - 'blue2-100': '#CEE7E9', - 'blue2-150': '#B2DCE0', - 'blue2-200': '#91D1D7', - 'blue2-250': '#68C7D0', - 'blue2-300': '#43BBC5', - 'blue2-350': '#00AFBA', - 'blue2-400': '#01A0AA', - 'blue2-450': '#00929D', - 'blue2-500': '#00848F', - 'blue2-550': '#007682', - 'blue2-600': '#016874', - 'blue2-650': '#005B67', - 'blue2-700': '#004E5A', - 'blue2-750': '#00424E', - 'blue2-800': '#003642', - 'blue2-850': '#002A38', - 'blue2-900': '#061E28', - 'blue2-950': '#071219', - 'purple-050': '#F7F0F6', - 'purple-100': '#EEE0EE', - 'purple-150': '#E7D1E7', - 'purple-200': '#DBBFE4', - 'purple-250': '#D3AEE2', - 'purple-300': '#CB99E1', - 'purple-350': '#C188D9', - 'purple-400': '#B47BCB', - 'purple-450': '#A66EBD', - 'purple-500': '#9961AF', - 'purple-550': '#8B55A1', - 'purple-600': '#7E4894', - 'purple-650': '#723C87', - 'purple-700': '#633376', - 'purple-750': '#552A65', - 'purple-800': '#452551', - 'purple-850': '#35213D', - 'purple-900': '#261A2C', - 'purple-950': '#17111C', - 'pink-050': '#F8EFF4', - 'pink-100': '#F0DFEA', - 'pink-150': '#EACEDF', - 'pink-200': '#E9BBD1', - 'pink-250': '#E9A7C2', - 'pink-300': '#E095B4', - 'pink-350': '#D685A8', - 'pink-400': '#C7799B', - 'pink-450': '#B86C8D', - 'pink-500': '#AA5F80', - 'pink-550': '#9C5374', - 'pink-600': '#8E4767', - 'pink-650': '#813B5B', - 'pink-700': '#732E4F', - 'pink-750': '#632643', - 'pink-800': '#521F38', - 'pink-850': '#3E1C2B', - 'pink-900': '#2D171F', - 'pink-950': '#1C0E12', - }, - font: { - families: { - base: 'Inter, Roboto Flex Variable, sans-serif', - accent: 'Inter, Roboto Flex Variable, sans-serif', - }, + ico: '/assets/favicon-dsfr.ico', }, }, }, diff --git a/src/frontend/apps/impress/src/cunningham/useCunninghamTheme.tsx b/src/frontend/apps/impress/src/cunningham/useCunninghamTheme.tsx index 038bb113..672b5be6 100644 --- a/src/frontend/apps/impress/src/cunningham/useCunninghamTheme.tsx +++ b/src/frontend/apps/impress/src/cunningham/useCunninghamTheme.tsx @@ -28,7 +28,7 @@ const getMergedTokens = (theme: Theme) => { return merge({}, tokens.themes['default'], tokens.themes[theme]); }; -const DEFAULT_THEME: Theme = 'generic'; +const DEFAULT_THEME: Theme = 'default'; const defaultTokens = getMergedTokens(DEFAULT_THEME); const initialState: ThemeStore = { From 2f52dddc84abfdb790d42030c7d5051913ea469e Mon Sep 17 00:00:00 2001 From: Anthony LC Date: Wed, 14 Jan 2026 17:26:23 +0100 Subject: [PATCH 08/15] =?UTF-8?q?=E2=9C=A8(frontend)=20integrate=20configu?= =?UTF-8?q?rable=20Waffle?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Integrate Waffle component based on LaGaufreV2 from @gouvfr-lasuite/ui-kit. Waffle will be fully configurable via the app config, allowing to be set through environment variables and api-provided configuration. --- CHANGELOG.md | 4 + docs/assets/waffle.png | Bin 0 -> 44062 bytes docs/{theming.md => customization.md} | 46 ++++++++-- .../e2e/__tests__/app-impress/header.spec.ts | 84 +++++++++++++----- .../e2e/__tests__/app-impress/home.spec.ts | 3 - src/frontend/apps/impress/cunningham.ts | 2 - .../impress/src/core/config/api/useConfig.tsx | 3 +- .../__tests__/useCunninghamTheme.spec.tsx | 2 +- .../src/cunningham/cunningham-tokens.css | 2 - .../src/cunningham/cunningham-tokens.ts | 2 - .../src/features/header/components/Header.tsx | 6 +- .../features/header/components/LaGaufre.tsx | 39 -------- .../src/features/header/components/Waffle.tsx | 48 ++++++++++ .../src/features/header/components/index.ts | 2 +- .../features/home/components/HomeHeader.tsx | 4 +- .../env.d/dev/configuration/theme/demo.json | 25 ++++++ 16 files changed, 188 insertions(+), 84 deletions(-) create mode 100644 docs/assets/waffle.png rename docs/{theming.md => customization.md} (80%) delete mode 100644 src/frontend/apps/impress/src/features/header/components/LaGaufre.tsx create mode 100644 src/frontend/apps/impress/src/features/header/components/Waffle.tsx diff --git a/CHANGELOG.md b/CHANGELOG.md index 68305f62..89f1caf9 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -6,6 +6,10 @@ and this project adheres to ## [Unreleased] +### Added + +- ✨(frontend) integrate configurable Waffle #1795 + ### Fixed - ✅(e2e) fix e2e test for other browsers #1799 diff --git a/docs/assets/waffle.png b/docs/assets/waffle.png new file mode 100644 index 0000000000000000000000000000000000000000..8597eb0a0e662f5471b2fe7c5fa221237fafd099 GIT binary patch literal 44062 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 literal 0 HcmV?d00001 diff --git a/docs/theming.md b/docs/customization.md similarity index 80% rename from docs/theming.md rename to docs/customization.md index f67024df..ee192003 100644 --- a/docs/theming.md +++ b/docs/customization.md @@ -1,4 +1,6 @@ -# Runtime Theming 🎨 +# Customization Guide 🛠 ️ + +## Runtime Theming 🎨 ### How to Use @@ -32,7 +34,7 @@ Then, set the `FRONTEND_CSS_URL` environment variable to the URL of your custom ---- -# Runtime JavaScript Injection 🚀 +## Runtime JavaScript Injection 🚀 ### How to Use @@ -87,7 +89,7 @@ Then, set the `FRONTEND_JS_URL` environment variable to the URL of your custom J ---- -# **Your Docs icon** 📝 +## **Your Docs icon** 📝 You can add your own Docs icon in the header from the theme customization file. @@ -105,7 +107,7 @@ This configuration is optional. If not set, the default icon will be used. ---- -# **Footer Configuration** 📝 +## **Footer Configuration** 📝 The footer is configurable from the theme customization file. @@ -128,7 +130,7 @@ Below is a visual example of a configured footer ⬇️: ---- -# **Custom Translations** 📝 +## **Custom Translations** 📝 The translations can be partially overridden from the theme customization file. @@ -140,4 +142,36 @@ THEME_CUSTOMIZATION_FILE_PATH= ### Example of JSON -The json must follow some rules: https://github.com/suitenumerique/docs/blob/main/src/helm/env.d/dev/configuration/theme/demo.json \ No newline at end of file +The json must follow some rules: https://github.com/suitenumerique/docs/blob/main/src/helm/env.d/dev/configuration/theme/demo.json + +---- + +## **Waffle Configuration** 🧇 + +The Waffle (La Gaufre) is a widget that displays a grid of services. + +![Waffle Configuration Example](./assets/waffle.png) + +### Settings 🔧 + +```shellscript +THEME_CUSTOMIZATION_FILE_PATH= +``` + +### Configuration + +The Waffle can be configured in the theme customization file with the `waffle` key. + +### Available Properties + +See: [LaGaufreV2Props](https://github.com/suitenumerique/ui-kit/blob/main/src/components/la-gaufre/LaGaufreV2.tsx#L49) + +### Complete Example + +From the theme customization file: https://github.com/suitenumerique/docs/blob/main/src/helm/env.d/dev/configuration/theme/demo.json + +### Behavior + +- If `data.services` is provided, the Waffle will display those services statically +- If no data is provided, services can be fetched dynamically from an API endpoint thanks to the `apiUrl` property + diff --git a/src/frontend/apps/e2e/__tests__/app-impress/header.spec.ts b/src/frontend/apps/e2e/__tests__/app-impress/header.spec.ts index a458dac8..6d31d28e 100644 --- a/src/frontend/apps/e2e/__tests__/app-impress/header.spec.ts +++ b/src/frontend/apps/e2e/__tests__/app-impress/header.spec.ts @@ -59,45 +59,90 @@ test.describe('Header', () => { ).toBeVisible(); await expect(header.getByText('English')).toBeVisible(); - - await expect( - header.getByRole('button', { - name: 'Les services de La Suite numérique', - }), - ).toBeVisible(); }); - test('checks La Gauffre interaction', async ({ page }) => { + test('checks a custom waffle', async ({ page }) => { await overrideConfig(page, { - FRONTEND_THEME: 'dsfr', + theme_customization: { + waffle: { + data: { + services: [ + { + name: 'Docs E2E Custom 1', + url: 'https://docs.numerique.gouv.fr/', + maturity: 'stable', + logo: 'https://lasuite.numerique.gouv.fr/assets/products/docs.svg', + }, + { + name: 'Docs E2E Custom 2', + url: 'https://docs.numerique.gouv.fr/', + maturity: 'stable', + logo: 'https://lasuite.numerique.gouv.fr/assets/products/docs.svg', + }, + ], + }, + showMoreLimit: 9, + }, + }, }); await page.goto('/'); const header = page.locator('header').first(); await expect( - header.getByRole('button', { - name: 'Les services de La Suite numérique', - }), + header.getByRole('button', { name: 'Digital LaSuite services' }), ).toBeVisible(); /** - * La gaufre load a js file from a remote server, + * The Waffle loads a js file from a remote server, + * it takes some time to load the file and have the interaction available + */ + await page.waitForTimeout(1500); + + await header + .getByRole('button', { name: 'Digital LaSuite services' }) + .click(); + + await expect( + page.getByRole('link', { name: 'Docs E2E Custom 1' }), + ).toBeVisible(); + await expect( + page.getByRole('link', { name: 'Docs E2E Custom 2' }), + ).toBeVisible(); + }); + + test('checks the waffle dsfr', async ({ page }) => { + await overrideConfig(page, { + theme_customization: { + waffle: { + apiUrl: 'https://lasuite.numerique.gouv.fr/api/services', + showMoreLimit: 9, + }, + }, + }); + await page.goto('/'); + + const header = page.locator('header').first(); + + await expect( + header.getByRole('button', { name: 'Digital LaSuite services' }), + ).toBeVisible(); + + /** + * The Waffle loads a js file from a remote server, * it takes some time to load the file and have the interaction available */ await page.waitForTimeout(1500); await header .getByRole('button', { - name: 'Les services de La Suite numérique', + name: 'Digital LaSuite services', }) .click(); - await expect( - page.getByRole('link', { name: 'France Transfert' }), - ).toBeVisible(); - + await expect(page.getByRole('link', { name: 'Tchap' })).toBeVisible(); await expect(page.getByRole('link', { name: 'Grist' })).toBeVisible(); + await expect(page.getByRole('link', { name: 'Visio' })).toBeVisible(); }); }); @@ -124,11 +169,6 @@ test.describe('Header mobile', () => { await expect(header.getByLabel('Open the header menu')).toBeVisible(); await expect(header.getByTestId('header-icon-docs')).toBeVisible(); - await expect( - header.getByRole('button', { - name: 'Les services de La Suite numérique', - }), - ).toBeVisible(); }); }); diff --git a/src/frontend/apps/e2e/__tests__/app-impress/home.spec.ts b/src/frontend/apps/e2e/__tests__/app-impress/home.spec.ts index b1f7484b..e5d72bd8 100644 --- a/src/frontend/apps/e2e/__tests__/app-impress/home.spec.ts +++ b/src/frontend/apps/e2e/__tests__/app-impress/home.spec.ts @@ -113,9 +113,6 @@ test.describe('Home page', () => { }); await expect(languageButton).toBeVisible(); - await expect( - header.getByRole('button', { name: 'Les services de La Suite numé' }), - ).toBeVisible(); await expect( header.getByRole('img', { name: 'Gouvernement Logo' }), ).toBeVisible(); diff --git a/src/frontend/apps/impress/cunningham.ts b/src/frontend/apps/impress/cunningham.ts index f9b26046..d59a0b28 100644 --- a/src/frontend/apps/impress/cunningham.ts +++ b/src/frontend/apps/impress/cunningham.ts @@ -26,7 +26,6 @@ const themeWhiteLabelLight = getUIKitThemesFromGlobals(whiteLabelGlobals, { widthHeader: '', widthFooter: '', }, - 'la-gaufre': false, 'home-proconnect': false, icon: { src: '/assets/icon-docs.svg', @@ -64,7 +63,6 @@ const themesDSFRLight = getUIKitThemesFromGlobals(dsfrGlobals, { widthFooter: '220px', alt: 'Gouvernement Logo', }, - 'la-gaufre': true, 'home-proconnect': true, icon: { src: '/assets/icon-docs-dsfr.svg', diff --git a/src/frontend/apps/impress/src/core/config/api/useConfig.tsx b/src/frontend/apps/impress/src/core/config/api/useConfig.tsx index c1e9c26d..df846e67 100644 --- a/src/frontend/apps/impress/src/core/config/api/useConfig.tsx +++ b/src/frontend/apps/impress/src/core/config/api/useConfig.tsx @@ -4,13 +4,14 @@ import { Resource } from 'i18next'; import { APIError, errorCauses, fetchAPI } from '@/api'; import { Theme } from '@/cunningham/'; import { FooterType } from '@/features/footer'; -import { HeaderType } from '@/features/header'; +import { HeaderType, WaffleType } from '@/features/header'; import { PostHogConf } from '@/services'; interface ThemeCustomization { footer?: FooterType; translations?: Resource; header?: HeaderType; + waffle?: WaffleType; } export interface ConfigResponse { diff --git a/src/frontend/apps/impress/src/cunningham/__tests__/useCunninghamTheme.spec.tsx b/src/frontend/apps/impress/src/cunningham/__tests__/useCunninghamTheme.spec.tsx index 20c99e23..709f6d73 100644 --- a/src/frontend/apps/impress/src/cunningham/__tests__/useCunninghamTheme.spec.tsx +++ b/src/frontend/apps/impress/src/cunningham/__tests__/useCunninghamTheme.spec.tsx @@ -5,7 +5,7 @@ describe('', () => { expect(useCunninghamTheme.getState().componentTokens.logo?.src).toBe(''); // Change theme - useCunninghamTheme.getState().setTheme('dsfr-light'); + useCunninghamTheme.getState().setTheme('dsfr'); const { componentTokens } = useCunninghamTheme.getState(); const logo = componentTokens.logo; diff --git a/src/frontend/apps/impress/src/cunningham/cunningham-tokens.css b/src/frontend/apps/impress/src/cunningham/cunningham-tokens.css index 77241e67..c09bd662 100644 --- a/src/frontend/apps/impress/src/cunningham/cunningham-tokens.css +++ b/src/frontend/apps/impress/src/cunningham/cunningham-tokens.css @@ -893,7 +893,6 @@ --c--components--logo--alt: ; --c--components--logo--widthheader: ; --c--components--logo--widthfooter: ; - --c--components--la-gaufre: false; --c--components--home-proconnect: false; --c--components--icon--src: /assets/icon-docs.svg; --c--components--icon--width: 32px; @@ -2594,7 +2593,6 @@ --c--components--logo--alt: gouvernement logo; --c--components--logo--widthHeader: 110px; --c--components--logo--widthFooter: 220px; - --c--components--la-gaufre: true; --c--components--home-proconnect: true; --c--components--icon--src: /assets/icon-docs-dsfr.svg; --c--components--icon--width: 32px; diff --git a/src/frontend/apps/impress/src/cunningham/cunningham-tokens.ts b/src/frontend/apps/impress/src/cunningham/cunningham-tokens.ts index 9b543da7..e3d77fe4 100644 --- a/src/frontend/apps/impress/src/cunningham/cunningham-tokens.ts +++ b/src/frontend/apps/impress/src/cunningham/cunningham-tokens.ts @@ -677,7 +677,6 @@ export const tokens = { info: { 'background-color': '#D5E4F3', color: '#005BC0' }, }, logo: { src: '', alt: '', widthHeader: '', widthFooter: '' }, - 'la-gaufre': false, 'home-proconnect': false, icon: { src: '/assets/icon-docs.svg', width: '32px', height: 'auto' }, favicon: { @@ -1973,7 +1972,6 @@ export const tokens = { widthHeader: '110px', widthFooter: '220px', }, - 'la-gaufre': true, 'home-proconnect': true, icon: { src: '/assets/icon-docs-dsfr.svg', diff --git a/src/frontend/apps/impress/src/features/header/components/Header.tsx b/src/frontend/apps/impress/src/features/header/components/Header.tsx index a792cc42..ffc8d5fc 100644 --- a/src/frontend/apps/impress/src/features/header/components/Header.tsx +++ b/src/frontend/apps/impress/src/features/header/components/Header.tsx @@ -12,8 +12,8 @@ import { useResponsiveStore } from '@/stores'; import { HEADER_HEIGHT } from '../conf'; import { ButtonTogglePanel } from './ButtonTogglePanel'; -import { LaGaufre } from './LaGaufre'; import { Title } from './Title'; +import { Waffle } from './Waffle'; export const Header = () => { const { t } = useTranslation(); @@ -85,7 +85,7 @@ export const Header = () => { {!isDesktop ? ( - + ) : ( { > - + )} diff --git a/src/frontend/apps/impress/src/features/header/components/LaGaufre.tsx b/src/frontend/apps/impress/src/features/header/components/LaGaufre.tsx deleted file mode 100644 index 1910124a..00000000 --- a/src/frontend/apps/impress/src/features/header/components/LaGaufre.tsx +++ /dev/null @@ -1,39 +0,0 @@ -import { Gaufre } from '@gouvfr-lasuite/integration'; -import '@gouvfr-lasuite/integration/dist/css/gaufre.css'; -import Script from 'next/script'; -import React from 'react'; -import { createGlobalStyle } from 'styled-components'; - -import { useCunninghamTheme } from '@/cunningham'; - -const GaufreStyle = createGlobalStyle` - .lasuite-gaufre-btn{ - box-shadow: inset 0 0 0 0 !important; - border-radius: var(--c--components--button--border-radius) !important; - transition: all var(--c--globals--transitions--duration) var(--c--globals--transitions--ease-out) !important; - &:hover, &:focus-visible { - background: var(--c--contextuals--background--semantic--contextual--primary) !important; - } - color: var(--c--contextuals--content--semantic--brand--tertiary) !important; - } -`; - -export const LaGaufre = () => { - const { componentTokens } = useCunninghamTheme(); - - if (!componentTokens['la-gaufre']) { - return null; - } - - return ( - <> -