@ds-autonomie/web-components 2.14.1 → 2.15.0

package/dist/chunks/{chunk.2FH4CXEK.js → chunk.MOQLFC6H.js}

@@ -2,11 +2,11 @@ import {
   library_default_default
 } from "./chunk.C2W7WMBY.js";
 import {
-  library_system_default
-} from "./chunk.RIKQNF2V.js";
+  systemLibrary
+} from "./chunk.KONRKBD4.js";
 
 // src/components/icon/library.ts
-var registry = [library_default_default, library_system_default];
+var registry = [library_default_default, systemLibrary];
 var watchedIcons = [];
 function watchIcon(icon) {
   watchedIcons.push(icon);

package/dist/chunks/{chunk.FWFLQD5T.js → chunk.MOTDL3I3.js}

@@ -29,12 +29,12 @@ var callout_styles_default = css`
 
   .callout__title {
     font: var(--dsa-wc-callout-title-font);
-    word-wrap: break-word;
+    overflow-wrap: break-word;
     color: var(--dsa-wc-callout-title-color);
   }
 
   .callout__message {
-    word-wrap: break-word;
+    overflow-wrap: break-word;
   }
 
   .callout__text {

package/dist/chunks/{chunk.Z5RAINDX.js → chunk.MPR4IZDU.js}

@@ -1,9 +1,9 @@
-import {
-  DSATreeItem
-} from "./chunk.UU7FKYW6.js";
 import {
   tree_styles_default
 } from "./chunk.73T7TU6S.js";
+import {
+  DSATreeItem
+} from "./chunk.PBDKMCCH.js";
 import {
   clamp
 } from "./chunk.HF7GESMZ.js";

package/dist/chunks/{chunk.TZVFQDBB.js → chunk.MSN6BH3X.js}

@@ -15,7 +15,6 @@ var tag_button_styles_default = css`
     display: flex;
     align-items: center;
     white-space: nowrap;
-    user-select: none;
     border-width: var(--dsa-wc-tag-button-border-width);
     border-style: solid;
     border-radius: var(--dsa-wc-tag-border-radius);

package/dist/chunks/{chunk.ZKUUTPFX.js → chunk.MTRAJSQ5.js}

@@ -27,6 +27,8 @@ var copy_button_styles_default = css`
     cursor: pointer;
     transition: var(--dsa-wc-transition-x-fast) color;
     -webkit-appearance: none;
+    background-color: var(--dsa-wc-button-navigation-on-base-color);
+    color: var(--dsa-wc-button-navigation-on-base-font-color);
   }
 
   .copy-button__button:focus {
@@ -35,12 +37,13 @@ var copy_button_styles_default = css`
 
   .copy-button--disabled .copy-button__button {
     cursor: not-allowed;
+    background-color: var(--dsa-wc-button-navigation-on-base-disabled-color);
+    color: var(--dsa-wc-button-navigation-on-base-disabled-font-color);
   }
 
   .copy-button__button:focus-visible {
     outline: var(--dsa-wc-focus-ring);
     outline-offset: var(--dsa-wc-focus-ring-offset);
-    border-radius: var(--dsa-wc-focus-ring-radius);
   }
 
   .copy-button--small .copy-button__icon {
@@ -57,16 +60,6 @@ var copy_button_styles_default = css`
   }
 
   /* Colors */
-  .copy-button__button {
-    background-color: var(--dsa-wc-button-navigation-on-base-color);
-    border-color: transparent;
-    color: var(--dsa-wc-button-navigation-on-base-font-color);
-  }
-  .copy-button--disabled .copy-button__button {
-    background-color: var(--dsa-wc-button-navigation-on-base-disabled-color);
-    border-color: transparent;
-    color: var(--dsa-wc-button-navigation-on-base-disabled-font-color);
-  }
   .copy-button--success .copy-button__button {
     color: var(--dsa-color-primitive-colors-feedback-success-500);
   }

package/dist/chunks/{chunk.7MANDIWA.js → chunk.NC5Y5YXL.js}

@@ -23,9 +23,10 @@ var card_styles_default = css`
   }
 
   .card.link {
-    transition: var(--dsa-wc-transition-x-fast) background-color,
+    transition:
+      var(--dsa-wc-transition-x-fast) background-color,
       var(--dsa-wc-transition-x-fast) border,
-      var(--dsa-wc-transition-x-fast) box-shadow;
+      var(--dsa-wc-transition-x-fast) box-shadow,
       var(--dsa-wc-transition-x-fast) transform;
   }
   .card.link:active {
@@ -41,7 +42,7 @@ var card_styles_default = css`
     color: inherit;
   }
 
-  .card.link a::after{
+  .card.link a::after {
     position: absolute;
     left: 0;
     width: 100%;
@@ -53,7 +54,7 @@ var card_styles_default = css`
   .card.link a:hover::after {
     bottom: -3px;
   }
-    
+
   .card.link a:focus {
     outline: none;
   }
@@ -63,7 +64,7 @@ var card_styles_default = css`
     box-shadow: var(--dsa-wc-card-link-box-shadow-hover);
     transform: translateY(-2px);
   }
-  
+
   /* pseudo element to avoid blinking on hover due to card translation */
   .card.link::before {
     content: '';

package/dist/chunks/{chunk.4T2AYNT4.js → chunk.O4ZVD6ZZ.js}

@@ -95,7 +95,11 @@ var DSATableContainer = class extends LoadingStateElement {
     const actionBar = this.querySelector("dsa-table-action");
     const toolbar = this.querySelector("dsa-table-toolbar");
     if (actionBar !== null) {
-      this.showTableActions ? actionBar.setAttribute("show", "true") : actionBar.removeAttribute("show");
+      if (this.showTableActions) {
+        actionBar.setAttribute("show", "true");
+      } else {
+        actionBar.removeAttribute("show");
+      }
     }
     if (toolbar !== null) {
       if (this.showTableActions) {

package/dist/chunks/{chunk.JCXMUJ7E.js → chunk.O7HKQMZA.js}

@@ -1,6 +1,6 @@
 import {
   quote_styles_default
-} from "./chunk.UUMZUOSS.js";
+} from "./chunk.5IJ2STR6.js";
 import {
   ShoelaceElement
 } from "./chunk.SL3DN4BD.js";
@@ -42,7 +42,7 @@ var DSAQuote = class extends ShoelaceElement {
           aria-hidden="true"
         >
           <path
-            d="M15.2125 4C6.56865 4 0.867188 11.0522 0.867188 17.8318C0.867188 22.8318 4.86719 24.8318 7.86719 24.8318C11.6538 24.8318 14.702 21.6901 14.702 17.8318C14.702 13.9736 11.0908 11.2817 8.75749 11.1932C9.2231 8.95474 11.7534 6.4521 15.2125 6.4521V4ZM33.0645 4C24.4207 4 18.7192 11.0522 18.7192 17.8318C18.7192 22.8318 22.7192 24.8318 25.7192 24.8318C29.5058 24.8318 32.5541 21.6901 32.5541 17.8318C32.5541 13.9736 28.9429 11.2817 26.6095 11.1932C27.0751 8.95474 29.6054 6.4521 33.0645 6.4521V4Z"
+            d="M15.213 4C6.569 4 .867 11.052.867 17.832c0 5 4 7 7 7 3.787 0 6.835-3.142 6.835-7s-3.611-6.55-5.945-6.639c.466-2.238 2.996-4.74 6.456-4.74V4Zm17.852 0c-8.644 0-14.346 7.052-14.346 13.832 0 5 4 7 7 7 3.787 0 6.835-3.142 6.835-7s-3.611-6.55-5.945-6.639c.466-2.238 2.996-4.74 6.456-4.74V4Z"
             fill="currentColor"
           />
         </svg>

package/dist/chunks/{chunk.L5DEEGJU.js → chunk.OEOSDW6K.js}

@@ -213,9 +213,6 @@ var calendar_styles_default = css`
   .wc-datepicker__date--selected > * {
     border-radius: var(--dsa-wc-calendar-radius);
     border: 1px solid var(--dsa-wc-calendar-cell-selected-color);
-  }
-
-  .wc-datepicker__date--selected > * {
     color: var(--dsa-color-text-on-contrasted-primary);
     background-color: var(--dsa-wc-calendar-cell-selected-color);
   }

package/dist/chunks/{chunk.JIFCMGN6.js → chunk.ORDSJDUP.js}

@@ -1,6 +1,6 @@
 import {
   card_content_styles_default
-} from "./chunk.CNRGP5OT.js";
+} from "./chunk.TD6AE7FQ.js";
 import {
   HasSlotController
 } from "./chunk.YIY5RM53.js";

package/dist/chunks/{chunk.I42LCUCM.js → chunk.OUAQWUW4.js}

@@ -1,6 +1,6 @@
 import {
   breadcrumb_item_styles_default
-} from "./chunk.AKYLOFUZ.js";
+} from "./chunk.MDORHGBG.js";
 import {
   HasSlotController
 } from "./chunk.YIY5RM53.js";

