@stihl-design-system/components 1.0.0-RC.31 → 1.0.0-RC.34

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 (286) hide show
  1. package/accordion.Dmqocj97.js +12 -0
  2. package/actionbutton.DLQJU6AV.js +12 -0
  3. package/actionlink.DEBrWfN3.js +12 -0
  4. package/{arialiveregions.Fgcshs5k.js → arialiveregions.BUVY9NpY.js} +2 -2
  5. package/assets/Accordion.CzBGud45.css +1 -0
  6. package/assets/Button.C8sNwIeW.css +1 -0
  7. package/assets/Checkbox.CyOw3rXI.css +1 -0
  8. package/assets/CustomReactSelect.E_jJFVew.css +1 -0
  9. package/assets/Dialog.DJkn65Es.css +1 -0
  10. package/assets/Drawer.x3BCQvWE.css +1 -0
  11. package/assets/InputFile.BnIvK65P.css +1 -0
  12. package/assets/InputNumber.BoiCIR1f.css +1 -0
  13. package/assets/InputPassword.Dk3_vNLV.css +1 -0
  14. package/assets/InputSearch.C1_4cVCi.css +1 -0
  15. package/assets/LinkButton.B86yacK5.css +1 -0
  16. package/assets/{MegaMenu.DX9gChtY.css → MegaMenu.D5EtjFeL.css} +1 -1
  17. package/assets/Notification.CvohYEvT.css +1 -0
  18. package/assets/Popover.CXyUaXiO.css +1 -0
  19. package/assets/Select.COxLltX7.css +1 -0
  20. package/assets/Slider.DPEmJ3HD.css +1 -0
  21. package/assets/Stepper.tXJl15yL.css +1 -0
  22. package/assets/{SystemFeedback.RcrPepSZ.css → SystemFeedback.PKzqnXUe.css} +1 -1
  23. package/assets/Textarea.y3MW7VW0.css +1 -0
  24. package/assets/Toast.CGyKXb4V.css +1 -0
  25. package/assets/buttonround.BN3vUDc_.css +1 -0
  26. package/assets/input.DTu4g_iA.css +1 -0
  27. package/assets/logo100years.CQrEg-Vo.css +1 -0
  28. package/assets/step.BeLporJO.css +1 -0
  29. package/assets/switch.B9B-n_3y.css +1 -0
  30. package/assets/tooltip.Co1gWF_0.css +1 -0
  31. package/{asterisk.CR60hx8S.js → asterisk.B2ih8VwF.js} +1 -1
  32. package/{banner.j9YpudOS.js → banner.CI5HnDqD.js} +3 -3
  33. package/breadcrumb.CtwAux3P.js +11 -0
  34. package/button.DHuKanZP.js +13 -0
  35. package/buttonround.CMlmEDaN.js +96 -0
  36. package/checkbox.DwccD0Mp.js +12 -0
  37. package/checkboxgroup.ZiUFfCJ1.js +9 -0
  38. package/chip.B0s_fS8L.js +12 -0
  39. package/chipgroup.Dpu66bo5.js +143 -0
  40. package/chunks/Accordion.CYIfNOWr.js +168 -0
  41. package/chunks/ActionButton.DOYsEHPr.js +180 -0
  42. package/chunks/ActionLink.DbyciN3Y.js +153 -0
  43. package/chunks/{AriaLiveRegions.utils.Cb327d_2.js → AriaLiveRegions.utils.CybNIBSa.js} +2 -2
  44. package/chunks/{Breadcrumb.BGzwzvh8.js → Breadcrumb.BgnpTo01.js} +35 -37
  45. package/chunks/Button.DCZgBNmA.js +142 -0
  46. package/chunks/Checkbox.BcGXAuuP.js +88 -0
  47. package/chunks/{CheckboxGroup.Dy_6tiGk.js → CheckboxGroup.BuFd1luB.js} +5 -5
  48. package/chunks/Chip.D6pubCZV.js +133 -0
  49. package/chunks/{CustomReactSelect.iE5iTdez.js → CustomReactSelect.Dg3wC_VH.js} +484 -473
  50. package/chunks/Dialog.DpqSVrYR.js +102 -0
  51. package/chunks/Drawer.DISWybOa.js +107 -0
  52. package/chunks/{Fieldset.CjIfmN_5.js → Fieldset.DiMtr6Vw.js} +6 -6
  53. package/chunks/Header.7TQL_J9t.js +370 -0
  54. package/chunks/Icon.CDLyB7Pv.js +229 -0
  55. package/chunks/{Input.utils.Cnnzvuk4.js → Input.utils.Dkw7gRrr.js} +17 -17
  56. package/chunks/InputFile.C8nt9Fu8.js +218 -0
  57. package/chunks/InputNumber.CbH1XJfl.js +267 -0
  58. package/chunks/{InputPassword.DC2POUc1.js → InputPassword.DbdjuSiJ.js} +34 -34
  59. package/chunks/InputSearch.joxmugiv.js +173 -0
  60. package/chunks/LinkButton.BZgIGgc8.js +132 -0
  61. package/chunks/MegaMenu.CQbOeaib.js +189 -0
  62. package/chunks/NavigationTabList.G_l0GiUa.js +67 -0
  63. package/chunks/{NavigationTabs.ClpVGcl0.js → NavigationTabs.BwM-6CRm.js} +13 -14
  64. package/chunks/Notification.CrojkJ0E.js +91 -0
  65. package/chunks/Popover.Bb0Pjmvg.js +215 -0
  66. package/chunks/{RadioGroup.peTeMK45.js → RadioGroup.CexC4v2Z.js} +5 -5
  67. package/chunks/Select.BEIdNMML.js +164 -0
  68. package/chunks/{Slider.kyVr7BLk.js → Slider.CR0zYHeZ.js} +70 -71
  69. package/chunks/Stepper.PTQdQBYf.js +152 -0
  70. package/chunks/{SystemFeedback.B9f67mjJ.js → SystemFeedback.CjlARKki.js} +9 -9
  71. package/chunks/Tabs.DyP4whX0.js +83 -0
  72. package/chunks/{Text.DGWeWF1y.js → Text.DpRtTpB4.js} +3 -3
  73. package/chunks/Textarea.Du2RII5u.js +168 -0
  74. package/chunks/Toast.ug_RjGgF.js +76 -0
  75. package/chunks/{arrow-clockwise.BefOjGPg.js → arrow-clockwise.C4iOgjOc.js} +1 -1
  76. package/chunks/{arrow-counterclockwise.C7Ov32BZ.js → arrow-counterclockwise.CgQAuBUe.js} +1 -1
  77. package/chunks/battery-charge-0.DxlgEAto.js +10 -0
  78. package/chunks/battery-charge-100.D0Cax7dU.js +10 -0
  79. package/chunks/{battery.YCg9lYqC.js → battery.6Idoickg.js} +3 -3
  80. package/chunks/bluetooth-off.BzZCh4Q8.js +10 -0
  81. package/chunks/{circle-check-colored.Bye_GwLy.js → circle-check-colored.qP2s3vjI.js} +1 -1
  82. package/chunks/{diamond-exclamationmark-colored.WNKYwZ8q.js → diamond-exclamationmark-colored.CzYiaTZ0.js} +1 -1
  83. package/chunks/document-s.CoOp0kBK.js +10 -0
  84. package/chunks/feather.l1E4nFBx.js +10 -0
  85. package/chunks/file-type-doc.B_RSSYbu.js +10 -0
  86. package/chunks/floating-ui.dom.BT8pKtCQ.js +1005 -0
  87. package/chunks/floating-ui.react.3FjeMiuN.js +1999 -0
  88. package/chunks/helpers.CexwVao7.js +38 -0
  89. package/chunks/{index.CgTHIF3K.js → index.D-sRdssb.js} +1 -1
  90. package/chunks/{index.CEyLAtio.js → index.DL9mof6u.js} +2 -2
  91. package/chunks/{is-animation-disabled.CUl4N3LI.js → is-animation-disabled.B-V_68K-.js} +5 -5
  92. package/chunks/{map.CXgG1iGz.js → map.DNl7PF61.js} +1 -1
  93. package/chunks/moon.5yILPYXs.js +10 -0
  94. package/chunks/muscle.DbNjWasV.js +10 -0
  95. package/chunks/petrol.BGWwCsTw.js +10 -0
  96. package/chunks/sun.CY6ttzTL.js +10 -0
  97. package/chunks/{triangle-exclamationmark-colored.CbVC3Gzi.js → triangle-exclamationmark-colored.e93zvQ6Q.js} +1 -1
  98. package/chunks/upload.BogDfonx.js +10 -0
  99. package/chunks/useBreakpoint.BzR_yaIv.js +42 -0
  100. package/chunks/variants.-R3_RCW8.js +10 -0
  101. package/chunks/weight.DUPu2UT0.js +10 -0
  102. package/combobox.jG5GRA7C.js +65 -0
  103. package/components/ActionButton/ActionButton.d.ts +2 -0
  104. package/components/Button/Button.d.ts +4 -0
  105. package/components/ChipGroup/Chip.d.ts +1 -0
  106. package/components/ChipGroup/ChipGroup.d.ts +4 -0
  107. package/components/ChipGroup/ChipGroup.utils.d.ts +10 -12
  108. package/components/Combobox/Combobox.utils.d.ts +3 -4
  109. package/components/Combobox/CustomReactSelect/CustomReactSelect.d.ts +4 -2
  110. package/components/Header/Header.d.ts +4 -5
  111. package/components/{InputStepper/InputStepper.d.ts → InputNumber/InputNumber.d.ts} +10 -4
  112. package/components/InputNumber/InputNumber.utils.d.ts +13 -0
  113. package/components/LinkButton/LinkButton.d.ts +2 -0
  114. package/components/Logo100Years/Logo100Years.d.ts +1 -0
  115. package/components/Popover/Popover.d.ts +29 -7
  116. package/components/Popover/Popover.utils.d.ts +34 -3
  117. package/components/Scroller/Scroller.d.ts +6 -2
  118. package/components/Stepper/Step.d.ts +33 -0
  119. package/components/Stepper/Step.utils.d.ts +5 -0
  120. package/components/Stepper/Stepper.d.ts +56 -0
  121. package/components/Stepper/Stepper.test.d.ts +1 -0
  122. package/components/Stepper/Stepper.utils.d.ts +30 -0
  123. package/components/Stepper/Stepper.utils.test.d.ts +1 -0
  124. package/components/Tooltip/Tooltip.d.ts +40 -0
  125. package/components/Tooltip/Tooltip.test.d.ts +1 -0
  126. package/components/Tooltip/Tooltip.utils.d.ts +70 -0
  127. package/components/Tooltip/Tooltip.utils.test.d.ts +1 -0
  128. package/components/TopBar/TopBar.d.ts +4 -4
  129. package/components/TopBar/TopBar.utils.d.ts +1 -1
  130. package/customreactselect.BFN8cYJi.js +14 -0
  131. package/dialog.CzM_Cxp0.js +9 -0
  132. package/drawer._A9MQ8Cj.js +9 -0
  133. package/fieldset.CId-NtI5.js +11 -0
  134. package/{filelist.nunJKxkv.js → filelist.DgVuWpR3.js} +23 -24
  135. package/{flag.D_iN8iD6.js → flag.CE32qHPa.js} +3 -3
  136. package/floatingactionbutton.Bsnncudt.js +87 -0
  137. package/header.CelAkqtp.js +12 -0
  138. package/{heading.BXFBZhKv.js → heading.DHLpT4dc.js} +2 -2
  139. package/icon.vzkPwgjZ.js +9 -0
  140. package/index.d.ts +4 -2
  141. package/index.es.js +217 -204
  142. package/input.DuEbg7d6.js +206 -0
  143. package/inputfile.BjgJGefV.js +17 -0
  144. package/inputnumber.BcrxBVv0.js +16 -0
  145. package/inputnumber.d.ts +2 -0
  146. package/inputpassword.CddmBW-T.js +13 -0
  147. package/inputsearch.CFOASqrd.js +14 -0
  148. package/link.f8MMZo-w.js +81 -0
  149. package/linkbutton.BYAvi-_V.js +12 -0
  150. package/{logo.C96KaG1P.js → logo.DprmD8HU.js} +3 -3
  151. package/logo100years.B4d_DIiB.js +24 -0
  152. package/logo100years.d.ts +2 -0
  153. package/megamenu.Cy9Cc-mC.js +12 -0
  154. package/navigationtablist.CkkLyHrM.js +10 -0
  155. package/navigationtabs.Dp7D2fnc.js +9 -0
  156. package/notification.B-norGiB.js +10 -0
  157. package/{numberindicator.Ddf3ESi7.js → numberindicator.BdnPMogE.js} +2 -2
  158. package/{optioncheckbox.D97W3zeW.js → optioncheckbox.nBVwGv6c.js} +3 -3
  159. package/package.json +41 -51
  160. package/partials/index.js +58 -52
  161. package/partials/lib/partials.d.ts +1 -1
  162. package/popover.DFVDZY-m.js +12 -0
  163. package/{radio.7_N_alaS.js → radio.DHUfSPai.js} +2 -2
  164. package/radiogroup.DaThoMfq.js +11 -0
  165. package/scroller.Cu7H_VCT.js +98 -0
  166. package/select.CMdKf7tC.js +13 -0
  167. package/{skiptocontent._F-d8y5b.js → skiptocontent.CHVh0hbr.js} +4 -4
  168. package/slider.C5dK6KcG.js +11 -0
  169. package/{spinner.Dht6FspZ.js → spinner.C9qCeq0R.js} +18 -18
  170. package/step.DKf4CHGr.js +82 -0
  171. package/step.d.ts +6 -0
  172. package/stepper.CCP_igpJ.js +16 -0
  173. package/stepper.d.ts +2 -0
  174. package/{switch.B37S4vfP.js → switch.Bqdyzi2E.js} +5 -5
  175. package/systemfeedback.O7tj1juR.js +10 -0
  176. package/tablist.DZgo49nZ.js +209 -0
  177. package/{tabpane.CB-eudyw.js → tabpane.C4nsUlwc.js} +2 -2
  178. package/tabs.BkoT7feH.js +11 -0
  179. package/text.cLv2PhjQ.js +10 -0
  180. package/textarea.DMn20z4p.js +13 -0
  181. package/{title.Bz_k5Vda.js → title.DuLPB-VK.js} +2 -2
  182. package/toast.Dvs8woTH.js +11 -0
  183. package/toastmanager.pi_Fhd5t.js +89 -0
  184. package/tooltip.QJe_bfO-.js +178 -0
  185. package/tooltip.d.ts +2 -0
  186. package/topbar.Bxwvp9Lf.js +12 -0
  187. package/types/icon-types.d.ts +1 -1
  188. package/types/prettier-plugin-organize-imports.d.ts +1 -0
  189. package/utils/index.d.ts +1 -0
  190. package/utils/mergeRefs.d.ts +5 -0
  191. package/utils/mergeRefs.test.d.ts +1 -0
  192. package/accordion.DkwtJy--.js +0 -12
  193. package/actionbutton.u1qp8oGC.js +0 -11
  194. package/actionlink.C7HzeIVa.js +0 -11
  195. package/assets/Accordion.BJb4TOG0.css +0 -1
  196. package/assets/Button.Dw8H5nFS.css +0 -1
  197. package/assets/Checkbox.BKHQN_tu.css +0 -1
  198. package/assets/CustomReactSelect.D0b1Hg1T.css +0 -1
  199. package/assets/Dialog.CGAg7bnN.css +0 -1
  200. package/assets/Drawer.VOvWQoEr.css +0 -1
  201. package/assets/InputFile.CCQxsulT.css +0 -1
  202. package/assets/InputPassword.124xVOiO.css +0 -1
  203. package/assets/InputSearch.Bkg-1urJ.css +0 -1
  204. package/assets/InputStepper.Dth4qZN_.css +0 -1
  205. package/assets/LinkButton.xMvg_ojf.css +0 -1
  206. package/assets/Notification.BOuaA5GT.css +0 -1
  207. package/assets/Popover.BDTDsPAt.css +0 -1
  208. package/assets/Select.CYACicZ3.css +0 -1
  209. package/assets/Slider.DzwSjDPV.css +0 -1
  210. package/assets/Textarea.BXWhXpXx.css +0 -1
  211. package/assets/Toast.CJ1zhDIT.css +0 -1
  212. package/assets/buttonround.Cw9hnUan.css +0 -1
  213. package/assets/input.ONbL-_C1.css +0 -1
  214. package/assets/switch.Bc9KIyw9.css +0 -1
  215. package/breadcrumb.BS-S3zUI.js +0 -11
  216. package/button.CPilCCUI.js +0 -12
  217. package/buttonround.C426mO4d.js +0 -81
  218. package/checkbox.BtlUvs0z.js +0 -12
  219. package/checkboxgroup.C5NgyyQF.js +0 -9
  220. package/chip.tVIG1ysH.js +0 -11
  221. package/chipgroup.CjIK0Z0x.js +0 -209
  222. package/chunks/Accordion.C5V5IcM-.js +0 -170
  223. package/chunks/ActionButton.B8zFwOrJ.js +0 -165
  224. package/chunks/ActionLink.IX6oRXU3.js +0 -138
  225. package/chunks/Button.B7xF1E19.js +0 -127
  226. package/chunks/Checkbox.DxV7-F5W.js +0 -88
  227. package/chunks/Chip.31UfPwQF.js +0 -119
  228. package/chunks/Dialog.B_2pKRnd.js +0 -135
  229. package/chunks/Drawer.HFlBTcqN.js +0 -140
  230. package/chunks/Header.DqZRryB5.js +0 -366
  231. package/chunks/Icon.DGTYCv63.js +0 -231
  232. package/chunks/InputFile.DvOatDzg.js +0 -220
  233. package/chunks/InputSearch.B0aCuPRZ.js +0 -174
  234. package/chunks/InputStepper.D_1YqlWl.js +0 -263
  235. package/chunks/LinkButton.DdTspmJz.js +0 -117
  236. package/chunks/MegaMenu.BY7eOnhj.js +0 -189
  237. package/chunks/NavigationTabList.dYFYTmWv.js +0 -57
  238. package/chunks/Notification.DIdIhGTQ.js +0 -92
  239. package/chunks/Popover.NGetxKGg.js +0 -159
  240. package/chunks/Select.BDHLJ2ma.js +0 -162
  241. package/chunks/Tabs.CkVL8Jw8.js +0 -83
  242. package/chunks/Textarea.ORkJUx-S.js +0 -163
  243. package/chunks/Toast.DHo4pLH3.js +0 -76
  244. package/chunks/file-type-doc.DlovDOBh.js +0 -10
  245. package/chunks/floating-ui.dom.C9TD1WpB.js +0 -950
  246. package/chunks/floating-ui.react.x0F9CYgn.js +0 -1637
  247. package/chunks/helpers.BbWkXTr3.js +0 -37
  248. package/chunks/petrol.Du6qAgp0.js +0 -10
  249. package/chunks/upload.ZImTAIgx.js +0 -10
  250. package/chunks/useBreakpoint.CMOR9ZOB.js +0 -44
  251. package/combobox.Bk2ycofh.js +0 -60
  252. package/components/InputStepper/InputStepper.utils.d.ts +0 -12
  253. package/customreactselect.Hnch9LGg.js +0 -14
  254. package/dialog.7sWoqGwL.js +0 -10
  255. package/drawer.DsF4KIPn.js +0 -10
  256. package/fieldset.DUFUMcT-.js +0 -11
  257. package/floatingactionbutton.DOH2k0gv.js +0 -72
  258. package/header.QpNjE3N-.js +0 -12
  259. package/icon.vMQcEBnH.js +0 -9
  260. package/input.BKHOY118.js +0 -203
  261. package/inputfile.DK8759wV.js +0 -17
  262. package/inputpassword.rV_ZZw5F.js +0 -13
  263. package/inputsearch.CmhakTpa.js +0 -14
  264. package/inputstepper.Y-YzUHhF.js +0 -16
  265. package/inputstepper.d.ts +0 -2
  266. package/link.D_FjTyoZ.js +0 -66
  267. package/linkbutton.D2C4vykc.js +0 -11
  268. package/megamenu.CdHrEeoh.js +0 -12
  269. package/navigationtablist.CVjh1k-b.js +0 -9
  270. package/navigationtabs.BGfi9AG2.js +0 -9
  271. package/notification.Dn-FZWEL.js +0 -10
  272. package/popover.DXxm1oWI.js +0 -11
  273. package/radiogroup.J8WpEEo8.js +0 -11
  274. package/scroller.BiRLQg__.js +0 -123
  275. package/select.DIzGPVx3.js +0 -13
  276. package/slider.DuJK0RdB.js +0 -11
  277. package/systemfeedback.C_2PhwKe.js +0 -10
  278. package/tablist.g_Nwu6GA.js +0 -256
  279. package/tabs.oh9-wHPp.js +0 -11
  280. package/text.ZOUuesnU.js +0 -10
  281. package/textarea.dQ12-oYB.js +0 -13
  282. package/toast.sMNbfKxi.js +0 -11
  283. package/toastmanager.CVamaS5T.js +0 -116
  284. package/topbar.Dhy_TL0U.js +0 -11
  285. /package/components/{InputStepper/InputStepper.test.d.ts → InputNumber/InputNumber.test.d.ts} +0 -0
  286. /package/components/{InputStepper/InputStepper.utils.test.d.ts → InputNumber/InputNumberutils.test.d.ts} +0 -0
