studio/calendars
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(front): add sunbeam theme and Cunningham v4 token plumbing

Browse Source 
Add sunbeam dark theme to cunningham.ts with amber brand palette and
navy grey scale. Wire THEME_CSS_URL through Dockerfile build args and
_app.tsx <link> injection so the integration service theme CSS loads at
runtime. Regenerate Cunningham design tokens (CSS, SCSS, TS). Add
Monaspace Neon variable font-face for monospace UI elements.
This commit is contained in:
Sienna Meridian Satterwhite
2026-03-18 18:34:05 +00:00
parent eb54778154
commit cfefc9287d
10 changed files with 2468 additions and 1631 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/frontend/Dockerfile
View File

@@ -41,9 +41,17 @@ FROM calendars AS calendars-builder
WORKDIR /home/frontend/apps/calendars
ARG API_ORIGIN
ARG VISIO_BASE_URL
ARG GAUFRE_WIDGET_PATH
ARG GAUFRE_API_URL
ARG THEME_CSS_URL
ENV NEXT_PUBLIC_API_ORIGIN=${API_ORIGIN}
ENV NEXT_PUBLIC_VISIO_BASE_URL=${VISIO_BASE_URL}
ENV NEXT_PUBLIC_GAUFRE_WIDGET_PATH=${GAUFRE_WIDGET_PATH}
ENV NEXT_PUBLIC_GAUFRE_API_URL=${GAUFRE_API_URL}
ENV NEXT_PUBLIC_THEME_CSS_URL=${THEME_CSS_URL}
RUN npm run build
RUN npm run build-theme && npm run build
# ---- Front-end image ----
FROM caddy:2-alpine AS frontend-production

1
src/frontend/apps/calendars/.env
View File

@@ -1,2 +1,3 @@
NEXT_PUBLIC_API_ORIGIN=
NEXT_PUBLIC_VISIO_BASE_URL=
NEXT_PUBLIC_THEME_CSS_URL=

78
src/frontend/apps/calendars/cunningham.ts
View File

@@ -59,8 +59,20 @@ const themesImages = {
logo: "/assets/cal_full_logotype_vector.svg",
"logo-icon": "/assets/logo-icon_beta.svg",
},
sunbeam: {
favicon: "/assets/favicon.png",
logo: "/assets/cal_full_logotype_vector.svg",
"logo-icon": "/assets/logo-icon_beta.svg",
},
};
const gaufreWidgetPath =
process.env.NEXT_PUBLIC_GAUFRE_WIDGET_PATH ||
"https://static.suite.anct.gouv.fr/widgets/lagaufre.js";
const gaufreApiUrl =
process.env.NEXT_PUBLIC_GAUFRE_API_URL ||
"https://lasuite.numerique.gouv.fr/api/services";
const themesGaufre = {
anct: {
widgetPath: "https://static.suite.anct.gouv.fr/widgets/lagaufre.js",
@@ -68,12 +80,16 @@ const themesGaufre = {
"https://operateurs.suite.anct.gouv.fr/api/v1.0/lagaufre/services/?operator=9f5624fc-ef99-4d10-ae3f-403a81eb16ef&siret=21870030000013",
},
dark: {
widgetPath: "https://static.suite.anct.gouv.fr/widgets/lagaufre.js",
apiUrl: "https://lasuite.numerique.gouv.fr/api/services",
widgetPath: gaufreWidgetPath,
apiUrl: gaufreApiUrl,
},
default: {
widgetPath: "https://static.suite.anct.gouv.fr/widgets/lagaufre.js",
apiUrl: "https://lasuite.numerique.gouv.fr/api/services",
widgetPath: gaufreWidgetPath,
apiUrl: gaufreApiUrl,
},
sunbeam: {
widgetPath: gaufreWidgetPath,
apiUrl: gaufreApiUrl,
},
};
@@ -403,6 +419,60 @@ const defaultConfig = deepMerge(cunninghamConfig, {
default: {
components: getComponents("default"),
},
sunbeam: deepMerge(cunninghamConfig.themes.dark, {
globals: {
colors: {
"brand-050": "#1A1608",
"brand-100": "#2A2210",
"brand-150": "#322916",
"brand-200": "#382D16",
"brand-250": "#3F3319",
"brand-300": "#46371B",
"brand-350": "#51401F",
"brand-400": "#fbbf24",
"brand-450": "#f8b31a",
"brand-500": "#f59e0b",
"brand-550": "#e8920a",
"brand-600": "#d97706",
"brand-650": "#c26d05",
"brand-700": "#b45309",
"brand-750": "#9a4508",
"brand-800": "#92400e",
"brand-850": "#7c370c",
"brand-900": "#78350f",
"brand-950": "#451a03",
"gray-000": "#ffffff",
"gray-025": "#F7F8F9",
"gray-050": "#EFF1F3",
"gray-100": "#E5EAEE",
"gray-150": "#D9DFE5",
"gray-200": "#CDD5DC",
"gray-250": "#C1CAD3",
"gray-300": "#B5C0CA",
"gray-350": "#A9B5C1",
"gray-400": "#9CAAB7",
"gray-450": "#8F9EAC",
"gray-500": "#8292A1",
"gray-550": "#748494",
"gray-600": "#566676",
"gray-650": "#3D4D5F",
"gray-700": "#2C3B4E",
"gray-750": "#253446",
"gray-800": "#1E2C3E",
"gray-850": "#182536",
"gray-900": "#131F30",
"gray-950": "#101D2E",
"gray-1000": "#0C1A2B",
},
font: {
families: {
base: "'Ysabeau', Inter, sans-serif",
accent: "'Ysabeau', Inter, sans-serif",
},
},
},
components: getComponents("sunbeam"),
}),
},
});

