@solid-design-system/components 4.2.7 → 4.3.0

package/dist/components/spinner/spinner.js

@@ -1,10 +1,10 @@
 import {
   SdSpinner
-} from "../../chunks/chunk.SUVILVZH.js";
+} from "../../chunks/chunk.GWCHNKGW.js";
 import "../../chunks/chunk.YKM42GKF.js";
-import "../../chunks/chunk.RIXJCB23.js";
-import "../../chunks/chunk.ZMLS5RFG.js";
-import "../../chunks/chunk.M4CPDAKC.js";
+import "../../chunks/chunk.3WMXHPM4.js";
+import "../../chunks/chunk.KAQYKKNZ.js";
+import "../../chunks/chunk.T5VRGBLR.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {
   SdSpinner as default

package/dist/components/step/step.js

@@ -1,8 +1,8 @@
 import {
   SdStep
-} from "../../chunks/chunk.MUTJR3Y5.js";
+} from "../../chunks/chunk.RI66LCUS.js";
 import "../../chunks/chunk.X2OQMWGY.js";
-import "../../chunks/chunk.M4CPDAKC.js";
+import "../../chunks/chunk.T5VRGBLR.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {
   SdStep as default

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

@@ -1,8 +1,8 @@
 import {
   SdStepGroup
-} from "../../chunks/chunk.VYPTEJCW.js";
+} from "../../chunks/chunk.2LL4ZNH4.js";
 import "../../chunks/chunk.X2OQMWGY.js";
-import "../../chunks/chunk.M4CPDAKC.js";
+import "../../chunks/chunk.T5VRGBLR.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {
   SdStepGroup as default

package/dist/components/switch/switch.js

@@ -1,10 +1,10 @@
 import {
   SdSwitch
-} from "../../chunks/chunk.LTMUP2IF.js";
+} from "../../chunks/chunk.MKZ5TRQH.js";
 import "../../chunks/chunk.GI7VDIWX.js";
 import "../../chunks/chunk.KVKRZJS7.js";
 import "../../chunks/chunk.X2OQMWGY.js";
-import "../../chunks/chunk.M4CPDAKC.js";
+import "../../chunks/chunk.T5VRGBLR.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {
   SdSwitch as default

package/dist/components/tab/tab.js

@@ -1,9 +1,9 @@
 import {
   SdTab
-} from "../../chunks/chunk.XS43N4DL.js";
+} from "../../chunks/chunk.MCUC6LS6.js";
 import "../../chunks/chunk.X2OQMWGY.js";
 import "../../chunks/chunk.YEZS5ZR2.js";
-import "../../chunks/chunk.M4CPDAKC.js";
+import "../../chunks/chunk.T5VRGBLR.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {
   SdTab as default

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

@@ -1,11 +1,11 @@
 import {
   SdTabGroup
-} from "../../chunks/chunk.MM7UZ56N.js";
+} from "../../chunks/chunk.DNHLNGIL.js";
 import "../../chunks/chunk.WDWV53JP.js";
 import "../../chunks/chunk.YKM42GKF.js";
-import "../../chunks/chunk.RIXJCB23.js";
-import "../../chunks/chunk.ZMLS5RFG.js";
-import "../../chunks/chunk.M4CPDAKC.js";
+import "../../chunks/chunk.3WMXHPM4.js";
+import "../../chunks/chunk.KAQYKKNZ.js";
+import "../../chunks/chunk.T5VRGBLR.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {
   SdTabGroup as default

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

@@ -1,8 +1,8 @@
 import {
   SdTabPanel
-} from "../../chunks/chunk.IHJUIKE5.js";
+} from "../../chunks/chunk.GQXJC6ZE.js";
 import "../../chunks/chunk.X2OQMWGY.js";
-import "../../chunks/chunk.M4CPDAKC.js";
+import "../../chunks/chunk.T5VRGBLR.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {
   SdTabPanel as default

package/dist/components/tag/tag.js

@@ -1,7 +1,7 @@
 import {
   SdTag
-} from "../../chunks/chunk.Q2OO67VT.js";
-import "../../chunks/chunk.M4CPDAKC.js";
+} from "../../chunks/chunk.I2JBWY5C.js";
+import "../../chunks/chunk.T5VRGBLR.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {
   SdTag as default

package/dist/components/teaser/teaser.js

