@stihl-design-system/components 1.0.0-RC.13 → 1.0.0-RC.15

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 (180) hide show
  1. package/accordion.C57VwDyH.js +10 -0
  2. package/{arialiveregions.Cyycgs8g.js → arialiveregions.4aRkBQ4r.js} +3 -3
  3. package/assets/Breadcrumb.BaYrwrYl.css +1 -0
  4. package/assets/NavigationTabList.B6x56sAV.css +1 -0
  5. package/assets/linkstandalone.LMdnj-G0.css +1 -0
  6. package/assets/numberindicator.BJnvB-K3.css +1 -0
  7. package/assets/tabpane.D1LTb432.css +1 -0
  8. package/{asterisk.DpzETKdT.js → asterisk.DdCXwXQh.js} +2 -2
  9. package/breadcrumb.BZeQwTPf.js +10 -0
  10. package/breadcrumb.d.ts +2 -0
  11. package/{button.M4nXjcUn.js → button.Nknx8eP1.js} +6 -6
  12. package/{buttonround.E56F_805.js → buttonround.BKnxl68m.js} +5 -5
  13. package/{checkbox.Cb2_ey6U.js → checkbox.B_Es9RI2.js} +6 -6
  14. package/checkboxgroup.Cg89jmSA.js +8 -0
  15. package/chip.C0WRTcW9.js +10 -0
  16. package/{chipgroup.BvTj1ziW.js → chipgroup.BSNjn_jZ.js} +49 -49
  17. package/chunks/{Accordion.CB6jB3s_.js → Accordion.CecPmLcb.js} +6 -6
  18. package/chunks/AriaLiveRegions.utils.Bq6Mp2bE.js +40 -0
  19. package/chunks/Breadcrumb.qH8heJ6N.js +112 -0
  20. package/chunks/{CheckboxGroup.S6i5EOc4.js → CheckboxGroup.Bjjv2D4P.js} +40 -37
  21. package/chunks/{Chip.CMlPUyOJ.js → Chip.BtY9yzNj.js} +33 -27
  22. package/chunks/{CustomReactSelect.CQ1uexBH.js → CustomReactSelect.BBHV7vvE.js} +1096 -1092
  23. package/chunks/{Dialog.CudsqNag.js → Dialog.CG1l6YDx.js} +5 -5
  24. package/chunks/{Drawer.ueG2Bzr9.js → Drawer.BFw0swsE.js} +5 -5
  25. package/chunks/{Fieldset.Cjmkgxxk.js → Fieldset.CPuNSQNU.js} +8 -8
  26. package/chunks/{Icon.BCmt_XBG.js → Icon.CvVRQw6C.js} +29 -29
  27. package/chunks/{Input.utils.ChV6RJsh.js → Input.utils.BolAdXy6.js} +21 -24
  28. package/chunks/{InputPassword.CNLbBFjx.js → InputPassword.DCV-dKiH.js} +22 -22
  29. package/chunks/{InputSearch.CHA6mkX_.js → InputSearch.BXLLIjLO.js} +9 -9
  30. package/chunks/{InputStepper.xmWGU9pU.js → InputStepper.BgUod0gn.js} +51 -49
  31. package/chunks/NavigationTabList.D3zzmWIL.js +60 -0
  32. package/chunks/NavigationTabs.ni5Zoq0z.js +72 -0
  33. package/chunks/{Notification.nx5vTamN.js → Notification.BmXWqd85.js} +5 -5
  34. package/chunks/RadioGroup.DVyupPKV.js +150 -0
  35. package/chunks/Select.ByKUcvrB.js +195 -0
  36. package/chunks/TabPane.utils.CWMN6Tsy.js +20 -0
  37. package/chunks/Tabs.UwweipbU.js +84 -0
  38. package/chunks/{Textarea.DUBSOpNL.js → Textarea.BzHIGYVB.js} +52 -52
  39. package/chunks/{Toast.DyEi2GEP.js → Toast.CwalSzYB.js} +5 -5
  40. package/chunks/has-window.ut_-aShB.js +5 -0
  41. package/chunks/helpers.CcqWV-wZ.js +8 -0
  42. package/chunks/index.CEyLAtio.js +48 -0
  43. package/chunks/{jsx-runtime.C115EyI4.js → jsx-runtime.BteaETFx.js} +175 -176
  44. package/chunks/useBreakpoint.BzR_yaIv.js +42 -0
  45. package/chunks/useIsomorphicLayoutEffect.CnJ9AMFS.js +7 -0
  46. package/{combobox.CzBpi97e.js → combobox.BY7mbdhL.js} +2 -2
  47. package/components/AriaLiveRegions/AriaLiveRegions.utils.d.ts +2 -2
  48. package/components/Breadcrumb/Breadcrumb.d.ts +33 -0
  49. package/components/Breadcrumb/Breadcrumb.test.d.ts +1 -0
  50. package/components/Breadcrumb/Breadcrumb.utils.d.ts +4 -0
  51. package/components/Combobox/CustomReactSelect/CustomReactSelect.d.ts +1 -1
  52. package/components/Input/Input.d.ts +6 -0
  53. package/components/InputPassword/InputPassword.d.ts +3 -3
  54. package/components/NavigationTabs/NavigationTabs.d.ts +41 -0
  55. package/components/NavigationTabs/NavigationTabs.test.d.ts +1 -0
  56. package/components/NavigationTabs/NavigationTabs.utils.d.ts +6 -0
  57. package/components/NumberIndicator/NumberIndicator.d.ts +12 -0
  58. package/components/NumberIndicator/NumberIndicator.test.d.ts +1 -0
  59. package/components/NumberIndicator/NumberIndicator.utils.d.ts +2 -0
  60. package/components/Tabs/TabList/NavigationTabList/NavigationTabList.d.ts +21 -0
  61. package/components/Tabs/TabList/TabList.d.ts +38 -0
  62. package/components/Tabs/TabList/TabList.utils.d.ts +6 -0
  63. package/components/Tabs/TabList/TabList.utils.test.d.ts +1 -0
  64. package/components/Tabs/TabPane/TabPane.d.ts +10 -0
  65. package/components/Tabs/TabPane/TabPane.utils.d.ts +3 -0
  66. package/components/Tabs/TabPane/TabPane.utils.test.d.ts +1 -0
  67. package/components/Tabs/Tabs.d.ts +47 -0
  68. package/components/Tabs/Tabs.test.d.ts +1 -0
  69. package/components/Tabs/Tabs.utils.d.ts +6 -0
  70. package/customreactselect.1jiQuYLT.js +13 -0
  71. package/dialog.BF2q9x7U.js +9 -0
  72. package/drawer.B_dIJ0pb.js +9 -0
  73. package/fieldset.CU4aXdx1.js +11 -0
  74. package/{flag.BKpsdB_-.js → flag.CfYdEnax.js} +4 -4
  75. package/{floatingactionbutton.D5L0B7zI.js → floatingactionbutton.CiDfDE1q.js} +5 -5
  76. package/{heading.IPIYc5vW.js → heading.BesCIchJ.js} +3 -3
  77. package/icon.R9KQet1b.js +8 -0
  78. package/index.d.ts +8 -2
  79. package/index.es.js +144 -130
  80. package/{input.BEnCFNM-.js → input.Bx05SF7t.js} +20 -19
  81. package/inputpassword.DswedDs6.js +12 -0
  82. package/inputsearch.Dc4b-FYd.js +13 -0
  83. package/inputstepper.Cf2gM7tW.js +15 -0
  84. package/{link.DREJAoPG.js → link.DsNdcAjt.js} +5 -5
  85. package/linkstandalone.BGQ2HOO0.js +79 -0
  86. package/{logo.Hul8qCFo.js → logo.DZy1Gj0_.js} +3 -3
  87. package/navigationtablist.BKp4bwRn.js +9 -0
  88. package/navigationtablist.d.ts +2 -0
  89. package/navigationtabs.CmdW9g9l.js +8 -0
  90. package/navigationtabs.d.ts +2 -0
  91. package/notification.YWtBGqLz.js +9 -0
  92. package/numberindicator.d.ts +2 -0
  93. package/numberindicator.kZ-G6BbU.js +26 -0
  94. package/{optioncheckbox.BRUTnQnJ.js → optioncheckbox.DV0QpteH.js} +4 -4
  95. package/package.json +47 -47
  96. package/partials/index.js +688 -689
  97. package/{radio.DEILy_lV.js → radio.DZEIaDlU.js} +4 -4
  98. package/radiogroup.BNohLQGM.js +10 -0
  99. package/select.CZvgpafD.js +12 -0
  100. package/{skiptocontent.BxvpIB7H.js → skiptocontent.CoC8Rk8k.js} +5 -5
  101. package/{spinner.Bq97Og-6.js → spinner.pcu39V2a.js} +4 -4
  102. package/styles/scss/ds/lib/theme.scss +2 -0
  103. package/{switch.DI8YYa5G.js → switch.DaPoGnX-.js} +5 -5
  104. package/{systemfeedback.C3Pfxxpp.js → systemfeedback.bHSsfiy3.js} +4 -4
  105. package/tablist.BCOOuiX4.js +258 -0
  106. package/tablist.d.ts +2 -0
  107. package/tabpane.CAy_cIi3.js +37 -0
  108. package/tabpane.d.ts +2 -0
  109. package/tabs.d.ts +2 -0
  110. package/tabs.jdCTjBr0.js +10 -0
  111. package/{text.DThvTwm8.js → text.C5UzzMI9.js} +3 -3
  112. package/textarea.D9XTlEUz.js +12 -0
  113. package/{title.DqzdB2Gq.js → title.B2VKsF9O.js} +3 -3
  114. package/toast.D2BnxnFr.js +10 -0
  115. package/{toastmanager.B7EZ4JSI.js → toastmanager.CzDos3Ik.js} +18 -18
  116. package/utils/helpers.d.ts +7 -0
  117. package/utils/index.d.ts +1 -0
  118. package/utils/isAnimationDisabled.d.ts +1 -0
  119. package/accordion.Rvtiu8Y4.js +0 -10
  120. package/assets/linkstandalone.DIazcjIv.css +0 -1
  121. package/checkboxgroup.DBDmB-zR.js +0 -8
  122. package/chip.C_1tGqvZ.js +0 -10
  123. package/chunks/AriaLiveRegions.utils.BGSZafnS.js +0 -34
  124. package/chunks/RadioGroup.Crj7NoOs.js +0 -137
  125. package/chunks/Select.E6gLFYLk.js +0 -194
  126. package/chunks/has-document.r9i9TxKV.js +0 -5
  127. package/chunks/helpers.B1JT5ShS.js +0 -7
  128. package/chunks/index.CvOaL64Y.js +0 -45
  129. package/chunks/useBreakpoint.5xBNDiCf.js +0 -48
  130. package/customreactselect.qf7CIeFs.js +0 -13
  131. package/dialog.DYlBUsOD.js +0 -9
  132. package/drawer.CvhbP1ra.js +0 -9
  133. package/fieldset.CtUGEdLv.js +0 -11
  134. package/icon.Ck0BpI34.js +0 -8
  135. package/inputpassword.B-D_jB9w.js +0 -12
  136. package/inputsearch.CaSpklR1.js +0 -13
  137. package/inputstepper.C7KD1-0S.js +0 -13
  138. package/linkstandalone.BBoEniZ_.js +0 -79
  139. package/notification.6M0OdGXK.js +0 -9
  140. package/radiogroup.DeU-HdlP.js +0 -10
  141. package/select.BYraFJzz.js +0 -12
  142. package/textarea.CBvH0ljM.js +0 -12
  143. package/toast.n1QUINSA.js +0 -10
  144. package/utils/has-document.d.ts +0 -1
  145. /package/assets/{Accordion.i4k5SMQM.css → Accordion.DDxMnzaG.css} +0 -0
  146. /package/assets/{CheckboxGroup.BH1Br1dg.css → CheckboxGroup.Dd-Huo7x.css} +0 -0
  147. /package/assets/{Chip.DSdLuzoi.css → Chip.dxIYIjj7.css} +0 -0
  148. /package/assets/{CustomReactSelect.vHt8qNKC.css → CustomReactSelect.DYDaP5r5.css} +0 -0
  149. /package/assets/{Dialog.BgzebVk4.css → Dialog.DXmPdExC.css} +0 -0
  150. /package/assets/{Drawer.Bauwxrk7.css → Drawer.BcM0epJS.css} +0 -0
  151. /package/assets/{Fieldset.DOdTbb7C.css → Fieldset.Og4EsnPI.css} +0 -0
  152. /package/assets/{Icon.DxRSBRSL.css → Icon.ZNrKuqgu.css} +0 -0
  153. /package/assets/{InputPassword.CG7Ugu73.css → InputPassword.DtKteerr.css} +0 -0
  154. /package/assets/{InputSearch.CseChMc-.css → InputSearch.Mql3oFlQ.css} +0 -0
  155. /package/assets/{InputStepper.C0eAYr7P.css → InputStepper.BXz1MMBg.css} +0 -0
  156. /package/assets/{Notification.DbRapUJo.css → Notification.DZIF-Wo6.css} +0 -0
  157. /package/assets/{RadioGroup.BfMo157q.css → RadioGroup.CM2mYOzc.css} +0 -0
  158. /package/assets/{Select.D4EXgIbz.css → Select.KvAgxJZk.css} +0 -0
  159. /package/assets/{Textarea.KJGPTYMz.css → Textarea.BIRQlv6m.css} +0 -0
  160. /package/assets/{Toast.CuafTAf7.css → Toast.CuM-yS7S.css} +0 -0
  161. /package/assets/{arialiveregions.DhsijBaL.css → arialiveregions.e0Q16ZWi.css} +0 -0
  162. /package/assets/{asterisk.BfVAUBO7.css → asterisk.B41DaZDe.css} +0 -0
  163. /package/assets/{button.DF4RBeC2.css → button.CpPeQPsM.css} +0 -0
  164. /package/assets/{buttonround.19uK_-oO.css → buttonround.BFauSRAb.css} +0 -0
  165. /package/assets/{checkbox.ByOoFouu.css → checkbox.BKHQN_tu.css} +0 -0
  166. /package/assets/{chipgroup.BzfZLbkv.css → chipgroup.CUIkyYBW.css} +0 -0
  167. /package/assets/{flag.B-RLcMcf.css → flag.C7i3MAAP.css} +0 -0
  168. /package/assets/{floatingactionbutton.E9HekT6S.css → floatingactionbutton.l0nvFiJU.css} +0 -0
  169. /package/assets/{heading.u4f8Mz94.css → heading.B-rdLVZD.css} +0 -0
  170. /package/assets/{input.BAkFKPW3.css → input.B5spSeMe.css} +0 -0
  171. /package/assets/{link.DDJj0D1U.css → link.Be5OF_8E.css} +0 -0
  172. /package/assets/{logo.CnW8alZU.css → logo.bVXt9m9R.css} +0 -0
  173. /package/assets/{optioncheckbox.BZaWtRD7.css → optioncheckbox.DAffEKvY.css} +0 -0
  174. /package/assets/{radio.X-RTl_jo.css → radio.CGf7v0D_.css} +0 -0
  175. /package/assets/{skiptocontent.PTL3256m.css → skiptocontent.CTSDC_kG.css} +0 -0
  176. /package/assets/{spinner.2iWJWKyA.css → spinner.BJ5xwnYH.css} +0 -0
  177. /package/assets/{switch.gw6aa3kx.css → switch.Bc9KIyw9.css} +0 -0
  178. /package/assets/{systemfeedback.BPz5YlPC.css → systemfeedback.DoqgHZPH.css} +0 -0
  179. /package/assets/{text.DjTG_qNb.css → text.BlRcxO8n.css} +0 -0
  180. /package/assets/{title.rosWPEG3.css → title.B0tsgJ-n.css} +0 -0
