@stihl-design-system/components 1.0.0-RC.14 → 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 (158) hide show
  1. package/accordion.C57VwDyH.js +10 -0
  2. package/{arialiveregions.2dxodwBP.js → arialiveregions.4aRkBQ4r.js} +2 -2
  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/{asterisk.DpzETKdT.js → asterisk.DdCXwXQh.js} +2 -2
  7. package/breadcrumb.BZeQwTPf.js +10 -0
  8. package/breadcrumb.d.ts +2 -0
  9. package/{button.BfcWQZhx.js → button.Nknx8eP1.js} +6 -6
  10. package/{buttonround.E56F_805.js → buttonround.BKnxl68m.js} +5 -5
  11. package/{checkbox.Dt0OWryN.js → checkbox.B_Es9RI2.js} +6 -6
  12. package/checkboxgroup.Cg89jmSA.js +8 -0
  13. package/chip.C0WRTcW9.js +10 -0
  14. package/{chipgroup.Cy76KMWu.js → chipgroup.BSNjn_jZ.js} +53 -54
  15. package/chunks/{Accordion.Bza3TO4Y.js → Accordion.CecPmLcb.js} +5 -5
  16. package/chunks/Breadcrumb.qH8heJ6N.js +112 -0
  17. package/chunks/{CheckboxGroup.C_2ZwEQJ.js → CheckboxGroup.Bjjv2D4P.js} +5 -5
  18. package/chunks/{Chip.BvlKC503.js → Chip.BtY9yzNj.js} +4 -4
  19. package/chunks/{CustomReactSelect.CB41lklE.js → CustomReactSelect.BBHV7vvE.js} +1095 -1091
  20. package/chunks/{Dialog.ClBjJWOh.js → Dialog.CG1l6YDx.js} +4 -4
  21. package/chunks/{Drawer.ReDW3ohH.js → Drawer.BFw0swsE.js} +4 -4
  22. package/chunks/{Fieldset.Ct_JFRs9.js → Fieldset.CPuNSQNU.js} +6 -6
  23. package/chunks/{Icon.BCmt_XBG.js → Icon.CvVRQw6C.js} +29 -29
  24. package/chunks/{Input.utils.DYbmWlx6.js → Input.utils.BolAdXy6.js} +18 -19
  25. package/chunks/{InputPassword.Cvk5J8w1.js → InputPassword.DCV-dKiH.js} +7 -7
  26. package/chunks/{InputSearch.BIIW-ERk.js → InputSearch.BXLLIjLO.js} +7 -7
  27. package/chunks/{InputStepper.DGzR3KY6.js → InputStepper.BgUod0gn.js} +8 -8
  28. package/chunks/NavigationTabList.D3zzmWIL.js +60 -0
  29. package/chunks/NavigationTabs.ni5Zoq0z.js +72 -0
  30. package/chunks/{Notification.uAEjPywP.js → Notification.BmXWqd85.js} +5 -5
  31. package/chunks/{RadioGroup.D10-pe9H.js → RadioGroup.DVyupPKV.js} +46 -42
  32. package/chunks/Select.ByKUcvrB.js +195 -0
  33. package/chunks/TabPane.utils.CWMN6Tsy.js +20 -0
  34. package/chunks/Tabs.UwweipbU.js +84 -0
  35. package/chunks/{Textarea.Dh9R9YdZ.js → Textarea.BzHIGYVB.js} +53 -54
  36. package/chunks/{Toast.j7LPnQ36.js → Toast.CwalSzYB.js} +5 -5
  37. package/chunks/index.CEyLAtio.js +48 -0
  38. package/chunks/{jsx-runtime.C115EyI4.js → jsx-runtime.BteaETFx.js} +175 -176
  39. package/chunks/useBreakpoint.BzR_yaIv.js +42 -0
  40. package/{combobox.D6zXg976.js → combobox.BY7mbdhL.js} +2 -2
  41. package/components/Breadcrumb/Breadcrumb.d.ts +33 -0
  42. package/components/Breadcrumb/Breadcrumb.utils.d.ts +4 -0
  43. package/components/NavigationTabs/NavigationTabs.d.ts +41 -0
  44. package/components/NavigationTabs/NavigationTabs.test.d.ts +1 -0
  45. package/components/NavigationTabs/NavigationTabs.utils.d.ts +6 -0
  46. package/components/Tabs/TabList/NavigationTabList/NavigationTabList.d.ts +21 -0
  47. package/components/Tabs/TabList/TabList.d.ts +38 -0
  48. package/components/Tabs/TabList/TabList.utils.d.ts +6 -0
  49. package/components/Tabs/TabList/TabList.utils.test.d.ts +1 -0
  50. package/components/Tabs/Tabs.d.ts +6 -1
  51. package/components/Tabs/Tabs.utils.d.ts +1 -6
  52. package/customreactselect.1jiQuYLT.js +13 -0
  53. package/dialog.BF2q9x7U.js +9 -0
  54. package/drawer.B_dIJ0pb.js +9 -0
  55. package/fieldset.CU4aXdx1.js +11 -0
  56. package/{flag.BKpsdB_-.js → flag.CfYdEnax.js} +4 -4
  57. package/{floatingactionbutton.D5L0B7zI.js → floatingactionbutton.CiDfDE1q.js} +5 -5
  58. package/{heading.IPIYc5vW.js → heading.BesCIchJ.js} +3 -3
  59. package/icon.R9KQet1b.js +8 -0
  60. package/index.d.ts +4 -0
  61. package/index.es.js +145 -138
  62. package/{input.BbnmbMCI.js → input.Bx05SF7t.js} +50 -51
  63. package/inputpassword.DswedDs6.js +12 -0
  64. package/inputsearch.Dc4b-FYd.js +13 -0
  65. package/inputstepper.Cf2gM7tW.js +15 -0
  66. package/{link.L8O_InKe.js → link.DsNdcAjt.js} +5 -5
  67. package/linkstandalone.BGQ2HOO0.js +79 -0
  68. package/{logo.Hul8qCFo.js → logo.DZy1Gj0_.js} +3 -3
  69. package/navigationtablist.BKp4bwRn.js +9 -0
  70. package/navigationtablist.d.ts +2 -0
  71. package/navigationtabs.CmdW9g9l.js +8 -0
  72. package/navigationtabs.d.ts +2 -0
  73. package/notification.YWtBGqLz.js +9 -0
  74. package/{numberindicator.UU7FSouT.js → numberindicator.kZ-G6BbU.js} +3 -3
  75. package/{optioncheckbox.BRUTnQnJ.js → optioncheckbox.DV0QpteH.js} +4 -4
  76. package/package.json +45 -45
  77. package/partials/index.js +688 -689
  78. package/{radio.B-2uuWHq.js → radio.DZEIaDlU.js} +4 -4
  79. package/radiogroup.BNohLQGM.js +10 -0
  80. package/select.CZvgpafD.js +12 -0
  81. package/{skiptocontent.DxogCFvU.js → skiptocontent.CoC8Rk8k.js} +4 -4
  82. package/{spinner.Bq97Og-6.js → spinner.pcu39V2a.js} +4 -4
  83. package/{switch.DI8YYa5G.js → switch.DaPoGnX-.js} +5 -5
  84. package/{systemfeedback.C3Pfxxpp.js → systemfeedback.bHSsfiy3.js} +4 -4
  85. package/tablist.BCOOuiX4.js +258 -0
  86. package/tablist.d.ts +2 -0
  87. package/tabpane.CAy_cIi3.js +37 -0
  88. package/tabs.jdCTjBr0.js +10 -0
  89. package/{text.DThvTwm8.js → text.C5UzzMI9.js} +3 -3
  90. package/textarea.D9XTlEUz.js +12 -0
  91. package/{title.DqzdB2Gq.js → title.B2VKsF9O.js} +3 -3
  92. package/toast.D2BnxnFr.js +10 -0
  93. package/{toastmanager.DxHFtr5C.js → toastmanager.CzDos3Ik.js} +2 -2
  94. package/accordion.C6_sqiW2.js +0 -10
  95. package/assets/Tabs.DUqlqP6R.css +0 -1
  96. package/assets/linkstandalone.DIazcjIv.css +0 -1
  97. package/checkboxgroup.je32bRPr.js +0 -8
  98. package/chip.CpnDX4Ro.js +0 -10
  99. package/chunks/Select.DsLnW29U.js +0 -194
  100. package/chunks/TabPane.CYuUi0oL.js +0 -51
  101. package/chunks/Tabs.D_JAsvoh.js +0 -270
  102. package/chunks/index.CvOaL64Y.js +0 -45
  103. package/chunks/useBreakpoint.B8XxjSVJ.js +0 -48
  104. package/customreactselect.BcjDvZG6.js +0 -13
  105. package/dialog.BkVOgeWY.js +0 -9
  106. package/drawer.DM_NKGTQ.js +0 -9
  107. package/fieldset.CSNoVbL1.js +0 -11
  108. package/icon.Ck0BpI34.js +0 -8
  109. package/inputpassword.KnZRwWCQ.js +0 -12
  110. package/inputsearch.DgYJPZ2v.js +0 -13
  111. package/inputstepper.T_of1Gz0.js +0 -15
  112. package/linkstandalone.BBoEniZ_.js +0 -79
  113. package/notification.Bt9TbAAt.js +0 -9
  114. package/radiogroup.DM_lF4hI.js +0 -10
  115. package/select.COLuwr89.js +0 -12
  116. package/tabpane.BnQBzVXw.js +0 -8
  117. package/tabs.BaELlVri.js +0 -15
  118. package/textarea.Wcl_pVBb.js +0 -13
  119. package/toast.DQlMWU6I.js +0 -10
  120. /package/assets/{Accordion.i4k5SMQM.css → Accordion.DDxMnzaG.css} +0 -0
  121. /package/assets/{CheckboxGroup.BH1Br1dg.css → CheckboxGroup.Dd-Huo7x.css} +0 -0
  122. /package/assets/{Chip.DSdLuzoi.css → Chip.dxIYIjj7.css} +0 -0
  123. /package/assets/{CustomReactSelect.vHt8qNKC.css → CustomReactSelect.DYDaP5r5.css} +0 -0
  124. /package/assets/{Dialog.BgzebVk4.css → Dialog.DXmPdExC.css} +0 -0
  125. /package/assets/{Drawer.Bauwxrk7.css → Drawer.BcM0epJS.css} +0 -0
  126. /package/assets/{Fieldset.DOdTbb7C.css → Fieldset.Og4EsnPI.css} +0 -0
  127. /package/assets/{Icon.DxRSBRSL.css → Icon.ZNrKuqgu.css} +0 -0
  128. /package/assets/{InputPassword.CG7Ugu73.css → InputPassword.DtKteerr.css} +0 -0
  129. /package/assets/{InputSearch.CseChMc-.css → InputSearch.Mql3oFlQ.css} +0 -0
  130. /package/assets/{InputStepper.C0eAYr7P.css → InputStepper.BXz1MMBg.css} +0 -0
  131. /package/assets/{Notification.DbRapUJo.css → Notification.DZIF-Wo6.css} +0 -0
  132. /package/assets/{RadioGroup.BfMo157q.css → RadioGroup.CM2mYOzc.css} +0 -0
  133. /package/assets/{Select.D4EXgIbz.css → Select.KvAgxJZk.css} +0 -0
  134. /package/assets/{Textarea.KJGPTYMz.css → Textarea.BIRQlv6m.css} +0 -0
  135. /package/assets/{Toast.CuafTAf7.css → Toast.CuM-yS7S.css} +0 -0
  136. /package/assets/{arialiveregions.DhsijBaL.css → arialiveregions.e0Q16ZWi.css} +0 -0
  137. /package/assets/{asterisk.BfVAUBO7.css → asterisk.B41DaZDe.css} +0 -0
  138. /package/assets/{button.DF4RBeC2.css → button.CpPeQPsM.css} +0 -0
  139. /package/assets/{buttonround.19uK_-oO.css → buttonround.BFauSRAb.css} +0 -0
  140. /package/assets/{checkbox.ByOoFouu.css → checkbox.BKHQN_tu.css} +0 -0
  141. /package/assets/{chipgroup.BzfZLbkv.css → chipgroup.CUIkyYBW.css} +0 -0
  142. /package/assets/{flag.B-RLcMcf.css → flag.C7i3MAAP.css} +0 -0
  143. /package/assets/{floatingactionbutton.E9HekT6S.css → floatingactionbutton.l0nvFiJU.css} +0 -0
  144. /package/assets/{heading.u4f8Mz94.css → heading.B-rdLVZD.css} +0 -0
  145. /package/assets/{input.BAkFKPW3.css → input.B5spSeMe.css} +0 -0
  146. /package/assets/{link.DDJj0D1U.css → link.Be5OF_8E.css} +0 -0
  147. /package/assets/{logo.CnW8alZU.css → logo.bVXt9m9R.css} +0 -0
  148. /package/assets/{numberindicator.BJ9vFpnd.css → numberindicator.BJnvB-K3.css} +0 -0
  149. /package/assets/{optioncheckbox.BZaWtRD7.css → optioncheckbox.DAffEKvY.css} +0 -0
  150. /package/assets/{radio.X-RTl_jo.css → radio.CGf7v0D_.css} +0 -0
  151. /package/assets/{skiptocontent.PTL3256m.css → skiptocontent.CTSDC_kG.css} +0 -0
  152. /package/assets/{spinner.2iWJWKyA.css → spinner.BJ5xwnYH.css} +0 -0
  153. /package/assets/{switch.gw6aa3kx.css → switch.Bc9KIyw9.css} +0 -0
  154. /package/assets/{systemfeedback.BPz5YlPC.css → systemfeedback.DoqgHZPH.css} +0 -0
  155. /package/assets/{TabPane.zywjfwo8.css → tabpane.D1LTb432.css} +0 -0
  156. /package/assets/{text.DjTG_qNb.css → text.BlRcxO8n.css} +0 -0
  157. /package/assets/{title.rosWPEG3.css → title.B0tsgJ-n.css} +0 -0
  158. /package/components/{Tabs/Tabs.utils.test.d.ts → Breadcrumb/Breadcrumb.test.d.ts} +0 -0
