@stihl-design-system/components 1.0.0-RC.14 → 1.0.0-RC.16

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 (244) hide show
  1. package/accordion.Dm5MWHQ6.js +12 -0
  2. package/arialiveregions.BwwB-OfU.js +19 -0
  3. package/assets/Accordion.B5bGf8mR.css +1 -0
  4. package/assets/Breadcrumb.BaYrwrYl.css +1 -0
  5. package/assets/NavigationTabList.B6x56sAV.css +1 -0
  6. package/assets/linkstandalone.LMdnj-G0.css +1 -0
  7. package/asterisk.DUzshaw5.js +8 -0
  8. package/breadcrumb.BDpXhffn.js +11 -0
  9. package/breadcrumb.d.ts +2 -0
  10. package/button.Ywd82k7O.js +121 -0
  11. package/buttonround.CI5RGkR9.js +105 -0
  12. package/checkbox.C1JJOQeV.js +103 -0
  13. package/checkboxgroup.o5t3fWsf.js +9 -0
  14. package/chip.DcJLVxEm.js +11 -0
  15. package/chipgroup.CCq2AMSa.js +187 -0
  16. package/chunks/Accordion.BmI7nlus.js +166 -0
  17. package/chunks/AriaLiveRegions.utils.zSFFD3SF.js +27 -0
  18. package/chunks/Breadcrumb.BycdSn-b.js +106 -0
  19. package/chunks/CheckboxGroup.C-Adg1hA.js +74 -0
  20. package/chunks/Chip.BY8kLPnz.js +120 -0
  21. package/chunks/CustomReactSelect.C2yN7CYh.js +3622 -0
  22. package/chunks/Dialog.CjzCKRr2.js +140 -0
  23. package/chunks/Drawer.m2JeVNBp.js +148 -0
  24. package/chunks/Fieldset.DfWsQgjD.js +105 -0
  25. package/chunks/Icon.DhKyUWtM.js +231 -0
  26. package/chunks/Input.utils.Um8Pqp4U.js +52 -0
  27. package/chunks/InputPassword.CmvZcn6n.js +141 -0
  28. package/chunks/InputSearch.CwXaGLJp.js +179 -0
  29. package/chunks/InputStepper.NCl90c4h.js +275 -0
  30. package/chunks/NavigationTabList.BOrhiSiM.js +63 -0
  31. package/chunks/NavigationTabs.DW_6fZxc.js +63 -0
  32. package/chunks/Notification.Bp28ubaX.js +99 -0
  33. package/chunks/RadioGroup.Dh-7jSOg.js +105 -0
  34. package/chunks/Select.CMwsbHvQ.js +190 -0
  35. package/chunks/TabPane.utils.DG16Y2uD.js +10 -0
  36. package/chunks/Tabs.D3yDE5nU.js +77 -0
  37. package/chunks/Textarea.CMRn2Aof.js +184 -0
  38. package/chunks/Toast.Boi6TEHu.js +76 -0
  39. package/chunks/index.CEyLAtio.js +48 -0
  40. package/chunks/index.CgTHIF3K.js +293 -0
  41. package/chunks/{translate.isa3FHb8.js → translate.nuU7uChI.js} +1 -4
  42. package/chunks/useBreakpoint.CMOR9ZOB.js +44 -0
  43. package/combobox.BhzaJrs7.js +55 -0
  44. package/components/Accordion/Accordion.d.ts +5 -1
  45. package/components/Accordion/Accordion.utils.d.ts +2 -2
  46. package/components/AriaLiveRegions/AriaLiveRegions.d.ts +1 -0
  47. package/components/Asterisk/Asterisk.d.ts +1 -0
  48. package/components/Breadcrumb/Breadcrumb.d.ts +45 -0
  49. package/components/Breadcrumb/Breadcrumb.utils.d.ts +4 -0
  50. package/components/Button/Button.d.ts +6 -4
  51. package/components/ButtonRound/ButtonRound.d.ts +4 -1
  52. package/components/Checkbox/Checkbox.d.ts +2 -0
  53. package/components/CheckboxGroup/CheckboxGroup.d.ts +3 -1
  54. package/components/ChipGroup/ChipGroup.d.ts +2 -0
  55. package/components/Combobox/Combobox.d.ts +3 -0
  56. package/components/Combobox/CustomReactSelect/CustomReactSelect.d.ts +3 -2
  57. package/components/Combobox/CustomReactSelect/OptionCheckbox.d.ts +1 -1
  58. package/components/Dialog/Dialog.d.ts +15 -4
  59. package/components/Drawer/Drawer.d.ts +15 -5
  60. package/components/Fieldset/Fieldset.d.ts +3 -1
  61. package/components/Flag/Flag.d.ts +3 -0
  62. package/components/FloatingActionButton/FloatingActionButton.d.ts +4 -1
  63. package/components/Heading/Heading.d.ts +3 -1
  64. package/components/Icon/Icon.d.ts +3 -1
  65. package/components/Input/Input.d.ts +23 -10
  66. package/components/Input/Input.utils.d.ts +2 -2
  67. package/components/InputPassword/InputPassword.d.ts +18 -9
  68. package/components/InputSearch/InputSearch.d.ts +17 -7
  69. package/components/InputStepper/InputStepper.d.ts +24 -8
  70. package/components/Link/Link.d.ts +6 -3
  71. package/components/LinkStandalone/LinkStandalone.d.ts +4 -1
  72. package/components/Logo/Logo.d.ts +3 -1
  73. package/components/NavigationTabs/NavigationTabs.d.ts +43 -0
  74. package/components/NavigationTabs/NavigationTabs.test.d.ts +1 -0
  75. package/components/NavigationTabs/NavigationTabs.utils.d.ts +6 -0
  76. package/components/Notification/Notification.d.ts +14 -5
  77. package/components/NumberIndicator/NumberIndicator.d.ts +1 -0
  78. package/components/RadioGroup/RadioGroup.d.ts +2 -0
  79. package/components/Select/Select.d.ts +2 -1
  80. package/components/SkipToContent/SkipToContent.d.ts +3 -0
  81. package/components/Spinner/Spinner.d.ts +7 -1
  82. package/components/Switch/Switch.d.ts +6 -4
  83. package/components/SystemFeedback/SystemFeedback.d.ts +1 -1
  84. package/components/Tabs/TabList/NavigationTabList/NavigationTabList.d.ts +22 -0
  85. package/components/Tabs/TabList/TabList.d.ts +38 -0
  86. package/components/Tabs/TabList/TabList.utils.d.ts +6 -0
  87. package/components/Tabs/TabList/TabList.utils.test.d.ts +1 -0
  88. package/components/Tabs/TabPane/TabPane.d.ts +1 -1
  89. package/components/Tabs/Tabs.d.ts +9 -2
  90. package/components/Tabs/Tabs.utils.d.ts +1 -6
  91. package/components/Text/Text.d.ts +6 -4
  92. package/components/Textarea/Textarea.d.ts +3 -1
  93. package/components/Title/Title.d.ts +3 -1
  94. package/components/Toast/Toast.d.ts +2 -0
  95. package/customreactselect.CW5-QQSM.js +14 -0
  96. package/dialog.DuAgAwfs.js +10 -0
  97. package/drawer.D3E46fH1.js +10 -0
  98. package/fieldset.4UygHVV3.js +12 -0
  99. package/flag.BJk5fHMs.js +50 -0
  100. package/floatingactionbutton.DFZ2YwaJ.js +74 -0
  101. package/heading.6LOBHJG6.js +55 -0
  102. package/icon.dww0DXWN.js +9 -0
  103. package/index.d.ts +4 -0
  104. package/index.es.js +139 -179
  105. package/input.DXzeHdRE.js +211 -0
  106. package/inputpassword.DXEvvgZt.js +13 -0
  107. package/inputsearch.DzwXj82k.js +14 -0
  108. package/inputstepper.CYwcFoQ1.js +16 -0
  109. package/link.CgNqBaNn.js +106 -0
  110. package/linkstandalone.Dn-uDj5T.js +69 -0
  111. package/logo.BgnYvK7t.js +51 -0
  112. package/navigationtablist.XNy54fXK.js +9 -0
  113. package/navigationtablist.d.ts +2 -0
  114. package/navigationtabs.DheMj9hs.js +9 -0
  115. package/navigationtabs.d.ts +2 -0
  116. package/notification.BnyOWmCm.js +10 -0
  117. package/numberindicator.Do92cr0z.js +35 -0
  118. package/optioncheckbox.DcckSTrV.js +52 -0
  119. package/package.json +53 -50
  120. package/partials/index.js +248 -2131
  121. package/partials/lib/partials.d.ts +77 -4
  122. package/radio.TDaeblOB.js +130 -0
  123. package/radiogroup.DyL_cJzK.js +11 -0
  124. package/select.BoeUz4Fb.js +13 -0
  125. package/skiptocontent.D7xhN0KM.js +35 -0
  126. package/spinner.gilnr6vN.js +52 -0
  127. package/switch.Ca9tRATr.js +68 -0
  128. package/systemfeedback.7I6fnqjX.js +34 -0
  129. package/tablist.TWjlHs5Y.js +251 -0
  130. package/tablist.d.ts +2 -0
  131. package/tabpane.CB-eudyw.js +37 -0
  132. package/tabs.Cr2CMXbY.js +11 -0
  133. package/text.C6gOJ2nV.js +59 -0
  134. package/textarea.CqDSxfcU.js +12 -0
  135. package/title.CSCXJnBN.js +43 -0
  136. package/toast.BN0v57nF.js +11 -0
  137. package/toastmanager.B9CR9plV.js +115 -0
  138. package/utils/render-documentation.d.ts +1 -0
  139. package/accordion.C6_sqiW2.js +0 -10
  140. package/arialiveregions.2dxodwBP.js +0 -27
  141. package/assets/Accordion.i4k5SMQM.css +0 -1
  142. package/assets/Tabs.DUqlqP6R.css +0 -1
  143. package/assets/linkstandalone.DIazcjIv.css +0 -1
  144. package/asterisk.DpzETKdT.js +0 -8
  145. package/button.BfcWQZhx.js +0 -135
  146. package/buttonround.E56F_805.js +0 -118
  147. package/checkbox.Dt0OWryN.js +0 -111
  148. package/checkboxgroup.je32bRPr.js +0 -8
  149. package/chip.CpnDX4Ro.js +0 -10
  150. package/chipgroup.Cy76KMWu.js +0 -175
  151. package/chunks/Accordion.Bza3TO4Y.js +0 -125
  152. package/chunks/AriaLiveRegions.utils.Bq6Mp2bE.js +0 -40
  153. package/chunks/CheckboxGroup.C_2ZwEQJ.js +0 -95
  154. package/chunks/Chip.BvlKC503.js +0 -148
  155. package/chunks/CustomReactSelect.CB41lklE.js +0 -3598
  156. package/chunks/Dialog.ClBjJWOh.js +0 -148
  157. package/chunks/Drawer.ReDW3ohH.js +0 -154
  158. package/chunks/Fieldset.Ct_JFRs9.js +0 -99
  159. package/chunks/Icon.BCmt_XBG.js +0 -223
  160. package/chunks/Input.utils.DYbmWlx6.js +0 -111
  161. package/chunks/InputPassword.Cvk5J8w1.js +0 -143
  162. package/chunks/InputSearch.BIIW-ERk.js +0 -192
  163. package/chunks/InputStepper.DGzR3KY6.js +0 -296
  164. package/chunks/Notification.uAEjPywP.js +0 -92
  165. package/chunks/RadioGroup.D10-pe9H.js +0 -146
  166. package/chunks/Select.DsLnW29U.js +0 -194
  167. package/chunks/TabPane.CYuUi0oL.js +0 -51
  168. package/chunks/Tabs.D_JAsvoh.js +0 -270
  169. package/chunks/Textarea.Dh9R9YdZ.js +0 -199
  170. package/chunks/Toast.j7LPnQ36.js +0 -89
  171. package/chunks/index.CvOaL64Y.js +0 -45
  172. package/chunks/jsx-runtime.C115EyI4.js +0 -635
  173. package/chunks/useBreakpoint.B8XxjSVJ.js +0 -48
  174. package/combobox.D6zXg976.js +0 -47
  175. package/customreactselect.BcjDvZG6.js +0 -13
  176. package/dialog.BkVOgeWY.js +0 -9
  177. package/drawer.DM_NKGTQ.js +0 -9
  178. package/fieldset.CSNoVbL1.js +0 -11
  179. package/flag.BKpsdB_-.js +0 -43
  180. package/floatingactionbutton.D5L0B7zI.js +0 -87
  181. package/heading.IPIYc5vW.js +0 -50
  182. package/icon.Ck0BpI34.js +0 -8
  183. package/input.BbnmbMCI.js +0 -241
  184. package/inputpassword.KnZRwWCQ.js +0 -12
  185. package/inputsearch.DgYJPZ2v.js +0 -13
  186. package/inputstepper.T_of1Gz0.js +0 -15
  187. package/link.L8O_InKe.js +0 -116
  188. package/linkstandalone.BBoEniZ_.js +0 -79
  189. package/logo.Hul8qCFo.js +0 -65
  190. package/notification.Bt9TbAAt.js +0 -9
  191. package/numberindicator.UU7FSouT.js +0 -26
  192. package/optioncheckbox.BRUTnQnJ.js +0 -43
  193. package/radio.B-2uuWHq.js +0 -114
  194. package/radiogroup.DM_lF4hI.js +0 -10
  195. package/select.COLuwr89.js +0 -12
  196. package/skiptocontent.DxogCFvU.js +0 -45
  197. package/spinner.Bq97Og-6.js +0 -58
  198. package/switch.DI8YYa5G.js +0 -65
  199. package/systemfeedback.C3Pfxxpp.js +0 -25
  200. package/tabpane.BnQBzVXw.js +0 -8
  201. package/tabs.BaELlVri.js +0 -15
  202. package/text.DThvTwm8.js +0 -57
  203. package/textarea.Wcl_pVBb.js +0 -13
  204. package/title.DqzdB2Gq.js +0 -36
  205. package/toast.DQlMWU6I.js +0 -10
  206. package/toastmanager.DxHFtr5C.js +0 -119
  207. /package/assets/{CheckboxGroup.BH1Br1dg.css → CheckboxGroup.Dd-Huo7x.css} +0 -0
  208. /package/assets/{Chip.DSdLuzoi.css → Chip.dxIYIjj7.css} +0 -0
  209. /package/assets/{CustomReactSelect.vHt8qNKC.css → CustomReactSelect.DYDaP5r5.css} +0 -0
  210. /package/assets/{Dialog.BgzebVk4.css → Dialog.DXmPdExC.css} +0 -0
  211. /package/assets/{Drawer.Bauwxrk7.css → Drawer.BcM0epJS.css} +0 -0
  212. /package/assets/{Fieldset.DOdTbb7C.css → Fieldset.Og4EsnPI.css} +0 -0
  213. /package/assets/{Icon.DxRSBRSL.css → Icon.ZNrKuqgu.css} +0 -0
  214. /package/assets/{InputPassword.CG7Ugu73.css → InputPassword.DtKteerr.css} +0 -0
  215. /package/assets/{InputSearch.CseChMc-.css → InputSearch.Mql3oFlQ.css} +0 -0
  216. /package/assets/{InputStepper.C0eAYr7P.css → InputStepper.BXz1MMBg.css} +0 -0
  217. /package/assets/{Notification.DbRapUJo.css → Notification.DZIF-Wo6.css} +0 -0
  218. /package/assets/{RadioGroup.BfMo157q.css → RadioGroup.CM2mYOzc.css} +0 -0
  219. /package/assets/{Select.D4EXgIbz.css → Select.KvAgxJZk.css} +0 -0
  220. /package/assets/{Textarea.KJGPTYMz.css → Textarea.BIRQlv6m.css} +0 -0
  221. /package/assets/{Toast.CuafTAf7.css → Toast.CuM-yS7S.css} +0 -0
  222. /package/assets/{arialiveregions.DhsijBaL.css → arialiveregions.e0Q16ZWi.css} +0 -0
  223. /package/assets/{asterisk.BfVAUBO7.css → asterisk.B41DaZDe.css} +0 -0
  224. /package/assets/{button.DF4RBeC2.css → button.CpPeQPsM.css} +0 -0
  225. /package/assets/{buttonround.19uK_-oO.css → buttonround.BFauSRAb.css} +0 -0
  226. /package/assets/{checkbox.ByOoFouu.css → checkbox.BKHQN_tu.css} +0 -0
  227. /package/assets/{chipgroup.BzfZLbkv.css → chipgroup.CUIkyYBW.css} +0 -0
  228. /package/assets/{flag.B-RLcMcf.css → flag.C7i3MAAP.css} +0 -0
  229. /package/assets/{floatingactionbutton.E9HekT6S.css → floatingactionbutton.l0nvFiJU.css} +0 -0
  230. /package/assets/{heading.u4f8Mz94.css → heading.B-rdLVZD.css} +0 -0
  231. /package/assets/{input.BAkFKPW3.css → input.B5spSeMe.css} +0 -0
  232. /package/assets/{link.DDJj0D1U.css → link.Be5OF_8E.css} +0 -0
  233. /package/assets/{logo.CnW8alZU.css → logo.bVXt9m9R.css} +0 -0
  234. /package/assets/{numberindicator.BJ9vFpnd.css → numberindicator.BJnvB-K3.css} +0 -0
  235. /package/assets/{optioncheckbox.BZaWtRD7.css → optioncheckbox.DAffEKvY.css} +0 -0
  236. /package/assets/{radio.X-RTl_jo.css → radio.CGf7v0D_.css} +0 -0
  237. /package/assets/{skiptocontent.PTL3256m.css → skiptocontent.CTSDC_kG.css} +0 -0
  238. /package/assets/{spinner.2iWJWKyA.css → spinner.BJ5xwnYH.css} +0 -0
  239. /package/assets/{switch.gw6aa3kx.css → switch.Bc9KIyw9.css} +0 -0
  240. /package/assets/{systemfeedback.BPz5YlPC.css → systemfeedback.DoqgHZPH.css} +0 -0
  241. /package/assets/{TabPane.zywjfwo8.css → tabpane.D1LTb432.css} +0 -0
  242. /package/assets/{text.DjTG_qNb.css → text.BlRcxO8n.css} +0 -0
  243. /package/assets/{title.rosWPEG3.css → title.B0tsgJ-n.css} +0 -0
  244. /package/components/{Tabs/Tabs.utils.test.d.ts → Breadcrumb/Breadcrumb.test.d.ts} +0 -0
