@solid-design-system/components 6.25.2 → 6.27.0

package/cdn/custom-elements.json

@@ -285,7 +285,7 @@
             "name": "SolidElement",
             "module": "/src/internal/solid-element"
           },
-          "summary": "Accordion shows a brief summary and expands to show additional content.",
+          "summary": "Used to show a brief summary and expands to display additional content.",
           "documentation": "https://solid.union-investment.com/[storybook-link]/accordion",
           "status": "stable",
           "since": "1.1",
@@ -481,7 +481,7 @@
             "name": "SolidElement",
             "module": "/src/internal/solid-element"
           },
-          "summary": "Short summary of the component's intended use.",
+          "summary": "Used to group multiple accordions together.",
           "documentation": "https://solid.union-investment.com/[storybook-link]/accordion-group",
           "status": "stable",
           "since": "1.1",
@@ -1802,7 +1802,7 @@
             "name": "SolidElement",
             "module": "/src/internal/solid-element"
           },
-          "summary": "Badges are used to draw attention and display statuses or counts.",
+          "summary": "Used to draw attention to a particular element and display statuses or counts.",
           "documentation": "https://solid.union-investment.com/[storybook-link]/badge",
           "status": "stable",
           "since": "1.6.0",
@@ -2032,7 +2032,7 @@
             "name": "SolidElement",
             "module": "/src/internal/solid-element"
           },
-          "summary": "The Brandshape highlights a piece of content.",
+          "summary": "Used as a container with brand character that visually emphasizes the content.",
           "documentation": "https://solid.union-investment.com/[storybook-brandshape]/brandshape",
           "status": "stable",
           "since": "1.4",
@@ -2253,7 +2253,7 @@
             "name": "SolidElement",
             "module": "/src/internal/solid-element"
           },
-          "summary": "A responsive breadcrumb navigation component used to visualize a page's location\nwithin the site's hierarchy and provide easy navigation to previous sections.",
+          "summary": "Used to visualize a page's location within the site's hierarchy (breadcrumb) and provide easy navigation to previous sections.",
           "status": "experimental",
           "since": "5.8",
           "dependencies": [
@@ -2483,7 +2483,7 @@
             "name": "SolidElement",
             "module": "/src/internal/solid-element"
           },
-          "summary": "An individual breadcrumb item for use exclusively within the `sd-breadcrumb`.",
+          "summary": "Used within `sd-breadcrumb` as individual item.",
           "status": "experimental",
           "since": "5.8",
           "dependencies": [
@@ -3389,7 +3389,7 @@
             "name": "SolidElement",
             "module": "/src/internal/solid-element"
           },
-          "summary": "Buttons represent actions that are available to the user.",
+          "summary": "Used to allow users to perform actions with a single click.",
           "documentation": "https://solid.union-investment.com/[storybook-link]/button",
           "status": "stable",
           "since": "1.0",
@@ -4119,7 +4119,7 @@
             "name": "SolidElement",
             "module": "/src/internal/solid-element.js"
           },
-          "summary": "Carousels display an arbitrary number of content slides along a horizontal axis.",
+          "summary": "Used to display an arbitrary number of content slides along a horizontal axis.",
           "since": "1.18.0",
           "status": "stable",
           "dependencies": [
@@ -4339,7 +4339,7 @@
             "name": "SolidElement",
             "module": "/src/internal/solid-element.js"
           },
-          "summary": "A carousel item represent a slide within a [carousel](/components/carousel).",
+          "summary": "Used within `sd-carousel` to represent a slide.",
           "documentation": "https://solid.union-investment.com/[storybook-link]/carousel",
           "since": "1.12.0",
           "status": "stable",
@@ -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"
@@ -4843,7 +4847,7 @@
             "name": "SolidElement",
             "module": "/src/internal/solid-element"
           },
-          "summary": "Checkboxes allow the user to toggle an option on or off.",
+          "summary": "Used to toggle an option on or off.",
           "documentation": "https://solid.union-investment.com/[storybook-link]/checkbox",
           "status": "stable",
           "since": "1.22.0",
@@ -5089,7 +5093,7 @@
             "name": "SolidElement",
             "module": "/src/internal/solid-element"
           },
