@solid-design-system/components 6.30.0 → 7.0.0-next.10

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": {
@@ -10022,7 +10002,7 @@
               "name": "--sd-header__underline-height"
             },
             {
-              "description": "height of the shadow when the header is fixed",
+              "description": "height of the shadow",
               "name": "--sd-header__shadow-height"
             }
           ],
@@ -10046,10 +10026,21 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Determines whether the header is fixed or not. If the header is fixed at the top of the page, a shadow is shown underneath.",
+              "description": "Determines whether the header is fixed or not. If the header is fixed, it stays at the top of the page while scrolling.",
               "attribute": "fixed",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "shadow",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Determines whether a drop shadow is shown underneath the header.",
+              "attribute": "shadow",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "dir",
@@ -10136,9 +10127,18 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Determines whether the header is fixed or not. If the header is fixed at the top of the page, a shadow is shown underneath.",
+              "description": "Determines whether the header is fixed or not. If the header is fixed, it stays at the top of the page while scrolling.",
               "fieldName": "fixed"
             },
+            {
+              "name": "shadow",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Determines whether a drop shadow is shown underneath the header.",
+              "fieldName": "shadow"
+            },
             {
               "name": "dir",
               "type": {
@@ -11419,8 +11419,9 @@
               "kind": "field",
               "name": "autocorrect",
               "type": {
-                "text": "'off' | 'on'"
+                "text": "boolean"
               },
+              "description": "Indicates whether the browser's autocorrect feature is on or off.",
               "attribute": "autocorrect",
               "reflects": true
             },
@@ -11948,8 +11949,9 @@
             {
               "name": "autocorrect",
               "type": {
-                "text": "'off' | 'on'"
+                "text": "boolean"
               },
+              "description": "Indicates whether the browser's autocorrect feature is on or off.",
               "fieldName": "autocorrect"
             },
             {
@@ -19533,177 +19535,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "components/spinner/spinner.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "SdSpinner",
-          "members": [
-            {
-              "kind": "field",
-              "name": "color",
-              "type": {
-                "text": "'primary' | 'white' | 'currentColor'"
-              },
-              "default": "'currentColor'",
-              "description": "The color color of the spinner.",
-              "attribute": "color",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "localize",
-              "privacy": "public",
-              "default": "new LocalizeController(this)"
-            },
-            {
-              "kind": "field",
-              "name": "dir",
-              "type": {
-                "text": "'ltr' | 'rtl' | 'auto'"
-              },
-              "description": "The element's directionality.",
-              "attribute": "dir",
-              "inheritedFrom": {
-                "name": "SolidElement",
-                "module": "internal/solid-element.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "lang",
-              "type": {
-                "text": "string"
-              },
-              "description": "The element's language.",
-              "attribute": "lang",
-              "inheritedFrom": {
-                "name": "SolidElement",
-                "module": "internal/solid-element.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "emit",
-              "parameters": [
-                {
-                  "name": "name",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "options",
-                  "optional": true,
-                  "type": {
-                    "text": "CustomEventInit"
-                  }
-                }
-              ],
-              "description": "Emits a custom event with more convenient defaults.",
-              "inheritedFrom": {
-                "name": "SolidElement",
-                "module": "internal/solid-element.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "token",
-              "return": {
-                "type": {
-                  "text": "T"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "name",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "fallback",
-                  "type": {
-                    "text": "T"
-                  }
-                }
-              ],
-              "description": "Retrieves the value of a css variable token.",
-              "inheritedFrom": {
-                "name": "SolidElement",
-                "module": "internal/solid-element.js"
-              }
-            }
-          ],
-          "attributes": [
-            {
-              "name": "color",
-              "type": {
-                "text": "'primary' | 'white' | 'currentColor'"
-              },
-              "default": "'currentColor'",
-              "description": "The color color of the spinner.",
-              "fieldName": "color"
-            },
-            {
-              "name": "dir",
-              "type": {
-                "text": "'ltr' | 'rtl' | 'auto'"
-              },
-              "description": "The element's directionality.",
-              "fieldName": "dir",
-              "inheritedFrom": {
-                "name": "SolidElement",
-                "module": "src/internal/solid-element.ts"
-              }
-            },
-            {
-              "name": "lang",
-              "type": {
-                "text": "string"
-              },
-              "description": "The element's language.",
-              "fieldName": "lang",
-              "inheritedFrom": {
-                "name": "SolidElement",
-                "module": "src/internal/solid-element.ts"
-              }
-            }
-          ],
-          "superclass": {
-            "name": "SolidElement",
-            "module": "/src/internal/solid-element"
-          },
-          "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",
-          "tagName": "sd-spinner",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "SdSpinner",
-            "module": "components/spinner/spinner.js"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "sd-spinner",
-          "declaration": {
-            "name": "SdSpinner",
-            "module": "components/spinner/spinner.js"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "components/step/step.js",
@@ -22987,7 +22818,7 @@
               "kind": "field",
               "name": "autocorrect",
               "type": {
-                "text": "'off' | 'on'"
+                "text": "boolean"
               },
               "description": "Indicates whether the browser's autocorrect feature is on or off.",
               "attribute": "autocorrect",
@@ -23466,7 +23297,7 @@
             {
               "name": "autocorrect",
               "type": {
-                "text": "'off' | 'on'"
+                "text": "boolean"
               },
               "description": "Indicates whether the browser's autocorrect feature is on or off.",
               "fieldName": "autocorrect"
@@ -24387,7 +24218,7 @@
   "package": {
     "name": "@solid-design-system/components",
     "description": "Solid Design System: Components",
-    "version": "6.30.0",
+    "version": "7.0.0-next.10",
     "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.d.ts

@@ -43,7 +43,6 @@ export { default as SdRangeTick } from './components/range-tick/range-tick.js';
 export { default as SdScrollable } from './components/scrollable/scrollable.js';
 export { default as SdSelect } from './components/select/select.js';
 export { default as SdSkeleton } from './components/skeleton/skeleton.js';
-export { default as SdSpinner } from './components/spinner/spinner.js';
 export { default as SdStep } from './components/step/step.js';
 export { default as SdStepGroup } from './components/step-group/step-group.js';
 export { default as SdSwitch } from './components/switch/switch.js';

package/dist/solid-components.js

@@ -1,208 +1,203 @@
-import "./chunks/chunk.HAL7R4WT.js";
 import {
   setupAutocomplete
 } from "./chunks/chunk.QGERTGJH.js";
-import {
-  SdTabPanel
-} from "./chunks/chunk.PBHCVOCE.js";
+import "./chunks/chunk.HAL7R4WT.js";
 import {
   SdTeaser
-} from "./chunks/chunk.TLEU7YBO.js";
+} from "./chunks/chunk.JAPL7DQX.js";
 import {
   SdTeaserMedia
-} from "./chunks/chunk.OHJLLBZM.js";
+} from "./chunks/chunk.OUFMMO37.js";
 import {
   SdTextarea
-} from "./chunks/chunk.2FO74NMB.js";
+} from "./chunks/chunk.GBB73ZFE.js";
 import {
   SdVideo
-} from "./chunks/chunk.2UHCCORM.js";
+} from "./chunks/chunk.3MGF33VU.js";
 import {
   SdSelect
-} from "./chunks/chunk.RB7LNC44.js";
+} from "./chunks/chunk.FQJPWM4Z.js";
 import {
   SdSkeleton
-} from "./chunks/chunk.VGREAYYY.js";
-import {
-  SdSpinner
-} from "./chunks/chunk.KR5X73WV.js";
+} from "./chunks/chunk.F3C76UKB.js";
 import {
   SdStep
-} from "./chunks/chunk.KIIB3FFM.js";
+} from "./chunks/chunk.WYS3OZYO.js";
 import {
   SdStepGroup
-} from "./chunks/chunk.MCRKOZZE.js";
+} from "./chunks/chunk.EVGV2PWW.js";
 import {
   SdSwitch
-} from "./chunks/chunk.4QH36I7J.js";
+} from "./chunks/chunk.UTW3WRV2.js";
 import {
   SdTab
-} from "./chunks/chunk.VBWU6AAA.js";
+} from "./chunks/chunk.I57THEU4.js";
 import {
   SdTabGroup
-} from "./chunks/chunk.6QH7MUGI.js";
+} from "./chunks/chunk.GHWO5PUG.js";
+import {
+  SdTabPanel
+} from "./chunks/chunk.GRRHK6BP.js";
 import {
   SdQuickfact
-} from "./chunks/chunk.HKDY2SX6.js";
+} from "./chunks/chunk.3JGMLVGL.js";
 import {
   SdRadioButton
-} from "./chunks/chunk.ALFOBBM3.js";
+} from "./chunks/chunk.WVSKCZ63.js";
 import {
   SdRadioGroup
-} from "./chunks/chunk.E7BGW6SN.js";
+} from "./chunks/chunk.4USTQEWG.js";
 import {
   SdRadio
-} from "./chunks/chunk.DNCDNML2.js";
+} from "./chunks/chunk.Z462LBEB.js";
 import {
   SdRange
-} from "./chunks/chunk.BU2U2CE7.js";
+} from "./chunks/chunk.BZO3OLK2.js";
 import {
   SdTooltip
-} from "./chunks/chunk.AXF42D3S.js";
+} from "./chunks/chunk.DKN5SHQ2.js";
 import "./chunks/chunk.D3YSIVTB.js";
 import {
   SdRangeTick
-} from "./chunks/chunk.EBATDDUA.js";
+} from "./chunks/chunk.HIR2MKW6.js";
 import {
   SdScrollable
-} from "./chunks/chunk.MXSG7VRT.js";
+} from "./chunks/chunk.4BB4LNMY.js";
 import {
   SdMenuItem
-} from "./chunks/chunk.GA5ZGGWC.js";
+} from "./chunks/chunk.2ZO5TQLM.js";
 import "./chunks/chunk.KEJFWGZI.js";
 import {
   SdNavigationItem
-} from "./chunks/chunk.CHQXV5AD.js";
+} from "./chunks/chunk.AFD4FHYM.js";
 import {
   SdNotification
-} from "./chunks/chunk.AFHCI6IS.js";
+} from "./chunks/chunk.ZCG43UX7.js";
 import {
   SdOptgroup
-} from "./chunks/chunk.47DEDQQK.js";
+} from "./chunks/chunk.Y6QQUPB5.js";
 import {
   SdOption
-} from "./chunks/chunk.2DGYIFDJ.js";
+} from "./chunks/chunk.INSUQDO7.js";
 import {
   SdProgressBar
-} from "./chunks/chunk.XS6AQ4CM.js";
+} from "./chunks/chunk.G7M7XYS3.js";
 import {
   SdInclude
-} from "./chunks/chunk.JU7PIHSF.js";
+} from "./chunks/chunk.77CINHAJ.js";
 import {
   SdInput
-} from "./chunks/chunk.LCDZV7BS.js";
+} from "./chunks/chunk.GOZXDQTL.js";
 import {
   SdMapMarker
-} from "./chunks/chunk.HLFIH4MY.js";
+} from "./chunks/chunk.266V4W27.js";
 import {
   SdMenu
-} from "./chunks/chunk.SXXPU7JD.js";
+} from "./chunks/chunk.PMM3MDLE.js";
 import {
   SdFlipcard
-} from "./chunks/chunk.GBSWTGPJ.js";
+} from "./chunks/chunk.Y4XJY6Y4.js";
 import {
   SdHeader
-} from "./chunks/chunk.TPUZGQAZ.js";
+} from "./chunks/chunk.6A4DHVDL.js";
 import {
   SdDatepicker
-} from "./chunks/chunk.H6K5MLEC.js";
+} from "./chunks/chunk.CQTEYWVJ.js";
 import "./chunks/chunk.A4LR62QO.js";
 import "./chunks/chunk.TJ2FFWLY.js";
 import {
   SdDialog
-} from "./chunks/chunk.FBSBBENN.js";
+} from "./chunks/chunk.6DUOHFNN.js";
 import {
   SdDivider
-} from "./chunks/chunk.CNLGYJ26.js";
+} from "./chunks/chunk.RGVIOXPM.js";
 import {
   SdExpandable
-} from "./chunks/chunk.BDBOCJUQ.js";
+} from "./chunks/chunk.UYQP3VDT.js";
 import {
   SdFileSelector
-} from "./chunks/chunk.X7DORH6O.js";
+} from "./chunks/chunk.6OYBQ6CO.js";
 import {
   SdCheckbox
-} from "./chunks/chunk.AV2HYF25.js";
+} from "./chunks/chunk.QOIO3YAP.js";
 import {
   SdCheckboxGroup
-} from "./chunks/chunk.YBP7P46N.js";
+} from "./chunks/chunk.3Y3V2LY4.js";
 import {
   SdCombobox
-} from "./chunks/chunk.SURNV5UB.js";
+} from "./chunks/chunk.P5V6KORX.js";
 import {
   SdTag
-} from "./chunks/chunk.BZQG2H25.js";
+} from "./chunks/chunk.WXT5HYGA.js";
 import "./chunks/chunk.GI7VDIWX.js";
 import "./chunks/chunk.WBJBQ4QI.js";
 import "./chunks/chunk.UIQBHPD3.js";
 import {
   SdBadge
-} from "./chunks/chunk.VKAWXQBO.js";
+} from "./chunks/chunk.6MSQDSJK.js";
 import {
   SdBrandshape
-} from "./chunks/chunk.QBHSDBEF.js";
+} from "./chunks/chunk.5R5MY3VD.js";
 import {
   SdBreadcrumb
-} from "./chunks/chunk.747CZOOT.js";
+} from "./chunks/chunk.WZOVHSGU.js";
 import {
   SdDropdown
-} from "./chunks/chunk.64WDBXSH.js";
+} from "./chunks/chunk.PCB2BA7U.js";
+import "./chunks/chunk.LTZVVIB2.js";
 import {
   SdPopup
-} from "./chunks/chunk.XDZE7ROV.js";
+} from "./chunks/chunk.C4RJM5BO.js";
 import {
   SdBreadcrumbItem
-} from "./chunks/chunk.ENJLFL4U.js";
+} from "./chunks/chunk.VHQQB75I.js";
 import {
   SdLink
-} from "./chunks/chunk.A2CJLIUM.js";
-import "./chunks/chunk.OUSUUA7K.js";
+} from "./chunks/chunk.QD2ZQPDB.js";
+import "./chunks/chunk.IXJGPE6X.js";
 import {
   SdCarousel
-} from "./chunks/chunk.KYZI324J.js";
+} from "./chunks/chunk.7ZKBKOS5.js";
 import "./chunks/chunk.W2YDXTG5.js";
 import "./chunks/chunk.6RE6UZ72.js";
 import "./chunks/chunk.UVI5HHLF.js";
 import {
   SdCarouselItem
-} from "./chunks/chunk.B2TWJWHR.js";
+} from "./chunks/chunk.UOMFY7RY.js";
 import "./chunks/chunk.F4VGSDIW.js";
 import {
   SdAccordionGroup
-} from "./chunks/chunk.5XZQBMKD.js";
+} from "./chunks/chunk.AJVSDITF.js";
 import {
   SdAccordion
-} from "./chunks/chunk.A337UTOA.js";
+} from "./chunks/chunk.KAWDESCC.js";
 import {
   SdAnimation
-} from "./chunks/chunk.SB6TO2NI.js";
+} from "./chunks/chunk.D5JLEZPO.js";
 import "./chunks/chunk.TJOP7HQP.js";
 import {
   SdAudio
-} from "./chunks/chunk.NT2XMLYA.js";
+} from "./chunks/chunk.52XEAMVX.js";
 import {
   SdDrawer
-} from "./chunks/chunk.G4M2C6HJ.js";
+} from "./chunks/chunk.SVAL7V6Q.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.Q4BNLRER.js";
+} from "./chunks/chunk.LJ5ONJGL.js";
 import {
   SdThemeListener
-} from "./chunks/chunk.L5OGV3KL.js";
+} from "./chunks/chunk.33KST4RJ.js";
 import {
   SdLoader
-} from "./chunks/chunk.SFIA76OX.js";
+} from "./chunks/chunk.5VCVDFRJ.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.SIFZJP32.js";
+} from "./chunks/chunk.JHSA2DI2.js";
 import "./chunks/chunk.P52GZVKG.js";
 import "./chunks/chunk.RPB53XXV.js";
 import {
@@ -216,10 +211,10 @@ import "./chunks/chunk.4TPOL3LB.js";
 import {
   LocalizeController
 } from "./chunks/chunk.X3FE7OHE.js";
-import "./chunks/chunk.7D23CZ3Y.js";
 import "./chunks/chunk.KE6F4NXN.js";
+import "./chunks/chunk.7D23CZ3Y.js";
 import "./chunks/chunk.X2OQMWGY.js";
-import "./chunks/chunk.RT3GEKSF.js";
+import "./chunks/chunk.DJJN4MJ4.js";
 import "./chunks/chunk.HQWAKJBV.js";
 import "./chunks/chunk.POFWU6ZT.js";
 import "./chunks/chunk.S3NI7NKU.js";
@@ -271,7 +266,6 @@ export {
   SdScrollable,
   SdSelect,
   SdSkeleton,
-  SdSpinner,
   SdStep,
   SdStepGroup,
   SdSwitch,

package/dist/utilities/autocomplete-config.js

@@ -1,8 +1,8 @@
 import {
   setupAutocomplete
 } from "../chunks/chunk.QGERTGJH.js";
-import "../chunks/chunk.XDZE7ROV.js";
-import "../chunks/chunk.RT3GEKSF.js";
+import "../chunks/chunk.C4RJM5BO.js";
+import "../chunks/chunk.DJJN4MJ4.js";
 import "../chunks/chunk.HQWAKJBV.js";
 import "../chunks/chunk.S3NI7NKU.js";
 export {

package/dist/utilities/localize.js

@@ -1,8 +1,8 @@
 import {
   LocalizeController
 } from "../chunks/chunk.X3FE7OHE.js";
-import "../chunks/chunk.7D23CZ3Y.js";
 import "../chunks/chunk.KE6F4NXN.js";
+import "../chunks/chunk.7D23CZ3Y.js";
 import "../chunks/chunk.S3NI7NKU.js";
 export {
   LocalizeController