@@ -1,8 +1,8 @@
 import {
   SdTeaser
-} from "../../chunks/chunk.5U42A4N2.js";
+} from "../../chunks/chunk.WJHCLJNK.js";
 import "../../chunks/chunk.YEZS5ZR2.js";
-import "../../chunks/chunk.M4CPDAKC.js";
+import "../../chunks/chunk.T5VRGBLR.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {
   SdTeaser as default

package/dist/components/teaser-media/teaser-media.js

@@ -1,8 +1,8 @@
 import {
   SdTeaserMedia
-} from "../../chunks/chunk.TA2OGXIC.js";
+} from "../../chunks/chunk.F4BRIYYD.js";
 import "../../chunks/chunk.YEZS5ZR2.js";
-import "../../chunks/chunk.M4CPDAKC.js";
+import "../../chunks/chunk.T5VRGBLR.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {
   SdTeaserMedia as default

package/dist/components/textarea/textarea.js

@@ -1,11 +1,11 @@
 import {
   SdTextarea
-} from "../../chunks/chunk.AEYAUOW5.js";
+} from "../../chunks/chunk.3YTMF6YZ.js";
 import "../../chunks/chunk.GI7VDIWX.js";
 import "../../chunks/chunk.KVKRZJS7.js";
 import "../../chunks/chunk.X2OQMWGY.js";
 import "../../chunks/chunk.YEZS5ZR2.js";
-import "../../chunks/chunk.M4CPDAKC.js";
+import "../../chunks/chunk.T5VRGBLR.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {
   SdTextarea as default

package/dist/components/tooltip/tooltip.js

@@ -1,15 +1,15 @@
 import {
   SdTooltip
-} from "../../chunks/chunk.I6LLIF3A.js";
-import "../../chunks/chunk.PY2NXO6G.js";
+} from "../../chunks/chunk.5V7TZU4Q.js";
+import "../../chunks/chunk.BFHRLREK.js";
 import "../../chunks/chunk.N4LHE3QK.js";
 import "../../chunks/chunk.EY4JPJJQ.js";
 import "../../chunks/chunk.B4BZKR24.js";
 import "../../chunks/chunk.X2OQMWGY.js";
 import "../../chunks/chunk.YKM42GKF.js";
-import "../../chunks/chunk.RIXJCB23.js";
-import "../../chunks/chunk.ZMLS5RFG.js";
-import "../../chunks/chunk.M4CPDAKC.js";
+import "../../chunks/chunk.3WMXHPM4.js";
+import "../../chunks/chunk.KAQYKKNZ.js";
+import "../../chunks/chunk.T5VRGBLR.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {
   SdTooltip as default

package/dist/components/video/video.js

@@ -1,11 +1,11 @@
 import {
   SdVideo
-} from "../../chunks/chunk.UDOAGJYV.js";
+} from "../../chunks/chunk.JD5XFZKL.js";
 import "../../chunks/chunk.YEZS5ZR2.js";
 import "../../chunks/chunk.YKM42GKF.js";
-import "../../chunks/chunk.RIXJCB23.js";
-import "../../chunks/chunk.ZMLS5RFG.js";
-import "../../chunks/chunk.M4CPDAKC.js";
+import "../../chunks/chunk.3WMXHPM4.js";
+import "../../chunks/chunk.KAQYKKNZ.js";
+import "../../chunks/chunk.T5VRGBLR.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {
   SdVideo as default

package/dist/custom-elements.json

