@solid-design-system/components 6.22.2 → 6.23.0

package/dist/components/range-tick/range-tick.js

@@ -1,10 +1,10 @@
 import {
   SdRangeTick
-} from "../../chunks/chunk.6MYHPN5U.js";
+} from "../../chunks/chunk.NIKLDQ35.js";
 import "../../chunks/chunk.X3FE7OHE.js";
 import "../../chunks/chunk.X4IYFUX6.js";
 import "../../chunks/chunk.BT6SAX2H.js";
-import "../../chunks/chunk.BSWNMA5L.js";
+import "../../chunks/chunk.BVWAKEFC.js";
 import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

package/dist/components/scrollable/scrollable.js

@@ -1,7 +1,7 @@
 import {
   SdScrollable
-} from "../../chunks/chunk.FKQZQZLK.js";
-import "../../chunks/chunk.YEVNQB6X.js";
+} from "../../chunks/chunk.KEUBCTKM.js";
+import "../../chunks/chunk.TRF5JEMH.js";
 import "../../chunks/chunk.2S2PIDCO.js";
 import "../../chunks/chunk.ENZOJSYQ.js";
 import "../../chunks/chunk.6SPABX2F.js";
@@ -12,7 +12,7 @@ import "../../chunks/chunk.X3FE7OHE.js";
 import "../../chunks/chunk.X4IYFUX6.js";
 import "../../chunks/chunk.BT6SAX2H.js";
 import "../../chunks/chunk.X2OQMWGY.js";
-import "../../chunks/chunk.BSWNMA5L.js";
+import "../../chunks/chunk.BVWAKEFC.js";
 import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

package/dist/components/select/select.js

@@ -1,15 +1,15 @@
 import {
   SdSelect
-} from "../../chunks/chunk.B5EIDLLA.js";
-import "../../chunks/chunk.ZXTI2SUI.js";
+} from "../../chunks/chunk.WASJNAOH.js";
+import "../../chunks/chunk.OXCSSHRT.js";
 import "../../chunks/chunk.GI7VDIWX.js";
-import "../../chunks/chunk.72RPJBEE.js";
+import "../../chunks/chunk.TRG462TJ.js";
 import "../../chunks/chunk.WDWV53JP.js";
 import "../../chunks/chunk.C3WIBDGG.js";
 import "../../chunks/chunk.IVMQWO2L.js";
 import "../../chunks/chunk.N4LHE3QK.js";
 import "../../chunks/chunk.B4BZKR24.js";
-import "../../chunks/chunk.YEVNQB6X.js";
+import "../../chunks/chunk.TRF5JEMH.js";
 import "../../chunks/chunk.2S2PIDCO.js";
 import "../../chunks/chunk.ENZOJSYQ.js";
 import "../../chunks/chunk.6SPABX2F.js";
@@ -20,7 +20,7 @@ import "../../chunks/chunk.X3FE7OHE.js";
 import "../../chunks/chunk.X4IYFUX6.js";
 import "../../chunks/chunk.BT6SAX2H.js";
 import "../../chunks/chunk.X2OQMWGY.js";
-import "../../chunks/chunk.BSWNMA5L.js";
+import "../../chunks/chunk.BVWAKEFC.js";
 import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

package/dist/components/skeleton/skeleton.js

@@ -1,7 +1,7 @@
 import {
   SdSkeleton
-} from "../../chunks/chunk.R7T5GVG2.js";
-import "../../chunks/chunk.BSWNMA5L.js";
+} from "../../chunks/chunk.TEHS57B5.js";
+import "../../chunks/chunk.BVWAKEFC.js";
 import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

package/dist/components/spinner/spinner.js

@@ -1,10 +1,10 @@
 import {
   SdSpinner
-} from "../../chunks/chunk.DN2GTRKZ.js";
+} from "../../chunks/chunk.AIG5N2FZ.js";
 import "../../chunks/chunk.X3FE7OHE.js";
 import "../../chunks/chunk.X4IYFUX6.js";
 import "../../chunks/chunk.BT6SAX2H.js";
