@solid-design-system/components 7.0.0-next.4 → 7.0.0-next.6

package/dist/components/switch/switch.js

@@ -1,11 +1,11 @@
 import {
   SdSwitch
-} from "../../chunks/chunk.QUBMQHBS.js";
+} from "../../chunks/chunk.VWGMR2Y5.js";
 import "../../chunks/chunk.GI7VDIWX.js";
 import "../../chunks/chunk.C3WIBDGG.js";
 import "../../chunks/chunk.IVMQWO2L.js";
 import "../../chunks/chunk.X2OQMWGY.js";
-import "../../chunks/chunk.ZZYKQTZB.js";
+import "../../chunks/chunk.7WPBGXB4.js";
 import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

package/dist/components/tab/tab.js

@@ -1,12 +1,12 @@
 import {
   SdTab
-} from "../../chunks/chunk.5LCAXSSU.js";
+} from "../../chunks/chunk.GWWM46XG.js";
 import "../../chunks/chunk.IVMQWO2L.js";
 import "../../chunks/chunk.X3FE7OHE.js";
 import "../../chunks/chunk.X4IYFUX6.js";
 import "../../chunks/chunk.BT6SAX2H.js";
 import "../../chunks/chunk.X2OQMWGY.js";
-import "../../chunks/chunk.ZZYKQTZB.js";
+import "../../chunks/chunk.7WPBGXB4.js";
 import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

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

@@ -1,9 +1,9 @@
 import {
   SdTabGroup
-} from "../../chunks/chunk.FUTFHFME.js";
+} from "../../chunks/chunk.X32Z3OP3.js";
+import "../../chunks/chunk.LTZVVIB2.js";
 import "../../chunks/chunk.UVI5HHLF.js";
-import "../../chunks/chunk.WDWV53JP.js";
-import "../../chunks/chunk.JSWS6X3U.js";
+import "../../chunks/chunk.VDQBK7ZK.js";
 import "../../chunks/chunk.54DGZ62W.js";
 import "../../chunks/chunk.ENZOJSYQ.js";
 import "../../chunks/chunk.6SPABX2F.js";
@@ -15,7 +15,7 @@ import "../../chunks/chunk.X3FE7OHE.js";
 import "../../chunks/chunk.X4IYFUX6.js";
 import "../../chunks/chunk.BT6SAX2H.js";
 import "../../chunks/chunk.X2OQMWGY.js";
-import "../../chunks/chunk.ZZYKQTZB.js";
+import "../../chunks/chunk.7WPBGXB4.js";
 import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

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

@@ -1,8 +1,8 @@
 import {
   SdTabPanel
-} from "../../chunks/chunk.KRQXRRDJ.js";
+} from "../../chunks/chunk.RZXU2X5Z.js";
 import "../../chunks/chunk.X2OQMWGY.js";
-import "../../chunks/chunk.ZZYKQTZB.js";
+import "../../chunks/chunk.7WPBGXB4.js";
 import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

package/dist/components/tag/tag.js

@@ -1,7 +1,7 @@
 import {
   SdTag
-} from "../../chunks/chunk.MACUA7LR.js";
-import "../../chunks/chunk.JSWS6X3U.js";
+} from "../../chunks/chunk.NXG4DNKU.js";
+import "../../chunks/chunk.VDQBK7ZK.js";
 import "../../chunks/chunk.54DGZ62W.js";
 import "../../chunks/chunk.ENZOJSYQ.js";
 import "../../chunks/chunk.6SPABX2F.js";
@@ -13,7 +13,7 @@ import "../../chunks/chunk.X3FE7OHE.js";
 import "../../chunks/chunk.X4IYFUX6.js";
 import "../../chunks/chunk.BT6SAX2H.js";
 import "../../chunks/chunk.X2OQMWGY.js";
-import "../../chunks/chunk.ZZYKQTZB.js";
+import "../../chunks/chunk.7WPBGXB4.js";
 import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

package/dist/components/teaser/teaser.js

