@solid-design-system/components 6.18.1 → 6.21.2

package/cdn/custom-elements.json

@@ -31,6 +31,18 @@
               "description": "The accordion icon color.",
               "name": "--sd-accordion-color-icon-fill"
             },
+            {
+              "description": "The accordion hover background color.",
+              "name": "--sd-accordion--hover-color-background"
+            },
+            {
+              "description": "The accordion color text when open.",
+              "name": "--sd-accordion--open-color-text"
+            },
+            {
+              "description": "The accordion color border.",
+              "name": "--sd-accordion-color-border"
+            },
             {
               "description": "This custom property is deprecated. Use `--sd-accordion-color-icon-fill`instead.",
               "name": "--sd-accordion__chevron-color-text"
@@ -2279,6 +2291,12 @@
           "kind": "class",
           "description": "",
           "name": "SdBreadcrumbItem",
+          "cssProperties": [
+            {
+              "description": "The text color for the current breadcrumb.",
+              "name": "--sd-breadcrumb--current-color-text"
+            }
+          ],
           "cssParts": [
             {
               "description": "The component's base wrapper.",
@@ -2507,6 +2525,10 @@
               "description": "The text color for primary buttons in active state.",
               "name": "--sd-button--primary--active-color-text"
             },
+            {
+              "description": "The background color for primary buttons in active state.",
+              "name": "--sd-button--primary--active-color-background"
+            },
             {
               "description": "The background color for primary buttons in default state.",
               "name": "--sd-button--primary--default-color-background"
@@ -2547,10 +2569,26 @@
               "description": "The background color for inverted primary buttons in active state.",
               "name": "--sd-button--primary--inverted--active-color-background"
             },
+            {
+              "description": "The background color for disabled primary and CTA buttons.",
+              "name": "--sd-button--primary--disabled-color-background"
+            },
             {
               "description": "The text color for secondary buttons in default state.",
               "name": "--sd-button--secondary--default-color-text"
             },
+            {
+              "description": "The border color for secondary buttons in default state.",
+              "name": "--sd-button--secondary--default-color-border"
+            },
+            {
+              "description": "The border color for secondary buttons in hover state.",
+              "name": "--sd-button--secondary--hover-color-border"
+            },
+            {
+              "description": "The text color for secondary buttons in hover state.",
+              "name": "--sd-button--secondary--hover-color-text"
+            },
             {
               "description": "The text color for secondary buttons in disabled state.",
               "name": "--sd-button--secondary--disabled-color-text"
@@ -2563,6 +2601,10 @@
               "description": "The background color for secondary buttons in active state.",
               "name": "--sd-button--secondary--active-color-background"
             },
+            {
+              "description": "The border color for secondary buttons in active state.",
+              "name": "--sd-button--secondary--active-color-border"
+            },
             {
               "description": "The border color for inverted secondary buttons.",
               "name": "--sd-button--secondary--inverted-color-border"
@@ -2607,6 +2649,10 @@
               "description": "The horizontal padding for secondary buttons.",
               "name": "--sd-button--secondary-padding-inline"
             },
+            {
+              "description": "The border color for secondary disabled buttons.",
+              "name": "--sd-button--secondary--disabled-color-border"
+            },
             {
               "description": "The text color for tertiary buttons in default state.",
               "name": "--sd-button--tertiary--default-color-text"
@@ -2615,6 +2661,10 @@
               "description": "The background color for tertiary buttons in hover state.",
               "name": "--sd-button--tertiary--hover-color-background"
             },
+            {
+              "description": "The text color for tertiary buttons in hover state.",
+              "name": "--sd-button--tertiary--hover-color-text"
+            },
             {
               "description": "The text color for tertiary buttons in disabled state.",
               "name": "--sd-button--tertiary--disabled-color-text"
@@ -5115,6 +5165,10 @@
               "description": "The border radius for the top right corner of the listbox.",
               "name": "--sd-form-control__listbox-border-top-right-radius"
             },
+            {
+              "description": "The background color for form controls on hover.",
+              "name": "--sd-form-control--hover-color-background"
+            },
             {
               "description": "The border width for the tags for multiple options combobox.",
               "name": "--sd-combobox__tag-border-width"
@@ -5689,6 +5743,10 @@
               "description": "Emitted when the control receives input.",
               "name": "sd-input"
             },
+            {
+              "description": "Emitted when the search button is activated.",
+              "name": "sd-search"
+            },
             {
               "description": "Emitted when the control gains focus.",
               "name": "sd-focus"
@@ -9433,7 +9491,7 @@
           "type": {
             "text": "IconLibrary"
           },
-          "default": "{ name: 'default', resolver: name => { const path = name.split('/'); if (path[0] === 'content' || path[0] === 'system') { name = 'union-investment/' + name; } 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> }; recoloredElements['currentColorFills'] = svg.querySelectorAll('[fill=\"#00358e\" i]'); recoloredElements['currentColorStrokes'] = svg.querySelectorAll('[stroke=\"#00358e\" i]'); recoloredElements['greenFills'] = svg.querySelectorAll('[fill=\"#2d9d00\" i]'); recoloredElements['greenStrokes'] = svg.querySelectorAll('[stroke=\"#2d9d00\" i]'); 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-accent, 45 157 0))'); }); recoloredElements.greenStrokes.forEach(strokedElement => { strokedElement.setAttribute('stroke', 'rgb(var(--sd-color-accent, 45 157 0))'); }); return svg; } }"
+          "default": "{ name: 'default', resolver: name => { const path = name.split('/'); if (path[0] === 'content' || path[0] === 'system') { name = 'union-investment/' + name; } 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> }; recoloredElements['currentColorFills'] = svg.querySelectorAll('[fill=\"#00358e\" i]'); recoloredElements['currentColorStrokes'] = svg.querySelectorAll('[stroke=\"#00358e\" i]'); recoloredElements['greenFills'] = svg.querySelectorAll('[fill=\"#2d9d00\" i]'); recoloredElements['greenStrokes'] = svg.querySelectorAll('[stroke=\"#2d9d00\" i]'); 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": [
@@ -9969,6 +10027,14 @@
             {
               "description": "The border radius for form controls.",
               "name": "--sd-form-control-border-radius"
+            },
+            {
+              "description": "The background color for form controls on hover.",
+              "name": "--sd-form-control--hover-color-background"
+            },
+            {
+              "description": "The background color read-only for form controls.",
+              "name": "--sd-form-control--read-only-color-background"
             }
           ],
           "cssParts": [
@@ -12438,6 +12504,10 @@
               "description": "The vertical navigation-item current indicator width.",
               "name": "--sd-navigable__current-indicator-width"
             },
+            {
+              "description": "The navigation-item default font weight.",
+              "name": "--sd-choice-control-font-weight"
+            },
             {
               "description": "This custom property is deprecated. Use `--sd-navigation-item-color-text` instead.",
               "name": "--sd-navigation-item--current-color-text"
@@ -14422,6 +14492,30 @@
                 "module": "src/components/accordion/accordion.ts"
               }
             },
+            {
+              "description": "The accordion hover background color.",
+              "name": "--sd-accordion--hover-color-background",
+              "inheritedFrom": {
+                "name": "SdAccordion",
+                "module": "src/components/accordion/accordion.ts"
+              }
+            },
+            {
+              "description": "The accordion color text when open.",
+              "name": "--sd-accordion--open-color-text",
+              "inheritedFrom": {
+                "name": "SdAccordion",
+                "module": "src/components/accordion/accordion.ts"
+              }
+            },
+            {
+              "description": "The accordion color border.",
+              "name": "--sd-accordion-color-border",
+              "inheritedFrom": {
+                "name": "SdAccordion",
+                "module": "src/components/accordion/accordion.ts"
+              }
+            },
             {
               "description": "This custom property is deprecated. Use `--sd-accordion-color-icon-fill`instead.",
               "name": "--sd-accordion__chevron-color-text",
@@ -14828,30 +14922,30 @@
           "description": "",
           "name": "SdRadio",
           "cssProperties": [
-            {
-              "description": "The background color for checked radios in default state.",
-              "name": "--sd-radio--checked--default-color-background"
-            },
             {
               "description": "The icon background color for checked radios in default state.",
               "name": "--sd-radio--checked--default__icon-color-background"
             },
             {
-              "description": "The background color for checked radios in hover state.",
-              "name": "--sd-radio--checked--hover-color-background"
+              "description": "The background color for checked radios in default state.",
+              "name": "--sd-radio--checked--default-color-background"
             },
             {
               "description": "The icon background color for checked radios in hover state.",
               "name": "--sd-radio--checked--hover__icon-color-background"
             },
             {
-              "description": "The background color for checked invalid radios in default state.",
-              "name": "--sd-radio--checked--invalid--default-color-background"
+              "description": "The background color for checked radios in hover state.",
+              "name": "--sd-radio--checked--hover-color-background"
             },
             {
               "description": "The icon background color for checked invalid radios in default state.",
               "name": "--sd-radio--checked--invalid--default__icon-color-background"
             },
+            {
+              "description": "The background color for checked invalid radios in default state.",
+              "name": "--sd-radio--checked--invalid--default-color-background"
+            },
             {
               "description": "The icon background color for checked invalid radios in hover state.",
               "name": "--sd-radio--checked--invalid--hover__icon-color-background"
@@ -14860,9 +14954,21 @@
               "description": "The background color for invalid radios in default state.",
               "name": "--sd-radio--default--invalid-color-background"
             },
+            {
+              "description": "The icon background color for checked disabled radios.",
+              "name": "--sd-radio--checked--disabled__icon-color-background"
+            },
             {
               "description": "The border width for the radio.",
               "name": "--sd-radio-border-width"
+            },
+            {
+              "description": "The height of the checked state icon.",
+              "name": "--sd-radio__checked-height"
+            },
+            {
+              "description": "The width of the checked state icon.",
+              "name": "--sd-radio__checked-width"
             }
           ],
           "cssParts": [
@@ -17119,6 +17225,10 @@
             {
               "description": "The border radius for the top right corner of the listbox.",
               "name": "--sd-form-control__listbox-border-top-right-radius"
+            },
+            {
+              "description": "The background color for form controls on hover.",
+              "name": "--sd-form-control--hover-color-background"
             }
           ],
           "cssParts": [
@@ -19005,9 +19115,17 @@
               "description": "The icon background color for the switch in unchecked state.",
               "name": "--sd-switch--unchecked__icon-color-background"
             },
+            {
+              "description": "The background color for the switch in unchecked hover state.",
+              "name": "--sd-switch--unchecked--hover-color-background"
+            },
             {
               "description": "The text color for the switch label.",
               "name": "--sd-switch-color-text"
+            },
+            {
+              "description": "The border width for the switch.",
+              "name": "--sd-switch-border-width"
             }
           ],
           "cssParts": [
@@ -19450,6 +19568,10 @@
             {
               "description": "The text color for the tabs.",
               "name": "--sd-tab-color-text"
+            },
+            {
+              "description": "The text color for disabled tabs.",
+              "name": "--sd-tab--disabled-color-text"
             }
           ],
           "cssParts": [
@@ -21253,6 +21375,14 @@
             {
               "description": "The floating label text color.",
               "name": "--sd-form-control--filled__floating-label-color-text"
+            },
+            {
+              "description": "The background color for form controls on hover.",
+              "name": "--sd-form-control--hover-color-background"
+            },
+            {
+              "description": "The background color for read-only form controls.",
+              "name": "--sd-form-control--read-only-color-background"
             }
           ],
           "cssParts": [
@@ -22887,7 +23017,7 @@
   "package": {
     "name": "@solid-design-system/components",
     "description": "Solid Design System: Components",
-    "version": "6.18.1",
+    "version": "6.21.2",
     "author": "Union Investment",
     "homepage": "https://solid-design-system.fe.union-investment.de/docs/",
     "license": "MIT"