@solid-design-system/components 6.23.0 → 6.24.0

package/dist/components/range-tick/range-tick.js

@@ -2,8 +2,8 @@ import {
   SdRangeTick
 } from "../../chunks/chunk.NIKLDQ35.js";
 import "../../chunks/chunk.X3FE7OHE.js";
-import "../../chunks/chunk.X4IYFUX6.js";
 import "../../chunks/chunk.BT6SAX2H.js";
+import "../../chunks/chunk.X4IYFUX6.js";
 import "../../chunks/chunk.BVWAKEFC.js";
 import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";

package/dist/components/scrollable/scrollable.js

@@ -1,16 +1,17 @@
 import {
   SdScrollable
 } from "../../chunks/chunk.KEUBCTKM.js";
-import "../../chunks/chunk.TRF5JEMH.js";
-import "../../chunks/chunk.2S2PIDCO.js";
+import "../../chunks/chunk.4SNDWIKF.js";
+import "../../chunks/chunk.CGVEBTVR.js";
 import "../../chunks/chunk.ENZOJSYQ.js";
 import "../../chunks/chunk.6SPABX2F.js";
+import "../../chunks/chunk.344DLODX.js";
 import "../../chunks/chunk.4TPOL3LB.js";
 import "../../chunks/chunk.P52GZVKG.js";
 import "../../chunks/chunk.RPB53XXV.js";
 import "../../chunks/chunk.X3FE7OHE.js";
-import "../../chunks/chunk.X4IYFUX6.js";
 import "../../chunks/chunk.BT6SAX2H.js";
+import "../../chunks/chunk.X4IYFUX6.js";
 import "../../chunks/chunk.X2OQMWGY.js";
 import "../../chunks/chunk.BVWAKEFC.js";
 import "../../chunks/chunk.HQWAKJBV.js";

package/dist/components/select/select.js

@@ -9,16 +9,17 @@ import "../../chunks/chunk.C3WIBDGG.js";
 import "../../chunks/chunk.IVMQWO2L.js";
 import "../../chunks/chunk.N4LHE3QK.js";
 import "../../chunks/chunk.B4BZKR24.js";
-import "../../chunks/chunk.TRF5JEMH.js";
-import "../../chunks/chunk.2S2PIDCO.js";
+import "../../chunks/chunk.4SNDWIKF.js";
+import "../../chunks/chunk.CGVEBTVR.js";
 import "../../chunks/chunk.ENZOJSYQ.js";
 import "../../chunks/chunk.6SPABX2F.js";
+import "../../chunks/chunk.344DLODX.js";
 import "../../chunks/chunk.4TPOL3LB.js";
 import "../../chunks/chunk.P52GZVKG.js";
 import "../../chunks/chunk.RPB53XXV.js";
 import "../../chunks/chunk.X3FE7OHE.js";
-import "../../chunks/chunk.X4IYFUX6.js";
 import "../../chunks/chunk.BT6SAX2H.js";
+import "../../chunks/chunk.X4IYFUX6.js";
 import "../../chunks/chunk.X2OQMWGY.js";
 import "../../chunks/chunk.BVWAKEFC.js";
 import "../../chunks/chunk.HQWAKJBV.js";

package/dist/components/spinner/spinner.js

@@ -2,8 +2,8 @@ import {
   SdSpinner
 } from "../../chunks/chunk.AIG5N2FZ.js";
 import "../../chunks/chunk.X3FE7OHE.js";
-import "../../chunks/chunk.X4IYFUX6.js";
 import "../../chunks/chunk.BT6SAX2H.js";
+import "../../chunks/chunk.X4IYFUX6.js";
 import "../../chunks/chunk.BVWAKEFC.js";
 import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";

package/dist/components/step/step.js

@@ -2,10 +2,11 @@ import {
   SdStep
 } from "../../chunks/chunk.R6M52RPI.js";
 import "../../chunks/chunk.IVMQWO2L.js";
