qc-trousse-sdg 1.2.5-dev → 1.3.0-develop.0

package/src/sdg/scss/settings/_tokens.scss

@@ -1,9 +1,11 @@
-@use "settings/settings" as *;
-@use "functions/utils" as *;
-@use "functions/tokens" as *;
+@use "base" as *;
+@use "sass:color";
+@use "lib/functions" as *;
 
-$dark-blue: #223654;
-$xl-tokens: (
+
+// TODO remplacer les clés avec tirets par un souligné foo-bar -> foo_bar
+// TODO générer ce fichier à partir d'un json, afin d'avoir les tokens en js
+$lg-tokens: (
     font : (
         family : (
             roboto: google-font(roboto),
@@ -65,43 +67,50 @@ $xl-tokens: (
         xl: token-value(line-height, 200),
         content: token-value(line-height, md),
     ),
-    max-content-width: rem(825),
+    max-content-width: 825px, //TODO faire une clé max_width : (content:…, component1:…, )
     color: (
-        white : white,
-        blue : (
-            pale : #dae6f0,
-            light : #4a98d9,
-            regular : #1472bf,
-            piv: #095797,
-            medium : #19406C,
-            dark: $dark-blue,
-        ),
-        purple: #6b4fa1,
-        grey : (
-            pale : #f1f1f2,
-            light : #c5cad2,
-            regular: #8893a2,
-            medium : #6b778a,
-            dark: #4e5662,
-        ),
-        pink : (
-            pale: #ffdbd6,
-            regular: #e58271,
-        ),
-        red: (
-            regular: #cb381f,
-            dark: #692519,
-        ),
-        green: (
-            pale: #d7f0bb,
-            regular: #4f813d,
-            dark: #2c4024,
-        ),
-        yellow : (
-            pale : #f8e69a,
-            regular: #e0ad03,
-            dark: #ad781c,
-        ),
+          white : #ffffff,
+          blue : (
+              extra-pale: token-value(color blue pale),
+              pale : #dae6f0,
+              light : #4a98d9,
+              regular_light: #2586d6,
+              regular : #1472bf,
+              piv: #095797,
+              medium : #19406C,
+              dark: #223654,
+          ),
+          purple: #6b4fa1,
+          grey : (
+              extra-pale: token-value(color grey pale),
+              pale : #f1f1f2,
+              light : #c5cad2,
+              regular: #8893a2,
+              medium : #6b778a,
+              dark: #4e5662,
+          ),
+          pink : (
+              pale: #ffdbd6,
+              regular: #e58271,
+          ),
+          red: (
+              pale: token-value(color pink pale),
+              light: token-value(color pink regular),
+              regular: #cb381f,
+              dark: #692519,
+          ),
+          green: (
+              pale: #d7f0bb,
+              regular: #4f813d,
+              dark: #2c4024,
+          ),
+          yellow : (
+              pale : #f8e69a,
+              regular: #e0ad03,
+              dark: #ad781c,
+          ),
+
+        background : token-value(color white),
         text : (
             primary : token-value(color blue dark)
         ),
@@ -114,23 +123,42 @@ $xl-tokens: (
             hover: token-value(color blue piv),
             visited: token-value(color purple),
             active: token-value(color red regular),
+            // TODO ajouter le focus cf https://www.figma.com/design/p5kWdGvZk0BvkEGIrdvXL6/%5BSDG-OFFICIEL%5D-Bases-et-composants?node-id=1070-628&node-type=canvas&t=eIMD5cFp9Jq5vMNt-0
+            focus: (
+              outline: token-value(color blue light),
+            )
+        ),
+        formfield: (
+            border: token-value(color grey medium ),
+            focus: (
+                border: token-value(color blue dark),
+                outline: token-value(color blue light)
+            )
+        ),
+        searchinput: (
+          icon: token-value(color blue piv),
         ),
+        box_shadow: rgba(var(--qc-color-blue-dark-rgb), .24)
     ),
-    box-shadow: (
-        color: rgba($dark-blue, .24),
-        blur: (
-            0: 0,
-            1: 4px,
-            2: 8px,
-            3: 16px,
-            4: 24px,
-        ),
-        offset: (
-            0: 0,
-            1: 1px,
-            2: 2px,
-            3: 4px,
-            4: 6px,
+    box_shadow: (
+        0: (
+          color: token-value(color grey light)
+        ),
+        1: (
+          blur: 4px,
+          offset: 1px,
+        ),
+        2: (
+            blur: 8px,
+            offset: 2px,
+        ),
+        3: (
+            blur: 16px,
+            offset: 4px,
+        ),
+        4: (
+            blur: 24px,
+            offset: 6px,
         ),
     ),
     spacer: (
@@ -173,43 +201,32 @@ $xl-tokens: (
         ),
         list : (
             pl: token-value(spacer sm),
-            mb: token-value(spacer content-block mb),
-            embedded-mb : token-value(spacer sm),
         ),
         list-item : (
             mb: token-value(spacer sm),
-
         ),
-        notice: (
-            my: token-value(spacer, md),
-            mx: rem(4 * $base-spacer),
-        )
     ),
     grid: (
         gutter: 32px,
         breakpoint: (
             xs: 0,
-            sm: 576px,
-            md: 768px,
-            lg: 992px,
-            xl: 1200px,
+            sm: 768px,
+            md: 992px,
+            lg: 1200px,
         ),
         container-max-width: (
-            sm: 576px,
-            md: 768px,
-            lg: 992px,
-            xl: 1200px,
+            sm: 768px,
+            md: 992px,
+            lg: 1200px
         )
     ),
 ) !default;
 
+// legacy
+$xl-tokens : $lg-tokens;
+
 $breakpoints-tokens: (
-    xl : $xl-tokens,
-    lg : (
-        grid: (
-            gutter: 24px,
-        )
-    ),
+    lg : $lg-tokens,
     md : (
         font-size: (
             h3: rem(25),
@@ -228,6 +245,9 @@ $breakpoints-tokens: (
                 mb: rem(1 * $base-spacer),
             )
         ),
+        grid: (
+            gutter: 24px,
+        )
     ),
     sm : (
         grid: (
@@ -236,6 +256,54 @@ $breakpoints-tokens: (
     ),
 ) !default;
 
+$themes-tokens: (
+  light: $breakpoints-tokens,
+  dark: (
+    lg: (
+      color: (
+        white : #121519,
+        blue : (
+            pale : #162B47,
+            light : #0078CC,
+            regular : #3B95E1,
+            piv: #72B2EB,
+            medium : #ADCDEB,
+            dark: #C6DBEE,
+        ),
+        purple: #B3A5D4,
+        grey : (
+            pale : #1C2025,
+            light : #3B424C,
+            regular: #6A7688,
+            medium : #8590A8,
+            dark: #A7ACBC,
+        ),
+        pink : (
+            pale: #4F180E,
+            regular: #BB3A23,
+        ),
+        red: (
+            regular: #F26049,
+            dark: #F3BCB6,
+        ),
+        green: (
+            pale: #1E2F17,
+            regular: #6E9C57,
+            dark: #B0D493,
+        ),
+        yellow : (
+            pale : #3F240C,
+            regular: #6D4512,
+            dark: #AC7900,
+        ),
+        text : (
+            primary : #D7D8DD
+        ),
+        accent: #F17B6C,
+      )
+    )
+  )
+) !default;
 
 
 

package/src/sdg/scss/utilities/_display.scss

@@ -1,4 +1,44 @@
-@import "settings/grid";
-@import "vendor/bootstrap-rewrite/utilities/display";
-//@import "vendor/bootstrap-rewrite/mixins/deprecate";
+// retrait de ces utilitaires pour alléger la css
+@use "sass:map";
+@use "lib/gridless-lib" as *;
+@use "grid/grid-lib" as *;
 
+$spacers : (
+    0: 0,
+    1: token-value(spacer sm),
+    2: token-value(spacer md),
+    3: token-value(spacer lg),
+    4: token-value(spacer xl),
+);
+
+$displays: none, inline, inline-block, block, table, table-row, table-cell, flex, inline-flex !default;
+
+// stylelint-disable declaration-no-important
+
+// equivalent à @import(src/sdg/scss/vendor/bootstrap-rewrite/utilities/_display.scss)
+// Utilities for common `display` values
+
+@each $breakpoint in map.keys($grid-breakpoints) {
+  @include media-breakpoint-up($breakpoint) {
+    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
+
+    @each $value in $displays {
+      .qc-d#{$infix}-#{$value} { display: $value !important; }
+    }
+  }
+}
+
+
+//
+// Utilities for toggling `display` in print
+//
+
+@media print {
+  @each $value in $displays {
+    .qc-d-print-#{$value} { display: $value !important; }
+  }
+}
+
+.qc-nowrap {
+  white-space: nowrap;
+}

package/src/sdg/scss/utilities/_themes.scss

@@ -0,0 +1,17 @@
+@use "qc-sdg-lib" as *;
+
+:root {
+  --qc-light-theme-display: block;
+  --qc-dark-theme-display: none;
+  &.qc-dark-theme {
+    --qc-light-theme-display: none;
+    --qc-dark-theme-display: block;
+  }
+}
+
+.qc-light-theme-show {
+  display: var(--qc-light-theme-display);
+}
+.qc-dark-theme-show {
+  display: var(--qc-dark-theme-display);
+}

package/src/sdg/scss/vendor/modern-css-reset/src/reset.css

@@ -1,4 +1,5 @@
-/* Box sizing rules */
+ /*Box sizing rules */
+
 *,
 *::before,
 *::after {
@@ -49,13 +50,13 @@ picture {
   display: block;
 }
 
-/* Inherit fonts for inputs and buttons */
-input,
-button,
-textarea,
-select {
-  font: inherit;
-}
+  /* Inherit fonts for inputs and buttons */
+  input,
+  button,
+  textarea,
+  select {
+    font: inherit;
+  }
 
 /* Remove all animations and transitions for people that prefer not to see them */
 @media (prefers-reduced-motion: reduce) {

package/dist/img/logo-quebec-piv-footer.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 559.64 168.93"><defs><style>.cls-1,.cls-2{fill:#1d1d1b;}.cls-2,.cls-4{fill-rule:evenodd;}.cls-3{fill:#0062ae;}.cls-4{fill:#fff;}.cls-5{fill:none;}</style></defs><title>Fichier 1</title><g id="Calque_2" data-name="Calque 2"><g id="Signature"><path class="cls-1" d="M173.25,109.4V70.62H173c-1.38,1.27-6.48,1.37-8.64,1.37h-3.75v.31c4.33,2.66,3.74,6.59,3.74,11.48v16.41c0,8.2-8.06,14-14.56,14-8.56,0-12.11-6.08-12.11-15.89V70.62h-.3C136,71.89,130.85,72,128.68,72H125v.32c4.33,2.65,3.74,6.58,3.74,11.47v16.36c0,15,6.49,22.08,18.1,22.08,6.89,0,14-2.44,17.51-8.28V121H177v-.32C172.66,118.25,173.25,114.3,173.25,109.4Z"/><path class="cls-1" d="M192.91,88.66c1.18-6.66,6.1-10.89,12.7-10.89,7.09,0,11.62,3.49,12.7,10.89Zm35.74,6.19c.39-13.69-8.77-24-22.15-24-14.67,0-24.61,10.64-24.61,25.4s11.51,26.2,28.25,26.2a33.25,33.25,0,0,0,13.58-2.63l4.93-10h-.3a24.65,24.65,0,0,1-16.15,5.67c-11.12,0-19.49-7.59-19.68-20.64Z"/><path class="cls-1" d="M236.46,48.09c2.35,0,7.16-.15,8.62-1.58h.29v67.17a30.29,30.29,0,0,0,8.12,1.26c10.75,0,16.92-7.52,16.92-18,0-10.28-4.79-18.23-14.67-18.23A15.91,15.91,0,0,0,247.52,81l5.28-9a19.53,19.53,0,0,1,6.95-1.17c11.15,0,20.63,9.68,20.63,24.2,0,16.63-11.25,27.39-29,27.39-6.65,0-13-1.18-17.85-1.92v-.33c3.25-1.49,3-5,3-8.51V62.84c0-4.91.59-11.77-3.64-14.43v-.32Z"/><path class="cls-1" d="M297.86,88.66C299,82,304,77.77,310.56,77.77c7.09,0,11.61,3.49,12.7,10.89Zm35.73,6.19c.4-13.69-8.76-24-22.15-24-14.66,0-24.6,10.64-24.6,25.4s11.51,26.2,28.24,26.2a33.26,33.26,0,0,0,13.59-2.63l4.92-10h-.29a24.65,24.65,0,0,1-16.15,5.67c-11.12,0-19.49-7.59-19.69-20.64Z"/><path class="cls-1" d="M377.62,83h-.29c-2.86-3.52-7.59-5.23-12-5.23-9.55,0-16.43,7.25-16.43,17.37,0,12.25,9.54,20.35,20.47,20.35a24.18,24.18,0,0,0,14.37-5.22h.3l-5.12,10.06a34.51,34.51,0,0,1-13,2.1c-15.15,0-27-10.67-27-24.52,0-18.33,13.22-27.08,28.09-27.08a45.37,45.37,0,0,1,10.63,1.26Z"/><path class="cls-2" d="M216.36,62V51.38c-6.45,2.89-12.44,8.3-16.44,13.56v4.15C209.5,62.64,216.36,62.34,216.36,62Z"/><path class="cls-1" d="M84.46,115.11c-14.87,0-25.21-16.77-25.21-31,0-.14,0-1.46,0-1.6.18-13.8,9.12-26.75,24.71-26.75,16.4,0,24.86,15.52,25,30.23V87.5C109,103.17,99.23,115.11,84.46,115.11Zm51,16.3c-11,1.79-21.53-1.67-32.74-14.49,10.83-5.44,17.53-19,17.53-31.55V83.8c-.2-21.52-16.37-35.73-35.64-35.73S48.18,62.86,48,84.55V86c0,21.1,15.66,36.77,34.85,36.77A34.32,34.32,0,0,0,91,121.71c12.57,11.78,23.78,16.8,33.46,15.63,4.59-.55,9.45-2.38,12.36-6.16Z"/><rect class="cls-3" x="401.62" y="48.1" width="48.02" height="29.43"/><path class="cls-4" d="M425.63,49.64a32.42,32.42,0,0,1-2.45,3.24,5.76,5.76,0,0,0-.54,6,26.46,26.46,0,0,1,1.69,4.56,14.2,14.2,0,0,1,.21,4.41h-1.32c0-3.25-1-6.31-3.47-7.66A4,4,0,0,0,413.93,65c.58,1.82,1.6,2.43,1.89,2.43a3.05,3.05,0,0,1,1-3,2.75,2.75,0,0,1,3.84.77,6.14,6.14,0,0,1,.85,2.6H419v1.85h5A2.5,2.5,0,0,1,421.13,72s.34,2,2.89,1a3.74,3.74,0,0,0,1.61,3.23h0A3.76,3.76,0,0,0,427.25,73c2.55,1.07,2.89-1,2.89-1a2.5,2.5,0,0,1-2.89-2.37h5V67.81h-2.51a6.23,6.23,0,0,1,.86-2.6,2.74,2.74,0,0,1,3.83-.77,3,3,0,0,1,1,3c.29,0,1.31-.61,1.9-2.43a4.05,4.05,0,0,0-5.83-4.89c-2.45,1.35-3.46,4.41-3.46,7.66h-1.33a14.2,14.2,0,0,1,.21-4.41,26.46,26.46,0,0,1,1.69-4.56,5.78,5.78,0,0,0-.53-6A34.9,34.9,0,0,1,425.63,49.64Z"/><rect class="cls-3" x="463.63" y="48.1" width="48.03" height="29.43"/><path class="cls-4" d="M487.64,49.64a33.79,33.79,0,0,1-2.47,3.24,5.78,5.78,0,0,0-.53,6,25.77,25.77,0,0,1,1.7,4.56,14.57,14.57,0,0,1,.21,4.41h-1.33c0-3.25-1-6.31-3.47-7.66A4,4,0,0,0,475.94,65c.57,1.82,1.59,2.43,1.88,2.43a3.07,3.07,0,0,1,1-3,2.74,2.74,0,0,1,3.83.77,6.23,6.23,0,0,1,.86,2.6H481v1.85h5A2.49,2.49,0,0,1,483.13,72s.34,2,2.88,1a3.75,3.75,0,0,0,1.63,3.23h0A3.77,3.77,0,0,0,489.25,73c2.55,1.07,2.89-1,2.89-1a2.5,2.5,0,0,1-2.89-2.37h5V67.81h-2.51a6.4,6.4,0,0,1,.86-2.6,2.75,2.75,0,0,1,3.84-.77,3.1,3.1,0,0,1,1,3c.28,0,1.3-.61,1.86-2.43a4,4,0,0,0-5.81-4.89c-2.45,1.35-3.46,4.41-3.46,7.66h-1.33a14.39,14.39,0,0,1,.22-4.41,24.17,24.17,0,0,1,1.69-4.56,5.8,5.8,0,0,0-.54-6A32.42,32.42,0,0,1,487.64,49.64Z"/><rect class="cls-3" x="401.62" y="91.55" width="48.02" height="29.42"/><path class="cls-4" d="M425.63,93.09a32.71,32.71,0,0,1-2.45,3.23,5.76,5.76,0,0,0-.54,6,26.46,26.46,0,0,1,1.69,4.56,14.2,14.2,0,0,1,.21,4.41h-1.32c0-3.24-1-6.31-3.47-7.66a4,4,0,0,0-5.82,4.89c.58,1.82,1.6,2.44,1.89,2.44a3.07,3.07,0,0,1,1-3,2.76,2.76,0,0,1,3.84.76,6.2,6.2,0,0,1,.85,2.61H419v1.85h5a2.5,2.5,0,0,1-2.89,2.36s.34,2.05,2.89,1a3.77,3.77,0,0,0,1.61,3.25h0a3.79,3.79,0,0,0,1.62-3.25c2.55,1.08,2.89-1,2.89-1a2.5,2.5,0,0,1-2.89-2.36h5v-1.85h-2.51a6.29,6.29,0,0,1,.86-2.61,2.75,2.75,0,0,1,3.83-.76,3.06,3.06,0,0,1,1,3c.29,0,1.31-.62,1.9-2.44a4.05,4.05,0,0,0-5.83-4.89c-2.45,1.35-3.46,4.42-3.46,7.66h-1.33a14.2,14.2,0,0,1,.21-4.41,26.46,26.46,0,0,1,1.69-4.56,5.77,5.77,0,0,0-.53-6A35.24,35.24,0,0,1,425.63,93.09Z"/><rect class="cls-3" x="463.63" y="91.55" width="48.03" height="29.42"/><path class="cls-4" d="M487.64,93.09a34.12,34.12,0,0,1-2.47,3.23,5.77,5.77,0,0,0-.53,6,25.77,25.77,0,0,1,1.7,4.56,14.57,14.57,0,0,1,.21,4.41h-1.33c0-3.24-1-6.31-3.47-7.66a4,4,0,0,0-5.81,4.89c.57,1.82,1.59,2.44,1.88,2.44a3.08,3.08,0,0,1,1-3,2.75,2.75,0,0,1,3.83.76,6.29,6.29,0,0,1,.86,2.61H481v1.85h5a2.49,2.49,0,0,1-2.88,2.36s.34,2.05,2.88,1a3.79,3.79,0,0,0,1.63,3.25h0a3.8,3.8,0,0,0,1.61-3.25c2.55,1.08,2.89-1,2.89-1a2.5,2.5,0,0,1-2.89-2.36h5v-1.85h-2.51a6.47,6.47,0,0,1,.86-2.61,2.77,2.77,0,0,1,3.84-.76,3.12,3.12,0,0,1,1,3c.28,0,1.3-.62,1.86-2.44a4,4,0,0,0-5.81-4.89c-2.45,1.35-3.46,4.42-3.46,7.66h-1.33a14.39,14.39,0,0,1,.22-4.41,24.17,24.17,0,0,1,1.69-4.56,5.8,5.8,0,0,0-.54-6A32.71,32.71,0,0,1,487.64,93.09Z"/><rect class="cls-5" width="559.64" height="168.93"/></g></g></svg>

package/dist/img/quebec-logo.svg

@@ -1,13 +0,0 @@
-<svg width="196" height="71" viewBox="0 0 196 71" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M158.567 30.911C157.301 31.311 157.288 30.178 157.288 30.178C158.411 30.376 158.522 29.429 158.522 29.429H156.278V28.37H157.342C157.342 28.37 157.161 26.958 156.117 26.958C155.152 26.958 155.02 28.026 155.196 28.469C154.713 28.551 154.005 27.716 154.005 26.733C154.005 25.481 154.999 24.812 155.876 24.812C157.292 24.812 158.352 26.447 158.352 28.371H158.786C158.786 28.371 158.879 27.447 158.685 26.6C158.381 25.269 157.72 24.483 157.705 23.58C157.68 22.011 158.625 21.76 159.381 20.391C160.136 21.76 161.081 22.011 161.055 23.58C161.041 24.482 160.379 25.269 160.076 26.6C159.883 27.448 159.974 28.371 159.974 28.371H160.408C160.408 26.447 161.468 24.812 162.885 24.812C163.762 24.812 164.754 25.481 164.754 26.733C164.754 27.716 164.047 28.551 163.564 28.469C163.74 28.027 163.608 26.958 162.643 26.958C161.599 26.958 161.418 28.37 161.418 28.37H162.482V29.429H160.237C160.237 29.429 160.348 30.376 161.471 30.178C161.471 30.178 161.458 31.312 160.191 30.911C160.191 30.911 160.141 31.923 159.38 32.289C158.618 31.923 158.567 30.911 158.567 30.911ZM169.457 20.169H149.303V32.521H169.457V20.169Z" fill="white"/>
-<path d="M184.604 30.911C183.336 31.311 183.325 30.178 183.325 30.178C184.448 30.376 184.559 29.429 184.559 29.429H182.315V28.37H183.378C183.378 28.37 183.198 26.958 182.153 26.958C181.188 26.958 181.056 28.026 181.233 28.469C180.75 28.551 180.042 27.716 180.042 26.733C180.042 25.481 181.036 24.812 181.912 24.812C183.329 24.812 184.388 26.447 184.388 28.371H184.822C184.822 28.371 184.915 27.447 184.721 26.6C184.417 25.269 183.756 24.483 183.742 23.58C183.717 22.011 184.662 21.76 185.416 20.391C186.172 21.76 187.117 22.011 187.092 23.58C187.076 24.482 186.416 25.269 186.112 26.6C185.919 27.448 186.012 28.371 186.012 28.371H186.445C186.445 26.447 187.504 24.812 188.922 24.812C189.798 24.812 190.792 25.481 190.792 26.733C190.792 27.716 190.084 28.551 189.601 28.469C189.777 28.027 189.646 26.958 188.681 26.958C187.636 26.958 187.456 28.37 187.456 28.37H188.519V29.429H186.275C186.275 29.429 186.386 30.376 187.509 30.178C187.509 30.178 187.496 31.312 186.23 30.911C186.23 30.911 186.179 31.923 185.417 32.289C184.655 31.923 184.604 30.911 184.604 30.911ZM195.493 20.169H175.339V32.521H195.493V20.169Z" fill="white"/>
-<path d="M158.567 49.169C157.301 49.569 157.288 48.435 157.288 48.435C158.411 48.634 158.522 47.687 158.522 47.687H156.278V46.628H157.342C157.342 46.628 157.161 45.216 156.117 45.216C155.152 45.216 155.02 46.284 155.196 46.727C154.713 46.808 154.005 45.973 154.005 44.99C154.005 43.739 154.999 43.07 155.876 43.07C157.292 43.07 158.352 44.705 158.352 46.629H158.786C158.786 46.629 158.879 45.705 158.685 44.858C158.381 43.527 157.72 42.741 157.705 41.838C157.68 40.268 158.625 40.016 159.381 38.649C160.136 40.016 161.081 40.268 161.055 41.838C161.041 42.74 160.379 43.526 160.076 44.858C159.883 45.706 159.974 46.629 159.974 46.629H160.408C160.408 44.705 161.468 43.07 162.885 43.07C163.762 43.07 164.754 43.739 164.754 44.99C164.754 45.973 164.047 46.808 163.564 46.727C163.74 46.285 163.608 45.216 162.643 45.216C161.599 45.216 161.418 46.628 161.418 46.628H162.482V47.687H160.237C160.237 47.687 160.348 48.634 161.471 48.435C161.471 48.435 161.458 49.57 160.191 49.169C160.191 49.169 160.141 50.18 159.38 50.546C158.618 50.18 158.567 49.169 158.567 49.169ZM169.457 38.427H149.303V50.779H169.457V38.427Z" fill="white"/>
-<path d="M184.604 49.169C183.336 49.569 183.325 48.435 183.325 48.435C184.448 48.634 184.559 47.687 184.559 47.687H182.315V46.628H183.378C183.378 46.628 183.198 45.216 182.153 45.216C181.188 45.216 181.056 46.284 181.233 46.727C180.75 46.808 180.042 45.973 180.042 44.99C180.042 43.739 181.036 43.07 181.912 43.07C183.329 43.07 184.388 44.705 184.388 46.629H184.822C184.822 46.629 184.915 45.705 184.721 44.858C184.417 43.527 183.756 42.741 183.742 41.838C183.717 40.268 184.662 40.016 185.416 38.649C186.172 40.016 187.117 40.268 187.092 41.838C187.076 42.74 186.416 43.526 186.112 44.858C185.919 45.706 186.012 46.629 186.012 46.629H186.445C186.445 44.705 187.504 43.07 188.922 43.07C189.798 43.07 190.792 43.739 190.792 44.99C190.792 45.973 190.084 46.808 189.601 46.727C189.777 46.285 189.646 45.216 188.681 45.216C187.636 45.216 187.456 46.628 187.456 46.628H188.519V47.687H186.275C186.275 47.687 186.386 48.634 187.509 48.435C187.509 48.435 187.496 49.57 186.23 49.169C186.23 49.169 186.179 50.18 185.417 50.546C184.655 50.18 184.604 49.169 184.604 49.169ZM195.493 38.427H175.339V50.779H195.493V38.427Z" fill="white"/>
-<path d="M52.923 45.929L52.922 29.578H52.798C52.218 30.113 50.069 30.156 49.158 30.156H47.578V30.289C49.403 31.41 49.155 33.066 49.155 35.125L49.157 42.046C49.157 45.504 45.759 47.932 43.02 47.932C39.412 47.932 37.914 45.37 37.914 41.236V29.579H37.79C37.21 30.113 35.047 30.157 34.136 30.157H32.569V30.29C34.394 31.411 34.146 33.067 34.146 35.127V42.023C34.146 48.336 36.884 51.335 41.776 51.335C44.681 51.335 47.663 50.304 49.157 47.843V50.826H54.5V50.691C52.675 49.658 52.923 47.994 52.923 45.929Z" fill="white"/>
-<path d="M61.2089 37.185C61.7079 34.377 63.7819 32.594 66.5639 32.594C69.5519 32.594 71.4599 34.065 71.9159 37.185H61.2089ZM76.2749 39.792C76.4399 34.021 72.5799 29.667 66.9369 29.667C60.7529 29.667 56.5649 34.154 56.5649 40.377C56.5649 46.647 61.4169 51.423 68.4729 51.423C70.4239 51.423 72.4149 51.113 74.2009 50.314L76.2759 46.105H76.1499C74.2399 47.728 71.8349 48.497 69.3439 48.497C64.6549 48.497 61.1279 45.295 61.0449 39.793H76.2749V39.792Z" fill="white"/>
-<path d="M79.5669 20.081C80.5599 20.081 82.5889 20.019 83.2009 19.415H83.3239V47.731C84.4379 48.044 85.5929 48.266 86.7469 48.266C91.2819 48.266 93.8789 45.095 93.8789 40.674C93.8789 36.34 91.8589 32.991 87.6959 32.991C86.3769 32.991 85.3459 33.348 84.2319 33.974L86.4589 30.162C87.4059 29.804 88.3959 29.668 89.3859 29.668C94.0879 29.668 98.0859 33.75 98.0859 39.87C98.0859 46.882 93.3429 51.416 85.8399 51.416C83.0369 51.416 80.344 50.922 78.313 50.607V50.47C79.682 49.841 79.5579 48.356 79.5579 46.882V26.298C79.5579 24.231 79.8059 21.338 78.0229 20.214V20.081H79.5669Z" fill="white"/>
-<path d="M105.453 37.185C105.953 34.377 108.026 32.594 110.808 32.594C113.795 32.594 115.704 34.065 116.161 37.185H105.453ZM120.517 39.792C120.685 34.021 116.825 29.667 111.181 29.667C104.998 29.667 100.808 34.154 100.808 40.377C100.808 46.647 105.662 51.423 112.716 51.423C114.667 51.423 116.66 51.113 118.443 50.314L120.518 46.105H120.395C118.486 47.728 116.078 48.497 113.588 48.497C108.899 48.497 105.372 45.295 105.288 39.793H120.517V39.792Z" fill="white"/>
-<path d="M139.078 34.797H138.955C137.751 33.313 135.758 32.595 133.89 32.595C129.865 32.595 126.962 35.651 126.962 39.918C126.962 45.083 130.986 48.497 135.592 48.497C137.708 48.497 140.033 47.598 141.651 46.296H141.776L139.617 50.536C137.874 51.247 135.966 51.424 134.138 51.424C127.749 51.424 122.754 46.925 122.754 41.086C122.754 33.359 128.33 29.668 134.595 29.668C136.09 29.668 137.625 29.844 139.077 30.199V34.797H139.078Z" fill="white"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M71.097 25.961C71.097 23.873 71.097 21.468 71.097 21.468C68.377 22.687 65.853 24.967 64.166 27.185V28.935C68.203 26.214 71.097 26.088 71.097 25.961Z" fill="white"/>
-<path d="M15.489 48.334C9.22298 48.334 4.86398 41.264 4.86398 35.258C4.86398 35.197 4.86398 34.642 4.86498 34.582C4.94298 28.763 8.70998 23.306 15.282 23.306C22.198 23.306 25.765 29.849 25.823 36.049C25.823 36.099 25.823 36.645 25.823 36.695C25.824 43.301 21.715 48.334 15.489 48.334ZM36.969 55.206C32.342 55.963 27.894 54.505 23.167 49.097C27.733 46.805 30.556 41.099 30.556 35.796C30.556 35.742 30.555 35.192 30.555 35.137C30.473 26.063 23.657 20.072 15.53 20.072C7.38798 20.072 0.192981 26.308 0.131981 35.453C0.131981 35.494 0.130981 36.026 0.130981 36.065C0.130981 44.962 6.73098 51.568 14.825 51.568C15.988 51.568 17.107 51.388 18.228 51.118C23.529 56.083 28.253 58.197 32.336 57.705C34.273 57.472 36.318 56.703 37.547 55.106L36.969 55.206Z" fill="white"/>
-</svg>

package/public/img/logo-quebec-piv-footer.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 559.64 168.93"><defs><style>.cls-1,.cls-2{fill:#1d1d1b;}.cls-2,.cls-4{fill-rule:evenodd;}.cls-3{fill:#0062ae;}.cls-4{fill:#fff;}.cls-5{fill:none;}</style></defs><title>Fichier 1</title><g id="Calque_2" data-name="Calque 2"><g id="Signature"><path class="cls-1" d="M173.25,109.4V70.62H173c-1.38,1.27-6.48,1.37-8.64,1.37h-3.75v.31c4.33,2.66,3.74,6.59,3.74,11.48v16.41c0,8.2-8.06,14-14.56,14-8.56,0-12.11-6.08-12.11-15.89V70.62h-.3C136,71.89,130.85,72,128.68,72H125v.32c4.33,2.65,3.74,6.58,3.74,11.47v16.36c0,15,6.49,22.08,18.1,22.08,6.89,0,14-2.44,17.51-8.28V121H177v-.32C172.66,118.25,173.25,114.3,173.25,109.4Z"/><path class="cls-1" d="M192.91,88.66c1.18-6.66,6.1-10.89,12.7-10.89,7.09,0,11.62,3.49,12.7,10.89Zm35.74,6.19c.39-13.69-8.77-24-22.15-24-14.67,0-24.61,10.64-24.61,25.4s11.51,26.2,28.25,26.2a33.25,33.25,0,0,0,13.58-2.63l4.93-10h-.3a24.65,24.65,0,0,1-16.15,5.67c-11.12,0-19.49-7.59-19.68-20.64Z"/><path class="cls-1" d="M236.46,48.09c2.35,0,7.16-.15,8.62-1.58h.29v67.17a30.29,30.29,0,0,0,8.12,1.26c10.75,0,16.92-7.52,16.92-18,0-10.28-4.79-18.23-14.67-18.23A15.91,15.91,0,0,0,247.52,81l5.28-9a19.53,19.53,0,0,1,6.95-1.17c11.15,0,20.63,9.68,20.63,24.2,0,16.63-11.25,27.39-29,27.39-6.65,0-13-1.18-17.85-1.92v-.33c3.25-1.49,3-5,3-8.51V62.84c0-4.91.59-11.77-3.64-14.43v-.32Z"/><path class="cls-1" d="M297.86,88.66C299,82,304,77.77,310.56,77.77c7.09,0,11.61,3.49,12.7,10.89Zm35.73,6.19c.4-13.69-8.76-24-22.15-24-14.66,0-24.6,10.64-24.6,25.4s11.51,26.2,28.24,26.2a33.26,33.26,0,0,0,13.59-2.63l4.92-10h-.29a24.65,24.65,0,0,1-16.15,5.67c-11.12,0-19.49-7.59-19.69-20.64Z"/><path class="cls-1" d="M377.62,83h-.29c-2.86-3.52-7.59-5.23-12-5.23-9.55,0-16.43,7.25-16.43,17.37,0,12.25,9.54,20.35,20.47,20.35a24.18,24.18,0,0,0,14.37-5.22h.3l-5.12,10.06a34.51,34.51,0,0,1-13,2.1c-15.15,0-27-10.67-27-24.52,0-18.33,13.22-27.08,28.09-27.08a45.37,45.37,0,0,1,10.63,1.26Z"/><path class="cls-2" d="M216.36,62V51.38c-6.45,2.89-12.44,8.3-16.44,13.56v4.15C209.5,62.64,216.36,62.34,216.36,62Z"/><path class="cls-1" d="M84.46,115.11c-14.87,0-25.21-16.77-25.21-31,0-.14,0-1.46,0-1.6.18-13.8,9.12-26.75,24.71-26.75,16.4,0,24.86,15.52,25,30.23V87.5C109,103.17,99.23,115.11,84.46,115.11Zm51,16.3c-11,1.79-21.53-1.67-32.74-14.49,10.83-5.44,17.53-19,17.53-31.55V83.8c-.2-21.52-16.37-35.73-35.64-35.73S48.18,62.86,48,84.55V86c0,21.1,15.66,36.77,34.85,36.77A34.32,34.32,0,0,0,91,121.71c12.57,11.78,23.78,16.8,33.46,15.63,4.59-.55,9.45-2.38,12.36-6.16Z"/><rect class="cls-3" x="401.62" y="48.1" width="48.02" height="29.43"/><path class="cls-4" d="M425.63,49.64a32.42,32.42,0,0,1-2.45,3.24,5.76,5.76,0,0,0-.54,6,26.46,26.46,0,0,1,1.69,4.56,14.2,14.2,0,0,1,.21,4.41h-1.32c0-3.25-1-6.31-3.47-7.66A4,4,0,0,0,413.93,65c.58,1.82,1.6,2.43,1.89,2.43a3.05,3.05,0,0,1,1-3,2.75,2.75,0,0,1,3.84.77,6.14,6.14,0,0,1,.85,2.6H419v1.85h5A2.5,2.5,0,0,1,421.13,72s.34,2,2.89,1a3.74,3.74,0,0,0,1.61,3.23h0A3.76,3.76,0,0,0,427.25,73c2.55,1.07,2.89-1,2.89-1a2.5,2.5,0,0,1-2.89-2.37h5V67.81h-2.51a6.23,6.23,0,0,1,.86-2.6,2.74,2.74,0,0,1,3.83-.77,3,3,0,0,1,1,3c.29,0,1.31-.61,1.9-2.43a4.05,4.05,0,0,0-5.83-4.89c-2.45,1.35-3.46,4.41-3.46,7.66h-1.33a14.2,14.2,0,0,1,.21-4.41,26.46,26.46,0,0,1,1.69-4.56,5.78,5.78,0,0,0-.53-6A34.9,34.9,0,0,1,425.63,49.64Z"/><rect class="cls-3" x="463.63" y="48.1" width="48.03" height="29.43"/><path class="cls-4" d="M487.64,49.64a33.79,33.79,0,0,1-2.47,3.24,5.78,5.78,0,0,0-.53,6,25.77,25.77,0,0,1,1.7,4.56,14.57,14.57,0,0,1,.21,4.41h-1.33c0-3.25-1-6.31-3.47-7.66A4,4,0,0,0,475.94,65c.57,1.82,1.59,2.43,1.88,2.43a3.07,3.07,0,0,1,1-3,2.74,2.74,0,0,1,3.83.77,6.23,6.23,0,0,1,.86,2.6H481v1.85h5A2.49,2.49,0,0,1,483.13,72s.34,2,2.88,1a3.75,3.75,0,0,0,1.63,3.23h0A3.77,3.77,0,0,0,489.25,73c2.55,1.07,2.89-1,2.89-1a2.5,2.5,0,0,1-2.89-2.37h5V67.81h-2.51a6.4,6.4,0,0,1,.86-2.6,2.75,2.75,0,0,1,3.84-.77,3.1,3.1,0,0,1,1,3c.28,0,1.3-.61,1.86-2.43a4,4,0,0,0-5.81-4.89c-2.45,1.35-3.46,4.41-3.46,7.66h-1.33a14.39,14.39,0,0,1,.22-4.41,24.17,24.17,0,0,1,1.69-4.56,5.8,5.8,0,0,0-.54-6A32.42,32.42,0,0,1,487.64,49.64Z"/><rect class="cls-3" x="401.62" y="91.55" width="48.02" height="29.42"/><path class="cls-4" d="M425.63,93.09a32.71,32.71,0,0,1-2.45,3.23,5.76,5.76,0,0,0-.54,6,26.46,26.46,0,0,1,1.69,4.56,14.2,14.2,0,0,1,.21,4.41h-1.32c0-3.24-1-6.31-3.47-7.66a4,4,0,0,0-5.82,4.89c.58,1.82,1.6,2.44,1.89,2.44a3.07,3.07,0,0,1,1-3,2.76,2.76,0,0,1,3.84.76,6.2,6.2,0,0,1,.85,2.61H419v1.85h5a2.5,2.5,0,0,1-2.89,2.36s.34,2.05,2.89,1a3.77,3.77,0,0,0,1.61,3.25h0a3.79,3.79,0,0,0,1.62-3.25c2.55,1.08,2.89-1,2.89-1a2.5,2.5,0,0,1-2.89-2.36h5v-1.85h-2.51a6.29,6.29,0,0,1,.86-2.61,2.75,2.75,0,0,1,3.83-.76,3.06,3.06,0,0,1,1,3c.29,0,1.31-.62,1.9-2.44a4.05,4.05,0,0,0-5.83-4.89c-2.45,1.35-3.46,4.42-3.46,7.66h-1.33a14.2,14.2,0,0,1,.21-4.41,26.46,26.46,0,0,1,1.69-4.56,5.77,5.77,0,0,0-.53-6A35.24,35.24,0,0,1,425.63,93.09Z"/><rect class="cls-3" x="463.63" y="91.55" width="48.03" height="29.42"/><path class="cls-4" d="M487.64,93.09a34.12,34.12,0,0,1-2.47,3.23,5.77,5.77,0,0,0-.53,6,25.77,25.77,0,0,1,1.7,4.56,14.57,14.57,0,0,1,.21,4.41h-1.33c0-3.24-1-6.31-3.47-7.66a4,4,0,0,0-5.81,4.89c.57,1.82,1.59,2.44,1.88,2.44a3.08,3.08,0,0,1,1-3,2.75,2.75,0,0,1,3.83.76,6.29,6.29,0,0,1,.86,2.61H481v1.85h5a2.49,2.49,0,0,1-2.88,2.36s.34,2.05,2.88,1a3.79,3.79,0,0,0,1.63,3.25h0a3.8,3.8,0,0,0,1.61-3.25c2.55,1.08,2.89-1,2.89-1a2.5,2.5,0,0,1-2.89-2.36h5v-1.85h-2.51a6.47,6.47,0,0,1,.86-2.61,2.77,2.77,0,0,1,3.84-.76,3.12,3.12,0,0,1,1,3c.28,0,1.3-.62,1.86-2.44a4,4,0,0,0-5.81-4.89c-2.45,1.35-3.46,4.42-3.46,7.66h-1.33a14.39,14.39,0,0,1,.22-4.41,24.17,24.17,0,0,1,1.69-4.56,5.8,5.8,0,0,0-.54-6A32.71,32.71,0,0,1,487.64,93.09Z"/><rect class="cls-5" width="559.64" height="168.93"/></g></g></svg>

package/src/doc/components/code.svelte

@@ -1,54 +0,0 @@
-<svelte:options customElement="{{
-    tag: 'qc-code'
-    , props: {
-        targetId : {attribute: 'target-id'}
-    }
-}}" />
-
-<script>
-
-  import {HighlightJS} from "highlight.js"
-  import 'highlight.js/styles/default.css';
-  import pretty from "pretty";
-  import { onMount } from "svelte";
-  import { Utils } from "../../sdg/components/utils"
-
-  export let
-      targetId = ''
-      , language = 'html'
-  ;
-
-  let
-    rawCode = ''
-    , hlCode
-    , prettyCode
-  ;
-
-  onMount(() => {
-      rawCode =
-          ( document.getElementById(targetId)?.outerHTML
-            ?? ''
-          ) . replace('class="mounted"', '')
-        ;
-      prettyCode = pretty(rawCode, {wrap_attributes: 'force-aligned'});
-      hlCode = HighlightJS.highlight(prettyCode, {language:language}).value;
-  })
-
-  function copy() {
-      navigator.clipboard.writeText(prettyCode);
-      this.classList.add('copied')
-      setTimeout(() => {this.classList.remove('copied')}, 500)
-  }
-
-</script>
-
-<pre
-    ><code class="hljs"><button class="btn btn-sm btn-primary" on:click={copy}>
-            <span class="copy">copier</span>
-            <span class="copied">copié !</span>
-        </button
-        >{@html hlCode}</code
-></pre>
-<link rel='stylesheet'
-      href='{Utils.cssRelativePath}{Utils.cssFileName}'>
-

package/src/sdg/scss/base/_grid.scss

@@ -1,9 +0,0 @@
-@use "modules/grid" as *;
-@import "vendor/bootstrap-rewrite/grid";
-
-// Décommenter ces lignes pour ajouter les classes utilitaires bootstrap précédées de « qc- »,
-// selon le même principe que pour la grille.
-// ex: mt-lg-4 -> qc-mt-lg-4, d-sm-flex -> qc-d-sm-flex, d-md-none, qc-d-md-none
-//@import "build/bootstrap/scss/utilities/display";
-//@import "build/bootstrap/scss/utilities/flex";
-//@import "build/bootstrap/scss/utilities/spacing";

package/src/sdg/scss/functions/_tokens.scss

@@ -1,12 +0,0 @@
-@use "utils" as *;
-// functions
-
-// Return css var corresponding to this token
-// token-value("foo","bar"); // var(--qc-foo-bar);
-@function token-value($args...) {
-  @return var(#{token-name($args...)});
-}
-
-@function token-name($args...) {
-  @return --qc-#{deep-implode($args, '-')};
-}

package/src/sdg/scss/functions/_utils.scss

@@ -1,44 +0,0 @@
-@use "settings/settings" as *;
-@use "sass:math";
-@use "sass:map";
-@use "sass:list";
-@use "sass:string";
-
-/*
-Return rem size from pixel size according to root font-size as define in settings
-Always use this function for rem values
-// root font-size : 100 %,
-// foo.scss
-.foo { font-size: rem(16); }
-// foo.css
-.foo { font-size: 1rem; }
-
-// root font-size : 62.5 %,
-// foo.scss
-.foo { font-size: rem(16); }
-// foo.css
-.foo { font-size: 1.6rem; }
-*/
-@function rem($px-size) {
-  @return math.div($px-size, 16 * $percent-root-font-size * .01) * 1rem;
-}
-
-// implode a list (and flatten inner list : implode( (foo, (bar baz)), '-'); => foo-bar-baz
-@function deep-implode($list, $glue: '-') {
-  $separator : '';
-  $result : '';
-  @each $item in $list {
-    $part : $item;
-    @if type-of($item) == 'list' {
-      $part : deep-implode($item, $glue);
-    }
-    $result : '#{$result}#{$separator}#{$part}';
-    $separator: $glue;
-  }
-  @return $result;
-}
-
-@function google-font($font) {
-  @return string.unquote(deep-implode(map.get($google-fonts, $font), ','));
-}
-

package/src/sdg/scss/modules/_grid.scss

@@ -1,19 +0,0 @@
-@import "settings/grid";
-@import "vendor/bootstrap-rewrite/mixins/breakpoints";
-@import "vendor/bootstrap-rewrite/mixins/deprecate";
-@import "vendor/bootstrap-rewrite/mixins/grid";
-@import "vendor/bootstrap-rewrite/mixins/grid-framework";
-
-@mixin media-tablet() {
-  @include media-breakpoint-down(sm) {
-    @content;
-  }
-}
-
-@mixin media-mobile() {
-  @include media-breakpoint-down(xs) {
-    @content;
-  }
-}
-
-