package/dist/chunks/{chunk.KPSGU7NH.js → chunk.OXRZH5XZ.js}

@@ -217,9 +217,9 @@ var DSATooltip = class extends ShoelaceElement {
         <slot slot="anchor" @slotchange=${this.handleDefaultSlotChange}></slot>
 
         <div part="body" id="tooltip" class="tooltip__body" role="tooltip">
-          <slot name="content" aria-live=${this.open ? "polite" : "off"}
-            >${this.content}</slot
-          >
+          <span aria-live=${this.open ? "polite" : "off"}>
+            <slot name="content">${this.content}</slot>
+          </span>
         </div>
       </dsa-popup>
     `;

package/dist/chunks/{chunk.OPVFKUYD.js → chunk.P6ZIC3SJ.js}

@@ -1,6 +1,6 @@
 import {
   visually_hidden_styles_default
-} from "./chunk.IOFPPNUO.js";
+} from "./chunk.W5BANU5K.js";
 import {
   ShoelaceElement
 } from "./chunk.SL3DN4BD.js";

package/dist/chunks/{chunk.UU7FKYW6.js → chunk.PBDKMCCH.js}

@@ -1,6 +1,6 @@
 import {
   tree_item_styles_default
-} from "./chunk.42QDYDUA.js";
+} from "./chunk.UEVTKGMG.js";
 import {
   animateTo,
   shimKeyframesHeightAuto,
@@ -220,13 +220,13 @@ var DSATreeItem = class extends ShoelaceElement {
     )}
         </div>
 
-        <slot
-          name="children"
-          class="tree-item__children"
-          part="children"
-          role="group"
-          @slotchange="${this.handleChildrenSlotChange}"
-        ></slot>
+        <div class="tree-item__children" role="group">
+          <slot
+            name="children"
+            part="children"
+            @slotchange="${this.handleChildrenSlotChange}"
+          ></slot>
+        </div>
       </div>
     `;
   }

