@design-system-rte/core 0.19.0 → 0.21.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (31) hide show
  1. package/CHANGELOG.md +33 -0
  2. package/components/badge/badge.interface.d.ts +1 -0
  3. package/components/button/icon-button/icon-button.interface.d.ts +4 -0
  4. package/components/card/card.constats.ts +9 -0
  5. package/components/card/card.interface.d.ts +10 -0
  6. package/components/card/card.stories.shared.ts +112 -0
  7. package/components/common/common-types.ts +1 -0
  8. package/components/divider/divider.interface.d.ts +1 -1
  9. package/components/icon/icon.constants.ts +8 -0
  10. package/components/modal/modal.interface.d.ts +10 -0
  11. package/components/side-nav/nav-item/nav-item.interface.d.ts +20 -0
  12. package/components/side-nav/nav-item/nav-item.utils.ts +8 -0
  13. package/components/side-nav/nav-menu/nav-menu.interface.d.ts +7 -0
  14. package/components/side-nav/side-nav.constants.ts +16 -0
  15. package/components/side-nav/side-nav.interface.d.ts +34 -0
  16. package/components/tooltip/tooltip.constants.ts +3 -1
  17. package/components/tooltip/tooltip.interface.d.ts +1 -0
  18. package/components/tooltip/tooltip.utils.ts +5 -0
  19. package/css/bleu_iceberg.css +1 -1
  20. package/css/rte-themes.css +1 -1
  21. package/css/vert_foret.css +1 -1
  22. package/design-tokens/scripts/tokens-generators/colors.ts +2 -1
  23. package/design-tokens/tokens/_layout.scss +3 -3
  24. package/design-tokens/tokens/_mixins.scss +9 -0
  25. package/design-tokens/tokens/themes/_bleu-iceberg-dark.scss +27 -27
  26. package/design-tokens/tokens/themes/_bleu-iceberg-light.scss +22 -22
  27. package/design-tokens/tokens/themes/_vert-foret-dark.scss +27 -27
  28. package/design-tokens/tokens/themes/_vert-foret-light.scss +22 -22
  29. package/design-tokens/tokens/themes/_violet-dark.scss +27 -27
  30. package/design-tokens/tokens/themes/_violet-light.scss +22 -22
  31. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,38 @@
1
1
  # @design-system-rte/core
2
2
 
3
+ ## 0.21.0
4
+
5
+ ### Minor Changes
6
+
7
+ - f22d3ee: ## Changes
8
+ - (Docs) create subcomponent for pages
9
+
10
+ - 8bca3e1: ## Changes
11
+ - (Card) mutualize testing common logic
12
+ - (Card) add card component
13
+
14
+ - 4a444d4: ## Changes
15
+ - (Side Navigation) add Divider support for navItems & navMenus
16
+ - (Side Navigation) add Badge support
17
+ - (Side Navigation) add footer items
18
+ - (Side Navigation) add NavItem selection for SideNav
19
+ - (Tooltip) add customizable gap
20
+ - (Side Navigation) correct accesibility standards for ul and li items
21
+ - (Side Navigation) add Nested Menus to SideNav
22
+ - (Side Navigation) implement simple side nav from base side nav
23
+
24
+ ## 0.20.0
25
+
26
+ ### Minor Changes
27
+
28
+ - a7d75ed: ## Changes
29
+ - (Modal) add support for filled / outlined appearance for title icon
30
+ - (Modal) add react modal component
31
+ - (Icon) add icon sizes constants
32
+
33
+ - cc64a7f: ## Changes
34
+ - (Icon-button) add badge to component
35
+
3
36
  ## 0.19.0
4
37
 
5
38
  ### Minor Changes
@@ -7,4 +7,5 @@ export interface BadgeProps {
7
7
  size?: BadgeSize;
8
8
  content?: BadgeContent;
9
9
  count?: number;
10
+ icon?: string;
10
11
  }
@@ -5,6 +5,10 @@ export interface IconButtonProps {
5
5
  disabled?: boolean;
6
6
  name: string;
7
7
  appearance?: "outlined" | "filled";
8
+ badgeContent?: import("../../badge/badge.interface").BadgeContent;
9
+ badgeCount?: import("../../badge/badge.interface").BadgeCount;
10
+ badgeType?: import("../../badge/badge.interface").BadgeType;
11
+ badgeIcon?: import("../../badge/badge.interface").BadgeProps["icon"];
8
12
  }
9
13
 
