@stihl-design-system/components 1.0.0-RC.2 → 1.0.0-RC.3

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 (102) hide show
  1. package/README.md +1 -1
  2. package/assets/CustomReactSelect.BdwXfLLO.css +1 -0
  3. package/assets/RadioGroup.Ur8Ro-XL.css +1 -0
  4. package/assets/asterisk.C-o6rbGQ.css +1 -0
  5. package/assets/button.DJvR-58w.css +1 -0
  6. package/assets/buttonround.BlfQkmMV.css +1 -0
  7. package/assets/checkbox.BsFEWfQe.css +1 -0
  8. package/assets/fieldset.xazpUXJX.css +1 -0
  9. package/assets/heading.CGFucb-C.css +1 -0
  10. package/assets/input.BcP5kkZ2.css +1 -0
  11. package/assets/inputpassword.C3Uyj7oA.css +1 -0
  12. package/assets/inputsearch.tL3e9-Ob.css +1 -0
  13. package/assets/inputstepper.paPJix5A.css +1 -0
  14. package/assets/link.V7pJOW1p.css +1 -0
  15. package/assets/linkstandalone.D3RbBp23.css +1 -0
  16. package/assets/radio.CSHQGdpr.css +1 -0
  17. package/assets/select.D2qBxaHP.css +1 -0
  18. package/assets/switch.sqve8ApJ.css +1 -0
  19. package/assets/textarea.BKbocznb.css +1 -0
  20. package/assets/title.CE0Dm7PI.css +1 -0
  21. package/asterisk.DU8THnoC.js +8 -0
  22. package/button.BUUGRxIp.js +135 -0
  23. package/buttonround.CKc-a-hd.js +118 -0
  24. package/{checkbox.Bx5D_GAe.js → checkbox.C2Ga9yTK.js} +28 -28
  25. package/{checkboxgroup.gQwSHy4i.js → checkboxgroup.Cfxz9bk6.js} +3 -3
  26. package/chunks/{CustomReactSelect.Pvkkof1f.js → CustomReactSelect.uzWNynay.js} +222 -222
  27. package/chunks/RadioGroup.module.bi3leRes.js +11 -0
  28. package/chunks/whatsapp.CPpu-7Nn.js +10 -0
  29. package/{combobox.BOJ7aq_B.js → combobox.BXHAo4Wx.js} +1 -1
  30. package/components/CheckboxGroup/CheckboxGroup.d.ts +1 -1
  31. package/components/Fieldset/Fieldset.d.ts +1 -1
  32. package/components/Heading/Heading.utils.d.ts +1 -1
  33. package/components/Logo/Logo.d.ts +4 -2
  34. package/components/Logo/Logo.utils.d.ts +1 -0
  35. package/components/RadioGroup/RadioGroup.d.ts +1 -1
  36. package/customreactselect.CipgVXTR.js +13 -0
  37. package/fieldset.DGcIKzDI.js +98 -0
  38. package/{floatingactionbutton.BtQVIj6W.js → floatingactionbutton.DzHD39NY.js} +2 -2
  39. package/heading.DqGbFfj2.js +50 -0
  40. package/{icon.CmAhxgHK.js → icon.PX9_1kNB.js} +1 -1
  41. package/index.es.js +22 -22
  42. package/input.o8OT6rxJ.js +236 -0
  43. package/inputpassword.-MXq8baU.js +139 -0
  44. package/inputsearch.CoYTSjox.js +188 -0
  45. package/inputstepper.BBMQr6kM.js +290 -0
  46. package/link.BN6AZfhG.js +115 -0
  47. package/linkstandalone.4-fyRd08.js +79 -0
  48. package/{logo.DXWgPUY4.js → logo.C_oJ8isW.js} +25 -24
  49. package/{optioncheckbox.CYikfEsE.js → optioncheckbox.-DRnW_ch.js} +1 -1
  50. package/package.json +2 -2
  51. package/radio.Bhu9OUY-.js +79 -0
  52. package/{radiogroup.7ptQiohb.js → radiogroup.oILRMrX-.js} +3 -3
  53. package/select.OGcreXnT.js +190 -0
  54. package/{spinner.CSzQEBx2.js → spinner.Diy_EeFY.js} +1 -1
  55. package/styles/scss/lib/_grid-extended.scss +2 -2
  56. package/styles/scss/lib/_grid-sidebar-sidebar.scss +2 -2
  57. package/styles/scss/lib/_grid-sidebar.scss +6 -6
  58. package/styles/scss/lib/_heading.scss +14 -1
  59. package/styles/scss/lib/_link.scss +9 -9
  60. package/styles/scss/lib/_text.scss +4 -0
  61. package/switch.BjoFKMQC.js +65 -0
  62. package/{systemfeedback.rBgdiL5T.js → systemfeedback.C7iXO5A1.js} +1 -1
  63. package/textarea.kc_Sfbgr.js +193 -0
  64. package/title.icX0VDiO.js +36 -0
  65. package/types/icon-types.d.ts +1 -1
  66. package/assets/CustomReactSelect.bVnR5yBP.css +0 -1
  67. package/assets/RadioGroup.SF2fv4CL.css +0 -1
  68. package/assets/asterisk.Bz7RZnKb.css +0 -1
  69. package/assets/button.C6ZbQtZ-.css +0 -1
  70. package/assets/buttonround.CjJUeMND.css +0 -1
  71. package/assets/checkbox.Bbc6PYDK.css +0 -1
  72. package/assets/fieldset.DTFs_koU.css +0 -1
  73. package/assets/heading.5HpYs7wS.css +0 -1
  74. package/assets/input.GpXQJqEO.css +0 -1
  75. package/assets/inputpassword.B9J1hCcj.css +0 -1
  76. package/assets/inputsearch.BY0BGFPK.css +0 -1
  77. package/assets/inputstepper.B0oC1URa.css +0 -1
  78. package/assets/link.Di4qXro5.css +0 -1
  79. package/assets/linkstandalone.239FeO2E.css +0 -1
  80. package/assets/radio.pqc9u_wx.css +0 -1
  81. package/assets/select.DLOQ6wu0.css +0 -1
  82. package/assets/switch.DVlaePGM.css +0 -1
  83. package/assets/textarea.BNOpd7Nf.css +0 -1
  84. package/assets/title.1dq1eWy9.css +0 -1
  85. package/asterisk.BlYjsfkN.js +0 -8
  86. package/button.Di5XtChf.js +0 -135
  87. package/buttonround._w4KDbHE.js +0 -118
  88. package/chunks/RadioGroup.module.B35YQcsb.js +0 -11
  89. package/customreactselect.DPHXAssl.js +0 -13
  90. package/fieldset.yE6WV6Ls.js +0 -98
  91. package/heading.C6k7Gakb.js +0 -44
  92. package/input.vP5xcwzV.js +0 -236
  93. package/inputpassword.BiQ8ORmn.js +0 -139
  94. package/inputsearch.BA9N3RRc.js +0 -188
  95. package/inputstepper.Cyxeg2Cj.js +0 -290
  96. package/link.BoSdsZHj.js +0 -115
  97. package/linkstandalone.BoN7nARO.js +0 -79
  98. package/radio.DTO5-Yzf.js +0 -79
  99. package/select.Dx80W7cW.js +0 -190
  100. package/switch.BwGtQdnx.js +0 -65
  101. package/textarea.C8tp1ciU.js +0 -193
  102. package/title.BT-uIobN.js +0 -36
