From 54d76a40d05e653e6383d24bd0e67c91010a5e6e Mon Sep 17 00:00:00 2001 From: Nathan Vasse Date: Thu, 12 Sep 2024 12:32:48 +0200 Subject: [PATCH] wip --- src/frontend/apps/impress/.env | 2 +- src/frontend/apps/impress/cunningham.ts | 296 ++--------- src/frontend/apps/impress/package.json | 3 +- .../cunningham/cunningham-custom-tokens.css | 13 - .../src/cunningham/cunningham-style.css | 280 +---------- .../src/cunningham/cunningham-tokens.css | 465 ++---------------- .../src/cunningham/cunningham-tokens.ts | 252 ++-------- src/frontend/yarn.lock | 143 +++++- 8 files changed, 277 insertions(+), 1177 deletions(-) diff --git a/src/frontend/apps/impress/.env b/src/frontend/apps/impress/.env index 033fe399..e04335f5 100644 --- a/src/frontend/apps/impress/.env +++ b/src/frontend/apps/impress/.env @@ -1,4 +1,4 @@ NEXT_PUBLIC_API_ORIGIN= NEXT_PUBLIC_Y_PROVIDER_URL= NEXT_PUBLIC_MEDIA_URL= -NEXT_PUBLIC_THEME=openDesk +NEXT_PUBLIC_THEME=dsfr diff --git a/src/frontend/apps/impress/cunningham.ts b/src/frontend/apps/impress/cunningham.ts index bd0e3399..4f52b336 100644 --- a/src/frontend/apps/impress/cunningham.ts +++ b/src/frontend/apps/impress/cunningham.ts @@ -2,13 +2,6 @@ const config = { themes: { default: { theme: { - colors: { - 'card-border': '#ededed', - 'primary-bg': '#FAFAFA', - 'primary-100': '#EDF5FA', - 'primary-150': '#E5EEFA', - 'info-150': '#E5EEFA', - }, font: { sizes: { ml: '0.938rem', @@ -28,174 +21,11 @@ const config = { black: 900, }, }, - spacings: { - '0': '0', - none: '0', - auto: 'auto', - bx: '2.2rem', - full: '100%', - }, - breakpoints: { - xxs: '320px', - xs: '480px', - }, - logo: { - src: '', - widthHeader: '', - widthFooter: '', - alt: '', - }, - }, - components: { - datagrid: { - header: { - weight: 'var(--c--theme--font--weights--extrabold)', - size: 'var(--c--theme--font--sizes--ml)', - }, - cell: { - color: 'var(--c--theme--colors--primary-500)', - size: 'var(--c--theme--font--sizes--ml)', - }, - }, - 'forms-checkbox': { - 'background-color': { - hover: '#055fd214', - }, - color: 'var(--c--theme--colors--primary-500)', - 'font-size': 'var(--c--theme--font--sizes--ml)', - }, - 'forms-datepicker': { - 'border-color': 'var(--c--theme--colors--primary-500)', - 'value-color': 'var(--c--theme--colors--primary-500)', - 'border-radius': { - hover: 'var(--c--components--forms-datepicker--border-radius)', - focus: 'var(--c--components--forms-datepicker--border-radius)', - }, - }, - 'forms-field': { - color: 'var(--c--theme--colors--primary-500)', - 'value-color': 'var(--c--theme--colors--primary-500)', - width: 'auto', - }, - 'forms-input': { - 'value-color': 'var(--c--theme--colors--primary-500)', - 'border-color': 'var(--c--theme--colors--primary-500)', - color: { - error: 'var(--c--theme--colors--danger-500)', - 'error-hover': 'var(--c--theme--colors--danger-500)', - 'box-shadow-error-hover': 'var(--c--theme--colors--danger-500)', - }, - }, - 'forms-labelledbox': { - 'label-color': { - small: 'var(--c--theme--colors--primary-500)', - 'small-disabled': 'var(--c--theme--colors--greyscale-400)', - big: { - disabled: 'var(--c--theme--colors--greyscale-400)', - }, - }, - }, - 'forms-select': { - 'border-color': 'var(--c--theme--colors--primary-500)', - 'border-color-disabled-hover': - 'var(--c--theme--colors--greyscale-200)', - 'border-radius': { - hover: 'var(--c--components--forms-select--border-radius)', - focus: 'var(--c--components--forms-select--border-radius)', - }, - 'font-size': 'var(--c--theme--font--sizes--ml)', - 'menu-background-color': '#ffffff', - 'item-background-color': { - hover: 'var(--c--theme--colors--primary-300)', - }, - }, - 'forms-switch': { - 'accent-color': 'var(--c--theme--colors--primary-400)', - }, - 'forms-textarea': { - 'border-color': 'var(--c--components--forms-textarea--border-color)', - 'border-color-hover': - 'var(--c--components--forms-textarea--border-color)', - 'border-radius': { - hover: 'var(--c--components--forms-textarea--border-radius)', - focus: 'var(--c--components--forms-textarea--border-radius)', - }, - color: 'var(--c--theme--colors--primary-500)', - disabled: { - 'border-color-hover': 'var(--c--theme--colors--greyscale-200)', - }, - }, - modal: { - 'background-color': '#ffffff', - }, - button: { - 'border-radius': { - active: 'var(--c--components--button--border-radius)', - }, - 'medium-height': 'auto', - 'small-height': 'auto', - success: { - color: 'white', - 'color-disabled': 'white', - 'color-hover': 'white', - background: { - color: 'var(--c--theme--colors--success-600)', - 'color-disabled': 'var(--c--theme--colors--greyscale-300)', - 'color-hover': 'var(--c--theme--colors--success-800)', - }, - }, - danger: { - 'color-hover': 'white', - background: { - color: 'var(--c--theme--colors--danger-400)', - 'color-hover': 'var(--c--theme--colors--danger-500)', - 'color-disabled': 'var(--c--theme--colors--danger-100)', - }, - }, - primary: { - color: 'var(--c--theme--colors--primary-text)', - 'color-active': 'var(--c--theme--colors--primary-text)', - background: { - color: 'var(--c--theme--colors--primary-400)', - 'color-active': 'var(--c--theme--colors--primary-500)', - }, - border: { - 'color-active': 'transparent', - }, - }, - secondary: { - color: 'var(--c--theme--colors--primary-500)', - 'color-hover': 'var(--c--theme--colors--primary-text)', - background: { - color: 'white', - 'color-hover': 'var(--c--theme--colors--primary-700)', - }, - border: { - color: 'var(--c--theme--colors--primary-200)', - }, - }, - tertiary: { - color: 'var(--c--theme--colors--primary-text)', - 'color-disabled': 'var(--c--theme--colors--greyscale-600)', - background: { - 'color-hover': 'var(--c--theme--colors--primary-100)', - 'color-disabled': 'var(--c--theme--colors--greyscale-200)', - }, - }, - disabled: { - color: 'white', - background: { - color: '#b3cef0', - }, - }, - }, }, }, dsfr: { theme: { colors: { - 'card-border': '#ededed', - 'primary-text': '#000091', 'primary-100': '#f5f5fe', 'primary-150': '#F4F4FD', 'primary-200': '#ececfe', @@ -206,7 +36,6 @@ const config = { 'primary-700': '#272747', 'primary-800': '#21213f', 'primary-900': '#1c1a36', - 'secondary-text': '#FFFFFF', 'secondary-100': '#fee9ea', 'secondary-200': '#fedfdf', 'secondary-300': '#fdbfbf', @@ -216,8 +45,7 @@ const config = { 'secondary-700': '#3b2424', 'secondary-800': '#341f1f', 'secondary-900': '#2b1919', - 'greyscale-text': '#303C4B', - 'greyscale-000': '#f6f6f6', + 'greyscale-000': '#ffffff', 'greyscale-100': '#eeeeee', 'greyscale-200': '#e5e5e5', 'greyscale-300': '#e1e1e1', @@ -274,23 +102,18 @@ const config = { base: 'Marianne', }, }, - logo: { - src: '/assets/logo-gouv.svg', - widthHeader: '110px', - widthFooter: '220px', - alt: 'Gouvernement Logo', - }, }, components: { alert: { 'border-radius': '0', + 'background-color': 'var(--c--theme--colors--greyscale-000)', }, button: { 'medium-height': '48px', - 'border-radius': '4px', + 'border-radius': '0', primary: { background: { - color: 'var(--c--theme--colors--primary-text)', + color: 'var(--c--theme--colors--primary-600)', 'color-hover': '#1212ff', 'color-active': '#2323ff', }, @@ -314,7 +137,7 @@ const config = { color: 'var(--c--theme--colors--primary-600)', 'color-hover': 'var(--c--theme--colors--primary-600)', }, - color: 'var(--c--theme--colors--primary-text)', + color: 'var(--c--theme--colors--primary-600)', }, 'tertiary-text': { background: { @@ -325,7 +148,7 @@ const config = { }, datagrid: { header: { - color: 'var(--c--theme--colors--primary-text)', + color: 'var(--c--theme--colors--primary-600)', size: 'var(--c--theme--font--sizes--s)', }, body: { @@ -337,98 +160,47 @@ const config = { 'background-color-active': 'var(--c--theme--colors--primary-300)', }, }, - 'forms-checkbox': { - 'border-radius': '0', - color: 'var(--c--theme--colors--primary-text)', - text: { - color: 'var(--c--theme--colors--greyscale-text)', - size: 'var(--c--theme--font--sizes--t)', - }, - }, 'forms-datepicker': { 'border-radius': '0', }, 'forms-fileuploader': { 'border-radius': '0', }, - 'forms-field': { - color: 'var(--c--theme--colors--primary-text)', - }, 'forms-input': { - 'border-radius': '4px', - 'background-color': '#ffffff', - 'border-color': 'var(--c--theme--colors--primary-text)', - 'box-shadow-color': 'var(--c--theme--colors--primary-text)', - 'value-color': 'var(--c--theme--colors--primary-text)', - 'font-size': '14px', - }, - 'forms-labelledbox': { - 'label-color': { - big: 'var(--c--theme--colors--primary-text)', - }, - }, - 'forms-select': { - 'item-font-size': '14px', - 'border-radius': '4px', - 'border-radius-hover': '4px', - 'background-color': '#ffffff', - 'border-color': 'var(--c--theme--colors--primary-text)', - 'border-color-hover': 'var(--c--theme--colors--primary-text)', - 'box-shadow-color': 'var(--c--theme--colors--primary-text)', - }, - 'forms-switch': { - 'handle-border-radius': '2px', - 'rail-border-radius': '4px', - 'accent-color': 'var(--c--theme--colors--primary-text)', + 'background-color': 'var(--c--theme--colors--greyscale-100)', + 'border-radius': '0', + 'border-color': 'var(--c--theme--colors--greyscale-900)', + 'border-width': '0 0 2px 0', + 'border-color--focus': '#0974F6', + 'border-color--hover': 'var(--c--theme--colors--greyscale-900)', + 'label-color--focus': + 'var(--c--components--forms-labelledbox--label-color--small)', }, 'forms-textarea': { + 'background-color': 'var(--c--theme--colors--greyscale-100)', 'border-radius': '0', + 'border-color': 'var(--c--theme--colors--greyscale-900)', + 'border-width': '0 0 2px 0', + 'border-color--focus': '#0974F6', + 'border-color--hover': 'var(--c--theme--colors--greyscale-900)', + 'label-color--focus': + 'var(--c--components--forms-labelledbox--label-color--small)', }, - }, - }, - openDesk: { - theme: { - colors: { - 'primary-text': '#4519C2', - 'primary-100': '#F7F5FF', - 'primary-200': '#ECE7FE', - 'primary-300': '#DCD2FE', - 'primary-400': '#C8B9FD', - 'primary-500': '#8E75FA', - 'primary-600': '#7051FA', - 'primary-700': '#571EFA', - 'primary-800': '#4519C2', - 'primary-900': '#341291', - - 'secondary-text': '#008A7B', - 'secondary-100': '#EDFDFB', - 'secondary-200': '#BFF9F2', - 'secondary-300': '#71EFE1', - 'secondary-400': '#00E6CC', - 'secondary-500': '#00A896', - 'secondary-600': '#008A7B', - 'secondary-700': '#006C60', - 'secondary-800': '#00564D', - 'secondary-900': '#004039', - }, - }, - components: { - alert: { + 'forms-select': { + 'background-color': 'var(--c--theme--colors--greyscale-100)', 'border-radius': '0', + 'border-color': 'var(--c--theme--colors--greyscale-900)', + 'border-width': '0 0 2px 0', + 'border-color--focus': '#0974F6', + 'border-color--hover': 'var(--c--theme--colors--greyscale-900)', + 'label-color--focus': + 'var(--c--components--forms-labelledbox--label-color--big)', }, - button: { - 'medium-height': '48px', - 'border-radius': '4px', - primary: { - background: { - color: 'var(--c--theme--colors--primary-text)', - 'color-hover': '#1212ff', - 'color-active': '#2323ff', - }, - color: '#ffffff', - 'color-hover': '#ffffff', - 'color-active': '#ffffff', - }, + 'forms-switch': { + 'accent-color': '#2323ff', + }, + 'forms-checkbox': { + 'accent-color': '#2323ff', }, }, }, diff --git a/src/frontend/apps/impress/package.json b/src/frontend/apps/impress/package.json index 1d6cec1d..e9b8dd8c 100644 --- a/src/frontend/apps/impress/package.json +++ b/src/frontend/apps/impress/package.json @@ -32,9 +32,10 @@ "react-dom": "*", "react-i18next": "15.0.1", "react-select": "5.8.0", + "sass": "^1.78.0", "styled-components": "6.1.13", - "yjs": "*", "y-protocols": "1.0.6", + "yjs": "*", "zustand": "4.5.5" }, "devDependencies": { diff --git a/src/frontend/apps/impress/src/cunningham/cunningham-custom-tokens.css b/src/frontend/apps/impress/src/cunningham/cunningham-custom-tokens.css index 885bd8ac..b6f02294 100644 --- a/src/frontend/apps/impress/src/cunningham/cunningham-custom-tokens.css +++ b/src/frontend/apps/impress/src/cunningham/cunningham-custom-tokens.css @@ -1,17 +1,4 @@ :root { - /** - * Input - */ - --c--components--forms-input--border-radius--hover: var( - --c--components--forms-input--border-radius - ); - --c--components--forms-input--border-radius--focus: var( - --c--components--forms-input--border-radius - ); - --c--components--forms-input--border-color--hover: var( - --c--components--forms-input--border-color - ); - /** * Datepicker **/ diff --git a/src/frontend/apps/impress/src/cunningham/cunningham-style.css b/src/frontend/apps/impress/src/cunningham/cunningham-style.css index fd12415f..19885ace 100644 --- a/src/frontend/apps/impress/src/cunningham/cunningham-style.css +++ b/src/frontend/apps/impress/src/cunningham/cunningham-style.css @@ -1,9 +1,9 @@ @import url('@openfun/cunningham-react/icons'); @import url('@openfun/cunningham-react/style'); @import url('@openfun/cunningham-react/fonts'); -@import url('./cunningham-tokens.css'); -@import url('./cunningham-custom-tokens.css'); -@import url('../assets/fonts/Marianne/Marianne-font.css'); +@import './cunningham-tokens'; +@import './cunningham-custom-tokens'; +@import '../assets/fonts/Marianne/Marianne-font'; .c__input, .c__field, @@ -12,209 +12,20 @@ font-family: var(--c--theme--font--families--base); } -.c__field { - line-height: initial; -} - -.labelled-box label { - color: var(--c--theme--colors--primary-text); -} - -.labelled-box--disabled label { - color: var(--c--components--forms-labelledbox--label-color--small-disabled); -} - -.c__field :not(.c__textarea__wrapper, div) .labelled-box label.placeholder { - top: 50%; - transform: translateY(-50%); -} - -/** - * Input - * TextArea -*/ -.c__input__wrapper, -.c__textarea__wrapper { - transition: all var(--c--theme--transitions--duration) - var(--c--theme--transitions--ease-out); -} - -.c__input__wrapper:has(input[readonly]), -.c__input__wrapper:has(input[readonly]) * { - cursor: default; -} - -.c__textarea__wrapper:has(input.border-none), -.c__textarea__wrapper:has(input.border-none) *, -.c__input__wrapper:has(input.border-none), -.c__input__wrapper:has(input.border-none) * { - border: none; -} - -.c__input__wrapper:hover, -.c__textarea__wrapper:hover { - box-shadow: var(--c--components--forms-input--box-shadow-color) 0 0 0 2px; -} - -.c__textarea__wrapper--disabled:hover, -.c__input__wrapper--disabled:hover, -.c__input__wrapper:hover:has(input[readonly]) { - box-shadow: var(--c--theme--colors--primary-500) 0 0 0 0; -} - -.c__input__wrapper--disabled { - color: var(--c--components--forms-input--value-color--disabled); -} - -.c__input__wrapper .labelled-box__label.placeholder { - cursor: inherit; -} - -.c__input__wrapper .c__input, -.c__textarea__wrapper .c__textarea { - width: 100%; -} - -.c__input__wrapper--disabled .c__input { - color: var(--c--components--forms-input--value-color--disabled); -} - -.c__input__wrapper--error .c__input { - color: var(--c--components--forms-input--color--error); -} - -.c__input__wrapper--error:not(.c__input__wrapper--disabled):hover { - border-color: var(--c--components--forms-input--border--color-error-hover); - color: var(--c--components--forms-input--color--error-hover); -} - -.c__input__wrapper--error:hover { - box-shadow: var(--c--components--forms-input--color--box-shadow-error-hover) 0 - 0 0 2px; -} - -.c__input__wrapper--error:not(.c__input__wrapper--disabled):hover label { - color: var(--c--components--forms-input--border--color-error-hover); -} - -input:-webkit-autofill, -input:-webkit-autofill:focus { - transition: - background-color 0s 600000s, - color 0s 600000s; -} - -.c__textarea__wrapper .c__textarea { - color: var(--c--components--forms-textarea--color); -} - -.c__textarea__wrapper:hover { - border-color: var(--c--components--forms-textarea--border-color-hover); -} - -.c__textarea__wrapper--disabled:hover { - border-color: var( - --c--components--forms-textarea--disabled--border-color-hover - ); -} - -/** - * Select -*/ -.c_select__no_border .c__select .c__select__wrapper, -.c_select__no_border .c__select .c__select__wrapper:hover, -.c_select__no_border - .c__select:not(.c__select--disabled) - .c__select__wrapper:hover { - border: none; - box-shadow: none; -} - -.c__select__wrapper { - transition: all var(--c--theme--transitions--duration) - var(--c--theme--transitions--ease-out); - min-height: var(--c--components--forms-select--height); - height: auto; -} - -.c__select:not(.c__select--disabled) .c__select__wrapper:hover { - box-shadow: var(--c--components--forms-input--box-shadow-color) 0 0 0 2px; -} - -.c__select__wrapper:hover { - border-radius: var(--c--components--forms-select--border-radius-hover); - border-color: var(--c--components--forms-select--border-color-hover); -} - -.c__select--disabled .c__select__wrapper:hover { - border-color: var(--c--components--forms-select--border-color-disabled-hover); -} - -.c__select__menu__item { - transition: all var(--c--theme--transitions--duration) - var(--c--theme--transitions--ease-out); -} - -.c__select--disabled .c__select__wrapper label, -.c__select--disabled .c__select__wrapper input, -.c_select__no_bg .c__select__wrapper { - background: none; -} - -.c__select__wrapper:focus-within .labelled-box--disabled label { - color: var(--c--components--forms-labelledbox--label-color--small-disabled); -} - -.c__select__wrapper .labelled-box { - display: flex; - gap: 0.6rem; - flex-direction: column; - align-items: flex-start; -} - -.c__select__wrapper .labelled-box .labelled-box__children { - padding: unset; - padding-right: 5rem; -} - -.c__select__wrapper .labelled-box .c__select__inner__actions { - right: 0; - top: 50%; - position: absolute; -} - -.c__select__wrapper label { - position: relative; - padding-right: 5rem; - max-width: none; -} - -.c__select__wrapper .c__select__inner__actions__open:focus { - outline: none; -} - -.c__select__wrapper .labelled-box__label.c__offscreen { - display: none; -} - /** * DataGrid */ -.c__datagrid__table__container { - overflow: auto; -} .c__datagrid__table__container > table th .c__datagrid__header { color: var(--c--components--datagrid--header--color); font-weight: var(--c--components--datagrid--header--weight); font-size: var(--c--components--datagrid--header--size); - padding-block: 2rem; } .c__datagrid__table__container > table tbody tr { border: none; - border-top: 1px var(--c--theme--colors--greyscale-100) solid; - border-bottom: 1px var(--c--theme--colors--greyscale-100) solid; + border-top: 1px var(--c--theme--colors--greyscale-300) solid; + border-bottom: 1px var(--c--theme--colors--greyscale-300) solid; } .c__datagrid__table__container > table tbody { @@ -227,19 +38,6 @@ input:-webkit-autofill:focus { ); } -.c__datagrid__table__container > table { - table-layout: auto; -} - -.c__datagrid__table__container > table td { - white-space: break-spaces; -} - -.c__datagrid__table__container > table th:first-child, -.c__datagrid__table__container > table td:first-child { - padding-left: 2rem; -} - .c__datagrid > .c__pagination { padding-inline: 1rem; justify-content: flex-end; @@ -308,11 +106,6 @@ input:-webkit-autofill:focus { transition: all 0.8s ease-in-out; } -.c__checkbox .c__field__text { - color: var(--c--components--forms-checkbox--text--color); - font-size: var(--c--components--forms-checkbox--text--size); -} - /** * Button */ @@ -376,9 +169,8 @@ input:-webkit-autofill:focus { color: var(--c--components--button--primary-text--color-hover); } -.c__button:disabled { - background-color: var(--c--components--button--disabled--background--color); - color: var(--c--components--button--disabled--color); +.c__button--tertiary:disabled { + background-color: var(--c--theme--colors--greyscale-100); } .c__button--success { @@ -405,6 +197,11 @@ input:-webkit-autofill:focus { background-color: var(--c--components--button--secondary--background--color); color: var(--c--components--button--secondary--color); border: 1px solid var(--c--components--button--secondary--border--color); + + &:disabled { + background-color: var(--c--theme--colors--greyscale-000); + border-color: var(--c--theme--colors--greyscale-200); + } } .c__button--secondary:hover, @@ -416,45 +213,10 @@ input:-webkit-autofill:focus { border: 1px solid var(--c--components--button--secondary--border--color-hover); } -.c__button--tertiary { - color: var(--c--components--button--tertiary--color); - border: none; -} - -.c__button--tertiary:hover, -.c__button--tertiary:focus-visible { - background-color: var( - --c--components--button--tertiary--background--color-hover - ); - color: var(--c--components--button--tertiary--color); -} - -.c__button--tertiary:disabled { - background-color: var( - --c--components--button--tertiary--background--color-disabled - ); - color: var(--c--components--button--tertiary--color-disabled); -} - .c__button--tertiary-text { border: none; } -.c__button--tertiary-text:hover, -.c__button--tertiary-text:focus-visible { - background-color: var( - --c--components--button--tertiary-text--background--color-hover - ); - color: var(--c--components--button--tertiary-text--color-hover); -} - -.c__button--tertiary-text:disabled { - background-color: var( - --c--components--button--tertiary-text--background--color-disabled - ); - color: var(--c--components--button--tertiary-text--color-disabled); -} - .c__button--danger { background-color: var(--c--components--button--danger--background--color); } @@ -489,13 +251,23 @@ input:-webkit-autofill:focus { padding: 1.5rem 1rem; } -.c__modal--full .c__modal__content { - overflow-y: auto; -} - /** * Toast */ .c__toast__container { z-index: 10000; } + +/** + * Alert + */ + +.c__alert--success { + border-color: var(--c--theme--colors--success-600); +} +.c__alert--info { + border-color: var(--c--theme--colors--info-600); +} +.c__alert--error { + border-color: var(--c--theme--colors--danger-600); +} diff --git a/src/frontend/apps/impress/src/cunningham/cunningham-tokens.css b/src/frontend/apps/impress/src/cunningham/cunningham-tokens.css index 9832da09..36184d90 100644 --- a/src/frontend/apps/impress/src/cunningham/cunningham-tokens.css +++ b/src/frontend/apps/impress/src/cunningham/cunningham-tokens.css @@ -29,7 +29,7 @@ --c--theme--colors--greyscale-800: #303c4b; --c--theme--colors--greyscale-900: #0c1a2b; --c--theme--colors--greyscale-000: #ffffff; - --c--theme--colors--primary-100: #edf5fa; + --c--theme--colors--primary-100: #ebf2fc; --c--theme--colors--primary-200: #8cb5ea; --c--theme--colors--primary-300: #5894e1; --c--theme--colors--primary-400: #377fdb; @@ -69,10 +69,6 @@ --c--theme--colors--success-text: var(--c--theme--colors--greyscale-000); --c--theme--colors--warning-text: var(--c--theme--colors--greyscale-000); --c--theme--colors--danger-text: var(--c--theme--colors--greyscale-000); - --c--theme--colors--card-border: #ededed; - --c--theme--colors--primary-bg: #fafafa; - --c--theme--colors--primary-150: #e5eefa; - --c--theme--colors--info-150: #e5eefa; --c--theme--font--sizes--h1: 2.2rem; --c--theme--font--sizes--h2: 1.7rem; --c--theme--font--sizes--h3: 1.37rem; @@ -103,186 +99,22 @@ --c--theme--font--letterspacings--l: normal; --c--theme--font--letterspacings--m: normal; --c--theme--font--letterspacings--s: normal; - --c--theme--spacings--0: 0; --c--theme--spacings--xl: 4rem; --c--theme--spacings--l: 3rem; --c--theme--spacings--b: 1.625rem; --c--theme--spacings--s: 1rem; --c--theme--spacings--t: 0.5rem; --c--theme--spacings--st: 0.25rem; - --c--theme--spacings--none: 0; - --c--theme--spacings--auto: auto; - --c--theme--spacings--bx: 2.2rem; - --c--theme--spacings--full: 100%; --c--theme--transitions--ease-in: cubic-bezier(0.32, 0, 0.67, 0); --c--theme--transitions--ease-out: cubic-bezier(0.33, 1, 0.68, 1); --c--theme--transitions--ease-in-out: cubic-bezier(0.65, 0, 0.35, 1); --c--theme--transitions--duration: 250ms; - --c--theme--breakpoints--xs: 480px; + --c--theme--breakpoints--xs: 0; --c--theme--breakpoints--sm: 576px; --c--theme--breakpoints--md: 768px; --c--theme--breakpoints--lg: 992px; --c--theme--breakpoints--xl: 1200px; --c--theme--breakpoints--xxl: 1400px; - --c--theme--breakpoints--xxs: 320px; - --c--theme--logo--src: ; - --c--theme--logo--widthheader: ; - --c--theme--logo--widthfooter: ; - --c--theme--logo--alt: ; - --c--components--datagrid--header--weight: var( - --c--theme--font--weights--extrabold - ); - --c--components--datagrid--header--size: var(--c--theme--font--sizes--ml); - --c--components--datagrid--cell--color: var(--c--theme--colors--primary-500); - --c--components--datagrid--cell--size: var(--c--theme--font--sizes--ml); - --c--components--forms-checkbox--background-color--hover: #055fd214; - --c--components--forms-checkbox--color: var(--c--theme--colors--primary-500); - --c--components--forms-checkbox--font-size: var(--c--theme--font--sizes--ml); - --c--components--forms-datepicker--border-color: var( - --c--theme--colors--primary-500 - ); - --c--components--forms-datepicker--value-color: var( - --c--theme--colors--primary-500 - ); - --c--components--forms-datepicker--border-radius--hover: var( - --c--components--forms-datepicker--border-radius - ); - --c--components--forms-datepicker--border-radius--focus: var( - --c--components--forms-datepicker--border-radius - ); - --c--components--forms-field--color: var(--c--theme--colors--primary-500); - --c--components--forms-field--value-color: var( - --c--theme--colors--primary-500 - ); - --c--components--forms-field--width: auto; - --c--components--forms-input--value-color: var( - --c--theme--colors--primary-500 - ); - --c--components--forms-input--border-color: var( - --c--theme--colors--primary-500 - ); - --c--components--forms-input--color--error: var( - --c--theme--colors--danger-500 - ); - --c--components--forms-input--color--error-hover: var( - --c--theme--colors--danger-500 - ); - --c--components--forms-input--color--box-shadow-error-hover: var( - --c--theme--colors--danger-500 - ); - --c--components--forms-labelledbox--label-color--small: var( - --c--theme--colors--primary-500 - ); - --c--components--forms-labelledbox--label-color--small-disabled: var( - --c--theme--colors--greyscale-400 - ); - --c--components--forms-labelledbox--label-color--big--disabled: var( - --c--theme--colors--greyscale-400 - ); - --c--components--forms-select--border-color: var( - --c--theme--colors--primary-500 - ); - --c--components--forms-select--border-color-disabled-hover: var( - --c--theme--colors--greyscale-200 - ); - --c--components--forms-select--border-radius--hover: var( - --c--components--forms-select--border-radius - ); - --c--components--forms-select--border-radius--focus: var( - --c--components--forms-select--border-radius - ); - --c--components--forms-select--font-size: var(--c--theme--font--sizes--ml); - --c--components--forms-select--menu-background-color: #ffffff; - --c--components--forms-select--item-background-color--hover: var( - --c--theme--colors--primary-300 - ); - --c--components--forms-switch--accent-color: var( - --c--theme--colors--primary-400 - ); - --c--components--forms-textarea--border-color: var( - --c--components--forms-textarea--border-color - ); - --c--components--forms-textarea--border-color-hover: var( - --c--components--forms-textarea--border-color - ); - --c--components--forms-textarea--border-radius--hover: var( - --c--components--forms-textarea--border-radius - ); - --c--components--forms-textarea--border-radius--focus: var( - --c--components--forms-textarea--border-radius - ); - --c--components--forms-textarea--color: var(--c--theme--colors--primary-500); - --c--components--forms-textarea--disabled--border-color-hover: var( - --c--theme--colors--greyscale-200 - ); - --c--components--modal--background-color: #ffffff; - --c--components--button--border-radius--active: var( - --c--components--button--border-radius - ); - --c--components--button--medium-height: auto; - --c--components--button--small-height: auto; - --c--components--button--success--color: white; - --c--components--button--success--color-disabled: white; - --c--components--button--success--color-hover: white; - --c--components--button--success--background--color: var( - --c--theme--colors--success-600 - ); - --c--components--button--success--background--color-disabled: var( - --c--theme--colors--greyscale-300 - ); - --c--components--button--success--background--color-hover: var( - --c--theme--colors--success-800 - ); - --c--components--button--danger--color-hover: white; - --c--components--button--danger--background--color: var( - --c--theme--colors--danger-400 - ); - --c--components--button--danger--background--color-hover: var( - --c--theme--colors--danger-500 - ); - --c--components--button--danger--background--color-disabled: var( - --c--theme--colors--danger-100 - ); - --c--components--button--primary--color: var( - --c--theme--colors--primary-text - ); - --c--components--button--primary--color-active: var( - --c--theme--colors--primary-text - ); - --c--components--button--primary--background--color: var( - --c--theme--colors--primary-400 - ); - --c--components--button--primary--background--color-active: var( - --c--theme--colors--primary-500 - ); - --c--components--button--primary--border--color-active: transparent; - --c--components--button--secondary--color: var( - --c--theme--colors--primary-500 - ); - --c--components--button--secondary--color-hover: var( - --c--theme--colors--primary-text - ); - --c--components--button--secondary--background--color: white; - --c--components--button--secondary--background--color-hover: var( - --c--theme--colors--primary-700 - ); - --c--components--button--secondary--border--color: var( - --c--theme--colors--primary-200 - ); - --c--components--button--tertiary--color: var( - --c--theme--colors--primary-text - ); - --c--components--button--tertiary--color-disabled: var( - --c--theme--colors--greyscale-600 - ); - --c--components--button--tertiary--background--color-hover: var( - --c--theme--colors--primary-100 - ); - --c--components--button--tertiary--background--color-disabled: var( - --c--theme--colors--greyscale-200 - ); - --c--components--button--disabled--color: white; - --c--components--button--disabled--background--color: #b3cef0; } .cunningham-theme--dark { --c--theme--colors--greyscale-100: #182536; @@ -333,8 +165,6 @@ --c--theme--colors--danger-900: #9d6666; } .cunningham-theme--dsfr { - --c--theme--colors--card-border: #ededed; - --c--theme--colors--primary-text: #000091; --c--theme--colors--primary-100: #f5f5fe; --c--theme--colors--primary-150: #f4f4fd; --c--theme--colors--primary-200: #ececfe; @@ -345,7 +175,6 @@ --c--theme--colors--primary-700: #272747; --c--theme--colors--primary-800: #21213f; --c--theme--colors--primary-900: #1c1a36; - --c--theme--colors--secondary-text: #ffffff; --c--theme--colors--secondary-100: #fee9ea; --c--theme--colors--secondary-200: #fedfdf; --c--theme--colors--secondary-300: #fdbfbf; @@ -355,8 +184,7 @@ --c--theme--colors--secondary-700: #3b2424; --c--theme--colors--secondary-800: #341f1f; --c--theme--colors--secondary-900: #2b1919; - --c--theme--colors--greyscale-text: #303c4b; - --c--theme--colors--greyscale-000: #f6f6f6; + --c--theme--colors--greyscale-000: #ffffff; --c--theme--colors--greyscale-100: #eeeeee; --c--theme--colors--greyscale-200: #e5e5e5; --c--theme--colors--greyscale-300: #e1e1e1; @@ -408,15 +236,14 @@ --c--theme--colors--danger-900: #3a1c1c; --c--theme--font--families--accent: Marianne; --c--theme--font--families--base: Marianne; - --c--theme--logo--src: /assets/logo-gouv.svg; - --c--theme--logo--widthHeader: 110px; - --c--theme--logo--widthFooter: 220px; - --c--theme--logo--alt: Gouvernement Logo; --c--components--alert--border-radius: 0; + --c--components--alert--background-color: var( + --c--theme--colors--greyscale-000 + ); --c--components--button--medium-height: 48px; - --c--components--button--border-radius: 4px; + --c--components--button--border-radius: 0; --c--components--button--primary--background--color: var( - --c--theme--colors--primary-text + --c--theme--colors--primary-600 ); --c--components--button--primary--background--color-hover: #1212ff; --c--components--button--primary--background--color-active: #2323ff; @@ -441,7 +268,7 @@ --c--theme--colors--primary-600 ); --c--components--button--secondary--color: var( - --c--theme--colors--primary-text + --c--theme--colors--primary-600 ); --c--components--button--tertiary-text--background--color-hover: var( --c--theme--colors--primary-100 @@ -450,7 +277,7 @@ --c--theme--colors--primary-text ); --c--components--datagrid--header--color: var( - --c--theme--colors--primary-text + --c--theme--colors--primary-600 ); --c--components--datagrid--header--size: var(--c--theme--font--sizes--s); --c--components--datagrid--body--background-color: transparent; @@ -459,71 +286,55 @@ --c--components--datagrid--pagination--background-color-active: var( --c--theme--colors--primary-300 ); - --c--components--forms-checkbox--border-radius: 0; - --c--components--forms-checkbox--color: var(--c--theme--colors--primary-text); - --c--components--forms-checkbox--text--color: var( - --c--theme--colors--greyscale-text - ); - --c--components--forms-checkbox--text--size: var(--c--theme--font--sizes--t); --c--components--forms-datepicker--border-radius: 0; --c--components--forms-fileuploader--border-radius: 0; - --c--components--forms-field--color: var(--c--theme--colors--primary-text); - --c--components--forms-input--border-radius: 4px; - --c--components--forms-input--background-color: #ffffff; + --c--components--forms-input--background-color: var( + --c--theme--colors--greyscale-100 + ); + --c--components--forms-input--border-radius: 0; --c--components--forms-input--border-color: var( - --c--theme--colors--primary-text + --c--theme--colors--greyscale-900 ); - --c--components--forms-input--box-shadow-color: var( - --c--theme--colors--primary-text + --c--components--forms-input--border-width: 0 0 2px 0; + --c--components--forms-input--border-color--focus: #0974f6; + --c--components--forms-input--border-color--hover: var( + --c--theme--colors--greyscale-900 ); - --c--components--forms-input--value-color: var( - --c--theme--colors--primary-text + --c--components--forms-input--label-color--focus: var( + --c--components--forms-labelledbox--label-color--small ); - --c--components--forms-input--font-size: 14px; - --c--components--forms-labelledbox--label-color--big: var( - --c--theme--colors--primary-text - ); - --c--components--forms-select--item-font-size: 14px; - --c--components--forms-select--border-radius: 4px; - --c--components--forms-select--border-radius-hover: 4px; - --c--components--forms-select--background-color: #ffffff; - --c--components--forms-select--border-color: var( - --c--theme--colors--primary-text - ); - --c--components--forms-select--border-color-hover: var( - --c--theme--colors--primary-text - ); - --c--components--forms-select--box-shadow-color: var( - --c--theme--colors--primary-text - ); - --c--components--forms-switch--handle-border-radius: 2px; - --c--components--forms-switch--rail-border-radius: 4px; - --c--components--forms-switch--accent-color: var( - --c--theme--colors--primary-text + --c--components--forms-textarea--background-color: var( + --c--theme--colors--greyscale-100 ); --c--components--forms-textarea--border-radius: 0; -} -.cunningham-theme--openDesk { - --c--theme--colors--primary-text: #4519c2; - --c--theme--colors--primary-100: #f7f5ff; - --c--theme--colors--primary-200: #ece7fe; - --c--theme--colors--primary-300: #dcd2fe; - --c--theme--colors--primary-400: #c8b9fd; - --c--theme--colors--primary-500: #8e75fa; - --c--theme--colors--primary-600: #7051fa; - --c--theme--colors--primary-700: #7051fa; - --c--theme--colors--primary-800: #4519c2; - --c--theme--colors--primary-900: #341291; - --c--theme--colors--secondary-text: #008a7b; - --c--theme--colors--secondary-100: #edfdfb; - --c--theme--colors--secondary-200: #bff9f2; - --c--theme--colors--secondary-300: #71efe1; - --c--theme--colors--secondary-400: #00e6cc; - --c--theme--colors--secondary-500: #00a896; - --c--theme--colors--secondary-600: #008a7b; - --c--theme--colors--secondary-700: #006c60; - --c--theme--colors--secondary-800: #00564d; - --c--theme--colors--secondary-900: #004039; + --c--components--forms-textarea--border-color: var( + --c--theme--colors--greyscale-900 + ); + --c--components--forms-textarea--border-width: 0 0 2px 0; + --c--components--forms-textarea--border-color--focus: #0974f6; + --c--components--forms-textarea--border-color--hover: var( + --c--theme--colors--greyscale-900 + ); + --c--components--forms-textarea--label-color--focus: var( + --c--components--forms-labelledbox--label-color--small + ); + --c--components--forms-select--background-color: var( + --c--theme--colors--greyscale-100 + ); + --c--components--forms-select--border-radius: 0; + --c--components--forms-select--border-color: var( + --c--theme--colors--greyscale-900 + ); + --c--components--forms-select--border-width: 0 0 2px 0; + --c--components--forms-select--border-color--focus: #0974f6; + --c--components--forms-select--border-color--hover: var( + --c--theme--colors--greyscale-900 + ); + --c--components--forms-select--label-color--focus: var( + --c--components--forms-labelledbox--label-color--big + ); + --c--components--forms-switch--accent-color: #2323ff; + --c--components--forms-checkbox--accent-color: #2323ff; } .clr-secondary-text { color: var(--c--theme--colors--secondary-text); @@ -735,18 +546,6 @@ .clr-danger-text { color: var(--c--theme--colors--danger-text); } -.clr-card-border { - color: var(--c--theme--colors--card-border); -} -.clr-primary-bg { - color: var(--c--theme--colors--primary-bg); -} -.clr-primary-150 { - color: var(--c--theme--colors--primary-150); -} -.clr-info-150 { - color: var(--c--theme--colors--info-150); -} .bg-secondary-text { background-color: var(--c--theme--colors--secondary-text); } @@ -957,18 +756,6 @@ .bg-danger-text { background-color: var(--c--theme--colors--danger-text); } -.bg-card-border { - background-color: var(--c--theme--colors--card-border); -} -.bg-primary-bg { - background-color: var(--c--theme--colors--primary-bg); -} -.bg-primary-150 { - background-color: var(--c--theme--colors--primary-150); -} -.bg-info-150 { - background-color: var(--c--theme--colors--info-150); -} .fw-thin { font-weight: var(--c--theme--font--weights--thin); } @@ -1044,21 +831,6 @@ .f-accent { font-family: var(--c--theme--font--families--accent); } -.m-0 { - margin: var(--c--theme--spacings--0); -} -.mb-0 { - margin-bottom: var(--c--theme--spacings--0); -} -.mt-0 { - margin-top: var(--c--theme--spacings--0); -} -.ml-0 { - margin-left: var(--c--theme--spacings--0); -} -.mr-0 { - margin-right: var(--c--theme--spacings--0); -} .m-xl { margin: var(--c--theme--spacings--xl); } @@ -1149,81 +921,6 @@ .mr-st { margin-right: var(--c--theme--spacings--st); } -.m-none { - margin: var(--c--theme--spacings--none); -} -.mb-none { - margin-bottom: var(--c--theme--spacings--none); -} -.mt-none { - margin-top: var(--c--theme--spacings--none); -} -.ml-none { - margin-left: var(--c--theme--spacings--none); -} -.mr-none { - margin-right: var(--c--theme--spacings--none); -} -.m-auto { - margin: var(--c--theme--spacings--auto); -} -.mb-auto { - margin-bottom: var(--c--theme--spacings--auto); -} -.mt-auto { - margin-top: var(--c--theme--spacings--auto); -} -.ml-auto { - margin-left: var(--c--theme--spacings--auto); -} -.mr-auto { - margin-right: var(--c--theme--spacings--auto); -} -.m-bx { - margin: var(--c--theme--spacings--bx); -} -.mb-bx { - margin-bottom: var(--c--theme--spacings--bx); -} -.mt-bx { - margin-top: var(--c--theme--spacings--bx); -} -.ml-bx { - margin-left: var(--c--theme--spacings--bx); -} -.mr-bx { - margin-right: var(--c--theme--spacings--bx); -} -.m-full { - margin: var(--c--theme--spacings--full); -} -.mb-full { - margin-bottom: var(--c--theme--spacings--full); -} -.mt-full { - margin-top: var(--c--theme--spacings--full); -} -.ml-full { - margin-left: var(--c--theme--spacings--full); -} -.mr-full { - margin-right: var(--c--theme--spacings--full); -} -.p-0 { - padding: var(--c--theme--spacings--0); -} -.pb-0 { - padding-bottom: var(--c--theme--spacings--0); -} -.pt-0 { - padding-top: var(--c--theme--spacings--0); -} -.pl-0 { - padding-left: var(--c--theme--spacings--0); -} -.pr-0 { - padding-right: var(--c--theme--spacings--0); -} .p-xl { padding: var(--c--theme--spacings--xl); } @@ -1314,63 +1011,3 @@ .pr-st { padding-right: var(--c--theme--spacings--st); } -.p-none { - padding: var(--c--theme--spacings--none); -} -.pb-none { - padding-bottom: var(--c--theme--spacings--none); -} -.pt-none { - padding-top: var(--c--theme--spacings--none); -} -.pl-none { - padding-left: var(--c--theme--spacings--none); -} -.pr-none { - padding-right: var(--c--theme--spacings--none); -} -.p-auto { - padding: var(--c--theme--spacings--auto); -} -.pb-auto { - padding-bottom: var(--c--theme--spacings--auto); -} -.pt-auto { - padding-top: var(--c--theme--spacings--auto); -} -.pl-auto { - padding-left: var(--c--theme--spacings--auto); -} -.pr-auto { - padding-right: var(--c--theme--spacings--auto); -} -.p-bx { - padding: var(--c--theme--spacings--bx); -} -.pb-bx { - padding-bottom: var(--c--theme--spacings--bx); -} -.pt-bx { - padding-top: var(--c--theme--spacings--bx); -} -.pl-bx { - padding-left: var(--c--theme--spacings--bx); -} -.pr-bx { - padding-right: var(--c--theme--spacings--bx); -} -.p-full { - padding: var(--c--theme--spacings--full); -} -.pb-full { - padding-bottom: var(--c--theme--spacings--full); -} -.pt-full { - padding-top: var(--c--theme--spacings--full); -} -.pl-full { - padding-left: var(--c--theme--spacings--full); -} -.pr-full { - padding-right: var(--c--theme--spacings--full); -} diff --git a/src/frontend/apps/impress/src/cunningham/cunningham-tokens.ts b/src/frontend/apps/impress/src/cunningham/cunningham-tokens.ts index 46b329a4..2484f26f 100644 --- a/src/frontend/apps/impress/src/cunningham/cunningham-tokens.ts +++ b/src/frontend/apps/impress/src/cunningham/cunningham-tokens.ts @@ -33,7 +33,7 @@ export const tokens = { 'greyscale-800': '#303C4B', 'greyscale-900': '#0C1A2B', 'greyscale-000': '#FFFFFF', - 'primary-100': '#EDF5FA', + 'primary-100': '#EBF2FC', 'primary-200': '#8CB5EA', 'primary-300': '#5894E1', 'primary-400': '#377FDB', @@ -73,10 +73,6 @@ export const tokens = { 'success-text': '#FFFFFF', 'warning-text': '#FFFFFF', 'danger-text': '#FFFFFF', - 'card-border': '#ededed', - 'primary-bg': '#FAFAFA', - 'primary-150': '#E5EEFA', - 'info-150': '#E5EEFA', }, font: { sizes: { @@ -119,17 +115,12 @@ export const tokens = { }, }, spacings: { - '0': '0', xl: '4rem', l: '3rem', b: '1.625rem', s: '1rem', t: '0.5rem', st: '0.25rem', - none: '0', - auto: 'auto', - bx: '2.2rem', - full: '100%', }, transitions: { 'ease-in': 'cubic-bezier(0.32, 0, 0.67, 0)', @@ -138,143 +129,12 @@ export const tokens = { duration: '250ms', }, breakpoints: { - xs: '480px', + xs: 0, sm: '576px', md: '768px', lg: '992px', xl: '1200px', xxl: '1400px', - xxs: '320px', - }, - logo: { src: '', widthHeader: '', widthFooter: '', alt: '' }, - }, - components: { - datagrid: { - header: { - weight: 'var(--c--theme--font--weights--extrabold)', - size: 'var(--c--theme--font--sizes--ml)', - }, - cell: { - color: 'var(--c--theme--colors--primary-500)', - size: 'var(--c--theme--font--sizes--ml)', - }, - }, - 'forms-checkbox': { - 'background-color': { hover: '#055fd214' }, - color: 'var(--c--theme--colors--primary-500)', - 'font-size': 'var(--c--theme--font--sizes--ml)', - }, - 'forms-datepicker': { - 'border-color': 'var(--c--theme--colors--primary-500)', - 'value-color': 'var(--c--theme--colors--primary-500)', - 'border-radius': { - hover: 'var(--c--components--forms-datepicker--border-radius)', - focus: 'var(--c--components--forms-datepicker--border-radius)', - }, - }, - 'forms-field': { - color: 'var(--c--theme--colors--primary-500)', - 'value-color': 'var(--c--theme--colors--primary-500)', - width: 'auto', - }, - 'forms-input': { - 'value-color': 'var(--c--theme--colors--primary-500)', - 'border-color': 'var(--c--theme--colors--primary-500)', - color: { - error: 'var(--c--theme--colors--danger-500)', - 'error-hover': 'var(--c--theme--colors--danger-500)', - 'box-shadow-error-hover': 'var(--c--theme--colors--danger-500)', - }, - }, - 'forms-labelledbox': { - 'label-color': { - small: 'var(--c--theme--colors--primary-500)', - 'small-disabled': 'var(--c--theme--colors--greyscale-400)', - big: { disabled: 'var(--c--theme--colors--greyscale-400)' }, - }, - }, - 'forms-select': { - 'border-color': 'var(--c--theme--colors--primary-500)', - 'border-color-disabled-hover': - 'var(--c--theme--colors--greyscale-200)', - 'border-radius': { - hover: 'var(--c--components--forms-select--border-radius)', - focus: 'var(--c--components--forms-select--border-radius)', - }, - 'font-size': 'var(--c--theme--font--sizes--ml)', - 'menu-background-color': '#ffffff', - 'item-background-color': { - hover: 'var(--c--theme--colors--primary-300)', - }, - }, - 'forms-switch': { - 'accent-color': 'var(--c--theme--colors--primary-400)', - }, - 'forms-textarea': { - 'border-color': 'var(--c--components--forms-textarea--border-color)', - 'border-color-hover': - 'var(--c--components--forms-textarea--border-color)', - 'border-radius': { - hover: 'var(--c--components--forms-textarea--border-radius)', - focus: 'var(--c--components--forms-textarea--border-radius)', - }, - color: 'var(--c--theme--colors--primary-500)', - disabled: { - 'border-color-hover': 'var(--c--theme--colors--greyscale-200)', - }, - }, - modal: { 'background-color': '#ffffff' }, - button: { - 'border-radius': { - active: 'var(--c--components--button--border-radius)', - }, - 'medium-height': 'auto', - 'small-height': 'auto', - success: { - color: 'white', - 'color-disabled': 'white', - 'color-hover': 'white', - background: { - color: 'var(--c--theme--colors--success-600)', - 'color-disabled': 'var(--c--theme--colors--greyscale-300)', - 'color-hover': 'var(--c--theme--colors--success-800)', - }, - }, - danger: { - 'color-hover': 'white', - background: { - color: 'var(--c--theme--colors--danger-400)', - 'color-hover': 'var(--c--theme--colors--danger-500)', - 'color-disabled': 'var(--c--theme--colors--danger-100)', - }, - }, - primary: { - color: 'var(--c--theme--colors--primary-text)', - 'color-active': 'var(--c--theme--colors--primary-text)', - background: { - color: 'var(--c--theme--colors--primary-400)', - 'color-active': 'var(--c--theme--colors--primary-500)', - }, - border: { 'color-active': 'transparent' }, - }, - secondary: { - color: 'var(--c--theme--colors--primary-500)', - 'color-hover': 'var(--c--theme--colors--primary-text)', - background: { - color: 'white', - 'color-hover': 'var(--c--theme--colors--primary-700)', - }, - border: { color: 'var(--c--theme--colors--primary-200)' }, - }, - tertiary: { - color: 'var(--c--theme--colors--primary-text)', - 'color-disabled': 'var(--c--theme--colors--greyscale-600)', - background: { - 'color-hover': 'var(--c--theme--colors--primary-100)', - 'color-disabled': 'var(--c--theme--colors--greyscale-200)', - }, - }, - disabled: { color: 'white', background: { color: '#b3cef0' } }, }, }, }, @@ -333,8 +193,6 @@ export const tokens = { dsfr: { theme: { colors: { - 'card-border': '#ededed', - 'primary-text': '#000091', 'primary-100': '#f5f5fe', 'primary-150': '#F4F4FD', 'primary-200': '#ececfe', @@ -345,7 +203,6 @@ export const tokens = { 'primary-700': '#272747', 'primary-800': '#21213f', 'primary-900': '#1c1a36', - 'secondary-text': '#FFFFFF', 'secondary-100': '#fee9ea', 'secondary-200': '#fedfdf', 'secondary-300': '#fdbfbf', @@ -355,8 +212,7 @@ export const tokens = { 'secondary-700': '#3b2424', 'secondary-800': '#341f1f', 'secondary-900': '#2b1919', - 'greyscale-text': '#303C4B', - 'greyscale-000': '#f6f6f6', + 'greyscale-000': '#ffffff', 'greyscale-100': '#eeeeee', 'greyscale-200': '#e5e5e5', 'greyscale-300': '#e1e1e1', @@ -408,21 +264,18 @@ export const tokens = { 'danger-900': '#3a1c1c', }, font: { families: { accent: 'Marianne', base: 'Marianne' } }, - logo: { - src: '/assets/logo-gouv.svg', - widthHeader: '110px', - widthFooter: '220px', - alt: 'Gouvernement Logo', - }, }, components: { - alert: { 'border-radius': '0' }, + alert: { + 'border-radius': '0', + 'background-color': 'var(--c--theme--colors--greyscale-000)', + }, button: { 'medium-height': '48px', - 'border-radius': '4px', + 'border-radius': '0', primary: { background: { - color: 'var(--c--theme--colors--primary-text)', + color: 'var(--c--theme--colors--primary-600)', 'color-hover': '#1212ff', 'color-active': '#2323ff', }, @@ -443,7 +296,7 @@ export const tokens = { color: 'var(--c--theme--colors--primary-600)', 'color-hover': 'var(--c--theme--colors--primary-600)', }, - color: 'var(--c--theme--colors--primary-text)', + color: 'var(--c--theme--colors--primary-600)', }, 'tertiary-text': { background: { @@ -454,7 +307,7 @@ export const tokens = { }, datagrid: { header: { - color: 'var(--c--theme--colors--primary-text)', + color: 'var(--c--theme--colors--primary-600)', size: 'var(--c--theme--font--sizes--s)', }, body: { @@ -466,69 +319,40 @@ export const tokens = { 'background-color-active': 'var(--c--theme--colors--primary-300)', }, }, - 'forms-checkbox': { - 'border-radius': '0', - color: 'var(--c--theme--colors--primary-text)', - text: { - color: 'var(--c--theme--colors--greyscale-text)', - size: 'var(--c--theme--font--sizes--t)', - }, - }, 'forms-datepicker': { 'border-radius': '0' }, 'forms-fileuploader': { 'border-radius': '0' }, - 'forms-field': { color: 'var(--c--theme--colors--primary-text)' }, 'forms-input': { - 'border-radius': '4px', - 'background-color': '#ffffff', - 'border-color': 'var(--c--theme--colors--primary-text)', - 'box-shadow-color': 'var(--c--theme--colors--primary-text)', - 'value-color': 'var(--c--theme--colors--primary-text)', - 'font-size': '14px', + 'background-color': 'var(--c--theme--colors--greyscale-100)', + 'border-radius': '0', + 'border-color': 'var(--c--theme--colors--greyscale-900)', + 'border-width': '0 0 2px 0', + 'border-color--focus': '#0974F6', + 'border-color--hover': 'var(--c--theme--colors--greyscale-900)', + 'label-color--focus': + 'var(--c--components--forms-labelledbox--label-color--small)', }, - 'forms-labelledbox': { - 'label-color': { big: 'var(--c--theme--colors--primary-text)' }, + 'forms-textarea': { + 'background-color': 'var(--c--theme--colors--greyscale-100)', + 'border-radius': '0', + 'border-color': 'var(--c--theme--colors--greyscale-900)', + 'border-width': '0 0 2px 0', + 'border-color--focus': '#0974F6', + 'border-color--hover': 'var(--c--theme--colors--greyscale-900)', + 'label-color--focus': + 'var(--c--components--forms-labelledbox--label-color--small)', }, 'forms-select': { - 'item-font-size': '14px', - 'border-radius': '4px', - 'border-radius-hover': '4px', - 'background-color': '#ffffff', - 'border-color': 'var(--c--theme--colors--primary-text)', - 'border-color-hover': 'var(--c--theme--colors--primary-text)', - 'box-shadow-color': 'var(--c--theme--colors--primary-text)', - }, - 'forms-switch': { - 'handle-border-radius': '2px', - 'rail-border-radius': '4px', - 'accent-color': 'var(--c--theme--colors--primary-text)', - }, - 'forms-textarea': { 'border-radius': '0' }, - }, - }, - openDesk: { - theme: { - colors: { - 'primary-text': '#4519C2', - 'primary-100': '#F7F5FF', - 'primary-200': '#ECE7FE', - 'primary-300': '#DCD2FE', - 'primary-400': '#C8B9FD', - 'primary-500': '#8E75FA', - 'primary-600': '#7051FA', - 'primary-700': '#7051FA', - 'primary-800': '#4519C2', - 'primary-900': '#341291', - 'secondary-text': '#008A7B', - 'secondary-100': '#EDFDFB', - 'secondary-200': '#BFF9F2', - 'secondary-300': '#71EFE1', - 'secondary-400': '#00E6CC', - 'secondary-500': '#00A896', - 'secondary-600': '#008A7B', - 'secondary-700': '#006C60', - 'secondary-800': '#00564D', - 'secondary-900': '#004039', + 'background-color': 'var(--c--theme--colors--greyscale-100)', + 'border-radius': '0', + 'border-color': 'var(--c--theme--colors--greyscale-900)', + 'border-width': '0 0 2px 0', + 'border-color--focus': '#0974F6', + 'border-color--hover': 'var(--c--theme--colors--greyscale-900)', + 'label-color--focus': + 'var(--c--components--forms-labelledbox--label-color--big)', }, + 'forms-switch': { 'accent-color': '#2323ff' }, + 'forms-checkbox': { 'accent-color': '#2323ff' }, }, }, }, diff --git a/src/frontend/yarn.lock b/src/frontend/yarn.lock index bd4dab5e..5b0aa05c 100644 --- a/src/frontend/yarn.lock +++ b/src/frontend/yarn.lock @@ -1053,7 +1053,7 @@ resolved "https://registry.yarnpkg.com/@bcoe/v8-coverage/-/v8-coverage-0.2.3.tgz#75a2e8b51cb758a7553d6804a5932d7aace75c39" integrity sha512-0hYQ8SB4Db5zvZB4axdMHGwEaQjkZzFjQiN9LVYvIFB2nSUHW9tYpxWriPrWDASIxiaXax83REcLxuSdnGPZtw== -"@blocknote/core@*", "@blocknote/core@0.15.7", "@blocknote/core@^0.15.7": +"@blocknote/core@*", "@blocknote/core@^0.15.7": version "0.15.7" resolved "https://registry.yarnpkg.com/@blocknote/core/-/core-0.15.7.tgz#c084048ea73e26564ee0ed42cf75125abae78efa" integrity sha512-qhDe2bUkr/dRPiJxoo26eS5A5T+1sUDVBvQ33Mhua8qb7gT/ccOQ96SsI1sJitj/wgQYmgWG11o7V/WYRYa8wA== @@ -1100,7 +1100,7 @@ y-protocols "^1.0.6" yjs "^13.6.15" -"@blocknote/mantine@*", "@blocknote/mantine@0.15.7": +"@blocknote/mantine@*": version "0.15.7" resolved "https://registry.yarnpkg.com/@blocknote/mantine/-/mantine-0.15.7.tgz#5460dd1c03a396f0d632013c9dbdb2dda4b386d4" integrity sha512-66AstkivAZGeqktrnZ7ZU0Tg4JNu8sCmPEl1cJ9o1QZaIbGGt6t7T5efttrchlEZeE7IIlFc509NauhcvEvlDw== @@ -1114,7 +1114,7 @@ react-dom "^18" react-icons "^5.2.1" -"@blocknote/react@*", "@blocknote/react@0.15.7", "@blocknote/react@^0.15.7": +"@blocknote/react@*", "@blocknote/react@^0.15.7": version "0.15.7" resolved "https://registry.yarnpkg.com/@blocknote/react/-/react-0.15.7.tgz#9b127b2c0a2c0b4630e6b9ca5e19477cadd0fda9" integrity sha512-N1FpR9on8ifsd21bFznI1WMwa2LLF4N0oenemL1kmpywa0ujOj5isAy6HNP1pnKjoOXklMk91kViVpqAyWHFrQ== @@ -1397,7 +1397,7 @@ dependencies: eslint-visitor-keys "^3.3.0" -"@eslint-community/regexpp@^4.10.0", "@eslint-community/regexpp@^4.6.1": +"@eslint-community/regexpp@^4.10.0", "@eslint-community/regexpp@^4.5.1", "@eslint-community/regexpp@^4.6.1": version "4.11.0" resolved "https://registry.yarnpkg.com/@eslint-community/regexpp/-/regexpp-4.11.0.tgz#b0ffd0312b4a3fd2d6f77237e7248a5ad3a680ae" integrity sha512-G/M/tIiMrTAxEWRfLfQJMmGNX28IxBg4PBz8XqQhqUHLFI6TL2htpIB1iQCj144V5ee/JaKyT9/WZ0MGZWfA7A== @@ -3766,7 +3766,7 @@ "@types/tough-cookie" "*" parse5 "^7.0.0" -"@types/json-schema@^7.0.8", "@types/json-schema@^7.0.9": +"@types/json-schema@^7.0.12", "@types/json-schema@^7.0.8", "@types/json-schema@^7.0.9": version "7.0.15" resolved "https://registry.yarnpkg.com/@types/json-schema/-/json-schema-7.0.15.tgz#596a1747233694d50f6ad8a7869fcb6f56cf5841" integrity sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA== @@ -3803,7 +3803,7 @@ resolved "https://registry.yarnpkg.com/@types/ms/-/ms-0.7.34.tgz#10964ba0dee6ac4cd462e2795b6bebd407303433" integrity sha512-nG96G3Wp6acyAgJqGasjODb+acrI7KltPiRxzHPXnP3NgI28bpQDRv53olbqGXbfcgF5aiiHmO3xpwEpS5Ld9g== -"@types/node@*", "@types/node@20.16.5": +"@types/node@*": version "20.16.5" resolved "https://registry.yarnpkg.com/@types/node/-/node-20.16.5.tgz#d43c7f973b32ffdf9aa7bd4f80e1072310fd7a53" integrity sha512-VwYCweNo3ERajwy0IUlqqcyZ8/A7Zwa9ZP3MnENWcB11AejO+tLy3pu850goUW2FC/IJMdZUfKpX/yxL1gymCA== @@ -3830,7 +3830,7 @@ resolved "https://registry.yarnpkg.com/@types/prop-types/-/prop-types-15.7.12.tgz#12bb1e2be27293c1406acb6af1c3f3a1481d98c6" integrity sha512-5zvhXYtRNRluoE/jAp4GVsSduVUzNWKkOZrCDBWYtE7biZywwdC2AcEzg+cSMLFRfVgeAFqpfNabiPjxFddV1Q== -"@types/react-dom@*", "@types/react-dom@18.3.0": +"@types/react-dom@*": version "18.3.0" resolved "https://registry.yarnpkg.com/@types/react-dom/-/react-dom-18.3.0.tgz#0cbc818755d87066ab6ca74fbedb2547d74a82b0" integrity sha512-EhwApuTmMBmXuFOikhQLIBUn6uFg81SwLMOAUgodJF14SOBOCMdU04gDoYi0WOJJHD144TL32z4yDqCW3dnkQg== @@ -3864,7 +3864,7 @@ resolved "https://registry.yarnpkg.com/@types/resolve/-/resolve-1.20.2.tgz#97d26e00cd4a0423b4af620abecf3e6f442b7975" integrity sha512-60BCwRFOZCQhDncwQdxxeOEEkbc5dIMccYLwbxsS4TUNeVECQ/pBJ0j09mrHOl/JJvpRPGwO9SvE4nR2Nb/a4Q== -"@types/semver@^7.3.12": +"@types/semver@^7.3.12", "@types/semver@^7.5.0": version "7.5.8" resolved "https://registry.yarnpkg.com/@types/semver/-/semver-7.5.8.tgz#8268a8c57a3e4abd25c165ecd36237db7948a55e" integrity sha512-I8EUhyrgfLrcTkzV3TSsGyl1tSuPrEDzr0yd5m90UgNxQkyDXULk3b6MlQqTCpZpNtWe1K0hzclnZkTcLBe2UQ== @@ -3921,7 +3921,7 @@ dependencies: "@types/yargs-parser" "*" -"@typescript-eslint/eslint-plugin@*", "@typescript-eslint/eslint-plugin@8.5.0", "@typescript-eslint/eslint-plugin@^5.4.2 || ^6.0.0 || 7.0.0 - 7.2.0": +"@typescript-eslint/eslint-plugin@*": version "8.5.0" resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.5.0.tgz#7c1863693a98371703686e1c0fac64ffc576cdb1" integrity sha512-lHS5hvz33iUFQKuPFGheAB84LwcJ60G8vKnEhnfcK1l8kGVLro2SFYW6K0/tj8FUhRJ0VHyg1oAfg50QGbPPHw== @@ -3936,7 +3936,24 @@ natural-compare "^1.4.0" ts-api-utils "^1.3.0" -"@typescript-eslint/parser@*", "@typescript-eslint/parser@8.5.0", "@typescript-eslint/parser@^5.4.2 || ^6.0.0 || 7.0.0 - 7.2.0": +"@typescript-eslint/eslint-plugin@^5.4.2 || ^6.0.0 || 7.0.0 - 7.2.0": + version "7.2.0" + resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-7.2.0.tgz#5a5fcad1a7baed85c10080d71ad901f98c38d5b7" + integrity sha512-mdekAHOqS9UjlmyF/LSs6AIEvfceV749GFxoBAjwAv0nkevfKHWQFDMcBZWUiIC5ft6ePWivXoS36aKQ0Cy3sw== + dependencies: + "@eslint-community/regexpp" "^4.5.1" + "@typescript-eslint/scope-manager" "7.2.0" + "@typescript-eslint/type-utils" "7.2.0" + "@typescript-eslint/utils" "7.2.0" + "@typescript-eslint/visitor-keys" "7.2.0" + debug "^4.3.4" + graphemer "^1.4.0" + ignore "^5.2.4" + natural-compare "^1.4.0" + semver "^7.5.4" + ts-api-utils "^1.0.1" + +"@typescript-eslint/parser@*": version "8.5.0" resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-8.5.0.tgz#d590e1ef9f31f26d423999ad3f687723247e6bcc" integrity sha512-gF77eNv0Xz2UJg/NbpWJ0kqAm35UMsvZf1GHj8D9MRFTj/V3tAciIWXfmPLsAAF/vUlpWPvUDyH1jjsr0cMVWw== @@ -3947,6 +3964,17 @@ "@typescript-eslint/visitor-keys" "8.5.0" debug "^4.3.4" +"@typescript-eslint/parser@^5.4.2 || ^6.0.0 || 7.0.0 - 7.2.0": + version "7.2.0" + resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-7.2.0.tgz#44356312aea8852a3a82deebdacd52ba614ec07a" + integrity sha512-5FKsVcHTk6TafQKQbuIVkXq58Fnbkd2wDL4LB7AURN7RUOu1utVP+G8+6u3ZhEroW3DF6hyo3ZEXxgKgp4KeCg== + dependencies: + "@typescript-eslint/scope-manager" "7.2.0" + "@typescript-eslint/types" "7.2.0" + "@typescript-eslint/typescript-estree" "7.2.0" + "@typescript-eslint/visitor-keys" "7.2.0" + debug "^4.3.4" + "@typescript-eslint/scope-manager@5.62.0": version "5.62.0" resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-5.62.0.tgz#d9457ccc6a0b8d6b37d0eb252a23022478c5460c" @@ -3955,6 +3983,14 @@ "@typescript-eslint/types" "5.62.0" "@typescript-eslint/visitor-keys" "5.62.0" +"@typescript-eslint/scope-manager@7.2.0": + version "7.2.0" + resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-7.2.0.tgz#cfb437b09a84f95a0930a76b066e89e35d94e3da" + integrity sha512-Qh976RbQM/fYtjx9hs4XkayYujB/aPwglw2choHmf3zBjB4qOywWSdt9+KLRdHubGcoSwBnXUH2sR3hkyaERRg== + dependencies: + "@typescript-eslint/types" "7.2.0" + "@typescript-eslint/visitor-keys" "7.2.0" + "@typescript-eslint/scope-manager@8.5.0": version "8.5.0" resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-8.5.0.tgz#385341de65b976f02b295b8aca54bb4ffd6b5f07" @@ -3963,6 +3999,16 @@ "@typescript-eslint/types" "8.5.0" "@typescript-eslint/visitor-keys" "8.5.0" +"@typescript-eslint/type-utils@7.2.0": + version "7.2.0" + resolved "https://registry.yarnpkg.com/@typescript-eslint/type-utils/-/type-utils-7.2.0.tgz#7be5c30e9b4d49971b79095a1181324ef6089a19" + integrity sha512-xHi51adBHo9O9330J8GQYQwrKBqbIPJGZZVQTHHmy200hvkLZFWJIFtAG/7IYTWUyun6DE6w5InDReePJYJlJA== + dependencies: + "@typescript-eslint/typescript-estree" "7.2.0" + "@typescript-eslint/utils" "7.2.0" + debug "^4.3.4" + ts-api-utils "^1.0.1" + "@typescript-eslint/type-utils@8.5.0": version "8.5.0" resolved "https://registry.yarnpkg.com/@typescript-eslint/type-utils/-/type-utils-8.5.0.tgz#6215b23aa39dbbd8dde0a4ef9ee0f745410c29b1" @@ -3978,6 +4024,11 @@ resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-5.62.0.tgz#258607e60effa309f067608931c3df6fed41fd2f" integrity sha512-87NVngcbVXUahrRTqIK27gD2t5Cu1yuCXxbLcFtCzZGlfyVWWh8mLHkoxzjsB6DDNnvdL+fW8MiwPEJyGJQDgQ== +"@typescript-eslint/types@7.2.0": + version "7.2.0" + resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-7.2.0.tgz#0feb685f16de320e8520f13cca30779c8b7c403f" + integrity sha512-XFtUHPI/abFhm4cbCDc5Ykc8npOKBSJePY3a3s+lwumt7XWJuzP5cZcfZ610MIPHjQjNsOLlYK8ASPaNG8UiyA== + "@typescript-eslint/types@8.5.0": version "8.5.0" resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-8.5.0.tgz#4465d99331d1276f8fb2030e4f9c73fe01a05bf9" @@ -3996,6 +4047,20 @@ semver "^7.3.7" tsutils "^3.21.0" +"@typescript-eslint/typescript-estree@7.2.0": + version "7.2.0" + resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-7.2.0.tgz#5beda2876c4137f8440c5a84b4f0370828682556" + integrity sha512-cyxS5WQQCoBwSakpMrvMXuMDEbhOo9bNHHrNcEWis6XHx6KF518tkF1wBvKIn/tpq5ZpUYK7Bdklu8qY0MsFIA== + dependencies: + "@typescript-eslint/types" "7.2.0" + "@typescript-eslint/visitor-keys" "7.2.0" + debug "^4.3.4" + globby "^11.1.0" + is-glob "^4.0.3" + minimatch "9.0.3" + semver "^7.5.4" + ts-api-utils "^1.0.1" + "@typescript-eslint/typescript-estree@8.5.0": version "8.5.0" resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-8.5.0.tgz#6e5758cf2f63aa86e9ddfa4e284e2e0b81b87557" @@ -4010,6 +4075,19 @@ semver "^7.6.0" ts-api-utils "^1.3.0" +"@typescript-eslint/utils@7.2.0": + version "7.2.0" + resolved "https://registry.yarnpkg.com/@typescript-eslint/utils/-/utils-7.2.0.tgz#fc8164be2f2a7068debb4556881acddbf0b7ce2a" + integrity sha512-YfHpnMAGb1Eekpm3XRK8hcMwGLGsnT6L+7b2XyRv6ouDuJU1tZir1GS2i0+VXRatMwSI1/UfcyPe53ADkU+IuA== + dependencies: + "@eslint-community/eslint-utils" "^4.4.0" + "@types/json-schema" "^7.0.12" + "@types/semver" "^7.5.0" + "@typescript-eslint/scope-manager" "7.2.0" + "@typescript-eslint/types" "7.2.0" + "@typescript-eslint/typescript-estree" "7.2.0" + semver "^7.5.4" + "@typescript-eslint/utils@8.5.0", "@typescript-eslint/utils@^6.0.0 || ^7.0.0 || ^8.0.0", "@typescript-eslint/utils@^8.3.0": version "8.5.0" resolved "https://registry.yarnpkg.com/@typescript-eslint/utils/-/utils-8.5.0.tgz#4d4ffed96d0654546a37faa5b84bdce16d951634" @@ -4042,6 +4120,14 @@ "@typescript-eslint/types" "5.62.0" eslint-visitor-keys "^3.3.0" +"@typescript-eslint/visitor-keys@7.2.0": + version "7.2.0" + resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-7.2.0.tgz#5035f177752538a5750cca1af6044b633610bf9e" + integrity sha512-c6EIQRHhcpl6+tO8EMR+kjkkV+ugUNXOmeASA1rlzkd8EPIriavpWoiEz1HR/VLhbVIdhqnV6E7JZm00cBDx2A== + dependencies: + "@typescript-eslint/types" "7.2.0" + eslint-visitor-keys "^3.4.1" + "@typescript-eslint/visitor-keys@8.5.0": version "8.5.0" resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-8.5.0.tgz#13028df3b866d2e3e2e2cc4193cf2c1e0e04c4bf" @@ -4849,7 +4935,7 @@ cheerio@^1.0.0: undici "^6.19.5" whatwg-mimetype "^4.0.0" -chokidar@^3.5.2: +"chokidar@>=3.0.0 <4.0.0", chokidar@^3.5.2: version "3.6.0" resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-3.6.0.tgz#197c6cc669ef2a8dc5e7b4d97ee4e092c3eb0d5b" integrity sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw== @@ -5097,7 +5183,7 @@ crelt@^1.0.0: resolved "https://registry.yarnpkg.com/crelt/-/crelt-1.0.6.tgz#7cc898ea74e190fb6ef9dae57f8f81cf7302df72" integrity sha512-VQ2MBenTq1fWZUH9DJNGti7kKv6EeAuYr3cLwxUWhIu1baTaXh4Ib5W2CqHVqib4/MqbYGJqiL3Zb8GJZr3l4g== -cross-env@*, cross-env@7.0.3: +cross-env@*: version "7.0.3" resolved "https://registry.yarnpkg.com/cross-env/-/cross-env-7.0.3.tgz#865264b29677dc015ba8418918965dd232fc54cf" integrity sha512-+/HKd6EgcQCJGh2PSjZuUitQBQynKor4wrFbRg4DtAgS1aWO+gU52xpH7M9ScGgXSYmAVS9bIJ8EzuaGw0oNAw== @@ -5947,7 +6033,7 @@ eslint-visitor-keys@^3.3.0, eslint-visitor-keys@^3.4.1, eslint-visitor-keys@^3.4 resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz#0cd72fe8550e3c2eae156a96a4dddcd1c8ac5800" integrity sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag== -eslint@*, eslint@8.57.0: +eslint@*: version "8.57.0" resolved "https://registry.yarnpkg.com/eslint/-/eslint-8.57.0.tgz#c786a6fd0e0b68941aaf624596fb987089195668" integrity sha512-dZ6+mexnaTIbSBZWgou51U6OmzIhYM2VcNdtiTtI7qPNZm35Akpr0f6vtw3w1Kmn5PYo+tZVfh13WrhpS6oLqQ== @@ -6971,11 +7057,16 @@ ignore-by-default@^1.0.1: resolved "https://registry.yarnpkg.com/ignore-by-default/-/ignore-by-default-1.0.1.tgz#48ca6d72f6c6a3af00a9ad4ae6876be3889e2b09" integrity sha512-Ius2VYcGNk7T90CppJqcIkS5ooHUZyIQK+ClZfMfMNFEF9VSE73Fq+906u/CWu92x4gzZMWOwfFYckPObzdEbA== -ignore@^5.2.0, ignore@^5.3.1, ignore@^5.3.2: +ignore@^5.2.0, ignore@^5.2.4, ignore@^5.3.1, ignore@^5.3.2: version "5.3.2" resolved "https://registry.yarnpkg.com/ignore/-/ignore-5.3.2.tgz#3cd40e729f3643fd87cb04e50bf0eb722bc596f5" integrity sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g== +immutable@^4.0.0: + version "4.3.7" + resolved "https://registry.yarnpkg.com/immutable/-/immutable-4.3.7.tgz#c70145fc90d89fb02021e65c84eb0226e4e5a381" + integrity sha512-1hqclzwYwjRDFLjcFxOM5AYkkG0rpFPpr1RLPMEuGczoS7YA8gLhy8SWXYRAA/XwfEHpfo3cw5JGioS32fnMRw== + import-fresh@^3.2.1, import-fresh@^3.3.0: version "3.3.0" resolved "https://registry.yarnpkg.com/import-fresh/-/import-fresh-3.3.0.tgz#37162c25fcb9ebaa2e6e53d5b4d88ce17d9e0c2b" @@ -8674,6 +8765,13 @@ min-indent@^1.0.0: resolved "https://registry.yarnpkg.com/min-indent/-/min-indent-1.0.1.tgz#a63f681673b30571fbe8bc25686ae746eefa9869" integrity sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg== +minimatch@9.0.3: + version "9.0.3" + resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-9.0.3.tgz#a6e00c3de44c3a542bfaae70abfc22420a6da825" + integrity sha512-RHiac9mvaRw0x3AYRgDC1CxAP7HTcNrrECeA8YYJeWnpo+2Q5CegtZjaotWTWxDG3UeGA1coE05iH1mPjT/2mg== + dependencies: + brace-expansion "^2.0.1" + minimatch@^3.0.2, minimatch@^3.0.4, minimatch@^3.0.5, minimatch@^3.1.1, minimatch@^3.1.2: version "3.1.2" resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-3.1.2.tgz#19cd194bfd3e428f049a70817c038d89ab4be35b" @@ -10137,6 +10235,15 @@ safe-regex-test@^1.0.3: resolved "https://registry.yarnpkg.com/safer-buffer/-/safer-buffer-2.1.2.tgz#44fa161b0187b9549dd84bb91802f9bd8385cd6a" integrity sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg== +sass@^1.78.0: + version "1.78.0" + resolved "https://registry.yarnpkg.com/sass/-/sass-1.78.0.tgz#cef369b2f9dc21ea1d2cf22c979f52365da60841" + integrity sha512-AaIqGSrjo5lA2Yg7RvFZrlXDBCp3nV4XP73GrLGvdRWWwk+8H3l0SDvq/5bA4eF+0RFPLuWUk3E+P1U/YqnpsQ== + dependencies: + chokidar ">=3.0.0 <4.0.0" + immutable "^4.0.0" + source-map-js ">=0.6.2 <2.0.0" + saxes@^6.0.0: version "6.0.0" resolved "https://registry.yarnpkg.com/saxes/-/saxes-6.0.0.tgz#fe5b4a4768df4f14a201b1ba6a65c1f3d9988cc5" @@ -10287,7 +10394,7 @@ source-list-map@^2.0.0: resolved "https://registry.yarnpkg.com/source-list-map/-/source-list-map-2.0.1.tgz#3993bd873bfc48479cca9ea3a547835c7c154b34" integrity sha512-qnQ7gVMxGNxsiL4lEuJwe/To8UnK7fAnmbGEEH8RpLouuKbeEm0lhbQVFIrNSuB+G7tVrAlVsZgETT5nljf+Iw== -source-map-js@^1.0.1, source-map-js@^1.0.2, source-map-js@^1.2.0: +"source-map-js@>=0.6.2 <2.0.0", source-map-js@^1.0.1, source-map-js@^1.0.2, source-map-js@^1.2.0: version "1.2.1" resolved "https://registry.yarnpkg.com/source-map-js/-/source-map-js-1.2.1.tgz#1ce5650fddd87abc099eda37dcff024c2667ae46" integrity sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA== @@ -10898,7 +11005,7 @@ trough@^2.0.0: resolved "https://registry.yarnpkg.com/trough/-/trough-2.2.0.tgz#94a60bd6bd375c152c1df911a4b11d5b0256f50f" integrity sha512-tmMpK00BjZiUyVyvrBK7knerNgmgvcV/KLVyuma/SC+TQN167GrMRciANTz09+k3zW8L8t60jWO1GpfkZdjTaw== -ts-api-utils@^1.3.0: +ts-api-utils@^1.0.1, ts-api-utils@^1.3.0: version "1.3.0" resolved "https://registry.yarnpkg.com/ts-api-utils/-/ts-api-utils-1.3.0.tgz#4b490e27129f1e8e686b45cc4ab63714dc60eea1" integrity sha512-UQMIo7pb8WRomKR1/+MFVLTroIvDVtMX3K6OUir8ynLyzB8Jeriont2bTAtmNPa1ekAgN7YPDyf6V+ygrdU+eQ== @@ -11045,7 +11152,7 @@ typed-array-length@^1.0.6: is-typed-array "^1.1.13" possible-typed-array-names "^1.0.0" -typescript@*, typescript@5.6.2, typescript@^5.0.4: +typescript@*, typescript@^5.0.4: version "5.6.2" resolved "https://registry.yarnpkg.com/typescript/-/typescript-5.6.2.tgz#d1de67b6bef77c41823f822df8f0b3bcff60a5a0" integrity sha512-NW8ByodCSNCwZeghjN3o+JX5OFH0Ojg6sadjEKY4huZ52TqbJTJnDo5+Tw98lSy63NZvi4n+ez5m2u5d4PkZyw== @@ -11931,7 +12038,7 @@ yargs@17.7.2, yargs@^17.3.1: y18n "^5.0.5" yargs-parser "^21.1.1" -yjs@*, yjs@13.6.19, yjs@^13.6.15: +yjs@*, yjs@^13.6.15: version "13.6.19" resolved "https://registry.yarnpkg.com/yjs/-/yjs-13.6.19.tgz#66999f41254ab65be8c8e71bd767d124ad600909" integrity sha512-GNKw4mEUn5yWU2QPHRx8jppxmCm9KzbBhB4qJLUJFiiYD0g/tDVgXQ7aPkyh01YO28kbs2J/BEbWBagjuWyejw==