-          "summary": "Checkbox groups are used to group multiple [checkbox](/components/checkbox). It provides only presentational functionality.",
+          "summary": "Used to group multiple options from a list of options. Presentational only.",
           "documentation": "https://solid.union-investment.com/[storybook-link]/checkbox-group",
           "status": "stable",
           "since": "1.22.0",
@@ -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": [
@@ -6039,7 +6047,7 @@
             "name": "SolidElement",
             "module": "/src/internal/solid-element"
           },
-          "summary": "Comboboxes allow you to choose items from a menu of predefined options.",
+          "summary": "Used to select one or multiple options from a list of options or to enter a search string and choose from a list of suggestions.",
           "documentation": "https://solid.union-investment.com/[storybook-link]/combobox",
           "status": "experimental",
           "since": "3.23.0",
@@ -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"
@@ -7590,7 +7602,7 @@
             "name": "SolidElement",
             "module": "/src/internal/solid-element"
           },
-          "summary": "Dialogs, sometimes called \"modals\", appear above the page and require the user's immediate attention.",
+          "summary": "Used over other content. It requires an interaction from the user before they can return to what is underneath.",
           "documentation": "https://solid.union-investment.com/[storybook-link]/dialog",
           "status": "stable",
           "since": "1.40.0",
@@ -7813,7 +7825,7 @@
             "name": "SolidElement",
             "module": "/src/internal/solid-element"
           },
-          "summary": "Dividers are used to visually separate or group elements.",
+          "summary": "Used to separate content or sections from each other.",
           "documentation": "https://solid.union-investment.com/[storybook-link]/divider",
           "status": "stable",
           "since": "1.0",
@@ -8165,7 +8177,7 @@
             "name": "SolidElement",
             "module": "/src/internal/solid-element"
           },
-          "summary": "Drawers slide in from a container to expose additional options and information.",
+          "summary": "Used as a panel that slides out from the side of the screen which contains a set of information or actions.",
           "documentation": "https://solid.union-investment.com/[storybook-link]/drawer",
           "status": "stable",
           "since": "1.9",
@@ -8645,7 +8657,7 @@
             "name": "SolidElement",
             "module": "/src/internal/solid-element"
           },
-          "summary": "Dropdowns expose additional content that \"drops down\" in a panel.",
+          "summary": "Used to display a list of actions or options in a panel when activated.",
           "documentation": "https://solid.union-investment.com/[storybook-link]/dropdown",
           "status": "stable",
           "since": "1.8",
@@ -8943,7 +8955,7 @@
             "name": "SolidElement",
             "module": "/src/internal/solid-element"
           },
-          "summary": "Expandable shows a brief summary and expands to show additional content.",
+          "summary": "Used to display a brief summary that expands to reveal additional content.",
           "documentation": "https://solid.union-investment.com/[storybook-link]/expandable",
           "status": "stable",
           "since": "3.11.0",
@@ -9275,7 +9287,7 @@
             "name": "SolidElement",
             "module": "/src/internal/solid-element"
           },
-          "summary": "Flipcard allows for the addition of content/information on both \"sides\" of the card, through means of a flip animation. Used  to add dynamism and interactivity to a page.",
+          "summary": "Used to display content on both sides of a card by presenting information on one side and revealing additional information when flipped.",
           "documentation": "https://solid.union-investment.com/[storybook-link]/flipcard",
           "status": "stable",
           "since": "3.8.0",
@@ -9490,7 +9502,7 @@
             "name": "SolidElement",
             "module": "/src/internal/solid-element"
           },
-          "summary": "Header",
+          "summary": "Used as a container for the main navigation of a website.",
           "documentation": "https://solid.union-investment.com/[storybook-link]/header",
           "status": "stable",
           "since": "1.25.0",
@@ -9739,7 +9751,7 @@
             "name": "SolidElement",
             "module": "/src/internal/solid-element"
           },
-          "summary": "Icons are symbols that can be used to represent various options within an application.",
+          "summary": "Used to display icons.",
           "status": "stable",
           "since": "1.0",
           "tagName": "sd-icon",
@@ -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": [
@@ -11341,7 +11357,7 @@
             "name": "SolidElement",
             "module": "/src/internal/solid-element"
           },