-import "../../chunks/chunk.TRF5JEMH.js";
-import "../../chunks/chunk.2S2PIDCO.js";
+import "../../chunks/chunk.4SNDWIKF.js";
+import "../../chunks/chunk.CGVEBTVR.js";
 import "../../chunks/chunk.ENZOJSYQ.js";
 import "../../chunks/chunk.6SPABX2F.js";
+import "../../chunks/chunk.344DLODX.js";
 import "../../chunks/chunk.4TPOL3LB.js";
 import "../../chunks/chunk.P52GZVKG.js";
 import "../../chunks/chunk.RPB53XXV.js";

package/dist/components/tab/tab.js

@@ -3,8 +3,8 @@ import {
 } from "../../chunks/chunk.FMLTJI4Z.js";
 import "../../chunks/chunk.IVMQWO2L.js";
 import "../../chunks/chunk.X3FE7OHE.js";
-import "../../chunks/chunk.X4IYFUX6.js";
 import "../../chunks/chunk.BT6SAX2H.js";
+import "../../chunks/chunk.X4IYFUX6.js";
 import "../../chunks/chunk.X2OQMWGY.js";
 import "../../chunks/chunk.BVWAKEFC.js";
 import "../../chunks/chunk.HQWAKJBV.js";

package/dist/components/tab-group/tab-group.js

@@ -3,16 +3,17 @@ import {
 } from "../../chunks/chunk.6DDIBH76.js";
 import "../../chunks/chunk.UVI5HHLF.js";
 import "../../chunks/chunk.WDWV53JP.js";
-import "../../chunks/chunk.TRF5JEMH.js";
-import "../../chunks/chunk.2S2PIDCO.js";
+import "../../chunks/chunk.4SNDWIKF.js";
+import "../../chunks/chunk.CGVEBTVR.js";
 import "../../chunks/chunk.ENZOJSYQ.js";
 import "../../chunks/chunk.6SPABX2F.js";
+import "../../chunks/chunk.344DLODX.js";
 import "../../chunks/chunk.4TPOL3LB.js";
 import "../../chunks/chunk.P52GZVKG.js";
 import "../../chunks/chunk.RPB53XXV.js";
 import "../../chunks/chunk.X3FE7OHE.js";
-import "../../chunks/chunk.X4IYFUX6.js";
 import "../../chunks/chunk.BT6SAX2H.js";
+import "../../chunks/chunk.X4IYFUX6.js";
 import "../../chunks/chunk.X2OQMWGY.js";
 import "../../chunks/chunk.BVWAKEFC.js";
 import "../../chunks/chunk.HQWAKJBV.js";

package/dist/components/tag/tag.js

@@ -1,16 +1,17 @@
 import {
   SdTag
 } from "../../chunks/chunk.OXCSSHRT.js";
-import "../../chunks/chunk.TRF5JEMH.js";
-import "../../chunks/chunk.2S2PIDCO.js";
+import "../../chunks/chunk.4SNDWIKF.js";
+import "../../chunks/chunk.CGVEBTVR.js";
 import "../../chunks/chunk.ENZOJSYQ.js";
 import "../../chunks/chunk.6SPABX2F.js";
+import "../../chunks/chunk.344DLODX.js";
 import "../../chunks/chunk.4TPOL3LB.js";
 import "../../chunks/chunk.P52GZVKG.js";
 import "../../chunks/chunk.RPB53XXV.js";
 import "../../chunks/chunk.X3FE7OHE.js";
-import "../../chunks/chunk.X4IYFUX6.js";
 import "../../chunks/chunk.BT6SAX2H.js";
+import "../../chunks/chunk.X4IYFUX6.js";
 import "../../chunks/chunk.X2OQMWGY.js";
 import "../../chunks/chunk.BVWAKEFC.js";
 import "../../chunks/chunk.HQWAKJBV.js";