@@ -1,8 +1,8 @@
 import {
   SdTeaser
-} from "../../chunks/chunk.55JRGHYZ.js";
+} from "../../chunks/chunk.Z4X2ORYU.js";
 import "../../chunks/chunk.IVMQWO2L.js";
-import "../../chunks/chunk.ZZYKQTZB.js";
+import "../../chunks/chunk.7WPBGXB4.js";
 import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

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

@@ -1,8 +1,8 @@
 import {
   SdTeaserMedia
-} from "../../chunks/chunk.R7AKCNLH.js";
+} from "../../chunks/chunk.LDTZNWTZ.js";
 import "../../chunks/chunk.IVMQWO2L.js";
-import "../../chunks/chunk.ZZYKQTZB.js";
+import "../../chunks/chunk.7WPBGXB4.js";
 import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

package/dist/components/textarea/textarea.js

@@ -1,10 +1,10 @@
 import {
   SdTextarea
-} from "../../chunks/chunk.2MPKSDFV.js";
+} from "../../chunks/chunk.6O4N7F3K.js";
 import "../../chunks/chunk.GI7VDIWX.js";
 import "../../chunks/chunk.C3WIBDGG.js";
 import "../../chunks/chunk.IVMQWO2L.js";
-import "../../chunks/chunk.JSWS6X3U.js";
+import "../../chunks/chunk.VDQBK7ZK.js";
 import "../../chunks/chunk.54DGZ62W.js";
 import "../../chunks/chunk.ENZOJSYQ.js";
 import "../../chunks/chunk.6SPABX2F.js";
@@ -13,7 +13,7 @@ import "../../chunks/chunk.4TPOL3LB.js";
 import "../../chunks/chunk.P52GZVKG.js";
 import "../../chunks/chunk.RPB53XXV.js";
 import "../../chunks/chunk.X2OQMWGY.js";
-import "../../chunks/chunk.ZZYKQTZB.js";
+import "../../chunks/chunk.7WPBGXB4.js";
 import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

package/dist/components/theme-listener/theme-listener.js

@@ -1,7 +1,7 @@
 import {
   SdThemeListener
-} from "../../chunks/chunk.2WRG4JLD.js";
-import "../../chunks/chunk.ZZYKQTZB.js";
+} from "../../chunks/chunk.V54VIV3V.js";
+import "../../chunks/chunk.7WPBGXB4.js";
 import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

package/dist/components/tooltip/tooltip.js

@@ -1,11 +1,11 @@
 import {
   SdTooltip
-} from "../../chunks/chunk.MEDGQUDQ.js";
-import "../../chunks/chunk.5N723KVX.js";
+} from "../../chunks/chunk.GVPPHUUS.js";
+import "../../chunks/chunk.7MHQG3BX.js";
 import "../../chunks/chunk.IVMQWO2L.js";
 import "../../chunks/chunk.N4LHE3QK.js";
 import "../../chunks/chunk.B4BZKR24.js";
-import "../../chunks/chunk.JSWS6X3U.js";
+import "../../chunks/chunk.VDQBK7ZK.js";
 import "../../chunks/chunk.54DGZ62W.js";
 import "../../chunks/chunk.ENZOJSYQ.js";
 import "../../chunks/chunk.6SPABX2F.js";
@@ -17,7 +17,7 @@ import "../../chunks/chunk.X3FE7OHE.js";
 import "../../chunks/chunk.X4IYFUX6.js";
 import "../../chunks/chunk.BT6SAX2H.js";
 import "../../chunks/chunk.X2OQMWGY.js";
-import "../../chunks/chunk.ZZYKQTZB.js";
+import "../../chunks/chunk.7WPBGXB4.js";
 import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

package/dist/components/video/video.js

@@ -1,8 +1,8 @@
 import {
   SdVideo
-} from "../../chunks/chunk.IUE6LRBW.js";
+} from "../../chunks/chunk.PUT4P7PK.js";
 import "../../chunks/chunk.IVMQWO2L.js";