-import "../../chunks/chunk.BSWNMA5L.js";
+import "../../chunks/chunk.BVWAKEFC.js";
 import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

package/dist/components/step/step.js

@@ -1,8 +1,8 @@
 import {
   SdStep
-} from "../../chunks/chunk.PDGRG77N.js";
+} from "../../chunks/chunk.R6M52RPI.js";
 import "../../chunks/chunk.IVMQWO2L.js";
-import "../../chunks/chunk.YEVNQB6X.js";
+import "../../chunks/chunk.TRF5JEMH.js";
 import "../../chunks/chunk.2S2PIDCO.js";
 import "../../chunks/chunk.ENZOJSYQ.js";
 import "../../chunks/chunk.6SPABX2F.js";
@@ -10,7 +10,7 @@ import "../../chunks/chunk.4TPOL3LB.js";
 import "../../chunks/chunk.P52GZVKG.js";
 import "../../chunks/chunk.RPB53XXV.js";
 import "../../chunks/chunk.X2OQMWGY.js";
-import "../../chunks/chunk.BSWNMA5L.js";
+import "../../chunks/chunk.BVWAKEFC.js";
 import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

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

@@ -1,8 +1,8 @@
 import {
   SdStepGroup
-} from "../../chunks/chunk.RCP5M6QU.js";
+} from "../../chunks/chunk.SLLHUOTL.js";
 import "../../chunks/chunk.X2OQMWGY.js";
-import "../../chunks/chunk.BSWNMA5L.js";
+import "../../chunks/chunk.BVWAKEFC.js";
 import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

package/dist/components/switch/switch.js

@@ -1,11 +1,11 @@
 import {
   SdSwitch
-} from "../../chunks/chunk.6F3OUOGI.js";
+} from "../../chunks/chunk.EIHPDMVS.js";
 import "../../chunks/chunk.GI7VDIWX.js";
 import "../../chunks/chunk.C3WIBDGG.js";
 import "../../chunks/chunk.IVMQWO2L.js";
 import "../../chunks/chunk.X2OQMWGY.js";
-import "../../chunks/chunk.BSWNMA5L.js";
+import "../../chunks/chunk.BVWAKEFC.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.KCMGLGQJ.js";
+} from "../../chunks/chunk.FMLTJI4Z.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.BSWNMA5L.js";
+import "../../chunks/chunk.BVWAKEFC.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.6PLFHNPQ.js";
+} from "../../chunks/chunk.6DDIBH76.js";
 import "../../chunks/chunk.UVI5HHLF.js";
 import "../../chunks/chunk.WDWV53JP.js";
-import "../../chunks/chunk.YEVNQB6X.js";
+import "../../chunks/chunk.TRF5JEMH.js";
 import "../../chunks/chunk.2S2PIDCO.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.BSWNMA5L.js";
+import "../../chunks/chunk.BVWAKEFC.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.XRN52CCW.js";
+} from "../../chunks/chunk.NNMBBWIU.js";
 import "../../chunks/chunk.X2OQMWGY.js";
-import "../../chunks/chunk.BSWNMA5L.js";
+import "../../chunks/chunk.BVWAKEFC.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.ZXTI2SUI.js";
-import "../../chunks/chunk.YEVNQB6X.js";
+} from "../../chunks/chunk.OXCSSHRT.js";
+import "../../chunks/chunk.TRF5JEMH.js";
 import "../../chunks/chunk.2S2PIDCO.js";
 import "../../chunks/chunk.ENZOJSYQ.js";
 import "../../chunks/chunk.6SPABX2F.js";
@@ -12,7 +12,7 @@ import "../../chunks/chunk.X3FE7OHE.js";
 import "../../chunks/chunk.X4IYFUX6.js";
 import "../../chunks/chunk.BT6SAX2H.js";
 import "../../chunks/chunk.X2OQMWGY.js";
-import "../../chunks/chunk.BSWNMA5L.js";
+import "../../chunks/chunk.BVWAKEFC.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.PZ7R7SI7.js";
+} from "../../chunks/chunk.RQN4WSFL.js";
 import "../../chunks/chunk.IVMQWO2L.js";
