@solid-design-system/components 6.25.1 → 6.26.0

package/dist/components/video/video.js

@@ -1,12 +1,12 @@
 import {
   SdVideo
-} from "../../chunks/chunk.LKDQ3TXG.js";
+} from "../../chunks/chunk.6LUXWBVQ.js";
 import "../../chunks/chunk.IVMQWO2L.js";
-import "../../chunks/chunk.4SNDWIKF.js";
-import "../../chunks/chunk.CGVEBTVR.js";
+import "../../chunks/chunk.FTLHBRJ7.js";
+import "../../chunks/chunk.6HICCGIO.js";
 import "../../chunks/chunk.ENZOJSYQ.js";
 import "../../chunks/chunk.6SPABX2F.js";
-import "../../chunks/chunk.344DLODX.js";
+import "../../chunks/chunk.5FLDWYHF.js";
 import "../../chunks/chunk.4TPOL3LB.js";
 import "../../chunks/chunk.P52GZVKG.js";
 import "../../chunks/chunk.RPB53XXV.js";
@@ -14,7 +14,7 @@ import "../../chunks/chunk.X3FE7OHE.js";
 import "../../chunks/chunk.BT6SAX2H.js";
 import "../../chunks/chunk.X4IYFUX6.js";
 import "../../chunks/chunk.X2OQMWGY.js";
-import "../../chunks/chunk.BVWAKEFC.js";
+import "../../chunks/chunk.PGR6OZIM.js";
 import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

package/dist/custom-elements.json

@@ -4405,6 +4405,10 @@
               "description": "The border width of the checkbox.",
               "name": "--sd-checkbox-border-width"
             },
+            {
+              "description": "The background color of the checkbox when invalid.",
+              "name": "--sd-checkbox--invalid-color-background"
+            },
             {
               "description": "The color border for form controls.",
               "name": "--sd-form-control-color-border"
@@ -5172,6 +5176,10 @@
             {
               "description": "The border width for the tags for multiple options combobox.",
               "name": "--sd-combobox__tag-border-width"
+            },
+            {
+              "description": "The icons color for slots, chevron and search icons.",
+              "name": "--sd-form-control-color-icon-fill"
             }
           ],
           "cssParts": [
@@ -6406,6 +6414,10 @@
               "description": "The background color for read-only form controls.",
               "name": "--sd-form-control--read-only-color-background"
             },
