@ds-autonomie/web-components 2.17.0 → 2.19.0

package/dist/internal/components/form-toggle-button/form-toggle-button.styles.js

@@ -61,14 +61,14 @@ export default css `
     border-color: var(--dsa-wc-toggle-button-checked-border-color);
     color: var(--dsa-wc-toggle-button-checked-color);
   }
-  .button--toggle:hover.button--checked {
+  .button--toggle.button--checked:hover {
     background-color: var(
       --dsa-wc-toggle-button-checked-hover-background-color
     );
     border-color: var(--dsa-wc-toggle-button-checked-hover-border-color);
     color: var(--dsa-wc-toggle-button-checked-hover-color);
   }
-  .button--toggle:active.button--checked {
+  .button--toggle.button--checked:active {
     background-color: var(
       --dsa-wc-toggle-button-checked-active-background-color
     );

package/dist/themes/dsa-wc-theme.css

@@ -2557,21 +2557,21 @@
 .dsa-link--with-prefix.dsa-link--with-suffix > dsa-icon:last-of-type {
   margin-right: 0;
 }
-.dsa-link--on-sitemap {
+.dsa-link.dsa-link--on-sitemap {
   transition: none;
   border-bottom-style: none;
   color: var(--dsa-color-text-on-layer-primary);
 }
-.dsa-link--on-contrasted {
+.dsa-link.dsa-link--on-contrasted {
   color: var(--dsa-wc-link-on-contrasted-color);
 }
-.dsa-link--on-layer {
+.dsa-link.dsa-link--on-layer {
   color: var(--dsa-wc-link-on-layer-color);
 }
-.dsa-link--floating-menu {
+.dsa-link.dsa-link--floating-menu {
   color: var(--dsa-wc-link-floating-menu-color);
 }
-.dsa-link--standalone {
+.dsa-link.dsa-link--standalone {
   border-bottom: transparent;
 }
 .dsa-link:hover {
@@ -2580,63 +2580,48 @@
     var(--dsa-wc-link-underline-thickness) *
       var(--dsa-wc-link-hover-underline-thickness-multiplier)
   );
-  margin-bottom: 0;
 }
-.dsa-link--with-prefix:hover,
-.dsa-link--with-suffix:hover {
-  border-bottom-color: unset;
-  color: var(--dsa-wc-link-hover-on-base-color);
-}
-.dsa-link--on-sitemap:hover {
+.dsa-link.dsa-link--on-sitemap:hover {
   border-bottom-style: solid;
   border-bottom-width: var(--dsa-wc-link-underline-thickness);
-  color: var(--dsa-color-text-on-layer-primary);
 }
-.dsa-link--on-contrasted:hover {
+.dsa-link.dsa-link--on-contrasted:hover {
   color: var(--dsa-wc-link-hover-on-contrasted-color);
 }
-.dsa-link--on-layer:hover {
+.dsa-link.dsa-link--on-layer:hover {
   color: var(--dsa-wc-link-hover-on-layer-color);
 }
-.dsa-link--floating-menu:hover {
+.dsa-link.dsa-link--floating-menu:hover {
   color: var(--dsa-wc-link-hover-floating-menu-color);
 }
 .dsa-link:visited {
   color: var(--dsa-wc-link-visited-on-base-color);
 }
-.dsa-link--with-prefix:visited,
-.dsa-link--with-suffix:visited {
+.dsa-link.dsa-link--on-sitemap:visited {
   color: var(--dsa-wc-link-visited-on-base-color);
 }
-.dsa-link--on-sitemap:visited {
-  color: var(--dsa-wc-link-visited-on-base-color);
-}
-.dsa-link--on-contrasted:visited {
+.dsa-link.dsa-link--on-contrasted:visited {
   color: var(--dsa-wc-link-visited-on-contrasted-color);
 }
-.dsa-link--on-layer:visited {
+.dsa-link.dsa-link--on-layer:visited {
   color: var(--dsa-wc-link-visited-on-layer-color);
 }
-.dsa-link--floating-menu:visited {
+.dsa-link.dsa-link--floating-menu:visited {
   color: var(--dsa-wc-link-visited-floating-menu-color);
 }
 .dsa-link:active {
   color: var(--dsa-wc-link-active-on-base-color);
 }
-.dsa-link--with-prefix:active,
-.dsa-link--with-suffix:active {
-  color: var(--dsa-wc-link-active-on-base-color);
-}
-.dsa-link--on-sitemap:active {
+.dsa-link.dsa-link--on-sitemap:active {
   color: var(--dsa-wc-link-active-on-base-color);
 }
-.dsa-link--on-contrasted:active {
+.dsa-link.dsa-link--on-contrasted:active {
   color: var(--dsa-wc-link-active-on-contrasted-color);
 }
-.dsa-link--on-layer:active {
+.dsa-link.dsa-link--on-layer:active {
   color: var(--dsa-wc-link-active-on-layer-color);
 }
-.dsa-link--floating-menu:active {
+.dsa-link.dsa-link--floating-menu:active {
   color: var(--dsa-wc-link-active-floating-menu-color);
 }
 .dsa-link:focus-visible {
@@ -2669,8 +2654,7 @@
   display: grid;
   gap: var(--dsa-grid-gap);
   grid-template-columns: repeat(4, 1fr);
-  margin-left: var(--dsa-grid-padding);
-  margin-right: var(--dsa-grid-padding);
+  margin-inline: var(--dsa-grid-padding);
 }
 .dsa-grid-container-with-sidebar {
   --dsa-grid-with-sidebar-gap: 24px;
@@ -2678,8 +2662,7 @@
   display: grid;
   gap: var(--dsa-grid-with-sidebar-gap);
   grid-template-columns: repeat(8, 1fr);
-  margin-left: var(--dsa-grid-with-sidebar-padding);
-  margin-right: var(--dsa-grid-with-sidebar-padding);
+  margin-inline: var(--dsa-grid-with-sidebar-padding);
 }
 @media only screen and (min-width: 600px) {
   .dsa-grid-container {
@@ -2728,8 +2711,7 @@
   width: 328px;
   grid-template-columns: repeat(4, 1fr);
   gap: 16px;
-  margin-left: 16px;
-  margin-right: 16px;
+  margin-inline: 16px;
 }
 
 .dsa-table {
@@ -2775,13 +2757,6 @@
   border-block-end: var(--dsa-wc-table-cell-border-size) solid
     var(--dsa-wc-table-cell-border-color);
 }
-.dsa-table-header-cell {
-  padding: var(--dsa-wc-table-header-cell-padding-y)
-    var(--dsa-wc-table-header-cell-padding-x);
-}
-.dsa-table-cell {
-  padding: var(--dsa-wc-table-cell-padding-y) var(--dsa-wc-table-cell-padding-x);
-}
 .dsa-table-header-cell--hover {
   background: var(--dsa-wc-table-header-cell-background-hover);
 }