package/dist/chunks/{chunk.I5OZW4PT.js → chunk.PEAZPHYW.js}

@@ -1,12 +1,12 @@
 import {
   DSASelect
-} from "./chunk.5OP4WI4B.js";
+} from "./chunk.DV3XUZHI.js";
 import {
   getPhoneConfig
 } from "./chunk.YKKP7YAT.js";
 import {
   input_phone_styles_default
-} from "./chunk.LGIV2ORI.js";
+} from "./chunk.T4Q6QP47.js";
 import {
   frenchNumberPrefix,
   phonePrefixOptions
@@ -18,7 +18,7 @@ import {
 } from "./chunk.7OLEA3GQ.js";
 import {
   InputBase
-} from "./chunk.ZKUGZ55W.js";
+} from "./chunk.ZGBHQB4P.js";
 import {
   ifDefinedAndNotEmpty
 } from "./chunk.ZQJVCRB2.js";

package/dist/chunks/{chunk.OWX2YQSF.js → chunk.PNKCJUTV.js}

@@ -1,6 +1,6 @@
 import {
   menu_item_styles_default
-} from "./chunk.AHMZIQ5V.js";
+} from "./chunk.64EGGLHL.js";
 import {
   HasSlotController,
   getTextContent
@@ -100,7 +100,8 @@ var DSAMenuItem = class extends ShoelaceElement {
       "menu-item--disabled": this.disabled,
       "menu-item--button": this.type === "button",
       "menu-item--link": this.type === "link",
-      "menu-item--collapsed": this.collapsed
+      "menu-item--collapsed": this.collapsed,
+      "menu-item--highlight": Boolean(this.current || this.expanded)
     })}
           href=${ifDefined(this.type === "link" ? this.href : void 0)}
           target=${ifDefined(this.type === "link" ? this.target : void 0)}

package/dist/chunks/{chunk.BN2N444O.js → chunk.Q6SKCUWC.js}

@@ -16,7 +16,6 @@ var badge_styles_default = css`
     flex-direction: row;
     justify-content: center;
     align-items: center;
-    white-space: pre;
     border-radius: var(--dsa-wc-badge-border-radius);
     white-space: nowrap;
     user-select: none;
@@ -80,7 +79,12 @@ var badge_styles_default = css`
   .badge--pulse {
     animation: pulse 1.5s var(--dsa-wc-no-animations-duration, infinite);
   }