+            {
+              "description": "The color for form control icons.",
+              "name": "--sd-form-control-color-icon-fill"
+            },
             {
               "description": "The default text color for date items.",
               "name": "--sd-datepicker__date-item--default-color-text"
@@ -9839,7 +9851,7 @@
           "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; } }"
+          "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', '#005AAA', '#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": [
@@ -10343,6 +10355,10 @@
             {
               "description": "The background color read-only for form controls.",
               "name": "--sd-form-control--read-only-color-background"
+            },
+            {
+              "description": "The color for form control icons.",
+              "name": "--sd-form-control-color-icon-fill"
             }
           ],
           "cssParts": [
@@ -12792,6 +12808,10 @@
               "description": "The navigation-item text color.",
               "name": "--sd-navigation-item-color-text"
             },
+            {
+              "description": "The default navigation-items text color.",
+              "name": "--sd-navigation-item--default-color-text"
+            },
             {
               "description": "The navigation-item border radius on hover and active state.",
               "name": "--sd-navigable-border-radius"
@@ -17881,6 +17901,10 @@
             {
               "description": "The background color for form controls on hover.",
               "name": "--sd-form-control--hover-color-background"
+            },
+            {
+              "description": "The color for form control icons.",
+              "name": "--sd-form-control-color-icon-fill"
             }
           ],
           "cssParts": [
@@ -21052,6 +21076,30 @@
               "description": "The text color for disabled tags.",
               "name": "--sd-tag--disabled-color-text"
             },
+            {
+              "description": "The padding inline for large tags.",
+              "name": "--sd-tag--size-lg-padding-inline"
+            },
+            {
+              "description": "The padding inline for small tags.",
+              "name": "--sd-tag--size-sm-padding-inline"
+            },
+            {
+              "description": "The padding right for large removable tags.",
+              "name": "--sd-tag--removable--size-lg-padding-right"
+            },
+            {
+              "description": "The padding left for large removable tags.",
+              "name": "--sd-tag--removable--size-lg-padding-left"
+            },
+            {
+              "description": "The padding right for small removable tags.",
+              "name": "--sd-tag--removable--size-sm-padding-right"
+            },
+            {
+              "description": "The padding left for small removable tags.",
+              "name": "--sd-tag--removable--size-sm-padding-left"
+            },
             {
               "description": "This custom property is deprecated. Use `--sd-color-border-neutral-500` instead.",
               "name": "--sd-tag--disabled-color-border"
@@ -21768,6 +21816,10 @@
             {
               "description": "The default background color for primary‑100 teaser media.",
               "name": "--sd-teaser-media--primary-100-color-background"
+            },
+            {
+              "description": "The default color for the icon in the toggle button.",
+              "name": "--sd-teaser-media-color-icon-fill"
             }
           ],
           "cssParts": [
@@ -23669,7 +23721,7 @@
   "package": {
     "name": "@solid-design-system/components",
     "description": "Solid Design System: Components",
-    "version": "6.25.1",
+    "version": "6.26.0",
     "author": "Union Investment",
     "homepage": "https://solid-design-system.fe.union-investment.de/docs/",
     "license": "MIT"

package/dist/solid-components.js

@@ -4,209 +4,209 @@ import {
 import "./chunks/chunk.HAL7R4WT.js";
 import {
   SdTeaser
-} from "./chunks/chunk.RQN4WSFL.js";
+} from "./chunks/chunk.MIDB4P4Z.js";
 import {
   SdTeaserMedia
-} from "./chunks/chunk.EYTDOBZ4.js";
+} from "./chunks/chunk.HFD4GVQH.js";
 import {
   SdTextarea
-} from "./chunks/chunk.XRYVTNMS.js";
+} from "./chunks/chunk.EWBPFI7O.js";
 import {
   SdThemeListener
-} from "./chunks/chunk.RWGWOZ23.js";
+} from "./chunks/chunk.2QLV3FGQ.js";
 import {
   SdVideo
-} from "./chunks/chunk.LKDQ3TXG.js";
+} from "./chunks/chunk.6LUXWBVQ.js";
 import {
   SdSkeleton
-} from "./chunks/chunk.TEHS57B5.js";
+} from "./chunks/chunk.HFUPD442.js";
 import {
   SdSpinner
-} from "./chunks/chunk.AIG5N2FZ.js";
+} from "./chunks/chunk.FO2XDPBY.js";
 import {
   SdStep
-} from "./chunks/chunk.R6M52RPI.js";
+} from "./chunks/chunk.NQD4454U.js";
 import {
   SdStepGroup
-} from "./chunks/chunk.SLLHUOTL.js";
+} from "./chunks/chunk.ISDCFN2T.js";
 import {
   SdSwitch
-} from "./chunks/chunk.EIHPDMVS.js";
+} from "./chunks/chunk.KNNHUZRK.js";
 import {
   SdTab
-} from "./chunks/chunk.FMLTJI4Z.js";
+} from "./chunks/chunk.5SP53TRC.js";
 import {
   SdTabGroup
-} from "./chunks/chunk.6DDIBH76.js";
+} from "./chunks/chunk.3YRBYYHB.js";
 import {
   SdTabPanel
-} from "./chunks/chunk.NNMBBWIU.js";
+} from "./chunks/chunk.7DSVL7JH.js";
 import {
   SdRadioButton
-} from "./chunks/chunk.R3ZRRK4P.js";
+} from "./chunks/chunk.GURHKBOS.js";
 import {
   SdRadioGroup
-} from "./chunks/chunk.D6W4R7CF.js";
+} from "./chunks/chunk.HSMX4JWE.js";
 import {
   SdRadio
-} from "./chunks/chunk.G5PJCSSV.js";
+} from "./chunks/chunk.LVUKQ7ZS.js";
 import {
   SdRange
-} from "./chunks/chunk.GUTW4VQD.js";
+} from "./chunks/chunk.WALY6H2S.js";
 import {
   SdTooltip
-} from "./chunks/chunk.SUQL6D3H.js";
+} from "./chunks/chunk.DPOFFN22.js";
 import "./chunks/chunk.D3YSIVTB.js";
 import {
   SdRangeTick
-} from "./chunks/chunk.NIKLDQ35.js";
+} from "./chunks/chunk.DFSINDVF.js";
 import {
   SdScrollable
-} from "./chunks/chunk.KEUBCTKM.js";
+} from "./chunks/chunk.43WIFSAV.js";
 import {
   SdSelect
-} from "./chunks/chunk.WASJNAOH.js";
+} from "./chunks/chunk.2GY5X74S.js";
 import {
   SdNavigationItem
-} from "./chunks/chunk.JHHNBCX5.js";
+} from "./chunks/chunk.QH4PJIEK.js";
 import {
   SdNotification
-} from "./chunks/chunk.FWMPHWGG.js";
+} from "./chunks/chunk.ZCK2AJ6F.js";
 import {
   SdOptgroup
-} from "./chunks/chunk.6V7SKGRY.js";
+} from "./chunks/chunk.ON7JW7DZ.js";
 import {
   SdOption
-} from "./chunks/chunk.DGV5QTN6.js";
+} from "./chunks/chunk.LIHFBMY3.js";
 import {
   SdProgressBar
-} from "./chunks/chunk.DDBIUIIK.js";
+} from "./chunks/chunk.PAGXROMQ.js";
 import {
   SdQuickfact
-} from "./chunks/chunk.5XP6OIKT.js";
+} from "./chunks/chunk.GIYK2K7S.js";
 import {
   SdInclude
-} from "./chunks/chunk.JYUKVPUJ.js";
+} from "./chunks/chunk.3AZV733X.js";
 import {
   SdInput
-} from "./chunks/chunk.YNVPCLKL.js";
+} from "./chunks/chunk.6VONS4GH.js";
 import {
   SdMapMarker
-} from "./chunks/chunk.BIYQLL42.js";
+} from "./chunks/chunk.2JVBNRAE.js";
 import {
   SdMenu
-} from "./chunks/chunk.4QZT4Y6W.js";
+} from "./chunks/chunk.67RQILIX.js";
 import {
   SdMenuItem
-} from "./chunks/chunk.AXZSMHWW.js";
+} from "./chunks/chunk.FZW355YU.js";
 import "./chunks/chunk.KEJFWGZI.js";
 import {
   SdHeader
-} from "./chunks/chunk.6MMNEOUE.js";
+} from "./chunks/chunk.QWPTKRZY.js";
 import {
   SdDatepicker
-} from "./chunks/chunk.GQ4ENMDG.js";
+} from "./chunks/chunk.32PMIHHH.js";
 import "./chunks/chunk.A4LR62QO.js";
 import "./chunks/chunk.TJ2FFWLY.js";
 import {
   SdDialog
-} from "./chunks/chunk.YEO5QKA7.js";
+} from "./chunks/chunk.4QQTPWQK.js";
 import {
   SdDivider
-} from "./chunks/chunk.BCZIRWVM.js";
+} from "./chunks/chunk.WC6QJGPY.js";
 import {
   SdExpandable
-} from "./chunks/chunk.EHIUARAT.js";
+} from "./chunks/chunk.22QJOKRT.js";
 import {
   SdFlipcard
-} from "./chunks/chunk.XFU4IJSC.js";
+} from "./chunks/chunk.LMAZLSWN.js";
 import {
   SdCheckbox
-} from "./chunks/chunk.GAQZ5NES.js";
+} from "./chunks/chunk.ATPMJXDV.js";
 import {
   SdCheckboxGroup
-} from "./chunks/chunk.CTVKYPFB.js";
+} from "./chunks/chunk.3UAYIX4K.js";
 import {
   SdCombobox
-} from "./chunks/chunk.GUWNLJ7W.js";
+} from "./chunks/chunk.Z4VNO3XB.js";
 import {
   SdTag
-} from "./chunks/chunk.OXCSSHRT.js";
+} from "./chunks/chunk.P7WF3BP4.js";
 import "./chunks/chunk.GI7VDIWX.js";
 import "./chunks/chunk.WBJBQ4QI.js";
 import "./chunks/chunk.UIQBHPD3.js";
 import {
   SdBadge
-} from "./chunks/chunk.4F4N3QQ6.js";
+} from "./chunks/chunk.U4ES752F.js";
 import {
   SdBrandshape
-} from "./chunks/chunk.2N4PQ34O.js";
+} from "./chunks/chunk.LFY6FLC7.js";
 import {
   SdBreadcrumb
-} from "./chunks/chunk.JHGRQU5N.js";
+} from "./chunks/chunk.H6AYJU2Z.js";
 import {
   SdDropdown
-} from "./chunks/chunk.D3CLWL6Z.js";
+} from "./chunks/chunk.NF6TENBG.js";
 import {
   SdPopup
-} from "./chunks/chunk.TRG462TJ.js";
+} from "./chunks/chunk.E32D3Z6I.js";
 import {
   SdBreadcrumbItem
-} from "./chunks/chunk.QWPXBE3R.js";
+} from "./chunks/chunk.FDOJX6W4.js";
 import {
   SdLink
-} from "./chunks/chunk.2KU6UVWZ.js";
-import "./chunks/chunk.LMXGFI7F.js";
+} from "./chunks/chunk.YVNA2ZV6.js";
+import "./chunks/chunk.76H4PKGT.js";
 import {
   SdCarousel
-} from "./chunks/chunk.M52SSKFL.js";
+} from "./chunks/chunk.RIMF3V3U.js";
 import "./chunks/chunk.W2YDXTG5.js";
 import "./chunks/chunk.6RE6UZ72.js";
 import "./chunks/chunk.UVI5HHLF.js";
 import {
   SdCarouselItem
-} from "./chunks/chunk.YSZ7WBON.js";
+} from "./chunks/chunk.6QITMMHT.js";
 import "./chunks/chunk.F4VGSDIW.js";
 import {
   SdAccordionGroup
-} from "./chunks/chunk.KGQHJROJ.js";
+} from "./chunks/chunk.TVVA3SEO.js";
 import {
   SdAccordion
-} from "./chunks/chunk.TEHKQWUZ.js";
+} from "./chunks/chunk.RJD5JWEE.js";
 import {
   SdAnimation
-} from "./chunks/chunk.P7RNSWL3.js";
+} from "./chunks/chunk.3JGLYKUT.js";
 import "./chunks/chunk.TJOP7HQP.js";
 import {
   SdAudio
-} from "./chunks/chunk.ZF4JCUFV.js";
+} from "./chunks/chunk.EQKXEQYI.js";
 import {
   SdDrawer
-} from "./chunks/chunk.ZCOV36IT.js";
+} from "./chunks/chunk.VMOVHC54.js";
 import "./chunks/chunk.SF6AUNJF.js";
 import "./chunks/chunk.EDMG7C5H.js";
 import "./chunks/chunk.UMIKFOMI.js";
 import "./chunks/chunk.WDWV53JP.js";
 import {
   SdButton
-} from "./chunks/chunk.MUOLK3RU.js";
+} from "./chunks/chunk.XAFXRA3O.js";
 import {
   SdLoader
-} from "./chunks/chunk.N7WMSLKA.js";
+} from "./chunks/chunk.4CYE55LF.js";
 import "./chunks/chunk.C3WIBDGG.js";
 import "./chunks/chunk.IVMQWO2L.js";
 import "./chunks/chunk.N4LHE3QK.js";
 import "./chunks/chunk.B4BZKR24.js";
 import {
   SdIcon
-} from "./chunks/chunk.4SNDWIKF.js";
+} from "./chunks/chunk.FTLHBRJ7.js";
 import {
   registerIconLibrary,
   unregisterIconLibrary
-} from "./chunks/chunk.CGVEBTVR.js";
+} from "./chunks/chunk.6HICCGIO.js";
 import "./chunks/chunk.ENZOJSYQ.js";
 import "./chunks/chunk.6SPABX2F.js";
