@stihl-design-system/components 1.0.0-RC.40 → 1.0.0-RC.41

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 (32) hide show
  1. package/{accordion.nt0Foequ.js → accordion.CiiPLwYQ.js} +1 -1
  2. package/{actionbutton.Ctea6drN.js → actionbutton.DKb4ph1c.js} +1 -1
  3. package/{actionlink.VX1OMtm-.js → actionlink.DEGta2h9.js} +1 -1
  4. package/{chipgroup.i5SOv6LA.js → chipgroup.CSjQHeeW.js} +17 -17
  5. package/chunks/Accordion.Q50G9LZ3.js +172 -0
  6. package/chunks/ActionButton.BEMy35Lh.js +188 -0
  7. package/chunks/ActionLink.DECHT42B.js +161 -0
  8. package/chunks/{NavigationTabList.C2f-lWex.js → NavigationTabList.ltT6igtk.js} +23 -22
  9. package/chunks/NavigationTabs.DsVepb7H.js +63 -0
  10. package/chunks/Tabs.DfH2q9EL.js +84 -0
  11. package/components/Accordion/Accordion.d.ts +2 -0
  12. package/components/Accordion/Accordion.utils.d.ts +2 -2
  13. package/components/ActionButton/ActionButton.d.ts +2 -0
  14. package/components/ActionButton/ActionButton.utils.d.ts +2 -2
  15. package/components/ActionLink/ActionLink.d.ts +2 -0
  16. package/components/ActionLink/ActionLink.utils.d.ts +2 -2
  17. package/components/ChipGroup/ChipGroup.d.ts +7 -1
  18. package/components/ChipGroup/ChipGroup.utils.d.ts +2 -2
  19. package/components/NavigationTabs/NavigationTabs.d.ts +3 -0
  20. package/components/Tabs/Tabs.d.ts +3 -0
  21. package/index.es.js +6 -6
  22. package/{navigationtablist.CKPpQrme.js → navigationtablist.Cd9hZzFQ.js} +1 -1
  23. package/{navigationtabs.VUAOwesQ.js → navigationtabs.DHG-TeF2.js} +2 -2
  24. package/package.json +1 -1
  25. package/{tablist.hMHdX1V8.js → tablist.DPiNeY3_.js} +66 -65
  26. package/{tabs.t-gR7dGc.js → tabs.Cxzm6ZZ-.js} +2 -2
  27. package/chunks/Accordion.B-0pf8Fq.js +0 -168
  28. package/chunks/ActionButton.wdWh7E2b.js +0 -182
  29. package/chunks/ActionLink.DwUP-Kgm.js +0 -155
  30. package/chunks/NavigationTabs.D2QrnlL2.js +0 -62
  31. package/chunks/Tabs.2JTenRcr.js +0 -83
  32. /package/components/Accordion/{Acordion.utils.test.d.ts → Accordion.utils.test.d.ts} +0 -0
