@design-system-rte/core 0.19.0 → 0.21.0

package/CHANGELOG.md

@@ -1,5 +1,38 @@
 # @design-system-rte/core
 
+## 0.21.0
+
+### Minor Changes
+
+- f22d3ee: ## Changes
+  - (Docs) create subcomponent for pages
+
+- 8bca3e1: ## Changes
+  - (Card) mutualize testing common logic
+  - (Card) add card component
+
+- 4a444d4: ## Changes
+  - (Side Navigation) add Divider support for navItems & navMenus
+  - (Side Navigation) add Badge support
+  - (Side Navigation) add footer items
+  - (Side Navigation) add NavItem selection for SideNav
+  - (Tooltip) add customizable gap
+  - (Side Navigation) correct accesibility standards for ul and li items
+  - (Side Navigation) add Nested Menus to SideNav
+  - (Side Navigation) implement simple side nav from base side nav
+
+## 0.20.0
+
+### Minor Changes
+
+- a7d75ed: ## Changes
+  - (Modal) add support for filled / outlined appearance for title icon
+  - (Modal) add react modal component
+  - (Icon) add icon sizes constants
+
+- cc64a7f: ## Changes
+  - (Icon-button) add badge to component
+
 ## 0.19.0
 
 ### Minor Changes

package/components/badge/badge.interface.d.ts

@@ -7,4 +7,5 @@ export interface BadgeProps {
   size?: BadgeSize;
   content?: BadgeContent;
   count?: number;
+  icon?: string;
 }

package/components/button/icon-button/icon-button.interface.d.ts