-import "../../chunks/chunk.BSWNMA5L.js";
+import "../../chunks/chunk.BVWAKEFC.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.F2TFKBU7.js";
+} from "../../chunks/chunk.EYTDOBZ4.js";
 import "../../chunks/chunk.IVMQWO2L.js";
-import "../../chunks/chunk.BSWNMA5L.js";
+import "../../chunks/chunk.BVWAKEFC.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.JJTZNPEM.js";
+} from "../../chunks/chunk.XRYVTNMS.js";
 import "../../chunks/chunk.GI7VDIWX.js";
 import "../../chunks/chunk.C3WIBDGG.js";
 import "../../chunks/chunk.IVMQWO2L.js";
-import "../../chunks/chunk.YEVNQB6X.js";
+import "../../chunks/chunk.TRF5JEMH.js";
 import "../../chunks/chunk.2S2PIDCO.js";
 import "../../chunks/chunk.ENZOJSYQ.js";
 import "../../chunks/chunk.6SPABX2F.js";
@@ -12,7 +12,7 @@ import "../../chunks/chunk.4TPOL3LB.js";
 import "../../chunks/chunk.P52GZVKG.js";
 import "../../chunks/chunk.RPB53XXV.js";
 import "../../chunks/chunk.X2OQMWGY.js";
-import "../../chunks/chunk.BSWNMA5L.js";
+import "../../chunks/chunk.BVWAKEFC.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.HUOIMJZG.js";
-import "../../chunks/chunk.BSWNMA5L.js";
+} from "../../chunks/chunk.RWGWOZ23.js";
+import "../../chunks/chunk.BVWAKEFC.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.54U2NRWY.js";
-import "../../chunks/chunk.72RPJBEE.js";
+} from "../../chunks/chunk.SUQL6D3H.js";
+import "../../chunks/chunk.TRG462TJ.js";
 import "../../chunks/chunk.IVMQWO2L.js";
 import "../../chunks/chunk.N4LHE3QK.js";
 import "../../chunks/chunk.B4BZKR24.js";
-import "../../chunks/chunk.YEVNQB6X.js";
+import "../../chunks/chunk.TRF5JEMH.js";
 import "../../chunks/chunk.2S2PIDCO.js";
 import "../../chunks/chunk.ENZOJSYQ.js";
 import "../../chunks/chunk.6SPABX2F.js";
@@ -16,7 +16,7 @@ import "../../chunks/chunk.X3FE7OHE.js";
 import "../../chunks/chunk.X4IYFUX6.js";
 import "../../chunks/chunk.BT6SAX2H.js";
 import "../../chunks/chunk.X2OQMWGY.js";
-import "../../chunks/chunk.BSWNMA5L.js";
+import "../../chunks/chunk.BVWAKEFC.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.P37X7CAZ.js";
+} from "../../chunks/chunk.LKDQ3TXG.js";
 import "../../chunks/chunk.IVMQWO2L.js";
-import "../../chunks/chunk.YEVNQB6X.js";
+import "../../chunks/chunk.TRF5JEMH.js";
 import "../../chunks/chunk.2S2PIDCO.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.BSWNMA5L.js";
+import "../../chunks/chunk.BVWAKEFC.js";
 import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

package/dist/custom-elements.json