package/partials/lib/partials.d.ts CHANGED
@@ -1,16 +1,89 @@
1
1
  import { Format } from '../shared';
2
+ import { JSX } from 'react';
2
3
  type GetMetaIconLinksOptions = {
3
4
  format?: Format;
4
5
  };
5
- 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: {
6
32
  format: 'html';
7
33
  }): string;
8
- export declare function getMetaIconLinks(opts?: {
34
+ export declare function getMetaIconLinks(options?: {
9
35
  format: 'jsx' | 'cra';
10
36
  }): JSX.Element;
11
- export declare function getMetaIconLinks(opts?: GetMetaIconLinksOptions): string | JSX.Element;
37
+ export declare function getMetaIconLinks(options?: GetMetaIconLinksOptions): string | JSX.Element;
12
38
  type GetResetStylesOptions = {
13
39
  format?: Exclude<Format, 'cra'>;
14
40
  };
15
- 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", "DSAriaLiveRegions", "DSBreadcrumb", "DSButton", "DSButtonRound", "DSCheckbox", "DSCheckboxGroup", "DSChipGroup", "DSCombobox", "DSDialog", "DSDrawer", "DSFieldset", "DSFlag", "DSFloatingActionButton", "DSHeading", "DSIcon", "DSInput", "DSInputPassword", "DSInputSearch", "DSInputStepper", "DSLink", "DSLinkStandalone", "DSLogo", "DSNavigationTabs", "DSNotification", "DSRadioGroup", "DSSelect", "DSSkipToContent", "DSSpinner", "DSSwitch", "DSTabs", "DSText", "DSTextarea", "DSTitle", "DSToastManager"];
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;
16
89
  export {};
package/radio.TDaeblOB.js ADDED
@@ -0,0 +1,130 @@
1
+ "use client";
2
+ import { jsx as S, jsxs as ie } from "react/jsx-runtime";
3
+ import { d as ce } from "./chunks/index.CgTHIF3K.js";
4
+ import { c as F } from "./chunks/index.CEyLAtio.js";
5
+ import { forwardRef as he, useRef as de, useState as _e, useEffect as me } from "react";
6
+ import { u as ue } from "./chunks/useBreakpoint.CMOR9ZOB.js";
7
+ import './assets/radio.CGf7v0D_.css';const le = (A) => A.replace(/\s+/g, ""), be = "ds-radio_root_tdhm5_1", fe = "ds-radio_root--disabled_tdhm5_21", pe = "ds-radio_root--with-custom-area_tdhm5_24", ve = "ds-radio_radio_tdhm5_28", Ce = "ds-radio_dot_tdhm5_45", ke = "ds-radio_radio--invalid_tdhm5_69", ye = "ds-radio_label_tdhm5_74", He = "ds-radio_label--bold_tdhm5_88", ge = "ds-radio_label--hidden_tdhm5_99", Ae = "ds-radio_label--with-custom-area_tdhm5_111", Ne = "ds-radio_custom-area_tdhm5_115", we = "ds-radio_hint_tdhm5_123", xe = "ds-radio_hint--visible_tdhm5_146", Be = "ds-radio_hint--unchecked-hidden_tdhm5_150", De = "ds-radio_hint--hidden_tdhm5_155", Ue = "ds-radio_input_tdhm5_168", t = {
8
+ root: be,
9
+ "root--disabled": "ds-radio_root--disabled_tdhm5_21",
10
+ rootDisabled: fe,
11
+ "root--with-custom-area": "ds-radio_root--with-custom-area_tdhm5_24",
12
+ rootWithCustomArea: pe,
13
+ radio: ve,
14
+ dot: Ce,
15
+ "radio--invalid": "ds-radio_radio--invalid_tdhm5_69",
16
+ radioInvalid: ke,
17
+ label: ye,
18
+ "label--bold": "ds-radio_label--bold_tdhm5_88",
19
+ labelBold: He,
20
+ "label--hidden": "ds-radio_label--hidden_tdhm5_99",
21
+ labelHidden: ge,
22
+ "label--with-custom-area": "ds-radio_label--with-custom-area_tdhm5_111",
23
+ labelWithCustomArea: Ae,
24
+ "custom-area": "ds-radio_custom-area_tdhm5_115",
25
+ customArea: Ne,
26
+ hint: we,
27
+ "hint--visible": "ds-radio_hint--visible_tdhm5_146",
28
+ hintVisible: xe,
29
+ "hint--unchecked-hidden": "ds-radio_hint--unchecked-hidden_tdhm5_150",
30
+ hintUncheckedHidden: Be,
31
+ "hint--hidden": "ds-radio_hint--hidden_tdhm5_155",
32
+ hintHidden: De,
33
+ input: Ue
34
+ }, We = he((A, m) => {
35
+ const e = ce.c(74);
36
+ let N, u, o, d, n, r, c, b, w, x, B, D, U, W, h;
37
+ e[0] !== A ? ({
38
+ label: n,
39
+ name: r,
40
+ value: h,
41
+ checked: N,
42
+ className: u,
43
+ customArea: o,
44
+ defaultChecked: w,
45
+ disabled: x,
46
+ hideLabel: B,
47
+ hint: d,
48
+ invalid: D,
49
+ isBold: U,
50
+ hideUncheckedHint: W,
51
+ onChange: c,
52
+ ...b
53
+ } = A, e[0] = A, e[1] = N, e[2] = u, e[3] = o, e[4] = d, e[5] = n, e[6] = r, e[7] = c, e[8] = b, e[9] = w, e[10] = x, e[11] = B, e[12] = D, e[13] = U, e[14] = W, e[15] = h) : (N = e[1], u = e[2], o = e[3], d = e[4], n = e[5], r = e[6], c = e[7], b = e[8], w = e[9], x = e[10], B = e[11], D = e[12], U = e[13], W = e[14], h = e[15]);
54
+ const se = w === void 0 ? !1 : w, a = x === void 0 ? !1 : x, oe = B === void 0 ? !1 : B, G = D === void 0 ? !1 : D, J = U === void 0 ? !1 : U, l = W === void 0 ? !1 : W, ae = de(null), s = de(null), [ne, re] = _e(se), V = N !== void 0, i = V ? N : ne;
55
+ let I;
56
+ e[16] !== i || e[17] !== l ? (I = () => {
57
+ s.current && l && ((s.current.style.height === "0px" || s.current.style.height === "") && i ? (s.current.style.height = `${s.current.scrollHeight}px`, s.current.style.opacity = "1") : (s.current.style.opacity = "0", s.current.style.height = "0px"));
58
+ }, e[16] = i, e[17] = l, e[18] = I) : I = e[18];
59
+ let $;
60
+ e[19] !== i ? ($ = [s, i], e[19] = i, e[20] = $) : $ = e[20], me(I, $);
61
+ const f = ue(oe), K = !!o;
62
+ let L;
63
+ e[21] !== u || e[22] !== a || e[23] !== K ? (L = F(t.root, {
64
+ [t.rootDisabled]: a,
65
+ [t.rootWithCustomArea]: K
66
+ }, u), e[21] = u, e[22] = a, e[23] = K, e[24] = L) : L = e[24];
67
+ const M = L, Q = !!o;
68
+ let j;
69
+ e[25] !== f || e[26] !== J || e[27] !== Q ? (j = F(t.label, {
70
+ [t.labelBold]: J,
71
+ [t.labelHidden]: f,
72
+ [t.labelWithCustomArea]: Q
73
+ }), e[25] = f, e[26] = J, e[27] = Q, e[28] = j) : j = e[28];
74
+ const T = j;
75
+ let E;
76
+ e[29] !== i || e[30] !== l || e[31] !== d ? (E = () => !l && d ? !0 : !!(l && d && i), e[29] = i, e[30] = l, e[31] = d, e[32] = E) : E = e[32];
77
+ const X = E;
78
+ let O;
79
+ e[33] !== f || e[34] !== l || e[35] !== X ? (O = F(t.hint, {
80
+ [t.hintHidden]: f,
81
+ [t.hintUncheckedHidden]: l,
82
+ [t.hintVisible]: X()
83
+ }), e[33] = f, e[34] = l, e[35] = X, e[36] = O) : O = e[36];
84
+ const Y = O;
85
+ let P;
86
+ e[37] !== G ? (P = F(t.radio, {
87
+ [t.radioInvalid]: G
88
+ }), e[37] = G, e[38] = P) : P = e[38];
89
+ const Z = P;
90
+ let R;
91
+ e[39] !== a || e[40] !== V || e[41] !== c ? (R = (_) => {
92
+ if (a) {
93
+ _.preventDefault();
94
+ return;
95
+ }
96
+ V || re(_.target.checked), c && c(_);
97
+ }, e[39] = a, e[40] = V, e[41] = c, e[42] = R) : R = e[42];
98
+ const ee = R, p = d ? `${le(r)}-${le(h)}-description` : void 0;
99
+ let v;
100
+ e[43] !== m ? (v = (_) => {
101
+ typeof m == "function" ? m(_) : m !== null && (m.current = _), ae.current = _;
102
+ }, e[43] = m, e[44] = v) : v = e[44];
103
+ const te = typeof n == "string" ? n : void 0;
104
+ let C;
105
+ e[45] !== i || e[46] !== p || e[47] !== a || e[48] !== ee || e[49] !== r || e[50] !== b || e[51] !== v || e[52] !== te || e[53] !== h ? (C = /* @__PURE__ */ S("input", { type: "radio", value: h, name: r, className: t.input, ref: v, onChange: ee, ...b, disabled: a, checked: i, "aria-label": te, "aria-describedby": p }), e[45] = i, e[46] = p, e[47] = a, e[48] = ee, e[49] = r, e[50] = b, e[51] = v, e[52] = te, e[53] = h, e[54] = C) : C = e[54];
106
+ let q;
107
+ e[55] === Symbol.for("react.memo_cache_sentinel") ? (q = /* @__PURE__ */ S("div", { className: t.dot }), e[55] = q) : q = e[55];
108
+ let k;
109
+ e[56] !== Z ? (k = /* @__PURE__ */ S("span", { className: Z, children: q }), e[56] = Z, e[57] = k) : k = e[57];
110
+ let y;
111
+ e[58] !== o ? (y = o && /* @__PURE__ */ S("div", { className: t.customArea, children: o }), e[58] = o, e[59] = y) : y = e[59];
112
+ let H;
113
+ e[60] !== p || e[61] !== d || e[62] !== Y ? (H = /* @__PURE__ */ S("span", { id: p, className: Y, ref: s, children: d }), e[60] = p, e[61] = d, e[62] = Y, e[63] = H) : H = e[63];
114
+ let g;
115
+ e[64] !== n || e[65] !== T || e[66] !== y || e[67] !== H ? (g = /* @__PURE__ */ ie("span", { className: T, children: [
116
+ n,
117
+ y,
118
+ H
119
+ ] }), e[64] = n, e[65] = T, e[66] = y, e[67] = H, e[68] = g) : g = e[68];
120
+ let z;
121
+ return e[69] !== M || e[70] !== C || e[71] !== k || e[72] !== g ? (z = /* @__PURE__ */ ie("label", { className: M, children: [
122
+ C,
123
+ k,
124
+ g
125
+ ] }), e[69] = M, e[70] = C, e[71] = k, e[72] = g, e[73] = z) : z = e[73], z;
126
+ });
127
+ We.displayName = "DSRadio";
128
+ export {
129
+ We as DSRadio
130
+ };
package/radiogroup.DyL_cJzK.js ADDED
@@ -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.DfWsQgjD.js";
7
+ import "./radio.TDaeblOB.js";
8
+ import { D as s } from "./chunks/RadioGroup.Dh-7jSOg.js";
9
+ export {
10
+ s as DSRadioGroup
11
+ };
package/select.BoeUz4Fb.js ADDED
@@ -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.DUzshaw5.js";
8
+ import "./chunks/Icon.DhKyUWtM.js";
9
+ import "./systemfeedback.7I6fnqjX.js";
10
+ import { D } from "./chunks/Select.CMwsbHvQ.js";
11
+ export {
12
+ D as DSSelect
13
+ };
package/skiptocontent.D7xhN0KM.js ADDED
@@ -0,0 +1,35 @@
1
+ "use client";
2
+ import { jsx as S } from "react/jsx-runtime";
3
+ import { d as _ } from "./chunks/index.CgTHIF3K.js";
4
+ import { c as g } from "./chunks/index.CEyLAtio.js";
5
+ import { g as f } from "./chunks/helpers.CcqWV-wZ.js";
6
+ import "react";
7
+ import { DSLink as D } from "./link.CgNqBaNn.js";
8
+ import './assets/skiptocontent.CTSDC_kG.css';const w = "ds-skip-to-content_root_uqkjt_1", v = "ds-skip-to-content_root--dark_uqkjt_8", u = {
9
+ root: w,
10
+ "root--dark": "ds-skip-to-content_root--dark_uqkjt_8",
11
+ rootDark: v
12
+ }, x = (d) => {
13
+ const t = _.c(15);
14
+ let o, e, s, r, n;
15
+ t[0] !== d ? ({
16
+ children: s,
17
+ className: o,
18
+ targetElementId: r,
19
+ theme: n,
20
+ ...e
21
+ } = d, t[0] = d, 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]);
22
+ const m = s === void 0 ? "Skip to main content" : s, i = r === void 0 ? "main" : r, a = n === void 0 ? "light" : n;
23
+ i.startsWith("#") && console.warn(f("DSSkipToContent", 'The targetElementId should not start with a "#" character. Please provide the id of the element you want to skip to.')), (i.startsWith("http") || i.startsWith(".")) && console.warn(f("DSSkipToContent", 'The targetElementId should not start with "http" or ".". Please provide the id of the element you want to skip to.'));
24
+ const h = a === "dark";
25
+ let l;
26
+ t[6] !== o || t[7] !== h ? (l = g(u.root, o, {
27
+ [u.rootDark]: h
28
+ }), t[6] = o, t[7] = h, t[8] = l) : l = t[8];
29
+ const p = l, k = `#${i}`;
30
+ let c;
31
+ return t[9] !== m || t[10] !== e || t[11] !== p || t[12] !== k || t[13] !== a ? (c = /* @__PURE__ */ S(D, { ...e, className: p, href: k, theme: a, children: m }), t[9] = m, t[10] = e, t[11] = p, t[12] = k, t[13] = a, t[14] = c) : c = t[14], c;
32
+ };
33
+ export {
34
+ x as DSSkipToContent
35
+ };
package/spinner.gilnr6vN.js ADDED
@@ -0,0 +1,52 @@
1
+ "use client";
2
+ import { jsxs as L, jsx as x } from "react/jsx-runtime";
3
+ import { d as v } from "./chunks/index.CgTHIF3K.js";
4
+ import { c as b } from "./chunks/index.CEyLAtio.js";
5
+ import { D as I } from "./chunks/Icon.DhKyUWtM.js";
6
+ import './assets/spinner.BJ5xwnYH.css';const N = "ds-spinner_root_15hmy_1", O = "ds-spinner_root-size-small_15hmy_7", R = "ds-spinner_root-size-medium_15hmy_11", D = "ds-spinner_root-size-large_15hmy_15", M = "ds-spinner_root-size-x-large_15hmy_19", X = "ds-spinner_root-size-inherit_15hmy_23", j = "ds-spinner_rotate_15hmy_1", C = "ds-spinner_screenReaderOnly_15hmy_48", o = {
7
+ root: N,
8
+ "root-size-small": "ds-spinner_root-size-small_15hmy_7",
9
+ rootSizeSmall: O,
10
+ "root-size-medium": "ds-spinner_root-size-medium_15hmy_11",
11
+ rootSizeMedium: R,
12
+ "root-size-large": "ds-spinner_root-size-large_15hmy_15",
13
+ rootSizeLarge: D,
14
+ "root-size-x-large": "ds-spinner_root-size-x-large_15hmy_19",
15
+ rootSizeXLarge: M,
16
+ "root-size-inherit": "ds-spinner_root-size-inherit_15hmy_23",
17
+ rootSizeInherit: X,
18
+ rotate: j,
19
+ screenReaderOnly: C
20
+ }, w = (d) => {
21
+ const e = v.c(21);
22
+ let s, r, t, n, l;
23
+ e[0] !== d ? ({
24
+ aria: s,
25
+ className: r,
26
+ size: n,
27
+ theme: l,
28
+ ...t
29
+ } = d, e[0] = d, e[1] = s, e[2] = r, e[3] = t, e[4] = n, e[5] = l) : (s = e[1], r = e[2], t = e[3], n = e[4], l = e[5]);
30
+ const a = n === void 0 ? "small" : n, z = l === void 0 ? "light" : l, h = a === "small", p = a === "medium", S = a === "large", y = a === "x-large", g = a === "inherit";
31
+ let m;
32
+ e[6] !== r || e[7] !== h || e[8] !== p || e[9] !== S || e[10] !== y || e[11] !== g ? (m = b(o.root, r, {
33
+ [o.rootSizeSmall]: h,
34
+ [o.rootSizeMedium]: p,
35
+ [o.rootSizeLarge]: S,
36
+ [o.rootSizeXLarge]: y,
37
+ [o.rootSizeInherit]: g
38
+ }), e[6] = r, e[7] = h, e[8] = p, e[9] = S, e[10] = y, e[11] = g, e[12] = m) : m = e[12];
39
+ const f = m, u = (s == null ? void 0 : s["aria-label"]) || void 0;
40
+ let _;
41
+ e[13] === Symbol.for("react.memo_cache_sentinel") ? (_ = /* @__PURE__ */ x("span", { className: o.screenReaderOnly, children: " " }), e[13] = _) : _ = e[13];
42
+ let i;
43
+ e[14] !== z ? (i = /* @__PURE__ */ x(I, { name: "loading-spinner", theme: z, focusable: "false", "aria-hidden": "true" }), e[14] = z, e[15] = i) : i = e[15];
44
+ let c;
45
+ return e[16] !== t || e[17] !== f || e[18] !== i || e[19] !== u ? (c = /* @__PURE__ */ L("span", { className: f, role: "alert", "aria-live": "assertive", "aria-label": u, ...t, children: [
46
+ _,
47
+ i
48
+ ] }), e[16] = t, e[17] = f, e[18] = i, e[19] = u, e[20] = c) : c = e[20], c;
49
+ };
50
+ export {
51
+ w as DSSpinner
52
+ };
package/switch.Ca9tRATr.js ADDED
@@ -0,0 +1,68 @@
1
+ "use client";
2
+ import { jsxs as I, jsx as n } from "react/jsx-runtime";
3
+ import { d as O } from "./chunks/index.CgTHIF3K.js";
4
+ import { c as $ } from "./chunks/index.CEyLAtio.js";
5
+ import "react";
6
+ import { D as q } from "./chunks/Icon.DhKyUWtM.js";
7
+ import { DSSpinner as z } from "./spinner.gilnr6vN.js";
8
+ import './assets/switch.Bc9KIyw9.css';const A = "ds-switch_root_gdcld_1", B = "ds-switch_root--label-right_gdcld_40", F = "ds-switch_root--stretched_gdcld_43", G = "ds-switch_loader_gdcld_53", H = "ds-switch_thumb_gdcld_111", J = "ds-switch_root--checked_gdcld_126", s = {
9
+ root: A,
10
+ "root--label-right": "ds-switch_root--label-right_gdcld_40",
11
+ rootLabelRight: B,
12
+ "root--stretched": "ds-switch_root--stretched_gdcld_43",
13
+ rootStretched: F,
14
+ switch: "ds-switch_switch_gdcld_48",
15
+ loader: G,
16
+ thumb: H,
17
+ "root--checked": "ds-switch_root--checked_gdcld_126",
18
+ rootChecked: J
19
+ }, V = (C) => {
20
+ const t = O.c(37);
21
+ let c, l, d, o, r, _, g, m, f, b;
22
+ t[0] !== C ? ({
23
+ children: l,
24
+ aria: c,
25
+ alignLabel: _,
26
+ checked: g,
27
+ className: d,
28
+ disabled: m,
29
+ loading: f,
30
+ stretched: b,
31
+ onClick: o,
32
+ ...r
33
+ } = C, t[0] = C, t[1] = c, t[2] = l, t[3] = d, t[4] = o, t[5] = r, t[6] = _, t[7] = g, t[8] = m, t[9] = f, t[10] = b) : (c = t[1], l = t[2], d = t[3], o = t[4], r = t[5], _ = t[6], g = t[7], m = t[8], f = t[9], b = t[10]);
34
+ const j = _ === void 0 ? "left" : _, p = g === void 0 ? !1 : g, w = m === void 0 ? !1 : m, e = f === void 0 ? !1 : f, E = b === void 0 ? !1 : b, L = p === !0, N = E === !0, v = j === "right";
35
+ let u;
36
+ t[11] !== d || t[12] !== L || t[13] !== N || t[14] !== v ? (u = $(s.root, d, {
37
+ [s.rootChecked]: L,
38
+ [s.rootStretched]: N,
39
+ [s.rootLabelRight]: v
40
+ }), t[11] = d, t[12] = L, t[13] = N, t[14] = v, t[15] = u) : u = t[15];
41
+ const D = u;
42
+ let k;
43
+ t[16] !== w || t[17] !== e || t[18] !== o ? (k = (R) => {
44
+ if (w || e) {
45
+ R.preventDefault();
46
+ return;
47
+ }
48
+ o && o(R);
49
+ }, t[16] = w, t[17] = e, t[18] = o, t[19] = k) : k = t[19];
50
+ const x = k, y = w || e;
51
+ let i;
52
+ t[20] !== l ? (i = /* @__PURE__ */ n("span", { children: l }), t[20] = l, t[21] = i) : i = t[21];
53
+ let a;
54
+ t[22] !== e ? (a = !e && /* @__PURE__ */ n("span", { className: s.switch, children: /* @__PURE__ */ n("span", { className: s.thumb, children: /* @__PURE__ */ n(q, { name: "check", "aria-hidden": "true" }) }) }), t[22] = e, t[23] = a) : a = t[23];
55
+ let h;
56
+ t[24] !== e ? (h = e && /* @__PURE__ */ n("span", { className: s.loader, children: /* @__PURE__ */ n(z, { aria: {
57
+ "aria-label": "Loading state"
58
+ } }) }), t[24] = e, t[25] = h) : h = t[25];
59
+ let S;
60
+ return t[26] !== c || t[27] !== p || t[28] !== x || t[29] !== e || t[30] !== r || t[31] !== D || t[32] !== y || t[33] !== i || t[34] !== a || t[35] !== h ? (S = /* @__PURE__ */ I("button", { className: D, onClick: x, ...c, ...r, type: "button", role: "switch", "aria-checked": p, "aria-disabled": y, "aria-busy": e, children: [
61
+ i,
62
+ a,
63
+ h
64
+ ] }), t[26] = c, t[27] = p, t[28] = x, t[29] = e, t[30] = r, t[31] = D, t[32] = y, t[33] = i, t[34] = a, t[35] = h, t[36] = S) : S = t[36], S;
65
+ };
66
+ export {
67
+ V as DSSwitch
68
+ };
package/systemfeedback.7I6fnqjX.js ADDED
@@ -0,0 +1,34 @@
1
+ "use client";
2
+ import { jsxs as d, jsx as f } from "react/jsx-runtime";
3
+ import { d as p } from "./chunks/index.CgTHIF3K.js";
4
+ import { c as k } from "./chunks/index.CEyLAtio.js";
5
+ import { D as x } from "./chunks/Icon.DhKyUWtM.js";
6
+ import './assets/systemfeedback.DoqgHZPH.css';const y = "ds-system-feedback_root_1l65g_1", g = {
7
+ root: y
8
+ }, b = {
9
+ valid: "circle-check-colored",
10
+ invalid: "diamond-exclamationmark-colored",
11
+ warning: "triangle-exclamationmark-colored"
12
+ }, N = (i) => {
13
+ const e = p.c(14);
14
+ let s, t, o, l;
15
+ e[0] !== i ? ({
16
+ className: s,
17
+ message: t,
18
+ type: l,
19
+ ...o
20
+ } = i, e[0] = i, e[1] = s, e[2] = t, e[3] = o, e[4] = l) : (s = e[1], t = e[2], o = e[3], l = e[4]);
21
+ let a;
22
+ e[5] !== s ? (a = k(g.root, s), e[5] = s, e[6] = a) : a = e[6];
23
+ const m = a, n = b[l];
24
+ let r;
25
+ e[7] !== n ? (r = /* @__PURE__ */ f(x, { name: n, "aria-hidden": "true" }), e[7] = n, e[8] = r) : r = e[8];
26
+ let c;
27
+ return e[9] !== t || e[10] !== o || e[11] !== m || e[12] !== r ? (c = /* @__PURE__ */ d("div", { className: m, ...o, role: "alert", children: [
28
+ r,
29
+ t
30
+ ] }), e[9] = t, e[10] = o, e[11] = m, e[12] = r, e[13] = c) : c = e[13], c;
31
+ };
32
+ export {
33
+ N as DSSystemFeedback
34
+ };