@stihl-design-system/components 1.0.0-RC.3 → 1.0.0-RC.30

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 (571) hide show
  1. package/Klarna.svg +1 -0
  2. package/Mastercard.svg +2 -0
  3. package/Notification-additional-information.jpeg +0 -0
  4. package/Notification-confirm-error.jpg +0 -0
  5. package/Notification-confirm-warn.jpeg +0 -0
  6. package/Notification-overview.jpeg +0 -0
  7. package/Notification-success.jpeg +0 -0
  8. package/PayPal.svg +2 -0
  9. package/Placeholder.svg +1 -0
  10. package/README.md +2 -11
  11. package/Visa.svg +2 -0
  12. package/accordion.DkwtJy--.js +12 -0
  13. package/accordion.d.ts +2 -0
  14. package/actionbutton.d.ts +2 -0
  15. package/actionbutton.u1qp8oGC.js +11 -0
  16. package/actionlink.C7HzeIVa.js +11 -0
  17. package/actionlink.d.ts +2 -0
  18. package/arialiveregions.Fgcshs5k.js +18 -0
  19. package/arialiveregions.d.ts +2 -0
  20. package/assets/Accordion.BJb4TOG0.css +1 -0
  21. package/assets/ActionButton.oGVPTS1J.css +1 -0
  22. package/assets/ActionLink.CTh6IXrN.css +1 -0
  23. package/assets/Breadcrumb.BaYrwrYl.css +1 -0
  24. package/assets/Button.Dw8H5nFS.css +1 -0
  25. package/assets/Checkbox.BKHQN_tu.css +1 -0
  26. package/assets/CheckboxGroup.Dd-Huo7x.css +1 -0
  27. package/assets/Chip.dxIYIjj7.css +1 -0
  28. package/assets/CustomReactSelect.D0b1Hg1T.css +1 -0
  29. package/assets/Dialog.CGAg7bnN.css +1 -0
  30. package/assets/Drawer.VOvWQoEr.css +1 -0
  31. package/assets/Fieldset.CW9dBvAo.css +1 -0
  32. package/assets/Header.CNqtWTxB.css +1 -0
  33. package/assets/Icon.QeJ7TxZs.css +1 -0
  34. package/assets/InputFile.CCQxsulT.css +1 -0
  35. package/assets/InputPassword.124xVOiO.css +1 -0
  36. package/assets/InputSearch.Bkg-1urJ.css +1 -0
  37. package/assets/InputStepper.Dth4qZN_.css +1 -0
  38. package/assets/LinkButton.xMvg_ojf.css +1 -0
  39. package/assets/MegaMenu.DX9gChtY.css +1 -0
  40. package/assets/NavigationTabList.CFlVhUzS.css +1 -0
  41. package/assets/Notification.BOuaA5GT.css +1 -0
  42. package/assets/Popover.BDTDsPAt.css +1 -0
  43. package/assets/RadioGroup.CM2mYOzc.css +1 -0
  44. package/assets/Select.CYACicZ3.css +1 -0
  45. package/assets/Slider.DzwSjDPV.css +1 -0
  46. package/assets/SystemFeedback.RcrPepSZ.css +1 -0
  47. package/assets/Text.Dgpj61UP.css +1 -0
  48. package/assets/Textarea.BXWhXpXx.css +1 -0
  49. package/assets/Toast.CJ1zhDIT.css +1 -0
  50. package/assets/arialiveregions.e0Q16ZWi.css +1 -0
  51. package/assets/asterisk.B41DaZDe.css +1 -0
  52. package/assets/banner.BLdW5VF4.css +1 -0
  53. package/assets/buttonround.Cw9hnUan.css +1 -0
  54. package/assets/chipgroup.BGxjdSDX.css +1 -0
  55. package/assets/filelist.H_wKcSPX.css +1 -0
  56. package/assets/flag.C7i3MAAP.css +1 -0
  57. package/assets/floatingactionbutton.l0nvFiJU.css +1 -0
  58. package/assets/heading.B-rdLVZD.css +1 -0
  59. package/assets/input.ONbL-_C1.css +1 -0
  60. package/assets/link.CeJUHbdf.css +1 -0
  61. package/assets/logo._GqPgimo.css +1 -0
  62. package/assets/numberindicator.O6XwvtL0.css +1 -0
  63. package/assets/optioncheckbox.DAffEKvY.css +1 -0
  64. package/assets/radio.CgpGvYc-.css +1 -0
  65. package/assets/scroller.Hszs1Yq4.css +1 -0
  66. package/assets/skiptocontent.CTSDC_kG.css +1 -0
  67. package/assets/spinner.Ctn_YYBG.css +1 -0
  68. package/assets/switch.Bc9KIyw9.css +1 -0
  69. package/assets/tabpane.D1LTb432.css +1 -0
  70. package/assets/title.B0tsgJ-n.css +1 -0
  71. package/asterisk.CR60hx8S.js +13 -0
  72. package/asterisk.d.ts +1 -0
  73. package/banner.d.ts +2 -0
  74. package/banner.j9YpudOS.js +55 -0
  75. package/breadcrumb.BS-S3zUI.js +11 -0
  76. package/breadcrumb.d.ts +2 -0
  77. package/button.CPilCCUI.js +12 -0
  78. package/button.d.ts +1 -0
  79. package/buttonround.C426mO4d.js +81 -0
  80. package/buttonround.d.ts +1 -0
  81. package/checkbox.BtlUvs0z.js +12 -0
  82. package/checkbox.d.ts +1 -0
  83. package/checkboxgroup.C5NgyyQF.js +9 -0
  84. package/checkboxgroup.d.ts +1 -0
  85. package/chip.d.ts +2 -0
  86. package/chip.tVIG1ysH.js +11 -0
  87. package/chipgroup.CjIK0Z0x.js +209 -0
  88. package/chipgroup.d.ts +2 -0
  89. package/chunks/Accordion.C5V5IcM-.js +170 -0
  90. package/chunks/ActionButton.B8zFwOrJ.js +165 -0
  91. package/chunks/ActionLink.IX6oRXU3.js +138 -0
  92. package/chunks/AriaLiveRegions.utils.Cb327d_2.js +27 -0
  93. package/chunks/Breadcrumb.BGzwzvh8.js +105 -0
  94. package/chunks/Button.B7xF1E19.js +127 -0
  95. package/chunks/Checkbox.DxV7-F5W.js +88 -0
  96. package/chunks/CheckboxGroup.Dy_6tiGk.js +72 -0
  97. package/chunks/Chip.31UfPwQF.js +119 -0
  98. package/chunks/CustomReactSelect.iE5iTdez.js +3344 -0
  99. package/chunks/Dialog.B_2pKRnd.js +135 -0
  100. package/chunks/Drawer.HFlBTcqN.js +140 -0
  101. package/chunks/Fieldset.CjIfmN_5.js +74 -0
  102. package/chunks/Header.DqZRryB5.js +366 -0
  103. package/chunks/Icon.DGTYCv63.js +231 -0
  104. package/chunks/Input.utils.Cnnzvuk4.js +57 -0
  105. package/chunks/InputFile.DvOatDzg.js +220 -0
  106. package/chunks/InputPassword.DC2POUc1.js +136 -0
  107. package/chunks/InputSearch.B0aCuPRZ.js +174 -0
  108. package/chunks/InputStepper.B_ZjgY_f.js +263 -0
  109. package/chunks/LinkButton.DdTspmJz.js +117 -0
  110. package/chunks/MegaMenu.BY7eOnhj.js +189 -0
  111. package/chunks/NavigationTabList.dYFYTmWv.js +57 -0
  112. package/chunks/NavigationTabs.ClpVGcl0.js +63 -0
  113. package/chunks/Notification.DIdIhGTQ.js +92 -0
  114. package/chunks/Popover.NGetxKGg.js +159 -0
  115. package/chunks/RadioGroup.peTeMK45.js +104 -0
  116. package/chunks/Select.BDHLJ2ma.js +162 -0
  117. package/chunks/Slider.kyVr7BLk.js +292 -0
  118. package/chunks/SystemFeedback.B9f67mjJ.js +38 -0
  119. package/chunks/TabPane.utils.DG16Y2uD.js +10 -0
  120. package/chunks/Tabs.CkVL8Jw8.js +83 -0
  121. package/chunks/Text.DGWeWF1y.js +75 -0
  122. package/chunks/Textarea.ORkJUx-S.js +163 -0
  123. package/chunks/Toast.DHo4pLH3.js +76 -0
  124. package/chunks/accessibility.B57oX4yV.js +10 -0
  125. package/chunks/caret-down.CupuwAF6.js +10 -0
  126. package/chunks/caret-right.DKtu4PQe.js +10 -0
  127. package/chunks/{circle-info-colored.DLY6BTL4.js → circle-info-colored.D2pp54gf.js} +3 -3
  128. package/chunks/collapse.Dvv3mgkv.js +10 -0
  129. package/chunks/connected-icon.BEijTRDG.js +10 -0
  130. package/chunks/default-icon.D_-oBHyT.js +10 -0
  131. package/chunks/document-magnifying-glass.DkvpNz-D.js +10 -0
  132. package/chunks/file-type-doc.DlovDOBh.js +10 -0
  133. package/chunks/file-type-image.Cg2NRd7y.js +10 -0
  134. package/chunks/file-type-pdf.Dm94xL2i.js +10 -0
  135. package/chunks/file-type-video.CFwfiP-D.js +10 -0
  136. package/chunks/file-type-zip.SNixmKhQ.js +10 -0
  137. package/chunks/file.DLgRXiem.js +10 -0
  138. package/chunks/floating-ui.dom.C9TD1WpB.js +950 -0
  139. package/chunks/floating-ui.react.x0F9CYgn.js +1637 -0
  140. package/chunks/has-window.ut_-aShB.js +5 -0
  141. package/chunks/helpers.BbWkXTr3.js +37 -0
  142. package/chunks/imow-icon.CyH72ySI.js +10 -0
  143. package/chunks/index.CEyLAtio.js +48 -0
  144. package/chunks/index.CgTHIF3K.js +293 -0
  145. package/chunks/is-animation-disabled.CUl4N3LI.js +20 -0
  146. package/chunks/mystihl-icon.xHpCyYJf.js +10 -0
  147. package/chunks/tiktok.BWJTDGYm.js +10 -0
  148. package/chunks/translate.nuU7uChI.js +8 -0
  149. package/chunks/twitch.C893cAK8.js +10 -0
  150. package/chunks/useBreakpoint.CMOR9ZOB.js +44 -0
  151. package/chunks/useIsomorphicLayoutEffect.CnJ9AMFS.js +7 -0
  152. package/combobox.Bk2ycofh.js +60 -0
  153. package/combobox.d.ts +1 -0
  154. package/components/Accordion/Accordion.d.ts +43 -0
  155. package/components/Accordion/Accordion.utils.d.ts +16 -0
  156. package/components/ActionButton/ActionButton.d.ts +61 -0
  157. package/components/ActionButton/ActionButton.test.d.ts +1 -0
  158. package/components/ActionButton/ActionButton.utils.d.ts +22 -0
  159. package/components/ActionButton/ActionButton.utils.test.d.ts +1 -0
  160. package/components/ActionLink/ActionLink.d.ts +38 -0
  161. package/components/ActionLink/ActionLink.test.d.ts +1 -0
  162. package/components/ActionLink/ActionLink.utils.d.ts +19 -0
  163. package/components/ActionLink/ActionLink.utils.test.d.ts +1 -0
  164. package/components/AriaLiveRegions/AriaLiveRegions.d.ts +5 -0
  165. package/components/AriaLiveRegions/AriaLiveRegions.utils.d.ts +5 -0
  166. package/components/AriaLiveRegions/AriaLiveRegions.utils.test.d.ts +1 -0
  167. package/components/Asterisk/Asterisk.d.ts +1 -0
  168. package/components/Banner/Banner.d.ts +32 -0
  169. package/components/Banner/Banner.test.d.ts +1 -0
  170. package/components/Banner/Banner.utils.d.ts +2 -0
  171. package/components/Breadcrumb/Breadcrumb.d.ts +45 -0
  172. package/components/Breadcrumb/Breadcrumb.test.d.ts +1 -0
  173. package/components/Breadcrumb/Breadcrumb.utils.d.ts +4 -0
  174. package/components/Button/Button.d.ts +32 -16
  175. package/components/Button/Button.utils.d.ts +18 -1
  176. package/components/Button/Button.utils.test.d.ts +1 -0
  177. package/components/ButtonRound/ButtonRound.d.ts +12 -3
  178. package/components/Checkbox/Checkbox.d.ts +25 -9
  179. package/components/Checkbox/Checkbox.utils.d.ts +11 -0
  180. package/components/Checkbox/Checkbox.utils.test.d.ts +1 -0
  181. package/components/CheckboxGroup/CheckboxGroup.d.ts +21 -14
  182. package/components/CheckboxGroup/CheckboxGroup.utils.d.ts +1 -2
  183. package/components/ChipGroup/Chip.d.ts +12 -0
  184. package/components/ChipGroup/ChipGroup.d.ts +44 -0
  185. package/components/ChipGroup/ChipGroup.test.d.ts +1 -0
  186. package/components/ChipGroup/ChipGroup.utils.d.ts +60 -0
  187. package/components/ChipGroup/ChipGroup.utils.test.d.ts +1 -0
  188. package/components/Combobox/Combobox.d.ts +27 -6
  189. package/components/Combobox/Combobox.utils.d.ts +6 -1
  190. package/components/{CustomReactSelect → Combobox/CustomReactSelect}/CustomReactSelect.d.ts +37 -25
  191. package/components/Combobox/CustomReactSelect/CustomReactSelect.utils.d.ts +3 -0
  192. package/components/Combobox/CustomReactSelect/CustomReactSelect.utils.test.d.ts +1 -0
  193. package/components/{CustomReactSelect → Combobox/CustomReactSelect}/OptionCheckbox.d.ts +1 -2
  194. package/components/Dialog/Dialog.d.ts +45 -0
  195. package/components/Dialog/Dialog.test.d.ts +1 -0
  196. package/components/Dialog/Dialog.utils.d.ts +11 -0
  197. package/components/Dialog/Dialog.utils.test.d.ts +1 -0
  198. package/components/Drawer/Drawer.d.ts +49 -0
  199. package/components/Drawer/Drawer.test.d.ts +1 -0
  200. package/components/Drawer/Drawer.utils.d.ts +13 -0
  201. package/components/Drawer/Drawer.utils.test.d.ts +1 -0
  202. package/components/Fieldset/Fieldset.d.ts +15 -9
  203. package/components/Fieldset/Fieldset.utils.d.ts +8 -2
  204. package/components/FileList/FileList.d.ts +13 -0
  205. package/components/FileList/FileList.test.d.ts +1 -0
  206. package/components/FileList/FileList.utils.d.ts +18 -0
  207. package/components/FileList/FileList.utils.test.d.ts +1 -0
  208. package/components/Flag/Flag.d.ts +26 -0
  209. package/components/Flag/Flag.test.d.ts +1 -0
  210. package/components/Flag/Flag.utils.d.ts +2 -0
  211. package/components/FloatingActionButton/FloatingActionButton.d.ts +8 -2
  212. package/components/Header/Header.d.ts +68 -0
  213. package/components/Header/Header.utils.d.ts +17 -0
  214. package/components/Header/Header.utils.test.d.ts +1 -0
  215. package/components/Heading/Heading.d.ts +13 -6
  216. package/components/Icon/Icon.d.ts +14 -7
  217. package/components/Icon/Icon.utils.d.ts +1 -2
  218. package/components/Input/Input.d.ts +56 -25
  219. package/components/Input/Input.utils.d.ts +5 -6
  220. package/components/InputFile/InputFile.d.ts +91 -0
  221. package/components/InputFile/InputFile.test.d.ts +1 -0
  222. package/components/InputFile/InputFile.utils.d.ts +46 -0
  223. package/components/InputFile/InputFile.utils.test.d.ts +1 -0
  224. package/components/InputPassword/InputPassword.d.ts +43 -18
  225. package/components/InputPassword/InputPassword.utils.d.ts +0 -1
  226. package/components/InputSearch/InputSearch.d.ts +42 -18
  227. package/components/InputSearch/InputSearch.utils.d.ts +0 -1
  228. package/components/InputStepper/InputStepper.d.ts +64 -26
  229. package/components/InputStepper/InputStepper.utils.d.ts +0 -1
  230. package/components/Link/Link.d.ts +11 -43
  231. package/components/Link/Link.utils.d.ts +2 -8
  232. package/components/LinkButton/LinkButton.d.ts +64 -0
  233. package/components/LinkButton/LinkButton.test.d.ts +1 -0
  234. package/components/LinkButton/LinkButton.utils.d.ts +25 -0
  235. package/components/LinkButton/LinkButton.utils.test.d.ts +1 -0
  236. package/components/Logo/Logo.d.ts +18 -10
  237. package/components/Logo/Logo.test.d.ts +1 -0
  238. package/components/Logo/Logo.utils.d.ts +2 -2
  239. package/components/MegaMenu/MegaMenu.d.ts +32 -0
  240. package/components/MegaMenu/MegaMenu.test.d.ts +1 -0
  241. package/components/MegaMenu/MegaMenu.utils.d.ts +52 -0
  242. package/components/MegaMenu/MegaMenu.utils.test.d.ts +1 -0
  243. package/components/NavigationTabs/NavigationTabs.d.ts +43 -0
  244. package/components/NavigationTabs/NavigationTabs.test.d.ts +1 -0
  245. package/components/NavigationTabs/NavigationTabs.utils.d.ts +6 -0
  246. package/components/Notification/Notification.d.ts +40 -0
  247. package/components/Notification/Notification.test.d.ts +1 -0
  248. package/components/Notification/Notification.utils.d.ts +4 -0
  249. package/components/NumberIndicator/NumberIndicator.d.ts +13 -0
  250. package/components/NumberIndicator/NumberIndicator.test.d.ts +1 -0
  251. package/components/NumberIndicator/NumberIndicator.utils.d.ts +2 -0
  252. package/components/Popover/Popover.d.ts +40 -0
  253. package/components/Popover/Popover.test.d.ts +1 -0
  254. package/components/Popover/Popover.utils.d.ts +53 -0
  255. package/components/Popover/Popover.utils.test.d.ts +1 -0
  256. package/components/Radio/Radio.d.ts +32 -14
  257. package/components/RadioGroup/RadioGroup.d.ts +30 -20
  258. package/components/RadioGroup/RadioGroup.utils.d.ts +5 -4
  259. package/components/RadioGroup/RadioGroup.utils.test.d.ts +1 -0
  260. package/components/Scroller/Scroller.d.ts +20 -0
  261. package/components/Scroller/Scroller.utils.d.ts +3 -0
  262. package/components/Select/Select.d.ts +24 -13
  263. package/components/Select/Select.utils.d.ts +0 -1
  264. package/components/SkipToContent/SkipToContent.d.ts +19 -0
  265. package/components/SkipToContent/SkipToContent.test.d.ts +1 -0
  266. package/components/Slider/Slider.d.ts +63 -0
  267. package/components/Slider/Slider.test.d.ts +1 -0
  268. package/components/Slider/Slider.utils.d.ts +65 -0
  269. package/components/Slider/Slider.utils.test.d.ts +1 -0
  270. package/components/Spinner/Spinner.d.ts +14 -5
  271. package/components/Switch/Switch.d.ts +23 -12
  272. package/components/SystemFeedback/SystemFeedback.d.ts +16 -7
  273. package/components/SystemFeedback/SystemFeedback.utils.d.ts +4 -7
  274. package/components/Tabs/TabList/NavigationTabList/NavigationTabList.d.ts +22 -0
  275. package/components/Tabs/TabList/TabList.d.ts +38 -0
  276. package/components/Tabs/TabList/TabList.utils.d.ts +2 -0
  277. package/components/Tabs/TabPane/TabPane.d.ts +10 -0
  278. package/components/Tabs/TabPane/TabPane.utils.d.ts +3 -0
  279. package/components/Tabs/TabPane/TabPane.utils.test.d.ts +1 -0
  280. package/components/Tabs/Tabs.d.ts +51 -0
  281. package/components/Tabs/Tabs.test.d.ts +1 -0
  282. package/components/Tabs/Tabs.utils.d.ts +6 -0
  283. package/components/Text/Text.d.ts +19 -10
  284. package/components/Text/Text.utils.d.ts +14 -1
  285. package/components/Textarea/Textarea.d.ts +34 -16
  286. package/components/Textarea/Textarea.utils.d.ts +0 -1
  287. package/components/Title/Title.d.ts +13 -6
  288. package/components/Toast/Toast.d.ts +42 -0
  289. package/components/Toast/Toast.utils.d.ts +27 -0
  290. package/components/Toast/ToastManager.d.ts +9 -0
  291. package/components/Toast/ToastManager.test.d.ts +1 -0
  292. package/components/Toast/ToastManager.utils.d.ts +2 -0
  293. package/components/Toast/ToastManager.utils.test.d.ts +1 -0
  294. package/components/TopBar/TopBar.d.ts +54 -0
  295. package/components/TopBar/TopBar.utils.d.ts +14 -0
  296. package/components/TopBar/TopBar.utils.test.d.ts +1 -0
  297. package/connected-icon.svg +1 -0
  298. package/customreactselect.Hnch9LGg.js +14 -0
  299. package/customreactselect.d.ts +2 -1
  300. package/dialog.7sWoqGwL.js +10 -0
  301. package/dialog.d.ts +2 -0
  302. package/drawer.DsF4KIPn.js +10 -0
  303. package/drawer.d.ts +2 -0
  304. package/fieldset.DUFUMcT-.js +11 -0
  305. package/fieldset.d.ts +1 -0
  306. package/filelist.d.ts +2 -0
  307. package/filelist.nunJKxkv.js +161 -0
  308. package/flag.D_iN8iD6.js +50 -0
  309. package/flag.d.ts +2 -0
  310. package/floatingactionbutton.DOH2k0gv.js +72 -0
  311. package/floatingactionbutton.d.ts +1 -0
  312. package/github-mark-white.svg +1 -0
  313. package/github-mark.svg +1 -0
  314. package/header.QpNjE3N-.js +12 -0
  315. package/header.d.ts +2 -0
  316. package/heading.BXFBZhKv.js +46 -0
  317. package/heading.d.ts +1 -0
  318. package/icon.d.ts +1 -0
  319. package/icon.svg +1 -1
  320. package/icon.vMQcEBnH.js +9 -0
  321. package/imow-icon.svg +1 -0
  322. package/index.d.ts +66 -1
  323. package/index.es.js +212 -46
  324. package/input.BKHOY118.js +203 -0
  325. package/input.d.ts +1 -0
  326. package/inputfile.DK8759wV.js +17 -0
  327. package/inputfile.d.ts +2 -0
  328. package/inputpassword.d.ts +1 -0
  329. package/inputpassword.rV_ZZw5F.js +13 -0
  330. package/inputsearch.CmhakTpa.js +14 -0
  331. package/inputsearch.d.ts +1 -0
  332. package/inputstepper.5olvh4tk.js +16 -0
  333. package/inputstepper.d.ts +1 -0
  334. package/intro-design-spacings01.webp +0 -0
  335. package/intro-design-spacings02.webp +0 -0
  336. package/intro-design-spacings03.webp +0 -0
  337. package/link.D_FjTyoZ.js +66 -0
  338. package/link.d.ts +1 -0
  339. package/linkbutton.D2C4vykc.js +11 -0
  340. package/linkbutton.d.ts +2 -0
  341. package/logo.C96KaG1P.js +80 -0
  342. package/logo.d.ts +1 -0
  343. package/megamenu.CdHrEeoh.js +12 -0
  344. package/megamenu.d.ts +2 -0
  345. package/mystihl-icon.svg +1 -0
  346. package/navigationtablist.CVjh1k-b.js +9 -0
  347. package/navigationtablist.d.ts +2 -0
  348. package/navigationtabs.BGfi9AG2.js +9 -0
  349. package/navigationtabs.d.ts +2 -0
  350. package/notification.Dn-FZWEL.js +10 -0
  351. package/notification.d.ts +2 -0
  352. package/numberindicator.Ddf3ESi7.js +33 -0
  353. package/numberindicator.d.ts +2 -0
  354. package/optioncheckbox.D97W3zeW.js +48 -0
  355. package/optioncheckbox.d.ts +2 -1
  356. package/package.json +84 -57
  357. package/partials/assets.const.js +2 -0
  358. package/partials/connected-apple-icon.png +0 -0
  359. package/partials/connected-favicon.ico +0 -0
  360. package/partials/connected-icon-192.png +0 -0
  361. package/partials/connected-icon-512.png +0 -0
  362. package/partials/connected-icon.svg +1 -0
  363. package/partials/copyAssets.js +27 -13
  364. package/partials/default-icon.svg +1 -0
  365. package/partials/imow-apple-icon.png +0 -0
  366. package/partials/imow-favicon.ico +0 -0
  367. package/partials/imow-icon-192.png +0 -0
  368. package/partials/imow-icon-512.png +0 -0
  369. package/partials/imow-icon.svg +1 -0
  370. package/partials/index.js +324 -2159
  371. package/partials/lib/partials.d.ts +77 -5
  372. package/partials/mystihl-apple-icon.png +0 -0
  373. package/partials/mystihl-favicon.ico +0 -0
  374. package/partials/mystihl-icon-192.png +0 -0
  375. package/partials/mystihl-icon-512.png +0 -0
  376. package/partials/mystihl-icon.svg +1 -0
  377. package/popover.DXxm1oWI.js +11 -0
  378. package/popover.d.ts +2 -0
  379. package/radio.7_N_alaS.js +126 -0
  380. package/radio.d.ts +1 -0
  381. package/radiogroup.J8WpEEo8.js +11 -0
  382. package/radiogroup.d.ts +1 -0
  383. package/scroller.BiRLQg__.js +123 -0
  384. package/scroller.d.ts +2 -0
  385. package/select-decision-tree-small.webp +0 -0
  386. package/select-decision-tree.webp +0 -0
  387. package/select.DIzGPVx3.js +13 -0
  388. package/select.d.ts +1 -0
  389. package/skiptocontent._F-d8y5b.js +35 -0
  390. package/skiptocontent.d.ts +2 -0
  391. package/slider.DuJK0RdB.js +11 -0
  392. package/slider.d.ts +2 -0
  393. package/spinner.Dht6FspZ.js +46 -0
  394. package/spinner.d.ts +1 -0
  395. package/styles/fonts/STIHLContrafaceDigitalTextDemi.woff +0 -0
  396. package/styles/fonts/STIHLContrafaceDigitalTextDemi.woff2 +0 -0
  397. package/styles/fonts/font-face.min.css +1 -1
  398. package/styles/js/index.d.ts +4 -0
  399. package/styles/js/index.es.js +249 -0
  400. package/styles/js/lib/animation.d.ts +13 -0
  401. package/styles/js/lib/breakpoint.d.ts +9 -0
  402. package/styles/js/lib/spacing.d.ts +22 -0
  403. package/styles/js/lib/theme.d.ts +202 -0
  404. package/styles/scss/ds/index.scss +20 -0
  405. package/styles/scss/ds/lib/animation.scss +21 -0
  406. package/styles/scss/ds/lib/breakpoints.scss +17 -0
  407. package/styles/scss/ds/lib/container-query.scss +54 -0
  408. package/styles/scss/ds/lib/ds-internal/_a11y.scss +15 -0
  409. package/styles/scss/{lib → ds/lib/ds-internal}/_focus.scss +14 -16
  410. package/styles/scss/ds/lib/ds-internal/_heading.scss +37 -0
  411. package/styles/scss/ds/lib/ds-internal/_helpers.scss +32 -0
  412. package/styles/scss/ds/lib/ds-internal/_high-contrast.scss +6 -0
  413. package/styles/scss/ds/lib/ds-internal/_hover.scss +6 -0
  414. package/styles/scss/ds/lib/ds-internal/_index.scss +11 -0
  415. package/styles/scss/ds/lib/ds-internal/_input.scss +187 -0
  416. package/styles/scss/ds/lib/ds-internal/_link-button.scss +218 -0
  417. package/styles/scss/ds/lib/ds-internal/_link.scss +62 -0
  418. package/styles/scss/ds/lib/ds-internal/_spacing-dynamic.scss +53 -0
  419. package/styles/scss/ds/lib/ds-internal/_text.scss +30 -0
  420. package/styles/scss/ds/lib/grid-extended.scss +14 -0
  421. package/styles/scss/ds/lib/grid-full.scss +6 -0
  422. package/styles/scss/ds/lib/grid-main.scss +122 -0
  423. package/styles/scss/ds/lib/grid-narrow.scss +14 -0
  424. package/styles/scss/ds/lib/grid-sidebar.scss +57 -0
  425. package/styles/scss/ds/lib/grid.scss +92 -0
  426. package/styles/scss/ds/lib/heading.scss +75 -0
  427. package/styles/scss/ds/lib/input.scss +26 -0
  428. package/styles/scss/ds/lib/link-button.scss +21 -0
  429. package/styles/scss/ds/lib/link.scss +74 -0
  430. package/styles/scss/ds/lib/media-query.scss +32 -0
  431. package/styles/scss/ds/lib/shadow.scss +10 -0
  432. package/styles/scss/ds/lib/spacing-dynamic.scss +7 -0
  433. package/styles/scss/ds/lib/spacing.scss +20 -0
  434. package/styles/scss/ds/lib/text.scss +107 -0
  435. package/styles/scss/ds/lib/theme.scss +171 -0
  436. package/styles/scss/ds/lib/transition.scss +36 -0
  437. package/switch.B37S4vfP.js +66 -0
  438. package/switch.d.ts +1 -0
  439. package/systemfeedback.C_2PhwKe.js +10 -0
  440. package/systemfeedback.d.ts +1 -0
  441. package/tablist.d.ts +2 -0
  442. package/tablist.g_Nwu6GA.js +256 -0
  443. package/tabpane.CB-eudyw.js +37 -0
  444. package/tabpane.d.ts +2 -0
  445. package/tabs.d.ts +2 -0
  446. package/tabs.oh9-wHPp.js +11 -0
  447. package/text.ZOUuesnU.js +10 -0
  448. package/text.d.ts +1 -0
  449. package/textarea.d.ts +1 -0
  450. package/textarea.dQ12-oYB.js +13 -0
  451. package/title.Bz_k5Vda.js +40 -0
  452. package/title.d.ts +1 -0
  453. package/toast.d.ts +2 -0
  454. package/toast.sMNbfKxi.js +11 -0
  455. package/toastmanager.CVamaS5T.js +116 -0
  456. package/toastmanager.d.ts +2 -0
  457. package/topbar.Dhy_TL0U.js +11 -0
  458. package/topbar.d.ts +2 -0
  459. package/types/icon-types.d.ts +1 -1
  460. package/utils/get-rect.d.ts +4 -0
  461. package/utils/get-rect.test.d.ts +1 -0
  462. package/utils/helpers.d.ts +17 -0
  463. package/utils/index.d.ts +6 -0
  464. package/utils/is-animation-disabled.d.ts +14 -0
  465. package/utils/is-animation-disabled.test.d.ts +1 -0
  466. package/utils/remove-spaces.d.ts +6 -0
  467. package/utils/remove-spaces.test.d.ts +1 -0
  468. package/utils/render-documentation.d.ts +1 -0
  469. package/utils/translate.d.ts +11 -0
  470. package/utils/translate.test.d.ts +1 -0
  471. package/utils/useBreakpoint.d.ts +0 -1
  472. package/utils/useIsomorphicLayoutEffect.d.ts +25 -0
  473. package/utils/useScrollDirection.d.ts +9 -0
  474. package/utils/useScrollDirection.test.d.ts +1 -0
  475. package/utils/vitest.setup.d.ts +4 -1
  476. package/assets/CustomReactSelect.BdwXfLLO.css +0 -1
  477. package/assets/RadioGroup.Ur8Ro-XL.css +0 -1
  478. package/assets/asterisk.C-o6rbGQ.css +0 -1
  479. package/assets/button.DJvR-58w.css +0 -1
  480. package/assets/buttonround.BlfQkmMV.css +0 -1
  481. package/assets/checkbox.BsFEWfQe.css +0 -1
  482. package/assets/fieldset.xazpUXJX.css +0 -1
  483. package/assets/floatingactionbutton.D7ywURL3.css +0 -1
  484. package/assets/heading.CGFucb-C.css +0 -1
  485. package/assets/icon.CB-KQmw4.css +0 -1
  486. package/assets/input.BcP5kkZ2.css +0 -1
  487. package/assets/inputpassword.C3Uyj7oA.css +0 -1
  488. package/assets/inputsearch.tL3e9-Ob.css +0 -1
  489. package/assets/inputstepper.paPJix5A.css +0 -1
  490. package/assets/link.V7pJOW1p.css +0 -1
  491. package/assets/linkstandalone.D3RbBp23.css +0 -1
  492. package/assets/logo.BbHYgnWo.css +0 -1
  493. package/assets/optioncheckbox.C-K1FLhc.css +0 -1
  494. package/assets/radio.CSHQGdpr.css +0 -1
  495. package/assets/select.D2qBxaHP.css +0 -1
  496. package/assets/spinner.C5rBmKiF.css +0 -1
  497. package/assets/switch.sqve8ApJ.css +0 -1
  498. package/assets/systemfeedback.WE3wClZ3.css +0 -1
  499. package/assets/text.DDAveG7E.css +0 -1
  500. package/assets/textarea.BKbocznb.css +0 -1
  501. package/assets/title.CE0Dm7PI.css +0 -1
  502. package/asterisk.DU8THnoC.js +0 -8
  503. package/button.BUUGRxIp.js +0 -135
  504. package/buttonround.CKc-a-hd.js +0 -118
  505. package/checkbox.C2Ga9yTK.js +0 -112
  506. package/checkboxgroup.Cfxz9bk6.js +0 -80
  507. package/chunks/CustomReactSelect.uzWNynay.js +0 -5027
  508. package/chunks/Input.utils.Bly6ZzLI.js +0 -106
  509. package/chunks/RadioGroup.module.bi3leRes.js +0 -11
  510. package/chunks/helpers.B1JT5ShS.js +0 -7
  511. package/chunks/index.CvOaL64Y.js +0 -45
  512. package/chunks/jsx-runtime.C-kxDJ4g.js +0 -639
  513. package/chunks/pdf.9kZbElrZ.js +0 -10
  514. package/chunks/useBreakpoint.5xBNDiCf.js +0 -48
  515. package/combobox.BXHAo4Wx.js +0 -47
  516. package/components/CustomReactSelect/CustomReactSelect.utils.d.ts +0 -16
  517. package/components/LinkStandalone/LinkStandalone.d.ts +0 -15
  518. package/components/LinkStandalone/LinkStandalone.utils.d.ts +0 -2
  519. package/customreactselect.CipgVXTR.js +0 -13
  520. package/fieldset.DGcIKzDI.js +0 -98
  521. package/floatingactionbutton.DzHD39NY.js +0 -87
  522. package/heading.DqGbFfj2.js +0 -50
  523. package/icon.PX9_1kNB.js +0 -215
  524. package/input.o8OT6rxJ.js +0 -236
  525. package/inputpassword.-MXq8baU.js +0 -139
  526. package/inputsearch.CoYTSjox.js +0 -188
  527. package/inputstepper.BBMQr6kM.js +0 -290
  528. package/link.BN6AZfhG.js +0 -115
  529. package/linkstandalone.4-fyRd08.js +0 -79
  530. package/linkstandalone.d.ts +0 -1
  531. package/logo.C_oJ8isW.js +0 -69
  532. package/optioncheckbox.-DRnW_ch.js +0 -43
  533. package/partials/icon.svg +0 -1
  534. package/radio.Bhu9OUY-.js +0 -79
  535. package/radiogroup.oILRMrX-.js +0 -102
  536. package/select.OGcreXnT.js +0 -190
  537. package/spinner.Diy_EeFY.js +0 -58
  538. package/styles/scss/_index.scss +0 -22
  539. package/styles/scss/lib/_a11y.scss +0 -15
  540. package/styles/scss/lib/_animation.scss +0 -6
  541. package/styles/scss/lib/_breakpoints.scss +0 -16
  542. package/styles/scss/lib/_container-query.scss +0 -58
  543. package/styles/scss/lib/_grid-extended.scss +0 -11
  544. package/styles/scss/lib/_grid-full.scss +0 -6
  545. package/styles/scss/lib/_grid-main.scss +0 -117
  546. package/styles/scss/lib/_grid-narrow.scss +0 -14
  547. package/styles/scss/lib/_grid-sidebar-sidebar.scss +0 -48
  548. package/styles/scss/lib/_grid-sidebar.scss +0 -157
  549. package/styles/scss/lib/_grid.scss +0 -88
  550. package/styles/scss/lib/_heading.scss +0 -66
  551. package/styles/scss/lib/_helpers.scss +0 -3
  552. package/styles/scss/lib/_high-contrast.scss +0 -24
  553. package/styles/scss/lib/_hover.scss +0 -10
  554. package/styles/scss/lib/_link.scss +0 -155
  555. package/styles/scss/lib/_media-query.scss +0 -32
  556. package/styles/scss/lib/_spacing.scss +0 -30
  557. package/styles/scss/lib/_text.scss +0 -67
  558. package/styles/scss/lib/_theme.scss +0 -160
  559. package/styles/scss/lib/_transition.scss +0 -26
  560. package/switch.BjoFKMQC.js +0 -65
  561. package/systemfeedback.C7iXO5A1.js +0 -25
  562. package/text.CPU8IUqY.js +0 -57
  563. package/textarea.kc_Sfbgr.js +0 -193
  564. package/title.icX0VDiO.js +0 -36
  565. package/utils/has-document.d.ts +0 -1
  566. /package/components/{CustomReactSelect/CustomReactSelect.utils.test.d.ts → Accordion/Accordion.test.d.ts} +0 -0
  567. /package/components/{LinkStandalone/LinkStandalone.test.d.ts → Accordion/Acordion.utils.test.d.ts} +0 -0
  568. /package/partials/{apple-icon.png → default-apple-icon.png} +0 -0
  569. /package/partials/{favicon.ico → default-favicon.ico} +0 -0
  570. /package/partials/{icon-192.png → default-icon-192.png} +0 -0
  571. /package/partials/{icon-512.png → default-icon-512.png} +0 -0