package/chip.C_1tGqvZ.js DELETED
@@ -1,10 +0,0 @@
1
- "use client";
2
- import "./chunks/jsx-runtime.C115EyI4.js";
3
- import "./chunks/index.CvOaL64Y.js";
4
- import "react";
5
- import "./chunks/translate.isa3FHb8.js";
6
- import "./chunks/Icon.BCmt_XBG.js";
7
- import { e as s } from "./chunks/Chip.CMlPUyOJ.js";
8
- export {
9
- s as DSChip
10
- };
@@ -1,34 +0,0 @@
1
- "use client";
2
- import { g as i } from "./helpers.B1JT5ShS.js";
3
- import "react";
4
- import { h as s } from "./has-document.r9i9TxKV.js";
5
- const e = "ds-alert-live-region", t = "ds-status-live-region", g = () => document.getElementById(e), c = () => document.getElementById(t), m = () => {
6
- if (!s)
7
- return;
8
- const n = document.querySelectorAll(
9
- `#${e}`
10
- ), o = document.querySelectorAll(
11
- `#${t}`
12
- );
13
- if (n.length > 1)
14
- throw new Error(
15
- i(
16
- "DSAriaLiveRegions",
17
- `The DSAriaLiveRegions component with id="${e}" should only be present once on the page. Found ${n.length} instances.`
18
- )
19
- );
20
- if (o.length > 1)
21
- throw new Error(
22
- i(
23
- "DSAriaLiveRegions",
24
- `The DSAriaLiveRegions component with id="${t}" should only be present once on the page. Found ${o.length} instances.`
25
- )
26
- );
27
- };
28
- export {
29
- e as A,
30
- t as a,
31
- g as b,
32
- c as g,
33
- m as v
34
- };
@@ -1,137 +0,0 @@
1
- "use client";
2
- import { j as h } from "./jsx-runtime.C115EyI4.js";
3
- import { c as y } from "./index.CvOaL64Y.js";
4
- import { forwardRef as C, useState as N } from "react";
5
- import { D as I } from "./Fieldset.Cjmkgxxk.js";
6
- import { DSRadio as A } from "../radio.DEILy_lV.js";
7
- import { g as a } from "./helpers.B1JT5ShS.js";
8
- import '../assets/RadioGroup.BfMo157q.css';const B = "ds-radio-group_root_12fot_1", M = "ds-radio-group_root--horizontal_12fot_9", O = "ds-radio-group_root--invalid_12fot_12", f = {
9
- root: B,
10
- "root--horizontal": "ds-radio-group_root--horizontal_12fot_9",
11
- rootHorizontal: M,
12
- "root--invalid": "ds-radio-group_root--invalid_12fot_12",
13
- rootInvalid: O
14
- }, m = (o) => `The "${o}" prop is required. Please add the "${o}" prop to the DSRadioGroup component.`, v = (o) => o.some(({ hint: e }) => !!e), z = (o) => o.some(({ customArea: e }) => !!e), V = ({
15
- legend: o,
16
- name: e,
17
- options: t,
18
- description: l,
19
- direction: i,
20
- id: s,
21
- systemFeedback: n
22
- }) => {
23
- if (!s && (l || n))
24
- throw new Error(
25
- a(
26
- "DSRadioGroup",
27
- 'A unique "id" prop is required when providing the description or systemFeedback property. Please add an unique "id" prop to the DSRadioGroup component.'
28
- )
29
- );
30
- if (!o)
31
- throw new Error(
32
- a("DSRadioGroup", m("legend"))
33
- );
34
- if (!e)
35
- throw new Error(
36
- a("DSRadioGroup", m("name"))
37
- );
38
- if (!t)
39
- throw new Error(
40
- a("DSRadioGroup", m("options"))
41
- );
42
- if (i === "horizontal" && v(t))
43
- throw new Error(
44
- a(
45
- "DSRadioGroup",
46
- "Horizontal direction is not possible when options contain a hint. Please remove hints or change direction property to 'vertical'."
47
- )
48
- );
49
- if (i === "horizontal" && z(t))
50
- throw new Error(
51
- a(
52
- "DSRadioGroup",
53
- "Horizontal direction is not possible when options contain a custom area. Please remove custom areas or change direction property to 'vertical'."
54
- )
55
- );
56
- }, $ = C(
57
- ({
58
- legend: o,
59
- name: e,
60
- options: t,
61
- className: l,
62
- defaultValue: i,
63
- description: s,
64
- direction: n = "vertical",
65
- disabled: d = !1,
66
- hideUncheckedHints: D = !1,
67
- id: c,
68
- invalid: p = !1,
69
- required: w = !1,
70
- systemFeedback: u,
71
- value: S,
72
- onChange: _,
73
- ...G
74
- }, E) => {
75
- process.env.NODE_ENV !== "production" && V({
76
- legend: o,
77
- name: e,
78
- options: t,
79
- description: s,
80
- direction: n,
81
- id: c,
82
- systemFeedback: u
83
- });
84
- const [H, x] = N(i), g = S !== void 0, R = g ? S : H, P = y(f.root, {
85
- // In case of longer copy, use vertical direction
86
- [f.rootHorizontal]: n === "horizontal" && !v(t) && !z(t),
87
- [f.rootInvalid]: p && !!u
88
- }), j = (r) => {
89
- if (d) {
90
- r.preventDefault();
91
- return;
92
- }
93
- g || x(
94
- r.target.value
95
- ), _ && _(r);
96
- }, q = v(t) && !D;
97
- return /* @__PURE__ */ h.jsx(
98
- I,
99
- {
100
- id: c,
101
- legend: o,
102
- className: l,
103
- description: s,
104
- disabled: d,
105
- required: w,
106
- invalid: p,
107
- systemFeedback: u,
108
- ...G,
109
- role: "radiogroup",
110
- onChange: j,
111
- children: /* @__PURE__ */ h.jsx("div", { className: P, children: t.map((r) => /* @__PURE__ */ h.jsx(
112
- A,
113
- {
114
- name: e,
115
- checked: r.value === R,
116
- disabled: d,
117
- hideUncheckedHint: D,
118
- hint: r.hint,
119
- invalid: p,
120
- isBold: q,
121
- required: w,
122
- ref: r.value === R ? E : null,
123
- ...r
124
- },
125
- c + r.label + r.value + r.hint
126
- )) })
127
- }
128
- );
129
- }
130
- );
131
- $.displayName = "DSRadioGroup";
132
- export {
133
- $ as D,
134
- z as a,
135
- v as o,
136
- V as v
137
- };
@@ -1,194 +0,0 @@
1
- "use client";
2
- import { j as t } from "./jsx-runtime.C115EyI4.js";
3
- import { c as r } from "./index.CvOaL64Y.js";
4
- import { useRef as C, useState as q, useEffect as W } from "react";
5
- import { u as F } from "./useBreakpoint.5xBNDiCf.js";
6
- import { Asterisk as M } from "../asterisk.DpzETKdT.js";
7
- import { D as O } from "./Icon.BCmt_XBG.js";
8
- import { DSSystemFeedback as T } from "../systemfeedback.C3Pfxxpp.js";
9
- import { g as p } from "./helpers.B1JT5ShS.js";
10
- import '../assets/Select.D4EXgIbz.css';const V = "ds-select_root_1ui0h_1", Z = "ds-select_hint_1ui0h_9", J = "ds-select_label_1ui0h_9", K = "ds-select_wrapper_1ui0h_13", Q = "ds-select_affix_1ui0h_19", U = "ds-select_affix--small_1ui0h_40", X = "ds-select_affix--disabled_1ui0h_53", Y = "ds-select_prefix_1ui0h_61", z = "ds-select_affix--readonly_1ui0h_64", G = "ds-select_suffix_1ui0h_74", ee = "ds-select_action-button_1ui0h_81", se = "ds-select_label--hidden_1ui0h_99", te = "ds-select_label--disabled_1ui0h_112", le = "ds-select_feedback_1ui0h_132", ce = "ds-select_select-wrapper_1ui0h_137", ae = "ds-select_select_1ui0h_137", ne = "ds-select_select--invalid_1ui0h_262", ie = "ds-select_select--small_1ui0h_269", oe = "ds-select_input--has-leading-icon_1ui0h_322", de = "ds-select_input--has-action-button_1ui0h_325", re = "ds-select_input--has-second-action-button_1ui0h_328", _e = "ds-select_select--has-leading-icon_1ui0h_331", ue = "ds-select_select--has-action-button_1ui0h_334", he = "ds-select_select--has-second-action-button_1ui0h_337", fe = "ds-select_select--has-affix_1ui0h_340", pe = "ds-select_select--is-ready_1ui0h_354", be = "ds-select_select--placeholder_1ui0h_371", me = "ds-select_chevron_1ui0h_410", xe = "ds-select_chevron--small_1ui0h_414", ve = "ds-select_chevron--disabled_1ui0h_417", e = {
11
- root: V,
12
- hint: Z,
13
- label: J,
14
- wrapper: K,
15
- affix: Q,
16
- "affix--small": "ds-select_affix--small_1ui0h_40",
17
- affixSmall: U,
18
- "affix--disabled": "ds-select_affix--disabled_1ui0h_53",
19
- affixDisabled: X,
20
- prefix: Y,
21
- "affix--readonly": "ds-select_affix--readonly_1ui0h_64",
22
- affixReadonly: z,
23
- suffix: G,
24
- "action-button": "ds-select_action-button_1ui0h_81",
25
- actionButton: ee,
26
- "label--hidden": "ds-select_label--hidden_1ui0h_99",
27
- labelHidden: se,
28
- "label--disabled": "ds-select_label--disabled_1ui0h_112",
29
- labelDisabled: te,
30
- feedback: le,
31
- "select-wrapper": "ds-select_select-wrapper_1ui0h_137",
32
- selectWrapper: ce,
33
- select: ae,
34
- "select--invalid": "ds-select_select--invalid_1ui0h_262",
35
- selectInvalid: ne,
36
- "select--small": "ds-select_select--small_1ui0h_269",
37
- selectSmall: ie,
38
- "input--has-leading-icon": "ds-select_input--has-leading-icon_1ui0h_322",
39
- inputHasLeadingIcon: oe,
40
- "input--has-action-button": "ds-select_input--has-action-button_1ui0h_325",
41
- inputHasActionButton: de,
42
- "input--has-second-action-button": "ds-select_input--has-second-action-button_1ui0h_328",
43
- inputHasSecondActionButton: re,
44
- "select--has-leading-icon": "ds-select_select--has-leading-icon_1ui0h_331",
45
- selectHasLeadingIcon: _e,
46
- "select--has-action-button": "ds-select_select--has-action-button_1ui0h_334",
47
- selectHasActionButton: ue,
48
- "select--has-second-action-button": "ds-select_select--has-second-action-button_1ui0h_337",
49
- selectHasSecondActionButton: he,
50
- "select--has-affix": "ds-select_select--has-affix_1ui0h_340",
51
- selectHasAffix: fe,
52
- "select--is-ready": "ds-select_select--is-ready_1ui0h_354",
53
- selectIsReady: pe,
54
- "select--placeholder": "ds-select_select--placeholder_1ui0h_371",
55
- selectPlaceholder: be,
56
- chevron: me,
57
- "chevron--small": "ds-select_chevron--small_1ui0h_414",
58
- chevronSmall: xe,
59
- "chevron--disabled": "ds-select_chevron--disabled_1ui0h_417",
60
- chevronDisabled: ve
61
- }, Ee = ["medium", "small"], Se = ({
62
- id: s,
63
- label: a,
64
- options: c
65
- }) => {
66
- if (!s)
67
- throw new Error(
68
- p(
69
- "DSSelect",
70
- 'A unique "id" prop is required. Please add an unique "id" prop to the DSSelect component.'
71
- )
72
- );
73
- if (!a)
74
- throw new Error(
75
- p(
76
- "DSSelect",
77
- `A label is always required for a11y reasons. Please add a descriptive "label" prop to the DSSelect component. If you don't want to display a label, set hideLabel={true}.`
78
- )
79
- );
80
- if (!c || c.length === 0)
81
- throw new Error(
82
- p(
83
- "DSSelect",
84
- 'Options are always required. Please add an "options" prop to the DSSelect component.'
85
- )
86
- );
87
- }, ge = (s, a, c) => s === "" || a !== void 0 && a !== "" ? !1 : !(c !== void 0 && c !== ""), Le = ({
88
- id: s,
89
- label: a,
90
- options: c,
91
- className: H,
92
- defaultValue: b,
93
- disabled: _ = !1,
94
- hideLabel: I = !1,
95
- hint: u,
96
- invalid: d = !1,
97
- placeholder: h = "Select",
98
- required: m = !1,
99
- size: x = "medium",
100
- systemFeedback: f,
101
- value: v,
102
- ...w
103
- }) => {
104
- process.env.NODE_ENV !== "production" && Se({
105
- id: s,
106
- label: a,
107
- options: c
108
- });
109
- const o = C(null), [j, A] = q(
110
- ge(h, b, v)
111
- );
112
- W(() => {
113
- if (!o.current) return;
114
- const n = () => {
115
- if (!o.current) return;
116
- const i = o.current.value;
117
- A(i === "");
118
- }, l = o.current;
119
- return l.addEventListener("change", n), () => {
120
- l.removeEventListener("change", n);
121
- };
122
- }, []);
123
- const B = F(I), S = `${s}-label`, g = `${s}-feedback`, D = `${s}-hint`, E = u ? ` ${D}` : "", L = (n) => [
124
- h && /* @__PURE__ */ t.jsx("option", { value: "", children: h }, `${s}-hidden-option-disabled-placeholder`),
125
- ...n.map((l) => {
126
- if ("options" in l) {
127
- const { label: i, options: $ } = l;
128
- return /* @__PURE__ */ t.jsx("optgroup", { label: i, children: $.map(y) }, i);
129
- } else
130
- return y(l);
131
- })
132
- ], y = ({ label: n, value: l, isDisabled: i }) => /* @__PURE__ */ t.jsx("option", { value: l, disabled: i, children: n }, l), N = r(e.root, H), P = r(e.select, {
133
- [e.selectSmall]: x === "small",
134
- [e.selectInvalid]: d,
135
- [e.selectPlaceholder]: j
136
- }), k = r(e.label, {
137
- // hide label only visually to keep them available for assistive technologies
138
- [e.labelHidden]: B,
139
- [e.labelDisabled]: _
140
- }), R = r(e.chevron, {
141
- [e.chevronSmall]: x === "small",
142
- [e.chevronDisabled]: _
143
- });
144
- return /* @__PURE__ */ t.jsxs("div", { className: N, children: [
145
- /* @__PURE__ */ t.jsxs("label", { className: k, id: S, htmlFor: s, children: [
146
- a,
147
- m && /* @__PURE__ */ t.jsx(M, {})
148
- ] }),
149
- u && /* @__PURE__ */ t.jsx("div", { className: e.hint, id: D, children: u }),
150
- d && f && /* @__PURE__ */ t.jsx(
151
- T,
152
- {
153
- className: e.feedback,
154
- message: f,
155
- type: "invalid",
156
- id: g,
157
- "aria-live": "assertive"
158
- }
159
- ),
160
- /* @__PURE__ */ t.jsxs("div", { className: e.selectWrapper, children: [
161
- /* @__PURE__ */ t.jsx(
162
- "select",
163
- {
164
- ...w,
165
- id: s,
166
- ref: o,
167
- className: P,
168
- "aria-labelledby": `${S}${E}`,
169
- "aria-describedby": d && f ? g : void 0,
170
- "aria-invalid": d,
171
- defaultValue: b,
172
- value: v,
173
- disabled: _,
174
- required: m,
175
- children: L(c)
176
- }
177
- ),
178
- /* @__PURE__ */ t.jsx(
179
- O,
180
- {
181
- name: "chevron-down",
182
- className: R,
183
- "aria-hidden": "true"
184
- }
185
- )
186
- ] })
187
- ] });
188
- };
189
- export {
190
- Le as D,
191
- Ee as S,
192
- ge as g,
193
- Se as v
194
- };
@@ -1,5 +0,0 @@
1
- "use client";
2
- const e = typeof document < "u";
3
- export {
4
- e as h
5
- };
@@ -1,7 +0,0 @@
1
- "use client";
2
- const e = (s) => typeof s != "number" || isNaN(s) ? 0 : s / 16, r = (s, t) => `[STIHL Design System] - [${s}]: ${t}`, n = (s, t) => s == null ? void 0 : s.closest(t);
3
- export {
4
- n as a,
5
- r as g,
6
- e as p
7
- };
@@ -1,45 +0,0 @@
1
- "use client";
2
- function a(e) {
3
- return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
4
- }
5
- var i = { exports: {} };
6
- /*!
7
- Copyright (c) 2018 Jed Watson.
8
- Licensed under the MIT License (MIT), see
9
- http://jedwatson.github.io/classnames
10
- */
11
- (function(e) {
12
- (function() {
13
- var f = {}.hasOwnProperty;
14
- function s() {
15
- for (var t = "", r = 0; r < arguments.length; r++) {
16
- var n = arguments[r];
17
- n && (t = o(t, u(n)));
18
- }
19
- return t;
20
- }
21
- function u(t) {
22
- if (typeof t == "string" || typeof t == "number")
23
- return t;
24
- if (typeof t != "object")
25
- return "";
26
- if (Array.isArray(t))
27
- return s.apply(null, t);
28
- if (t.toString !== Object.prototype.toString && !t.toString.toString().includes("[native code]"))
29
- return t.toString();
30
- var r = "";
31
- for (var n in t)
32
- f.call(t, n) && t[n] && (r = o(r, n));
33
- return r;
34
- }
35
- function o(t, r) {
36
- return r ? t ? t + " " + r : t + r : t;
37
- }
38
- e.exports ? (s.default = s, e.exports = s) : window.classNames = s;
39
- })();
40
- })(i);
41
- var c = i.exports;
42
- const p = /* @__PURE__ */ a(c);
43
- export {
44
- p as c
45
- };
@@ -1,48 +0,0 @@
1
- "use client";
2
- import { useState as c, useEffect as k } from "react";
3
- const a = typeof window < "u", o = {
4
- base: 0,
5
- s: 320,
6
- m: 768,
7
- l: 1024,
8
- xl: 1536
9
- }, u = ["base", "s", "m", "l", "xl"], f = (e) => {
10
- let n = "base";
11
- for (const t of u)
12
- if (e >= o[t])
13
- n = t;
14
- else
15
- break;
16
- return n;
17
- }, b = (e) => e && typeof e == "object" && "base" in e, d = () => {
18
- const [e, n] = c("base");
19
- k(() => {
20
- if (a)
21
- return t(), window.addEventListener("resize", t), () => window.removeEventListener("resize", t);
22
- }, []);
23
- const t = () => {
24
- if (a) {
25
- const r = window.innerWidth;
26
- n(f(r));
27
- }
28
- };
29
- return e;
30
- }, B = (e) => {
31
- const n = d();
32
- if (e && typeof e != "object" || !b(e))
33
- return e;
34
- const t = [...u].reverse();
35
- let r = e.base;
36
- for (const s of t) {
37
- const i = e[s];
38
- if (i !== void 0 && o[n] >= o[s]) {
39
- r = i;
40
- break;
41
- }
42
- }
43
- return r;
44
- };
45
- export {
46
- a as h,
47
- B as u
48
- };
@@ -1,13 +0,0 @@
1
- "use client";
2
- import "./chunks/jsx-runtime.C115EyI4.js";
3
- import "./chunks/index.CvOaL64Y.js";
4
- import "react";
5
- import { c as l } from "./chunks/CustomReactSelect.CQ1uexBH.js";
6
- import "./chunks/useBreakpoint.5xBNDiCf.js";
7
- import "./asterisk.DpzETKdT.js";
8
- import "./chunks/Icon.BCmt_XBG.js";
9
- import "./systemfeedback.C3Pfxxpp.js";
10
- import "./optioncheckbox.BRUTnQnJ.js";
11
- export {
12
- l as CustomReactSelect
13
- };
@@ -1,9 +0,0 @@
1
- "use client";
2
- import "./chunks/jsx-runtime.C115EyI4.js";
3
- import "./chunks/index.CvOaL64Y.js";
4
- import "react";
5
- import "./button.M4nXjcUn.js";
6
- import { D as e } from "./chunks/Dialog.CudsqNag.js";
7
- export {
8
- e as DSDialog
9
- };
@@ -1,9 +0,0 @@
1
- "use client";
2
- import "./chunks/jsx-runtime.C115EyI4.js";
3
- import "./chunks/index.CvOaL64Y.js";
4
- import "react";
5
- import "./button.M4nXjcUn.js";
6
- import { D as e } from "./chunks/Drawer.ueG2Bzr9.js";
7
- export {
8
- e as DSDrawer
9
- };
@@ -1,11 +0,0 @@
1
- "use client";
2
- import "./chunks/jsx-runtime.C115EyI4.js";
3
- import "./chunks/index.CvOaL64Y.js";
4
- import "react";
5
- import "./asterisk.DpzETKdT.js";
6
- import "./heading.IPIYc5vW.js";
7
- import "./systemfeedback.C3Pfxxpp.js";
8
- import { D as l } from "./chunks/Fieldset.Cjmkgxxk.js";
9
- export {
10
- l as DSFieldset
11
- };
package/icon.Ck0BpI34.js DELETED
@@ -1,8 +0,0 @@
1
- "use client";
2
- import "./chunks/jsx-runtime.C115EyI4.js";
3
- import "./chunks/index.CvOaL64Y.js";
4
- import "react";
5
- import { D as p } from "./chunks/Icon.BCmt_XBG.js";
6
- export {
7
- p as DSIcon
8
- };
@@ -1,12 +0,0 @@
1
- "use client";
2
- import "./chunks/jsx-runtime.C115EyI4.js";
3
- import "./chunks/index.CvOaL64Y.js";
4
- import "react";
5
- import "./chunks/useBreakpoint.5xBNDiCf.js";
6
- import "./asterisk.DpzETKdT.js";
7
- import "./button.M4nXjcUn.js";
8
- import "./systemfeedback.C3Pfxxpp.js";
9
- import { D as n } from "./chunks/InputPassword.CNLbBFjx.js";
10
- export {
11
- n as DSInputPassword
12
- };
@@ -1,13 +0,0 @@
1
- "use client";
2
- import "./chunks/jsx-runtime.C115EyI4.js";
3
- import "./chunks/index.CvOaL64Y.js";
4
- import "react";
5
- import "./chunks/helpers.B1JT5ShS.js";
6
- import "./chunks/useBreakpoint.5xBNDiCf.js";
7
- import "./asterisk.DpzETKdT.js";
8
- import "./button.M4nXjcUn.js";
9
- import "./systemfeedback.C3Pfxxpp.js";
10
- import { D as s } from "./chunks/InputSearch.CHA6mkX_.js";
11
- export {
12
- s as DSInputSearch
13
- };
@@ -1,13 +0,0 @@
1
- "use client";
2
- import "./chunks/jsx-runtime.C115EyI4.js";
3
- import "./chunks/index.CvOaL64Y.js";
4
- import "react";
5
- import "./chunks/useBreakpoint.5xBNDiCf.js";
6
- import "./chunks/Input.utils.ChV6RJsh.js";
7
- import "./asterisk.DpzETKdT.js";
8
- import "./button.M4nXjcUn.js";
9
- import "./systemfeedback.C3Pfxxpp.js";
10
- import { D } from "./chunks/InputStepper.xmWGU9pU.js";
11
- export {
12
- D as DSInputStepper
13
- };
@@ -1,79 +0,0 @@
1
- "use client";
2
- import { j as r } from "./chunks/jsx-runtime.C115EyI4.js";
3
- import { c as p } from "./chunks/index.CvOaL64Y.js";
4
- import { D as x } from "./chunks/Icon.BCmt_XBG.js";
5
- import "react";
6
- import './assets/linkstandalone.DIazcjIv.css';const H = "ds-link-standalone_root_1ubnn_1", j = "ds-link-standalone_root--highlight_1ubnn_68", v = "ds-link-standalone_root--neutral-dark_1ubnn_82", L = "ds-link-standalone_root--highlight-dark_1ubnn_131", N = "ds-link-standalone_root--active_1ubnn_180", I = "ds-link-standalone_root--icon-left_1ubnn_187", o = {
7
- root: H,
8
- "root--highlight": "ds-link-standalone_root--highlight_1ubnn_68",
9
- rootHighlight: j,
10
- "root--neutral-dark": "ds-link-standalone_root--neutral-dark_1ubnn_82",
11
- rootNeutralDark: v,
12
- "root--highlight-dark": "ds-link-standalone_root--highlight-dark_1ubnn_131",
13
- rootHighlightDark: L,
14
- "root--active": "ds-link-standalone_root--active_1ubnn_180",
15
- rootActive: N,
16
- "root--icon-left": "ds-link-standalone_root--icon-left_1ubnn_187",
17
- rootIconLeft: I
18
- }, C = ({
19
- children: e,
20
- aria: d,
21
- active: h,
22
- className: _,
23
- dataTrackingid: g,
24
- download: c,
25
- href: a,
26
- iconName: i,
27
- iconPosition: k = "left",
28
- iconSource: l,
29
- referrerPolicy: u,
30
- rel: b,
31
- target: f = "_self",
32
- theme: t = "light",
33
- variant: n = "neutral",
34
- ...m
35
- }) => {
36
- const D = p(o.root, _, {
37
- // variant
38
- [o.rootHighlight]: n === "highlight",
39
- // theme
40
- [o.rootNeutralDark]: t === "dark" && n === "neutral",
41
- [o.rootHighlightDark]: t === "dark" && n === "highlight",
42
- // active
43
- [o.rootActive]: h,
44
- // icon position
45
- [o.rootIconLeft]: k === "left"
46
- }), s = a === void 0 ? "span" : "a";
47
- return /* @__PURE__ */ r.jsxs(
48
- s,
49
- {
50
- className: D,
51
- "data-trackingid": g,
52
- ...s === "a" && {
53
- href: a,
54
- target: f,
55
- rel: b,
56
- referrerPolicy: u,
57
- download: c
58
- },
59
- ...d,
60
- ...m,
61
- children: [
62
- /* @__PURE__ */ r.jsx("span", { className: o.label, children: e }),
63
- (i || l) && /* @__PURE__ */ r.jsx(
64
- x,
65
- {
66
- name: i,
67
- theme: t,
68
- source: l,
69
- size: "medium",
70
- "aria-hidden": "true"
71
- }
72
- )
73
- ]
74
- }
75
- );
76
- };
77
- export {
78
- C as DSLinkStandalone
79
- };
@@ -1,9 +0,0 @@
1
- "use client";
2
- import "./chunks/jsx-runtime.C115EyI4.js";
3
- import "./chunks/index.CvOaL64Y.js";
4
- import "./button.M4nXjcUn.js";
5
- import "./chunks/Icon.BCmt_XBG.js";
6
- import { D as e } from "./chunks/Notification.nx5vTamN.js";
7
- export {
8
- e as DSNotification
9
- };