@stihl-design-system/components 1.0.0-RC.35 → 1.0.0-RC.37

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 (105) hide show
  1. package/Placeholder.svg +1 -1
  2. package/{actionbutton.Du5CT-Mt.js → actionbutton.qf7Bc8JA.js} +1 -1
  3. package/{actionlink.BK9CaQUY.js → actionlink.Ke8jQtse.js} +1 -1
  4. package/assets/ActionButton.sn7jTqva.css +1 -0
  5. package/assets/ActionLink.D7fuY3NQ.css +1 -0
  6. package/assets/LinkCard.DgC0-Ow5.css +1 -0
  7. package/assets/RadioGroup.q1lQ-HIZ.css +1 -0
  8. package/assets/TextUtility.BsMYk5lH.css +1 -0
  9. package/assets/radio.BLd_UGcp.css +1 -0
  10. package/assets/{Text.Dgpj61UP.css → text.ZCpNYmwU.css} +1 -1
  11. package/{banner.D-RX60nJ.js → banner.AhUeW3HM.js} +1 -1
  12. package/{breadcrumb.tvMByFgp.js → breadcrumb.DpIAQk3r.js} +3 -3
  13. package/{button.CZupaV9L.js → button.CqNYOfSj.js} +1 -1
  14. package/card-example-image-2.png +0 -0
  15. package/card-example-image-2.webp +0 -0
  16. package/card-example-image-3.webp +0 -0
  17. package/card-example-image.webp +0 -0
  18. package/{checkboxgroup.CjnNJ8e6.js → checkboxgroup.C66ZwglF.js} +2 -2
  19. package/{chipgroup.cGjn4LVV.js → chipgroup.CY3pWyLO.js} +2 -1
  20. package/chunks/{ActionButton.BOYQYo5M.js → ActionButton.CyMR7DqS.js} +47 -47
  21. package/chunks/ActionLink.5wdpwrU9.js +153 -0
  22. package/chunks/{Breadcrumb.Qr6bDP2N.js → Breadcrumb.C_Yaz_vw.js} +2 -2
  23. package/chunks/{Button.Cn5yg7dG.js → Button.CQlIao-Z.js} +3 -2
  24. package/chunks/{CheckboxGroup.CUR_0VMc.js → CheckboxGroup.BIspWqeW.js} +1 -1
  25. package/chunks/{CustomReactSelect.BA3hUVkh.js → CustomReactSelect.D4kopDzX.js} +1 -1
  26. package/chunks/{Dialog.DRk_jSj5.js → Dialog.DMxHRrxo.js} +1 -1
  27. package/chunks/{Drawer.Dj6WeUC8.js → Drawer.CatmvDHJ.js} +1 -1
  28. package/chunks/{Fieldset.C0RzpI-h.js → Fieldset.Bk8W5h13.js} +1 -1
  29. package/chunks/{InputFile.Bki3bs3U.js → InputFile.CjK3gEst.js} +3 -3
  30. package/chunks/{InputNumber.B43cqBH0.js → InputNumber.wfDjnz58.js} +2 -2
  31. package/chunks/{InputPassword.DcdMjsXr.js → InputPassword.Ctb0xbwg.js} +2 -2
  32. package/chunks/{InputSearch.CJm6ph8W.js → InputSearch.C-r5ktR8.js} +2 -2
  33. package/chunks/{LinkButton.C6F-yuLL.js → LinkButton.CWibqvhs.js} +2 -1
  34. package/chunks/LinkCard.BjXQ85ZH.js +159 -0
  35. package/chunks/{NavigationTabs.CQxlahX1.js → NavigationTabs.SBNLx87A.js} +1 -1
  36. package/chunks/{Notification.Qzz88ngL.js → Notification.DYl1rcGu.js} +1 -1
  37. package/chunks/{Popover.D7McfVaH.js → Popover.C9tT8xkE.js} +1 -1
  38. package/chunks/RadioGroup.DupoApOX.js +125 -0
  39. package/chunks/{Select.B0uMOSSD.js → Select.BjBPN-6W.js} +1 -1
  40. package/chunks/{Slider.YTIktxxD.js → Slider.Bh2jhGKn.js} +2 -2
  41. package/chunks/{Stepper.BvPmbbqw.js → Stepper.D1Yzw-gL.js} +2 -2
  42. package/chunks/{Tabs.CoO_lrhV.js → Tabs.BvG-OPWa.js} +1 -1
  43. package/chunks/Text.utils.B4MiHAK_.js +11 -0
  44. package/chunks/TextUtility.C68m5upo.js +82 -0
  45. package/chunks/{Textarea.lYiPXerd.js → Textarea.DibBqiam.js} +1 -1
  46. package/chunks/{Toast.L5HAuEOn.js → Toast.ldZRNpGM.js} +1 -1
  47. package/combobox.C2XUM4fM.js +67 -0
  48. package/components/LinkCard/Link.utils.test.d.ts +1 -0
  49. package/components/LinkCard/LinkCard.d.ts +80 -0
  50. package/components/LinkCard/LinkCard.test.d.ts +1 -0
  51. package/components/LinkCard/LinkCard.utils.d.ts +10 -0
  52. package/components/RadioGroup/RadioGroup.utils.d.ts +3 -2
  53. package/components/Scroller/Scroller.test.d.ts +1 -0
  54. package/components/TextUtility/TextUtility.d.ts +30 -0
  55. package/components/TextUtility/TextUtility.test.d.ts +1 -0
  56. package/components/TextUtility/TextUtility.utils.d.ts +10 -0
  57. package/components/TextUtility/TextUtility.utils.test.d.ts +1 -0
  58. package/{customreactselect.BgYf8rKE.js → customreactselect.BNwzk8Qi.js} +2 -2
  59. package/{dialog.Bq-ZyzR8.js → dialog.D5geKDtZ.js} +2 -2
  60. package/{drawer.DL5UzLWf.js → drawer.ucjhpIF4.js} +2 -2
  61. package/{fieldset.BFLW2D9H.js → fieldset.Crx4Cb9a.js} +2 -2
  62. package/{filelist.BG6SGVJ8.js → filelist.Bcu6TZRj.js} +1 -1
  63. package/index.d.ts +4 -0
  64. package/index.es.js +167 -156
  65. package/{input.hBWqQr3X.js → input.DL_M_Pg3.js} +2 -2
  66. package/{inputfile.BSZuRujU.js → inputfile.iwsNHjrc.js} +4 -4
  67. package/{inputnumber.CA4JiUmq.js → inputnumber.raC_7KIP.js} +3 -3
  68. package/{inputpassword.Cju_crMi.js → inputpassword.Brte78Sr.js} +3 -3
  69. package/{inputsearch.CU9AhVVv.js → inputsearch.BP0EzFcF.js} +3 -3
  70. package/{link.DoiK003-.js → link.BtZeNdii.js} +1 -1
  71. package/{linkbutton.CWco_B7v.js → linkbutton.In_ROT0Z.js} +1 -1
  72. package/linkcard.B43Y9rO4.js +12 -0
  73. package/linkcard.d.ts +2 -0
  74. package/{navigationtabs.zhRZHjgs.js → navigationtabs.EbmfKv1R.js} +2 -2
  75. package/{notification.BiXdWNo7.js → notification.tadg6lCc.js} +2 -2
  76. package/package.json +3 -3
  77. package/partials/index.js +20 -8
  78. package/partials/lib/partials.d.ts +1 -1
  79. package/{popover.79Voiadz.js → popover.CXq7VoZt.js} +2 -2
  80. package/radio.DYKHJbxF.js +134 -0
  81. package/{radiogroup.CwBh7u9L.js → radiogroup.D-t1_oGC.js} +3 -3
  82. package/{scroller.IpfbFV8B.js → scroller.B1LijjCF.js} +1 -1
  83. package/{select.NHaEtX_u.js → select.CZ0C3yJD.js} +2 -2
  84. package/{skiptocontent.X4USTODk.js → skiptocontent.CAQy194o.js} +1 -1
  85. package/{slider.jnNGEyBq.js → slider.B3u5du_Q.js} +3 -3
  86. package/{step.D5p7qppy.js → step.DaJFsafj.js} +1 -1
  87. package/{stepper.DnMc4ex6.js → stepper.DcaZESJi.js} +3 -3
  88. package/styles/scss/ds/lib/text.scss +5 -5
  89. package/{tablist.BFE6RAPD.js → tablist.mX5nQWwH.js} +1 -1
  90. package/{tabs.CsOxxQyQ.js → tabs.DjWfks34.js} +2 -2
  91. package/text.CQdFtUUQ.js +72 -0
  92. package/{textarea.C9OAAjhG.js → textarea.69r-5faY.js} +2 -2
  93. package/{text.cLv2PhjQ.js → textutility.DMKAWLsT.js} +3 -2
  94. package/textutility.d.ts +2 -0
  95. package/{toast.OBI9qnAM.js → toast.FzO5KoiK.js} +2 -2
  96. package/{toastmanager.CgsA-1y_.js → toastmanager.BGIYNKkT.js} +1 -1
  97. package/assets/ActionButton.oGVPTS1J.css +0 -1
  98. package/assets/ActionLink.CTh6IXrN.css +0 -1
  99. package/assets/RadioGroup.CM2mYOzc.css +0 -1
  100. package/assets/radio.CgpGvYc-.css +0 -1
  101. package/chunks/ActionLink.BlwvrnPN.js +0 -153
  102. package/chunks/RadioGroup.B2VCD9x-.js +0 -106
  103. package/chunks/Text.DpRtTpB4.js +0 -75
  104. package/combobox.CGEDlMo0.js +0 -71
  105. package/radio.DHUfSPai.js +0 -126
