@stihl-design-system/components 1.0.0-RC.11 → 1.0.0-RC.13

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 (225) hide show
  1. package/README.md +1 -1
  2. package/{accordion.CEKQh-7i.js → accordion.Rvtiu8Y4.js} +3 -3
  3. package/arialiveregions.Cyycgs8g.js +27 -0
  4. package/assets/Accordion.i4k5SMQM.css +1 -0
  5. package/assets/CheckboxGroup.BH1Br1dg.css +1 -0
  6. package/assets/Chip.DSdLuzoi.css +1 -0
  7. package/assets/CustomReactSelect.vHt8qNKC.css +1 -0
  8. package/assets/Dialog.BgzebVk4.css +1 -0
  9. package/assets/Drawer.Bauwxrk7.css +1 -0
  10. package/assets/Fieldset.DOdTbb7C.css +1 -0
  11. package/assets/Icon.DxRSBRSL.css +1 -0
  12. package/assets/InputPassword.CG7Ugu73.css +1 -0
  13. package/assets/InputSearch.CseChMc-.css +1 -0
  14. package/assets/InputStepper.C0eAYr7P.css +1 -0
  15. package/assets/Notification.DbRapUJo.css +1 -0
  16. package/assets/RadioGroup.BfMo157q.css +1 -0
  17. package/assets/Select.D4EXgIbz.css +1 -0
  18. package/assets/Textarea.KJGPTYMz.css +1 -0
  19. package/assets/Toast.CuafTAf7.css +1 -0
  20. package/assets/arialiveregions.DhsijBaL.css +1 -0
  21. package/assets/asterisk.BfVAUBO7.css +1 -0
  22. package/assets/button.DF4RBeC2.css +1 -0
  23. package/assets/buttonround.19uK_-oO.css +1 -0
  24. package/assets/checkbox.ByOoFouu.css +1 -0
  25. package/assets/chipgroup.BzfZLbkv.css +1 -0
  26. package/assets/flag.B-RLcMcf.css +1 -0
  27. package/assets/floatingactionbutton.E9HekT6S.css +1 -0
  28. package/assets/heading.u4f8Mz94.css +1 -0
  29. package/assets/input.BAkFKPW3.css +1 -0
  30. package/assets/link.DDJj0D1U.css +1 -0
  31. package/assets/linkstandalone.DIazcjIv.css +1 -0
  32. package/assets/logo.CnW8alZU.css +1 -0
  33. package/assets/optioncheckbox.BZaWtRD7.css +1 -0
  34. package/assets/radio.X-RTl_jo.css +1 -0
  35. package/assets/skiptocontent.PTL3256m.css +1 -0
  36. package/assets/spinner.2iWJWKyA.css +1 -0
  37. package/assets/switch.gw6aa3kx.css +1 -0
  38. package/assets/systemfeedback.BPz5YlPC.css +1 -0
  39. package/assets/text.DjTG_qNb.css +1 -0
  40. package/assets/title.rosWPEG3.css +1 -0
  41. package/asterisk.DpzETKdT.js +8 -0
  42. package/button.M4nXjcUn.js +135 -0
  43. package/buttonround.E56F_805.js +118 -0
  44. package/checkbox.Cb2_ey6U.js +111 -0
  45. package/{checkboxgroup.BqD5IV51.js → checkboxgroup.DBDmB-zR.js} +2 -2
  46. package/{chip.B92ew-hk.js → chip.C_1tGqvZ.js} +2 -2
  47. package/chipgroup.BvTj1ziW.js +174 -0
  48. package/chunks/Accordion.CB6jB3s_.js +125 -0
  49. package/chunks/{CheckboxGroup.M3jOjhNf.js → CheckboxGroup.S6i5EOc4.js} +40 -40
  50. package/chunks/{Chip.fMG8wi5K.js → Chip.CMlPUyOJ.js} +15 -15
  51. package/chunks/{CustomReactSelect.D3jv5-fa.js → CustomReactSelect.CQ1uexBH.js} +1321 -1321
  52. package/chunks/Dialog.CudsqNag.js +148 -0
  53. package/chunks/Drawer.ueG2Bzr9.js +154 -0
  54. package/chunks/{Fieldset.C9K8BYmH.js → Fieldset.Cjmkgxxk.js} +32 -32
  55. package/chunks/{Icon.C2o2seDb.js → Icon.BCmt_XBG.js} +45 -45
  56. package/chunks/InputPassword.CNLbBFjx.js +143 -0
  57. package/chunks/InputSearch.CHA6mkX_.js +192 -0
  58. package/chunks/InputStepper.xmWGU9pU.js +294 -0
  59. package/chunks/Notification.nx5vTamN.js +92 -0
  60. package/chunks/RadioGroup.Crj7NoOs.js +137 -0
  61. package/chunks/Select.E6gLFYLk.js +194 -0
  62. package/chunks/Textarea.DUBSOpNL.js +198 -0
  63. package/chunks/Toast.DyEi2GEP.js +89 -0
  64. package/{combobox.BeTnbG1m.js → combobox.CzBpi97e.js} +1 -1
  65. package/components/Combobox/Combobox.d.ts +1 -1
  66. package/components/{CustomReactSelect → Combobox/CustomReactSelect}/CustomReactSelect.d.ts +2 -2
  67. package/components/{CustomReactSelect → Combobox/CustomReactSelect}/CustomReactSelect.utils.d.ts +1 -1
  68. package/components/Notification/Notification.d.ts +2 -6
  69. package/components/Radio/Radio.d.ts +1 -1
  70. package/customreactselect.d.ts +1 -1
  71. package/customreactselect.qf7CIeFs.js +13 -0
  72. package/{dialog.lGwNQU91.js → dialog.DYlBUsOD.js} +2 -2
  73. package/{drawer.DNi5m8wP.js → drawer.CvhbP1ra.js} +2 -2
  74. package/fieldset.CtUGEdLv.js +11 -0
  75. package/flag.BKpsdB_-.js +43 -0
  76. package/floatingactionbutton.D5L0B7zI.js +87 -0
  77. package/heading.IPIYc5vW.js +50 -0
  78. package/{icon.BoMgOmC1.js → icon.Ck0BpI34.js} +1 -1
  79. package/index.es.js +34 -34
  80. package/input.BEnCFNM-.js +239 -0
  81. package/{inputpassword.CSjh1GU7.js → inputpassword.B-D_jB9w.js} +4 -4
  82. package/{inputsearch.DyznOWLK.js → inputsearch.CaSpklR1.js} +4 -4
  83. package/{inputstepper.3BLb7s0P.js → inputstepper.C7KD1-0S.js} +4 -4
  84. package/link.DREJAoPG.js +116 -0
  85. package/linkstandalone.BBoEniZ_.js +79 -0
  86. package/logo.Hul8qCFo.js +65 -0
  87. package/{notification.0kX1GMaB.js → notification.6M0OdGXK.js} +3 -3
  88. package/optioncheckbox.BRUTnQnJ.js +43 -0
  89. package/optioncheckbox.d.ts +1 -1
  90. package/package.json +8 -6
  91. package/partials/index.js +1 -1
  92. package/radio.DEILy_lV.js +114 -0
  93. package/{radiogroup.SYkZm2DG.js → radiogroup.DeU-HdlP.js} +3 -3
  94. package/{select.CYbwR3RW.js → select.BYraFJzz.js} +4 -4
  95. package/skiptocontent.BxvpIB7H.js +45 -0
  96. package/spinner.Bq97Og-6.js +58 -0
  97. package/styles/scss/ds/index.scss +19 -0
  98. package/styles/scss/ds/lib/animation.scss +21 -0
  99. package/styles/scss/ds/lib/breakpoints.scss +15 -0
  100. package/styles/scss/ds/lib/container-query.scss +54 -0
  101. package/styles/scss/ds/lib/ds-internal/_a11y.scss +15 -0
  102. package/styles/scss/{lib → ds/lib/ds-internal}/_focus.scss +13 -15
  103. package/styles/scss/ds/lib/ds-internal/_heading.scss +37 -0
  104. package/styles/scss/ds/lib/ds-internal/_helpers.scss +32 -0
  105. package/styles/scss/ds/lib/ds-internal/_high-contrast.scss +6 -0
  106. package/styles/scss/ds/lib/ds-internal/_hover.scss +6 -0
  107. package/styles/scss/ds/lib/ds-internal/_index.scss +9 -0
  108. package/styles/scss/ds/lib/ds-internal/_link.scss +62 -0
  109. package/styles/scss/ds/lib/ds-internal/_spacing-dynamic.scss +53 -0
  110. package/styles/scss/ds/lib/ds-internal/_text.scss +30 -0
  111. package/styles/scss/ds/lib/grid-extended.scss +11 -0
  112. package/styles/scss/ds/lib/grid-full.scss +6 -0
  113. package/styles/scss/ds/lib/grid-main.scss +119 -0
  114. package/styles/scss/ds/lib/grid-narrow.scss +14 -0
  115. package/styles/scss/ds/lib/grid-sidebar-sidebar.scss +52 -0
  116. package/styles/scss/{lib/_grid-sidebar.scss → ds/lib/grid-sidebar.scss} +23 -32
  117. package/styles/scss/{lib/_grid.scss → ds/lib/grid.scss} +15 -17
  118. package/styles/scss/ds/lib/heading.scss +75 -0
  119. package/styles/scss/ds/lib/link.scss +74 -0
  120. package/styles/scss/ds/lib/media-query.scss +32 -0
  121. package/styles/scss/{lib/_shadow.scss → ds/lib/shadow.scss} +2 -2
  122. package/styles/scss/ds/lib/spacing-dynamic.scss +7 -0
  123. package/styles/scss/ds/lib/spacing.scss +20 -0
  124. package/styles/scss/ds/lib/text.scss +83 -0
  125. package/styles/scss/ds/lib/theme.scss +162 -0
  126. package/styles/scss/ds/lib/transition.scss +36 -0
  127. package/switch.DI8YYa5G.js +65 -0
  128. package/{systemfeedback.ZzRUAVYX.js → systemfeedback.C3Pfxxpp.js} +6 -6
  129. package/text.DThvTwm8.js +57 -0
  130. package/{textarea.DJc527nX.js → textarea.CBvH0ljM.js} +3 -3
  131. package/title.DqzdB2Gq.js +36 -0
  132. package/{toast.D48GFmp0.js → toast.n1QUINSA.js} +3 -3
  133. package/{toastmanager.Dl8-Q3ED.js → toastmanager.B7EZ4JSI.js} +1 -1
  134. package/arialiveregions.BKpxxK7O.js +0 -27
  135. package/assets/Accordion.DMEFgtQm.css +0 -1
  136. package/assets/CheckboxGroup.Bz3_xkZU.css +0 -1
  137. package/assets/Chip.D10_7Q82.css +0 -1
  138. package/assets/CustomReactSelect.D5XKd9vg.css +0 -1
  139. package/assets/Dialog.B0pucIEI.css +0 -1
  140. package/assets/Drawer.CATBzfY7.css +0 -1
  141. package/assets/Fieldset.CwDhKRUL.css +0 -1
  142. package/assets/Icon.Duy_0R8w.css +0 -1
  143. package/assets/InputPassword.DOAAzj-O.css +0 -1
  144. package/assets/InputSearch.CxPYaQGZ.css +0 -1
  145. package/assets/InputStepper.CYYJUu0b.css +0 -1
  146. package/assets/Notification.mhVFeSGm.css +0 -1
  147. package/assets/Select.DZKpHV4G.css +0 -1
  148. package/assets/Textarea.Cp0b7oZp.css +0 -1
  149. package/assets/Toast.Cz6wYaBv.css +0 -1
  150. package/assets/arialiveregions.GsGx2USO.css +0 -1
  151. package/assets/asterisk.DlJ4YtSZ.css +0 -1
  152. package/assets/button.C9_ejpGG.css +0 -1
  153. package/assets/buttonround.DTCqRP-0.css +0 -1
  154. package/assets/checkbox.K4CVYK9g.css +0 -1
  155. package/assets/chipgroup.BMovtKTy.css +0 -1
  156. package/assets/flag.DX_lH1v7.css +0 -1
  157. package/assets/floatingactionbutton.Do-yEH6c.css +0 -1
  158. package/assets/heading.6bER-Eac.css +0 -1
  159. package/assets/input.Q5oKkmW2.css +0 -1
  160. package/assets/link.DhZqkLMP.css +0 -1
  161. package/assets/linkstandalone.Dwz-_O8q.css +0 -1
  162. package/assets/logo.pETQEsvZ.css +0 -1
  163. package/assets/optioncheckbox.C62HtIj5.css +0 -1
  164. package/assets/radio.-Xxx5wL4.css +0 -1
  165. package/assets/skiptocontent.CHcqLS7S.css +0 -1
  166. package/assets/spinner.D_Nnf1ZG.css +0 -1
  167. package/assets/switch.C1Ei0-z8.css +0 -1
  168. package/assets/systemfeedback.Sq0bAIyf.css +0 -1
  169. package/assets/text.DxKFcfY6.css +0 -1
  170. package/assets/title.f74Bosn-.css +0 -1
  171. package/asterisk.DDn-yX4P.js +0 -8
  172. package/button.C5opEJ6x.js +0 -135
  173. package/buttonround.CUoqRyy0.js +0 -118
  174. package/checkbox.DETR3e3X.js +0 -112
  175. package/chipgroup.BJrqEfvr.js +0 -175
  176. package/chunks/Accordion.DFwFN8mX.js +0 -125
  177. package/chunks/Dialog.Fwr6vLiK.js +0 -148
  178. package/chunks/Drawer.CKoYzQHd.js +0 -154
  179. package/chunks/InputPassword.C7pNeWGx.js +0 -143
  180. package/chunks/InputSearch.B24rcIJ_.js +0 -192
  181. package/chunks/InputStepper.CEW-bieQ.js +0 -294
  182. package/chunks/Notification.BXVN7_Fs.js +0 -93
  183. package/chunks/RadioGroup.D4UOflwr.js +0 -137
  184. package/chunks/Select.Ds86q4UC.js +0 -194
  185. package/chunks/Textarea.DcB8hKnO.js +0 -198
  186. package/chunks/Toast.DrzxdzVW.js +0 -89
  187. package/customreactselect.lYJhIeyx.js +0 -13
  188. package/fieldset.BqiAjeax.js +0 -11
  189. package/flag.XJHHSP38.js +0 -43
  190. package/floatingactionbutton.CMpkTdhX.js +0 -87
  191. package/heading.CAkraI2D.js +0 -50
  192. package/input.v7qB7wPJ.js +0 -239
  193. package/link.Clk5_BYp.js +0 -116
  194. package/linkstandalone.BXERmqdN.js +0 -80
  195. package/logo.CEO6OV7u.js +0 -65
  196. package/optioncheckbox.BPN3f6l_.js +0 -43
  197. package/radio.DTZNJzMU.js +0 -115
  198. package/skiptocontent.DUQWopO4.js +0 -46
  199. package/spinner.D-xrotcu.js +0 -58
  200. package/styles/scss/_index.scss +0 -24
  201. package/styles/scss/lib/_a11y.scss +0 -15
  202. package/styles/scss/lib/_animation.scss +0 -21
  203. package/styles/scss/lib/_breakpoints.scss +0 -15
  204. package/styles/scss/lib/_container-query.scss +0 -58
  205. package/styles/scss/lib/_grid-extended.scss +0 -11
  206. package/styles/scss/lib/_grid-full.scss +0 -6
  207. package/styles/scss/lib/_grid-main.scss +0 -117
  208. package/styles/scss/lib/_grid-narrow.scss +0 -16
  209. package/styles/scss/lib/_grid-sidebar-sidebar.scss +0 -50
  210. package/styles/scss/lib/_heading.scss +0 -107
  211. package/styles/scss/lib/_helpers.scss +0 -15
  212. package/styles/scss/lib/_high-contrast.scss +0 -24
  213. package/styles/scss/lib/_hover.scss +0 -10
  214. package/styles/scss/lib/_link.scss +0 -129
  215. package/styles/scss/lib/_media-query.scss +0 -32
  216. package/styles/scss/lib/_spacing-dynamic.scss +0 -61
  217. package/styles/scss/lib/_spacing.scss +0 -32
  218. package/styles/scss/lib/_text.scss +0 -110
  219. package/styles/scss/lib/_theme.scss +0 -162
  220. package/styles/scss/lib/_transition.scss +0 -45
  221. package/switch.CoNnIhM4.js +0 -65
  222. package/text.fMcHzVbH.js +0 -57
  223. package/title.LY1ylQsb.js +0 -36
  224. /package/components/{CustomReactSelect → Combobox/CustomReactSelect}/CustomReactSelect.utils.test.d.ts +0 -0
  225. /package/components/{CustomReactSelect → Combobox/CustomReactSelect}/OptionCheckbox.d.ts +0 -0