@@ -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.B8XxjSVJ.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.CcqWV-wZ.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 a 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,51 +0,0 @@
1
- "use client";
2
- import { j as u } from "./jsx-runtime.C115EyI4.js";
3
- import { c as i } from "./index.CvOaL64Y.js";
4
- import { useRef as f, useState as m, useEffect as p } from "react";
5
- import '../assets/TabPane.zywjfwo8.css';const T = "ds-tabs_tabpane_30tnb_1", d = {
6
- tabpane: T
7
- }, E = (e) => [
8
- "A",
9
- "BUTTON",
10
- "INPUT",
11
- "SELECT",
12
- "TEXTAREA",
13
- "AUDIO",
14
- "VIDEO"
15
- ].includes(e.tagName) || e.hasAttribute("contenteditable"), g = (e) => {
16
- const t = (a) => E(a) ? !0 : Array.from(a.children).some(
17
- (s) => t(s)
18
- );
19
- return t(e);
20
- }, A = (e, t) => `tabs-${e}-tabbutton-${t}`, h = (e, t, a) => `tabs-${e}-tabpanel-${t}-${a}`, x = ({
21
- id: e,
22
- content: t,
23
- index: a,
24
- selectedTabIndex: s,
25
- tabListId: r,
26
- className: o
27
- }) => {
28
- const n = f(null), [c, l] = m(!1);
29
- p(() => {
30
- n.current && l(g(n.current));
31
- }, [t]);
32
- const b = i(d.tabpane, o);
33
- return /* @__PURE__ */ u.jsx(
34
- "div",
35
- {
36
- id: h(r, e, a),
37
- role: "tabpanel",
38
- "aria-labelledby": A(r, e),
39
- hidden: s !== a,
40
- tabIndex: c ? void 0 : 0,
41
- ref: n,
42
- className: b,
43
- children: t
44
- }
45
- );
46
- };
47
- export {
48
- x as T,
49
- h as a,
50
- A as g
51
- };
@@ -1,270 +0,0 @@
1
- "use client";
2
- import { j as l } from "./jsx-runtime.C115EyI4.js";
3
- import { c as T } from "./index.CvOaL64Y.js";
4
- import { useState as v, useRef as p, useEffect as tt } from "react";
5
- import { h as R } from "./has-window.ut_-aShB.js";
6
- import { g as N, r as et } from "./helpers.CcqWV-wZ.js";
7
- import { u as M } from "./useIsomorphicLayoutEffect.CnJ9AMFS.js";
8
- import { DSButton as H } from "../button.BfcWQZhx.js";
9
- import { D as rt } from "./Icon.BCmt_XBG.js";
10
- import { NumberIndicator as st } from "../numberindicator.UU7FSouT.js";
11
- import { g as z, a as O, T as nt } from "./TabPane.CYuUi0oL.js";
12
- import '../assets/Tabs.DUqlqP6R.css';const y = () => {
13
- if (R) {
14
- const o = getComputedStyle(document.documentElement).getPropertyValue("--ds-animation-duration").trim();
15
- return o === "0s" || o === "0ms";
16
- } else
17
- return !0;
18
- }, ot = "ds-tabs_tabs-wrapper_infm4_1", ct = "ds-tabs_scroll-wrapper_infm4_6", at = "ds-tabs_scroller_infm4_17", lt = "ds-tabs_scroller--centered_infm4_23", it = "ds-tabs_tab_infm4_1", ut = "ds-tabs_scroll-button_infm4_98", dt = "ds-tabs_scroll-button--hidden_infm4_103", ft = "ds-tabs_scroll-button--right_infm4_107", mt = "ds-tabs_indicator_infm4_119", a = {
19
- "tabs-wrapper": "ds-tabs_tabs-wrapper_infm4_1",
20
- tabsWrapper: ot,
21
- "scroll-wrapper": "ds-tabs_scroll-wrapper_infm4_6",
22
- scrollWrapper: ct,
23
- scroller: at,
24
- "scroller--centered": "ds-tabs_scroller--centered_infm4_23",
25
- scrollerCentered: lt,
26
- tab: it,
27
- "scroll-button": "ds-tabs_scroll-button_infm4_98",
28
- scrollButton: ut,
29
- "scroll-button--hidden": "ds-tabs_scroll-button--hidden_infm4_103",
30
- scrollButtonHidden: dt,
31
- "scroll-button--right": "ds-tabs_scroll-button--right_infm4_107",
32
- scrollButtonRight: ft,
33
- indicator: mt
34
- }, St = ["left", "center"], Bt = ["prev", "next"], m = (o) => R && (o == null ? void 0 : o.getBoundingClientRect()) || DOMRect.fromRect({ x: 0, y: 0, width: 0, height: 0 }), h = 48, pt = ({ id: o, tabs: f }) => {
35
- if (!o)
36
- throw new Error(
37
- N(
38
- "DSTabs",
39
- 'A unique "id" prop is required. Please add a unique "id" prop to the DSTabs component.'
40
- )
41
- );
42
- if (!f)
43
- throw new Error(
44
- N("DSTabs", et("tabs", "DSTabs"))
45
- );
46
- }, yt = ({
47
- id: o,
48
- tabs: f,
49
- alignment: E = "left",
50
- className: q,
51
- classNameTabPane: $,
52
- defaultSelectedTabIndex: L = 0,
53
- onTabChange: I,
54
- ...X
55
- }) => {
56
- process.env.NODE_ENV !== "production" && pt({
57
- id: o,
58
- tabs: f
59
- });
60
- const [i, G] = v(
61
- L
62
- ), [C, b] = v(
63
- L
64
- ), [K, V] = v(!1), [F, Q] = v(!1), _ = p([]), g = p(null), u = p(null), d = p(null), w = p(!1), j = p(i);
65
- M(() => {
66
- var t;
67
- if (R) {
68
- const r = [
69
- "16px 'STIHL Contraface Digital Text Regular'",
70
- "14px 'STIHL Contraface Digital Text Demi'",
71
- "16px 'STIHL Contraface Digital Text Bold'"
72
- ];
73
- Promise.all(r.map((c) => document.fonts.load(c))).then(() => {
74
- x(i), D("next", i, "instant"), k(), w.current = !0;
75
- }).catch((c) => {
76
- throw new Error(
77
- N(
78
- "DSTabs",
79
- `The component requires the fonts to be loaded: ${c}`
80
- )
81
- );
82
- });
83
- const e = () => {
84
- !w.current || !d.current || (s.matches ? d.current.style.transitionDuration = "0s" : d.current.style.transitionDuration = "");
85
- }, s = window.matchMedia("(prefers-reduced-motion: reduce)");
86
- s.addEventListener("change", e);
87
- const n = () => {
88
- k(), J();
89
- };
90
- return window.addEventListener("resize", n), (t = u.current) == null || t.addEventListener("scroll", n), () => {
91
- var c;
92
- s.removeEventListener("change", e), window.removeEventListener("resize", n), (c = u.current) == null || c.removeEventListener("scroll", n);
93
- };
94
- }
95
- }, [f, E]), M(() => {
96
- w.current && x(i), j.current = i;
97
- }, [i]), tt(() => {
98
- var t;
99
- w.current && ((t = _.current[C]) == null || t.focus());
100
- }, [C]);
101
- const W = (t) => {
102
- const r = m(u.current), e = m(_.current[t]);
103
- let s = "next";
104
- e.left - h < r.left ? s = "prev" : e.right + h > r.right ? s = "next" : s = i < t ? "next" : "prev", G(t), b(t), D(s, t), I && I(t);
105
- }, k = () => {
106
- if (u.current && g.current) {
107
- const t = m(u.current), r = m(g.current);
108
- V(r.left < t.left), Q(r.right > t.right + 4);
109
- }
110
- }, A = (t = 0) => {
111
- R && d.current && !y() && !window.matchMedia("(prefers-reduced-motion: reduce)").matches && setTimeout(() => {
112
- d.current && (d.current.style.transitionDuration = "250ms");
113
- }, t);
114
- }, J = () => {
115
- d.current && (d.current.style.transitionDuration = "0s", x(j.current), A());
116
- }, x = (t) => {
117
- const r = d.current, e = m(_.current[t]), s = m(g.current), n = e.left - s.left;
118
- r && (w.current ? (r.style.width = `${e.width}px`, r.style.transform = `translateX(${n}px)`) : (r.style.transitionDuration = "0s", r.style.transform = `translateX(${n}px)`, r.style.width = `${e.width}px`, A(50)));
119
- }, U = (t, r) => {
120
- let e;
121
- switch (t.key) {
122
- case "ArrowLeft":
123
- e = (r > 0 ? r : f.length) - 1, b(e);
124
- break;
125
- case "ArrowRight":
126
- e = (r + 1) % f.length, b(e);
127
- break;
128
- case "Home":
129
- e = 0, b(e);
130
- break;
131
- case "End":
132
- e = f.length - 1, b(e);
133
- break;
134
- case "Enter":
135
- case " ":
136
- W(r);
137
- return;
138
- default:
139
- return;
140
- }
141
- e !== void 0 && setTimeout(
142
- () => D(
143
- t.key === "ArrowRight" ? "next" : "prev",
144
- e
145
- ),
146
- 0
147
- ), t.preventDefault();
148
- }, D = (t, r, e = "smooth") => {
149
- const s = _.current[r], n = u.current, c = m(s), S = m(n);
150
- let B;
151
- if (!(!s || !n)) {
152
- if (t === "prev") {
153
- if (c.left - h > S.left)
154
- return;
155
- B = s.offsetLeft - h;
156
- } else {
157
- if (c.right + h < S.right)
158
- return;
159
- B = s.offsetLeft + s.offsetWidth - S.width + h;
160
- }
161
- n.scrollTo({
162
- left: B,
163
- behavior: y() ? "instant" : e
164
- });
165
- }
166
- }, P = (t) => {
167
- var e;
168
- const r = Y(t);
169
- (e = u.current) == null || e.scrollTo({
170
- left: r,
171
- behavior: y() ? "instant" : "smooth"
172
- });
173
- }, Y = (t) => {
174
- if (!g.current || !u.current)
175
- return 0;
176
- const { scrollLeft: r, offsetWidth: e } = u.current, s = Math.round(e * 0.2);
177
- return t === "next" ? r + s : r - s;
178
- }, Z = T(a.scroller, {
179
- [a.scrollerCentered]: E === "center"
180
- });
181
- return /* @__PURE__ */ l.jsxs(
182
- "div",
183
- {
184
- className: T(a.tabs, q),
185
- id: o,
186
- ...X,
187
- children: [
188
- /* @__PURE__ */ l.jsxs("div", { className: a.tabsWrapper, children: [
189
- /* @__PURE__ */ l.jsxs("div", { className: a.scrollWrapper, ref: u, children: [
190
- /* @__PURE__ */ l.jsx("div", { role: "tablist", className: Z, ref: g, children: f.map(
191
- ({ id: t, label: r, iconName: e, numberIndicatorValue: s }, n) => /* @__PURE__ */ l.jsxs(
192
- "button",
193
- {
194
- id: z(o, t),
195
- role: "tab",
196
- "aria-selected": i === n,
197
- "aria-controls": O(o, t, n),
198
- tabIndex: i === n ? 0 : -1,
199
- className: a.tab,
200
- ref: (c) => {
201
- _.current[n] = c;
202
- },
203
- onClick: () => W(n),
204
- onKeyDown: (c) => U(c, n),
205
- children: [
206
- e && /* @__PURE__ */ l.jsx(rt, { name: e, "aria-hidden": "true" }),
207
- r,
208
- s && /* @__PURE__ */ l.jsx(st, { label: s })
209
- ]
210
- },
211
- z(o, t)
212
- )
213
- ) }),
214
- /* @__PURE__ */ l.jsx("span", { className: a.indicator, ref: d })
215
- ] }),
216
- /* @__PURE__ */ l.jsx(
217
- H,
218
- {
219
- variant: "filled",
220
- className: T(a.scrollButton, {
221
- [a.scrollButtonHidden]: !K
222
- }),
223
- hideLabel: !0,
224
- iconName: "chevron-left",
225
- tabIndex: -1,
226
- size: "small",
227
- onClick: () => P("prev"),
228
- children: "Left"
229
- }
230
- ),
231
- /* @__PURE__ */ l.jsx(
232
- H,
233
- {
234
- variant: "filled",
235
- className: T(a.scrollButton, a.scrollButtonRight, {
236
- [a.scrollButtonHidden]: !F
237
- }),
238
- hideLabel: !0,
239
- iconName: "chevron-right",
240
- tabIndex: -1,
241
- size: "small",
242
- onClick: () => P("next"),
243
- children: "Right"
244
- }
245
- )
246
- ] }),
247
- f.map(({ id: t, content: r }, e) => /* @__PURE__ */ l.jsx(
248
- nt,
249
- {
250
- id: t,
251
- content: r,
252
- index: e,
253
- selectedTabIndex: i,
254
- tabListId: o,
255
- className: $
256
- },
257
- O(o, t, e)
258
- ))
259
- ]
260
- }
261
- );
262
- };
263
- export {
264
- yt as D,
265
- h as S,
266
- St as T,
267
- Bt as a,
268
- m as g,
269
- pt as v
270
- };
@@ -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
- import { h as a } from "./has-window.ut_-aShB.js";
4
- const o = {
5
- base: 0,
6
- s: 320,
7
- m: 768,
8
- l: 1024,
9
- xl: 1536
10
- }, u = ["base", "s", "m", "l", "xl"], b = (e) => {
11
- let n = "base";
12
- for (const t of u)
13
- if (e >= o[t])
14
- n = t;
15
- else
16
- break;
17
- return n;
18
- }, f = (e) => e && typeof e == "object" && "base" in e, l = () => {
19
- const [e, n] = c("base");
20
- k(() => {
21
- if (a)
22
- return t(), window.addEventListener("resize", t), () => window.removeEventListener("resize", t);
23
- }, []);
24
- const t = () => {
25
- if (a) {
26
- const r = window.innerWidth;
27
- n(b(r));
28
- }
29
- };
30
- return e;
31
- }, p = (e) => {
32
- const n = l();
33
- if (e && typeof e != "object" || !f(e))
34
- return e;
35
- const t = [...u].reverse();
36
- let r = e.base;
37
- for (const s of t) {
38
- const i = e[s];
39
- if (i !== void 0 && o[n] >= o[s]) {
40
- r = i;
41
- break;
42
- }
43
- }
44
- return r;
45
- };
46
- export {
47
- p 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.CB41lklE.js";
6
- import "./chunks/useBreakpoint.B8XxjSVJ.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.BfcWQZhx.js";
6
- import { D as e } from "./chunks/Dialog.ClBjJWOh.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.BfcWQZhx.js";
6
- import { D as e } from "./chunks/Drawer.ReDW3ohH.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.Ct_JFRs9.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.B8XxjSVJ.js";
6
- import "./asterisk.DpzETKdT.js";
7
- import "./button.BfcWQZhx.js";
8
- import "./systemfeedback.C3Pfxxpp.js";
9
- import { D as n } from "./chunks/InputPassword.Cvk5J8w1.js";
10
- export {
11
- n as DSInputPassword
12
- };