@@ -1,155 +0,0 @@
1
- "use client";
2
- import { jsxs as st, jsx as f, Fragment as _t } from "react/jsx-runtime";
3
- import { d as mt } from "./index.cKLI89Eg.js";
4
- import { c as G } from "./index.DQOqod3i.js";
5
- import { forwardRef as bt } from "react";
6
- import { D as vt } from "./Icon.m6sMB6vl.js";
7
- import { NumberIndicator as ht } from "../numberindicator.ZGVRSmqf.js";
8
- import { Tooltip as pt } from "../tooltip._lP4aMV2.js";
9
- import { g as P } from "./helpers.CexwVao7.js";
10
- import '../assets/ActionLink.BJDUVdT7.css';const kt = "ds-action-link_root_o08fb_1", It = "ds-action-link_root--indent-level-1_o08fb_75", ut = "ds-action-link_root--active_o08fb_78", Nt = "ds-action-link_root--active--with-marker_o08fb_81", At = "ds-action-link_root--icon--top_o08fb_84", gt = "ds-action-link_root--stretched_o08fb_110", wt = "ds-action-link_active-marker_o08fb_115", Wt = "ds-action-link_active-marker--with-indent_o08fb_127", Lt = "ds-action-link_icon-wrapper_o08fb_131", St = "ds-action-link_icon-wrapper--x-large_o08fb_134", Pt = "ds-action-link_icon-wrapper--with-number-indicator_o08fb_137", Tt = "ds-action-link_icon-wrapper--with-number-indicator--with-value_o08fb_145", Dt = "ds-action-link_label_o08fb_149", xt = "ds-action-link_label--bold_o08fb_160", Ct = "ds-action-link_label--active_o08fb_171", Mt = "ds-action-link_label--icon-top_o08fb_182", Et = "ds-action-link_number-indicator_o08fb_205", o = {
11
- root: kt,
12
- rootIndentLevel1: It,
13
- rootActive: ut,
14
- rootActiveWithMarker: Nt,
15
- rootIconTop: At,
16
- rootStretched: gt,
17
- activeMarker: wt,
18
- activeMarkerWithIndent: Wt,
19
- iconWrapper: Lt,
20
- iconWrapperXLarge: St,
21
- iconWrapperWithNumberIndicator: Pt,
22
- iconWrapperWithNumberIndicatorWithValue: Tt,
23
- label: Dt,
24
- labelBold: xt,
25
- labelActive: Ct,
26
- labelIconTop: Mt,
27
- numberIndicator: Et
28
- }, Gt = ["left", "top"], Rt = ["large", "x-large"], Zt = [0, 1], $t = ["normal", "bold"], Ot = ({
29
- iconName: m,
30
- iconSize: b,
31
- iconSource: t,
32
- iconPosition: a,
33
- indentLevel: l,
34
- stretched: s,
35
- weight: p
36
- }) => {
37
- if (m && !t && b === "x-large" && console.warn(P("DSActionLink", 'An "iconSize" prop set to "x-large" has no effect when "iconName" is set. Please remove the "iconSize" prop or provide a custom icon via the "iconSource" prop.')), a === "top") {
38
- if (!m && !t)
39
- throw new Error(P("DSActionLink", 'The "iconPosition" prop should not be set to "top", when no "iconName" or "iconSource" prop was provided. Please either remove the "iconPosition" prop or set a valid icon via the "iconName" or "iconSource" prop.'));
40
- b === "x-large" && console.warn(P("DSActionLink", 'An "iconSize" prop set to "x-large" has no effect when "iconPosition" is set to "top". Please remove the "iconSize" prop.')), p === "bold" && console.warn(P("DSActionLink", 'A "weight" prop set to "bold" with "iconPosition" set to "top" has no effect. Please remove the "weight" prop.')), l === 1 && console.warn(P("DSActionLink", 'An "indentLevel" prop set to "1" with "iconPosition" set to "top" has no effect. Please remove the "indentLevel" prop.')), s && console.warn(P("DSActionLink", 'A "stretched" prop set to "true" with "iconPosition" set to "top" has no effect. Please remove the "stretched" prop.'));
41
- }
42
- }, zt = bt((m, b) => {
43
- const t = mt.c(83);
44
- let a, l, s, p, h, n, r, i, v, k, I, T, D, x, C, M, E, O, _;
45
- t[0] !== m ? ({
46
- children: l,
47
- aria: a,
48
- className: s,
49
- download: p,
50
- href: h,
51
- iconName: n,
52
- iconPosition: T,
53
- iconSize: D,
54
- iconSource: r,
55
- indentLevel: x,
56
- isActive: C,
57
- numberIndicatorValue: i,
58
- referrerPolicy: v,
59
- rel: k,
60
- stretched: M,
61
- target: E,
62
- tooltip: _,
63
- weight: O,
64
- ...I
65
- } = m, t[0] = m, t[1] = a, t[2] = l, t[3] = s, t[4] = p, t[5] = h, t[6] = n, t[7] = r, t[8] = i, t[9] = v, t[10] = k, t[11] = I, t[12] = T, t[13] = D, t[14] = x, t[15] = C, t[16] = M, t[17] = E, t[18] = O, t[19] = _) : (a = t[1], l = t[2], s = t[3], p = t[4], h = t[5], n = t[6], r = t[7], i = t[8], v = t[9], k = t[10], I = t[11], T = t[12], D = t[13], x = t[14], C = t[15], M = t[16], E = t[17], O = t[18], _ = t[19]);
66
- const e = T === void 0 ? "left" : T, z = D === void 0 ? "large" : D, R = x === void 0 ? 0 : x, d = C === void 0 ? !1 : C, dt = M === void 0 ? !1 : M, Z = E === void 0 ? "_self" : E, ft = O === void 0 ? "normal" : O;
67
- process.env.NODE_ENV !== "production" && Ot({
68
- iconName: n,
69
- iconSize: z,
70
- iconSource: r,
71
- iconPosition: e,
72
- indentLevel: R,
73
- stretched: dt,
74
- weight: ft
75
- });
76
- let V;
77
- t[20] !== i ? (V = i?.trim(), t[20] = i, t[21] = V) : V = t[21];
78
- const c = V === "", $ = e === "top", q = R === 1, J = d && e === "left", Q = dt === !0 && e === "left";
79
- let K;
80
- t[22] !== s || t[23] !== d || t[24] !== q || t[25] !== J || t[26] !== Q || t[27] !== $ ? (K = G(o.root, s, {
81
- [o.rootIconTop]: $,
82
- [o.rootIndentLevel1]: q,
83
- [o.rootActive]: d,
84
- [o.rootActiveWithMarker]: J,
85
- [o.rootStretched]: Q
86
- }), t[22] = s, t[23] = d, t[24] = q, t[25] = J, t[26] = Q, t[27] = $, t[28] = K) : K = t[28];
87
- const U = K, Y = R === 1;
88
- let y;
89
- t[29] !== Y ? (y = G(o.activeMarker, {
90
- [o.activeMarkerWithIndent]: Y
91
- }), t[29] = Y, t[30] = y) : y = t[30];
92
- const tt = y, et = d && e === "left", ot = ft === "bold", it = e === "top";
93
- let B;
94
- t[31] !== et || t[32] !== ot || t[33] !== it ? (B = G(o.label, {
95
- [o.labelActive]: et,
96
- [o.labelBold]: ot,
97
- [o.labelIconTop]: it
98
- }), t[31] = et, t[32] = ot, t[33] = it, t[34] = B) : B = t[34];
99
- const nt = B, rt = z === "x-large", ct = (n || r) && (i || c), at = (n || r) && !c;
100
- let X;
101
- t[35] !== rt || t[36] !== ct || t[37] !== at ? (X = G(o.iconWrapper, {
102
- [o.iconWrapperXLarge]: rt,
103
- [o.iconWrapperWithNumberIndicator]: ct,
104
- [o.iconWrapperWithNumberIndicatorWithValue]: at
105
- }), t[35] = rt, t[36] = ct, t[37] = at, t[38] = X) : X = t[38];
106
- const lt = X, u = h === void 0 ? "span" : "a";
107
- let N;
108
- t[39] !== u || t[40] !== p || t[41] !== h || t[42] !== v || t[43] !== k || t[44] !== Z ? (N = u === "a" && {
109
- href: h,
110
- target: Z,
111
- rel: k,
112
- referrerPolicy: v,
113
- download: p
114
- }, t[39] = u, t[40] = p, t[41] = h, t[42] = v, t[43] = k, t[44] = Z, t[45] = N) : N = t[45];
115
- let A;
116
- t[46] !== tt || t[47] !== e || t[48] !== d ? (A = d && e === "left" && /* @__PURE__ */ f("div", { className: tt }), t[46] = tt, t[47] = e, t[48] = d, t[49] = A) : A = t[49];
117
- let g;
118
- t[50] !== n || t[51] !== e || t[52] !== z || t[53] !== r || t[54] !== lt || t[55] !== c || t[56] !== i ? (g = (n || r) && /* @__PURE__ */ f(_t, { children: /* @__PURE__ */ st("span", { className: lt, children: [
119
- /* @__PURE__ */ f(vt, { name: n, theme: "light", source: r, "aria-hidden": "true", size: n || e === "top" ? "large" : z }),
120
- (e === "left" && c || e === "top" && (i || c)) && /* @__PURE__ */ f(ht, { variant: "highlight", label: i })
121
- ] }) }), t[50] = n, t[51] = e, t[52] = z, t[53] = r, t[54] = lt, t[55] = c, t[56] = i, t[57] = g) : g = t[57];
122
- let w;
123
- t[58] !== l || t[59] !== nt ? (w = /* @__PURE__ */ f("span", { className: nt, children: l }), t[58] = l, t[59] = nt, t[60] = w) : w = t[60];
124
- let W;
125
- t[61] !== e || t[62] !== c || t[63] !== i ? (W = e === "left" && i && !c && /* @__PURE__ */ f(ht, { variant: "default", label: i, className: o.numberIndicator }), t[61] = e, t[62] = c, t[63] = i, t[64] = W) : W = t[64];
126
- let j;
127
- t[65] !== u || t[66] !== a || t[67] !== b || t[68] !== I || t[69] !== U || t[70] !== N || t[71] !== A || t[72] !== g || t[73] !== w || t[74] !== W ? (j = /* @__PURE__ */ st(u, { className: U, ...N, ...a, ...I, ref: b, children: [
128
- A,
129
- g,
130
- w,
131
- W
132
- ] }), t[65] = u, t[66] = a, t[67] = b, t[68] = I, t[69] = U, t[70] = N, t[71] = A, t[72] = g, t[73] = w, t[74] = W, t[75] = j) : j = t[75];
133
- const H = j;
134
- if (_) {
135
- let L;
136
- t[76] !== H ? (L = /* @__PURE__ */ f(pt.Anchor, { children: H }), t[76] = H, t[77] = L) : L = t[77];
137
- let S;
138
- t[78] !== _ ? (S = /* @__PURE__ */ f(pt.Content, { children: _ }), t[78] = _, t[79] = S) : S = t[79];
139
- let F;
140
- return t[80] !== L || t[81] !== S ? (F = /* @__PURE__ */ st(pt, { placement: "top", tooltipOffset: 6, children: [
141
- L,
142
- S
143
- ] }), t[80] = L, t[81] = S, t[82] = F) : F = t[82], F;
144
- }
145
- return H;
146
- });
147
- zt.displayName = "DSActionLink";
148
- export {
149
- Gt as A,
150
- zt as D,
151
- Rt as a,
152
- Zt as b,
153
- $t as c,
154
- Ot as v
155
- };
@@ -1,62 +0,0 @@
1
- "use client";
2
- import { jsx as v } from "react/jsx-runtime";
3
- import { d as u } from "./index.cKLI89Eg.js";
4
- import { useState as T, useEffect as y } from "react";
5
- import { TabList as h } from "../tablist.hMHdX1V8.js";
6
- import { g as m, r as E } from "./helpers.CexwVao7.js";
7
- const _ = ["left", "center"], j = ["prev", "next"], S = ({
8
- aria: a,
9
- tabs: e,
10
- activeTabIndex: t
11
- }) => {
12
- if (!a || typeof a != "object" || Object.keys(a).length === 0 || !a["aria-label"] && !a["aria-labelledby"] || a["aria-label"]?.trim() === "" && a["aria-labelledby"]?.trim() === "")
13
- throw new Error(m("DSNavigationTabs", 'A valid "aria-label" or "aria-labelledby" property is required. Ensure the "aria" prop is a non-empty object and includes either "aria-label" or "aria-labelledby" with a non-empty string value.'));
14
- if (Array.isArray(e)) {
15
- if (e.length === 0)
16
- throw new Error(m("DSNavigationTabs", "The tabs array must not be empty."));
17
- } else throw new Error(m("DSNavigationTabs", E("tabs", "DSNavigationTabs")));
18
- if (t != null && (t < 0 || t >= e.length))
19
- throw new Error(m("DSNavigationTabs", `Invalid activeTabIndex: ${t}. It must be between 0 and ${e.length - 1}.`));
20
- }, x = (a) => {
21
- const e = u.c(19);
22
- let t, r, l, s, o, i;
23
- e[0] !== a ? ({
24
- aria: r,
25
- tabs: i,
26
- activeTabIndex: t,
27
- alignment: o,
28
- className: l,
29
- ...s
30
- } = a, e[0] = a, e[1] = t, e[2] = r, e[3] = l, e[4] = s, e[5] = o, e[6] = i) : (t = e[1], r = e[2], l = e[3], s = e[4], o = e[5], i = e[6]);
31
- const p = o === void 0 ? "left" : o;
32
- process.env.NODE_ENV !== "production" && S({
33
- aria: r,
34
- tabs: i,
35
- activeTabIndex: t
36
- });
37
- const [c, N] = T(t);
38
- let n, b;
39
- e[7] !== t ? (n = () => {
40
- t != null && N(t);
41
- }, b = [t], e[7] = t, e[8] = n, e[9] = b) : (n = e[8], b = e[9]), y(n, b);
42
- let f;
43
- e[10] !== p || e[11] !== r || e[12] !== l || e[13] !== s || e[14] !== c || e[15] !== i ? (f = {
44
- aria: r,
45
- tabs: i,
46
- setSelectedTabIndex: N,
47
- selectedTabIndex: c,
48
- alignment: p,
49
- className: l,
50
- isNavigation: !0,
51
- ...s
52
- }, e[10] = p, e[11] = r, e[12] = l, e[13] = s, e[14] = c, e[15] = i, e[16] = f) : f = e[16];
53
- const g = f;
54
- let d;
55
- return e[17] !== g ? (d = /* @__PURE__ */ v(h, { ...g }), e[17] = g, e[18] = d) : d = e[18], d;
56
- };
57
- export {
58
- x as D,
59
- _ as N,
60
- j as a,
61
- S as v
62
- };
@@ -1,83 +0,0 @@
1
- "use client";
2
- import { jsx as N, jsxs as C } from "react/jsx-runtime";
3
- import { d as L } from "./index.cKLI89Eg.js";
4
- import { useState as M } from "react";
5
- import { TabList as $ } from "../tablist.hMHdX1V8.js";
6
- import { TabPane as j } from "../tabpane.7vMXUKFX.js";
7
- import { g as B } from "./TabPane.utils.DG16Y2uD.js";
8
- import { g, r as O } from "./helpers.CexwVao7.js";
9
- const J = ["left", "center"], K = ["prev", "next"], _ = ({
10
- id: b,
11
- tabs: e,
12
- defaultSelectedTabIndex: s = 0
13
- }) => {
14
- if (!b)
15
- throw new Error(g("DSTabs", 'A unique "id" prop is required. Please add a unique "id" prop to the DSTabs component.'));
16
- if (Array.isArray(e)) {
17
- if (e.length === 0)
18
- throw new Error(g("DSTabs", "The tabs array must not be empty."));
19
- } else throw new Error(g("DSTabs", O("tabs", "DSTabs")));
20
- if (s < 0 || s >= e.length)
21
- throw new Error(g("DSTabs", `Invalid defaultSelectedTabIndex: ${s}. It must be between 0 and ${e.length - 1}.`));
22
- }, Q = (b) => {
23
- const e = L.c(37);
24
- let s, l, n, r, d, m, f, t, a;
25
- e[0] !== b ? ({
26
- id: t,
27
- tabs: a,
28
- activeTabIndex: s,
29
- alignment: m,
30
- className: l,
31
- classNameTabPane: n,
32
- defaultSelectedTabIndex: f,
33
- onTabChange: r,
34
- ...d
35
- } = b, e[0] = b, e[1] = s, e[2] = l, e[3] = n, e[4] = r, e[5] = d, e[6] = m, e[7] = f, e[8] = t, e[9] = a) : (s = e[1], l = e[2], n = e[3], r = e[4], d = e[5], m = e[6], f = e[7], t = e[8], a = e[9]);
36
- const h = m === void 0 ? "left" : m, x = f === void 0 ? 0 : f;
37
- process.env.NODE_ENV !== "production" && _({
38
- id: t,
39
- tabs: a,
40
- defaultSelectedTabIndex: x
41
- });
42
- const [A, P] = M(s || x), p = s !== void 0, o = p ? s : A;
43
- let S;
44
- e[10] !== p || e[11] !== r ? (S = (i) => {
45
- p || P(i), r?.(i);
46
- }, e[10] = p, e[11] = r, e[12] = S) : S = e[12];
47
- const D = S;
48
- let u;
49
- e[13] !== h || e[14] !== D || e[15] !== r || e[16] !== o || e[17] !== t || e[18] !== a ? (u = {
50
- id: t,
51
- tabs: a,
52
- setSelectedTabIndex: D,
53
- selectedTabIndex: o,
54
- alignment: h,
55
- onTabChange: r
56
- }, e[13] = h, e[14] = D, e[15] = r, e[16] = o, e[17] = t, e[18] = a, e[19] = u) : u = e[19];
57
- const v = u;
58
- let c;
59
- e[20] !== v ? (c = /* @__PURE__ */ N($, { ...v }), e[20] = v, e[21] = c) : c = e[21];
60
- let T;
61
- if (e[22] !== n || e[23] !== o || e[24] !== t || e[25] !== a) {
62
- let i;
63
- e[27] !== n || e[28] !== o || e[29] !== t ? (i = (q, w) => {
64
- const {
65
- id: E,
66
- content: y
67
- } = q;
68
- return /* @__PURE__ */ N(j, { id: E, content: y, index: w, selectedTabIndex: o, tabListId: t, className: n }, B(t, E, w));
69
- }, e[27] = n, e[28] = o, e[29] = t, e[30] = i) : i = e[30], T = a.map(i), e[22] = n, e[23] = o, e[24] = t, e[25] = a, e[26] = T;
70
- } else
71
- T = e[26];
72
- let I;
73
- return e[31] !== l || e[32] !== d || e[33] !== c || e[34] !== T || e[35] !== t ? (I = /* @__PURE__ */ C("div", { className: l, id: t, ...d, children: [
74
- c,
75
- T
76
- ] }), e[31] = l, e[32] = d, e[33] = c, e[34] = T, e[35] = t, e[36] = I) : I = e[36], I;
77
- };
78
- export {
79
- Q as D,
80
- J as T,
81
- K as a,
82
- _ as v
83
- };