-
+  @media (prefers-reduced-motion: reduce) {
+    .badge--pulse {
+      animation-iteration-count: 0.4;
+      animation-fill-mode: forwards;
+    }
+  }
   .badge--pulse.badge--primary {
     --pulse-color: var(--dsa-wc-badge-background-color-primary);
   }

package/dist/chunks/{chunk.XEZJTSWC.js → chunk.Q6XO7AEM.js}

@@ -1,10 +1,10 @@
+import {
+  header_modern_styles_default
+} from "./chunk.JRWZ43B7.js";
 import {
   cnsaLogoNoSubtextSvg,
   spaLogoSvg
 } from "./chunk.7TLERCGA.js";
-import {
-  header_modern_styles_default
-} from "./chunk.ISWWNUGH.js";
 import {
   HasSlotController
 } from "./chunk.YIY5RM53.js";

package/dist/chunks/{chunk.TRGRP3EU.js → chunk.QAYPY3FQ.js}

@@ -51,8 +51,7 @@ var header_styles_default = css`
     grid-template:
       'firstLogo actions'
       / var(--dsa-wc-header-logo-width-mobile) auto;
-    grid-row-gap: var(--dsa-spacing-8);
-    grid-column-gap: var(--dsa-spacing-16);
+    gap: var(--dsa-spacing-8) var(--dsa-spacing-16);
     padding-block: var(--dsa-wc-header-main-padding-y);
   }
   .header--has-brand {

package/dist/chunks/{chunk.ROJJIVM4.js → chunk.QRPBHKNM.js}

@@ -1,9 +1,9 @@
 import {
   textarea_styles_default
-} from "./chunk.TTKJ6GEE.js";
+} from "./chunk.JZCLQ75K.js";
 import {
   FormControlLayout
-} from "./chunk.CWK6OECL.js";
+} from "./chunk.XMRIXYIV.js";
 import {
   defaultValue
 } from "./chunk.CMJ2SRTL.js";

package/dist/chunks/{chunk.KKJF6BYU.js → chunk.R3PD3TNK.js}

@@ -31,12 +31,12 @@ var footer_sitemap_item_styles_default = css`
   ::slotted(*:active) {
     color: var(--dsa-wc-link-active-on-base-color);
   }
-  
+
   ::slotted(*:focus-visible) {
     outline: var(--dsa-wc-focus-ring);
     outline-offset: var(--dsa-wc-focus-ring-offset);
     border-radius: var(--dsa-wc-focus-ring-radius);
-  })
+  }
 `;
 
 export {

package/dist/chunks/{chunk.OHHVC2MR.js → chunk.RE5LWX2D.js}

@@ -1,6 +1,6 @@
 import {
   input_base_styles_default
-} from "./chunk.6BNYXFNI.js";
+} from "./chunk.MFNBPWAR.js";
 
 // src/components/input-mask/input-mask.styles.ts
 import { css } from "lit";
@@ -62,10 +62,7 @@ var input_mask_styles_default = css`
 
   .input-mask__control {
     position: absolute;
-    top: 0;
-    bottom: 0;
-    right: 0;
-    left: 0;
+    inset: 0;
     width: 100%;
     padding: var(--dsa-wc-input-padding);
     display: inline-flex;

package/dist/chunks/{chunk.YIWT37OH.js → chunk.RQVGZS26.js}

@@ -1,9 +1,9 @@
 import {
   input_otp_styles_default
-} from "./chunk.ZNBZAGXP.js";
+} from "./chunk.CY7SF7KT.js";
 import {
   InputBase
-} from "./chunk.ZKUGZ55W.js";
+} from "./chunk.ZGBHQB4P.js";
 import {
   ifDefinedAndNotEmpty
 } from "./chunk.ZQJVCRB2.js";

package/dist/chunks/{chunk.BJLC74ME.js → chunk.RYPGPHI7.js}

@@ -1,6 +1,6 @@
 import {
   badge_styles_default
-} from "./chunk.BN2N444O.js";
+} from "./chunk.Q6SKCUWC.js";
 import {
   HasSlotController
 } from "./chunk.YIY5RM53.js";

package/dist/chunks/{chunk.NKPS2C4G.js → chunk.SK2SJE2S.js}

@@ -1,6 +1,6 @@
 import {
   checkbox_group_styles_default
-} from "./chunk.64JDAZJD.js";
+} from "./chunk.IQVRPRHR.js";
 import {
   renderFormElementErrors
 } from "./chunk.6QDM5FUA.js";
