@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,161 +0,0 @@
1
- "use client";
2
- import { jsxs as pt, jsx as f, Fragment as mt } from "react/jsx-runtime";
3
- import { d as vt } from "./index.cKLI89Eg.js";
4
- import { c as R } from "./index.DQOqod3i.js";
5
- import { forwardRef as bt } from "react";
6
- import { D as kt } from "./Icon.DYtaQgbw.js";
7
- import { NumberIndicator as ft } from "../numberindicator.Q7g4J3Ry.js";
8
- import { Tooltip as dt } from "../tooltip.a1aWHK00.js";
9
- import { g as v } from "./helpers.CexwVao7.js";
10
- import '../assets/ActionLink.B62Aa8y9.css';const It = "ds-action-link_root_oi5cc_1", Nt = "ds-action-link_root--indent-level-1_oi5cc_75", ut = "ds-action-link_root--active_oi5cc_78", At = "ds-action-link_root--active--with-marker_oi5cc_81", wt = "ds-action-link_root--icon--top_oi5cc_84", gt = "ds-action-link_root--stretched_oi5cc_110", Wt = "ds-action-link_active-marker_oi5cc_115", Lt = "ds-action-link_active-marker--with-indent_oi5cc_127", St = "ds-action-link_icon-wrapper_oi5cc_131", Pt = "ds-action-link_icon-wrapper--x-large_oi5cc_134", Dt = "ds-action-link_icon-wrapper--with-number-indicator_oi5cc_137", Tt = "ds-action-link_icon-wrapper--with-number-indicator--with-value_oi5cc_145", xt = "ds-action-link_label_oi5cc_149", Ct = "ds-action-link_label--bold_oi5cc_160", Mt = "ds-action-link_label--active_oi5cc_172", Et = "ds-action-link_label--icon-top_oi5cc_184", Ot = "ds-action-link_number-indicator_oi5cc_207", 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: b,
30
- iconSize: k,
31
- iconSource: t,
32
- iconPosition: s,
33
- indentLevel: p,
34
- stretched: d,
35
- weight: h,
36
- numberIndicatorValue: c,
37
- numberIndicatorAriaLabel: n
38
- }) => {
39
- if (b && !t && k === "x-large" && console.warn(v("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 (!b && !t)
41
- throw new Error(v("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(v("DSActionLink", 'An "iconSize" prop set to "x-large" has no effect when "iconPosition" is set to "top". Please remove the "iconSize" prop.')), h === "bold" && console.warn(v("DSActionLink", 'A "weight" prop set to "bold" with "iconPosition" set to "top" has no effect. Please remove the "weight" prop.')), p === 1 && console.warn(v("DSActionLink", 'An "indentLevel" prop set to "1" with "iconPosition" set to "top" has no effect. Please remove the "indentLevel" prop.')), d && console.warn(v("DSActionLink", 'A "stretched" prop set to "true" with "iconPosition" set to "top" has no effect. Please remove the "stretched" prop.'));
43
- }
44
- (c || c === "") && !n && console.warn(v("DSActionLink", "Please provide a descriptive aria-label for the Number Indicator for better accessibility."));
45
- }, Vt = bt((b, k) => {
46
- const t = vt.c(86);
47
- let s, p, d, h, c, n, r, a, i, I, N, u, T, x, C, M, E, O, z, m;
48
- t[0] !== b ? ({
49
- children: p,
50
- aria: s,
51
- className: d,
52
- download: h,
53
- href: c,
54
- iconName: n,
55
- iconPosition: T,
56
- iconSize: x,
57
- iconSource: r,
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: m,
67
- weight: z,
68
- ...u
69
- } = b, t[0] = b, t[1] = s, t[2] = p, t[3] = d, t[4] = h, t[5] = c, t[6] = n, t[7] = r, 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] = m) : (s = t[1], p = t[2], d = t[3], h = t[4], c = t[5], n = t[6], r = 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], m = t[20]);
70
- const e = T === void 0 ? "left" : T, V = x === void 0 ? "large" : x, Z = C === void 0 ? 0 : C, _ = M === void 0 ? !1 : M, ht = E === void 0 ? !1 : E, $ = O === void 0 ? "_self" : O, _t = z === void 0 ? "normal" : z;
71
- process.env.NODE_ENV !== "production" && zt({
72
- iconName: n,
73
- iconSize: V,
74
- iconSource: r,
75
- iconPosition: e,
76
- indentLevel: Z,
77
- numberIndicatorValue: i,
78
- numberIndicatorAriaLabel: a,
79
- stretched: ht,
80
- weight: _t
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 = _ && e === "left", U = ht === !0 && e === "left";
85
- let K;
86
- t[23] !== d || t[24] !== _ || 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]: _,
90
- [o.rootActiveWithMarker]: Q,
91
- [o.rootStretched]: U
92
- }), t[23] = d, t[24] = _, 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 = _ && e === "left", it = _t === "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 ct = X, rt = V === "x-large", at = (n || r) && (i || l), lt = (n || r) && !l;
106
- let j;
107
- t[36] !== rt || t[37] !== at || t[38] !== lt ? (j = R(o.iconWrapper, {
108
- [o.iconWrapperXLarge]: rt,
109
- [o.iconWrapperWithNumberIndicator]: at,
110
- [o.iconWrapperWithNumberIndicatorWithValue]: lt
111
- }), t[36] = rt, t[37] = at, t[38] = lt, t[39] = j) : j = t[39];
112
- const st = j, A = c === void 0 ? "span" : "a";
113
- let w;
114
- t[40] !== A || t[41] !== h || t[42] !== c || t[43] !== I || t[44] !== N || t[45] !== $ ? (w = A === "a" && {
115
- href: c,
116
- target: $,
117
- rel: N,
118
- referrerPolicy: I,
119
- download: h
120
- }, t[40] = A, t[41] = h, t[42] = c, 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] !== _ ? (g = _ && e === "left" && /* @__PURE__ */ f("div", { className: et }), t[47] = et, t[48] = e, t[49] = _, t[50] = g) : g = t[50];
123
- let W;
124
- t[51] !== n || t[52] !== e || t[53] !== V || t[54] !== r || t[55] !== st || t[56] !== l || t[57] !== a || t[58] !== i ? (W = (n || r) && /* @__PURE__ */ f(mt, { children: /* @__PURE__ */ pt("span", { className: st, children: [
125
- /* @__PURE__ */ f(kt, { name: n, theme: "light", source: r, "aria-hidden": "true", size: n || e === "top" ? "large" : V }),
126
- (e === "left" && l || e === "top" && (i || l)) && /* @__PURE__ */ f(ft, { variant: "highlight", "aria-label": a, label: i })
127
- ] }) }), t[51] = n, t[52] = e, t[53] = V, t[54] = r, 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] !== ct ? (L = /* @__PURE__ */ f("span", { className: ct, children: p }), t[60] = p, t[61] = ct, 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__ */ f(ft, { 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 (m) {
141
- let P;
142
- t[79] !== F ? (P = /* @__PURE__ */ f(dt.Anchor, { children: F }), t[79] = F, t[80] = P) : P = t[80];
143
- let D;
144
- t[81] !== m ? (D = /* @__PURE__ */ f(dt.Content, { children: m }), t[81] = m, 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 bo, jsx as G } from "react/jsx-runtime";
3
- import { d as So } from "./index.cKLI89Eg.js";
4
- import { c as fo } from "./index.DQOqod3i.js";
5
- import { forwardRef as Do } from "react";
6
- import { u as po } from "./useBreakpoint.1txsny17.js";
7
- import { D as No } from "./Icon.DYtaQgbw.js";
8
- import { DSSpinner as qo } from "../spinner.DtLnsqVV.js";
9
- import { Tooltip as mo } from "../tooltip.a1aWHK00.js";
10
- import { g as p } from "./helpers.CexwVao7.js";
11
- import '../assets/Button.BI6zz6Fw.css';const Oo = "ds-button_root_1l3oq_1", Fo = "ds-button_root--highlight_1l3oq_76", Lo = "ds-button_root--dark-highlight_1l3oq_76", wo = "ds-button_root--filled_1l3oq_152", Io = "ds-button_root--outline_1l3oq_180", yo = "ds-button_root--ghost_1l3oq_207", Bo = "ds-button_root--ghost-flush_1l3oq_232", Ho = "ds-button_root--small_1l3oq_238", Go = "ds-button_root--navigation_1l3oq_318", To = "ds-button_root--navigation--stretched_1l3oq_396", Po = "ds-button_root--navigation--stretched--icon-left_1l3oq_399", Co = "ds-button_root--dark-filled_1l3oq_402", Eo = "ds-button_root--dark-outline_1l3oq_459", Ao = "ds-button_root--dark-ghost_1l3oq_515", xo = "ds-button_root--dark-ghost-flush_1l3oq_569", zo = "ds-button_root--stretched_1l3oq_644", Vo = "ds-button_root--icon-left_1l3oq_647", jo = "ds-button_root--icon-only_1l3oq_650", Ro = "ds-button_root--icon-only-small_1l3oq_659", Uo = "ds-button_icon--navigation_1l3oq_675", Mo = "ds-button_icon--hidden_1l3oq_682", Zo = "ds-button_label--hidden_1l3oq_686", $o = "ds-button_label--loading_1l3oq_698", Jo = "ds-button_loader_1l3oq_702", e = {
12
- root: Oo,
13
- rootHighlight: Fo,
14
- rootDarkHighlight: Lo,
15
- rootFilled: wo,
16
- rootOutline: Io,
17
- rootGhost: yo,
18
- rootGhostFlush: Bo,
19
- rootSmall: Ho,
20
- rootNavigation: Go,
21
- rootNavigationStretched: To,
22
- rootNavigationStretchedIconLeft: Po,
23
- rootDarkFilled: Co,
24
- rootDarkOutline: Eo,
25
- rootDarkGhost: Ao,
26
- rootDarkGhostFlush: xo,
27
- rootStretched: zo,
28
- rootIconLeft: Vo,
29
- rootIconOnly: jo,
30
- rootIconOnlySmall: Ro,
31
- iconNavigation: Uo,
32
- iconHidden: Mo,
33
- labelHidden: Zo,
34
- labelLoading: $o,
35
- loader: Jo
36
- }, st = ["medium", "small"], rt = ["highlight", "filled", "outline", "ghost", "navigation"], Ko = ({
37
- hideLabel: k,
38
- iconName: S,
39
- iconSource: o,
40
- isFlush: s,
41
- size: c,
42
- stretched: r,
43
- theme: l,
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.')), l === "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" && s ? 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" && s && 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 && !o && 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
- }, Qo = Do((k, S) => {
50
- const o = So.c(77);
51
- let s, c, r, l, i, h, g, D, N, q, O, F, L, w, I, y, u;
52
- o[0] !== k ? ({
53
- children: c,
54
- aria: s,
55
- className: r,
56
- disabled: D,
57
- hideLabel: N,
58
- iconName: l,
59
- iconPosition: q,
60
- iconSource: i,
61
- isFlush: O,
62
- loading: F,
63
- size: L,
64
- stretched: w,
65
- theme: I,
66
- tooltip: u,
67
- variant: y,
68
- onClick: h,
69
- ...g
70
- } = k, o[0] = k, o[1] = s, o[2] = c, o[3] = r, o[4] = l, o[5] = i, o[6] = h, o[7] = g, o[8] = D, o[9] = N, o[10] = q, o[11] = O, o[12] = F, o[13] = L, o[14] = w, o[15] = I, o[16] = y, o[17] = u) : (s = o[1], c = o[2], r = o[3], l = o[4], i = o[5], h = o[6], g = o[7], D = o[8], N = o[9], q = o[10], O = o[11], F = o[12], L = o[13], w = o[14], I = o[15], y = o[16], u = o[17]);
71
- const T = D === void 0 ? !1 : D, ko = N === void 0 ? !1 : N, R = q === void 0 ? "left" : q, B = O === void 0 ? !1 : O, n = F === void 0 ? !1 : F, P = L === void 0 ? "medium" : L, vo = w === void 0 ? !1 : w, a = I === void 0 ? "light" : I, t = y === void 0 ? "filled" : y, _ = po(ko), H = po(vo);
72
- process.env.NODE_ENV !== "production" && Ko({
73
- hideLabel: _,
74
- iconName: l,
75
- iconSource: i,
76
- isFlush: B,
77
- size: P,
78
- stretched: vo,
79
- theme: a,
80
- variant: t
81
- });
82
- const U = t === "filled", M = t === "highlight", Z = t === "outline", $ = t === "ghost" && B !== !0, J = t === "navigation", K = t === "navigation" && H && R === "right", Q = t === "navigation" && H && R === "left", W = t === "ghost" && B === !0, X = a === "dark" && t === "filled", Y = a === "dark" && t === "highlight", oo = a === "dark" && t === "outline", to = a === "dark" && t === "ghost" && B !== !0, eo = a === "dark" && t === "ghost" && B === !0, no = P === "small" || t === "navigation", io = R === "left", lo = _ && P === "medium" && t !== "navigation", so = _ && P === "small" && t !== "navigation";
83
- let C;
84
- o[18] !== r || o[19] !== H || o[20] !== U || o[21] !== M || o[22] !== Z || o[23] !== $ || o[24] !== J || o[25] !== K || o[26] !== Q || o[27] !== W || o[28] !== X || o[29] !== Y || o[30] !== oo || o[31] !== to || o[32] !== eo || o[33] !== no || o[34] !== io || o[35] !== lo || o[36] !== so ? (C = fo(e.root, r, {
85
- [e.rootFilled]: U,
86
- [e.rootHighlight]: M,
87
- [e.rootOutline]: Z,
88
- [e.rootGhost]: $,
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]: oo,
96
- [e.rootDarkGhost]: to,
97
- [e.rootDarkGhostFlush]: eo,
98
- [e.rootSmall]: no,
99
- [e.rootStretched]: H,
100
- [e.rootIconLeft]: io,
101
- [e.rootIconOnly]: lo,
102
- [e.rootIconOnlySmall]: so
103
- }), o[18] = r, o[19] = H, o[20] = U, o[21] = M, o[22] = Z, o[23] = $, o[24] = J, o[25] = K, o[26] = Q, o[27] = W, o[28] = X, o[29] = Y, o[30] = oo, o[31] = to, o[32] = eo, o[33] = no, o[34] = io, o[35] = lo, o[36] = so, o[37] = C) : C = o[37];
104
- const ro = C;
105
- let E;
106
- o[38] !== n || o[39] !== _ || o[40] !== t ? (E = fo({
107
- [e.labelHidden]: _ && t !== "navigation",
108
- [e.labelLoading]: n
109
- }) || void 0, o[38] = n, o[39] = _, o[40] = t, o[41] = E) : E = o[41];
110
- const ao = E, co = t === "navigation";
111
- let A;
112
- o[42] !== n || o[43] !== co ? (A = fo({
113
- [e.iconNavigation]: co,
114
- [e.iconHidden]: n
115
- }), o[42] = n, o[43] = co, o[44] = A) : A = o[44];
116
- const ho = A, uo = a === "light" && t === "filled" || a === "dark" && t === "outline" || a === "dark" && t === "ghost" ? "dark" : "light";
117
- let x;
118
- o[45] !== T || o[46] !== n || o[47] !== h ? (x = (d) => {
119
- if (T || n) {
120
- d.preventDefault();
121
- return;
122
- }
123
- h && h(d);
124
- }, o[45] = T, o[46] = n, o[47] = h, o[48] = x) : x = o[48];
125
- const go = x, _o = T || n;
126
- let f;
127
- o[49] !== n ? (f = n && /* @__PURE__ */ G(qo, { className: e.loader, aria: {
128
- "aria-label": "Loading state"
129
- } }), o[49] = n, o[50] = f) : f = o[50];
130
- let m;
131
- o[51] !== c || o[52] !== ao ? (m = /* @__PURE__ */ G("span", { className: ao, children: c }), o[51] = c, o[52] = ao, o[53] = m) : m = o[53];
132
- let v;
133
- o[54] !== ho || o[55] !== l || o[56] !== i || o[57] !== uo ? (v = (l || i) && /* @__PURE__ */ G(No, { name: l, theme: uo, source: i, className: ho, "aria-hidden": "true" }), o[54] = ho, o[55] = l, o[56] = i, o[57] = uo, o[58] = v) : v = o[58];
134
- let z;
135
- o[59] !== s || o[60] !== go || o[61] !== n || o[62] !== S || o[63] !== g || o[64] !== ro || o[65] !== _o || o[66] !== f || o[67] !== m || o[68] !== v ? (z = /* @__PURE__ */ bo("button", { className: ro, type: "submit", onClick: go, ...s, ...g, "aria-disabled": _o, "aria-busy": n, ref: S, children: [
136
- f,
137
- m,
138
- v
139
- ] }), o[59] = s, o[60] = go, o[61] = n, o[62] = S, o[63] = g, o[64] = ro, o[65] = _o, o[66] = f, o[67] = m, o[68] = v, o[69] = z) : z = o[69];
140
- const V = z;
141
- if (u) {
142
- let d;
143
- o[70] !== V ? (d = /* @__PURE__ */ G(mo.Anchor, { children: V }), o[70] = V, o[71] = d) : d = o[71];
144
- let b;
145
- o[72] !== u ? (b = /* @__PURE__ */ G(mo.Content, { children: u }), o[72] = u, o[73] = b) : b = o[73];
146
- let j;
147
- return o[74] !== d || o[75] !== b ? (j = /* @__PURE__ */ bo(mo, { placement: "top", tooltipOffset: 6, children: [
148
- d,
149
- b
150
- ] }), o[74] = d, o[75] = b, o[76] = j) : j = o[76], j;
151
- }
152
- return V;
153
- });
154
- Qo.displayName = "DSButton";
155
- export {
156
- st as B,
157
- Qo as D,
158
- rt as a,
159
- Ko as v
160
- };
@@ -1,88 +0,0 @@
1
- "use client";
2
- import { jsxs as f, jsx as a } from "react/jsx-runtime";
3
- import { c as p } from "./index.DQOqod3i.js";
4
- import { forwardRef as P, 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 x } from "./Icon.DYtaQgbw.js";
8
- import { D as L } from "./SystemFeedback.4osheYxC.js";
9
- import { g as C } from "./helpers.CexwVao7.js";
10
- import '../assets/Checkbox.DknHnS9a.css';const O = "ds-checkbox_root_1jslg_1", U = "ds-checkbox_root--disabled_1jslg_21", z = "ds-checkbox_checkbox_1jslg_25", F = "ds-checkbox_icon-check_1jslg_41", J = "ds-checkbox_icon-minus_1jslg_42", K = "ds-checkbox_checkbox--invalid_1jslg_66", Q = "ds-checkbox_label--hidden_1jslg_71", R = "ds-checkbox_input_1jslg_84", T = "ds-checkbox_label_1jslg_71", W = "ds-checkbox_feedback_1jslg_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: b
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 (b && 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 = P(({
32
- label: c,
33
- checkboxGroupId: n,
34
- checked: t,
35
- className: b,
36
- defaultChecked: D = !1,
37
- disabled: r = !1,
38
- hideLabel: g = !1,
39
- id: h,
40
- indeterminate: m = !1,
41
- invalid: s = !1,
42
- systemFeedback: l,
43
- onChange: k,
44
- ...j
45
- }, i) => {
46
- process.env.NODE_ENV !== "production" && X({
47
- label: c,
48
- id: h,
49
- invalid: s,
50
- systemFeedback: l
51
- });
52
- const d = B(null), [N, S] = H(D), y = A(g);
53
- V(() => {
54
- d && d.current && (d.current.indeterminate = m);
55
- }, [m]);
56
- const u = t !== void 0, v = u ? t : N, _ = `${h}-feedback`, w = [s && l && _, s && n && `${n}-feedback`].filter(Boolean).join(" ") || void 0, E = p(e.root, {
57
- [e.rootDisabled]: r
58
- }), I = p(e.label, {
59
- // hide label only visually to keep them available for assistive technologies
60
- [e.labelHidden]: y
61
- }), q = p(e.checkbox, {
62
- [e.checkboxInvalid]: s
63
- }), M = $((o) => {
64
- if (r) {
65
- o.preventDefault();
66
- return;
67
- }
68
- u || S(o.target.checked), k && k(o);
69
- }, [r, u, k]);
70
- return /* @__PURE__ */ f("div", { className: b, children: [
71
- /* @__PURE__ */ f("label", { className: E, children: [
72
- /* @__PURE__ */ a("input", { id: h, type: "checkbox", className: e.input, ref: (o) => {
73
- typeof i == "function" ? i(o) : i !== null && (i.current = o), d.current = o;
74
- }, ...j, checked: v, disabled: r, "aria-label": c, "aria-describedby": w, "aria-invalid": s, onChange: M }),
75
- /* @__PURE__ */ f("div", { className: q, children: [
76
- /* @__PURE__ */ a(x, { name: "check", className: e.iconCheck, "aria-hidden": "true" }),
77
- /* @__PURE__ */ a(x, { name: "minus", className: e.iconMinus, "aria-hidden": "true" })
78
- ] }),
79
- /* @__PURE__ */ a("span", { className: I, children: c })
80
- ] }),
81
- s && l && /* @__PURE__ */ a(L, { id: _, variant: "error", className: e.feedback, message: l })
82
- ] });
83
- });
84
- Y.displayName = "DSCheckbox";
85
- export {
86
- Y as D,
87
- X as v
88
- };
@@ -1,79 +0,0 @@
1
- "use client";
2
- import { jsx as q } from "react/jsx-runtime";
3
- import { d as z } from "./index.cKLI89Eg.js";
4
- import { c as P } from "./index.DQOqod3i.js";
5
- import { D as I } from "./Fieldset.DOjI3DlI.js";
6
- import E from "react";
7
- import { g as v, r as L } from "./helpers.CexwVao7.js";
8
- import { D as F } from "./Checkbox.CMshaWIU.js";
9
- import '../assets/CheckboxGroup.Dd-Huo7x.css';const H = "ds-checkbox-group_root_12fot_1", O = "ds-checkbox-group_root--horizontal_12fot_9", T = "ds-checkbox-group_root--invalid_12fot_12", G = {
10
- root: H,
11
- rootHorizontal: O,
12
- rootInvalid: T
13
- }, V = ({
14
- children: l,
15
- description: e,
16
- hideLegend: t,
17
- id: s,
18
- legend: r,
19
- popoverContent: i,
20
- systemFeedback: n
21
- }) => {
22
- if (!s && (e || n))
23
- throw new Error(v("DSCheckboxGroup", 'A unique "id" prop is required when providing the description or systemFeedback property. Please add a unique "id" prop to the DSCheckboxGroup component.'));
24
- if (!r)
25
- throw new Error(v("DSCheckboxGroup", L("legend", "DSCheckboxGroup")));
26
- if (!l)
27
- throw new Error(v("DSCheckboxGroup", "The component requires DSCheckbox components to be explicitly set as its children. Ensure that you include individual DSCheckbox components within the DSCheckboxGroup to create a cohesive checkbox group."));
28
- t && i && console.warn(v("DSCheckboxGroup", 'Setting "hideLegend" and "popoverContent" at the same time is not supported. The popover info button is part of the legend and will be hidden along with it. Please remove either "hideLegend" or "popoverContent".')), E.Children.forEach(l, (o) => {
29
- if (!E.isValidElement(o) || // Object.keys(child.type)[1] !== '_payload' checks if the object is currently in a hydration phase
30
- o.type !== F && Object.keys(o.type)[1] !== "_payload") {
31
- const a = E.isValidElement(o) ? `Currently you are passing a child of type: ${JSON.stringify(o.type)}.` : "Currently you are passing an invalid React element.";
32
- throw new Error(v("DSCheckboxGroup", `The component requires the children to be DSCheckbox elements. ${a} Ensure that you include individual DSCheckbox components within the DSCheckboxGroup to create a cohesive checkbox group.`));
33
- }
34
- });
35
- }, K = (l) => {
36
- const e = z.c(35);
37
- let t, s, r, i, n, o, a, d, c, h, u, m, f, b;
38
- e[0] !== l ? ({
39
- children: t,
40
- legend: n,
41
- className: s,
42
- description: r,
43
- direction: h,
44
- disabled: u,
45
- hideLegend: m,
46
- id: i,
47
- invalid: f,
48
- popoverContent: o,
49
- popoverInfoButtonProps: a,
50
- required: b,
51
- systemFeedback: c,
52
- ...d
53
- } = l, e[0] = l, e[1] = t, e[2] = s, e[3] = r, e[4] = i, e[5] = n, e[6] = o, e[7] = a, e[8] = d, e[9] = c, e[10] = h, e[11] = u, e[12] = m, e[13] = f, e[14] = b) : (t = e[1], s = e[2], r = e[3], i = e[4], n = e[5], o = e[6], a = e[7], d = e[8], c = e[9], h = e[10], u = e[11], m = e[12], f = e[13], b = e[14]);
54
- const N = h === void 0 ? "vertical" : h, D = u === void 0 ? !1 : u, x = m === void 0 ? !1 : m, k = f === void 0 ? !1 : f, S = b === void 0 ? !1 : b;
55
- process.env.NODE_ENV !== "production" && V({
56
- children: t,
57
- description: r,
58
- hideLegend: x,
59
- id: i,
60
- legend: n,
61
- popoverContent: o,
62
- systemFeedback: c
63
- });
64
- const y = N === "horizontal", w = k && !!c;
65
- let C;
66
- e[15] !== y || e[16] !== w ? (C = P(G.root, {
67
- [G.rootHorizontal]: y,
68
- [G.rootInvalid]: w
69
- }), e[15] = y, e[16] = w, e[17] = C) : C = e[17];
70
- const _ = C;
71
- let p;
72
- e[18] !== t || e[19] !== _ ? (p = /* @__PURE__ */ q("div", { className: _, children: t }), e[18] = t, e[19] = _, e[20] = p) : p = e[20];
73
- let g;
74
- return e[21] !== s || e[22] !== r || e[23] !== D || e[24] !== x || e[25] !== i || e[26] !== k || e[27] !== n || e[28] !== o || e[29] !== a || e[30] !== S || e[31] !== d || e[32] !== c || e[33] !== p ? (g = /* @__PURE__ */ q(I, { id: i, legend: n, className: s, description: r, disabled: D, hideLegend: x, required: S, invalid: k, systemFeedback: c, popoverContent: o, popoverInfoButtonProps: a, ...d, children: p }), e[21] = s, e[22] = r, e[23] = D, e[24] = x, e[25] = i, e[26] = k, e[27] = n, e[28] = o, e[29] = a, e[30] = S, e[31] = d, e[32] = c, e[33] = p, e[34] = g) : g = e[34], g;
75
- };
76
- export {
77
- K as D,
78
- V as v
79
- };
@@ -1,157 +0,0 @@
1
- "use client";
2
- import { jsxs as G, jsx as T } from "react/jsx-runtime";
3
- import { d as q } from "./index.cKLI89Eg.js";
4
- import { c as H } from "./index.DQOqod3i.js";
5
- import { forwardRef as U } from "react";
6
- import { t as M } from "./translate.nuU7uChI.js";
7
- import { D as x } from "./Icon.DYtaQgbw.js";
8
- import { Tooltip as N } from "../tooltip.a1aWHK00.js";
9
- import { g as $, r as z } from "./helpers.CexwVao7.js";
10
- import '../assets/Chip.CYhVB1Jh.css';const j = "ds-chip-group_chip_63dcx_1", B = "ds-chip-group_chip--small_63dcx_30", F = {
11
- chip: j,
12
- chipSmall: B
13
- }, se = ({
14
- chips: t,
15
- id: i,
16
- label: e
17
- }) => {
18
- if (!Array.isArray(t))
19
- throw new Error($("DSChipGroup", z("chips", "DSChipGroup")));
20
- if (!i)
21
- throw new Error($("DSChipGroup", 'A unique "id" prop is required when providing the description or systemFeedback property. Please add a unique "id" prop to the DSChipGroup component.'));
22
- if (!e)
23
- throw new Error($("DSChipGroup", z("label", "DSChipGroup")));
24
- }, ne = ["medium", "small"], W = {
25
- disabled: "disabled",
26
- selected: "selected",
27
- notSelected: "not selected",
28
- removed: "removed",
29
- remaining: "remaining",
30
- // {0} is the action (e.g. selectAction/unselectAction)
31
- selectChip: "press space to {0}",
32
- unselectAction: "unselect",
33
- selectAction: "select",
34
- addToSelection: "add this option to selection",
35
- removeFromSelection: "remove this option from selection",
36
- removeChip: "press Backspace to remove the currently focused value",
37
- tooltipDisabled: "Disabled",
38
- tooltipRemovable: "Remove filter",
39
- tooltipDeactivate: "Deactivate property",
40
- tooltipActivate: "Activate property",
41
- // Singular form for item
42
- item_one: "item",
43
- // Plural forms for items
44
- item_other: "items",
45
- // Status message building blocks for screen readers
46
- // {0} is the count, {1} is item_one or item_other, {2} is selected
47
- // Results in messages like "3 items selected"
48
- countSelected: "{0} {1} {2}",
49
- // {0} is the count, {1} is item_one or item_other, {2} is remaining
50
- // Results in messages like "3 items remaining"
51
- countRemaining: "{0} {1} {2}"
52
- }, Z = {
53
- disabled: "deaktiviert",
54
- selected: "ausgewählt",
55
- notSelected: "nicht ausgewählt",
56
- removed: "entfernt",
57
- remaining: "verbleibend",
58
- // {0} is the action (e.g. selectAction/unselectAction)
59
- selectChip: "drücke Leertaste, um {0}",
60
- unselectAction: "abzuwählen",
61
- selectAction: "auszuwählen",
62
- addToSelection: "diese Option zur Auswahl hinzuzufügen",
63
- removeFromSelection: "diese Option aus der Auswahl zu entfernen",
64
- removeChip: "drücke Backspace, um den aktuell fokussierten Wert zu entfernen",
65
- tooltipDisabled: "Deaktiviert",
66
- tooltipRemovable: "Filter entfernen",
67
- tooltipDeactivate: "Eigenschaft deaktivieren",
68
- tooltipActivate: "Eigenschaft aktivieren",
69
- // Singular form for item
70
- item_one: "Element",
71
- // Plural form for items
72
- item_other: "Elemente",
73
- // Status message building blocks for screen readers
74
- // {0} is the count, {1} is item_one or item_other, {2} is selected
75
- // Results in messages like "3 items selected"
76
- countSelected: "{0} {1} {2}",
77
- // {0} is the count, {1} is item_one or item_other, {2} is remaining
78
- // Results in messages like "3 items remaining"
79
- countRemaining: "{0} {1} {2}"
80
- }, J = {
81
- en: W,
82
- de: Z
83
- }, K = (t, i, e, o, n, r) => e ? `${i}, ${t("disabled")}` : r ? `${i}, ${t("removeChip")}` : `${i}, ${o ? `${t("selected")}, ` : ""}${t("selectChip", [t(n === "single" ? o ? "unselectAction" : "selectAction" : o ? "removeFromSelection" : "addToSelection")])}`, Q = (t, i, e, o) => t(o ? "tooltipRemovable" : i ? "tooltipDisabled" : e ? "tooltipDeactivate" : "tooltipActivate"), ae = (t, i) => t(i === 1 ? "item_one" : "item_other"), V = U((t, i) => {
84
- const e = q.c(49);
85
- let o, n, r, p, l, a, s, d, m, h, u, g, C, f, v;
86
- e[0] !== t ? ({
87
- id: p,
88
- label: s,
89
- disableTooltips: o,
90
- groupId: n,
91
- isRemovable: l,
92
- selectionMode: h,
93
- disabled: g,
94
- iconName: r,
95
- isSelected: a,
96
- lang: C,
97
- size: u,
98
- tabIndex: f,
99
- translations: v,
100
- onClick: d,
101
- ...m
102
- } = t, e[0] = t, e[1] = o, e[2] = n, e[3] = r, e[4] = p, e[5] = l, e[6] = a, e[7] = s, e[8] = d, e[9] = m, e[10] = h, e[11] = u, e[12] = g, e[13] = C, e[14] = f, e[15] = v) : (o = e[1], n = e[2], r = e[3], p = e[4], l = e[5], a = e[6], s = e[7], d = e[8], m = e[9], h = e[10], u = e[11], g = e[12], C = e[13], f = e[14], v = e[15]);
103
- const D = g === void 0 ? !1 : g, E = C === void 0 ? "en" : C;
104
- let c, S;
105
- if (e[16] !== o || e[17] !== D || e[18] !== n || e[19] !== r || e[20] !== p || e[21] !== l || e[22] !== a || e[23] !== s || e[24] !== E || e[25] !== d || e[26] !== i || e[27] !== m || e[28] !== h || e[29] !== u || e[30] !== f || e[31] !== v) {
106
- S = /* @__PURE__ */ Symbol.for("react.early_return_sentinel");
107
- e: {
108
- const O = M(v || J[E]), I = u === "small";
109
- let A;
110
- e[34] !== I ? (A = H(F.chip, {
111
- [F.chipSmall]: I
112
- }), e[34] = I, e[35] = A) : A = e[35];
113
- const L = A;
114
- let y;
115
- e[36] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (y = {
116
- display: "contents"
117
- }, e[36] = y) : y = e[36];
118
- let _;
119
- e[37] !== r ? (_ = r && /* @__PURE__ */ T(x, { name: r, "aria-hidden": "true" }), e[37] = r, e[38] = _) : _ = e[38];
120
- let w;
121
- e[39] !== s || e[40] !== _ ? (w = /* @__PURE__ */ G("div", { role: "gridcell", "aria-colindex": 1, style: y, children: [
122
- _,
123
- s
124
- ] }), e[39] = s, e[40] = _, e[41] = w) : w = e[41];
125
- let R;
126
- if (e[42] !== l ? (R = l && /* @__PURE__ */ T(x, { name: "cross" }), e[42] = l, e[43] = R) : R = e[43], c = /* @__PURE__ */ G("div", { role: "row", "aria-label": K(O, s, D, a, h, l), "aria-selected": a && !l, "aria-disabled": D && !l, id: `${n}-chip-${p}`, className: L, tabIndex: f, onClick: d, ref: i, ...m, children: [
127
- w,
128
- R
129
- ] }), !o) {
130
- let b;
131
- e[44] !== c ? (b = /* @__PURE__ */ T(N.Anchor, { children: c }), e[44] = c, e[45] = b) : b = e[45];
132
- const P = /* @__PURE__ */ T(N.Content, { children: Q(O, D, a, l) });
133
- let k;
134
- e[46] !== b || e[47] !== P ? (k = /* @__PURE__ */ G(N, { placement: "top", tooltipOffset: 6, children: [
135
- b,
136
- P
137
- ] }), e[46] = b, e[47] = P, e[48] = k) : k = e[48], S = k;
138
- break e;
139
- }
140
- }
141
- e[16] = o, e[17] = D, e[18] = n, e[19] = r, e[20] = p, e[21] = l, e[22] = a, e[23] = s, e[24] = E, e[25] = d, e[26] = i, e[27] = m, e[28] = h, e[29] = u, e[30] = f, e[31] = v, e[32] = c, e[33] = S;
142
- } else
143
- c = e[32], S = e[33];
144
- return S !== /* @__PURE__ */ Symbol.for("react.early_return_sentinel") ? S : c;
145
- });
146
- V.displayName = "DSChip";
147
- export {
148
- ne as C,
149
- J as D,
150
- Z as a,
151
- W as b,
152
- Q as c,
153
- ae as d,
154
- V as e,
155
- K as g,
156
- se as v
157
- };