@rte-ds/core 1.2.1

package/components/textarea/textarea.constants.ts

@@ -0,0 +1 @@
+export const TEXTAREA_ICON_SIZE = 16;

package/components/textarea/textarea.interface.d.ts

@@ -0,0 +1,20 @@
+export type TextareaLabelPosition = "top" | "side";
+export type TextareaAssistiveTextAppearance = "description" | "error" | "success" | "link";
+export type TextareaRequirementIndicator = "required" | "requiredIcon" | "optional";
+
+export interface TextareaProps {
+  label?: string;
+  labelId?: string;
+  labelPosition?: TextareaLabelPosition;
+  required?: boolean;
+  showLabelRequirement?: boolean;
+  resizeable?: boolean;
+  showCounter?: boolean;
+  value?: string;
+  defaultValue?: string;
+  assistiveTextLabel?: string;
+  assistiveTextAppearance?: TextareaAssistiveTextAppearance;
+  assistiveTextLink?: string;
+  showHandleIcon?: boolean;
+  showScrollBar?: boolean;
+}

package/components/toast/toast.constants.ts

@@ -0,0 +1,9 @@
+const TOAST_DURATION_SMALL = 3000;
+const TOAST_DURATION_MEDIUM = 5000;
+const TOAST_DURATION_LARGE = 8000;
+
+export const ToastDurationMap = {
+  short: TOAST_DURATION_SMALL,
+  medium: TOAST_DURATION_MEDIUM,
+  long: TOAST_DURATION_LARGE,
+};

package/components/toast/toast.interface.d.ts

@@ -0,0 +1,21 @@
+export type ToastType = "info" | "success" | "warning" | "error" | "neutral";
+
+export type ToastDuration = "short" | "medium" | "long";
+
+export type ToastPlacement = "top-right" | "top-left" | "bottom-right" | "bottom-left" | "bottom-center";
+
+export interface ToastProps {
+  message: string;
+  isOpen?: boolean;
+  type?: ToastType;
+  duration?: ToastDuration;
+  onClose?: () => void;
+  placement?: ToastPlacement;
+  closable?: boolean;
+  autoDismiss?: boolean;
+  iconName?: string;
+  showLeftIcon?: boolean;
+  showActionButton?: boolean;
+  actionButtonLabel?: string;
+  onActionButtonClick?: () => void;
+}

package/components/toast/toast.utils.ts

@@ -0,0 +1,33 @@
+export const getToastPriority = (toast: {
+  hasActionButton: boolean;
+  type: "info" | "success" | "warning" | "error" | "neutral";
+}) => {
+  const { hasActionButton: hasButtonAction, type } = toast;
+  if (hasButtonAction) {
+    switch (type) {
+      case "error":
+        return 1;
+      case "warning":
+        return 3;
+      case "success":
+        return 5;
+      case "info":
+        return 6;
+      default:
+        return 7;
+    }
+  } else {
+    switch (type) {
+      case "error":
+        return 2;
+      case "warning":
+        return 4;
+      case "success":
+        return 8;
+      case "info":
+        return 9;
+      default:
+        return 10;
+    }
+  }
+};

package/components/tooltip/tooltip.constants.ts

@@ -0,0 +1,4 @@
+export const TOOLTIP_GAP = 4;
+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

