@solid-design-system/components 7.0.0-next.3 → 7.0.0-next.5

package/dist/custom-elements.json

@@ -3395,7 +3395,8 @@
           "since": "1.0",
           "dependencies": [
             "sd-icon",
-            "sd-loader"
+            "sd-loader",
+            "sd-theme-listener"
           ],
           "tagName": "sd-button",
           "customElement": true
@@ -7608,7 +7609,8 @@
           "since": "1.40.0",
           "dependencies": [
             "sd-button",
-            "sd-icon"
+            "sd-icon",
+            "sd-theme-listener"
           ],
           "animations": [
             {
@@ -7879,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"
@@ -7906,6 +7904,10 @@
             {
               "description": "The drawer's footer.",
               "name": "footer"
+            },
+            {
+              "description": "The overlay that covers the screen behind the drawer.",
+              "name": "overlay"
             }
           ],
           "slots": [
@@ -7962,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",
@@ -8130,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": {
@@ -18869,177 +18851,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",
@@ -23723,7 +23534,7 @@
   "package": {
     "name": "@solid-design-system/components",
     "description": "Solid Design System: Components",
-    "version": "7.0.0-next.3",
+    "version": "7.0.0-next.5",
     "author": "Union Investment",
     "homepage": "https://solid-design-system.fe.union-investment.de/docs/",
     "license": "MIT"

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

@@ -4,202 +4,197 @@ import {
 import "./chunks/chunk.HAL7R4WT.js";
 import {
   SdTeaser
-} from "./chunks/chunk.TXBRN4WB.js";
+} from "./chunks/chunk.RSD5I5OR.js";
 import {
   SdTeaserMedia
-} from "./chunks/chunk.WD6OT624.js";
+} from "./chunks/chunk.P6YU4LMU.js";
 import {
   SdTextarea
-} from "./chunks/chunk.332BBYHT.js";
-import {
-  SdThemeListener
-} from "./chunks/chunk.HVKZA5Q2.js";
+} from "./chunks/chunk.UKTYKIVT.js";
 import {
   SdVideo
-} from "./chunks/chunk.X6ZZWTS7.js";
+} from "./chunks/chunk.5UYXIS2U.js";
 import {
   SdSkeleton
-} from "./chunks/chunk.WJFZKOMO.js";
-import {
-  SdSpinner
-} from "./chunks/chunk.NAAQDM44.js";
+} from "./chunks/chunk.7EWDTJLW.js";
 import {
   SdStep
-} from "./chunks/chunk.QUNBU6CO.js";
+} from "./chunks/chunk.TKBGSMUY.js";
 import {
   SdStepGroup
-} from "./chunks/chunk.4UWPPYNK.js";
+} from "./chunks/chunk.4RYOOAMJ.js";
 import {
   SdSwitch
-} from "./chunks/chunk.IU2IAYUW.js";
+} from "./chunks/chunk.OTLW445M.js";
 import {
   SdTab
-} from "./chunks/chunk.4ICMHKGL.js";
+} from "./chunks/chunk.NOJRZ6MM.js";
 import {
   SdTabGroup
-} from "./chunks/chunk.ENPE3AO3.js";
+} from "./chunks/chunk.TIEOFZYQ.js";
 import {
   SdTabPanel
-} from "./chunks/chunk.MLBOR3OA.js";
+} from "./chunks/chunk.B7QQBC4A.js";
 import {
   SdRadioButton
-} from "./chunks/chunk.ICBYOTXZ.js";
+} from "./chunks/chunk.32OX3VGB.js";
 import {
   SdRadioGroup
-} from "./chunks/chunk.ZINALM6Z.js";
+} from "./chunks/chunk.AH2NSGQE.js";
 import {
   SdRadio
-} from "./chunks/chunk.GWLYBCED.js";
+} from "./chunks/chunk.6CESNAQW.js";
 import {
   SdRange
-} from "./chunks/chunk.HQZ5Y72U.js";
+} from "./chunks/chunk.3LN66WKN.js";
 import {
   SdTooltip
-} from "./chunks/chunk.EI5PCGH6.js";
+} from "./chunks/chunk.BTR7H5XJ.js";
 import "./chunks/chunk.D3YSIVTB.js";
 import {
   SdRangeTick
-} from "./chunks/chunk.Y32GRFGF.js";
+} from "./chunks/chunk.HT4CXANK.js";
 import {
   SdScrollable
-} from "./chunks/chunk.CFE22DL2.js";
+} from "./chunks/chunk.67R42AVH.js";
 import {
   SdSelect
-} from "./chunks/chunk.FAQBBAJ3.js";
+} from "./chunks/chunk.EWMWCZTD.js";
 import {
   SdNavigationItem
-} from "./chunks/chunk.HX75WC4T.js";
+} from "./chunks/chunk.L2UTLZMO.js";
 import {
   SdNotification
-} from "./chunks/chunk.4KQSESLL.js";
+} from "./chunks/chunk.N4J4DBP3.js";
 import {
   SdOptgroup
-} from "./chunks/chunk.64V7RPJM.js";
+} from "./chunks/chunk.DLZAEQ2O.js";
 import {
   SdOption
-} from "./chunks/chunk.EBLUHAPV.js";
+} from "./chunks/chunk.QQPQLZHK.js";
 import {
   SdProgressBar
-} from "./chunks/chunk.RH3RR3MN.js";
+} from "./chunks/chunk.TOYRWMA7.js";
 import {
   SdQuickfact
-} from "./chunks/chunk.I5TVWNGY.js";
+} from "./chunks/chunk.NGQVZR65.js";
 import {
   SdInclude
-} from "./chunks/chunk.XZHZDSPQ.js";
+} from "./chunks/chunk.SICWGHUQ.js";
 import {
   SdInput
-} from "./chunks/chunk.MZXDJ23T.js";
+} from "./chunks/chunk.VSYHG5GU.js";
 import {
   SdMapMarker
-} from "./chunks/chunk.XUYPFGE4.js";
+} from "./chunks/chunk.UH5VKHLA.js";
 import {
   SdMenu
-} from "./chunks/chunk.LNZEJCES.js";
+} from "./chunks/chunk.WHUUNX46.js";
 import {
   SdMenuItem
-} from "./chunks/chunk.EAM3NSOC.js";
+} from "./chunks/chunk.KAHMCI5G.js";
 import "./chunks/chunk.KEJFWGZI.js";
 import {
   SdHeader
-} from "./chunks/chunk.BGHQYSC6.js";
+} from "./chunks/chunk.EAIVAETN.js";
 import {
   SdDatepicker
-} from "./chunks/chunk.POPOYCUO.js";
+} from "./chunks/chunk.GT7FZLGE.js";
 import "./chunks/chunk.A4LR62QO.js";
 import "./chunks/chunk.TJ2FFWLY.js";
 import {
   SdDialog
-} from "./chunks/chunk.HXXLOMBL.js";
+} from "./chunks/chunk.JASUQLAD.js";
 import {
   SdDivider
-} from "./chunks/chunk.L3TT74JB.js";
+} from "./chunks/chunk.MRILLKXL.js";
 import {
   SdExpandable
-} from "./chunks/chunk.ZI4J2JI6.js";
+} from "./chunks/chunk.JTMMFUZB.js";
 import {
   SdFlipcard
-} from "./chunks/chunk.NDQTMQGH.js";
+} from "./chunks/chunk.FINTCURG.js";
 import {
   SdCheckbox
-} from "./chunks/chunk.LM6MZUBT.js";
+} from "./chunks/chunk.OLFMBF36.js";
 import {
   SdCheckboxGroup
-} from "./chunks/chunk.CBXPY7RV.js";
+} from "./chunks/chunk.S5SH4NHT.js";
 import {
   SdCombobox
-} from "./chunks/chunk.JO4VO3DE.js";
+} from "./chunks/chunk.53FS6JNC.js";
 import {
   SdTag
-} from "./chunks/chunk.DZ6FRKXI.js";
+} from "./chunks/chunk.PEL5LYB5.js";
 import "./chunks/chunk.GI7VDIWX.js";
 import "./chunks/chunk.WBJBQ4QI.js";
 import "./chunks/chunk.UIQBHPD3.js";
 import {
   SdBadge
-} from "./chunks/chunk.ROTKRIJL.js";
+} from "./chunks/chunk.BNPZJWJE.js";
 import {
   SdBrandshape
-} from "./chunks/chunk.YC54RFTI.js";
+} from "./chunks/chunk.HHEFJRDJ.js";
 import {
   SdBreadcrumb
-} from "./chunks/chunk.TACTLKX6.js";
+} from "./chunks/chunk.B6PFRZJR.js";
 import {
   SdDropdown
-} from "./chunks/chunk.DJIFAD75.js";
+} from "./chunks/chunk.4NXRXHFJ.js";
+import "./chunks/chunk.LTZVVIB2.js";
 import {
   SdPopup
-} from "./chunks/chunk.K5UVAUSH.js";
+} from "./chunks/chunk.6VJCUBYA.js";
 import {
   SdBreadcrumbItem
-} from "./chunks/chunk.WCTYTU3K.js";
+} from "./chunks/chunk.PJ6U5FXI.js";
 import {
   SdLink
-} from "./chunks/chunk.IJQGWINY.js";
-import "./chunks/chunk.NHPAPNCA.js";
+} from "./chunks/chunk.BBE2NXFL.js";
+import "./chunks/chunk.D55CZ6ZH.js";
 import {
   SdCarousel
-} from "./chunks/chunk.H6K6J6HB.js";
+} from "./chunks/chunk.Y43SJPR7.js";
 import "./chunks/chunk.W2YDXTG5.js";
 import "./chunks/chunk.6RE6UZ72.js";
 import "./chunks/chunk.UVI5HHLF.js";
 import {
   SdCarouselItem
-} from "./chunks/chunk.YEAB2PEA.js";
+} from "./chunks/chunk.JA4XDN7F.js";
 import "./chunks/chunk.F4VGSDIW.js";
 import {
   SdAccordionGroup
-} from "./chunks/chunk.NEWIPIU5.js";
+} from "./chunks/chunk.JUTMQBRS.js";
 import {
   SdAccordion
-} from "./chunks/chunk.H4N3X443.js";
+} from "./chunks/chunk.F4HCPBUG.js";
 import {
   SdAnimation
-} from "./chunks/chunk.PJELKFNY.js";
+} from "./chunks/chunk.5UMZRILA.js";
 import "./chunks/chunk.TJOP7HQP.js";
 import {
   SdAudio
-} from "./chunks/chunk.FRTXHCPD.js";
+} from "./chunks/chunk.YDZWM7S4.js";
 import {
   SdDrawer
-} from "./chunks/chunk.CEEZZN7A.js";
+} from "./chunks/chunk.R2BSLQAY.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.TF2CAVQI.js";
+} from "./chunks/chunk.USNOEKSJ.js";
+import {
+  SdThemeListener
+} from "./chunks/chunk.IPKJYONP.js";
 import {
   SdLoader
-} from "./chunks/chunk.U4QAR37W.js";
+} from "./chunks/chunk.OUQ5M3MT.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.KDPFXMT7.js";
+} from "./chunks/chunk.FQ4HNT4C.js";
 import {
   registerIconLibrary,
   unregisterIconLibrary
@@ -213,10 +208,10 @@ import "./chunks/chunk.RPB53XXV.js";
 import {
   LocalizeController
 } from "./chunks/chunk.X3FE7OHE.js";
-import "./chunks/chunk.BT6SAX2H.js";
 import "./chunks/chunk.X4IYFUX6.js";
+import "./chunks/chunk.BT6SAX2H.js";
 import "./chunks/chunk.X2OQMWGY.js";
-import "./chunks/chunk.O6I23JYG.js";
+import "./chunks/chunk.NQYRZUCX.js";
 import "./chunks/chunk.HQWAKJBV.js";
 import "./chunks/chunk.POFWU6ZT.js";
 import "./chunks/chunk.S3NI7NKU.js";
@@ -267,7 +262,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.K5UVAUSH.js";
-import "../chunks/chunk.O6I23JYG.js";
+import "../chunks/chunk.6VJCUBYA.js";
+import "../chunks/chunk.NQYRZUCX.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.BT6SAX2H.js";
 import "../chunks/chunk.X4IYFUX6.js";
+import "../chunks/chunk.BT6SAX2H.js";
 import "../chunks/chunk.S3NI7NKU.js";
 export {
   LocalizeController

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.",
@@ -2793,37 +2788,6 @@
         }
       ]
     },
