@gouvfr/dsfr 1.4.0 → 1.4.1

package/dist/dsfr/dsfr.legacy.css

@@ -1,5 +1,5 @@
 /*!
- * DSFR v1.4.0 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)
+ * DSFR v1.4.1 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)
  */
 @charset "UTF-8";
 
@@ -2702,6 +2702,26 @@ a.fr-tag[aria-pressed="true"]:disabled, button.fr-tag[aria-pressed="true"]:disab
   .fr-tag:active {
     background-color: #c1c1c1;
   }
+  .fr-tag[aria-pressed="false"] {
+    color: #000091;
+    background-color: #e3e3fd;
+  }
+  .fr-tag[aria-pressed="false"]:hover {
+    background-color: #c1c1fb;
+  }
+  .fr-tag[aria-pressed="false"]:active {
+    background-color: #adadf9;
+  }
+  .fr-tag.fr-tag--dismiss {
+    color: #fff;
+    background-color: #000091;
+  }
+  .fr-tag.fr-tag--dismiss:hover {
+    background-color: #1212ff;
+  }
+  .fr-tag.fr-tag--dismiss:active {
+    background-color: #2323ff;
+  }
   a.fr-tag, button.fr-tag, input[type="button"].fr-tag, input[type="image"].fr-tag, input[type="reset"].fr-tag, input[type="submit"].fr-tag {
     color: #000091;
     background-color: #e3e3fd;
@@ -2882,31 +2902,17 @@ a.fr-tag[aria-pressed="true"]:disabled, button.fr-tag[aria-pressed="true"]:disab
   a.fr-tag--beige-gris-galet:active, button.fr-tag--beige-gris-galet:active, input[type="button"].fr-tag--beige-gris-galet:active, input[type="image"].fr-tag--beige-gris-galet:active, input[type="reset"].fr-tag--beige-gris-galet:active, input[type="submit"].fr-tag--beige-gris-galet:active {
     background-color: #c6b094;
   }
-  a.fr-tag[aria-pressed="false"], button.fr-tag[aria-pressed="false"], input[type="button"].fr-tag[aria-pressed="false"], input[type="image"].fr-tag[aria-pressed="false"], input[type="reset"].fr-tag[aria-pressed="false"], input[type="submit"].fr-tag[aria-pressed="false"] {
-    color: #000091;
-    background-color: #e3e3fd;
-  }
-  a.fr-tag[aria-pressed="false"]:hover, button.fr-tag[aria-pressed="false"]:hover, input[type="button"].fr-tag[aria-pressed="false"]:hover, input[type="image"].fr-tag[aria-pressed="false"]:hover, input[type="reset"].fr-tag[aria-pressed="false"]:hover, input[type="submit"].fr-tag[aria-pressed="false"]:hover {
-    background-color: #c1c1fb;
-  }
-  a.fr-tag[aria-pressed="false"]:active, button.fr-tag[aria-pressed="false"]:active, input[type="button"].fr-tag[aria-pressed="false"]:active, input[type="image"].fr-tag[aria-pressed="false"]:active, input[type="reset"].fr-tag[aria-pressed="false"]:active, input[type="submit"].fr-tag[aria-pressed="false"]:active {
-    background-color: #adadf9;
-  }
   a.fr-tag[aria-pressed="true"]::after, button.fr-tag[aria-pressed="true"]::after, input[type="button"].fr-tag[aria-pressed="true"]::after, input[type="image"].fr-tag[aria-pressed="true"]::after, input[type="reset"].fr-tag[aria-pressed="true"]::after, input[type="submit"].fr-tag[aria-pressed="true"]::after {
     color: #000091;
   }
   a.fr-tag[aria-pressed="true"].fr-tag--sm, button.fr-tag[aria-pressed="true"].fr-tag--sm, input[type="button"].fr-tag[aria-pressed="true"].fr-tag--sm, input[type="image"].fr-tag[aria-pressed="true"].fr-tag--sm, input[type="reset"].fr-tag[aria-pressed="true"].fr-tag--sm, input[type="submit"].fr-tag[aria-pressed="true"].fr-tag--sm {
-    background-image: radial-gradient(circle at 100% 0.1875rem, transparent 0.4475rem, var(--hsla) 0.5rem), radial-gradient(circle at 100% 0.1875rem, transparent 0.4475rem, #000091 0.5rem);
+    background-image: radial-gradient(circle at 100% 0.1875rem, transparent 0.4475rem, #000091 0.5rem);
   }
-  a.fr-tag.fr-tag--dismiss, button.fr-tag.fr-tag--dismiss, input[type="button"].fr-tag.fr-tag--dismiss, input[type="image"].fr-tag.fr-tag--dismiss, input[type="reset"].fr-tag.fr-tag--dismiss, input[type="submit"].fr-tag.fr-tag--dismiss {
-    color: #fff;
-    background-color: #000091;
+  a.fr-tag[aria-pressed="true"].fr-tag--sm:hover, button.fr-tag[aria-pressed="true"].fr-tag--sm:hover, input[type="button"].fr-tag[aria-pressed="true"].fr-tag--sm:hover, input[type="image"].fr-tag[aria-pressed="true"].fr-tag--sm:hover, input[type="reset"].fr-tag[aria-pressed="true"].fr-tag--sm:hover, input[type="submit"].fr-tag[aria-pressed="true"].fr-tag--sm:hover {
+    background-image: radial-gradient(circle at 100% 0.1875rem, transparent 0.4475rem, #1212ff 0.5rem);
   }
-  a.fr-tag.fr-tag--dismiss:hover, button.fr-tag.fr-tag--dismiss:hover, input[type="button"].fr-tag.fr-tag--dismiss:hover, input[type="image"].fr-tag.fr-tag--dismiss:hover, input[type="reset"].fr-tag.fr-tag--dismiss:hover, input[type="submit"].fr-tag.fr-tag--dismiss:hover {
-    background-color: #1212ff;
-  }
-  a.fr-tag.fr-tag--dismiss:active, button.fr-tag.fr-tag--dismiss:active, input[type="button"].fr-tag.fr-tag--dismiss:active, input[type="image"].fr-tag.fr-tag--dismiss:active, input[type="reset"].fr-tag.fr-tag--dismiss:active, input[type="submit"].fr-tag.fr-tag--dismiss:active {
-    background-color: #2323ff;
+  a.fr-tag[aria-pressed="true"].fr-tag--sm:active, button.fr-tag[aria-pressed="true"].fr-tag--sm:active, input[type="button"].fr-tag[aria-pressed="true"].fr-tag--sm:active, input[type="image"].fr-tag[aria-pressed="true"].fr-tag--sm:active, input[type="reset"].fr-tag[aria-pressed="true"].fr-tag--sm:active, input[type="submit"].fr-tag[aria-pressed="true"].fr-tag--sm:active {
+    background-image: radial-gradient(circle at 100% 0.1875rem, transparent 0.4475rem, #2323ff 0.5rem);
   }
   a.fr-tag:disabled, a.fr-tag:not([href]), button.fr-tag:disabled, input[type="button"].fr-tag:disabled, input[type="image"].fr-tag:disabled, input[type="reset"].fr-tag:disabled, input[type="submit"].fr-tag:disabled {
     color: #929292;
@@ -2919,7 +2925,13 @@ a.fr-tag[aria-pressed="true"]:disabled, button.fr-tag[aria-pressed="true"]:disab
     background-color: #b2b2b2;
   }
   .fr-tags-group.fr-tags-group--sm a.fr-tag[aria-pressed="true"], .fr-tags-group.fr-tags-group--sm button.fr-tag[aria-pressed="true"], .fr-tags-group.fr-tags-group--sm input[type="button"].fr-tag[aria-pressed="true"], .fr-tags-group.fr-tags-group--sm input[type="image"].fr-tag[aria-pressed="true"], .fr-tags-group.fr-tags-group--sm input[type="reset"].fr-tag[aria-pressed="true"], .fr-tags-group.fr-tags-group--sm input[type="submit"].fr-tag[aria-pressed="true"] {
-    background-image: radial-gradient(circle at 100% 0.1875rem, transparent 0.4475rem, var(--hsla) 0.5rem), radial-gradient(circle at 100% 0.1875rem, transparent 0.4475rem, #000091 0.5rem);
+    background-image: radial-gradient(circle at 100% 0.1875rem, transparent 0.4475rem, #000091 0.5rem);
+  }
+  .fr-tags-group.fr-tags-group--sm a.fr-tag[aria-pressed="true"]:hover, .fr-tags-group.fr-tags-group--sm button.fr-tag[aria-pressed="true"]:hover, .fr-tags-group.fr-tags-group--sm input[type="button"].fr-tag[aria-pressed="true"]:hover, .fr-tags-group.fr-tags-group--sm input[type="image"].fr-tag[aria-pressed="true"]:hover, .fr-tags-group.fr-tags-group--sm input[type="reset"].fr-tag[aria-pressed="true"]:hover, .fr-tags-group.fr-tags-group--sm input[type="submit"].fr-tag[aria-pressed="true"]:hover {
+    background-image: radial-gradient(circle at 100% 0.1875rem, transparent 0.4475rem, #1212ff 0.5rem);
+  }
+  .fr-tags-group.fr-tags-group--sm a.fr-tag[aria-pressed="true"]:active, .fr-tags-group.fr-tags-group--sm button.fr-tag[aria-pressed="true"]:active, .fr-tags-group.fr-tags-group--sm input[type="button"].fr-tag[aria-pressed="true"]:active, .fr-tags-group.fr-tags-group--sm input[type="image"].fr-tag[aria-pressed="true"]:active, .fr-tags-group.fr-tags-group--sm input[type="reset"].fr-tag[aria-pressed="true"]:active, .fr-tags-group.fr-tags-group--sm input[type="submit"].fr-tag[aria-pressed="true"]:active {
+    background-image: radial-gradient(circle at 100% 0.1875rem, transparent 0.4475rem, #2323ff 0.5rem);
   }
   /**
   * reset des marges dans l'alerte