@stihl-design-system/components 1.0.0-RC.4 → 1.0.0-RC.6

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 (167) hide show
  1. package/Klarna.svg +1 -0
  2. package/Mastercard.svg +2 -0
  3. package/PayPal.svg +2 -0
  4. package/Placeholder.svg +1 -0
  5. package/Visa.svg +2 -0
  6. package/arialiveregions.BvZhV6hb.js +27 -0
  7. package/assets/CustomReactSelect.Bsphydqt.css +1 -0
  8. package/assets/Fieldset.D0jHAGRL.css +1 -0
  9. package/assets/Icon.Duy_0R8w.css +1 -0
  10. package/assets/InputPassword.VCNO8ANM.css +1 -0
  11. package/assets/InputSearch.BMRAb95l.css +1 -0
  12. package/assets/InputStepper.BKjqNi-i.css +1 -0
  13. package/assets/Notification.Bg63cvs4.css +1 -0
  14. package/assets/RadioGroup.Bz3_xkZU.css +1 -0
  15. package/assets/Select.Bz1TImkI.css +1 -0
  16. package/assets/Textarea.D2h5cW_t.css +1 -0
  17. package/assets/Toast.BzVaebc0.css +1 -0
  18. package/assets/{arialiveregions.VnhjP8Gr.css → arialiveregions.GsGx2USO.css} +1 -1
  19. package/assets/{asterisk.C-o6rbGQ.css → asterisk.JlyPArZu.css} +1 -1
  20. package/assets/button.BdxtFZKx.css +1 -0
  21. package/assets/buttonround.pR4StXA7.css +1 -0
  22. package/assets/checkbox.BjIn2stV.css +1 -0
  23. package/assets/dialog.CKwM2EBH.css +1 -0
  24. package/assets/floatingactionbutton.CUvMbEMf.css +1 -0
  25. package/assets/heading.CCbuI4X-.css +1 -0
  26. package/assets/input.71tOIrpp.css +1 -0
  27. package/assets/link.D61tKkSK.css +1 -0
  28. package/assets/linkstandalone.Bx8Uvo0G.css +1 -0
  29. package/assets/logo.C05WqGId.css +1 -0
  30. package/assets/optioncheckbox.BdRJHcSw.css +1 -0
  31. package/assets/radio.ewRpPo4W.css +1 -0
  32. package/assets/skiptocontent.DGVJ77cj.css +1 -0
  33. package/assets/spinner.D_Nnf1ZG.css +1 -0
  34. package/assets/switch.Ds-I_ybT.css +1 -0
  35. package/assets/{systemfeedback.WE3wClZ3.css → systemfeedback.BzJATHDd.css} +1 -1
  36. package/assets/text.B-CTuGgI.css +1 -0
  37. package/assets/{title.CE0Dm7PI.css → title.DlhX9K3W.css} +1 -1
  38. package/asterisk.Cjbk-xZi.js +8 -0
  39. package/button.L1lgCuM9.js +135 -0
  40. package/buttonround.ddSqXjYf.js +118 -0
  41. package/checkbox.DNHdo6_n.js +113 -0
  42. package/checkboxgroup.DqWlzAeR.js +9 -0
  43. package/chunks/{CheckboxGroup.CS6Q_TeZ.js → CheckboxGroup.DsQ6lI5a.js} +22 -22
  44. package/chunks/{CustomReactSelect.DtmbYZUf.js → CustomReactSelect.5dHi6PEO.js} +909 -959
  45. package/chunks/Fieldset.B1vsrHNv.js +99 -0
  46. package/chunks/{Icon.9gDIp6p4.js → Icon.n4XZrQ4N.js} +33 -27
  47. package/chunks/InputPassword.a7zHKrmM.js +140 -0
  48. package/chunks/InputSearch.DITRiB92.js +189 -0
  49. package/chunks/InputStepper.BkncCNwJ.js +291 -0
  50. package/chunks/Notification.DVVuSOqG.js +93 -0
  51. package/chunks/RadioGroup.BO4pbAJw.js +132 -0
  52. package/chunks/RadioGroup.module.BBZwHDjW.js +11 -0
  53. package/chunks/Select.COdS787F.js +191 -0
  54. package/chunks/Textarea.oqCrSopu.js +195 -0
  55. package/chunks/Toast.RON4bFPY.js +89 -0
  56. package/chunks/{jsx-runtime.C-kxDJ4g.js → jsx-runtime.C115EyI4.js} +3 -7
  57. package/{combobox.BaSkiD6f.js → combobox.CRlhqmuO.js} +2 -2
  58. package/components/Radio/Radio.d.ts +11 -3
  59. package/components/RadioGroup/RadioGroup.d.ts +6 -3
  60. package/components/RadioGroup/RadioGroup.utils.d.ts +5 -3
  61. package/components/RadioGroup/RadioGroup.utils.test.d.ts +1 -0
  62. package/components/SkipToContent/SkipToContent.d.ts +12 -0
  63. package/components/SkipToContent/SkipToContent.test.d.ts +1 -0
  64. package/customreactselect.CD58gwtp.js +13 -0
  65. package/dialog.0qPUVJha.js +45 -0
  66. package/fieldset.aY3V2jK2.js +11 -0
  67. package/floatingactionbutton.D_e4vz2G.js +87 -0
  68. package/heading.BTNroD1E.js +50 -0
  69. package/icon.D3RXjzh4.js +8 -0
  70. package/index.d.ts +1 -0
  71. package/index.es.js +66 -62
  72. package/input.ChVISFEX.js +236 -0
  73. package/inputpassword.Ba9SUUIK.js +12 -0
  74. package/inputsearch.BK-0OTwA.js +13 -0
  75. package/inputstepper.CTpTeXL9.js +13 -0
  76. package/link.SAcKvzJ3.js +115 -0
  77. package/linkstandalone.DNe0Nydm.js +79 -0
  78. package/{logo.C_oJ8isW.js → logo.BR_CUXFl.js} +16 -16
  79. package/notification.Csn5QCR2.js +9 -0
  80. package/{optioncheckbox.CUV1MQhh.js → optioncheckbox.C4l2UIak.js} +7 -7
  81. package/package.json +28 -24
  82. package/partials/index.js +51 -79
  83. package/radio.epf54-sG.js +115 -0
  84. package/radiogroup.CiENWRos.js +11 -0
  85. package/select.DLYav8gw.js +12 -0
  86. package/skiptocontent._YZRKxnc.js +44 -0
  87. package/skiptocontent.d.ts +1 -0
  88. package/spinner.DVa112nj.js +58 -0
  89. package/styles/scss/lib/_animation.scss +15 -14
  90. package/styles/scss/lib/_container-query.scss +3 -3
  91. package/styles/scss/lib/_grid-sidebar.scss +14 -7
  92. package/styles/scss/lib/_link.scss +48 -42
  93. package/styles/scss/lib/_media-query.scss +3 -3
  94. package/styles/scss/lib/_transition.scss +26 -7
  95. package/switch.rd7PdLc9.js +65 -0
  96. package/{systemfeedback.4Hkfigi-.js → systemfeedback.CUWch42u.js} +3 -3
  97. package/text.CrYUewrP.js +57 -0
  98. package/{textarea.DPy3TJJf.js → textarea.hLgeYdsI.js} +4 -4
  99. package/title.Dvp8LKJt.js +36 -0
  100. package/toast.r_yhGYEe.js +10 -0
  101. package/{toastmanager.DQ_-eTrx.js → toastmanager.D-uIi-TS.js} +2 -2
  102. package/utils/index.d.ts +1 -0
  103. package/utils/remove-spaces.d.ts +6 -0
  104. package/utils/remove-spaces.test.d.ts +1 -0
  105. package/arialiveregions.49Zyf6mj.js +0 -27
  106. package/assets/CustomReactSelect.B0rJLjN0.css +0 -1
  107. package/assets/Fieldset.xazpUXJX.css +0 -1
  108. package/assets/Icon.CB-KQmw4.css +0 -1
  109. package/assets/InputPassword.C3Uyj7oA.css +0 -1
  110. package/assets/InputSearch.tL3e9-Ob.css +0 -1
  111. package/assets/InputStepper.paPJix5A.css +0 -1
  112. package/assets/Notification.CCCbfXEz.css +0 -1
  113. package/assets/RadioGroup.Ur8Ro-XL.css +0 -1
  114. package/assets/Select.D2qBxaHP.css +0 -1
  115. package/assets/Textarea.BKbocznb.css +0 -1
  116. package/assets/Toast.CAP_EwDX.css +0 -1
  117. package/assets/button.BuIpnG-S.css +0 -1
  118. package/assets/buttonround.C3ph5Yyu.css +0 -1
  119. package/assets/checkbox.BsFEWfQe.css +0 -1
  120. package/assets/dialog.BGK3mgk7.css +0 -1
  121. package/assets/floatingactionbutton.D7ywURL3.css +0 -1
  122. package/assets/heading.CGFucb-C.css +0 -1
  123. package/assets/input.BcP5kkZ2.css +0 -1
  124. package/assets/link.DQy_OhwC.css +0 -1
  125. package/assets/linkstandalone.Dh6bE5Fb.css +0 -1
  126. package/assets/logo.BbHYgnWo.css +0 -1
  127. package/assets/optioncheckbox.C-K1FLhc.css +0 -1
  128. package/assets/radio.CSHQGdpr.css +0 -1
  129. package/assets/spinner.C5rBmKiF.css +0 -1
  130. package/assets/switch.sqve8ApJ.css +0 -1
  131. package/assets/text.DDAveG7E.css +0 -1
  132. package/asterisk.DU8THnoC.js +0 -8
  133. package/button.DX_nxoJC.js +0 -135
  134. package/buttonround.CXsBk9nL.js +0 -118
  135. package/checkbox.B43oeMeC.js +0 -112
  136. package/checkboxgroup.C7aCjYds.js +0 -9
  137. package/chunks/Fieldset.BokeZzG5.js +0 -99
  138. package/chunks/InputPassword.jpUCijp7.js +0 -140
  139. package/chunks/InputSearch.BmOtAZcR.js +0 -190
  140. package/chunks/InputStepper.DTKjUL4U.js +0 -291
  141. package/chunks/Notification.CUPOlHAX.js +0 -93
  142. package/chunks/RadioGroup.DpwnVv7u.js +0 -110
  143. package/chunks/RadioGroup.module.bi3leRes.js +0 -11
  144. package/chunks/Select.DkDZo0ky.js +0 -193
  145. package/chunks/Textarea.C938p79X.js +0 -195
  146. package/chunks/Toast.CLYrwQVO.js +0 -89
  147. package/customreactselect.LTbjaBN2.js +0 -13
  148. package/dialog.BkXwcbUh.js +0 -45
  149. package/fieldset.BXOWK-B-.js +0 -11
  150. package/floatingactionbutton.-nDRRiXY.js +0 -87
  151. package/heading.DqGbFfj2.js +0 -50
  152. package/icon.Cpp_9L1I.js +0 -8
  153. package/input.BM6tyRUm.js +0 -236
  154. package/inputpassword.DUxH1K_k.js +0 -12
  155. package/inputsearch.B-vePHle.js +0 -13
  156. package/inputstepper.C2ypADPI.js +0 -13
  157. package/link.B4XZoLDj.js +0 -115
  158. package/linkstandalone.BSfd95Pd.js +0 -79
  159. package/notification.CxxAOdNV.js +0 -9
  160. package/radio.Bhu9OUY-.js +0 -79
  161. package/radiogroup.CMJ1b38q.js +0 -11
  162. package/select.DFJK2mHF.js +0 -12
  163. package/spinner.BskX4ovu.js +0 -58
  164. package/switch.Bx2tDKx0.js +0 -65
  165. package/text.CPU8IUqY.js +0 -57
  166. package/title.icX0VDiO.js +0 -36
  167. package/toast.C-Yg5EoE.js +0 -10