@@ -14743,6 +14743,330 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "components/progress-bar/progress-bar.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "SdProgressBar",
+          "cssProperties": [
+            {
+              "description": "Use this property to set the height of the progress-bar.",
+              "name": "--height"
+            },
+            {
+              "description": "The background color of the progress bar when the `inverted` attribute is set.",
+              "name": "--sd-progress-bar__slide-bar--inverted-color-background"
+            },
+            {
+              "description": "The background color of the progress bar.",
+              "name": "--sd-progress-bar__slide-bar-color-background"
+            },
+            {
+              "description": "The color of the progress indicator when the `inverted` attribute is set.",
+              "name": "--sd-progress-bar--active--inverted-color-background"
+            }
+          ],
+          "cssParts": [
+            {
+              "description": "The component's base wrapper.",
+              "name": "base"
+            },
+            {
+              "description": "Value's on the right side of the indicator.",
+              "name": "value-right"
+            },
+            {
+              "description": "Value's on the bottom of the indicator.",
+              "name": "value-bottom"
+            },
+            {
+              "description": "The label element.",
+              "name": "label"
+            },
+            {
+              "description": "The progress bar's container.",
+              "name": "bar"
+            }
+          ],
+          "slots": [
+            {
+              "description": "The input's label. Alternatively, you can use the `label` attribute.",
+              "name": "label"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "number | null"
+              },
+              "default": "null",
+              "description": "The current progress value.",
+              "attribute": "value",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "max",
+              "type": {
+                "text": "number"
+              },
+              "default": "100",
+              "description": "The maximum progress value.",
+              "attribute": "max",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The progress bar's label. If you need to display HTML, use the `label` slot instead.",
+              "attribute": "label",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "valuePosition",
+              "type": {
+                "text": "'right' | 'bottom' | null"
+              },
+              "default": "null",
+              "description": "Displays the progress value on the right side of the indicator.",
+              "attribute": "value-position",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "inverted",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Inverts the progress bar's colors.",
+              "attribute": "inverted",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "showLabel",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Shows the label visually.",
+              "attribute": "show-label",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "valueFormatter",
+              "type": {
+                "text": "(value: number) => string"
+              },
+              "description": "A function used to format the progress-bar's value.\nThe value of the progress-bar is passed as the only argument.\nThe function should return a string to display in the value-position part."
+            },
+            {
+              "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": "value",
+              "type": {
+                "text": "number | null"
+              },
+              "default": "null",
+              "description": "The current progress value.",
+              "fieldName": "value"
+            },
+            {
+              "name": "max",
+              "type": {
+                "text": "number"
+              },
+              "default": "100",
+              "description": "The maximum progress value.",
+              "fieldName": "max"
+            },
+            {
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The progress bar's label. If you need to display HTML, use the `label` slot instead.",
+              "fieldName": "label"
+            },
+            {
+              "name": "value-position",
+              "type": {
+                "text": "'right' | 'bottom' | null"
+              },
+              "default": "null",
+              "description": "Displays the progress value on the right side of the indicator.",
+              "fieldName": "valuePosition"
+            },
+            {
+              "name": "inverted",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Inverts the progress bar's colors.",
+              "fieldName": "inverted"
+            },
+            {
+              "name": "show-label",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Shows the label visually.",
+              "fieldName": "showLabel"
+            },
+            {
+              "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": "Progress bars are used to visualize the completion state of a process.",
+          "status": "stable",
+          "since": "6.23",
+          "tagName": "sd-progress-bar",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "SdProgressBar",
+            "module": "components/progress-bar/progress-bar.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "sd-progress-bar",
+          "declaration": {
+            "name": "SdProgressBar",
+            "module": "components/progress-bar/progress-bar.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "components/quickfact/quickfact.js",
@@ -23321,7 +23645,7 @@
   "package": {
     "name": "@solid-design-system/components",
     "description": "Solid Design System: Components",
-    "version": "6.22.2",
+    "version": "6.23.0",
     "author": "Union Investment",
     "homepage": "https://solid-design-system.fe.union-investment.de/docs/",
     "license": "MIT"

package/dist/solid-components.d.ts

@@ -33,6 +33,7 @@ export { default as SdNotification } from './components/notification/notificatio
 export { default as SdOptgroup } from './components/optgroup/optgroup.js';
 export { default as SdOption } from './components/option/option.js';
 export { default as SdPopup } from './components/popup/popup.js';
+export { default as SdProgressBar } from './components/progress-bar/progress-bar.js';
 export { default as SdQuickfact } from './components/quickfact/quickfact.js';
 export { default as SdRadio } from './components/radio/radio.js';
 export { default as SdRadioButton } from './components/radio-button/radio-button.js';