@@ -1,50 +1,50 @@
1
1
  "use client";
2
2
  import { j as c } from "./chunks/jsx-runtime.C-kxDJ4g.js";
3
- import { c as r } from "./chunks/index.CvOaL64Y.js";
3
+ import { c as d } from "./chunks/index.CvOaL64Y.js";
4
4
  import { forwardRef as I, useRef as H, useState as M, useEffect as g, useCallback as B } from "react";
5
5
  import { u as E } from "./chunks/useBreakpoint.5xBNDiCf.js";
6
- import { DSIcon as b } from "./icon.CmAhxgHK.js";
7
- import { DSSystemFeedback as V } from "./systemfeedback.rBgdiL5T.js";
8
- import './assets/checkbox.Bbc6PYDK.css';const w = "_root_1upux_125", L = "_root--disabled_1upux_144", O = "_checkbox_1upux_148", P = "_icon-check_1upux_162", R = "_icon-minus_1upux_163", U = "_checkbox--invalid_1upux_184", q = "_label--hidden_1upux_189", z = "_input_1upux_202", A = "_label_1upux_189", F = "_feedback_1upux_316", e = {
6
+ import { DSIcon as b } from "./icon.PX9_1kNB.js";
7
+ import { DSSystemFeedback as V } from "./systemfeedback.C7iXO5A1.js";
8
+ import './assets/checkbox.BsFEWfQe.css';const w = "_root_10jm0_125", L = "_root--disabled_10jm0_144", O = "_checkbox_10jm0_148", P = "_icon-check_10jm0_162", R = "_icon-minus_10jm0_163", U = "_checkbox--invalid_10jm0_184", q = "_label--hidden_10jm0_189", z = "_input_10jm0_202", A = "_label_10jm0_189", F = "_feedback_10jm0_316", e = {
9
9
  root: w,
10
- "root--disabled": "_root--disabled_1upux_144",
10
+ "root--disabled": "_root--disabled_10jm0_144",
11
11
  rootDisabled: L,
12
12
  checkbox: O,
13
- "icon-check": "_icon-check_1upux_162",
13
+ "icon-check": "_icon-check_10jm0_162",
14
14
  iconCheck: P,
15
- "icon-minus": "_icon-minus_1upux_163",
15
+ "icon-minus": "_icon-minus_10jm0_163",
16
16
  iconMinus: R,
17
- "checkbox--invalid": "_checkbox--invalid_1upux_184",
17
+ "checkbox--invalid": "_checkbox--invalid_10jm0_184",
18
18
  checkboxInvalid: U,
19
- "label--hidden": "_label--hidden_1upux_189",
19
+ "label--hidden": "_label--hidden_10jm0_189",
20
20
  labelHidden: q,
21
21
  input: z,
22
22
  label: A,
23
23
  feedback: F
24
24
  }, G = I(
25
25
  ({
26
- label: d,
27
- checked: _,
26
+ label: _,
27
+ checked: m,
28
28
  className: k,
29
- defaultChecked: p = !1,
29
+ defaultChecked: f = !1,
30
30
  disabled: s = !1,
31
- hideLabel: m = !1,
31
+ hideLabel: x = !1,
32
32
  indeterminate: i = !1,
33
33
  invalid: l = !1,
34
- systemFeedback: x,
34
+ systemFeedback: h,
35
35
  onChange: t,
36
- ...f
36
+ ...j
37
37
  }, n) => {
38
- const a = H(null), [C, j] = M(p), N = E(m);
38
+ const a = H(null), [p, C] = M(f), N = E(x);
39
39
  g(() => {
40
40
  a && a.current && (a.current.indeterminate = i);
41
41
  }, [i]);
42
- const u = _ !== void 0, h = u ? _ : C, D = r(e.root, {
42
+ const r = m !== void 0, u = r ? m : p, D = d(e.root, {
43
43
  [e.rootDisabled]: s
44
- }), v = r(e.label, {
44
+ }), v = d(e.label, {
45
45
  // hide label only visually to keep them available for assistive technologies
46
46
  [e.labelHidden]: N
47
- }), S = r(e.checkbox, {
47
+ }), S = d(e.checkbox, {
48
48
  [e.checkboxInvalid]: l
49
49
  }), y = B(
50
50
  (o) => {
@@ -52,9 +52,9 @@ import './assets/checkbox.Bbc6PYDK.css';const w = "_root_1upux_125", L = "_root-
52
52
  o.preventDefault();
53
53
  return;
54
54
  }
55
- u || j(o.target.checked), t && t(o);
55
+ r || C(o.target.checked), t && t(o);
56
56
  },
57
- [s, u, t]
57
+ [s, r, t]
58
58
  );
59
59
  return /* @__PURE__ */ c.jsxs("div", { className: k, children: [
60
60
  /* @__PURE__ */ c.jsxs("label", { className: D, children: [
@@ -66,12 +66,12 @@ import './assets/checkbox.Bbc6PYDK.css';const w = "_root_1upux_125", L = "_root-
66
66
  ref: (o) => {
67
67
  typeof n == "function" ? n(o) : n !== null && (n.current = o), a.current = o;
68
68
  },
69
- ...f,
70
- checked: h,
69
+ ...j,
70
+ checked: u,
71
71
  disabled: s,
72
- "aria-label": d,
72
+ "aria-label": _,
73
73
  "aria-invalid": l,
74
- "aria-checked": i ? "mixed" : h,
74
+ "aria-checked": i ? "mixed" : u,
75
75
  onChange: y
76
76
  }
77
77
  ),
@@ -93,13 +93,13 @@ import './assets/checkbox.Bbc6PYDK.css';const w = "_root_1upux_125", L = "_root-
93
93
  }
94
94
  )
95
95
  ] }),
96
- /* @__PURE__ */ c.jsx("span", { className: v, children: d })
96
+ /* @__PURE__ */ c.jsx("span", { className: v, children: _ })
97
97
  ] }),
