@stihl-design-system/components 1.0.0-RC.46 → 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 (311) hide show
  1. package/{accordion.Dvt4S5qg.js → accordion.D4XR2R7e.js} +3 -3
  2. package/actionbutton.C8hePX-D.js +12 -0
  3. package/{actioncard.BwquHtM_.js → actioncard.kDxu01xm.js} +1 -1
  4. package/actionlink.dccc5JQV.js +12 -0
  5. package/{arialiveregions.BF6mUlPU.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/Breadcrumb.BJ6sa2am.css +1 -0
  11. package/assets/Button.Bi1KUKMv.css +1 -0
  12. package/assets/Checkbox.C6RWhy0V.css +1 -0
  13. package/assets/Chip.DfamkUPw.css +1 -0
  14. package/assets/CustomReactSelect.CvWMmrAU.css +1 -0
  15. package/assets/Dialog.6AkQo8ew.css +1 -0
  16. package/assets/Drawer.CDOlX809.css +1 -0
  17. package/assets/Fieldset.BbLGXCWa.css +1 -0
  18. package/assets/Flag.qP1xbolI.css +1 -0
  19. package/assets/Header.CSPbSqR5.css +1 -0
  20. package/assets/InputFile.CDtghZtl.css +1 -0
  21. package/assets/InputNumber.BNpO9p7n.css +1 -0
  22. package/assets/InputPassword.BgZo-RUc.css +1 -0
  23. package/assets/InputSearch.BROFFTK9.css +1 -0
  24. package/assets/LinkButton.IKIlFnpH.css +1 -0
  25. package/assets/LinkCard.pJtgJRIh.css +1 -0
  26. package/assets/NavigationTabList.D5VV0C7Y.css +1 -0
  27. package/assets/Notification.2B81JHOp.css +1 -0
  28. package/assets/Pagination.DH71DZ0j.css +1 -0
  29. package/assets/Popover.58Tb0dOt.css +1 -0
  30. package/assets/Select.CfTN3CJo.css +1 -0
  31. package/assets/Slider.B4kzL60S.css +1 -0
  32. package/assets/Stepper.BCpjMiOX.css +1 -0
  33. package/assets/SystemFeedback.DVMml_h9.css +1 -0
  34. package/assets/TextUtility.BThulfyl.css +1 -0
  35. package/assets/Textarea.BO4AcRJD.css +1 -0
  36. package/assets/Toast.ChXfv24m.css +1 -0
  37. package/assets/buttonround.syTU1QSI.css +1 -0
  38. package/assets/chipgroup.DtCnsmS7.css +1 -0
  39. package/assets/filelist.B-Ru0GP_.css +1 -0
  40. package/assets/input.Dy8VS73e.css +1 -0
  41. package/assets/link.EZrauC8s.css +1 -0
  42. package/assets/numberindicator.CtbitPQ8.css +1 -0
  43. package/assets/optioncheckbox.BwkbIDOt.css +1 -0
  44. package/assets/progressindicator.tyY_RVQ9.css +1 -0
  45. package/assets/radio.9hUUyg8R.css +1 -0
  46. package/assets/step.DOAmuuEQ.css +1 -0
  47. package/assets/switch.8v7Wp1Fj.css +1 -0
  48. package/assets/tabpane.DDaeSDQb.css +1 -0
  49. package/assets/text.BwGsYzGM.css +1 -0
  50. package/assets/tooltip.C_BL2kou.css +1 -0
  51. package/{banner.CwZXWMc_.js → banner.DO7GsDL_.js} +1 -1
  52. package/{breadcrumb.DMqAgUyk.js → breadcrumb.DYov6vtt.js} +3 -3
  53. package/{button.BDCfI_fj.js → button.qxcuzbnv.js} +4 -4
  54. package/buttonround.BO7_ewzA.js +101 -0
  55. package/checkbox.C9kyIY9P.js +11 -0
  56. package/{checkboxgroup.DDWYxYzk.js → checkboxgroup.kEUxnKLf.js} +2 -2
  57. package/chip.5ktNLRYf.js +12 -0
  58. package/chipgroup.kRU3Z98U.js +226 -0
  59. package/chunks/Accordion.gih2ni1d.js +179 -0
  60. package/chunks/ActionButton.B-wm5sUy.js +194 -0
  61. package/chunks/{ActionCard.DJSGkwVG.js → ActionCard.Bm-2ewfS.js} +38 -38
  62. package/chunks/ActionLink.D0KzqbH4.js +166 -0
  63. package/chunks/{AriaLiveRegions.utils.8ofDlHnN.js → AriaLiveRegions.utils.xoETe2Ps.js} +16 -18
  64. package/chunks/{Breadcrumb.BkP2B-Vm.js → Breadcrumb.I2G-T0zc.js} +14 -14
  65. package/chunks/Button.CCol--xy.js +165 -0
  66. package/chunks/Checkbox.BxOGR1bR.js +96 -0
  67. package/chunks/CheckboxGroup.TneO0tuE.js +85 -0
  68. package/chunks/Chip.DffaXMkV.js +148 -0
  69. package/chunks/{CustomReactSelect.yVERtd4R.js → CustomReactSelect.DTAavYaz.js} +250 -245
  70. package/chunks/Dialog.guuxflWL.js +101 -0
  71. package/chunks/Drawer.CjUZu6GW.js +106 -0
  72. package/chunks/Fieldset.BBMuLKps.js +94 -0
  73. package/chunks/Flag.CbQYBzVC.js +74 -0
  74. package/chunks/{Header.DyqOlV8L.js → Header.CvcGSuhX.js} +140 -140
  75. package/chunks/{Icon.B0WqYErA.js → Icon.DYtaQgbw.js} +1 -1
  76. package/chunks/{Input.utils.D78E4MGO.js → Input.utils.Wycy2SzG.js} +23 -25
  77. package/chunks/InputFile.y71Cd5J9.js +260 -0
  78. package/chunks/InputNumber.Fn2YbF_s.js +250 -0
  79. package/chunks/InputPassword.DtT9yrlx.js +129 -0
  80. package/chunks/InputSearch.BoAfGqoH.js +157 -0
  81. package/chunks/LinkButton.BxG7fx1O.js +150 -0
  82. package/chunks/LinkCard.DM-5WrSt.js +200 -0
  83. package/chunks/{MegaMenu.CiSiMlE3.js → MegaMenu.udXR1H3W.js} +2 -2
  84. package/chunks/NavigationTabList.thzA1pU8.js +68 -0
  85. package/chunks/{NavigationTabs.BqaUbfFC.js → NavigationTabs.BWewgBch.js} +1 -1
  86. package/chunks/Notification.C_o7Ge6Q.js +91 -0
  87. package/chunks/Pagination.BrOMUJMi.js +272 -0
  88. package/chunks/Popover.CxZZ_y1Z.js +230 -0
  89. package/chunks/RadioGroup.CO91_5hA.js +136 -0
  90. package/chunks/Select.EzoMdk1u.js +157 -0
  91. package/chunks/Slider.CX38t4Sk.js +330 -0
  92. package/chunks/{Stepper.Bqnak38-.js → Stepper.Ds_aIEF8.js} +72 -73
  93. package/chunks/SystemFeedback.DhWcYjnu.js +43 -0
  94. package/chunks/{Tabs.cMCZMPCy.js → Tabs.BHVlgp7L.js} +2 -2
  95. package/chunks/Text.utils.DzlY9pJS.js +9 -0
  96. package/chunks/TextUtility.BZLwqyic.js +82 -0
  97. package/chunks/Textarea.vuJgvW6_.js +192 -0
  98. package/chunks/Toast.V_ZUAsf2.js +76 -0
  99. package/chunks/floating-ui.react.Chmq0RmI.js +3014 -0
  100. package/chunks/translate.DSb-TdWR.js +2460 -0
  101. package/{combobox.CpX-Vlyd.js → combobox.C6cPz4AJ.js} +1 -1
  102. package/components/Accordion/Accordion.d.ts +5 -0
  103. package/components/ActionButton/ActionButton.d.ts +5 -1
  104. package/components/ActionLink/ActionLink.d.ts +1 -1
  105. package/components/Button/Button.utils.d.ts +1 -1
  106. package/components/Checkbox/Checkbox.d.ts +8 -1
  107. package/components/CheckboxGroup/CheckboxGroup.d.ts +9 -1
  108. package/components/ChipGroup/Chip.d.ts +2 -0
  109. package/components/ChipGroup/ChipGroup.d.ts +12 -2
  110. package/components/ChipGroup/ChipGroup.utils.d.ts +39 -15
  111. package/components/Combobox/Combobox.utils.d.ts +66 -9
  112. package/components/Combobox/CustomReactSelect/CustomReactSelect.d.ts +5 -1
  113. package/components/Combobox/CustomReactSelect/CustomReactSelect.utils.d.ts +1 -1
  114. package/components/Fieldset/Fieldset.d.ts +9 -2
  115. package/components/Flag/Flag.d.ts +3 -3
  116. package/components/Flag/Flag.utils.d.ts +7 -2
  117. package/components/Input/Input.d.ts +8 -1
  118. package/components/InputFile/FileList/FileList.d.ts +4 -2
  119. package/components/InputFile/FileList/FilePreview/FilePreview.d.ts +8 -2
  120. package/components/InputFile/FileList/ProgressIndicator/ProgressIndicator.d.ts +8 -2
  121. package/components/InputFile/InputFile.d.ts +12 -2
  122. package/components/InputFile/InputFile.utils.d.ts +41 -23
  123. package/components/InputNumber/InputNumber.d.ts +8 -1
  124. package/components/InputPassword/InputPassword.d.ts +8 -1
  125. package/components/InputSearch/InputSearch.d.ts +8 -1
  126. package/components/LinkCard/LinkCard.d.ts +10 -4
  127. package/components/LinkCard/LinkCard.utils.d.ts +2 -2
  128. package/components/NumberIndicator/NumberIndicator.d.ts +6 -1
  129. package/components/Pagination/Pagination.d.ts +10 -3
  130. package/components/Pagination/Pagination.utils.d.ts +22 -9
  131. package/components/Popover/Popover.d.ts +9 -1
  132. package/components/Popover/Popover.utils.d.ts +3 -2
  133. package/components/Radio/Radio.d.ts +5 -0
  134. package/components/RadioGroup/RadioGroup.d.ts +8 -0
  135. package/components/Select/Select.d.ts +8 -1
  136. package/components/Slider/Slider.d.ts +8 -1
  137. package/components/Stepper/Step.d.ts +1 -1
  138. package/components/Stepper/Step.utils.d.ts +1 -1
  139. package/components/Stepper/Stepper.d.ts +4 -1
  140. package/components/Stepper/Stepper.utils.d.ts +9 -4
  141. package/components/SystemFeedback/SystemFeedback.d.ts +9 -1
  142. package/components/Textarea/Textarea.d.ts +8 -1
  143. package/{customreactselect.B1FFXsJ8.js → customreactselect.L0zSh3Tg.js} +6 -6
  144. package/{dialog.ZQ-HnvZs.js → dialog.Ddq8o8Od.js} +2 -2
  145. package/{drawer.D0-RM0WZ.js → drawer.rbbjQvqL.js} +2 -2
  146. package/{fieldset.BzOeuWjO.js → fieldset.BHf3XK2q.js} +3 -3
  147. package/filelist.GrEwoM1u.js +143 -0
  148. package/filepreview.B2Ot9SZ7.js +97 -0
  149. package/flag.fX6LAgty.js +10 -0
  150. package/{floatingactionbutton.AVc4qY0u.js → floatingactionbutton.BwCiybnc.js} +3 -3
  151. package/{header.BtGgmM59.js → header.BCeCjYfG.js} +1 -1
  152. package/{icon.DrTLVrpN.js → icon.CRr1FGOu.js} +1 -1
  153. package/index.es.js +231 -230
  154. package/input.Dh0ws-9j.js +187 -0
  155. package/inputfile.DiZh3GcT.js +17 -0
  156. package/{inputnumber.r0iVYkjd.js → inputnumber.D2cmptaH.js} +8 -9
  157. package/{inputpassword.PXBZo3f0.js → inputpassword.C53Kg4EA.js} +4 -4
  158. package/inputsearch.BrsIDUSW.js +14 -0
  159. package/link.DEZDbUgq.js +81 -0
  160. package/{linkbutton.DVFXzn-A.js → linkbutton._X50W2Md.js} +3 -3
  161. package/{linkcard.BwSMt03V.js → linkcard.BtM3KnjT.js} +4 -4
  162. package/{logo.D7LnRA1E.js → logo.D6BTxbxv.js} +0 -1
  163. package/{megamenu.CUjk3_h2.js → megamenu.odVCUm4c.js} +3 -3
  164. package/navigationtablist.n9DrtYe5.js +10 -0
  165. package/{navigationtabs.DmcYShPs.js → navigationtabs.D0mSyAtK.js} +2 -2
  166. package/{notification.BVoapVVg.js → notification._X8-8vOa.js} +3 -3
  167. package/numberindicator.DsK65Bj3.js +39 -0
  168. package/optioncheckbox.tlMEoyT0.js +48 -0
  169. package/package.json +38 -33
  170. package/pagination.B7Hrx_sk.js +14 -0
  171. package/partials/index.js +91 -91
  172. package/{popover.OcE_5SfG.js → popover.BBaqL7y9.js} +4 -4
  173. package/progressindicator.D9CfVD95.js +74 -0
  174. package/radio.DjToa2aV.js +148 -0
  175. package/{radiogroup.N06_e0b8.js → radiogroup.mc-8lw65.js} +3 -3
  176. package/{scroller.CwTXbzb8.js → scroller.CgWp2WXG.js} +10 -11
  177. package/select.DTZ6a6Ag.js +13 -0
  178. package/{skeleton.DUkBgXxO.js → skeleton.CNJdNVav.js} +10 -10
  179. package/{skiptocontent.Bujq9t3i.js → skiptocontent.BsRpWvyu.js} +4 -4
  180. package/{slider.JAKEAwOB.js → slider.BMGAihY0.js} +3 -3
  181. package/{spinner.D1W-X96t.js → spinner.DtLnsqVV.js} +1 -1
  182. package/step.DCQ6CawJ.js +82 -0
  183. package/stepper.D7-7BdSv.js +15 -0
  184. package/styles/js/index.d.ts +1 -0
  185. package/styles/js/index.es.js +24 -4
  186. package/styles/js/lib/spacing-rem.d.ts +21 -0
  187. package/styles/js/lib/spacing.d.ts +0 -1
  188. package/styles/scss/ds/index.scss +4 -1
  189. package/styles/scss/ds/lib/border-width.scss +3 -0
  190. package/styles/scss/ds/lib/ds-internal/_input.scss +71 -26
  191. package/styles/scss/ds/lib/ds-internal/_link-button.scss +7 -4
  192. package/styles/scss/ds/lib/ds-internal/_link.scss +23 -3
  193. package/styles/scss/ds/lib/ds-internal/_text.scss +3 -1
  194. package/styles/scss/ds/lib/grid-narrow.scss +1 -0
  195. package/styles/scss/ds/lib/input.scss +12 -7
  196. package/styles/scss/ds/lib/link.scss +2 -2
  197. package/styles/scss/ds/lib/radius.scss +5 -0
  198. package/styles/scss/ds/lib/spacing-rem.scss +19 -0
  199. package/styles/scss/ds/lib/spacing.scss +0 -1
  200. package/switch.tM2XBag8.js +66 -0
  201. package/{systemfeedback.B8FBckG4.js → systemfeedback.BPPOht_9.js} +2 -2
  202. package/{tablist.D3n9E4KM.js → tablist.BAm0_UIG.js} +22 -23
  203. package/{tabpane.7vMXUKFX.js → tabpane.B9rZghU6.js} +1 -1
  204. package/{tabs.IVNsM5Gn.js → tabs.BgTdWbTe.js} +3 -3
  205. package/text.BEO_ZfJq.js +72 -0
  206. package/{textarea.gjb8VGgh.js → textarea.Cki-uMkZ.js} +5 -6
  207. package/{textutility.CNWCGYOy.js → textutility.BypzssPt.js} +2 -2
  208. package/{toast.DU8Sd_4c.js → toast.s0Hfuh5i.js} +3 -3
  209. package/{toastmanager.UlkvsO5p.js → toastmanager.CPIPn4Io.js} +22 -23
  210. package/{tooltip.C6HKano9.js → tooltip.BFQG-7VR.js} +22 -22
  211. package/{topbar.Z9NNkxKU.js → topbar.Bbct-XkB.js} +3 -3
  212. package/utils/translate.d.ts +22 -6
  213. package/actionbutton.D6qmbuAA.js +0 -12
  214. package/actionlink.fWwe7J0H.js +0 -12
  215. package/assets/Accordion.Cr1dbVTH.css +0 -1
  216. package/assets/ActionButton.BLOWs6IZ.css +0 -1
  217. package/assets/ActionCard.BG8w8xUC.css +0 -1
  218. package/assets/ActionLink.BJDUVdT7.css +0 -1
  219. package/assets/Breadcrumb.BavNNzAA.css +0 -1
  220. package/assets/Button.C-UYIggc.css +0 -1
  221. package/assets/Checkbox.ZAPIO2N8.css +0 -1
  222. package/assets/Chip.D3vV0wyV.css +0 -1
  223. package/assets/CustomReactSelect.Ctze4SRN.css +0 -1
  224. package/assets/Dialog.BKwWy1g2.css +0 -1
  225. package/assets/Drawer.BU-fi5Hk.css +0 -1
  226. package/assets/Fieldset.DCmr1Yir.css +0 -1
  227. package/assets/Header.BNYL2Y78.css +0 -1
  228. package/assets/InputFile.BUMCNCrj.css +0 -1
  229. package/assets/InputNumber.Bmz8cNKg.css +0 -1
  230. package/assets/InputPassword.CutbykTm.css +0 -1
  231. package/assets/InputSearch.Sr9jVpKt.css +0 -1
  232. package/assets/LinkButton.CxJvjEY5.css +0 -1
  233. package/assets/LinkCard.DkQoQJxx.css +0 -1
  234. package/assets/NavigationTabList.DYjNT2Di.css +0 -1
  235. package/assets/Notification.DBGpHzov.css +0 -1
  236. package/assets/Pagination.DZ1yCAMR.css +0 -1
  237. package/assets/Popover.mL5g23EK.css +0 -1
  238. package/assets/Select.BZYb_HAG.css +0 -1
  239. package/assets/Slider.vnSU0ya0.css +0 -1
  240. package/assets/Stepper.tXJl15yL.css +0 -1
  241. package/assets/SystemFeedback.PKzqnXUe.css +0 -1
  242. package/assets/TextUtility.CEBJaKBG.css +0 -1
  243. package/assets/Textarea.BIgA9_fl.css +0 -1
  244. package/assets/Toast.CGl8z6mX.css +0 -1
  245. package/assets/buttonround.CMrJRIeW.css +0 -1
  246. package/assets/chipgroup.BGxjdSDX.css +0 -1
  247. package/assets/filelist.CHVupL8T.css +0 -1
  248. package/assets/flag.CyCIPu_J.css +0 -1
  249. package/assets/input.BEOus9jX.css +0 -1
  250. package/assets/link.Dcsio57m.css +0 -1
  251. package/assets/numberindicator.BYIPwkAK.css +0 -1
  252. package/assets/optioncheckbox.6zYgifUk.css +0 -1
  253. package/assets/progressindicator.Cbbzo5-b.css +0 -1
  254. package/assets/radio.l9OTraQU.css +0 -1
  255. package/assets/step.Ch508u7I.css +0 -1
  256. package/assets/switch.DYamtd9O.css +0 -1
  257. package/assets/tabpane.o34hshTz.css +0 -1
  258. package/assets/text.BA1eUihR.css +0 -1
  259. package/assets/tooltip.BPcysHGE.css +0 -1
  260. package/buttonround.DZCu35Zw.js +0 -101
  261. package/checkbox.RYvu23i4.js +0 -12
  262. package/chip.CtZK5gH7.js +0 -12
  263. package/chipgroup.C-UJt9Nb.js +0 -213
  264. package/chunks/Accordion.Tz7cWkk5.js +0 -173
  265. package/chunks/ActionButton.Dqay6Dxt.js +0 -188
  266. package/chunks/ActionLink.BgWqWSKi.js +0 -161
  267. package/chunks/Button.Dauhc5op.js +0 -160
  268. package/chunks/Checkbox.C5Jgtwho.js +0 -88
  269. package/chunks/CheckboxGroup.Df_nLGBa.js +0 -79
  270. package/chunks/Chip.DXS_ZMGD.js +0 -157
  271. package/chunks/Dialog.mP1tZEbW.js +0 -102
  272. package/chunks/Drawer.D6IG0DRe.js +0 -107
  273. package/chunks/Fieldset.DxhNhprT.js +0 -91
  274. package/chunks/InputFile.BSGunqyW.js +0 -260
  275. package/chunks/InputNumber.BsBAdxWr.js +0 -240
  276. package/chunks/InputPassword.hZYiAKYC.js +0 -121
  277. package/chunks/InputSearch.Dp3x5RE4.js +0 -149
  278. package/chunks/LinkButton.DHcfHamd.js +0 -150
  279. package/chunks/LinkCard.DV-V9qHd.js +0 -197
  280. package/chunks/NavigationTabList.BIApwNzg.js +0 -68
  281. package/chunks/Notification.DeedcinQ.js +0 -91
  282. package/chunks/Pagination.DhD8i5AV.js +0 -247
  283. package/chunks/Popover.Cyf3CbLl.js +0 -221
  284. package/chunks/RadioGroup.D3omhLuC.js +0 -130
  285. package/chunks/Select.DOeJaqzM.js +0 -147
  286. package/chunks/Slider.d3gCkWL_.js +0 -309
  287. package/chunks/SystemFeedback.Dq3ZphgG.js +0 -38
  288. package/chunks/Text.utils.D_iOyOSH.js +0 -11
  289. package/chunks/TextUtility.Wbd4oQXI.js +0 -82
  290. package/chunks/Textarea.DhRMfiWu.js +0 -181
  291. package/chunks/Toast.KMEq0p-E.js +0 -76
  292. package/chunks/floating-ui.react.CP5A99-c.js +0 -2980
  293. package/chunks/translate.nuU7uChI.js +0 -8
  294. package/filelist.BaYCDtxD.js +0 -128
  295. package/filepreview.BCslhbM5.js +0 -94
  296. package/flag.DyZLEgAw.js +0 -50
  297. package/input.DNdSFW5k.js +0 -175
  298. package/inputfile.CTXJ_ZSi.js +0 -18
  299. package/inputsearch.JLM0fNPt.js +0 -15
  300. package/link.CArLlIsR.js +0 -81
  301. package/navigationtablist.BerRIzu-.js +0 -10
  302. package/numberindicator.ZGVRSmqf.js +0 -36
  303. package/optioncheckbox.BQo8riVL.js +0 -48
  304. package/pagination.Dm1WnFhY.js +0 -14
  305. package/progressindicator.1JRFwf-H.js +0 -53
  306. package/radio.DxdVKoxe.js +0 -137
  307. package/select.DVuQMz7l.js +0 -14
  308. package/step.CDNmsF4m.js +0 -82
  309. package/stepper.D0kSuiYh.js +0 -16
  310. package/switch.pN105F5-.js +0 -66
  311. package/text.D_e3JBvf.js +0 -72
@@ -1,188 +0,0 @@
1
- "use client";
2
- import { jsxs as q, jsx as d, Fragment as zt } from "react/jsx-runtime";
3
- import { d as St } from "./index.cKLI89Eg.js";
4
- import { c as C } from "./index.DQOqod3i.js";
5
- import { forwardRef as Pt } from "react";
6
- import { D as wt } from "./Icon.B0WqYErA.js";
7
- import { NumberIndicator as Tt } from "../numberindicator.ZGVRSmqf.js";
8
- import { Tooltip as Wt } from "../tooltip.C6HKano9.js";
9
- import { g as f } from "./helpers.CexwVao7.js";
10
- import '../assets/ActionButton.BLOWs6IZ.css';const Ct = "ds-action-button_root_19zdv_1", Dt = "ds-action-button_root--indent-level-1_19zdv_75", Ot = "ds-action-button_root--active_19zdv_78", Bt = "ds-action-button_root--active--with-marker_19zdv_81", kt = "ds-action-button_root--icon--top_19zdv_84", Lt = "ds-action-button_root--stretched_19zdv_110", Et = "ds-action-button_active-marker_19zdv_115", xt = "ds-action-button_active-marker--with-indent_19zdv_127", Mt = "ds-action-button_icon-wrapper_19zdv_131", Ut = "ds-action-button_icon-wrapper--x-large_19zdv_134", Rt = "ds-action-button_icon-wrapper--with-number-indicator_19zdv_137", Vt = "ds-action-button_icon-wrapper--with-number-indicator--with-value_19zdv_145", yt = "ds-action-button_label_19zdv_149", Ht = "ds-action-button_label--bold_19zdv_160", Xt = "ds-action-button_label--active_19zdv_171", jt = "ds-action-button_label--icon-top_19zdv_182", Ft = "ds-action-button_number-indicator_19zdv_205", Gt = "ds-action-button_label-wrapper_19zdv_209", Zt = "ds-action-button_label-wrapper--icon-top_19zdv_214", $t = "ds-action-button_chevron_19zdv_218", qt = "ds-action-button_chevron--icon-position-top_19zdv_233", Jt = "ds-action-button_chevron--up_19zdv_239", Kt = "ds-action-button_chevron--right_19zdv_250", Qt = "ds-action-button_chevron--left_19zdv_261", o = {
11
- root: Ct,
12
- rootIndentLevel1: Dt,
13
- rootActive: Ot,
14
- rootActiveWithMarker: Bt,
15
- rootIconTop: kt,
16
- rootStretched: Lt,
17
- activeMarker: Et,
18
- activeMarkerWithIndent: xt,
19
- iconWrapper: Mt,
20
- iconWrapperXLarge: Ut,
21
- iconWrapperWithNumberIndicator: Rt,
22
- iconWrapperWithNumberIndicatorWithValue: Vt,
23
- label: yt,
24
- labelBold: Ht,
25
- labelActive: Xt,
26
- labelIconTop: jt,
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], vo = ["normal", "bold"], bo = ["up", "down", "right", "left"], Yt = ({
36
- iconName: m,
37
- iconSize: I,
38
- iconSource: t,
39
- iconPosition: h,
40
- indentLevel: a,
41
- stretched: v,
42
- weight: b,
43
- numberIndicatorValue: r,
44
- numberIndicatorAriaLabel: c
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.')), b === "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.')), v && 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
- (r || r === "") && !c && console.warn(f("DSActionButton", "Please provide a descriptive aria-label for the Number Indicator for better accessibility."));
52
- }, to = Pt((m, I) => {
53
- const t = St.c(96);
54
- let h, a, v, b, r, c, s, n, _, N, D, O, B, k, L, E, x, u;
55
- t[0] !== m ? ({
56
- children: v,
57
- aria: h,
58
- chevronDirection: a,
59
- className: b,
60
- disabled: D,
61
- iconName: r,
62
- iconPosition: O,
63
- iconSize: B,
64
- iconSource: c,
65
- indentLevel: k,
66
- isActive: L,
67
- numberIndicatorValue: n,
68
- numberIndicatorAriaLabel: s,
69
- stretched: E,
70
- weight: x,
71
- tooltip: u,
72
- onClick: _,
73
- ...N
74
- } = m, t[0] = m, t[1] = h, t[2] = a, t[3] = v, t[4] = b, t[5] = r, t[6] = c, t[7] = s, t[8] = n, t[9] = _, t[10] = N, t[11] = D, t[12] = O, t[13] = B, t[14] = k, t[15] = L, t[16] = E, t[17] = x, t[18] = u) : (h = t[1], a = t[2], v = t[3], b = t[4], r = t[5], c = t[6], s = t[7], n = t[8], _ = t[9], N = t[10], D = t[11], O = t[12], B = t[13], k = t[14], L = t[15], E = t[16], x = t[17], u = t[18]);
75
- const i = D === void 0 ? !1 : D, e = O === void 0 ? "left" : O, M = B === void 0 ? "large" : B, J = k === void 0 ? 0 : k, W = L === void 0 ? !1 : L, At = E === void 0 ? !1 : E, gt = x === void 0 ? "normal" : x;
76
- process.env.NODE_ENV !== "production" && Yt({
77
- iconName: r,
78
- iconSize: M,
79
- iconSource: c,
80
- iconPosition: e,
81
- indentLevel: J,
82
- numberIndicatorValue: n,
83
- numberIndicatorAriaLabel: s,
84
- stretched: At,
85
- weight: gt
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 = W && !i, tt = W && !i && e === "left", ot = At === !0 && e === "left";
90
- let R;
91
- t[21] !== b || t[22] !== Q || t[23] !== Y || t[24] !== tt || t[25] !== ot || t[26] !== K ? (R = C(o.root, b, {
92
- [o.rootIconTop]: K,
93
- [o.rootIndentLevel1]: Q,
94
- [o.rootActive]: Y,
95
- [o.rootActiveWithMarker]: tt,
96
- [o.rootStretched]: ot
97
- }), t[21] = b, t[22] = Q, t[23] = Y, t[24] = tt, t[25] = ot, t[26] = K, t[27] = R) : R = t[27];
98
- const et = R, nt = J === 1;
99
- let V;
100
- t[28] !== nt ? (V = C(o.activeMarker, {
101
- [o.activeMarkerWithIndent]: nt
102
- }), t[28] = nt, t[29] = V) : V = t[29];
103
- const it = V, rt = W && !i, ct = gt === "bold", at = e === "top";
104
- let y;
105
- t[30] !== rt || t[31] !== ct || t[32] !== at ? (y = C(o.label, {
106
- [o.labelActive]: rt,
107
- [o.labelBold]: ct,
108
- [o.labelIconTop]: at
109
- }), t[30] = rt, t[31] = ct, t[32] = at, t[33] = y) : y = t[33];
110
- const st = y, lt = e === "top";
111
- let H;
112
- t[34] !== lt ? (H = C(o.labelWrapper, {
113
- [o.labelWrapperIconTop]: lt
114
- }), t[34] = lt, t[35] = H) : H = t[35];
115
- const pt = H, dt = e === "top", ht = a === "up", vt = a === "right", bt = a === "left";
116
- let X;
117
- t[36] !== dt || t[37] !== ht || t[38] !== vt || t[39] !== bt ? (X = C(o.chevron, {
118
- [o.chevronIconPositionTop]: dt,
119
- [o.chevronUp]: ht,
120
- [o.chevronRight]: vt,
121
- [o.chevronLeft]: bt
122
- }), t[36] = dt, t[37] = ht, t[38] = vt, t[39] = bt, t[40] = X) : X = t[40];
123
- const _t = X, ut = M === "x-large", ft = (r || c) && (n || l), mt = (r || c) && !l;
124
- let j;
125
- t[41] !== ut || t[42] !== ft || t[43] !== mt ? (j = C(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] = j) : j = t[44];
130
- const It = j;
131
- let F;
132
- t[45] !== i || t[46] !== _ ? (F = (p) => {
133
- if (i) {
134
- p.preventDefault();
135
- return;
136
- }
137
- _ && _(p);
138
- }, t[45] = i, t[46] = _, t[47] = F) : F = t[47];
139
- const Nt = F;
140
- let A;
141
- t[48] !== it || t[49] !== e || t[50] !== W ? (A = W && e === "left" && /* @__PURE__ */ d("div", { className: it }), t[48] = it, t[49] = e, t[50] = W, t[51] = A) : A = t[51];
142
- let g;
143
- t[52] !== i || t[53] !== r || t[54] !== e || t[55] !== M || t[56] !== c || t[57] !== It || t[58] !== l || t[59] !== s || t[60] !== n ? (g = (r || c) && /* @__PURE__ */ d(zt, { children: /* @__PURE__ */ q("span", { className: It, children: [
144
- /* @__PURE__ */ d(wt, { name: r, theme: "light", source: c, "aria-hidden": "true", size: r || e === "top" ? "large" : M }),
145
- !i && (e === "left" && l || e === "top" && (n || l)) && /* @__PURE__ */ d(Tt, { variant: "highlight", "aria-label": s, label: n })
146
- ] }) }), t[52] = i, t[53] = r, t[54] = e, t[55] = M, t[56] = c, t[57] = It, t[58] = l, t[59] = s, t[60] = n, t[61] = g) : g = t[61];
147
- let w;
148
- t[62] !== v || t[63] !== st ? (w = /* @__PURE__ */ d("span", { className: st, children: v }), t[62] = v, t[63] = st, t[64] = w) : w = t[64];
149
- let T;
150
- t[65] !== _t || t[66] !== a ? (T = a && /* @__PURE__ */ d(wt, { name: "chevron-down", theme: "light", "aria-hidden": "true", className: _t }), t[65] = _t, t[66] = a, t[67] = T) : T = t[67];
151
- let z;
152
- t[68] !== pt || t[69] !== w || t[70] !== T ? (z = /* @__PURE__ */ q("div", { className: pt, children: [
153
- w,
154
- T
155
- ] }), t[68] = pt, t[69] = w, t[70] = T, t[71] = z) : z = t[71];
156
- let S;
157
- t[72] !== i || t[73] !== e || t[74] !== l || t[75] !== s || t[76] !== n ? (S = e === "left" && !i && n && !l && /* @__PURE__ */ d(Tt, { 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] = S) : S = 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] !== A || t[85] !== g || t[86] !== z || t[87] !== S ? (G = /* @__PURE__ */ q("button", { className: et, type: "button", onClick: Nt, ...h, ...N, "aria-disabled": i, ref: I, children: [
160
- A,
161
- g,
162
- z,
163
- S
164
- ] }), t[78] = h, t[79] = i, t[80] = Nt, t[81] = I, t[82] = N, t[83] = et, t[84] = A, t[85] = g, t[86] = z, t[87] = S, t[88] = G) : G = t[88];
165
- const Z = G;
166
- if (u) {
167
- let p;
168
- t[89] !== Z ? (p = /* @__PURE__ */ d(Wt.Anchor, { children: Z }), t[89] = Z, t[90] = p) : p = t[90];
169
- let P;
170
- t[91] !== u ? (P = /* @__PURE__ */ d(Wt.Content, { children: u }), t[91] = u, t[92] = P) : P = t[92];
171
- let $;
172
- return t[93] !== p || t[94] !== P ? ($ = /* @__PURE__ */ q(Wt, { placement: "top", tooltipOffset: 6, children: [
173
- p,
174
- P
175
- ] }), t[93] = p, t[94] = P, t[95] = $) : $ = t[95], $;
176
- }
177
- return Z;
178
- });
179
- to.displayName = "DSActionButton";
180
- export {
181
- lo as A,
182
- to as D,
183
- po as a,
184
- ho as b,
185
- vo as c,
186
- bo as d,
187
- Yt as v
188
- };
@@ -1,161 +0,0 @@
1
- "use client";
2
- import { jsxs as pt, jsx as b, Fragment as _t } from "react/jsx-runtime";
3
- import { d as mt } from "./index.cKLI89Eg.js";
4
- import { c as R } from "./index.DQOqod3i.js";
5
- import { forwardRef as vt } from "react";
6
- import { D as kt } from "./Icon.B0WqYErA.js";
7
- import { NumberIndicator as bt } from "../numberindicator.ZGVRSmqf.js";
8
- import { Tooltip as dt } from "../tooltip.C6HKano9.js";
9
- import { g as m } from "./helpers.CexwVao7.js";
10
- import '../assets/ActionLink.BJDUVdT7.css';const It = "ds-action-link_root_o08fb_1", Nt = "ds-action-link_root--indent-level-1_o08fb_75", ut = "ds-action-link_root--active_o08fb_78", At = "ds-action-link_root--active--with-marker_o08fb_81", wt = "ds-action-link_root--icon--top_o08fb_84", gt = "ds-action-link_root--stretched_o08fb_110", Wt = "ds-action-link_active-marker_o08fb_115", Lt = "ds-action-link_active-marker--with-indent_o08fb_127", St = "ds-action-link_icon-wrapper_o08fb_131", Pt = "ds-action-link_icon-wrapper--x-large_o08fb_134", Dt = "ds-action-link_icon-wrapper--with-number-indicator_o08fb_137", Tt = "ds-action-link_icon-wrapper--with-number-indicator--with-value_o08fb_145", xt = "ds-action-link_label_o08fb_149", Ct = "ds-action-link_label--bold_o08fb_160", Mt = "ds-action-link_label--active_o08fb_171", Et = "ds-action-link_label--icon-top_o08fb_182", Ot = "ds-action-link_number-indicator_o08fb_205", o = {
11
- root: It,
12
- rootIndentLevel1: Nt,
13
- rootActive: ut,
14
- rootActiveWithMarker: At,
15
- rootIconTop: wt,
16
- rootStretched: gt,
17
- activeMarker: Wt,
18
- activeMarkerWithIndent: Lt,
19
- iconWrapper: St,
20
- iconWrapperXLarge: Pt,
21
- iconWrapperWithNumberIndicator: Dt,
22
- iconWrapperWithNumberIndicatorWithValue: Tt,
23
- label: xt,
24
- labelBold: Ct,
25
- labelActive: Mt,
26
- labelIconTop: Et,
27
- numberIndicator: Ot
28
- }, Rt = ["left", "top"], Zt = ["large", "x-large"], $t = [0, 1], qt = ["normal", "bold"], zt = ({
29
- iconName: v,
30
- iconSize: k,
31
- iconSource: t,
32
- iconPosition: s,
33
- indentLevel: p,
34
- stretched: d,
35
- weight: f,
36
- numberIndicatorValue: r,
37
- numberIndicatorAriaLabel: n
38
- }) => {
39
- if (v && !t && k === "x-large" && console.warn(m("DSActionLink", '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.')), s === "top") {
40
- if (!v && !t)
41
- throw new Error(m("DSActionLink", '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.'));
42
- k === "x-large" && console.warn(m("DSActionLink", 'An "iconSize" prop set to "x-large" has no effect when "iconPosition" is set to "top". Please remove the "iconSize" prop.')), f === "bold" && console.warn(m("DSActionLink", 'A "weight" prop set to "bold" with "iconPosition" set to "top" has no effect. Please remove the "weight" prop.')), p === 1 && console.warn(m("DSActionLink", 'An "indentLevel" prop set to "1" with "iconPosition" set to "top" has no effect. Please remove the "indentLevel" prop.')), d && console.warn(m("DSActionLink", 'A "stretched" prop set to "true" with "iconPosition" set to "top" has no effect. Please remove the "stretched" prop.'));
43
- }
44
- (r || r === "") && !n && console.warn(m("DSActionLink", "Please provide a descriptive aria-label for the Number Indicator for better accessibility."));
45
- }, Vt = vt((v, k) => {
46
- const t = mt.c(86);
47
- let s, p, d, f, r, n, c, a, i, I, N, u, T, x, C, M, E, O, z, _;
48
- t[0] !== v ? ({
49
- children: p,
50
- aria: s,
51
- className: d,
52
- download: f,
53
- href: r,
54
- iconName: n,
55
- iconPosition: T,
56
- iconSize: x,
57
- iconSource: c,
58
- indentLevel: C,
59
- isActive: M,
60
- numberIndicatorValue: i,
61
- numberIndicatorAriaLabel: a,
62
- referrerPolicy: I,
63
- rel: N,
64
- stretched: E,
65
- target: O,
66
- tooltip: _,
67
- weight: z,
68
- ...u
69
- } = v, t[0] = v, t[1] = s, t[2] = p, t[3] = d, t[4] = f, t[5] = r, t[6] = n, t[7] = c, t[8] = a, t[9] = i, t[10] = I, t[11] = N, t[12] = u, t[13] = T, t[14] = x, t[15] = C, t[16] = M, t[17] = E, t[18] = O, t[19] = z, t[20] = _) : (s = t[1], p = t[2], d = t[3], f = t[4], r = t[5], n = t[6], c = t[7], a = t[8], i = t[9], I = t[10], N = t[11], u = t[12], T = t[13], x = t[14], C = t[15], M = t[16], E = t[17], O = t[18], z = t[19], _ = t[20]);
70
- const e = T === void 0 ? "left" : T, V = x === void 0 ? "large" : x, Z = C === void 0 ? 0 : C, h = M === void 0 ? !1 : M, ft = E === void 0 ? !1 : E, $ = O === void 0 ? "_self" : O, ht = z === void 0 ? "normal" : z;
71
- process.env.NODE_ENV !== "production" && zt({
72
- iconName: n,
73
- iconSize: V,
74
- iconSource: c,
75
- iconPosition: e,
76
- indentLevel: Z,
77
- numberIndicatorValue: i,
78
- numberIndicatorAriaLabel: a,
79
- stretched: ft,
80
- weight: ht
81
- });
82
- let y;
83
- t[21] !== i ? (y = i?.trim(), t[21] = i, t[22] = y) : y = t[22];
84
- const l = y === "", q = e === "top", J = Z === 1, Q = h && e === "left", U = ft === !0 && e === "left";
85
- let K;
86
- t[23] !== d || t[24] !== h || t[25] !== J || t[26] !== Q || t[27] !== U || t[28] !== q ? (K = R(o.root, d, {
87
- [o.rootIconTop]: q,
88
- [o.rootIndentLevel1]: J,
89
- [o.rootActive]: h,
90
- [o.rootActiveWithMarker]: Q,
91
- [o.rootStretched]: U
92
- }), t[23] = d, t[24] = h, t[25] = J, t[26] = Q, t[27] = U, t[28] = q, t[29] = K) : K = t[29];
93
- const Y = K, tt = Z === 1;
94
- let B;
95
- t[30] !== tt ? (B = R(o.activeMarker, {
96
- [o.activeMarkerWithIndent]: tt
97
- }), t[30] = tt, t[31] = B) : B = t[31];
98
- const et = B, ot = h && e === "left", it = ht === "bold", nt = e === "top";
99
- let X;
100
- t[32] !== ot || t[33] !== it || t[34] !== nt ? (X = R(o.label, {
101
- [o.labelActive]: ot,
102
- [o.labelBold]: it,
103
- [o.labelIconTop]: nt
104
- }), t[32] = ot, t[33] = it, t[34] = nt, t[35] = X) : X = t[35];
105
- const rt = X, ct = V === "x-large", at = (n || c) && (i || l), lt = (n || c) && !l;
106
- let j;
107
- t[36] !== ct || t[37] !== at || t[38] !== lt ? (j = R(o.iconWrapper, {
108
- [o.iconWrapperXLarge]: ct,
109
- [o.iconWrapperWithNumberIndicator]: at,
110
- [o.iconWrapperWithNumberIndicatorWithValue]: lt
111
- }), t[36] = ct, t[37] = at, t[38] = lt, t[39] = j) : j = t[39];
112
- const st = j, A = r === void 0 ? "span" : "a";
113
- let w;
114
- t[40] !== A || t[41] !== f || t[42] !== r || t[43] !== I || t[44] !== N || t[45] !== $ ? (w = A === "a" && {
115
- href: r,
116
- target: $,
117
- rel: N,
118
- referrerPolicy: I,
119
- download: f
120
- }, t[40] = A, t[41] = f, t[42] = r, t[43] = I, t[44] = N, t[45] = $, t[46] = w) : w = t[46];
121
- let g;
122
- t[47] !== et || t[48] !== e || t[49] !== h ? (g = h && e === "left" && /* @__PURE__ */ b("div", { className: et }), t[47] = et, t[48] = e, t[49] = h, t[50] = g) : g = t[50];
123
- let W;
124
- t[51] !== n || t[52] !== e || t[53] !== V || t[54] !== c || t[55] !== st || t[56] !== l || t[57] !== a || t[58] !== i ? (W = (n || c) && /* @__PURE__ */ b(_t, { children: /* @__PURE__ */ pt("span", { className: st, children: [
125
- /* @__PURE__ */ b(kt, { name: n, theme: "light", source: c, "aria-hidden": "true", size: n || e === "top" ? "large" : V }),
126
- (e === "left" && l || e === "top" && (i || l)) && /* @__PURE__ */ b(bt, { variant: "highlight", "aria-label": a, label: i })
127
- ] }) }), t[51] = n, t[52] = e, t[53] = V, t[54] = c, t[55] = st, t[56] = l, t[57] = a, t[58] = i, t[59] = W) : W = t[59];
128
- let L;
129
- t[60] !== p || t[61] !== rt ? (L = /* @__PURE__ */ b("span", { className: rt, children: p }), t[60] = p, t[61] = rt, t[62] = L) : L = t[62];
130
- let S;
131
- t[63] !== e || t[64] !== l || t[65] !== a || t[66] !== i ? (S = e === "left" && i && !l && /* @__PURE__ */ b(bt, { variant: "default", "aria-label": a, label: i, className: o.numberIndicator }), t[63] = e, t[64] = l, t[65] = a, t[66] = i, t[67] = S) : S = t[67];
132
- let H;
133
- t[68] !== A || t[69] !== s || t[70] !== k || t[71] !== u || t[72] !== Y || t[73] !== w || t[74] !== g || t[75] !== W || t[76] !== L || t[77] !== S ? (H = /* @__PURE__ */ pt(A, { className: Y, ...w, ...s, ...u, ref: k, children: [
134
- g,
135
- W,
136
- L,
137
- S
138
- ] }), t[68] = A, t[69] = s, t[70] = k, t[71] = u, t[72] = Y, t[73] = w, t[74] = g, t[75] = W, t[76] = L, t[77] = S, t[78] = H) : H = t[78];
139
- const F = H;
140
- if (_) {
141
- let P;
142
- t[79] !== F ? (P = /* @__PURE__ */ b(dt.Anchor, { children: F }), t[79] = F, t[80] = P) : P = t[80];
143
- let D;
144
- t[81] !== _ ? (D = /* @__PURE__ */ b(dt.Content, { children: _ }), t[81] = _, t[82] = D) : D = t[82];
145
- let G;
146
- return t[83] !== P || t[84] !== D ? (G = /* @__PURE__ */ pt(dt, { placement: "top", tooltipOffset: 6, children: [
147
- P,
148
- D
149
- ] }), t[83] = P, t[84] = D, t[85] = G) : G = t[85], G;
150
- }
151
- return F;
152
- });
153
- Vt.displayName = "DSActionLink";
154
- export {
155
- Rt as A,
156
- Vt as D,
157
- Zt as a,
158
- $t as b,
159
- qt as c,
160
- zt as v
161
- };
@@ -1,160 +0,0 @@
1
- "use client";
2
- import { jsxs as vt, jsx as T } from "react/jsx-runtime";
3
- import { d as kt } from "./index.cKLI89Eg.js";
4
- import { c as _t } from "./index.DQOqod3i.js";
5
- import { forwardRef as St } from "react";
6
- import { u as bt } from "./useBreakpoint.1txsny17.js";
7
- import { D as Dt } from "./Icon.B0WqYErA.js";
8
- import { DSSpinner as Nt } from "../spinner.D1W-X96t.js";
9
- import { Tooltip as ft } from "../tooltip.C6HKano9.js";
10
- import { g as p } from "./helpers.CexwVao7.js";
11
- import '../assets/Button.C-UYIggc.css';const Ot = "ds-button_root_146u3_1", Ft = "ds-button_root--highlight_146u3_75", Lt = "ds-button_root--dark-highlight_146u3_75", wt = "ds-button_root--filled_146u3_151", It = "ds-button_root--outline_146u3_179", yt = "ds-button_root--ghost_146u3_206", Bt = "ds-button_root--ghost-flush_146u3_231", Ht = "ds-button_root--small_146u3_237", Gt = "ds-button_root--navigation_146u3_317", Tt = "ds-button_root--navigation--stretched_146u3_393", Pt = "ds-button_root--navigation--stretched--icon-left_146u3_396", Ct = "ds-button_root--dark-filled_146u3_399", Et = "ds-button_root--dark-outline_146u3_456", At = "ds-button_root--dark-ghost_146u3_512", xt = "ds-button_root--dark-ghost-flush_146u3_566", zt = "ds-button_root--stretched_146u3_641", Vt = "ds-button_root--icon-left_146u3_644", jt = "ds-button_root--icon-only_146u3_647", Rt = "ds-button_root--icon-only-small_146u3_656", Ut = "ds-button_icon--navigation_146u3_672", Mt = "ds-button_icon--hidden_146u3_679", Zt = "ds-button_label--hidden_146u3_683", $t = "ds-button_label--loading_146u3_695", qt = "ds-button_loader_146u3_699", e = {
12
- root: Ot,
13
- rootHighlight: Ft,
14
- rootDarkHighlight: Lt,
15
- rootFilled: wt,
16
- rootOutline: It,
17
- rootGhost: yt,
18
- rootGhostFlush: Bt,
19
- rootSmall: Ht,
20
- rootNavigation: Gt,
21
- rootNavigationStretched: Tt,
22
- rootNavigationStretchedIconLeft: Pt,
23
- rootDarkFilled: Ct,
24
- rootDarkOutline: Et,
25
- rootDarkGhost: At,
26
- rootDarkGhostFlush: xt,
27
- rootStretched: zt,
28
- rootIconLeft: Vt,
29
- rootIconOnly: jt,
30
- rootIconOnlySmall: Rt,
31
- iconNavigation: Ut,
32
- iconHidden: Mt,
33
- labelHidden: Zt,
34
- labelLoading: $t,
35
- loader: qt
36
- }, so = ["medium", "small"], lo = ["highlight", "filled", "outline", "ghost", "navigation"], Jt = ({
37
- hideLabel: k,
38
- iconName: S,
39
- iconSource: t,
40
- isFlush: l,
41
- size: c,
42
- stretched: r,
43
- theme: s,
44
- variant: i
45
- }) => {
46
- if (i === "navigation" && (c === "small" && console.warn(p("DSButton", 'A "size" prop should not be used in combination with variant="navigation". Please remove the "size" prop.')), s === "dark"))
47
- throw new Error(p("DSButton", 'A DSButton with variant="navigation" does not support theme="dark". Please remove the "theme" prop.'));
48
- i !== "ghost" && l ? console.warn(p("DSButton", 'The "isFlush" prop only has an effect when used with variant="ghost". Please remove the "isFlush" prop or set variant="ghost".')) : i === "ghost" && l && r && console.warn(p("DSButton", 'The "stretched" and "isFlush" props do not have an effect when used together. Please remove one of them.')), k && (!S && !t && console.warn(p("DSButton", 'The "hideLabel" prop is set to true but no icon is provided via "iconName" or "iconSource". Please provide an icon to ensure the button is not empty when the label is hidden.')), r && console.warn(p("DSButton", 'The "stretched" and "hideLabel" props do not have an effect when used together. Please remove one of them.')));
49
- }, Kt = St((k, S) => {
50
- const t = kt.c(77);
51
- let l, c, r, s, i, h, g, D, N, O, F, L, w, I, y, B, u;
52
- t[0] !== k ? ({
53
- children: c,
54
- aria: l,
55
- className: r,
56
- disabled: D,
57
- hideLabel: N,
58
- iconName: s,
59
- iconPosition: O,
60
- iconSource: i,
61
- isFlush: F,
62
- loading: L,
63
- size: w,
64
- stretched: I,
65
- theme: y,
66
- tooltip: u,
67
- variant: B,
68
- onClick: h,
69
- ...g
70
- } = k, t[0] = k, t[1] = l, t[2] = c, t[3] = r, t[4] = s, t[5] = i, t[6] = h, t[7] = g, t[8] = D, t[9] = N, t[10] = O, t[11] = F, t[12] = L, t[13] = w, t[14] = I, t[15] = y, t[16] = B, t[17] = u) : (l = t[1], c = t[2], r = t[3], s = t[4], i = t[5], h = t[6], g = t[7], D = t[8], N = t[9], O = t[10], F = t[11], L = t[12], w = t[13], I = t[14], y = t[15], B = t[16], u = t[17]);
71
- const P = D === void 0 ? !1 : D, pt = N === void 0 ? !1 : N, U = O === void 0 ? "left" : O, H = F === void 0 ? !1 : F, n = L === void 0 ? !1 : L, C = w === void 0 ? "medium" : w, mt = I === void 0 ? !1 : I, a = y === void 0 ? "light" : y, o = B === void 0 ? "filled" : B, _ = bt(pt), G = bt(mt);
72
- process.env.NODE_ENV !== "production" && Jt({
73
- hideLabel: _,
74
- iconName: s,
75
- iconSource: i,
76
- isFlush: H,
77
- size: C,
78
- stretched: mt,
79
- theme: a,
80
- variant: o
81
- });
82
- const M = o === "filled", Z = o === "highlight", $ = o === "outline", q = o === "ghost" && H !== !0, J = o === "navigation", K = o === "navigation" && G && U === "right", Q = o === "navigation" && G && U === "left", W = o === "ghost" && H === !0, X = a === "dark" && o === "filled", Y = a === "dark" && o === "highlight", tt = a === "dark" && o === "outline", ot = a === "dark" && o === "ghost" && H !== !0, et = a === "dark" && o === "ghost" && H === !0, nt = C === "small" || o === "navigation", it = U === "left", st = _ && C === "medium" && o !== "navigation", lt = _ && C === "small" && o !== "navigation";
83
- let E;
84
- t[18] !== r || t[19] !== G || t[20] !== M || t[21] !== Z || t[22] !== $ || t[23] !== q || t[24] !== J || t[25] !== K || t[26] !== Q || t[27] !== W || t[28] !== X || t[29] !== Y || t[30] !== tt || t[31] !== ot || t[32] !== et || t[33] !== nt || t[34] !== it || t[35] !== st || t[36] !== lt ? (E = _t(e.root, r, {
85
- [e.rootFilled]: M,
86
- [e.rootHighlight]: Z,
87
- [e.rootOutline]: $,
88
- [e.rootGhost]: q,
89
- [e.rootNavigation]: J,
90
- [e.rootNavigationStretched]: K,
91
- [e.rootNavigationStretchedIconLeft]: Q,
92
- [e.rootGhostFlush]: W,
93
- [e.rootDarkFilled]: X,
94
- [e.rootDarkHighlight]: Y,
95
- [e.rootDarkOutline]: tt,
96
- [e.rootDarkGhost]: ot,
97
- [e.rootDarkGhostFlush]: et,
98
- [e.rootSmall]: nt,
99
- [e.rootStretched]: G,
100
- [e.rootIconLeft]: it,
101
- [e.rootIconOnly]: st,
102
- [e.rootIconOnlySmall]: lt
103
- }), t[18] = r, t[19] = G, t[20] = M, t[21] = Z, t[22] = $, t[23] = q, t[24] = J, t[25] = K, t[26] = Q, t[27] = W, t[28] = X, t[29] = Y, t[30] = tt, t[31] = ot, t[32] = et, t[33] = nt, t[34] = it, t[35] = st, t[36] = lt, t[37] = E) : E = t[37];
104
- const rt = E;
105
- let A;
106
- t[38] !== n || t[39] !== _ || t[40] !== o ? (A = _t({
107
- [e.labelHidden]: _ && o !== "navigation",
108
- [e.labelLoading]: n
109
- }) || void 0, t[38] = n, t[39] = _, t[40] = o, t[41] = A) : A = t[41];
110
- const at = A, dt = o === "navigation";
111
- let x;
112
- t[42] !== n || t[43] !== dt ? (x = _t({
113
- [e.iconNavigation]: dt,
114
- [e.iconHidden]: n
115
- }), t[42] = n, t[43] = dt, t[44] = x) : x = t[44];
116
- const ct = x, ht = a === "light" && o === "filled" || a === "dark" && o === "outline" || a === "dark" && o === "ghost" ? "dark" : "light";
117
- let z;
118
- t[45] !== P || t[46] !== n || t[47] !== h ? (z = (d) => {
119
- if (P || n) {
120
- d.preventDefault();
121
- return;
122
- }
123
- h && h(d);
124
- }, t[45] = P, t[46] = n, t[47] = h, t[48] = z) : z = t[48];
125
- const ut = z, gt = P || n;
126
- let f;
127
- t[49] !== n ? (f = n && /* @__PURE__ */ T(Nt, { className: e.loader, aria: {
128
- "aria-label": "Loading state"
129
- } }), t[49] = n, t[50] = f) : f = t[50];
130
- let m;
131
- t[51] !== c || t[52] !== at ? (m = /* @__PURE__ */ T("span", { className: at, children: c }), t[51] = c, t[52] = at, t[53] = m) : m = t[53];
132
- let v;
133
- t[54] !== ct || t[55] !== s || t[56] !== i || t[57] !== ht ? (v = (s || i) && /* @__PURE__ */ T(Dt, { name: s, theme: ht, source: i, className: ct, "aria-hidden": "true" }), t[54] = ct, t[55] = s, t[56] = i, t[57] = ht, t[58] = v) : v = t[58];
134
- let V;
135
- t[59] !== l || t[60] !== ut || t[61] !== n || t[62] !== S || t[63] !== g || t[64] !== rt || t[65] !== gt || t[66] !== f || t[67] !== m || t[68] !== v ? (V = /* @__PURE__ */ vt("button", { className: rt, type: "submit", onClick: ut, ...l, ...g, "aria-disabled": gt, "aria-busy": n, ref: S, children: [
136
- f,
137
- m,
138
- v
139
- ] }), t[59] = l, t[60] = ut, t[61] = n, t[62] = S, t[63] = g, t[64] = rt, t[65] = gt, t[66] = f, t[67] = m, t[68] = v, t[69] = V) : V = t[69];
140
- const j = V;
141
- if (u) {
142
- let d;
143
- t[70] !== j ? (d = /* @__PURE__ */ T(ft.Anchor, { children: j }), t[70] = j, t[71] = d) : d = t[71];
144
- let b;
145
- t[72] !== u ? (b = /* @__PURE__ */ T(ft.Content, { children: u }), t[72] = u, t[73] = b) : b = t[73];
146
- let R;
147
- return t[74] !== d || t[75] !== b ? (R = /* @__PURE__ */ vt(ft, { placement: "top", tooltipOffset: 6, children: [
148
- d,
149
- b
150
- ] }), t[74] = d, t[75] = b, t[76] = R) : R = t[76], R;
151
- }
152
- return j;
153
- });
154
- Kt.displayName = "DSButton";
155
- export {
156
- so as B,
157
- Kt as D,
158
- lo as a,
159
- Jt as v
160
- };
@@ -1,88 +0,0 @@
1
- "use client";
2
- import { jsxs as u, jsx as s } from "react/jsx-runtime";
3
- import { c as x } from "./index.DQOqod3i.js";
4
- import { forwardRef as j, useRef as B, useState as H, useEffect as V, useCallback as $ } from "react";
5
- import { u as A } from "./useBreakpoint.1txsny17.js";
6
- import "./index.cKLI89Eg.js";
7
- import { D as _ } from "./Icon.B0WqYErA.js";
8
- import { D as L } from "./SystemFeedback.Dq3ZphgG.js";
9
- import { g as C } from "./helpers.CexwVao7.js";
10
- import '../assets/Checkbox.ZAPIO2N8.css';const O = "ds-checkbox_root_xklfa_1", U = "ds-checkbox_root--disabled_xklfa_21", z = "ds-checkbox_checkbox_xklfa_25", F = "ds-checkbox_icon-check_xklfa_41", J = "ds-checkbox_icon-minus_xklfa_42", K = "ds-checkbox_checkbox--invalid_xklfa_66", Q = "ds-checkbox_label--hidden_xklfa_71", R = "ds-checkbox_input_xklfa_84", T = "ds-checkbox_label_xklfa_71", W = "ds-checkbox_feedback_xklfa_198", e = {
11
- root: O,
12
- rootDisabled: U,
13
- checkbox: z,
14
- iconCheck: F,
15
- iconMinus: J,
16
- checkboxInvalid: K,
17
- labelHidden: Q,
18
- input: R,
19
- label: T,
20
- feedback: W
21
- }, X = ({
22
- label: c,
23
- id: n,
24
- invalid: t,
25
- systemFeedback: k
26
- }) => {
27
- if (!c)
28
- throw new Error(C("DSCheckbox", `A label is always required for a11y reasons. Please add a descriptive "label" prop to the DSCheckbox component. If you don't want to display a label, set hideLabel={true}.`));
29
- if (k && t && !n)
30
- throw new Error(C("DSCheckbox", `A unique "id" prop is required when passing in the systemFeedback prop and setting invalid to true. Please add a unique "id" prop to the DSCheckbox component with label: "${c}".`));
31
- }, Y = j(({
32
- label: c,
33
- checkboxGroupId: n,
34
- checked: t,
35
- className: k,
36
- defaultChecked: D = !1,
37
- disabled: r = !1,
38
- hideLabel: N = !1,
39
- id: b,
40
- indeterminate: p = !1,
41
- invalid: a = !1,
42
- systemFeedback: l,
43
- onChange: h,
44
- ...S
45
- }, i) => {
46
- process.env.NODE_ENV !== "production" && X({
47
- label: c,
48
- id: b,
49
- invalid: a,
50
- systemFeedback: l
51
- });
52
- const d = B(null), [y, v] = H(D), w = A(N);
53
- V(() => {
54
- d && d.current && (d.current.indeterminate = p);
55
- }, [p]);
56
- const f = t !== void 0, g = f ? t : y, m = `${b}-feedback`, E = [a && l && m, a && n && `${n}-feedback`].filter(Boolean).join(" ") || void 0, I = x(e.root, {
57
- [e.rootDisabled]: r
58
- }), q = x(e.label, {
59
- // hide label only visually to keep them available for assistive technologies
60
- [e.labelHidden]: w
61
- }), M = x(e.checkbox, {
62
- [e.checkboxInvalid]: a
63
- }), P = $((o) => {
64
- if (r) {
65
- o.preventDefault();
66
- return;
67
- }
68
- f || v(o.target.checked), h && h(o);
69
- }, [r, f, h]);
70
- return /* @__PURE__ */ u("div", { className: k, children: [
71
- /* @__PURE__ */ u("label", { className: I, children: [
72
- /* @__PURE__ */ s("input", { id: b, type: "checkbox", className: e.input, ref: (o) => {
73
- typeof i == "function" ? i(o) : i !== null && (i.current = o), d.current = o;
74
- }, ...S, checked: g, disabled: r, "aria-label": c, "aria-describedby": E, "aria-invalid": a, onChange: P }),
75
- /* @__PURE__ */ u("div", { className: M, children: [
76
- /* @__PURE__ */ s(_, { name: "check", className: e.iconCheck, "aria-hidden": "true" }),
77
- /* @__PURE__ */ s(_, { name: "minus", className: e.iconMinus, "aria-hidden": "true" })
78
- ] }),
79
- /* @__PURE__ */ s("span", { className: q, children: c })
80
- ] }),
81
- a && l && /* @__PURE__ */ s(L, { id: m, variant: "error", className: e.feedback, message: l })
82
- ] });
83
- });
84
- Y.displayName = "DSCheckbox";
85
- export {
86
- Y as D,
87
- X as v
88
- };