-    {
-      "name": "sd-spinner",
-      "description": "Used as a visual indicator with a looping animation that shows loading is in process.\n---\n\n\n### **Methods:**\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.",
-      "attributes": [
-        {
-          "name": "color",
-          "description": "The color color of the spinner.",
-          "values": [
-            { "name": "primary" },
-            { "name": "white" },
-            { "name": "currentColor" }
-          ]
-        },
-        {
-          "name": "dir",
-          "description": "The element's directionality.",
-          "values": [{ "name": "ltr" }, { "name": "rtl" }, { "name": "auto" }]
-        },
-        {
-          "name": "lang",
-          "description": "The element's language.",
-          "values": []
-        }
-      ],
-      "references": [
-        {
-          "name": "Documentation",
-          "url": "https://solid-design-system.fe.union-investment.de/docs/?path=/docs/components-sd-spinner--docs"
-        }
-      ]
-    },
     {
       "name": "sd-step",
       "description": "Used to determine a step in a process or task inside `sd-step-group`.\n---\n\n\n### **Events:**\n - **sd-blur** - Emitted when the button loses focus.\n- **sd-focus** - Emitted when the button gains focus.\n\n### **Methods:**\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 step's description.\n- **label** - The step's label.\n- **circle-content** - The content inside a step circle. This could be an icon or a number.\n\n### **CSS Properties:**\n - **--sd-step__circle-border-width** - The border width of the step circle. _(default: undefined)_\n- **--sd-step__tail-border-width** - The border width of the step tail. _(default: undefined)_\n- **--sd-step-color-text** - The color text for non-interactive steps. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **circle-and-tail-container** - The container that wraps the step's circle and tail.\n- **circle** - The circle that marks the step's state.\n- **tail** - The step's tail.\n- **text-container** - The container that wraps the step's label and description.\n- **label** - The step's label.\n- **description** - The step's description.",