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

package/dist/components/video/video.js

@@ -1,8 +1,8 @@
 import {
   SdVideo
-} from "../../chunks/chunk.X6ZZWTS7.js";
+} from "../../chunks/chunk.IUE6LRBW.js";
 import "../../chunks/chunk.IVMQWO2L.js";
-import "../../chunks/chunk.KDPFXMT7.js";
+import "../../chunks/chunk.JSWS6X3U.js";
 import "../../chunks/chunk.54DGZ62W.js";
 import "../../chunks/chunk.ENZOJSYQ.js";
 import "../../chunks/chunk.6SPABX2F.js";
@@ -11,10 +11,10 @@ import "../../chunks/chunk.4TPOL3LB.js";
 import "../../chunks/chunk.P52GZVKG.js";
 import "../../chunks/chunk.RPB53XXV.js";
 import "../../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.ZZYKQTZB.js";
 import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

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": [
             {
@@ -18869,177 +18871,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 +23554,7 @@
   "package": {
     "name": "@solid-design-system/components",
     "description": "Solid Design System: Components",
-    "version": "7.0.0-next.3",
+    "version": "7.0.0-next.4",
     "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,199 @@ import {
 import "./chunks/chunk.HAL7R4WT.js";
 import {
   SdTeaser
-} from "./chunks/chunk.TXBRN4WB.js";
+} from "./chunks/chunk.55JRGHYZ.js";
 import {
   SdTeaserMedia
-} from "./chunks/chunk.WD6OT624.js";
+} from "./chunks/chunk.R7AKCNLH.js";
 import {
   SdTextarea
-} from "./chunks/chunk.332BBYHT.js";
-import {
-  SdThemeListener
-} from "./chunks/chunk.HVKZA5Q2.js";
+} from "./chunks/chunk.2MPKSDFV.js";
 import {
   SdVideo
-} from "./chunks/chunk.X6ZZWTS7.js";
+} from "./chunks/chunk.IUE6LRBW.js";
 import {
   SdSkeleton
-} from "./chunks/chunk.WJFZKOMO.js";
-import {
-  SdSpinner
-} from "./chunks/chunk.NAAQDM44.js";
+} from "./chunks/chunk.JRWHGSFU.js";
 import {
   SdStep
-} from "./chunks/chunk.QUNBU6CO.js";
+} from "./chunks/chunk.I2RFDBMV.js";
 import {
   SdStepGroup
-} from "./chunks/chunk.4UWPPYNK.js";
+} from "./chunks/chunk.J5LGPQPF.js";
 import {
   SdSwitch
-} from "./chunks/chunk.IU2IAYUW.js";
+} from "./chunks/chunk.QUBMQHBS.js";
 import {
   SdTab
-} from "./chunks/chunk.4ICMHKGL.js";
+} from "./chunks/chunk.5LCAXSSU.js";
 import {
   SdTabGroup
-} from "./chunks/chunk.ENPE3AO3.js";
+} from "./chunks/chunk.FUTFHFME.js";
 import {
   SdTabPanel
-} from "./chunks/chunk.MLBOR3OA.js";
+} from "./chunks/chunk.KRQXRRDJ.js";
 import {
   SdRadioButton
-} from "./chunks/chunk.ICBYOTXZ.js";
+} from "./chunks/chunk.YPXPF4CW.js";
 import {
   SdRadioGroup
-} from "./chunks/chunk.ZINALM6Z.js";
+} from "./chunks/chunk.JZOKETCG.js";
 import {
   SdRadio
-} from "./chunks/chunk.GWLYBCED.js";
+} from "./chunks/chunk.TIURA3CR.js";
 import {
   SdRange
-} from "./chunks/chunk.HQZ5Y72U.js";
+} from "./chunks/chunk.EPA3ZMZ6.js";
 import {
   SdTooltip
-} from "./chunks/chunk.EI5PCGH6.js";
+} from "./chunks/chunk.MEDGQUDQ.js";
 import "./chunks/chunk.D3YSIVTB.js";
 import {
   SdRangeTick
-} from "./chunks/chunk.Y32GRFGF.js";
+} from "./chunks/chunk.CEAD7GE5.js";
 import {
   SdScrollable
-} from "./chunks/chunk.CFE22DL2.js";
+} from "./chunks/chunk.UQW2D27E.js";
 import {
   SdSelect
-} from "./chunks/chunk.FAQBBAJ3.js";
+} from "./chunks/chunk.JO3VO5XL.js";
 import {
   SdNavigationItem
-} from "./chunks/chunk.HX75WC4T.js";
+} from "./chunks/chunk.IFK35LWT.js";
 import {
   SdNotification
-} from "./chunks/chunk.4KQSESLL.js";
+} from "./chunks/chunk.XLRNOFGT.js";
 import {
   SdOptgroup
-} from "./chunks/chunk.64V7RPJM.js";
+} from "./chunks/chunk.D333WSUU.js";
 import {
   SdOption
-} from "./chunks/chunk.EBLUHAPV.js";
+} from "./chunks/chunk.2A2XLAZ6.js";
 import {
   SdProgressBar
-} from "./chunks/chunk.RH3RR3MN.js";
+} from "./chunks/chunk.MCRDVATU.js";
 import {
   SdQuickfact
-} from "./chunks/chunk.I5TVWNGY.js";
+} from "./chunks/chunk.5MKROBU2.js";
 import {
   SdInclude
-} from "./chunks/chunk.XZHZDSPQ.js";
+} from "./chunks/chunk.Z7YV6XJB.js";
 import {
   SdInput
-} from "./chunks/chunk.MZXDJ23T.js";
+} from "./chunks/chunk.VVGDAH3Y.js";
 import {
   SdMapMarker
-} from "./chunks/chunk.XUYPFGE4.js";
+} from "./chunks/chunk.FHZBC7YI.js";
 import {
   SdMenu
-} from "./chunks/chunk.LNZEJCES.js";
+} from "./chunks/chunk.JL5JAIKK.js";
 import {
   SdMenuItem
-} from "./chunks/chunk.EAM3NSOC.js";
+} from "./chunks/chunk.5R6X3OUC.js";
 import "./chunks/chunk.KEJFWGZI.js";
 import {
   SdHeader
-} from "./chunks/chunk.BGHQYSC6.js";
+} from "./chunks/chunk.SYN6Y7B2.js";
 import {
   SdDatepicker
-} from "./chunks/chunk.POPOYCUO.js";
+} from "./chunks/chunk.PZYEO6JX.js";
 import "./chunks/chunk.A4LR62QO.js";
 import "./chunks/chunk.TJ2FFWLY.js";
 import {
   SdDialog
-} from "./chunks/chunk.HXXLOMBL.js";
+} from "./chunks/chunk.NHGPTJYA.js";
 import {
   SdDivider
-} from "./chunks/chunk.L3TT74JB.js";
+} from "./chunks/chunk.JBF2NX2O.js";
 import {
   SdExpandable
-} from "./chunks/chunk.ZI4J2JI6.js";
+} from "./chunks/chunk.QE5IYB7Q.js";
 import {
   SdFlipcard
-} from "./chunks/chunk.NDQTMQGH.js";
+} from "./chunks/chunk.RBFDHNCA.js";
 import {
   SdCheckbox
-} from "./chunks/chunk.LM6MZUBT.js";
+} from "./chunks/chunk.6V4BBUOB.js";
 import {
   SdCheckboxGroup
-} from "./chunks/chunk.CBXPY7RV.js";
+} from "./chunks/chunk.CST7TW6Q.js";
 import {
   SdCombobox
-} from "./chunks/chunk.JO4VO3DE.js";
+} from "./chunks/chunk.PHDXES2E.js";
 import {
   SdTag
-} from "./chunks/chunk.DZ6FRKXI.js";
+} from "./chunks/chunk.MACUA7LR.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.CRTYDXIZ.js";
 import {
   SdBrandshape
-} from "./chunks/chunk.YC54RFTI.js";
+} from "./chunks/chunk.HKGKJSNK.js";
 import {
   SdBreadcrumb
-} from "./chunks/chunk.TACTLKX6.js";
+} from "./chunks/chunk.V3OXFXTL.js";
 import {
   SdDropdown
-} from "./chunks/chunk.DJIFAD75.js";
+} from "./chunks/chunk.VUBZTPBJ.js";
 import {
   SdPopup
-} from "./chunks/chunk.K5UVAUSH.js";
+} from "./chunks/chunk.5N723KVX.js";
 import {
   SdBreadcrumbItem
-} from "./chunks/chunk.WCTYTU3K.js";
+} from "./chunks/chunk.AKFD4POM.js";
 import {
   SdLink
-} from "./chunks/chunk.IJQGWINY.js";
-import "./chunks/chunk.NHPAPNCA.js";
+} from "./chunks/chunk.6A4V3BDD.js";
+import "./chunks/chunk.XO2EYEOQ.js";
 import {
   SdCarousel
-} from "./chunks/chunk.H6K6J6HB.js";
+} from "./chunks/chunk.T227KIHC.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.FKT27XGY.js";
 import "./chunks/chunk.F4VGSDIW.js";
 import {
   SdAccordionGroup
-} from "./chunks/chunk.NEWIPIU5.js";
+} from "./chunks/chunk.AHYFAMPB.js";
 import {
   SdAccordion
-} from "./chunks/chunk.H4N3X443.js";
+} from "./chunks/chunk.DEBCAM5G.js";
 import {
   SdAnimation
-} from "./chunks/chunk.PJELKFNY.js";
+} from "./chunks/chunk.AF7LVJ42.js";
 import "./chunks/chunk.TJOP7HQP.js";
 import {
   SdAudio
-} from "./chunks/chunk.FRTXHCPD.js";
+} from "./chunks/chunk.M2JKMFD5.js";
 import {
   SdDrawer
-} from "./chunks/chunk.CEEZZN7A.js";
+} from "./chunks/chunk.5Q7N5BFG.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.L4AFCWKB.js";
+import {
+  SdThemeListener
+} from "./chunks/chunk.2WRG4JLD.js";
 import {
   SdLoader
-} from "./chunks/chunk.U4QAR37W.js";
+} from "./chunks/chunk.CQ6DFCND.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.JSWS6X3U.js";
 import {
   registerIconLibrary,
   unregisterIconLibrary
@@ -213,10 +210,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.ZZYKQTZB.js";
 import "./chunks/chunk.HQWAKJBV.js";
 import "./chunks/chunk.POFWU6ZT.js";
 import "./chunks/chunk.S3NI7NKU.js";
@@ -267,7 +264,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.5N723KVX.js";
+import "../chunks/chunk.ZZYKQTZB.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

@@ -2793,37 +2793,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.",

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.3",
+  "version": "7.0.0-next.4",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -6457,53 +6457,6 @@
             "events": []
           }
         },
-        {
-          "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.",
-          "doc-url": "",
-          "attributes": [
-            {
-              "name": "color",
-              "description": "The color color of the spinner.",
-              "value": {
-                "type": "'primary' | 'white' | 'currentColor'",
-                "default": "'currentColor'"
-              }
-            },
-            {
-              "name": "dir",
-              "description": "The element's directionality.",
-              "value": { "type": "'ltr' | 'rtl' | 'auto'" }
-            },
-            {
-              "name": "lang",
-              "description": "The element's language.",
-              "value": { "type": "string" }
-            }
-          ],
-          "events": [],
-          "js": {
-            "properties": [
-              {
-                "name": "color",
-                "description": "The color color of the spinner.",
-                "type": "'primary' | 'white' | 'currentColor'"
-              },
-              { "name": "localize" },
-              {
-                "name": "dir",
-                "description": "The element's directionality.",
-                "type": "'ltr' | 'rtl' | 'auto'"
-              },
-              {
-                "name": "lang",
-                "description": "The element's language.",
-                "type": "string"
-              }
-            ],
-            "events": []
-          }
-        },
         {
           "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.",