@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,148 +0,0 @@
1
- "use client";
2
- import { j as r } from "./jsx-runtime.C115EyI4.js";
3
- import { c as l } from "./index.CvOaL64Y.js";
4
- import { useRef as h, useState as x, useEffect as q } from "react";
5
- import { DSButton as j } from "../button.BfcWQZhx.js";
6
- import { g as B } from "./helpers.CcqWV-wZ.js";
7
- import '../assets/Dialog.BgzebVk4.css';const E = "ds-dialog_root_1e2qq_5", C = "ds-dialog_content-wrapper_1e2qq_159", F = "ds-dialog_content-wrapper--no-footer_1e2qq_165", W = "ds-dialog_close-button_1e2qq_173", k = "ds-dialog_header_1e2qq_186", R = "ds-dialog_content_1e2qq_159", y = "ds-dialog_footer_1e2qq_188", z = "ds-dialog_header--scrollable_1e2qq_209", L = "ds-dialog_header--close-button_1e2qq_218", M = "ds-dialog_content--no-footer_1e2qq_231", H = "ds-dialog_footer--scrollable_1e2qq_238", o = {
8
- root: E,
9
- "content-wrapper": "ds-dialog_content-wrapper_1e2qq_159",
10
- contentWrapper: C,
11
- "content-wrapper--no-footer": "ds-dialog_content-wrapper--no-footer_1e2qq_165",
12
- contentWrapperNoFooter: F,
13
- "close-button": "ds-dialog_close-button_1e2qq_173",
14
- closeButton: W,
15
- header: k,
16
- content: R,
17
- footer: y,
18
- "header--scrollable": "ds-dialog_header--scrollable_1e2qq_209",
19
- headerScrollable: z,
20
- "header--close-button": "ds-dialog_header--close-button_1e2qq_218",
21
- headerCloseButton: L,
22
- "content--no-footer": "ds-dialog_content--no-footer_1e2qq_231",
23
- contentNoFooter: M,
24
- "footer--scrollable": "ds-dialog_footer--scrollable_1e2qq_238",
25
- footerScrollable: H
26
- }, I = ({ tabIndex: n }) => {
27
- if (n || n === 0)
28
- throw new Error(
29
- B(
30
- "DSDialog",
31
- "Do not pass the tabindex property to the DSDialog component as it is not interactive and does not receive focus. The DSDialogs contents, including the close button contained in the DSDialog, can receive focus and be interactive."
32
- )
33
- );
34
- }, G = ({
35
- children: n,
36
- className: b,
37
- closeButtonLabel: m = "Close dialog",
38
- disableBackdropClose: D = !1,
39
- footer: s,
40
- header: S,
41
- hideCloseButton: a = !1,
42
- isOpen: d = !1,
43
- onClose: c,
44
- ...i
45
- }) => {
46
- if (process.env.NODE_ENV !== "production") {
47
- const { tabIndex: e } = i;
48
- I({
49
- tabIndex: e
50
- });
51
- }
52
- const t = h(null), _ = h(null), [f, v] = x(!1);
53
- q(() => {
54
- const e = _.current;
55
- if (e) {
56
- const p = () => {
57
- v(
58
- e.scrollHeight > e.clientHeight
59
- );
60
- };
61
- p();
62
- const g = new ResizeObserver(p);
63
- return g.observe(e), () => {
64
- g.disconnect();
65
- };
66
- }
67
- }, []), q(() => {
68
- const e = t.current;
69
- if (e)
70
- return e.addEventListener("close", u), d ? e.showModal() : e.close(), () => {
71
- e.removeEventListener("close", u);
72
- };
73
- }, [d, c]);
74
- const u = () => {
75
- c && c();
76
- }, N = (e) => {
77
- D || t.current && e.target === t.current && t.current.close();
78
- }, w = () => {
79
- t.current && t.current.close();
80
- };
81
- return /* @__PURE__ */ r.jsx(
82
- "dialog",
83
- {
84
- ...i,
85
- ref: t,
86
- className: o.root,
87
- onMouseDown: (e) => N(e),
88
- "aria-modal": "true",
89
- children: /* @__PURE__ */ r.jsxs(
90
- "div",
91
- {
92
- className: l(o.contentWrapper, b, {
93
- [o.contentWrapperNoFooter]: !s
94
- }),
95
- children: [
96
- !a && /* @__PURE__ */ r.jsx(
97
- j,
98
- {
99
- className: o.closeButton,
100
- hideLabel: !0,
101
- iconName: "cross",
102
- size: "small",
103
- type: "button",
104
- variant: "ghost",
105
- onClick: () => w(),
106
- children: m
107
- }
108
- ),
109
- /* @__PURE__ */ r.jsx(
110
- "header",
111
- {
112
- className: l(o.header, {
113
- [o.headerCloseButton]: !a,
114
- [o.headerScrollable]: f
115
- }),
116
- children: S
117
- }
118
- ),
119
- /* @__PURE__ */ r.jsx(
120
- "div",
121
- {
122
- ref: _,
123
- className: l(o.content, {
124
- [o.contentNoFooter]: !s
125
- }),
126
- tabIndex: 0,
127
- children: n
128
- }
129
- ),
130
- s && /* @__PURE__ */ r.jsx(
131
- "footer",
132
- {
133
- className: l(o.footer, {
134
- [o.footerScrollable]: f
135
- }),
136
- children: s
137
- }
138
- )
139
- ]
140
- }
141
- )
142
- }
143
- );
144
- };
145
- export {
146
- G as D,
147
- I as v
148
- };
@@ -1,154 +0,0 @@
1
- "use client";
2
- import { j as t } from "./jsx-runtime.C115EyI4.js";
3
- import { c as n } from "./index.CvOaL64Y.js";
4
- import { useRef as w, useState as g, useEffect as b } from "react";
5
- import { DSButton as j } from "../button.BfcWQZhx.js";
6
- import { g as B } from "./helpers.CcqWV-wZ.js";
7
- import '../assets/Drawer.Bauwxrk7.css';const R = "ds-drawer_root_1qhpc_10", W = "ds-drawer_root--end_1qhpc_68", C = "ds-drawer_content-wrapper_1qhpc_169", F = "ds-drawer_content-wrapper--no-footer_1qhpc_175", k = "ds-drawer_close-button_1qhpc_178", I = "ds-drawer_header_1qhpc_191", O = "ds-drawer_content_1qhpc_169", y = "ds-drawer_footer_1qhpc_193", z = "ds-drawer_header--scrollable_1qhpc_214", L = "ds-drawer_header--close-button_1qhpc_223", M = "ds-drawer_content--no-footer_1qhpc_237", H = "ds-drawer_footer--scrollable_1qhpc_244", o = {
8
- root: R,
9
- "root--end": "ds-drawer_root--end_1qhpc_68",
10
- rootEnd: W,
11
- "content-wrapper": "ds-drawer_content-wrapper_1qhpc_169",
12
- contentWrapper: C,
13
- "content-wrapper--no-footer": "ds-drawer_content-wrapper--no-footer_1qhpc_175",
14
- contentWrapperNoFooter: F,
15
- "close-button": "ds-drawer_close-button_1qhpc_178",
16
- closeButton: k,
17
- header: I,
18
- content: O,
19
- footer: y,
20
- "header--scrollable": "ds-drawer_header--scrollable_1qhpc_214",
21
- headerScrollable: z,
22
- "header--close-button": "ds-drawer_header--close-button_1qhpc_223",
23
- headerCloseButton: L,
24
- "content--no-footer": "ds-drawer_content--no-footer_1qhpc_237",
25
- contentNoFooter: M,
26
- "footer--scrollable": "ds-drawer_footer--scrollable_1qhpc_244",
27
- footerScrollable: H
28
- }, K = ["start", "end"], P = ({ tabIndex: c }) => {
29
- if (c || c === 0)
30
- throw new Error(
31
- B(
32
- "DSDrawer",
33
- "Do not pass the tabindex property to the DSDrawer component as it is not interactive and does not receive focus. The DSDrawers contents, including the close button contained in the DSDrawer, can receive focus and be interactive."
34
- )
35
- );
36
- }, Q = ({
37
- children: c,
38
- className: m,
39
- closeButtonLabel: q = "Close modal",
40
- disableBackdropClose: D = !1,
41
- footer: s,
42
- header: S,
43
- hideCloseButton: l = !1,
44
- position: N = "start",
45
- isOpen: d = !1,
46
- onClose: a,
47
- ..._
48
- }) => {
49
- if (process.env.NODE_ENV !== "production") {
50
- const { tabIndex: e } = _;
51
- P({
52
- tabIndex: e
53
- });
54
- }
55
- const r = w(null), p = w(null), [h, v] = g(!1);
56
- b(() => {
57
- const e = p.current;
58
- if (e) {
59
- const f = () => {
60
- v(
61
- e.scrollHeight > e.clientHeight
62
- );
63
- };
64
- f();
65
- const u = new ResizeObserver(f);
66
- return u.observe(e), () => {
67
- u.disconnect();
68
- };
69
- }
70
- }, []), b(() => {
71
- const e = r.current;
72
- if (e)
73
- return e.addEventListener("close", i), d ? e.showModal() : e.close(), () => {
74
- e.removeEventListener("close", i);
75
- };
76
- }, [d, a]);
77
- const i = () => {
78
- a && a();
79
- }, E = (e) => {
80
- D || r.current && e.target === r.current && r.current.close();
81
- }, x = () => {
82
- r.current && r.current.close();
83
- };
84
- return /* @__PURE__ */ t.jsx(
85
- "dialog",
86
- {
87
- ..._,
88
- ref: r,
89
- className: n(o.root, {
90
- [o.rootEnd]: N === "end"
91
- }),
92
- onMouseDown: (e) => E(e),
93
- "aria-modal": "true",
94
- children: /* @__PURE__ */ t.jsxs(
95
- "div",
96
- {
97
- className: n(o.contentWrapper, m, {
98
- [o.contentWrapperNoFooter]: !s
99
- }),
100
- children: [
101
- !l && /* @__PURE__ */ t.jsx(
102
- j,
103
- {
104
- className: o.closeButton,
105
- hideLabel: !0,
106
- iconName: "cross",
107
- size: "small",
108
- type: "button",
109
- variant: "ghost",
110
- onClick: () => x(),
111
- children: q
112
- }
113
- ),
114
- /* @__PURE__ */ t.jsx(
115
- "header",
116
- {
117
- className: n(o.header, {
118
- [o.headerCloseButton]: !l,
119
- [o.headerScrollable]: h
120
- }),
121
- children: S
122
- }
123
- ),
124
- /* @__PURE__ */ t.jsx(
125
- "div",
126
- {
127
- ref: p,
128
- className: n(o.content, {
129
- [o.contentNoFooter]: !s
130
- }),
131
- tabIndex: 0,
132
- children: c
133
- }
134
- ),
135
- s && /* @__PURE__ */ t.jsx(
136
- "footer",
137
- {
138
- className: n(o.footer, {
139
- [o.footerScrollable]: h
140
- }),
141
- children: s
142
- }
143
- )
144
- ]
145
- }
146
- )
147
- }
148
- );
149
- };
150
- export {
151
- Q as D,
152
- K as a,
153
- P as v
154
- };
@@ -1,99 +0,0 @@
1
- "use client";
2
- import { j as e } from "./jsx-runtime.C115EyI4.js";
3
- import { c } from "./index.CvOaL64Y.js";
4
- import "react";
5
- import { Asterisk as y } from "../asterisk.DpzETKdT.js";
6
- import { DSHeading as v } from "../heading.IPIYc5vW.js";
7
- import { DSSystemFeedback as w } from "../systemfeedback.C3Pfxxpp.js";
8
- import { g as j } from "./helpers.CcqWV-wZ.js";
9
- import '../assets/Fieldset.DOdTbb7C.css';const N = "ds-fieldset_root_1opm7_1", E = "ds-fieldset_child-wrapper_1opm7_95", M = "ds-fieldset_legend_1opm7_102", q = "ds-fieldset_legend--utility--m_1opm7_106", C = "ds-fieldset_description_1opm7_118", P = "ds-fieldset_description--small_1opm7_132", T = "ds-fieldset_system-feedback_1opm7_136", i = {
10
- root: N,
11
- "child-wrapper": "ds-fieldset_child-wrapper_1opm7_95",
12
- childWrapper: E,
13
- legend: M,
14
- "legend--utility--m": "ds-fieldset_legend--utility--m_1opm7_106",
15
- legendUtilityM: q,
16
- description: C,
17
- "description--small": "ds-fieldset_description--small_1opm7_132",
18
- descriptionSmall: P,
19
- "system-feedback": "ds-fieldset_system-feedback_1opm7_136",
20
- systemFeedback: T
21
- }, U = ({
22
- description: r,
23
- id: s,
24
- legend: a,
25
- systemFeedback: t
26
- }) => {
27
- if (!s && (r || t))
28
- throw new Error(
29
- j(
30
- "DSFieldset",
31
- 'A unique "id" prop is required when providing the description or systemFeedback property. Please add a unique "id" prop to the DSFieldset component.'
32
- )
33
- );
34
- if (!a)
35
- throw new Error(
36
- j(
37
- "DSFieldset",
38
- "The legend prop is required. Please add the legend prop to the DSFieldset component."
39
- )
40
- );
41
- }, H = ({
42
- children: r,
43
- legend: s,
44
- className: a,
45
- description: t,
46
- disabled: S = !1,
47
- id: n,
48
- invalid: p = !1,
49
- required: m = !1,
50
- systemFeedback: o,
51
- ...b
52
- }) => {
53
- process.env.NODE_ENV !== "production" && U({ description: t, id: n, legend: s, systemFeedback: o });
54
- let d, _, f;
55
- const l = typeof s == "object" && s !== void 0;
56
- l && ({ headingSize: d, headingTag: _, headingText: f } = s);
57
- const g = `${n}-feedback`, h = `${n}-description`, u = [
58
- o && g,
59
- t && h
60
- ].filter(Boolean).join(" "), x = !l || d === "small" || d === "small-uppercase", D = c(i.root, a), F = c(i.legend, {
61
- [i.legendUtilityM]: !l
62
- }), k = c(i.description, {
63
- [i.descriptionSmall]: x
64
- });
65
- return /* @__PURE__ */ e.jsxs(
66
- "fieldset",
67
- {
68
- className: D,
69
- disabled: S,
70
- ...b,
71
- "aria-invalid": p,
72
- "aria-describedby": u || void 0,
73
- children: [
74
- /* @__PURE__ */ e.jsx("legend", { className: F, children: l ? /* @__PURE__ */ e.jsxs(v, { tag: _, size: d, children: [
75
- f,
76
- m && /* @__PURE__ */ e.jsx(y, {})
77
- ] }) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
78
- s,
79
- m && /* @__PURE__ */ e.jsx(y, {})
80
- ] }) }),
81
- t && /* @__PURE__ */ e.jsx("span", { id: h, className: k, children: t }),
82
- p && o && /* @__PURE__ */ e.jsx(
83
- w,
84
- {
85
- id: g,
86
- type: "invalid",
87
- message: o,
88
- className: i.systemFeedback
89
- }
90
- ),
91
- /* @__PURE__ */ e.jsx("div", { className: i.childWrapper, children: r })
92
- ]
93
- }
94
- );
95
- };
96
- export {
97
- H as D,
98
- U as v
99
- };
@@ -1,223 +0,0 @@
1
- "use client";
2
- import { j as x } from "./jsx-runtime.C115EyI4.js";
3
- import { c as E } from "./index.CvOaL64Y.js";
4
- import * as b from "react";
5
- import { useRef as j, useState as z, useEffect as M } from "react";
6
- import '../assets/Icon.DxRSBRSL.css';var y = /* @__PURE__ */ new Map(), _ = /* @__PURE__ */ new WeakMap(), q = 0, D = void 0;
7
- function T(s) {
8
- return s ? (_.has(s) || (q += 1, _.set(s, q.toString())), _.get(s)) : "0";
9
- }
10
- function V(s) {
11
- return Object.keys(s).sort().filter(
12
- (i) => s[i] !== void 0
13
- ).map((i) => `${i}_${i === "root" ? T(s.root) : s[i]}`).toString();
14
- }
15
- function L(s) {
16
- const i = V(s);
17
- let t = y.get(i);
18
- if (!t) {
19
- const e = /* @__PURE__ */ new Map();
20
- let a;
21
- const r = new IntersectionObserver((n) => {
22
- n.forEach((o) => {
23
- var c;
24
- const v = o.isIntersecting && a.some((m) => o.intersectionRatio >= m);
25
- s.trackVisibility && typeof o.isVisible > "u" && (o.isVisible = v), (c = e.get(o.target)) == null || c.forEach((m) => {
26
- m(v, o);
27
- });
28
- });
29
- }, s);
30
- a = r.thresholds || (Array.isArray(s.threshold) ? s.threshold : [s.threshold || 0]), t = {
31
- id: i,
32
- observer: r,
33
- elements: e
34
- }, y.set(i, t);
35
- }
36
- return t;
37
- }
38
- function N(s, i, t = {}, e = D) {
39
- if (typeof window.IntersectionObserver > "u" && e !== void 0) {
40
- const c = s.getBoundingClientRect();
41
- return i(e, {
42
- isIntersecting: e,
43
- target: s,
44
- intersectionRatio: typeof t.threshold == "number" ? t.threshold : 0,
45
- time: 0,
46
- boundingClientRect: c,
47
- intersectionRect: c,
48
- rootBounds: c
49
- }), () => {
50
- };
51
- }
52
- const { id: a, observer: r, elements: n } = L(t), o = n.get(s) || [];
53
- return n.has(s) || n.set(s, o), o.push(i), r.observe(s), function() {
54
- o.splice(o.indexOf(i), 1), o.length === 0 && (n.delete(s), r.unobserve(s)), n.size === 0 && (r.disconnect(), y.delete(a));
55
- };
56
- }
57
- function O({
58
- threshold: s,
59
- delay: i,
60
- trackVisibility: t,
61
- rootMargin: e,
62
- root: a,
63
- triggerOnce: r,
64
- skip: n,
65
- initialInView: o,
66
- fallbackInView: c,
67
- onChange: v
68
- } = {}) {
69
- var m;
70
- const [d, S] = b.useState(null), h = b.useRef(), [g, l] = b.useState({
71
- inView: !!o,
72
- entry: void 0
73
- });
74
- h.current = v, b.useEffect(
75
- () => {
76
- if (n || !d) return;
77
- let f;
78
- return f = N(
79
- d,
80
- (R, k) => {
81
- l({
82
- inView: R,
83
- entry: k
84
- }), h.current && h.current(R, k), k.isIntersecting && r && f && (f(), f = void 0);
85
- },
86
- {
87
- root: a,
88
- rootMargin: e,
89
- threshold: s,
90
- // @ts-ignore
91
- trackVisibility: t,
92
- // @ts-ignore
93
- delay: i
94
- },
95
- c
96
- ), () => {
97
- f && f();
98
- };
99
- },
100
- // We break the rule here, because we aren't including the actual `threshold` variable
101
- // eslint-disable-next-line react-hooks/exhaustive-deps
102
- [
103
- // If the threshold is an array, convert it to a string, so it won't change between renders.
104
- Array.isArray(s) ? s.toString() : s,
105
- d,
106
- a,
107
- e,
108
- r,
109
- n,
110
- t,
111
- c,
112
- i
113
- ]
114
- );
115
- const u = (m = g.entry) == null ? void 0 : m.target, I = b.useRef();
116
- !d && u && !r && !n && I.current !== u && (I.current = u, l({
117
- inView: !!o,
118
- entry: void 0
119
- }));
120
- const p = [S, g.inView, g.entry];
121
- return p.ref = p[0], p.inView = p[1], p.entry = p[2], p;
122
- }
123
- const C = "ds-icon_image_73zqf_1", A = "ds-icon_image--theme-dark_73zqf_10", X = "ds-icon_image--size-medium_73zqf_13", $ = "ds-icon_image--size-small_73zqf_19", B = "ds-icon_image--size-x-small_73zqf_25", w = {
124
- image: C,
125
- "image--theme-dark": "ds-icon_image--theme-dark_73zqf_10",
126
- imageThemeDark: A,
127
- "image--size-medium": "ds-icon_image--size-medium_73zqf_13",
128
- imageSizeMedium: X,
129
- "image--size-small": "ds-icon_image--size-small_73zqf_19",
130
- imageSizeSmall: $,
131
- "image--size-x-small": "ds-icon_image--size-x-small_73zqf_25",
132
- imageSizeXSmall: B
133
- }, G = (s, i, t) => {
134
- const e = s[i];
135
- return e ? typeof e == "function" ? e() : Promise.resolve(e) : new Promise((a, r) => {
136
- (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(
137
- r.bind(
138
- null,
139
- new Error(
140
- "Unknown variable dynamic import: " + i + (i.split("/").length !== t ? ". Note that variables only represent file names one level deep." : "")
141
- )
142
- )
143
- );
144
- });
145
- }, Z = ["large", "medium", "small", "x-small"], P = (s) => {
146
- var n;
147
- const i = j(), [t, e] = z(!1), [a, r] = z(!0);
148
- return M(() => {
149
- t && (r(!0), (async () => {
150
- try {
151
- i.current = await G(/* @__PURE__ */ Object.assign({ "../../../../icons/dist/assets/360.svg": () => import("./360.CfjUtgxq.js"), "../../../../icons/dist/assets/academic-cap.svg": () => import("./academic-cap.OBigTQQS.js"), "../../../../icons/dist/assets/alarm-clock.svg": () => import("./alarm-clock.CpK-AEZG.js"), "../../../../icons/dist/assets/arrow-clockwise.svg": () => import("./arrow-clockwise.BefOjGPg.js"), "../../../../icons/dist/assets/arrow-counterclockwise.svg": () => import("./arrow-counterclockwise.C7Ov32BZ.js"), "../../../../icons/dist/assets/arrow-down-line.svg": () => import("./arrow-down-line.RDD2pRZY.js"), "../../../../icons/dist/assets/arrow-down.svg": () => import("./arrow-down.XpokLh98.js"), "../../../../icons/dist/assets/arrow-edge.svg": () => import("./arrow-edge.CPA93M81.js"), "../../../../icons/dist/assets/arrow-left.svg": () => import("./arrow-left.C8NG5I2X.js"), "../../../../icons/dist/assets/arrow-out.svg": () => import("./arrow-out.CsHHHYN9.js"), "../../../../icons/dist/assets/arrow-outline-left.svg": () => import("./arrow-outline-left.Bhw_LzfV.js"), "../../../../icons/dist/assets/arrow-right.svg": () => import("./arrow-right.HNwAz18h.js"), "../../../../icons/dist/assets/arrow-up-arrow-down.svg": () => import("./arrow-up-arrow-down.BVyuVJP5.js"), "../../../../icons/dist/assets/arrow-up.svg": () => import("./arrow-up.Ca1GnLaY.js"), "../../../../icons/dist/assets/at.svg": () => import("./at.BNfdp4M0.js"), "../../../../icons/dist/assets/barcode-scanner.svg": () => import("./barcode-scanner.D0olxB_m.js"), "../../../../icons/dist/assets/battery.svg": () => import("./battery.YCg9lYqC.js"), "../../../../icons/dist/assets/bell.svg": () => import("./bell.DbPxCAUM.js"), "../../../../icons/dist/assets/bin-open.svg": () => import("./bin-open.DsjIBW00.js"), "../../../../icons/dist/assets/bin.svg": () => import("./bin.ktpYUJmK.js"), "../../../../icons/dist/assets/bluetooth.svg": () => import("./bluetooth.dW5tTwby.js"), "../../../../icons/dist/assets/bookmark.svg": () => import("./bookmark.B7Mbr-d6.js"), "../../../../icons/dist/assets/burger.svg": () => import("./burger.DLP81BXa.js"), "../../../../icons/dist/assets/calendar.svg": () => import("./calendar.Cig7yG7m.js"), "../../../../icons/dist/assets/camera.svg": () => import("./camera.BoCB0Emp.js"), "../../../../icons/dist/assets/cart-check.svg": () => import("./cart-check.CYH0vTB8.js"), "../../../../icons/dist/assets/cart-plus.svg": () => import("./cart-plus.DzXXFMZj.js"), "../../../../icons/dist/assets/cart.svg": () => import("./cart.CoEwMABr.js"), "../../../../icons/dist/assets/catalog.svg": () => import("./catalog.CwV-J6Kb.js"), "../../../../icons/dist/assets/certificate.svg": () => import("./certificate.Crs4RohK.js"), "../../../../icons/dist/assets/chain-link.svg": () => import("./chain-link.BMV2WV6k.js"), "../../../../icons/dist/assets/chainsaw.svg": () => import("./chainsaw.CI1EYF7a.js"), "../../../../icons/dist/assets/check.svg": () => import("./check.CuZKWgYj.js"), "../../../../icons/dist/assets/chevron-down.svg": () => import("./chevron-down.5UkGOwK_.js"), "../../../../icons/dist/assets/chevron-left.svg": () => import("./chevron-left.DRFQ-efY.js"), "../../../../icons/dist/assets/chevron-line-left.svg": () => import("./chevron-line-left.SQvDJQ1t.js"), "../../../../icons/dist/assets/chevron-line-right.svg": () => import("./chevron-line-right.CYQ3b2cQ.js"), "../../../../icons/dist/assets/chevron-right.svg": () => import("./chevron-right.B_Ew9QUt.js"), "../../../../icons/dist/assets/chevron-up.svg": () => import("./chevron-up.DqETUWqG.js"), "../../../../icons/dist/assets/circle-check-colored.svg": () => import("./circle-check-colored.Bye_GwLy.js"), "../../../../icons/dist/assets/circle-check-inverted.svg": () => import("./circle-check-inverted.Cc2cUmWT.js"), "../../../../icons/dist/assets/circle-info-colored.svg": () => import("./circle-info-colored.D2pp54gf.js"), "../../../../icons/dist/assets/circle-info-inverted.svg": () => import("./circle-info-inverted.D8Z0vTmu.js"), "../../../../icons/dist/assets/circle-pause.svg": () => import("./circle-pause.DaRfXOff.js"), "../../../../icons/dist/assets/circle-stroke.svg": () => import("./circle-stroke.CWu_o3Gx.js"), "../../../../icons/dist/assets/circle.svg": () => import("./circle.471EUzv6.js"), "../../../../icons/dist/assets/clock.svg": () => import("./clock.Bw5ICIVH.js"), "../../../../icons/dist/assets/coffee-cup.svg": () => import("./coffee-cup.DIijzKx_.js"), "../../../../icons/dist/assets/compare.svg": () => import("./compare.BgktBbYD.js"), "../../../../icons/dist/assets/connected-box-mobile.svg": () => import("./connected-box-mobile.DboMCVxp.js"), "../../../../icons/dist/assets/connected-box-stationary.svg": () => import("./connected-box-stationary.CAPCPQ1d.js"), "../../../../icons/dist/assets/connected-box.svg": () => import("./connected-box.DVqJw-ws.js"), "../../../../icons/dist/assets/cross.svg": () => import("./cross.rEw3TuHs.js"), "../../../../icons/dist/assets/diamond-exclamationmark-colored.svg": () => import("./diamond-exclamationmark-colored.WNKYwZ8q.js"), "../../../../icons/dist/assets/diamond-exclamationmark-inverted.svg": () => import("./diamond-exclamationmark-inverted.DzAIb8Nt.js"), "../../../../icons/dist/assets/diamond.svg": () => import("./diamond.CXZHFpPC.js"), "../../../../icons/dist/assets/diskette.svg": () => import("./diskette._0C2VZ9v.js"), "../../../../icons/dist/assets/distance.svg": () => import("./distance.FA6pTjcW.js"), "../../../../icons/dist/assets/dots-connected.svg": () => import("./dots-connected.ZMYjHeNS.js"), "../../../../icons/dist/assets/download-complete.svg": () => import("./download-complete.CZVpzrvY.js"), "../../../../icons/dist/assets/envelope-open.svg": () => import("./envelope-open.CA4cE5lk.js"), "../../../../icons/dist/assets/envelope.svg": () => import("./envelope.re-RxZVw.js"), "../../../../icons/dist/assets/exclamationmark.svg": () => import("./exclamationmark.DEbIGqGC.js"), "../../../../icons/dist/assets/exit.svg": () => import("./exit.Cgb8AB-k.js"), "../../../../icons/dist/assets/eye-closed.svg": () => import("./eye-closed.CvqozUwK.js"), "../../../../icons/dist/assets/eye.svg": () => import("./eye.CRQMKZs4.js"), "../../../../icons/dist/assets/facebook.svg": () => import("./facebook.CVcxa0rV.js"), "../../../../icons/dist/assets/filter.svg": () => import("./filter.DrPSKpaG.js"), "../../../../icons/dist/assets/finger-double-arrow.svg": () => import("./finger-double-arrow.DDUZoPh8.js"), "../../../../icons/dist/assets/flash.svg": () => import("./flash.CgJJ1bUx.js"), "../../../../icons/dist/assets/fullscreen.svg": () => import("./fullscreen.Be2rBj1i.js"), "../../../../icons/dist/assets/gear.svg": () => import("./gear.DEltGVSA.js"), "../../../../icons/dist/assets/globe.svg": () => import("./globe.DG6uw6fi.js"), "../../../../icons/dist/assets/grid.svg": () => import("./grid.DH1impeF.js"), "../../../../icons/dist/assets/guidance.svg": () => import("./guidance.BBYB3JpW.js"), "../../../../icons/dist/assets/haircross.svg": () => import("./haircross.D-whkit9.js"), "../../../../icons/dist/assets/hanger.svg": () => import("./hanger.Bo8qtNo5.js"), "../../../../icons/dist/assets/headphones.svg": () => import("./headphones.DjWXOuJJ.js"), "../../../../icons/dist/assets/heart.svg": () => import("./heart.D-BnHMb-.js"), "../../../../icons/dist/assets/hexagon-arrow-clockwise.svg": () => import("./hexagon-arrow-clockwise.D0eeDQQx.js"), "../../../../icons/dist/assets/horizontal-ellipsis.svg": () => import("./horizontal-ellipsis.ChdN6RnG.js"), "../../../../icons/dist/assets/house.svg": () => import("./house.BohpDQ3q.js"), "../../../../icons/dist/assets/imow.svg": () => import("./imow.Dh1oMqcW.js"), "../../../../icons/dist/assets/info.svg": () => import("./info.BZVg9FLA.js"), "../../../../icons/dist/assets/instagram.svg": () => import("./instagram.CIlKb7xj.js"), "../../../../icons/dist/assets/leave-fullscreen.svg": () => import("./leave-fullscreen.BC5iwDur.js"), "../../../../icons/dist/assets/lightbulb.svg": () => import("./lightbulb.DQ7TiRsr.js"), "../../../../icons/dist/assets/linkedin.svg": () => import("./linkedin.br5zvxco.js"), "../../../../icons/dist/assets/list-three-rows.svg": () => import("./list-three-rows.Cso4ybs8.js"), "../../../../icons/dist/assets/list-two-rows.svg": () => import("./list-two-rows.DOsZEv0-.js"), "../../../../icons/dist/assets/loading-spinner.svg": () => import("./loading-spinner.BukfMaU6.js"), "../../../../icons/dist/assets/lock.svg": () => import("./lock.Dw_GOpTn.js"), "../../../../icons/dist/assets/magnifying-glass-minus.svg": () => import("./magnifying-glass-minus.BYztw2P1.js"), "../../../../icons/dist/assets/magnifying-glass-plus.svg": () => import("./magnifying-glass-plus.BTgviDVh.js"), "../../../../icons/dist/assets/magnifying-glass.svg": () => import("./magnifying-glass.C8DfRaIO.js"), "../../../../icons/dist/assets/map.svg": () => import("./map.CXgG1iGz.js"), "../../../../icons/dist/assets/minus.svg": () => import("./minus.BkhCuIH4.js"), "../../../../icons/dist/assets/mobile.svg": () => import("./mobile.C1Kj9VnC.js"), "../../../../icons/dist/assets/nine-squares.svg": () => import("./nine-squares.DVsNAOzz.js"), "../../../../icons/dist/assets/note-check.svg": () => import("./note-check.CM_kmt0M.js"), "../../../../icons/dist/assets/note-plus.svg": () => import("./note-plus.Bkn78EyA.js"), "../../../../icons/dist/assets/note.svg": () => import("./note.CE0ACLn8.js"), "../../../../icons/dist/assets/number-input.svg": () => import("./number-input.BLhoh5mh.js"), "../../../../icons/dist/assets/paperclip.svg": () => import("./paperclip.BMerX4rj.js"), "../../../../icons/dist/assets/parcel.svg": () => import("./parcel.Ve9GL_EG.js"), "../../../../icons/dist/assets/pause.svg": () => import("./pause.B91Ejn-O.js"), "../../../../icons/dist/assets/pdf.svg": () => import("./pdf.9kZbElrZ.js"), "../../../../icons/dist/assets/pen.svg": () => import("./pen.CvKw2PvE.js"), "../../../../icons/dist/assets/percent.svg": () => import("./percent.BlB6rG-B.js"), "../../../../icons/dist/assets/petrol.svg": () => import("./petrol.Du6qAgp0.js"), "../../../../icons/dist/assets/phone.svg": () => import("./phone.DzdXfmNC.js"), "../../../../icons/dist/assets/pin-s.svg": () => import("./pin-s.DXgYuN9C.js"), "../../../../icons/dist/assets/pin.svg": () => import("./pin.DZfZr4El.js"), "../../../../icons/dist/assets/pinterest.svg": () => import("./pinterest.sUPAub_q.js"), "../../../../icons/dist/assets/placeholder.svg": () => import("./placeholder.Dbb0hT5R.js"), "../../../../icons/dist/assets/play.svg": () => import("./play.BDiY2JrT.js"), "../../../../icons/dist/assets/plug.svg": () => import("./plug.DZozve4C.js"), "../../../../icons/dist/assets/plus.svg": () => import("./plus.zdu17kAe.js"), "../../../../icons/dist/assets/printer.svg": () => import("./printer.CaFaWfeS.js"), "../../../../icons/dist/assets/prohibition-sign.svg": () => import("./prohibition-sign.DUFn0QiV.js"), "../../../../icons/dist/assets/questionmark.svg": () => import("./questionmark.QyDxanQy.js"), "../../../../icons/dist/assets/security.svg": () => import("./security.DkLw5ym4.js"), "../../../../icons/dist/assets/share.svg": () => import("./share.C3wwEl8n.js"), "../../../../icons/dist/assets/shirt.svg": () => import("./shirt.BC8W-yCI.js"), "../../../../icons/dist/assets/shop.svg": () => import("./shop.DdPV35mK.js"), "../../../../icons/dist/assets/sound-off.svg": () => import("./sound-off.D4kGcehG.js"), "../../../../icons/dist/assets/sound-on.svg": () => import("./sound-on.Cynkb0_t.js"), "../../../../icons/dist/assets/speechbubble.svg": () => import("./speechbubble.87vuoKUp.js"), "../../../../icons/dist/assets/speechbubbles.svg": () => import("./speechbubbles.CSFhpNJn.js"), "../../../../icons/dist/assets/square.svg": () => import("./square.D6PgEi_r.js"), "../../../../icons/dist/assets/star-half.svg": () => import("./star-half.DZTtM5Bw.js"), "../../../../icons/dist/assets/star.svg": () => import("./star.BkjednvI.js"), "../../../../icons/dist/assets/tag.svg": () => import("./tag.yO7uMsHj.js"), "../../../../icons/dist/assets/thumbs-down.svg": () => import("./thumbs-down.DeBD6wnK.js"), "../../../../icons/dist/assets/thumbs-up.svg": () => import("./thumbs-up.D-44gexH.js"), "../../../../icons/dist/assets/triangle-exclamationmark-colored.svg": () => import("./triangle-exclamationmark-colored.CbVC3Gzi.js"), "../../../../icons/dist/assets/triangle-exclamationmark-inverted.svg": () => import("./triangle-exclamationmark-inverted.BiGoK7TV.js"), "../../../../icons/dist/assets/triangle.svg": () => import("./triangle.ibv6NDnt.js"), "../../../../icons/dist/assets/truck.svg": () => import("./truck.xIk5wW6T.js"), "../../../../icons/dist/assets/two-people-screen.svg": () => import("./two-people-screen.BBLouaW4.js"), "../../../../icons/dist/assets/two-sheets.svg": () => import("./two-sheets.DWFmuL7N.js"), "../../../../icons/dist/assets/upload.svg": () => import("./upload.ZImTAIgx.js"), "../../../../icons/dist/assets/user.svg": () => import("./user.BMARueuy.js"), "../../../../icons/dist/assets/vertical-ellipsis.svg": () => import("./vertical-ellipsis.Bc9eBsDF.js"), "../../../../icons/dist/assets/wc.svg": () => import("./wc.gmKE1r5l.js"), "../../../../icons/dist/assets/whatsapp.svg": () => import("./whatsapp.CPpu-7Nn.js"), "../../../../icons/dist/assets/wifi-1bar.svg": () => import("./wifi-1bar.BcEP-r8w.js"), "../../../../icons/dist/assets/wifi-2bars.svg": () => import("./wifi-2bars.jDOd4Q3q.js"), "../../../../icons/dist/assets/wifi-off.svg": () => import("./wifi-off.D9xPqVWn.js"), "../../../../icons/dist/assets/wifi.svg": () => import("./wifi.CuQykF6X.js"), "../../../../icons/dist/assets/wind-rose.svg": () => import("./wind-rose.C-XcKdy-.js"), "../../../../icons/dist/assets/wrench.svg": () => import("./wrench.DMFV2S9u.js"), "../../../../icons/dist/assets/x.svg": () => import("./x.BqbpXd7O.js"), "../../../../icons/dist/assets/xing.svg": () => import("./xing.CiKYLbPq.js"), "../../../../icons/dist/assets/youtube.svg": () => import("./youtube.DrImaRSP.js") }), `../../../../icons/dist/assets/${s}.svg`, 8);
152
- } catch (c) {
153
- console.error(c);
154
- } finally {
155
- r(!1);
156
- }
157
- })());
158
- }, [s, t]), {
159
- isLoading: a,
160
- SVGIcon: (n = i.current) == null ? void 0 : n.default,
161
- setShouldLoad: e
162
- };
163
- }, F = ({
164
- aria: s,
165
- className: i,
166
- name: t = "placeholder",
167
- size: e = "large",
168
- source: a,
169
- theme: r = "light",
170
- ...n
171
- }) => {
172
- const { SVGIcon: o, isLoading: c, setShouldLoad: v } = P(t), [, m] = z(t), d = {
173
- large: 16,
174
- medium: 12,
175
- small: 10,
176
- "x-small": 8
177
- };
178
- M(() => {
179
- m(t);
180
- }, [t]);
181
- const { ref: S } = O({
182
- rootMargin: "200px 0px",
183
- triggerOnce: !0,
184
- fallbackInView: !0,
185
- skip: !!a,
186
- onChange: (l) => {
187
- v(l);
188
- }
189
- }), h = (l) => (u) => {
190
- a && u && (u.src = l);
191
- }, g = E(w.image, i, {
192
- // custom icons and colored icons do not have a dark theme
193
- [w.imageThemeDark]: r === "dark" && !a && !t.includes("-colored"),
194
- [w.imageSizeMedium]: e === "medium",
195
- [w.imageSizeSmall]: e === "small",
196
- [w.imageSizeXSmall]: e === "x-small"
197
- });
198
- return a ? /* @__PURE__ */ x.jsx(
199
- "img",
200
- {
201
- className: g,
202
- ref: h(a),
203
- width: d[e],
204
- height: d[e],
205
- loading: "lazy",
206
- alt: (s == null ? void 0 : s["aria-label"]) || "",
207
- ...n
208
- }
209
- ) : !c && o ? /* @__PURE__ */ x.jsx(
210
- o,
211
- {
212
- className: g,
213
- title: (s == null ? void 0 : s["aria-label"]) || "",
214
- role: s != null && s["aria-label"] ? "img" : void 0,
215
- ...n
216
- }
217
- ) : /* @__PURE__ */ x.jsx("div", { className: g, ref: S });
218
- };
219
- export {
220
- F as D,
221
- Z as I,
222
- P as u
223
- };