@@ -8135,6 +8135,10 @@
             {
               "description": "Emitted when the control receives input.",
               "name": "sd-input"
+            },
+            {
+              "description": "Emitted when the search button is activated.",
+              "name": "sd-search"
             }
           ],
           "attributes": [
@@ -16987,7 +16991,7 @@
   "package": {
     "name": "@solid-design-system/components",
     "description": "Solid Design System: Components",
-    "version": "4.2.7",
+    "version": "4.3.0",
     "author": "Union Investment",
     "homepage": "https://solid-design-system.fe.union-investment.de/docs/",
     "license": "MIT"

package/dist/solid-components.js

@@ -4,154 +4,154 @@ import {
 import "./chunks/chunk.HAL7R4WT.js";
 import {
   SdTabPanel
-} from "./chunks/chunk.IHJUIKE5.js";
+} from "./chunks/chunk.GQXJC6ZE.js";
 import {
   SdTeaser
-} from "./chunks/chunk.5U42A4N2.js";
+} from "./chunks/chunk.WJHCLJNK.js";
 import {
   SdTeaserMedia
-} from "./chunks/chunk.TA2OGXIC.js";
+} from "./chunks/chunk.F4BRIYYD.js";
 import {
   SdTextarea
-} from "./chunks/chunk.AEYAUOW5.js";
+} from "./chunks/chunk.3YTMF6YZ.js";
 import {
   SdTooltip
-} from "./chunks/chunk.I6LLIF3A.js";
+} from "./chunks/chunk.5V7TZU4Q.js";
 import {
   SdVideo
-} from "./chunks/chunk.UDOAGJYV.js";
+} from "./chunks/chunk.JD5XFZKL.js";
 import {
   SdScrollable
-} from "./chunks/chunk.QINFB4CI.js";
+} from "./chunks/chunk.IKWY7WM6.js";
 import {
   SdSelect
-} from "./chunks/chunk.F2TZ6DNQ.js";
+} from "./chunks/chunk.XNH47HGG.js";
 import {
   SdStep
-} from "./chunks/chunk.MUTJR3Y5.js";
+} from "./chunks/chunk.RI66LCUS.js";
 import {
   SdStepGroup
-} from "./chunks/chunk.VYPTEJCW.js";
+} from "./chunks/chunk.2LL4ZNH4.js";
 import {
   SdSwitch
-} from "./chunks/chunk.LTMUP2IF.js";
+} from "./chunks/chunk.MKZ5TRQH.js";
 import {
   SdTab
-} from "./chunks/chunk.XS43N4DL.js";
+} from "./chunks/chunk.MCUC6LS6.js";
 import {
   SdTabGroup
-} from "./chunks/chunk.MM7UZ56N.js";
+} from "./chunks/chunk.DNHLNGIL.js";
 import {
   SdNotification
-} from "./chunks/chunk.F27JSEQZ.js";
+} from "./chunks/chunk.OENW3EQT.js";
 import {
   SdOptgroup
-} from "./chunks/chunk.KZEKNPOR.js";
+} from "./chunks/chunk.H54CZFCF.js";
 import {
   SdOption
-} from "./chunks/chunk.LT6DJYQW.js";
+} from "./chunks/chunk.CVHGDRIM.js";
 import {
   SdQuickfact
-} from "./chunks/chunk.CXUU7VPO.js";
+} from "./chunks/chunk.ZH6BP5XL.js";
 import {
   SdRadioButton
-} from "./chunks/chunk.IHKHCZDI.js";
+} from "./chunks/chunk.WHFYHMF4.js";
 import {
   SdRadioGroup
-} from "./chunks/chunk.DLQHVF36.js";
+} from "./chunks/chunk.3UO2LKG5.js";
 import {
   SdRadio
-} from "./chunks/chunk.UEKILTQF.js";
+} from "./chunks/chunk.WZGJQPPD.js";
 import {
   SdInclude
-} from "./chunks/chunk.OVXTOIRH.js";
+} from "./chunks/chunk.DI4CIT2A.js";
 import {
   SdInput
-} from "./chunks/chunk.NVGI6WK4.js";
+} from "./chunks/chunk.ZJGD23K6.js";
 import {
   SdLink
-} from "./chunks/chunk.V27Y42MG.js";
+} from "./chunks/chunk.JPGDK3CW.js";
 import {
   SdMapMarker
-} from "./chunks/chunk.LM7G2MP2.js";
+} from "./chunks/chunk.Z3T4BG2M.js";
 import {
   SdNavigationItem
-} from "./chunks/chunk.DQPMDZDZ.js";
+} from "./chunks/chunk.K5MKZJEB.js";
 import {
   SdDropdown
-} from "./chunks/chunk.DKDBS6OJ.js";
+} from "./chunks/chunk.6MMBMCHF.js";
 import {
   SdExpandable
-} from "./chunks/chunk.65GBG62N.js";
+} from "./chunks/chunk.WPHOQL7V.js";
 import {
   SdFlipcard
-} from "./chunks/chunk.UGILZRQF.js";
+} from "./chunks/chunk.ONBGPY5D.js";
 import {
   SdHeader
-} from "./chunks/chunk.X27M4U7I.js";
+} from "./chunks/chunk.HJ3ZUH4A.js";
 import {
   SdCheckbox
-} from "./chunks/chunk.XQ7I46XG.js";
+} from "./chunks/chunk.QN2ROZHZ.js";
 import {
   SdCheckboxGroup
-} from "./chunks/chunk.6Q2FPQCD.js";
+} from "./chunks/chunk.XCNH2K2U.js";
 import {
   SdCombobox
-} from "./chunks/chunk.OED6NJWG.js";
+} from "./chunks/chunk.UXEDWUMA.js";
 import {
   SdTag
-} from "./chunks/chunk.Q2OO67VT.js";
+} from "./chunks/chunk.I2JBWY5C.js";
 import {
   SdPopup
-} from "./chunks/chunk.PY2NXO6G.js";
+} from "./chunks/chunk.BFHRLREK.js";
 import "./chunks/chunk.GI7VDIWX.js";
 import "./chunks/chunk.WBJBQ4QI.js";
 import "./chunks/chunk.UIQBHPD3.js";
 import {
   SdDialog
-} from "./chunks/chunk.R7F4MWPK.js";
+} from "./chunks/chunk.RFVRT5UG.js";
 import {
   SdDivider
-} from "./chunks/chunk.I44BFH6N.js";
+} from "./chunks/chunk.X7HEAUGJ.js";
 import {
   SdDrawer
-} from "./chunks/chunk.VAA7NUXP.js";
+} from "./chunks/chunk.35GLHXMN.js";
 import "./chunks/chunk.VBQLCQSN.js";
 import "./chunks/chunk.XHCTCU2Q.js";
 import "./chunks/chunk.WDWV53JP.js";
 import {
   SdBadge
-} from "./chunks/chunk.JCZYHLLG.js";
+} from "./chunks/chunk.LRQ55FZL.js";
 import {
   SdBrandshape
-} from "./chunks/chunk.NKQ5TMZU.js";
+} from "./chunks/chunk.7SZFMAVT.js";
 import {
   SdButton
-} from "./chunks/chunk.FG4KLSVA.js";
+} from "./chunks/chunk.G6KPFA3G.js";
 import {
   SdSpinner
-} from "./chunks/chunk.SUVILVZH.js";
+} from "./chunks/chunk.GWCHNKGW.js";
 import "./chunks/chunk.KVKRZJS7.js";
