@stihl-design-system/components 1.0.0-RC.41 → 1.0.0-RC.43

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (167) hide show
  1. package/{accordion.CiiPLwYQ.js → accordion.CJYNJWAm.js} +2 -2
  2. package/action-card-example-image-1.webp +0 -0
  3. package/{actionbutton.DKb4ph1c.js → actionbutton.BLKEsCUm.js} +3 -3
  4. package/actioncard.WFXhVqOa.js +9 -0
  5. package/actioncard.d.ts +2 -0
  6. package/{actionlink.DEGta2h9.js → actionlink.xJDPIikL.js} +3 -3
  7. package/arialiveregions.BF6mUlPU.js +23 -0
  8. package/assets/ActionCard.C85bSGRa.css +1 -0
  9. package/assets/LinkCard.fwyPSY19.css +1 -0
  10. package/assets/Toast.CGl8z6mX.css +1 -0
  11. package/assets/filelist.CHVupL8T.css +1 -0
  12. package/assets/filepreview.2cdH-1Xs.css +1 -0
  13. package/assets/progressindicator.Cbbzo5-b.css +1 -0
  14. package/{banner.S_c1UQJe.js → banner.CYahlug-.js} +1 -1
  15. package/{breadcrumb.DiuuVblR.js → breadcrumb.Bg86bTsh.js} +3 -3
  16. package/{button.Z7Mmvwhv.js → button.oshwTInZ.js} +4 -4
  17. package/{buttonround.Bqi8Ej-y.js → buttonround.CPTvQIcE.js} +3 -3
  18. package/{checkbox.DtSSduSH.js → checkbox.BTnK5VzM.js} +3 -3
  19. package/{checkboxgroup.CSP1DOCW.js → checkboxgroup.DESMv2S7.js} +2 -2
  20. package/{chip.CyypeY5M.js → chip.BWL_yfeA.js} +3 -3
  21. package/chipgroup.DvoNDnTN.js +213 -0
  22. package/chunks/{Accordion.Q50G9LZ3.js → Accordion.D4jj5_nA.js} +1 -1
  23. package/chunks/{ActionButton.BEMy35Lh.js → ActionButton.BOKt8109.js} +2 -2
  24. package/chunks/ActionCard.oi3u27DL.js +242 -0
  25. package/chunks/{ActionLink.DECHT42B.js → ActionLink.BFwVQSTh.js} +2 -2
  26. package/chunks/AriaLiveRegions.utils.8ofDlHnN.js +65 -0
  27. package/chunks/{Breadcrumb.nflDJoKs.js → Breadcrumb.ClHgevZX.js} +2 -2
  28. package/chunks/{Button.DpGeheky.js → Button.BdqkFovu.js} +3 -3
  29. package/chunks/{Checkbox.B3NeB54s.js → Checkbox.vdWpXSUh.js} +2 -2
  30. package/chunks/{CheckboxGroup.BYZSvqF7.js → CheckboxGroup.BtVBLux3.js} +2 -2
  31. package/chunks/Chip.B_zwA2qc.js +157 -0
  32. package/chunks/{CustomReactSelect.DBsnmMPl.js → CustomReactSelect.Dtf3mXJ_.js} +4 -4
  33. package/chunks/{Dialog.C-rcs_Up.js → Dialog.9tejL9sZ.js} +1 -1
  34. package/chunks/{Drawer.D0d557c5.js → Drawer.DIFMs4Gh.js} +1 -1
  35. package/chunks/{Fieldset.7WM7w62l.js → Fieldset.8jatF24R.js} +2 -2
  36. package/chunks/Icon.BoxUJQDT.js +232 -0
  37. package/chunks/InputFile.zbXRpklU.js +260 -0
  38. package/chunks/{InputNumber.a44HnJ9B.js → InputNumber.d7gmAHaX.js} +3 -3
  39. package/chunks/{InputPassword.B1E0Maub.js → InputPassword.Cz41hBCt.js} +3 -3
  40. package/chunks/{InputSearch.C7AvD7Eu.js → InputSearch.DPQCT8Yo.js} +3 -3
  41. package/chunks/{LinkButton.CMjq2FKc.js → LinkButton.BGQOwjnE.js} +2 -2
  42. package/chunks/LinkCard.DRATPHdd.js +178 -0
  43. package/chunks/{NavigationTabList.ltT6igtk.js → NavigationTabList.Cf6csU_F.js} +1 -1
  44. package/chunks/{NavigationTabs.DsVepb7H.js → NavigationTabs.CSTtXPxd.js} +1 -1
  45. package/chunks/{Notification.COwLndR0.js → Notification.ChSYPU3r.js} +2 -2
  46. package/chunks/Popover.BSL3AilG.js +221 -0
  47. package/chunks/{RadioGroup.B-qTH31u.js → RadioGroup.DauFXAk6.js} +1 -1
  48. package/chunks/{Select.DrDVi9lg.js → Select.CWA7DHcL.js} +3 -3
  49. package/chunks/{Slider.DGMrDfWv.js → Slider.2ltYhUJb.js} +2 -2
  50. package/chunks/Stepper.Dh69BOVR.js +146 -0
  51. package/chunks/{SystemFeedback.DFN6Y2cw.js → SystemFeedback.C2XFC5WN.js} +1 -1
  52. package/chunks/{Tabs.DfH2q9EL.js → Tabs.BvwiBlXt.js} +1 -1
  53. package/chunks/{Textarea.ymNCbcvH.js → Textarea.Ck0sw4SI.js} +2 -2
  54. package/chunks/Toast.Ck4woVuy.js +76 -0
  55. package/chunks/battery-return.tBu7C6Q7.js +10 -0
  56. package/chunks/cookie.U09gK6it.js +10 -0
  57. package/chunks/credit-card.BmIN7RQ3.js +10 -0
  58. package/chunks/legal-info.-S9gzFzc.js +10 -0
  59. package/chunks/legal.CVCmbA3m.js +10 -0
  60. package/chunks/present.B4ImIJxi.js +10 -0
  61. package/chunks/return-package.Bt9FUc42.js +10 -0
  62. package/{combobox.DzSEFo_5.js → combobox.zkQtaMOE.js} +1 -1
  63. package/components/ActionButton/ActionButton.d.ts +1 -1
  64. package/components/ActionCard/ActionCard.d.ts +75 -0
  65. package/components/ActionCard/ActionCard.utils.d.ts +24 -0
  66. package/components/AriaLiveRegions/AriaLiveRegions.d.ts +22 -1
  67. package/components/AriaLiveRegions/AriaLiveRegions.test.d.ts +1 -0
  68. package/components/AriaLiveRegions/AriaLiveRegions.utils.d.ts +106 -0
  69. package/components/Breadcrumb/Breadcrumb.d.ts +1 -1
  70. package/components/Button/Button.d.ts +1 -1
  71. package/components/ChipGroup/ChipGroup.utils.d.ts +14 -15
  72. package/components/Icon/Icon.d.ts +1 -1
  73. package/components/InputFile/FileList/FileList.d.ts +14 -0
  74. package/components/InputFile/FileList/FileList.test.d.ts +1 -0
  75. package/components/{FileList → InputFile/FileList}/FileList.utils.d.ts +0 -6
  76. package/components/InputFile/FileList/FileList.utils.test.d.ts +1 -0
  77. package/components/InputFile/FileList/FilePreview/FilePreview.d.ts +15 -0
  78. package/components/InputFile/FileList/FilePreview/FilePreview.test.d.ts +1 -0
  79. package/components/InputFile/FileList/FilePreview/FilePreview.utils.d.ts +11 -0
  80. package/components/InputFile/FileList/FilePreview/FilePreview.utils.test.d.ts +1 -0
  81. package/components/InputFile/FileList/ProgressIndicator/ProgressIndicator.d.ts +34 -0
  82. package/components/InputFile/FileList/ProgressIndicator/ProgressIndicator.test.d.ts +1 -0
  83. package/components/InputFile/InputFile.d.ts +49 -15
  84. package/components/InputFile/InputFile.utils.d.ts +14 -0
  85. package/components/LinkButton/LinkButton.d.ts +1 -1
  86. package/components/LinkCard/LinkCard.d.ts +16 -4
  87. package/components/Logo/Logo.d.ts +1 -1
  88. package/components/NavigationTabs/NavigationTabs.d.ts +1 -1
  89. package/components/Spinner/Spinner.d.ts +1 -1
  90. package/components/Stepper/Stepper.d.ts +1 -1
  91. package/components/Stepper/Stepper.utils.d.ts +0 -1
  92. package/components/Switch/Switch.d.ts +1 -1
  93. package/components/Tabs/TabList/TabList.d.ts +1 -1
  94. package/components/Toast/ToastManager.utils.d.ts +0 -1
  95. package/components/TopBar/TopBar.d.ts +1 -1
  96. package/{customreactselect.D7YraWJ7.js → customreactselect.DbPXuk-C.js} +5 -5
  97. package/{dialog.CBovd8em.js → dialog.wzLHG12h.js} +2 -2
  98. package/{drawer.D5F0KXI2.js → drawer.DnHZCC60.js} +2 -2
  99. package/{fieldset.DgbZ_K_l.js → fieldset.DUU39krR.js} +3 -3
  100. package/filelist.d.ts +1 -1
  101. package/filelist.zRCzEN5D.js +128 -0
  102. package/filepreview.CK8DA0aR.js +94 -0
  103. package/filepreview.d.ts +2 -0
  104. package/{flag.D-wrUioF.js → flag.02uD-ADh.js} +1 -1
  105. package/{floatingactionbutton.CE-Rz0dx.js → floatingactionbutton.BwmRfmD_.js} +3 -3
  106. package/{icon.ByLYRkPZ.js → icon.DFM8rDOR.js} +1 -1
  107. package/index.d.ts +3 -0
  108. package/index.es.js +233 -219
  109. package/{input.MZXe6rlg.js → input.yBU7wjmW.js} +4 -4
  110. package/inputfile.BRt_BWK8.js +18 -0
  111. package/{inputnumber.DevQudIX.js → inputnumber.B0yCOPU1.js} +4 -4
  112. package/{inputpassword.C-XYK-JP.js → inputpassword.aQxGIeyf.js} +4 -4
  113. package/{inputsearch.CmJdxnzX.js → inputsearch.EbZnS29c.js} +4 -4
  114. package/{link.R1lfD5aN.js → link.Ck9Yd2y2.js} +3 -3
  115. package/{linkbutton.Y-ET1tc9.js → linkbutton.DzbJ1ws2.js} +3 -3
  116. package/{linkcard.CayqoQNo.js → linkcard.D65tvntF.js} +3 -3
  117. package/{navigationtablist.Cd9hZzFQ.js → navigationtablist.BMvJp48M.js} +2 -2
  118. package/{navigationtabs.DHG-TeF2.js → navigationtabs.BzYhrLVd.js} +2 -2
  119. package/{notification.u_LLz-O0.js → notification.B80f3Sh6.js} +3 -3
  120. package/{optioncheckbox.v8Plcgeg.js → optioncheckbox.DvF4Vr4C.js} +1 -1
  121. package/package.json +2 -2
  122. package/partials/index.js +15 -9
  123. package/partials/lib/partials.d.ts +1 -1
  124. package/{popover.T7-imfkx.js → popover.BR8IGyhi.js} +4 -3
  125. package/product-card-example-1.webp +0 -0
  126. package/product-card-example-2.webp +0 -0
  127. package/product-card-example-3.webp +0 -0
  128. package/product-card-example-4.webp +0 -0
  129. package/progressindicator.DYKf69nk.js +53 -0
  130. package/progressindicator.d.ts +2 -0
  131. package/{radiogroup.CAh4wto1.js → radiogroup.Cniqm1t0.js} +2 -2
  132. package/{scroller.DfhhZelk.js → scroller.CSSI5khP.js} +1 -1
  133. package/{select.CSCc_-6d.js → select.DPfXPv-k.js} +4 -4
  134. package/{skiptocontent.C2HpZt5q.js → skiptocontent.C_nrEIVL.js} +1 -1
  135. package/{slider.B2aQwfc2.js → slider.CyRU5Kys.js} +3 -3
  136. package/{spinner.CRVyui04.js → spinner.ww3wgdUU.js} +1 -1
  137. package/{step.C-LC5sKQ.js → step.C4gOI6c3.js} +2 -2
  138. package/{stepper.CRljfUF8.js → stepper.Bqdr6GS-.js} +4 -4
  139. package/{switch.DgKgzm-j.js → switch.DpYvgNSE.js} +2 -2
  140. package/{systemfeedback.BKLsE5sY.js → systemfeedback.g7odUaLC.js} +2 -2
  141. package/{tablist.DPiNeY3_.js → tablist.DLFJGmYV.js} +3 -3
  142. package/{tabs.Cxzm6ZZ-.js → tabs.Bne3Z3rz.js} +2 -2
  143. package/{textarea.CDXY-OVz.js → textarea.DcAoKkta.js} +3 -3
  144. package/{toast.Bev-Rfuw.js → toast.C_O0xDYn.js} +3 -3
  145. package/toastmanager.w_mhIehC.js +79 -0
  146. package/tooltip.C6HKano9.js +184 -0
  147. package/types/icon-types.d.ts +1 -1
  148. package/arialiveregions.B0AV2JcV.js +0 -18
  149. package/assets/LinkCard.C6HtgbjH.css +0 -1
  150. package/assets/Toast.DgRXxA0s.css +0 -1
  151. package/assets/filelist.H_wKcSPX.css +0 -1
  152. package/chipgroup.CSjQHeeW.js +0 -199
  153. package/chunks/AriaLiveRegions.utils.CLpOaVD9.js +0 -27
  154. package/chunks/Chip.SiGIIHR-.js +0 -133
  155. package/chunks/Icon.m6sMB6vl.js +0 -232
  156. package/chunks/InputFile.DRGNdtY0.js +0 -236
  157. package/chunks/LinkCard.CJ5P0ews.js +0 -199
  158. package/chunks/Popover.C5wtha5l.js +0 -214
  159. package/chunks/Stepper.DptsFh5n.js +0 -152
  160. package/chunks/Toast.RUzRjojQ.js +0 -76
  161. package/components/FileList/FileList.d.ts +0 -13
  162. package/filelist.CDEBo3Pi.js +0 -160
  163. package/inputfile.BO4wDnzQ.js +0 -18
  164. package/toastmanager.DII20_9k.js +0 -89
  165. package/tooltip._lP4aMV2.js +0 -177
  166. /package/components/{FileList/FileList.test.d.ts → ActionCard/ActionCard.test.d.ts} +0 -0
  167. /package/components/{FileList/FileList.utils.test.d.ts → ActionCard/ActionCard.utils.test.d.ts} +0 -0