@@ -5,6 +5,10 @@ export interface IconButtonProps {
   disabled?: boolean;
   name: string;
   appearance?: "outlined" | "filled";
+  badgeContent?: import("../../badge/badge.interface").BadgeContent;
+  badgeCount?: import("../../badge/badge.interface").BadgeCount;
+  badgeType?: import("../../badge/badge.interface").BadgeType;
+  badgeIcon?: import("../../badge/badge.interface").BadgeProps["icon"];
 }
 
 export interface IconButtonToggleProps extends Omit<IconButtonProps, "appearance"> {

package/components/card/card.constats.ts

@@ -0,0 +1,9 @@
+import { Size } from "../common/common-types";
+
+export const cardSize: Record<Size, number> = {
+  xs: 240,
+  s: 360,
+  m: 480,
+  l: 600,
+  xl: 720,
+};

package/components/card/card.interface.d.ts

@@ -0,0 +1,10 @@
+import { Size } from "../common/common-types";
+
+export type CardType = "default" | "outlined";
+
+export interface CardProps {
+  size?: Size;
+  cardType?: CardType;
+  clickable?: boolean;
+  disabled?: boolean;
+}

package/components/card/card.stories.shared.ts

@@ -0,0 +1,112 @@
+import type { Size } from "../common/common-types";
+
+import type { CardType } from "./card.interface";
+
+export interface CardStoryArgTypes {
+  size: {
+    control: "select";
+    options: Size[];
+    description: string;
+  };
+  cardType: {
+    control: "select";
+    options: CardType[];
+    description: string;
+  };
+  clickable: {
+    control: "boolean";
+    description: string;
+  };
+  disabled: {
+    control: "boolean";
+    description: string;
+  };
+}
+
+export const cardStoryArgTypes: CardStoryArgTypes = {
+  size: {
+    control: "select",
+    options: ["xs", "s", "m", "l", "xl"],
+    description: "Size of the card",
+  },
+  cardType: {
+    control: "select",
+    options: ["default", "outlined"],
+    description: "Type of card styling",
+  },
+  clickable: {
+    control: "boolean",
+    description: "Whether the card is clickable",
+  },
+  disabled: {
+    control: "boolean",
+    description: "Whether the card is disabled",
+  },
+};
+
+export interface SizeExample {
+  size: Size;
+  label: string;
+  width: string;
+}
+
+export const sizeExamples: SizeExample[] = [
+  { size: "xs", label: "Extra Small (xs)", width: "240px width" },
+  { size: "s", label: "Small (s)", width: "360px width" },
+  { size: "m", label: "Medium (m)", width: "480px width" },
+  { size: "l", label: "Large (l)", width: "600px width" },
+  { size: "xl", label: "Extra Large (xl)", width: "720px width" },
+];
+
+export interface CardTypeExample {
+  cardType: CardType;
+  title: string;
+  description: string;
+}
+
+export const cardTypeExamples: CardTypeExample[] = [
+  {
+    cardType: "default",
+    title: "Default Card",
+    description: "This card uses the default styling with elevation shadow.",
+  },
+  {
+    cardType: "outlined",
+    title: "Outlined Card",
+    description: "This card uses outlined styling with a border instead of shadow.",
+  },
+];
+
+export interface DefaultStoryArgs {
+  size: Size;
+  cardType: CardType;
+  clickable: boolean;
+  disabled: boolean;
+}
+
+export const defaultStoryArgs: DefaultStoryArgs = {
+  size: "m",
+  cardType: "default",
+  clickable: false,
+  disabled: false,
+};
+
+export interface ClickableStoryArgs extends DefaultStoryArgs {
+  clickable: true;
+}
+
+export const clickableStoryArgs: ClickableStoryArgs = {
+  ...defaultStoryArgs,
+  clickable: true,
+};
+
+export interface DisabledStoryArgs extends DefaultStoryArgs {
+  clickable: true;
+  disabled: true;
+}
+
+export const disabledStoryArgs: DisabledStoryArgs = {
+  ...defaultStoryArgs,
+  clickable: true,
+  disabled: true,
+};

package/components/common/common-types.ts

@@ -1,3 +1,4 @@
 export type Position = "auto" | "top" | "bottom" | "left" | "right";
 export type Alignment = "start" | "center" | "end";
 export type Direction = "horizontal" | "vertical";
+export type Size = "xs" | "s" | "m" | "l" | "xl";

package/components/divider/divider.interface.d.ts

@@ -1,5 +1,5 @@
 export type DividerThickness = "light" | "medium" | "bold";
-export type DividerAppearance = "default" | "inverse" | "brand";
+export type DividerAppearance = "default" | "inverse" | "brand" | "brand-navigation";
 export type DividerEndPoint = "square" | "round";
 
 export interface DividerProps {

package/components/icon/icon.constants.ts

@@ -0,0 +1,8 @@
+import { Size } from "../common/common-types";
+
+export const IconSize: Record<Exclude<Size, "xs">, number> = {
+  s: 16,
+  m: 20,
+  l: 24,
+  xl: 32,
+};

package/components/modal/modal.interface.d.ts

@@ -0,0 +1,10 @@
+export interface ModalProps {
+  id: string;
+  title: string;
+  closeOnOverlayClick?: boolean;
+  isOpen: boolean;
+  icon?: string;
+  iconAppearance?: "outlined" | "filled";
+  description?: string;
+  size?: import("./common/common-types").Size;
+}

package/components/side-nav/nav-item/nav-item.interface.d.ts

@@ -0,0 +1,20 @@
+import { BadgeProps } from "../../badge/badge.interface";
+import { SideNavAppearance } from "../side-nav.interface";
+
+export interface NavItemProps {
+  id?: string;
+  appearance?: SideNavAppearance;
+  label: string;
+  icon?: string;
+  showIcon?: boolean;
+  showBadge?: boolean;
+  collapsed?: boolean;
+  link?: string;
+  onClick?: () => void;
+  items?: NavItemProps[];
+  active?: boolean;
+  isNested?: boolean;
+  parentMenuOpen?: boolean;
+  badge?: BadgeProps;
+  showDivider?: boolean;
+}

package/components/side-nav/nav-item/nav-item.utils.ts

@@ -0,0 +1,8 @@
+import { IconSize } from "../../icon/icon.constants";
+
+export function getNavItemLabelIconSize(isNested = false, collapsed = false): number {
+  if (isNested) {
+    return IconSize.s;
+  }
+  return collapsed ? IconSize.l : IconSize.m;
+}

package/components/side-nav/nav-menu/nav-menu.interface.d.ts

@@ -0,0 +1,7 @@
+import { NavItemProps } from "../nav-item/nav-item.interface";
+
+export interface NavMenuProps extends NavItemProps {
+  items: NavItemProps[];
+  open?: boolean;
+  showMenuIcon?: boolean;
+}

package/components/side-nav/side-nav.constants.ts

@@ -0,0 +1,16 @@
+import { DividerAppearance } from "../divider/divider.interface";
+
+import { SideNavAppearance, SideNavSize } from "./side-nav.interface";
+
+export const sideNavCollapsedSize: number = 64;
+
+export const sideNavPanelSize: Record<SideNavSize, number> = {
+  s: 224,
+  m: 320,
+  l: 504,
+};
+
+export const dividerAppearanceBySideNavAppearance: Record<SideNavAppearance, DividerAppearance> = {
+  neutral: "default",
+  brand: "brand-navigation",
+};

package/components/side-nav/side-nav.interface.d.ts

@@ -0,0 +1,34 @@
+import { NavItemProps } from "./nav-item/nav-item.interface";
+
+export type SideNavSize = "s" | "m" | "l";
+
+export type SideNavAppearance = "neutral" | "brand";
+
+export interface SideNavHeaderConfig {
+  icon?: string;
+  title: string;
+  version?: string;
+  identifier?: string;
+  link?: string | null;
+  onClick?: () => void;
+  ariaLabel?: string;
+}
+
+export interface SideNavProps extends BaseSideNavProps {
+  collapsible?: boolean;
+  items: NavItemProps[];
+  footerItems?: NavItemProps[];
+  activeItem?: string;
+  headerConfig: SideNavHeaderConfig;
+}
+
+export interface BaseSideNavProps {
+  appearance?: SideNavAppearance;
+  size?: SideNavSize;
+  collapsed?: boolean;
+  showHeader?: boolean;
+  showFooter?: boolean;
+  showScrollbar?: boolean;
+  autoCollapse?: boolean;
+  scrollable?: boolean;
+}

package/components/tooltip/tooltip.constants.ts

@@ -1,2 +1,4 @@
 export const TOOLTIP_GAP = 4;
-export const TOOLTIP_GAP_ARROW = 9;
+export const TOOLTIP_GAP_ARROW = 5;
+export const TOOLTIP_FADE_OUT_DURATION = 200;
+export const TOOLTIP_ANIMATION_DURATION = 150;

package/components/tooltip/tooltip.interface.d.ts

@@ -3,4 +3,5 @@ export interface TooltipProps {
   alignment?: import("../../common-types").Alignment;
   label?: string;
   arrow?: boolean;
+  gap?: number;
 }

package/components/tooltip/tooltip.utils.ts

@@ -0,0 +1,5 @@
+import { TOOLTIP_GAP, TOOLTIP_GAP_ARROW } from "./tooltip.constants";
+
+export function getTooltipGap(arrow: boolean, customGap: number = TOOLTIP_GAP): number {
+  return arrow ? TOOLTIP_GAP_ARROW + customGap : customGap;
+}

package/css/bleu_iceberg.css

@@ -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)}
+: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)}