3
src/frontend/apps/calendars/src/pages/_app.tsx
View File

@@ -126,6 +126,9 @@ const MyAppInner = ({ Component, pageProps }: AppPropsWithLayout) => {
<Head>
<title>{t("app_title")}</title>
<link rel="icon" href={faviconHref} type="image/png" />
{process.env.NEXT_PUBLIC_THEME_CSS_URL && (
<link rel="stylesheet" href={process.env.NEXT_PUBLIC_THEME_CSS_URL} />
)}
</Head>
<QueryClientProvider client={queryClient}>
<CunninghamProvider

729
src/frontend/apps/calendars/src/styles/cunningham-tokens-sass.scss
View File

@@ -4672,5 +4672,734 @@ $themes: (
'src': url('/assets/anct_logo-icon.svg')
)
)
),
'sunbeam': (
'globals': (
'colors': (
'logo-1-light': #4844AD,
'logo-2-light': #4844AD,
'logo-1-dark': #BEC5F0,
'logo-2-dark': #BEC5F0,
'brand-050': #1A1608,
'brand-100': #2A2210,
'brand-150': #322916,
'brand-200': #382D16,
'brand-250': #3F3319,
'brand-300': #46371B,
'brand-350': #51401F,
'brand-400': #fbbf24,
'brand-450': #f8b31a,
'brand-500': #f59e0b,
'brand-550': #e8920a,
'brand-600': #d97706,
'brand-650': #c26d05,
'brand-700': #b45309,
'brand-750': #9a4508,
'brand-800': #92400e,
'brand-850': #7c370c,
'brand-900': #78350f,
'brand-950': #451a03,
'gray-000': #ffffff,
'gray-025': #F7F8F9,
'gray-050': #EFF1F3,
'gray-100': #E5EAEE,
'gray-150': #D9DFE5,
'gray-200': #CDD5DC,
'gray-250': #C1CAD3,
'gray-300': #B5C0CA,
'gray-350': #A9B5C1,
'gray-400': #9CAAB7,
'gray-450': #8F9EAC,
'gray-500': #8292A1,
'gray-550': #748494,
'gray-600': #566676,
'gray-650': #3D4D5F,
'gray-700': #2C3B4E,
'gray-750': #253446,
'gray-800': #1E2C3E,
'gray-850': #182536,
'gray-900': #131F30,
'gray-950': #101D2E,
'gray-1000': #0C1A2B,
'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
),
'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': #{'Ysabeau', Inter, sans-serif},
'accent': #{'Ysabeau', Inter, 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
)
),
'contextuals': (
'background': (
'surface': (
'primary': #2F303D,
'secondary': #25252F,
'tertiary': #1B1B23
),
'semantic': (
'contextual': (
'primary': #F8F8F90D,
'primary-hover': #F8F8F91A
),
'overlay': (
'primary': #F8F8F90D,
'primary-hover': #F8F8F91A
),
'brand': (
'primary': #5E5CD0,
'primary-hover': #4844AD,
'secondary': #3E3B98,
'secondary-hover': #36347D,
'tertiary': #36347D,
'tertiary-hover': #2D2F5F
),
'neutral': (
'primary': #69697D,
'primary-hover': #515164,
'secondary': #454558,
'secondary-hover': #3A3A4C,
'tertiary': #3A3A4C,
'tertiary-hover': #2F303D
),
'info': (
'primary': #0069CF,
'primary-hover': #0D4EAA,
'secondary': #124394,
'secondary-hover': #163878,
'tertiary': #163878,
'tertiary-hover': #192F5A
),
'success': (
'primary': #027B3E,
'primary-hover': #006024,
'secondary': #005317,
'secondary-hover': #0D4511,
'tertiary': #0D4511,
'tertiary-hover': #11380E
),
'warning': (
'primary': #BC4200,
'primary-hover': #9E2300,
'secondary': #882011,
'secondary-hover': #731E16,
'tertiary': #731E16,
'tertiary-hover': #58201A
),
'error': (
'primary': #D7010E,
'primary-hover': #AA0000,
'secondary': #910C06,
'secondary-hover': #731E16,
'tertiary': #731E16,
'tertiary-hover': #58201A
),
'disabled': (
'primary': #3A3A4C,
'secondary': #2F303D
)
),
'palette': (
'brand': (
'primary': #8F94FD,
'secondary': #7576EE,
'tertiary': #5E5CD0
),
'red': (
'primary': #F37B7E,
'secondary': #E94A55,
'tertiary': #CA2A3C
),
'orange': (
'primary': #E5845A,
'secondary': #C86A40,
'tertiary': #AB5025
),
'brown': (
'primary': #B8987E,
'secondary': #9D7E65,
'tertiary': #82654C
),
'yellow': (
'primary': #C2972E,
'secondary': #AB7B00,
'tertiary': #916100
),
'green': (
'primary': #45B173,
'secondary': #029755,
'tertiary': #017B3B
),
'blue-1': (
'primary': #68A1E4,
'secondary': #4E86C7,
'tertiary': #356CAC
),
'blue-2': (
'primary': #00AFBA,
'secondary': #00929D,
'tertiary': #007682
),
'purple': (
'primary': #C188D9,
'secondary': #A66EBD,
'tertiary': #8B55A1
),
'pink': (
'primary': #D685A8,
'secondary': #B86C8D,
'tertiary': #9C5374
),
'gray': (
'primary': #9C9CB2,
'secondary': #828297,
'tertiary': #69697D
)
)
),
'content': (
'logo1': #BEC5F0,
'logo2': #BEC5F0,
'semantic': (
'contextual': (
'primary': #1B1B23D9
),
'overlay': (
'primary': #1B1B23D9
),
'brand': (
'primary': #EEF1FA,
'secondary': #DDE2F5,
'tertiary': #AFB5F1,
'on-brand': #EEF1FA
),
'neutral': (
'primary': #F0F0F3,
'secondary': #E2E2EA,
'tertiary': #B7B7CB,
'on-neutral': #F0F0F3
),
'info': (
'primary': #EAF2F9,
'secondary': #D5E4F3,
'tertiary': #8DBDEF,
'on-info': #EAF2F9
),
'success': (
'primary': #E8F1EA,
'secondary': #CFE4D4,
'tertiary': #86C597,
'on-success': #E8F1EA
),
'warning': (
'primary': #F8F0E9,
'secondary': #F1E0D3,
'tertiary': #E8AE8A,
'on-warning': #F8F0E9
),
'error': (
'primary': #F9EFEC,
'secondary': #F4DFD9,
'tertiary': #EEA99D,
'on-error': #F9EFEC
),
'disabled': (
'primary': #5D5D70,
'secondary': #1B1B234D
)
),
'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': #3A3A4C
),
'semantic': (
'contextual': (
'primary': #1B1B2333
),
'overlay': (
'primary': #1B1B2333
),
'brand': (
'primary': #7576EE,
'secondary': #534FC2,
'tertiary': #3E3B98
),
'neutral': (
'primary': #828297,
'secondary': #5D5D70,
'tertiary': #454558
),
'info': (
'primary': #1185ED,
'secondary': #005BC0,
'tertiary': #124394
),
'success': (
'primary': #309556,
'secondary': #016D31,
'tertiary': #005317
),
'warning': (
'primary': #DA5E18,
'secondary': #AD3300,
'tertiary': #882011
),
'error': (
'primary': #F0463D,
'secondary': #C00100,
'tertiary': #910C06
),
'disabled': (
'primary': #2F303D
)
)
)
),
'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': #1B1B230D
),
'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
)
),
'gaufre': (
'widgetPath': 'https://static.suite.anct.gouv.fr/widgets/lagaufre.js',
'apiUrl': 'https://lasuite.numerique.gouv.fr/api/services'
),
'favicon': (
'src': '/assets/favicon.png'
),
'logo': (
'src': url('/assets/cal_full_logotype_vector.svg')
),
'logo-icon': (
'src': url('/assets/logo-icon_beta.svg')
)
)
)
) !default;

