@cnamts/synapse 1.0.24 → 1.0.25

package/src/assets/apTokens.scss

@@ -1,343 +0,0 @@
-/*
- * CNAM Design System
- * Tokens and settings for the AMELI PRO theme.
- * This file must not contain any styles as it will be duplicated many times.
- */
-
-// Primitives
-$amber-darken-80: #502c01;
-$amber-darken-60: #784201;
-$amber-darken-40: #9f5801;
-$amber-darken-20: #c76e02;
-$amber-base: #ef8402;
-$amber-lighten-20: #f2992c;
-$amber-lighten-40: #f4ad56;
-$amber-lighten-60: #f7c281;
-$amber-lighten-80: #fad6ab;
-$amber-lighten-90: #fce6cc;
-$amber-lighten-97: #fffaf5;
-$yellow-darken-80: #302407;
-$yellow-darken-60: #60480e;
-$yellow-darken-40: #906b15;
-$yellow-darken-20: #c08f1c;
-$yellow-base: #f0b323;
-$yellow-lighten-20: #f3c24f;
-$yellow-lighten-40: #f6d17b;
-$yellow-lighten-60: #f9e1a7;
-$yellow-lighten-80: #fcf0d3;
-$yellow-lighten-90: #fdf7e9;
-$yellow-lighten-97: #fffdf8;
-$green-darken-80: #112717;
-$green-darken-60: #224e2d;
-$green-darken-40: #347444;
-$green-darken-20: #459b5a;
-$green-base: #56c271;
-$green-lighten-20: #78ce8d;
-$green-lighten-40: #9adaaa;
-$green-lighten-60: #bbe7c6;
-$green-lighten-80: #ddf3e3;
-$green-lighten-90: #eef9f1;
-$green-lighten-97: #fafdfb;
-$turquoise-darken-80: #00221c;
-$turquoise-darken-60: #004439;
-$turquoise-darken-40: #006755;
-$turquoise-darken-20: #008972;
-$turquoise-base: #00ab8e;
-$turquoise-lighten-20: #33bca5;
-$turquoise-lighten-40: #66cdbb;
-$turquoise-lighten-60: #99ddd2;
-$turquoise-lighten-80: #cceee8;
-$turquoise-lighten-90: #e5f7f4;
-$turquoise-lighten-97: #f7fcfc;
-$blue-darken-80: #020d1f;
-$blue-darken-60: #051a3e;
-$blue-darken-40: #07275c;
-$blue-darken-20: #0a347b;
-$blue-base: #0c419a;
-$blue-lighten-20: #3d67ae;
-$blue-lighten-40: #6d8dc2;
-$blue-lighten-60: #9eb3d7;
-$blue-lighten-80: #ced9eb;
-$blue-lighten-90: #e7ecf5;
-$blue-lighten-97: #f8f9fc;
-$cyan-darken-80: #00212d;
-$cyan-darken-60: #004259;
-$cyan-darken-40: #006386;
-$cyan-darken-20: #0084b2;
-$cyan-base: #00a5df;
-$cyan-lighten-20: #33b7e5;
-$cyan-lighten-40: #66c9ec;
-$cyan-lighten-60: #99dbf2;
-$cyan-lighten-80: #ccedf9;
-$cyan-lighten-90: #e5f6fc;
-$cyan-lighten-97: #f7fcfe;
-$forest-green-darken-80: #002821;
-$forest-green-darken-60: #003c32;
-$forest-green-darken-40: #005042;
-$forest-green-darken-20: #006453;
-$forest-green-base: #007863;
-$forest-green-lighten-20: #2a8f7d;
-$forest-green-lighten-40: #55a597;
-$forest-green-lighten-60: #80bcb1;
-$forest-green-lighten-80: #aad2cb;
-$forest-green-lighten-90: #cce4e0;
-$forest-green-lighten-97: #eefffc;
-$parma-darken-80: #171c26;
-$parma-darken-60: #2f384d;
-$parma-darken-40: #465473;
-$parma-darken-20: #5e709a;
-$parma-base: #758cc0;
-$parma-lighten-20: #91a3cd;
-$parma-lighten-40: #acbad9;
-$parma-lighten-60: #c8d1e6;
-$parma-lighten-80: #e3e8f2;
-$parma-lighten-90: #f1f3f9;
-$parma-lighten-97: #fbfcfd;
-$mauve-darken-80: #201224;
-$mauve-darken-60: #402449;
-$mauve-darken-40: #60376d;
-$mauve-darken-20: #804992;
-$mauve-base: #a05bb6;
-$mauve-lighten-20: #b37cc5;
-$mauve-lighten-40: #c69dd3;
-$mauve-lighten-60: #d9bde2;
-$mauve-lighten-80: #ecdef0;
-$mauve-lighten-90: #f5eff8;
-$mauve-lighten-97: #fcfafd;
-$pink-darken-80: #2d051a;
-$pink-darken-60: #5a0a34;
-$pink-darken-40: #87104d;
-$pink-darken-20: #b41567;
-$pink-base: #e11a81;
-$pink-lighten-20: #e7489a;
-$pink-lighten-40: #ed76b3;
-$pink-lighten-60: #f3a3cd;
-$pink-lighten-80: #f9d1e6;
-$pink-lighten-90: #fce8f2;
-$pink-lighten-97: #fef8fb;
-$red-darken-80: #4d0000;
-$red-darken-60: #740000;
-$red-darken-40: #9b0000;
-$red-darken-20: #b30e0e;
-$red-base: #e80000;
-$red-lighten-20: #ec2a2a;
-$red-lighten-40: #ff5e5e;
-$red-lighten-60: #f48080;
-$red-lighten-80: #f7aaaa;
-$red-lighten-90: #facccc;
-$red-lighten-97: #fff4f4;
-$grey-darken-80: #111212;
-$grey-darken-60: #222324;
-$grey-darken-40: #323535;
-$grey-darken-20: #434647;
-$grey-base: #545859;
-$grey-lighten-20: #76797a;
-$grey-lighten-40: #989b9b;
-$grey-lighten-60: #bbbcbd;
-$grey-lighten-80: #dddede;
-$grey-lighten-90: #eee;
-$grey-lighten-97: #fafafa;
-$white-20: rgb(255 255 255 / 20%);
-$white-38: rgb(255 255 255 / 38%);
-$white-40: rgb(255 255 255 / 40%);
-$white-70: rgb(255 255 255 / 70%);
-$white-base: #fff;
-$white-08: rgb(255 255 255 / 8%);
-$white-00: rgb(255 255 255 / 0%);
-$none-value: undefined;
-$transparent-blue-18: rgb(12 65 154 / 18%);
-$transparent-blue-08: rgb(12 65 154 / 8%);
-$transparent-blue-00: rgb(12 65 154 / 0%);
-
-// Semantic Tokens
-$primary-darker-2: #004259;
-$primary-darker: #006386;
-$primary-base: #0084b2;
-$primary: #0084b2;
-$primary-light: #00a5df;
-$primary-lighter-2: #33b7e5;
-$primary-lighter-3: #66c9ec;
-$primary-lighter-4: #e5f6fc;
-$primary-lighter-5: #f7fcfe;
-$secondary-darker-2: #00212d;
-$secondary-darker: #00212d;
-$secondary-base: #004259;
-$secondary-light: #0084b2;
-$secondary-lighter-2: #00a5df;
-$secondary-lighter-3: #33b7e5;
-$secondary-lighter-4: #66c9ec;
-$secondary-lighter-5: #99dbf2;
-$neutral-black: #111212;
-$neutral-black-lighter: #545859;
-$neutral-black-lighter-2: #989b9b;
-$neutral-grey: #dddede;
-$neutral-white: #fff;
-$neutral-white-alpha: rgb(255 255 255 / 70%);
-$neutral-white-alpha-lighter: rgb(255 255 255 / 40%);
-$neutral-white-alpha-lighter-2: rgb(255 255 255 / 20%);
-$neutral-white-alpha-lighter-3: rgb(255 255 255 / 8%);
-$info-info-lightest: #f1f3f9;
-$info-info-lighter: #e3e8f2;
-$info-default: #465473;
-$success-lightest: #eefffc;
-$success-lighter: #cce4e0;
-$success-default: #007863;
-$success-darker: #005042;
-$warning-lightest: #fdf7e9;
-$warning-lighter: #fcf0d3;
-$warning-default: #f0b323;
-$warning-darker: #60480e;
-$danger-lightest: #facccc;
-$danger-lighter: #f7aaaa;
-$danger-default: #b30e0e;
-$danger-darker: #740000;
-$user-professionnel: #66c9ec;
-$user-assure: #ed76b3;
-$user-entreprise: #f0b323;
-
-// Contextual Tokens
-$colors-background: #fff;
-$colors-border: #ddd;
-$colors-text: #333;
-$colors-icon: #666;
-$colors-overlay: rgb(0 0 0 / 50%);
-$colors-interactive: #007bff;
-$gap-0: 0;
-$gap-1: 4px;
-$gap-2: 8px;
-$gap-3: 12px;
-$gap-4: 16px;
-$gap-5: 20px;
-$gap-6: 24px;
-$gap-7: 28px;
-$gap-8: 32px;
-$gap-9: 36px;
-$gap-10: 40px;
-$gap-11: 44px;
-$gap-12: 48px;
-$gap-13: 52px;
-$gap-14: 56px;
-$gap-15: 60px;
-$gap-16: 64px;
-$icon-size-xsmall: 8px;
-$icon-size-small: 16px;
-$icon-size-default: 24px;
-$icon-size-large: 32px;
-$radius-rounded-0: 0;
-$radius-rounded: 4px;
-$radius-rounded-md: 4px;
-$radius-rounded-lg: 8px;
-$radius-rounded-pill: 64px;
-$padding-0: 0;
-$padding-2: 8px;
-$padding-3: 12px;
-$padding-4: 16px;
-$padding-6: 24px;
-$padding-8: 32px;
-$padding-10: 40px;
-$padding-14: 56px;
-$padding-16: 64px;
-$font-size-title: 24px;
-$font-size-alt-title: 20px;
-$font-size-body-text: 16px;
-$font-size-link-label: 14px;
-
-// Additional Contextual Tokens
-$colors-background-main: #e7ecf5;
-$colors-background-surface: #fff;
-$colors-background-main-alt: #fff;
-$colors-background-main-ter: #fafafa;
-$colors-background-surface-alt: #e7ecf5;
-$colors-background-raised: #f8f9fc;
-$colors-background-accent-primary: #0084b2;
-$colors-background-accent-primary-contrasted: #004259;
-$colors-background-accent-primary-alt: #545859;
-$colors-background-accent-primary-light: #33b7e5;
-$colors-background-accent-secondary-light: #00a5df;
-$colors-background-accent-secondary: #004259;
-$colors-background-accent-secondary-contrasted: #00212d;
-$colors-background-info: #ced9eb;
-$colors-background-info-subdued: #e7ecf5;
-$colors-background-info-contrasted: #465473;
-$colors-background-success: #aad2cb;
-$colors-background-success-subdued: #cce4e0;
-$colors-background-success-contrasted: #007863;
-$colors-background-warning: #fcf0d3;
-$colors-background-warning-subdued: #fdf7e9;
-$colors-background-warning-contrasted: #f0b323;
-$colors-background-error: #f7aaaa;
-$colors-background-error-subdued: #facccc;
-$colors-background-error-contrasted: #b30e0e;
-$colors-background-disabled: #dddede;
-$colors-background-disabled-ondark: rgb(255 255 255 / 8%);
-$colors-background-assure: #ed76b3;
-$colors-background-professionnel: #66c9ec;
-$colors-background-entreprise: #f0b323;
-$colors-border-darker: #222324;
-$colors-border-base: #989b9b;
-$colors-border-subdued: #dddede;
-$colors-border-accent-primary: #0084b2;
-$colors-border-accent-primary-contrasted: #006386;
-$colors-border-accent-primary-ondark: #fff;
-$colors-border-accent-secondary: #004259;
-$colors-border-accent-secondary-contrasted: #00212d;
-$colors-border-info: #465473;
-$colors-border-success: #007863;
-$colors-border-warning: #60480e;
-$colors-border-error: #b30e0e;
-$colors-border-ondark: rgb(255 255 255 / 70%);
-$colors-border-disabled: #dddede;
-$colors-border-disabled-ondark: rgb(255 255 255 / 40%);
-$colors-text-base: #222324;
-$colors-text-accent-primary: #0084b2;
-$colors-text-accent-primary-contrasted: #006386;
-$colors-text-accent-secondary: #006386;
-$colors-text-subdued: #545859;
-$colors-text-info: #465473;
-$colors-text-success: #007863;
-$colors-text-warning: #60480e;
-$colors-text-error: #b30e0e;
-$colors-text-disabled: #989b9b;
-$colors-text-ondark: #fff;
-$colors-text-subdued-ondark: rgb(255 255 255 / 70%);
-$colors-text-disabled-ondark: rgb(255 255 255 / 40%);
-$colors-icon-base: #222324;
-$colors-icon-subdued: #545859;
-$colors-icon-subdued-ondark: rgb(255 255 255 / 70%);
-$colors-icon-accent-primary: #0084b2;
-$colors-icon-accent-primary-contrasted: #006386;
-$colors-icon-accent-secondary: #006386;
-$colors-icon-info: #465473;
-$colors-icon-success: #007863;
-$colors-icon-warning: #60480e;
-$colors-icon-error: #b30e0e;
-$colors-icon-ondark: #fff;
-$colors-icon-disabled: #989b9b;
-$colors-icon-disabled-ondark: rgb(255 255 255 / 40%);
-$colors-overlay-fullpage: #222324;
-$colors-overlay-ondark: #006386;
-$colors-overlay-onlight: #fff;
-$colors-interactive-selection-enabled: rgb(255 255 255 / 0%);
-$colors-interactive-selection-hover: #ccedf9;
-$colors-interactive-selection-pressed: #99dbf2;
-$colors-interactive-selection-selected: #ccedf9;
-$colors-interactive-selection-hover-on-selected: #99dbf2;
-$colors-interactive-selection-selected-accent: #0084b2;
-$colors-interactive-selection-hover-on-selected-accent: #33b7e5;
-$colors-interactive-selection-disabled: rgb(255 255 255 / 0%);
-$colors-interactive-positive-primary-action-enabled: #0084b2;
-$colors-interactive-positive-primary-action-hover: #33b7e5;
-$colors-interactive-positive-primary-action-pressed: #66c9ec;
-$colors-interactive-positive-primary-action-disabled: #dddede;
-$colors-interactive-negative-primary-action-enabled: #fff;
-$colors-interactive-negative-primary-action-hover: #99dbf2;
-$colors-interactive-negative-primary-action-pressed: #66c9ec;
-$colors-interactive-negative-primary-action-disabled: #dddede;
-$colors-interactive-positive-secondary-action-enabled: rgb(255 255 255 / 0%);
-$colors-interactive-positive-secondary-action-hover: #f7fcfe;
-$colors-interactive-positive-secondary-action-pressed: #ccedf9;
-$colors-interactive-positive-secondary-action-disabled: rgb(255 255 255 / 0%);
-$colors-interactive-negative-secondary-action-enabled: rgb(255 255 255 / 0%);
-$colors-interactive-negative-secondary-action-hover: rgb(255 255 255 / 8%);
-$colors-interactive-negative-secondary-action-pressed: rgb(255 255 255 / 20%);
-$colors-interactive-negative-secondary-action-disabled: rgb(255 255 255 / 0%);

package/src/assets/overrides/_container.scss

@@ -1,36 +0,0 @@
-@use 'src/assets/tokens';
-
-.page-container {
-	text-align: center;
-	margin: 0 auto;
-	padding: 40px 40px 56px 56px;
-	width: 1160px;
-
-	// Mobile Styles
-	@media (width <= 600px) {
-		max-width: $container-mobile-max-width;
-		padding: 40px 24px 80px;
-		display: grid;
-		grid-template-columns: repeat(3, 1fr);
-		grid-gap: 24px;
-		width: 80%;
-	}
-
-	// Tablet Styles
-	@media (width >= 601px) and (width <= 960px) {
-		max-width: $container-tablet-max-width;
-		width: 80%;
-		display: grid;
-		grid-template-columns: repeat(6, 1fr);
-		grid-gap: 24px;
-	}
-
-	// Desktop Styles
-	@media (width >= 960px) {
-		max-width: $container-desktop-max-width;
-		width: 100%;
-		display: grid;
-		grid-template-columns: repeat(12, 1fr);
-		grid-gap: 24px;
-	}
-}