package/radio.DHUfSPai.js DELETED
@@ -1,126 +0,0 @@
1
- "use client";
2
- import { jsx as D, jsxs as ne } from "react/jsx-runtime";
3
- import { d as ve } from "./chunks/index.D-sRdssb.js";
4
- import { c as E } from "./chunks/index.DL9mof6u.js";
5
- import { forwardRef as Ae, useRef as ce, useState as pe, useEffect as Ce } from "react";
6
- import './assets/radio.CgpGvYc-.css';const he = (H) => H.replace(/\s+/g, ""), ye = "ds-radio_root_2idos_1", ke = "ds-radio_root--disabled_2idos_24", ge = "ds-radio_root--with-custom-area_2idos_27", Ne = "ds-radio_root--with-custom-area--above_2idos_30", We = "ds-radio_radio_2idos_36", xe = "ds-radio_dot_2idos_54", De = "ds-radio_radio--invalid_2idos_78", He = "ds-radio_label_2idos_83", Be = "ds-radio_label--bold_2idos_100", Se = "ds-radio_label--with-custom-area_2idos_111", Ue = "ds-radio_custom-area_2idos_115", Ie = "ds-radio_custom-area--above_2idos_123", $e = "ds-radio_hint_2idos_129", we = "ds-radio_hint--visible_2idos_153", je = "ds-radio_hint--unchecked-hidden_2idos_157", Ee = "ds-radio_input_2idos_163", t = {
7
- root: ye,
8
- rootDisabled: ke,
9
- rootWithCustomArea: ge,
10
- rootWithCustomAreaAbove: Ne,
11
- radio: We,
12
- dot: xe,
13
- radioInvalid: De,
14
- label: He,
15
- labelBold: Be,
16
- labelWithCustomArea: Se,
17
- customArea: Ue,
18
- customAreaAbove: Ie,
19
- hint: $e,
20
- hintVisible: we,
21
- hintUncheckedHidden: je,
22
- input: Ee
23
- }, Ve = Ae((H, _) => {
24
- const e = ve.c(83);
25
- let B, b, o, n, i, d, c, h, v, S, U, I, $, w, j, u;
26
- e[0] !== H ? ({
27
- label: d,
28
- name: c,
29
- value: u,
30
- checked: B,
31
- className: b,
32
- customArea: o,
33
- isCustomAreaAbove: S,
34
- defaultChecked: U,
35
- disabled: I,
36
- fieldsetId: n,
37
- hint: i,
38
- invalid: $,
39
- isBold: w,
40
- hideUncheckedHint: j,
41
- onChange: h,
42
- ...v
43
- } = H, e[0] = H, e[1] = B, e[2] = b, e[3] = o, e[4] = n, e[5] = i, e[6] = d, e[7] = c, e[8] = h, e[9] = v, e[10] = S, e[11] = U, e[12] = I, e[13] = $, e[14] = w, e[15] = j, e[16] = u) : (B = e[1], b = e[2], o = e[3], n = e[4], i = e[5], d = e[6], c = e[7], h = e[8], v = e[9], S = e[10], U = e[11], I = e[12], $ = e[13], w = e[14], j = e[15], u = e[16]);
44
- const f = S === void 0 ? !1 : S, ue = U === void 0 ? !1 : U, a = I === void 0 ? !1 : I, A = $ === void 0 ? !1 : $, X = w === void 0 ? !1 : w, r = j === void 0 ? !1 : j, fe = ce(null), s = ce(null), [me, _e] = pe(ue), V = B !== void 0, l = V ? B : me;
45
- let O, R;
46
- e[17] !== l || e[18] !== r ? (O = () => {
47
- s.current && (r ? (s.current.style.height === "0px" || s.current.style.height === "") && l ? (s.current.style.height = `${s.current.scrollHeight}px`, s.current.style.opacity = "1") : l || (s.current.style.opacity = "0", s.current.style.height = "0px", s.current.style.pointerEvents = "none") : (s.current.style.height === "0px" || s.current.style.height === "") && (s.current.style.height = "auto", s.current.style.opacity = "1"));
48
- }, R = [s, l, r], e[17] = l, e[18] = r, e[19] = O, e[20] = R) : (O = e[19], R = e[20]), Ce(O, R);
49
- const Y = !!o, Z = !!o && f;
50
- let q;
51
- e[21] !== b || e[22] !== a || e[23] !== Z || e[24] !== Y ? (q = E(t.root, {
52
- [t.rootDisabled]: a,
53
- [t.rootWithCustomArea]: Y,
54
- [t.rootWithCustomAreaAbove]: Z
55
- }, b), e[21] = b, e[22] = a, e[23] = Z, e[24] = Y, e[25] = q) : q = e[25];
56
- const ee = q, te = !!o;
57
- let z;
58
- e[26] !== X || e[27] !== te ? (z = E(t.label, {
59
- [t.labelBold]: X,
60
- [t.labelWithCustomArea]: te
61
- }), e[26] = X, e[27] = te, e[28] = z) : z = e[28];
62
- const se = z;
63
- let F;
64
- e[29] !== l || e[30] !== r || e[31] !== i ? (F = () => !r && i ? !0 : !!(r && i && l), e[29] = l, e[30] = r, e[31] = i, e[32] = F) : F = e[32];
65
- const G = F, oe = r && !G();
66
- let J;
67
- e[33] !== G || e[34] !== oe ? (J = E(t.hint, {
68
- [t.hintUncheckedHidden]: oe,
69
- [t.hintVisible]: G()
70
- }), e[33] = G, e[34] = oe, e[35] = J) : J = e[35];
71
- const ie = J;
72
- let K;
73
- e[36] !== A ? (K = E(t.radio, {
74
- [t.radioInvalid]: A
75
- }), e[36] = A, e[37] = K) : K = e[37];
76
- const le = K;
77
- let L;
78
- e[38] === Symbol.for("react.memo_cache_sentinel") ? (L = E(t.customArea, t.customAreaAbove), e[38] = L) : L = e[38];
79
- const be = L;
80
- let M;
81
- e[39] !== a || e[40] !== V || e[41] !== h ? (M = (m) => {
82
- if (a) {
83
- m.preventDefault();
84
- return;
85
- }
86
- V || _e(m.target.checked), h && h(m);
87
- }, e[39] = a, e[40] = V, e[41] = h, e[42] = M) : M = e[42];
88
- const ae = M, p = i ? `${he(c)}-${he(u)}-description` : void 0;
89
- let P;
90
- e[43] !== p || e[44] !== n || e[45] !== A ? (P = [A && n && `${n}-feedback`, p].filter(Boolean).join(" ") || void 0, e[43] = p, e[44] = n, e[45] = A, e[46] = P) : P = e[46];
91
- const re = P;
92
- let C;
93
- e[47] !== _ ? (C = (m) => {
94
- typeof _ == "function" ? _(m) : _ !== null && (_.current = m), fe.current = m;
95
- }, e[47] = _, e[48] = C) : C = e[48];
96
- const de = typeof d == "string" ? d : void 0;
97
- let y;
98
- e[49] !== re || e[50] !== l || e[51] !== a || e[52] !== ae || e[53] !== c || e[54] !== v || e[55] !== C || e[56] !== de || e[57] !== u ? (y = /* @__PURE__ */ D("input", { type: "radio", value: u, name: c, className: t.input, ref: C, onChange: ae, ...v, disabled: a, checked: l, "aria-label": de, "aria-describedby": re }), e[49] = re, e[50] = l, e[51] = a, e[52] = ae, e[53] = c, e[54] = v, e[55] = C, e[56] = de, e[57] = u, e[58] = y) : y = e[58];
99
- let Q;
100
- e[59] === Symbol.for("react.memo_cache_sentinel") ? (Q = /* @__PURE__ */ D("div", { className: t.dot }), e[59] = Q) : Q = e[59];
101
- let k;
102
- e[60] !== le ? (k = /* @__PURE__ */ D("span", { className: le, children: Q }), e[60] = le, e[61] = k) : k = e[61];
103
- let g;
104
- e[62] !== o || e[63] !== f ? (g = o && f && /* @__PURE__ */ D("div", { className: be, children: o }), e[62] = o, e[63] = f, e[64] = g) : g = e[64];
105
- let N;
106
- e[65] !== o || e[66] !== f ? (N = o && !f && /* @__PURE__ */ D("div", { className: t.customArea, children: o }), e[65] = o, e[66] = f, e[67] = N) : N = e[67];
107
- let W;
108
- e[68] !== p || e[69] !== i || e[70] !== ie ? (W = /* @__PURE__ */ D("span", { id: p, className: ie, ref: s, children: i }), e[68] = p, e[69] = i, e[70] = ie, e[71] = W) : W = e[71];
109
- let x;
110
- e[72] !== d || e[73] !== se || e[74] !== N || e[75] !== W ? (x = /* @__PURE__ */ ne("span", { className: se, children: [
111
- d,
112
- N,
113
- W
114
- ] }), e[72] = d, e[73] = se, e[74] = N, e[75] = W, e[76] = x) : x = e[76];
115
- let T;
116
- return e[77] !== ee || e[78] !== y || e[79] !== k || e[80] !== g || e[81] !== x ? (T = /* @__PURE__ */ ne("label", { className: ee, children: [
117
- y,
118
- k,
119
- g,
120
- x
121
- ] }), e[77] = ee, e[78] = y, e[79] = k, e[80] = g, e[81] = x, e[82] = T) : T = e[82], T;
122
- });
123
- Ve.displayName = "DSRadio";
124
- export {
125
- Ve as DSRadio
126
- };