559
src/frontend/apps/calendars/src/styles/cunningham-tokens.css
View File

@@ -3664,3 +3664,562 @@
--c--components--logo--src: url('/assets/acal_full_logotype_vector.svg');
--c--components--logo-icon--src: url('/assets/anct_logo-icon.svg');
}
.cunningham-theme--sunbeam{
--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: #1A1608;
--c--globals--colors--brand-100: #2A2210;
--c--globals--colors--brand-150: #322916;
--c--globals--colors--brand-200: #382D16;
--c--globals--colors--brand-250: #3F3319;
--c--globals--colors--brand-300: #46371B;
--c--globals--colors--brand-350: #51401F;
--c--globals--colors--brand-400: #fbbf24;
--c--globals--colors--brand-450: #f8b31a;
--c--globals--colors--brand-500: #f59e0b;
--c--globals--colors--brand-550: #e8920a;
--c--globals--colors--brand-600: #d97706;
--c--globals--colors--brand-650: #c26d05;
--c--globals--colors--brand-700: #b45309;
--c--globals--colors--brand-750: #9a4508;
--c--globals--colors--brand-800: #92400e;
--c--globals--colors--brand-850: #7c370c;
--c--globals--colors--brand-900: #78350f;
--c--globals--colors--brand-950: #451a03;
--c--globals--colors--gray-000: #ffffff;
--c--globals--colors--gray-025: #F7F8F9;
--c--globals--colors--gray-050: #EFF1F3;
--c--globals--colors--gray-100: #E5EAEE;
--c--globals--colors--gray-150: #D9DFE5;
--c--globals--colors--gray-200: #CDD5DC;
--c--globals--colors--gray-250: #C1CAD3;
--c--globals--colors--gray-300: #B5C0CA;
--c--globals--colors--gray-350: #A9B5C1;
--c--globals--colors--gray-400: #9CAAB7;
--c--globals--colors--gray-450: #8F9EAC;
--c--globals--colors--gray-500: #8292A1;
--c--globals--colors--gray-550: #748494;
--c--globals--colors--gray-600: #566676;
--c--globals--colors--gray-650: #3D4D5F;
--c--globals--colors--gray-700: #2C3B4E;
--c--globals--colors--gray-750: #253446;
--c--globals--colors--gray-800: #1E2C3E;
--c--globals--colors--gray-850: #182536;
--c--globals--colors--gray-900: #131F30;
--c--globals--colors--gray-950: #101D2E;
--c--globals--colors--gray-1000: #0C1A2B;
--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: #AA0000;
--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--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--base: 'Ysabeau', Inter, sans-serif;
--c--globals--font--families--accent: 'Ysabeau', Inter, 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--contextuals--background--surface--primary: var(--c--globals--colors--gray-800);
--c--contextuals--background--surface--secondary: var(--c--globals--colors--gray-850);
--c--contextuals--background--surface--tertiary: var(--c--globals--colors--gray-900);
--c--contextuals--background--semantic--contextual--primary: var(--c--globals--colors--white-050);
--c--contextuals--background--semantic--contextual--primary-hover: var(--c--globals--colors--white-100);
--c--contextuals--background--semantic--overlay--primary: var(--c--globals--colors--white-050);
--c--contextuals--background--semantic--overlay--primary-hover: var(--c--globals--colors--white-100);
--c--contextuals--background--semantic--brand--primary: var(--c--globals--colors--brand-550);
--c--contextuals--background--semantic--brand--primary-hover: var(--c--globals--colors--brand-650);
--c--contextuals--background--semantic--brand--secondary: var(--c--globals--colors--brand-700);
--c--contextuals--background--semantic--brand--secondary-hover: var(--c--globals--colors--brand-750);
--c--contextuals--background--semantic--brand--tertiary: var(--c--globals--colors--brand-750);
--c--contextuals--background--semantic--brand--tertiary-hover: var(--c--globals--colors--brand-800);
--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-700);
--c--contextuals--background--semantic--neutral--secondary-hover: var(--c--globals--colors--gray-750);
--c--contextuals--background--semantic--neutral--tertiary: var(--c--globals--colors--gray-750);
--c--contextuals--background--semantic--neutral--tertiary-hover: var(--c--globals--colors--gray-800);
--c--contextuals--background--semantic--info--primary: var(--c--globals--colors--info-550);
--c--contextuals--background--semantic--info--primary-hover: var(--c--globals--colors--info-650);
--c--contextuals--background--semantic--info--secondary: var(--c--globals--colors--info-700);
--c--contextuals--background--semantic--info--secondary-hover: var(--c--globals--colors--info-750);
--c--contextuals--background--semantic--info--tertiary: var(--c--globals--colors--info-750);
--c--contextuals--background--semantic--info--tertiary-hover: var(--c--globals--colors--info-800);
--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-700);
--c--contextuals--background--semantic--success--secondary-hover: var(--c--globals--colors--success-750);
--c--contextuals--background--semantic--success--tertiary: var(--c--globals--colors--success-750);
--c--contextuals--background--semantic--success--tertiary-hover: var(--c--globals--colors--success-800);
--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-700);
--c--contextuals--background--semantic--warning--secondary-hover: var(--c--globals--colors--warning-750);
--c--contextuals--background--semantic--warning--tertiary: var(--c--globals--colors--warning-750);
--c--contextuals--background--semantic--warning--tertiary-hover: var(--c--globals--colors--warning-800);
--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-700);
--c--contextuals--background--semantic--error--secondary-hover: var(--c--globals--colors--error-750);
--c--contextuals--background--semantic--error--tertiary: var(--c--globals--colors--error-750);
--c--contextuals--background--semantic--error--tertiary-hover: var(--c--globals--colors--error-800);
--c--contextuals--background--semantic--disabled--primary: var(--c--globals--colors--gray-750);
--c--contextuals--background--semantic--disabled--secondary: var(--c--globals--colors--gray-800);
--c--contextuals--background--palette--brand--primary: var(--c--globals--colors--brand-350);
--c--contextuals--background--palette--brand--secondary: var(--c--globals--colors--brand-450);
--c--contextuals--background--palette--brand--tertiary: var(--c--globals--colors--brand-550);
--c--contextuals--background--palette--red--primary: var(--c--globals--colors--red-350);
--c--contextuals--background--palette--red--secondary: var(--c--globals--colors--red-450);
--c--contextuals--background--palette--red--tertiary: var(--c--globals--colors--red-550);
--c--contextuals--background--palette--orange--primary: var(--c--globals--colors--orange-350);
--c--contextuals--background--palette--orange--secondary: var(--c--globals--colors--orange-450);
--c--contextuals--background--palette--orange--tertiary: var(--c--globals--colors--orange-550);
--c--contextuals--background--palette--brown--primary: var(--c--globals--colors--brown-350);
--c--contextuals--background--palette--brown--secondary: var(--c--globals--colors--brown-450);
--c--contextuals--background--palette--brown--tertiary: var(--c--globals--colors--brown-550);
--c--contextuals--background--palette--yellow--primary: var(--c--globals--colors--yellow-350);
--c--contextuals--background--palette--yellow--secondary: var(--c--globals--colors--yellow-450);
--c--contextuals--background--palette--yellow--tertiary: var(--c--globals--colors--yellow-550);
--c--contextuals--background--palette--green--primary: var(--c--globals--colors--green-350);
--c--contextuals--background--palette--green--secondary: var(--c--globals--colors--green-450);
--c--contextuals--background--palette--green--tertiary: var(--c--globals--colors--green-550);
--c--contextuals--background--palette--blue-1--primary: var(--c--globals--colors--blue-1-350);
--c--contextuals--background--palette--blue-1--secondary: var(--c--globals--colors--blue-1-450);
--c--contextuals--background--palette--blue-1--tertiary: var(--c--globals--colors--blue-1-550);
--c--contextuals--background--palette--blue-2--primary: var(--c--globals--colors--blue-2-350);
--c--contextuals--background--palette--blue-2--secondary: var(--c--globals--colors--blue-2-450);
--c--contextuals--background--palette--blue-2--tertiary: var(--c--globals--colors--blue-2-550);
--c--contextuals--background--palette--purple--primary: var(--c--globals--colors--purple-350);
--c--contextuals--background--palette--purple--secondary: var(--c--globals--colors--purple-450);
--c--contextuals--background--palette--purple--tertiary: var(--c--globals--colors--purple-550);
--c--contextuals--background--palette--pink--primary: var(--c--globals--colors--pink-350);
--c--contextuals--background--palette--pink--secondary: var(--c--globals--colors--pink-450);
--c--contextuals--background--palette--pink--tertiary: var(--c--globals--colors--pink-550);
--c--contextuals--background--palette--gray--primary: var(--c--globals--colors--gray-350);
--c--contextuals--background--palette--gray--secondary: var(--c--globals--colors--gray-450);
--c--contextuals--background--palette--gray--tertiary: var(--c--globals--colors--gray-550);
--c--contextuals--content--logo1: var(--c--globals--colors--logo-1-dark);
--c--contextuals--content--logo2: var(--c--globals--colors--logo-2-dark);
--c--contextuals--content--semantic--contextual--primary: var(--c--globals--colors--black-850);
--c--contextuals--content--semantic--overlay--primary: var(--c--globals--colors--black-850);
--c--contextuals--content--semantic--brand--primary: var(--c--globals--colors--brand-050);
--c--contextuals--content--semantic--brand--secondary: var(--c--globals--colors--brand-100);
--c--contextuals--content--semantic--brand--tertiary: var(--c--globals--colors--brand-250);
--c--contextuals--content--semantic--brand--on-brand: var(--c--globals--colors--brand-050);
--c--contextuals--content--semantic--neutral--primary: var(--c--globals--colors--gray-050);
--c--contextuals--content--semantic--neutral--secondary: var(--c--globals--colors--gray-100);
--c--contextuals--content--semantic--neutral--tertiary: var(--c--globals--colors--gray-250);
--c--contextuals--content--semantic--neutral--on-neutral: var(--c--globals--colors--gray-050);
--c--contextuals--content--semantic--info--primary: var(--c--globals--colors--info-050);
--c--contextuals--content--semantic--info--secondary: var(--c--globals--colors--info-100);
--c--contextuals--content--semantic--info--tertiary: var(--c--globals--colors--info-250);
--c--contextuals--content--semantic--info--on-info: var(--c--globals--colors--info-050);
--c--contextuals--content--semantic--success--primary: var(--c--globals--colors--success-050);
--c--contextuals--content--semantic--success--secondary: var(--c--globals--colors--success-100);
--c--contextuals--content--semantic--success--tertiary: var(--c--globals--colors--success-250);
--c--contextuals--content--semantic--success--on-success: var(--c--globals--colors--success-050);
--c--contextuals--content--semantic--warning--primary: var(--c--globals--colors--warning-050);
--c--contextuals--content--semantic--warning--secondary: var(--c--globals--colors--warning-100);
--c--contextuals--content--semantic--warning--tertiary: var(--c--globals--colors--warning-250);
--c--contextuals--content--semantic--warning--on-warning: var(--c--globals--colors--warning-050);
--c--contextuals--content--semantic--error--primary: var(--c--globals--colors--error-050);
--c--contextuals--content--semantic--error--secondary: var(--c--globals--colors--error-100);
--c--contextuals--content--semantic--error--tertiary: var(--c--globals--colors--error-250);
--c--contextuals--content--semantic--error--on-error: var(--c--globals--colors--error-050);
--c--contextuals--content--semantic--disabled--primary: var(--c--globals--colors--gray-600);
--c--contextuals--content--semantic--disabled--secondary: var(--c--globals--colors--black-300);
--c--contextuals--content--palette--brand--primary: var(--c--globals--colors--brand-500);
--c--contextuals--content--palette--red--primary: var(--c--globals--colors--red-500);
--c--contextuals--content--palette--orange--primary: var(--c--globals--colors--orange-500);
--c--contextuals--content--palette--brown--primary: var(--c--globals--colors--brown-500);
--c--contextuals--content--palette--yellow--primary: var(--c--globals--colors--yellow-500);
--c--contextuals--content--palette--green--primary: var(--c--globals--colors--green-500);
--c--contextuals--content--palette--blue-1--primary: var(--c--globals--colors--blue-1-500);
--c--contextuals--content--palette--blue-2--primary: var(--c--globals--colors--blue-2-500);
--c--contextuals--content--palette--purple--primary: var(--c--globals--colors--purple-500);
--c--contextuals--content--palette--pink--primary: var(--c--globals--colors--pink-500);
--c--contextuals--content--palette--gray--primary: var(--c--globals--colors--gray-500);
--c--contextuals--border--surface--primary: var(--c--globals--colors--gray-750);
--c--contextuals--border--semantic--contextual--primary: var(--c--globals--colors--black-200);
--c--contextuals--border--semantic--overlay--primary: var(--c--globals--colors--black-200);
--c--contextuals--border--semantic--brand--primary: var(--c--globals--colors--brand-450);
--c--contextuals--border--semantic--brand--secondary: var(--c--globals--colors--brand-600);
--c--contextuals--border--semantic--brand--tertiary: var(--c--globals--colors--brand-700);
--c--contextuals--border--semantic--neutral--primary: var(--c--globals--colors--gray-450);
--c--contextuals--border--semantic--neutral--secondary: var(--c--globals--colors--gray-600);
--c--contextuals--border--semantic--neutral--tertiary: var(--c--globals--colors--gray-700);
--c--contextuals--border--semantic--info--primary: var(--c--globals--colors--info-450);
--c--contextuals--border--semantic--info--secondary: var(--c--globals--colors--info-600);
--c--contextuals--border--semantic--info--tertiary: var(--c--globals--colors--info-700);
--c--contextuals--border--semantic--success--primary: var(--c--globals--colors--success-450);
--c--contextuals--border--semantic--success--secondary: var(--c--globals--colors--success-600);
--c--contextuals--border--semantic--success--tertiary: var(--c--globals--colors--success-700);
--c--contextuals--border--semantic--warning--primary: var(--c--globals--colors--warning-450);
--c--contextuals--border--semantic--warning--secondary: var(--c--globals--colors--warning-600);
--c--contextuals--border--semantic--warning--tertiary: var(--c--globals--colors--warning-700);
--c--contextuals--border--semantic--error--primary: var(--c--globals--colors--error-450);
--c--contextuals--border--semantic--error--secondary: var(--c--globals--colors--error-600);
--c--contextuals--border--semantic--error--tertiary: var(--c--globals--colors--error-700);
--c--contextuals--border--semantic--disabled--primary: var(--c--globals--colors--gray-800);
--c--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--contextual--primary);
--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--gaufre--widgetPath: 'https://static.suite.anct.gouv.fr/widgets/lagaufre.js';
--c--components--gaufre--apiUrl: 'https://lasuite.numerique.gouv.fr/api/services';
--c--components--favicon--src: '/assets/favicon.png';
--c--components--logo--src: url('/assets/cal_full_logotype_vector.svg');
--c--components--logo-icon--src: url('/assets/logo-icon_beta.svg');
}

