@stihl-design-system/components 1.0.0-RC.47 → 1.0.0-RC.48

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 (261) hide show
  1. package/{accordion.BQ7vavIt.js → accordion.D4XR2R7e.js} +2 -2
  2. package/{actionbutton.C7lqEmBx.js → actionbutton.C8hePX-D.js} +3 -3
  3. package/{actioncard.dgVHW0BC.js → actioncard.kDxu01xm.js} +1 -1
  4. package/{actionlink.CL6v1mQA.js → actionlink.dccc5JQV.js} +3 -3
  5. package/{arialiveregions.DC1Gq9Lo.js → arialiveregions.BniSDuPM.js} +9 -10
  6. package/assets/Accordion.RlqWqpGo.css +1 -0
  7. package/assets/ActionButton.Dw2FeIaW.css +1 -0
  8. package/assets/ActionCard.viEoC26n.css +1 -0
  9. package/assets/ActionLink.B1Jjaf7k.css +1 -0
  10. package/assets/Button.Bi1KUKMv.css +1 -0
  11. package/assets/Checkbox.C6RWhy0V.css +1 -0
  12. package/assets/Chip.DfamkUPw.css +1 -0
  13. package/assets/CustomReactSelect.CvWMmrAU.css +1 -0
  14. package/assets/Dialog.6AkQo8ew.css +1 -0
  15. package/assets/Drawer.CDOlX809.css +1 -0
  16. package/assets/Fieldset.BbLGXCWa.css +1 -0
  17. package/assets/InputFile.CDtghZtl.css +1 -0
  18. package/assets/InputNumber.BNpO9p7n.css +1 -0
  19. package/assets/InputPassword.BgZo-RUc.css +1 -0
  20. package/assets/InputSearch.BROFFTK9.css +1 -0
  21. package/assets/LinkButton.IKIlFnpH.css +1 -0
  22. package/assets/Notification.2B81JHOp.css +1 -0
  23. package/assets/Pagination.DH71DZ0j.css +1 -0
  24. package/assets/Popover.58Tb0dOt.css +1 -0
  25. package/assets/Select.CfTN3CJo.css +1 -0
  26. package/assets/Slider.B4kzL60S.css +1 -0
  27. package/assets/{SystemFeedback.DYi9QetY.css → SystemFeedback.DVMml_h9.css} +1 -1
  28. package/assets/TextUtility.BThulfyl.css +1 -0
  29. package/assets/Textarea.BO4AcRJD.css +1 -0
  30. package/assets/buttonround.syTU1QSI.css +1 -0
  31. package/assets/chipgroup.DtCnsmS7.css +1 -0
  32. package/assets/filelist.B-Ru0GP_.css +1 -0
  33. package/assets/input.Dy8VS73e.css +1 -0
  34. package/assets/numberindicator.CtbitPQ8.css +1 -0
  35. package/assets/progressindicator.tyY_RVQ9.css +1 -0
  36. package/assets/radio.9hUUyg8R.css +1 -0
  37. package/assets/switch.8v7Wp1Fj.css +1 -0
  38. package/assets/tabpane.DDaeSDQb.css +1 -0
  39. package/assets/text.BwGsYzGM.css +1 -0
  40. package/assets/tooltip.C_BL2kou.css +1 -0
  41. package/{banner.BlB_7xue.js → banner.DO7GsDL_.js} +1 -1
  42. package/{breadcrumb.DajORKq7.js → breadcrumb.DYov6vtt.js} +3 -3
  43. package/{button.EooIlFBI.js → button.qxcuzbnv.js} +2 -2
  44. package/buttonround.BO7_ewzA.js +101 -0
  45. package/{checkbox.NJj9qMnx.js → checkbox.C9kyIY9P.js} +4 -5
  46. package/{checkboxgroup.DELdyn0X.js → checkboxgroup.kEUxnKLf.js} +2 -2
  47. package/{chip.C4h8Hm9g.js → chip.5ktNLRYf.js} +3 -3
  48. package/chipgroup.kRU3Z98U.js +226 -0
  49. package/chunks/Accordion.gih2ni1d.js +179 -0
  50. package/chunks/ActionButton.B-wm5sUy.js +194 -0
  51. package/chunks/{ActionCard.Dbq2VqyZ.js → ActionCard.Bm-2ewfS.js} +44 -44
  52. package/chunks/ActionLink.D0KzqbH4.js +166 -0
  53. package/chunks/{AriaLiveRegions.utils.BPvIKT6B.js → AriaLiveRegions.utils.xoETe2Ps.js} +14 -16
  54. package/chunks/{Breadcrumb.Ccm79ver.js → Breadcrumb.I2G-T0zc.js} +2 -2
  55. package/chunks/Button.CCol--xy.js +165 -0
  56. package/chunks/Checkbox.BxOGR1bR.js +96 -0
  57. package/chunks/CheckboxGroup.TneO0tuE.js +85 -0
  58. package/chunks/Chip.DffaXMkV.js +148 -0
  59. package/chunks/{CustomReactSelect.oEQpO9iN.js → CustomReactSelect.DTAavYaz.js} +282 -277
  60. package/chunks/Dialog.guuxflWL.js +101 -0
  61. package/chunks/{Drawer.CDe_g99S.js → Drawer.CjUZu6GW.js} +27 -28
  62. package/chunks/Fieldset.BBMuLKps.js +94 -0
  63. package/chunks/{Flag.X9tB3Mfv.js → Flag.CbQYBzVC.js} +12 -13
  64. package/chunks/{Header.bLSdAY9-.js → Header.CvcGSuhX.js} +1 -1
  65. package/chunks/{Input.utils.CkmzxIrU.js → Input.utils.Wycy2SzG.js} +23 -25
  66. package/chunks/InputFile.y71Cd5J9.js +260 -0
  67. package/chunks/InputNumber.Fn2YbF_s.js +250 -0
  68. package/chunks/InputPassword.DtT9yrlx.js +129 -0
  69. package/chunks/InputSearch.BoAfGqoH.js +157 -0
  70. package/chunks/LinkButton.BxG7fx1O.js +150 -0
  71. package/chunks/LinkCard.DM-5WrSt.js +200 -0
  72. package/chunks/{MegaMenu.DbunD_yW.js → MegaMenu.udXR1H3W.js} +1 -1
  73. package/chunks/{NavigationTabList.CyrKNAer.js → NavigationTabList.thzA1pU8.js} +1 -1
  74. package/chunks/{NavigationTabs.DVBe-Wt3.js → NavigationTabs.BWewgBch.js} +1 -1
  75. package/chunks/Notification.C_o7Ge6Q.js +91 -0
  76. package/chunks/Pagination.BrOMUJMi.js +272 -0
  77. package/chunks/Popover.CxZZ_y1Z.js +230 -0
  78. package/chunks/RadioGroup.CO91_5hA.js +136 -0
  79. package/chunks/Select.EzoMdk1u.js +157 -0
  80. package/chunks/Slider.CX38t4Sk.js +330 -0
  81. package/chunks/{Stepper.KBRikedB.js → Stepper.Ds_aIEF8.js} +68 -69
  82. package/chunks/SystemFeedback.DhWcYjnu.js +43 -0
  83. package/chunks/{Tabs.xXn4zpGp.js → Tabs.BHVlgp7L.js} +2 -2
  84. package/chunks/Text.utils.DzlY9pJS.js +9 -0
  85. package/chunks/TextUtility.BZLwqyic.js +82 -0
  86. package/chunks/Textarea.vuJgvW6_.js +192 -0
  87. package/chunks/{Toast.NZfb7z3q.js → Toast.V_ZUAsf2.js} +1 -1
  88. package/chunks/translate.DSb-TdWR.js +2460 -0
  89. package/{combobox.CPsl2TC0.js → combobox.C6cPz4AJ.js} +1 -1
  90. package/components/Accordion/Accordion.d.ts +5 -0
  91. package/components/ActionButton/ActionButton.d.ts +5 -1
  92. package/components/ActionLink/ActionLink.d.ts +1 -1
  93. package/components/Button/Button.utils.d.ts +1 -1
  94. package/components/Checkbox/Checkbox.d.ts +8 -1
  95. package/components/CheckboxGroup/CheckboxGroup.d.ts +9 -1
  96. package/components/ChipGroup/Chip.d.ts +2 -0
  97. package/components/ChipGroup/ChipGroup.d.ts +12 -2
  98. package/components/ChipGroup/ChipGroup.utils.d.ts +39 -15
  99. package/components/Combobox/Combobox.utils.d.ts +66 -9
  100. package/components/Combobox/CustomReactSelect/CustomReactSelect.d.ts +5 -1
  101. package/components/Combobox/CustomReactSelect/CustomReactSelect.utils.d.ts +1 -1
  102. package/components/Fieldset/Fieldset.d.ts +9 -2
  103. package/components/Input/Input.d.ts +8 -1
  104. package/components/InputFile/FileList/FileList.d.ts +4 -2
  105. package/components/InputFile/FileList/FilePreview/FilePreview.d.ts +8 -2
  106. package/components/InputFile/FileList/ProgressIndicator/ProgressIndicator.d.ts +8 -2
  107. package/components/InputFile/InputFile.d.ts +12 -2
  108. package/components/InputFile/InputFile.utils.d.ts +41 -23
  109. package/components/InputNumber/InputNumber.d.ts +8 -1
  110. package/components/InputPassword/InputPassword.d.ts +8 -1
  111. package/components/InputSearch/InputSearch.d.ts +8 -1
  112. package/components/LinkCard/LinkCard.d.ts +10 -4
  113. package/components/LinkCard/LinkCard.utils.d.ts +2 -2
  114. package/components/NumberIndicator/NumberIndicator.d.ts +6 -1
  115. package/components/Pagination/Pagination.d.ts +10 -3
  116. package/components/Pagination/Pagination.utils.d.ts +22 -9
  117. package/components/Popover/Popover.d.ts +9 -1
  118. package/components/Popover/Popover.utils.d.ts +3 -2
  119. package/components/Radio/Radio.d.ts +5 -0
  120. package/components/RadioGroup/RadioGroup.d.ts +8 -0
  121. package/components/Select/Select.d.ts +8 -1
  122. package/components/Slider/Slider.d.ts +8 -1
  123. package/components/Stepper/Step.d.ts +1 -1
  124. package/components/Stepper/Step.utils.d.ts +1 -1
  125. package/components/Stepper/Stepper.d.ts +4 -1
  126. package/components/Stepper/Stepper.utils.d.ts +9 -4
  127. package/components/SystemFeedback/SystemFeedback.d.ts +9 -1
  128. package/components/Textarea/Textarea.d.ts +8 -1
  129. package/{customreactselect.D7BJg-2s.js → customreactselect.L0zSh3Tg.js} +4 -4
  130. package/{dialog.BlprGigG.js → dialog.Ddq8o8Od.js} +2 -2
  131. package/{drawer.BoyrTFi1.js → drawer.rbbjQvqL.js} +2 -2
  132. package/{fieldset.D_e2-vo_.js → fieldset.BHf3XK2q.js} +3 -3
  133. package/filelist.GrEwoM1u.js +143 -0
  134. package/filepreview.B2Ot9SZ7.js +97 -0
  135. package/{flag.0vpitrQ-.js → flag.fX6LAgty.js} +3 -4
  136. package/{floatingactionbutton.BrdE1vi2.js → floatingactionbutton.BwCiybnc.js} +1 -1
  137. package/{header.C3AqYBtz.js → header.BCeCjYfG.js} +1 -1
  138. package/index.es.js +203 -204
  139. package/input.Dh0ws-9j.js +187 -0
  140. package/inputfile.DiZh3GcT.js +17 -0
  141. package/{inputnumber.Box5R2An.js → inputnumber.D2cmptaH.js} +8 -9
  142. package/{inputpassword.CBc8GNwI.js → inputpassword.C53Kg4EA.js} +4 -4
  143. package/inputsearch.BrsIDUSW.js +14 -0
  144. package/link.DEZDbUgq.js +81 -0
  145. package/{linkbutton.DxEPueLb.js → linkbutton._X50W2Md.js} +3 -3
  146. package/{linkcard.CCY-VFWN.js → linkcard.BtM3KnjT.js} +3 -3
  147. package/{logo.D7LnRA1E.js → logo.D6BTxbxv.js} +0 -1
  148. package/{megamenu.C8OynEzk.js → megamenu.odVCUm4c.js} +2 -2
  149. package/{navigationtablist.iSQd5PX4.js → navigationtablist.n9DrtYe5.js} +2 -2
  150. package/{navigationtabs.FtkVv_qV.js → navigationtabs.D0mSyAtK.js} +2 -2
  151. package/{notification.Cqg8HpJ8.js → notification._X8-8vOa.js} +2 -2
  152. package/numberindicator.DsK65Bj3.js +39 -0
  153. package/package.json +6 -1
  154. package/pagination.B7Hrx_sk.js +14 -0
  155. package/partials/index.js +68 -68
  156. package/{popover.DYiEGSnj.js → popover.BBaqL7y9.js} +3 -3
  157. package/progressindicator.D9CfVD95.js +74 -0
  158. package/radio.DjToa2aV.js +148 -0
  159. package/{radiogroup.wqgExwrG.js → radiogroup.mc-8lw65.js} +3 -3
  160. package/{scroller.Dqnsxq2M.js → scroller.CgWp2WXG.js} +10 -11
  161. package/{select.DkKuGI6O.js → select.DTZ6a6Ag.js} +5 -6
  162. package/{skeleton.DUkBgXxO.js → skeleton.CNJdNVav.js} +10 -10
  163. package/{skiptocontent.CRQywi6J.js → skiptocontent.BsRpWvyu.js} +4 -4
  164. package/{slider.BOjqQp9n.js → slider.BMGAihY0.js} +3 -3
  165. package/{step.C6zDRCBu.js → step.DCQ6CawJ.js} +1 -1
  166. package/stepper.D7-7BdSv.js +15 -0
  167. package/styles/scss/ds/index.scss +2 -0
  168. package/styles/scss/ds/lib/border-width.scss +3 -0
  169. package/styles/scss/ds/lib/ds-internal/_input.scss +65 -21
  170. package/styles/scss/ds/lib/ds-internal/_link-button.scss +4 -2
  171. package/styles/scss/ds/lib/ds-internal/_link.scss +23 -3
  172. package/styles/scss/ds/lib/input.scss +12 -7
  173. package/styles/scss/ds/lib/link.scss +2 -2
  174. package/styles/scss/ds/lib/radius.scss +5 -0
  175. package/{switch.CuNNdrkD.js → switch.tM2XBag8.js} +2 -2
  176. package/{systemfeedback.Da0wX0Eb.js → systemfeedback.BPPOht_9.js} +1 -1
  177. package/{tablist.BjKwrLz9.js → tablist.BAm0_UIG.js} +22 -23
  178. package/{tabpane.7vMXUKFX.js → tabpane.B9rZghU6.js} +1 -1
  179. package/{tabs.-U2k6Oll.js → tabs.BgTdWbTe.js} +3 -3
  180. package/text.BEO_ZfJq.js +72 -0
  181. package/{textarea.BWznY6Gg.js → textarea.Cki-uMkZ.js} +5 -6
  182. package/{textutility.CBLuAdaa.js → textutility.BypzssPt.js} +2 -2
  183. package/{toast.D9XLSgJg.js → toast.s0Hfuh5i.js} +2 -2
  184. package/{toastmanager.V5E05qgI.js → toastmanager.CPIPn4Io.js} +19 -20
  185. package/{tooltip.a1aWHK00.js → tooltip.BFQG-7VR.js} +1 -1
  186. package/{topbar.BdGK62KJ.js → topbar.Bbct-XkB.js} +3 -3
  187. package/utils/translate.d.ts +22 -6
  188. package/assets/Accordion.DPu2l_Kg.css +0 -1
  189. package/assets/ActionButton.DcQYatF1.css +0 -1
  190. package/assets/ActionCard.gRQVVFWz.css +0 -1
  191. package/assets/ActionLink.B62Aa8y9.css +0 -1
  192. package/assets/Button.BI6zz6Fw.css +0 -1
  193. package/assets/Checkbox.DknHnS9a.css +0 -1
  194. package/assets/Chip.CYhVB1Jh.css +0 -1
  195. package/assets/CustomReactSelect.lKMLwL7n.css +0 -1
  196. package/assets/Dialog.BKwWy1g2.css +0 -1
  197. package/assets/Drawer.IRb7Vc1n.css +0 -1
  198. package/assets/Fieldset.C4Fx4-UV.css +0 -1
  199. package/assets/InputFile.ne7gwc_5.css +0 -1
  200. package/assets/InputNumber.BIdsQuFc.css +0 -1
  201. package/assets/InputPassword.YSKTDTA1.css +0 -1
  202. package/assets/InputSearch.C3qtDQcj.css +0 -1
  203. package/assets/LinkButton.CmEE7Od_.css +0 -1
  204. package/assets/Notification.BO0Mu9No.css +0 -1
  205. package/assets/Pagination.OLmfdASf.css +0 -1
  206. package/assets/Popover.mL5g23EK.css +0 -1
  207. package/assets/Select.CDP-1_K9.css +0 -1
  208. package/assets/Slider.Cu7MgNph.css +0 -1
  209. package/assets/TextUtility.bwkCWEiV.css +0 -1
  210. package/assets/Textarea.Hsq68tg1.css +0 -1
  211. package/assets/buttonround.rmUb58WF.css +0 -1
  212. package/assets/chipgroup.BGxjdSDX.css +0 -1
  213. package/assets/filelist.cP3O1JeJ.css +0 -1
  214. package/assets/input.BEBgyvkK.css +0 -1
  215. package/assets/numberindicator.DSpNPJcs.css +0 -1
  216. package/assets/progressindicator.Dxrigyne.css +0 -1
  217. package/assets/radio.DsHt-9om.css +0 -1
  218. package/assets/switch.fwcMI6o7.css +0 -1
  219. package/assets/tabpane.o34hshTz.css +0 -1
  220. package/assets/text.Doa-APfR.css +0 -1
  221. package/assets/tooltip.DrSplliO.css +0 -1
  222. package/buttonround.BeQakrPs.js +0 -101
  223. package/chipgroup.BKjeuuM0.js +0 -213
  224. package/chunks/Accordion.8kTbiPxs.js +0 -173
  225. package/chunks/ActionButton.CBV1-_HP.js +0 -188
  226. package/chunks/ActionLink.BXxDS1Gg.js +0 -161
  227. package/chunks/Button.COycNYUI.js +0 -160
  228. package/chunks/Checkbox.CMshaWIU.js +0 -88
  229. package/chunks/CheckboxGroup.D3D1spfJ.js +0 -79
  230. package/chunks/Chip.DCJYE513.js +0 -157
  231. package/chunks/Dialog.lJXxzgu2.js +0 -102
  232. package/chunks/Fieldset.DOjI3DlI.js +0 -91
  233. package/chunks/InputFile.DYXvF6vT.js +0 -260
  234. package/chunks/InputNumber.CkWpchPo.js +0 -240
  235. package/chunks/InputPassword.21E6XMr5.js +0 -121
  236. package/chunks/InputSearch.Dy3EKa9f.js +0 -149
  237. package/chunks/LinkButton.BCHTLFMJ.js +0 -150
  238. package/chunks/LinkCard.BYmTwsS5.js +0 -197
  239. package/chunks/Notification.BjyLiO2h.js +0 -91
  240. package/chunks/Pagination.CJikF9Cw.js +0 -247
  241. package/chunks/Popover.ByaoNwGK.js +0 -221
  242. package/chunks/RadioGroup.Bh2X6pT9.js +0 -130
  243. package/chunks/Select.KWb09VmF.js +0 -147
  244. package/chunks/Slider.CxnIy51F.js +0 -309
  245. package/chunks/SystemFeedback.4osheYxC.js +0 -38
  246. package/chunks/Text.utils.BZ4nTZVu.js +0 -11
  247. package/chunks/TextUtility.BPrxUX-x.js +0 -82
  248. package/chunks/Textarea.CAOqZMUi.js +0 -181
  249. package/chunks/translate.nuU7uChI.js +0 -8
  250. package/filelist.DfAt2xJa.js +0 -128
  251. package/filepreview.Defs34bv.js +0 -94
  252. package/input.ChMzyHej.js +0 -175
  253. package/inputfile.DZIUs1EC.js +0 -18
  254. package/inputsearch.DzzYb-C0.js +0 -15
  255. package/link.aU1f2Xzu.js +0 -81
  256. package/numberindicator.Q7g4J3Ry.js +0 -36
  257. package/pagination.DA4PMLOq.js +0 -14
  258. package/progressindicator.DpmERE8T.js +0 -53
  259. package/radio.KQ8CUM3_.js +0 -137
  260. package/stepper.DHl3_XU9.js +0 -16
  261. package/text.CnP3baHy.js +0 -72