-import "./chunks/chunk.344DLODX.js";
+import "./chunks/chunk.5FLDWYHF.js";
 import "./chunks/chunk.4TPOL3LB.js";
 import "./chunks/chunk.P52GZVKG.js";
 import "./chunks/chunk.RPB53XXV.js";
@@ -216,7 +216,7 @@ import {
 import "./chunks/chunk.BT6SAX2H.js";
 import "./chunks/chunk.X4IYFUX6.js";
 import "./chunks/chunk.X2OQMWGY.js";
-import "./chunks/chunk.BVWAKEFC.js";
+import "./chunks/chunk.PGR6OZIM.js";
 import "./chunks/chunk.HQWAKJBV.js";
 import "./chunks/chunk.POFWU6ZT.js";
 import "./chunks/chunk.S3NI7NKU.js";

package/dist/utilities/autocomplete-config.js

@@ -1,8 +1,8 @@
 import {
   setupAutocomplete
 } from "../chunks/chunk.EAJ3CM6N.js";
-import "../chunks/chunk.TRG462TJ.js";
-import "../chunks/chunk.BVWAKEFC.js";
+import "../chunks/chunk.E32D3Z6I.js";
+import "../chunks/chunk.PGR6OZIM.js";
 import "../chunks/chunk.HQWAKJBV.js";
 import "../chunks/chunk.S3NI7NKU.js";
 export {

package/dist/utilities/icon-library.js

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