@@ -303,15 +303,15 @@ var DSACheckboxGroup = class extends ShoelaceElement {
             <slot @slotchange=${this.handleSlotChange}></slot>
           </div>
         </div>
-        <slot
-          name="help-text"
-          part="form-control-help-text"
+        <div
           id="help-text"
           class="form-control__help-text"
           aria-hidden=${hasHelpText ? "false" : "true"}
         >
-          ${this.helpText}
-        </slot>
+          <slot name="help-text" part="form-control-help-text">
+            ${this.helpText}
+          </slot>
+        </div>
 
         ${this.error ? renderFormElementErrors(this.errorMessage) : ""}
         ${this.description ? html`

package/dist/chunks/{chunk.46IV7V5Z.js → chunk.SRLGPXHB.js}

@@ -137,7 +137,7 @@ var filter_date_styles_default = css`
     padding: 0;
     margin: -1px;
     overflow: hidden;
-    clip: rect(0, 0, 0, 0);
+    clip-path: inset(0 0 0 0);
     white-space: nowrap;
     border-width: 0;
   }

package/dist/chunks/{chunk.34OZ43XB.js → chunk.STWD3IVA.js}

@@ -1,13 +1,13 @@
-import {
-  input_native_styles_default
-} from "./chunk.6WYYBTGI.js";
 import {
   getOverridenIconDetails,
   isPrefixIconOverriden
 } from "./chunk.I6S6TC3T.js";
+import {
+  input_native_styles_default
+} from "./chunk.72TUQY57.js";
 import {
   InputBase
-} from "./chunk.ZKUGZ55W.js";
+} from "./chunk.ZGBHQB4P.js";
 import {
   ifDefinedAndNotEmpty
 } from "./chunk.ZQJVCRB2.js";

package/dist/chunks/{chunk.GI5J54XQ.js → chunk.STZAPPWR.js}

@@ -54,6 +54,7 @@ function isOverflowingAndTabbable(el) {
   return false;
 }
 function isTabbable(el) {
+  var _a;
   const tag = el.tagName.toLowerCase();
   const tabindex = Number(el.getAttribute("tabindex"));
   const hasTabindex = el.hasAttribute("tabindex");
@@ -68,7 +69,7 @@ function isTabbable(el) {
   }
   if (tag === "input" && el.getAttribute("type") === "radio") {
     const rootNode = el.getRootNode();
-    const findRadios = `input[type='radio'][name="${el.getAttribute("name")}"]`;
+    const findRadios = `input[type='radio'][name="${(_a = el.getAttribute("name")) != null ? _a : ""}"]`;
     const firstChecked = rootNode.querySelector(`${findRadios}:checked`);
     if (firstChecked) {
       return firstChecked === el;

package/dist/chunks/{chunk.RVM536ZG.js → chunk.SV42ISYL.js}

@@ -3,13 +3,13 @@ import {
 } from "./chunk.FLRB45SF.js";
 import {
   FormControlLayout
-} from "./chunk.CWK6OECL.js";
+} from "./chunk.XMRIXYIV.js";
 import {
   defaultValue
 } from "./chunk.CMJ2SRTL.js";
 import {
   combobox_styles_default
-} from "./chunk.A3SHXMQF.js";
+} from "./chunk.BFTVJPB4.js";
 import {
   FormControlController
 } from "./chunk.DJLJEQST.js";

package/dist/chunks/{chunk.QMHGIHWW.js → chunk.T2M6RDF7.js}

@@ -1,6 +1,6 @@
 import {
   input_time_styles_default
-} from "./chunk.WXIWEJWG.js";
+} from "./chunk.3WSB3BNE.js";
 import {
   compareTimeStrings,
   setTimeStringValue,
@@ -8,7 +8,7 @@ import {
 } from "./chunk.IONY2GZF.js";
 import {
   InputBase
-} from "./chunk.ZKUGZ55W.js";
+} from "./chunk.ZGBHQB4P.js";
 import {
   scrollIntoView
 } from "./chunk.EMIT7S33.js";

package/dist/chunks/{chunk.LGIV2ORI.js → chunk.T4Q6QP47.js}

@@ -1,6 +1,6 @@
 import {
   form_control_styles_default
-} from "./chunk.EHTCYJUT.js";
+} from "./chunk.XATWRKAV.js";
 import {
   component_styles_default
 } from "./chunk.TUVJKY7S.js";