@@ -1,17 +1,89 @@
1
1
  import { Format } from '../shared';
2
-
2
+ import { JSX } from 'react';
3
3
  type GetMetaIconLinksOptions = {
4
4
  format?: Format;
5
5
  };
6
- export declare function getMetaIconLinks(opts: {
6
+ /**
7
+ * Retrieves meta icon links in the specified format to be injected into the <head> at build time.
8
+ * Additional information can be found here: https://main--63440bbb95889041542a5ba3.chromatic.com/?path=/docs/utilities-partials-meta-icons--documentation
9
+ *
10
+ * @param {GetMetaIconLinksOptions} [options] - Optional settings for formatting the returned <link> elements.
11
+ * @param {'html' | 'jsx' | 'cra'} [options.format='jsx'] - Specifies the format of the output.
12
+ * - 'jsx' (default): Returns a JSX.Element with meta icon links.
13
+ * - 'html': Returns the styles as a raw HTML string.
14
+ * - 'cra': Returns HTML formatted links similar to 'html', intended for Create React App usage.
15
+ * @returns {string | JSX.Element} - The meta icon links in the specified format.
16
+ *
17
+ * @throws {Error} Throws an error if executed in a browser environment.
18
+ *
19
+ * @example
20
+ * // Returns a JSX.Element with meta icon links
21
+ * const jsxLinks = getMetaIconLinks();
22
+ *
23
+ * @example
24
+ * // Get styles as JSX element.
25
+ * const jsxLinks = getMetaIconLinks({ format: 'jsx' });
26
+ *
27
+ * @example
28
+ * // Returns <link> elements as an HTML string.
29
+ * const htmlLinks = getMetaIconLinks({ format: 'cra' });
30
+ */
31
+ export declare function getMetaIconLinks(options: {
7
32
  format: 'html';
8
33
  }): string;
9
- export declare function getMetaIconLinks(opts?: {
34
+ export declare function getMetaIconLinks(options?: {
10
35
  format: 'jsx' | 'cra';
11
36
  }): JSX.Element;
12
- export declare function getMetaIconLinks(opts?: GetMetaIconLinksOptions): string | JSX.Element;
37
+ export declare function getMetaIconLinks(options?: GetMetaIconLinksOptions): string | JSX.Element;
13
38
  type GetResetStylesOptions = {
14
39
  format?: Exclude<Format, 'cra'>;
15
40
  };
16
- export declare function getResetStyles(opts?: GetResetStylesOptions): string | JSX.Element;
41
+ /**
42
+ * Retrieves reset styles to be injected into the <head> at build time, that ensure a consistent look for all components across the supported browsers.
43
+ * Additional information can be found here: https://main--63440bbb95889041542a5ba3.chromatic.com/?path=/docs/utilities-partials-css-reset--documentation
44
+ *
45
+ * @param {GetResetStylesOptions} [options] - Optional settings for formatting the returned <style> elements.
46
+ * @param {'jsx' | 'html'} [options.format='jsx'] - Specifies the format of the output.
47
+ * - 'jsx' (default): Returns a JSX.Element with <style> elements.
48
+ * - 'html': Returns the styles as a raw HTML string.
49
+ * @returns {string | JSX.Element} The reset styles formatted as a string (HTML) or JSX element.
50
+ *
51
+ * @throws {Error} Throws an error if executed in a browser environment.
52
+ *
53
+ * @example
54
+ * // Get reset styles as JSX element.
55
+ * const jsxResetStyles: JSX.Element = getResetStyles();
56
+ *
57
+ * @example
58
+ * // Get reset styles as an HTML string.
59
+ * const htmlResetStyles: string = getResetStyles({ format: 'html' });
60
+ */
61
+ export declare function getResetStyles(options?: GetResetStylesOptions): string | JSX.Element;
62
+ type GetSSRStylesOptions = {
63
+ format?: Exclude<Format, 'cra'>;
64
+ };
65
+ declare const COMPONENT_NAME: readonly ["DSAccordion", "DSActionButton", "DSActionLink", "DSAriaLiveRegions", "DSBanner", "DSBreadcrumb", "DSButton", "DSButtonRound", "DSCheckbox", "DSCheckboxGroup", "DSChipGroup", "DSCombobox", "DSDialog", "DSDrawer", "DSFieldset", "DSFlag", "DSFloatingActionButton", "DSHeader", "DSHeading", "DSIcon", "DSInput", "DSInputFile", "DSInputPassword", "DSInputSearch", "DSInputStepper", "DSLink", "DSLinkButton", "DSLogo", "DSMegaMenu", "DSNavigationTabs", "DSNotification", "DSPopover", "DSRadioGroup", "DSScroller", "DSSelect", "DSSkipToContent", "DSSlider", "DSSpinner", "DSSwitch", "DSSystemFeedback", "DSTabs", "DSText", "DSTextarea", "DSTitle", "DSToastManager", "DSTopBar"];
66
+ export type ComponentName = (typeof COMPONENT_NAME)[number];
67
+ /**
68
+ * Retrieves server-side rendered (SSR) styles for the specified components to be injected into the <head> at build time.
69
+ * Additional information can be found here: https://main--63440bbb95889041542a5ba3.chromatic.com/?path=/docs/utilities-partials-ssr-styles--documentation
70
+ *
71
+ * @param {ComponentName[]} componentNames - An array of component names for which styles are required.
72
+ * @param {GetSSRStylesOptions} [options] - Optional settings for formatting the returned <style> elements.
73
+ * @param {'jsx' | 'html'} [options.format='jsx'] - Specifies the format of the output.
74
+ * - 'jsx' (default): Returns a JSX.Element with <style> elements.
75
+ * - 'html': Returns styles as HTML string.
76
+ * @returns {string | JSX.Element} The styles for the specified components, formatted as either a string (HTML) or JSX element.
77
+ *
78
+ * @throws {Error} Throws an error if executed in a browser environment.
79
+ *
80
+ * @example
81
+ * // Get styles as JSX element.
82
+ * const jsxStyles: JSX.Element = getSSRStyles(['DSButton', 'DSTabs'], { format: 'jsx' });
83
+ *
84
+ * @example
85
+ * // Get <style> elements as an HTML string.
86
+ * const htmlStyles: string = getSSRStyles(['DSButton', 'DSTabs'], { format: 'html' });
87
+ */
88
+ export declare function getSSRStyles(componentNames: ComponentName[], options?: GetSSRStylesOptions): string | JSX.Element;
17
89
  export {};
Binary file
Binary file
Binary file
Binary file
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 512 512"><path fill="#F37A1F" d="M0 0h512v512H0z"/><path fill="#fff" fill-rule="evenodd" d="M44 222v30l212-96 212 96v-30l-212-96-212 96Zm26 35v129h28V274.5h316V386h28V257l-186-85-186 85Zm328 59v-26H114v26h284Z" clip-rule="evenodd"/></svg>
@@ -0,0 +1,11 @@
1
+ "use client";
2
+ import "react/jsx-runtime";
3
+ import "./chunks/index.CgTHIF3K.js";
4
+ import { D } from "./chunks/Popover.NGetxKGg.js";
5
+ import "react";
6
+ import "./chunks/floating-ui.react.x0F9CYgn.js";
7
+ import "./chunks/index.CEyLAtio.js";
8
+ import "./chunks/helpers.BbWkXTr3.js";
9
+ export {
10
+ D as DSPopover
11
+ };
package/popover.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ export * from './components/Popover/Popover'
2
+ export {}
@@ -0,0 +1,126 @@
1
+ "use client";
2
+ import { jsx as D, jsxs as ne } from "react/jsx-runtime";
3
+ import { d as ve } from "./chunks/index.CgTHIF3K.js";
4
+ import { c as E } from "./chunks/index.CEyLAtio.js";
5
+ import { forwardRef as Ae, useRef as ce, useState as pe, useEffect as Ce } from "react";
6
+ import './assets/radio.CgpGvYc-.css';const he = (H) => H.replace(/\s+/g, ""), ye = "ds-radio_root_2idos_1", ke = "ds-radio_root--disabled_2idos_24", ge = "ds-radio_root--with-custom-area_2idos_27", Ne = "ds-radio_root--with-custom-area--above_2idos_30", We = "ds-radio_radio_2idos_36", xe = "ds-radio_dot_2idos_54", De = "ds-radio_radio--invalid_2idos_78", He = "ds-radio_label_2idos_83", Be = "ds-radio_label--bold_2idos_100", Se = "ds-radio_label--with-custom-area_2idos_111", Ue = "ds-radio_custom-area_2idos_115", Ie = "ds-radio_custom-area--above_2idos_123", $e = "ds-radio_hint_2idos_129", we = "ds-radio_hint--visible_2idos_153", je = "ds-radio_hint--unchecked-hidden_2idos_157", Ee = "ds-radio_input_2idos_163", t = {
7
+ root: ye,
8
+ rootDisabled: ke,
9
+ rootWithCustomArea: ge,
10
+ rootWithCustomAreaAbove: Ne,
11
+ radio: We,
12
+ dot: xe,
13
+ radioInvalid: De,
14
+ label: He,
15
+ labelBold: Be,
16
+ labelWithCustomArea: Se,
17
+ customArea: Ue,
18
+ customAreaAbove: Ie,
19
+ hint: $e,
20
+ hintVisible: we,
21
+ hintUncheckedHidden: je,
22
+ input: Ee
23
+ }, Ve = Ae((H, _) => {
24
+ const e = ve.c(83);
25
+ let B, b, o, n, i, d, c, h, v, S, U, I, $, w, j, u;
26
+ e[0] !== H ? ({
27
+ label: d,
28
+ name: c,
29
+ value: u,
30
+ checked: B,
31
+ className: b,
32
+ customArea: o,
33
+ isCustomAreaAbove: S,
34
+ defaultChecked: U,
35
+ disabled: I,
36
+ fieldsetId: n,
37
+ hint: i,
38
+ invalid: $,
39
+ isBold: w,
40
+ hideUncheckedHint: j,
41
+ onChange: h,
42
+ ...v
43
+ } = H, e[0] = H, e[1] = B, e[2] = b, e[3] = o, e[4] = n, e[5] = i, e[6] = d, e[7] = c, e[8] = h, e[9] = v, e[10] = S, e[11] = U, e[12] = I, e[13] = $, e[14] = w, e[15] = j, e[16] = u) : (B = e[1], b = e[2], o = e[3], n = e[4], i = e[5], d = e[6], c = e[7], h = e[8], v = e[9], S = e[10], U = e[11], I = e[12], $ = e[13], w = e[14], j = e[15], u = e[16]);
44
+ const f = S === void 0 ? !1 : S, ue = U === void 0 ? !1 : U, a = I === void 0 ? !1 : I, A = $ === void 0 ? !1 : $, X = w === void 0 ? !1 : w, r = j === void 0 ? !1 : j, fe = ce(null), s = ce(null), [me, _e] = pe(ue), V = B !== void 0, l = V ? B : me;
45
+ let O, R;
46
+ e[17] !== l || e[18] !== r ? (O = () => {
47
+ s.current && (r ? (s.current.style.height === "0px" || s.current.style.height === "") && l ? (s.current.style.height = `${s.current.scrollHeight}px`, s.current.style.opacity = "1") : l || (s.current.style.opacity = "0", s.current.style.height = "0px", s.current.style.pointerEvents = "none") : (s.current.style.height === "0px" || s.current.style.height === "") && (s.current.style.height = "auto", s.current.style.opacity = "1"));
48
+ }, R = [s, l, r], e[17] = l, e[18] = r, e[19] = O, e[20] = R) : (O = e[19], R = e[20]), Ce(O, R);
49
+ const Y = !!o, Z = !!o && f;
50
+ let q;
51
+ e[21] !== b || e[22] !== a || e[23] !== Z || e[24] !== Y ? (q = E(t.root, {
52
+ [t.rootDisabled]: a,
53
+ [t.rootWithCustomArea]: Y,
54
+ [t.rootWithCustomAreaAbove]: Z
55
+ }, b), e[21] = b, e[22] = a, e[23] = Z, e[24] = Y, e[25] = q) : q = e[25];
56
+ const ee = q, te = !!o;
57
+ let z;
58
+ e[26] !== X || e[27] !== te ? (z = E(t.label, {
59
+ [t.labelBold]: X,
60
+ [t.labelWithCustomArea]: te
61
+ }), e[26] = X, e[27] = te, e[28] = z) : z = e[28];
62
+ const se = z;
63
+ let F;
64
+ e[29] !== l || e[30] !== r || e[31] !== i ? (F = () => !r && i ? !0 : !!(r && i && l), e[29] = l, e[30] = r, e[31] = i, e[32] = F) : F = e[32];
65
+ const G = F, oe = r && !G();
66
+ let J;
67
+ e[33] !== G || e[34] !== oe ? (J = E(t.hint, {
68
+ [t.hintUncheckedHidden]: oe,
69
+ [t.hintVisible]: G()
70
+ }), e[33] = G, e[34] = oe, e[35] = J) : J = e[35];
71
+ const ie = J;
72
+ let K;
73
+ e[36] !== A ? (K = E(t.radio, {
74
+ [t.radioInvalid]: A
75
+ }), e[36] = A, e[37] = K) : K = e[37];
76
+ const le = K;
77
+ let L;
78
+ e[38] === Symbol.for("react.memo_cache_sentinel") ? (L = E(t.customArea, t.customAreaAbove), e[38] = L) : L = e[38];
79
+ const be = L;
80
+ let M;
81
+ e[39] !== a || e[40] !== V || e[41] !== h ? (M = (m) => {
82
+ if (a) {
83
+ m.preventDefault();
84
+ return;
85
+ }
86
+ V || _e(m.target.checked), h && h(m);
87
+ }, e[39] = a, e[40] = V, e[41] = h, e[42] = M) : M = e[42];
88
+ const ae = M, p = i ? `${he(c)}-${he(u)}-description` : void 0;
89
+ let P;
90
+ e[43] !== p || e[44] !== n || e[45] !== A ? (P = [A && n && `${n}-feedback`, p].filter(Boolean).join(" ") || void 0, e[43] = p, e[44] = n, e[45] = A, e[46] = P) : P = e[46];
91
+ const re = P;
92
+ let C;
93
+ e[47] !== _ ? (C = (m) => {
94
+ typeof _ == "function" ? _(m) : _ !== null && (_.current = m), fe.current = m;
95
+ }, e[47] = _, e[48] = C) : C = e[48];
96
+ const de = typeof d == "string" ? d : void 0;
97
+ let y;
98
+ e[49] !== re || e[50] !== l || e[51] !== a || e[52] !== ae || e[53] !== c || e[54] !== v || e[55] !== C || e[56] !== de || e[57] !== u ? (y = /* @__PURE__ */ D("input", { type: "radio", value: u, name: c, className: t.input, ref: C, onChange: ae, ...v, disabled: a, checked: l, "aria-label": de, "aria-describedby": re }), e[49] = re, e[50] = l, e[51] = a, e[52] = ae, e[53] = c, e[54] = v, e[55] = C, e[56] = de, e[57] = u, e[58] = y) : y = e[58];
99
+ let Q;
100
+ e[59] === Symbol.for("react.memo_cache_sentinel") ? (Q = /* @__PURE__ */ D("div", { className: t.dot }), e[59] = Q) : Q = e[59];
101
+ let k;
102
+ e[60] !== le ? (k = /* @__PURE__ */ D("span", { className: le, children: Q }), e[60] = le, e[61] = k) : k = e[61];
103
+ let g;
104
+ e[62] !== o || e[63] !== f ? (g = o && f && /* @__PURE__ */ D("div", { className: be, children: o }), e[62] = o, e[63] = f, e[64] = g) : g = e[64];
105
+ let N;
106
+ e[65] !== o || e[66] !== f ? (N = o && !f && /* @__PURE__ */ D("div", { className: t.customArea, children: o }), e[65] = o, e[66] = f, e[67] = N) : N = e[67];
107
+ let W;
108
+ e[68] !== p || e[69] !== i || e[70] !== ie ? (W = /* @__PURE__ */ D("span", { id: p, className: ie, ref: s, children: i }), e[68] = p, e[69] = i, e[70] = ie, e[71] = W) : W = e[71];
109
+ let x;
110
+ e[72] !== d || e[73] !== se || e[74] !== N || e[75] !== W ? (x = /* @__PURE__ */ ne("span", { className: se, children: [
111
+ d,
112
+ N,
113
+ W
114
+ ] }), e[72] = d, e[73] = se, e[74] = N, e[75] = W, e[76] = x) : x = e[76];
115
+ let T;
116
+ return e[77] !== ee || e[78] !== y || e[79] !== k || e[80] !== g || e[81] !== x ? (T = /* @__PURE__ */ ne("label", { className: ee, children: [
117
+ y,
118
+ k,
119
+ g,
120
+ x
121
+ ] }), e[77] = ee, e[78] = y, e[79] = k, e[80] = g, e[81] = x, e[82] = T) : T = e[82], T;
122
+ });
123
+ Ve.displayName = "DSRadio";
124
+ export {
125
+ Ve as DSRadio
126
+ };
package/radio.d.ts CHANGED
@@ -1 +1,2 @@
1
1
  export * from './components/Radio/Radio'
2
+ export {}
@@ -0,0 +1,11 @@
1
+ "use client";
2
+ import "react/jsx-runtime";
3
+ import "./chunks/index.CgTHIF3K.js";
4
+ import "./chunks/index.CEyLAtio.js";
5
+ import "react";
6
+ import "./chunks/Fieldset.CjIfmN_5.js";
7
+ import "./radio.7_N_alaS.js";
8
+ import { D as s } from "./chunks/RadioGroup.peTeMK45.js";
9
+ export {
10
+ s as DSRadioGroup
11
+ };
package/radiogroup.d.ts CHANGED
@@ -1 +1,2 @@
1
1
  export * from './components/RadioGroup/RadioGroup'
2
+ export {}
@@ -0,0 +1,123 @@
1
+ "use client";
2
+ import { jsxs as J, jsx as w } from "react/jsx-runtime";
3
+ import { d as K } from "./chunks/index.CgTHIF3K.js";
4
+ import { c as y } from "./chunks/index.CEyLAtio.js";
5
+ import { useState as M, useRef as T } from "react";
6
+ import { i as j, g as A } from "./chunks/is-animation-disabled.CUl4N3LI.js";
7
+ import { g as Q } from "./chunks/helpers.BbWkXTr3.js";
8
+ import { u as O } from "./chunks/useIsomorphicLayoutEffect.CnJ9AMFS.js";
9
+ import { D as $ } from "./chunks/Button.B7xF1E19.js";
10
+ import './assets/scroller.Hszs1Yq4.css';const U = "ds-scroller_root_3ktti_1", Y = "ds-scroller_scroll-wrapper_3ktti_6", Z = "ds-scroller_scroller_3ktti_45", tt = "ds-scroller_scroll-button_3ktti_60", et = "ds-scroller_scroll-button--hidden_3ktti_65", rt = "ds-scroller_scroll-button--right_3ktti_69", n = {
11
+ root: U,
12
+ scrollWrapper: Y,
13
+ scroller: Z,
14
+ scrollButton: tt,
15
+ scrollButtonHidden: et,
16
+ scrollButtonRight: rt
17
+ }, dt = (c) => {
18
+ const t = K.c(37);
19
+ let a, f, u, r;
20
+ t[0] !== c ? ({
21
+ children: a,
22
+ className: f,
23
+ scrollToPosition: r,
24
+ ...u
25
+ } = c, t[0] = c, t[1] = a, t[2] = f, t[3] = u, t[4] = r) : (a = t[1], f = t[2], u = t[3], r = t[4]);
26
+ const [z, q] = M(!1), [H, V] = M(!1), S = T(null), e = T(null), X = T(!1), D = () => {
27
+ I();
28
+ };
29
+ let R;
30
+ t[5] === Symbol.for("react.memo_cache_sentinel") ? (R = [], t[5] = R) : R = t[5], O(() => {
31
+ const l = new ResizeObserver(D);
32
+ return e.current && l.observe(e.current), () => {
33
+ l.disconnect();
34
+ };
35
+ }, R);
36
+ let x;
37
+ t[6] !== r ? (x = [r], t[6] = r, t[7] = x) : x = t[7], O(() => {
38
+ var s;
39
+ const l = ["18px 'STIHL Contraface Digital Text Bold'"];
40
+ return Promise.all(l.map(ot)).then(() => {
41
+ X.current = !0, I(), F();
42
+ }).catch(lt), (s = e.current) == null || s.addEventListener("scroll", D), () => {
43
+ var i;
44
+ (i = e.current) == null || i.removeEventListener("scroll", D);
45
+ };
46
+ }, x);
47
+ const F = () => {
48
+ e.current && (r != null && r.scrollPosition) && e.current.scrollTo({
49
+ left: r.scrollPosition,
50
+ behavior: j() || !r.isSmooth ? "instant" : "smooth"
51
+ });
52
+ }, I = () => {
53
+ if (e.current && S.current) {
54
+ const l = A(e.current), s = A(S.current);
55
+ q(s.left < l.left), V(s.right > l.right + 4);
56
+ }
57
+ };
58
+ let o;
59
+ if (t[8] === Symbol.for("react.memo_cache_sentinel")) {
60
+ o = (s) => {
61
+ var N;
62
+ const i = l(s);
63
+ (N = e.current) == null || N.scrollTo({
64
+ left: i,
65
+ behavior: j() ? "instant" : "smooth"
66
+ });
67
+ };
68
+ const l = (s) => {
69
+ if (!S.current || !e.current)
70
+ return 0;
71
+ const {
72
+ scrollLeft: i,
73
+ offsetWidth: N
74
+ } = e.current, W = Math.round(N * 0.2);
75
+ return s === "next" ? i + W : i - W;
76
+ };
77
+ t[8] = o;
78
+ } else
79
+ o = t[8];
80
+ let L;
81
+ t[9] === Symbol.for("react.memo_cache_sentinel") ? (L = y(n.scroller), t[9] = L) : L = t[9];
82
+ const G = L;
83
+ let m;
84
+ t[10] !== f ? (m = y(n.root, f), t[10] = f, t[11] = m) : m = t[11];
85
+ const C = z || H ? 0 : -1;
86
+ let d;
87
+ t[12] !== a ? (d = /* @__PURE__ */ w("div", { className: G, ref: S, children: a }), t[12] = a, t[13] = d) : d = t[13];
88
+ let h;
89
+ t[14] !== C || t[15] !== d ? (h = /* @__PURE__ */ w("div", { className: n.scrollWrapper, ref: e, tabIndex: C, children: d }), t[14] = C, t[15] = d, t[16] = h) : h = t[16];
90
+ const E = !z;
91
+ let p;
92
+ t[17] !== E ? (p = y(n.scrollButton, {
93
+ [n.scrollButtonHidden]: E
94
+ }), t[17] = E, t[18] = p) : p = t[18];
95
+ let _;
96
+ t[19] !== o ? (_ = () => o("prev"), t[19] = o, t[20] = _) : _ = t[20];
97
+ let b;
98
+ t[21] !== _ || t[22] !== p ? (b = /* @__PURE__ */ w($, { variant: "filled", className: p, hideLabel: !0, iconName: "chevron-left", tabIndex: -1, size: "small", onClick: _, children: "Left" }), t[21] = _, t[22] = p, t[23] = b) : b = t[23];
99
+ const P = !H;
100
+ let B;
101
+ t[24] !== P ? (B = y(n.scrollButton, n.scrollButtonRight, {
102
+ [n.scrollButtonHidden]: P
103
+ }), t[24] = P, t[25] = B) : B = t[25];
104
+ let g;
105
+ t[26] !== o ? (g = () => o("next"), t[26] = o, t[27] = g) : g = t[27];
106
+ let v;
107
+ t[28] !== B || t[29] !== g ? (v = /* @__PURE__ */ w($, { variant: "filled", className: B, hideLabel: !0, iconName: "chevron-right", tabIndex: -1, size: "small", onClick: g, children: "Right" }), t[28] = B, t[29] = g, t[30] = v) : v = t[30];
108
+ let k;
109
+ return t[31] !== u || t[32] !== b || t[33] !== v || t[34] !== m || t[35] !== h ? (k = /* @__PURE__ */ J("div", { className: m, ...u, children: [
110
+ h,
111
+ b,
112
+ v
113
+ ] }), t[31] = u, t[32] = b, t[33] = v, t[34] = m, t[35] = h, t[36] = k) : k = t[36], k;
114
+ };
115
+ function ot(c) {
116
+ return document.fonts.load(c);
117
+ }
118
+ function lt(c) {
119
+ throw new Error(Q("DSScroller", `The component requires the fonts to be loaded: ${c}`));
120
+ }
121
+ export {
122
+ dt as DSScroller
123
+ };
package/scroller.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ export * from './components/Scroller/Scroller'
2
+ export {}
Binary file
Binary file
@@ -0,0 +1,13 @@
1
+ "use client";
2
+ import "react/jsx-runtime";
3
+ import "./chunks/index.CgTHIF3K.js";
4
+ import "./chunks/index.CEyLAtio.js";
5
+ import "react";
6
+ import "./chunks/useBreakpoint.CMOR9ZOB.js";
7
+ import "./asterisk.CR60hx8S.js";
8
+ import "./chunks/Icon.DGTYCv63.js";
9
+ import "./chunks/SystemFeedback.B9f67mjJ.js";
10
+ import { D } from "./chunks/Select.BDHLJ2ma.js";
11
+ export {
12
+ D as DSSelect
13
+ };
package/select.d.ts CHANGED
@@ -1 +1,2 @@
1
1
  export * from './components/Select/Select'
2
+ export {}
@@ -0,0 +1,35 @@
1
+ "use client";
2
+ import { jsx as u } from "react/jsx-runtime";
3
+ import { d as g } from "./chunks/index.CgTHIF3K.js";
4
+ import { c as w } from "./chunks/index.CEyLAtio.js";
5
+ import { g as S } from "./chunks/helpers.BbWkXTr3.js";
6
+ import { forwardRef as T } from "react";
7
+ import { D as _ } from "./chunks/LinkButton.DdTspmJz.js";
8
+ import './assets/skiptocontent.CTSDC_kG.css';const v = "ds-skip-to-content_root_uqkjt_1", C = "ds-skip-to-content_root--dark_uqkjt_8", D = {
9
+ root: v,
10
+ rootDark: C
11
+ }, E = T((m, d) => {
12
+ const t = g.c(16);
13
+ let o, e, s, r, n;
14
+ t[0] !== m ? ({
15
+ children: s,
16
+ className: o,
17
+ targetElementId: r,
18
+ theme: n,
19
+ ...e
20
+ } = m, t[0] = m, t[1] = o, t[2] = e, t[3] = s, t[4] = r, t[5] = n) : (o = t[1], e = t[2], s = t[3], r = t[4], n = t[5]);
21
+ const h = s === void 0 ? "Skip to main content" : s, a = r === void 0 ? "main" : r, i = n === void 0 ? "light" : n;
22
+ a.startsWith("#") && console.warn(S("DSSkipToContent", 'The targetElementId should not start with a "#" character. Please provide the id of the element you want to skip to.')), (a.startsWith("http") || a.startsWith(".")) && console.warn(S("DSSkipToContent", 'The targetElementId should not start with "http" or ".". Please provide the id of the element you want to skip to.'));
23
+ const p = i === "dark";
24
+ let l;
25
+ t[6] !== o || t[7] !== p ? (l = w(D.root, o, {
26
+ [D.rootDark]: p
27
+ }), t[6] = o, t[7] = p, t[8] = l) : l = t[8];
28
+ const k = l, f = `#${a}`;
29
+ let c;
30
+ return t[9] !== h || t[10] !== d || t[11] !== e || t[12] !== k || t[13] !== f || t[14] !== i ? (c = /* @__PURE__ */ u(_, { ...e, className: k, href: f, theme: i, ref: d, children: h }), t[9] = h, t[10] = d, t[11] = e, t[12] = k, t[13] = f, t[14] = i, t[15] = c) : c = t[15], c;
31
+ });
32
+ E.displayName = "DSSkipToContent";
33
+ export {
34
+ E as DSSkipToContent
35
+ };
@@ -0,0 +1,2 @@
1
+ export * from './components/SkipToContent/SkipToContent'
2
+ export {}
@@ -0,0 +1,11 @@
1
+ "use client";
2
+ import "react/jsx-runtime";
3
+ import "./chunks/index.CgTHIF3K.js";
4
+ import "./chunks/index.CEyLAtio.js";
5
+ import "react";
6
+ import "./chunks/useBreakpoint.CMOR9ZOB.js";
7
+ import "./input.BKHOY118.js";
8
+ import { D as s } from "./chunks/Slider.kyVr7BLk.js";
9
+ export {
10
+ s as DSSlider
11
+ };
package/slider.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ export * from './components/Slider/Slider'
2
+ export {}
@@ -0,0 +1,46 @@
1
+ "use client";
2
+ import { jsxs as x, jsx as w } from "react/jsx-runtime";
3
+ import { d as y } from "./chunks/index.CgTHIF3K.js";
4
+ import { c as L } from "./chunks/index.CEyLAtio.js";
5
+ import { D as v } from "./chunks/Icon.DGTYCv63.js";
6
+ import './assets/spinner.Ctn_YYBG.css';const I = "ds-spinner_root_awbzc_1", N = "ds-spinner_root-size-small_awbzc_10", O = "ds-spinner_root-size-medium_awbzc_14", R = "ds-spinner_root-size-large_awbzc_18", D = "ds-spinner_root-size-x-large_awbzc_22", M = "ds-spinner_root-size-inherit_awbzc_26", X = "ds-spinner_screenReaderOnly_awbzc_51", o = {
7
+ root: I,
8
+ rootSizeSmall: N,
9
+ rootSizeMedium: O,
10
+ rootSizeLarge: R,
11
+ rootSizeXLarge: D,
12
+ rootSizeInherit: M,
13
+ screenReaderOnly: X
14
+ }, k = (d) => {
15
+ const e = y.c(21);
16
+ let t, s, r, n, a;
17
+ e[0] !== d ? ({
18
+ aria: t,
19
+ className: s,
20
+ size: n,
21
+ theme: a,
22
+ ...r
23
+ } = d, e[0] = d, e[1] = t, e[2] = s, e[3] = r, e[4] = n, e[5] = a) : (t = e[1], s = e[2], r = e[3], n = e[4], a = e[5]);
24
+ const l = n === void 0 ? "small" : n, _ = a === void 0 ? "light" : a, S = l === "small", p = l === "medium", f = l === "large", g = l === "x-large", h = l === "inherit";
25
+ let c;
26
+ e[6] !== s || e[7] !== S || e[8] !== p || e[9] !== f || e[10] !== g || e[11] !== h ? (c = L(o.root, s, {
27
+ [o.rootSizeSmall]: S,
28
+ [o.rootSizeMedium]: p,
29
+ [o.rootSizeLarge]: f,
30
+ [o.rootSizeXLarge]: g,
31
+ [o.rootSizeInherit]: h
32
+ }), e[6] = s, e[7] = S, e[8] = p, e[9] = f, e[10] = g, e[11] = h, e[12] = c) : c = e[12];
33
+ const b = c, u = (t == null ? void 0 : t["aria-label"]) || void 0;
34
+ let m;
35
+ e[13] === Symbol.for("react.memo_cache_sentinel") ? (m = /* @__PURE__ */ w("span", { className: o.screenReaderOnly, children: " " }), e[13] = m) : m = e[13];
36
+ let i;
37
+ e[14] !== _ ? (i = /* @__PURE__ */ w(v, { name: "loading-spinner", theme: _, focusable: "false", "aria-hidden": "true" }), e[14] = _, e[15] = i) : i = e[15];
38
+ let z;
39
+ return e[16] !== r || e[17] !== b || e[18] !== i || e[19] !== u ? (z = /* @__PURE__ */ x("span", { className: b, role: "alert", "aria-live": "assertive", "aria-label": u, ...r, children: [
40
+ m,
41
+ i
42
+ ] }), e[16] = r, e[17] = b, e[18] = i, e[19] = u, e[20] = z) : z = e[20], z;
43
+ };
44
+ export {
45
+ k as DSSpinner
46
+ };
package/spinner.d.ts CHANGED
@@ -1 +1,2 @@
1
1
  export * from './components/Spinner/Spinner'
2
+ export {}
@@ -1 +1 @@
1
- @font-face{font-family:STIHL Contraface Digital Display Title;font-weight:400;font-style:normal;font-display:swap;src:url(./STIHLContrafaceDigitalDisplayTitling.woff2) format("woff2"),url(./STIHLContrafaceDigitalDisplayTitling.woff) format("woff")}@font-face{font-family:STIHL Contraface Digital Text Bold;font-weight:400;font-style:normal;font-display:swap;src:url(./STIHLContrafaceDigitalText-Bold.woff2) format("woff2"),url(./STIHLContrafaceDigitalText-Bold.woff) format("woff")}@font-face{font-family:STIHL Contraface Digital Text Regular;font-weight:400;font-style:normal;font-display:swap;src:url(./STIHLContrafaceDigitalText.woff2) format("woff2"),url(./STIHLContrafaceDigitalText.woff) format("woff")}
1
+ @font-face{font-family:STIHL Contraface Digital Display Title;font-weight:400;font-style:normal;font-display:swap;src:url(./STIHLContrafaceDigitalDisplayTitling.woff2) format("woff2"),url(./STIHLContrafaceDigitalDisplayTitling.woff) format("woff")}@font-face{font-family:STIHL Contraface Digital Text Bold;font-weight:400;font-style:normal;font-display:swap;src:url(./STIHLContrafaceDigitalText-Bold.woff2) format("woff2"),url(./STIHLContrafaceDigitalText-Bold.woff) format("woff")}@font-face{font-family:STIHL Contraface Digital Text Regular;font-weight:400;font-style:normal;font-display:swap;src:url(./STIHLContrafaceDigitalText.woff2) format("woff2"),url(./STIHLContrafaceDigitalText.woff) format("woff")}@font-face{font-family:STIHL Contraface Digital Text Demi;font-weight:400;font-style:normal;font-display:swap;src:url(./STIHLContrafaceDigitalTextDemi.woff2) format("woff2"),url(./STIHLContrafaceDigitalTextDemi.woff) format("woff")}
@@ -0,0 +1,4 @@
1
+ export * from './lib/animation';
2
+ export * from './lib/breakpoint';
3
+ export * from './lib/spacing';
4
+ export * from './lib/theme';