@@ -1,88 +0,0 @@
1
- "use client";
2
- import { jsxs as f, jsx as t } from "react/jsx-runtime";
3
- import { c as p } from "./index.CEyLAtio.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.CMOR9ZOB.js";
6
- import "./index.CgTHIF3K.js";
7
- import { D as x } from "./Icon.DGTYCv63.js";
8
- import { D as L } from "./SystemFeedback.B9f67mjJ.js";
9
- import { g as C } from "./helpers.BbWkXTr3.js";
10
- import '../assets/Checkbox.BKHQN_tu.css';const O = "ds-checkbox_root_1tuqo_1", U = "ds-checkbox_root--disabled_1tuqo_21", z = "ds-checkbox_checkbox_1tuqo_25", F = "ds-checkbox_icon-check_1tuqo_41", J = "ds-checkbox_icon-minus_1tuqo_42", K = "ds-checkbox_checkbox--invalid_1tuqo_66", Q = "ds-checkbox_label--hidden_1tuqo_71", R = "ds-checkbox_input_1tuqo_84", T = "ds-checkbox_label_1tuqo_71", W = "ds-checkbox_feedback_1tuqo_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: a,
24
- invalid: n,
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 && n && !a)
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: a,
34
- checked: n,
35
- className: b,
36
- defaultChecked: D = !1,
37
- disabled: r = !1,
38
- hideLabel: q = !1,
39
- id: h,
40
- indeterminate: m = !1,
41
- invalid: s = !1,
42
- systemFeedback: i,
43
- onChange: u,
44
- ...N
45
- }, l) => {
46
- process.env.NODE_ENV !== "production" && X({
47
- label: c,
48
- id: h,
49
- invalid: s,
50
- systemFeedback: i
51
- });
52
- const d = B(null), [S, y] = H(D), v = A(q);
53
- V(() => {
54
- d && d.current && (d.current.indeterminate = m);
55
- }, [m]);
56
- const k = n !== void 0, w = k ? n : S, _ = `${h}-feedback`, g = [s && i && _, s && a && `${a}-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]: v
61
- }), M = p(e.checkbox, {
62
- [e.checkboxInvalid]: s
63
- }), P = $((o) => {
64
- if (r) {
65
- o.preventDefault();
66
- return;
67
- }
68
- k || y(o.target.checked), u && u(o);
69
- }, [r, k, u]);
70
- return /* @__PURE__ */ f("div", { className: b, children: [
71
- /* @__PURE__ */ f("label", { className: E, children: [
72
- /* @__PURE__ */ t("input", { id: h, type: "checkbox", className: e.input, ref: (o) => {
73
- typeof l == "function" ? l(o) : l !== null && (l.current = o), d.current = o;
74
- }, ...N, checked: w, disabled: r, "aria-label": c, "aria-describedby": g, "aria-invalid": s, onChange: P }),
75
- /* @__PURE__ */ f("div", { className: M, children: [
76
- /* @__PURE__ */ t(x, { name: "check", className: e.iconCheck, "aria-hidden": "true" }),
77
- /* @__PURE__ */ t(x, { name: "minus", className: e.iconMinus, "aria-hidden": "true" })
78
- ] }),
79
- /* @__PURE__ */ t("span", { className: I, children: c })
80
- ] }),
81
- s && i && /* @__PURE__ */ t(L, { id: _, variant: "error", className: e.feedback, message: i })
82
- ] });
83
- });
84
- Y.displayName = "DSCheckbox";
85
- export {
86
- Y as D,
87
- X as v
88
- };
@@ -1,119 +0,0 @@
1
- "use client";
2
- import { jsxs as F, jsx as q } from "react/jsx-runtime";
3
- import { d as B } from "./index.CgTHIF3K.js";
4
- import { c as W } from "./index.CEyLAtio.js";
5
- import { forwardRef as Z } from "react";
6
- import { t as J } from "./translate.nuU7uChI.js";
7
- import { D as H } from "./Icon.DGTYCv63.js";
8
- import { g as x, r as U } from "./helpers.BbWkXTr3.js";
9
- import { g as K } from "./AriaLiveRegions.utils.Cb327d_2.js";
10
- import '../assets/Chip.dxIYIjj7.css';const Q = "ds-chip-group_chip_aidwn_1", V = "ds-chip-group_chip--small_aidwn_30", M = {
11
- chip: Q,
12
- chipSmall: V
13
- }, me = ({
14
- chips: t,
15
- id: l,
16
- label: e
17
- }) => {
18
- if (!Array.isArray(t))
19
- throw new Error(x("DSChipGroup", U("chips", "DSChipGroup")));
20
- if (!l)
21
- throw new Error(x("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(x("DSChipGroup", U("label", "DSChipGroup")));
24
- }, ue = () => {
25
- if (!K())
26
- throw new Error(x("DSChipGroup", 'The DSAriaLiveRegions component has to be placed at the root of your application, as close to the "body" as possible, e.g. in your "App.tsx" or "layout.tsx".'));
27
- }, fe = ["medium", "small"], X = {
28
- disabled: "disabled",
29
- selected: "selected",
30
- // {0} is the action (e.g., select/unselect)
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
- titleDisabled: "Disabled",
38
- titleRemovable: "Remove filter",
39
- titleDeactivate: "Deactivate property",
40
- titleActivate: "Activate property"
41
- }, Y = {
42
- disabled: "deaktiviert",
43
- selected: "ausgewählt",
44
- // {0} is the action (e.g., select/unselect)
45
- selectChip: "drücke Leertaste, um {0}",
46
- unselectAction: "abzuwählen",
47
- selectAction: "auszuwählen",
48
- addToSelection: "diese Option zur Auswahl hinzuzufügen",
49
- removeFromSelection: "diese Option aus der Auswahl zu entfernen",
50
- removeChip: "drücke Backspace, um den aktuell fokussierten Wert zu entfernen",
51
- titleDisabled: "Deaktiviert",
52
- titleRemovable: "Filter entfernen",
53
- titleDeactivate: "Eigenschaft deaktivieren",
54
- titleActivate: "Eigenschaft aktivieren"
55
- }, ee = {
56
- en: X,
57
- de: Y
58
- }, te = (t, l, e, i, o, a) => e ? `${l}, ${t("disabled")}` : a ? `${l}, ${t("removeChip")}` : `${l}, ${i ? `${t("selected")}, ` : ""}${t("selectChip", [t(o === "single" ? i ? "unselectAction" : "selectAction" : i ? "removeFromSelection" : "addToSelection")])}`, ie = (t, l, e, i) => t(l ? "titleDisabled" : i ? "titleRemovable" : e ? "titleDeactivate" : "titleActivate"), se = Z((t, l) => {
59
- const e = B.c(63);
60
- let i, o, a, s, n, r, c, p, d, h, I, G, m, T;
61
- e[0] !== t ? ({
62
- id: a,
63
- label: r,
64
- groupId: i,
65
- isRemovable: s,
66
- selectionMode: d,
67
- disabled: I,
68
- iconName: o,
69
- isSelected: n,
70
- lang: G,
71
- size: h,
72
- tabIndex: m,
73
- translations: T,
74
- onClick: c,
75
- ...p
76
- } = t, e[0] = t, e[1] = i, e[2] = o, e[3] = a, e[4] = s, e[5] = n, e[6] = r, e[7] = c, e[8] = p, e[9] = d, e[10] = h, e[11] = I, e[12] = G, e[13] = m, e[14] = T) : (i = e[1], o = e[2], a = e[3], s = e[4], n = e[5], r = e[6], c = e[7], p = e[8], d = e[9], h = e[10], I = e[11], G = e[12], m = e[13], T = e[14]);
77
- const P = I === void 0 ? !1 : I, O = T || ee[G === void 0 ? "en" : G];
78
- let u, f, v, S, D, b, g, C, A, _, w;
79
- if (e[15] !== P || e[16] !== i || e[17] !== a || e[18] !== s || e[19] !== n || e[20] !== r || e[21] !== c || e[22] !== l || e[23] !== p || e[24] !== d || e[25] !== h || e[26] !== O || e[27] !== m) {
80
- const L = J(O), z = h === "small";
81
- let $;
82
- e[39] !== z ? ($ = W(M.chip, {
83
- [M.chipSmall]: z
84
- }), e[39] = z, e[40] = $) : $ = e[40];
85
- const j = $;
86
- b = "row", g = te(L, r, P, n, d, s), C = n && !s, A = P && !s, _ = `${i}-chip-${a}`, w = j, u = m, f = c, v = l, S = p, D = ie(L, P, n, s), e[15] = P, e[16] = i, e[17] = a, e[18] = s, e[19] = n, e[20] = r, e[21] = c, e[22] = l, e[23] = p, e[24] = d, e[25] = h, e[26] = O, e[27] = m, e[28] = u, e[29] = f, e[30] = v, e[31] = S, e[32] = D, e[33] = b, e[34] = g, e[35] = C, e[36] = A, e[37] = _, e[38] = w;
87
- } else
88
- u = e[28], f = e[29], v = e[30], S = e[31], D = e[32], b = e[33], g = e[34], C = e[35], A = e[36], _ = e[37], w = e[38];
89
- let E;
90
- e[41] === Symbol.for("react.memo_cache_sentinel") ? (E = {
91
- display: "contents"
92
- }, e[41] = E) : E = e[41];
93
- let y;
94
- e[42] !== o ? (y = o && /* @__PURE__ */ q(H, { name: o, "aria-hidden": "true" }), e[42] = o, e[43] = y) : y = e[43];
95
- let R;
96
- e[44] !== r || e[45] !== y ? (R = /* @__PURE__ */ F("div", { role: "gridcell", "aria-colindex": 1, style: E, children: [
97
- y,
98
- r
99
- ] }), e[44] = r, e[45] = y, e[46] = R) : R = e[46];
100
- let k;
101
- e[47] !== s ? (k = s && /* @__PURE__ */ q(H, { name: "cross" }), e[47] = s, e[48] = k) : k = e[48];
102
- let N;
103
- return e[49] !== u || e[50] !== f || e[51] !== v || e[52] !== S || e[53] !== D || e[54] !== R || e[55] !== k || e[56] !== b || e[57] !== g || e[58] !== C || e[59] !== A || e[60] !== _ || e[61] !== w ? (N = /* @__PURE__ */ F("div", { role: b, "aria-label": g, "aria-selected": C, "aria-disabled": A, id: _, className: w, tabIndex: u, onClick: f, ref: v, ...S, title: D, children: [
104
- R,
105
- k
106
- ] }), e[49] = u, e[50] = f, e[51] = v, e[52] = S, e[53] = D, e[54] = R, e[55] = k, e[56] = b, e[57] = g, e[58] = C, e[59] = A, e[60] = _, e[61] = w, e[62] = N) : N = e[62], N;
107
- });
108
- se.displayName = "DSChip";
109
- export {
110
- fe as C,
111
- X as D,
112
- ue as a,
113
- Y as b,
114
- ee as c,
115
- ie as d,
116
- se as e,
117
- te as g,
118
- me as v
119
- };
@@ -1,135 +0,0 @@
1
- "use client";
2
- import { jsx as F, jsxs as Z } from "react/jsx-runtime";
3
- import { d as ee } from "./index.CgTHIF3K.js";
4
- import { c as W } from "./index.CEyLAtio.js";
5
- import { useRef as Q, useState as oe, useEffect as U } from "react";
6
- import { D as te } from "./Button.B7xF1E19.js";
7
- import { g as le } from "./helpers.BbWkXTr3.js";
8
- import '../assets/Dialog.CGAg7bnN.css';const se = "ds-dialog_root_kvopn_5", ne = "ds-dialog_content-wrapper_kvopn_166", re = "ds-dialog_content-wrapper--no-footer_kvopn_172", ce = "ds-dialog_close-button_kvopn_180", ae = "ds-dialog_header_kvopn_193", ie = "ds-dialog_content_kvopn_166", de = "ds-dialog_footer_kvopn_195", fe = "ds-dialog_header--scrollable_kvopn_216", pe = "ds-dialog_header--close-button_kvopn_225", ue = "ds-dialog_content--no-footer_kvopn_238", he = "ds-dialog_footer--scrollable_kvopn_245", t = {
9
- root: se,
10
- contentWrapper: ne,
11
- contentWrapperNoFooter: re,
12
- closeButton: ce,
13
- header: ae,
14
- content: ie,
15
- footer: de,
16
- headerScrollable: fe,
17
- headerCloseButton: pe,
18
- contentNoFooter: ue,
19
- footerScrollable: he
20
- }, _e = ({
21
- tabIndex: c
22
- }) => {
23
- if (c || c === 0)
24
- throw new Error(le("DSDialog", "Do not pass the tabindex property to the DSDialog component as it is not interactive and does not receive focus. The DSDialogs contents, including the close button contained in the DSDialog, can receive focus and be interactive."));
25
- }, De = (c) => {
26
- const e = ee.c(59);
27
- let a, i, d, l, f, s, n, C, E, w;
28
- e[0] !== c ? ({
29
- children: a,
30
- className: i,
31
- closeButtonProps: d,
32
- disableBackdropClose: C,
33
- footer: l,
34
- header: f,
35
- hideCloseButton: E,
36
- isOpen: w,
37
- onClose: s,
38
- ...n
39
- } = c, e[0] = c, e[1] = a, e[2] = i, e[3] = d, e[4] = l, e[5] = f, e[6] = s, e[7] = n, e[8] = C, e[9] = E, e[10] = w) : (a = e[1], i = e[2], d = e[3], l = e[4], f = e[5], s = e[6], n = e[7], C = e[8], E = e[9], w = e[10]);
40
- const H = C === void 0 ? !1 : C, y = E === void 0 ? !1 : E, O = w === void 0 ? !1 : w;
41
- if (process.env.NODE_ENV !== "production") {
42
- const {
43
- tabIndex: o
44
- } = n;
45
- _e({
46
- tabIndex: o
47
- });
48
- }
49
- let p;
50
- e[11] !== d ? (p = d || {}, e[11] = d, e[12] = p) : p = e[12];
51
- let u, x;
52
- e[13] !== p ? ({
53
- label: x,
54
- ...u
55
- } = p, e[13] = p, e[14] = u, e[15] = x) : (u = e[14], x = e[15]);
56
- const I = x === void 0 ? "Close dialog" : x, r = Q(null), A = Q(null), [h, X] = oe(!1);
57
- let R, z;
58
- e[16] === Symbol.for("react.memo_cache_sentinel") ? (R = () => {
59
- const o = A.current;
60
- if (o) {
61
- const J = () => {
62
- X(o.scrollHeight > o.clientHeight);
63
- };
64
- J();
65
- const K = new ResizeObserver(J);
66
- return K.observe(o), () => {
67
- K.disconnect();
68
- };
69
- }
70
- }, z = [], e[16] = R, e[17] = z) : (R = e[16], z = e[17]), U(R, z);
71
- let L;
72
- e[18] !== O || e[19] !== s ? (L = [O, s], e[18] = O, e[19] = s, e[20] = L) : L = e[20], U(() => {
73
- const o = r.current;
74
- if (o)
75
- return o.addEventListener("close", G), O ? o.showModal() : o.close(), () => {
76
- o.removeEventListener("close", G);
77
- };
78
- }, L);
79
- const G = () => {
80
- s && s();
81
- };
82
- let M;
83
- e[21] !== H ? (M = (o) => {
84
- H || r.current && o.target === r.current && r.current.close();
85
- }, e[21] = H, e[22] = M) : M = e[22];
86
- const T = M;
87
- let P;
88
- e[23] === Symbol.for("react.memo_cache_sentinel") ? (P = () => {
89
- r.current && r.current.close();
90
- }, e[23] = P) : P = e[23];
91
- const Y = P;
92
- let _;
93
- e[24] !== i ? (_ = W(t.root, i), e[24] = i, e[25] = _) : _ = e[25];
94
- let m;
95
- e[26] !== T ? (m = (o) => T(o), e[26] = T, e[27] = m) : m = e[27];
96
- const V = !l;
97
- let v;
98
- e[28] !== V ? (v = W(t.contentWrapper, {
99
- [t.contentWrapperNoFooter]: V
100
- }), e[28] = V, e[29] = v) : v = e[29];
101
- let g;
102
- e[30] !== y || e[31] !== I || e[32] !== u ? (g = !y && /* @__PURE__ */ F(te, { ...u, className: t.closeButton, hideLabel: !0, iconName: "cross", size: "small", type: "button", variant: "ghost", onClick: () => Y(), children: I }), e[30] = y, e[31] = I, e[32] = u, e[33] = g) : g = e[33];
103
- const $ = !y;
104
- let b;
105
- e[34] !== h || e[35] !== $ ? (b = W(t.header, {
106
- [t.headerCloseButton]: $,
107
- [t.headerScrollable]: h
108
- }), e[34] = h, e[35] = $, e[36] = b) : b = e[36];
109
- let S;
110
- e[37] !== f || e[38] !== b ? (S = /* @__PURE__ */ F("header", { className: b, children: f }), e[37] = f, e[38] = b, e[39] = S) : S = e[39];
111
- const q = !l;
112
- let k;
113
- e[40] !== q ? (k = W(t.content, {
114
- [t.contentNoFooter]: q
115
- }), e[40] = q, e[41] = k) : k = e[41];
116
- let D;
117
- e[42] !== a || e[43] !== k ? (D = /* @__PURE__ */ F("div", { ref: A, className: k, tabIndex: 0, children: a }), e[42] = a, e[43] = k, e[44] = D) : D = e[44];
118
- let N;
119
- e[45] !== l || e[46] !== h ? (N = l && /* @__PURE__ */ F("footer", { className: W(t.footer, {
120
- [t.footerScrollable]: h
121
- }), children: l }), e[45] = l, e[46] = h, e[47] = N) : N = e[47];
122
- let B;
123
- e[48] !== v || e[49] !== g || e[50] !== S || e[51] !== D || e[52] !== N ? (B = /* @__PURE__ */ Z("div", { className: v, children: [
124
- g,
125
- S,
126
- D,
127
- N
128
- ] }), e[48] = v, e[49] = g, e[50] = S, e[51] = D, e[52] = N, e[53] = B) : B = e[53];
129
- let j;
130
- return e[54] !== n || e[55] !== _ || e[56] !== m || e[57] !== B ? (j = /* @__PURE__ */ F("dialog", { ...n, ref: r, className: _, onMouseDown: m, "aria-modal": "true", children: B }), e[54] = n, e[55] = _, e[56] = m, e[57] = B, e[58] = j) : j = e[58], j;
131
- };
132
- export {
133
- De as D,
134
- _e as v
135
- };
@@ -1,140 +0,0 @@
1
- "use client";
2
- import { jsx as x, jsxs as oe } from "react/jsx-runtime";
3
- import { d as re } from "./index.CgTHIF3K.js";
4
- import { c as F } from "./index.CEyLAtio.js";
5
- import { useRef as X, useState as se, useEffect as Y } from "react";
6
- import { D as ne } from "./Button.B7xF1E19.js";
7
- import { g as le } from "./helpers.BbWkXTr3.js";
8
- import '../assets/Drawer.VOvWQoEr.css';const ce = "ds-drawer_root_4nbv0_10", ae = "ds-drawer_root--end_4nbv0_68", ie = "ds-drawer_content-wrapper_4nbv0_169", de = "ds-drawer_content-wrapper--no-footer_4nbv0_175", fe = "ds-drawer_close-button_4nbv0_178", _e = "ds-drawer_header_4nbv0_191", pe = "ds-drawer_content_4nbv0_169", ue = "ds-drawer_footer_4nbv0_193", be = "ds-drawer_header--scrollable_4nbv0_214", he = "ds-drawer_header--close-button_4nbv0_223", me = "ds-drawer_content--no-footer_4nbv0_237", ve = "ds-drawer_footer--scrollable_4nbv0_244", o = {
9
- root: ce,
10
- rootEnd: ae,
11
- contentWrapper: ie,
12
- contentWrapperNoFooter: de,
13
- closeButton: fe,
14
- header: _e,
15
- content: pe,
16
- footer: ue,
17
- headerScrollable: be,
18
- headerCloseButton: he,
19
- contentNoFooter: me,
20
- footerScrollable: ve
21
- }, ge = ["start", "end"], we = ({
22
- tabIndex: c
23
- }) => {
24
- if (c || c === 0)
25
- throw new Error(le("DSDrawer", "Do not pass the tabindex property to the DSDrawer component as it is not interactive and does not receive focus. The DSDrawers contents, including the close button contained in the DSDrawer, can receive focus and be interactive."));
26
- }, ke = (c) => {
27
- const e = re.c(61);
28
- let a, i, d, r, f, s, n, E, g, k, O;
29
- e[0] !== c ? ({
30
- children: a,
31
- className: i,
32
- closeButtonProps: d,
33
- disableBackdropClose: E,
34
- footer: r,
35
- header: f,
36
- hideCloseButton: g,
37
- position: k,
38
- isOpen: O,
39
- onClose: s,
40
- ...n
41
- } = c, e[0] = c, e[1] = a, e[2] = i, e[3] = d, e[4] = r, e[5] = f, e[6] = s, e[7] = n, e[8] = E, e[9] = g, e[10] = k, e[11] = O) : (a = e[1], i = e[2], d = e[3], r = e[4], f = e[5], s = e[6], n = e[7], E = e[8], g = e[9], k = e[10], O = e[11]);
42
- const H = E === void 0 ? !1 : E, R = g === void 0 ? !1 : g, Z = k === void 0 ? "start" : k, y = O === void 0 ? !1 : O;
43
- if (process.env.NODE_ENV !== "production") {
44
- const {
45
- tabIndex: t
46
- } = n;
47
- we({
48
- tabIndex: t
49
- });
50
- }
51
- let _;
52
- e[12] !== d ? (_ = d || {}, e[12] = d, e[13] = _) : _ = e[13];
53
- let p, W;
54
- e[14] !== _ ? ({
55
- label: W,
56
- ...p
57
- } = _, e[14] = _, e[15] = p, e[16] = W) : (p = e[15], W = e[16]);
58
- const T = W === void 0 ? "Close modal" : W, l = X(null), J = X(null), [u, ee] = se(!1);
59
- let I, P;
60
- e[17] === Symbol.for("react.memo_cache_sentinel") ? (I = () => {
61
- const t = J.current;
62
- if (t) {
63
- const Q = () => {
64
- ee(t.scrollHeight > t.clientHeight);
65
- };
66
- Q();
67
- const U = new ResizeObserver(Q);
68
- return U.observe(t), () => {
69
- U.disconnect();
70
- };
71
- }
72
- }, P = [], e[17] = I, e[18] = P) : (I = e[17], P = e[18]), Y(I, P);
73
- let z;
74
- e[19] !== y || e[20] !== s ? (z = [y, s], e[19] = y, e[20] = s, e[21] = z) : z = e[21], Y(() => {
75
- const t = l.current;
76
- if (t)
77
- return t.addEventListener("close", K), y ? t.showModal() : t.close(), () => {
78
- t.removeEventListener("close", K);
79
- };
80
- }, z);
81
- const K = () => {
82
- s && s();
83
- };
84
- let L;
85
- e[22] !== H ? (L = (t) => {
86
- H || l.current && t.target === l.current && l.current.close();
87
- }, e[22] = H, e[23] = L) : L = e[23];
88
- const A = L;
89
- let M;
90
- e[24] === Symbol.for("react.memo_cache_sentinel") ? (M = () => {
91
- l.current && l.current.close();
92
- }, e[24] = M) : M = e[24];
93
- const te = M, V = Z === "end";
94
- let b;
95
- e[25] !== V ? (b = F(o.root, {
96
- [o.rootEnd]: V
97
- }), e[25] = V, e[26] = b) : b = e[26];
98
- let h;
99
- e[27] !== A ? (h = (t) => A(t), e[27] = A, e[28] = h) : h = e[28];
100
- const $ = !r;
101
- let m;
102
- e[29] !== i || e[30] !== $ ? (m = F(o.contentWrapper, i, {
103
- [o.contentWrapperNoFooter]: $
104
- }), e[29] = i, e[30] = $, e[31] = m) : m = e[31];
105
- let v;
106
- e[32] !== R || e[33] !== T || e[34] !== p ? (v = !R && /* @__PURE__ */ x(ne, { ...p, className: o.closeButton, hideLabel: !0, iconName: "cross", size: "small", type: "button", variant: "ghost", onClick: () => te(), children: T }), e[32] = R, e[33] = T, e[34] = p, e[35] = v) : v = e[35];
107
- const q = !R;
108
- let w;
109
- e[36] !== u || e[37] !== q ? (w = F(o.header, {
110
- [o.headerCloseButton]: q,
111
- [o.headerScrollable]: u
112
- }), e[36] = u, e[37] = q, e[38] = w) : w = e[38];
113
- let S;
114
- e[39] !== f || e[40] !== w ? (S = /* @__PURE__ */ x("header", { className: w, children: f }), e[39] = f, e[40] = w, e[41] = S) : S = e[41];
115
- const G = !r;
116
- let D;
117
- e[42] !== G ? (D = F(o.content, {
118
- [o.contentNoFooter]: G
119
- }), e[42] = G, e[43] = D) : D = e[43];
120
- let N;
121
- e[44] !== a || e[45] !== D ? (N = /* @__PURE__ */ x("div", { ref: J, className: D, tabIndex: 0, children: a }), e[44] = a, e[45] = D, e[46] = N) : N = e[46];
122
- let B;
123
- e[47] !== r || e[48] !== u ? (B = r && /* @__PURE__ */ x("footer", { className: F(o.footer, {
124
- [o.footerScrollable]: u
125
- }), children: r }), e[47] = r, e[48] = u, e[49] = B) : B = e[49];
126
- let C;
127
- e[50] !== m || e[51] !== v || e[52] !== S || e[53] !== N || e[54] !== B ? (C = /* @__PURE__ */ oe("div", { className: m, children: [
128
- v,
129
- S,
130
- N,
131
- B
132
- ] }), e[50] = m, e[51] = v, e[52] = S, e[53] = N, e[54] = B, e[55] = C) : C = e[55];
133
- let j;
134
- return e[56] !== n || e[57] !== b || e[58] !== h || e[59] !== C ? (j = /* @__PURE__ */ x("dialog", { ...n, ref: l, className: b, onMouseDown: h, "aria-modal": "true", children: C }), e[56] = n, e[57] = b, e[58] = h, e[59] = C, e[60] = j) : j = e[60], j;
135
- };
136
- export {
137
- ke as D,
138
- ge as a,
139
- we as v
140
- };