-import "../../chunks/chunk.JSWS6X3U.js";
+import "../../chunks/chunk.VDQBK7ZK.js";
 import "../../chunks/chunk.54DGZ62W.js";
 import "../../chunks/chunk.ENZOJSYQ.js";
 import "../../chunks/chunk.6SPABX2F.js";
@@ -14,7 +14,7 @@ import "../../chunks/chunk.X3FE7OHE.js";
 import "../../chunks/chunk.X4IYFUX6.js";
 import "../../chunks/chunk.BT6SAX2H.js";
 import "../../chunks/chunk.X2OQMWGY.js";
-import "../../chunks/chunk.ZZYKQTZB.js";
+import "../../chunks/chunk.7WPBGXB4.js";
 import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

package/dist/custom-elements.json

@@ -7881,10 +7881,6 @@
               "description": "The component's base wrapper.",
               "name": "base"
             },
-            {
-              "description": "The overlay that covers the screen behind the drawer.",
-              "name": "overlay"
-            },
             {
               "description": "The drawer's panel (where the drawer and its content are rendered).",
               "name": "panel"
@@ -7908,6 +7904,10 @@
             {
               "description": "The drawer's footer.",
               "name": "footer"
+            },
+            {
+              "description": "The overlay that covers the screen behind the drawer.",
+              "name": "overlay"
             }
           ],
           "slots": [
@@ -7964,17 +7964,6 @@
               "attribute": "placement",
               "reflects": true
             },
-            {
-              "kind": "field",
-              "name": "contained",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "By default, the drawer slides out of its containing block (the viewport). Contained is a hidden feature used only for testing purposes. Please do not use it in production as it will likely change.",
-              "attribute": "contained",
-              "reflects": true
-            },
             {
               "kind": "field",
               "name": "noHeader",
@@ -8132,15 +8121,6 @@
               "description": "The direction from which the drawer will open.",
               "fieldName": "placement"
             },