-import "./chunks/chunk.WZK6B3UV.js";
+import "./chunks/chunk.ZWJNBDIV.js";
 import {
   SdCarousel
-} from "./chunks/chunk.SL7UXNEP.js";
+} from "./chunks/chunk.5R6D4NTV.js";
 import "./chunks/chunk.F4VGSDIW.js";
 import "./chunks/chunk.2LMWBUBT.js";
 import "./chunks/chunk.NOWCQZBS.js";
 import {
   SdCarouselItem
-} from "./chunks/chunk.THT3CJM5.js";
+} from "./chunks/chunk.AWASHA2T.js";
 import {
   SdAccordionGroup
-} from "./chunks/chunk.GEIIXN6O.js";
+} from "./chunks/chunk.LUV3NLSJ.js";
 import {
   SdAccordion
-} from "./chunks/chunk.K4OSKY3Z.js";
+} from "./chunks/chunk.73HAOWEX.js";
 import "./chunks/chunk.N4LHE3QK.js";
 import {
   SdIcon
-} from "./chunks/chunk.33QCSKQD.js";
+} from "./chunks/chunk.SH45GYZL.js";
 import {
   registerIconLibrary,
   unregisterIconLibrary
@@ -165,19 +165,19 @@ import "./chunks/chunk.EY4JPJJQ.js";
 import "./chunks/chunk.B4BZKR24.js";
 import {
   SdAnimation
-} from "./chunks/chunk.YHVAW367.js";
+} from "./chunks/chunk.6S3CCHLZ.js";
 import "./chunks/chunk.X2OQMWGY.js";
 import "./chunks/chunk.TJOP7HQP.js";
 import {
   SdAudio
-} from "./chunks/chunk.UTL7JKFI.js";
+} from "./chunks/chunk.Y6WJUTMM.js";
 import "./chunks/chunk.YEZS5ZR2.js";
 import {
   LocalizeController
 } from "./chunks/chunk.YKM42GKF.js";