2
src/frontend/apps/calendars/src/styles/cunningham-tokens.ts
View File

File diff suppressed because one or more lines are too long

10
src/frontend/apps/calendars/src/styles/globals.scss
View File

@@ -30,6 +30,16 @@
@use "./../features/settings/components/WorkingHoursSettings";
@use "./../pages/index" as *;
@use "./../pages/calendar" as *;
/* Monaspace Neon Variable (code/mono font) */
@font-face {
font-family: 'Monaspace Neon';
src: url('https://cdn.jsdelivr.net/gh/githubnext/monaspace@v1.101/fonts/webfonts/MonaspaceNeonVarVF%5Bwght%2Cwdth%2Cslnt%5D.woff2') format('woff2');
font-weight: 200 800;
font-style: oblique 0deg 10deg;
font-display: swap;
}
html,
body {
margin: 0;

5
src/frontend/package-lock.json generated
View File

@@ -11,7 +11,7 @@
"apps/*"
],
"engines": {
"node": ">=24.0.0"
"node": ">=24.0.0 <=25.8.0"
}
},
"apps/calendars": {
@@ -56,7 +56,7 @@
"typescript": "5.9.3"
},
"engines": {
"node": ">=24.0.0",
"node": ">=24.0.0 <=25.8.0",
"npm": ">=10.0.0"
}
},
@@ -11714,6 +11714,7 @@
"version": "2.3.2",
"resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
"integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
"dev": true,
"hasInstallScript": true,
"license": "MIT",
"optional": true,

2702
src/frontend/yarn.lock
View File

File diff suppressed because it is too large Load Diff