-            {
-              "name": "contained",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "By default, the drawer slides out of its containing block (the viewport). Contained is a hidden feature used only for testing purposes. Please do not use it in production as it will likely change.",
-              "fieldName": "contained"
-            },
             {
               "name": "no-header",
               "type": {
@@ -23554,7 +23534,7 @@
   "package": {
     "name": "@solid-design-system/components",
     "description": "Solid Design System: Components",
-    "version": "7.0.0-next.4",
+    "version": "7.0.0-next.6",
     "author": "Union Investment",
     "homepage": "https://solid-design-system.fe.union-investment.de/docs/",
     "license": "MIT"

package/dist/solid-components.css

@@ -23,6 +23,9 @@
     translate: var(--tw-translate-x) var(--tw-translate-y);
     inset-inline-start: 50%;
   }
+.sd-toast-stack sd-notification::part(base) {
+    margin: var(--sd-spacing-2);
+  }
 .sd-toast-stack sd-notification::part(wrapper) {
     --tw-shadow: var(--sd-shadow);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);

package/dist/solid-components.js

@@ -4,199 +4,197 @@ import {
 import "./chunks/chunk.HAL7R4WT.js";
 import {
   SdTeaser
-} from "./chunks/chunk.55JRGHYZ.js";
+} from "./chunks/chunk.Z4X2ORYU.js";
 import {
   SdTeaserMedia
-} from "./chunks/chunk.R7AKCNLH.js";
+} from "./chunks/chunk.LDTZNWTZ.js";
 import {
   SdTextarea
-} from "./chunks/chunk.2MPKSDFV.js";
+} from "./chunks/chunk.6O4N7F3K.js";
 import {
   SdVideo
-} from "./chunks/chunk.IUE6LRBW.js";
+} from "./chunks/chunk.PUT4P7PK.js";
 import {
   SdSkeleton
-} from "./chunks/chunk.JRWHGSFU.js";
+} from "./chunks/chunk.ZXTMNMQT.js";
 import {
   SdStep
-} from "./chunks/chunk.I2RFDBMV.js";
+} from "./chunks/chunk.XQBLC5E4.js";
 import {
   SdStepGroup
-} from "./chunks/chunk.J5LGPQPF.js";
+} from "./chunks/chunk.UGIF26DH.js";
 import {
   SdSwitch
-} from "./chunks/chunk.QUBMQHBS.js";
+} from "./chunks/chunk.VWGMR2Y5.js";
 import {
   SdTab
-} from "./chunks/chunk.5LCAXSSU.js";
+} from "./chunks/chunk.GWWM46XG.js";
 import {
   SdTabGroup
-} from "./chunks/chunk.FUTFHFME.js";
+} from "./chunks/chunk.X32Z3OP3.js";
 import {
   SdTabPanel
-} from "./chunks/chunk.KRQXRRDJ.js";
+} from "./chunks/chunk.RZXU2X5Z.js";
+import {
+  SdQuickfact
+} from "./chunks/chunk.K22CCY63.js";
 import {
   SdRadioButton
-} from "./chunks/chunk.YPXPF4CW.js";
+} from "./chunks/chunk.SCWFNFSN.js";
 import {
   SdRadioGroup
-} from "./chunks/chunk.JZOKETCG.js";
-import {
-  SdRadio
-} from "./chunks/chunk.TIURA3CR.js";
+} from "./chunks/chunk.DC2F6ZIN.js";
 import {
   SdRange
-} from "./chunks/chunk.EPA3ZMZ6.js";
+} from "./chunks/chunk.MEMOQ3W7.js";
 import {
   SdTooltip
-} from "./chunks/chunk.MEDGQUDQ.js";
+} from "./chunks/chunk.GVPPHUUS.js";
 import "./chunks/chunk.D3YSIVTB.js";
 import {
   SdRangeTick
-} from "./chunks/chunk.CEAD7GE5.js";
+} from "./chunks/chunk.DMQ52GO3.js";
 import {
   SdScrollable
-} from "./chunks/chunk.UQW2D27E.js";
+} from "./chunks/chunk.T2ZFQMV6.js";
 import {
   SdSelect
-} from "./chunks/chunk.JO3VO5XL.js";
+} from "./chunks/chunk.EKH7JJ3U.js";
 import {
   SdNavigationItem
-} from "./chunks/chunk.IFK35LWT.js";
+} from "./chunks/chunk.NPYCKWWW.js";
 import {
   SdNotification
-} from "./chunks/chunk.XLRNOFGT.js";
+} from "./chunks/chunk.HB3VBJFC.js";
 import {
   SdOptgroup
-} from "./chunks/chunk.D333WSUU.js";
+} from "./chunks/chunk.SOX43MJ5.js";
 import {
   SdOption
-} from "./chunks/chunk.2A2XLAZ6.js";
+} from "./chunks/chunk.WIKRI7YB.js";
 import {
   SdProgressBar
-} from "./chunks/chunk.MCRDVATU.js";
+} from "./chunks/chunk.YAI4GVXU.js";
 import {
-  SdQuickfact
-} from "./chunks/chunk.5MKROBU2.js";
+  SdRadio
+} from "./chunks/chunk.DCUIQILU.js";
 import {
   SdInclude
-} from "./chunks/chunk.Z7YV6XJB.js";
+} from "./chunks/chunk.YVAYTWVV.js";
 import {
   SdInput
-} from "./chunks/chunk.VVGDAH3Y.js";
+} from "./chunks/chunk.ZWSPJTPP.js";
 import {
   SdMapMarker
-} from "./chunks/chunk.FHZBC7YI.js";
+} from "./chunks/chunk.DZ77XUG2.js";
 import {
   SdMenu
-} from "./chunks/chunk.JL5JAIKK.js";
+} from "./chunks/chunk.ZXPU2CGW.js";
 import {
   SdMenuItem
-} from "./chunks/chunk.5R6X3OUC.js";
+} from "./chunks/chunk.S3DD4YSN.js";
 import "./chunks/chunk.KEJFWGZI.js";
 import {
   SdHeader
-} from "./chunks/chunk.SYN6Y7B2.js";
+} from "./chunks/chunk.4KUVWN2I.js";
 import {
   SdDatepicker
-} from "./chunks/chunk.PZYEO6JX.js";
+} from "./chunks/chunk.ZMCHJLGT.js";
 import "./chunks/chunk.A4LR62QO.js";
 import "./chunks/chunk.TJ2FFWLY.js";
 import {
   SdDialog
-} from "./chunks/chunk.NHGPTJYA.js";
+} from "./chunks/chunk.TNLAM4ZT.js";
 import {
   SdDivider
-} from "./chunks/chunk.JBF2NX2O.js";
+} from "./chunks/chunk.7QL6Y47O.js";
 import {
   SdExpandable
-} from "./chunks/chunk.QE5IYB7Q.js";
+} from "./chunks/chunk.EH7PG7IH.js";
 import {
   SdFlipcard
-} from "./chunks/chunk.RBFDHNCA.js";
+} from "./chunks/chunk.7PKQECKN.js";
 import {
   SdCheckbox
-} from "./chunks/chunk.6V4BBUOB.js";
+} from "./chunks/chunk.KYX4HLN2.js";
 import {
   SdCheckboxGroup
-} from "./chunks/chunk.CST7TW6Q.js";
+} from "./chunks/chunk.MJ6KXGSO.js";
 import {
   SdCombobox
-} from "./chunks/chunk.PHDXES2E.js";
+} from "./chunks/chunk.6UABH73N.js";
 import {
   SdTag
-} from "./chunks/chunk.MACUA7LR.js";
+} from "./chunks/chunk.NXG4DNKU.js";
 import "./chunks/chunk.GI7VDIWX.js";
 import "./chunks/chunk.WBJBQ4QI.js";
 import "./chunks/chunk.UIQBHPD3.js";
 import {
   SdBadge
-} from "./chunks/chunk.CRTYDXIZ.js";
+} from "./chunks/chunk.V4ILSVMF.js";
 import {
   SdBrandshape
-} from "./chunks/chunk.HKGKJSNK.js";
+} from "./chunks/chunk.E7RWXJJE.js";
 import {
   SdBreadcrumb
-} from "./chunks/chunk.V3OXFXTL.js";
+} from "./chunks/chunk.N5OTEAT2.js";
 import {
   SdDropdown
-} from "./chunks/chunk.VUBZTPBJ.js";
+} from "./chunks/chunk.6ETKGDC3.js";
+import "./chunks/chunk.LTZVVIB2.js";
 import {
   SdPopup
-} from "./chunks/chunk.5N723KVX.js";
+} from "./chunks/chunk.7MHQG3BX.js";
 import {
   SdBreadcrumbItem
-} from "./chunks/chunk.AKFD4POM.js";
+} from "./chunks/chunk.WKUNYCQZ.js";
 import {
   SdLink
-} from "./chunks/chunk.6A4V3BDD.js";
-import "./chunks/chunk.XO2EYEOQ.js";
+} from "./chunks/chunk.K4ZSZPTN.js";
+import "./chunks/chunk.VYBHDB7F.js";
 import {
   SdCarousel
-} from "./chunks/chunk.T227KIHC.js";
+} from "./chunks/chunk.VLMSLPLL.js";
 import "./chunks/chunk.W2YDXTG5.js";
 import "./chunks/chunk.6RE6UZ72.js";
 import "./chunks/chunk.UVI5HHLF.js";
 import {
   SdCarouselItem
-} from "./chunks/chunk.FKT27XGY.js";
+} from "./chunks/chunk.Y6MMHW4A.js";
 import "./chunks/chunk.F4VGSDIW.js";
 import {
   SdAccordionGroup
-} from "./chunks/chunk.AHYFAMPB.js";
+} from "./chunks/chunk.AMARMKJU.js";
 import {
   SdAccordion
-} from "./chunks/chunk.DEBCAM5G.js";
+} from "./chunks/chunk.742523X2.js";
 import {
   SdAnimation
-} from "./chunks/chunk.AF7LVJ42.js";
+} from "./chunks/chunk.D3Q6NREV.js";
 import "./chunks/chunk.TJOP7HQP.js";
 import {
   SdAudio
-} from "./chunks/chunk.M2JKMFD5.js";
+} from "./chunks/chunk.LUR5ATJB.js";
 import {
   SdDrawer
-} from "./chunks/chunk.5Q7N5BFG.js";
+} from "./chunks/chunk.Z7VTXC25.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.L4AFCWKB.js";
+} from "./chunks/chunk.YFUYD54K.js";
 import {
   SdThemeListener
-} from "./chunks/chunk.2WRG4JLD.js";
+} from "./chunks/chunk.V54VIV3V.js";
 import {
   SdLoader
-} from "./chunks/chunk.CQ6DFCND.js";
+} from "./chunks/chunk.BDDLMKAK.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.JSWS6X3U.js";
+} from "./chunks/chunk.VDQBK7ZK.js";
 import {
   registerIconLibrary,
   unregisterIconLibrary
@@ -213,7 +211,7 @@ import {
 import "./chunks/chunk.X4IYFUX6.js";
 import "./chunks/chunk.BT6SAX2H.js";
 import "./chunks/chunk.X2OQMWGY.js";
-import "./chunks/chunk.ZZYKQTZB.js";
+import "./chunks/chunk.7WPBGXB4.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.QGERTGJH.js";
-import "../chunks/chunk.5N723KVX.js";
-import "../chunks/chunk.ZZYKQTZB.js";
+import "../chunks/chunk.7MHQG3BX.js";
+import "../chunks/chunk.7WPBGXB4.js";
 import "../chunks/chunk.HQWAKJBV.js";
 import "../chunks/chunk.S3NI7NKU.js";
 export {

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

@@ -1074,7 +1074,7 @@
     },
     {
       "name": "sd-drawer",
-      "description": "Used as a panel that slides out from the side of the screen which contains a set of information or actions.\n---\n\n\n### **Events:**\n - **sd-show** - Emitted when the drawer opens.\n- **sd-after-show** - Emitted after the drawer opens and all animations are complete.\n- **sd-hide** - Emitted when the drawer closes.\n- **sd-after-hide** - Emitted after the drawer closes and all animations are complete.\n- **sd-initial-focus** - Emitted when the drawer opens and is ready to receive focus. Calling `event.preventDefault()` will prevent focusing and allow you to set it on a different element, such as an input.\n- **sd-request-close** - Emitted when the user attempts to close the drawer by clicking the close button, clicking the overlay, or pressing escape. Calling `event.preventDefault()` will keep the drawer open. Avoid using this unless closing the drawer will result in destructive behavior such as data loss.\n\n### **Methods:**\n - **show()** - Shows the drawer.\n- **hide()** - Hides the drawer\n- **emit(name: _string_, options: _CustomEventInit_)** - Emits a custom event with more convenient defaults.\n- **token(name: _string_, fallback: _T_): _T_** - Retrieves the value of a css variable token.\n\n### **Slots:**\n - _default_ - The drawer's main content.\n- **header** - The drawer's header, usually a title.\n- **footer** - The drawer's footer, usually one or more buttons representing various options.\n\n### **CSS Properties:**\n - **--width** - The preferred width of the drawer. depending on its `placement`. Note that the drawer will shrink to accommodate smaller screens. _(default: undefined)_\n- **--sd-panel-color-border** - The border color of the drawer panel. _(default: undefined)_\n- **--sd-overlay-color-background** - The background color of the drawer overlay. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **overlay** - The overlay that covers the screen behind the drawer.\n- **panel** - The drawer's panel (where the drawer and its content are rendered).\n- **header** - The drawer's header. This element wraps the title and the close-button.\n- **title** - The drawer's title.\n- **close-button** - The close button, an `<sd-button>`.\n- **body** - The drawer's body.\n- **footer** - The drawer's footer.",
+      "description": "Used as a panel that slides out from the side of the screen which contains a set of information or actions.\n---\n\n\n### **Events:**\n - **sd-show** - Emitted when the drawer opens.\n- **sd-after-show** - Emitted after the drawer opens and all animations are complete.\n- **sd-hide** - Emitted when the drawer closes.\n- **sd-after-hide** - Emitted after the drawer closes and all animations are complete.\n- **sd-initial-focus** - Emitted when the drawer opens and is ready to receive focus. Calling `event.preventDefault()` will prevent focusing and allow you to set it on a different element, such as an input.\n- **sd-request-close** - Emitted when the user attempts to close the drawer by clicking the close button, clicking the overlay, or pressing escape. Calling `event.preventDefault()` will keep the drawer open. Avoid using this unless closing the drawer will result in destructive behavior such as data loss.\n\n### **Methods:**\n - **show()** - Shows the drawer.\n- **hide()** - Hides the drawer\n- **emit(name: _string_, options: _CustomEventInit_)** - Emits a custom event with more convenient defaults.\n- **token(name: _string_, fallback: _T_): _T_** - Retrieves the value of a css variable token.\n\n### **Slots:**\n - _default_ - The drawer's main content.\n- **header** - The drawer's header, usually a title.\n- **footer** - The drawer's footer, usually one or more buttons representing various options.\n\n### **CSS Properties:**\n - **--width** - The preferred width of the drawer. depending on its `placement`. Note that the drawer will shrink to accommodate smaller screens. _(default: undefined)_\n- **--sd-panel-color-border** - The border color of the drawer panel. _(default: undefined)_\n- **--sd-overlay-color-background** - The background color of the drawer overlay. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **panel** - The drawer's panel (where the drawer and its content are rendered).\n- **header** - The drawer's header. This element wraps the title and the close-button.\n- **title** - The drawer's title.\n- **close-button** - The close button, an `<sd-button>`.\n- **body** - The drawer's body.\n- **footer** - The drawer's footer.\n- **overlay** - The overlay that covers the screen behind the drawer.",
       "attributes": [
         {
           "name": "open",
@@ -1091,11 +1091,6 @@
           "description": "The direction from which the drawer will open.",
           "values": [{ "name": "end" }, { "name": "start" }]
         },
-        {
-          "name": "contained",
-          "description": "By default, the drawer slides out of its containing block (the viewport). Contained is a hidden feature used only for testing purposes. Please do not use it in production as it will likely change.",
-          "values": []
-        },
         {
           "name": "no-header",
           "description": "Removes the header. This will also remove the default close button, so please ensure you provide an easy, accessible way for users to dismiss the drawer.",

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": "7.0.0-next.4",
+  "version": "7.0.0-next.6",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -2558,7 +2558,7 @@
         },
         {
           "name": "sd-drawer",
-          "description": "Used as a panel that slides out from the side of the screen which contains a set of information or actions.\n---\n\n\n### **Events:**\n - **sd-show** - Emitted when the drawer opens.\n- **sd-after-show** - Emitted after the drawer opens and all animations are complete.\n- **sd-hide** - Emitted when the drawer closes.\n- **sd-after-hide** - Emitted after the drawer closes and all animations are complete.\n- **sd-initial-focus** - Emitted when the drawer opens and is ready to receive focus. Calling `event.preventDefault()` will prevent focusing and allow you to set it on a different element, such as an input.\n- **sd-request-close** - Emitted when the user attempts to close the drawer by clicking the close button, clicking the overlay, or pressing escape. Calling `event.preventDefault()` will keep the drawer open. Avoid using this unless closing the drawer will result in destructive behavior such as data loss.\n\n### **Methods:**\n - **show()** - Shows the drawer.\n- **hide()** - Hides the drawer\n- **emit(name: _string_, options: _CustomEventInit_)** - Emits a custom event with more convenient defaults.\n- **token(name: _string_, fallback: _T_): _T_** - Retrieves the value of a css variable token.\n\n### **Slots:**\n - _default_ - The drawer's main content.\n- **header** - The drawer's header, usually a title.\n- **footer** - The drawer's footer, usually one or more buttons representing various options.\n\n### **CSS Properties:**\n - **--width** - The preferred width of the drawer. depending on its `placement`. Note that the drawer will shrink to accommodate smaller screens. _(default: undefined)_\n- **--sd-panel-color-border** - The border color of the drawer panel. _(default: undefined)_\n- **--sd-overlay-color-background** - The background color of the drawer overlay. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **overlay** - The overlay that covers the screen behind the drawer.\n- **panel** - The drawer's panel (where the drawer and its content are rendered).\n- **header** - The drawer's header. This element wraps the title and the close-button.\n- **title** - The drawer's title.\n- **close-button** - The close button, an `<sd-button>`.\n- **body** - The drawer's body.\n- **footer** - The drawer's footer.",
+          "description": "Used as a panel that slides out from the side of the screen which contains a set of information or actions.\n---\n\n\n### **Events:**\n - **sd-show** - Emitted when the drawer opens.\n- **sd-after-show** - Emitted after the drawer opens and all animations are complete.\n- **sd-hide** - Emitted when the drawer closes.\n- **sd-after-hide** - Emitted after the drawer closes and all animations are complete.\n- **sd-initial-focus** - Emitted when the drawer opens and is ready to receive focus. Calling `event.preventDefault()` will prevent focusing and allow you to set it on a different element, such as an input.\n- **sd-request-close** - Emitted when the user attempts to close the drawer by clicking the close button, clicking the overlay, or pressing escape. Calling `event.preventDefault()` will keep the drawer open. Avoid using this unless closing the drawer will result in destructive behavior such as data loss.\n\n### **Methods:**\n - **show()** - Shows the drawer.\n- **hide()** - Hides the drawer\n- **emit(name: _string_, options: _CustomEventInit_)** - Emits a custom event with more convenient defaults.\n- **token(name: _string_, fallback: _T_): _T_** - Retrieves the value of a css variable token.\n\n### **Slots:**\n - _default_ - The drawer's main content.\n- **header** - The drawer's header, usually a title.\n- **footer** - The drawer's footer, usually one or more buttons representing various options.\n\n### **CSS Properties:**\n - **--width** - The preferred width of the drawer. depending on its `placement`. Note that the drawer will shrink to accommodate smaller screens. _(default: undefined)_\n- **--sd-panel-color-border** - The border color of the drawer panel. _(default: undefined)_\n- **--sd-overlay-color-background** - The background color of the drawer overlay. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **panel** - The drawer's panel (where the drawer and its content are rendered).\n- **header** - The drawer's header. This element wraps the title and the close-button.\n- **title** - The drawer's title.\n- **close-button** - The close button, an `<sd-button>`.\n- **body** - The drawer's body.\n- **footer** - The drawer's footer.\n- **overlay** - The overlay that covers the screen behind the drawer.",
           "doc-url": "",
           "attributes": [
             {
@@ -2576,11 +2576,6 @@
               "description": "The direction from which the drawer will open.",
               "value": { "type": "'end' | 'start'", "default": "'end'" }
             },
-            {
-              "name": "contained",
-              "description": "By default, the drawer slides out of its containing block (the viewport). Contained is a hidden feature used only for testing purposes. Please do not use it in production as it will likely change.",
-              "value": { "type": "boolean", "default": "false" }
-            },
             {
               "name": "no-header",
               "description": "Removes the header. This will also remove the default close button, so please ensure you provide an easy, accessible way for users to dismiss the drawer.",
@@ -2653,11 +2648,6 @@
                 "description": "The direction from which the drawer will open.",
                 "type": "'end' | 'start'"
               },
-              {
-                "name": "contained",
-                "description": "By default, the drawer slides out of its containing block (the viewport). Contained is a hidden feature used only for testing purposes. Please do not use it in production as it will likely change.",
-                "type": "boolean"
-              },
               {
                 "name": "noHeader",
                 "description": "Removes the header. This will also remove the default close button, so please ensure you provide an easy, accessible way for users to dismiss the drawer.",