-          "summary": "Inputs collect data from the user.",
+          "summary": "Used to allow users to enter an input. It can be displayed in several ways, depending on the type.",
           "documentation": "https://solid.union-investment.com/[storybook-link]/input",
           "status": "stable",
           "since": "1.24.0",
@@ -11696,7 +11712,7 @@
             "name": "SolidElement",
             "module": "/src/internal/solid-element"
           },
-          "summary": "A link component.",
+          "summary": "Used to allow users to navigate to another location or perform actions like downloading files.",
           "documentation": "https://solid.union-investment.com/[storybook-link]/link",
           "status": "stable",
           "since": "1.0.0",
@@ -11867,7 +11883,7 @@
             "name": "SolidElement",
             "module": "/src/internal/solid-element"
           },
-          "summary": "Loaders are used to show the progress of an indeterminate operation.",
+          "summary": "Used as a visual indicator with an animation that shows loading is in process.",
           "documentation": "https://solid.union-investment.com/[storybook-link]/loader",
           "status": "stable",
           "since": "5.12",
@@ -12230,7 +12246,7 @@
             "name": "SolidElement",
             "module": "/src/internal/solid-element"
           },
-          "summary": "A marker identifies a location on google map",
+          "summary": "Used to show a location or a cluster of locations on a map.",
           "documentation": "https://solid.union-investment.com/[storybook-link]/components-sd-map-marker--docs",
           "status": "stable",
           "since": "2.12",
@@ -12727,7 +12743,7 @@
             "name": "SolidElement",
             "module": "/src/internal/solid-element"
           },
-          "summary": "Menu items provide options for the user to pick from in a menu.",
+          "summary": "Used to provide options for the user to pick from a menu.",
           "status": "experimental",
           "since": "5.9.0",
           "dependencies": [
@@ -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"
@@ -13253,7 +13273,7 @@
             "name": "SolidElement",
             "module": "/src/internal/solid-element"
           },
-          "summary": "Flexible button / link component that can be used to quickly build navigations. Takes one of 3 forms: link (overrides all other if 'href' is provided), button (default), or accordion (if 'children' slot defined).",
+          "summary": "Used to facilitate seamless page transitions and help users orient themselves within the application.",
           "status": "stable",
           "since": "1.15.0",
           "dependencies": [
@@ -13624,7 +13644,7 @@
             "name": "SolidElement",
             "module": "/src/internal/solid-element.js"
           },
-          "summary": "Alerts are used to display important messages inline or as toast notifications.",
+          "summary": "Used to communicate information or status to users, notifications can be displayed inline or as toast messages, either individually or in stacks.",
           "documentation": "https://solid.union-investment.com/[storybook-link]/notification",
           "status": "stable",
           "since": "1.22.0",
@@ -13857,7 +13877,7 @@
             "name": "SolidElement",
             "module": "/src/internal/solid-element"
           },
-          "summary": "The <sd-optgroup> element creates a grouping for <sd-option>s within a <sd-combobox>.",
+          "summary": "Used to group `sd-option`components within an `sd-combobox`.",
           "documentation": "https://solid.union-investment.com/[storybook-link]/components-sd-optgroup",
           "status": "experimental",
           "since": "3.23.0",
@@ -14140,7 +14160,7 @@
             "name": "SolidElement",
             "module": "/src/internal/solid-element"
           },
-          "summary": "Options define the selectable items within various form controls such as [select](/components/select).",
+          "summary": "Used to define selectable items within various form controls such as select.",
           "documentation": "https://solid.union-investment.com/[storybook-link]/option",
           "status": "stable",
           "since": "1.30.0",
@@ -15065,7 +15085,7 @@
             "name": "SolidElement",
             "module": "/src/internal/solid-element"
           },
-          "summary": "Progress bars are used to visualize the completion state of a process.",
+          "summary": "Used to visually represent the progression of an activity.",
           "status": "stable",
           "since": "6.23",
           "tagName": "sd-progress-bar",
@@ -15500,7 +15520,7 @@
             "name": "SdAccordion",
             "module": "/src/components/accordion/accordion"
           },
-          "summary": "Accordion shows a brief summary and expands to show additional content.",
+          "summary": "Used to present brief information and expand to show additional content.",
           "documentation": "https://solid.union-investment.com/[storybook-link]/quickfact",
           "status": "stable",
           "since": "3.12.0",
