qc-trousse-sdg 1.3.0-develop.6 → 1.3.0-develop.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "qc-trousse-sdg",
-  "version": "1.3.0-develop.6",
+  "version": "1.3.0-develop.7",
   "description": "Trousse de développement du Système de design gouvernemental du Québec",
   "main": "index.js",
   "scripts": {

package/public/css/qc-sdg-no-grid.css

@@ -1300,10 +1300,7 @@ qc-icon {
   background-color: var(--qc-color-blue-pale);
 }
 .qc-notice.qc-information .icon-container [role=img] {
-  background-color: var(--qc-color-blue-dark);
-}
-.qc-notice.qc-information .icon-container [role=img][data-img-type=success], .qc-notice.qc-information .icon-container [role=img][data-img-type=error] {
-  background-color: var(--qc-color-blue-regular);
+  background-color: var(--qc-color-blue-piv);
 }
 .qc-notice.qc-warning .icon-container {
   background-color: var(--qc-color-yellow-pale);
@@ -1311,34 +1308,22 @@ qc-icon {
 .qc-notice.qc-warning .icon-container [role=img] {
   background-color: var(--qc-color-yellow-dark);
 }
-.qc-notice.qc-warning .icon-container [role=img][data-img-type=success], .qc-notice.qc-warning .icon-container [role=img][data-img-type=error] {
-  background-color: var(--qc-color-yellow-regular);
-}
 .qc-notice.qc-neutral .icon-container {
   background-color: var(--qc-color-grey-pale);
 }
 .qc-notice.qc-neutral .icon-container [role=img] {
   background-color: var(--qc-color-grey-dark);
 }
-.qc-notice.qc-neutral .icon-container [role=img][data-img-type=success], .qc-notice.qc-neutral .icon-container [role=img][data-img-type=error] {
-  background-color: var(--qc-color-grey-regular);
-}
 .qc-notice.qc-error .icon-container {
   background-color: var(--qc-color-red-pale);
 }
 .qc-notice.qc-error .icon-container [role=img] {
-  background-color: var(--qc-color-red-dark);
-}
-.qc-notice.qc-error .icon-container [role=img][data-img-type=success], .qc-notice.qc-error .icon-container [role=img][data-img-type=error] {
   background-color: var(--qc-color-red-regular);
 }
 .qc-notice.qc-success .icon-container {
   background-color: var(--qc-color-green-pale);
 }
 .qc-notice.qc-success .icon-container [role=img] {
-  background-color: var(--qc-color-green-dark);
-}
-.qc-notice.qc-success .icon-container [role=img][data-img-type=success], .qc-notice.qc-success .icon-container [role=img][data-img-type=error] {
   background-color: var(--qc-color-green-regular);
 }
 

package/public/css/qc-sdg.css

@@ -1300,10 +1300,7 @@ qc-icon {
   background-color: var(--qc-color-blue-pale);
 }
 .qc-notice.qc-information .icon-container [role=img] {
-  background-color: var(--qc-color-blue-dark);
-}
-.qc-notice.qc-information .icon-container [role=img][data-img-type=success], .qc-notice.qc-information .icon-container [role=img][data-img-type=error] {
-  background-color: var(--qc-color-blue-regular);
+  background-color: var(--qc-color-blue-piv);
 }
 .qc-notice.qc-warning .icon-container {
   background-color: var(--qc-color-yellow-pale);
@@ -1311,34 +1308,22 @@ qc-icon {
 .qc-notice.qc-warning .icon-container [role=img] {
   background-color: var(--qc-color-yellow-dark);
 }
-.qc-notice.qc-warning .icon-container [role=img][data-img-type=success], .qc-notice.qc-warning .icon-container [role=img][data-img-type=error] {
-  background-color: var(--qc-color-yellow-regular);
-}
 .qc-notice.qc-neutral .icon-container {
   background-color: var(--qc-color-grey-pale);
 }
 .qc-notice.qc-neutral .icon-container [role=img] {
   background-color: var(--qc-color-grey-dark);
 }
-.qc-notice.qc-neutral .icon-container [role=img][data-img-type=success], .qc-notice.qc-neutral .icon-container [role=img][data-img-type=error] {
-  background-color: var(--qc-color-grey-regular);
-}
 .qc-notice.qc-error .icon-container {
   background-color: var(--qc-color-red-pale);
 }
 .qc-notice.qc-error .icon-container [role=img] {
-  background-color: var(--qc-color-red-dark);
-}
-.qc-notice.qc-error .icon-container [role=img][data-img-type=success], .qc-notice.qc-error .icon-container [role=img][data-img-type=error] {
   background-color: var(--qc-color-red-regular);
 }
 .qc-notice.qc-success .icon-container {
   background-color: var(--qc-color-green-pale);
 }
 .qc-notice.qc-success .icon-container [role=img] {
-  background-color: var(--qc-color-green-dark);
-}
-.qc-notice.qc-success .icon-container [role=img][data-img-type=success], .qc-notice.qc-success .icon-container [role=img][data-img-type=error] {
   background-color: var(--qc-color-green-regular);
 }
 

package/public/js/qc-doc-sdg.js

@@ -69953,7 +69953,7 @@
 	customElements.define("qc-doc-exemple", create_custom_element(Exemple, {"caption":{"attribute":"caption"},"codeTargetId":{"attribute":"code-target-id"},"hideCode":{"attribute":"hide-code","type":"Boolean"},"rawCode":{"attribute":"raw-code"}}, [], [], false));
 
 	if (document.getElementById("version")) {
-	    document.getElementById("version").textContent = `v1.3.0-develop.6`;
+	    document.getElementById("version").textContent = `v1.3.0-develop.7`;
 	}
 
 	// Show maskable "general alert" component

package/src/sdg/scss/components/_notice.scss

@@ -1,4 +1,5 @@
 @use "qc-sdg-lib" as *;
+@use "sass:list" as *;
 
 @mixin qc-notice-title() {
   h1,h2,h3,h4,h5,h6,[role=heading] {
@@ -47,20 +48,16 @@
   }
 
   @each $type, $color in (
-      "information": "blue",
-      "warning": "yellow",
-      "neutral": "grey",
-      "error": "red",
-      "success": "green",
+      "information": ("blue", "piv"),
+      "warning": ("yellow" , "dark"),
+      "neutral": ("grey", "dark"),
+      "error": ("red", "regular"),
+      "success": ("green","regular"),
   ) {
     &.qc-#{$type} .icon-container {
-      background-color: token-value(color,$color,pale);
+      background-color: token-value(color, nth($color, 1), pale);
       [role=img] {
-        background-color: token-value(color,$color,dark);
-
-        &[data-img-type=success], &[data-img-type=error] {
-          background-color: token-value(color,$color,regular);
-        }
+        background-color: token-value(color,nth($color, 1), nth($color, 2));
       }
     }
   }