@@ -2,8 +2,8 @@
2
2
  import "react/jsx-runtime";
3
3
  import "./chunks/index.cKLI89Eg.js";
4
4
  import "react";
5
- import "./tablist.DPiNeY3_.js";
6
- import { D as a } from "./chunks/NavigationTabs.DsVepb7H.js";
5
+ import "./tablist.DLFJGmYV.js";
6
+ import { D as a } from "./chunks/NavigationTabs.CSTtXPxd.js";
7
7
  export {
8
8
  a as DSNavigationTabs
9
9
  };
@@ -2,9 +2,9 @@
2
2
  import "react/jsx-runtime";
3
3
  import "./chunks/index.cKLI89Eg.js";
4
4
  import "./chunks/index.DQOqod3i.js";
5
- import "./chunks/Button.DpGeheky.js";
6
- import "./chunks/Icon.m6sMB6vl.js";
7
- import { D as a } from "./chunks/Notification.COwLndR0.js";
5
+ import "./chunks/Button.BdqkFovu.js";
6
+ import "./chunks/Icon.BoxUJQDT.js";
7
+ import { D as a } from "./chunks/Notification.ChSYPU3r.js";
8
8
  export {
9
9
  a as DSNotification
10
10
  };
@@ -2,7 +2,7 @@
2
2
  import { jsx as m, jsxs as p } from "react/jsx-runtime";
3
3
  import { d as C } from "./chunks/index.cKLI89Eg.js";
4
4
  import { c as _ } from "./chunks/index.DQOqod3i.js";
5
- import { D } from "./chunks/Icon.m6sMB6vl.js";
5
+ import { D } from "./chunks/Icon.BoxUJQDT.js";
6
6
  import './assets/optioncheckbox.6zYgifUk.css';const q = "ds-combobox_root_q88mt_1", N = "ds-combobox_root--disabled_q88mt_21", u = "ds-combobox_checkbox_q88mt_25", j = "ds-combobox_icon-check_q88mt_41", v = "ds-combobox_checkbox--checked_q88mt_62", y = "ds-combobox_checkbox--disabled_q88mt_65", S = "ds-combobox_label_q88mt_82", o = {
7
7
  root: q,
8
8
  rootDisabled: N,
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@stihl-design-system/components",
3
3
  "private": false,
4
- "version": "1.0.0-RC.41",
4
+ "version": "1.0.0-RC.43",
5
5
  "license": "SEE LICENSE IN LICENSE",
6
6
  "homepage": "https://designsystem.stihl.de/",
7
7
  "keywords": [
@@ -146,7 +146,7 @@
146
146
  "classnames": "^2.5.1",
147
147
  "react": ">=17.0.0 <20",
148
148
  "react-dom": ">=17.0.0 <20",
149
- "react-intersection-observer": "^10.0.0",
149
+ "react-intersection-observer": ">=9 <11",
150
150
  "react-select": "^5.10.2"
151
151
  }
152
152
  }