-import "./chunks/chunk.RIXJCB23.js";
-import "./chunks/chunk.ZMLS5RFG.js";
-import "./chunks/chunk.M4CPDAKC.js";
+import "./chunks/chunk.3WMXHPM4.js";
+import "./chunks/chunk.KAQYKKNZ.js";
+import "./chunks/chunk.T5VRGBLR.js";
 import "./chunks/chunk.POFWU6ZT.js";
 import "./chunks/chunk.S3NI7NKU.js";
 export {

package/dist/translations/de.js

@@ -1,6 +1,6 @@
 import {
   de_default
-} from "../chunks/chunk.ZMLS5RFG.js";
+} from "../chunks/chunk.KAQYKKNZ.js";
 import "../chunks/chunk.S3NI7NKU.js";
 export {
   de_default as default

package/dist/translations/en.js

@@ -1,6 +1,6 @@
 import {
   en_default
-} from "../chunks/chunk.RIXJCB23.js";
+} from "../chunks/chunk.3WMXHPM4.js";
 import "../chunks/chunk.S3NI7NKU.js";
 export {
   en_default as default

package/dist/utilities/autocomplete-config.js

@@ -1,8 +1,8 @@
 import {
   setupAutocomplete
 } from "../chunks/chunk.6DKXZWRN.js";
-import "../chunks/chunk.PY2NXO6G.js";
-import "../chunks/chunk.M4CPDAKC.js";
+import "../chunks/chunk.BFHRLREK.js";
+import "../chunks/chunk.T5VRGBLR.js";
 import "../chunks/chunk.S3NI7NKU.js";
 export {
   setupAutocomplete

package/dist/utilities/localize.d.ts

@@ -47,6 +47,7 @@ export interface Translation extends DefaultTranslation {
     resize: string;
     scrollToEnd: string;
     scrollToStart: string;
+    search: string;
     seekBar: string;
     selectAColorFromTheScreen: string;
     selectDefaultPlaceholder: string;

package/dist/utilities/localize.js

@@ -1,8 +1,8 @@
 import {
   LocalizeController
 } from "../chunks/chunk.YKM42GKF.js";
-import "../chunks/chunk.RIXJCB23.js";
-import "../chunks/chunk.ZMLS5RFG.js";
+import "../chunks/chunk.3WMXHPM4.js";
+import "../chunks/chunk.KAQYKKNZ.js";
 import "../chunks/chunk.S3NI7NKU.js";
 export {
   LocalizeController

package/dist/vscode.html-custom-data.json

@@ -1158,7 +1158,7 @@
     },
     {
       "name": "sd-input",
-      "description": "Inputs collect data from the user.\n---\n\n\n### **Events:**\n - **sd-blur** - Emitted when the control loses focus.\n- **sd-change** - Emitted when an alteration to the control's value is committed by the user.\n- **sd-clear** - Emitted when the clear button is activated.\n- **sd-focus** - Emitted when the control gains focus.\n- **sd-input** - Emitted when the control receives input.\n\n### **Methods:**\n - **focus(options: _FocusOptions_)** - Sets focus on the input.\n- **blur()** - Removes focus from the input.\n- **select()** - Selects all the text in the input.\n- **setSelectionRange(selectionStart: _number_, selectionEnd: _number_, selectionDirection: _'forward' | 'backward' | 'none'_)** - Sets the start and end positions of the text selection (0-based).\n- **setRangeText(replacement: _string_, start: _number_, end: _number_, selectMode: _'select' | 'start' | 'end' | 'preserve'_)** - Replaces a range of text with a new string.\n- **showPicker()** - Displays the browser picker for an input element (only works if the browser supports it for the input type).\n- **stepUp()** - Increments the value of a numeric input type by the value of the step attribute.\n- **stepDown()** - Decrements the value of a numeric input type by the value of the step attribute.\n- **checkValidity()** - Checks for validity but does not show the browser's validation message.\n- **reportValidity()** - Checks for validity and shows the browser's validation message if the control is invalid.\n- **setCustomValidity(message: _string_)** - Sets a custom validation message. Pass an empty string to restore validity.\n- **emit(name: _string_, options: _CustomEventInit_)** - Emits a custom event with more convenient defaults.\n\n### **Slots:**\n - **label** - The input's label. Alternatively, you can use the `label` attribute.\n- **left** - Used to prepend a presentational icon or similar element to the input.\n- **right** - Used to append a presentational icon or similar element to the input.\n- **clear-icon** - An icon to use in lieu of the default clear icon.\n- **show-password-icon** - An icon to use in lieu of the default show password icon.\n- **hide-password-icon** - An icon to use in lieu of the default hide password icon.\n- **help-text** - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.\n- **tooltip** - An optional tooltip that helps describe the input. Use this slot with the `sd-tooltip` component.\n\n### **CSS Parts:**\n - **form-control** - The form control that wraps the label, input, and help text.\n- **form-control-label** - The label's wrapper.\n- **form-control-input** - The input's wrapper.\n- **form-control-help-text** - The help text's wrapper.\n- **base** - The component's base wrapper.\n- **border** - The base part's absolutely positioned border. Allows for easy adjustment of border thickness without affecting component dimensions.\n- **input** - The internal `<input>` control.\n- **left** - The container that wraps the left.\n- **clear-button** - The clear button.\n- **password-toggle-button** - The password toggle button.\n- **right** - The container that wraps the right.\n- **invalid-icon** - The invalid icon.\n- **valid-icon** - The valid icon.\n- **invalid-message** - The invalid message.",
+      "description": "Inputs collect data from the user.\n---\n\n\n### **Events:**\n - **sd-blur** - Emitted when the control loses focus.\n- **sd-change** - Emitted when an alteration to the control's value is committed by the user.\n- **sd-clear** - Emitted when the clear button is activated.\n- **sd-focus** - Emitted when the control gains focus.\n- **sd-input** - Emitted when the control receives input.\n- **sd-search** - Emitted when the search button is activated.\n\n### **Methods:**\n - **focus(options: _FocusOptions_)** - Sets focus on the input.\n- **blur()** - Removes focus from the input.\n- **select()** - Selects all the text in the input.\n- **setSelectionRange(selectionStart: _number_, selectionEnd: _number_, selectionDirection: _'forward' | 'backward' | 'none'_)** - Sets the start and end positions of the text selection (0-based).\n- **setRangeText(replacement: _string_, start: _number_, end: _number_, selectMode: _'select' | 'start' | 'end' | 'preserve'_)** - Replaces a range of text with a new string.\n- **showPicker()** - Displays the browser picker for an input element (only works if the browser supports it for the input type).\n- **stepUp()** - Increments the value of a numeric input type by the value of the step attribute.\n- **stepDown()** - Decrements the value of a numeric input type by the value of the step attribute.\n- **checkValidity()** - Checks for validity but does not show the browser's validation message.\n- **reportValidity()** - Checks for validity and shows the browser's validation message if the control is invalid.\n- **setCustomValidity(message: _string_)** - Sets a custom validation message. Pass an empty string to restore validity.\n- **emit(name: _string_, options: _CustomEventInit_)** - Emits a custom event with more convenient defaults.\n\n### **Slots:**\n - **label** - The input's label. Alternatively, you can use the `label` attribute.\n- **left** - Used to prepend a presentational icon or similar element to the input.\n- **right** - Used to append a presentational icon or similar element to the input.\n- **clear-icon** - An icon to use in lieu of the default clear icon.\n- **show-password-icon** - An icon to use in lieu of the default show password icon.\n- **hide-password-icon** - An icon to use in lieu of the default hide password icon.\n- **help-text** - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.\n- **tooltip** - An optional tooltip that helps describe the input. Use this slot with the `sd-tooltip` component.\n\n### **CSS Parts:**\n - **form-control** - The form control that wraps the label, input, and help text.\n- **form-control-label** - The label's wrapper.\n- **form-control-input** - The input's wrapper.\n- **form-control-help-text** - The help text's wrapper.\n- **base** - The component's base wrapper.\n- **border** - The base part's absolutely positioned border. Allows for easy adjustment of border thickness without affecting component dimensions.\n- **input** - The internal `<input>` control.\n- **left** - The container that wraps the left.\n- **clear-button** - The clear button.\n- **password-toggle-button** - The password toggle button.\n- **right** - The container that wraps the right.\n- **invalid-icon** - The invalid icon.\n- **valid-icon** - The valid icon.\n- **invalid-message** - The invalid message.",
       "attributes": [
         {
           "name": "type",

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": "4.2.7",
+  "version": "4.3.0",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -2745,7 +2745,7 @@
         },
         {
           "name": "sd-input",
-          "description": "Inputs collect data from the user.\n---\n\n\n### **Events:**\n - **sd-blur** - Emitted when the control loses focus.\n- **sd-change** - Emitted when an alteration to the control's value is committed by the user.\n- **sd-clear** - Emitted when the clear button is activated.\n- **sd-focus** - Emitted when the control gains focus.\n- **sd-input** - Emitted when the control receives input.\n\n### **Methods:**\n - **focus(options: _FocusOptions_)** - Sets focus on the input.\n- **blur()** - Removes focus from the input.\n- **select()** - Selects all the text in the input.\n- **setSelectionRange(selectionStart: _number_, selectionEnd: _number_, selectionDirection: _'forward' | 'backward' | 'none'_)** - Sets the start and end positions of the text selection (0-based).\n- **setRangeText(replacement: _string_, start: _number_, end: _number_, selectMode: _'select' | 'start' | 'end' | 'preserve'_)** - Replaces a range of text with a new string.\n- **showPicker()** - Displays the browser picker for an input element (only works if the browser supports it for the input type).\n- **stepUp()** - Increments the value of a numeric input type by the value of the step attribute.\n- **stepDown()** - Decrements the value of a numeric input type by the value of the step attribute.\n- **checkValidity()** - Checks for validity but does not show the browser's validation message.\n- **reportValidity()** - Checks for validity and shows the browser's validation message if the control is invalid.\n- **setCustomValidity(message: _string_)** - Sets a custom validation message. Pass an empty string to restore validity.\n- **emit(name: _string_, options: _CustomEventInit_)** - Emits a custom event with more convenient defaults.\n\n### **Slots:**\n - **label** - The input's label. Alternatively, you can use the `label` attribute.\n- **left** - Used to prepend a presentational icon or similar element to the input.\n- **right** - Used to append a presentational icon or similar element to the input.\n- **clear-icon** - An icon to use in lieu of the default clear icon.\n- **show-password-icon** - An icon to use in lieu of the default show password icon.\n- **hide-password-icon** - An icon to use in lieu of the default hide password icon.\n- **help-text** - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.\n- **tooltip** - An optional tooltip that helps describe the input. Use this slot with the `sd-tooltip` component.\n\n### **CSS Parts:**\n - **form-control** - The form control that wraps the label, input, and help text.\n- **form-control-label** - The label's wrapper.\n- **form-control-input** - The input's wrapper.\n- **form-control-help-text** - The help text's wrapper.\n- **base** - The component's base wrapper.\n- **border** - The base part's absolutely positioned border. Allows for easy adjustment of border thickness without affecting component dimensions.\n- **input** - The internal `<input>` control.\n- **left** - The container that wraps the left.\n- **clear-button** - The clear button.\n- **password-toggle-button** - The password toggle button.\n- **right** - The container that wraps the right.\n- **invalid-icon** - The invalid icon.\n- **valid-icon** - The valid icon.\n- **invalid-message** - The invalid message.",
+          "description": "Inputs collect data from the user.\n---\n\n\n### **Events:**\n - **sd-blur** - Emitted when the control loses focus.\n- **sd-change** - Emitted when an alteration to the control's value is committed by the user.\n- **sd-clear** - Emitted when the clear button is activated.\n- **sd-focus** - Emitted when the control gains focus.\n- **sd-input** - Emitted when the control receives input.\n- **sd-search** - Emitted when the search button is activated.\n\n### **Methods:**\n - **focus(options: _FocusOptions_)** - Sets focus on the input.\n- **blur()** - Removes focus from the input.\n- **select()** - Selects all the text in the input.\n- **setSelectionRange(selectionStart: _number_, selectionEnd: _number_, selectionDirection: _'forward' | 'backward' | 'none'_)** - Sets the start and end positions of the text selection (0-based).\n- **setRangeText(replacement: _string_, start: _number_, end: _number_, selectMode: _'select' | 'start' | 'end' | 'preserve'_)** - Replaces a range of text with a new string.\n- **showPicker()** - Displays the browser picker for an input element (only works if the browser supports it for the input type).\n- **stepUp()** - Increments the value of a numeric input type by the value of the step attribute.\n- **stepDown()** - Decrements the value of a numeric input type by the value of the step attribute.\n- **checkValidity()** - Checks for validity but does not show the browser's validation message.\n- **reportValidity()** - Checks for validity and shows the browser's validation message if the control is invalid.\n- **setCustomValidity(message: _string_)** - Sets a custom validation message. Pass an empty string to restore validity.\n- **emit(name: _string_, options: _CustomEventInit_)** - Emits a custom event with more convenient defaults.\n\n### **Slots:**\n - **label** - The input's label. Alternatively, you can use the `label` attribute.\n- **left** - Used to prepend a presentational icon or similar element to the input.\n- **right** - Used to append a presentational icon or similar element to the input.\n- **clear-icon** - An icon to use in lieu of the default clear icon.\n- **show-password-icon** - An icon to use in lieu of the default show password icon.\n- **hide-password-icon** - An icon to use in lieu of the default hide password icon.\n- **help-text** - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.\n- **tooltip** - An optional tooltip that helps describe the input. Use this slot with the `sd-tooltip` component.\n\n### **CSS Parts:**\n - **form-control** - The form control that wraps the label, input, and help text.\n- **form-control-label** - The label's wrapper.\n- **form-control-input** - The input's wrapper.\n- **form-control-help-text** - The help text's wrapper.\n- **base** - The component's base wrapper.\n- **border** - The base part's absolutely positioned border. Allows for easy adjustment of border thickness without affecting component dimensions.\n- **input** - The internal `<input>` control.\n- **left** - The container that wraps the left.\n- **clear-button** - The clear button.\n- **password-toggle-button** - The password toggle button.\n- **right** - The container that wraps the right.\n- **invalid-icon** - The invalid icon.\n- **valid-icon** - The valid icon.\n- **invalid-message** - The invalid message.",
           "doc-url": "",
           "attributes": [
             {
@@ -2977,6 +2977,10 @@
             {
               "name": "sd-input",
               "description": "Emitted when the control receives input."
+            },
+            {
+              "name": "sd-search",
+              "description": "Emitted when the search button is activated."
             }
           ],
           "js": {
@@ -3185,6 +3189,10 @@
               {
                 "name": "sd-input",
                 "description": "Emitted when the control receives input."
+              },
+              {
+                "name": "sd-search",
+                "description": "Emitted when the search button is activated."
               }
             ]
           }

package/dist-versioned/_components/menu/menu.js

@@ -32,7 +32,7 @@ let SdMenu = class SdMenu extends SolidElement {
         if (item.type === 'checkbox') {
             item.checked = !item.checked;
         }
-        this.emit('sd-4-2-7-select', { detail: { item } });
+        this.emit('sd-4-3-0-select', { detail: { item } });
     }
     handleKeyDown(event) {
         if (event.key === 'Enter') {

package/dist-versioned/_components/menu/menu.styles.js

@@ -11,7 +11,7 @@ export default css `
     overscroll-behavior: none;
   }
 
-  ::slotted(sd-4-2-7-divider) {
+  ::slotted(sd-4-3-0-divider) {
     --spacing: var(--sd-spacing-x-small);
   }
 `;

package/dist-versioned/_components/menu-item/menu-item.js

@@ -74,7 +74,7 @@ let SdMenuItem = class SdMenuItem extends SolidElement {
         })}
       >
         <span part="checked-icon" class="menu-item__check">
-          <sd-4-2-7-icon name="check" library="system" aria-hidden="true"></sd-4-2-7-icon>
+          <sd-4-3-0-icon name="check" library="system" aria-hidden="true"></sd-4-3-0-icon>
         </span>
 
         <slot name="prefix" part="prefix" class="menu-item__prefix"></slot>
@@ -84,7 +84,7 @@ let SdMenuItem = class SdMenuItem extends SolidElement {
         <slot name="suffix" part="suffix" class="menu-item__suffix"></slot>
 
         <span class="menu-item__chevron">
-          <sd-4-2-7-icon name="chevron-right" library="system" aria-hidden="true"></sd-4-2-7-icon>
+          <sd-4-3-0-icon name="chevron-right" library="system" aria-hidden="true"></sd-4-3-0-icon>
         </span>
       </div>
     `;

package/dist-versioned/chunks/{chunk.VYPTEJCW.js → chunk.2LL4ZNH4.js}

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.M4CPDAKC.js";
+} from "./chunk.T5VRGBLR.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -54,7 +54,7 @@ var SdStepGroup = class extends SolidElement {
     });
   }
   getAllSteps() {
-    return [...this.body.assignedElements()].filter((el) => el.tagName.toLowerCase() === "sd-4-2-7-step");
+    return [...this.body.assignedElements()].filter((el) => el.tagName.toLowerCase() === "sd-4-3-0-step");
   }
   /**
    * Sets the active step.
@@ -116,7 +116,7 @@ __decorateClass([
   watch("notInteractive")
 ], SdStepGroup.prototype, "handleInteractivityChange", 1);
 SdStepGroup = __decorateClass([
-  customElement("sd-4-2-7-step-group")
+  customElement("sd-4-3-0-step-group")
 ], SdStepGroup);
 
 export {