@@ -15868,7 +15888,7 @@
             "name": "SolidElement",
             "module": "/src/internal/solid-element"
           },
-          "summary": "A radio allows to select only one value from a set of options. Clicking on an unchecked radio will deselect the other one(s).",
+          "summary": "Used to allow the user to select a single option from a group.",
           "documentation": "https://solid.union-investment.com/[storybook-link]/radio",
           "status": "stable",
           "since": "1.20.0",
@@ -16181,7 +16201,7 @@
             "name": "SolidElement",
             "module": "/src/internal/solid-element"
           },
-          "summary": "Radio buttons allow the user to select a single option from a group using a button-like control.",
+          "summary": "Used to switch between different options by selecting a single option from a group.",
           "documentation": "https://solid.union-investment.com/[storybook-link]/radio-button",
           "status": "stable",
           "since": "1.36.0",
@@ -16606,7 +16626,7 @@
             "name": "SolidElement",
             "module": "/src/internal/solid-element"
           },
-          "summary": "Radio groups are used to group multiple [radios](/components/radio) or [radio buttons](/components/radio-button) so they function as a single form control.",
+          "summary": "Used to group multiple `sd-radio` or `sd-radio-button` components so they function as a single form control.",
           "documentation": "https://solid.union-investment.com/[storybook-link]/radio-group",
           "status": "stable",
           "since": "1.20.0",
@@ -17429,7 +17449,7 @@
             "name": "SolidElement",
             "module": "/src/internal/solid-element"
           },
-          "summary": "Ticks visually improve positioning on range sliders.",
+          "summary": "Used to represent a tick within `sd-range`.",
           "status": "experimental",
           "since": "5.9",
           "tagName": "sd-range-tick",
@@ -17807,7 +17827,7 @@
             "name": "SolidElement",
             "module": "/src/internal/solid-element"
           },
-          "summary": "Scrollable is used to indicate there is hidden content to be scrolled.",
+          "summary": "Used as a container to create scrollable sections within the user interface.",
           "documentation": "https://solid.union-investment.com/[storybook-link]/scrollable",
           "status": "stable",
           "since": "1.0",
@@ -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": [
@@ -18629,7 +18653,7 @@
             "name": "SolidElement",
             "module": "/src/internal/solid-element"
           },
-          "summary": "Selects allow you to choose items from a menu of predefined options.",
+          "summary": "Used to choose items from a menu of predefined options.",
           "status": "stable",
           "since": "1.30.0",
           "dependencies": [
@@ -18816,7 +18840,7 @@
             "name": "SolidElement",
             "module": "/src/internal/solid-element"
           },
-          "summary": "Skeleton loaders are used as placeholder previews of content before data gets loaded.",
+          "summary": "Used as a placeholder preview of the content before the data gets loaded to reduce load-time frustration.",
           "documentation": "https://solid.union-investment.com/[storybook-link]/skeleton",
           "status": "stable",
           "since": "5.17.0",
@@ -18987,7 +19011,7 @@
             "name": "SolidElement",
             "module": "/src/internal/solid-element"
           },
-          "summary": "Spinners are used to show the progress of an indeterminate operation.",
+          "summary": "Used as a visual indicator with a looping animation that shows loading is in process.",
           "documentation": "https://solid.union-investment.com/[storybook-link]/spinner",
           "status": "stable",
           "since": "1.0",
@@ -19440,7 +19464,7 @@
             "name": "SolidElement",
             "module": "/src/internal/solid-element"
           },
-          "summary": "Steps are used inside [step groups](/components/step-group) to guide users through the steps of a process or task..",
+          "summary": "Used to determine a step in a process or task inside `sd-step-group`.",
           "documentation": "https://solid.union-investment.com/[storybook-link]/step",
           "status": "stable",
           "since": "3.2.0",
@@ -20153,7 +20177,7 @@
             "name": "SolidElement",
             "module": "/src/internal/solid-element"
           },
-          "summary": "Switches allow the user to toggle an option on or off.",
+          "summary": "Used to give control over an option that can be toggled on or off.",
           "documentation": "https://solid.union-investment.com/[storybook-link]/switch",
           "status": "stable",
           "since": "1.26.0",