package/dist/components/textarea/textarea.js

@@ -4,10 +4,11 @@ import {
 import "../../chunks/chunk.GI7VDIWX.js";
 import "../../chunks/chunk.C3WIBDGG.js";
 import "../../chunks/chunk.IVMQWO2L.js";
-import "../../chunks/chunk.TRF5JEMH.js";
-import "../../chunks/chunk.2S2PIDCO.js";
+import "../../chunks/chunk.4SNDWIKF.js";
+import "../../chunks/chunk.CGVEBTVR.js";
 import "../../chunks/chunk.ENZOJSYQ.js";
 import "../../chunks/chunk.6SPABX2F.js";
+import "../../chunks/chunk.344DLODX.js";
 import "../../chunks/chunk.4TPOL3LB.js";
 import "../../chunks/chunk.P52GZVKG.js";
 import "../../chunks/chunk.RPB53XXV.js";

package/dist/components/tooltip/tooltip.js

@@ -5,16 +5,17 @@ import "../../chunks/chunk.TRG462TJ.js";
 import "../../chunks/chunk.IVMQWO2L.js";
 import "../../chunks/chunk.N4LHE3QK.js";
 import "../../chunks/chunk.B4BZKR24.js";
-import "../../chunks/chunk.TRF5JEMH.js";
-import "../../chunks/chunk.2S2PIDCO.js";
+import "../../chunks/chunk.4SNDWIKF.js";
+import "../../chunks/chunk.CGVEBTVR.js";
 import "../../chunks/chunk.ENZOJSYQ.js";
 import "../../chunks/chunk.6SPABX2F.js";
+import "../../chunks/chunk.344DLODX.js";
 import "../../chunks/chunk.4TPOL3LB.js";
 import "../../chunks/chunk.P52GZVKG.js";
 import "../../chunks/chunk.RPB53XXV.js";
 import "../../chunks/chunk.X3FE7OHE.js";
-import "../../chunks/chunk.X4IYFUX6.js";
 import "../../chunks/chunk.BT6SAX2H.js";
+import "../../chunks/chunk.X4IYFUX6.js";
 import "../../chunks/chunk.X2OQMWGY.js";
 import "../../chunks/chunk.BVWAKEFC.js";
 import "../../chunks/chunk.HQWAKJBV.js";

package/dist/components/video/video.js

@@ -2,16 +2,17 @@ import {
   SdVideo
 } from "../../chunks/chunk.LKDQ3TXG.js";
 import "../../chunks/chunk.IVMQWO2L.js";
-import "../../chunks/chunk.TRF5JEMH.js";
-import "../../chunks/chunk.2S2PIDCO.js";
+import "../../chunks/chunk.4SNDWIKF.js";
+import "../../chunks/chunk.CGVEBTVR.js";
 import "../../chunks/chunk.ENZOJSYQ.js";
 import "../../chunks/chunk.6SPABX2F.js";
+import "../../chunks/chunk.344DLODX.js";
 import "../../chunks/chunk.4TPOL3LB.js";
 import "../../chunks/chunk.P52GZVKG.js";
 import "../../chunks/chunk.RPB53XXV.js";
 import "../../chunks/chunk.X3FE7OHE.js";
-import "../../chunks/chunk.X4IYFUX6.js";
 import "../../chunks/chunk.BT6SAX2H.js";
+import "../../chunks/chunk.X4IYFUX6.js";
 import "../../chunks/chunk.X2OQMWGY.js";
 import "../../chunks/chunk.BVWAKEFC.js";
 import "../../chunks/chunk.HQWAKJBV.js";

package/dist/custom-elements.json

@@ -9829,6 +9829,30 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "components/icon/library.multi-theming.js",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "multiThemingLibrary",
+          "type": {
+            "text": "IconLibrary"
+          },
+          "default": "{ name: 'sd-multi-theming', resolver: (name, element) => { const theme = getTheme(element); if (!theme) return ''; const path = name.split('/'); const finalPath = `${theme}/${name}`; if (path[0] === 'content' || path[0] === 'system') { name = finalPath; } return `https://celum-icons.fe.union-investment.de/${name}.svg`; }, mutator: svg => { const recoloredElements = { currentColorFills: [] as unknown as NodeListOf<SVGElement>, currentColorStrokes: [] as unknown as NodeListOf<SVGElement>, greenFills: [] as unknown as NodeListOf<SVGElement>, greenStrokes: [] as unknown as NodeListOf<SVGElement> }; const currentColors = ['#00358e', '#002d67', '#005ca9', '#051530']; const greenColor = ['#2d9d00', '#f35e01']; recoloredElements['currentColorFills'] = svg.querySelectorAll( currentColors.map(color => `[fill=\"${color}\" i]`).join(', ') ); recoloredElements['currentColorStrokes'] = svg.querySelectorAll( currentColors.map(color => `[stroke=\"${color}\" i]`).join(', ') ); recoloredElements['greenFills'] = svg.querySelectorAll(greenColor.map(color => `[fill=\"${color}\" i]`).join(', ')); recoloredElements['greenStrokes'] = svg.querySelectorAll( greenColor.map(color => `[stroke=\"${color}\" i]`).join(', ') ); recoloredElements.currentColorFills.forEach(filledElement => { filledElement.setAttribute('fill', 'currentColor'); }); recoloredElements.currentColorStrokes.forEach(strokedElement => { strokedElement.setAttribute('stroke', 'currentColor'); }); recoloredElements.greenFills.forEach(filledElement => { filledElement.setAttribute('fill', 'rgb(var(--sd-color-icon-fill-accent, 45 157 0))'); }); recoloredElements.greenStrokes.forEach(strokedElement => { strokedElement.setAttribute('stroke', 'rgb(var(--sd-color-icon-fill-accent, 45 157 0))'); }); return svg; } }"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "multiThemingLibrary",
+            "module": "components/icon/library.multi-theming.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "components/icon/library.status.js",
@@ -23645,7 +23669,7 @@
   "package": {
     "name": "@solid-design-system/components",
     "description": "Solid Design System: Components",
-    "version": "6.23.0",
+    "version": "6.24.0",
     "author": "Union Investment",
     "homepage": "https://solid-design-system.fe.union-investment.de/docs/",
     "license": "MIT"

package/dist/solid-components.js

@@ -17,6 +17,9 @@ import {
 import {
   SdVideo
 } from "./chunks/chunk.LKDQ3TXG.js";
+import {
+  SdSkeleton
+} from "./chunks/chunk.TEHS57B5.js";
 import {
   SdSpinner
 } from "./chunks/chunk.AIG5N2FZ.js";
@@ -44,6 +47,9 @@ import {
 import {
   SdRadioGroup
 } from "./chunks/chunk.5OP2MB2L.js";
+import {
+  SdRadio
+} from "./chunks/chunk.JB2XZ4FY.js";
 import {
   SdRange
 } from "./chunks/chunk.GUTW4VQD.js";
@@ -60,9 +66,6 @@ import {
 import {
   SdSelect
 } from "./chunks/chunk.WASJNAOH.js";
-import {
-  SdSkeleton
-} from "./chunks/chunk.TEHS57B5.js";
 import {
   SdNavigationItem
 } from "./chunks/chunk.KTT6XPZB.js";
@@ -82,8 +85,8 @@ import {
   SdQuickfact
 } from "./chunks/chunk.5XP6OIKT.js";
 import {
-  SdRadio
-} from "./chunks/chunk.JB2XZ4FY.js";
+  SdInclude
+} from "./chunks/chunk.JYUKVPUJ.js";
 import {
   SdInput
 } from "./chunks/chunk.YNVPCLKL.js";
@@ -100,9 +103,6 @@ import "./chunks/chunk.KEJFWGZI.js";
 import {
   SdHeader
 } from "./chunks/chunk.6MMNEOUE.js";
-import {
-  SdInclude
-} from "./chunks/chunk.JYUKVPUJ.js";
 import {
   SdDatepicker
 } from "./chunks/chunk.GQ4ENMDG.js";
@@ -199,21 +199,22 @@ import "./chunks/chunk.N4LHE3QK.js";
 import "./chunks/chunk.B4BZKR24.js";
 import {
   SdIcon
-} from "./chunks/chunk.TRF5JEMH.js";
+} from "./chunks/chunk.4SNDWIKF.js";
 import {
   registerIconLibrary,
   unregisterIconLibrary
-} from "./chunks/chunk.2S2PIDCO.js";
+} from "./chunks/chunk.CGVEBTVR.js";
 import "./chunks/chunk.ENZOJSYQ.js";
 import "./chunks/chunk.6SPABX2F.js";
+import "./chunks/chunk.344DLODX.js";
 import "./chunks/chunk.4TPOL3LB.js";
 import "./chunks/chunk.P52GZVKG.js";
 import "./chunks/chunk.RPB53XXV.js";
 import {
   LocalizeController
 } from "./chunks/chunk.X3FE7OHE.js";
-import "./chunks/chunk.X4IYFUX6.js";
 import "./chunks/chunk.BT6SAX2H.js";
+import "./chunks/chunk.X4IYFUX6.js";
 import "./chunks/chunk.X2OQMWGY.js";
 import "./chunks/chunk.BVWAKEFC.js";
 import "./chunks/chunk.HQWAKJBV.js";

package/dist/utilities/icon-library.js

@@ -2,9 +2,10 @@ import "../chunks/chunk.HAL7R4WT.js";
 import {
   registerIconLibrary,
   unregisterIconLibrary
-} from "../chunks/chunk.2S2PIDCO.js";
+} from "../chunks/chunk.CGVEBTVR.js";
 import "../chunks/chunk.ENZOJSYQ.js";
 import "../chunks/chunk.6SPABX2F.js";
+import "../chunks/chunk.344DLODX.js";
 import "../chunks/chunk.4TPOL3LB.js";
 import "../chunks/chunk.S3NI7NKU.js";
 export {

package/dist/utilities/localize.js

@@ -1,8 +1,8 @@
 import {
   LocalizeController
 } from "../chunks/chunk.X3FE7OHE.js";
-import "../chunks/chunk.X4IYFUX6.js";
 import "../chunks/chunk.BT6SAX2H.js";
+import "../chunks/chunk.X4IYFUX6.js";
 import "../chunks/chunk.S3NI7NKU.js";
 export {
   LocalizeController

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@solid-design-system/components",
-  "version": "6.23.0",
+  "version": "6.24.0",
   "description-markup": "markdown",
   "contributions": {
     "html": {

package/dist-versioned/chunks/chunk.2KU6UVWZ.js

@@ -84,7 +84,7 @@ var SdLink = class extends SolidElement {
 SdLink.styles = [
   ...SolidElement.styles,
   css`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
-::slotted(sd-6-23-0-icon){font-size:1.25em;margin-bottom:-.25em}:host([size=sm][standalone]) ::slotted(sd-6-23-0-icon){font-size:var(--sd-text-base);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5 / 1)))}:host([size=lg][standalone]) ::slotted(sd-6-23-0-icon){font-size:var(--sd-text-xl);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75 / 1.25)))}`
+::slotted(sd-6-24-0-icon){font-size:1.25em;margin-bottom:-.25em}:host([size=sm][standalone]) ::slotted(sd-6-24-0-icon){font-size:var(--sd-text-base);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5 / 1)))}:host([size=lg][standalone]) ::slotted(sd-6-24-0-icon){font-size:var(--sd-text-xl);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75 / 1.25)))}`
 ];
 __decorateClass([
   query("a")
@@ -111,7 +111,7 @@ __decorateClass([
   property({ reflect: true })
 ], SdLink.prototype, "download", 2);
 SdLink = __decorateClass([
-  customElement("sd-6-23-0-link")
+  customElement("sd-6-24-0-link")
 ], SdLink);
 
 export {

package/dist-versioned/chunks/chunk.2N4PQ34O.js

@@ -66,13 +66,13 @@ var SdBrandshape = class extends SolidElement {
       "w-full block relative"
     )}"><div part="shape-middle" class="${cx(
       {
-        "neutral-100": "sd-6-23-0-brandshape--neutral-100-color-background",
-        primary: "sd-6-23-0-brandshape--primary-color-background",
-        white: "sd-6-23-0-brandshape--white-color-background",
+        "neutral-100": "sd-6-24-0-brandshape--neutral-100-color-background",
+        primary: "sd-6-24-0-brandshape--primary-color-background",
+        white: "sd-6-24-0-brandshape--white-color-background",
         "border-white": "bg-transparent",
         "border-primary": "bg-transparent",
-        "primary|80": "sd-6-23-0-brandshape--primary-80-color-background",
-        "white|80": "sd-6-23-0-brandshape--white-80-color-background",
+        "primary|80": "sd-6-24-0-brandshape--primary-80-color-background",
+        "white|80": "sd-6-24-0-brandshape--white-80-color-background",
         image: "bg-transparent"
       }[this.variant],
       "w-full block absolute h-full top-0 left-0 z-0"
@@ -87,13 +87,13 @@ var SdBrandshape = class extends SolidElement {
   renderWhitespaceFix(position) {
     return html`<div class="${cx(
       {
-        "neutral-100": "sd-6-23-0-brandshape--neutral-100-color-background",
-        primary: "sd-6-23-0-brandshape--primary-color-background",
-        white: "sd-6-23-0-brandshape--white-color-background",
+        "neutral-100": "sd-6-24-0-brandshape--neutral-100-color-background",
+        primary: "sd-6-24-0-brandshape--primary-color-background",
+        white: "sd-6-24-0-brandshape--white-color-background",
         "border-white": "bg-transparent",
         "border-primary": "bg-transparent",
-        "primary|80": "sd-6-23-0-brandshape--primary-80-color-background",
-        "white|80": "sd-6-23-0-brandshape--white-80-color-background",
+        "primary|80": "sd-6-24-0-brandshape--primary-80-color-background",
+        "white|80": "sd-6-24-0-brandshape--white-80-color-background",
         image: "bg-transparent"
       }[this.variant],
       { top: "bottom-0", bottom: "top-0" }[position],
@@ -135,7 +135,7 @@ __decorateClass([
   state()
 ], SdBrandshape.prototype, "componentBreakpoint", 2);
 SdBrandshape = __decorateClass([
-  customElement("sd-6-23-0-brandshape")
+  customElement("sd-6-24-0-brandshape")
 ], SdBrandshape);
 
 export {

package/dist-versioned/chunks/chunk.344DLODX.js

@@ -0,0 +1,66 @@
+// src/components/icon/library.multi-theming.ts
+var themeMap = {
+  "ui-light": "union-investment",
+  "ui-dark": "union-investment",
+  vb: "vb",
+  bb: "bbbank",
+  kid: "kidstarter"
+};
+function getTheme(element) {
+  if (element) {
+    const cssTheme = getComputedStyle(element).getPropertyValue("--sd-theme").trim().replace(/['"]/g, "");
+    return themeMap[cssTheme];
+  }
+  return null;
+}
+var multiThemingLibrary = {
+  name: "sd-multi-theming",
+  resolver: (name, element) => {
+    const theme = getTheme(element);
+    if (!theme) return "";
+    const path = name.split("/");
+    const finalPath = `${theme}/${name}`;
+    if (path[0] === "content" || path[0] === "system") {
+      name = finalPath;
+    }
+    return `https://celum-icons.fe.union-investment.de/${name}.svg`;
+  },
+  mutator: (svg) => {
+    const recoloredElements = {
+      currentColorFills: [],
+      currentColorStrokes: [],
+      greenFills: [],
+      greenStrokes: []
+    };
+    const currentColors = ["#00358e", "#002d67", "#005ca9", "#051530"];
+    const greenColor = ["#2d9d00", "#f35e01"];
+    recoloredElements["currentColorFills"] = svg.querySelectorAll(
+      currentColors.map((color) => `[fill="${color}" i]`).join(", ")
+    );
+    recoloredElements["currentColorStrokes"] = svg.querySelectorAll(
+      currentColors.map((color) => `[stroke="${color}" i]`).join(", ")
+    );
+    recoloredElements["greenFills"] = svg.querySelectorAll(greenColor.map((color) => `[fill="${color}" i]`).join(", "));
+    recoloredElements["greenStrokes"] = svg.querySelectorAll(
+      greenColor.map((color) => `[stroke="${color}" i]`).join(", ")
+    );
+    recoloredElements.currentColorFills.forEach((filledElement) => {
+      filledElement.setAttribute("fill", "currentColor");
+    });
+    recoloredElements.currentColorStrokes.forEach((strokedElement) => {
+      strokedElement.setAttribute("stroke", "currentColor");
+    });
+    recoloredElements.greenFills.forEach((filledElement) => {
+      filledElement.setAttribute("fill", "rgb(var(--sd-color-icon-fill-accent, 45 157 0))");
+    });
+    recoloredElements.greenStrokes.forEach((strokedElement) => {
+      strokedElement.setAttribute("stroke", "rgb(var(--sd-color-icon-fill-accent, 45 157 0))");
+    });
+    return svg;
+  }
+};
+var library_multi_theming_default = multiThemingLibrary;
+
+export {
+  library_multi_theming_default
+};

package/dist-versioned/chunks/chunk.4F4N3QQ6.js

@@ -22,9 +22,9 @@ var SdBadge = class extends SolidElement {
       "inline-flex items-center justify-center gap-x-[1px] text-center font-bold whitespace-nowrap border rounded-full select-none cursor-[inherit]",
       {
         /* variants */
-        blue: !this.inverted ? "text-white  sd-6-23-0-badge--blue-color-background border-white" : "sd-6-23-0-badge--blue--inverted-color-text sd-6-23-0-badge--blue--inverted-color-background sd-6-23-0-badge--inverted-color-border",
-        green: !this.inverted ? "text-white sd-6-23-0-badge--green-color-background border-white" : "sd-6-23-0-badge--green-color--inverted-text sd-6-23-0-badge--green-color--inverted-background sd-6-23-0-badge--inverted-color-border",
-        red: !this.inverted ? "text-white sd-6-23-0-badge--red-color-background border-white" : "sd-6-23-0-badge--red--inverted-text sd-6-23-0-badge--red--inverted-background sd-6-23-0-badge--inverted-color-border"
+        blue: !this.inverted ? "text-white  sd-6-24-0-badge--blue-color-background border-white" : "sd-6-24-0-badge--blue--inverted-color-text sd-6-24-0-badge--blue--inverted-color-background sd-6-24-0-badge--inverted-color-border",
+        green: !this.inverted ? "text-white sd-6-24-0-badge--green-color-background border-white" : "sd-6-24-0-badge--green-color--inverted-text sd-6-24-0-badge--green-color--inverted-background sd-6-24-0-badge--inverted-color-border",
+        red: !this.inverted ? "text-white sd-6-24-0-badge--red-color-background border-white" : "sd-6-24-0-badge--red--inverted-text sd-6-24-0-badge--red--inverted-background sd-6-24-0-badge--inverted-color-border"
       }[this.variant]
     )}"><span id="content" part="content" class="${cx(this.size === "sm" && "sr-only")}"><slot></slot></span></span>`;
   }
@@ -44,7 +44,7 @@ __decorateClass([
   property({ type: Boolean, reflect: true })
 ], SdBadge.prototype, "inverted", 2);
 SdBadge = __decorateClass([
-  customElement("sd-6-23-0-badge")
+  customElement("sd-6-24-0-badge")
 ], SdBadge);
 
 export {

package/dist-versioned/chunks/chunk.4QZT4Y6W.js

@@ -113,7 +113,7 @@ var SdMenu = class extends SolidElement {
   }
   isMenuItem(item) {
     var _a;
-    return item.tagName.toLowerCase() === "sd-6-23-0-menu-item" || ["menuitem", "menuitemcheckbox", "menuitemradio"].includes((_a = item.getAttribute("role")) != null ? _a : "");
+    return item.tagName.toLowerCase() === "sd-6-24-0-menu-item" || ["menuitem", "menuitemcheckbox", "menuitemradio"].includes((_a = item.getAttribute("role")) != null ? _a : "");
   }
   /** @internal Gets all slotted menu items, ignoring dividers, headers, and other elements. */
   getAllItems() {
@@ -148,13 +148,13 @@ var SdMenu = class extends SolidElement {
 SdMenu.styles = [
   ...SolidElement.styles,
   css`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
-:host{position:relative;display:block;overflow:auto;overscroll-behavior:auto;border-radius:var(--sd-radius-md);padding-inline:var(--sd-spacing-2);padding-block:var(--sd-spacing-3);--tw-shadow:var(--sd-shadow)!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}::slotted(sd-6-23-0-divider){padding-block:var(--sd-spacing-3)}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}`
+:host{position:relative;display:block;overflow:auto;overscroll-behavior:auto;border-radius:var(--sd-radius-md);padding-inline:var(--sd-spacing-2);padding-block:var(--sd-spacing-3);--tw-shadow:var(--sd-shadow)!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}::slotted(sd-6-24-0-divider){padding-block:var(--sd-spacing-3)}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}`
 ];
 __decorateClass([
   query("slot")
 ], SdMenu.prototype, "defaultSlot", 2);
 SdMenu = __decorateClass([
-  customElement("sd-6-23-0-menu")
+  customElement("sd-6-24-0-menu")
 ], SdMenu);
 
 export {

package/dist-versioned/chunks/{chunk.TRF5JEMH.js → chunk.4SNDWIKF.js}

@@ -2,7 +2,7 @@ import {
   getIconLibrary,
   unwatchIcon,
   watchIcon
-} from "./chunk.2S2PIDCO.js";
+} from "./chunk.CGVEBTVR.js";
 import {
   requestIcon
 } from "./chunk.P52GZVKG.js";
@@ -47,7 +47,7 @@ var SdIcon = class extends SolidElement {
   getUrl() {
     const library = getIconLibrary(this.library);
     if (this.name && library) {
-      if (library.name === "_internal") {
+      if (library.name === "_internal" || library.name === "sd-multi-theming") {
         return library.resolver(this.name, this);
       }
       return library.resolver(this.name);
@@ -100,7 +100,7 @@ var SdIcon = class extends SolidElement {
     }
   }
   render() {
-    return html`<sd-6-23-0-theme-listener></sd-6-23-0-theme-listener>${unsafeSVG(this.svg)}`;
+    return html`<sd-6-24-0-theme-listener></sd-6-24-0-theme-listener>${unsafeSVG(this.svg)}`;
   }
 };
 SdIcon.styles = [
@@ -133,7 +133,7 @@ __decorateClass([
   watch(["name", "src", "library"])
 ], SdIcon.prototype, "setIcon", 1);
 SdIcon = __decorateClass([
-  customElement("sd-6-23-0-icon")
+  customElement("sd-6-24-0-icon")
 ], SdIcon);
 
 export {