package/partials/index.js CHANGED
@@ -12,7 +12,7 @@ function u(r) {
12
12
  };
13
13
  s("getMetaIconLinks");
14
14
  let e = ["<link rel=icon href=%PUBLIC_URL%/favicon.ico sizes=32x32>", "<link rel=icon href=%PUBLIC_URL%/icon.svg type=image/svg+xml>", "<link rel=apple-touch-icon href=%PUBLIC_URL%/apple-icon.png>", "<link rel=manifest href=%PUBLIC_URL%/manifest.webmanifest>"];
15
- switch (a === "html" && (e = e.map((n) => n.replace("%PUBLIC_URL%", ""))), a) {
15
+ switch (a === "html" && (e = e.map((i) => i.replace("%PUBLIC_URL%", ""))), a) {
16
16
  case "html":
17
17
  case "cra":
18
18
  return e.join("");
@@ -40,7 +40,7 @@ function f(r, a) {
40
40
  ...a
41
41
  };
42
42
  s("getSSRStyles");
43
- const n = [
43
+ const i = [
44
44
  {
45
45
  componentName: "DSAccordion",
46
46
  componentNameLowercase: "accordion",
@@ -53,6 +53,12 @@ function f(r, a) {
53
53
  cssFileName: "ActionButton.BLOWs6IZ.css",
54
54
  cssFileContent: ":where(.ds-action-button_root_19zdv_1):focus{outline:2px solid;outline-color:#252525;outline-offset:0px}@media screen and (forced-colors:active){:where(.ds-action-button_root_19zdv_1):focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){:where(.ds-action-button_root_19zdv_1):focus{outline:revert;outline-offset:revert}:where(.ds-action-button_root_19zdv_1):focus-visible{outline:2px solid;outline-color:#252525;outline-offset:0px}@media screen and (forced-colors:active){:where(.ds-action-button_root_19zdv_1):focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}:where(.ds-action-button_root_19zdv_1){padding-block-start:5px;padding-block-end:5px;padding-inline-start:15px;padding-inline-end:15px}:where(.ds-action-button_root_19zdv_1){color:#252525;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:2rem;border-width:1px;border-style:solid;border-color:transparent;border-radius:2px;transform:translateZ(0);white-space:nowrap;overflow-wrap:normal;text-align:center;text-decoration:none;background-color:transparent;cursor:pointer}@media(hover:hover){:where(.ds-action-button_root_19zdv_1):hover{background-color:#0000001a}}:where(.ds-action-button_root_19zdv_1){transition:background-color var(--ds-animation-duration, .1s) linear,border-color var(--ds-animation-duration, .1s) linear,color var(--ds-animation-duration, .1s) linear}@media(prefers-reduced-motion:reduce){:where(.ds-action-button_root_19zdv_1){transition-duration:0ms}}@media screen and (forced-colors:active){:where(.ds-action-button_root_19zdv_1){background-color:Canvas!important}:where(.ds-action-button_root_19zdv_1):hover{border-color:Highlight}}:where(.ds-action-button_root--indent-level-1_19zdv_75){padding-inline-start:39px}:where(.ds-action-button_root--active_19zdv_78){background-color:#0000001a}:where(.ds-action-button_root--active--with-marker_19zdv_81){padding-inline-start:0px}:where(.ds-action-button_root--icon--top_19zdv_84){gap:.25rem;flex-direction:column;min-height:3.375rem;padding-block-start:11px;padding-block-end:5px;padding-inline-start:7px;padding-inline-end:7px}:where(.ds-action-button_root_19zdv_1)[aria-disabled=true]{background-color:transparent;color:#00000080;cursor:not-allowed}:where(.ds-action-button_root_19zdv_1)[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors:active){:where(.ds-action-button_root_19zdv_1)[aria-disabled=true]{color:GrayText;border-color:GrayText}}:where(.ds-action-button_root_19zdv_1)[aria-disabled=true]:before{background-color:transparent}:where(.ds-action-button_root--stretched_19zdv_110){justify-content:flex-start;width:100%}:where(.ds-action-button_active-marker_19zdv_115){width:.25rem;height:1.25rem;margin-inline-start:-.0625rem;margin-inline-end:.25rem;background-color:#e9640c}@media screen and (forced-colors:active){:where(.ds-action-button_active-marker_19zdv_115){background-color:Highlight}}:where(.ds-action-button_active-marker--with-indent_19zdv_127){margin-inline-end:1.75rem}:where(.ds-action-button_icon-wrapper_19zdv_131){height:1rem}:where(.ds-action-button_icon-wrapper--x-large_19zdv_134){height:1.5rem}:where(.ds-action-button_icon-wrapper--with-number-indicator_19zdv_137){position:relative}:where(.ds-action-button_icon-wrapper--with-number-indicator_19zdv_137)>span{position:absolute;top:-25%;left:.625rem}:where(.ds-action-button_icon-wrapper--with-number-indicator--with-value_19zdv_145)>span{top:-50%}:where(.ds-action-button_label_19zdv_149){font-family:STIHL Contraface Digital Text Regular,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:1rem;line-height:1.25;font-size-adjust:.414}:where(.ds-action-button_label--bold_19zdv_160),:where(.ds-action-button_label--active_19zdv_171){font-family:STIHL Contraface Digital Text Bold,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:1rem;line-height:1.25;font-size-adjust:.426}:where(.ds-action-button_label--icon-top_19zdv_182){font-family:STIHL Contraface Digital Text Demi,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:.75rem;line-height:1.33;font-size-adjust:.42}:where(.ds-action-button_label--icon-top_19zdv_182).ds-action-button_label--active_19zdv_171{font-family:STIHL Contraface Digital Text Bold,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:.75rem;line-height:1.33;font-size-adjust:.426}:where(.ds-action-button_number-indicator_19zdv_205){margin-inline-start:auto}:where(.ds-action-button_label-wrapper_19zdv_209){display:flex;align-items:center;gap:.375rem}:where(.ds-action-button_label-wrapper--icon-top_19zdv_214){gap:.125rem}:where(.ds-action-button_chevron_19zdv_218){transform:rotate(0);min-width:.75rem;min-height:.75rem;width:.75rem;height:.75rem}:where(.ds-action-button_chevron_19zdv_218){transition:transform var(--ds-animation-duration, .25s) cubic-bezier(.5,0,1,1)}@media(prefers-reduced-motion:reduce){:where(.ds-action-button_chevron_19zdv_218){transition-duration:0ms}}:where(.ds-action-button_chevron--icon-position-top_19zdv_233){min-width:.625rem;min-height:.625rem;width:.625rem;height:.625rem}:where(.ds-action-button_chevron--up_19zdv_239){transform:rotate(-180deg)}:where(.ds-action-button_chevron--up_19zdv_239){transition:transform var(--ds-animation-duration, .25s) cubic-bezier(0,0,.5,1)}@media(prefers-reduced-motion:reduce){:where(.ds-action-button_chevron--up_19zdv_239){transition-duration:0ms}}:where(.ds-action-button_chevron--right_19zdv_250){transform:rotate(-90deg)}:where(.ds-action-button_chevron--right_19zdv_250){transition:transform var(--ds-animation-duration, .25s) cubic-bezier(0,0,.5,1)}@media(prefers-reduced-motion:reduce){:where(.ds-action-button_chevron--right_19zdv_250){transition-duration:0ms}}:where(.ds-action-button_chevron--left_19zdv_261){transform:rotate(-270deg)}:where(.ds-action-button_chevron--left_19zdv_261){transition:transform var(--ds-animation-duration, .25s) cubic-bezier(0,0,.5,1)}@media(prefers-reduced-motion:reduce){:where(.ds-action-button_chevron--left_19zdv_261){transition-duration:0ms}}"
55
55
  },
56
+ {
57
+ componentName: "DSActionCard",
58
+ componentNameLowercase: "actioncard",
59
+ cssFileName: "ActionCard.C85bSGRa.css",
60
+ cssFileContent: ':where(.ds-action-card_root_rfquv_1){background-color:#fff;border-radius:4px;border:1px solid #DADADA;display:flex;flex-direction:column;height:fit-content;min-width:13rem;max-width:42.9375rem}:where(.ds-action-card_root--clickable_rfquv_11){cursor:pointer;position:relative}@media(hover:hover){:where(.ds-action-card_root--clickable_rfquv_11):hover{box-shadow:0 2px 12px #00000014,0 1px 2px #00000029}}:where(.ds-action-card_root--clickable_rfquv_11):has(:focus-visible) :where(.ds-action-card_primary-action_rfquv_20):after{outline:2px solid;outline-color:#252525;outline-offset:2px}@media screen and (forced-colors:active){:where(.ds-action-card_root--clickable_rfquv_11):has(:focus-visible) :where(.ds-action-card_primary-action_rfquv_20):after{forced-color-adjust:auto;outline-color:Highlight}}:where(.ds-action-card_root--clickable_rfquv_11):has(:focus-within) :where(.ds-action-card_primary-action_rfquv_20):focus{outline:none}:where(.ds-action-card_root--clickable_rfquv_11) :is(.ds-action-card_header_rfquv_34,:where(.ds-action-card_content_rfquv_34),:where(.ds-action-card_footer_rfquv_34),.ds-action-card_supplementary_rfquv_34):has(button,input,select,textarea,a,label){position:relative;z-index:2}:where(.ds-action-card_root--horizontal_rfquv_43){display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto;grid-template-areas:"media content" "supplementary supplementary";width:100%;max-width:88rem}:where(.ds-action-card_root--horizontal_rfquv_43) :where(.ds-action-card_image-wrapper_rfquv_51){grid-area:media;aspect-ratio:1/1;max-width:21.5625rem}:where(.ds-action-card_root--horizontal_rfquv_43) :where(.ds-action-card_image-wrapper_rfquv_51) img{border-top-right-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;aspect-ratio:1/1}:where(.ds-action-card_root--horizontal_rfquv_43) :where(.ds-action-card_content-wrapper_rfquv_62){grid-area:content;height:auto;padding:32px}:where(.ds-action-card_root--horizontal_rfquv_43) :where(.ds-action-card_content-wrapper--padding-small_rfquv_67){padding:16px}:where(.ds-action-card_root--horizontal_rfquv_43) :where(.ds-action-card_supplementary_rfquv_34){grid-area:supplementary;padding-block:8px;padding-inline:16px}:where(.ds-action-card_root--horizontal-has-supplementary_rfquv_75) :where(.ds-action-card_image-wrapper_rfquv_51) img{border-bottom-left-radius:0}:where(.ds-action-card_root--padding-small_rfquv_78) :where(.ds-action-card_supplementary_rfquv_34){padding-block:4px;padding-inline:0px}:where(.ds-action-card_image-wrapper_rfquv_51){width:100%;height:auto;aspect-ratio:16/9}:where(.ds-action-card_image-wrapper_rfquv_51) img{border-top-left-radius:4px;border-top-right-radius:4px;width:100%;height:100%;object-fit:cover;display:block;aspect-ratio:16/9}:where(.ds-action-card_content-wrapper_rfquv_62){display:flex;flex-direction:column;gap:24px;padding:24px;height:100%;order:1}:where(.ds-action-card_content-wrapper--padding-small_rfquv_67){padding:16px}:where(.ds-action-card_footer_rfquv_34){margin-block-start:auto}:where(.ds-action-card_supplementary_rfquv_34){display:flex;border-top:1px solid #DADADA;flex-direction:column;align-items:stretch;gap:16px;padding-block:6px;padding-inline:8px;order:2}:where(.ds-action-card_primary-action_rfquv_20){appearance:none;background:transparent;border:none;color:inherit;font:inherit;text-align:inherit;text-decoration:none;padding:0;margin:0;position:absolute;inset:0;z-index:1}:where(.ds-action-card_primary-action_rfquv_20):after{content:"";position:absolute;z-index:1;cursor:pointer;inset:0}:where(.ds-action-card_primary-action_rfquv_20):focus{outline:2px solid;outline-color:#252525;outline-offset:2px}@media screen and (forced-colors:active){:where(.ds-action-card_primary-action_rfquv_20):focus{forced-color-adjust:auto;outline-color:Highlight}}:where(.ds-action-card_primary-action-label_rfquv_158){border:0;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;text-indent:-999999px;white-space:nowrap}'
61
+ },
56
62
  {
57
63
  componentName: "DSActionLink",
58
64
  componentNameLowercase: "actionlink",
@@ -206,8 +212,8 @@ function f(r, a) {
206
212
  {
207
213
  componentName: "DSLinkCard",
208
214
  componentNameLowercase: "linkcard",
209
- cssFileName: "LinkCard.C6HtgbjH.css",
210
- cssFileContent: ':where(.ds-link-card_root_h40nd_1){background-color:#fff;border-radius:4px;cursor:pointer;display:flex;flex-direction:column;height:fit-content;min-width:13rem;max-width:42.9375rem;position:relative;box-shadow:0 2px 12px #00000014,0 1px 2px #00000029}@media screen and (forced-colors:active){:where(.ds-link-card_root_h40nd_1){border:1px solid CanvasText}}:where(.ds-link-card_root_h40nd_1):hover{box-shadow:0 2px 12px #00000029,0 1px 2px #0003}:where(.ds-link-card_root_h40nd_1) a:after{content:"";position:absolute;z-index:1;cursor:pointer;inset:0}:where(.ds-link-card_root_h40nd_1) a:focus{outline:2px solid;outline-color:#252525;outline-offset:2px}@media screen and (forced-colors:active){:where(.ds-link-card_root_h40nd_1) a:focus{forced-color-adjust:auto;outline-color:Highlight}}:where(.ds-link-card_root_h40nd_1):has(:focus-visible) a:after{outline:2px solid;outline-color:#252525;outline-offset:2px}@media screen and (forced-colors:active){:where(.ds-link-card_root_h40nd_1):has(:focus-visible) a:after{forced-color-adjust:auto;outline-color:Highlight}}:where(.ds-link-card_root_h40nd_1):has(:focus-within) a:focus{outline:none}:where(.ds-link-card_root--horizontal_h40nd_53){flex-direction:row;width:100%;max-width:89.6875rem}:where(.ds-link-card_root--horizontal_h40nd_53) :where(.ds-link-card_image-wrapper_h40nd_58){aspect-ratio:1/1;max-width:21.5625rem}:where(.ds-link-card_root--horizontal_h40nd_53) :where(.ds-link-card_image-wrapper_h40nd_58) img{border-top-right-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;aspect-ratio:1/1}:where(.ds-link-card_root--horizontal_h40nd_53) :where(.ds-link-card_content_h40nd_68){padding:32px;height:auto}:where(.ds-link-card_image-wrapper_h40nd_58){width:100%;height:auto;aspect-ratio:16/9}:where(.ds-link-card_image-wrapper_h40nd_58) img{border-top-left-radius:4px;border-top-right-radius:4px;width:100%;height:100%;object-fit:cover;display:block;aspect-ratio:16/9}:where(.ds-link-card_content_h40nd_68){display:flex;flex-direction:column;gap:24px;padding:24px;height:100%;order:1}:where(.ds-link-card_header_h40nd_97),:where(.ds-link-card_footer_h40nd_98){display:flex;flex-direction:column;align-items:flex-start;gap:16px}:where(.ds-link-card_footer_h40nd_98){margin-block-start:auto}:where(.ds-link-card_heading_h40nd_109){margin:0}:where(.ds-link-card_link_h40nd_113){text-decoration:none;color:#252525}:where(.ds-link-card_description_h40nd_118){overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;font-family:STIHL Contraface Digital Text Regular,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:1rem;line-height:1.5;font-size-adjust:.414}:where(.ds-link-card_meta-data_h40nd_135){overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;font-family:STIHL Contraface Digital Text Regular,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:.875rem;line-height:1.14;font-size-adjust:.414}:where(.ds-link-card_decorative-link_h40nd_152){margin-block-start:4px}:where(.ds-link-card_flags_h40nd_156){display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}:where(.ds-link-card_brand-flag_h40nd_165){position:absolute;top:8px;left:8px}'
215
+ cssFileName: "LinkCard.fwyPSY19.css",
216
+ cssFileContent: ':where(.ds-link-card_root_e8szq_1){background-color:#fff;border-radius:4px;cursor:pointer;display:flex;flex-direction:column;height:fit-content;min-width:13rem;max-width:42.9375rem;position:relative;box-shadow:0 2px 12px #00000014,0 1px 2px #00000029}@media screen and (forced-colors:active){:where(.ds-link-card_root_e8szq_1){border:1px solid CanvasText}}:where(.ds-link-card_root_e8szq_1):hover{box-shadow:0 2px 12px #00000029,0 1px 2px #0003}:where(.ds-link-card_root_e8szq_1) a:after{content:"";position:absolute;z-index:1;cursor:pointer;inset:0}:where(.ds-link-card_root_e8szq_1) a:focus{outline:2px solid;outline-color:#252525;outline-offset:2px}@media screen and (forced-colors:active){:where(.ds-link-card_root_e8szq_1) a:focus{forced-color-adjust:auto;outline-color:Highlight}}:where(.ds-link-card_root_e8szq_1):has(:focus-visible) a:after{outline:2px solid;outline-color:#252525;outline-offset:2px}@media screen and (forced-colors:active){:where(.ds-link-card_root_e8szq_1):has(:focus-visible) a:after{forced-color-adjust:auto;outline-color:Highlight}}:where(.ds-link-card_root_e8szq_1):has(:focus-within) a:focus{outline:none}:where(.ds-link-card_root--horizontal_e8szq_53){flex-direction:row;width:100%;max-width:88rem}:where(.ds-link-card_root--horizontal_e8szq_53) :where(.ds-link-card_image-wrapper_e8szq_58){aspect-ratio:1/1;max-width:21.5625rem}:where(.ds-link-card_root--horizontal_e8szq_53) :where(.ds-link-card_image-wrapper_e8szq_58) img{border-top-right-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;aspect-ratio:1/1}:where(.ds-link-card_root--horizontal_e8szq_53) :where(.ds-link-card_content_e8szq_68){padding:32px;height:auto}:where(.ds-link-card_root--horizontal_e8szq_53) :where(.ds-link-card_content--padding-small_e8szq_72){padding:16px}:where(.ds-link-card_image-wrapper_e8szq_58){width:100%;height:auto;aspect-ratio:16/9}:where(.ds-link-card_image-wrapper_e8szq_58) img{border-top-left-radius:4px;border-top-right-radius:4px;width:100%;height:100%;object-fit:cover;display:block;aspect-ratio:16/9}:where(.ds-link-card_content_e8szq_68){display:flex;flex-direction:column;gap:24px;padding:24px;height:100%;order:1}:where(.ds-link-card_content--padding-small_e8szq_72){padding:16px}:where(.ds-link-card_header_e8szq_103),:where(.ds-link-card_footer_e8szq_104){display:flex;flex-direction:column;align-items:flex-start;gap:16px}:where(.ds-link-card_footer_e8szq_104){margin-block-start:auto}:where(.ds-link-card_heading_e8szq_115){margin:0}:where(.ds-link-card_link_e8szq_119){text-decoration:none;color:#252525}:where(.ds-link-card_description_e8szq_124){overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;font-family:STIHL Contraface Digital Text Regular,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:1rem;line-height:1.5;font-size-adjust:.414}:where(.ds-link-card_meta-data_e8szq_141){overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;font-family:STIHL Contraface Digital Text Regular,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:.875rem;line-height:1.14;font-size-adjust:.414}:where(.ds-link-card_decorative-link_e8szq_158){margin-block-start:4px}:where(.ds-link-card_flags_e8szq_162){display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}:where(.ds-link-card_brand-flag_e8szq_171){position:absolute;top:8px;left:8px}'
211
217
  },
212
218
  {
213
219
  componentName: "DSLogo",
@@ -326,8 +332,8 @@ function f(r, a) {
326
332
  {
327
333
  componentName: "DSToastManager",
328
334
  componentNameLowercase: "toastmanager",
329
- cssFileName: "Toast.DgRXxA0s.css",
330
- cssFileContent: ":root{--ds-toast-offset-bottom: 64px}:where(.ds-toast_root_1jbef_5){box-shadow:0 2px 12px #00000014,0 1px 2px #00000029;min-width:272px;max-width:min(100vw - 48px,400px)}@media(min-width:768px){:where(.ds-toast_root_1jbef_5){max-width:25rem}}:where(.ds-toast_root--closing_1jbef_15){animation:ds-toast_fade-out_1jbef_1 var(--ds-animation-duration, .4s) cubic-bezier(0,0,.5,1) forwards}:where(.ds-toast_root_1jbef_5)[popover]{position:fixed;inset:unset;left:50%;transform:translate(-50%);border-width:0;border-left:4px solid;padding-block-start:12px;padding-block-end:12px;padding-inline-start:12px;padding-inline-end:16px;width:100%;bottom:var(--ds-toast-offset-bottom)}@media screen and (forced-colors:active){:where(.ds-toast_root_1jbef_5)[popover]{border-top:1px solid transparent;border-right:1px solid transparent;border-bottom:1px solid transparent;padding-inline-end:15px;padding-block-start:11px;padding-block-end:11px}}:where(.ds-toast_root_1jbef_5:popover-open){position:fixed;inset:unset;left:50%;transform:translate(-50%);bottom:var(--ds-toast-offset-bottom);animation:ds-toast_move-in_1jbef_1 var(--ds-animation-duration, .4s) cubic-bezier(.5,0,1,1)}:where(.ds-toast_root--success_1jbef_56)[popover]{background-color:#e5f0db;border-color:#749f4a}:where(.ds-toast_root--info_1jbef_60)[popover]{background-color:#ededed;border-color:#666}:where(.ds-toast_root--warning_1jbef_64)[popover]{background-color:#fdecc3;border-color:#fdc543}:where(.ds-toast_content_1jbef_69){display:grid;grid-template-columns:auto minmax(auto,1fr) auto;gap:16px;place-items:start;min-height:2rem}:where(.ds-toast_content--hide-icon_1jbef_76){grid-template-columns:minmax(auto,1fr) auto}:where(.ds-toast_icon_1jbef_80){margin-block-start:8px}:where(.ds-toast_message_1jbef_84){font-family:STIHL Contraface Digital Text Regular,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:1rem;line-height:1.5;font-size-adjust:.414;margin-block-start:4px;margin-block-end:0}@keyframes ds-toast_move-in_1jbef_1{0%{bottom:0;opacity:0;transform:translate(-50%) translateY(100%)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes ds-toast_fade-out_1jbef_1{0%{opacity:1;display:block}to{opacity:0;display:none}}"
335
+ cssFileName: "Toast.CGl8z6mX.css",
336
+ cssFileContent: ":root{--ds-toast-offset-bottom: 64px}:where(.ds-toast_root_1k9pu_5){box-shadow:0 2px 12px #00000014,0 1px 2px #00000029;min-width:272px;max-width:min(100vw - 48px,400px)}@media(min-width:768px){:where(.ds-toast_root_1k9pu_5){max-width:25rem}}:where(.ds-toast_root--closing_1k9pu_15){animation:ds-toast_fade-out_1k9pu_1 var(--ds-animation-duration, .4s) cubic-bezier(0,0,.5,1) forwards}@media(prefers-reduced-motion:reduce){:where(.ds-toast_root--closing_1k9pu_15){animation-duration:1ms}}:where(.ds-toast_root_1k9pu_5)[popover]{position:fixed;inset:unset;left:50%;transform:translate(-50%);border-width:0;border-left:4px solid;padding-block-start:12px;padding-block-end:12px;padding-inline-start:12px;padding-inline-end:16px;width:100%;bottom:var(--ds-toast-offset-bottom)}@media screen and (forced-colors:active){:where(.ds-toast_root_1k9pu_5)[popover]{border-top:1px solid transparent;border-right:1px solid transparent;border-bottom:1px solid transparent;padding-inline-end:15px;padding-block-start:11px;padding-block-end:11px}}:where(.ds-toast_root_1k9pu_5:popover-open){position:fixed;inset:unset;left:50%;transform:translate(-50%);bottom:var(--ds-toast-offset-bottom);animation:ds-toast_move-in_1k9pu_1 var(--ds-animation-duration, .4s) cubic-bezier(.5,0,1,1)}@media(prefers-reduced-motion:reduce){:where(.ds-toast_root_1k9pu_5:popover-open){animation-duration:0s}}:where(.ds-toast_root--success_1k9pu_66)[popover]{background-color:#e5f0db;border-color:#749f4a}:where(.ds-toast_root--info_1k9pu_70)[popover]{background-color:#ededed;border-color:#666}:where(.ds-toast_root--warning_1k9pu_74)[popover]{background-color:#fdecc3;border-color:#fdc543}:where(.ds-toast_content_1k9pu_79){display:grid;grid-template-columns:auto minmax(auto,1fr) auto;gap:16px;place-items:start;min-height:2rem}:where(.ds-toast_content--hide-icon_1k9pu_86){grid-template-columns:minmax(auto,1fr) auto}:where(.ds-toast_icon_1k9pu_90){margin-block-start:8px}:where(.ds-toast_message_1k9pu_94){font-family:STIHL Contraface Digital Text Regular,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:1rem;line-height:1.5;font-size-adjust:.414;margin-block-start:4px;margin-block-end:0}@keyframes ds-toast_move-in_1k9pu_1{0%{bottom:0;opacity:0;transform:translate(-50%) translateY(100%)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes ds-toast_fade-out_1k9pu_1{0%{opacity:1;display:block}to{opacity:0;display:none}}"
331
337
  },
332
338
  {
333
339
  componentName: "DSTopBar",
@@ -337,14 +343,14 @@ function f(r, a) {
337
343
  }
338
344
  ].filter(({ componentName: o }) => r.includes(o));
339
345
  if (e === "html")
340
- return n.map(({ componentNameLowercase: o, cssFileContent: i }) => `<style data-ds-ssr-injected-${o}>${i}</style>`).join("");
341
- const l = n.map(({ componentNameLowercase: o, cssFileContent: i }) => /* @__PURE__ */ t(
346
+ return i.map(({ componentNameLowercase: o, cssFileContent: n }) => `<style data-ds-ssr-injected-${o}>${n}</style>`).join("");
347
+ const l = i.map(({ componentNameLowercase: o, cssFileContent: n }) => /* @__PURE__ */ t(
342
348
  "style",
343
349
  {
344
350
  "data-ds-ssr-injected": o,
345
351
  suppressHydrationWarning: !0,
346
352
  dangerouslySetInnerHTML: {
347
- __html: `${i}`
353
+ __html: `${n}`
348
354
  }
349
355
  },
350
356
  o
@@ -62,7 +62,7 @@ export declare function getResetStyles(options?: GetResetStylesOptions): string
62
62
  type GetSSRStylesOptions = {
63
63
  format?: Exclude<Format, 'cra'>;
64
64
  };
65
- declare const COMPONENT_NAME: readonly ["DSAccordion", "DSActionButton", "DSActionLink", "DSAriaLiveRegions", "DSBanner", "DSBreadcrumb", "DSButton", "DSButtonRound", "DSCheckbox", "DSCheckboxGroup", "DSChipGroup", "DSCombobox", "DSDialog", "DSDrawer", "DSFieldset", "DSFlag", "DSFloatingActionButton", "DSHeader", "DSHeading", "DSIcon", "DSInput", "DSInputFile", "DSInputNumber", "DSInputPassword", "DSInputSearch", "DSLink", "DSLinkButton", "DSLinkCard", "DSLogo", "DSMegaMenu", "DSNavigationTabs", "DSNotification", "DSPopover", "DSRadioGroup", "DSScroller", "DSSelect", "DSSkipToContent", "DSSlider", "DSSpinner", "DSStepper", "DSSwitch", "DSSystemFeedback", "DSTabs", "DSText", "DSTextarea", "DSTextUtility", "DSTitle", "DSToastManager", "DSTopBar"];
65
+ declare const COMPONENT_NAME: readonly ["DSAccordion", "DSActionButton", "DSActionCard", "DSActionLink", "DSAriaLiveRegions", "DSBanner", "DSBreadcrumb", "DSButton", "DSButtonRound", "DSCheckbox", "DSCheckboxGroup", "DSChipGroup", "DSCombobox", "DSDialog", "DSDrawer", "DSFieldset", "DSFlag", "DSFloatingActionButton", "DSHeader", "DSHeading", "DSIcon", "DSInput", "DSInputFile", "DSInputNumber", "DSInputPassword", "DSInputSearch", "DSLink", "DSLinkButton", "DSLinkCard", "DSLogo", "DSMegaMenu", "DSNavigationTabs", "DSNotification", "DSPopover", "DSRadioGroup", "DSScroller", "DSSelect", "DSSkipToContent", "DSSlider", "DSSpinner", "DSStepper", "DSSwitch", "DSSystemFeedback", "DSTabs", "DSText", "DSTextarea", "DSTextUtility", "DSTitle", "DSToastManager", "DSTopBar"];
66
66
  export type ComponentName = (typeof COMPONENT_NAME)[number];
67
67
  /**
68
68
  * Retrieves server-side rendered (SSR) styles for the specified components to be injected into the <head> at build time.
@@ -1,12 +1,13 @@
1
1
  "use client";
2
2
  import "react/jsx-runtime";
3
3
  import "./chunks/index.cKLI89Eg.js";
4
- import { D as a } from "./chunks/Popover.C5wtha5l.js";
4
+ import { D as c } from "./chunks/Popover.BSL3AilG.js";
5
5
  import "react";
6
6
  import "./chunks/floating-ui.react.CP5A99-c.js";
7
7
  import "./chunks/index.DQOqod3i.js";
8
8
  import "./chunks/helpers.CexwVao7.js";
9
- import "./chunks/Button.DpGeheky.js";
9
+ import "./chunks/useIsomorphicLayoutEffect.CnJ9AMFS.js";
10
+ import "./chunks/Button.BdqkFovu.js";
10
11
  export {
11
- a as DSPopover
12
+ c as DSPopover
12
13
  };
Binary file
Binary file
Binary file
Binary file
@@ -0,0 +1,53 @@
1
+ "use client";
2
+ import { jsx as a, jsxs as h, Fragment as n } from "react/jsx-runtime";
3
+ import { d as N } from "./chunks/index.cKLI89Eg.js";
4
+ import { c as f } from "./chunks/index.DQOqod3i.js";
5
+ import { DSSpinner as v } from "./spinner.ww3wgdUU.js";
6
+ import './assets/progressindicator.Cbbzo5-b.css';const x = "ds-input-file_root_csqwh_1", F = "ds-input-file_bar-background_csqwh_7", q = "ds-input-file_bar-fill_csqwh_24", B = "ds-input-file_bar-fill--error_csqwh_29", $ = "ds-input-file_bar-fill-indeterminate_csqwh_40", I = "ds-input-file_percent-label_csqwh_61", k = "ds-input-file_progress-text_csqwh_75", L = "ds-input-file_progress-bar_csqwh_91", s = {
7
+ root: x,
8
+ barBackground: F,
9
+ barFill: q,
10
+ barFillError: B,
11
+ barFillIndeterminate: $,
12
+ percentLabel: I,
13
+ progressText: k,
14
+ progressBar: L
15
+ }, y = (w) => {
16
+ const r = N.c(16), {
17
+ className: o,
18
+ fileName: _,
19
+ id: c,
20
+ percent: l,
21
+ progressStatus: g,
22
+ variant: d,
23
+ t: e
24
+ } = w, i = l === "indeterminate";
25
+ let p;
26
+ r[0] !== e ? (p = e("uploadStatus"), r[0] = e, r[1] = p) : p = r[1];
27
+ let b;
28
+ r[2] !== _ || r[3] !== i || r[4] !== e ? (b = i ? `, ${e("fileListIndeterminate", [_])}` : "", r[2] = _, r[3] = i, r[4] = e, r[5] = b) : b = r[5];
29
+ const t = `${p}${b}`, u = i ? void 0 : l;
30
+ let m;
31
+ return r[6] !== u || r[7] !== o || r[8] !== c || r[9] !== i || r[10] !== l || r[11] !== g || r[12] !== t || r[13] !== e || r[14] !== d ? (m = d === "text" ? /* @__PURE__ */ a(n, { children: /* @__PURE__ */ a("span", { id: c, className: f(s.root, s.progressText, o), role: "progressbar", "aria-label": t, "aria-valuenow": u, children: i ? /* @__PURE__ */ h(n, { children: [
32
+ /* @__PURE__ */ a(v, { aria: {
33
+ "aria-label": e("uploading")
34
+ } }),
35
+ /* @__PURE__ */ a("span", { children: e("uploading") })
36
+ ] }) : `${t} ${l}%` }) }) : d === "bar" ? /* @__PURE__ */ h(n, { children: [
37
+ /* @__PURE__ */ a("div", { id: c, className: f(s.root, s.progressBar, o), role: "progressbar", "aria-label": t, "aria-valuenow": u, children: i ? /* @__PURE__ */ a(n, { children: /* @__PURE__ */ a("div", { className: s.barBackground, "aria-hidden": "true", children: /* @__PURE__ */ a("div", { className: s.barFillIndeterminate }) }) }) : /* @__PURE__ */ h(n, { children: [
38
+ /* @__PURE__ */ a("div", { className: s.barBackground, "aria-hidden": "true", children: /* @__PURE__ */ a("div", { className: f(s.barFill, {
39
+ [s.barFillError]: g === "error"
40
+ }), style: {
41
+ width: `${l}%`
42
+ } }) }),
43
+ /* @__PURE__ */ h("span", { className: s.percentLabel, "aria-hidden": "true", children: [
44
+ l,
45
+ "%"
46
+ ] })
47
+ ] }) }),
48
+ i && /* @__PURE__ */ a("div", { className: s.progressText, children: e("uploading") })
49
+ ] }) : null, r[6] = u, r[7] = o, r[8] = c, r[9] = i, r[10] = l, r[11] = g, r[12] = t, r[13] = e, r[14] = d, r[15] = m) : m = r[15], m;
50
+ };
51
+ export {
52
+ y as ProgressIndicator
53
+ };
@@ -0,0 +1,2 @@
1
+ export * from './components/InputFile/FileList/ProgressIndicator/ProgressIndicator'
2
+ export {}
@@ -3,9 +3,9 @@ import "react/jsx-runtime";
3
3
  import "./chunks/index.cKLI89Eg.js";
4
4
  import "./chunks/index.DQOqod3i.js";
5
5
  import "react";
6
- import "./chunks/Fieldset.7WM7w62l.js";
6
+ import "./chunks/Fieldset.8jatF24R.js";
7
7
  import "./radio.DxdVKoxe.js";
8
- import { D as s } from "./chunks/RadioGroup.B-qTH31u.js";
8
+ import { D as s } from "./chunks/RadioGroup.DauFXAk6.js";
9
9
  export {
10
10
  s as DSRadioGroup
11
11
  };
@@ -6,7 +6,7 @@ import { i as v, g as S } from "./chunks/is-animation-disabled.B-V_68K-.js";
6
6
  import { g as W } from "./chunks/helpers.CexwVao7.js";
7
7
  import { u as R } from "./chunks/useIsomorphicLayoutEffect.CnJ9AMFS.js";
8
8
  import "./chunks/index.cKLI89Eg.js";
9
- import { D as L } from "./chunks/Button.DpGeheky.js";
9
+ import { D as L } from "./chunks/Button.BdqkFovu.js";
10
10
  import './assets/scroller.BGlPnnPD.css';function P(...u) {
11
11
  return (l) => {
12
12
  for (const s of u)
@@ -5,10 +5,10 @@ import "react";
5
5
  import "./chunks/useBreakpoint.1txsny17.js";
6
6
  import "./chunks/index.cKLI89Eg.js";
7
7
  import "./asterisk.Dwtdwpkq.js";
8
- import "./chunks/Icon.m6sMB6vl.js";
9
- import "./chunks/Popover.C5wtha5l.js";
10
- import "./chunks/SystemFeedback.DFN6Y2cw.js";
11
- import { D as S } from "./chunks/Select.DrDVi9lg.js";
8
+ import "./chunks/Icon.BoxUJQDT.js";
9
+ import "./chunks/Popover.BSL3AilG.js";
10
+ import "./chunks/SystemFeedback.C2XFC5WN.js";
11
+ import { D as S } from "./chunks/Select.CWA7DHcL.js";
12
12
  export {
13
13
  S as DSSelect
14
14
  };
@@ -4,7 +4,7 @@ import { d as g } from "./chunks/index.cKLI89Eg.js";
4
4
  import { c as w } from "./chunks/index.DQOqod3i.js";
5
5
  import { g as S } from "./chunks/helpers.CexwVao7.js";
6
6
  import { forwardRef as T } from "react";
7
- import { D as _ } from "./chunks/LinkButton.CMjq2FKc.js";
7
+ import { D as _ } from "./chunks/LinkButton.BGQOwjnE.js";
8
8
  import './assets/skiptocontent.CTSDC_kG.css';const v = "ds-skip-to-content_root_uqkjt_1", C = "ds-skip-to-content_root--dark_uqkjt_8", D = {
9
9
  root: v,
10
10
  rootDark: C
@@ -4,9 +4,9 @@ import "./chunks/index.cKLI89Eg.js";
4
4
  import "./chunks/index.DQOqod3i.js";
5
5
  import "react";
6
6
  import "./chunks/useBreakpoint.1txsny17.js";
7
- import "./input.MZXe6rlg.js";
8
- import "./chunks/Popover.C5wtha5l.js";
9
- import { D } from "./chunks/Slider.DGMrDfWv.js";
7
+ import "./input.yBU7wjmW.js";
8
+ import "./chunks/Popover.BSL3AilG.js";
9
+ import { D } from "./chunks/Slider.2ltYhUJb.js";
10
10
  export {
11
11
  D as DSSlider
12
12
  };
@@ -2,7 +2,7 @@
2
2
  import { jsxs as x, jsx as w } from "react/jsx-runtime";
3
3
  import { d as y } from "./chunks/index.cKLI89Eg.js";
4
4
  import { c as L } from "./chunks/index.DQOqod3i.js";
5
- import { D as v } from "./chunks/Icon.m6sMB6vl.js";
5
+ import { D as v } from "./chunks/Icon.BoxUJQDT.js";
6
6
  import './assets/spinner.C7QSv7jc.css';const I = "ds-spinner_root_awbzc_1", N = "ds-spinner_root-size-small_awbzc_10", O = "ds-spinner_root-size-medium_awbzc_14", R = "ds-spinner_root-size-large_awbzc_18", D = "ds-spinner_root-size-x-large_awbzc_22", M = "ds-spinner_root-size-inherit_awbzc_26", X = "ds-spinner_screenReaderOnly_awbzc_51", o = {
7
7
  root: I,
8
8
  rootSizeSmall: N,
@@ -3,8 +3,8 @@ import { jsx as o, jsxs as V } from "react/jsx-runtime";
3
3
  import { d as P } from "./chunks/index.cKLI89Eg.js";
4
4
  import { c as D } from "./chunks/index.DQOqod3i.js";
5
5
  import "react";
6
- import { D as A } from "./chunks/Button.DpGeheky.js";
7
- import { D as E } from "./chunks/Icon.m6sMB6vl.js";
6
+ import { D as A } from "./chunks/Button.BdqkFovu.js";
7
+ import { D as E } from "./chunks/Icon.BoxUJQDT.js";
8
8
  import './assets/step.Ch508u7I.css';const I = "ds-stepper_step_f4kic_1", R = "ds-stepper_step-content_f4kic_5", q = "ds-stepper_step-button_f4kic_12", w = "ds-stepper_step-button--horizontal_f4kic_49", F = "ds-stepper_step-button--vertical_f4kic_58", G = "ds-stepper_step-button--current_f4kic_69", J = "ds-stepper_step-button--completed_f4kic_107", K = "ds-stepper_step-button--disabled_f4kic_135", M = "ds-stepper_step-number_f4kic_166", Q = "ds-stepper_step-label_f4kic_176", T = "ds-stepper_step-hint_f4kic_184", U = "ds-stepper_step-number--current_f4kic_212", W = "ds-stepper_step-label--current_f4kic_238", X = "ds-stepper_sr-only_f4kic_266", s = {
9
9
  step: I,
10
10
  stepContent: R,
@@ -7,10 +7,10 @@ import "./chunks/is-animation-disabled.B-V_68K-.js";
7
7
  import "./chunks/translate.nuU7uChI.js";
8
8
  import "./chunks/useIsomorphicLayoutEffect.CnJ9AMFS.js";
9
9
  import "./chunks/index.cKLI89Eg.js";
10
- import "./chunks/AriaLiveRegions.utils.CLpOaVD9.js";
11
- import "./scroller.DfhhZelk.js";
12
- import { D as l } from "./chunks/Stepper.DptsFh5n.js";
13
- import "./step.C-LC5sKQ.js";
10
+ import "./chunks/AriaLiveRegions.utils.8ofDlHnN.js";
11
+ import "./scroller.CSSI5khP.js";
12
+ import { D as l } from "./chunks/Stepper.Dh69BOVR.js";
13
+ import "./step.C4gOI6c3.js";
14
14
  export {
15
15
  l as DSStepper
16
16
  };
@@ -3,8 +3,8 @@ import { jsxs as O, jsx as h } from "react/jsx-runtime";
3
3
  import { d as $ } from "./chunks/index.cKLI89Eg.js";
4
4
  import { c as q } from "./chunks/index.DQOqod3i.js";
5
5
  import { forwardRef as z } from "react";
6
- import { D as A } from "./chunks/Icon.m6sMB6vl.js";
7
- import { DSSpinner as B } from "./spinner.CRVyui04.js";
6
+ import { D as A } from "./chunks/Icon.BoxUJQDT.js";
7
+ import { DSSpinner as B } from "./spinner.ww3wgdUU.js";
8
8
  import './assets/switch.DYamtd9O.css';const F = "ds-switch_root_gdcld_1", G = "ds-switch_root--label-right_gdcld_40", H = "ds-switch_root--stretched_gdcld_43", J = "ds-switch_loader_gdcld_53", K = "ds-switch_thumb_gdcld_111", M = "ds-switch_root--checked_gdcld_126", o = {
9
9
  root: F,
10
10
  rootLabelRight: G,
@@ -3,8 +3,8 @@ import "react/jsx-runtime";
3
3
  import "./chunks/index.cKLI89Eg.js";
4
4
  import "./chunks/index.DQOqod3i.js";
5
5
  import "react";
6
- import "./chunks/Icon.m6sMB6vl.js";
7
- import { D as s } from "./chunks/SystemFeedback.DFN6Y2cw.js";
6
+ import "./chunks/Icon.BoxUJQDT.js";
7
+ import { D as s } from "./chunks/SystemFeedback.C2XFC5WN.js";
8
8
  export {
9
9
  s as DSSystemFeedback
10
10
  };
@@ -7,11 +7,11 @@ import { h as nt } from "./chunks/has-window.ut_-aShB.js";
7
7
  import { g as st } from "./chunks/helpers.CexwVao7.js";
8
8
  import { u as W } from "./chunks/useIsomorphicLayoutEffect.CnJ9AMFS.js";
9
9
  import "./chunks/index.cKLI89Eg.js";
10
- import { D as X } from "./chunks/Button.DpGeheky.js";
11
- import { D as ct } from "./chunks/Icon.m6sMB6vl.js";
10
+ import { D as X } from "./chunks/Button.BdqkFovu.js";
11
+ import { D as ct } from "./chunks/Icon.BoxUJQDT.js";
12
12
  import { NumberIndicator as it } from "./numberindicator.ZGVRSmqf.js";
13
13
  import { g as at, a as j } from "./chunks/TabPane.utils.DG16Y2uD.js";
14
- import { s as c, N as lt } from "./chunks/NavigationTabList.ltT6igtk.js";
14
+ import { s as c, N as lt } from "./chunks/NavigationTabList.Cf6csU_F.js";
15
15
  const b = 48, Lt = ({
16
16
  aria: q,
17
17
  id: L,
@@ -2,10 +2,10 @@
2
2
  import "react/jsx-runtime";
3
3
  import "./chunks/index.cKLI89Eg.js";
4
4
  import "react";
5
- import "./tablist.DPiNeY3_.js";
5
+ import "./tablist.DLFJGmYV.js";
6
6
  import "./tabpane.7vMXUKFX.js";
7
7
  import "./chunks/TabPane.utils.DG16Y2uD.js";
8
- import { D as a } from "./chunks/Tabs.DfH2q9EL.js";
8
+ import { D as a } from "./chunks/Tabs.BvwiBlXt.js";
9
9
  export {
10
10
  a as DSTabs
11
11
  };
@@ -6,9 +6,9 @@ import "./chunks/helpers.CexwVao7.js";
6
6
  import "./chunks/useBreakpoint.1txsny17.js";
7
7
  import "./chunks/index.cKLI89Eg.js";
8
8
  import "./asterisk.Dwtdwpkq.js";
9
- import "./chunks/Popover.C5wtha5l.js";
10
- import "./chunks/SystemFeedback.DFN6Y2cw.js";
11
- import { D as c } from "./chunks/Textarea.ymNCbcvH.js";
9
+ import "./chunks/Popover.BSL3AilG.js";
10
+ import "./chunks/SystemFeedback.C2XFC5WN.js";
11
+ import { D as c } from "./chunks/Textarea.Ck0sw4SI.js";
12
12
  export {
13
13
  c as DSTextarea
14
14
  };
@@ -3,9 +3,9 @@ import "react/jsx-runtime";
3
3
  import "./chunks/index.cKLI89Eg.js";
4
4
  import "./chunks/index.DQOqod3i.js";
5
5
  import "react";
6
- import "./chunks/Button.DpGeheky.js";
7
- import "./chunks/Icon.m6sMB6vl.js";
8
- import { D as a } from "./chunks/Toast.RUzRjojQ.js";
6
+ import "./chunks/Button.BdqkFovu.js";
7
+ import "./chunks/Icon.BoxUJQDT.js";
8
+ import { D as a } from "./chunks/Toast.Ck4woVuy.js";
9
9
  export {
10
10
  a as DSToast
11
11
  };
@@ -0,0 +1,79 @@
1
+ "use client";
2
+ import { jsxs as C, jsx as O } from "react/jsx-runtime";
3
+ import { createContext as b, useContext as L, useState as h, useRef as _, useEffect as v, useMemo as y } from "react";
4
+ import { g } from "./chunks/helpers.CexwVao7.js";
5
+ import "./chunks/index.cKLI89Eg.js";
6
+ import { s as R, f as U } from "./chunks/AriaLiveRegions.utils.8ofDlHnN.js";
7
+ import { D as j, s as q } from "./chunks/Toast.Ck4woVuy.js";
8
+ import { h as Q } from "./chunks/has-window.ut_-aShB.js";
9
+ const k = () => {
10
+ if (!Q)
11
+ return;
12
+ if (document.querySelectorAll("[data-ds-toast]").length > 1)
13
+ throw new Error(g("DSToast", 'The destructured "toast" element should only be used once in the DOM.'));
14
+ }, n = "data-ds-toast-timeout-id", S = "closing", B = 1e4, D = b(void 0), J = () => {
15
+ const r = L(D);
16
+ if (!r)
17
+ throw new Error(g("DSToastProvider", "useDSToast must be used within a <DSToastProvider />, which wraps around your root component."));
18
+ return r;
19
+ }, K = ({
20
+ children: r
21
+ }) => {
22
+ const [u, a] = h([]), [o, i] = h(null), e = _(null);
23
+ v(() => {
24
+ !o && u.length > 0 && setTimeout(() => {
25
+ i(u[0]);
26
+ });
27
+ }, [u]), v(() => {
28
+ o && (p(o.message, o.variant), I());
29
+ }, [o]);
30
+ const c = () => e.current?.getAttribute(n) || null, l = (t) => {
31
+ e.current?.setAttribute(n, t);
32
+ }, M = () => e.current?.removeAttribute(n), p = (t, s) => {
33
+ s === "warning" ? R(t, "DSToast") : (s === "success" || s === "info") && U(t, "DSToast");
34
+ }, T = (t, s) => {
35
+ const P = {
36
+ message: t,
37
+ hideIcon: s?.hideIcon,
38
+ variant: s?.variant || "info",
39
+ ...s,
40
+ onClick: () => {
41
+ f();
42
+ },
43
+ onMouseEnter: w,
44
+ onMouseLeave: A
45
+ };
46
+ a((x) => [...x, P]);
47
+ }, w = () => {
48
+ m();
49
+ }, m = () => {
50
+ const t = c();
51
+ t && (clearTimeout(t), e.current?.removeAttribute(n));
52
+ }, d = () => {
53
+ const t = setTimeout(() => {
54
+ f();
55
+ }, B);
56
+ l(String(t));
57
+ }, A = () => {
58
+ c() !== S && e.current && d();
59
+ }, I = () => {
60
+ k(), o && e.current?.showPopover && (e.current.showPopover(), d());
61
+ }, f = () => {
62
+ m(), l(S), e.current && (e.current.addEventListener("animationend", () => {
63
+ e.current?.hidePopover && (e.current.hidePopover(), M(), e.current = null, a((t) => t.slice(1)), i(null));
64
+ }, {
65
+ once: !0
66
+ // removes event listener after being called once
67
+ }), e.current.classList.add(q.rootClosing));
68
+ }, E = y(() => ({
69
+ queueDSToastMessage: T
70
+ }), [T]);
71
+ return /* @__PURE__ */ C(D.Provider, { value: E, children: [
72
+ o ? /* @__PURE__ */ O(j, { ...o, ref: e }) : null,
73
+ r
74
+ ] });
75
+ };
76
+ export {
77
+ K as DSToastProvider,
78
+ J as useDSToast
79
+ };