10
14
  export interface IconButtonToggleProps extends Omit<IconButtonProps, "appearance"> {
@@ -0,0 +1,9 @@
1
+ import { Size } from "../common/common-types";
2
+
3
+ export const cardSize: Record<Size, number> = {
4
+ xs: 240,
5
+ s: 360,
6
+ m: 480,
7
+ l: 600,
8
+ xl: 720,
9
+ };
@@ -0,0 +1,10 @@
1
+ import { Size } from "../common/common-types";
2
+
3
+ export type CardType = "default" | "outlined";
4
+
5
+ export interface CardProps {
6
+ size?: Size;
7
+ cardType?: CardType;
8
+ clickable?: boolean;
9
+ disabled?: boolean;
10
+ }
@@ -0,0 +1,112 @@
1
+ import type { Size } from "../common/common-types";
2
+
3
+ import type { CardType } from "./card.interface";
4
+
5
+ export interface CardStoryArgTypes {
6
+ size: {
7
+ control: "select";
8
+ options: Size[];
9
+ description: string;
10
+ };
11
+ cardType: {
12
+ control: "select";
13
+ options: CardType[];
14
+ description: string;
15
+ };
16
+ clickable: {
17
+ control: "boolean";
18
+ description: string;
19
+ };
20
+ disabled: {
21
+ control: "boolean";
22
+ description: string;
23
+ };
24
+ }
25
+
26
+ export const cardStoryArgTypes: CardStoryArgTypes = {
27
+ size: {
28
+ control: "select",
29
+ options: ["xs", "s", "m", "l", "xl"],
30
+ description: "Size of the card",
31
+ },
32
+ cardType: {
33
+ control: "select",
34
+ options: ["default", "outlined"],
35
+ description: "Type of card styling",
36
+ },
37
+ clickable: {
38
+ control: "boolean",
39
+ description: "Whether the card is clickable",
40
+ },
41
+ disabled: {
42
+ control: "boolean",
43
+ description: "Whether the card is disabled",
44
+ },
45
+ };
46
+
47
+ export interface SizeExample {
48
+ size: Size;
49
+ label: string;
50
+ width: string;
51
+ }
52
+
53
+ export const sizeExamples: SizeExample[] = [
54
+ { size: "xs", label: "Extra Small (xs)", width: "240px width" },
55
+ { size: "s", label: "Small (s)", width: "360px width" },
56
+ { size: "m", label: "Medium (m)", width: "480px width" },
57
+ { size: "l", label: "Large (l)", width: "600px width" },
58
+ { size: "xl", label: "Extra Large (xl)", width: "720px width" },
59
+ ];
60
+
61
+ export interface CardTypeExample {
62
+ cardType: CardType;
63
+ title: string;
64
+ description: string;
65
+ }
66
+
67
+ export const cardTypeExamples: CardTypeExample[] = [
68
+ {
69
+ cardType: "default",
70
+ title: "Default Card",
71
+ description: "This card uses the default styling with elevation shadow.",
72
+ },
73
+ {
74
+ cardType: "outlined",
75
+ title: "Outlined Card",
76
+ description: "This card uses outlined styling with a border instead of shadow.",
77
+ },
78
+ ];
79
+
80
+ export interface DefaultStoryArgs {
81
+ size: Size;
82
+ cardType: CardType;
83
+ clickable: boolean;
84
+ disabled: boolean;
85
+ }
86
+
87
+ export const defaultStoryArgs: DefaultStoryArgs = {
88
+ size: "m",
89
+ cardType: "default",
90
+ clickable: false,
91
+ disabled: false,
92
+ };
93
+
94
+ export interface ClickableStoryArgs extends DefaultStoryArgs {
95
+ clickable: true;
96
+ }
97
+
98
+ export const clickableStoryArgs: ClickableStoryArgs = {
99
+ ...defaultStoryArgs,
100
+ clickable: true,
101
+ };
102
+
103
+ export interface DisabledStoryArgs extends DefaultStoryArgs {
104
+ clickable: true;
105
+ disabled: true;
106
+ }
107
+
108
+ export const disabledStoryArgs: DisabledStoryArgs = {
109
+ ...defaultStoryArgs,
110
+ clickable: true,
111
+ disabled: true,
112
+ };
@@ -1,3 +1,4 @@
1
1
  export type Position = "auto" | "top" | "bottom" | "left" | "right";
2
2
  export type Alignment = "start" | "center" | "end";
3
3
  export type Direction = "horizontal" | "vertical";
4
+ export type Size = "xs" | "s" | "m" | "l" | "xl";
@@ -1,5 +1,5 @@
1
1
  export type DividerThickness = "light" | "medium" | "bold";
2
- export type DividerAppearance = "default" | "inverse" | "brand";
2
+ export type DividerAppearance = "default" | "inverse" | "brand" | "brand-navigation";
3
3
  export type DividerEndPoint = "square" | "round";
4
4
 
5
5
  export interface DividerProps {
@@ -0,0 +1,8 @@
1
+ import { Size } from "../common/common-types";
2
+
3
+ export const IconSize: Record<Exclude<Size, "xs">, number> = {
4
+ s: 16,
5
+ m: 20,
6
+ l: 24,
7
+ xl: 32,
8
+ };
@@ -0,0 +1,10 @@
1
+ export interface ModalProps {
2
+ id: string;
3
+ title: string;
4
+ closeOnOverlayClick?: boolean;
5
+ isOpen: boolean;
6
+ icon?: string;
7
+ iconAppearance?: "outlined" | "filled";
8
+ description?: string;
9
+ size?: import("./common/common-types").Size;
10
+ }
@@ -0,0 +1,20 @@
1
+ import { BadgeProps } from "../../badge/badge.interface";
2
+ import { SideNavAppearance } from "../side-nav.interface";
3
+
4
+ export interface NavItemProps {
5
+ id?: string;
6
+ appearance?: SideNavAppearance;
7
+ label: string;
8
+ icon?: string;
9
+ showIcon?: boolean;
10
+ showBadge?: boolean;
11
+ collapsed?: boolean;
12
+ link?: string;
13
+ onClick?: () => void;
14
+ items?: NavItemProps[];
15
+ active?: boolean;
16
+ isNested?: boolean;
17
+ parentMenuOpen?: boolean;
18
+ badge?: BadgeProps;
19
+ showDivider?: boolean;
20
+ }
@@ -0,0 +1,8 @@
1
+ import { IconSize } from "../../icon/icon.constants";
2
+
3
+ export function getNavItemLabelIconSize(isNested = false, collapsed = false): number {
4
+ if (isNested) {
5
+ return IconSize.s;
6
+ }
7
+ return collapsed ? IconSize.l : IconSize.m;
8
+ }
@@ -0,0 +1,7 @@
1
+ import { NavItemProps } from "../nav-item/nav-item.interface";
2
+
3
+ export interface NavMenuProps extends NavItemProps {
4
+ items: NavItemProps[];
5
+ open?: boolean;
6
+ showMenuIcon?: boolean;
7
+ }
@@ -0,0 +1,16 @@
1
+ import { DividerAppearance } from "../divider/divider.interface";
2
+
3
+ import { SideNavAppearance, SideNavSize } from "./side-nav.interface";
4
+
5
+ export const sideNavCollapsedSize: number = 64;
6
+
7
+ export const sideNavPanelSize: Record<SideNavSize, number> = {
8
+ s: 224,
9
+ m: 320,
10
+ l: 504,
11
+ };
12
+
13
+ export const dividerAppearanceBySideNavAppearance: Record<SideNavAppearance, DividerAppearance> = {
14
+ neutral: "default",
15
+ brand: "brand-navigation",
16
+ };
@@ -0,0 +1,34 @@
1
+ import { NavItemProps } from "./nav-item/nav-item.interface";
2
+
3
+ export type SideNavSize = "s" | "m" | "l";
4
+
5
+ export type SideNavAppearance = "neutral" | "brand";
6
+
7
+ export interface SideNavHeaderConfig {
8
+ icon?: string;
9
+ title: string;
10
+ version?: string;
11
+ identifier?: string;
12
+ link?: string | null;
13
+ onClick?: () => void;
14
+ ariaLabel?: string;
15
+ }
16
+
17
+ export interface SideNavProps extends BaseSideNavProps {
18
+ collapsible?: boolean;
19
+ items: NavItemProps[];
20
+ footerItems?: NavItemProps[];
21
+ activeItem?: string;
22
+ headerConfig: SideNavHeaderConfig;
23
+ }
24
+
25
+ export interface BaseSideNavProps {
26
+ appearance?: SideNavAppearance;
27
+ size?: SideNavSize;
28
+ collapsed?: boolean;
29
+ showHeader?: boolean;
30
+ showFooter?: boolean;
31
+ showScrollbar?: boolean;
32
+ autoCollapse?: boolean;
33
+ scrollable?: boolean;
34
+ }
@@ -1,2 +1,4 @@
1
1
  export const TOOLTIP_GAP = 4;
2
- export const TOOLTIP_GAP_ARROW = 9;
2
+ export const TOOLTIP_GAP_ARROW = 5;
3
+ export const TOOLTIP_FADE_OUT_DURATION = 200;
4
+ export const TOOLTIP_ANIMATION_DURATION = 150;
@@ -3,4 +3,5 @@ export interface TooltipProps {
3
3
  alignment?: import("../../common-types").Alignment;
4
4
  label?: string;
5
5
  arrow?: boolean;
6
+ gap?: number;
6
7
  }
@@ -0,0 +1,5 @@
1
+ import { TOOLTIP_GAP, TOOLTIP_GAP_ARROW } from "./tooltip.constants";
2
+
3
+ export function getTooltipGap(arrow: boolean, customGap: number = TOOLTIP_GAP): number {
4
+ return arrow ? TOOLTIP_GAP_ARROW + customGap : customGap;
5
+ }
@@ -1 +1 @@
1
- :root [data-theme=bleu_iceberg][data-mode=light]{--background-default: #ffffff;--background-hover: #ebebea;--background-neutral-regular-default: #e1e1e0;--background-neutral-regular-hover: #c2c1c0;--background-neutral-bold-default: #737272;--background-neutral-bold-hover: #4c4c4b;--background-neutral-navigation-default: #ebebea;--background-neutral-navigation-hover: #e1e1e0;--background-disabled: #f4f5f4;--background-inverse: #201f1f;--background-brand-default: #2964a0;--background-brand-hover: #225082;--background-brand-pressed: #214770;--background-brand-selected-default: #2964a0;--background-brand-selected-hover: #225082;--background-brand-unselected-default: #e6eef8;--background-brand-unselected-hover: #c7dbf0;--background-brand-inverse-default: #ffffff;--background-brand-inverse-hover: #f3f6fc;--background-brand-inverse-pressed: #e6eef8;--background-brand-navigation-default: #15253c;--background-brand-navigation-hover: #1f3b5b;--background-brand-navigation-active: #225082;--background-danger-default: #de2048;--background-danger-hover: #c81640;--background-danger-pressed: #9d1439;--background-info-default: #1465fc;--background-status-info-regular: #53aaff;--background-status-info-subtle: #d8ebff;--background-status-warning-regular: #ffe500;--background-status-warning-subtle: #faffc1;--background-status-success-regular: #3cec96;--background-status-success-subtle: #b5fdd9;--background-status-alert-regular: #f14662;--background-status-alert-subtle: #ffe4e6;--border-primary: #737272;--border-secondary: #a1a1a0;--border-tertiary: #cdcccb;--border-divider: #cdcccb;--border-disabled: #cdcccb;--border-inverse: #ffffff;--border-brand-default: #2964a0;--border-brand-focused: #1f3b5b;--border-navigation-active: #225082;--border-brand-navigation-divider: #214770;--border-danger: #de2048;--border-info: #2b86ff;--border-warning: #f4922b;--border-success: #09b05f;--content-primary: #201f1f;--content-secondary: #3e3e3d;--content-tertiary: #737272;--content-primary-inverse: #ffffff;--content-disabled: #cdcccb;--content-brand-navigation-default: #e6eef8;--content-brand-navigation-hover: #f3f6fc;--content-brand-navigation-disabled: #225082;--content-brand-default: #2964a0;--content-brand-hover: #225082;--content-brand-press: #214770;--content-link-default: #2b86ff;--content-link-hover: #1465fc;--content-link-press: #0d4fea;--content-link-visited: #7d5a9f;--content-link-visited-hover: #674883;--content-link-visited-press: #563c6c;--content-danger: #de2048;--content-danger-hover: #c81640;--content-danger-inverse: #ffffff;--content-success: #0b8a4d;--content-success-hover: #0e6d40;--content-info: #1465fc;--content-info-hover: #0d4fea;--content-decorative: #201f1f;--content-status: #201f1f;--chart-brand: #397ebe;--chart-neutral: #acacab;--chart-category-1: #397ebe;--chart-category-2: #ff2c74;--chart-category-3: #7d5a9f;--chart-category-4: #4dba97;--chart-category-5: #233857;--chart-category-6: #ed6e13;--chart-category-7: #73636c;--chart-category-8: #639cad;--chart-bleu-iceberg: #e6eef8;--chart-bleu-iceberg-bold: #397ebe;--chart-vert-foret: #d7f4e6;--chart-vert-foret-bold: #4dba97;--chart-violet: #d2c3e4;--chart-violet-bold: #7d5a9f;--chart-bleu-rte: #e0f5fe;--chart-bleu-rte-bold: #00a6d9;--chart-bleu-digital: #d8ebff;--chart-bleu-digital-bold: #2b86ff;--chart-marine: #e7edf7;--chart-marine-bold: #2f5d9a;--chart-bleu-petrole: #deecef;--chart-bleu-petrole-bold: #478093;--chart-bleu-cyan: #d1f9fc;--chart-bleu-cyan-bold: #0fb3cb;--chart-vert: #c7fff4;--chart-vert-bold: #04c8b1;--chart-vert-indications: #e6f2a4;--chart-vert-indications-bold: #bed942;--chart-vert-digital: #d9ffec;--chart-vert-digital-bold: #3cec96;--chart-jaune: #faffc1;--chart-jaune-bold: #ffe500;--chart-jaune-ocre: #faefc7;--chart-jaune-ocre-bold: #ebb53d;--chart-jaune-indications: #fce7c9;--chart-jaune-indications-bold: #f4922b;--chart-saumon: #fde8e3;--chart-saumon-bold: #ec775c;--chart-rose-digital: #ffccd1;--chart-rose-digital-bold: #f93a58;--chart-fuschia: #ffe1e9;--chart-fuschia-bold: #ff2c74;--chart-rouge-indications: #fdced4;--chart-rouge-indications-bold: #f14662;--chart-greyscale: #ebebea;--chart-greyscale-bold: #7f7e7e;--chart-taupe: #e7e3e6;--chart-taupe-bold: #8a7883;--decorative-neutral: #ebebea;--decorative-bleu-iceberg: #c7dbf0;--decorative-vert-foret: #d7f4e6;--decorative-violet: #e6def0;--decorative-bleu-rte: #b9edfe;--decorative-bleu-digital: #baddff;--decorative-marine: #e7edf7;--decorative-bleu-petrole: #c1dae0;--decorative-bleu-cyan: #a9f2f8;--decorative-vert: #90ffe8;--decorative-vert-indications: #e6f2a4;--decorative-vert-digital: #b5fdd9;--decorative-jaune: #faffc1;--decorative-jaune-ocre: #f5de93;--decorative-jaune-indications: #f9ce8e;--decorative-saumon: #f9b7a8;--decorative-rose-digital: #ffccd1;--decorative-fuschia: #ffc8d8;--decorative-rouge-indication: #ffe4e6;--decorative-taupe: #e7e3e6;--elevation-surface-inner-shadow: rgba(0, 0, 0, 0);--elevation-surface-shadow-1: rgba(255, 255, 255, 0);--elevation-surface-shadow-2: rgba(255, 255, 255, 0);--elevation-surface-shadow-3: rgba(255, 255, 255, 0);--elevation-surface-shadow-4: rgba(255, 255, 255, 0);--elevation-surface-shadow-5: rgba(255, 255, 255, 0);--elevation-surface-shadow-6: rgba(255, 255, 255, 0);--elevation-shadow-ambient: rgba(0, 0, 0, 0.12);--elevation-shadow-ambient-darker: rgba(0, 0, 0, 0.2);--elevation-shadow-ambient-brand: rgba(0, 0, 0, 0.25);--elevation-shadow-key: rgba(0, 0, 0, 0.14);--elevation-shadow-key-darker: rgba(0, 0, 0, 0.24);--elevation-shadow-key-brand: rgba(0, 0, 0, 0.31);--background-brand-hover-opacity-20: rgba(34, 80, 130, 0.2);--background-danger-hover-opacity-20: rgba(200, 22, 64, 0.2);--background-hover-opacity-50: rgba(235, 235, 234, 0.5)}:root [data-theme=bleu_iceberg][data-mode=dark]{--background-default: #201f1f;--background-hover: #3e3e3d;--background-neutral-regular-default: #595958;--background-neutral-regular-hover: #7f7e7e;--background-neutral-bold-default: #cdcccb;--background-neutral-bold-hover: #ebebea;--background-neutral-navigation-default: #ebebea;--background-neutral-navigation-hover: #e1e1e0;--background-disabled: #3e3e3d;--background-inverse: #ffffff;--background-brand-default: #96bde3;--background-brand-hover: #c7dbf0;--background-brand-pressed: #e6eef8;--background-brand-selected-default: #96bde3;--background-brand-selected-hover: #c7dbf0;--background-brand-unselected-default: #225082;--background-brand-unselected-hover: #2964a0;--background-brand-inverse-default: #201f1f;--background-brand-inverse-hover: #225082;--background-brand-inverse-pressed: #2964a0;--background-brand-navigation-default: #15253c;--background-brand-navigation-hover: #1f3b5b;--background-brand-navigation-active: #225082;--background-danger-default: #f97385;--background-danger-hover: #fca5af;--background-danger-pressed: #fdced4;--background-info-default: #53aaff;--background-status-info-regular: #53aaff;--background-status-info-subtle: #153b93;--background-status-warning-regular: #ffe500;--background-status-warning-subtle: #faffc1;--background-status-success-regular: #3cec96;--background-status-success-subtle: #b5fdd9;--background-status-alert-regular: #f14662;--background-status-alert-subtle: #861537;--border-primary: #a1a1a0;--border-secondary: #737272;--border-tertiary: #3e3e3d;--border-divider: #a1a1a0;--border-disabled: #595958;--border-inverse: #201f1f;--border-brand-default: #f9fbfd;--border-brand-focused: #f9fbfd;--border-navigation-active: #225082;--border-brand-navigation-divider: #214770;--border-danger: #f97385;--border-info: #2b86ff;--border-warning: #f4922b;--border-success: #09b05f;--content-primary: #ffffff;--content-secondary: #e1e1e0;--content-tertiary: #b7b7b6;--content-primary-inverse: #201f1f;--content-disabled: #595958;--content-brand-navigation-default: #e6eef8;--content-brand-navigation-hover: #f3f6fc;--content-brand-navigation-disabled: #225082;--content-brand-default: #f9fbfd;--content-brand-hover: #f3f6fc;--content-brand-press: #e6eef8;--content-link-default: #2b86ff;--content-link-hover: #53aaff;--content-link-press: #8ac8ff;--content-link-visited: #9979bc;--content-link-visited-hover: #b89fd3;--content-link-visited-press: #d2c3e4;--content-danger: #f97385;--content-danger-hover: #f14662;--content-danger-inverse: #ffffff;--content-success: #3cec96;--content-success-hover: #12d577;--content-info: #53aaff;--content-info-hover: #2b86ff;--content-decorative: #201f1f;--content-status: #201f1f;--chart-brand: #397ebe;--chart-neutral: #acacab;--chart-category-1: #397ebe;--chart-category-2: #ff2c74;--chart-category-3: #7d5a9f;--chart-category-4: #2a9f7d;--chart-category-5: #233857;--chart-category-6: #ed6e13;--chart-category-7: #73636c;--chart-category-8: #639cad;--chart-bleu-iceberg: #e6eef8;--chart-bleu-iceberg-bold: #397ebe;--chart-vert-foret: #d7f4e6;--chart-vert-foret-bold: #4dba97;--chart-violet: #d2c3e4;--chart-violet-bold: #7d5a9f;--chart-bleu-rte: #e0f5fe;--chart-bleu-rte-bold: #00a6d9;--chart-bleu-digital: #d8ebff;--chart-bleu-digital-bold: #2b86ff;--chart-marine: #e7edf7;--chart-marine-bold: #3d70ad;--chart-bleu-petrole: #deecef;--chart-bleu-petrole-bold: #478093;--chart-bleu-cyan: #d1f9fc;--chart-bleu-cyan-bold: #0fb3cb;--chart-vert: #c7fff4;--chart-vert-bold: #04c8b1;--chart-vert-indications: #e6f2a4;--chart-vert-indications-bold: #bed942;--chart-vert-digital: #d9ffec;--chart-vert-digital-bold: #3cec96;--chart-jaune: #faffc1;--chart-jaune-bold: #ffe500;--chart-jaune-ocre: #faefc7;--chart-jaune-ocre-bold: #ebb53d;--chart-jaune-indications: #fce7c9;--chart-jaune-indications-bold: #f4922b;--chart-saumon: #fde8e3;--chart-saumon-bold: #ec775c;--chart-rose-digital: #ffccd1;--chart-rose-digital-bold: #f93a58;--chart-fuschia: #ffe1e9;--chart-fuschia-bold: #ff2c74;--chart-rouge-indications: #ffe4e6;--chart-rouge-indications-bold: #f14662;--chart-greyscale: #ebebea;--chart-greyscale-bold: #7f7e7e;--chart-taupe: #e7e3e6;--chart-taupe-bold: #8a7883;--decorative-neutral: #ebebea;--decorative-bleu-iceberg: #c7dbf0;--decorative-vert-foret: #d7f4e6;--decorative-violet: #e6def0;--decorative-bleu-rte: #b9edfe;--decorative-bleu-digital: #baddff;--decorative-marine: #e7edf7;--decorative-bleu-petrole: #c1dae0;--decorative-bleu-cyan: #a9f2f8;--decorative-vert: #90ffe8;--decorative-vert-indications: #e6f2a4;--decorative-vert-digital: #b5fdd9;--decorative-jaune: #faffc1;--decorative-jaune-ocre: #f5de93;--decorative-jaune-indications: #f9ce8e;--decorative-saumon: #f9b7a8;--decorative-rose-digital: #ffccd1;--decorative-fuschia: #ffc8d8;--decorative-rouge-indication: #ffe4e6;--decorative-taupe: #e7e3e6;--elevation-surface-inner-shadow: rgba(0, 0, 0, 0.2);--elevation-surface-shadow-1: rgba(255, 255, 255, 0.03);--elevation-surface-shadow-2: rgba(255, 255, 255, 0.05);--elevation-surface-shadow-3: rgba(255, 255, 255, 0.08);--elevation-surface-shadow-4: rgba(255, 255, 255, 0.1);--elevation-surface-shadow-5: rgba(255, 255, 255, 0.12);--elevation-surface-shadow-6: rgba(255, 255, 255, 0.14);--elevation-shadow-ambient: rgba(0, 0, 0, 0.2);--elevation-shadow-ambient-darker: rgba(0, 0, 0, 0.4);--elevation-shadow-ambient-brand: rgba(0, 0, 0, 0.17);--elevation-shadow-key: rgba(0, 0, 0, 0.28);--elevation-shadow-key-darker: rgba(0, 0, 0, 0.48);--elevation-shadow-key-brand: rgba(0, 0, 0, 0.21);--background-brand-hover-opacity-20: rgba(199, 219, 240, 0.2);--background-danger-hover-opacity-20: rgba(241, 70, 98, 0.2);--background-hover-opacity-50: rgba(62, 62, 61, 0.5)}
1
+ :root [data-theme=bleu_iceberg][data-mode=light]{--background-default: #ffffff;--background-hover: #ebebea;--background-neutral-regular-default: #e1e1e0;--background-neutral-regular-hover: #c2c1c0;--background-neutral-bold-default: #737272;--background-neutral-bold-hover: #4c4c4b;--background-neutral-navigation-default: #ebebea;--background-neutral-navigation-hover: #e1e1e0;--background-disabled: #f4f5f4;--background-inverse: #201f1f;--background-brand-default: #2964a0;--background-brand-hover: #225082;--background-brand-pressed: #214770;--background-brand-selected-default: #2964a0;--background-brand-selected-hover: #225082;--background-brand-unselected-default: #e6eef8;--background-brand-unselected-hover: #c7dbf0;--background-brand-inverse-default: #ffffff;--background-brand-inverse-hover: #f3f6fc;--background-brand-inverse-pressed: #e6eef8;--background-brand-navigation-default: #15253c;--background-brand-navigation-hover: #1f3b5b;--background-brand-navigation-pressed: #225082;--background-danger-default: #de2048;--background-danger-hover: #c81640;--background-danger-pressed: #9d1439;--background-info-default: #1465fc;--background-warning-default: #ffe500;--background-success-default: #0b8a4d;--border-primary: #737272;--border-secondary: #a1a1a0;--border-tertiary: #cdcccb;--border-divider: #cdcccb;--border-disabled: #cdcccb;--border-inverse: #ffffff;--border-brand-default: #2964a0;--border-brand-focused: #1f3b5b;--border-brand-navigation-active: #225082;--border-brand-navigation-divider: #214770;--border-danger: #de2048;--border-info: #1465fc;--border-warning: #f4922b;--border-success: #0b8a4d;--content-primary: #201f1f;--content-secondary: #3e3e3d;--content-tertiary: #737272;--content-primary-inverse: #ffffff;--content-disabled: #cdcccb;--content-brand-default: #2964a0;--content-brand-hover: #225082;--content-brand-pressed: #214770;--content-brand-navigation-default: #e6eef8;--content-brand-navigation-hover: #f3f6fc;--content-brand-navigation-disabled: #225082;--content-link-default: #2b86ff;--content-link-hover: #1465fc;--content-link-pressed: #0d4fea;--content-link-visited-default: #7d5a9f;--content-link-visited-hover: #674883;--content-link-visited-pressed: #563c6c;--content-danger-default: #de2048;--content-danger-hover: #c81640;--content-danger-inverse: #ffffff;--content-success-default: #0b8a4d;--content-success-hover: #0e6d40;--content-info-default: #1465fc;--content-info-hover: #0d4fea;--content-decorative: #201f1f;--brand-navigation-divider: #214770;--brand-navigation-divider-2: #214770;--brand-navigation-divider-3: #214770;--brand-navigation-divider-4: #214770;--chart-brand: #397ebe;--chart-neutral: #acacab;--chart-category-1: #397ebe;--chart-category-2: #ff2c74;--chart-category-3: #7d5a9f;--chart-category-4: #4dba97;--chart-category-5: #233857;--chart-category-6: #ed6e13;--chart-category-7: #73636c;--chart-category-8: #639cad;--chart-bleu-iceberg: #e6eef8;--chart-bleu-iceberg-bold: #397ebe;--chart-vert-foret: #d7f4e6;--chart-vert-foret-bold: #4dba97;--chart-violet: #d2c3e4;--chart-violet-bold: #7d5a9f;--chart-bleu-rte: #e0f5fe;--chart-bleu-rte-bold: #00a6d9;--chart-bleu-digital: #d8ebff;--chart-bleu-digital-bold: #2b86ff;--chart-marine: #e7edf7;--chart-marine-bold: #2f5d9a;--chart-bleu-petrole: #deecef;--chart-bleu-petrole-bold: #478093;--chart-bleu-cyan: #d1f9fc;--chart-bleu-cyan-bold: #0fb3cb;--chart-vert: #c7fff4;--chart-vert-bold: #04c8b1;--chart-vert-indications: #e6f2a4;--chart-vert-indications-bold: #bed942;--chart-vert-digital: #d9ffec;--chart-vert-digital-bold: #3cec96;--chart-jaune: #faffc1;--chart-jaune-bold: #ffe500;--chart-jaune-ocre: #faefc7;--chart-jaune-ocre-bold: #ebb53d;--chart-jaune-indications: #fce7c9;--chart-jaune-indications-bold: #f4922b;--chart-saumon: #fde8e3;--chart-saumon-bold: #ec775c;--chart-rose-digital: #ffccd1;--chart-rose-digital-bold: #f93a58;--chart-fuschia: #ffe1e9;--chart-fuschia-bold: #ff2c74;--chart-rouge-indications: #fdced4;--chart-rouge-indications-bold: #f14662;--chart-greyscale: #ebebea;--chart-greyscale-bold: #7f7e7e;--chart-taupe: #e7e3e6;--chart-taupe-bold: #8a7883;--decorative-neutral: #ebebea;--decorative-bleu-iceberg: #c7dbf0;--decorative-vert-foret: #d7f4e6;--decorative-violet: #e6def0;--decorative-bleu-rte: #b9edfe;--decorative-bleu-digital: #baddff;--decorative-marine: #e7edf7;--decorative-bleu-petrole: #c1dae0;--decorative-bleu-cyan: #a9f2f8;--decorative-vert: #90ffe8;--decorative-vert-indications: #e6f2a4;--decorative-vert-digital: #b5fdd9;--decorative-jaune: #faffc1;--decorative-jaune-ocre: #f5de93;--decorative-jaune-indications: #f9ce8e;--decorative-saumon: #f9b7a8;--decorative-rose-digital: #ffccd1;--decorative-fuschia: #ffc8d8;--decorative-rouge-indication: #ffe4e6;--decorative-taupe: #e7e3e6;--elevation-surface-inner-shadow: rgba(0, 0, 0, 0);--elevation-surface-shadow-1: rgba(255, 255, 255, 0);--elevation-surface-shadow-2: rgba(255, 255, 255, 0);--elevation-surface-shadow-3: rgba(255, 255, 255, 0);--elevation-surface-shadow-4: rgba(255, 255, 255, 0);--elevation-surface-shadow-5: rgba(255, 255, 255, 0);--elevation-surface-shadow-6: rgba(255, 255, 255, 0);--elevation-shadow-ambient: rgba(0, 0, 0, 0.12);--elevation-shadow-ambient-darker: rgba(0, 0, 0, 0.2);--elevation-shadow-ambient-brand: rgba(0, 0, 0, 0.25);--elevation-shadow-key: rgba(0, 0, 0, 0.14);--elevation-shadow-key-darker: rgba(0, 0, 0, 0.24);--elevation-shadow-key-brand: rgba(0, 0, 0, 0.31);--brand-navigation-divider-5: #214770;--brand-navigation-divider-6: #214770;--brand-navigation-divider-7: #214770;--background-brand-hover-opacity-20: rgba(34, 80, 130, 0.2);--background-danger-hover-opacity-20: rgba(200, 22, 64, 0.2);--background-hover-opacity-50: rgba(235, 235, 234, 0.5)}:root [data-theme=bleu_iceberg][data-mode=dark]{--background-default: #201f1f;--background-hover: #3e3e3d;--background-neutral-regular-default: #595958;--background-neutral-regular-hover: #7f7e7e;--background-neutral-bold-default: #cdcccb;--background-neutral-bold-hover: #ebebea;--background-neutral-navigation-default: #ebebea;--background-neutral-navigation-hover: #e1e1e0;--background-disabled: #3e3e3d;--background-inverse: #ffffff;--background-brand-default: #96bde3;--background-brand-hover: #c7dbf0;--background-brand-pressed: #e6eef8;--background-brand-selected-default: #96bde3;--background-brand-selected-hover: #c7dbf0;--background-brand-unselected-default: #225082;--background-brand-unselected-hover: #2964a0;--background-brand-inverse-default: #201f1f;--background-brand-inverse-hover: #225082;--background-brand-inverse-pressed: #2964a0;--background-brand-navigation-default: #15253c;--background-brand-navigation-hover: #1f3b5b;--background-brand-navigation-pressed: #225082;--background-danger-default: #f14662;--background-danger-hover: #f97385;--background-danger-pressed: #fca5af;--background-info-default: #53aaff;--background-warning-default: #ffe500;--background-success-default: #3cec96;--border-primary: #a1a1a0;--border-secondary: #737272;--border-tertiary: #3e3e3d;--border-divider: #a1a1a0;--border-disabled: #595958;--border-inverse: #201f1f;--border-brand-default: #f9fbfd;--border-brand-focused: #f9fbfd;--border-brand-navigation-active: #225082;--border-brand-navigation-divider: #214770;--border-danger: #f14662;--border-info: #53aaff;--border-warning: #f4922b;--border-success: #3cec96;--content-primary: #ffffff;--content-secondary: #e1e1e0;--content-tertiary: #b7b7b6;--content-primary-inverse: #201f1f;--content-disabled: #595958;--content-brand-default: #f9fbfd;--content-brand-hover: #f3f6fc;--content-brand-pressed: #e6eef8;--content-brand-navigation-default: #e6eef8;--content-brand-navigation-hover: #f3f6fc;--content-brand-navigation-disabled: #225082;--content-link-default: #2b86ff;--content-link-hover: #53aaff;--content-link-pressed: #8ac8ff;--content-link-visited-default: #9979bc;--content-link-visited-hover: #b89fd3;--content-link-visited-pressed: #d2c3e4;--content-danger-default: #f14662;--content-danger-hover: #f97385;--content-danger-inverse: #ffffff;--content-success-default: #3cec96;--content-success-hover: #12d577;--content-info-default: #53aaff;--content-info-hover: #2b86ff;--content-decorative: #201f1f;--brand-navigation-divider: #214770;--brand-navigation-divider-2: #214770;--brand-navigation-divider-3: #214770;--brand-navigation-divider-4: #214770;--chart-brand: #397ebe;--chart-neutral: #acacab;--chart-category-1: #397ebe;--chart-category-2: #ff2c74;--chart-category-3: #7d5a9f;--chart-category-4: #2a9f7d;--chart-category-5: #233857;--chart-category-6: #ed6e13;--chart-category-7: #73636c;--chart-category-8: #639cad;--chart-bleu-iceberg: #e6eef8;--chart-bleu-iceberg-bold: #397ebe;--chart-vert-foret: #d7f4e6;--chart-vert-foret-bold: #4dba97;--chart-violet: #d2c3e4;--chart-violet-bold: #7d5a9f;--chart-bleu-rte: #e0f5fe;--chart-bleu-rte-bold: #00a6d9;--chart-bleu-digital: #d8ebff;--chart-bleu-digital-bold: #2b86ff;--chart-marine: #e7edf7;--chart-marine-bold: #3d70ad;--chart-bleu-petrole: #deecef;--chart-bleu-petrole-bold: #478093;--chart-bleu-cyan: #d1f9fc;--chart-bleu-cyan-bold: #0fb3cb;--chart-vert: #c7fff4;--chart-vert-bold: #04c8b1;--chart-vert-indications: #e6f2a4;--chart-vert-indications-bold: #bed942;--chart-vert-digital: #d9ffec;--chart-vert-digital-bold: #3cec96;--chart-jaune: #faffc1;--chart-jaune-bold: #ffe500;--chart-jaune-ocre: #faefc7;--chart-jaune-ocre-bold: #ebb53d;--chart-jaune-indications: #fce7c9;--chart-jaune-indications-bold: #f4922b;--chart-saumon: #fde8e3;--chart-saumon-bold: #ec775c;--chart-rose-digital: #ffccd1;--chart-rose-digital-bold: #f93a58;--chart-fuschia: #ffe1e9;--chart-fuschia-bold: #ff2c74;--chart-rouge-indications: #ffe4e6;--chart-rouge-indications-bold: #f14662;--chart-greyscale: #ebebea;--chart-greyscale-bold: #7f7e7e;--chart-taupe: #e7e3e6;--chart-taupe-bold: #8a7883;--decorative-neutral: #ebebea;--decorative-bleu-iceberg: #c7dbf0;--decorative-vert-foret: #d7f4e6;--decorative-violet: #e6def0;--decorative-bleu-rte: #b9edfe;--decorative-bleu-digital: #baddff;--decorative-marine: #e7edf7;--decorative-bleu-petrole: #c1dae0;--decorative-bleu-cyan: #a9f2f8;--decorative-vert: #90ffe8;--decorative-vert-indications: #e6f2a4;--decorative-vert-digital: #b5fdd9;--decorative-jaune: #faffc1;--decorative-jaune-ocre: #f5de93;--decorative-jaune-indications: #f9ce8e;--decorative-saumon: #f9b7a8;--decorative-rose-digital: #ffccd1;--decorative-fuschia: #ffc8d8;--decorative-rouge-indication: #ffe4e6;--decorative-taupe: #e7e3e6;--elevation-surface-inner-shadow: rgba(0, 0, 0, 0.2);--elevation-surface-shadow-1: rgba(255, 255, 255, 0.03);--elevation-surface-shadow-2: rgba(255, 255, 255, 0.05);--elevation-surface-shadow-3: rgba(255, 255, 255, 0.08);--elevation-surface-shadow-4: rgba(255, 255, 255, 0.1);--elevation-surface-shadow-5: rgba(255, 255, 255, 0.12);--elevation-surface-shadow-6: rgba(255, 255, 255, 0.14);--elevation-shadow-ambient: rgba(0, 0, 0, 0.2);--elevation-shadow-ambient-darker: rgba(0, 0, 0, 0.4);--elevation-shadow-ambient-brand: rgba(0, 0, 0, 0.17);--elevation-shadow-key: rgba(0, 0, 0, 0.28);--elevation-shadow-key-darker: rgba(0, 0, 0, 0.48);--elevation-shadow-key-brand: rgba(0, 0, 0, 0.21);--brand-navigation-divider-5: #214770;--brand-navigation-divider-6: #214770;--brand-navigation-divider-7: #214770;--background-brand-hover-opacity-20: rgba(199, 219, 240, 0.2);--background-danger-hover-opacity-20: rgba(241, 70, 98, 0.2);--background-hover-opacity-50: rgba(62, 62, 61, 0.5)}
@@ -1 +1 @@
1
- [data-theme=bleu_iceberg][data-mode=light]{--background-default: #ffffff;--background-hover: #ebebea;--background-neutral-regular-default: #e1e1e0;--background-neutral-regular-hover: #c2c1c0;--background-neutral-bold-default: #737272;--background-neutral-bold-hover: #4c4c4b;--background-neutral-navigation-default: #ebebea;--background-neutral-navigation-hover: #e1e1e0;--background-disabled: #f4f5f4;--background-inverse: #201f1f;--background-brand-default: #2964a0;--background-brand-hover: #225082;--background-brand-pressed: #214770;--background-brand-selected-default: #2964a0;--background-brand-selected-hover: #225082;--background-brand-unselected-default: #e6eef8;--background-brand-unselected-hover: #c7dbf0;--background-brand-inverse-default: #ffffff;--background-brand-inverse-hover: #f3f6fc;--background-brand-inverse-pressed: #e6eef8;--background-brand-navigation-default: #15253c;--background-brand-navigation-hover: #1f3b5b;--background-brand-navigation-active: #225082;--background-danger-default: #de2048;--background-danger-hover: #c81640;--background-danger-pressed: #9d1439;--background-info-default: #1465fc;--background-status-info-regular: #53aaff;--background-status-info-subtle: #d8ebff;--background-status-warning-regular: #ffe500;--background-status-warning-subtle: #faffc1;--background-status-success-regular: #3cec96;--background-status-success-subtle: #b5fdd9;--background-status-alert-regular: #f14662;--background-status-alert-subtle: #ffe4e6;--border-primary: #737272;--border-secondary: #a1a1a0;--border-tertiary: #cdcccb;--border-divider: #cdcccb;--border-disabled: #cdcccb;--border-inverse: #ffffff;--border-brand-default: #2964a0;--border-brand-focused: #1f3b5b;--border-navigation-active: #225082;--border-brand-navigation-divider: #214770;--border-danger: #de2048;--border-info: #2b86ff;--border-warning: #f4922b;--border-success: #09b05f;--content-primary: #201f1f;--content-secondary: #3e3e3d;--content-tertiary: #737272;--content-primary-inverse: #ffffff;--content-disabled: #cdcccb;--content-brand-navigation-default: #e6eef8;--content-brand-navigation-hover: #f3f6fc;--content-brand-navigation-disabled: #225082;--content-brand-default: #2964a0;--content-brand-hover: #225082;--content-brand-press: #214770;--content-link-default: #2b86ff;--content-link-hover: #1465fc;--content-link-press: #0d4fea;--content-link-visited: #7d5a9f;--content-link-visited-hover: #674883;--content-link-visited-press: #563c6c;--content-danger: #de2048;--content-danger-hover: #c81640;--content-danger-inverse: #ffffff;--content-success: #0b8a4d;--content-success-hover: #0e6d40;--content-info: #1465fc;--content-info-hover: #0d4fea;--content-decorative: #201f1f;--content-status: #201f1f;--chart-brand: #397ebe;--chart-neutral: #acacab;--chart-category-1: #397ebe;--chart-category-2: #ff2c74;--chart-category-3: #7d5a9f;--chart-category-4: #4dba97;--chart-category-5: #233857;--chart-category-6: #ed6e13;--chart-category-7: #73636c;--chart-category-8: #639cad;--chart-bleu-iceberg: #e6eef8;--chart-bleu-iceberg-bold: #397ebe;--chart-vert-foret: #d7f4e6;--chart-vert-foret-bold: #4dba97;--chart-violet: #d2c3e4;--chart-violet-bold: #7d5a9f;--chart-bleu-rte: #e0f5fe;--chart-bleu-rte-bold: #00a6d9;--chart-bleu-digital: #d8ebff;--chart-bleu-digital-bold: #2b86ff;--chart-marine: #e7edf7;--chart-marine-bold: #2f5d9a;--chart-bleu-petrole: #deecef;--chart-bleu-petrole-bold: #478093;--chart-bleu-cyan: #d1f9fc;--chart-bleu-cyan-bold: #0fb3cb;--chart-vert: #c7fff4;--chart-vert-bold: #04c8b1;--chart-vert-indications: #e6f2a4;--chart-vert-indications-bold: #bed942;--chart-vert-digital: #d9ffec;--chart-vert-digital-bold: #3cec96;--chart-jaune: #faffc1;--chart-jaune-bold: #ffe500;--chart-jaune-ocre: #faefc7;--chart-jaune-ocre-bold: #ebb53d;--chart-jaune-indications: #fce7c9;--chart-jaune-indications-bold: #f4922b;--chart-saumon: #fde8e3;--chart-saumon-bold: #ec775c;--chart-rose-digital: #ffccd1;--chart-rose-digital-bold: #f93a58;--chart-fuschia: #ffe1e9;--chart-fuschia-bold: #ff2c74;--chart-rouge-indications: #fdced4;--chart-rouge-indications-bold: #f14662;--chart-greyscale: #ebebea;--chart-greyscale-bold: #7f7e7e;--chart-taupe: #e7e3e6;--chart-taupe-bold: #8a7883;--decorative-neutral: #ebebea;--decorative-bleu-iceberg: #c7dbf0;--decorative-vert-foret: #d7f4e6;--decorative-violet: #e6def0;--decorative-bleu-rte: #b9edfe;--decorative-bleu-digital: #baddff;--decorative-marine: #e7edf7;--decorative-bleu-petrole: #c1dae0;--decorative-bleu-cyan: #a9f2f8;--decorative-vert: #90ffe8;--decorative-vert-indications: #e6f2a4;--decorative-vert-digital: #b5fdd9;--decorative-jaune: #faffc1;--decorative-jaune-ocre: #f5de93;--decorative-jaune-indications: #f9ce8e;--decorative-saumon: #f9b7a8;--decorative-rose-digital: #ffccd1;--decorative-fuschia: #ffc8d8;--decorative-rouge-indication: #ffe4e6;--decorative-taupe: #e7e3e6;--elevation-surface-inner-shadow: rgba(0, 0, 0, 0);--elevation-surface-shadow-1: rgba(255, 255, 255, 0);--elevation-surface-shadow-2: rgba(255, 255, 255, 0);--elevation-surface-shadow-3: rgba(255, 255, 255, 0);--elevation-surface-shadow-4: rgba(255, 255, 255, 0);--elevation-surface-shadow-5: rgba(255, 255, 255, 0);--elevation-surface-shadow-6: rgba(255, 255, 255, 0);--elevation-shadow-ambient: rgba(0, 0, 0, 0.12);--elevation-shadow-ambient-darker: rgba(0, 0, 0, 0.2);--elevation-shadow-ambient-brand: rgba(0, 0, 0, 0.25);--elevation-shadow-key: rgba(0, 0, 0, 0.14);--elevation-shadow-key-darker: rgba(0, 0, 0, 0.24);--elevation-shadow-key-brand: rgba(0, 0, 0, 0.31);--background-brand-hover-opacity-20: rgba(34, 80, 130, 0.2);--background-danger-hover-opacity-20: rgba(200, 22, 64, 0.2);--background-hover-opacity-50: rgba(235, 235, 234, 0.5)}[data-theme=bleu_iceberg][data-mode=dark]{--background-default: #201f1f;--background-hover: #3e3e3d;--background-neutral-regular-default: #595958;--background-neutral-regular-hover: #7f7e7e;--background-neutral-bold-default: #cdcccb;--background-neutral-bold-hover: #ebebea;--background-neutral-navigation-default: #ebebea;--background-neutral-navigation-hover: #e1e1e0;--background-disabled: #3e3e3d;--background-inverse: #ffffff;--background-brand-default: #96bde3;--background-brand-hover: #c7dbf0;--background-brand-pressed: #e6eef8;--background-brand-selected-default: #96bde3;--background-brand-selected-hover: #c7dbf0;--background-brand-unselected-default: #225082;--background-brand-unselected-hover: #2964a0;--background-brand-inverse-default: #201f1f;--background-brand-inverse-hover: #225082;--background-brand-inverse-pressed: #2964a0;--background-brand-navigation-default: #15253c;--background-brand-navigation-hover: #1f3b5b;--background-brand-navigation-active: #225082;--background-danger-default: #f97385;--background-danger-hover: #fca5af;--background-danger-pressed: #fdced4;--background-info-default: #53aaff;--background-status-info-regular: #53aaff;--background-status-info-subtle: #153b93;--background-status-warning-regular: #ffe500;--background-status-warning-subtle: #faffc1;--background-status-success-regular: #3cec96;--background-status-success-subtle: #b5fdd9;--background-status-alert-regular: #f14662;--background-status-alert-subtle: #861537;--border-primary: #a1a1a0;--border-secondary: #737272;--border-tertiary: #3e3e3d;--border-divider: #a1a1a0;--border-disabled: #595958;--border-inverse: #201f1f;--border-brand-default: #f9fbfd;--border-brand-focused: #f9fbfd;--border-navigation-active: #225082;--border-brand-navigation-divider: #214770;--border-danger: #f97385;--border-info: #2b86ff;--border-warning: #f4922b;--border-success: #09b05f;--content-primary: #ffffff;--content-secondary: #e1e1e0;--content-tertiary: #b7b7b6;--content-primary-inverse: #201f1f;--content-disabled: #595958;--content-brand-navigation-default: #e6eef8;--content-brand-navigation-hover: #f3f6fc;--content-brand-navigation-disabled: #225082;--content-brand-default: #f9fbfd;--content-brand-hover: #f3f6fc;--content-brand-press: #e6eef8;--content-link-default: #2b86ff;--content-link-hover: #53aaff;--content-link-press: #8ac8ff;--content-link-visited: #9979bc;--content-link-visited-hover: #b89fd3;--content-link-visited-press: #d2c3e4;--content-danger: #f97385;--content-danger-hover: #f14662;--content-danger-inverse: #ffffff;--content-success: #3cec96;--content-success-hover: #12d577;--content-info: #53aaff;--content-info-hover: #2b86ff;--content-decorative: #201f1f;--content-status: #201f1f;--chart-brand: #397ebe;--chart-neutral: #acacab;--chart-category-1: #397ebe;--chart-category-2: #ff2c74;--chart-category-3: #7d5a9f;--chart-category-4: #2a9f7d;--chart-category-5: #233857;--chart-category-6: #ed6e13;--chart-category-7: #73636c;--chart-category-8: #639cad;--chart-bleu-iceberg: #e6eef8;--chart-bleu-iceberg-bold: #397ebe;--chart-vert-foret: #d7f4e6;--chart-vert-foret-bold: #4dba97;--chart-violet: #d2c3e4;--chart-violet-bold: #7d5a9f;--chart-bleu-rte: #e0f5fe;--chart-bleu-rte-bold: #00a6d9;--chart-bleu-digital: #d8ebff;--chart-bleu-digital-bold: #2b86ff;--chart-marine: #e7edf7;--chart-marine-bold: #3d70ad;--chart-bleu-petrole: #deecef;--chart-bleu-petrole-bold: #478093;--chart-bleu-cyan: #d1f9fc;--chart-bleu-cyan-bold: #0fb3cb;--chart-vert: #c7fff4;--chart-vert-bold: #04c8b1;--chart-vert-indications: #e6f2a4;--chart-vert-indications-bold: #bed942;--chart-vert-digital: #d9ffec;--chart-vert-digital-bold: #3cec96;--chart-jaune: #faffc1;--chart-jaune-bold: #ffe500;--chart-jaune-ocre: #faefc7;--chart-jaune-ocre-bold: #ebb53d;--chart-jaune-indications: #fce7c9;--chart-jaune-indications-bold: #f4922b;--chart-saumon: #fde8e3;--chart-saumon-bold: #ec775c;--chart-rose-digital: #ffccd1;--chart-rose-digital-bold: #f93a58;--chart-fuschia: #ffe1e9;--chart-fuschia-bold: #ff2c74;--chart-rouge-indications: #ffe4e6;--chart-rouge-indications-bold: #f14662;--chart-greyscale: #ebebea;--chart-greyscale-bold: #7f7e7e;--chart-taupe: #e7e3e6;--chart-taupe-bold: #8a7883;--decorative-neutral: #ebebea;--decorative-bleu-iceberg: #c7dbf0;--decorative-vert-foret: #d7f4e6;--decorative-violet: #e6def0;--decorative-bleu-rte: #b9edfe;--decorative-bleu-digital: #baddff;--decorative-marine: #e7edf7;--decorative-bleu-petrole: #c1dae0;--decorative-bleu-cyan: #a9f2f8;--decorative-vert: #90ffe8;--decorative-vert-indications: #e6f2a4;--decorative-vert-digital: #b5fdd9;--decorative-jaune: #faffc1;--decorative-jaune-ocre: #f5de93;--decorative-jaune-indications: #f9ce8e;--decorative-saumon: #f9b7a8;--decorative-rose-digital: #ffccd1;--decorative-fuschia: #ffc8d8;--decorative-rouge-indication: #ffe4e6;--decorative-taupe: #e7e3e6;--elevation-surface-inner-shadow: rgba(0, 0, 0, 0.2);--elevation-surface-shadow-1: rgba(255, 255, 255, 0.03);--elevation-surface-shadow-2: rgba(255, 255, 255, 0.05);--elevation-surface-shadow-3: rgba(255, 255, 255, 0.08);--elevation-surface-shadow-4: rgba(255, 255, 255, 0.1);--elevation-surface-shadow-5: rgba(255, 255, 255, 0.12);--elevation-surface-shadow-6: rgba(255, 255, 255, 0.14);--elevation-shadow-ambient: rgba(0, 0, 0, 0.2);--elevation-shadow-ambient-darker: rgba(0, 0, 0, 0.4);--elevation-shadow-ambient-brand: rgba(0, 0, 0, 0.17);--elevation-shadow-key: rgba(0, 0, 0, 0.28);--elevation-shadow-key-darker: rgba(0, 0, 0, 0.48);--elevation-shadow-key-brand: rgba(0, 0, 0, 0.21);--background-brand-hover-opacity-20: rgba(199, 219, 240, 0.2);--background-danger-hover-opacity-20: rgba(241, 70, 98, 0.2);--background-hover-opacity-50: rgba(62, 62, 61, 0.5)}[data-theme=violet][data-mode=light]{--background-default: #ffffff;--background-hover: #ebebea;--background-neutral-regular-default: #e1e1e0;--background-neutral-regular-hover: #c2c1c0;--background-neutral-bold-default: #737272;--background-neutral-bold-hover: #4c4c4b;--background-neutral-navigation-default: #ebebea;--background-neutral-navigation-hover: #e1e1e0;--background-disabled: #f4f5f4;--background-inverse: #201f1f;--background-brand-default: #7d5a9f;--background-brand-hover: #674883;--background-brand-pressed: #563c6c;--background-brand-selected-default: #7d5a9f;--background-brand-selected-hover: #674883;--background-brand-unselected-default: #f3eff8;--background-brand-unselected-hover: #e6def0;--background-brand-inverse-default: #ffffff;--background-brand-inverse-hover: #f9f7fc;--background-brand-inverse-pressed: #f3eff8;--background-brand-navigation-default: #2b1a38;--background-brand-navigation-hover: #4a355a;--background-brand-navigation-active: #674883;--background-danger-default: #de2048;--background-danger-hover: #c81640;--background-danger-pressed: #9d1439;--background-info-default: #1465fc;--background-status-info-regular: #53aaff;--background-status-info-subtle: #d8ebff;--background-status-warning-regular: #ffe500;--background-status-warning-subtle: #faffc1;--background-status-success-regular: #3cec96;--background-status-success-subtle: #b5fdd9;--background-status-alert-regular: #f14662;--background-status-alert-subtle: #ffe4e6;--border-primary: #737272;--border-secondary: #a1a1a0;--border-tertiary: #cdcccb;--border-divider: #cdcccb;--border-disabled: #cdcccb;--border-inverse: #ffffff;--border-brand-default: #7d5a9f;--border-brand-focused: #4a355a;--border-navigation-active: #674883;--border-brand-navigation-divider: #563c6c;--border-danger: #de2048;--border-info: #2b86ff;--border-warning: #f4922b;--border-success: #09b05f;--content-primary: #201f1f;--content-secondary: #3e3e3d;--content-tertiary: #737272;--content-primary-inverse: #ffffff;--content-disabled: #cdcccb;--content-brand-navigation-default: #f3eff8;--content-brand-navigation-hover: #f9f7fc;--content-brand-navigation-disabled: #674883;--content-brand-default: #7d5a9f;--content-brand-hover: #674883;--content-brand-press: #563c6c;--content-link-default: #2b86ff;--content-link-hover: #1465fc;--content-link-press: #0d4fea;--content-link-visited: #7d5a9f;--content-link-visited-hover: #674883;--content-link-visited-press: #563c6c;--content-danger: #de2048;--content-danger-hover: #c81640;--content-danger-inverse: #ffffff;--content-success: #0b8a4d;--content-success-hover: #0e6d40;--content-info: #1465fc;--content-info-hover: #0d4fea;--content-decorative: #201f1f;--content-status: #201f1f;--chart-brand: #7d5a9f;--chart-neutral: #acacab;--chart-category-1: #397ebe;--chart-category-2: #ff2c74;--chart-category-3: #7d5a9f;--chart-category-4: #2a9f7d;--chart-category-5: #233857;--chart-category-6: #ed6e13;--chart-category-7: #73636c;--chart-category-8: #639cad;--chart-bleu-iceberg: #e6eef8;--chart-bleu-iceberg-bold: #397ebe;--chart-vert-foret: #d7f4e6;--chart-vert-foret-bold: #4dba97;--chart-violet: #d2c3e4;--chart-violet-bold: #7d5a9f;--chart-bleu-rte: #e0f5fe;--chart-bleu-rte-bold: #00a6d9;--chart-bleu-digital: #d8ebff;--chart-bleu-digital-bold: #2b86ff;--chart-marine: #e7edf7;--chart-marine-bold: #3d70ad;--chart-bleu-petrole: #deecef;--chart-bleu-petrole-bold: #478093;--chart-bleu-cyan: #d1f9fc;--chart-bleu-cyan-bold: #0fb3cb;--chart-vert: #c7fff4;--chart-vert-bold: #04c8b1;--chart-vert-indications: #e6f2a4;--chart-vert-indications-bold: #bed942;--chart-vert-digital: #d9ffec;--chart-vert-digital-bold: #3cec96;--chart-jaune: #faffc1;--chart-jaune-bold: #ffe500;--chart-jaune-ocre: #faefc7;--chart-jaune-ocre-bold: #ebb53d;--chart-jaune-indications: #fce7c9;--chart-jaune-indications-bold: #f4922b;--chart-saumon: #fde8e3;--chart-saumon-bold: #ec775c;--chart-rose-digital: #ffccd1;--chart-rose-digital-bold: #f93a58;--chart-fuschia: #ffe1e9;--chart-fuschia-bold: #ff2c74;--chart-rouge-indications: #ffe4e6;--chart-rouge-indications-bold: #f14662;--chart-greyscale: #ebebea;--chart-greyscale-bold: #7f7e7e;--chart-taupe: #e7e3e6;--chart-taupe-bold: #8a7883;--decorative-neutral: #ebebea;--decorative-bleu-iceberg: #c7dbf0;--decorative-vert-foret: #d7f4e6;--decorative-violet: #e6def0;--decorative-bleu-rte: #b9edfe;--decorative-bleu-digital: #baddff;--decorative-marine: #e7edf7;--decorative-bleu-petrole: #c1dae0;--decorative-bleu-cyan: #a9f2f8;--decorative-vert: #90ffe8;--decorative-vert-indications: #e6f2a4;--decorative-vert-digital: #b5fdd9;--decorative-jaune: #faffc1;--decorative-jaune-ocre: #f5de93;--decorative-jaune-indications: #f9ce8e;--decorative-saumon: #f9b7a8;--decorative-rose-digital: #ffccd1;--decorative-fuschia: #ffc8d8;--decorative-rouge-indication: #ffe4e6;--decorative-taupe: #e7e3e6;--elevation-surface-inner-shadow: rgba(0, 0, 0, 0);--elevation-surface-shadow-1: rgba(255, 255, 255, 0);--elevation-surface-shadow-2: rgba(255, 255, 255, 0);--elevation-surface-shadow-3: rgba(255, 255, 255, 0);--elevation-surface-shadow-4: rgba(255, 255, 255, 0);--elevation-surface-shadow-5: rgba(255, 255, 255, 0);--elevation-surface-shadow-6: rgba(255, 255, 255, 0);--elevation-shadow-ambient: rgba(0, 0, 0, 0.12);--elevation-shadow-ambient-darker: rgba(0, 0, 0, 0.2);--elevation-shadow-ambient-brand: rgba(0, 0, 0, 0.25);--elevation-shadow-key: rgba(0, 0, 0, 0.14);--elevation-shadow-key-darker: rgba(0, 0, 0, 0.24);--elevation-shadow-key-brand: rgba(0, 0, 0, 0.31);--background-brand-hover-opacity-20: rgba(103, 72, 131, 0.2);--background-danger-hover-opacity-20: rgba(200, 22, 64, 0.2);--background-hover-opacity-50: rgba(235, 235, 234, 0.5)}[data-theme=violet][data-mode=dark]{--background-default: #201f1f;--background-hover: #3e3e3d;--background-neutral-regular-default: #595958;--background-neutral-regular-hover: #7f7e7e;--background-neutral-bold-default: #cdcccb;--background-neutral-bold-hover: #ebebea;--background-neutral-navigation-default: #ebebea;--background-neutral-navigation-hover: #e1e1e0;--background-disabled: #3e3e3d;--background-inverse: #ffffff;--background-brand-default: #d2c3e4;--background-brand-hover: #e6def0;--background-brand-pressed: #f3eff8;--background-brand-selected-default: #d2c3e4;--background-brand-selected-hover: #e6def0;--background-brand-unselected-default: #674883;--background-brand-unselected-hover: #7d5a9f;--background-brand-inverse-default: #201f1f;--background-brand-inverse-hover: #674883;--background-brand-inverse-pressed: #7d5a9f;--background-brand-navigation-default: #2b1a38;--background-brand-navigation-hover: #4a355a;--background-brand-navigation-active: #674883;--background-danger-default: #f97385;--background-danger-hover: #fca5af;--background-danger-pressed: #fdced4;--background-info-default: #53aaff;--background-status-info-regular: #53aaff;--background-status-info-subtle: #153b93;--background-status-warning-regular: #ffe500;--background-status-warning-subtle: #faffc1;--background-status-success-regular: #3cec96;--background-status-success-subtle: #b5fdd9;--background-status-alert-regular: #f14662;--background-status-alert-subtle: #861537;--border-primary: #a1a1a0;--border-secondary: #737272;--border-tertiary: #3e3e3d;--border-divider: #a1a1a0;--border-disabled: #595958;--border-inverse: #201f1f;--border-brand-default: #fcfbfd;--border-brand-focused: #fcfbfd;--border-navigation-active: #674883;--border-brand-navigation-divider: #563c6c;--border-danger: #f97385;--border-info: #2b86ff;--border-warning: #f4922b;--border-success: #09b05f;--content-primary: #ffffff;--content-secondary: #e1e1e0;--content-tertiary: #b7b7b6;--content-primary-inverse: #201f1f;--content-disabled: #595958;--content-brand-navigation-default: #f3eff8;--content-brand-navigation-hover: #f9f7fc;--content-brand-navigation-disabled: #674883;--content-brand-default: #fcfbfd;--content-brand-hover: #f9f7fc;--content-brand-press: #f3eff8;--content-link-default: #2b86ff;--content-link-hover: #53aaff;--content-link-press: #8ac8ff;--content-link-visited: #9979bc;--content-link-visited-hover: #b89fd3;--content-link-visited-press: #d2c3e4;--content-danger: #f97385;--content-danger-hover: #f14662;--content-danger-inverse: #ffffff;--content-success: #3cec96;--content-success-hover: #12d577;--content-info: #53aaff;--content-info-hover: #2b86ff;--content-decorative: #201f1f;--content-status: #201f1f;--chart-brand: #7d5a9f;--chart-neutral: #acacab;--chart-category-1: #397ebe;--chart-category-2: #ff2c74;--chart-category-3: #7d5a9f;--chart-category-4: #2a9f7d;--chart-category-5: #233857;--chart-category-6: #ed6e13;--chart-category-7: #73636c;--chart-category-8: #639cad;--chart-bleu-iceberg: #e6eef8;--chart-bleu-iceberg-bold: #397ebe;--chart-vert-foret: #d7f4e6;--chart-vert-foret-bold: #4dba97;--chart-violet: #d2c3e4;--chart-violet-bold: #7d5a9f;--chart-bleu-rte: #e0f5fe;--chart-bleu-rte-bold: #00a6d9;--chart-bleu-digital: #d8ebff;--chart-bleu-digital-bold: #2b86ff;--chart-marine: #e7edf7;--chart-marine-bold: #3d70ad;--chart-bleu-petrole: #deecef;--chart-bleu-petrole-bold: #478093;--chart-bleu-cyan: #d1f9fc;--chart-bleu-cyan-bold: #0fb3cb;--chart-vert: #c7fff4;--chart-vert-bold: #04c8b1;--chart-vert-indications: #e6f2a4;--chart-vert-indications-bold: #bed942;--chart-vert-digital: #d9ffec;--chart-vert-digital-bold: #3cec96;--chart-jaune: #faffc1;--chart-jaune-bold: #ffe500;--chart-jaune-ocre: #faefc7;--chart-jaune-ocre-bold: #ebb53d;--chart-jaune-indications: #fce7c9;--chart-jaune-indications-bold: #f4922b;--chart-saumon: #fde8e3;--chart-saumon-bold: #ec775c;--chart-rose-digital: #ffccd1;--chart-rose-digital-bold: #f93a58;--chart-fuschia: #ffe1e9;--chart-fuschia-bold: #ff2c74;--chart-rouge-indications: #ffe4e6;--chart-rouge-indications-bold: #f14662;--chart-greyscale: #ebebea;--chart-greyscale-bold: #7f7e7e;--chart-taupe: #e7e3e6;--chart-taupe-bold: #8a7883;--decorative-neutral: #ebebea;--decorative-bleu-iceberg: #c7dbf0;--decorative-vert-foret: #d7f4e6;--decorative-violet: #e6def0;--decorative-bleu-rte: #b9edfe;--decorative-bleu-digital: #baddff;--decorative-marine: #e7edf7;--decorative-bleu-petrole: #c1dae0;--decorative-bleu-cyan: #a9f2f8;--decorative-vert: #90ffe8;--decorative-vert-indications: #e6f2a4;--decorative-vert-digital: #b5fdd9;--decorative-jaune: #faffc1;--decorative-jaune-ocre: #f5de93;--decorative-jaune-indications: #f9ce8e;--decorative-saumon: #f9b7a8;--decorative-rose-digital: #ffccd1;--decorative-fuschia: #ffc8d8;--decorative-rouge-indication: #ffe4e6;--decorative-taupe: #e7e3e6;--elevation-surface-inner-shadow: rgba(0, 0, 0, 0.2);--elevation-surface-shadow-1: rgba(255, 255, 255, 0.03);--elevation-surface-shadow-2: rgba(255, 255, 255, 0.05);--elevation-surface-shadow-3: rgba(255, 255, 255, 0.08);--elevation-surface-shadow-4: rgba(255, 255, 255, 0.1);--elevation-surface-shadow-5: rgba(255, 255, 255, 0.12);--elevation-surface-shadow-6: rgba(255, 255, 255, 0.14);--elevation-shadow-ambient: rgba(0, 0, 0, 0.2);--elevation-shadow-ambient-darker: rgba(0, 0, 0, 0.4);--elevation-shadow-ambient-brand: rgba(0, 0, 0, 0.17);--elevation-shadow-key: rgba(0, 0, 0, 0.28);--elevation-shadow-key-darker: rgba(0, 0, 0, 0.48);--elevation-shadow-key-brand: rgba(0, 0, 0, 0.21);--background-brand-hover-opacity-20: rgba(230, 222, 240, 0.2);--background-danger-hover-opacity-20: rgba(241, 70, 98, 0.2);--background-hover-opacity-50: rgba(62, 62, 61, 0.5)}[data-theme=vert_foret][data-mode=light]{--background-default: #ffffff;--background-hover: #ebebea;--background-neutral-regular-default: #e1e1e0;--background-neutral-regular-hover: #c2c1c0;--background-neutral-bold-default: #737272;--background-neutral-bold-hover: #4c4c4b;--background-neutral-navigation-default: #ebebea;--background-neutral-navigation-hover: #e1e1e0;--background-disabled: #f4f5f4;--background-inverse: #201f1f;--background-brand-default: #1b8065;--background-brand-hover: #176b57;--background-brand-pressed: #145143;--background-brand-selected-default: #1b8065;--background-brand-selected-hover: #176b57;--background-brand-unselected-default: #d7f4e6;--background-brand-unselected-hover: #b3e7d1;--background-brand-inverse-default: #ffffff;--background-brand-inverse-hover: #effaf6;--background-brand-inverse-pressed: #d7f4e6;--background-brand-navigation-default: #082620;--background-brand-navigation-hover: #114338;--background-brand-navigation-active: #176b57;--background-danger-default: #de2048;--background-danger-hover: #c81640;--background-danger-pressed: #9d1439;--background-info-default: #1465fc;--background-status-info-regular: #53aaff;--background-status-info-subtle: #d8ebff;--background-status-warning-regular: #ffe500;--background-status-warning-subtle: #faffc1;--background-status-success-regular: #3cec96;--background-status-success-subtle: #b5fdd9;--background-status-alert-regular: #f14662;--background-status-alert-subtle: #ffe4e6;--border-primary: #737272;--border-secondary: #a1a1a0;--border-tertiary: #cdcccb;--border-divider: #cdcccb;--border-disabled: #cdcccb;--border-inverse: #ffffff;--border-brand-default: #1b8065;--border-brand-focused: #114338;--border-navigation-active: #176b57;--border-brand-navigation-divider: #145143;--border-danger: #de2048;--border-info: #2b86ff;--border-warning: #f4922b;--border-success: #09b05f;--content-primary: #201f1f;--content-secondary: #3e3e3d;--content-tertiary: #737272;--content-primary-inverse: #ffffff;--content-disabled: #cdcccb;--content-brand-navigation-default: #d7f4e6;--content-brand-navigation-hover: #effaf6;--content-brand-navigation-disabled: #176b57;--content-brand-default: #1b8065;--content-brand-hover: #176b57;--content-brand-press: #145143;--content-link-default: #2b86ff;--content-link-hover: #1465fc;--content-link-press: #0d4fea;--content-link-visited: #7d5a9f;--content-link-visited-hover: #674883;--content-link-visited-press: #563c6c;--content-danger: #de2048;--content-danger-hover: #c81640;--content-danger-inverse: #ffffff;--content-success: #0b8a4d;--content-success-hover: #0e6d40;--content-info: #1465fc;--content-info-hover: #0d4fea;--content-decorative: #201f1f;--content-status: #201f1f;--chart-brand: #2a9f7d;--chart-neutral: #acacab;--chart-category-1: #397ebe;--chart-category-2: #ff2c74;--chart-category-3: #7d5a9f;--chart-category-4: #2a9f7d;--chart-category-5: #233857;--chart-category-6: #ed6e13;--chart-category-7: #73636c;--chart-category-8: #639cad;--chart-bleu-iceberg: #e6eef8;--chart-bleu-iceberg-bold: #397ebe;--chart-vert-foret: #d7f4e6;--chart-vert-foret-bold: #4dba97;--chart-violet: #d2c3e4;--chart-violet-bold: #7d5a9f;--chart-bleu-rte: #e0f5fe;--chart-bleu-rte-bold: #00a6d9;--chart-bleu-digital: #d8ebff;--chart-bleu-digital-bold: #2b86ff;--chart-marine: #e7edf7;--chart-marine-bold: #3d70ad;--chart-bleu-petrole: #deecef;--chart-bleu-petrole-bold: #478093;--chart-bleu-cyan: #d1f9fc;--chart-bleu-cyan-bold: #0fb3cb;--chart-vert: #c7fff4;--chart-vert-bold: #04c8b1;--chart-vert-indications: #e6f2a4;--chart-vert-indications-bold: #bed942;--chart-vert-digital: #d9ffec;--chart-vert-digital-bold: #3cec96;--chart-jaune: #faffc1;--chart-jaune-bold: #ffe500;--chart-jaune-ocre: #faefc7;--chart-jaune-ocre-bold: #ebb53d;--chart-jaune-indications: #fce7c9;--chart-jaune-indications-bold: #f4922b;--chart-saumon: #fde8e3;--chart-saumon-bold: #ec775c;--chart-rose-digital: #ffccd1;--chart-rose-digital-bold: #f93a58;--chart-fuschia: #ffe1e9;--chart-fuschia-bold: #ff2c74;--chart-rouge-indications: #ffe4e6;--chart-rouge-indications-bold: #f14662;--chart-greyscale: #ebebea;--chart-greyscale-bold: #7f7e7e;--chart-taupe: #e7e3e6;--chart-taupe-bold: #8a7883;--decorative-neutral: #ebebea;--decorative-bleu-iceberg: #c7dbf0;--decorative-vert-foret: #d7f4e6;--decorative-violet: #e6def0;--decorative-bleu-rte: #b9edfe;--decorative-bleu-digital: #baddff;--decorative-marine: #e7edf7;--decorative-bleu-petrole: #c1dae0;--decorative-bleu-cyan: #a9f2f8;--decorative-vert: #90ffe8;--decorative-vert-indications: #e6f2a4;--decorative-vert-digital: #b5fdd9;--decorative-jaune: #faffc1;--decorative-jaune-ocre: #f5de93;--decorative-jaune-indications: #f9ce8e;--decorative-saumon: #f9b7a8;--decorative-rose-digital: #ffccd1;--decorative-fuschia: #ffc8d8;--decorative-rouge-indication: #ffe4e6;--decorative-taupe: #e7e3e6;--elevation-surface-inner-shadow: rgba(0, 0, 0, 0);--elevation-surface-shadow-1: rgba(255, 255, 255, 0);--elevation-surface-shadow-2: rgba(255, 255, 255, 0);--elevation-surface-shadow-3: rgba(255, 255, 255, 0);--elevation-surface-shadow-4: rgba(255, 255, 255, 0);--elevation-surface-shadow-5: rgba(255, 255, 255, 0);--elevation-surface-shadow-6: rgba(255, 255, 255, 0);--elevation-shadow-ambient: rgba(0, 0, 0, 0.12);--elevation-shadow-ambient-darker: rgba(0, 0, 0, 0.2);--elevation-shadow-ambient-brand: rgba(0, 0, 0, 0.25);--elevation-shadow-key: rgba(0, 0, 0, 0.14);--elevation-shadow-key-darker: rgba(0, 0, 0, 0.24);--elevation-shadow-key-brand: rgba(0, 0, 0, 0.31);--background-brand-hover-opacity-20: rgba(23, 107, 87, 0.2);--background-danger-hover-opacity-20: rgba(200, 22, 64, 0.2);--background-hover-opacity-50: rgba(235, 235, 234, 0.5)}[data-theme=vert_foret][data-mode=dark]{--background-default: #201f1f;--background-hover: #3e3e3d;--background-neutral-regular-default: #595958;--background-neutral-regular-hover: #7f7e7e;--background-neutral-bold-default: #cdcccb;--background-neutral-bold-hover: #ebebea;--background-neutral-navigation-default: #ebebea;--background-neutral-navigation-hover: #e1e1e0;--background-disabled: #3e3e3d;--background-inverse: #ffffff;--background-brand-default: #81d4b7;--background-brand-hover: #b3e7d1;--background-brand-pressed: #d7f4e6;--background-brand-selected-default: #81d4b7;--background-brand-selected-hover: #b3e7d1;--background-brand-unselected-default: #176b57;--background-brand-unselected-hover: #1b8065;--background-brand-inverse-default: #201f1f;--background-brand-inverse-hover: #176b57;--background-brand-inverse-pressed: #1b8065;--background-brand-navigation-default: #082620;--background-brand-navigation-hover: #114338;--background-brand-navigation-active: #176b57;--background-danger-default: #f97385;--background-danger-hover: #fca5af;--background-danger-pressed: #fdced4;--background-info-default: #53aaff;--background-status-info-regular: #53aaff;--background-status-info-subtle: #153b93;--background-status-warning-regular: #ffe500;--background-status-warning-subtle: #faffc1;--background-status-success-regular: #3cec96;--background-status-success-subtle: #b5fdd9;--background-status-alert-regular: #f14662;--background-status-alert-subtle: #861537;--border-primary: #a1a1a0;--border-secondary: #737272;--border-tertiary: #3e3e3d;--border-divider: #a1a1a0;--border-disabled: #595958;--border-inverse: #201f1f;--border-brand-default: #f5fcfa;--border-brand-focused: #f5fcfa;--border-navigation-active: #176b57;--border-brand-navigation-divider: #145143;--border-danger: #f97385;--border-info: #2b86ff;--border-warning: #f4922b;--border-success: #09b05f;--content-primary: #ffffff;--content-secondary: #e1e1e0;--content-tertiary: #b7b7b6;--content-primary-inverse: #201f1f;--content-disabled: #595958;--content-brand-navigation-default: #d7f4e6;--content-brand-navigation-hover: #effaf6;--content-brand-navigation-disabled: #176b57;--content-brand-default: #f5fcfa;--content-brand-hover: #effaf6;--content-brand-press: #d7f4e6;--content-link-default: #2b86ff;--content-link-hover: #53aaff;--content-link-press: #8ac8ff;--content-link-visited: #9979bc;--content-link-visited-hover: #b89fd3;--content-link-visited-press: #d2c3e4;--content-danger: #f97385;--content-danger-hover: #f14662;--content-danger-inverse: #ffffff;--content-success: #3cec96;--content-success-hover: #12d577;--content-info: #53aaff;--content-info-hover: #2b86ff;--content-decorative: #201f1f;--content-status: #201f1f;--chart-brand: #2a9f7d;--chart-neutral: #acacab;--chart-category-1: #397ebe;--chart-category-2: #ff2c74;--chart-category-3: #7d5a9f;--chart-category-4: #2a9f7d;--chart-category-5: #233857;--chart-category-6: #ed6e13;--chart-category-7: #73636c;--chart-category-8: #639cad;--chart-bleu-iceberg: #e6eef8;--chart-bleu-iceberg-bold: #397ebe;--chart-vert-foret: #d7f4e6;--chart-vert-foret-bold: #4dba97;--chart-violet: #d2c3e4;--chart-violet-bold: #7d5a9f;--chart-bleu-rte: #e0f5fe;--chart-bleu-rte-bold: #00a6d9;--chart-bleu-digital: #d8ebff;--chart-bleu-digital-bold: #2b86ff;--chart-marine: #e7edf7;--chart-marine-bold: #3d70ad;--chart-bleu-petrole: #deecef;--chart-bleu-petrole-bold: #478093;--chart-bleu-cyan: #d1f9fc;--chart-bleu-cyan-bold: #0fb3cb;--chart-vert: #c7fff4;--chart-vert-bold: #04c8b1;--chart-vert-indications: #e6f2a4;--chart-vert-indications-bold: #bed942;--chart-vert-digital: #d9ffec;--chart-vert-digital-bold: #3cec96;--chart-jaune: #faffc1;--chart-jaune-bold: #ffe500;--chart-jaune-ocre: #faefc7;--chart-jaune-ocre-bold: #ebb53d;--chart-jaune-indications: #fce7c9;--chart-jaune-indications-bold: #f4922b;--chart-saumon: #fde8e3;--chart-saumon-bold: #ec775c;--chart-rose-digital: #ffccd1;--chart-rose-digital-bold: #f93a58;--chart-fuschia: #ffe1e9;--chart-fuschia-bold: #ff2c74;--chart-rouge-indications: #ffe4e6;--chart-rouge-indications-bold: #f14662;--chart-greyscale: #ebebea;--chart-greyscale-bold: #7f7e7e;--chart-taupe: #e7e3e6;--chart-taupe-bold: #8a7883;--decorative-neutral: #ebebea;--decorative-bleu-iceberg: #c7dbf0;--decorative-vert-foret: #d7f4e6;--decorative-violet: #e6def0;--decorative-bleu-rte: #b9edfe;--decorative-bleu-digital: #baddff;--decorative-marine: #e7edf7;--decorative-bleu-petrole: #c1dae0;--decorative-bleu-cyan: #a9f2f8;--decorative-vert: #90ffe8;--decorative-vert-indications: #e6f2a4;--decorative-vert-digital: #b5fdd9;--decorative-jaune: #faffc1;--decorative-jaune-ocre: #f5de93;--decorative-jaune-indications: #f9ce8e;--decorative-saumon: #f9b7a8;--decorative-rose-digital: #ffccd1;--decorative-fuschia: #ffc8d8;--decorative-rouge-indication: #ffe4e6;--decorative-taupe: #e7e3e6;--elevation-surface-inner-shadow: rgba(0, 0, 0, 0.2);--elevation-surface-shadow-1: rgba(255, 255, 255, 0.03);--elevation-surface-shadow-2: rgba(255, 255, 255, 0.05);--elevation-surface-shadow-3: rgba(255, 255, 255, 0.08);--elevation-surface-shadow-4: rgba(255, 255, 255, 0.1);--elevation-surface-shadow-5: rgba(255, 255, 255, 0.12);--elevation-surface-shadow-6: rgba(255, 255, 255, 0.14);--elevation-shadow-ambient: rgba(0, 0, 0, 0.2);--elevation-shadow-ambient-darker: rgba(0, 0, 0, 0.4);--elevation-shadow-ambient-brand: rgba(0, 0, 0, 0.17);--elevation-shadow-key: rgba(0, 0, 0, 0.28);--elevation-shadow-key-darker: rgba(0, 0, 0, 0.48);--elevation-shadow-key-brand: rgba(0, 0, 0, 0.21);--background-brand-hover-opacity-20: rgba(179, 231, 209, 0.2);--background-danger-hover-opacity-20: rgba(241, 70, 98, 0.2);--background-hover-opacity-50: rgba(62, 62, 61, 0.5)}
1
+ [data-theme=bleu_iceberg][data-mode=light]{--background-default: #ffffff;--background-hover: #ebebea;--background-neutral-regular-default: #e1e1e0;--background-neutral-regular-hover: #c2c1c0;--background-neutral-bold-default: #737272;--background-neutral-bold-hover: #4c4c4b;--background-neutral-navigation-default: #ebebea;--background-neutral-navigation-hover: #e1e1e0;--background-disabled: #f4f5f4;--background-inverse: #201f1f;--background-brand-default: #2964a0;--background-brand-hover: #225082;--background-brand-pressed: #214770;--background-brand-selected-default: #2964a0;--background-brand-selected-hover: #225082;--background-brand-unselected-default: #e6eef8;--background-brand-unselected-hover: #c7dbf0;--background-brand-inverse-default: #ffffff;--background-brand-inverse-hover: #f3f6fc;--background-brand-inverse-pressed: #e6eef8;--background-brand-navigation-default: #15253c;--background-brand-navigation-hover: #1f3b5b;--background-brand-navigation-pressed: #225082;--background-danger-default: #de2048;--background-danger-hover: #c81640;--background-danger-pressed: #9d1439;--background-info-default: #1465fc;--background-warning-default: #ffe500;--background-success-default: #0b8a4d;--border-primary: #737272;--border-secondary: #a1a1a0;--border-tertiary: #cdcccb;--border-divider: #cdcccb;--border-disabled: #cdcccb;--border-inverse: #ffffff;--border-brand-default: #2964a0;--border-brand-focused: #1f3b5b;--border-brand-navigation-active: #225082;--border-brand-navigation-divider: #214770;--border-danger: #de2048;--border-info: #1465fc;--border-warning: #f4922b;--border-success: #0b8a4d;--content-primary: #201f1f;--content-secondary: #3e3e3d;--content-tertiary: #737272;--content-primary-inverse: #ffffff;--content-disabled: #cdcccb;--content-brand-default: #2964a0;--content-brand-hover: #225082;--content-brand-pressed: #214770;--content-brand-navigation-default: #e6eef8;--content-brand-navigation-hover: #f3f6fc;--content-brand-navigation-disabled: #225082;--content-link-default: #2b86ff;--content-link-hover: #1465fc;--content-link-pressed: #0d4fea;--content-link-visited-default: #7d5a9f;--content-link-visited-hover: #674883;--content-link-visited-pressed: #563c6c;--content-danger-default: #de2048;--content-danger-hover: #c81640;--content-danger-inverse: #ffffff;--content-success-default: #0b8a4d;--content-success-hover: #0e6d40;--content-info-default: #1465fc;--content-info-hover: #0d4fea;--content-decorative: #201f1f;--brand-navigation-divider: #214770;--brand-navigation-divider-2: #214770;--brand-navigation-divider-3: #214770;--brand-navigation-divider-4: #214770;--chart-brand: #397ebe;--chart-neutral: #acacab;--chart-category-1: #397ebe;--chart-category-2: #ff2c74;--chart-category-3: #7d5a9f;--chart-category-4: #4dba97;--chart-category-5: #233857;--chart-category-6: #ed6e13;--chart-category-7: #73636c;--chart-category-8: #639cad;--chart-bleu-iceberg: #e6eef8;--chart-bleu-iceberg-bold: #397ebe;--chart-vert-foret: #d7f4e6;--chart-vert-foret-bold: #4dba97;--chart-violet: #d2c3e4;--chart-violet-bold: #7d5a9f;--chart-bleu-rte: #e0f5fe;--chart-bleu-rte-bold: #00a6d9;--chart-bleu-digital: #d8ebff;--chart-bleu-digital-bold: #2b86ff;--chart-marine: #e7edf7;--chart-marine-bold: #2f5d9a;--chart-bleu-petrole: #deecef;--chart-bleu-petrole-bold: #478093;--chart-bleu-cyan: #d1f9fc;--chart-bleu-cyan-bold: #0fb3cb;--chart-vert: #c7fff4;--chart-vert-bold: #04c8b1;--chart-vert-indications: #e6f2a4;--chart-vert-indications-bold: #bed942;--chart-vert-digital: #d9ffec;--chart-vert-digital-bold: #3cec96;--chart-jaune: #faffc1;--chart-jaune-bold: #ffe500;--chart-jaune-ocre: #faefc7;--chart-jaune-ocre-bold: #ebb53d;--chart-jaune-indications: #fce7c9;--chart-jaune-indications-bold: #f4922b;--chart-saumon: #fde8e3;--chart-saumon-bold: #ec775c;--chart-rose-digital: #ffccd1;--chart-rose-digital-bold: #f93a58;--chart-fuschia: #ffe1e9;--chart-fuschia-bold: #ff2c74;--chart-rouge-indications: #fdced4;--chart-rouge-indications-bold: #f14662;--chart-greyscale: #ebebea;--chart-greyscale-bold: #7f7e7e;--chart-taupe: #e7e3e6;--chart-taupe-bold: #8a7883;--decorative-neutral: #ebebea;--decorative-bleu-iceberg: #c7dbf0;--decorative-vert-foret: #d7f4e6;--decorative-violet: #e6def0;--decorative-bleu-rte: #b9edfe;--decorative-bleu-digital: #baddff;--decorative-marine: #e7edf7;--decorative-bleu-petrole: #c1dae0;--decorative-bleu-cyan: #a9f2f8;--decorative-vert: #90ffe8;--decorative-vert-indications: #e6f2a4;--decorative-vert-digital: #b5fdd9;--decorative-jaune: #faffc1;--decorative-jaune-ocre: #f5de93;--decorative-jaune-indications: #f9ce8e;--decorative-saumon: #f9b7a8;--decorative-rose-digital: #ffccd1;--decorative-fuschia: #ffc8d8;--decorative-rouge-indication: #ffe4e6;--decorative-taupe: #e7e3e6;--elevation-surface-inner-shadow: rgba(0, 0, 0, 0);--elevation-surface-shadow-1: rgba(255, 255, 255, 0);--elevation-surface-shadow-2: rgba(255, 255, 255, 0);--elevation-surface-shadow-3: rgba(255, 255, 255, 0);--elevation-surface-shadow-4: rgba(255, 255, 255, 0);--elevation-surface-shadow-5: rgba(255, 255, 255, 0);--elevation-surface-shadow-6: rgba(255, 255, 255, 0);--elevation-shadow-ambient: rgba(0, 0, 0, 0.12);--elevation-shadow-ambient-darker: rgba(0, 0, 0, 0.2);--elevation-shadow-ambient-brand: rgba(0, 0, 0, 0.25);--elevation-shadow-key: rgba(0, 0, 0, 0.14);--elevation-shadow-key-darker: rgba(0, 0, 0, 0.24);--elevation-shadow-key-brand: rgba(0, 0, 0, 0.31);--brand-navigation-divider-5: #214770;--brand-navigation-divider-6: #214770;--brand-navigation-divider-7: #214770;--background-brand-hover-opacity-20: rgba(34, 80, 130, 0.2);--background-danger-hover-opacity-20: rgba(200, 22, 64, 0.2);--background-hover-opacity-50: rgba(235, 235, 234, 0.5)}[data-theme=bleu_iceberg][data-mode=dark]{--background-default: #201f1f;--background-hover: #3e3e3d;--background-neutral-regular-default: #595958;--background-neutral-regular-hover: #7f7e7e;--background-neutral-bold-default: #cdcccb;--background-neutral-bold-hover: #ebebea;--background-neutral-navigation-default: #ebebea;--background-neutral-navigation-hover: #e1e1e0;--background-disabled: #3e3e3d;--background-inverse: #ffffff;--background-brand-default: #96bde3;--background-brand-hover: #c7dbf0;--background-brand-pressed: #e6eef8;--background-brand-selected-default: #96bde3;--background-brand-selected-hover: #c7dbf0;--background-brand-unselected-default: #225082;--background-brand-unselected-hover: #2964a0;--background-brand-inverse-default: #201f1f;--background-brand-inverse-hover: #225082;--background-brand-inverse-pressed: #2964a0;--background-brand-navigation-default: #15253c;--background-brand-navigation-hover: #1f3b5b;--background-brand-navigation-pressed: #225082;--background-danger-default: #f14662;--background-danger-hover: #f97385;--background-danger-pressed: #fca5af;--background-info-default: #53aaff;--background-warning-default: #ffe500;--background-success-default: #3cec96;--border-primary: #a1a1a0;--border-secondary: #737272;--border-tertiary: #3e3e3d;--border-divider: #a1a1a0;--border-disabled: #595958;--border-inverse: #201f1f;--border-brand-default: #f9fbfd;--border-brand-focused: #f9fbfd;--border-brand-navigation-active: #225082;--border-brand-navigation-divider: #214770;--border-danger: #f14662;--border-info: #53aaff;--border-warning: #f4922b;--border-success: #3cec96;--content-primary: #ffffff;--content-secondary: #e1e1e0;--content-tertiary: #b7b7b6;--content-primary-inverse: #201f1f;--content-disabled: #595958;--content-brand-default: #f9fbfd;--content-brand-hover: #f3f6fc;--content-brand-pressed: #e6eef8;--content-brand-navigation-default: #e6eef8;--content-brand-navigation-hover: #f3f6fc;--content-brand-navigation-disabled: #225082;--content-link-default: #2b86ff;--content-link-hover: #53aaff;--content-link-pressed: #8ac8ff;--content-link-visited-default: #9979bc;--content-link-visited-hover: #b89fd3;--content-link-visited-pressed: #d2c3e4;--content-danger-default: #f14662;--content-danger-hover: #f97385;--content-danger-inverse: #ffffff;--content-success-default: #3cec96;--content-success-hover: #12d577;--content-info-default: #53aaff;--content-info-hover: #2b86ff;--content-decorative: #201f1f;--brand-navigation-divider: #214770;--brand-navigation-divider-2: #214770;--brand-navigation-divider-3: #214770;--brand-navigation-divider-4: #214770;--chart-brand: #397ebe;--chart-neutral: #acacab;--chart-category-1: #397ebe;--chart-category-2: #ff2c74;--chart-category-3: #7d5a9f;--chart-category-4: #2a9f7d;--chart-category-5: #233857;--chart-category-6: #ed6e13;--chart-category-7: #73636c;--chart-category-8: #639cad;--chart-bleu-iceberg: #e6eef8;--chart-bleu-iceberg-bold: #397ebe;--chart-vert-foret: #d7f4e6;--chart-vert-foret-bold: #4dba97;--chart-violet: #d2c3e4;--chart-violet-bold: #7d5a9f;--chart-bleu-rte: #e0f5fe;--chart-bleu-rte-bold: #00a6d9;--chart-bleu-digital: #d8ebff;--chart-bleu-digital-bold: #2b86ff;--chart-marine: #e7edf7;--chart-marine-bold: #3d70ad;--chart-bleu-petrole: #deecef;--chart-bleu-petrole-bold: #478093;--chart-bleu-cyan: #d1f9fc;--chart-bleu-cyan-bold: #0fb3cb;--chart-vert: #c7fff4;--chart-vert-bold: #04c8b1;--chart-vert-indications: #e6f2a4;--chart-vert-indications-bold: #bed942;--chart-vert-digital: #d9ffec;--chart-vert-digital-bold: #3cec96;--chart-jaune: #faffc1;--chart-jaune-bold: #ffe500;--chart-jaune-ocre: #faefc7;--chart-jaune-ocre-bold: #ebb53d;--chart-jaune-indications: #fce7c9;--chart-jaune-indications-bold: #f4922b;--chart-saumon: #fde8e3;--chart-saumon-bold: #ec775c;--chart-rose-digital: #ffccd1;--chart-rose-digital-bold: #f93a58;--chart-fuschia: #ffe1e9;--chart-fuschia-bold: #ff2c74;--chart-rouge-indications: #ffe4e6;--chart-rouge-indications-bold: #f14662;--chart-greyscale: #ebebea;--chart-greyscale-bold: #7f7e7e;--chart-taupe: #e7e3e6;--chart-taupe-bold: #8a7883;--decorative-neutral: #ebebea;--decorative-bleu-iceberg: #c7dbf0;--decorative-vert-foret: #d7f4e6;--decorative-violet: #e6def0;--decorative-bleu-rte: #b9edfe;--decorative-bleu-digital: #baddff;--decorative-marine: #e7edf7;--decorative-bleu-petrole: #c1dae0;--decorative-bleu-cyan: #a9f2f8;--decorative-vert: #90ffe8;--decorative-vert-indications: #e6f2a4;--decorative-vert-digital: #b5fdd9;--decorative-jaune: #faffc1;--decorative-jaune-ocre: #f5de93;--decorative-jaune-indications: #f9ce8e;--decorative-saumon: #f9b7a8;--decorative-rose-digital: #ffccd1;--decorative-fuschia: #ffc8d8;--decorative-rouge-indication: #ffe4e6;--decorative-taupe: #e7e3e6;--elevation-surface-inner-shadow: rgba(0, 0, 0, 0.2);--elevation-surface-shadow-1: rgba(255, 255, 255, 0.03);--elevation-surface-shadow-2: rgba(255, 255, 255, 0.05);--elevation-surface-shadow-3: rgba(255, 255, 255, 0.08);--elevation-surface-shadow-4: rgba(255, 255, 255, 0.1);--elevation-surface-shadow-5: rgba(255, 255, 255, 0.12);--elevation-surface-shadow-6: rgba(255, 255, 255, 0.14);--elevation-shadow-ambient: rgba(0, 0, 0, 0.2);--elevation-shadow-ambient-darker: rgba(0, 0, 0, 0.4);--elevation-shadow-ambient-brand: rgba(0, 0, 0, 0.17);--elevation-shadow-key: rgba(0, 0, 0, 0.28);--elevation-shadow-key-darker: rgba(0, 0, 0, 0.48);--elevation-shadow-key-brand: rgba(0, 0, 0, 0.21);--brand-navigation-divider-5: #214770;--brand-navigation-divider-6: #214770;--brand-navigation-divider-7: #214770;--background-brand-hover-opacity-20: rgba(199, 219, 240, 0.2);--background-danger-hover-opacity-20: rgba(241, 70, 98, 0.2);--background-hover-opacity-50: rgba(62, 62, 61, 0.5)}[data-theme=violet][data-mode=light]{--background-default: #ffffff;--background-hover: #ebebea;--background-neutral-regular-default: #e1e1e0;--background-neutral-regular-hover: #c2c1c0;--background-neutral-bold-default: #737272;--background-neutral-bold-hover: #4c4c4b;--background-neutral-navigation-default: #ebebea;--background-neutral-navigation-hover: #e1e1e0;--background-disabled: #f4f5f4;--background-inverse: #201f1f;--background-brand-default: #7d5a9f;--background-brand-hover: #674883;--background-brand-pressed: #563c6c;--background-brand-selected-default: #7d5a9f;--background-brand-selected-hover: #674883;--background-brand-unselected-default: #f3eff8;--background-brand-unselected-hover: #e6def0;--background-brand-inverse-default: #ffffff;--background-brand-inverse-hover: #f9f7fc;--background-brand-inverse-pressed: #f3eff8;--background-brand-navigation-default: #2b1a38;--background-brand-navigation-hover: #4a355a;--background-brand-navigation-pressed: #674883;--background-danger-default: #de2048;--background-danger-hover: #c81640;--background-danger-pressed: #9d1439;--background-info-default: #1465fc;--background-warning-default: #ffe500;--background-success-default: #0b8a4d;--border-primary: #737272;--border-secondary: #a1a1a0;--border-tertiary: #cdcccb;--border-divider: #cdcccb;--border-disabled: #cdcccb;--border-inverse: #ffffff;--border-brand-default: #7d5a9f;--border-brand-focused: #4a355a;--border-brand-navigation-active: #674883;--border-brand-navigation-divider: #563c6c;--border-danger: #de2048;--border-info: #1465fc;--border-warning: #f4922b;--border-success: #0b8a4d;--content-primary: #201f1f;--content-secondary: #3e3e3d;--content-tertiary: #737272;--content-primary-inverse: #ffffff;--content-disabled: #cdcccb;--content-brand-default: #7d5a9f;--content-brand-hover: #674883;--content-brand-pressed: #563c6c;--content-brand-navigation-default: #f3eff8;--content-brand-navigation-hover: #f9f7fc;--content-brand-navigation-disabled: #674883;--content-link-default: #2b86ff;--content-link-hover: #1465fc;--content-link-pressed: #0d4fea;--content-link-visited-default: #7d5a9f;--content-link-visited-hover: #674883;--content-link-visited-pressed: #563c6c;--content-danger-default: #de2048;--content-danger-hover: #c81640;--content-danger-inverse: #ffffff;--content-success-default: #0b8a4d;--content-success-hover: #0e6d40;--content-info-default: #1465fc;--content-info-hover: #0d4fea;--content-decorative: #201f1f;--brand-navigation-divider: #563c6c;--brand-navigation-divider-2: #563c6c;--brand-navigation-divider-3: #563c6c;--brand-navigation-divider-4: #563c6c;--chart-brand: #7d5a9f;--chart-neutral: #acacab;--chart-category-1: #397ebe;--chart-category-2: #ff2c74;--chart-category-3: #7d5a9f;--chart-category-4: #2a9f7d;--chart-category-5: #233857;--chart-category-6: #ed6e13;--chart-category-7: #73636c;--chart-category-8: #639cad;--chart-bleu-iceberg: #e6eef8;--chart-bleu-iceberg-bold: #397ebe;--chart-vert-foret: #d7f4e6;--chart-vert-foret-bold: #4dba97;--chart-violet: #d2c3e4;--chart-violet-bold: #7d5a9f;--chart-bleu-rte: #e0f5fe;--chart-bleu-rte-bold: #00a6d9;--chart-bleu-digital: #d8ebff;--chart-bleu-digital-bold: #2b86ff;--chart-marine: #e7edf7;--chart-marine-bold: #3d70ad;--chart-bleu-petrole: #deecef;--chart-bleu-petrole-bold: #478093;--chart-bleu-cyan: #d1f9fc;--chart-bleu-cyan-bold: #0fb3cb;--chart-vert: #c7fff4;--chart-vert-bold: #04c8b1;--chart-vert-indications: #e6f2a4;--chart-vert-indications-bold: #bed942;--chart-vert-digital: #d9ffec;--chart-vert-digital-bold: #3cec96;--chart-jaune: #faffc1;--chart-jaune-bold: #ffe500;--chart-jaune-ocre: #faefc7;--chart-jaune-ocre-bold: #ebb53d;--chart-jaune-indications: #fce7c9;--chart-jaune-indications-bold: #f4922b;--chart-saumon: #fde8e3;--chart-saumon-bold: #ec775c;--chart-rose-digital: #ffccd1;--chart-rose-digital-bold: #f93a58;--chart-fuschia: #ffe1e9;--chart-fuschia-bold: #ff2c74;--chart-rouge-indications: #ffe4e6;--chart-rouge-indications-bold: #f14662;--chart-greyscale: #ebebea;--chart-greyscale-bold: #7f7e7e;--chart-taupe: #e7e3e6;--chart-taupe-bold: #8a7883;--decorative-neutral: #ebebea;--decorative-bleu-iceberg: #c7dbf0;--decorative-vert-foret: #d7f4e6;--decorative-violet: #e6def0;--decorative-bleu-rte: #b9edfe;--decorative-bleu-digital: #baddff;--decorative-marine: #e7edf7;--decorative-bleu-petrole: #c1dae0;--decorative-bleu-cyan: #a9f2f8;--decorative-vert: #90ffe8;--decorative-vert-indications: #e6f2a4;--decorative-vert-digital: #b5fdd9;--decorative-jaune: #faffc1;--decorative-jaune-ocre: #f5de93;--decorative-jaune-indications: #f9ce8e;--decorative-saumon: #f9b7a8;--decorative-rose-digital: #ffccd1;--decorative-fuschia: #ffc8d8;--decorative-rouge-indication: #ffe4e6;--decorative-taupe: #e7e3e6;--elevation-surface-inner-shadow: rgba(0, 0, 0, 0);--elevation-surface-shadow-1: rgba(255, 255, 255, 0);--elevation-surface-shadow-2: rgba(255, 255, 255, 0);--elevation-surface-shadow-3: rgba(255, 255, 255, 0);--elevation-surface-shadow-4: rgba(255, 255, 255, 0);--elevation-surface-shadow-5: rgba(255, 255, 255, 0);--elevation-surface-shadow-6: rgba(255, 255, 255, 0);--elevation-shadow-ambient: rgba(0, 0, 0, 0.12);--elevation-shadow-ambient-darker: rgba(0, 0, 0, 0.2);--elevation-shadow-ambient-brand: rgba(0, 0, 0, 0.25);--elevation-shadow-key: rgba(0, 0, 0, 0.14);--elevation-shadow-key-darker: rgba(0, 0, 0, 0.24);--elevation-shadow-key-brand: rgba(0, 0, 0, 0.31);--brand-navigation-divider-5: #563c6c;--brand-navigation-divider-6: #563c6c;--brand-navigation-divider-7: #563c6c;--background-brand-hover-opacity-20: rgba(103, 72, 131, 0.2);--background-danger-hover-opacity-20: rgba(200, 22, 64, 0.2);--background-hover-opacity-50: rgba(235, 235, 234, 0.5)}[data-theme=violet][data-mode=dark]{--background-default: #201f1f;--background-hover: #3e3e3d;--background-neutral-regular-default: #595958;--background-neutral-regular-hover: #7f7e7e;--background-neutral-bold-default: #cdcccb;--background-neutral-bold-hover: #ebebea;--background-neutral-navigation-default: #ebebea;--background-neutral-navigation-hover: #e1e1e0;--background-disabled: #3e3e3d;--background-inverse: #ffffff;--background-brand-default: #d2c3e4;--background-brand-hover: #e6def0;--background-brand-pressed: #f3eff8;--background-brand-selected-default: #d2c3e4;--background-brand-selected-hover: #e6def0;--background-brand-unselected-default: #674883;--background-brand-unselected-hover: #7d5a9f;--background-brand-inverse-default: #201f1f;--background-brand-inverse-hover: #674883;--background-brand-inverse-pressed: #7d5a9f;--background-brand-navigation-default: #2b1a38;--background-brand-navigation-hover: #4a355a;--background-brand-navigation-pressed: #674883;--background-danger-default: #f14662;--background-danger-hover: #f97385;--background-danger-pressed: #fca5af;--background-info-default: #53aaff;--background-warning-default: #ffe500;--background-success-default: #3cec96;--border-primary: #a1a1a0;--border-secondary: #737272;--border-tertiary: #3e3e3d;--border-divider: #a1a1a0;--border-disabled: #595958;--border-inverse: #201f1f;--border-brand-default: #fcfbfd;--border-brand-focused: #fcfbfd;--border-brand-navigation-active: #674883;--border-brand-navigation-divider: #563c6c;--border-danger: #f14662;--border-info: #53aaff;--border-warning: #f4922b;--border-success: #3cec96;--content-primary: #ffffff;--content-secondary: #e1e1e0;--content-tertiary: #b7b7b6;--content-primary-inverse: #201f1f;--content-disabled: #595958;--content-brand-default: #fcfbfd;--content-brand-hover: #f9f7fc;--content-brand-pressed: #f3eff8;--content-brand-navigation-default: #f3eff8;--content-brand-navigation-hover: #f9f7fc;--content-brand-navigation-disabled: #674883;--content-link-default: #2b86ff;--content-link-hover: #53aaff;--content-link-pressed: #8ac8ff;--content-link-visited-default: #9979bc;--content-link-visited-hover: #b89fd3;--content-link-visited-pressed: #d2c3e4;--content-danger-default: #f14662;--content-danger-hover: #f97385;--content-danger-inverse: #ffffff;--content-success-default: #3cec96;--content-success-hover: #12d577;--content-info-default: #53aaff;--content-info-hover: #2b86ff;--content-decorative: #201f1f;--brand-navigation-divider: #563c6c;--brand-navigation-divider-2: #563c6c;--brand-navigation-divider-3: #563c6c;--brand-navigation-divider-4: #563c6c;--chart-brand: #7d5a9f;--chart-neutral: #acacab;--chart-category-1: #397ebe;--chart-category-2: #ff2c74;--chart-category-3: #7d5a9f;--chart-category-4: #2a9f7d;--chart-category-5: #233857;--chart-category-6: #ed6e13;--chart-category-7: #73636c;--chart-category-8: #639cad;--chart-bleu-iceberg: #e6eef8;--chart-bleu-iceberg-bold: #397ebe;--chart-vert-foret: #d7f4e6;--chart-vert-foret-bold: #4dba97;--chart-violet: #d2c3e4;--chart-violet-bold: #7d5a9f;--chart-bleu-rte: #e0f5fe;--chart-bleu-rte-bold: #00a6d9;--chart-bleu-digital: #d8ebff;--chart-bleu-digital-bold: #2b86ff;--chart-marine: #e7edf7;--chart-marine-bold: #3d70ad;--chart-bleu-petrole: #deecef;--chart-bleu-petrole-bold: #478093;--chart-bleu-cyan: #d1f9fc;--chart-bleu-cyan-bold: #0fb3cb;--chart-vert: #c7fff4;--chart-vert-bold: #04c8b1;--chart-vert-indications: #e6f2a4;--chart-vert-indications-bold: #bed942;--chart-vert-digital: #d9ffec;--chart-vert-digital-bold: #3cec96;--chart-jaune: #faffc1;--chart-jaune-bold: #ffe500;--chart-jaune-ocre: #faefc7;--chart-jaune-ocre-bold: #ebb53d;--chart-jaune-indications: #fce7c9;--chart-jaune-indications-bold: #f4922b;--chart-saumon: #fde8e3;--chart-saumon-bold: #ec775c;--chart-rose-digital: #ffccd1;--chart-rose-digital-bold: #f93a58;--chart-fuschia: #ffe1e9;--chart-fuschia-bold: #ff2c74;--chart-rouge-indications: #ffe4e6;--chart-rouge-indications-bold: #f14662;--chart-greyscale: #ebebea;--chart-greyscale-bold: #7f7e7e;--chart-taupe: #e7e3e6;--chart-taupe-bold: #8a7883;--decorative-neutral: #ebebea;--decorative-bleu-iceberg: #c7dbf0;--decorative-vert-foret: #d7f4e6;--decorative-violet: #e6def0;--decorative-bleu-rte: #b9edfe;--decorative-bleu-digital: #baddff;--decorative-marine: #e7edf7;--decorative-bleu-petrole: #c1dae0;--decorative-bleu-cyan: #a9f2f8;--decorative-vert: #90ffe8;--decorative-vert-indications: #e6f2a4;--decorative-vert-digital: #b5fdd9;--decorative-jaune: #faffc1;--decorative-jaune-ocre: #f5de93;--decorative-jaune-indications: #f9ce8e;--decorative-saumon: #f9b7a8;--decorative-rose-digital: #ffccd1;--decorative-fuschia: #ffc8d8;--decorative-rouge-indication: #ffe4e6;--decorative-taupe: #e7e3e6;--elevation-surface-inner-shadow: rgba(0, 0, 0, 0.2);--elevation-surface-shadow-1: rgba(255, 255, 255, 0.03);--elevation-surface-shadow-2: rgba(255, 255, 255, 0.05);--elevation-surface-shadow-3: rgba(255, 255, 255, 0.08);--elevation-surface-shadow-4: rgba(255, 255, 255, 0.1);--elevation-surface-shadow-5: rgba(255, 255, 255, 0.12);--elevation-surface-shadow-6: rgba(255, 255, 255, 0.14);--elevation-shadow-ambient: rgba(0, 0, 0, 0.2);--elevation-shadow-ambient-darker: rgba(0, 0, 0, 0.4);--elevation-shadow-ambient-brand: rgba(0, 0, 0, 0.17);--elevation-shadow-key: rgba(0, 0, 0, 0.28);--elevation-shadow-key-darker: rgba(0, 0, 0, 0.48);--elevation-shadow-key-brand: rgba(0, 0, 0, 0.21);--brand-navigation-divider-5: #563c6c;--brand-navigation-divider-6: #563c6c;--brand-navigation-divider-7: #563c6c;--background-brand-hover-opacity-20: rgba(230, 222, 240, 0.2);--background-danger-hover-opacity-20: rgba(241, 70, 98, 0.2);--background-hover-opacity-50: rgba(62, 62, 61, 0.5)}[data-theme=vert_foret][data-mode=light]{--background-default: #ffffff;--background-hover: #ebebea;--background-neutral-regular-default: #e1e1e0;--background-neutral-regular-hover: #c2c1c0;--background-neutral-bold-default: #737272;--background-neutral-bold-hover: #4c4c4b;--background-neutral-navigation-default: #ebebea;--background-neutral-navigation-hover: #e1e1e0;--background-disabled: #f4f5f4;--background-inverse: #201f1f;--background-brand-default: #1b8065;--background-brand-hover: #176b57;--background-brand-pressed: #145143;--background-brand-selected-default: #1b8065;--background-brand-selected-hover: #176b57;--background-brand-unselected-default: #d7f4e6;--background-brand-unselected-hover: #b3e7d1;--background-brand-inverse-default: #ffffff;--background-brand-inverse-hover: #effaf6;--background-brand-inverse-pressed: #d7f4e6;--background-brand-navigation-default: #082620;--background-brand-navigation-hover: #114338;--background-brand-navigation-pressed: #176b57;--background-danger-default: #de2048;--background-danger-hover: #c81640;--background-danger-pressed: #9d1439;--background-info-default: #1465fc;--background-warning-default: #ffe500;--background-success-default: #0b8a4d;--border-primary: #737272;--border-secondary: #a1a1a0;--border-tertiary: #cdcccb;--border-divider: #cdcccb;--border-disabled: #cdcccb;--border-inverse: #ffffff;--border-brand-default: #1b8065;--border-brand-focused: #114338;--border-brand-navigation-active: #176b57;--border-brand-navigation-divider: #145143;--border-danger: #de2048;--border-info: #1465fc;--border-warning: #f4922b;--border-success: #0b8a4d;--content-primary: #201f1f;--content-secondary: #3e3e3d;--content-tertiary: #737272;--content-primary-inverse: #ffffff;--content-disabled: #cdcccb;--content-brand-default: #1b8065;--content-brand-hover: #176b57;--content-brand-pressed: #145143;--content-brand-navigation-default: #d7f4e6;--content-brand-navigation-hover: #effaf6;--content-brand-navigation-disabled: #176b57;--content-link-default: #2b86ff;--content-link-hover: #1465fc;--content-link-pressed: #0d4fea;--content-link-visited-default: #7d5a9f;--content-link-visited-hover: #674883;--content-link-visited-pressed: #563c6c;--content-danger-default: #de2048;--content-danger-hover: #c81640;--content-danger-inverse: #ffffff;--content-success-default: #0b8a4d;--content-success-hover: #0e6d40;--content-info-default: #1465fc;--content-info-hover: #0d4fea;--content-decorative: #201f1f;--brand-navigation-divider: #145143;--brand-navigation-divider-2: #145143;--brand-navigation-divider-3: #145143;--brand-navigation-divider-4: #145143;--chart-brand: #2a9f7d;--chart-neutral: #acacab;--chart-category-1: #397ebe;--chart-category-2: #ff2c74;--chart-category-3: #7d5a9f;--chart-category-4: #2a9f7d;--chart-category-5: #233857;--chart-category-6: #ed6e13;--chart-category-7: #73636c;--chart-category-8: #639cad;--chart-bleu-iceberg: #e6eef8;--chart-bleu-iceberg-bold: #397ebe;--chart-vert-foret: #d7f4e6;--chart-vert-foret-bold: #4dba97;--chart-violet: #d2c3e4;--chart-violet-bold: #7d5a9f;--chart-bleu-rte: #e0f5fe;--chart-bleu-rte-bold: #00a6d9;--chart-bleu-digital: #d8ebff;--chart-bleu-digital-bold: #2b86ff;--chart-marine: #e7edf7;--chart-marine-bold: #3d70ad;--chart-bleu-petrole: #deecef;--chart-bleu-petrole-bold: #478093;--chart-bleu-cyan: #d1f9fc;--chart-bleu-cyan-bold: #0fb3cb;--chart-vert: #c7fff4;--chart-vert-bold: #04c8b1;--chart-vert-indications: #e6f2a4;--chart-vert-indications-bold: #bed942;--chart-vert-digital: #d9ffec;--chart-vert-digital-bold: #3cec96;--chart-jaune: #faffc1;--chart-jaune-bold: #ffe500;--chart-jaune-ocre: #faefc7;--chart-jaune-ocre-bold: #ebb53d;--chart-jaune-indications: #fce7c9;--chart-jaune-indications-bold: #f4922b;--chart-saumon: #fde8e3;--chart-saumon-bold: #ec775c;--chart-rose-digital: #ffccd1;--chart-rose-digital-bold: #f93a58;--chart-fuschia: #ffe1e9;--chart-fuschia-bold: #ff2c74;--chart-rouge-indications: #ffe4e6;--chart-rouge-indications-bold: #f14662;--chart-greyscale: #ebebea;--chart-greyscale-bold: #7f7e7e;--chart-taupe: #e7e3e6;--chart-taupe-bold: #8a7883;--decorative-neutral: #ebebea;--decorative-bleu-iceberg: #c7dbf0;--decorative-vert-foret: #d7f4e6;--decorative-violet: #e6def0;--decorative-bleu-rte: #b9edfe;--decorative-bleu-digital: #baddff;--decorative-marine: #e7edf7;--decorative-bleu-petrole: #c1dae0;--decorative-bleu-cyan: #a9f2f8;--decorative-vert: #90ffe8;--decorative-vert-indications: #e6f2a4;--decorative-vert-digital: #b5fdd9;--decorative-jaune: #faffc1;--decorative-jaune-ocre: #f5de93;--decorative-jaune-indications: #f9ce8e;--decorative-saumon: #f9b7a8;--decorative-rose-digital: #ffccd1;--decorative-fuschia: #ffc8d8;--decorative-rouge-indication: #ffe4e6;--decorative-taupe: #e7e3e6;--elevation-surface-inner-shadow: rgba(0, 0, 0, 0);--elevation-surface-shadow-1: rgba(255, 255, 255, 0);--elevation-surface-shadow-2: rgba(255, 255, 255, 0);--elevation-surface-shadow-3: rgba(255, 255, 255, 0);--elevation-surface-shadow-4: rgba(255, 255, 255, 0);--elevation-surface-shadow-5: rgba(255, 255, 255, 0);--elevation-surface-shadow-6: rgba(255, 255, 255, 0);--elevation-shadow-ambient: rgba(0, 0, 0, 0.12);--elevation-shadow-ambient-darker: rgba(0, 0, 0, 0.2);--elevation-shadow-ambient-brand: rgba(0, 0, 0, 0.25);--elevation-shadow-key: rgba(0, 0, 0, 0.14);--elevation-shadow-key-darker: rgba(0, 0, 0, 0.24);--elevation-shadow-key-brand: rgba(0, 0, 0, 0.31);--brand-navigation-divider-5: #145143;--brand-navigation-divider-6: #145143;--brand-navigation-divider-7: #145143;--background-brand-hover-opacity-20: rgba(23, 107, 87, 0.2);--background-danger-hover-opacity-20: rgba(200, 22, 64, 0.2);--background-hover-opacity-50: rgba(235, 235, 234, 0.5)}[data-theme=vert_foret][data-mode=dark]{--background-default: #201f1f;--background-hover: #3e3e3d;--background-neutral-regular-default: #595958;--background-neutral-regular-hover: #7f7e7e;--background-neutral-bold-default: #cdcccb;--background-neutral-bold-hover: #ebebea;--background-neutral-navigation-default: #ebebea;--background-neutral-navigation-hover: #e1e1e0;--background-disabled: #3e3e3d;--background-inverse: #ffffff;--background-brand-default: #81d4b7;--background-brand-hover: #b3e7d1;--background-brand-pressed: #d7f4e6;--background-brand-selected-default: #81d4b7;--background-brand-selected-hover: #b3e7d1;--background-brand-unselected-default: #176b57;--background-brand-unselected-hover: #1b8065;--background-brand-inverse-default: #201f1f;--background-brand-inverse-hover: #176b57;--background-brand-inverse-pressed: #1b8065;--background-brand-navigation-default: #082620;--background-brand-navigation-hover: #114338;--background-brand-navigation-pressed: #176b57;--background-danger-default: #f14662;--background-danger-hover: #f97385;--background-danger-pressed: #fca5af;--background-info-default: #53aaff;--background-warning-default: #ffe500;--background-success-default: #3cec96;--border-primary: #a1a1a0;--border-secondary: #737272;--border-tertiary: #3e3e3d;--border-divider: #a1a1a0;--border-disabled: #595958;--border-inverse: #201f1f;--border-brand-default: #f5fcfa;--border-brand-focused: #f5fcfa;--border-brand-navigation-active: #176b57;--border-brand-navigation-divider: #145143;--border-danger: #f14662;--border-info: #53aaff;--border-warning: #f4922b;--border-success: #3cec96;--content-primary: #ffffff;--content-secondary: #e1e1e0;--content-tertiary: #b7b7b6;--content-primary-inverse: #201f1f;--content-disabled: #595958;--content-brand-default: #f5fcfa;--content-brand-hover: #effaf6;--content-brand-pressed: #d7f4e6;--content-brand-navigation-default: #d7f4e6;--content-brand-navigation-hover: #effaf6;--content-brand-navigation-disabled: #176b57;--content-link-default: #2b86ff;--content-link-hover: #53aaff;--content-link-pressed: #8ac8ff;--content-link-visited-default: #9979bc;--content-link-visited-hover: #b89fd3;--content-link-visited-pressed: #d2c3e4;--content-danger-default: #f14662;--content-danger-hover: #f97385;--content-danger-inverse: #ffffff;--content-success-default: #3cec96;--content-success-hover: #12d577;--content-info-default: #53aaff;--content-info-hover: #2b86ff;--content-decorative: #201f1f;--brand-navigation-divider: #145143;--brand-navigation-divider-2: #145143;--brand-navigation-divider-3: #145143;--brand-navigation-divider-4: #145143;--chart-brand: #2a9f7d;--chart-neutral: #acacab;--chart-category-1: #397ebe;--chart-category-2: #ff2c74;--chart-category-3: #7d5a9f;--chart-category-4: #2a9f7d;--chart-category-5: #233857;--chart-category-6: #ed6e13;--chart-category-7: #73636c;--chart-category-8: #639cad;--chart-bleu-iceberg: #e6eef8;--chart-bleu-iceberg-bold: #397ebe;--chart-vert-foret: #d7f4e6;--chart-vert-foret-bold: #4dba97;--chart-violet: #d2c3e4;--chart-violet-bold: #7d5a9f;--chart-bleu-rte: #e0f5fe;--chart-bleu-rte-bold: #00a6d9;--chart-bleu-digital: #d8ebff;--chart-bleu-digital-bold: #2b86ff;--chart-marine: #e7edf7;--chart-marine-bold: #3d70ad;--chart-bleu-petrole: #deecef;--chart-bleu-petrole-bold: #478093;--chart-bleu-cyan: #d1f9fc;--chart-bleu-cyan-bold: #0fb3cb;--chart-vert: #c7fff4;--chart-vert-bold: #04c8b1;--chart-vert-indications: #e6f2a4;--chart-vert-indications-bold: #bed942;--chart-vert-digital: #d9ffec;--chart-vert-digital-bold: #3cec96;--chart-jaune: #faffc1;--chart-jaune-bold: #ffe500;--chart-jaune-ocre: #faefc7;--chart-jaune-ocre-bold: #ebb53d;--chart-jaune-indications: #fce7c9;--chart-jaune-indications-bold: #f4922b;--chart-saumon: #fde8e3;--chart-saumon-bold: #ec775c;--chart-rose-digital: #ffccd1;--chart-rose-digital-bold: #f93a58;--chart-fuschia: #ffe1e9;--chart-fuschia-bold: #ff2c74;--chart-rouge-indications: #ffe4e6;--chart-rouge-indications-bold: #f14662;--chart-greyscale: #ebebea;--chart-greyscale-bold: #7f7e7e;--chart-taupe: #e7e3e6;--chart-taupe-bold: #8a7883;--decorative-neutral: #ebebea;--decorative-bleu-iceberg: #c7dbf0;--decorative-vert-foret: #d7f4e6;--decorative-violet: #e6def0;--decorative-bleu-rte: #b9edfe;--decorative-bleu-digital: #baddff;--decorative-marine: #e7edf7;--decorative-bleu-petrole: #c1dae0;--decorative-bleu-cyan: #a9f2f8;--decorative-vert: #90ffe8;--decorative-vert-indications: #e6f2a4;--decorative-vert-digital: #b5fdd9;--decorative-jaune: #faffc1;--decorative-jaune-ocre: #f5de93;--decorative-jaune-indications: #f9ce8e;--decorative-saumon: #f9b7a8;--decorative-rose-digital: #ffccd1;--decorative-fuschia: #ffc8d8;--decorative-rouge-indication: #ffe4e6;--decorative-taupe: #e7e3e6;--elevation-surface-inner-shadow: rgba(0, 0, 0, 0.2);--elevation-surface-shadow-1: rgba(255, 255, 255, 0.03);--elevation-surface-shadow-2: rgba(255, 255, 255, 0.05);--elevation-surface-shadow-3: rgba(255, 255, 255, 0.08);--elevation-surface-shadow-4: rgba(255, 255, 255, 0.1);--elevation-surface-shadow-5: rgba(255, 255, 255, 0.12);--elevation-surface-shadow-6: rgba(255, 255, 255, 0.14);--elevation-shadow-ambient: rgba(0, 0, 0, 0.2);--elevation-shadow-ambient-darker: rgba(0, 0, 0, 0.4);--elevation-shadow-ambient-brand: rgba(0, 0, 0, 0.17);--elevation-shadow-key: rgba(0, 0, 0, 0.28);--elevation-shadow-key-darker: rgba(0, 0, 0, 0.48);--elevation-shadow-key-brand: rgba(0, 0, 0, 0.21);--brand-navigation-divider-5: #145143;--brand-navigation-divider-6: #145143;--brand-navigation-divider-7: #145143;--background-brand-hover-opacity-20: rgba(179, 231, 209, 0.2);--background-danger-hover-opacity-20: rgba(241, 70, 98, 0.2);--background-hover-opacity-50: rgba(62, 62, 61, 0.5)}
@@ -1 +1 @@
1
- :root [data-theme=vert_foret][data-mode=light]{--background-default: #ffffff;--background-hover: #ebebea;--background-neutral-regular-default: #e1e1e0;--background-neutral-regular-hover: #c2c1c0;--background-neutral-bold-default: #737272;--background-neutral-bold-hover: #4c4c4b;--background-neutral-navigation-default: #ebebea;--background-neutral-navigation-hover: #e1e1e0;--background-disabled: #f4f5f4;--background-inverse: #201f1f;--background-brand-default: #1b8065;--background-brand-hover: #176b57;--background-brand-pressed: #145143;--background-brand-selected-default: #1b8065;--background-brand-selected-hover: #176b57;--background-brand-unselected-default: #d7f4e6;--background-brand-unselected-hover: #b3e7d1;--background-brand-inverse-default: #ffffff;--background-brand-inverse-hover: #effaf6;--background-brand-inverse-pressed: #d7f4e6;--background-brand-navigation-default: #082620;--background-brand-navigation-hover: #114338;--background-brand-navigation-active: #176b57;--background-danger-default: #de2048;--background-danger-hover: #c81640;--background-danger-pressed: #9d1439;--background-info-default: #1465fc;--background-status-info-regular: #53aaff;--background-status-info-subtle: #d8ebff;--background-status-warning-regular: #ffe500;--background-status-warning-subtle: #faffc1;--background-status-success-regular: #3cec96;--background-status-success-subtle: #b5fdd9;--background-status-alert-regular: #f14662;--background-status-alert-subtle: #ffe4e6;--border-primary: #737272;--border-secondary: #a1a1a0;--border-tertiary: #cdcccb;--border-divider: #cdcccb;--border-disabled: #cdcccb;--border-inverse: #ffffff;--border-brand-default: #1b8065;--border-brand-focused: #114338;--border-navigation-active: #176b57;--border-brand-navigation-divider: #145143;--border-danger: #de2048;--border-info: #2b86ff;--border-warning: #f4922b;--border-success: #09b05f;--content-primary: #201f1f;--content-secondary: #3e3e3d;--content-tertiary: #737272;--content-primary-inverse: #ffffff;--content-disabled: #cdcccb;--content-brand-navigation-default: #d7f4e6;--content-brand-navigation-hover: #effaf6;--content-brand-navigation-disabled: #176b57;--content-brand-default: #1b8065;--content-brand-hover: #176b57;--content-brand-press: #145143;--content-link-default: #2b86ff;--content-link-hover: #1465fc;--content-link-press: #0d4fea;--content-link-visited: #7d5a9f;--content-link-visited-hover: #674883;--content-link-visited-press: #563c6c;--content-danger: #de2048;--content-danger-hover: #c81640;--content-danger-inverse: #ffffff;--content-success: #0b8a4d;--content-success-hover: #0e6d40;--content-info: #1465fc;--content-info-hover: #0d4fea;--content-decorative: #201f1f;--content-status: #201f1f;--chart-brand: #2a9f7d;--chart-neutral: #acacab;--chart-category-1: #397ebe;--chart-category-2: #ff2c74;--chart-category-3: #7d5a9f;--chart-category-4: #2a9f7d;--chart-category-5: #233857;--chart-category-6: #ed6e13;--chart-category-7: #73636c;--chart-category-8: #639cad;--chart-bleu-iceberg: #e6eef8;--chart-bleu-iceberg-bold: #397ebe;--chart-vert-foret: #d7f4e6;--chart-vert-foret-bold: #4dba97;--chart-violet: #d2c3e4;--chart-violet-bold: #7d5a9f;--chart-bleu-rte: #e0f5fe;--chart-bleu-rte-bold: #00a6d9;--chart-bleu-digital: #d8ebff;--chart-bleu-digital-bold: #2b86ff;--chart-marine: #e7edf7;--chart-marine-bold: #3d70ad;--chart-bleu-petrole: #deecef;--chart-bleu-petrole-bold: #478093;--chart-bleu-cyan: #d1f9fc;--chart-bleu-cyan-bold: #0fb3cb;--chart-vert: #c7fff4;--chart-vert-bold: #04c8b1;--chart-vert-indications: #e6f2a4;--chart-vert-indications-bold: #bed942;--chart-vert-digital: #d9ffec;--chart-vert-digital-bold: #3cec96;--chart-jaune: #faffc1;--chart-jaune-bold: #ffe500;--chart-jaune-ocre: #faefc7;--chart-jaune-ocre-bold: #ebb53d;--chart-jaune-indications: #fce7c9;--chart-jaune-indications-bold: #f4922b;--chart-saumon: #fde8e3;--chart-saumon-bold: #ec775c;--chart-rose-digital: #ffccd1;--chart-rose-digital-bold: #f93a58;--chart-fuschia: #ffe1e9;--chart-fuschia-bold: #ff2c74;--chart-rouge-indications: #ffe4e6;--chart-rouge-indications-bold: #f14662;--chart-greyscale: #ebebea;--chart-greyscale-bold: #7f7e7e;--chart-taupe: #e7e3e6;--chart-taupe-bold: #8a7883;--decorative-neutral: #ebebea;--decorative-bleu-iceberg: #c7dbf0;--decorative-vert-foret: #d7f4e6;--decorative-violet: #e6def0;--decorative-bleu-rte: #b9edfe;--decorative-bleu-digital: #baddff;--decorative-marine: #e7edf7;--decorative-bleu-petrole: #c1dae0;--decorative-bleu-cyan: #a9f2f8;--decorative-vert: #90ffe8;--decorative-vert-indications: #e6f2a4;--decorative-vert-digital: #b5fdd9;--decorative-jaune: #faffc1;--decorative-jaune-ocre: #f5de93;--decorative-jaune-indications: #f9ce8e;--decorative-saumon: #f9b7a8;--decorative-rose-digital: #ffccd1;--decorative-fuschia: #ffc8d8;--decorative-rouge-indication: #ffe4e6;--decorative-taupe: #e7e3e6;--elevation-surface-inner-shadow: rgba(0, 0, 0, 0);--elevation-surface-shadow-1: rgba(255, 255, 255, 0);--elevation-surface-shadow-2: rgba(255, 255, 255, 0);--elevation-surface-shadow-3: rgba(255, 255, 255, 0);--elevation-surface-shadow-4: rgba(255, 255, 255, 0);--elevation-surface-shadow-5: rgba(255, 255, 255, 0);--elevation-surface-shadow-6: rgba(255, 255, 255, 0);--elevation-shadow-ambient: rgba(0, 0, 0, 0.12);--elevation-shadow-ambient-darker: rgba(0, 0, 0, 0.2);--elevation-shadow-ambient-brand: rgba(0, 0, 0, 0.25);--elevation-shadow-key: rgba(0, 0, 0, 0.14);--elevation-shadow-key-darker: rgba(0, 0, 0, 0.24);--elevation-shadow-key-brand: rgba(0, 0, 0, 0.31);--background-brand-hover-opacity-20: rgba(23, 107, 87, 0.2);--background-danger-hover-opacity-20: rgba(200, 22, 64, 0.2);--background-hover-opacity-50: rgba(235, 235, 234, 0.5)}:root [data-theme=vert_foret][data-mode=dark]{--background-default: #201f1f;--background-hover: #3e3e3d;--background-neutral-regular-default: #595958;--background-neutral-regular-hover: #7f7e7e;--background-neutral-bold-default: #cdcccb;--background-neutral-bold-hover: #ebebea;--background-neutral-navigation-default: #ebebea;--background-neutral-navigation-hover: #e1e1e0;--background-disabled: #3e3e3d;--background-inverse: #ffffff;--background-brand-default: #81d4b7;--background-brand-hover: #b3e7d1;--background-brand-pressed: #d7f4e6;--background-brand-selected-default: #81d4b7;--background-brand-selected-hover: #b3e7d1;--background-brand-unselected-default: #176b57;--background-brand-unselected-hover: #1b8065;--background-brand-inverse-default: #201f1f;--background-brand-inverse-hover: #176b57;--background-brand-inverse-pressed: #1b8065;--background-brand-navigation-default: #082620;--background-brand-navigation-hover: #114338;--background-brand-navigation-active: #176b57;--background-danger-default: #f97385;--background-danger-hover: #fca5af;--background-danger-pressed: #fdced4;--background-info-default: #53aaff;--background-status-info-regular: #53aaff;--background-status-info-subtle: #153b93;--background-status-warning-regular: #ffe500;--background-status-warning-subtle: #faffc1;--background-status-success-regular: #3cec96;--background-status-success-subtle: #b5fdd9;--background-status-alert-regular: #f14662;--background-status-alert-subtle: #861537;--border-primary: #a1a1a0;--border-secondary: #737272;--border-tertiary: #3e3e3d;--border-divider: #a1a1a0;--border-disabled: #595958;--border-inverse: #201f1f;--border-brand-default: #f5fcfa;--border-brand-focused: #f5fcfa;--border-navigation-active: #176b57;--border-brand-navigation-divider: #145143;--border-danger: #f97385;--border-info: #2b86ff;--border-warning: #f4922b;--border-success: #09b05f;--content-primary: #ffffff;--content-secondary: #e1e1e0;--content-tertiary: #b7b7b6;--content-primary-inverse: #201f1f;--content-disabled: #595958;--content-brand-navigation-default: #d7f4e6;--content-brand-navigation-hover: #effaf6;--content-brand-navigation-disabled: #176b57;--content-brand-default: #f5fcfa;--content-brand-hover: #effaf6;--content-brand-press: #d7f4e6;--content-link-default: #2b86ff;--content-link-hover: #53aaff;--content-link-press: #8ac8ff;--content-link-visited: #9979bc;--content-link-visited-hover: #b89fd3;--content-link-visited-press: #d2c3e4;--content-danger: #f97385;--content-danger-hover: #f14662;--content-danger-inverse: #ffffff;--content-success: #3cec96;--content-success-hover: #12d577;--content-info: #53aaff;--content-info-hover: #2b86ff;--content-decorative: #201f1f;--content-status: #201f1f;--chart-brand: #2a9f7d;--chart-neutral: #acacab;--chart-category-1: #397ebe;--chart-category-2: #ff2c74;--chart-category-3: #7d5a9f;--chart-category-4: #2a9f7d;--chart-category-5: #233857;--chart-category-6: #ed6e13;--chart-category-7: #73636c;--chart-category-8: #639cad;--chart-bleu-iceberg: #e6eef8;--chart-bleu-iceberg-bold: #397ebe;--chart-vert-foret: #d7f4e6;--chart-vert-foret-bold: #4dba97;--chart-violet: #d2c3e4;--chart-violet-bold: #7d5a9f;--chart-bleu-rte: #e0f5fe;--chart-bleu-rte-bold: #00a6d9;--chart-bleu-digital: #d8ebff;--chart-bleu-digital-bold: #2b86ff;--chart-marine: #e7edf7;--chart-marine-bold: #3d70ad;--chart-bleu-petrole: #deecef;--chart-bleu-petrole-bold: #478093;--chart-bleu-cyan: #d1f9fc;--chart-bleu-cyan-bold: #0fb3cb;--chart-vert: #c7fff4;--chart-vert-bold: #04c8b1;--chart-vert-indications: #e6f2a4;--chart-vert-indications-bold: #bed942;--chart-vert-digital: #d9ffec;--chart-vert-digital-bold: #3cec96;--chart-jaune: #faffc1;--chart-jaune-bold: #ffe500;--chart-jaune-ocre: #faefc7;--chart-jaune-ocre-bold: #ebb53d;--chart-jaune-indications: #fce7c9;--chart-jaune-indications-bold: #f4922b;--chart-saumon: #fde8e3;--chart-saumon-bold: #ec775c;--chart-rose-digital: #ffccd1;--chart-rose-digital-bold: #f93a58;--chart-fuschia: #ffe1e9;--chart-fuschia-bold: #ff2c74;--chart-rouge-indications: #ffe4e6;--chart-rouge-indications-bold: #f14662;--chart-greyscale: #ebebea;--chart-greyscale-bold: #7f7e7e;--chart-taupe: #e7e3e6;--chart-taupe-bold: #8a7883;--decorative-neutral: #ebebea;--decorative-bleu-iceberg: #c7dbf0;--decorative-vert-foret: #d7f4e6;--decorative-violet: #e6def0;--decorative-bleu-rte: #b9edfe;--decorative-bleu-digital: #baddff;--decorative-marine: #e7edf7;--decorative-bleu-petrole: #c1dae0;--decorative-bleu-cyan: #a9f2f8;--decorative-vert: #90ffe8;--decorative-vert-indications: #e6f2a4;--decorative-vert-digital: #b5fdd9;--decorative-jaune: #faffc1;--decorative-jaune-ocre: #f5de93;--decorative-jaune-indications: #f9ce8e;--decorative-saumon: #f9b7a8;--decorative-rose-digital: #ffccd1;--decorative-fuschia: #ffc8d8;--decorative-rouge-indication: #ffe4e6;--decorative-taupe: #e7e3e6;--elevation-surface-inner-shadow: rgba(0, 0, 0, 0.2);--elevation-surface-shadow-1: rgba(255, 255, 255, 0.03);--elevation-surface-shadow-2: rgba(255, 255, 255, 0.05);--elevation-surface-shadow-3: rgba(255, 255, 255, 0.08);--elevation-surface-shadow-4: rgba(255, 255, 255, 0.1);--elevation-surface-shadow-5: rgba(255, 255, 255, 0.12);--elevation-surface-shadow-6: rgba(255, 255, 255, 0.14);--elevation-shadow-ambient: rgba(0, 0, 0, 0.2);--elevation-shadow-ambient-darker: rgba(0, 0, 0, 0.4);--elevation-shadow-ambient-brand: rgba(0, 0, 0, 0.17);--elevation-shadow-key: rgba(0, 0, 0, 0.28);--elevation-shadow-key-darker: rgba(0, 0, 0, 0.48);--elevation-shadow-key-brand: rgba(0, 0, 0, 0.21);--background-brand-hover-opacity-20: rgba(179, 231, 209, 0.2);--background-danger-hover-opacity-20: rgba(241, 70, 98, 0.2);--background-hover-opacity-50: rgba(62, 62, 61, 0.5)}
1
+ :root [data-theme=vert_foret][data-mode=light]{--background-default: #ffffff;--background-hover: #ebebea;--background-neutral-regular-default: #e1e1e0;--background-neutral-regular-hover: #c2c1c0;--background-neutral-bold-default: #737272;--background-neutral-bold-hover: #4c4c4b;--background-neutral-navigation-default: #ebebea;--background-neutral-navigation-hover: #e1e1e0;--background-disabled: #f4f5f4;--background-inverse: #201f1f;--background-brand-default: #1b8065;--background-brand-hover: #176b57;--background-brand-pressed: #145143;--background-brand-selected-default: #1b8065;--background-brand-selected-hover: #176b57;--background-brand-unselected-default: #d7f4e6;--background-brand-unselected-hover: #b3e7d1;--background-brand-inverse-default: #ffffff;--background-brand-inverse-hover: #effaf6;--background-brand-inverse-pressed: #d7f4e6;--background-brand-navigation-default: #082620;--background-brand-navigation-hover: #114338;--background-brand-navigation-pressed: #176b57;--background-danger-default: #de2048;--background-danger-hover: #c81640;--background-danger-pressed: #9d1439;--background-info-default: #1465fc;--background-warning-default: #ffe500;--background-success-default: #0b8a4d;--border-primary: #737272;--border-secondary: #a1a1a0;--border-tertiary: #cdcccb;--border-divider: #cdcccb;--border-disabled: #cdcccb;--border-inverse: #ffffff;--border-brand-default: #1b8065;--border-brand-focused: #114338;--border-brand-navigation-active: #176b57;--border-brand-navigation-divider: #145143;--border-danger: #de2048;--border-info: #1465fc;--border-warning: #f4922b;--border-success: #0b8a4d;--content-primary: #201f1f;--content-secondary: #3e3e3d;--content-tertiary: #737272;--content-primary-inverse: #ffffff;--content-disabled: #cdcccb;--content-brand-default: #1b8065;--content-brand-hover: #176b57;--content-brand-pressed: #145143;--content-brand-navigation-default: #d7f4e6;--content-brand-navigation-hover: #effaf6;--content-brand-navigation-disabled: #176b57;--content-link-default: #2b86ff;--content-link-hover: #1465fc;--content-link-pressed: #0d4fea;--content-link-visited-default: #7d5a9f;--content-link-visited-hover: #674883;--content-link-visited-pressed: #563c6c;--content-danger-default: #de2048;--content-danger-hover: #c81640;--content-danger-inverse: #ffffff;--content-success-default: #0b8a4d;--content-success-hover: #0e6d40;--content-info-default: #1465fc;--content-info-hover: #0d4fea;--content-decorative: #201f1f;--brand-navigation-divider: #145143;--brand-navigation-divider-2: #145143;--brand-navigation-divider-3: #145143;--brand-navigation-divider-4: #145143;--chart-brand: #2a9f7d;--chart-neutral: #acacab;--chart-category-1: #397ebe;--chart-category-2: #ff2c74;--chart-category-3: #7d5a9f;--chart-category-4: #2a9f7d;--chart-category-5: #233857;--chart-category-6: #ed6e13;--chart-category-7: #73636c;--chart-category-8: #639cad;--chart-bleu-iceberg: #e6eef8;--chart-bleu-iceberg-bold: #397ebe;--chart-vert-foret: #d7f4e6;--chart-vert-foret-bold: #4dba97;--chart-violet: #d2c3e4;--chart-violet-bold: #7d5a9f;--chart-bleu-rte: #e0f5fe;--chart-bleu-rte-bold: #00a6d9;--chart-bleu-digital: #d8ebff;--chart-bleu-digital-bold: #2b86ff;--chart-marine: #e7edf7;--chart-marine-bold: #3d70ad;--chart-bleu-petrole: #deecef;--chart-bleu-petrole-bold: #478093;--chart-bleu-cyan: #d1f9fc;--chart-bleu-cyan-bold: #0fb3cb;--chart-vert: #c7fff4;--chart-vert-bold: #04c8b1;--chart-vert-indications: #e6f2a4;--chart-vert-indications-bold: #bed942;--chart-vert-digital: #d9ffec;--chart-vert-digital-bold: #3cec96;--chart-jaune: #faffc1;--chart-jaune-bold: #ffe500;--chart-jaune-ocre: #faefc7;--chart-jaune-ocre-bold: #ebb53d;--chart-jaune-indications: #fce7c9;--chart-jaune-indications-bold: #f4922b;--chart-saumon: #fde8e3;--chart-saumon-bold: #ec775c;--chart-rose-digital: #ffccd1;--chart-rose-digital-bold: #f93a58;--chart-fuschia: #ffe1e9;--chart-fuschia-bold: #ff2c74;--chart-rouge-indications: #ffe4e6;--chart-rouge-indications-bold: #f14662;--chart-greyscale: #ebebea;--chart-greyscale-bold: #7f7e7e;--chart-taupe: #e7e3e6;--chart-taupe-bold: #8a7883;--decorative-neutral: #ebebea;--decorative-bleu-iceberg: #c7dbf0;--decorative-vert-foret: #d7f4e6;--decorative-violet: #e6def0;--decorative-bleu-rte: #b9edfe;--decorative-bleu-digital: #baddff;--decorative-marine: #e7edf7;--decorative-bleu-petrole: #c1dae0;--decorative-bleu-cyan: #a9f2f8;--decorative-vert: #90ffe8;--decorative-vert-indications: #e6f2a4;--decorative-vert-digital: #b5fdd9;--decorative-jaune: #faffc1;--decorative-jaune-ocre: #f5de93;--decorative-jaune-indications: #f9ce8e;--decorative-saumon: #f9b7a8;--decorative-rose-digital: #ffccd1;--decorative-fuschia: #ffc8d8;--decorative-rouge-indication: #ffe4e6;--decorative-taupe: #e7e3e6;--elevation-surface-inner-shadow: rgba(0, 0, 0, 0);--elevation-surface-shadow-1: rgba(255, 255, 255, 0);--elevation-surface-shadow-2: rgba(255, 255, 255, 0);--elevation-surface-shadow-3: rgba(255, 255, 255, 0);--elevation-surface-shadow-4: rgba(255, 255, 255, 0);--elevation-surface-shadow-5: rgba(255, 255, 255, 0);--elevation-surface-shadow-6: rgba(255, 255, 255, 0);--elevation-shadow-ambient: rgba(0, 0, 0, 0.12);--elevation-shadow-ambient-darker: rgba(0, 0, 0, 0.2);--elevation-shadow-ambient-brand: rgba(0, 0, 0, 0.25);--elevation-shadow-key: rgba(0, 0, 0, 0.14);--elevation-shadow-key-darker: rgba(0, 0, 0, 0.24);--elevation-shadow-key-brand: rgba(0, 0, 0, 0.31);--brand-navigation-divider-5: #145143;--brand-navigation-divider-6: #145143;--brand-navigation-divider-7: #145143;--background-brand-hover-opacity-20: rgba(23, 107, 87, 0.2);--background-danger-hover-opacity-20: rgba(200, 22, 64, 0.2);--background-hover-opacity-50: rgba(235, 235, 234, 0.5)}:root [data-theme=vert_foret][data-mode=dark]{--background-default: #201f1f;--background-hover: #3e3e3d;--background-neutral-regular-default: #595958;--background-neutral-regular-hover: #7f7e7e;--background-neutral-bold-default: #cdcccb;--background-neutral-bold-hover: #ebebea;--background-neutral-navigation-default: #ebebea;--background-neutral-navigation-hover: #e1e1e0;--background-disabled: #3e3e3d;--background-inverse: #ffffff;--background-brand-default: #81d4b7;--background-brand-hover: #b3e7d1;--background-brand-pressed: #d7f4e6;--background-brand-selected-default: #81d4b7;--background-brand-selected-hover: #b3e7d1;--background-brand-unselected-default: #176b57;--background-brand-unselected-hover: #1b8065;--background-brand-inverse-default: #201f1f;--background-brand-inverse-hover: #176b57;--background-brand-inverse-pressed: #1b8065;--background-brand-navigation-default: #082620;--background-brand-navigation-hover: #114338;--background-brand-navigation-pressed: #176b57;--background-danger-default: #f14662;--background-danger-hover: #f97385;--background-danger-pressed: #fca5af;--background-info-default: #53aaff;--background-warning-default: #ffe500;--background-success-default: #3cec96;--border-primary: #a1a1a0;--border-secondary: #737272;--border-tertiary: #3e3e3d;--border-divider: #a1a1a0;--border-disabled: #595958;--border-inverse: #201f1f;--border-brand-default: #f5fcfa;--border-brand-focused: #f5fcfa;--border-brand-navigation-active: #176b57;--border-brand-navigation-divider: #145143;--border-danger: #f14662;--border-info: #53aaff;--border-warning: #f4922b;--border-success: #3cec96;--content-primary: #ffffff;--content-secondary: #e1e1e0;--content-tertiary: #b7b7b6;--content-primary-inverse: #201f1f;--content-disabled: #595958;--content-brand-default: #f5fcfa;--content-brand-hover: #effaf6;--content-brand-pressed: #d7f4e6;--content-brand-navigation-default: #d7f4e6;--content-brand-navigation-hover: #effaf6;--content-brand-navigation-disabled: #176b57;--content-link-default: #2b86ff;--content-link-hover: #53aaff;--content-link-pressed: #8ac8ff;--content-link-visited-default: #9979bc;--content-link-visited-hover: #b89fd3;--content-link-visited-pressed: #d2c3e4;--content-danger-default: #f14662;--content-danger-hover: #f97385;--content-danger-inverse: #ffffff;--content-success-default: #3cec96;--content-success-hover: #12d577;--content-info-default: #53aaff;--content-info-hover: #2b86ff;--content-decorative: #201f1f;--brand-navigation-divider: #145143;--brand-navigation-divider-2: #145143;--brand-navigation-divider-3: #145143;--brand-navigation-divider-4: #145143;--chart-brand: #2a9f7d;--chart-neutral: #acacab;--chart-category-1: #397ebe;--chart-category-2: #ff2c74;--chart-category-3: #7d5a9f;--chart-category-4: #2a9f7d;--chart-category-5: #233857;--chart-category-6: #ed6e13;--chart-category-7: #73636c;--chart-category-8: #639cad;--chart-bleu-iceberg: #e6eef8;--chart-bleu-iceberg-bold: #397ebe;--chart-vert-foret: #d7f4e6;--chart-vert-foret-bold: #4dba97;--chart-violet: #d2c3e4;--chart-violet-bold: #7d5a9f;--chart-bleu-rte: #e0f5fe;--chart-bleu-rte-bold: #00a6d9;--chart-bleu-digital: #d8ebff;--chart-bleu-digital-bold: #2b86ff;--chart-marine: #e7edf7;--chart-marine-bold: #3d70ad;--chart-bleu-petrole: #deecef;--chart-bleu-petrole-bold: #478093;--chart-bleu-cyan: #d1f9fc;--chart-bleu-cyan-bold: #0fb3cb;--chart-vert: #c7fff4;--chart-vert-bold: #04c8b1;--chart-vert-indications: #e6f2a4;--chart-vert-indications-bold: #bed942;--chart-vert-digital: #d9ffec;--chart-vert-digital-bold: #3cec96;--chart-jaune: #faffc1;--chart-jaune-bold: #ffe500;--chart-jaune-ocre: #faefc7;--chart-jaune-ocre-bold: #ebb53d;--chart-jaune-indications: #fce7c9;--chart-jaune-indications-bold: #f4922b;--chart-saumon: #fde8e3;--chart-saumon-bold: #ec775c;--chart-rose-digital: #ffccd1;--chart-rose-digital-bold: #f93a58;--chart-fuschia: #ffe1e9;--chart-fuschia-bold: #ff2c74;--chart-rouge-indications: #ffe4e6;--chart-rouge-indications-bold: #f14662;--chart-greyscale: #ebebea;--chart-greyscale-bold: #7f7e7e;--chart-taupe: #e7e3e6;--chart-taupe-bold: #8a7883;--decorative-neutral: #ebebea;--decorative-bleu-iceberg: #c7dbf0;--decorative-vert-foret: #d7f4e6;--decorative-violet: #e6def0;--decorative-bleu-rte: #b9edfe;--decorative-bleu-digital: #baddff;--decorative-marine: #e7edf7;--decorative-bleu-petrole: #c1dae0;--decorative-bleu-cyan: #a9f2f8;--decorative-vert: #90ffe8;--decorative-vert-indications: #e6f2a4;--decorative-vert-digital: #b5fdd9;--decorative-jaune: #faffc1;--decorative-jaune-ocre: #f5de93;--decorative-jaune-indications: #f9ce8e;--decorative-saumon: #f9b7a8;--decorative-rose-digital: #ffccd1;--decorative-fuschia: #ffc8d8;--decorative-rouge-indication: #ffe4e6;--decorative-taupe: #e7e3e6;--elevation-surface-inner-shadow: rgba(0, 0, 0, 0.2);--elevation-surface-shadow-1: rgba(255, 255, 255, 0.03);--elevation-surface-shadow-2: rgba(255, 255, 255, 0.05);--elevation-surface-shadow-3: rgba(255, 255, 255, 0.08);--elevation-surface-shadow-4: rgba(255, 255, 255, 0.1);--elevation-surface-shadow-5: rgba(255, 255, 255, 0.12);--elevation-surface-shadow-6: rgba(255, 255, 255, 0.14);--elevation-shadow-ambient: rgba(0, 0, 0, 0.2);--elevation-shadow-ambient-darker: rgba(0, 0, 0, 0.4);--elevation-shadow-ambient-brand: rgba(0, 0, 0, 0.17);--elevation-shadow-key: rgba(0, 0, 0, 0.28);--elevation-shadow-key-darker: rgba(0, 0, 0, 0.48);--elevation-shadow-key-brand: rgba(0, 0, 0, 0.21);--brand-navigation-divider-5: #145143;--brand-navigation-divider-6: #145143;--brand-navigation-divider-7: #145143;--background-brand-hover-opacity-20: rgba(179, 231, 209, 0.2);--background-danger-hover-opacity-20: rgba(241, 70, 98, 0.2);--background-hover-opacity-50: rgba(62, 62, 61, 0.5)}
@@ -40,7 +40,8 @@ export function extractColors(variables: ColorToken, mode: ColorMode): string {
40
40
  for (const category in variables) {
41
41
  const categoryTokens = variables[category];
42
42
  if ((categoryTokens as ColorTokenValue).$value) {
43
- scss += extractTokenValue(categoryTokens as ColorTokenValue, mode, [category]);
43
+ const sanitizedCategory = category.replace(/ /g, "-");
44
+ scss += extractTokenValue(categoryTokens as ColorTokenValue, mode, [sanitizedCategory]);
44
45
  } else {
45
46
  scss += processSubTokens(categoryTokens as Record<string, ColorTokenValue>, mode, category, [category]);
46
47
  }
@@ -8,7 +8,7 @@ $column-number-xs: 1;
8
8
  $column-number-s: 2;
9
9
  $column-number-m: 6;
10
10
  $column-number-l: 12;
11
- $panel-width-xs: 56px;
12
- $panel-width-s: 320px;
13
- $panel-width-m: 400px;
11
+ $panel-width-xs: 64px;
12
+ $panel-width-s: 224px;
13
+ $panel-width-m: 320px;
14
14
  $panel-width-l: 504px;
@@ -171,6 +171,15 @@
171
171
  font-style: normal;
172
172
  }
173
173
 
174
+ @mixin typography-heading-xs {
175
+ @include typography-heading;
176
+ font-family: $heading-xs-semibold-font-family;
177
+ font-weight: $heading-xs-semibold-font-weight;
178
+ font-size: $heading-xs-semibold-font-size;
179
+ line-height: $heading-xs-semibold-line-height;
180
+ letter-spacing: $heading-xs-semibold-letter-spacing;
181
+ }
182
+
174
183
  @mixin typography-heading-s {
175
184
  @include typography-heading;
176
185
  font-family: $heading-s-semibold-font-family;
@@ -24,19 +24,13 @@ $bleu-iceberg-dark: (
24
24
  "background-brand-inverse-pressed": $bleu-iceberg-600,
25
25
  "background-brand-navigation-default": $bleu-iceberg-950,
26
26
  "background-brand-navigation-hover": $bleu-iceberg-900,
27
- "background-brand-navigation-active": $bleu-iceberg-700,
28
- "background-danger-default": $rouge-indications-400,
29
- "background-danger-hover": $rouge-indications-300,
30
- "background-danger-pressed": $rouge-indications-200,
27
+ "background-brand-navigation-pressed": $bleu-iceberg-700,
28
+ "background-danger-default": $rouge-indications-500,
29
+ "background-danger-hover": $rouge-indications-400,
30
+ "background-danger-pressed": $rouge-indications-300,
31
31
  "background-info-default": $bleu-digital-400,
32
- "background-status-info-regular": $bleu-digital-400,
33
- "background-status-info-subtle": $bleu-digital-900,
34
- "background-status-warning-regular": $jaune-500,
35
- "background-status-warning-subtle": $jaune-100,
36
- "background-status-success-regular": $vert-digital-400,
37
- "background-status-success-subtle": $vert-digital-200,
38
- "background-status-alert-regular": $rouge-indications-500,
39
- "background-status-alert-subtle": $rouge-indications-900,
32
+ "background-warning-default": $jaune-500,
33
+ "background-success-default": $vert-digital-400,
40
34
  "border-primary": $greyscale-400,
41
35
  "border-secondary": $greyscale-600,
42
36
  "border-tertiary": $greyscale-800,
@@ -45,38 +39,41 @@ $bleu-iceberg-dark: (
45
39
  "border-inverse": $greyscale-900,
46
40
  "border-brand-default": $bleu-iceberg-0,
47
41
  "border-brand-focused": $bleu-iceberg-0,
48
- "border-navigation-active": $bleu-iceberg-700,
42
+ "border-brand-navigation-active": $bleu-iceberg-700,
49
43
  "border-brand-navigation-divider": $bleu-iceberg-800,
50
- "border-danger": $rouge-indications-400,
51
- "border-info": $bleu-digital-500,
44
+ "border-danger": $rouge-indications-500,
45
+ "border-info": $bleu-digital-400,
52
46
  "border-warning": $jaune-indications-400,
53
- "border-success": $vert-digital-600,
47
+ "border-success": $vert-digital-400,
54
48
  "content-primary": $core-white,
55
49
  "content-secondary": $greyscale-100,
56
50
  "content-tertiary": $greyscale-300,
57
51
  "content-primary-inverse": $greyscale-900,
58
52
  "content-disabled": $greyscale-700,
53
+ "content-brand-default": $bleu-iceberg-0,
54
+ "content-brand-hover": $bleu-iceberg-50,
55
+ "content-brand-pressed": $bleu-iceberg-100,
59
56
  "content-brand-navigation-default": $bleu-iceberg-100,
60
57
  "content-brand-navigation-hover": $bleu-iceberg-50,
61
58
  "content-brand-navigation-disabled": $bleu-iceberg-700,
62
- "content-brand-default": $bleu-iceberg-0,
63
- "content-brand-hover": $bleu-iceberg-50,
64
- "content-brand-press": $bleu-iceberg-100,
65
59
  "content-link-default": $bleu-digital-500,
66
60
  "content-link-hover": $bleu-digital-400,
67
- "content-link-press": $bleu-digital-300,
68
- "content-link-visited": $violet-500,
61
+ "content-link-pressed": $bleu-digital-300,
62
+ "content-link-visited-default": $violet-500,
69
63
  "content-link-visited-hover": $violet-400,
70
- "content-link-visited-press": $violet-300,
71
- "content-danger": $rouge-indications-400,
72
- "content-danger-hover": $rouge-indications-500,
64
+ "content-link-visited-pressed": $violet-300,
65
+ "content-danger-default": $rouge-indications-500,
66
+ "content-danger-hover": $rouge-indications-400,
73
67
  "content-danger-inverse": $core-white,
74
- "content-success": $vert-digital-400,
68
+ "content-success-default": $vert-digital-400,
75
69
  "content-success-hover": $vert-digital-500,
76
- "content-info": $bleu-digital-400,
70
+ "content-info-default": $bleu-digital-400,
77
71
  "content-info-hover": $bleu-digital-500,
78
72
  "content-decorative": $greyscale-900,
79
- "content-status": $greyscale-900,
73
+ "brand-navigation-divider": $bleu-iceberg-800,
74
+ "brand-navigation-divider-2": $bleu-iceberg-800,
75
+ "brand-navigation-divider-3": $bleu-iceberg-800,
76
+ "brand-navigation-divider-4": $bleu-iceberg-800,
80
77
  "chart-brand": $bleu-iceberg-500,
81
78
  "chart-neutral": $greyscale-350,
82
79
  "chart-category-1": $bleu-iceberg-500,
@@ -160,6 +157,9 @@ $bleu-iceberg-dark: (
160
157
  "elevation-shadow-key": rgba(0, 0, 0, 0.28),
161
158
  "elevation-shadow-key-darker": rgba(0, 0, 0, 0.48),
162
159
  "elevation-shadow-key-brand": rgba(0, 0, 0, 0.21),
160
+ "brand-navigation-divider-5": $bleu-iceberg-800,
161
+ "brand-navigation-divider-6": $bleu-iceberg-800,
162
+ "brand-navigation-divider-7": $bleu-iceberg-800,
163
163
  // TODO remove this color (not a real token)
164
164
  "background-brand-hover-opacity-20": $bleu-iceberg-200-opacity-20,
165
165
  // TODO remove this color (not a real token)
@@ -24,19 +24,13 @@ $bleu-iceberg-light: (
24
24
  "background-brand-inverse-pressed": $bleu-iceberg-100,
25
25
  "background-brand-navigation-default": $bleu-iceberg-950,
26
26
  "background-brand-navigation-hover": $bleu-iceberg-900,
27
- "background-brand-navigation-active": $bleu-iceberg-700,
27
+ "background-brand-navigation-pressed": $bleu-iceberg-700,
28
28
  "background-danger-default": $rouge-indications-600,
29
29
  "background-danger-hover": $rouge-indications-700,
30
30
  "background-danger-pressed": $rouge-indications-800,
31
31
  "background-info-default": $bleu-digital-600,
32
- "background-status-info-regular": $bleu-digital-400,
33
- "background-status-info-subtle": $bleu-digital-100,
34
- "background-status-warning-regular": $jaune-500,
35
- "background-status-warning-subtle": $jaune-100,
36
- "background-status-success-regular": $vert-digital-400,
37
- "background-status-success-subtle": $vert-digital-200,
38
- "background-status-alert-regular": $rouge-indications-500,
39
- "background-status-alert-subtle": $rouge-indications-100,
32
+ "background-warning-default": $jaune-500,
33
+ "background-success-default": $vert-digital-700,
40
34
  "border-primary": $greyscale-600,
41
35
  "border-secondary": $greyscale-400,
42
36
  "border-tertiary": $greyscale-200,
@@ -45,38 +39,41 @@ $bleu-iceberg-light: (
45
39
  "border-inverse": $core-white,
46
40
  "border-brand-default": $bleu-iceberg-600,
47
41
  "border-brand-focused": $bleu-iceberg-900,
48
- "border-navigation-active": $bleu-iceberg-700,
42
+ "border-brand-navigation-active": $bleu-iceberg-700,
49
43
  "border-brand-navigation-divider": $bleu-iceberg-800,
50
44
  "border-danger": $rouge-indications-600,
51
- "border-info": $bleu-digital-500,
45
+ "border-info": $bleu-digital-600,
52
46
  "border-warning": $jaune-indications-400,
53
- "border-success": $vert-digital-600,
47
+ "border-success": $vert-digital-700,
54
48
  "content-primary": $greyscale-900,
55
49
  "content-secondary": $greyscale-800,
56
50
  "content-tertiary": $greyscale-600,
57
51
  "content-primary-inverse": $core-white,
58
52
  "content-disabled": $greyscale-200,
53
+ "content-brand-default": $bleu-iceberg-600,
54
+ "content-brand-hover": $bleu-iceberg-700,
55
+ "content-brand-pressed": $bleu-iceberg-800,
59
56
  "content-brand-navigation-default": $bleu-iceberg-100,
60
57
  "content-brand-navigation-hover": $bleu-iceberg-50,
61
58
  "content-brand-navigation-disabled": $bleu-iceberg-700,
62
- "content-brand-default": $bleu-iceberg-600,
63
- "content-brand-hover": $bleu-iceberg-700,
64
- "content-brand-press": $bleu-iceberg-800,
65
59
  "content-link-default": $bleu-digital-500,
66
60
  "content-link-hover": $bleu-digital-600,
67
- "content-link-press": $bleu-digital-700,
68
- "content-link-visited": $violet-600,
61
+ "content-link-pressed": $bleu-digital-700,
62
+ "content-link-visited-default": $violet-600,
69
63
  "content-link-visited-hover": $violet-700,
70
- "content-link-visited-press": $violet-800,
71
- "content-danger": $rouge-indications-600,
64
+ "content-link-visited-pressed": $violet-800,
65
+ "content-danger-default": $rouge-indications-600,
72
66
  "content-danger-hover": $rouge-indications-700,
73
67
  "content-danger-inverse": $core-white,
74
- "content-success": $vert-digital-700,
68
+ "content-success-default": $vert-digital-700,
75
69
  "content-success-hover": $vert-digital-800,
76
- "content-info": $bleu-digital-600,
70
+ "content-info-default": $bleu-digital-600,
77
71
  "content-info-hover": $bleu-digital-700,
78
72
  "content-decorative": $greyscale-900,
79
- "content-status": $greyscale-900,
73
+ "brand-navigation-divider": $bleu-iceberg-800,
74
+ "brand-navigation-divider-2": $bleu-iceberg-800,
75
+ "brand-navigation-divider-3": $bleu-iceberg-800,
76
+ "brand-navigation-divider-4": $bleu-iceberg-800,
80
77
  "chart-brand": $bleu-iceberg-500,
81
78
  "chart-neutral": $greyscale-350,
82
79
  "chart-category-1": $bleu-iceberg-500,
@@ -160,6 +157,9 @@ $bleu-iceberg-light: (
160
157
  "elevation-shadow-key": rgba(0, 0, 0, 0.14),
161
158
  "elevation-shadow-key-darker": rgba(0, 0, 0, 0.24),
162
159
  "elevation-shadow-key-brand": rgba(0, 0, 0, 0.31),
160
+ "brand-navigation-divider-5": $bleu-iceberg-800,
161
+ "brand-navigation-divider-6": $bleu-iceberg-800,
162
+ "brand-navigation-divider-7": $bleu-iceberg-800,
163
163
  // TODO remove this color (not a real token)
164
164
  "background-brand-hover-opacity-20": $bleu-iceberg-700-opacity-20,
165
165
  // TODO remove this color (not a real token)
@@ -24,19 +24,13 @@ $vert-foret-dark: (
24
24
  "background-brand-inverse-pressed": $vert-foret-600,
25
25
  "background-brand-navigation-default": $vert-foret-950,
26
26
  "background-brand-navigation-hover": $vert-foret-900,
27
- "background-brand-navigation-active": $vert-foret-700,
28
- "background-danger-default": $rouge-indications-400,
29
- "background-danger-hover": $rouge-indications-300,
30
- "background-danger-pressed": $rouge-indications-200,
27
+ "background-brand-navigation-pressed": $vert-foret-700,
28
+ "background-danger-default": $rouge-indications-500,
29
+ "background-danger-hover": $rouge-indications-400,
30
+ "background-danger-pressed": $rouge-indications-300,
31
31
  "background-info-default": $bleu-digital-400,
32
- "background-status-info-regular": $bleu-digital-400,
33
- "background-status-info-subtle": $bleu-digital-900,
34
- "background-status-warning-regular": $jaune-500,
35
- "background-status-warning-subtle": $jaune-100,
36
- "background-status-success-regular": $vert-digital-400,
37
- "background-status-success-subtle": $vert-digital-200,
38
- "background-status-alert-regular": $rouge-indications-500,
39
- "background-status-alert-subtle": $rouge-indications-900,
32
+ "background-warning-default": $jaune-500,
33
+ "background-success-default": $vert-digital-400,
40
34
  "border-primary": $greyscale-400,
41
35
  "border-secondary": $greyscale-600,
42
36
  "border-tertiary": $greyscale-800,
@@ -45,38 +39,41 @@ $vert-foret-dark: (
45
39
  "border-inverse": $greyscale-900,
46
40
  "border-brand-default": $vert-foret-0,
47
41
  "border-brand-focused": $vert-foret-0,
48
- "border-navigation-active": $vert-foret-700,
42
+ "border-brand-navigation-active": $vert-foret-700,
49
43
  "border-brand-navigation-divider": $vert-foret-800,
50
- "border-danger": $rouge-indications-400,
51
- "border-info": $bleu-digital-500,
44
+ "border-danger": $rouge-indications-500,
45
+ "border-info": $bleu-digital-400,
52
46
  "border-warning": $jaune-indications-400,
53
- "border-success": $vert-digital-600,
47
+ "border-success": $vert-digital-400,
54
48
  "content-primary": $core-white,
55
49
  "content-secondary": $greyscale-100,
56
50
  "content-tertiary": $greyscale-300,
57
51
  "content-primary-inverse": $greyscale-900,
58
52
  "content-disabled": $greyscale-700,
53
+ "content-brand-default": $vert-foret-0,
54
+ "content-brand-hover": $vert-foret-50,
55
+ "content-brand-pressed": $vert-foret-100,
59
56
  "content-brand-navigation-default": $vert-foret-100,
60
57
  "content-brand-navigation-hover": $vert-foret-50,
61
58
  "content-brand-navigation-disabled": $vert-foret-700,
62
- "content-brand-default": $vert-foret-0,
63
- "content-brand-hover": $vert-foret-50,
64
- "content-brand-press": $vert-foret-100,
65
59
  "content-link-default": $bleu-digital-500,
66
60
  "content-link-hover": $bleu-digital-400,
67
- "content-link-press": $bleu-digital-300,
68
- "content-link-visited": $violet-500,
61
+ "content-link-pressed": $bleu-digital-300,
62
+ "content-link-visited-default": $violet-500,
69
63
  "content-link-visited-hover": $violet-400,
70
- "content-link-visited-press": $violet-300,
71
- "content-danger": $rouge-indications-400,
72
- "content-danger-hover": $rouge-indications-500,
64
+ "content-link-visited-pressed": $violet-300,
65
+ "content-danger-default": $rouge-indications-500,
66
+ "content-danger-hover": $rouge-indications-400,
73
67
  "content-danger-inverse": $core-white,
74
- "content-success": $vert-digital-400,
68
+ "content-success-default": $vert-digital-400,
75
69
  "content-success-hover": $vert-digital-500,
76
- "content-info": $bleu-digital-400,
70
+ "content-info-default": $bleu-digital-400,
77
71
  "content-info-hover": $bleu-digital-500,
78
72
  "content-decorative": $greyscale-900,
79
- "content-status": $greyscale-900,
73
+ "brand-navigation-divider": $vert-foret-800,
74
+ "brand-navigation-divider-2": $vert-foret-800,
75
+ "brand-navigation-divider-3": $vert-foret-800,
76
+ "brand-navigation-divider-4": $vert-foret-800,
80
77
  "chart-brand": $vert-foret-500,
81
78
  "chart-neutral": $greyscale-350,
82
79
  "chart-category-1": $bleu-iceberg-500,
@@ -160,6 +157,9 @@ $vert-foret-dark: (
160
157
  "elevation-shadow-key": rgba(0, 0, 0, 0.28),
161
158
  "elevation-shadow-key-darker": rgba(0, 0, 0, 0.48),
162
159
  "elevation-shadow-key-brand": rgba(0, 0, 0, 0.21),
160
+ "brand-navigation-divider-5": $vert-foret-800,
161
+ "brand-navigation-divider-6": $vert-foret-800,
162
+ "brand-navigation-divider-7": $vert-foret-800,
163
163
  // TODO remove this color (not a real token)
164
164
  "background-brand-hover-opacity-20": $vert-foret-200-opacity-20,
165
165
  // TODO remove this color (not a real token)
@@ -24,19 +24,13 @@ $vert-foret-light: (
24
24
  "background-brand-inverse-pressed": $vert-foret-100,
25
25
  "background-brand-navigation-default": $vert-foret-950,
26
26
  "background-brand-navigation-hover": $vert-foret-900,
27
- "background-brand-navigation-active": $vert-foret-700,
27
+ "background-brand-navigation-pressed": $vert-foret-700,
28
28
  "background-danger-default": $rouge-indications-600,
29
29
  "background-danger-hover": $rouge-indications-700,
30
30
  "background-danger-pressed": $rouge-indications-800,
31
31
  "background-info-default": $bleu-digital-600,
32
- "background-status-info-regular": $bleu-digital-400,
33
- "background-status-info-subtle": $bleu-digital-100,
34
- "background-status-warning-regular": $jaune-500,
35
- "background-status-warning-subtle": $jaune-100,
36
- "background-status-success-regular": $vert-digital-400,
37
- "background-status-success-subtle": $vert-digital-200,
38
- "background-status-alert-regular": $rouge-indications-500,
39
- "background-status-alert-subtle": $rouge-indications-100,
32
+ "background-warning-default": $jaune-500,
33
+ "background-success-default": $vert-digital-700,
40
34
  "border-primary": $greyscale-600,
41
35
  "border-secondary": $greyscale-400,
42
36
  "border-tertiary": $greyscale-200,
@@ -45,38 +39,41 @@ $vert-foret-light: (
45
39
  "border-inverse": $core-white,
46
40
  "border-brand-default": $vert-foret-600,
47
41
  "border-brand-focused": $vert-foret-900,
48
- "border-navigation-active": $vert-foret-700,
42
+ "border-brand-navigation-active": $vert-foret-700,
49
43
  "border-brand-navigation-divider": $vert-foret-800,
50
44
  "border-danger": $rouge-indications-600,
51
- "border-info": $bleu-digital-500,
45
+ "border-info": $bleu-digital-600,
52
46
  "border-warning": $jaune-indications-400,
53
- "border-success": $vert-digital-600,
47
+ "border-success": $vert-digital-700,
54
48
  "content-primary": $greyscale-900,
55
49
  "content-secondary": $greyscale-800,
56
50
  "content-tertiary": $greyscale-600,
57
51
  "content-primary-inverse": $core-white,
58
52
  "content-disabled": $greyscale-200,
53
+ "content-brand-default": $vert-foret-600,
54
+ "content-brand-hover": $vert-foret-700,
55
+ "content-brand-pressed": $vert-foret-800,
59
56
  "content-brand-navigation-default": $vert-foret-100,
60
57
  "content-brand-navigation-hover": $vert-foret-50,
61
58
  "content-brand-navigation-disabled": $vert-foret-700,
62
- "content-brand-default": $vert-foret-600,
63
- "content-brand-hover": $vert-foret-700,
64
- "content-brand-press": $vert-foret-800,
65
59
  "content-link-default": $bleu-digital-500,
66
60
  "content-link-hover": $bleu-digital-600,
67
- "content-link-press": $bleu-digital-700,
68
- "content-link-visited": $violet-600,
61
+ "content-link-pressed": $bleu-digital-700,
62
+ "content-link-visited-default": $violet-600,
69
63
  "content-link-visited-hover": $violet-700,
70
- "content-link-visited-press": $violet-800,
71
- "content-danger": $rouge-indications-600,
64
+ "content-link-visited-pressed": $violet-800,
65
+ "content-danger-default": $rouge-indications-600,
72
66
  "content-danger-hover": $rouge-indications-700,
73
67
  "content-danger-inverse": $core-white,
74
- "content-success": $vert-digital-700,
68
+ "content-success-default": $vert-digital-700,
75
69
  "content-success-hover": $vert-digital-800,
76
- "content-info": $bleu-digital-600,
70
+ "content-info-default": $bleu-digital-600,
77
71
  "content-info-hover": $bleu-digital-700,
78
72
  "content-decorative": $greyscale-900,
79
- "content-status": $greyscale-900,
73
+ "brand-navigation-divider": $vert-foret-800,
74
+ "brand-navigation-divider-2": $vert-foret-800,
75
+ "brand-navigation-divider-3": $vert-foret-800,
76
+ "brand-navigation-divider-4": $vert-foret-800,
80
77
  "chart-brand": $vert-foret-500,
81
78
  "chart-neutral": $greyscale-350,
82
79
  "chart-category-1": $bleu-iceberg-500,
@@ -160,6 +157,9 @@ $vert-foret-light: (
160
157
  "elevation-shadow-key": rgba(0, 0, 0, 0.14),
161
158
  "elevation-shadow-key-darker": rgba(0, 0, 0, 0.24),
162
159
  "elevation-shadow-key-brand": rgba(0, 0, 0, 0.31),
160
+ "brand-navigation-divider-5": $vert-foret-800,
161
+ "brand-navigation-divider-6": $vert-foret-800,
162
+ "brand-navigation-divider-7": $vert-foret-800,
163
163
  // TODO remove this color (not a real token)
164
164
  "background-brand-hover-opacity-20": $vert-foret-700-opacity-20,
165
165
  // TODO remove this color (not a real token)
@@ -24,19 +24,13 @@ $violet-dark: (
24
24
  "background-brand-inverse-pressed": $violet-600,
25
25
  "background-brand-navigation-default": $violet-950,
26
26
  "background-brand-navigation-hover": $violet-900,
27
- "background-brand-navigation-active": $violet-700,
28
- "background-danger-default": $rouge-indications-400,
29
- "background-danger-hover": $rouge-indications-300,
30
- "background-danger-pressed": $rouge-indications-200,
27
+ "background-brand-navigation-pressed": $violet-700,
28
+ "background-danger-default": $rouge-indications-500,
29
+ "background-danger-hover": $rouge-indications-400,
30
+ "background-danger-pressed": $rouge-indications-300,
31
31
  "background-info-default": $bleu-digital-400,
32
- "background-status-info-regular": $bleu-digital-400,
33
- "background-status-info-subtle": $bleu-digital-900,
34
- "background-status-warning-regular": $jaune-500,
35
- "background-status-warning-subtle": $jaune-100,
36
- "background-status-success-regular": $vert-digital-400,
37
- "background-status-success-subtle": $vert-digital-200,
38
- "background-status-alert-regular": $rouge-indications-500,
39
- "background-status-alert-subtle": $rouge-indications-900,
32
+ "background-warning-default": $jaune-500,
33
+ "background-success-default": $vert-digital-400,
40
34
  "border-primary": $greyscale-400,
41
35
  "border-secondary": $greyscale-600,
42
36
  "border-tertiary": $greyscale-800,
@@ -45,38 +39,41 @@ $violet-dark: (
45
39
  "border-inverse": $greyscale-900,
46
40
  "border-brand-default": $violet-0,
47
41
  "border-brand-focused": $violet-0,
48
- "border-navigation-active": $violet-700,
42
+ "border-brand-navigation-active": $violet-700,
49
43
  "border-brand-navigation-divider": $violet-800,
50
- "border-danger": $rouge-indications-400,
51
- "border-info": $bleu-digital-500,
44
+ "border-danger": $rouge-indications-500,
45
+ "border-info": $bleu-digital-400,
52
46
  "border-warning": $jaune-indications-400,
53
- "border-success": $vert-digital-600,
47
+ "border-success": $vert-digital-400,
54
48
  "content-primary": $core-white,
55
49
  "content-secondary": $greyscale-100,
56
50
  "content-tertiary": $greyscale-300,
57
51
  "content-primary-inverse": $greyscale-900,
58
52
  "content-disabled": $greyscale-700,
53
+ "content-brand-default": $violet-0,
54
+ "content-brand-hover": $violet-50,
55
+ "content-brand-pressed": $violet-100,
59
56
  "content-brand-navigation-default": $violet-100,
60
57
  "content-brand-navigation-hover": $violet-50,
61
58
  "content-brand-navigation-disabled": $violet-700,
62
- "content-brand-default": $violet-0,
63
- "content-brand-hover": $violet-50,
64
- "content-brand-press": $violet-100,
65
59
  "content-link-default": $bleu-digital-500,
66
60
  "content-link-hover": $bleu-digital-400,
67
- "content-link-press": $bleu-digital-300,
68
- "content-link-visited": $violet-500,
61
+ "content-link-pressed": $bleu-digital-300,
62
+ "content-link-visited-default": $violet-500,
69
63
  "content-link-visited-hover": $violet-400,
70
- "content-link-visited-press": $violet-300,
71
- "content-danger": $rouge-indications-400,
72
- "content-danger-hover": $rouge-indications-500,
64
+ "content-link-visited-pressed": $violet-300,
65
+ "content-danger-default": $rouge-indications-500,
66
+ "content-danger-hover": $rouge-indications-400,
73
67
  "content-danger-inverse": $core-white,
74
- "content-success": $vert-digital-400,
68
+ "content-success-default": $vert-digital-400,
75
69
  "content-success-hover": $vert-digital-500,
76
- "content-info": $bleu-digital-400,
70
+ "content-info-default": $bleu-digital-400,
77
71
  "content-info-hover": $bleu-digital-500,
78
72
  "content-decorative": $greyscale-900,
79
- "content-status": $greyscale-900,
73
+ "brand-navigation-divider": $violet-800,
74
+ "brand-navigation-divider-2": $violet-800,
75
+ "brand-navigation-divider-3": $violet-800,
76
+ "brand-navigation-divider-4": $violet-800,
80
77
  "chart-brand": $violet-600,
81
78
  "chart-neutral": $greyscale-350,
82
79
  "chart-category-1": $bleu-iceberg-500,
@@ -160,6 +157,9 @@ $violet-dark: (
160
157
  "elevation-shadow-key": rgba(0, 0, 0, 0.28),
161
158
  "elevation-shadow-key-darker": rgba(0, 0, 0, 0.48),
162
159
  "elevation-shadow-key-brand": rgba(0, 0, 0, 0.21),
160
+ "brand-navigation-divider-5": $violet-800,
161
+ "brand-navigation-divider-6": $violet-800,
162
+ "brand-navigation-divider-7": $violet-800,
163
163
  // TODO remove this color (not a real token)
164
164
  "background-brand-hover-opacity-20": $violet-200-opacity-20,
165
165
  // TODO remove this color (not a real token)
@@ -24,19 +24,13 @@ $violet-light: (
24
24
  "background-brand-inverse-pressed": $violet-100,
25
25
  "background-brand-navigation-default": $violet-950,
26
26
  "background-brand-navigation-hover": $violet-900,
27
- "background-brand-navigation-active": $violet-700,
27
+ "background-brand-navigation-pressed": $violet-700,
28
28
  "background-danger-default": $rouge-indications-600,
29
29
  "background-danger-hover": $rouge-indications-700,
30
30
  "background-danger-pressed": $rouge-indications-800,
31
31
  "background-info-default": $bleu-digital-600,
32
- "background-status-info-regular": $bleu-digital-400,
33
- "background-status-info-subtle": $bleu-digital-100,
34
- "background-status-warning-regular": $jaune-500,
35
- "background-status-warning-subtle": $jaune-100,
36
- "background-status-success-regular": $vert-digital-400,
37
- "background-status-success-subtle": $vert-digital-200,
38
- "background-status-alert-regular": $rouge-indications-500,
39
- "background-status-alert-subtle": $rouge-indications-100,
32
+ "background-warning-default": $jaune-500,
33
+ "background-success-default": $vert-digital-700,
40
34
  "border-primary": $greyscale-600,
41
35
  "border-secondary": $greyscale-400,
42
36
  "border-tertiary": $greyscale-200,
@@ -45,38 +39,41 @@ $violet-light: (
45
39
  "border-inverse": $core-white,
46
40
  "border-brand-default": $violet-600,
47
41
  "border-brand-focused": $violet-900,
48
- "border-navigation-active": $violet-700,
42
+ "border-brand-navigation-active": $violet-700,
49
43
  "border-brand-navigation-divider": $violet-800,
50
44
  "border-danger": $rouge-indications-600,
51
- "border-info": $bleu-digital-500,
45
+ "border-info": $bleu-digital-600,
52
46
  "border-warning": $jaune-indications-400,
53
- "border-success": $vert-digital-600,
47
+ "border-success": $vert-digital-700,
54
48
  "content-primary": $greyscale-900,
55
49
  "content-secondary": $greyscale-800,
56
50
  "content-tertiary": $greyscale-600,
57
51
  "content-primary-inverse": $core-white,
58
52
  "content-disabled": $greyscale-200,
53
+ "content-brand-default": $violet-600,
54
+ "content-brand-hover": $violet-700,
55
+ "content-brand-pressed": $violet-800,
59
56
  "content-brand-navigation-default": $violet-100,
60
57
  "content-brand-navigation-hover": $violet-50,
61
58
  "content-brand-navigation-disabled": $violet-700,
62
- "content-brand-default": $violet-600,
63
- "content-brand-hover": $violet-700,
64
- "content-brand-press": $violet-800,
65
59
  "content-link-default": $bleu-digital-500,
66
60
  "content-link-hover": $bleu-digital-600,
67
- "content-link-press": $bleu-digital-700,
68
- "content-link-visited": $violet-600,
61
+ "content-link-pressed": $bleu-digital-700,
62
+ "content-link-visited-default": $violet-600,
69
63
  "content-link-visited-hover": $violet-700,
70
- "content-link-visited-press": $violet-800,
71
- "content-danger": $rouge-indications-600,
64
+ "content-link-visited-pressed": $violet-800,
65
+ "content-danger-default": $rouge-indications-600,
72
66
  "content-danger-hover": $rouge-indications-700,
73
67
  "content-danger-inverse": $core-white,
74
- "content-success": $vert-digital-700,
68
+ "content-success-default": $vert-digital-700,
75
69
  "content-success-hover": $vert-digital-800,
76
- "content-info": $bleu-digital-600,
70
+ "content-info-default": $bleu-digital-600,
77
71
  "content-info-hover": $bleu-digital-700,
78
72
  "content-decorative": $greyscale-900,
79
- "content-status": $greyscale-900,
73
+ "brand-navigation-divider": $violet-800,
74
+ "brand-navigation-divider-2": $violet-800,
75
+ "brand-navigation-divider-3": $violet-800,
76
+ "brand-navigation-divider-4": $violet-800,
80
77
  "chart-brand": $violet-600,
81
78
  "chart-neutral": $greyscale-350,
82
79
  "chart-category-1": $bleu-iceberg-500,
@@ -160,6 +157,9 @@ $violet-light: (
160
157
  "elevation-shadow-key": rgba(0, 0, 0, 0.14),
161
158
  "elevation-shadow-key-darker": rgba(0, 0, 0, 0.24),
162
159
  "elevation-shadow-key-brand": rgba(0, 0, 0, 0.31),
160
+ "brand-navigation-divider-5": $violet-800,
161
+ "brand-navigation-divider-6": $violet-800,
162
+ "brand-navigation-divider-7": $violet-800,
163
163
  // TODO remove this color (not a real token)
164
164
  "background-brand-hover-opacity-20": $violet-700-opacity-20,
165
165
  // TODO remove this color (not a real token)
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@design-system-rte/core",
3
- "version": "0.19.0",
3
+ "version": "0.21.0",
4
4
  "main": "index.js",
5
5
  "scripts": {
6
6
  "lint": "eslint .",