@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
@@ -1,40 +0,0 @@
1
- "use client";
2
- import { h as t } from "./has-window.ut_-aShB.js";
3
- import { g as s } from "./helpers.CcqWV-wZ.js";
4
- import "react";
5
- const e = "ds-alert-live-region", n = "ds-status-live-region", g = () => {
6
- if (t)
7
- return document.getElementById(e);
8
- }, c = () => {
9
- if (t)
10
- return document.getElementById(n);
11
- }, u = () => {
12
- if (!t)
13
- return;
14
- const o = document.querySelectorAll(
15
- `#${e}`
16
- ), i = document.querySelectorAll(
17
- `#${n}`
18
- );
19
- if (o.length > 1)
20
- throw new Error(
21
- s(
22
- "DSAriaLiveRegions",
23
- `The DSAriaLiveRegions component with id="${e}" should only be present once on the page. Found ${o.length} instances.`
24
- )
25
- );
26
- if (i.length > 1)
27
- throw new Error(
28
- s(
29
- "DSAriaLiveRegions",
30
- `The DSAriaLiveRegions component with id="${n}" should only be present once on the page. Found ${i.length} instances.`
31
- )
32
- );
33
- };
34
- export {
35
- e as A,
36
- n as a,
37
- g as b,
38
- c as g,
39
- u as v
40
- };
@@ -1,95 +0,0 @@
1
- "use client";
2
- import { j as u } from "./jsx-runtime.C115EyI4.js";
3
- import { c as m } from "./index.CvOaL64Y.js";
4
- import { D as f } from "./Fieldset.Ct_JFRs9.js";
5
- import l from "react";
6
- import { g as i, r as k } from "./helpers.CcqWV-wZ.js";
7
- import { DSCheckbox as D } from "../checkbox.Dt0OWryN.js";
8
- import '../assets/CheckboxGroup.BH1Br1dg.css';const _ = "ds-checkbox-group_root_12fot_1", C = "ds-checkbox-group_root--horizontal_12fot_9", S = "ds-checkbox-group_root--invalid_12fot_12", a = {
9
- root: _,
10
- "root--horizontal": "ds-checkbox-group_root--horizontal_12fot_9",
11
- rootHorizontal: C,
12
- "root--invalid": "ds-checkbox-group_root--invalid_12fot_12",
13
- rootInvalid: S
14
- }, v = ({
15
- children: o,
16
- description: r,
17
- id: s,
18
- legend: e,
19
- systemFeedback: c
20
- }) => {
21
- if (!s && (r || c))
22
- throw new Error(
23
- i(
24
- "DSCheckboxGroup",
25
- 'A unique "id" prop is required when providing the description or systemFeedback property. Please add a unique "id" prop to the DSCheckboxGroup component.'
26
- )
27
- );
28
- if (!e)
29
- throw new Error(
30
- i(
31
- "DSCheckboxGroup",
32
- k("legend", "DSCheckboxGroup")
33
- )
34
- );
35
- if (!o)
36
- throw new Error(
37
- i(
38
- "DSCheckboxGroup",
39
- "The component requires DSCheckbox components to be explicitly set as its children. Ensure that you include individual DSCheckbox components within the DSCheckboxGroup to create a cohesive checkbox group."
40
- )
41
- );
42
- l.Children.forEach(o, (t) => {
43
- if (!(l.isValidElement(t) && t.type === D))
44
- throw new Error(
45
- i(
46
- "DSCheckboxGroup",
47
- "The component requires the children to be DSCheckbox elements. Ensure that you include individual DSCheckbox components within the DSCheckboxGroup to create a cohesive checkbox group."
48
- )
49
- );
50
- });
51
- }, y = ({
52
- children: o,
53
- legend: r,
54
- className: s,
55
- description: e,
56
- direction: c = "vertical",
57
- disabled: t = !1,
58
- id: h,
59
- invalid: p = !1,
60
- required: d = !1,
61
- systemFeedback: n,
62
- ...x
63
- }) => {
64
- process.env.NODE_ENV !== "production" && v({
65
- children: o,
66
- legend: r,
67
- description: e,
68
- id: h,
69
- systemFeedback: n
70
- });
71
- const b = m(a.root, {
72
- // In case of longer copy, use vertical direction
73
- [a.rootHorizontal]: c === "horizontal",
74
- [a.rootInvalid]: p && !!n
75
- });
76
- return /* @__PURE__ */ u.jsx(
77
- f,
78
- {
79
- id: h,
80
- legend: r,
81
- className: s,
82
- description: e,
83
- disabled: t,
84
- required: d,
85
- invalid: p,
86
- systemFeedback: n,
87
- ...x,
88
- children: /* @__PURE__ */ u.jsx("div", { className: b, children: o })
89
- }
90
- );
91
- };
92
- export {
93
- y as D,
94
- v
95
- };
@@ -1,148 +0,0 @@
1
- "use client";
2
- import { j as o } from "./jsx-runtime.C115EyI4.js";
3
- import { c as _ } from "./index.CvOaL64Y.js";
4
- import { forwardRef as w } from "react";
5
- import { t as y } from "./translate.isa3FHb8.js";
6
- import { D as d } from "./Icon.BCmt_XBG.js";
7
- import { g as a, r as h } from "./helpers.CcqWV-wZ.js";
8
- import { g as b } from "./AriaLiveRegions.utils.Bq6Mp2bE.js";
9
- import '../assets/Chip.DSdLuzoi.css';const G = "ds-chip-group_chip_aidwn_1", P = "ds-chip-group_chip--small_aidwn_30", u = {
10
- chip: G,
11
- "chip--small": "ds-chip-group_chip--small_aidwn_30",
12
- chipSmall: P
13
- }, q = ({
14
- chips: e,
15
- id: i,
16
- label: r
17
- }) => {
18
- if (!Array.isArray(e))
19
- throw new Error(
20
- a(
21
- "DSChipGroup",
22
- h("chips", "DSChipGroup")
23
- )
24
- );
25
- if (!i)
26
- throw new Error(
27
- a(
28
- "DSChipGroup",
29
- 'A unique "id" prop is required when providing the description or systemFeedback property. Please add a unique "id" prop to the DSChipGroup component.'
30
- )
31
- );
32
- if (!r)
33
- throw new Error(
34
- a(
35
- "DSChipGroup",
36
- h("label", "DSChipGroup")
37
- )
38
- );
39
- }, H = () => {
40
- if (!b())
41
- throw new Error(
42
- a(
43
- "DSChipGroup",
44
- 'The DSAriaLiveRegions component has to be placed at the root of your application, as close to the "body" as possible, e.g. in your "App.tsx" or "layout.tsx".'
45
- )
46
- );
47
- }, U = ["medium", "small"], R = {
48
- disabled: "disabled",
49
- selected: "selected",
50
- // {0} is the action (e.g., select/unselect)
51
- selectChip: "press space to {0}",
52
- unselectAction: "unselect",
53
- selectAction: "select",
54
- addToSelection: "add this option to selection",
55
- removeFromSelection: "remove this option from selection",
56
- removeChip: "press Backspace to remove the currently focused value",
57
- titleDisabled: "Disabled",
58
- titleRemovable: "Remove filter",
59
- titleDeactivate: "Deactivate property",
60
- titleActivate: "Activate property"
61
- }, T = {
62
- disabled: "deaktiviert",
63
- selected: "ausgewählt",
64
- // {0} is the action (e.g., select/unselect)
65
- selectChip: "drücke Leertaste, um {0}",
66
- unselectAction: "abzuwählen",
67
- selectAction: "auszuwählen",
68
- addToSelection: "diese Option zur Auswahl hinzuzufügen",
69
- removeFromSelection: "diese Option aus der Auswahl zu entfernen",
70
- removeChip: "drücke Backspace, um den aktuell fokussierten Wert zu entfernen",
71
- titleDisabled: "Deaktiviert",
72
- titleRemovable: "Filter entfernen",
73
- titleDeactivate: "Eigenschaft deaktivieren",
74
- titleActivate: "Eigenschaft aktivieren"
75
- }, k = {
76
- en: R,
77
- de: T
78
- }, E = (e, i, r, t, n, s) => r ? `${i}, ${e("disabled")}` : s ? `${i}, ${e("removeChip")}` : `${i}, ${t ? `${e("selected")}, ` : ""}${e(
79
- "selectChip",
80
- [
81
- e(n === "single" ? t ? "unselectAction" : "selectAction" : t ? "removeFromSelection" : "addToSelection")
82
- ]
83
- )}`, x = (e, i, r, t) => e(i ? "titleDisabled" : t ? "titleRemovable" : r ? "titleDeactivate" : "titleActivate"), I = w(
84
- ({
85
- id: e,
86
- label: i,
87
- groupId: r,
88
- isRemovable: t,
89
- selectionMode: n,
90
- disabled: s = !1,
91
- iconName: c,
92
- isSelected: l,
93
- lang: m = "en",
94
- size: v,
95
- tabIndex: f,
96
- translations: S,
97
- onClick: D,
98
- ...A
99
- }, C) => {
100
- const p = y(
101
- S || k[m]
102
- ), g = _(u.chip, {
103
- [u.chipSmall]: v === "small"
104
- });
105
- return /* @__PURE__ */ o.jsxs(
106
- "div",
107
- {
108
- role: "row",
109
- "aria-label": E(
110
- p,
111
- i,
112
- s,
113
- l,
114
- n,
115
- t
116
- ),
117
- "aria-selected": l && !t,
118
- "aria-disabled": s && !t,
119
- id: `${r}-chip-${e}`,
120
- className: g,
121
- tabIndex: f,
122
- onClick: D,
123
- ref: C,
124
- ...A,
125
- title: x(p, s, l, t),
126
- children: [
127
- /* @__PURE__ */ o.jsxs("div", { role: "gridcell", "aria-colindex": 1, style: { display: "contents" }, children: [
128
- c && /* @__PURE__ */ o.jsx(d, { name: c, "aria-hidden": "true" }),
129
- i
130
- ] }),
131
- t && /* @__PURE__ */ o.jsx(d, { name: "cross" })
132
- ]
133
- }
134
- );
135
- }
136
- );
137
- I.displayName = "DSChip";
138
- export {
139
- U as C,
140
- R as D,
141
- H as a,
142
- T as b,
143
- k as c,
144
- x as d,
145
- I as e,
146
- E as g,
147
- q as v
148
- };