@@ -20485,7 +20509,7 @@
             "name": "SolidElement",
             "module": "/src/internal/solid-element"
           },
-          "summary": "Tabs are used inside [tab groups](/components/tab-group) to represent and activate [tab panels](/components/tab-panel).",
+          "summary": "Used inside `sd-tab-group` to represent and activate `sd-tab-panel`.",
           "documentation": "https://solid.union-investment.com/[storybook-link]/tab",
           "status": "stable",
           "since": "2.6.0",
@@ -20746,7 +20770,7 @@
             "name": "SolidElement",
             "module": "/src/internal/solid-element"
           },
-          "summary": "Tab groups organize content into a container that shows one section at a time.",
+          "summary": "Used to organise content into a container that shows one section at a time.",
           "documentation": "https://solid.union-investment.com/[storybook-link]/tab-group",
           "status": "stable",
           "since": "2.6.0",
@@ -20952,7 +20976,7 @@
             "name": "SolidElement",
             "module": "/src/internal/solid-element"
           },
-          "summary": "Tab panels are used inside [tab groups](/components/tab-group) to display tabbed content.",
+          "summary": "Used inside `sd-tab-group` to display tabbed content.",
           "documentation": "https://solid.union-investment.com/[storybook-link]/tab-panel",
           "status": "stable",
           "since": "2.6.0",
@@ -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"
@@ -21411,7 +21459,7 @@
             "name": "SolidElement",
             "module": "/src/internal/solid-element"
           },
-          "summary": "Tags are used as labels to organize things or to indicate a selection.",
+          "summary": "Used to categorise or label content. Can also be used to filter or search for content.",
           "documentation": "https://solid.union-investment.com/[storybook-link]/tag",
           "status": "stable",
           "since": "1.10",
@@ -21709,7 +21757,7 @@
             "name": "SolidElement",
             "module": "/src/internal/solid-element"
           },
-          "summary": "Teasers group information into flexible containers so users can browse a collection of related items and actions.",
+          "summary": "Used to group related subjects in a container with an image, providing a preview of information and linking to further content.",
           "documentation": "https://solid.union-investment.com/[storybook-link]/teaser",
           "status": "stable",
           "since": "1.3",
@@ -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": [
@@ -21976,7 +22028,7 @@
             "name": "SolidElement",
             "module": "/src/internal/solid-element"
           },
-          "summary": "Teasers group information into flexible containers so users can browse a collection of related items and actions.",
+          "summary": "Used as a flexible container with image that groups related items and links them to further content.",
           "documentation": "https://solid-design-system.fe.union-investment.de/docs/?path",
           "status": "stable",
           "since": "2.4.0",
@@ -22832,7 +22884,7 @@
             "name": "SolidElement",
             "module": "/src/internal/solid-element"
           },
-          "summary": "Textareas collect data from the user and allow multiple lines of text.",
+          "summary": "Used to allow users to input and edit multiple lines of text.",
           "status": "stable",
           "since": "1.31.0",
           "dependencies": [
@@ -23384,7 +23436,7 @@
             "name": "SolidElement",
             "module": "/src/internal/solid-element"
           },
-          "summary": "Tooltips display additional information based on a specific action.",
+          "summary": "Used as a floating and non-actionable text label that explains an element or function of the user interface.",
           "documentation": "https://solid.union-investment.com/[storybook-link]/tooltip",
           "status": "stable",
           "since": "1.23.0",
@@ -23636,7 +23688,7 @@
             "name": "SolidElement",
             "module": "/src/internal/solid-element"
           },
-          "summary": "Used to wrap external video elements (e. g. from Moving Image or bare <video>-Tags) and provide some basic styling for Union Investment.",
+          "summary": "Used to wrap videos to provide basic styling.",
           "status": "stable",
           "since": "1.19.0",
           "dependencies": [
@@ -23669,7 +23721,7 @@
   "package": {
     "name": "@solid-design-system/components",
     "description": "Solid Design System: Components",
-    "version": "6.25.2",
+    "version": "6.27.0",
     "author": "Union Investment",
     "homepage": "https://solid-design-system.fe.union-investment.de/docs/",
     "license": "MIT"