@@ -1,87 +0,0 @@
1
- "use client";
2
- import { j as t } from "./chunks/jsx-runtime.C115EyI4.js";
3
- import { c as r } from "./chunks/index.CvOaL64Y.js";
4
- import { D as k } from "./chunks/Icon.C2o2seDb.js";
5
- import { DSSpinner as D } from "./spinner.D-xrotcu.js";
6
- import './assets/floatingactionbutton.Do-yEH6c.css';const x = "_root_5j76p_76", S = "_root--dark_5j76p_147", H = "_root--small_5j76p_187", y = "_loader_5j76p_208", N = "_icon--hidden_5j76p_220", C = "_label--hidden_5j76p_224", o = {
7
- root: x,
8
- "root--dark": "_root--dark_5j76p_147",
9
- rootDark: S,
10
- "root--small": "_root--small_5j76p_187",
11
- rootSmall: H,
12
- loader: y,
13
- "icon--hidden": "_icon--hidden_5j76p_220",
14
- iconHidden: N,
15
- "label--hidden": "_label--hidden_5j76p_224",
16
- labelHidden: C
17
- }, E = ({
18
- aria: c,
19
- children: _,
20
- className: m,
21
- dataTrackingid: p,
22
- disabled: l = !1,
23
- iconName: s = "placeholder",
24
- iconSource: e,
25
- loading: a = !1,
26
- size: j = "medium",
27
- theme: n = "light",
28
- onClick: i,
29
- ...b
30
- }) => {
31
- const u = r(
32
- o.root,
33
- o.rootIconOnlySmall,
34
- m,
35
- {
36
- // dark theme
37
- [o.rootDark]: n === "dark",
38
- // size
39
- [o.rootSmall]: j === "small"
40
- }
41
- ), h = r(o.icon, {
42
- // set icon opacity to 0 when loading to prevent button size from changing
43
- [o.iconHidden]: a
44
- }), f = (d) => {
45
- if (l || a) {
46
- d.preventDefault();
47
- return;
48
- }
49
- i && i(d);
50
- };
51
- return /* @__PURE__ */ t.jsxs(
52
- "button",
53
- {
54
- className: u,
55
- "data-trackingid": p,
56
- type: "button",
57
- onClick: f,
58
- ...c,
59
- ...b,
60
- "aria-disabled": l || a,
61
- "aria-busy": a,
62
- children: [
63
- a && /* @__PURE__ */ t.jsx(
64
- D,
65
- {
66
- className: o.loader,
67
- aria: { "aria-label": "Loading state" }
68
- }
69
- ),
70
- /* @__PURE__ */ t.jsx("span", { className: r(o.label, o.labelHidden), children: _ }),
71
- (s || e) && /* @__PURE__ */ t.jsx(
72
- k,
73
- {
74
- name: s,
75
- theme: n,
76
- source: e,
77
- className: h,
78
- "aria-hidden": "true"
79
- }
80
- )
81
- ]
82
- }
83
- );
84
- };
85
- export {
86
- E as DSFloatingActionButton
87
- };
@@ -1,50 +0,0 @@
1
- "use client";
2
- import { j as l } from "./chunks/jsx-runtime.C115EyI4.js";
3
- import { c } from "./chunks/index.CvOaL64Y.js";
4
- import './assets/heading.6bER-Eac.css';const u = "_root_11ho3_76", g = "_root--x-large_11ho3_79", h = "_root--x-large-uppercase_11ho3_95", d = "_root--large_11ho3_112", n = "_root--large-uppercase_11ho3_128", i = "_root--medium_11ho3_145", x = "_root--medium-uppercase_11ho3_155", L = "_root--small_11ho3_166", U = "_root--small-uppercase_11ho3_176", k = "_root--theme-dark_11ho3_187", o = {
5
- root: u,
6
- "root--x-large": "_root--x-large_11ho3_79",
7
- rootXLarge: g,
8
- "root--x-large-uppercase": "_root--x-large-uppercase_11ho3_95",
9
- rootXLargeUppercase: h,
10
- "root--large": "_root--large_11ho3_112",
11
- rootLarge: d,
12
- "root--large-uppercase": "_root--large-uppercase_11ho3_128",
13
- rootLargeUppercase: n,
14
- "root--medium": "_root--medium_11ho3_145",
15
- rootMedium: i,
16
- "root--medium-uppercase": "_root--medium-uppercase_11ho3_155",
17
- rootMediumUppercase: x,
18
- "root--small": "_root--small_11ho3_166",
19
- rootSmall: L,
20
- "root--small-uppercase": "_root--small-uppercase_11ho3_176",
21
- rootSmallUppercase: U,
22
- "root--theme-dark": "_root--theme-dark_11ho3_187",
23
- rootThemeDark: k
24
- }, X = ({
25
- children: e,
26
- className: a,
27
- size: r = "medium",
28
- tag: t = "h2",
29
- // default tag because of SEO reasons (h1 should be used only once per page)
30
- theme: p = "light",
31
- ...s
32
- }) => {
33
- const _ = t, m = c(o.root, a, {
34
- // sizes
35
- [o.rootXLarge]: r === "x-large",
36
- [o.rootXLargeUppercase]: r === "x-large-uppercase",
37
- [o.rootLarge]: r === "large",
38
- [o.rootLargeUppercase]: r === "large-uppercase",
39
- [o.rootMedium]: r == "medium",
40
- [o.rootMediumUppercase]: r == "medium-uppercase",
41
- [o.rootSmall]: r == "small",
42
- [o.rootSmallUppercase]: r == "small-uppercase",
43
- // dark theme
44
- [o.rootThemeDark]: p === "dark"
45
- });
46
- return /* @__PURE__ */ l.jsx(_, { className: m, ...s, children: e });
47
- };
48
- export {
49
- X as DSHeading
50
- };
package/input.v7qB7wPJ.js DELETED
@@ -1,239 +0,0 @@
1
- "use client";
2
- import { j as s } from "./chunks/jsx-runtime.C115EyI4.js";
3
- import { c as l } from "./chunks/index.CvOaL64Y.js";
4
- import { useState as h, useRef as D, useEffect as ta } from "react";
5
- import { u as ia } from "./chunks/useBreakpoint.5xBNDiCf.js";
6
- import { v as ea, b as la, M as oa, a as ca, u as B, s as da, c as pa, i as k } from "./chunks/Input.utils.ChV6RJsh.js";
7
- import { Asterisk as _a } from "./asterisk.DDn-yX4P.js";
8
- import { DSButton as E } from "./button.C5opEJ6x.js";
9
- import { D as ua } from "./chunks/Icon.C2o2seDb.js";
10
- import { DSSystemFeedback as fa } from "./systemfeedback.ZzRUAVYX.js";
11
- import './assets/input.Q5oKkmW2.css';const ra = "_input_7spwh_226", ha = "_input--invalid_7spwh_343", ma = "_input--small_7spwh_350", ba = "_input--has-leading-icon_7spwh_404", wa = "_input--has-action-button_7spwh_407", xa = "_input--has-second-action-button_7spwh_410", ga = "_input--has-affix_7spwh_422", Ia = "_input--is-ready_7spwh_436", Sa = "_root_7spwh_443", ya = "_hint_7spwh_451", Ha = "_label_7spwh_451", Da = "_wrapper_7spwh_455", ka = "_affix_7spwh_461", va = "_affix--small_7spwh_483", Ca = "_affix--disabled_7spwh_497", Ra = "_prefix_7spwh_505", ja = "_affix--readonly_7spwh_508", La = "_suffix_7spwh_518", Aa = "_leading-icon_7spwh_525", Na = "_leading-icon--small_7spwh_537", Ba = "_leading-icon--disabled_7spwh_540", Ea = "_action-button_7spwh_549", Ta = "_label--hidden_7spwh_568", Fa = "_label--disabled_7spwh_581", Pa = "_feedback_7spwh_602", a = {
12
- input: ra,
13
- "input--invalid": "_input--invalid_7spwh_343",
14
- inputInvalid: ha,
15
- "input--small": "_input--small_7spwh_350",
16
- inputSmall: ma,
17
- "input--has-leading-icon": "_input--has-leading-icon_7spwh_404",
18
- inputHasLeadingIcon: ba,
19
- "input--has-action-button": "_input--has-action-button_7spwh_407",
20
- inputHasActionButton: wa,
21
- "input--has-second-action-button": "_input--has-second-action-button_7spwh_410",
22
- inputHasSecondActionButton: xa,
23
- "input--has-affix": "_input--has-affix_7spwh_422",
24
- inputHasAffix: ga,
25
- "input--is-ready": "_input--is-ready_7spwh_436",
26
- inputIsReady: Ia,
27
- root: Sa,
28
- hint: ya,
29
- label: Ha,
30
- wrapper: Da,
31
- affix: ka,
32
- "affix--small": "_affix--small_7spwh_483",
33
- affixSmall: va,
34
- "affix--disabled": "_affix--disabled_7spwh_497",
35
- affixDisabled: Ca,
36
- prefix: Ra,
37
- "affix--readonly": "_affix--readonly_7spwh_508",
38
- affixReadonly: ja,
39
- suffix: La,
40
- "leading-icon": "_leading-icon_7spwh_525",
41
- leadingIcon: Aa,
42
- "leading-icon--small": "_leading-icon--small_7spwh_537",
43
- leadingIconSmall: Na,
44
- "leading-icon--disabled": "_leading-icon--disabled_7spwh_540",
45
- leadingIconDisabled: Ba,
46
- "action-button": "_action-button_7spwh_549",
47
- actionButton: Ea,
48
- "label--hidden": "_label--hidden_7spwh_568",
49
- labelHidden: Ta,
50
- "label--disabled": "_label--disabled_7spwh_581",
51
- labelDisabled: Fa,
52
- feedback: Pa
53
- }, Ka = ({
54
- id: d,
55
- label: v,
56
- actionButtonLabel: T,
57
- actionButtonIconName: _,
58
- actionButtonIconSource: m,
59
- actionButtonOnClick: F,
60
- className: P,
61
- disabled: n = !1,
62
- hint: b,
63
- hideLabel: O = !1,
64
- invalid: u = !1,
65
- leadingIconName: f,
66
- leadingIconSource: r,
67
- prefix: i,
68
- readonly: p = !1,
69
- required: C = !1,
70
- size: e = "medium",
71
- suffix: t,
72
- systemFeedback: w,
73
- type: o = "text",
74
- ...$
75
- }) => {
76
- process.env.NODE_ENV !== "production" && (ea({
77
- id: d,
78
- label: v,
79
- prefix: i,
80
- suffix: t,
81
- leadingIconName: f,
82
- leadingIconSource: r,
83
- actionButtonIconName: _,
84
- actionButtonIconSource: m
85
- }), la(o));
86
- const [W, X] = h(!1), [M, V] = h(!1), [x, G] = h(!1), [U, J] = h({}), g = D(null), K = i == null ? void 0 : i.substring(0, oa), I = D(null), Q = t == null ? void 0 : t.substring(0, ca), S = D(null), Y = ia(O);
87
- B(() => {
88
- const c = e === "medium" ? 16 : 8, y = {};
89
- if (I.current) {
90
- const H = I.current.offsetWidth;
91
- y.paddingInlineStart = c + H + "px";
92
- }
93
- if (S.current) {
94
- const H = S.current.offsetWidth;
95
- y.paddingInlineEnd = c + H + "px";
96
- }
97
- J(y), X(!0);
98
- }, [i, t, e, M]), B(() => {
99
- (async () => {
100
- "fonts" in document && (await document.fonts.load(
101
- '1em "STIHL Contraface Digital Text Regular"'
102
- ), V(!0));
103
- })();
104
- }, []), ta(() => {
105
- const c = da(
106
- k(o),
107
- pa(o)
108
- );
109
- G(c);
110
- }, [o]);
111
- const R = l(a.affix, {
112
- [a.affixSmall]: e === "small",
113
- [a.affixDisabled]: n,
114
- [a.affixReadonly]: p
115
- }), j = `${d}-label`, L = `${d}-feedback`, A = `${d}-hint`, Z = b ? ` ${A}` : "", q = l(a.root, P), z = l(a.input, {
116
- // small input
117
- [a.inputSmall]: e === "small",
118
- // invalid state
119
- [a.inputInvalid]: u,
120
- // leading icon
121
- [a.inputHasLeadingIcon]: f || r,
122
- // prefix/suffix
123
- [a.inputHasAffix]: i || t,
124
- // action button
125
- [a.inputHasActionButton]: _ || m || x,
126
- [a.inputIsReady]: W
127
- }), aa = l(a.label, {
128
- // hide label only visually to keep them available for assistive technologies
129
- [a.labelHidden]: Y,
130
- [a.labelDisabled]: n
131
- }), sa = l(a.leadingIcon, {
132
- [a.leadingIconSmall]: e === "small",
133
- [a.leadingIconDisabled]: n
134
- }), N = l(a.actionButton, {
135
- [a.actionButtonSmall]: e === "small"
136
- }), na = (c) => {
137
- g.current && !n && !p && g.current.showPicker(), c.preventDefault();
138
- };
139
- return /* @__PURE__ */ s.jsxs("div", { className: q, children: [
140
- /* @__PURE__ */ s.jsxs("label", { className: aa, id: j, htmlFor: d, children: [
141
- v,
142
- C && /* @__PURE__ */ s.jsx(_a, {})
143
- ] }),
144
- b && /* @__PURE__ */ s.jsx("div", { className: a.hint, id: A, children: b }),
145
- u && w && /* @__PURE__ */ s.jsx(
146
- fa,
147
- {
148
- className: a.feedback,
149
- message: w,
150
- type: "invalid",
151
- id: L
152
- }
153
- ),
154
- /* @__PURE__ */ s.jsxs("div", { className: a.wrapper, children: [
155
- i && /* @__PURE__ */ s.jsx(
156
- "span",
157
- {
158
- className: l(R, a.prefix),
159
- ref: I,
160
- "aria-disabled": n,
161
- children: K
162
- }
163
- ),
164
- !i && (f || r) && /* @__PURE__ */ s.jsx(
165
- ua,
166
- {
167
- name: f,
168
- theme: "light",
169
- source: r,
170
- className: sa,
171
- "aria-hidden": "true"
172
- }
173
- ),
174
- /* @__PURE__ */ s.jsx(
175
- "input",
176
- {
177
- type: o,
178
- className: z,
179
- id: d,
180
- ref: g,
181
- ...$,
182
- style: U,
183
- "aria-labelledby": `${j}${Z}`,
184
- "aria-describedby": u && w ? L : void 0,
185
- "aria-invalid": u,
186
- "aria-disabled": p,
187
- readOnly: p,
188
- required: C,
189
- disabled: n
190
- }
191
- ),
192
- t && /* @__PURE__ */ s.jsx(
193
- "span",
194
- {
195
- className: l(R, a.suffix),
196
- ref: S,
197
- "aria-disabled": n,
198
- children: Q
199
- }
200
- ),
201
- !t && !x && (_ || m) && /* @__PURE__ */ s.jsx(
202
- E,
203
- {
204
- hideLabel: !0,
205
- theme: "light",
206
- iconName: _,
207
- variant: "ghost",
208
- className: N,
209
- size: e,
210
- onClick: F,
211
- type: "button",
212
- disabled: n || p,
213
- children: T
214
- }
215
- ),
216
- !t && x && !p && !n && /* @__PURE__ */ s.jsxs(
217
- E,
218
- {
219
- hideLabel: !0,
220
- theme: "light",
221
- iconName: k(o) ? "calendar" : "clock",
222
- variant: "ghost",
223
- className: N,
224
- size: e,
225
- onClick: na,
226
- type: "button",
227
- children: [
228
- "Open ",
229
- k(o) ? "date" : "time",
230
- " picker"
231
- ]
232
- }
233
- )
234
- ] })
235
- ] });
236
- };
237
- export {
238
- Ka as DSInput
239
- };
package/link.Clk5_BYp.js DELETED
@@ -1,116 +0,0 @@
1
- "use client";
2
- import { j as i } from "./chunks/jsx-runtime.C115EyI4.js";
3
- import { c as g } from "./chunks/index.CvOaL64Y.js";
4
- import { u as h } from "./chunks/useBreakpoint.5xBNDiCf.js";
5
- import "react";
6
- import { D as H } from "./chunks/Icon.C2o2seDb.js";
7
- import './assets/link.DhZqkLMP.css';const S = "_root_18w5p_151", x = "_root--highlight_18w5p_228", b = "_root--dark-highlight_18w5p_228", j = "_root--filled_18w5p_306", L = "_root--outline_18w5p_334", C = "_root--ghost_18w5p_361", N = "_root--ghost-flush_18w5p_386", T = "_root--small_18w5p_392", B = "_root--dark-filled_18w5p_474", E = "_root--dark-outline_18w5p_533", R = "_root--dark-ghost_18w5p_591", V = "_root--dark-ghost-flush_18w5p_647", q = "_root--icon-left_18w5p_711", A = "_root--icon-only_18w5p_727", J = "_root--icon-only-small_18w5p_736", K = "_label--hidden_18w5p_747", o = {
8
- root: S,
9
- "root--highlight": "_root--highlight_18w5p_228",
10
- rootHighlight: x,
11
- "root--dark-highlight": "_root--dark-highlight_18w5p_228",
12
- rootDarkHighlight: b,
13
- "root--filled": "_root--filled_18w5p_306",
14
- rootFilled: j,
15
- "root--outline": "_root--outline_18w5p_334",
16
- rootOutline: L,
17
- "root--ghost": "_root--ghost_18w5p_361",
18
- rootGhost: C,
19
- "root--ghost-flush": "_root--ghost-flush_18w5p_386",
20
- rootGhostFlush: N,
21
- "root--small": "_root--small_18w5p_392",
22
- rootSmall: T,
23
- "root--dark-filled": "_root--dark-filled_18w5p_474",
24
- rootDarkFilled: B,
25
- "root--dark-outline": "_root--dark-outline_18w5p_533",
26
- rootDarkOutline: E,
27
- "root--dark-ghost": "_root--dark-ghost_18w5p_591",
28
- rootDarkGhost: R,
29
- "root--dark-ghost-flush": "_root--dark-ghost-flush_18w5p_647",
30
- rootDarkGhostFlush: V,
31
- "root--icon-left": "_root--icon-left_18w5p_711",
32
- rootIconLeft: q,
33
- "root--icon-only": "_root--icon-only_18w5p_727",
34
- rootIconOnly: A,
35
- "root--icon-only-small": "_root--icon-only-small_18w5p_736",
36
- rootIconOnlySmall: J,
37
- "label--hidden": "_label--hidden_18w5p_747",
38
- labelHidden: K
39
- }, X = ({
40
- children: c,
41
- aria: k,
42
- className: p,
43
- dataTrackingid: u,
44
- download: w,
45
- hideLabel: s = !1,
46
- href: n,
47
- iconName: a,
48
- iconPosition: f = "left",
49
- iconSource: e,
50
- isFlush: r = !1,
51
- referrerPolicy: m,
52
- rel: D,
53
- size: _ = "medium",
54
- target: y = "_self",
55
- theme: l = "light",
56
- variant: t = "filled",
57
- ...G
58
- }) => {
59
- const O = g(o.root, p, {
60
- // variant
61
- [o.rootFilled]: t === "filled",
62
- [o.rootHighlight]: t === "highlight",
63
- [o.rootOutline]: t === "outline",
64
- [o.rootGhost]: t === "ghost" && r !== !0,
65
- // isFlush
66
- [o.rootGhostFlush]: t === "ghost" && r === !0,
67
- // dark theme
68
- [o.rootDarkFilled]: l === "dark" && t === "filled",
69
- [o.rootDarkHighlight]: l === "dark" && t === "highlight",
70
- [o.rootDarkOutline]: l === "dark" && t === "outline",
71
- [o.rootDarkGhost]: l === "dark" && t === "ghost" && r !== !0,
72
- // dark isFlush
73
- [o.rootDarkGhostFlush]: l === "dark" && t === "ghost" && r === !0,
74
- // size
75
- [o.rootSmall]: _ === "small",
76
- // icon position
77
- [o.rootIconLeft]: f === "left",
78
- // icon only
79
- [o.rootIconOnly]: h(s) && _ === "medium",
80
- [o.rootIconOnlySmall]: h(s) && _ === "small"
81
- }), I = g({
82
- // hide label only visually to keep them available for assistive technologies
83
- [o.labelHidden]: h(s)
84
- }), F = l === "light" && t === "filled" || l === "dark" && t === "outline" || l === "dark" && t === "ghost" ? "dark" : "light", d = n === void 0 ? "span" : "a";
85
- return /* @__PURE__ */ i.jsxs(
86
- d,
87
- {
88
- className: O,
89
- "data-trackingid": u,
90
- ...d === "a" && {
91
- href: n,
92
- target: y,
93
- rel: D,
94
- referrerPolicy: m,
95
- download: w
96
- },
97
- ...k,
98
- ...G,
99
- children: [
100
- /* @__PURE__ */ i.jsx("span", { className: I, children: c }),
101
- (a || e) && /* @__PURE__ */ i.jsx(
102
- H,
103
- {
104
- name: a,
105
- theme: F,
106
- source: e,
107
- "aria-hidden": "true"
108
- }
109
- )
110
- ]
111
- }
112
- );
113
- };
114
- export {
115
- X as DSLink
116
- };
@@ -1,80 +0,0 @@
1
- "use client";
2
- import { j as t } from "./chunks/jsx-runtime.C115EyI4.js";
3
- import { c as p } from "./chunks/index.CvOaL64Y.js";
4
- import { D as x } from "./chunks/Icon.C2o2seDb.js";
5
- import "react";
6
- import './assets/linkstandalone.Dwz-_O8q.css';const H = "_link-standalone_auko9_76", j = "_link-standalone--highlight_auko9_146", v = "_link-standalone--neutral-dark_auko9_160", L = "_link-standalone--highlight-dark_auko9_211", N = "_link-standalone--active_auko9_262", I = "_link-standalone--icon-left_auko9_269", n = {
7
- "link-standalone": "_link-standalone_auko9_76",
8
- linkStandalone: H,
9
- "link-standalone--highlight": "_link-standalone--highlight_auko9_146",
10
- linkStandaloneHighlight: j,
11
- "link-standalone--neutral-dark": "_link-standalone--neutral-dark_auko9_160",
12
- linkStandaloneNeutralDark: v,
13
- "link-standalone--highlight-dark": "_link-standalone--highlight-dark_auko9_211",
14
- linkStandaloneHighlightDark: L,
15
- "link-standalone--active": "_link-standalone--active_auko9_262",
16
- linkStandaloneActive: N,
17
- "link-standalone--icon-left": "_link-standalone--icon-left_auko9_269",
18
- linkStandaloneIconLeft: I
19
- }, C = ({
20
- children: s,
21
- aria: d,
22
- active: _,
23
- className: h,
24
- dataTrackingid: r,
25
- download: g,
26
- href: i,
27
- iconName: o,
28
- iconPosition: c = "left",
29
- iconSource: e,
30
- referrerPolicy: u,
31
- rel: S,
32
- target: f = "_self",
33
- theme: a = "light",
34
- variant: l = "neutral",
35
- ...m
36
- }) => {
37
- const D = p(n.linkStandalone, h, {
38
- // variant
39
- [n.linkStandaloneHighlight]: l === "highlight",
40
- // theme
41
- [n.linkStandaloneNeutralDark]: a === "dark" && l === "neutral",
42
- [n.linkStandaloneHighlightDark]: a === "dark" && l === "highlight",
43
- // active
44
- [n.linkStandaloneActive]: _,
45
- // icon position
46
- [n.linkStandaloneIconLeft]: c === "left"
47
- }), k = i === void 0 ? "span" : "a";
48
- return /* @__PURE__ */ t.jsxs(
49
- k,
50
- {
51
- className: D,
52
- "data-trackingid": r,
53
- ...k === "a" && {
54
- href: i,
55
- target: f,
56
- rel: S,
57
- referrerPolicy: u,
58
- download: g
59
- },
60
- ...d,
61
- ...m,
62
- children: [
63
- /* @__PURE__ */ t.jsx("span", { className: n.label, children: s }),
64
- (o || e) && /* @__PURE__ */ t.jsx(
65
- x,
66
- {
67
- name: o,
68
- theme: a,
69
- source: e,
70
- size: "medium",
71
- "aria-hidden": "true"
72
- }
73
- )
74
- ]
75
- }
76
- );
77
- };
78
- export {
79
- C as DSLinkStandalone
80
- };
package/logo.CEO6OV7u.js DELETED
@@ -1,65 +0,0 @@
1
- "use client";
2
- import { j as a } from "./chunks/jsx-runtime.C115EyI4.js";
3
- import { c as o } from "./chunks/index.CvOaL64Y.js";
4
- import './assets/logo.pETQEsvZ.css';const d = "_anchor_q0uqp_76", e = "_svg_q0uqp_77", k = "_svg-background_q0uqp_117", u = "_svg-background--dark_q0uqp_120", x = "_svg-text_q0uqp_123", q = "_svg-text--dark_q0uqp_126", s = {
5
- anchor: d,
6
- svg: e,
7
- "svg-background": "_svg-background_q0uqp_117",
8
- svgBackground: k,
9
- "svg-background--dark": "_svg-background--dark_q0uqp_120",
10
- svgBackgroundDark: u,
11
- "svg-text": "_svg-text_q0uqp_123",
12
- svgText: x,
13
- "svg-text--dark": "_svg-text--dark_q0uqp_126",
14
- svgTextDark: q
15
- }, m = ({
16
- aria: n,
17
- className: t,
18
- href: g,
19
- target: l = "_self",
20
- theme: v = "light",
21
- variant: _ = "standard",
22
- ...h
23
- }) => {
24
- const r = _ === "background" || v === "dark", c = /* @__PURE__ */ a.jsxs(
25
- "svg",
26
- {
27
- xmlns: "http://www.w3.org/2000/svg",
28
- className: o(s.svg, !g && t),
29
- viewBox: "0 0 408 179",
30
- width: "100%",
31
- height: "100%",
32
- children: [
33
- /* @__PURE__ */ a.jsx("title", { children: "STIHL" }),
34
- /* @__PURE__ */ a.jsx(
35
- "path",
36
- {
37
- className: r ? s.svgBackgroundDark : s.svgBackground,
38
- d: "M408 0H0v179h408V0Z"
39
- }
40
- ),
41
- /* @__PURE__ */ a.jsx(
42
- "path",
43
- {
44
- className: r ? s.svgTextDark : s.svgText,
45
- d: "M195.459 56.314h-61.656l-4.936 16.193h20.668l-15.304 50.179h20.106l15.293-50.18h20.893l4.936-16.192ZM62.286 66.62l-5.353 17.558c-2.384 7.814 1.957 13.531 9.637 13.531h25.065a1.626 1.626 0 0 1 1.288.7 1.638 1.638 0 0 1 .207 1.454l-1.349 4.42a3.37 3.37 0 0 1-2.8 2.154H49.624l-4.993 16.249h50.816c5.622 0 10.39-2.605 12.842-10.645l5.094-16.677c2.406-7.894-2.081-13.532-9.086-13.532H79.108c-1.394 0-1.945-1.015-1.563-2.255l1.35-4.42a3.385 3.385 0 0 1 1.185-1.872 3.368 3.368 0 0 1 2.087-.733h36.253l4.937-16.193H75.251c-6.87-.045-11.155 4.364-12.965 10.261ZM320.571 106.493l15.304-50.18h-20.218l-20.23 66.373h63.017l4.936-16.193h-42.809ZM282.653 56.314l-7.771 25.484H250.83l7.77-25.484h-19.319l-20.23 66.372h19.308l7.736-25.372h24.053l-7.725 25.372h19.836l20.23-66.372h-19.836ZM205.917 56.314l-20.229 66.372h20.218l20.23-66.372h-20.219Z"
46
- }
47
- )
48
- ]
49
- }
50
- );
51
- return g ? /* @__PURE__ */ a.jsx(
52
- "a",
53
- {
54
- className: o(s.anchor, t),
55
- href: g,
56
- target: l,
57
- ...n,
58
- ...h,
59
- children: c
60
- }
61
- ) : c;
62
- };
63
- export {
64
- m as DSLogo
65
- };
@@ -1,43 +0,0 @@
1
- "use client";
2
- import { j as o } from "./chunks/jsx-runtime.C115EyI4.js";
3
- import { c as s } from "./chunks/index.CvOaL64Y.js";
4
- import { D as _ } from "./chunks/Icon.C2o2seDb.js";
5
- import './assets/optioncheckbox.C62HtIj5.css';const l = "_root_o64ji_151", k = "_root--disabled_o64ji_172", d = "_checkbox_o64ji_176", n = "_icon-check_o64ji_192", r = "_checkbox--checked_o64ji_213", x = "_checkbox--disabled_o64ji_216", j = "_label_o64ji_233", c = {
6
- root: l,
7
- "root--disabled": "_root--disabled_o64ji_172",
8
- rootDisabled: k,
9
- checkbox: d,
10
- "icon-check": "_icon-check_o64ji_192",
11
- iconCheck: n,
12
- "checkbox--checked": "_checkbox--checked_o64ji_213",
13
- checkboxChecked: r,
14
- "checkbox--disabled": "_checkbox--disabled_o64ji_216",
15
- checkboxDisabled: x,
16
- label: j
17
- }, D = ({
18
- label: i,
19
- checked: h,
20
- className: a,
21
- disabled: e
22
- }) => {
23
- const b = s(c.root, {
24
- [c.rootDisabled]: e
25
- }), t = s(c.checkbox, {
26
- [c.checkboxDisabled]: e,
27
- [c.checkboxChecked]: h
28
- });
29
- return /* @__PURE__ */ o.jsx("div", { className: a, children: /* @__PURE__ */ o.jsxs("div", { className: b, children: [
30
- /* @__PURE__ */ o.jsx("span", { className: t, children: /* @__PURE__ */ o.jsx(
31
- _,
32
- {
33
- name: "check",
34
- className: c.iconCheck,
35
- "aria-hidden": "true"
36
- }
37
- ) }),
38
- /* @__PURE__ */ o.jsx("span", { className: c.label, children: i })
39
- ] }) });
40
- };
41
- export {
42
- D as OptionCheckbox
43
- };