package/css/rte-themes.css

@@ -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)}
+[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)}

package/css/vert_foret.css

@@ -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)}
+: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)}

package/design-tokens/scripts/tokens-generators/colors.ts

@@ -40,7 +40,8 @@ export function extractColors(variables: ColorToken, mode: ColorMode): string {
   for (const category in variables) {
     const categoryTokens = variables[category];
     if ((categoryTokens as ColorTokenValue).$value) {
-      scss += extractTokenValue(categoryTokens as ColorTokenValue, mode, [category]);
+      const sanitizedCategory = category.replace(/ /g, "-");
+      scss += extractTokenValue(categoryTokens as ColorTokenValue, mode, [sanitizedCategory]);
     } else {
       scss += processSubTokens(categoryTokens as Record<string, ColorTokenValue>, mode, category, [category]);
     }

package/design-tokens/tokens/_layout.scss

@@ -8,7 +8,7 @@ $column-number-xs: 1;
 $column-number-s: 2;
 $column-number-m: 6;
 $column-number-l: 12;
-$panel-width-xs: 56px;
-$panel-width-s: 320px;
-$panel-width-m: 400px;
+$panel-width-xs: 64px;
+$panel-width-s: 224px;
+$panel-width-m: 320px;
 $panel-width-l: 504px;

package/design-tokens/tokens/_mixins.scss

@@ -171,6 +171,15 @@
   font-style: normal;
 }
 
+@mixin typography-heading-xs {
+  @include typography-heading;
+  font-family: $heading-xs-semibold-font-family;
+  font-weight: $heading-xs-semibold-font-weight;
+  font-size: $heading-xs-semibold-font-size;
+  line-height: $heading-xs-semibold-line-height;
+  letter-spacing: $heading-xs-semibold-letter-spacing;
+}
+
 @mixin typography-heading-s {
   @include typography-heading;
   font-family: $heading-s-semibold-font-family;

package/design-tokens/tokens/themes/_bleu-iceberg-dark.scss

@@ -24,19 +24,13 @@ $bleu-iceberg-dark: (
   "background-brand-inverse-pressed": $bleu-iceberg-600,
   "background-brand-navigation-default": $bleu-iceberg-950,
   "background-brand-navigation-hover": $bleu-iceberg-900,
-  "background-brand-navigation-active": $bleu-iceberg-700,
-  "background-danger-default": $rouge-indications-400,
-  "background-danger-hover": $rouge-indications-300,
-  "background-danger-pressed": $rouge-indications-200,
+  "background-brand-navigation-pressed": $bleu-iceberg-700,
+  "background-danger-default": $rouge-indications-500,
+  "background-danger-hover": $rouge-indications-400,
+  "background-danger-pressed": $rouge-indications-300,
   "background-info-default": $bleu-digital-400,
-  "background-status-info-regular": $bleu-digital-400,
-  "background-status-info-subtle": $bleu-digital-900,
-  "background-status-warning-regular": $jaune-500,
-  "background-status-warning-subtle": $jaune-100,
-  "background-status-success-regular": $vert-digital-400,
-  "background-status-success-subtle": $vert-digital-200,
-  "background-status-alert-regular": $rouge-indications-500,
-  "background-status-alert-subtle": $rouge-indications-900,
+  "background-warning-default": $jaune-500,
+  "background-success-default": $vert-digital-400,
   "border-primary": $greyscale-400,
   "border-secondary": $greyscale-600,
   "border-tertiary": $greyscale-800,
@@ -45,38 +39,41 @@ $bleu-iceberg-dark: (
   "border-inverse": $greyscale-900,
   "border-brand-default": $bleu-iceberg-0,
   "border-brand-focused": $bleu-iceberg-0,
-  "border-navigation-active": $bleu-iceberg-700,
+  "border-brand-navigation-active": $bleu-iceberg-700,
   "border-brand-navigation-divider": $bleu-iceberg-800,
-  "border-danger": $rouge-indications-400,
-  "border-info": $bleu-digital-500,
+  "border-danger": $rouge-indications-500,
+  "border-info": $bleu-digital-400,
   "border-warning": $jaune-indications-400,
-  "border-success": $vert-digital-600,
+  "border-success": $vert-digital-400,
   "content-primary": $core-white,
   "content-secondary": $greyscale-100,
   "content-tertiary": $greyscale-300,
   "content-primary-inverse": $greyscale-900,
   "content-disabled": $greyscale-700,
+  "content-brand-default": $bleu-iceberg-0,
+  "content-brand-hover": $bleu-iceberg-50,
+  "content-brand-pressed": $bleu-iceberg-100,
   "content-brand-navigation-default": $bleu-iceberg-100,
   "content-brand-navigation-hover": $bleu-iceberg-50,
   "content-brand-navigation-disabled": $bleu-iceberg-700,
-  "content-brand-default": $bleu-iceberg-0,
-  "content-brand-hover": $bleu-iceberg-50,
-  "content-brand-press": $bleu-iceberg-100,
   "content-link-default": $bleu-digital-500,
   "content-link-hover": $bleu-digital-400,
-  "content-link-press": $bleu-digital-300,
-  "content-link-visited": $violet-500,
+  "content-link-pressed": $bleu-digital-300,
+  "content-link-visited-default": $violet-500,
   "content-link-visited-hover": $violet-400,
-  "content-link-visited-press": $violet-300,
-  "content-danger": $rouge-indications-400,
-  "content-danger-hover": $rouge-indications-500,
+  "content-link-visited-pressed": $violet-300,
+  "content-danger-default": $rouge-indications-500,
+  "content-danger-hover": $rouge-indications-400,
   "content-danger-inverse": $core-white,
-  "content-success": $vert-digital-400,
+  "content-success-default": $vert-digital-400,
   "content-success-hover": $vert-digital-500,
-  "content-info": $bleu-digital-400,
+  "content-info-default": $bleu-digital-400,
   "content-info-hover": $bleu-digital-500,
   "content-decorative": $greyscale-900,
-  "content-status": $greyscale-900,
+  "brand-navigation-divider": $bleu-iceberg-800,
+  "brand-navigation-divider-2": $bleu-iceberg-800,
+  "brand-navigation-divider-3": $bleu-iceberg-800,
+  "brand-navigation-divider-4": $bleu-iceberg-800,
   "chart-brand": $bleu-iceberg-500,
   "chart-neutral": $greyscale-350,
   "chart-category-1": $bleu-iceberg-500,
@@ -160,6 +157,9 @@ $bleu-iceberg-dark: (
   "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": $bleu-iceberg-800,
+  "brand-navigation-divider-6": $bleu-iceberg-800,
+  "brand-navigation-divider-7": $bleu-iceberg-800,
   // TODO remove this color (not a real token)
   "background-brand-hover-opacity-20": $bleu-iceberg-200-opacity-20,
   // TODO remove this color (not a real token)

package/design-tokens/tokens/themes/_bleu-iceberg-light.scss

@@ -24,19 +24,13 @@ $bleu-iceberg-light: (
   "background-brand-inverse-pressed": $bleu-iceberg-100,
   "background-brand-navigation-default": $bleu-iceberg-950,
   "background-brand-navigation-hover": $bleu-iceberg-900,
-  "background-brand-navigation-active": $bleu-iceberg-700,
+  "background-brand-navigation-pressed": $bleu-iceberg-700,
   "background-danger-default": $rouge-indications-600,
   "background-danger-hover": $rouge-indications-700,
   "background-danger-pressed": $rouge-indications-800,
   "background-info-default": $bleu-digital-600,
-  "background-status-info-regular": $bleu-digital-400,
-  "background-status-info-subtle": $bleu-digital-100,
-  "background-status-warning-regular": $jaune-500,
-  "background-status-warning-subtle": $jaune-100,
-  "background-status-success-regular": $vert-digital-400,
-  "background-status-success-subtle": $vert-digital-200,
-  "background-status-alert-regular": $rouge-indications-500,
-  "background-status-alert-subtle": $rouge-indications-100,
+  "background-warning-default": $jaune-500,
+  "background-success-default": $vert-digital-700,
   "border-primary": $greyscale-600,
   "border-secondary": $greyscale-400,
   "border-tertiary": $greyscale-200,
@@ -45,38 +39,41 @@ $bleu-iceberg-light: (
   "border-inverse": $core-white,
   "border-brand-default": $bleu-iceberg-600,
   "border-brand-focused": $bleu-iceberg-900,
-  "border-navigation-active": $bleu-iceberg-700,
+  "border-brand-navigation-active": $bleu-iceberg-700,
   "border-brand-navigation-divider": $bleu-iceberg-800,
   "border-danger": $rouge-indications-600,
-  "border-info": $bleu-digital-500,
+  "border-info": $bleu-digital-600,
   "border-warning": $jaune-indications-400,
-  "border-success": $vert-digital-600,
+  "border-success": $vert-digital-700,
   "content-primary": $greyscale-900,
   "content-secondary": $greyscale-800,
   "content-tertiary": $greyscale-600,
   "content-primary-inverse": $core-white,
   "content-disabled": $greyscale-200,
+  "content-brand-default": $bleu-iceberg-600,
+  "content-brand-hover": $bleu-iceberg-700,
+  "content-brand-pressed": $bleu-iceberg-800,
   "content-brand-navigation-default": $bleu-iceberg-100,
   "content-brand-navigation-hover": $bleu-iceberg-50,
   "content-brand-navigation-disabled": $bleu-iceberg-700,
-  "content-brand-default": $bleu-iceberg-600,
-  "content-brand-hover": $bleu-iceberg-700,
-  "content-brand-press": $bleu-iceberg-800,
   "content-link-default": $bleu-digital-500,
   "content-link-hover": $bleu-digital-600,
-  "content-link-press": $bleu-digital-700,
-  "content-link-visited": $violet-600,
+  "content-link-pressed": $bleu-digital-700,
+  "content-link-visited-default": $violet-600,
   "content-link-visited-hover": $violet-700,
-  "content-link-visited-press": $violet-800,
-  "content-danger": $rouge-indications-600,
+  "content-link-visited-pressed": $violet-800,
+  "content-danger-default": $rouge-indications-600,
   "content-danger-hover": $rouge-indications-700,
   "content-danger-inverse": $core-white,
-  "content-success": $vert-digital-700,
+  "content-success-default": $vert-digital-700,
   "content-success-hover": $vert-digital-800,
-  "content-info": $bleu-digital-600,
+  "content-info-default": $bleu-digital-600,
   "content-info-hover": $bleu-digital-700,
   "content-decorative": $greyscale-900,
-  "content-status": $greyscale-900,
+  "brand-navigation-divider": $bleu-iceberg-800,
+  "brand-navigation-divider-2": $bleu-iceberg-800,
+  "brand-navigation-divider-3": $bleu-iceberg-800,
+  "brand-navigation-divider-4": $bleu-iceberg-800,
   "chart-brand": $bleu-iceberg-500,
   "chart-neutral": $greyscale-350,
   "chart-category-1": $bleu-iceberg-500,
@@ -160,6 +157,9 @@ $bleu-iceberg-light: (
   "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": $bleu-iceberg-800,
+  "brand-navigation-divider-6": $bleu-iceberg-800,
+  "brand-navigation-divider-7": $bleu-iceberg-800,
   // TODO remove this color (not a real token)
   "background-brand-hover-opacity-20": $bleu-iceberg-700-opacity-20,
   // TODO remove this color (not a real token)

package/design-tokens/tokens/themes/_vert-foret-dark.scss

@@ -24,19 +24,13 @@ $vert-foret-dark: (
   "background-brand-inverse-pressed": $vert-foret-600,
   "background-brand-navigation-default": $vert-foret-950,
   "background-brand-navigation-hover": $vert-foret-900,
-  "background-brand-navigation-active": $vert-foret-700,
-  "background-danger-default": $rouge-indications-400,
-  "background-danger-hover": $rouge-indications-300,
-  "background-danger-pressed": $rouge-indications-200,
+  "background-brand-navigation-pressed": $vert-foret-700,
+  "background-danger-default": $rouge-indications-500,
+  "background-danger-hover": $rouge-indications-400,
+  "background-danger-pressed": $rouge-indications-300,
   "background-info-default": $bleu-digital-400,
-  "background-status-info-regular": $bleu-digital-400,
-  "background-status-info-subtle": $bleu-digital-900,
-  "background-status-warning-regular": $jaune-500,
-  "background-status-warning-subtle": $jaune-100,
-  "background-status-success-regular": $vert-digital-400,
-  "background-status-success-subtle": $vert-digital-200,
-  "background-status-alert-regular": $rouge-indications-500,
-  "background-status-alert-subtle": $rouge-indications-900,
+  "background-warning-default": $jaune-500,
+  "background-success-default": $vert-digital-400,
   "border-primary": $greyscale-400,
   "border-secondary": $greyscale-600,
   "border-tertiary": $greyscale-800,
@@ -45,38 +39,41 @@ $vert-foret-dark: (
   "border-inverse": $greyscale-900,
   "border-brand-default": $vert-foret-0,
   "border-brand-focused": $vert-foret-0,
-  "border-navigation-active": $vert-foret-700,
+  "border-brand-navigation-active": $vert-foret-700,
   "border-brand-navigation-divider": $vert-foret-800,
-  "border-danger": $rouge-indications-400,
-  "border-info": $bleu-digital-500,
+  "border-danger": $rouge-indications-500,
+  "border-info": $bleu-digital-400,
   "border-warning": $jaune-indications-400,
-  "border-success": $vert-digital-600,
+  "border-success": $vert-digital-400,
   "content-primary": $core-white,
   "content-secondary": $greyscale-100,
   "content-tertiary": $greyscale-300,
   "content-primary-inverse": $greyscale-900,
   "content-disabled": $greyscale-700,
+  "content-brand-default": $vert-foret-0,
+  "content-brand-hover": $vert-foret-50,
+  "content-brand-pressed": $vert-foret-100,
   "content-brand-navigation-default": $vert-foret-100,
   "content-brand-navigation-hover": $vert-foret-50,
   "content-brand-navigation-disabled": $vert-foret-700,
-  "content-brand-default": $vert-foret-0,
-  "content-brand-hover": $vert-foret-50,
-  "content-brand-press": $vert-foret-100,
   "content-link-default": $bleu-digital-500,
   "content-link-hover": $bleu-digital-400,
-  "content-link-press": $bleu-digital-300,
-  "content-link-visited": $violet-500,
+  "content-link-pressed": $bleu-digital-300,
+  "content-link-visited-default": $violet-500,
   "content-link-visited-hover": $violet-400,
-  "content-link-visited-press": $violet-300,
-  "content-danger": $rouge-indications-400,
-  "content-danger-hover": $rouge-indications-500,
+  "content-link-visited-pressed": $violet-300,
+  "content-danger-default": $rouge-indications-500,
+  "content-danger-hover": $rouge-indications-400,
   "content-danger-inverse": $core-white,
-  "content-success": $vert-digital-400,
+  "content-success-default": $vert-digital-400,
   "content-success-hover": $vert-digital-500,
-  "content-info": $bleu-digital-400,
+  "content-info-default": $bleu-digital-400,
   "content-info-hover": $bleu-digital-500,
   "content-decorative": $greyscale-900,
-  "content-status": $greyscale-900,
+  "brand-navigation-divider": $vert-foret-800,
+  "brand-navigation-divider-2": $vert-foret-800,
+  "brand-navigation-divider-3": $vert-foret-800,
+  "brand-navigation-divider-4": $vert-foret-800,
   "chart-brand": $vert-foret-500,
   "chart-neutral": $greyscale-350,
   "chart-category-1": $bleu-iceberg-500,
@@ -160,6 +157,9 @@ $vert-foret-dark: (
   "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": $vert-foret-800,
+  "brand-navigation-divider-6": $vert-foret-800,
+  "brand-navigation-divider-7": $vert-foret-800,
   // TODO remove this color (not a real token)
   "background-brand-hover-opacity-20": $vert-foret-200-opacity-20,
   // TODO remove this color (not a real token)

package/design-tokens/tokens/themes/_vert-foret-light.scss

@@ -24,19 +24,13 @@ $vert-foret-light: (
   "background-brand-inverse-pressed": $vert-foret-100,
   "background-brand-navigation-default": $vert-foret-950,
   "background-brand-navigation-hover": $vert-foret-900,
-  "background-brand-navigation-active": $vert-foret-700,
+  "background-brand-navigation-pressed": $vert-foret-700,
   "background-danger-default": $rouge-indications-600,
   "background-danger-hover": $rouge-indications-700,
   "background-danger-pressed": $rouge-indications-800,
   "background-info-default": $bleu-digital-600,
-  "background-status-info-regular": $bleu-digital-400,
-  "background-status-info-subtle": $bleu-digital-100,
-  "background-status-warning-regular": $jaune-500,
-  "background-status-warning-subtle": $jaune-100,
-  "background-status-success-regular": $vert-digital-400,
-  "background-status-success-subtle": $vert-digital-200,
-  "background-status-alert-regular": $rouge-indications-500,
-  "background-status-alert-subtle": $rouge-indications-100,
+  "background-warning-default": $jaune-500,
+  "background-success-default": $vert-digital-700,
   "border-primary": $greyscale-600,
   "border-secondary": $greyscale-400,
   "border-tertiary": $greyscale-200,
@@ -45,38 +39,41 @@ $vert-foret-light: (
   "border-inverse": $core-white,
   "border-brand-default": $vert-foret-600,
   "border-brand-focused": $vert-foret-900,
-  "border-navigation-active": $vert-foret-700,
+  "border-brand-navigation-active": $vert-foret-700,
   "border-brand-navigation-divider": $vert-foret-800,
   "border-danger": $rouge-indications-600,
-  "border-info": $bleu-digital-500,
+  "border-info": $bleu-digital-600,
   "border-warning": $jaune-indications-400,
-  "border-success": $vert-digital-600,
+  "border-success": $vert-digital-700,
   "content-primary": $greyscale-900,
   "content-secondary": $greyscale-800,
   "content-tertiary": $greyscale-600,
   "content-primary-inverse": $core-white,
   "content-disabled": $greyscale-200,
+  "content-brand-default": $vert-foret-600,
+  "content-brand-hover": $vert-foret-700,
+  "content-brand-pressed": $vert-foret-800,
   "content-brand-navigation-default": $vert-foret-100,
   "content-brand-navigation-hover": $vert-foret-50,
   "content-brand-navigation-disabled": $vert-foret-700,
-  "content-brand-default": $vert-foret-600,
-  "content-brand-hover": $vert-foret-700,
-  "content-brand-press": $vert-foret-800,
   "content-link-default": $bleu-digital-500,
   "content-link-hover": $bleu-digital-600,
-  "content-link-press": $bleu-digital-700,
-  "content-link-visited": $violet-600,
+  "content-link-pressed": $bleu-digital-700,
+  "content-link-visited-default": $violet-600,
   "content-link-visited-hover": $violet-700,
-  "content-link-visited-press": $violet-800,
-  "content-danger": $rouge-indications-600,
+  "content-link-visited-pressed": $violet-800,
+  "content-danger-default": $rouge-indications-600,
   "content-danger-hover": $rouge-indications-700,
   "content-danger-inverse": $core-white,
-  "content-success": $vert-digital-700,
+  "content-success-default": $vert-digital-700,
   "content-success-hover": $vert-digital-800,
-  "content-info": $bleu-digital-600,
+  "content-info-default": $bleu-digital-600,
   "content-info-hover": $bleu-digital-700,
   "content-decorative": $greyscale-900,
-  "content-status": $greyscale-900,
+  "brand-navigation-divider": $vert-foret-800,
+  "brand-navigation-divider-2": $vert-foret-800,
+  "brand-navigation-divider-3": $vert-foret-800,
+  "brand-navigation-divider-4": $vert-foret-800,
   "chart-brand": $vert-foret-500,
   "chart-neutral": $greyscale-350,
   "chart-category-1": $bleu-iceberg-500,
@@ -160,6 +157,9 @@ $vert-foret-light: (
   "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": $vert-foret-800,
+  "brand-navigation-divider-6": $vert-foret-800,
+  "brand-navigation-divider-7": $vert-foret-800,
   // TODO remove this color (not a real token)
   "background-brand-hover-opacity-20": $vert-foret-700-opacity-20,
   // TODO remove this color (not a real token)

package/design-tokens/tokens/themes/_violet-dark.scss

@@ -24,19 +24,13 @@ $violet-dark: (
   "background-brand-inverse-pressed": $violet-600,
   "background-brand-navigation-default": $violet-950,
   "background-brand-navigation-hover": $violet-900,
-  "background-brand-navigation-active": $violet-700,
-  "background-danger-default": $rouge-indications-400,
-  "background-danger-hover": $rouge-indications-300,
-  "background-danger-pressed": $rouge-indications-200,
+  "background-brand-navigation-pressed": $violet-700,
+  "background-danger-default": $rouge-indications-500,
+  "background-danger-hover": $rouge-indications-400,
+  "background-danger-pressed": $rouge-indications-300,
   "background-info-default": $bleu-digital-400,
-  "background-status-info-regular": $bleu-digital-400,
-  "background-status-info-subtle": $bleu-digital-900,
-  "background-status-warning-regular": $jaune-500,
-  "background-status-warning-subtle": $jaune-100,
-  "background-status-success-regular": $vert-digital-400,
-  "background-status-success-subtle": $vert-digital-200,
-  "background-status-alert-regular": $rouge-indications-500,
-  "background-status-alert-subtle": $rouge-indications-900,
+  "background-warning-default": $jaune-500,
+  "background-success-default": $vert-digital-400,
   "border-primary": $greyscale-400,
   "border-secondary": $greyscale-600,
   "border-tertiary": $greyscale-800,
@@ -45,38 +39,41 @@ $violet-dark: (
   "border-inverse": $greyscale-900,
   "border-brand-default": $violet-0,
   "border-brand-focused": $violet-0,
-  "border-navigation-active": $violet-700,
+  "border-brand-navigation-active": $violet-700,
   "border-brand-navigation-divider": $violet-800,
-  "border-danger": $rouge-indications-400,
-  "border-info": $bleu-digital-500,
+  "border-danger": $rouge-indications-500,
+  "border-info": $bleu-digital-400,
   "border-warning": $jaune-indications-400,
-  "border-success": $vert-digital-600,
+  "border-success": $vert-digital-400,
   "content-primary": $core-white,
   "content-secondary": $greyscale-100,
   "content-tertiary": $greyscale-300,
   "content-primary-inverse": $greyscale-900,
   "content-disabled": $greyscale-700,
+  "content-brand-default": $violet-0,
+  "content-brand-hover": $violet-50,
+  "content-brand-pressed": $violet-100,
   "content-brand-navigation-default": $violet-100,
   "content-brand-navigation-hover": $violet-50,
   "content-brand-navigation-disabled": $violet-700,
-  "content-brand-default": $violet-0,
-  "content-brand-hover": $violet-50,
-  "content-brand-press": $violet-100,
   "content-link-default": $bleu-digital-500,
   "content-link-hover": $bleu-digital-400,
-  "content-link-press": $bleu-digital-300,
-  "content-link-visited": $violet-500,
+  "content-link-pressed": $bleu-digital-300,
+  "content-link-visited-default": $violet-500,
   "content-link-visited-hover": $violet-400,
-  "content-link-visited-press": $violet-300,
-  "content-danger": $rouge-indications-400,
-  "content-danger-hover": $rouge-indications-500,
+  "content-link-visited-pressed": $violet-300,
+  "content-danger-default": $rouge-indications-500,
+  "content-danger-hover": $rouge-indications-400,
   "content-danger-inverse": $core-white,
-  "content-success": $vert-digital-400,
+  "content-success-default": $vert-digital-400,
   "content-success-hover": $vert-digital-500,
-  "content-info": $bleu-digital-400,
+  "content-info-default": $bleu-digital-400,
   "content-info-hover": $bleu-digital-500,
   "content-decorative": $greyscale-900,
-  "content-status": $greyscale-900,
+  "brand-navigation-divider": $violet-800,
+  "brand-navigation-divider-2": $violet-800,
+  "brand-navigation-divider-3": $violet-800,
+  "brand-navigation-divider-4": $violet-800,
   "chart-brand": $violet-600,
   "chart-neutral": $greyscale-350,
   "chart-category-1": $bleu-iceberg-500,
@@ -160,6 +157,9 @@ $violet-dark: (
   "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": $violet-800,
+  "brand-navigation-divider-6": $violet-800,
+  "brand-navigation-divider-7": $violet-800,
   // TODO remove this color (not a real token)
   "background-brand-hover-opacity-20": $violet-200-opacity-20,
   // TODO remove this color (not a real token)

package/design-tokens/tokens/themes/_violet-light.scss

@@ -24,19 +24,13 @@ $violet-light: (
   "background-brand-inverse-pressed": $violet-100,
   "background-brand-navigation-default": $violet-950,
   "background-brand-navigation-hover": $violet-900,
-  "background-brand-navigation-active": $violet-700,
+  "background-brand-navigation-pressed": $violet-700,
   "background-danger-default": $rouge-indications-600,
   "background-danger-hover": $rouge-indications-700,
   "background-danger-pressed": $rouge-indications-800,
   "background-info-default": $bleu-digital-600,
-  "background-status-info-regular": $bleu-digital-400,
-  "background-status-info-subtle": $bleu-digital-100,
-  "background-status-warning-regular": $jaune-500,
-  "background-status-warning-subtle": $jaune-100,
-  "background-status-success-regular": $vert-digital-400,
-  "background-status-success-subtle": $vert-digital-200,
-  "background-status-alert-regular": $rouge-indications-500,
-  "background-status-alert-subtle": $rouge-indications-100,
+  "background-warning-default": $jaune-500,
+  "background-success-default": $vert-digital-700,
   "border-primary": $greyscale-600,
   "border-secondary": $greyscale-400,
   "border-tertiary": $greyscale-200,
@@ -45,38 +39,41 @@ $violet-light: (
   "border-inverse": $core-white,
   "border-brand-default": $violet-600,
   "border-brand-focused": $violet-900,
-  "border-navigation-active": $violet-700,
+  "border-brand-navigation-active": $violet-700,
   "border-brand-navigation-divider": $violet-800,
   "border-danger": $rouge-indications-600,
-  "border-info": $bleu-digital-500,
+  "border-info": $bleu-digital-600,
   "border-warning": $jaune-indications-400,
-  "border-success": $vert-digital-600,
+  "border-success": $vert-digital-700,
   "content-primary": $greyscale-900,
   "content-secondary": $greyscale-800,
   "content-tertiary": $greyscale-600,
   "content-primary-inverse": $core-white,
   "content-disabled": $greyscale-200,
+  "content-brand-default": $violet-600,
+  "content-brand-hover": $violet-700,
+  "content-brand-pressed": $violet-800,
   "content-brand-navigation-default": $violet-100,
   "content-brand-navigation-hover": $violet-50,
   "content-brand-navigation-disabled": $violet-700,
-  "content-brand-default": $violet-600,
-  "content-brand-hover": $violet-700,
-  "content-brand-press": $violet-800,
   "content-link-default": $bleu-digital-500,
   "content-link-hover": $bleu-digital-600,
-  "content-link-press": $bleu-digital-700,
-  "content-link-visited": $violet-600,
+  "content-link-pressed": $bleu-digital-700,
+  "content-link-visited-default": $violet-600,
   "content-link-visited-hover": $violet-700,
-  "content-link-visited-press": $violet-800,
-  "content-danger": $rouge-indications-600,
+  "content-link-visited-pressed": $violet-800,
+  "content-danger-default": $rouge-indications-600,
   "content-danger-hover": $rouge-indications-700,
   "content-danger-inverse": $core-white,
-  "content-success": $vert-digital-700,
+  "content-success-default": $vert-digital-700,
   "content-success-hover": $vert-digital-800,
-  "content-info": $bleu-digital-600,
+  "content-info-default": $bleu-digital-600,
   "content-info-hover": $bleu-digital-700,
   "content-decorative": $greyscale-900,
-  "content-status": $greyscale-900,
+  "brand-navigation-divider": $violet-800,
+  "brand-navigation-divider-2": $violet-800,
+  "brand-navigation-divider-3": $violet-800,
+  "brand-navigation-divider-4": $violet-800,
   "chart-brand": $violet-600,
   "chart-neutral": $greyscale-350,
   "chart-category-1": $bleu-iceberg-500,
@@ -160,6 +157,9 @@ $violet-light: (
   "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": $violet-800,
+  "brand-navigation-divider-6": $violet-800,
+  "brand-navigation-divider-7": $violet-800,
   // TODO remove this color (not a real token)
   "background-brand-hover-opacity-20": $violet-700-opacity-20,
   // TODO remove this color (not a real token)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@design-system-rte/core",
-  "version": "0.19.0",
+  "version": "0.21.0",
   "main": "index.js",
   "scripts": {
     "lint": "eslint .",