package/dist/chunks/{chunk.PU5FV4P5.js → chunk.T4R634BF.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.ZVKFVRCK.js";
 import {
   filter_date_styles_default
-} from "./chunk.46IV7V5Z.js";
+} from "./chunk.SRLGPXHB.js";
 import {
   formatDateRange,
   getDateFromISO,

package/dist/chunks/{chunk.CNRGP5OT.js → chunk.TD6AE7FQ.js}

@@ -15,7 +15,6 @@ var card_content_styles_default = css`
   ::slotted(*) {
     margin: 0;
     padding: 0;
-    font-size: 100%;
     font: inherit;
   }
 
@@ -46,9 +45,10 @@ var card_content_styles_default = css`
 
   /* Link styling */
   .card-content--link {
-    transition: var(--dsa-wc-transition-x-fast) background-color,
+    transition:
+      var(--dsa-wc-transition-x-fast) background-color,
       var(--dsa-wc-transition-x-fast) border,
-      var(--dsa-wc-transition-x-fast) box-shadow;
+      var(--dsa-wc-transition-x-fast) box-shadow,
       var(--dsa-wc-transition-x-fast) transform;
     text-decoration: none;
     color: inherit;
@@ -57,7 +57,8 @@ var card_content_styles_default = css`
     outline: var(--dsa-wc-focus-ring);
     outline-offset: var(--dsa-wc-focus-ring-offset);
   }
-  .card-content.card-content--link:hover, .card-content.card-content--link:focus-within {
+  .card-content.card-content--link:hover,
+  .card-content.card-content--link:focus-within {
     background-color: var(--dsa-wc-card-link-background-active);
     border-color: var(--dsa-wc-card-link-border-color-hover);
   }
@@ -67,7 +68,7 @@ var card_content_styles_default = css`
   .card-content--link a:focus {
     outline: none;
   }
-  .card-content--link a::after{
+  .card-content--link a::after {
     position: absolute;
     left: 0;
     width: 100%;
@@ -80,11 +81,11 @@ var card_content_styles_default = css`
   .card-content__media {
     display: flex;
   }
-  
+
   /* Card body */
   .card-content__body {
     display: flex;
-    flex:1;
+    flex: 1;
     flex-direction: column;
     padding: var(--dsa-wc-card-content-body-padding);
     overflow: auto;
@@ -92,10 +93,10 @@ var card_content_styles_default = css`
     font: var(--dsa-wc-card-body-font);
   }
   .card-content--medium .card-content__body {
-  padding: var(--dsa-wc-card-content-medium-body-padding);
+    padding: var(--dsa-wc-card-content-medium-body-padding);
   }
   .card-content--small .card-content__body {
-  padding: var(--dsa-wc-card-content-small-body-padding);
+    padding: var(--dsa-wc-card-content-small-body-padding);
   }
 
   .card-content__header {
@@ -115,7 +116,8 @@ var card_content_styles_default = css`
     display: flex;
     gap: var(--dsa-spacing-12);
   }
-  .card-content--medium .card-content__title_block, .card-content--small .card-content__title_block {
+  .card-content--medium .card-content__title_block,
+  .card-content--small .card-content__title_block {
     gap: var(--dsa-spacing-8);
   }
 
@@ -128,7 +130,8 @@ var card_content_styles_default = css`
   }
 
   /* Title */
-  .card-content__title, .card-content__title-icon {
+  .card-content__title,
+  .card-content__title-icon {
     color: var(--dsa-wc-card-content-title-color);
   }
   .card-content__title-block-text .card-content__title {
@@ -173,10 +176,10 @@ var card_content_styles_default = css`
     gap: var(--dsa-spacing-32);
     margin-top: var(--dsa-wc-card-content-margin-top);
     color: var(--dsa-wc-card-content-content-color);
-    font: var(--dsa-wc-card-content-content-font)
+    font: var(--dsa-wc-card-content-content-font);
   }
   .card-content--small .card-content__content {
-    font: var(--dsa-wc-card-content-small-content-font)
+    font: var(--dsa-wc-card-content-small-content-font);
   }
 
   /* Footer */
@@ -217,10 +220,10 @@ var card_content_styles_default = css`
   .card-content__link-icon-container {
     display: flex;
     align-items: center;
-    margin-inline-start: auto
+    margin-inline-start: auto;
   }
 
-    /** Contrasted **/
+  /** Contrasted **/
   .card-content.card-content--contrasted-borders {
     border-color: var(--dsa-wc-card-border-color-contrasted);
   }