98
- l && x && /* @__PURE__ */ c.jsx(
98
+ l && h && /* @__PURE__ */ c.jsx(
99
99
  V,
100
100
  {
101
101
  className: e.feedback,
102
- message: x,
102
+ message: h,
103
103
  type: "invalid"
104
104
  }
105
105
  )
@@ -1,11 +1,11 @@
1
1
  "use client";
2
2
  import { j as u } from "./chunks/jsx-runtime.C-kxDJ4g.js";
3
3
  import { c as b } from "./chunks/index.CvOaL64Y.js";
4
- import { DSFieldset as f } from "./fieldset.yE6WV6Ls.js";
5
- import { s as p } from "./chunks/RadioGroup.module.B35YQcsb.js";
4
+ import { DSFieldset as f } from "./fieldset.DGcIKzDI.js";
5
+ import { s as p } from "./chunks/RadioGroup.module.bi3leRes.js";
6
6
  import l from "react";
7
7
  import { g as i } from "./chunks/helpers.B1JT5ShS.js";
8
- import { DSCheckbox as D } from "./checkbox.Bx5D_GAe.js";
8
+ import { DSCheckbox as D } from "./checkbox.C2Ga9yTK.js";
9
9
  const C = (o) => `The "${o}" prop is required. Please add the "${o}" prop to the DSCheckboxGroup component.`, S = ({
10
10
  children: o,
11
11
  description: e,