@rte-ds/core 1.2.1

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

@@ -0,0 +1,335 @@
+@use "../../tokens/public/typography" as *;
+
+@mixin typography-button {
+  font-feature-settings: 'liga' off, 'clig' off;
+  font-style: normal;
+}
+
+@mixin typography-button-s {
+  @include typography-button;
+  font-family: $button-s-semibold-font-family;
+  font-size: $button-s-semibold-font-size;
+  letter-spacing: $button-s-semibold-letter-spacing;
+  font-weight: $button-s-semibold-font-weight;
+  line-height: $button-s-semibold-line-height;
+}
+
+@mixin typography-button-m {
+  @include typography-button;
+  font-family: $button-m-semibold-font-family;
+  font-weight: $button-m-semibold-font-weight;
+  font-size: $button-m-semibold-font-size;
+  line-height: $button-m-semibold-line-height;
+  letter-spacing: $button-m-semibold-letter-spacing;
+}
+
+@mixin typography-button-l {
+  @include typography-button;
+  font-family: $button-l-semibold-font-family;
+  font-weight: $button-l-semibold-font-weight;
+  font-size: $button-l-semibold-font-size;
+  line-height: $button-l-semibold-line-height;
+  letter-spacing: $button-l-semibold-letter-spacing;
+}
+
+@mixin typography-text {
+  font-feature-settings: 'liga' off, 'clig' off;
+  font-style: normal;
+}
+
+@mixin typography-text-xs {
+  @include typography-text;
+  font-family: $text-xs-regular-font-family;
+  font-weight: $text-xs-regular-font-weight;
+  font-size: $text-xs-regular-font-size;
+  line-height: $text-xs-regular-line-height;
+  letter-spacing: $text-xs-regular-letter-spacing;
+}
+
+
+@mixin typography-text-m {
+  @include typography-text;
+  font-family: $text-m-regular-font-family;
+  font-weight: $text-m-regular-font-weight;
+  font-size: $text-m-regular-font-size;
+  line-height: $text-m-regular-line-height;
+  letter-spacing: $text-m-regular-letter-spacing;
+}
+
+@mixin typography-text-m-bold {
+  @include typography-text;
+  font-family: $text-m-bold-font-family;
+  font-weight: $text-m-bold-font-weight;
+  font-size: $text-m-bold-font-size;
+  line-height: $text-m-bold-line-height;
+  letter-spacing: $text-m-bold-letter-spacing;
+}
+
+@mixin typography-text-s {
+  @include typography-text;
+  font-family: $text-s-regular-font-family;
+  font-weight: $text-s-regular-font-weight;
+  font-size: $text-s-regular-font-size;
+  line-height: $text-s-regular-line-height;
+  letter-spacing: $text-s-regular-letter-spacing;
+}
+
+@mixin typography-text-s-bold {
+  @include typography-text;
+  font-family: $text-s-bold-font-family;
+  font-weight: $text-s-bold-font-weight;
+  font-size: $text-s-bold-font-size;
+  line-height: $text-s-bold-line-height;
+  letter-spacing: $text-s-bold-letter-spacing;
+}
+
+@mixin typography-text-m {
+  @include typography-text;
+  font-family: $text-m-regular-font-family;
+  font-weight: $text-m-regular-font-weight;
+  font-size: $text-m-regular-font-size;
+  line-height: $text-m-regular-line-height;
+  letter-spacing: $text-m-regular-letter-spacing;
+}
+
+@mixin typography-text-l {
+  @include typography-text;
+  font-family: $text-l-regular-font-family;
+  font-weight: $text-l-regular-font-weight;
+  font-size: $text-l-regular-font-size;
+  line-height: $text-l-regular-line-height;
+  letter-spacing: $text-l-regular-letter-spacing;
+}
+
+@mixin typography-text-l-bold {
+  @include typography-text;
+  font-family: $text-l-bold-font-family;
+  font-weight: $text-l-bold-font-weight;
+  font-size: $text-l-bold-font-size;
+  line-height: $text-l-bold-line-height;
+  letter-spacing: $text-l-bold-letter-spacing;
+}
+
+@mixin typography-link {
+  font-feature-settings: 'liga' off, 'clig' off;
+  font-style: normal;
+}
+
+@mixin typography-link-m {
+  @include typography-link;
+  font-family: $text-m-regular-font-family;
+  font-weight: $text-m-regular-font-weight;
+  font-size: $text-m-regular-font-size;
+  line-height: $text-m-regular-line-height;
+  letter-spacing: $text-m-regular-letter-spacing;
+}
+
+@mixin typography-radio-button {
+  font-feature-settings: 'liga' off, 'clig' off;
+  font-style: normal;
+}
+
+@mixin typography-radio-button-l {
+  @include typography-radio-button;
+  font-family: $text-l-regular-font-family;
+  font-size: $text-l-regular-font-size;
+  font-weight: $text-l-regular-font-weight;
+  line-height: $text-l-regular-line-height;
+  letter-spacing: $text-l-regular-letter-spacing;
+}
+
+@mixin typography-heading {
+  font-feature-settings: "liga" off, "clig" off;
+  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;
+  font-weight: $heading-s-semibold-font-weight;
+  font-size: $heading-s-semibold-font-size;
+  line-height: $heading-s-semibold-line-height;
+  letter-spacing: $heading-s-semibold-letter-spacing;
+}
+
+@mixin typography-heading-m {
+  @include typography-heading;
+  font-family: $heading-m-semibold-font-family;
+  font-weight: $heading-m-semibold-font-weight;
+  font-size: $heading-m-semibold-font-size;
+  line-height: $heading-m-semibold-line-height;
+  letter-spacing: $heading-m-semibold-letter-spacing;
+}
+
+@mixin typography-heading-l {
+  @include typography-heading;
+  font-family: $heading-l-semibold-font-family;
+  font-weight: $heading-l-semibold-font-weight;
+  font-size: $heading-l-semibold-font-size;
+  line-height: $heading-l-semibold-line-height;
+  letter-spacing: $heading-l-semibold-letter-spacing;
+}
+
+@mixin typography-heading-xl {
+  @include typography-heading;
+  font-family: $heading-xl-semibold-font-family;
+  font-weight: $heading-xl-semibold-font-weight;
+  font-size: $heading-xl-semibold-font-size;
+  line-height: $heading-xl-semibold-line-height;
+  letter-spacing: $heading-xl-semibold-letter-spacing;
+}
+
+@mixin typography-checkbox-error {
+  @include typography-text-s;
+  font-weight: $text-s-bold-font-weight;
+}
+
+@mixin typography-tooltip {
+  font-feature-settings: "liga" off, "clig" off;
+  font-style: normal;
+}
+
+@mixin typography-tooltip-label {
+  @include typography-tooltip;
+  font-family: $text-m-regular-font-family;
+  font-weight: $text-m-regular-font-weight;
+  font-size: $text-m-regular-font-size;
+  line-height: $text-m-regular-line-height;
+  letter-spacing: $text-m-regular-letter-spacing;
+}
+
+@mixin typography-storybook-title {
+  font-feature-settings: "liga" off, "clig" off;
+  font-style: normal;
+  font-family: $heading-3xl-semibold-font-family;
+  font-weight: $heading-3xl-semibold-font-weight;
+  font-size: $heading-2xl-semibold-font-size;
+  line-height: $heading-xl-semibold-line-height;
+}
+
+@mixin typography-storybook-subtitle {
+  font-feature-settings: "liga" off, "clig" off;
+  font-style: normal;
+  font-family: $heading-4xl-semibold-font-family;
+  font-weight: $heading-m-semibold-font-weight;
+  font-size: $heading-m-semibold-font-size;
+  line-height: $heading-m-semibold-line-height;
+}
+
+@mixin typography-storybook-header-content {
+  font-feature-settings: "liga" off, "clig" off;
+  font-style: normal;
+  font-family: $text-xl-regular-font-family;
+  font-weight: $text-xl-regular-font-weight;
+  font-size: $text-xl-regular-font-size;
+  line-height: $text-xl-regular-line-height;
+}
+
+@mixin typography-storybook-header-xs {
+  font-feature-settings: "liga" off, "clig" off;
+  font-style: normal;
+  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-storybook-header-s {
+  font-feature-settings: "liga" off, "clig" off;
+  font-style: normal;
+  font-family: $heading-s-semibold-font-family;
+  font-weight: $heading-s-semibold-font-weight;
+  font-size: $heading-s-semibold-font-size;
+  line-height: $heading-s-semibold-line-height;
+  letter-spacing: $heading-s-semibold-letter-spacing;
+}
+
+@mixin typography-split-button {
+  font-feature-settings: "liga" off, "clig" off;
+  font-style: normal;
+}
+
+@mixin typography-split-button-s {
+  @include typography-split-button;
+  font-family: $button-s-semibold-font-family;
+  font-weight: $button-s-semibold-font-weight;
+  font-size: $button-s-semibold-font-size;
+  line-height: $button-s-semibold-line-height;
+  letter-spacing: $button-s-semibold-letter-spacing;
+}
+
+@mixin typography-split-button-m {
+  @include typography-split-button;
+  font-family: $button-m-semibold-font-family;
+  font-weight: $button-m-semibold-font-weight;
+  font-size: $button-m-semibold-font-size;
+  line-height: $button-m-semibold-line-height;
+  letter-spacing: $button-m-semibold-letter-spacing;
+}
+
+@mixin typography-split-button-l {
+  @include typography-split-button;
+  font-family: $button-l-semibold-font-family;
+  font-weight: $button-l-semibold-font-weight;
+  font-size: $button-l-semibold-font-size;
+  line-height: $button-l-semibold-line-height;
+  letter-spacing: $button-l-semibold-letter-spacing;
+}
+
+@mixin typography-text-input {
+  font-feature-settings: "liga" off, "clig" off;
+  font-style: normal;
+}
+
+@mixin typography-text-input-m {
+  @include typography-text-input;
+  font-family: $text-m-regular-font-family;
+  font-weight: $text-m-regular-font-weight;
+  font-size: $text-m-regular-font-size;
+  line-height: $text-m-regular-line-height;
+  letter-spacing: $text-m-regular-letter-spacing;
+}
+
+@mixin typography-text-input-tertiary-regular {
+  @include typography-text-input;
+  font-family: $text-s-regular-font-family;
+  font-weight: $text-s-regular-font-weight;
+  font-size: $text-s-regular-font-size;
+  line-height: $text-s-regular-line-height;
+  letter-spacing: $text-s-regular-letter-spacing;
+}
+
+@mixin typography-text-input-s-bold {
+  @include typography-text-input;
+  font-family: $text-s-bold-font-family;
+  font-weight: $text-s-bold-font-weight;
+  font-size: $text-s-bold-font-size;
+  line-height: $text-s-bold-line-height;
+  letter-spacing: $text-s-bold-letter-spacing;
+}
+
+@mixin typography-text-s-regular {
+  font-family: $text-s-regular-font-family;
+  font-size: $text-s-regular-font-size;
+  font-weight: $text-s-regular-font-weight;
+  line-height: $text-s-regular-line-height;
+  letter-spacing: $text-s-regular-letter-spacing;
+}
+
+@mixin typography-text-m-regular {
+  font-family: $text-m-regular-font-family;
+  font-size: $text-m-regular-font-size;
+  font-weight: $text-m-regular-font-weight;
+  line-height: $text-m-regular-line-height;
+  letter-spacing: $text-m-regular-letter-spacing;
+}

package/design-tokens/fonts.scss

@@ -0,0 +1,31 @@
+@font-face {
+  font-display: swap;
+  font-family: 'Nunito';
+  font-style: normal;
+  font-weight: 300;
+  src: url('/assets/fonts/nunito-light-300.woff2') format('woff2');
+}
+
+@font-face {
+  font-display: swap;
+  font-family: 'Nunito';
+  font-style: normal;
+  font-weight: 400;
+  src: url('/assets/fonts/nunito-regular-400.woff2') format('woff2');
+}
+
+@font-face {
+  font-display: swap;
+  font-family: 'Nunito';
+  font-style: normal;
+  font-weight: 600;
+  src: url('/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('/assets/fonts/nunito-bold-700.woff2') format('woff2');
+}

package/design-tokens/main-internal.scss

@@ -0,0 +1,2 @@
+@forward "main";
+@forward "tokens/private";

package/design-tokens/main.scss

@@ -0,0 +1,2 @@
+@forward "tokens";
+@forward "abstract";

package/design-tokens/primitives/_colors.scss

@@ -0,0 +1,254 @@
+// This file is auto-generated. Do not edit directly.
+
+$core-black: #000000;
+$core-black-50: rgba(0, 0, 0, 0.50);
+$core-white: #ffffff;
+$core-white-50: rgba(255, 255, 255, 0.50);
+$greyscale-0: #f4f5f4;
+$greyscale-50: #ebebea;
+$greyscale-100: #e1e1e0;
+$greyscale-150: #d7d6d5;
+$greyscale-200: #cdcccb;
+$greyscale-250: #c2c1c0;
+$greyscale-300: #b7b7b6;
+$greyscale-350: #acacab;
+$greyscale-400: #a1a1a0;
+$greyscale-450: #969695;
+$greyscale-500: #8b8a8a;
+$greyscale-550: #7f7e7e;
+$greyscale-600: #737272;
+$greyscale-650: #666665;
+$greyscale-700: #595958;
+$greyscale-750: #4c4c4b;
+$greyscale-800: #3e3e3d;
+$greyscale-850: #302f2f;
+$greyscale-900: #201f1f;
+$greyscale-950: #0d0c0c;
+$bleu-rte-0: #f8fdff;
+$bleu-rte-50: #f0fbff;
+$bleu-rte-100: #e0f5fe;
+$bleu-rte-200: #b9edfe;
+$bleu-rte-300: #7ce1fd;
+$bleu-rte-400: #36d3fa;
+$bleu-rte-500: #0cbdeb;
+$bleu-rte-600: #00a6d9;
+$bleu-rte-700: #017aa3;
+$bleu-rte-800: #066686;
+$bleu-rte-900: #0b556f;
+$bleu-rte-950: #07364a;
+$bleu-digital-0: #f7faff;
+$bleu-digital-50: #eef7ff;
+$bleu-digital-100: #d8ebff;
+$bleu-digital-200: #baddff;
+$bleu-digital-300: #8ac8ff;
+$bleu-digital-400: #53aaff;
+$bleu-digital-500: #2b86ff;
+$bleu-digital-600: #1465fc;
+$bleu-digital-700: #0d4fea;
+$bleu-digital-800: #123fbb;
+$bleu-digital-900: #153b93;
+$bleu-digital-950: #122559;
+$marine-0: #f7f9fc;
+$marine-50: #f3f6fc;
+$marine-100: #e7edf7;
+$marine-200: #c9d8ee;
+$marine-300: #9ab9df;
+$marine-400: #6494cc;
+$marine-500: #3d70ad;
+$marine-600: #2f5d9a;
+$marine-700: #274a7d;
+$marine-800: #244068;
+$marine-900: #233857;
+$marine-950: #17243a;
+$bleu-iceberg-0: #f9fbfd;
+$bleu-iceberg-50: #f3f6fc;
+$bleu-iceberg-100: #e6eef8;
+$bleu-iceberg-200: #c7dbf0;
+$bleu-iceberg-300: #96bde3;
+$bleu-iceberg-400: #5e9ad2;
+$bleu-iceberg-500: #397ebe;
+$bleu-iceberg-600: #2964a0;
+$bleu-iceberg-700: #225082;
+$bleu-iceberg-800: #214770;
+$bleu-iceberg-900: #1f3b5b;
+$bleu-iceberg-950: #15253c;
+$bleu-petrole-0: #fbfcfd;
+$bleu-petrole-50: #f2f8f9;
+$bleu-petrole-100: #deecef;
+$bleu-petrole-200: #c1dae0;
+$bleu-petrole-300: #95bfcb;
+$bleu-petrole-400: #639cad;
+$bleu-petrole-500: #478093;
+$bleu-petrole-600: #3e6a7c;
+$bleu-petrole-700: #375867;
+$bleu-petrole-800: #334a57;
+$bleu-petrole-900: #2e404b;
+$bleu-petrole-950: #10181d;
+$bleu-cyan-0: #f9feff;
+$bleu-cyan-50: #edfdfe;
+$bleu-cyan-100: #d1f9fc;
+$bleu-cyan-200: #a9f2f8;
+$bleu-cyan-300: #6ee6f2;
+$bleu-cyan-400: #2bd0e5;
+$bleu-cyan-500: #0fb3cb;
+$bleu-cyan-600: #108faa;
+$bleu-cyan-700: #14738a;
+$bleu-cyan-800: #195e71;
+$bleu-cyan-900: #1a4d5f;
+$bleu-cyan-950: #0c3949;
+$vert-foret-0: #f5fcfa;
+$vert-foret-50: #effaf6;
+$vert-foret-100: #d7f4e6;
+$vert-foret-200: #b3e7d1;
+$vert-foret-300: #81d4b7;
+$vert-foret-400: #4dba97;
+$vert-foret-500: #2a9f7d;
+$vert-foret-600: #1b8065;
+$vert-foret-700: #176b57;
+$vert-foret-800: #145143;
+$vert-foret-900: #114338;
+$vert-foret-950: #082620;
+$vert-0: #f5fffe;
+$vert-50: #effefb;
+$vert-100: #c7fff4;
+$vert-200: #90ffe8;
+$vert-300: #51f7dc;
+$vert-400: #1de4ca;
+$vert-500: #04c8b1;
+$vert-600: #009e8f;
+$vert-700: #058075;
+$vert-800: #0a655e;
+$vert-900: #0d544f;
+$vert-950: #003332;
+$vert-indications-0: #fdfef8;
+$vert-indications-50: #fafce9;
+$vert-indications-100: #f3f8cf;
+$vert-indications-200: #e6f2a4;
+$vert-indications-300: #d3e86e;
+$vert-indications-400: #bed942;
+$vert-indications-500: #a4c424;
+$vert-indications-600: #7c9818;
+$vert-indications-700: #5e7417;
+$vert-indications-800: #4b5c18;
+$vert-indications-900: #404e19;
+$vert-indications-950: #212b08;
+$vert-digital-0: #f7fffb;
+$vert-digital-50: #effef6;
+$vert-digital-100: #d9ffec;
+$vert-digital-200: #b5fdd9;
+$vert-digital-300: #65f8b0;
+$vert-digital-400: #3cec96;
+$vert-digital-500: #12d577;
+$vert-digital-600: #09b05f;
+$vert-digital-700: #0b8a4d;
+$vert-digital-800: #0e6d40;
+$vert-digital-900: #0e5937;
+$vert-digital-950: #01321c;
+$jaune-0: #fffef5;
+$jaune-50: #feffe7;
+$jaune-100: #faffc1;
+$jaune-200: #faff86;
+$jaune-300: #ffff41;
+$jaune-400: #fff30d;
+$jaune-500: #ffe500;
+$jaune-600: #d1aa00;
+$jaune-700: #a67a02;
+$jaune-800: #895f0a;
+$jaune-900: #744d0f;
+$jaune-950: #442904;
+$jaune-ocre-0: #fefcf8;
+$jaune-ocre-50: #fcf9ea;
+$jaune-ocre-100: #faefc7;
+$jaune-ocre-200: #f5de93;
+$jaune-ocre-300: #efc655;
+$jaune-ocre-400: #ebb53d;
+$jaune-ocre-500: #d99519;
+$jaune-ocre-600: #bb7313;
+$jaune-ocre-700: #955213;
+$jaune-ocre-800: #7c4117;
+$jaune-ocre-900: #6a3619;
+$jaune-ocre-950: #3d1c0b;
+$jaune-indications-0: #fffbf7;
+$jaune-indications-50: #fef7ec;
+$jaune-indications-100: #fce7c9;
+$jaune-indications-200: #f9ce8e;
+$jaune-indications-300: #f6ab4d;
+$jaune-indications-400: #f4922b;
+$jaune-indications-500: #ed6e13;
+$jaune-indications-600: #d24e0d;
+$jaune-indications-700: #ae330f;
+$jaune-indications-800: #8e2712;
+$jaune-indications-900: #752112;
+$jaune-indications-950: #430e05;
+$saumon-0: #fef9f7;
+$saumon-50: #fef4f2;
+$saumon-100: #fde8e3;
+$saumon-200: #fcd5cc;
+$saumon-300: #f9b7a8;
+$saumon-400: #f48d75;
+$saumon-500: #ec775c;
+$saumon-600: #d64c2c;
+$saumon-700: #b43d21;
+$saumon-800: #95351f;
+$saumon-900: #7c3120;
+$saumon-950: #43160c;
+$rose-digital-0: #fff7f8;
+$rose-digital-50: #fff1f2;
+$rose-digital-100: #ffe3e5;
+$rose-digital-200: #ffccd1;
+$rose-digital-300: #ffa1ab;
+$rose-digital-400: #ff546a;
+$rose-digital-500: #f93a58;
+$rose-digital-600: #e71742;
+$rose-digital-700: #c30d36;
+$rose-digital-800: #a30e35;
+$rose-digital-900: #8b1034;
+$rose-digital-950: #4e0317;
+$fuschia-0: #fff8fa;
+$fuschia-50: #fff0f3;
+$fuschia-100: #ffe1e9;
+$fuschia-200: #ffc8d8;
+$fuschia-300: #ff9bb8;
+$fuschia-400: #ff6394;
+$fuschia-500: #ff2c74;
+$fuschia-600: #f60862;
+$fuschia-700: #dc0059;
+$fuschia-800: #ae034d;
+$fuschia-900: #940749;
+$fuschia-950: #530023;
+$rouge-indications-0: #fef8fa;
+$rouge-indications-50: #fff1f2;
+$rouge-indications-100: #ffe4e6;
+$rouge-indications-200: #fdced4;
+$rouge-indications-300: #fca5af;
+$rouge-indications-400: #f97385;
+$rouge-indications-500: #f14662;
+$rouge-indications-600: #de2048;
+$rouge-indications-700: #c81640;
+$rouge-indications-800: #9d1439;
+$rouge-indications-900: #861537;
+$rouge-indications-950: #4b0618;
+$taupe-0: #fbfbfb;
+$taupe-50: #f8f7f8;
+$taupe-100: #f3f0f2;
+$taupe-200: #e7e3e6;
+$taupe-300: #d4cdd2;
+$taupe-400: #b9adb5;
+$taupe-500: #a2929c;
+$taupe-600: #8a7883;
+$taupe-700: #73636c;
+$taupe-800: #61535b;
+$taupe-900: #574c52;
+$taupe-950: #2f282c;
+$violet-0: #fcfbfd;
+$violet-50: #f9f7fc;
+$violet-100: #f3eff8;
+$violet-200: #e6def0;
+$violet-300: #d2c3e4;
+$violet-400: #b89fd3;
+$violet-500: #9979bc;
+$violet-600: #7d5a9f;
+$violet-700: #674883;
+$violet-800: #563c6c;
+$violet-900: #4a355a;
+$violet-950: #2b1a38;

package/design-tokens/primitives/_devColors.scss

@@ -0,0 +1,12 @@
+@use 'colors' as *;
+
+$greyscale-50-opacity-50: rgba($greyscale-50, 0.5);
+$greyscale-800-opacity-50: rgba($greyscale-800, 0.5);
+$bleu-iceberg-700-opacity-20: rgba($bleu-iceberg-700, 0.2);
+$bleu-iceberg-200-opacity-20: rgba($bleu-iceberg-200, 0.2);
+$violet-700-opacity-20: rgba($violet-700, 0.2);
+$violet-200-opacity-20: rgba($violet-200, 0.2);
+$vert-foret-700-opacity-20: rgba($vert-foret-700, 0.2);
+$vert-foret-200-opacity-20: rgba($vert-foret-200, 0.2);
+$rouge-indications-700-opacity-20: rgba($rouge-indications-700, 0.2);
+$rouge-indications-500-opacity-20: rgba($rouge-indications-500, 0.2);

package/design-tokens/primitives/_index.scss

@@ -0,0 +1,2 @@
+@forward 'devColors';
+@forward 'typography';

package/design-tokens/primitives/_typography.scss

@@ -0,0 +1,37 @@
+// This file is auto-generated. Do not edit directly.
+
+$font-family-nunito: "Nunito";
+$font-family-arial: "Arial";
+$font-weight-light: 300;
+$font-weight-regular: 400;
+$font-weight-semibold: 600;
+$font-weight-bold: 700;
+$font-size-s: 10px;
+$font-size-m: 12px;
+$font-size-l: 14px;
+$font-size-xl: 16px;
+$font-size-2xl: 20px;
+$font-size-3xl: 24px;
+$font-size-4xl: 28px;
+$font-size-5xl: 32px;
+$font-size-6xl: 40px;
+$font-size-7xl: 48px;
+$font-size-8xl: 56px;
+$font-size-9xl: 68px;
+$font-size-10xl: 80px;
+$line-height-s: 14px;
+$line-height-m: 16px;
+$line-height-l: 20px;
+$line-height-xl: 24px;
+$line-height-2xl: 28px;
+$line-height-3xl: 32px;
+$line-height-4xl: 36px;
+$line-height-5xl: 40px;
+$line-height-6xl: 48px;
+$line-height-7xl: 56px;
+$line-height-8xl: 64px;
+$line-height-9xl: 80px;
+$line-height-10xl: 92px;
+$letter-spacing-none: 0px;
+$letter-spacing-s: -0.5px;
+$letter-spacing-xs: -1px;