@@ -1,101 +0,0 @@
1
- "use client";
2
- import { jsxs as J, jsx as z } from "react/jsx-runtime";
3
- import { d as K } from "./chunks/index.cKLI89Eg.js";
4
- import { c as q } from "./chunks/index.DQOqod3i.js";
5
- import { D as P } from "./chunks/Icon.DYtaQgbw.js";
6
- import { DSSpinner as Q } from "./spinner.DtLnsqVV.js";
7
- import { Tooltip as G } from "./tooltip.a1aWHK00.js";
8
- import { forwardRef as U } from "react";
9
- import './assets/buttonround.rmUb58WF.css';const V = "ds-button-round_root_14bhh_1", W = "ds-button-round_root--highlight_14bhh_76", X = "ds-button-round_root--dark-highlight_14bhh_76", Y = "ds-button-round_root--filled_14bhh_152", Z = "ds-button-round_root--dark-filled_14bhh_402", tt = "ds-button-round_root--size-small_14bhh_675", ot = "ds-button-round_root--size-medium_14bhh_681", et = "ds-button-round_icon--hidden_14bhh_688", lt = "ds-button-round_label--hidden_14bhh_692", it = "ds-button-round_label--loading_14bhh_704", nt = "ds-button-round_loader_14bhh_708", e = {
10
- root: V,
11
- rootHighlight: W,
12
- rootDarkHighlight: X,
13
- rootFilled: Y,
14
- rootDarkFilled: Z,
15
- rootSizeSmall: tt,
16
- rootSizeMedium: ot,
17
- iconHidden: et,
18
- labelHidden: lt,
19
- labelLoading: it,
20
- loader: nt
21
- }, st = U((B, E) => {
22
- const t = K.c(55);
23
- let r, a, h, i, n, c, _, g, p, S, k, D, s;
24
- t[0] !== B ? ({
25
- children: a,
26
- aria: r,
27
- className: h,
28
- disabled: _,
29
- iconName: g,
30
- iconSource: i,
31
- loading: p,
32
- size: S,
33
- theme: k,
34
- tooltip: s,
35
- variant: D,
36
- onClick: n,
37
- ...c
38
- } = B, t[0] = B, t[1] = r, t[2] = a, t[3] = h, t[4] = i, t[5] = n, t[6] = c, t[7] = _, t[8] = g, t[9] = p, t[10] = S, t[11] = k, t[12] = D, t[13] = s) : (r = t[1], a = t[2], h = t[3], i = t[4], n = t[5], c = t[6], _ = t[7], g = t[8], p = t[9], S = t[10], k = t[11], D = t[12], s = t[13]);
39
- const N = _ === void 0 ? !1 : _, v = g === void 0 ? "placeholder" : g, o = p === void 0 ? !1 : p, C = S === void 0 ? "small" : S, H = k === void 0 ? "light" : k, d = D === void 0 ? "filled" : D;
40
- let F;
41
- t[14] !== h || t[15] !== C || t[16] !== H || t[17] !== d ? (F = q(e.root, {
42
- [e.rootSizeMedium]: C === "medium",
43
- [e.rootSizeSmall]: C === "small"
44
- }, h, {
45
- [e.rootFilled]: d === "filled",
46
- [e.rootHighlight]: d === "highlight",
47
- [e.rootDarkFilled]: H === "dark" && d === "filled",
48
- [e.rootDarkHighlight]: H === "dark" && d === "highlight"
49
- }), t[14] = h, t[15] = C, t[16] = H, t[17] = d, t[18] = F) : F = t[18];
50
- const O = F;
51
- let x;
52
- t[19] !== o ? (x = q(e.label, e.labelHidden, {
53
- [e.labelLoading]: o
54
- }), t[19] = o, t[20] = x) : x = t[20];
55
- const T = x;
56
- let y;
57
- t[21] !== o ? (y = q(e.icon, {
58
- [e.iconHidden]: o
59
- }), t[21] = o, t[22] = y) : y = t[22];
60
- const w = y, A = H === "light" && d === "filled" ? "dark" : "light";
61
- let L;
62
- t[23] !== N || t[24] !== o || t[25] !== n ? (L = (l) => {
63
- if (N || o) {
64
- l.preventDefault();
65
- return;
66
- }
67
- n && n(l);
68
- }, t[23] = N, t[24] = o, t[25] = n, t[26] = L) : L = t[26];
69
- const I = L, $ = N || o;
70
- let m;
71
- t[27] !== o ? (m = o && /* @__PURE__ */ z(Q, { className: e.loader, aria: {
72
- "aria-label": "Loading state"
73
- } }), t[27] = o, t[28] = m) : m = t[28];
74
- let u;
75
- t[29] !== a || t[30] !== T ? (u = /* @__PURE__ */ z("span", { className: T, children: a }), t[29] = a, t[30] = T, t[31] = u) : u = t[31];
76
- let b;
77
- t[32] !== w || t[33] !== v || t[34] !== i || t[35] !== A ? (b = (v || i) && /* @__PURE__ */ z(P, { name: v, theme: A, source: i, className: w, "aria-hidden": "true" }), t[32] = w, t[33] = v, t[34] = i, t[35] = A, t[36] = b) : b = t[36];
78
- let M;
79
- t[37] !== r || t[38] !== I || t[39] !== o || t[40] !== E || t[41] !== c || t[42] !== O || t[43] !== $ || t[44] !== m || t[45] !== u || t[46] !== b ? (M = /* @__PURE__ */ J("button", { className: O, type: "button", onClick: I, ...r, ...c, "aria-disabled": $, "aria-busy": o, ref: E, children: [
80
- m,
81
- u,
82
- b
83
- ] }), t[37] = r, t[38] = I, t[39] = o, t[40] = E, t[41] = c, t[42] = O, t[43] = $, t[44] = m, t[45] = u, t[46] = b, t[47] = M) : M = t[47];
84
- const R = M;
85
- if (s) {
86
- let l;
87
- t[48] !== R ? (l = /* @__PURE__ */ z(G.Anchor, { children: R }), t[48] = R, t[49] = l) : l = t[49];
88
- let f;
89
- t[50] !== s ? (f = /* @__PURE__ */ z(G.Content, { children: s }), t[50] = s, t[51] = f) : f = t[51];
90
- let j;
91
- return t[52] !== l || t[53] !== f ? (j = /* @__PURE__ */ J(G, { placement: "top", tooltipOffset: 6, children: [
92
- l,
93
- f
94
- ] }), t[52] = l, t[53] = f, t[54] = j) : j = t[54], j;
95
- }
96
- return R;
97
- });
98
- st.displayName = "DSButtonRound";
99
- export {
100
- st as DSButtonRound
101
- };
@@ -1,213 +0,0 @@
1
- "use client";
2
- import { jsxs as de, jsx as Y } from "react/jsx-runtime";
3
- import { useState as W, useRef as Z, useEffect as V, createElement as fe } from "react";
4
- import { d as me } from "./chunks/index.cKLI89Eg.js";
5
- import { c as x } from "./chunks/index.DQOqod3i.js";
6
- import { t as pe } from "./chunks/translate.nuU7uChI.js";
7
- import { u as he } from "./chunks/useBreakpoint.1txsny17.js";
8
- import { f as ge } from "./chunks/AriaLiveRegions.utils.BPvIKT6B.js";
9
- import { v as be, D as Se, e as Ce, d as j } from "./chunks/Chip.DCJYE513.js";
10
- import './assets/chipgroup.BGxjdSDX.css';const ke = "ds-chip-group_label--hidden_3zmt2_1", ye = "ds-chip-group_root_3zmt2_14", ee = {
11
- labelHidden: ke,
12
- root: ye
13
- }, Be = (i) => {
14
- const e = me.c(37);
15
- let r, h, f, S, a, _, C, k, y, w, v, D, $;
16
- e[0] !== i ? ({
17
- chips: r,
18
- id: f,
19
- label: S,
20
- className: h,
21
- disableTooltips: C,
22
- hideLabel: k,
23
- isRemovable: y,
24
- lang: w,
25
- selectionMode: v,
26
- size: D,
27
- translations: $,
28
- onChipsChange: a,
29
- ..._
30
- } = i, e[0] = i, e[1] = r, e[2] = h, e[3] = f, e[4] = S, e[5] = a, e[6] = _, e[7] = C, e[8] = k, e[9] = y, e[10] = w, e[11] = v, e[12] = D, e[13] = $) : (r = e[1], h = e[2], f = e[3], S = e[4], a = e[5], _ = e[6], C = e[7], k = e[8], y = e[9], w = e[10], v = e[11], D = e[12], $ = e[13]);
31
- const te = C === void 0 ? !1 : C, le = k === void 0 ? !1 : k, d = y === void 0 ? !1 : y, q = w === void 0 ? "en" : w, m = v === void 0 ? "single" : v, ne = D === void 0 ? "medium" : D;
32
- process.env.NODE_ENV !== "production" && be({
33
- chips: r,
34
- id: f,
35
- label: S
36
- });
37
- const c = pe($ || Se[q]), [n, g] = W(null);
38
- let A;
39
- e[14] !== r ? (A = () => r.map(we), e[14] = r, e[15] = A) : A = e[15];
40
- const [o, I] = W(A), J = Z(null), [u, P] = W();
41
- let N;
42
- e[16] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (N = [], e[16] = N) : N = e[16];
43
- const E = Z(N);
44
- let K, M;
45
- e[17] !== r ? (M = () => {
46
- I(r.map(ve));
47
- }, K = [r], e[17] = r, e[18] = K, e[19] = M) : (K = e[18], M = e[19]), V(M, K);
48
- let T, G;
49
- e[20] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (T = () => {
50
- const t = () => P("keydown"), l = () => P(null), s = () => P(null);
51
- return document.addEventListener("keydown", t), document.addEventListener("mousedown", l), document.addEventListener("touchstart", s), () => {
52
- document.removeEventListener("keydown", t), document.removeEventListener("mousedown", l), document.removeEventListener("touchstart", s);
53
- };
54
- }, G = [], e[20] = T, e[21] = G) : (T = e[20], G = e[21]), V(T, G);
55
- let R;
56
- e[22] !== n || e[23] !== u ? (R = () => {
57
- n !== null && E.current[n] && u === "keydown" && E.current[n]?.focus();
58
- }, e[22] = n, e[23] = u, e[24] = R) : R = e[24];
59
- let z;
60
- e[25] !== n ? (z = [n], e[25] = n, e[26] = z) : z = e[26], V(R, z);
61
- let B;
62
- e[27] !== o.length || e[28] !== n || e[29] !== u ? (B = () => {
63
- u === "keydown" && n !== null && o.length > 0 && E.current.forEach((t, l) => {
64
- t && (t.tabIndex = l === n ? 0 : -1, l === n && t.focus());
65
- });
66
- }, e[27] = o.length, e[28] = n, e[29] = u, e[30] = B) : B = e[30];
67
- let F;
68
- e[31] !== o ? (F = [o], e[31] = o, e[32] = F) : F = e[32], V(B, F);
69
- const se = (t) => {
70
- if (n === null)
71
- return;
72
- let l = n;
73
- e: switch (t.key) {
74
- case "a": {
75
- (t.metaKey || t.ctrlKey) && (t.preventDefault(), oe());
76
- break e;
77
- }
78
- case "ArrowRight":
79
- case "ArrowDown": {
80
- t.shiftKey && m === "multiple" && !d ? (l = n + 1 > o.length - 1 ? o.length - 1 : n + 1, n !== l ? (b(n), b(l)) : o[n].isSelected || b(n)) : (l = (n + 1) % o.length, t.preventDefault());
81
- break e;
82
- }
83
- case "ArrowLeft":
84
- case "ArrowUp": {
85
- t.shiftKey && m === "multiple" && !d ? (l = n - 1 < 0 ? 0 : n - 1, n !== l ? (b(n), b(l)) : o[0].isSelected || b(0)) : (l = (n - 1 + o.length) % o.length, t.preventDefault());
86
- break e;
87
- }
88
- case "Enter":
89
- case " ": {
90
- if (t.preventDefault(), d) {
91
- U(l), o[l]?.onClick?.(t);
92
- return;
93
- } else
94
- Q(l), o[l]?.onClick?.(t);
95
- break e;
96
- }
97
- case "Backspace": {
98
- d && U(l), t.preventDefault();
99
- return;
100
- }
101
- default:
102
- return;
103
- }
104
- g(l);
105
- }, oe = () => {
106
- if (m !== "multiple")
107
- return;
108
- const t = o.map(De);
109
- I(t);
110
- const l = t.length;
111
- L(c("countSelected", [String(l), j(c, l), c("selected")])), a && a(t);
112
- }, b = (t) => {
113
- if (d)
114
- return;
115
- const l = o.map($e);
116
- if (l[t].disabled)
117
- return;
118
- l[t].isSelected = !0;
119
- const s = l.filter(Ie).length;
120
- L(`${l[t].label} ${c("selected")}, ${c("countSelected", [String(s), j(c, s), c("selected")])}`), I(l), a && a(l);
121
- }, Q = (t) => {
122
- if (d)
123
- return;
124
- const l = [...o];
125
- if (!l[t].disabled) {
126
- if (m === "single")
127
- l.forEach((s, p) => {
128
- p === t ? (s.isSelected = !s.isSelected, L(s.isSelected ? `${s.label} ${c("selected")}` : `${s.label} ${c("notSelected")}`)) : s.isSelected = !1;
129
- });
130
- else if (m === "multiple") {
131
- l[t].isSelected = !l[t].isSelected;
132
- const s = l.filter(Ee).length, p = c("countSelected", [String(s), j(c, s), c("selected")]);
133
- L(l[t].isSelected ? `${l[t].label} ${c("selected")}, ${p}` : `${l[t].label} ${c("notSelected")}, ${p}`);
134
- }
135
- I(l), a && a(l);
136
- }
137
- }, U = (t) => {
138
- const l = o[t], s = o.filter((X, ue) => ue !== t).map(Le);
139
- I(s);
140
- const p = s.length;
141
- if (L(`${l.label} ${c("removed")}, ${c("countRemaining", [String(p), j(c, p), c("remaining")])}`), u === "keydown")
142
- if (s.length > 0) {
143
- const X = Math.min(t, s.length - 1);
144
- g(X);
145
- } else
146
- J.current?.focus(), g(null);
147
- a && a(s);
148
- }, ie = (t) => {
149
- d ? U(t) : o[t].disabled || Q(t);
150
- }, L = _e;
151
- let H;
152
- e[33] !== n ? (H = (t) => n === null || n === t ? 0 : -1, e[33] = n, e[34] = H) : H = e[34];
153
- const ce = H, re = he(le);
154
- let O;
155
- e[35] !== h ? (O = x(ee.root, h), e[35] = h, e[36] = O) : O = e[36];
156
- const ae = O;
157
- return o.length === 0 ? null : /* @__PURE__ */ de("div", { children: [
158
- /* @__PURE__ */ Y("div", { id: f, className: x({
159
- [ee.labelHidden]: re
160
- }) || void 0, children: S }),
161
- o.length > 0 && /* @__PURE__ */ Y("div", { ref: J, role: "grid", "aria-labelledby": f, "aria-multiselectable": m === "multiple", tabIndex: -1, onKeyDown: se, onFocus: () => {
162
- n === null ? (E.current[0].focus(), u === "keydown" && g(0)) : u === "keydown" && g(n);
163
- }, onBlur: () => g(null), className: ae, ..._, children: o.map((t, l) => /* @__PURE__ */ fe(Ce, { ...t, key: `${t.id}-${l}`, "data-focused": n === l, disableTooltips: te, groupId: f, isRemovable: d, lang: q, selectionMode: m, size: ne, tabIndex: ce(l), translations: $, onClick: (s) => {
164
- ie(l), t.onClick && t.onClick(s);
165
- }, ref: (s) => {
166
- E.current[l] = s;
167
- } })) })
168
- ] });
169
- };
170
- function we(i) {
171
- return {
172
- ...i
173
- };
174
- }
175
- function ve(i) {
176
- return {
177
- ...i
178
- };
179
- }
180
- function De(i) {
181
- return {
182
- ...i,
183
- selected: !i.disabled
184
- };
185
- }
186
- function $e(i) {
187
- return {
188
- ...i
189
- };
190
- }
191
- function Ie(i) {
192
- const {
193
- isSelected: e
194
- } = i;
195
- return e;
196
- }
197
- function Ee(i) {
198
- const {
199
- isSelected: e
200
- } = i;
201
- return e;
202
- }
203
- function Le(i) {
204
- return {
205
- ...i
206
- };
207
- }
208
- function _e(i) {
209
- ge(i, "DSChipGroup");
210
- }
211
- export {
212
- Be as DSChipGroup
213
- };
@@ -1,173 +0,0 @@
1
- "use client";
2
- import { jsx as d, jsxs as $ } from "react/jsx-runtime";
3
- import { d as Se } from "./index.cKLI89Eg.js";
4
- import { c as O } from "./index.DQOqod3i.js";
5
- import { forwardRef as ge, useRef as ve, useState as Ce, useImperativeHandle as We, useEffect as fe } from "react";
6
- import { DSHeading as Ne } from "../heading.BHSklXho.js";
7
- import { D as Oe } from "./Icon.DYtaQgbw.js";
8
- import { NumberIndicator as we } from "../numberindicator.Q7g4J3Ry.js";
9
- import { g as k } from "./helpers.CexwVao7.js";
10
- import '../assets/Accordion.DPu2l_Kg.css';const De = "ds-accordion_details_3l1oa_1", be = "ds-accordion_summary_3l1oa_117", xe = "ds-accordion_summary--utility--m_3l1oa_156", Ae = "ds-accordion_summary--flush_3l1oa_185", Ie = "ds-accordion_summary--small_3l1oa_253", Ee = "ds-accordion_summary--x-small_3l1oa_257", Xe = "ds-accordion_summary-content-wrapper_3l1oa_262", Fe = "ds-accordion_summary-content-wrapper--flush_3l1oa_268", Te = "ds-accordion_summary-content-wrapper--chevron-left_3l1oa_272", Pe = "ds-accordion_summary-content-wrapper--x-small_3l1oa_276", Re = "ds-accordion_heading-summary-wrapper_3l1oa_280", Le = "ds-accordion_heading-summary_3l1oa_280", je = "ds-accordion_heading-summary--x-small_3l1oa_290", ze = "ds-accordion_hint_3l1oa_294", Me = "ds-accordion_icon_3l1oa_308", He = "ds-accordion_icon--open_3l1oa_319", Ue = "ds-accordion_icon--open-caret_3l1oa_330", qe = "ds-accordion_content-wrapper_3l1oa_342", Ve = "ds-accordion_content-wrapper--flush_3l1oa_348", Ze = "ds-accordion_content-wrapper--small_3l1oa_352", $e = "ds-accordion_content-wrapper--x-small_3l1oa_356", t = {
11
- details: De,
12
- summary: be,
13
- summaryUtilityM: xe,
14
- summaryFlush: Ae,
15
- summarySmall: Ie,
16
- summaryXSmall: Ee,
17
- summaryContentWrapper: Xe,
18
- summaryContentWrapperFlush: Fe,
19
- summaryContentWrapperChevronLeft: Te,
20
- summaryContentWrapperXSmall: Pe,
21
- headingSummaryWrapper: Re,
22
- headingSummary: Le,
23
- headingSummaryXSmall: je,
24
- hint: ze,
25
- icon: Me,
26
- iconOpen: He,
27
- iconOpenCaret: Ue,
28
- contentWrapper: qe,
29
- contentWrapperFlush: Ve,
30
- contentWrapperSmall: Ze,
31
- contentWrapperXSmall: $e
32
- }, at = ["medium", "small", "x-small"], ot = ["chevron", "caret"], nt = ["left", "right"], ke = ({
33
- children: w,
34
- hint: B,
35
- numberIndicatorValue: e,
36
- numberIndicatorAriaLabel: a,
37
- summary: s
38
- }) => {
39
- if (!w)
40
- throw new Error(k("DSAccordion", "The component requires children to be set."));
41
- if (!s)
42
- throw new Error(k("DSAccordion", "The summary prop is required. Please add the summary prop to the DSAccordion component."));
43
- if (B && (e || e === ""))
44
- throw new Error(k("DSAccordion", "The hint and numberIndicator props cannot be used together. Please remove either the hint prop or the numberIndicatorValue prop."));
45
- (e || e === "") && !a && console.warn(k("DSAccordion", "Please provide a descriptive aria-label for the Number Indicator for better accessibility."));
46
- }, Be = ge((w, B) => {
47
- const e = Se.c(77);
48
- let a, s, l, m, o, p, u, r, D, b, x, A;
49
- e[0] !== w ? ({
50
- children: a,
51
- summary: r,
52
- chevronPosition: D,
53
- className: s,
54
- hint: l,
55
- isFlush: b,
56
- isOpen: x,
57
- numberIndicatorValue: o,
58
- numberIndicatorAriaLabel: m,
59
- size: A,
60
- onToggle: p,
61
- ...u
62
- } = w, e[0] = w, e[1] = a, e[2] = s, e[3] = l, e[4] = m, e[5] = o, e[6] = p, e[7] = u, e[8] = r, e[9] = D, e[10] = b, e[11] = x, e[12] = A) : (a = e[1], s = e[2], l = e[3], m = e[4], o = e[5], p = e[6], u = e[7], r = e[8], D = e[9], b = e[10], x = e[11], A = e[12]);
63
- const ue = D === void 0 ? "right" : D, n = b === void 0 ? !1 : b, i = x === void 0 ? !1 : x, h = A === void 0 ? "medium" : A;
64
- process.env.NODE_ENV !== "production" && ke({
65
- children: a,
66
- hint: l,
67
- numberIndicatorValue: o,
68
- numberIndicatorAriaLabel: m,
69
- summary: r
70
- });
71
- const G = ue === "right" ? "chevron" : "caret", c = ve(null), [he, _e] = Ce(i);
72
- let E;
73
- e[13] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (E = () => c.current, e[13] = E) : E = e[13], We(B, E);
74
- let X;
75
- e[14] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (X = () => {
76
- c.current && _e(c.current.open);
77
- }, e[14] = X) : X = e[14];
78
- let F;
79
- e[15] !== i ? (F = [i], e[15] = i, e[16] = F) : F = e[16], fe(X, F);
80
- let T, P;
81
- e[17] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (T = () => {
82
- const ye = () => {
83
- c.current && _e(c.current.open);
84
- };
85
- return c.current?.addEventListener("toggle", ye), () => {
86
- c.current?.removeEventListener("toggle", ye);
87
- };
88
- }, P = [], e[17] = T, e[18] = P) : (T = e[17], P = e[18]), fe(T, P);
89
- let R, L, j;
90
- const I = typeof r == "object" && r !== void 0;
91
- I && ({
92
- headingSize: R,
93
- headingTag: L,
94
- headingText: j
95
- } = r);
96
- let z;
97
- e[19] !== s ? (z = O(t.details, s), e[19] = s, e[20] = z) : z = e[20];
98
- const J = z, K = h === "small", Q = h === "x-small", Y = !I;
99
- let M;
100
- e[21] !== n || e[22] !== K || e[23] !== Q || e[24] !== Y ? (M = O(t.summary, {
101
- [t.summaryFlush]: n,
102
- [t.summarySmall]: K,
103
- [t.summaryXSmall]: Q,
104
- [t.summaryUtilityM]: Y
105
- }), e[21] = n, e[22] = K, e[23] = Q, e[24] = Y, e[25] = M) : M = e[25];
106
- const ee = M, te = ue === "left", re = h === "x-small";
107
- let H;
108
- e[26] !== n || e[27] !== te || e[28] !== re ? (H = O(t.summaryContentWrapper, {
109
- [t.summaryContentWrapperFlush]: n,
110
- [t.summaryContentWrapperChevronLeft]: te,
111
- [t.summaryContentWrapperXSmall]: re
112
- }), e[26] = n, e[27] = te, e[28] = re, e[29] = H) : H = e[29];
113
- const ae = H, oe = h === "x-small";
114
- let U;
115
- e[30] !== oe ? (U = O(t.headingSummary, {
116
- [t.headingSummaryXSmall]: oe
117
- }), e[30] = oe, e[31] = U) : U = e[31];
118
- const ne = U, se = G === "chevron" && he, le = G === "caret" && he;
119
- let q;
120
- e[32] !== se || e[33] !== le ? (q = O(t.icon, {
121
- [t.iconOpen]: se,
122
- [t.iconOpenCaret]: le
123
- }), e[32] = se, e[33] = le, e[34] = q) : q = e[34];
124
- const ce = q, me = h === "small", ie = h === "x-small";
125
- let V;
126
- e[35] !== n || e[36] !== me || e[37] !== ie ? (V = O(t.contentWrapper, {
127
- [t.contentWrapperFlush]: n,
128
- [t.contentWrapperSmall]: me,
129
- [t.contentWrapperXSmall]: ie
130
- }), e[35] = n, e[36] = me, e[37] = ie, e[38] = V) : V = e[38];
131
- const de = V;
132
- let _;
133
- e[39] !== R || e[40] !== L || e[41] !== j || e[42] !== I || e[43] !== r ? (_ = I ? /* @__PURE__ */ d(Ne, { tag: L, size: R, children: j }) : r, e[39] = R, e[40] = L, e[41] = j, e[42] = I, e[43] = r, e[44] = _) : _ = e[44];
134
- let y;
135
- e[45] !== m || e[46] !== o ? (y = (o || o?.trim() === "") && /* @__PURE__ */ d("div", { children: /* @__PURE__ */ d(we, { "aria-label": m, label: o }) }), e[45] = m, e[46] = o, e[47] = y) : y = e[47];
136
- let f;
137
- e[48] !== ne || e[49] !== _ || e[50] !== y ? (f = /* @__PURE__ */ $("div", { className: ne, children: [
138
- _,
139
- y
140
- ] }), e[48] = ne, e[49] = _, e[50] = y, e[51] = f) : f = e[51];
141
- let S;
142
- e[52] !== l ? (S = l && /* @__PURE__ */ d("div", { className: t.hint, children: l }), e[52] = l, e[53] = S) : S = e[53];
143
- let g;
144
- e[54] !== f || e[55] !== S ? (g = /* @__PURE__ */ $("div", { className: t.headingSummaryWrapper, children: [
145
- f,
146
- S
147
- ] }), e[54] = f, e[55] = S, e[56] = g) : g = e[56];
148
- const pe = G === "chevron" ? "chevron-down" : "caret-right";
149
- let v;
150
- e[57] !== ce || e[58] !== pe ? (v = /* @__PURE__ */ d(Oe, { name: pe, "aria-hidden": "true", className: ce }), e[57] = ce, e[58] = pe, e[59] = v) : v = e[59];
151
- let C;
152
- e[60] !== ae || e[61] !== g || e[62] !== v ? (C = /* @__PURE__ */ $("div", { className: ae, children: [
153
- g,
154
- v
155
- ] }), e[60] = ae, e[61] = g, e[62] = v, e[63] = C) : C = e[63];
156
- let W;
157
- e[64] !== ee || e[65] !== C ? (W = /* @__PURE__ */ d("summary", { className: ee, children: C }), e[64] = ee, e[65] = C, e[66] = W) : W = e[66];
158
- let N;
159
- e[67] !== a || e[68] !== de ? (N = /* @__PURE__ */ d("div", { className: de, children: a }), e[67] = a, e[68] = de, e[69] = N) : N = e[69];
160
- let Z;
161
- return e[70] !== J || e[71] !== i || e[72] !== p || e[73] !== u || e[74] !== W || e[75] !== N ? (Z = /* @__PURE__ */ $("details", { ...u, ref: c, className: J, open: i, onToggle: p, children: [
162
- W,
163
- N
164
- ] }), e[70] = J, e[71] = i, e[72] = p, e[73] = u, e[74] = W, e[75] = N, e[76] = Z) : Z = e[76], Z;
165
- });
166
- Be.displayName = "DSAccordion";
167
- export {
168
- ot as A,
169
- nt as C,
170
- Be as D,
171
- at as a,
172
- ke as v
173
- };
@@ -1,188 +0,0 @@
1
- "use client";
2
- import { jsxs as q, jsx as d, Fragment as Tt } from "react/jsx-runtime";
3
- import { d as jt } from "./index.cKLI89Eg.js";
4
- import { c as P } from "./index.DQOqod3i.js";
5
- import { forwardRef as St } from "react";
6
- import { D as gt } from "./Icon.DYtaQgbw.js";
7
- import { NumberIndicator as wt } from "../numberindicator.Q7g4J3Ry.js";
8
- import { Tooltip as kt } from "../tooltip.a1aWHK00.js";
9
- import { g as f } from "./helpers.CexwVao7.js";
10
- import '../assets/ActionButton.DcQYatF1.css';const Pt = "ds-action-button_root_1ckji_1", Ct = "ds-action-button_root--indent-level-1_1ckji_75", Dt = "ds-action-button_root--active_1ckji_78", Ot = "ds-action-button_root--active--with-marker_1ckji_81", Bt = "ds-action-button_root--icon--top_1ckji_84", Lt = "ds-action-button_root--stretched_1ckji_110", Et = "ds-action-button_active-marker_1ckji_115", xt = "ds-action-button_active-marker--with-indent_1ckji_127", Mt = "ds-action-button_icon-wrapper_1ckji_131", Ut = "ds-action-button_icon-wrapper--x-large_1ckji_134", zt = "ds-action-button_icon-wrapper--with-number-indicator_1ckji_137", Rt = "ds-action-button_icon-wrapper--with-number-indicator--with-value_1ckji_145", Vt = "ds-action-button_label_1ckji_149", yt = "ds-action-button_label--bold_1ckji_160", Ht = "ds-action-button_label--active_1ckji_172", Xt = "ds-action-button_label--icon-top_1ckji_184", Ft = "ds-action-button_number-indicator_1ckji_207", Gt = "ds-action-button_label-wrapper_1ckji_211", Zt = "ds-action-button_label-wrapper--icon-top_1ckji_216", $t = "ds-action-button_chevron_1ckji_220", qt = "ds-action-button_chevron--icon-position-top_1ckji_235", Jt = "ds-action-button_chevron--up_1ckji_241", Kt = "ds-action-button_chevron--right_1ckji_252", Qt = "ds-action-button_chevron--left_1ckji_263", o = {
11
- root: Pt,
12
- rootIndentLevel1: Ct,
13
- rootActive: Dt,
14
- rootActiveWithMarker: Ot,
15
- rootIconTop: Bt,
16
- rootStretched: Lt,
17
- activeMarker: Et,
18
- activeMarkerWithIndent: xt,
19
- iconWrapper: Mt,
20
- iconWrapperXLarge: Ut,
21
- iconWrapperWithNumberIndicator: zt,
22
- iconWrapperWithNumberIndicatorWithValue: Rt,
23
- label: Vt,
24
- labelBold: yt,
25
- labelActive: Ht,
26
- labelIconTop: Xt,
27
- numberIndicator: Ft,
28
- labelWrapper: Gt,
29
- labelWrapperIconTop: Zt,
30
- chevron: $t,
31
- chevronIconPositionTop: qt,
32
- chevronUp: Jt,
33
- chevronRight: Kt,
34
- chevronLeft: Qt
35
- }, lo = ["left", "top"], po = ["large", "x-large"], ho = [0, 1], bo = ["normal", "bold"], _o = ["up", "down", "right", "left"], Yt = ({
36
- iconName: m,
37
- iconSize: I,
38
- iconSource: t,
39
- iconPosition: h,
40
- indentLevel: a,
41
- stretched: b,
42
- weight: _,
43
- numberIndicatorValue: c,
44
- numberIndicatorAriaLabel: r
45
- }) => {
46
- if (m && !t && I === "x-large" && console.warn(f("DSActionButton", 'An "iconSize" prop set to "x-large" has no effect when "iconName" is set. Please remove the "iconSize" prop or provide a custom icon via the "iconSource" prop.')), h === "top") {
47
- if (!m && !t)
48
- throw new Error(f("DSActionButton", 'The "iconPosition" prop should not be set to "top", when no "iconName" or "iconSource" prop was provided. Please either remove the "iconPosition" prop or set a valid icon via the "iconName" or "iconSource" prop.'));
49
- I === "x-large" && console.warn(f("DSActionButton", 'An "iconSize" prop set to "x-large" has no effect when "iconPosition" is set to "top". Please remove the "iconSize" prop.')), _ === "bold" && console.warn(f("DSActionButton", 'A "weight" prop set to "bold" with "iconPosition" set to "top" has no effect. Please remove the "weight" prop.')), a === 1 && console.warn(f("DSActionButton", 'An "indentLevel" prop set to "1" with "iconPosition" set to "top" has no effect. Please remove the "indentLevel" prop.')), b && console.warn(f("DSActionButton", 'A "stretched" prop set to "true" with "iconPosition" set to "top" has no effect. Please remove the "stretched" prop.'));
50
- }
51
- (c || c === "") && !r && console.warn(f("DSActionButton", "Please provide a descriptive aria-label for the Number Indicator for better accessibility."));
52
- }, to = St((m, I) => {
53
- const t = jt.c(96);
54
- let h, a, b, _, c, r, s, n, v, N, C, D, O, B, L, E, x, u;
55
- t[0] !== m ? ({
56
- children: b,
57
- aria: h,
58
- chevronDirection: a,
59
- className: _,
60
- disabled: C,
61
- iconName: c,
62
- iconPosition: D,
63
- iconSize: O,
64
- iconSource: r,
65
- indentLevel: B,
66
- isActive: L,
67
- numberIndicatorValue: n,
68
- numberIndicatorAriaLabel: s,
69
- stretched: E,
70
- weight: x,
71
- tooltip: u,
72
- onClick: v,
73
- ...N
74
- } = m, t[0] = m, t[1] = h, t[2] = a, t[3] = b, t[4] = _, t[5] = c, t[6] = r, t[7] = s, t[8] = n, t[9] = v, t[10] = N, t[11] = C, t[12] = D, t[13] = O, t[14] = B, t[15] = L, t[16] = E, t[17] = x, t[18] = u) : (h = t[1], a = t[2], b = t[3], _ = t[4], c = t[5], r = t[6], s = t[7], n = t[8], v = t[9], N = t[10], C = t[11], D = t[12], O = t[13], B = t[14], L = t[15], E = t[16], x = t[17], u = t[18]);
75
- const i = C === void 0 ? !1 : C, e = D === void 0 ? "left" : D, M = O === void 0 ? "large" : O, J = B === void 0 ? 0 : B, k = L === void 0 ? !1 : L, Wt = E === void 0 ? !1 : E, At = x === void 0 ? "normal" : x;
76
- process.env.NODE_ENV !== "production" && Yt({
77
- iconName: c,
78
- iconSize: M,
79
- iconSource: r,
80
- iconPosition: e,
81
- indentLevel: J,
82
- numberIndicatorValue: n,
83
- numberIndicatorAriaLabel: s,
84
- stretched: Wt,
85
- weight: At
86
- });
87
- let U;
88
- t[19] !== n ? (U = n?.trim(), t[19] = n, t[20] = U) : U = t[20];
89
- const l = U === "", K = e === "top", Q = J === 1, Y = k && !i, tt = k && !i && e === "left", ot = Wt === !0 && e === "left";
90
- let z;
91
- t[21] !== _ || t[22] !== Q || t[23] !== Y || t[24] !== tt || t[25] !== ot || t[26] !== K ? (z = P(o.root, _, {
92
- [o.rootIconTop]: K,
93
- [o.rootIndentLevel1]: Q,
94
- [o.rootActive]: Y,
95
- [o.rootActiveWithMarker]: tt,
96
- [o.rootStretched]: ot
97
- }), t[21] = _, t[22] = Q, t[23] = Y, t[24] = tt, t[25] = ot, t[26] = K, t[27] = z) : z = t[27];
98
- const et = z, nt = J === 1;
99
- let R;
100
- t[28] !== nt ? (R = P(o.activeMarker, {
101
- [o.activeMarkerWithIndent]: nt
102
- }), t[28] = nt, t[29] = R) : R = t[29];
103
- const it = R, ct = k && !i, rt = At === "bold", at = e === "top";
104
- let V;
105
- t[30] !== ct || t[31] !== rt || t[32] !== at ? (V = P(o.label, {
106
- [o.labelActive]: ct,
107
- [o.labelBold]: rt,
108
- [o.labelIconTop]: at
109
- }), t[30] = ct, t[31] = rt, t[32] = at, t[33] = V) : V = t[33];
110
- const st = V, lt = e === "top";
111
- let y;
112
- t[34] !== lt ? (y = P(o.labelWrapper, {
113
- [o.labelWrapperIconTop]: lt
114
- }), t[34] = lt, t[35] = y) : y = t[35];
115
- const pt = y, dt = e === "top", ht = a === "up", bt = a === "right", _t = a === "left";
116
- let H;
117
- t[36] !== dt || t[37] !== ht || t[38] !== bt || t[39] !== _t ? (H = P(o.chevron, {
118
- [o.chevronIconPositionTop]: dt,
119
- [o.chevronUp]: ht,
120
- [o.chevronRight]: bt,
121
- [o.chevronLeft]: _t
122
- }), t[36] = dt, t[37] = ht, t[38] = bt, t[39] = _t, t[40] = H) : H = t[40];
123
- const vt = H, ut = M === "x-large", ft = (c || r) && (n || l), mt = (c || r) && !l;
124
- let X;
125
- t[41] !== ut || t[42] !== ft || t[43] !== mt ? (X = P(o.iconWrapper, {
126
- [o.iconWrapperXLarge]: ut,
127
- [o.iconWrapperWithNumberIndicator]: ft,
128
- [o.iconWrapperWithNumberIndicatorWithValue]: mt
129
- }), t[41] = ut, t[42] = ft, t[43] = mt, t[44] = X) : X = t[44];
130
- const It = X;
131
- let F;
132
- t[45] !== i || t[46] !== v ? (F = (p) => {
133
- if (i) {
134
- p.preventDefault();
135
- return;
136
- }
137
- v && v(p);
138
- }, t[45] = i, t[46] = v, t[47] = F) : F = t[47];
139
- const Nt = F;
140
- let W;
141
- t[48] !== it || t[49] !== e || t[50] !== k ? (W = k && e === "left" && /* @__PURE__ */ d("div", { className: it }), t[48] = it, t[49] = e, t[50] = k, t[51] = W) : W = t[51];
142
- let A;
143
- t[52] !== i || t[53] !== c || t[54] !== e || t[55] !== M || t[56] !== r || t[57] !== It || t[58] !== l || t[59] !== s || t[60] !== n ? (A = (c || r) && /* @__PURE__ */ d(Tt, { children: /* @__PURE__ */ q("span", { className: It, children: [
144
- /* @__PURE__ */ d(gt, { name: c, theme: "light", source: r, "aria-hidden": "true", size: c || e === "top" ? "large" : M }),
145
- !i && (e === "left" && l || e === "top" && (n || l)) && /* @__PURE__ */ d(wt, { variant: "highlight", "aria-label": s, label: n })
146
- ] }) }), t[52] = i, t[53] = c, t[54] = e, t[55] = M, t[56] = r, t[57] = It, t[58] = l, t[59] = s, t[60] = n, t[61] = A) : A = t[61];
147
- let g;
148
- t[62] !== b || t[63] !== st ? (g = /* @__PURE__ */ d("span", { className: st, children: b }), t[62] = b, t[63] = st, t[64] = g) : g = t[64];
149
- let w;
150
- t[65] !== vt || t[66] !== a ? (w = a && /* @__PURE__ */ d(gt, { name: "chevron-down", theme: "light", "aria-hidden": "true", className: vt }), t[65] = vt, t[66] = a, t[67] = w) : w = t[67];
151
- let T;
152
- t[68] !== pt || t[69] !== g || t[70] !== w ? (T = /* @__PURE__ */ q("div", { className: pt, children: [
153
- g,
154
- w
155
- ] }), t[68] = pt, t[69] = g, t[70] = w, t[71] = T) : T = t[71];
156
- let j;
157
- t[72] !== i || t[73] !== e || t[74] !== l || t[75] !== s || t[76] !== n ? (j = e === "left" && !i && n && !l && /* @__PURE__ */ d(wt, { variant: "default", "aria-label": s, label: n, className: o.numberIndicator }), t[72] = i, t[73] = e, t[74] = l, t[75] = s, t[76] = n, t[77] = j) : j = t[77];
158
- let G;
159
- t[78] !== h || t[79] !== i || t[80] !== Nt || t[81] !== I || t[82] !== N || t[83] !== et || t[84] !== W || t[85] !== A || t[86] !== T || t[87] !== j ? (G = /* @__PURE__ */ q("button", { className: et, type: "button", onClick: Nt, ...h, ...N, "aria-disabled": i, ref: I, children: [
160
- W,
161
- A,
162
- T,
163
- j
164
- ] }), t[78] = h, t[79] = i, t[80] = Nt, t[81] = I, t[82] = N, t[83] = et, t[84] = W, t[85] = A, t[86] = T, t[87] = j, t[88] = G) : G = t[88];
165
- const Z = G;
166
- if (u) {
167
- let p;
168
- t[89] !== Z ? (p = /* @__PURE__ */ d(kt.Anchor, { children: Z }), t[89] = Z, t[90] = p) : p = t[90];
169
- let S;
170
- t[91] !== u ? (S = /* @__PURE__ */ d(kt.Content, { children: u }), t[91] = u, t[92] = S) : S = t[92];
171
- let $;
172
- return t[93] !== p || t[94] !== S ? ($ = /* @__PURE__ */ q(kt, { placement: "top", tooltipOffset: 6, children: [
173
- p,
174
- S
175
- ] }), t[93] = p, t[94] = S, t[95] = $) : $ = t[95], $;
176
- }
177
- return Z;
178
- });
179
- to.displayName = "DSActionButton";
180
- export {
181
- _o as A,
182
- to as D,
183
- lo as a,
184
- po as b,
185
- ho as c,
186
- bo as d,
187
- Yt as v
188
- };