@@ -0,0 +1,7 @@
+export interface TooltipProps {
+  position?: import("../../common-types").Position;
+  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 "@design-system-rte/core/components/tooltip/tooltip.constants";
+
+export function getTooltipGap(arrow: boolean, customGap: number = TOOLTIP_GAP): number {
+  return arrow ? TOOLTIP_GAP_ARROW + customGap : customGap;
+}

package/components/utils/auto-placement.ts

@@ -0,0 +1,220 @@
+import { Alignment, Position } from "../common/common-types";
+
+export const getAutoPlacement = (
+  hostElement: HTMLElement,
+  castedElement: Element,
+  defaultPosition: Exclude<Position, "auto">,
+  offset: number = 0,
+  hasParent: boolean = false,
+): Exclude<Position, "auto"> => {
+  let sides: Record<Exclude<Position, "auto">, boolean>;
+  const triggerRect = hostElement.getBoundingClientRect();
+  if (hasParent) {
+    const triggerParent = hostElement.parentElement;
+    if (!triggerParent) {
+      return defaultPosition;
+    }
+
+    const maxWidth = parseInt(getComputedStyle(castedElement).getPropertyValue("max-width"));
+    const maxHeight = parseInt(getComputedStyle(castedElement).getPropertyValue("max-height"));
+    const parentRect = triggerParent.getBoundingClientRect();
+    sides = {
+      top: triggerRect.top - parentRect.top > maxHeight + offset,
+      right: parentRect.right - triggerRect.right > maxWidth + offset,
+      bottom: parentRect.bottom - triggerRect.bottom >= maxHeight + offset,
+      left: triggerRect.left - parentRect.left > maxWidth + offset,
+    } as const;
+  } else {
+    const elementRect = castedElement.getBoundingClientRect();
+    sides = {
+      top: elementRect.height + offset < triggerRect.top,
+      right: elementRect.width + offset < window.innerWidth - triggerRect.right,
+      bottom: elementRect.height + offset < window.innerHeight - triggerRect.bottom,
+      left: elementRect.width + offset < triggerRect.left,
+    } as const;
+  }
+
+  if (sides.top) return "top";
+  if (sides.bottom) return "bottom";
+  if (sides.left) return "left";
+  if (sides.right) return "right";
+
+  return defaultPosition;
+};
+
+export const getAutoPlacementDropdown = (
+  hostElement: HTMLElement,
+  castedElement: Element,
+  defaultPosition: Exclude<Position, "auto">,
+  offset: number = 0,
+  hasDropdownParent: boolean = false,
+): Exclude<Position, "auto"> => {
+  const triggerRect = hostElement.getBoundingClientRect();
+  const elementRect = castedElement.getBoundingClientRect();
+  const sides = {
+    top: elementRect.height + offset < triggerRect.top,
+    right: elementRect.width + offset < window.innerWidth - triggerRect.right,
+    bottom: elementRect.height + offset < window.innerHeight - triggerRect.bottom,
+    left: elementRect.width + offset < triggerRect.left,
+  } as const;
+
+  if (hasDropdownParent) {
+    return getAutoPlacementDropdownWithParent(sides, defaultPosition);
+  }
+
+  return getAutoPlacementDropdownWithoutParent(sides, defaultPosition);
+};
+
+const getAutoPlacementDropdownWithParent = (
+  sides: Record<Exclude<Position, "auto">, boolean>,
+  defaultPosition: Exclude<Position, "auto">,
+) => {
+  if (sides.right) return "right";
+  if (sides.left) return "left";
+  if (sides.bottom) return "bottom";
+  if (sides.top) return "top";
+
+  return defaultPosition;
+};
+
+const getAutoPlacementDropdownWithoutParent = (
+  sides: Record<Exclude<Position, "auto">, boolean>,
+  defaultPosition: Exclude<Position, "auto">,
+) => {
+  if (sides.bottom) return "bottom";
+  if (sides.right) return "right";
+  if (sides.left) return "left";
+  if (sides.top) return "top";
+
+  return defaultPosition;
+};
+
+export const getAutoAlignment = (
+  hostElement: HTMLElement,
+  castedElement: Element,
+  position: Exclude<Position, "auto">,
+) => {
+  const defaultPosition = "center";
+  const triggerParent = hostElement.parentElement;
+  if (!triggerParent) {
+    return defaultPosition;
+  }
+  const triggerRect = hostElement.getBoundingClientRect();
+  const castedRect = castedElement.getBoundingClientRect();
+
+  const alignments = {
+    end:
+      position === "top" || position === "bottom"
+        ? triggerRect.right >= castedRect.width
+        : window.innerHeight - triggerRect.bottom >= castedRect.height,
+    start:
+      position === "top" || position === "bottom"
+        ? window.innerWidth - triggerRect.left >= castedRect.width
+        : window.innerHeight - triggerRect.top >= castedRect.height,
+  } as const;
+  if (alignments.start) return "start";
+  if (alignments.end) return "end";
+  return defaultPosition;
+};
+
+export const getCoordinates = (
+  position: Exclude<Position, "auto">,
+  triggerElement: HTMLElement,
+  castedElement: HTMLElement,
+  offset: number = 0,
+  alignment: Alignment = "center",
+) => {
+  const triggerElementRect = triggerElement.getBoundingClientRect();
+  const castedElementRect = castedElement.getBoundingClientRect();
+
+  if (position === "bottom") {
+    return handleBottomPosition(triggerElementRect, castedElementRect, offset, alignment);
+  } else if (position === "left") {
+    return handleLeftPosition(triggerElementRect, castedElementRect, offset, alignment);
+  } else if (position === "right") {
+    return handleRightPosition(triggerElementRect, castedElementRect, offset, alignment);
+  } else {
+    return handleTopPosition(triggerElementRect, castedElementRect, offset, alignment);
+  }
+};
+
+const handleBottomPosition = (
+  triggerElementRect: DOMRect,
+  castedElementRect: DOMRect,
+  offset: number,
+  alignment: Alignment,
+) => {
+  const top = triggerElementRect.bottom + offset + window.scrollY;
+  let left = 0;
+
+  if (alignment === "start") {
+    left = triggerElementRect.left + window.scrollX;
+  } else if (alignment === "end") {
+    left = triggerElementRect.right - castedElementRect.width + window.scrollX;
+  } else {
+    left = triggerElementRect.left + triggerElementRect.width / 2 - castedElementRect.width / 2 + window.scrollX;
+  }
+
+  return { top, left };
+};
+
+const handleLeftPosition = (
+  triggerElementRect: DOMRect,
+  castedElementRect: DOMRect,
+  offset: number,
+  alignment: Alignment,
+) => {
+  const left = triggerElementRect.left - castedElementRect.width - offset + window.scrollX;
+  let top = 0;
+
+  if (alignment === "start") {
+    top = triggerElementRect.top + window.scrollY;
+  } else if (alignment === "end") {
+    top = triggerElementRect.bottom - castedElementRect.height + window.scrollY;
+  } else {
+    top = triggerElementRect.top + triggerElementRect.height / 2 - castedElementRect.height / 2 + window.scrollY;
+  }
+
+  return { top, left };
+};
+
+const handleRightPosition = (
+  triggerElementRect: DOMRect,
+  castedElementRect: DOMRect,
+  offset: number,
+  alignment: Alignment,
+) => {
+  const left = triggerElementRect.right + offset + window.scrollX;
+  let top = 0;
+
+  if (alignment === "start") {
+    top = triggerElementRect.top + window.scrollY;
+  } else if (alignment === "end") {
+    top = triggerElementRect.bottom - castedElementRect.height + window.scrollY;
+  } else {
+    top = triggerElementRect.top + triggerElementRect.height / 2 - castedElementRect.height / 2 + window.scrollY;
+  }
+
+  return { top, left };
+};
+
+const handleTopPosition = (
+  triggerElementRect: DOMRect,
+  castedElementRect: DOMRect,
+  offset: number,
+  alignment: Alignment,
+) => {
+  const top = triggerElementRect.top - castedElementRect.height - offset + window.scrollY;
+
+  let left = 0;
+
+  if (alignment === "start") {
+    left = triggerElementRect.left + window.scrollX;
+  } else if (alignment === "end") {
+    left = triggerElementRect.right - castedElementRect.width + window.scrollX;
+  } else {
+    left = triggerElementRect.left + triggerElementRect.width / 2 - castedElementRect.width / 2 + window.scrollX;
+  }
+
+  return { top, left };
+};

package/constants/dom/dom.constants.ts

@@ -0,0 +1,13 @@
+export const FOCUSABLE_ELEMENTS = [
+  "button",
+  "a[href]",
+  "input",
+  "select",
+  "textarea",
+  "details",
+  '[tabindex]:not([tabindex="-1"])',
+];
+
+export const FOCUSABLE_ELEMENTS_QUERY = FOCUSABLE_ELEMENTS.map(
+  (element) => element + ":not([disabled]):not([aria-hidden])",
+).join(",");

package/constants/keyboard/keyboard-test.constants.ts

@@ -0,0 +1,21 @@
+import {
+  SPACE_KEY,
+  ENTER_KEY,
+  BACKSPACE_KEY,
+  DELETE_KEY,
+  ARROW_RIGHT_KEY,
+  ARROW_LEFT_KEY,
+  ESCAPE_KEY,
+  ARROW_UP_KEY,
+  ARROW_DOWN_KEY,
+} from "./keyboard.constants";
+
+export const TESTING_SPACE_KEY = `{${SPACE_KEY}}`;
+export const TESTING_ENTER_KEY = `{${ENTER_KEY}}`;
+export const TESTING_ESCAPE_KEY = `{${ESCAPE_KEY}}`;
+export const TESTING_UP_KEY = `{${ARROW_UP_KEY}}`;
+export const TESTING_DOWN_KEY = `{${ARROW_DOWN_KEY}}`;
+export const TESTING_BACKSPACE_KEY = `{${BACKSPACE_KEY}}`;
+export const TESTING_DELETE_KEY = `{${DELETE_KEY}}`;
+export const TESTING_ARROW_RIGHT_KEY = `{${ARROW_RIGHT_KEY}}`;
+export const TESTING_ARROW_LEFT_KEY = `{${ARROW_LEFT_KEY}}`;

package/constants/keyboard/keyboard.constants.ts

@@ -0,0 +1,10 @@
+export const SPACE_KEY = " ";
+export const ENTER_KEY = "Enter";
+export const TAB_KEY = "Tab";
+export const BACKSPACE_KEY = "Backspace";
+export const DELETE_KEY = "Delete";
+export const ARROW_LEFT_KEY = "ArrowLeft";
+export const ARROW_RIGHT_KEY = "ArrowRight";
+export const ARROW_UP_KEY = "ArrowUp";
+export const ARROW_DOWN_KEY = "ArrowDown";
+export const ESCAPE_KEY = "Escape";

package/css/bleu_iceberg.css

@@ -0,0 +1 @@
+:root [data-theme=bleu_iceberg][data-mode=light]{--background-default: #ffffff;--background-hover: #ebebea;--background-neutral-regular-default: #e1e1e0;--background-neutral-regular-hover: #c2c1c0;--background-neutral-bold-default: #737272;--background-neutral-bold-hover: #4c4c4b;--background-neutral-navigation-default: #ebebea;--background-neutral-navigation-hover: #e1e1e0;--background-disabled: #f4f5f4;--background-inverse: #201f1f;--background-brand-default: #2964a0;--background-brand-hover: #225082;--background-brand-pressed: #214770;--background-brand-selected-default: #2964a0;--background-brand-selected-hover: #225082;--background-brand-unselected-default: #e6eef8;--background-brand-unselected-hover: #c7dbf0;--background-brand-inverse-default: #ffffff;--background-brand-inverse-hover: #f3f6fc;--background-brand-inverse-pressed: #e6eef8;--background-brand-navigation-default: #15253c;--background-brand-navigation-hover: #1f3b5b;--background-brand-navigation-pressed: #225082;--background-danger-default: #de2048;--background-danger-hover: #c81640;--background-danger-pressed: #9d1439;--background-info-default: #1465fc;--background-warning-default: #ffe500;--background-success-default: #0b8a4d;--border-primary: #737272;--border-secondary: #a1a1a0;--border-tertiary: #cdcccb;--border-divider: #cdcccb;--border-disabled: #cdcccb;--border-inverse: #ffffff;--border-brand-default: #2964a0;--border-brand-focused: #1f3b5b;--border-brand-navigation-active: #225082;--border-brand-navigation-divider: #214770;--border-danger: #de2048;--border-info: #1465fc;--border-warning: #f4922b;--border-success: #0b8a4d;--content-primary: #201f1f;--content-secondary: #3e3e3d;--content-tertiary: #737272;--content-primary-inverse: #ffffff;--content-disabled: #cdcccb;--content-brand-default: #2964a0;--content-brand-hover: #225082;--content-brand-pressed: #214770;--content-brand-navigation-default: #e6eef8;--content-brand-navigation-hover: #f3f6fc;--content-brand-navigation-disabled: #225082;--content-link-default: #2b86ff;--content-link-hover: #1465fc;--content-link-pressed: #0d4fea;--content-link-visited-default: #7d5a9f;--content-link-visited-hover: #674883;--content-link-visited-pressed: #563c6c;--content-danger-default: #de2048;--content-danger-hover: #c81640;--content-danger-inverse: #ffffff;--content-success-default: #0b8a4d;--content-success-hover: #0e6d40;--content-info-default: #1465fc;--content-info-hover: #0d4fea;--content-decorative: #201f1f;--brand-navigation-divider: #214770;--brand-navigation-divider-2: #214770;--brand-navigation-divider-3: #214770;--brand-navigation-divider-4: #214770;--chart-brand: #397ebe;--chart-neutral: #acacab;--chart-category-1: #397ebe;--chart-category-2: #ff2c74;--chart-category-3: #7d5a9f;--chart-category-4: #4dba97;--chart-category-5: #233857;--chart-category-6: #ed6e13;--chart-category-7: #73636c;--chart-category-8: #639cad;--chart-bleu-iceberg: #e6eef8;--chart-bleu-iceberg-bold: #397ebe;--chart-vert-foret: #d7f4e6;--chart-vert-foret-bold: #4dba97;--chart-violet: #d2c3e4;--chart-violet-bold: #7d5a9f;--chart-bleu-rte: #e0f5fe;--chart-bleu-rte-bold: #00a6d9;--chart-bleu-digital: #d8ebff;--chart-bleu-digital-bold: #2b86ff;--chart-marine: #e7edf7;--chart-marine-bold: #2f5d9a;--chart-bleu-petrole: #deecef;--chart-bleu-petrole-bold: #478093;--chart-bleu-cyan: #d1f9fc;--chart-bleu-cyan-bold: #0fb3cb;--chart-vert: #c7fff4;--chart-vert-bold: #04c8b1;--chart-vert-indications: #e6f2a4;--chart-vert-indications-bold: #bed942;--chart-vert-digital: #d9ffec;--chart-vert-digital-bold: #3cec96;--chart-jaune: #faffc1;--chart-jaune-bold: #ffe500;--chart-jaune-ocre: #faefc7;--chart-jaune-ocre-bold: #ebb53d;--chart-jaune-indications: #fce7c9;--chart-jaune-indications-bold: #f4922b;--chart-saumon: #fde8e3;--chart-saumon-bold: #ec775c;--chart-rose-digital: #ffccd1;--chart-rose-digital-bold: #f93a58;--chart-fuschia: #ffe1e9;--chart-fuschia-bold: #ff2c74;--chart-rouge-indications: #fdced4;--chart-rouge-indications-bold: #f14662;--chart-greyscale: #ebebea;--chart-greyscale-bold: #7f7e7e;--chart-taupe: #e7e3e6;--chart-taupe-bold: #8a7883;--decorative-neutral: #ebebea;--decorative-bleu-iceberg: #c7dbf0;--decorative-vert-foret: #d7f4e6;--decorative-violet: #e6def0;--decorative-bleu-rte: #b9edfe;--decorative-bleu-digital: #baddff;--decorative-marine: #e7edf7;--decorative-bleu-petrole: #c1dae0;--decorative-bleu-cyan: #a9f2f8;--decorative-vert: #90ffe8;--decorative-vert-indications: #e6f2a4;--decorative-vert-digital: #b5fdd9;--decorative-jaune: #faffc1;--decorative-jaune-ocre: #f5de93;--decorative-jaune-indications: #f9ce8e;--decorative-saumon: #f9b7a8;--decorative-rose-digital: #ffccd1;--decorative-fuschia: #ffc8d8;--decorative-rouge-indication: #ffe4e6;--decorative-taupe: #e7e3e6;--elevation-surface-inner-shadow: rgba(0, 0, 0, 0);--elevation-surface-shadow-1: rgba(255, 255, 255, 0);--elevation-surface-shadow-2: rgba(255, 255, 255, 0);--elevation-surface-shadow-3: rgba(255, 255, 255, 0);--elevation-surface-shadow-4: rgba(255, 255, 255, 0);--elevation-surface-shadow-5: rgba(255, 255, 255, 0);--elevation-surface-shadow-6: rgba(255, 255, 255, 0);--elevation-shadow-ambient: rgba(0, 0, 0, 0.12);--elevation-shadow-ambient-darker: rgba(0, 0, 0, 0.2);--elevation-shadow-ambient-brand: rgba(0, 0, 0, 0.25);--elevation-shadow-key: rgba(0, 0, 0, 0.14);--elevation-shadow-key-darker: rgba(0, 0, 0, 0.24);--elevation-shadow-key-brand: rgba(0, 0, 0, 0.31);--brand-navigation-divider-5: #214770;--brand-navigation-divider-6: #214770;--brand-navigation-divider-7: #214770;--background-brand-hover-opacity-20: rgba(34, 80, 130, 0.2);--background-danger-hover-opacity-20: rgba(200, 22, 64, 0.2);--background-hover-opacity-50: rgba(235, 235, 234, 0.5)}:root [data-theme=bleu_iceberg][data-mode=dark]{--background-default: #201f1f;--background-hover: #3e3e3d;--background-neutral-regular-default: #595958;--background-neutral-regular-hover: #7f7e7e;--background-neutral-bold-default: #cdcccb;--background-neutral-bold-hover: #ebebea;--background-neutral-navigation-default: #ebebea;--background-neutral-navigation-hover: #e1e1e0;--background-disabled: #3e3e3d;--background-inverse: #ffffff;--background-brand-default: #96bde3;--background-brand-hover: #c7dbf0;--background-brand-pressed: #e6eef8;--background-brand-selected-default: #96bde3;--background-brand-selected-hover: #c7dbf0;--background-brand-unselected-default: #225082;--background-brand-unselected-hover: #2964a0;--background-brand-inverse-default: #201f1f;--background-brand-inverse-hover: #225082;--background-brand-inverse-pressed: #2964a0;--background-brand-navigation-default: #15253c;--background-brand-navigation-hover: #1f3b5b;--background-brand-navigation-pressed: #225082;--background-danger-default: #f14662;--background-danger-hover: #f97385;--background-danger-pressed: #fca5af;--background-info-default: #53aaff;--background-warning-default: #ffe500;--background-success-default: #3cec96;--border-primary: #a1a1a0;--border-secondary: #737272;--border-tertiary: #3e3e3d;--border-divider: #a1a1a0;--border-disabled: #595958;--border-inverse: #201f1f;--border-brand-default: #f9fbfd;--border-brand-focused: #f9fbfd;--border-brand-navigation-active: #225082;--border-brand-navigation-divider: #214770;--border-danger: #f14662;--border-info: #53aaff;--border-warning: #f4922b;--border-success: #3cec96;--content-primary: #ffffff;--content-secondary: #e1e1e0;--content-tertiary: #b7b7b6;--content-primary-inverse: #201f1f;--content-disabled: #595958;--content-brand-default: #f9fbfd;--content-brand-hover: #f3f6fc;--content-brand-pressed: #e6eef8;--content-brand-navigation-default: #e6eef8;--content-brand-navigation-hover: #f3f6fc;--content-brand-navigation-disabled: #225082;--content-link-default: #2b86ff;--content-link-hover: #53aaff;--content-link-pressed: #8ac8ff;--content-link-visited-default: #9979bc;--content-link-visited-hover: #b89fd3;--content-link-visited-pressed: #d2c3e4;--content-danger-default: #f14662;--content-danger-hover: #f97385;--content-danger-inverse: #ffffff;--content-success-default: #3cec96;--content-success-hover: #12d577;--content-info-default: #53aaff;--content-info-hover: #2b86ff;--content-decorative: #201f1f;--brand-navigation-divider: #214770;--brand-navigation-divider-2: #214770;--brand-navigation-divider-3: #214770;--brand-navigation-divider-4: #214770;--chart-brand: #397ebe;--chart-neutral: #acacab;--chart-category-1: #397ebe;--chart-category-2: #ff2c74;--chart-category-3: #7d5a9f;--chart-category-4: #2a9f7d;--chart-category-5: #233857;--chart-category-6: #ed6e13;--chart-category-7: #73636c;--chart-category-8: #639cad;--chart-bleu-iceberg: #e6eef8;--chart-bleu-iceberg-bold: #397ebe;--chart-vert-foret: #d7f4e6;--chart-vert-foret-bold: #4dba97;--chart-violet: #d2c3e4;--chart-violet-bold: #7d5a9f;--chart-bleu-rte: #e0f5fe;--chart-bleu-rte-bold: #00a6d9;--chart-bleu-digital: #d8ebff;--chart-bleu-digital-bold: #2b86ff;--chart-marine: #e7edf7;--chart-marine-bold: #3d70ad;--chart-bleu-petrole: #deecef;--chart-bleu-petrole-bold: #478093;--chart-bleu-cyan: #d1f9fc;--chart-bleu-cyan-bold: #0fb3cb;--chart-vert: #c7fff4;--chart-vert-bold: #04c8b1;--chart-vert-indications: #e6f2a4;--chart-vert-indications-bold: #bed942;--chart-vert-digital: #d9ffec;--chart-vert-digital-bold: #3cec96;--chart-jaune: #faffc1;--chart-jaune-bold: #ffe500;--chart-jaune-ocre: #faefc7;--chart-jaune-ocre-bold: #ebb53d;--chart-jaune-indications: #fce7c9;--chart-jaune-indications-bold: #f4922b;--chart-saumon: #fde8e3;--chart-saumon-bold: #ec775c;--chart-rose-digital: #ffccd1;--chart-rose-digital-bold: #f93a58;--chart-fuschia: #ffe1e9;--chart-fuschia-bold: #ff2c74;--chart-rouge-indications: #ffe4e6;--chart-rouge-indications-bold: #f14662;--chart-greyscale: #ebebea;--chart-greyscale-bold: #7f7e7e;--chart-taupe: #e7e3e6;--chart-taupe-bold: #8a7883;--decorative-neutral: #ebebea;--decorative-bleu-iceberg: #c7dbf0;--decorative-vert-foret: #d7f4e6;--decorative-violet: #e6def0;--decorative-bleu-rte: #b9edfe;--decorative-bleu-digital: #baddff;--decorative-marine: #e7edf7;--decorative-bleu-petrole: #c1dae0;--decorative-bleu-cyan: #a9f2f8;--decorative-vert: #90ffe8;--decorative-vert-indications: #e6f2a4;--decorative-vert-digital: #b5fdd9;--decorative-jaune: #faffc1;--decorative-jaune-ocre: #f5de93;--decorative-jaune-indications: #f9ce8e;--decorative-saumon: #f9b7a8;--decorative-rose-digital: #ffccd1;--decorative-fuschia: #ffc8d8;--decorative-rouge-indication: #ffe4e6;--decorative-taupe: #e7e3e6;--elevation-surface-inner-shadow: rgba(0, 0, 0, 0.2);--elevation-surface-shadow-1: rgba(255, 255, 255, 0.03);--elevation-surface-shadow-2: rgba(255, 255, 255, 0.05);--elevation-surface-shadow-3: rgba(255, 255, 255, 0.08);--elevation-surface-shadow-4: rgba(255, 255, 255, 0.1);--elevation-surface-shadow-5: rgba(255, 255, 255, 0.12);--elevation-surface-shadow-6: rgba(255, 255, 255, 0.14);--elevation-shadow-ambient: rgba(0, 0, 0, 0.2);--elevation-shadow-ambient-darker: rgba(0, 0, 0, 0.4);--elevation-shadow-ambient-brand: rgba(0, 0, 0, 0.17);--elevation-shadow-key: rgba(0, 0, 0, 0.28);--elevation-shadow-key-darker: rgba(0, 0, 0, 0.48);--elevation-shadow-key-brand: rgba(0, 0, 0, 0.21);--brand-navigation-divider-5: #214770;--brand-navigation-divider-6: #214770;--brand-navigation-divider-7: #214770;--background-brand-hover-opacity-20: rgba(199, 219, 240, 0.2);--background-danger-hover-opacity-20: rgba(241, 70, 98, 0.2);--background-hover-opacity-50: rgba(62, 62, 61, 0.5)}

package/css/rte-fonts.css

@@ -0,0 +1 @@
+@font-face{font-display:swap;font-family:"Nunito";font-style:normal;font-weight:300;src:url("@design-system-rte/core/assets/fonts/nunito-light-300.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Nunito";font-style:normal;font-weight:400;src:url("@design-system-rte/core/assets/fonts/nunito-regular-400.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Nunito";font-style:normal;font-weight:600;src:url("@design-system-rte/core/assets/fonts/nunito-semi-bold-600.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Nunito";font-style:normal;font-weight:700;src:url("@design-system-rte/core/assets/fonts/nunito-bold-700.woff2") format("woff2")}

package/css/rte-themes.css

@@ -0,0 +1 @@
+[data-theme=bleu_iceberg][data-mode=light]{--background-default: #ffffff;--background-hover: #ebebea;--background-neutral-regular-default: #e1e1e0;--background-neutral-regular-hover: #c2c1c0;--background-neutral-bold-default: #737272;--background-neutral-bold-hover: #4c4c4b;--background-neutral-navigation-default: #ebebea;--background-neutral-navigation-hover: #e1e1e0;--background-disabled: #f4f5f4;--background-inverse: #201f1f;--background-brand-default: #2964a0;--background-brand-hover: #225082;--background-brand-pressed: #214770;--background-brand-selected-default: #2964a0;--background-brand-selected-hover: #225082;--background-brand-unselected-default: #e6eef8;--background-brand-unselected-hover: #c7dbf0;--background-brand-inverse-default: #ffffff;--background-brand-inverse-hover: #f3f6fc;--background-brand-inverse-pressed: #e6eef8;--background-brand-navigation-default: #15253c;--background-brand-navigation-hover: #1f3b5b;--background-brand-navigation-pressed: #225082;--background-danger-default: #de2048;--background-danger-hover: #c81640;--background-danger-pressed: #9d1439;--background-info-default: #1465fc;--background-warning-default: #ffe500;--background-success-default: #0b8a4d;--border-primary: #737272;--border-secondary: #a1a1a0;--border-tertiary: #cdcccb;--border-divider: #cdcccb;--border-disabled: #cdcccb;--border-inverse: #ffffff;--border-brand-default: #2964a0;--border-brand-focused: #1f3b5b;--border-brand-navigation-active: #225082;--border-brand-navigation-divider: #214770;--border-danger: #de2048;--border-info: #1465fc;--border-warning: #f4922b;--border-success: #0b8a4d;--content-primary: #201f1f;--content-secondary: #3e3e3d;--content-tertiary: #737272;--content-primary-inverse: #ffffff;--content-disabled: #cdcccb;--content-brand-default: #2964a0;--content-brand-hover: #225082;--content-brand-pressed: #214770;--content-brand-navigation-default: #e6eef8;--content-brand-navigation-hover: #f3f6fc;--content-brand-navigation-disabled: #225082;--content-link-default: #2b86ff;--content-link-hover: #1465fc;--content-link-pressed: #0d4fea;--content-link-visited-default: #7d5a9f;--content-link-visited-hover: #674883;--content-link-visited-pressed: #563c6c;--content-danger-default: #de2048;--content-danger-hover: #c81640;--content-danger-inverse: #ffffff;--content-success-default: #0b8a4d;--content-success-hover: #0e6d40;--content-info-default: #1465fc;--content-info-hover: #0d4fea;--content-decorative: #201f1f;--brand-navigation-divider: #214770;--brand-navigation-divider-2: #214770;--brand-navigation-divider-3: #214770;--brand-navigation-divider-4: #214770;--chart-brand: #397ebe;--chart-neutral: #acacab;--chart-category-1: #397ebe;--chart-category-2: #ff2c74;--chart-category-3: #7d5a9f;--chart-category-4: #4dba97;--chart-category-5: #233857;--chart-category-6: #ed6e13;--chart-category-7: #73636c;--chart-category-8: #639cad;--chart-bleu-iceberg: #e6eef8;--chart-bleu-iceberg-bold: #397ebe;--chart-vert-foret: #d7f4e6;--chart-vert-foret-bold: #4dba97;--chart-violet: #d2c3e4;--chart-violet-bold: #7d5a9f;--chart-bleu-rte: #e0f5fe;--chart-bleu-rte-bold: #00a6d9;--chart-bleu-digital: #d8ebff;--chart-bleu-digital-bold: #2b86ff;--chart-marine: #e7edf7;--chart-marine-bold: #2f5d9a;--chart-bleu-petrole: #deecef;--chart-bleu-petrole-bold: #478093;--chart-bleu-cyan: #d1f9fc;--chart-bleu-cyan-bold: #0fb3cb;--chart-vert: #c7fff4;--chart-vert-bold: #04c8b1;--chart-vert-indications: #e6f2a4;--chart-vert-indications-bold: #bed942;--chart-vert-digital: #d9ffec;--chart-vert-digital-bold: #3cec96;--chart-jaune: #faffc1;--chart-jaune-bold: #ffe500;--chart-jaune-ocre: #faefc7;--chart-jaune-ocre-bold: #ebb53d;--chart-jaune-indications: #fce7c9;--chart-jaune-indications-bold: #f4922b;--chart-saumon: #fde8e3;--chart-saumon-bold: #ec775c;--chart-rose-digital: #ffccd1;--chart-rose-digital-bold: #f93a58;--chart-fuschia: #ffe1e9;--chart-fuschia-bold: #ff2c74;--chart-rouge-indications: #fdced4;--chart-rouge-indications-bold: #f14662;--chart-greyscale: #ebebea;--chart-greyscale-bold: #7f7e7e;--chart-taupe: #e7e3e6;--chart-taupe-bold: #8a7883;--decorative-neutral: #ebebea;--decorative-bleu-iceberg: #c7dbf0;--decorative-vert-foret: #d7f4e6;--decorative-violet: #e6def0;--decorative-bleu-rte: #b9edfe;--decorative-bleu-digital: #baddff;--decorative-marine: #e7edf7;--decorative-bleu-petrole: #c1dae0;--decorative-bleu-cyan: #a9f2f8;--decorative-vert: #90ffe8;--decorative-vert-indications: #e6f2a4;--decorative-vert-digital: #b5fdd9;--decorative-jaune: #faffc1;--decorative-jaune-ocre: #f5de93;--decorative-jaune-indications: #f9ce8e;--decorative-saumon: #f9b7a8;--decorative-rose-digital: #ffccd1;--decorative-fuschia: #ffc8d8;--decorative-rouge-indication: #ffe4e6;--decorative-taupe: #e7e3e6;--elevation-surface-inner-shadow: rgba(0, 0, 0, 0);--elevation-surface-shadow-1: rgba(255, 255, 255, 0);--elevation-surface-shadow-2: rgba(255, 255, 255, 0);--elevation-surface-shadow-3: rgba(255, 255, 255, 0);--elevation-surface-shadow-4: rgba(255, 255, 255, 0);--elevation-surface-shadow-5: rgba(255, 255, 255, 0);--elevation-surface-shadow-6: rgba(255, 255, 255, 0);--elevation-shadow-ambient: rgba(0, 0, 0, 0.12);--elevation-shadow-ambient-darker: rgba(0, 0, 0, 0.2);--elevation-shadow-ambient-brand: rgba(0, 0, 0, 0.25);--elevation-shadow-key: rgba(0, 0, 0, 0.14);--elevation-shadow-key-darker: rgba(0, 0, 0, 0.24);--elevation-shadow-key-brand: rgba(0, 0, 0, 0.31);--brand-navigation-divider-5: #214770;--brand-navigation-divider-6: #214770;--brand-navigation-divider-7: #214770;--background-brand-hover-opacity-20: rgba(34, 80, 130, 0.2);--background-danger-hover-opacity-20: rgba(200, 22, 64, 0.2);--background-hover-opacity-50: rgba(235, 235, 234, 0.5)}[data-theme=bleu_iceberg][data-mode=dark]{--background-default: #201f1f;--background-hover: #3e3e3d;--background-neutral-regular-default: #595958;--background-neutral-regular-hover: #7f7e7e;--background-neutral-bold-default: #cdcccb;--background-neutral-bold-hover: #ebebea;--background-neutral-navigation-default: #ebebea;--background-neutral-navigation-hover: #e1e1e0;--background-disabled: #3e3e3d;--background-inverse: #ffffff;--background-brand-default: #96bde3;--background-brand-hover: #c7dbf0;--background-brand-pressed: #e6eef8;--background-brand-selected-default: #96bde3;--background-brand-selected-hover: #c7dbf0;--background-brand-unselected-default: #225082;--background-brand-unselected-hover: #2964a0;--background-brand-inverse-default: #201f1f;--background-brand-inverse-hover: #225082;--background-brand-inverse-pressed: #2964a0;--background-brand-navigation-default: #15253c;--background-brand-navigation-hover: #1f3b5b;--background-brand-navigation-pressed: #225082;--background-danger-default: #f14662;--background-danger-hover: #f97385;--background-danger-pressed: #fca5af;--background-info-default: #53aaff;--background-warning-default: #ffe500;--background-success-default: #3cec96;--border-primary: #a1a1a0;--border-secondary: #737272;--border-tertiary: #3e3e3d;--border-divider: #a1a1a0;--border-disabled: #595958;--border-inverse: #201f1f;--border-brand-default: #f9fbfd;--border-brand-focused: #f9fbfd;--border-brand-navigation-active: #225082;--border-brand-navigation-divider: #214770;--border-danger: #f14662;--border-info: #53aaff;--border-warning: #f4922b;--border-success: #3cec96;--content-primary: #ffffff;--content-secondary: #e1e1e0;--content-tertiary: #b7b7b6;--content-primary-inverse: #201f1f;--content-disabled: #595958;--content-brand-default: #f9fbfd;--content-brand-hover: #f3f6fc;--content-brand-pressed: #e6eef8;--content-brand-navigation-default: #e6eef8;--content-brand-navigation-hover: #f3f6fc;--content-brand-navigation-disabled: #225082;--content-link-default: #2b86ff;--content-link-hover: #53aaff;--content-link-pressed: #8ac8ff;--content-link-visited-default: #9979bc;--content-link-visited-hover: #b89fd3;--content-link-visited-pressed: #d2c3e4;--content-danger-default: #f14662;--content-danger-hover: #f97385;--content-danger-inverse: #ffffff;--content-success-default: #3cec96;--content-success-hover: #12d577;--content-info-default: #53aaff;--content-info-hover: #2b86ff;--content-decorative: #201f1f;--brand-navigation-divider: #214770;--brand-navigation-divider-2: #214770;--brand-navigation-divider-3: #214770;--brand-navigation-divider-4: #214770;--chart-brand: #397ebe;--chart-neutral: #acacab;--chart-category-1: #397ebe;--chart-category-2: #ff2c74;--chart-category-3: #7d5a9f;--chart-category-4: #2a9f7d;--chart-category-5: #233857;--chart-category-6: #ed6e13;--chart-category-7: #73636c;--chart-category-8: #639cad;--chart-bleu-iceberg: #e6eef8;--chart-bleu-iceberg-bold: #397ebe;--chart-vert-foret: #d7f4e6;--chart-vert-foret-bold: #4dba97;--chart-violet: #d2c3e4;--chart-violet-bold: #7d5a9f;--chart-bleu-rte: #e0f5fe;--chart-bleu-rte-bold: #00a6d9;--chart-bleu-digital: #d8ebff;--chart-bleu-digital-bold: #2b86ff;--chart-marine: #e7edf7;--chart-marine-bold: #3d70ad;--chart-bleu-petrole: #deecef;--chart-bleu-petrole-bold: #478093;--chart-bleu-cyan: #d1f9fc;--chart-bleu-cyan-bold: #0fb3cb;--chart-vert: #c7fff4;--chart-vert-bold: #04c8b1;--chart-vert-indications: #e6f2a4;--chart-vert-indications-bold: #bed942;--chart-vert-digital: #d9ffec;--chart-vert-digital-bold: #3cec96;--chart-jaune: #faffc1;--chart-jaune-bold: #ffe500;--chart-jaune-ocre: #faefc7;--chart-jaune-ocre-bold: #ebb53d;--chart-jaune-indications: #fce7c9;--chart-jaune-indications-bold: #f4922b;--chart-saumon: #fde8e3;--chart-saumon-bold: #ec775c;--chart-rose-digital: #ffccd1;--chart-rose-digital-bold: #f93a58;--chart-fuschia: #ffe1e9;--chart-fuschia-bold: #ff2c74;--chart-rouge-indications: #ffe4e6;--chart-rouge-indications-bold: #f14662;--chart-greyscale: #ebebea;--chart-greyscale-bold: #7f7e7e;--chart-taupe: #e7e3e6;--chart-taupe-bold: #8a7883;--decorative-neutral: #ebebea;--decorative-bleu-iceberg: #c7dbf0;--decorative-vert-foret: #d7f4e6;--decorative-violet: #e6def0;--decorative-bleu-rte: #b9edfe;--decorative-bleu-digital: #baddff;--decorative-marine: #e7edf7;--decorative-bleu-petrole: #c1dae0;--decorative-bleu-cyan: #a9f2f8;--decorative-vert: #90ffe8;--decorative-vert-indications: #e6f2a4;--decorative-vert-digital: #b5fdd9;--decorative-jaune: #faffc1;--decorative-jaune-ocre: #f5de93;--decorative-jaune-indications: #f9ce8e;--decorative-saumon: #f9b7a8;--decorative-rose-digital: #ffccd1;--decorative-fuschia: #ffc8d8;--decorative-rouge-indication: #ffe4e6;--decorative-taupe: #e7e3e6;--elevation-surface-inner-shadow: rgba(0, 0, 0, 0.2);--elevation-surface-shadow-1: rgba(255, 255, 255, 0.03);--elevation-surface-shadow-2: rgba(255, 255, 255, 0.05);--elevation-surface-shadow-3: rgba(255, 255, 255, 0.08);--elevation-surface-shadow-4: rgba(255, 255, 255, 0.1);--elevation-surface-shadow-5: rgba(255, 255, 255, 0.12);--elevation-surface-shadow-6: rgba(255, 255, 255, 0.14);--elevation-shadow-ambient: rgba(0, 0, 0, 0.2);--elevation-shadow-ambient-darker: rgba(0, 0, 0, 0.4);--elevation-shadow-ambient-brand: rgba(0, 0, 0, 0.17);--elevation-shadow-key: rgba(0, 0, 0, 0.28);--elevation-shadow-key-darker: rgba(0, 0, 0, 0.48);--elevation-shadow-key-brand: rgba(0, 0, 0, 0.21);--brand-navigation-divider-5: #214770;--brand-navigation-divider-6: #214770;--brand-navigation-divider-7: #214770;--background-brand-hover-opacity-20: rgba(199, 219, 240, 0.2);--background-danger-hover-opacity-20: rgba(241, 70, 98, 0.2);--background-hover-opacity-50: rgba(62, 62, 61, 0.5)}[data-theme=violet][data-mode=light]{--background-default: #ffffff;--background-hover: #ebebea;--background-neutral-regular-default: #e1e1e0;--background-neutral-regular-hover: #c2c1c0;--background-neutral-bold-default: #737272;--background-neutral-bold-hover: #4c4c4b;--background-neutral-navigation-default: #ebebea;--background-neutral-navigation-hover: #e1e1e0;--background-disabled: #f4f5f4;--background-inverse: #201f1f;--background-brand-default: #7d5a9f;--background-brand-hover: #674883;--background-brand-pressed: #563c6c;--background-brand-selected-default: #7d5a9f;--background-brand-selected-hover: #674883;--background-brand-unselected-default: #f3eff8;--background-brand-unselected-hover: #e6def0;--background-brand-inverse-default: #ffffff;--background-brand-inverse-hover: #f9f7fc;--background-brand-inverse-pressed: #f3eff8;--background-brand-navigation-default: #2b1a38;--background-brand-navigation-hover: #4a355a;--background-brand-navigation-pressed: #674883;--background-danger-default: #de2048;--background-danger-hover: #c81640;--background-danger-pressed: #9d1439;--background-info-default: #1465fc;--background-warning-default: #ffe500;--background-success-default: #0b8a4d;--border-primary: #737272;--border-secondary: #a1a1a0;--border-tertiary: #cdcccb;--border-divider: #cdcccb;--border-disabled: #cdcccb;--border-inverse: #ffffff;--border-brand-default: #7d5a9f;--border-brand-focused: #4a355a;--border-brand-navigation-active: #674883;--border-brand-navigation-divider: #563c6c;--border-danger: #de2048;--border-info: #1465fc;--border-warning: #f4922b;--border-success: #0b8a4d;--content-primary: #201f1f;--content-secondary: #3e3e3d;--content-tertiary: #737272;--content-primary-inverse: #ffffff;--content-disabled: #cdcccb;--content-brand-default: #7d5a9f;--content-brand-hover: #674883;--content-brand-pressed: #563c6c;--content-brand-navigation-default: #f3eff8;--content-brand-navigation-hover: #f9f7fc;--content-brand-navigation-disabled: #674883;--content-link-default: #2b86ff;--content-link-hover: #1465fc;--content-link-pressed: #0d4fea;--content-link-visited-default: #7d5a9f;--content-link-visited-hover: #674883;--content-link-visited-pressed: #563c6c;--content-danger-default: #de2048;--content-danger-hover: #c81640;--content-danger-inverse: #ffffff;--content-success-default: #0b8a4d;--content-success-hover: #0e6d40;--content-info-default: #1465fc;--content-info-hover: #0d4fea;--content-decorative: #201f1f;--brand-navigation-divider: #563c6c;--brand-navigation-divider-2: #563c6c;--brand-navigation-divider-3: #563c6c;--brand-navigation-divider-4: #563c6c;--chart-brand: #7d5a9f;--chart-neutral: #acacab;--chart-category-1: #397ebe;--chart-category-2: #ff2c74;--chart-category-3: #7d5a9f;--chart-category-4: #2a9f7d;--chart-category-5: #233857;--chart-category-6: #ed6e13;--chart-category-7: #73636c;--chart-category-8: #639cad;--chart-bleu-iceberg: #e6eef8;--chart-bleu-iceberg-bold: #397ebe;--chart-vert-foret: #d7f4e6;--chart-vert-foret-bold: #4dba97;--chart-violet: #d2c3e4;--chart-violet-bold: #7d5a9f;--chart-bleu-rte: #e0f5fe;--chart-bleu-rte-bold: #00a6d9;--chart-bleu-digital: #d8ebff;--chart-bleu-digital-bold: #2b86ff;--chart-marine: #e7edf7;--chart-marine-bold: #3d70ad;--chart-bleu-petrole: #deecef;--chart-bleu-petrole-bold: #478093;--chart-bleu-cyan: #d1f9fc;--chart-bleu-cyan-bold: #0fb3cb;--chart-vert: #c7fff4;--chart-vert-bold: #04c8b1;--chart-vert-indications: #e6f2a4;--chart-vert-indications-bold: #bed942;--chart-vert-digital: #d9ffec;--chart-vert-digital-bold: #3cec96;--chart-jaune: #faffc1;--chart-jaune-bold: #ffe500;--chart-jaune-ocre: #faefc7;--chart-jaune-ocre-bold: #ebb53d;--chart-jaune-indications: #fce7c9;--chart-jaune-indications-bold: #f4922b;--chart-saumon: #fde8e3;--chart-saumon-bold: #ec775c;--chart-rose-digital: #ffccd1;--chart-rose-digital-bold: #f93a58;--chart-fuschia: #ffe1e9;--chart-fuschia-bold: #ff2c74;--chart-rouge-indications: #ffe4e6;--chart-rouge-indications-bold: #f14662;--chart-greyscale: #ebebea;--chart-greyscale-bold: #7f7e7e;--chart-taupe: #e7e3e6;--chart-taupe-bold: #8a7883;--decorative-neutral: #ebebea;--decorative-bleu-iceberg: #c7dbf0;--decorative-vert-foret: #d7f4e6;--decorative-violet: #e6def0;--decorative-bleu-rte: #b9edfe;--decorative-bleu-digital: #baddff;--decorative-marine: #e7edf7;--decorative-bleu-petrole: #c1dae0;--decorative-bleu-cyan: #a9f2f8;--decorative-vert: #90ffe8;--decorative-vert-indications: #e6f2a4;--decorative-vert-digital: #b5fdd9;--decorative-jaune: #faffc1;--decorative-jaune-ocre: #f5de93;--decorative-jaune-indications: #f9ce8e;--decorative-saumon: #f9b7a8;--decorative-rose-digital: #ffccd1;--decorative-fuschia: #ffc8d8;--decorative-rouge-indication: #ffe4e6;--decorative-taupe: #e7e3e6;--elevation-surface-inner-shadow: rgba(0, 0, 0, 0);--elevation-surface-shadow-1: rgba(255, 255, 255, 0);--elevation-surface-shadow-2: rgba(255, 255, 255, 0);--elevation-surface-shadow-3: rgba(255, 255, 255, 0);--elevation-surface-shadow-4: rgba(255, 255, 255, 0);--elevation-surface-shadow-5: rgba(255, 255, 255, 0);--elevation-surface-shadow-6: rgba(255, 255, 255, 0);--elevation-shadow-ambient: rgba(0, 0, 0, 0.12);--elevation-shadow-ambient-darker: rgba(0, 0, 0, 0.2);--elevation-shadow-ambient-brand: rgba(0, 0, 0, 0.25);--elevation-shadow-key: rgba(0, 0, 0, 0.14);--elevation-shadow-key-darker: rgba(0, 0, 0, 0.24);--elevation-shadow-key-brand: rgba(0, 0, 0, 0.31);--brand-navigation-divider-5: #563c6c;--brand-navigation-divider-6: #563c6c;--brand-navigation-divider-7: #563c6c;--background-brand-hover-opacity-20: rgba(103, 72, 131, 0.2);--background-danger-hover-opacity-20: rgba(200, 22, 64, 0.2);--background-hover-opacity-50: rgba(235, 235, 234, 0.5)}[data-theme=violet][data-mode=dark]{--background-default: #201f1f;--background-hover: #3e3e3d;--background-neutral-regular-default: #595958;--background-neutral-regular-hover: #7f7e7e;--background-neutral-bold-default: #cdcccb;--background-neutral-bold-hover: #ebebea;--background-neutral-navigation-default: #ebebea;--background-neutral-navigation-hover: #e1e1e0;--background-disabled: #3e3e3d;--background-inverse: #ffffff;--background-brand-default: #d2c3e4;--background-brand-hover: #e6def0;--background-brand-pressed: #f3eff8;--background-brand-selected-default: #d2c3e4;--background-brand-selected-hover: #e6def0;--background-brand-unselected-default: #674883;--background-brand-unselected-hover: #7d5a9f;--background-brand-inverse-default: #201f1f;--background-brand-inverse-hover: #674883;--background-brand-inverse-pressed: #7d5a9f;--background-brand-navigation-default: #2b1a38;--background-brand-navigation-hover: #4a355a;--background-brand-navigation-pressed: #674883;--background-danger-default: #f14662;--background-danger-hover: #f97385;--background-danger-pressed: #fca5af;--background-info-default: #53aaff;--background-warning-default: #ffe500;--background-success-default: #3cec96;--border-primary: #a1a1a0;--border-secondary: #737272;--border-tertiary: #3e3e3d;--border-divider: #a1a1a0;--border-disabled: #595958;--border-inverse: #201f1f;--border-brand-default: #fcfbfd;--border-brand-focused: #fcfbfd;--border-brand-navigation-active: #674883;--border-brand-navigation-divider: #563c6c;--border-danger: #f14662;--border-info: #53aaff;--border-warning: #f4922b;--border-success: #3cec96;--content-primary: #ffffff;--content-secondary: #e1e1e0;--content-tertiary: #b7b7b6;--content-primary-inverse: #201f1f;--content-disabled: #595958;--content-brand-default: #fcfbfd;--content-brand-hover: #f9f7fc;--content-brand-pressed: #f3eff8;--content-brand-navigation-default: #f3eff8;--content-brand-navigation-hover: #f9f7fc;--content-brand-navigation-disabled: #674883;--content-link-default: #2b86ff;--content-link-hover: #53aaff;--content-link-pressed: #8ac8ff;--content-link-visited-default: #9979bc;--content-link-visited-hover: #b89fd3;--content-link-visited-pressed: #d2c3e4;--content-danger-default: #f14662;--content-danger-hover: #f97385;--content-danger-inverse: #ffffff;--content-success-default: #3cec96;--content-success-hover: #12d577;--content-info-default: #53aaff;--content-info-hover: #2b86ff;--content-decorative: #201f1f;--brand-navigation-divider: #563c6c;--brand-navigation-divider-2: #563c6c;--brand-navigation-divider-3: #563c6c;--brand-navigation-divider-4: #563c6c;--chart-brand: #7d5a9f;--chart-neutral: #acacab;--chart-category-1: #397ebe;--chart-category-2: #ff2c74;--chart-category-3: #7d5a9f;--chart-category-4: #2a9f7d;--chart-category-5: #233857;--chart-category-6: #ed6e13;--chart-category-7: #73636c;--chart-category-8: #639cad;--chart-bleu-iceberg: #e6eef8;--chart-bleu-iceberg-bold: #397ebe;--chart-vert-foret: #d7f4e6;--chart-vert-foret-bold: #4dba97;--chart-violet: #d2c3e4;--chart-violet-bold: #7d5a9f;--chart-bleu-rte: #e0f5fe;--chart-bleu-rte-bold: #00a6d9;--chart-bleu-digital: #d8ebff;--chart-bleu-digital-bold: #2b86ff;--chart-marine: #e7edf7;--chart-marine-bold: #3d70ad;--chart-bleu-petrole: #deecef;--chart-bleu-petrole-bold: #478093;--chart-bleu-cyan: #d1f9fc;--chart-bleu-cyan-bold: #0fb3cb;--chart-vert: #c7fff4;--chart-vert-bold: #04c8b1;--chart-vert-indications: #e6f2a4;--chart-vert-indications-bold: #bed942;--chart-vert-digital: #d9ffec;--chart-vert-digital-bold: #3cec96;--chart-jaune: #faffc1;--chart-jaune-bold: #ffe500;--chart-jaune-ocre: #faefc7;--chart-jaune-ocre-bold: #ebb53d;--chart-jaune-indications: #fce7c9;--chart-jaune-indications-bold: #f4922b;--chart-saumon: #fde8e3;--chart-saumon-bold: #ec775c;--chart-rose-digital: #ffccd1;--chart-rose-digital-bold: #f93a58;--chart-fuschia: #ffe1e9;--chart-fuschia-bold: #ff2c74;--chart-rouge-indications: #ffe4e6;--chart-rouge-indications-bold: #f14662;--chart-greyscale: #ebebea;--chart-greyscale-bold: #7f7e7e;--chart-taupe: #e7e3e6;--chart-taupe-bold: #8a7883;--decorative-neutral: #ebebea;--decorative-bleu-iceberg: #c7dbf0;--decorative-vert-foret: #d7f4e6;--decorative-violet: #e6def0;--decorative-bleu-rte: #b9edfe;--decorative-bleu-digital: #baddff;--decorative-marine: #e7edf7;--decorative-bleu-petrole: #c1dae0;--decorative-bleu-cyan: #a9f2f8;--decorative-vert: #90ffe8;--decorative-vert-indications: #e6f2a4;--decorative-vert-digital: #b5fdd9;--decorative-jaune: #faffc1;--decorative-jaune-ocre: #f5de93;--decorative-jaune-indications: #f9ce8e;--decorative-saumon: #f9b7a8;--decorative-rose-digital: #ffccd1;--decorative-fuschia: #ffc8d8;--decorative-rouge-indication: #ffe4e6;--decorative-taupe: #e7e3e6;--elevation-surface-inner-shadow: rgba(0, 0, 0, 0.2);--elevation-surface-shadow-1: rgba(255, 255, 255, 0.03);--elevation-surface-shadow-2: rgba(255, 255, 255, 0.05);--elevation-surface-shadow-3: rgba(255, 255, 255, 0.08);--elevation-surface-shadow-4: rgba(255, 255, 255, 0.1);--elevation-surface-shadow-5: rgba(255, 255, 255, 0.12);--elevation-surface-shadow-6: rgba(255, 255, 255, 0.14);--elevation-shadow-ambient: rgba(0, 0, 0, 0.2);--elevation-shadow-ambient-darker: rgba(0, 0, 0, 0.4);--elevation-shadow-ambient-brand: rgba(0, 0, 0, 0.17);--elevation-shadow-key: rgba(0, 0, 0, 0.28);--elevation-shadow-key-darker: rgba(0, 0, 0, 0.48);--elevation-shadow-key-brand: rgba(0, 0, 0, 0.21);--brand-navigation-divider-5: #563c6c;--brand-navigation-divider-6: #563c6c;--brand-navigation-divider-7: #563c6c;--background-brand-hover-opacity-20: rgba(230, 222, 240, 0.2);--background-danger-hover-opacity-20: rgba(241, 70, 98, 0.2);--background-hover-opacity-50: rgba(62, 62, 61, 0.5)}[data-theme=vert_foret][data-mode=light]{--background-default: #ffffff;--background-hover: #ebebea;--background-neutral-regular-default: #e1e1e0;--background-neutral-regular-hover: #c2c1c0;--background-neutral-bold-default: #737272;--background-neutral-bold-hover: #4c4c4b;--background-neutral-navigation-default: #ebebea;--background-neutral-navigation-hover: #e1e1e0;--background-disabled: #f4f5f4;--background-inverse: #201f1f;--background-brand-default: #1b8065;--background-brand-hover: #176b57;--background-brand-pressed: #145143;--background-brand-selected-default: #1b8065;--background-brand-selected-hover: #176b57;--background-brand-unselected-default: #d7f4e6;--background-brand-unselected-hover: #b3e7d1;--background-brand-inverse-default: #ffffff;--background-brand-inverse-hover: #effaf6;--background-brand-inverse-pressed: #d7f4e6;--background-brand-navigation-default: #082620;--background-brand-navigation-hover: #114338;--background-brand-navigation-pressed: #176b57;--background-danger-default: #de2048;--background-danger-hover: #c81640;--background-danger-pressed: #9d1439;--background-info-default: #1465fc;--background-warning-default: #ffe500;--background-success-default: #0b8a4d;--border-primary: #737272;--border-secondary: #a1a1a0;--border-tertiary: #cdcccb;--border-divider: #cdcccb;--border-disabled: #cdcccb;--border-inverse: #ffffff;--border-brand-default: #1b8065;--border-brand-focused: #114338;--border-brand-navigation-active: #176b57;--border-brand-navigation-divider: #145143;--border-danger: #de2048;--border-info: #1465fc;--border-warning: #f4922b;--border-success: #0b8a4d;--content-primary: #201f1f;--content-secondary: #3e3e3d;--content-tertiary: #737272;--content-primary-inverse: #ffffff;--content-disabled: #cdcccb;--content-brand-default: #1b8065;--content-brand-hover: #176b57;--content-brand-pressed: #145143;--content-brand-navigation-default: #d7f4e6;--content-brand-navigation-hover: #effaf6;--content-brand-navigation-disabled: #176b57;--content-link-default: #2b86ff;--content-link-hover: #1465fc;--content-link-pressed: #0d4fea;--content-link-visited-default: #7d5a9f;--content-link-visited-hover: #674883;--content-link-visited-pressed: #563c6c;--content-danger-default: #de2048;--content-danger-hover: #c81640;--content-danger-inverse: #ffffff;--content-success-default: #0b8a4d;--content-success-hover: #0e6d40;--content-info-default: #1465fc;--content-info-hover: #0d4fea;--content-decorative: #201f1f;--brand-navigation-divider: #145143;--brand-navigation-divider-2: #145143;--brand-navigation-divider-3: #145143;--brand-navigation-divider-4: #145143;--chart-brand: #2a9f7d;--chart-neutral: #acacab;--chart-category-1: #397ebe;--chart-category-2: #ff2c74;--chart-category-3: #7d5a9f;--chart-category-4: #2a9f7d;--chart-category-5: #233857;--chart-category-6: #ed6e13;--chart-category-7: #73636c;--chart-category-8: #639cad;--chart-bleu-iceberg: #e6eef8;--chart-bleu-iceberg-bold: #397ebe;--chart-vert-foret: #d7f4e6;--chart-vert-foret-bold: #4dba97;--chart-violet: #d2c3e4;--chart-violet-bold: #7d5a9f;--chart-bleu-rte: #e0f5fe;--chart-bleu-rte-bold: #00a6d9;--chart-bleu-digital: #d8ebff;--chart-bleu-digital-bold: #2b86ff;--chart-marine: #e7edf7;--chart-marine-bold: #3d70ad;--chart-bleu-petrole: #deecef;--chart-bleu-petrole-bold: #478093;--chart-bleu-cyan: #d1f9fc;--chart-bleu-cyan-bold: #0fb3cb;--chart-vert: #c7fff4;--chart-vert-bold: #04c8b1;--chart-vert-indications: #e6f2a4;--chart-vert-indications-bold: #bed942;--chart-vert-digital: #d9ffec;--chart-vert-digital-bold: #3cec96;--chart-jaune: #faffc1;--chart-jaune-bold: #ffe500;--chart-jaune-ocre: #faefc7;--chart-jaune-ocre-bold: #ebb53d;--chart-jaune-indications: #fce7c9;--chart-jaune-indications-bold: #f4922b;--chart-saumon: #fde8e3;--chart-saumon-bold: #ec775c;--chart-rose-digital: #ffccd1;--chart-rose-digital-bold: #f93a58;--chart-fuschia: #ffe1e9;--chart-fuschia-bold: #ff2c74;--chart-rouge-indications: #ffe4e6;--chart-rouge-indications-bold: #f14662;--chart-greyscale: #ebebea;--chart-greyscale-bold: #7f7e7e;--chart-taupe: #e7e3e6;--chart-taupe-bold: #8a7883;--decorative-neutral: #ebebea;--decorative-bleu-iceberg: #c7dbf0;--decorative-vert-foret: #d7f4e6;--decorative-violet: #e6def0;--decorative-bleu-rte: #b9edfe;--decorative-bleu-digital: #baddff;--decorative-marine: #e7edf7;--decorative-bleu-petrole: #c1dae0;--decorative-bleu-cyan: #a9f2f8;--decorative-vert: #90ffe8;--decorative-vert-indications: #e6f2a4;--decorative-vert-digital: #b5fdd9;--decorative-jaune: #faffc1;--decorative-jaune-ocre: #f5de93;--decorative-jaune-indications: #f9ce8e;--decorative-saumon: #f9b7a8;--decorative-rose-digital: #ffccd1;--decorative-fuschia: #ffc8d8;--decorative-rouge-indication: #ffe4e6;--decorative-taupe: #e7e3e6;--elevation-surface-inner-shadow: rgba(0, 0, 0, 0);--elevation-surface-shadow-1: rgba(255, 255, 255, 0);--elevation-surface-shadow-2: rgba(255, 255, 255, 0);--elevation-surface-shadow-3: rgba(255, 255, 255, 0);--elevation-surface-shadow-4: rgba(255, 255, 255, 0);--elevation-surface-shadow-5: rgba(255, 255, 255, 0);--elevation-surface-shadow-6: rgba(255, 255, 255, 0);--elevation-shadow-ambient: rgba(0, 0, 0, 0.12);--elevation-shadow-ambient-darker: rgba(0, 0, 0, 0.2);--elevation-shadow-ambient-brand: rgba(0, 0, 0, 0.25);--elevation-shadow-key: rgba(0, 0, 0, 0.14);--elevation-shadow-key-darker: rgba(0, 0, 0, 0.24);--elevation-shadow-key-brand: rgba(0, 0, 0, 0.31);--brand-navigation-divider-5: #145143;--brand-navigation-divider-6: #145143;--brand-navigation-divider-7: #145143;--background-brand-hover-opacity-20: rgba(23, 107, 87, 0.2);--background-danger-hover-opacity-20: rgba(200, 22, 64, 0.2);--background-hover-opacity-50: rgba(235, 235, 234, 0.5)}[data-theme=vert_foret][data-mode=dark]{--background-default: #201f1f;--background-hover: #3e3e3d;--background-neutral-regular-default: #595958;--background-neutral-regular-hover: #7f7e7e;--background-neutral-bold-default: #cdcccb;--background-neutral-bold-hover: #ebebea;--background-neutral-navigation-default: #ebebea;--background-neutral-navigation-hover: #e1e1e0;--background-disabled: #3e3e3d;--background-inverse: #ffffff;--background-brand-default: #81d4b7;--background-brand-hover: #b3e7d1;--background-brand-pressed: #d7f4e6;--background-brand-selected-default: #81d4b7;--background-brand-selected-hover: #b3e7d1;--background-brand-unselected-default: #176b57;--background-brand-unselected-hover: #1b8065;--background-brand-inverse-default: #201f1f;--background-brand-inverse-hover: #176b57;--background-brand-inverse-pressed: #1b8065;--background-brand-navigation-default: #082620;--background-brand-navigation-hover: #114338;--background-brand-navigation-pressed: #176b57;--background-danger-default: #f14662;--background-danger-hover: #f97385;--background-danger-pressed: #fca5af;--background-info-default: #53aaff;--background-warning-default: #ffe500;--background-success-default: #3cec96;--border-primary: #a1a1a0;--border-secondary: #737272;--border-tertiary: #3e3e3d;--border-divider: #a1a1a0;--border-disabled: #595958;--border-inverse: #201f1f;--border-brand-default: #f5fcfa;--border-brand-focused: #f5fcfa;--border-brand-navigation-active: #176b57;--border-brand-navigation-divider: #145143;--border-danger: #f14662;--border-info: #53aaff;--border-warning: #f4922b;--border-success: #3cec96;--content-primary: #ffffff;--content-secondary: #e1e1e0;--content-tertiary: #b7b7b6;--content-primary-inverse: #201f1f;--content-disabled: #595958;--content-brand-default: #f5fcfa;--content-brand-hover: #effaf6;--content-brand-pressed: #d7f4e6;--content-brand-navigation-default: #d7f4e6;--content-brand-navigation-hover: #effaf6;--content-brand-navigation-disabled: #176b57;--content-link-default: #2b86ff;--content-link-hover: #53aaff;--content-link-pressed: #8ac8ff;--content-link-visited-default: #9979bc;--content-link-visited-hover: #b89fd3;--content-link-visited-pressed: #d2c3e4;--content-danger-default: #f14662;--content-danger-hover: #f97385;--content-danger-inverse: #ffffff;--content-success-default: #3cec96;--content-success-hover: #12d577;--content-info-default: #53aaff;--content-info-hover: #2b86ff;--content-decorative: #201f1f;--brand-navigation-divider: #145143;--brand-navigation-divider-2: #145143;--brand-navigation-divider-3: #145143;--brand-navigation-divider-4: #145143;--chart-brand: #2a9f7d;--chart-neutral: #acacab;--chart-category-1: #397ebe;--chart-category-2: #ff2c74;--chart-category-3: #7d5a9f;--chart-category-4: #2a9f7d;--chart-category-5: #233857;--chart-category-6: #ed6e13;--chart-category-7: #73636c;--chart-category-8: #639cad;--chart-bleu-iceberg: #e6eef8;--chart-bleu-iceberg-bold: #397ebe;--chart-vert-foret: #d7f4e6;--chart-vert-foret-bold: #4dba97;--chart-violet: #d2c3e4;--chart-violet-bold: #7d5a9f;--chart-bleu-rte: #e0f5fe;--chart-bleu-rte-bold: #00a6d9;--chart-bleu-digital: #d8ebff;--chart-bleu-digital-bold: #2b86ff;--chart-marine: #e7edf7;--chart-marine-bold: #3d70ad;--chart-bleu-petrole: #deecef;--chart-bleu-petrole-bold: #478093;--chart-bleu-cyan: #d1f9fc;--chart-bleu-cyan-bold: #0fb3cb;--chart-vert: #c7fff4;--chart-vert-bold: #04c8b1;--chart-vert-indications: #e6f2a4;--chart-vert-indications-bold: #bed942;--chart-vert-digital: #d9ffec;--chart-vert-digital-bold: #3cec96;--chart-jaune: #faffc1;--chart-jaune-bold: #ffe500;--chart-jaune-ocre: #faefc7;--chart-jaune-ocre-bold: #ebb53d;--chart-jaune-indications: #fce7c9;--chart-jaune-indications-bold: #f4922b;--chart-saumon: #fde8e3;--chart-saumon-bold: #ec775c;--chart-rose-digital: #ffccd1;--chart-rose-digital-bold: #f93a58;--chart-fuschia: #ffe1e9;--chart-fuschia-bold: #ff2c74;--chart-rouge-indications: #ffe4e6;--chart-rouge-indications-bold: #f14662;--chart-greyscale: #ebebea;--chart-greyscale-bold: #7f7e7e;--chart-taupe: #e7e3e6;--chart-taupe-bold: #8a7883;--decorative-neutral: #ebebea;--decorative-bleu-iceberg: #c7dbf0;--decorative-vert-foret: #d7f4e6;--decorative-violet: #e6def0;--decorative-bleu-rte: #b9edfe;--decorative-bleu-digital: #baddff;--decorative-marine: #e7edf7;--decorative-bleu-petrole: #c1dae0;--decorative-bleu-cyan: #a9f2f8;--decorative-vert: #90ffe8;--decorative-vert-indications: #e6f2a4;--decorative-vert-digital: #b5fdd9;--decorative-jaune: #faffc1;--decorative-jaune-ocre: #f5de93;--decorative-jaune-indications: #f9ce8e;--decorative-saumon: #f9b7a8;--decorative-rose-digital: #ffccd1;--decorative-fuschia: #ffc8d8;--decorative-rouge-indication: #ffe4e6;--decorative-taupe: #e7e3e6;--elevation-surface-inner-shadow: rgba(0, 0, 0, 0.2);--elevation-surface-shadow-1: rgba(255, 255, 255, 0.03);--elevation-surface-shadow-2: rgba(255, 255, 255, 0.05);--elevation-surface-shadow-3: rgba(255, 255, 255, 0.08);--elevation-surface-shadow-4: rgba(255, 255, 255, 0.1);--elevation-surface-shadow-5: rgba(255, 255, 255, 0.12);--elevation-surface-shadow-6: rgba(255, 255, 255, 0.14);--elevation-shadow-ambient: rgba(0, 0, 0, 0.2);--elevation-shadow-ambient-darker: rgba(0, 0, 0, 0.4);--elevation-shadow-ambient-brand: rgba(0, 0, 0, 0.17);--elevation-shadow-key: rgba(0, 0, 0, 0.28);--elevation-shadow-key-darker: rgba(0, 0, 0, 0.48);--elevation-shadow-key-brand: rgba(0, 0, 0, 0.21);--brand-navigation-divider-5: #145143;--brand-navigation-divider-6: #145143;--brand-navigation-divider-7: #145143;--background-brand-hover-opacity-20: rgba(179, 231, 209, 0.2);--background-danger-hover-opacity-20: rgba(241, 70, 98, 0.2);--background-hover-opacity-50: rgba(62, 62, 61, 0.5)}

package/css/vert_foret.css

@@ -0,0 +1 @@
+:root [data-theme=vert_foret][data-mode=light]{--background-default: #ffffff;--background-hover: #ebebea;--background-neutral-regular-default: #e1e1e0;--background-neutral-regular-hover: #c2c1c0;--background-neutral-bold-default: #737272;--background-neutral-bold-hover: #4c4c4b;--background-neutral-navigation-default: #ebebea;--background-neutral-navigation-hover: #e1e1e0;--background-disabled: #f4f5f4;--background-inverse: #201f1f;--background-brand-default: #1b8065;--background-brand-hover: #176b57;--background-brand-pressed: #145143;--background-brand-selected-default: #1b8065;--background-brand-selected-hover: #176b57;--background-brand-unselected-default: #d7f4e6;--background-brand-unselected-hover: #b3e7d1;--background-brand-inverse-default: #ffffff;--background-brand-inverse-hover: #effaf6;--background-brand-inverse-pressed: #d7f4e6;--background-brand-navigation-default: #082620;--background-brand-navigation-hover: #114338;--background-brand-navigation-pressed: #176b57;--background-danger-default: #de2048;--background-danger-hover: #c81640;--background-danger-pressed: #9d1439;--background-info-default: #1465fc;--background-warning-default: #ffe500;--background-success-default: #0b8a4d;--border-primary: #737272;--border-secondary: #a1a1a0;--border-tertiary: #cdcccb;--border-divider: #cdcccb;--border-disabled: #cdcccb;--border-inverse: #ffffff;--border-brand-default: #1b8065;--border-brand-focused: #114338;--border-brand-navigation-active: #176b57;--border-brand-navigation-divider: #145143;--border-danger: #de2048;--border-info: #1465fc;--border-warning: #f4922b;--border-success: #0b8a4d;--content-primary: #201f1f;--content-secondary: #3e3e3d;--content-tertiary: #737272;--content-primary-inverse: #ffffff;--content-disabled: #cdcccb;--content-brand-default: #1b8065;--content-brand-hover: #176b57;--content-brand-pressed: #145143;--content-brand-navigation-default: #d7f4e6;--content-brand-navigation-hover: #effaf6;--content-brand-navigation-disabled: #176b57;--content-link-default: #2b86ff;--content-link-hover: #1465fc;--content-link-pressed: #0d4fea;--content-link-visited-default: #7d5a9f;--content-link-visited-hover: #674883;--content-link-visited-pressed: #563c6c;--content-danger-default: #de2048;--content-danger-hover: #c81640;--content-danger-inverse: #ffffff;--content-success-default: #0b8a4d;--content-success-hover: #0e6d40;--content-info-default: #1465fc;--content-info-hover: #0d4fea;--content-decorative: #201f1f;--brand-navigation-divider: #145143;--brand-navigation-divider-2: #145143;--brand-navigation-divider-3: #145143;--brand-navigation-divider-4: #145143;--chart-brand: #2a9f7d;--chart-neutral: #acacab;--chart-category-1: #397ebe;--chart-category-2: #ff2c74;--chart-category-3: #7d5a9f;--chart-category-4: #2a9f7d;--chart-category-5: #233857;--chart-category-6: #ed6e13;--chart-category-7: #73636c;--chart-category-8: #639cad;--chart-bleu-iceberg: #e6eef8;--chart-bleu-iceberg-bold: #397ebe;--chart-vert-foret: #d7f4e6;--chart-vert-foret-bold: #4dba97;--chart-violet: #d2c3e4;--chart-violet-bold: #7d5a9f;--chart-bleu-rte: #e0f5fe;--chart-bleu-rte-bold: #00a6d9;--chart-bleu-digital: #d8ebff;--chart-bleu-digital-bold: #2b86ff;--chart-marine: #e7edf7;--chart-marine-bold: #3d70ad;--chart-bleu-petrole: #deecef;--chart-bleu-petrole-bold: #478093;--chart-bleu-cyan: #d1f9fc;--chart-bleu-cyan-bold: #0fb3cb;--chart-vert: #c7fff4;--chart-vert-bold: #04c8b1;--chart-vert-indications: #e6f2a4;--chart-vert-indications-bold: #bed942;--chart-vert-digital: #d9ffec;--chart-vert-digital-bold: #3cec96;--chart-jaune: #faffc1;--chart-jaune-bold: #ffe500;--chart-jaune-ocre: #faefc7;--chart-jaune-ocre-bold: #ebb53d;--chart-jaune-indications: #fce7c9;--chart-jaune-indications-bold: #f4922b;--chart-saumon: #fde8e3;--chart-saumon-bold: #ec775c;--chart-rose-digital: #ffccd1;--chart-rose-digital-bold: #f93a58;--chart-fuschia: #ffe1e9;--chart-fuschia-bold: #ff2c74;--chart-rouge-indications: #ffe4e6;--chart-rouge-indications-bold: #f14662;--chart-greyscale: #ebebea;--chart-greyscale-bold: #7f7e7e;--chart-taupe: #e7e3e6;--chart-taupe-bold: #8a7883;--decorative-neutral: #ebebea;--decorative-bleu-iceberg: #c7dbf0;--decorative-vert-foret: #d7f4e6;--decorative-violet: #e6def0;--decorative-bleu-rte: #b9edfe;--decorative-bleu-digital: #baddff;--decorative-marine: #e7edf7;--decorative-bleu-petrole: #c1dae0;--decorative-bleu-cyan: #a9f2f8;--decorative-vert: #90ffe8;--decorative-vert-indications: #e6f2a4;--decorative-vert-digital: #b5fdd9;--decorative-jaune: #faffc1;--decorative-jaune-ocre: #f5de93;--decorative-jaune-indications: #f9ce8e;--decorative-saumon: #f9b7a8;--decorative-rose-digital: #ffccd1;--decorative-fuschia: #ffc8d8;--decorative-rouge-indication: #ffe4e6;--decorative-taupe: #e7e3e6;--elevation-surface-inner-shadow: rgba(0, 0, 0, 0);--elevation-surface-shadow-1: rgba(255, 255, 255, 0);--elevation-surface-shadow-2: rgba(255, 255, 255, 0);--elevation-surface-shadow-3: rgba(255, 255, 255, 0);--elevation-surface-shadow-4: rgba(255, 255, 255, 0);--elevation-surface-shadow-5: rgba(255, 255, 255, 0);--elevation-surface-shadow-6: rgba(255, 255, 255, 0);--elevation-shadow-ambient: rgba(0, 0, 0, 0.12);--elevation-shadow-ambient-darker: rgba(0, 0, 0, 0.2);--elevation-shadow-ambient-brand: rgba(0, 0, 0, 0.25);--elevation-shadow-key: rgba(0, 0, 0, 0.14);--elevation-shadow-key-darker: rgba(0, 0, 0, 0.24);--elevation-shadow-key-brand: rgba(0, 0, 0, 0.31);--brand-navigation-divider-5: #145143;--brand-navigation-divider-6: #145143;--brand-navigation-divider-7: #145143;--background-brand-hover-opacity-20: rgba(23, 107, 87, 0.2);--background-danger-hover-opacity-20: rgba(200, 22, 64, 0.2);--background-hover-opacity-50: rgba(235, 235, 234, 0.5)}:root [data-theme=vert_foret][data-mode=dark]{--background-default: #201f1f;--background-hover: #3e3e3d;--background-neutral-regular-default: #595958;--background-neutral-regular-hover: #7f7e7e;--background-neutral-bold-default: #cdcccb;--background-neutral-bold-hover: #ebebea;--background-neutral-navigation-default: #ebebea;--background-neutral-navigation-hover: #e1e1e0;--background-disabled: #3e3e3d;--background-inverse: #ffffff;--background-brand-default: #81d4b7;--background-brand-hover: #b3e7d1;--background-brand-pressed: #d7f4e6;--background-brand-selected-default: #81d4b7;--background-brand-selected-hover: #b3e7d1;--background-brand-unselected-default: #176b57;--background-brand-unselected-hover: #1b8065;--background-brand-inverse-default: #201f1f;--background-brand-inverse-hover: #176b57;--background-brand-inverse-pressed: #1b8065;--background-brand-navigation-default: #082620;--background-brand-navigation-hover: #114338;--background-brand-navigation-pressed: #176b57;--background-danger-default: #f14662;--background-danger-hover: #f97385;--background-danger-pressed: #fca5af;--background-info-default: #53aaff;--background-warning-default: #ffe500;--background-success-default: #3cec96;--border-primary: #a1a1a0;--border-secondary: #737272;--border-tertiary: #3e3e3d;--border-divider: #a1a1a0;--border-disabled: #595958;--border-inverse: #201f1f;--border-brand-default: #f5fcfa;--border-brand-focused: #f5fcfa;--border-brand-navigation-active: #176b57;--border-brand-navigation-divider: #145143;--border-danger: #f14662;--border-info: #53aaff;--border-warning: #f4922b;--border-success: #3cec96;--content-primary: #ffffff;--content-secondary: #e1e1e0;--content-tertiary: #b7b7b6;--content-primary-inverse: #201f1f;--content-disabled: #595958;--content-brand-default: #f5fcfa;--content-brand-hover: #effaf6;--content-brand-pressed: #d7f4e6;--content-brand-navigation-default: #d7f4e6;--content-brand-navigation-hover: #effaf6;--content-brand-navigation-disabled: #176b57;--content-link-default: #2b86ff;--content-link-hover: #53aaff;--content-link-pressed: #8ac8ff;--content-link-visited-default: #9979bc;--content-link-visited-hover: #b89fd3;--content-link-visited-pressed: #d2c3e4;--content-danger-default: #f14662;--content-danger-hover: #f97385;--content-danger-inverse: #ffffff;--content-success-default: #3cec96;--content-success-hover: #12d577;--content-info-default: #53aaff;--content-info-hover: #2b86ff;--content-decorative: #201f1f;--brand-navigation-divider: #145143;--brand-navigation-divider-2: #145143;--brand-navigation-divider-3: #145143;--brand-navigation-divider-4: #145143;--chart-brand: #2a9f7d;--chart-neutral: #acacab;--chart-category-1: #397ebe;--chart-category-2: #ff2c74;--chart-category-3: #7d5a9f;--chart-category-4: #2a9f7d;--chart-category-5: #233857;--chart-category-6: #ed6e13;--chart-category-7: #73636c;--chart-category-8: #639cad;--chart-bleu-iceberg: #e6eef8;--chart-bleu-iceberg-bold: #397ebe;--chart-vert-foret: #d7f4e6;--chart-vert-foret-bold: #4dba97;--chart-violet: #d2c3e4;--chart-violet-bold: #7d5a9f;--chart-bleu-rte: #e0f5fe;--chart-bleu-rte-bold: #00a6d9;--chart-bleu-digital: #d8ebff;--chart-bleu-digital-bold: #2b86ff;--chart-marine: #e7edf7;--chart-marine-bold: #3d70ad;--chart-bleu-petrole: #deecef;--chart-bleu-petrole-bold: #478093;--chart-bleu-cyan: #d1f9fc;--chart-bleu-cyan-bold: #0fb3cb;--chart-vert: #c7fff4;--chart-vert-bold: #04c8b1;--chart-vert-indications: #e6f2a4;--chart-vert-indications-bold: #bed942;--chart-vert-digital: #d9ffec;--chart-vert-digital-bold: #3cec96;--chart-jaune: #faffc1;--chart-jaune-bold: #ffe500;--chart-jaune-ocre: #faefc7;--chart-jaune-ocre-bold: #ebb53d;--chart-jaune-indications: #fce7c9;--chart-jaune-indications-bold: #f4922b;--chart-saumon: #fde8e3;--chart-saumon-bold: #ec775c;--chart-rose-digital: #ffccd1;--chart-rose-digital-bold: #f93a58;--chart-fuschia: #ffe1e9;--chart-fuschia-bold: #ff2c74;--chart-rouge-indications: #ffe4e6;--chart-rouge-indications-bold: #f14662;--chart-greyscale: #ebebea;--chart-greyscale-bold: #7f7e7e;--chart-taupe: #e7e3e6;--chart-taupe-bold: #8a7883;--decorative-neutral: #ebebea;--decorative-bleu-iceberg: #c7dbf0;--decorative-vert-foret: #d7f4e6;--decorative-violet: #e6def0;--decorative-bleu-rte: #b9edfe;--decorative-bleu-digital: #baddff;--decorative-marine: #e7edf7;--decorative-bleu-petrole: #c1dae0;--decorative-bleu-cyan: #a9f2f8;--decorative-vert: #90ffe8;--decorative-vert-indications: #e6f2a4;--decorative-vert-digital: #b5fdd9;--decorative-jaune: #faffc1;--decorative-jaune-ocre: #f5de93;--decorative-jaune-indications: #f9ce8e;--decorative-saumon: #f9b7a8;--decorative-rose-digital: #ffccd1;--decorative-fuschia: #ffc8d8;--decorative-rouge-indication: #ffe4e6;--decorative-taupe: #e7e3e6;--elevation-surface-inner-shadow: rgba(0, 0, 0, 0.2);--elevation-surface-shadow-1: rgba(255, 255, 255, 0.03);--elevation-surface-shadow-2: rgba(255, 255, 255, 0.05);--elevation-surface-shadow-3: rgba(255, 255, 255, 0.08);--elevation-surface-shadow-4: rgba(255, 255, 255, 0.1);--elevation-surface-shadow-5: rgba(255, 255, 255, 0.12);--elevation-surface-shadow-6: rgba(255, 255, 255, 0.14);--elevation-shadow-ambient: rgba(0, 0, 0, 0.2);--elevation-shadow-ambient-darker: rgba(0, 0, 0, 0.4);--elevation-shadow-ambient-brand: rgba(0, 0, 0, 0.17);--elevation-shadow-key: rgba(0, 0, 0, 0.28);--elevation-shadow-key-darker: rgba(0, 0, 0, 0.48);--elevation-shadow-key-brand: rgba(0, 0, 0, 0.21);--brand-navigation-divider-5: #145143;--brand-navigation-divider-6: #145143;--brand-navigation-divider-7: #145143;--background-brand-hover-opacity-20: rgba(179, 231, 209, 0.2);--background-danger-hover-opacity-20: rgba(241, 70, 98, 0.2);--background-hover-opacity-50: rgba(62, 62, 61, 0.5)}

package/css/violet.css

@@ -0,0 +1 @@
+:root [data-theme=violet][data-mode=light]{--: }:root [data-theme=violet][data-mode=dark]{--: }

package/css-font-generator.ts

@@ -0,0 +1,51 @@
+import fs from "fs";
+import path from "path";
+
+import sass from "sass";
+
+const outputDir = path.resolve(__dirname, "css");
+
+if (!fs.existsSync(outputDir)) {
+  fs.mkdirSync(outputDir);
+}
+
+const fontFile = `
+    @font-face {
+  font-display: swap;
+  font-family: 'Nunito';
+  font-style: normal;
+  font-weight: 300;
+  src: url('@design-system-rte/core/assets/fonts/nunito-light-300.woff2') format('woff2');
+}
+
+@font-face {
+  font-display: swap;
+  font-family: 'Nunito';
+  font-style: normal;
+  font-weight: 400;
+  src: url('@design-system-rte/core/assets/fonts/nunito-regular-400.woff2') format('woff2');
+}
+
+@font-face {
+  font-display: swap;
+  font-family: 'Nunito';
+  font-style: normal;
+  font-weight: 600;
+  src: url('@design-system-rte/core/assets/fonts/nunito-semi-bold-600.woff2') format('woff2');
+}
+
+@font-face {
+  font-display: swap;
+  font-family: 'Nunito';
+  font-style: normal;
+  font-weight: 700;
+  src: url('@design-system-rte/core/assets/fonts/nunito-bold-700.woff2') format('woff2');
+}
+`;
+
+const fontResult = sass.compileString(fontFile, {
+  loadPaths: [path.resolve(__dirname)],
+  style: "compressed",
+});
+
+fs.writeFileSync(path.join(outputDir, "rte-fonts.css"), fontResult.css);

package/design-tokens/abstract/_index.scss

@@ -0,0 +1 @@
+@forward "mixins";

package/design-tokens/abstract/mixins/_index.scss

@@ -0,0 +1,3 @@
+@forward "typography";
+@forward "shadow";
+@forward "theme";

package/design-tokens/abstract/mixins/_shadow.scss

@@ -0,0 +1,3 @@
+@mixin hover-box-shadow($color) {
+  box-shadow: 0 0 0 8px $color;
+}

package/design-tokens/abstract/mixins/_theme.scss

@@ -0,0 +1,21 @@
+@use 'sass:map';
+@use '../../tokens/public/themes' as *;
+
+@mixin apply-theme($targetTheme: bleu_iceberg, $mode: light) {
+  $selectedTheme: map.get($themes, $targetTheme, $mode);
+  @include extract-custom-properties-from-theme($selectedTheme);
+}
+
+@mixin theme-selector($targetTheme: bleu_iceberg, $mode: light) {
+  $theme: map.get($themes, $targetTheme, $mode);
+
+  [data-theme="#{$targetTheme}"][data-mode="#{$mode}"] {
+    @include extract-custom-properties-from-theme($theme);
+  }
+}
+
+@mixin extract-custom-properties-from-theme($theme) {
+  @each $property, $value in $theme {
+    --#{$property}: #{$value};
+  }
+}