@@ -1,65 +0,0 @@
1
- "use client";
2
- import { j as t } from "./chunks/jsx-runtime.C-kxDJ4g.js";
3
- import { c as b } from "./chunks/index.CvOaL64Y.js";
4
- import "react";
5
- import { D as p } from "./chunks/Icon.9gDIp6p4.js";
6
- import { DSSpinner as f } from "./spinner.BskX4ovu.js";
7
- import './assets/switch.sqve8ApJ.css';const x = "_root_1gc2h_63", j = "_root--label-right_1gc2h_91", k = "_root--stretched_1gc2h_94", S = "_loader_1gc2h_104", w = "_thumb_1gc2h_157", C = "_root--checked_1gc2h_172", o = {
8
- root: x,
9
- "root--label-right": "_root--label-right_1gc2h_91",
10
- rootLabelRight: j,
11
- "root--stretched": "_root--stretched_1gc2h_94",
12
- rootStretched: k,
13
- switch: "_switch_1gc2h_99",
14
- loader: S,
15
- thumb: w,
16
- "root--checked": "_root--checked_1gc2h_172",
17
- rootChecked: C
18
- }, E = ({
19
- children: h,
20
- aria: i,
21
- alignLabel: l = "left",
22
- checked: e = !1,
23
- className: _,
24
- dataTrackingid: n,
25
- disabled: c = !1,
26
- loading: r = !1,
27
- stretched: d = !1,
28
- onClick: s,
29
- ...m
30
- }) => {
31
- const g = b(o.root, _, {
32
- [o.rootChecked]: e === !0,
33
- [o.rootStretched]: d === !0,
34
- [o.rootLabelRight]: l === "right"
35
- }), u = (a) => {
36
- if (c || r) {
37
- a.preventDefault();
38
- return;
39
- }
40
- s && s(a);
41
- };
42
- return /* @__PURE__ */ t.jsxs(
43
- "button",
44
- {
45
- className: g,
46
- "data-trackingid": n,
47
- onClick: u,
48
- ...i,
49
- ...m,
50
- type: "button",
51
- role: "switch",
52
- "aria-checked": e,
53
- "aria-disabled": c || r,
54
- "aria-busy": r,
55
- children: [
56
- /* @__PURE__ */ t.jsx("span", { children: h }),
57
- !r && /* @__PURE__ */ t.jsx("span", { className: o.switch, children: /* @__PURE__ */ t.jsx("span", { className: o.thumb, children: /* @__PURE__ */ t.jsx(p, { name: "check", "aria-hidden": "true" }) }) }),
58
- r && /* @__PURE__ */ t.jsx("span", { className: o.loader, children: /* @__PURE__ */ t.jsx(f, { aria: { "aria-label": "Loading state" } }) })
59
- ]
60
- }
61
- );
62
- };
63
- export {
64
- E as DSSwitch
65
- };
package/text.CPU8IUqY.js DELETED
@@ -1,57 +0,0 @@
1
- "use client";
2
- import { j as x } from "./chunks/jsx-runtime.C-kxDJ4g.js";
3
- import { c as v } from "./chunks/index.CvOaL64Y.js";
4
- import './assets/text.DDAveG7E.css';const c = "_root_16s1v_63", n = "_root--large_16s1v_69", u = "_root--large-bold_16s1v_79", b = "_root--medium_16s1v_89", S = "_root--medium-bold_16s1v_99", g = "_root--small_16s1v_109", B = "_root--small-bold_16s1v_119", i = "_root--x-small_16s1v_129", X = "_root--x-small-bold_16s1v_139", k = "_root--xx-small_16s1v_149", L = "_root--theme-dark_16s1v_159", o = {
5
- root: c,
6
- "root--large": "_root--large_16s1v_69",
7
- rootLarge: n,
8
- "root--large-bold": "_root--large-bold_16s1v_79",
9
- rootLargeBold: u,
10
- "root--medium": "_root--medium_16s1v_89",
11
- rootMedium: b,
12
- "root--medium-bold": "_root--medium-bold_16s1v_99",
13
- rootMediumBold: S,
14
- "root--small": "_root--small_16s1v_109",
15
- rootSmall: g,
16
- "root--small-bold": "_root--small-bold_16s1v_119",
17
- rootSmallBold: B,
18
- "root--x-small": "_root--x-small_16s1v_129",
19
- rootXSmall: i,
20
- "root--x-small-bold": "_root--x-small-bold_16s1v_139",
21
- rootXSmallBold: X,
22
- "root--xx-small": "_root--xx-small_16s1v_149",
23
- rootXxSmall: k,
24
- "root--theme-dark": "_root--theme-dark_16s1v_159",
25
- rootThemeDark: L
26
- }, T = ({
27
- children: t,
28
- className: m,
29
- size: l = "medium",
30
- tag: a = "p",
31
- theme: s = "light",
32
- weight: r = "normal",
33
- ..._
34
- }) => {
35
- const d = a, e = v(o.root, m, {
36
- // large
37
- [o.rootLarge]: l === "large",
38
- [o.rootLargeBold]: l === "large" && r === "bold",
39
- // medium
40
- [o.rootMedium]: l == "medium",
41
- [o.rootMediumBold]: l === "medium" && r === "bold",
42
- // small
43
- [o.rootSmall]: l == "small",
44
- [o.rootSmallBold]: l == "small" && r === "bold",
45
- // x-small
46
- [o.rootXSmall]: l == "x-small",
47
- [o.rootXSmallBold]: l == "x-small" && r === "bold",
48
- // xx-small
49
- [o.rootXxSmall]: l == "xx-small",
50
- // dark theme
51
- [o.rootThemeDark]: s === "dark"
52
- });
53
- return /* @__PURE__ */ x.jsx(d, { className: e, ..._, children: t });
54
- };
55
- export {
56
- T as DSText
57
- };
package/title.icX0VDiO.js DELETED
@@ -1,36 +0,0 @@
1
- "use client";
2
- import { j as o } from "./chunks/jsx-runtime.C-kxDJ4g.js";
3
- import { c as g } from "./chunks/index.CvOaL64Y.js";
4
- import './assets/title.CE0Dm7PI.css';const n = "_root_1bpc5_63", h = "_root--x-large-uppercase_1bpc5_66", m = "_root--large-uppercase_1bpc5_80", d = "_root--theme-dark_1bpc5_94", u = "_dash_1bpc5_97", r = {
5
- root: n,
6
- "root--x-large-uppercase": "_root--x-large-uppercase_1bpc5_66",
7
- rootXLargeUppercase: h,
8
- "root--large-uppercase": "_root--large-uppercase_1bpc5_80",
9
- rootLargeUppercase: m,
10
- "root--theme-dark": "_root--theme-dark_1bpc5_94",
11
- rootThemeDark: d,
12
- dash: u
13
- }, b = ({
14
- children: a,
15
- className: t,
16
- size: e = "x-large",
17
- tag: s = "h1",
18
- // Design suggested to set default tag to h1
19
- theme: p = "light",
20
- ...c
21
- }) => {
22
- const _ = s, l = g(r.root, t, {
23
- // sizes
24
- [r.rootXLargeUppercase]: e === "x-large",
25
- [r.rootLargeUppercase]: e === "large",
26
- // dark theme
27
- [r.rootThemeDark]: p === "dark"
28
- });
29
- return /* @__PURE__ */ o.jsxs(_, { className: l, ...c, children: [
30
- a,
31
- /* @__PURE__ */ o.jsx("span", { className: r.dash, "aria-hidden": "true", children: "ƒ" })
32
- ] });
33
- };
34
- export {
35
- b as DSTitle
36
- };
package/toast.C-Yg5EoE.js DELETED
@@ -1,10 +0,0 @@
1
- "use client";
2
- import "./chunks/jsx-runtime.C-kxDJ4g.js";
3
- import "./chunks/index.CvOaL64Y.js";
4
- import "react";
5
- import "./button.DX_nxoJC.js";
6
- import "./chunks/Icon.9gDIp6p4.js";
7
- import { D as s } from "./chunks/Toast.CLYrwQVO.js";
8
- export {
9
- s as DSToast
10
- };