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

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 (238) hide show
  1. package/README.md +0 -9
  2. package/{accordion.B3UkxlAZ.js → accordion.CEKQh-7i.js} +1 -1
  3. package/accordion.d.ts +1 -0
  4. package/{arialiveregions.BK4T7Vhk.js → arialiveregions.BKpxxK7O.js} +1 -1
  5. package/arialiveregions.d.ts +1 -0
  6. package/assets/Accordion.DMEFgtQm.css +1 -0
  7. package/assets/Chip.D10_7Q82.css +1 -0
  8. package/assets/CustomReactSelect.D5XKd9vg.css +1 -0
  9. package/assets/Dialog.B0pucIEI.css +1 -0
  10. package/assets/Drawer.CATBzfY7.css +1 -0
  11. package/assets/Fieldset.CwDhKRUL.css +1 -0
  12. package/assets/InputPassword.DOAAzj-O.css +1 -0
  13. package/assets/InputSearch.CxPYaQGZ.css +1 -0
  14. package/assets/InputStepper.CYYJUu0b.css +1 -0
  15. package/assets/Notification.mhVFeSGm.css +1 -0
  16. package/assets/Select.DZKpHV4G.css +1 -0
  17. package/assets/Textarea.Cp0b7oZp.css +1 -0
  18. package/assets/Toast.Cz6wYaBv.css +1 -0
  19. package/assets/button.C9_ejpGG.css +1 -0
  20. package/assets/buttonround.DTCqRP-0.css +1 -0
  21. package/assets/chipgroup.BMovtKTy.css +1 -0
  22. package/assets/flag.DX_lH1v7.css +1 -0
  23. package/assets/floatingactionbutton.Do-yEH6c.css +1 -0
  24. package/assets/input.Q5oKkmW2.css +1 -0
  25. package/assets/link.DhZqkLMP.css +1 -0
  26. package/assets/linkstandalone.Dwz-_O8q.css +1 -0
  27. package/assets/optioncheckbox.C62HtIj5.css +1 -0
  28. package/assets/radio.-Xxx5wL4.css +1 -0
  29. package/assets/switch.C1Ei0-z8.css +1 -0
  30. package/assets/text.DxKFcfY6.css +1 -0
  31. package/asterisk.d.ts +1 -0
  32. package/button.C5opEJ6x.js +135 -0
  33. package/button.d.ts +1 -0
  34. package/buttonround.CUoqRyy0.js +118 -0
  35. package/buttonround.d.ts +1 -0
  36. package/checkbox.d.ts +1 -0
  37. package/checkboxgroup.BqD5IV51.js +8 -0
  38. package/checkboxgroup.d.ts +1 -0
  39. package/chip.B92ew-hk.js +10 -0
  40. package/chip.d.ts +2 -0
  41. package/chipgroup.BJrqEfvr.js +175 -0
  42. package/chipgroup.d.ts +2 -0
  43. package/chunks/Accordion.DFwFN8mX.js +125 -0
  44. package/chunks/{AriaLiveRegions.utils.D2ni4Yrf.js → AriaLiveRegions.utils.BGSZafnS.js} +2 -2
  45. package/chunks/CheckboxGroup.M3jOjhNf.js +92 -0
  46. package/chunks/Chip.fMG8wi5K.js +142 -0
  47. package/chunks/{CustomReactSelect.ChAtL6fu.js → CustomReactSelect.D3jv5-fa.js} +883 -876
  48. package/chunks/{Dialog.Z5ESJQMi.js → Dialog.Fwr6vLiK.js} +47 -47
  49. package/chunks/{Drawer.BdowMqE0.js → Drawer.CKoYzQHd.js} +32 -32
  50. package/chunks/Fieldset.C9K8BYmH.js +99 -0
  51. package/chunks/InputPassword.C7pNeWGx.js +143 -0
  52. package/chunks/InputSearch.B24rcIJ_.js +192 -0
  53. package/chunks/InputStepper.CEW-bieQ.js +294 -0
  54. package/chunks/Notification.BXVN7_Fs.js +93 -0
  55. package/chunks/RadioGroup.D4UOflwr.js +137 -0
  56. package/chunks/Select.Ds86q4UC.js +194 -0
  57. package/chunks/Textarea.DcB8hKnO.js +198 -0
  58. package/chunks/Toast.DrzxdzVW.js +89 -0
  59. package/chunks/translate.isa3FHb8.js +11 -0
  60. package/{combobox.JL1Dsn3E.js → combobox.BeTnbG1m.js} +1 -1
  61. package/combobox.d.ts +1 -0
  62. package/components/Accordion/Accordion.d.ts +0 -1
  63. package/components/Accordion/Accordion.utils.d.ts +0 -1
  64. package/components/Button/Button.d.ts +0 -1
  65. package/components/ButtonRound/ButtonRound.d.ts +0 -1
  66. package/components/Checkbox/Checkbox.d.ts +0 -1
  67. package/components/CheckboxGroup/CheckboxGroup.d.ts +6 -7
  68. package/components/CheckboxGroup/CheckboxGroup.utils.d.ts +0 -1
  69. package/components/ChipGroup/Chip.d.ts +12 -0
  70. package/components/ChipGroup/ChipGroup.d.ts +42 -0
  71. package/components/ChipGroup/ChipGroup.test.d.ts +1 -0
  72. package/components/ChipGroup/ChipGroup.utils.d.ts +60 -0
  73. package/components/ChipGroup/ChipGroup.utils.test.d.ts +1 -0
  74. package/components/Combobox/Combobox.d.ts +0 -1
  75. package/components/Combobox/Combobox.utils.d.ts +6 -1
  76. package/components/CustomReactSelect/CustomReactSelect.d.ts +0 -1
  77. package/components/CustomReactSelect/CustomReactSelect.utils.d.ts +0 -13
  78. package/components/CustomReactSelect/OptionCheckbox.d.ts +0 -1
  79. package/components/Dialog/Dialog.d.ts +0 -1
  80. package/components/Dialog/Dialog.utils.d.ts +0 -1
  81. package/components/Drawer/Drawer.d.ts +0 -1
  82. package/components/Drawer/Drawer.utils.d.ts +0 -1
  83. package/components/Fieldset/Fieldset.d.ts +0 -1
  84. package/components/Fieldset/Fieldset.utils.d.ts +7 -1
  85. package/components/Flag/Flag.d.ts +23 -0
  86. package/components/Flag/Flag.test.d.ts +1 -0
  87. package/components/Flag/Flag.utils.d.ts +2 -0
  88. package/components/FloatingActionButton/FloatingActionButton.d.ts +0 -1
  89. package/components/Heading/Heading.d.ts +0 -1
  90. package/components/Icon/Icon.d.ts +0 -1
  91. package/components/Icon/Icon.utils.d.ts +0 -1
  92. package/components/Input/Input.d.ts +0 -1
  93. package/components/Input/Input.utils.d.ts +0 -1
  94. package/components/InputPassword/InputPassword.d.ts +0 -1
  95. package/components/InputPassword/InputPassword.utils.d.ts +0 -1
  96. package/components/InputSearch/InputSearch.d.ts +0 -1
  97. package/components/InputSearch/InputSearch.utils.d.ts +0 -1
  98. package/components/InputStepper/InputStepper.d.ts +0 -1
  99. package/components/InputStepper/InputStepper.utils.d.ts +0 -1
  100. package/components/Link/Link.d.ts +0 -1
  101. package/components/LinkStandalone/LinkStandalone.d.ts +0 -1
  102. package/components/Logo/Logo.d.ts +1 -2
  103. package/components/Logo/Logo.utils.d.ts +0 -1
  104. package/components/Notification/Notification.d.ts +0 -1
  105. package/components/Notification/Notification.utils.d.ts +0 -1
  106. package/components/Radio/Radio.d.ts +0 -1
  107. package/components/RadioGroup/RadioGroup.d.ts +7 -8
  108. package/components/RadioGroup/RadioGroup.utils.d.ts +2 -3
  109. package/components/Select/Select.d.ts +0 -1
  110. package/components/Select/Select.utils.d.ts +0 -1
  111. package/components/SkipToContent/SkipToContent.d.ts +0 -1
  112. package/components/Spinner/Spinner.d.ts +0 -1
  113. package/components/Switch/Switch.d.ts +0 -1
  114. package/components/SystemFeedback/SystemFeedback.d.ts +0 -1
  115. package/components/Text/Text.d.ts +0 -1
  116. package/components/Textarea/Textarea.d.ts +0 -1
  117. package/components/Textarea/Textarea.utils.d.ts +0 -1
  118. package/components/Title/Title.d.ts +0 -1
  119. package/components/Toast/Toast.d.ts +0 -1
  120. package/components/Toast/Toast.utils.d.ts +0 -1
  121. package/components/Toast/ToastManager.d.ts +0 -1
  122. package/customreactselect.d.ts +1 -0
  123. package/{customreactselect.Dg8Kgq3e.js → customreactselect.lYJhIeyx.js} +2 -2
  124. package/dialog.d.ts +1 -0
  125. package/{dialog.D3bJ0rsW.js → dialog.lGwNQU91.js} +2 -2
  126. package/{drawer.CNPF1-Kc.js → drawer.DNi5m8wP.js} +2 -2
  127. package/drawer.d.ts +1 -0
  128. package/{fieldset.CTshPWYX.js → fieldset.BqiAjeax.js} +1 -1
  129. package/fieldset.d.ts +1 -0
  130. package/flag.XJHHSP38.js +43 -0
  131. package/flag.d.ts +2 -0
  132. package/floatingactionbutton.CMpkTdhX.js +87 -0
  133. package/floatingactionbutton.d.ts +1 -0
  134. package/heading.d.ts +1 -0
  135. package/icon.d.ts +1 -0
  136. package/index.d.ts +4 -0
  137. package/index.es.js +133 -113
  138. package/input.d.ts +1 -0
  139. package/input.v7qB7wPJ.js +239 -0
  140. package/{inputpassword.nsYu6YeB.js → inputpassword.CSjh1GU7.js} +2 -2
  141. package/inputpassword.d.ts +1 -0
  142. package/{inputsearch.ZGIrDrcv.js → inputsearch.DyznOWLK.js} +2 -2
  143. package/inputsearch.d.ts +1 -0
  144. package/{inputstepper.BvY36hA1.js → inputstepper.3BLb7s0P.js} +2 -2
  145. package/inputstepper.d.ts +1 -0
  146. package/link.Clk5_BYp.js +116 -0
  147. package/link.d.ts +1 -0
  148. package/linkstandalone.BXERmqdN.js +80 -0
  149. package/linkstandalone.d.ts +1 -0
  150. package/logo.d.ts +1 -0
  151. package/{notification.BAS13UQ6.js → notification.0kX1GMaB.js} +2 -2
  152. package/notification.d.ts +1 -0
  153. package/{optioncheckbox.DZWwtx6f.js → optioncheckbox.BPN3f6l_.js} +13 -13
  154. package/optioncheckbox.d.ts +1 -0
  155. package/package.json +44 -39
  156. package/partials/index.js +407 -407
  157. package/partials/lib/partials.d.ts +0 -1
  158. package/radio.DTZNJzMU.js +115 -0
  159. package/radio.d.ts +1 -0
  160. package/radiogroup.SYkZm2DG.js +10 -0
  161. package/radiogroup.d.ts +1 -0
  162. package/{select.C4OZMB-V.js → select.CYbwR3RW.js} +1 -1
  163. package/select.d.ts +1 -0
  164. package/{skiptocontent.C4yQfWr2.js → skiptocontent.DUQWopO4.js} +1 -1
  165. package/skiptocontent.d.ts +1 -0
  166. package/spinner.d.ts +1 -0
  167. package/styles/fonts/STIHLContrafaceDigitalTextDemi.woff +0 -0
  168. package/styles/fonts/STIHLContrafaceDigitalTextDemi.woff2 +0 -0
  169. package/styles/fonts/font-face.min.css +1 -1
  170. package/styles/scss/_index.scss +1 -0
  171. package/styles/scss/lib/_breakpoints.scss +0 -1
  172. package/styles/scss/lib/_link.scss +3 -0
  173. package/styles/scss/lib/_spacing-dynamic.scss +61 -0
  174. package/switch.CoNnIhM4.js +65 -0
  175. package/switch.d.ts +1 -0
  176. package/systemfeedback.d.ts +1 -0
  177. package/text.d.ts +1 -0
  178. package/text.fMcHzVbH.js +57 -0
  179. package/{textarea.CtQtGqn5.js → textarea.DJc527nX.js} +1 -1
  180. package/textarea.d.ts +1 -0
  181. package/title.d.ts +1 -0
  182. package/{toast.DVd9dLs2.js → toast.D48GFmp0.js} +2 -2
  183. package/toast.d.ts +1 -0
  184. package/{toastmanager.Dh0gzFkM.js → toastmanager.Dl8-Q3ED.js} +2 -2
  185. package/toastmanager.d.ts +1 -0
  186. package/utils/index.d.ts +1 -0
  187. package/utils/translate.d.ts +11 -0
  188. package/utils/translate.test.d.ts +1 -0
  189. package/utils/useBreakpoint.d.ts +0 -1
  190. package/utils/useIsomorphicLayoutEffect.d.ts +0 -1
  191. package/utils/vitest.setup.d.ts +0 -1
  192. package/assets/Accordion.lFv7Q_RG.css +0 -1
  193. package/assets/CustomReactSelect.CMkn-EGK.css +0 -1
  194. package/assets/Dialog.fiQvxJg_.css +0 -1
  195. package/assets/Drawer.BqBgbSuP.css +0 -1
  196. package/assets/Fieldset.qHYeUFZt.css +0 -1
  197. package/assets/InputPassword.Cf394z47.css +0 -1
  198. package/assets/InputSearch.eCRQoxjN.css +0 -1
  199. package/assets/InputStepper.B80KulYE.css +0 -1
  200. package/assets/Notification.DK6agBGS.css +0 -1
  201. package/assets/Select.BptsMxz4.css +0 -1
  202. package/assets/Textarea.CIIVh03G.css +0 -1
  203. package/assets/Toast.Dsvs1zdM.css +0 -1
  204. package/assets/button.B1O7Yw3Q.css +0 -1
  205. package/assets/buttonround.DlH_ipDo.css +0 -1
  206. package/assets/floatingactionbutton.DRYentYC.css +0 -1
  207. package/assets/input.C0MrSbQu.css +0 -1
  208. package/assets/link.vtTST2ki.css +0 -1
  209. package/assets/linkstandalone.BtAcziZ7.css +0 -1
  210. package/assets/optioncheckbox.BJJAph5_.css +0 -1
  211. package/assets/radio.9kpIO3HC.css +0 -1
  212. package/assets/switch.2DQF2zH-.css +0 -1
  213. package/assets/text.Dhb_l50R.css +0 -1
  214. package/button.DH0h6uPs.js +0 -135
  215. package/buttonround.0mw4zzlU.js +0 -118
  216. package/checkboxgroup.CZqrlF-x.js +0 -9
  217. package/chunks/Accordion.pI3JyHJL.js +0 -125
  218. package/chunks/CheckboxGroup.4J_gZ_XJ.js +0 -87
  219. package/chunks/Fieldset.COGbZwry.js +0 -99
  220. package/chunks/InputPassword.Dgo95-PU.js +0 -140
  221. package/chunks/InputSearch.BFof0pBn.js +0 -189
  222. package/chunks/InputStepper.4IqLa5tX.js +0 -291
  223. package/chunks/Notification.BhwbaXqk.js +0 -93
  224. package/chunks/RadioGroup.C5jbCJM4.js +0 -132
  225. package/chunks/RadioGroup.module.BBZwHDjW.js +0 -11
  226. package/chunks/Select.fXeQJXtz.js +0 -191
  227. package/chunks/Textarea.Bewrp0Za.js +0 -195
  228. package/chunks/Toast.DA_CQ9J-.js +0 -89
  229. package/floatingactionbutton.CCIj9Fjr.js +0 -87
  230. package/input.CTgeAYdu.js +0 -236
  231. package/link.DAZNwQ0a.js +0 -116
  232. package/linkstandalone.C9X3er7g.js +0 -80
  233. package/radio.CWGJtmKl.js +0 -115
  234. package/radiogroup.BhffFqN3.js +0 -11
  235. package/switch.CmpNUC7s.js +0 -65
  236. package/text.rgDKQBrU.js +0 -57
  237. package/utils/render-in-iframe.d.ts +0 -15
  238. /package/assets/{RadioGroup.Bz3_xkZU.css → CheckboxGroup.Bz3_xkZU.css} +0 -0
@@ -1,5 +1,4 @@
1
1
  import { Format } from '../shared';
2
-
3
2
  type GetMetaIconLinksOptions = {
4
3
  format?: Format;
5
4
  };
@@ -0,0 +1,115 @@
1
+ "use client";
2
+ import { j as i } from "./chunks/jsx-runtime.C115EyI4.js";
3
+ import { c as h } from "./chunks/index.CvOaL64Y.js";
4
+ import { forwardRef as $, useRef as C, useState as E, useEffect as L, useCallback as O } from "react";
5
+ import { u as P } from "./chunks/useBreakpoint.5xBNDiCf.js";
6
+ import './assets/radio.-Xxx5wL4.css';const R = (r) => r.replace(/\s+/g, ""), U = "_radio-root_2r9h1_76", q = "_radio-root--disabled_2r9h1_97", z = "_radio-root--with-custom-area_2r9h1_100", F = "_radio_2r9h1_76", G = "_dot_2r9h1_121", J = "_radio--invalid_2r9h1_145", K = "_label_2r9h1_150", M = "_label--bold_2r9h1_165", Q = "_label--hidden_2r9h1_177", T = "_label--with-custom-area_2r9h1_189", X = "_custom-area_2r9h1_193", Y = "_hint_2r9h1_201", Z = "_hint--visible_2r9h1_225", ee = "_hint--unchecked-hidden_2r9h1_229", te = "_hint--hidden_2r9h1_234", oe = "_input_2r9h1_247", e = {
7
+ "radio-root": "_radio-root_2r9h1_76",
8
+ radioRoot: U,
9
+ "radio-root--disabled": "_radio-root--disabled_2r9h1_97",
10
+ radioRootDisabled: q,
11
+ "radio-root--with-custom-area": "_radio-root--with-custom-area_2r9h1_100",
12
+ radioRootWithCustomArea: z,
13
+ radio: F,
14
+ dot: G,
15
+ "radio--invalid": "_radio--invalid_2r9h1_145",
16
+ radioInvalid: J,
17
+ label: K,
18
+ "label--bold": "_label--bold_2r9h1_165",
19
+ labelBold: M,
20
+ "label--hidden": "_label--hidden_2r9h1_177",
21
+ labelHidden: Q,
22
+ "label--with-custom-area": "_label--with-custom-area_2r9h1_189",
23
+ labelWithCustomArea: T,
24
+ "custom-area": "_custom-area_2r9h1_193",
25
+ customArea: X,
26
+ hint: Y,
27
+ "hint--visible": "_hint--visible_2r9h1_225",
28
+ hintVisible: Z,
29
+ "hint--unchecked-hidden": "_hint--unchecked-hidden_2r9h1_229",
30
+ hintUncheckedHidden: ee,
31
+ "hint--hidden": "_hint--hidden_2r9h1_234",
32
+ hintHidden: te,
33
+ input: oe
34
+ }, ie = $(
35
+ ({
36
+ label: r,
37
+ name: b,
38
+ value: m,
39
+ checked: f,
40
+ className: v,
41
+ customArea: a,
42
+ defaultChecked: x = !1,
43
+ disabled: s = !1,
44
+ hideLabel: k = !1,
45
+ hint: l,
46
+ invalid: j = !1,
47
+ isBold: N = !1,
48
+ hideUncheckedHint: n = !1,
49
+ onChange: _,
50
+ ...g
51
+ }, d) => {
52
+ const H = C(null), t = C(null), [w, D] = E(x), u = f !== void 0, c = u ? f : w;
53
+ L(() => {
54
+ t.current && n && ((t.current.style.height === "0px" || t.current.style.height === "") && c ? (t.current.style.height = `${t.current.scrollHeight}px`, t.current.style.opacity = "1") : (t.current.style.opacity = "0", t.current.style.height = "0px"));
55
+ }, [t, c]);
56
+ const p = P(k), A = h(
57
+ e.radioRoot,
58
+ {
59
+ [e.radioRootDisabled]: s,
60
+ [e.radioRootWithCustomArea]: !!a
61
+ },
62
+ v
63
+ ), W = h(e.label, {
64
+ [e.labelBold]: N,
65
+ // hide label only visually to keep them available for assistive technologies
66
+ [e.labelHidden]: p,
67
+ [e.labelWithCustomArea]: !!a
68
+ }), B = () => !n && l ? !0 : !!(n && l && c), V = h(e.hint, {
69
+ [e.hintHidden]: p,
70
+ [e.hintUncheckedHidden]: n,
71
+ [e.hintVisible]: B()
72
+ }), I = h(e.radio, {
73
+ [e.radioInvalid]: j
74
+ }), S = O(
75
+ (o) => {
76
+ if (s) {
77
+ o.preventDefault();
78
+ return;
79
+ }
80
+ u || D(o.target.checked), _ && _(o);
81
+ },
82
+ [s, u, _]
83
+ ), y = l ? `${R(b)}-${R(m)}-description` : void 0;
84
+ return /* @__PURE__ */ i.jsxs("label", { className: A, children: [
85
+ /* @__PURE__ */ i.jsx(
86
+ "input",
87
+ {
88
+ type: "radio",
89
+ value: m,
90
+ name: b,
91
+ className: e.input,
92
+ ref: (o) => {
93
+ typeof d == "function" ? d(o) : d !== null && (d.current = o), H.current = o;
94
+ },
95
+ onChange: S,
96
+ ...g,
97
+ disabled: s,
98
+ checked: c,
99
+ "aria-label": typeof r == "string" ? r : void 0,
100
+ "aria-describedby": y
101
+ }
102
+ ),
103
+ /* @__PURE__ */ i.jsx("span", { className: I, children: /* @__PURE__ */ i.jsx("div", { className: e.dot }) }),
104
+ /* @__PURE__ */ i.jsxs("span", { className: W, children: [
105
+ r,
106
+ a && /* @__PURE__ */ i.jsx("div", { className: e.customArea, children: a }),
107
+ /* @__PURE__ */ i.jsx("span", { id: y, className: V, ref: t, children: l })
108
+ ] })
109
+ ] });
110
+ }
111
+ );
112
+ ie.displayName = "DSRadio";
113
+ export {
114
+ ie as DSRadio
115
+ };
package/radio.d.ts CHANGED
@@ -1 +1,2 @@
1
1
  export * from './components/Radio/Radio'
2
+ export {}
@@ -0,0 +1,10 @@
1
+ "use client";
2
+ import "./chunks/jsx-runtime.C115EyI4.js";
3
+ import "./chunks/index.CvOaL64Y.js";
4
+ import "react";
5
+ import "./chunks/Fieldset.C9K8BYmH.js";
6
+ import "./radio.DTZNJzMU.js";
7
+ import { D as a } from "./chunks/RadioGroup.D4UOflwr.js";
8
+ export {
9
+ a as DSRadioGroup
10
+ };
package/radiogroup.d.ts CHANGED
@@ -1 +1,2 @@
1
1
  export * from './components/RadioGroup/RadioGroup'
2
+ export {}
@@ -6,7 +6,7 @@ import "./chunks/useBreakpoint.5xBNDiCf.js";
6
6
  import "./asterisk.DDn-yX4P.js";
7
7
  import "./chunks/Icon.C2o2seDb.js";
8
8
  import "./systemfeedback.ZzRUAVYX.js";
9
- import { D as s } from "./chunks/Select.fXeQJXtz.js";
9
+ import { D as s } from "./chunks/Select.Ds86q4UC.js";
10
10
  export {
11
11
  s as DSSelect
12
12
  };
package/select.d.ts CHANGED
@@ -1 +1,2 @@
1
1
  export * from './components/Select/Select'
2
+ export {}
@@ -3,7 +3,7 @@ import { j as p } from "./chunks/jsx-runtime.C115EyI4.js";
3
3
  import { c as k } from "./chunks/index.CvOaL64Y.js";
4
4
  import { g as n } from "./chunks/helpers.B1JT5ShS.js";
5
5
  import "react";
6
- import { DSLink as c } from "./link.DAZNwQ0a.js";
6
+ import { DSLink as c } from "./link.Clk5_BYp.js";
7
7
  import './assets/skiptocontent.CHcqLS7S.css';const h = "_skip-to-content_cxg2l_76", l = "_skip-to-content--dark_cxg2l_83", s = {
8
8
  "skip-to-content": "_skip-to-content_cxg2l_76",
9
9
  skipToContent: h,
@@ -1 +1,2 @@
1
1
  export * from './components/SkipToContent/SkipToContent'
2
+ export {}
package/spinner.d.ts CHANGED
@@ -1 +1,2 @@
1
1
  export * from './components/Spinner/Spinner'
2
+ export {}
@@ -1 +1 @@
1
- @font-face{font-family:STIHL Contraface Digital Display Title;font-weight:400;font-style:normal;font-display:swap;src:url(./STIHLContrafaceDigitalDisplayTitling.woff2) format("woff2"),url(./STIHLContrafaceDigitalDisplayTitling.woff) format("woff")}@font-face{font-family:STIHL Contraface Digital Text Bold;font-weight:400;font-style:normal;font-display:swap;src:url(./STIHLContrafaceDigitalText-Bold.woff2) format("woff2"),url(./STIHLContrafaceDigitalText-Bold.woff) format("woff")}@font-face{font-family:STIHL Contraface Digital Text Regular;font-weight:400;font-style:normal;font-display:swap;src:url(./STIHLContrafaceDigitalText.woff2) format("woff2"),url(./STIHLContrafaceDigitalText.woff) format("woff")}
1
+ @font-face{font-family:STIHL Contraface Digital Display Title;font-weight:400;font-style:normal;font-display:swap;src:url(./STIHLContrafaceDigitalDisplayTitling.woff2) format("woff2"),url(./STIHLContrafaceDigitalDisplayTitling.woff) format("woff")}@font-face{font-family:STIHL Contraface Digital Text Bold;font-weight:400;font-style:normal;font-display:swap;src:url(./STIHLContrafaceDigitalText-Bold.woff2) format("woff2"),url(./STIHLContrafaceDigitalText-Bold.woff) format("woff")}@font-face{font-family:STIHL Contraface Digital Text Regular;font-weight:400;font-style:normal;font-display:swap;src:url(./STIHLContrafaceDigitalText.woff2) format("woff2"),url(./STIHLContrafaceDigitalText.woff) format("woff")}@font-face{font-family:STIHL Contraface Digital Text Demi;font-weight:400;font-style:normal;font-display:swap;src:url(./STIHLContrafaceDigitalTextDemi.woff2) format("woff2"),url(./STIHLContrafaceDigitalTextDemi.woff) format("woff")}
@@ -18,6 +18,7 @@
18
18
  @import 'lib/_media-query.scss';
19
19
  @import 'lib/_shadow.scss';
20
20
  @import 'lib/_spacing.scss';
21
+ @import 'lib/_spacing-dynamic.scss';
21
22
  @import 'lib/_text.scss';
22
23
  @import 'lib/_theme.scss';
23
24
  @import 'lib/_transition.scss';
@@ -3,7 +3,6 @@ $ds-breakpoint-s: 320;
3
3
  $ds-breakpoint-m: 768;
4
4
  $ds-breakpoint-l: 1024;
5
5
  $ds-breakpoint-xl: 1536;
6
- // only used in grid, exposed in media query stories for custom control over grid
7
6
  $ds-breakpoint-xxl: 1668;
8
7
 
9
8
  $ds-breakpoints: (
@@ -31,6 +31,9 @@
31
31
  &:hover {
32
32
  background-color: $background-color-hover;
33
33
  color: $content-color-hover;
34
+ @include high-contrast-media-query {
35
+ background-color: Canvas;
36
+ }
34
37
  }
35
38
  }
36
39
 
@@ -0,0 +1,61 @@
1
+ @import '_media-query';
2
+
3
+ // Spacing values updated for breakpoints
4
+ $spacing-dynamic-values: (
5
+ 'xs': (
6
+ 'base': $ds-spacing-16,
7
+ 's': $ds-spacing-16,
8
+ 'm': $ds-spacing-24,
9
+ 'l': $ds-spacing-24,
10
+ 'xl': $ds-spacing-32,
11
+ 'xxl': $ds-spacing-32,
12
+ ),
13
+ 's': (
14
+ 'base': $ds-spacing-24,
15
+ 's': $ds-spacing-24,
16
+ 'm': $ds-spacing-32,
17
+ 'l': $ds-spacing-32,
18
+ 'xl': $ds-spacing-40,
19
+ 'xxl': $ds-spacing-40,
20
+ ),
21
+ 'm': (
22
+ 'base': $ds-spacing-32,
23
+ 's': $ds-spacing-32,
24
+ 'm': $ds-spacing-40,
25
+ 'l': $ds-spacing-40,
26
+ 'xl': $ds-spacing-48,
27
+ 'xxl': $ds-spacing-48,
28
+ ),
29
+ 'l': (
30
+ 'base': $ds-spacing-40,
31
+ 's': $ds-spacing-40,
32
+ 'm': $ds-spacing-48,
33
+ 'l': $ds-spacing-48,
34
+ 'xl': $ds-spacing-56,
35
+ 'xxl': $ds-spacing-56,
36
+ ),
37
+ 'xl': (
38
+ 'base': $ds-spacing-56,
39
+ 's': $ds-spacing-56,
40
+ 'm': $ds-spacing-64,
41
+ 'l': $ds-spacing-64,
42
+ 'xl': $ds-spacing-80,
43
+ 'xxl': $ds-spacing-80,
44
+ ),
45
+ 'xxl': (
46
+ 'base': $ds-spacing-80,
47
+ 's': $ds-spacing-80,
48
+ 'm': $ds-spacing-96,
49
+ 'l': $ds-spacing-96,
50
+ 'xl': $ds-spacing-128,
51
+ 'xxl': $ds-spacing-128,
52
+ ),
53
+ );
54
+
55
+ // Assign dynamic spacing variables
56
+ $ds-spacing-dynamic-xs: var(--ds-spacing-dynamic-xs);
57
+ $ds-spacing-dynamic-s: var(--ds-spacing-dynamic-s);
58
+ $ds-spacing-dynamic-m: var(--ds-spacing-dynamic-m);
59
+ $ds-spacing-dynamic-l: var(--ds-spacing-dynamic-l);
60
+ $ds-spacing-dynamic-xl: var(--ds-spacing-dynamic-xl);
61
+ $ds-spacing-dynamic-xxl: var(--ds-spacing-dynamic-xxl);
@@ -0,0 +1,65 @@
1
+ "use client";
2
+ import { j as t } from "./chunks/jsx-runtime.C115EyI4.js";
3
+ import { c as b } from "./chunks/index.CvOaL64Y.js";
4
+ import "react";
5
+ import { D as y } from "./chunks/Icon.C2o2seDb.js";
6
+ import { DSSpinner as f } from "./spinner.D-xrotcu.js";
7
+ import './assets/switch.C1Ei0-z8.css';const x = "_root_10ymp_76", j = "_root--label-right_10ymp_116", k = "_root--stretched_10ymp_119", S = "_loader_10ymp_129", g = "_thumb_10ymp_187", w = "_root--checked_10ymp_202", o = {
8
+ root: x,
9
+ "root--label-right": "_root--label-right_10ymp_116",
10
+ rootLabelRight: j,
11
+ "root--stretched": "_root--stretched_10ymp_119",
12
+ rootStretched: k,
13
+ switch: "_switch_10ymp_124",
14
+ loader: S,
15
+ thumb: g,
16
+ "root--checked": "_root--checked_10ymp_202",
17
+ rootChecked: w
18
+ }, E = ({
19
+ children: h,
20
+ aria: i,
21
+ alignLabel: l = "left",
22
+ checked: e = !1,
23
+ className: m,
24
+ dataTrackingid: _,
25
+ disabled: s = !1,
26
+ loading: r = !1,
27
+ stretched: n = !1,
28
+ onClick: a,
29
+ ...p
30
+ }) => {
31
+ const d = b(o.root, m, {
32
+ [o.rootChecked]: e === !0,
33
+ [o.rootStretched]: n === !0,
34
+ [o.rootLabelRight]: l === "right"
35
+ }), u = (c) => {
36
+ if (s || r) {
37
+ c.preventDefault();
38
+ return;
39
+ }
40
+ a && a(c);
41
+ };
42
+ return /* @__PURE__ */ t.jsxs(
43
+ "button",
44
+ {
45
+ className: d,
46
+ "data-trackingid": _,
47
+ onClick: u,
48
+ ...i,
49
+ ...p,
50
+ type: "button",
51
+ role: "switch",
52
+ "aria-checked": e,
53
+ "aria-disabled": s || 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(y, { 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/switch.d.ts CHANGED
@@ -1 +1,2 @@
1
1
  export * from './components/Switch/Switch'
2
+ export {}
@@ -1 +1,2 @@
1
1
  export * from './components/SystemFeedback/SystemFeedback'
2
+ export {}
package/text.d.ts CHANGED
@@ -1 +1,2 @@
1
1
  export * from './components/Text/Text'
2
+ export {}
@@ -0,0 +1,57 @@
1
+ "use client";
2
+ import { j as b } from "./chunks/jsx-runtime.C115EyI4.js";
3
+ import { c as x } from "./chunks/index.CvOaL64Y.js";
4
+ import './assets/text.DxKFcfY6.css';const c = "_root_112bt_76", n = "_root--large_112bt_82", u = "_root--large-bold_112bt_94", S = "_root--medium_112bt_106", g = "_root--medium-bold_112bt_118", B = "_root--small_112bt_130", i = "_root--small-bold_112bt_142", X = "_root--x-small_112bt_154", k = "_root--x-small-bold_112bt_166", L = "_root--xx-small_112bt_178", M = "_root--theme-dark_112bt_275", o = {
5
+ root: c,
6
+ "root--large": "_root--large_112bt_82",
7
+ rootLarge: n,
8
+ "root--large-bold": "_root--large-bold_112bt_94",
9
+ rootLargeBold: u,
10
+ "root--medium": "_root--medium_112bt_106",
11
+ rootMedium: S,
12
+ "root--medium-bold": "_root--medium-bold_112bt_118",
13
+ rootMediumBold: g,
14
+ "root--small": "_root--small_112bt_130",
15
+ rootSmall: B,
16
+ "root--small-bold": "_root--small-bold_112bt_142",
17
+ rootSmallBold: i,
18
+ "root--x-small": "_root--x-small_112bt_154",
19
+ rootXSmall: X,
20
+ "root--x-small-bold": "_root--x-small-bold_112bt_166",
21
+ rootXSmallBold: k,
22
+ "root--xx-small": "_root--xx-small_112bt_178",
23
+ rootXxSmall: L,
24
+ "root--theme-dark": "_root--theme-dark_112bt_275",
25
+ rootThemeDark: M
26
+ }, h = ({
27
+ children: r,
28
+ className: m,
29
+ size: l = "medium",
30
+ tag: a = "p",
31
+ theme: _ = "light",
32
+ weight: t = "normal",
33
+ ...d
34
+ }) => {
35
+ const s = a, e = x(o.root, m, {
36
+ // large
37
+ [o.rootLarge]: l === "large",
38
+ [o.rootLargeBold]: l === "large" && t === "bold",
39
+ // medium
40
+ [o.rootMedium]: l == "medium",
41
+ [o.rootMediumBold]: l === "medium" && t === "bold",
42
+ // small
43
+ [o.rootSmall]: l == "small",
44
+ [o.rootSmallBold]: l == "small" && t === "bold",
45
+ // x-small
46
+ [o.rootXSmall]: l == "x-small",
47
+ [o.rootXSmallBold]: l == "x-small" && t === "bold",
48
+ // xx-small
49
+ [o.rootXxSmall]: l == "xx-small",
50
+ // dark theme
51
+ [o.rootThemeDark]: _ === "dark"
52
+ });
53
+ return /* @__PURE__ */ b.jsx(s, { className: e, ...d, children: r });
54
+ };
55
+ export {
56
+ h as DSText
57
+ };
@@ -6,7 +6,7 @@ import "./chunks/useBreakpoint.5xBNDiCf.js";
6
6
  import "./chunks/helpers.B1JT5ShS.js";
7
7
  import "./asterisk.DDn-yX4P.js";
8
8
  import "./systemfeedback.ZzRUAVYX.js";
9
- import { D as x } from "./chunks/Textarea.Bewrp0Za.js";
9
+ import { D as x } from "./chunks/Textarea.DcB8hKnO.js";
10
10
  export {
11
11
  x as DSTextarea
12
12
  };
package/textarea.d.ts CHANGED
@@ -1 +1,2 @@
1
1
  export * from './components/Textarea/Textarea'
2
+ export {}
package/title.d.ts CHANGED
@@ -1 +1,2 @@
1
1
  export * from './components/Title/Title'
2
+ export {}
@@ -2,9 +2,9 @@
2
2
  import "./chunks/jsx-runtime.C115EyI4.js";
3
3
  import "./chunks/index.CvOaL64Y.js";
4
4
  import "react";
5
- import "./button.DH0h6uPs.js";
5
+ import "./button.C5opEJ6x.js";
6
6
  import "./chunks/Icon.C2o2seDb.js";
7
- import { D as s } from "./chunks/Toast.DA_CQ9J-.js";
7
+ import { D as s } from "./chunks/Toast.DrzxdzVW.js";
8
8
  export {
9
9
  s as DSToast
10
10
  };
package/toast.d.ts CHANGED
@@ -1 +1,2 @@
1
1
  export * from './components/Toast/Toast'
2
+ export {}
@@ -2,8 +2,8 @@
2
2
  import { j as g } from "./chunks/jsx-runtime.C115EyI4.js";
3
3
  import { createContext as y, useContext as C, useState as S, useRef as O, useEffect as A, useMemo as j } from "react";
4
4
  import { g as a } from "./chunks/helpers.B1JT5ShS.js";
5
- import { g as E, b as w } from "./chunks/AriaLiveRegions.utils.D2ni4Yrf.js";
6
- import { D as _, s as U } from "./chunks/Toast.DA_CQ9J-.js";
5
+ import { b as E, g as w } from "./chunks/AriaLiveRegions.utils.BGSZafnS.js";
6
+ import { D as _, s as U } from "./chunks/Toast.DrzxdzVW.js";
7
7
  import { h as q } from "./chunks/has-document.r9i9TxKV.js";
8
8
  const Q = () => {
9
9
  if (!E() || !w())
package/toastmanager.d.ts CHANGED
@@ -1 +1,2 @@
1
1
  export * from './components/Toast/ToastManager'
2
+ export {}
package/utils/index.d.ts CHANGED
@@ -2,5 +2,6 @@ export * from './has-window';
2
2
  export * from './helpers';
3
3
  export * from './remove-spaces';
4
4
  export * from './theme';
5
+ export * from './translate';
5
6
  export * from './useBreakpoint';
6
7
  export * from './useIsomorphicLayoutEffect';
@@ -0,0 +1,11 @@
1
+ /**
2
+ * Translates a given key using specified translations and dynamic replacements of placeholders like {0} or {1}.
3
+ * Unmatched placeholders in the translation are removed.
4
+ *
5
+ * @param key - The key identifying the text to be translated.
6
+ * @param translations - Object containing translation mappings.
7
+ * @param {string[]} [replacements=[]] - Optional array of replacement strings for placeholders in the translation.
8
+ * @returns {string} The translated string with placeholders replaced by corresponding values in replacements array or removed if no match is found.
9
+ */
10
+ export declare const translate: <T extends Record<string, string>>(key: keyof T, translations: T, replacements?: string[]) => string;
11
+ export declare const translateWithTranslations: <T extends Record<string, string>>(translations: T) => (key: keyof T, replacements?: string[]) => string;
@@ -0,0 +1 @@
1
+ export {};
@@ -1,5 +1,4 @@
1
1
  import { BreakpointCustomizable } from './breakpoint-customizable';
2
-
3
2
  /**
4
3
  * A React hook that consumes a `BreakpointCustomizable` property and returns the value
5
4
  * corresponding to the current breakpoint. If the property is a primitive value, it is
@@ -1,5 +1,4 @@
1
1
  import { useEffect } from 'react';
2
-
3
2
  /**
4
3
  * A custom hook that conditionally uses `useLayoutEffect` or `useEffect` based on the environment.
5
4
  *
@@ -1,4 +1,3 @@
1
-
2
1
  export declare function showPopoverPolyfill(): void;
3
2
  export declare function hidePopoverPolyfill(): void;
4
3
  export declare function showModalPolyfill(): void;
@@ -1 +0,0 @@
1
- ._details_15or5_76{max-width:948px;min-width:288px;border-bottom:1px solid #B1B1B1}._details_15or5_76:only-of-type{border-bottom:none}._details_15or5_76::details-content{block-size:0;overflow:hidden;opacity:0;transition-property:block-size,content-visibility,opacity;transition-behavior:allow-discrete;transition-duration:var(--ds-animation-duration, .25s);transition-timing-function:cubic-bezier(.5,0,1,1)}@media (prefers-reduced-motion: reduce){._details_15or5_76::details-content{transition-duration:0ms}}._details_15or5_76[open]::details-content{transition-timing-function:cubic-bezier(0,0,.5,1);block-size:auto;block-size:calc-size(auto);opacity:1}@media (min-width: 1024px){._details_15or5_76{min-width:213px}}._summary_15or5_112{cursor:pointer;padding-block-start:12px;padding-inline-end:16px;padding-block-end:12px;padding-inline-start:16px;list-style:none}._summary_15or5_112:focus{outline:2px solid;outline-color:#252525;outline-offset:0px}@media screen and (forced-colors: active){._summary_15or5_112:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._summary_15or5_112:focus{outline:revert;outline-offset:revert}._summary_15or5_112:focus-visible{outline:2px solid;outline-color:#252525;outline-offset:0px}@media screen and (forced-colors: active){._summary_15or5_112:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}._summary_15or5_112::-webkit-details-marker{display:none}._summary--utility--m_15or5_153{font-family:STIHL Contraface Digital Text Regular,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:1rem;line-height:1.25;font-size-adjust:.414}._summary_15or5_112{transition:background-color var(--ds-animation-duration, .1s) linear}@media (prefers-reduced-motion: reduce){._summary_15or5_112{transition-duration:0ms}}@media (hover: hover){._summary_15or5_112:hover{background-color:#ededed}}._summary--flush_15or5_178{color:#252525;position:relative;padding-inline-start:0;padding-inline-end:0}@media (hover: hover){._summary--flush_15or5_178:hover:before{background-color:#ededed}}._summary--flush_15or5_178:before{content:"";position:absolute;top:0;right:-16px;bottom:0;left:-16px}._summary--flush_15or5_178:before{transition:background-color var(--ds-animation-duration, .1s) linear,color var(--ds-animation-duration, .1s) linear}@media (prefers-reduced-motion: reduce){._summary--flush_15or5_178:before{transition-duration:0ms}}._summary--flush_15or5_178:focus,._summary--flush_15or5_178:focus-visible{outline:none}._summary--flush_15or5_178:focus:before{outline:2px solid;outline-color:#252525;outline-offset:0px}@media screen and (forced-colors: active){._summary--flush_15or5_178:focus:before{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._summary--flush_15or5_178:focus:before{outline:revert;outline-offset:revert}._summary--flush_15or5_178:focus-visible:before{outline:2px solid;outline-color:#252525;outline-offset:0px}@media screen and (forced-colors: active){._summary--flush_15or5_178:focus-visible:before{forced-color-adjust:auto;outline-color:Highlight}}}._summary--small_15or5_238{padding-block-start:8px;padding-block-end:8px}._summary-content-wrapper_15or5_243{display:flex;justify-content:space-between;align-items:center;gap:16px}._summary-content-wrapper--flush_15or5_249{position:relative;z-index:1}._summary-content-wrapper--chevron-left_15or5_253{flex-flow:row-reverse;justify-content:flex-end}._heading-summary-wrapper_15or5_258{flex-grow:1}._hint_15or5_262{font-family:STIHL Contraface Digital Text Regular,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:.875rem;line-height:1.14;font-size-adjust:.414;display:block;margin-block-start:4px}._icon_15or5_277{transform:rotate(0)}._icon_15or5_277{transition:transform var(--ds-animation-duration, .25s) cubic-bezier(.5,0,1,1)}@media (prefers-reduced-motion: reduce){._icon_15or5_277{transition-duration:0ms}}._icon--open_15or5_288{transform:rotate(-180deg)}._icon--open_15or5_288{transition:transform var(--ds-animation-duration, .25s) cubic-bezier(0,0,.5,1)}@media (prefers-reduced-motion: reduce){._icon--open_15or5_288{transition-duration:0ms}}._content-wrapper_15or5_300{padding-block-start:4px;padding-inline-end:16px;padding-block-end:32px;padding-inline-start:16px}._content-wrapper--flush_15or5_306{padding-inline-start:0;padding-inline-end:0}._content-wrapper--small_15or5_310{padding-block-start:4px;padding-block-end:20px}
@@ -1 +0,0 @@
1
- ._root_484k4_226{align-self:end}._root_484k4_226:has(._hint_484k4_234) ._label_484k4_234{margin-block-end:4px}._wrapper_484k4_238{display:grid;grid-template-columns:max-content 1fr max-content max-content;align-items:center}._action-button_484k4_244{grid-area:1/4/2/5}._label_484k4_234{font-family:STIHL Contraface Digital Text Regular,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:1rem;line-height:1.25;font-size-adjust:.414;display:block;max-width:fit-content;margin-block-end:8px}._label--hidden_484k4_263{border:0;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;text-indent:-999999px;white-space:nowrap}._hint_484k4_234{font-family:STIHL Contraface Digital Text Regular,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:.875rem;line-height:1.14;font-size-adjust:.414;display:block;max-width:25.5rem;margin-block-end:8px}._feedback_484k4_292{margin-block-end:8px;margin-block-start:8px}._select_484k4_297{font-family:STIHL Contraface Digital Text Regular,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:1rem;line-height:1.25;font-size-adjust:.414}._select_484k4_297:focus{outline:1px solid;outline-color:#252525;outline-offset:0}@media screen and (forced-colors: active){._select_484k4_297:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._select_484k4_297:focus{outline:revert;outline-offset:revert}._select_484k4_297:focus-visible{outline:1px solid;outline-color:#252525;outline-offset:0}@media screen and (forced-colors: active){._select_484k4_297:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}._select_484k4_297{transition:background-color var(--ds-animation-duration, .1s) linear,color var(--ds-animation-duration, .1s) linear}@media (prefers-reduced-motion: reduce){._select_484k4_297{transition-duration:0ms}}@media (hover: hover){._select_484k4_297:hover{background:#0000001a}}._select_484k4_297{background:transparent;min-height:3rem;height:3rem;border:1px solid #252525;border-radius:0;color:#252525;display:block;padding-inline-start:15px;padding-inline-end:15px;width:100%}._select_484k4_297[readonly]{background-color:#ededed;border-color:transparent;color:#252525}._select_484k4_297[readonly]:focus{outline:2px solid;outline-color:#252525;outline-offset:0}@media screen and (forced-colors: active){._select_484k4_297[readonly]:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._select_484k4_297[readonly]:focus{outline:revert;outline-offset:revert}._select_484k4_297[readonly]:focus-visible{outline:2px solid;outline-color:#252525;outline-offset:0}@media screen and (forced-colors: active){._select_484k4_297[readonly]:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}._select_484k4_297:disabled{background-color:transparent;border-color:#00000080;color:#00000080;cursor:not-allowed}._select_484k4_297::-webkit-placeholder,._select_484k4_297::placeholder{color:#666;opacity:1}._select--invalid_484k4_409{border-color:#d43b3b;outline-color:#d43b3b}._select--invalid_484k4_409:active,._select--invalid_484k4_409:focus,._select--invalid_484k4_409:focus-visible{border-color:#252525}._select--small_484k4_416{font-family:STIHL Contraface Digital Text Regular,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:.875rem;line-height:1.14;font-size-adjust:.414;padding-inline-start:7px;padding-inline-end:7px}._select_484k4_297{min-height:3rem;height:3rem;inline-size:100%;grid-area:1/1/2/5}._select_484k4_297::-webkit-outer-spin-button,._select_484k4_297::-webkit-inner-spin-button,._select_484k4_297::-webkit-search-decoration,._select_484k4_297::-webkit-search-cancel-button,._select_484k4_297::-webkit-calendar-picker-indicator{display:none;-moz-appearance:none;appearance:none;-webkit-appearance:none}._select_484k4_297::-webkit-date-and-time-value{text-align:left}._select_484k4_297:is([type=date],[type=time],[type=datetime-local],[type=month],[type=week]){display:flex;align-items:center;min-width:-webkit-fill-available;-moz-appearance:none;appearance:none;-webkit-appearance:none}._select_484k4_297[type=search]{-moz-appearance:none;appearance:none;-webkit-appearance:none}._select_484k4_297[type=range]{accent-color:#E9640C}._select_484k4_297[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}._select--small_484k4_416{min-height:2rem;height:2rem}._select--small_484k4_416._input--has-leading-icon_484k4_470{padding-inline-start:calc(16px + 1rem)}._select--small_484k4_416._input--has-action-button_484k4_473{padding-inline-end:calc(2rem + 8px)}._select--small_484k4_416._input--has-second-action-button_484k4_476{padding-inline-end:calc(4rem + 8px)}._select--has-leading-icon_484k4_479{padding-inline-start:calc(32px + 1rem)}._select--has-action-button_484k4_482{padding-inline-end:calc(3rem + 16px)}._select--has-second-action-button_484k4_485{padding-inline-end:calc(6rem + 16px)}._select--has-affix_484k4_488{color:#0000}._select--has-affix_484k4_488::placeholder{color:#0000}._select--has-affix_484k4_488::placeholder{transition:color var(--ds-animation-duration, .1s) linear}@media (prefers-reduced-motion: reduce){._select--has-affix_484k4_488::placeholder{transition-duration:0ms}}._select--is-ready_484k4_502{color:#252525}._select--is-ready_484k4_502::placeholder{color:#666}._select_484k4_297{border-radius:0}._select_484k4_297._select--disabled_484k4_511{background-color:transparent;border-color:#00000080;color:#00000080;cursor:not-allowed}@media screen and (forced-colors: active){._select_484k4_297._select--disabled_484k4_511{color:GrayText}}._select_484k4_297._select--focused_484k4_522{outline:2px solid;outline-color:#252525;outline-offset:-1px}@media screen and (forced-colors: active){._select_484k4_297._select--focused_484k4_522{forced-color-adjust:auto;outline-color:Highlight}}@media screen and (forced-colors: active){._select_484k4_297._select--focused_484k4_522{outline-color:Highlight}}@media (hover: hover){._select--hovered_484k4_539{background:#0000001a}}._placeholder_484k4_544{color:#666}@media screen and (forced-colors: active){._placeholder_484k4_544{color:GrayText}}._menu-list_484k4_553{padding-block-start:8px;padding-block-end:7px;padding-inline-start:0;padding-inline-end:0;background-color:#fff;outline:2px solid;outline-color:#252525;outline-offset:-1px}@media screen and (forced-colors: active){._menu-list_484k4_553{forced-color-adjust:auto;outline-color:Highlight}}._group-heading_484k4_570{font-family:STIHL Contraface Digital Text Regular,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:.875rem;line-height:1.14;font-size-adjust:.414;padding-block-start:16px;padding-block-end:11px;padding-inline-start:16px;padding-inline-end:16px;margin-block-start:4px;margin-block-end:8px;margin-inline-start:0;margin-inline-end:0;border-bottom:1px solid #B1B1B1;color:#666}._option_484k4_593{font-family:STIHL Contraface Digital Text Regular,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:1rem;line-height:1.25;font-size-adjust:.414;padding-block-start:12px;padding-block-end:12px;padding-inline-start:24px;padding-inline-end:24px;align-items:center}._option--small_484k4_610{font-family:STIHL Contraface Digital Text Regular,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:.875rem;line-height:1.14;font-size-adjust:.414;padding-block-start:8px;padding-block-end:8px;padding-inline-start:16px;padding-inline-end:16px}._option--single_484k4_626{justify-content:space-between}._option--disabled_484k4_629{color:#00000080}@media screen and (forced-colors: active){._option--disabled_484k4_629{color:GrayText}}._option--focus-hover_484k4_637:not(._option--disabled_484k4_629){background-color:#0000001a;padding-block-start:10px;padding-block-end:10px;border:2px solid #252525;border-left:none;border-right:none}@media screen and (forced-colors: active){._option--focus-hover_484k4_637:not(._option--disabled_484k4_629){background-color:Canvas;border-color:Highlight}}._option--focus-hover_484k4_637._option--small_484k4_610:not(._option--disabled_484k4_629){padding-block-start:6px;padding-block-end:6px}._option--text_484k4_655{margin-inline-end:8px;text-wrap:nowrap;text-overflow:ellipsis;overflow:hidden}._option--check-icon_484k4_661{fill:#e9640c;margin-inline-start:auto}@media screen and (forced-colors: active){._option--check-icon_484k4_661{fill:CanvasText}}._option--check-icon--disabled_484k4_670{fill:#00000080}@media screen and (forced-colors: active){._option--check-icon--disabled_484k4_670{fill:GrayText}}._single-option_484k4_679{display:flex;flex-wrap:nowrap;width:100%;align-items:center}._multi-option_484k4_686{width:100%}._single-value_484k4_690{display:flex;align-items:center}._single-value--text_484k4_694{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}._leading-icon_484k4_701{margin-inline-end:8px;fill:#666}@media screen and (forced-colors: active){._leading-icon_484k4_701{background-color:Canvas;fill:CanvasText}}._leading-icon--disabled_484k4_711{fill:#00000080}@media screen and (forced-colors: active){._leading-icon--disabled_484k4_711{fill:GrayText}}._indicator_484k4_720,._clear_484k4_721{width:3rem;height:3rem;justify-content:center;cursor:pointer}._indicator--small_484k4_727,._clear--small_484k4_728{width:2rem;height:2rem}._indicator--icon_484k4_732,._clear--icon_484k4_733{margin-block-start:16px;margin-block-end:16px;margin-inline-start:16px;margin-inline-end:16px;align-self:center}._indicator--icon--small_484k4_740,._clear--icon--small_484k4_741{margin-block-start:8px;margin-block-end:8px;margin-inline-start:8px;margin-inline-end:8px}
@@ -1 +0,0 @@
1
- body:has(dialog[open]){overflow:hidden}._dialog_1yzgd_80{background-color:#fff;border:none;overflow:hidden;padding:0;max-width:min(100vw - 32px,948px);max-height:calc(100vh - 32px);min-width:288px;opacity:0;transform:translateY(-100%);transition:display var(--ds-animation-duration, .4s) allow-discrete,overlay var(--ds-animation-duration, .4s) allow-discrete,opacity var(--ds-animation-duration, .4s) cubic-bezier(.5,0,1,1),transform var(--ds-animation-duration, .4s) cubic-bezier(.5,0,1,1)}@media (prefers-reduced-motion: reduce){._dialog_1yzgd_80{transition-duration:0ms}}@media (min-width: 768px){._dialog_1yzgd_80{max-width:min(100vw - 80px,948px);max-height:calc(100vh - 80px)}}@media screen and (forced-colors: active){._dialog_1yzgd_80{border:1px solid transparent}}._dialog_1yzgd_80[open]{opacity:1;transform:translateY(0);transition:display var(--ds-animation-duration, .4s) allow-discrete,overlay var(--ds-animation-duration, .4s) allow-discrete,opacity var(--ds-animation-duration, .4s) cubic-bezier(0,0,.5,1),transform var(--ds-animation-duration, .4s) cubic-bezier(0,0,.5,1)}@media (prefers-reduced-motion: reduce){._dialog_1yzgd_80[open]{transition-duration:0ms}}@starting-style{._dialog_1yzgd_80[open]{opacity:0;transform:translateY(-100%)}}._dialog_1yzgd_80[open]::backdrop{opacity:1;transition:display var(--ds-animation-duration, .4s) allow-discrete,overlay var(--ds-animation-duration, .4s) allow-discrete,opacity var(--ds-animation-duration, .4s) cubic-bezier(0,0,.5,1)}@media (prefers-reduced-motion: reduce){._dialog_1yzgd_80[open]::backdrop{transition-duration:0ms}}@starting-style{._dialog_1yzgd_80[open]::backdrop{opacity:0}}._dialog_1yzgd_80::backdrop{background-color:#00000080;position:fixed;top:0;right:0;bottom:0;left:0;opacity:0;transition:display var(--ds-animation-duration, .4s) allow-discrete,overlay var(--ds-animation-duration, .4s) allow-discrete,opacity var(--ds-animation-duration, .4s) cubic-bezier(.5,0,1,1)}@media (prefers-reduced-motion: reduce){._dialog_1yzgd_80::backdrop{transition-duration:0ms}}._content-wrapper_1yzgd_151{display:flex;flex-direction:column;overflow:hidden;max-height:calc(100vh - 32px)}._content-wrapper--no-footer_1yzgd_157{padding-block-end:16px}@media (min-width: 768px){._content-wrapper_1yzgd_151{max-height:calc(100vh - 80px)}}._content-wrapper_1yzgd_151 ._close-button_1yzgd_165{position:absolute;top:16px;right:16px;z-index:2}@media (min-width: 768px){._content-wrapper_1yzgd_151 ._close-button_1yzgd_165{top:24px;right:24px}}._header_1yzgd_178,._content_1yzgd_151,._footer_1yzgd_180{padding-block-start:16px;padding-block-end:16px;padding-inline-start:16px;padding-inline-end:16px}@media (min-width: 768px){._header_1yzgd_178,._content_1yzgd_151,._footer_1yzgd_180{padding-block-start:24px;padding-block-end:24px;padding-inline-start:24px;padding-inline-end:24px}}._header_1yzgd_178{min-height:64px;flex-shrink:0}._header--scrollable_1yzgd_201{border-bottom:1px solid #B1B1B1;padding-block-end:15px}@media (min-width: 768px){._header--scrollable_1yzgd_201{padding-block-end:23px}}._header--close-button_1yzgd_210{padding-inline-end:64px}@media (min-width: 768px){._header--close-button_1yzgd_210{padding-inline-end:72px}}._content_1yzgd_151{position:relative;overflow-y:auto}._content--no-footer_1yzgd_223{padding-block-end:0}._footer_1yzgd_180{max-height:208px}._footer--scrollable_1yzgd_230{border-top:1px solid #B1B1B1;padding-block-start:15px}@media (min-width: 768px){._footer--scrollable_1yzgd_230{padding-block-start:23px}}
@@ -1 +0,0 @@
1
- :root{--ds-drawer-transform-x-position-closed: -100%;--ds-drawer-transform-x-position-open: 0}body:has(dialog[open]){overflow:hidden}._drawer_h62s5_85{background-color:#fff;border:none;top:0;right:0;bottom:0;left:0;margin:0;overflow:hidden;padding:0;position:fixed;max-width:min(100vw - 32px,1730px);max-height:100vh;block-size:100vh;min-width:288px;transform:translate(var(--ds-drawer-transform-x-position-closed));transition:display var(--ds-animation-duration, .4s) allow-discrete,overlay var(--ds-animation-duration, .4s) allow-discrete,transform var(--ds-animation-duration, .4s) cubic-bezier(.5,0,1,1)}@media (prefers-reduced-motion: reduce){._drawer_h62s5_85{transition-duration:0ms}}@media (min-width: 768px){._drawer_h62s5_85{max-width:min(100vw - 80px,1730px)}}@media screen and (forced-colors: active){._drawer_h62s5_85{border:1px solid transparent}}._drawer_h62s5_85[open]{transform:translate(var(--ds-drawer-transform-x-position-open));transition:display var(--ds-animation-duration, .4s) allow-discrete,overlay var(--ds-animation-duration, .4s) allow-discrete,transform var(--ds-animation-duration, .4s) cubic-bezier(0,0,.5,1)}@media (prefers-reduced-motion: reduce){._drawer_h62s5_85[open]{transition-duration:0ms}}@starting-style{._drawer_h62s5_85[open]{transform:translate(var(--ds-drawer-transform-x-position-closed))}}._drawer_h62s5_85[open]::backdrop{opacity:1;transition:display var(--ds-animation-duration, .4s) allow-discrete,overlay var(--ds-animation-duration, .4s) allow-discrete,opacity var(--ds-animation-duration, .4s) cubic-bezier(0,0,.5,1)}@media (prefers-reduced-motion: reduce){._drawer_h62s5_85[open]::backdrop{transition-duration:0ms}}@starting-style{._drawer_h62s5_85[open]::backdrop{opacity:0}}._drawer--end_h62s5_143{inset-inline-start:unset;--ds-drawer-transform-x-position-closed: 200%;--ds-drawer-transform-x-position-open: 0}._drawer_h62s5_85::backdrop{background-color:#00000080;position:fixed;top:0;right:0;bottom:0;left:0;opacity:0;transition:display var(--ds-animation-duration, .4s) allow-discrete,overlay var(--ds-animation-duration, .4s) allow-discrete,opacity var(--ds-animation-duration, .4s) cubic-bezier(.5,0,1,1)}@media (prefers-reduced-motion: reduce){._drawer_h62s5_85::backdrop{transition-duration:0ms}}._content-wrapper_h62s5_161{display:flex;flex-direction:column;overflow:hidden;max-height:100vh}._content-wrapper--no-footer_h62s5_167{padding-block-end:16px}._content-wrapper_h62s5_161 ._close-button_h62s5_170{position:absolute;top:16px;right:16px;z-index:2}@media (min-width: 768px){._content-wrapper_h62s5_161 ._close-button_h62s5_170{top:24px;right:24px}}._header_h62s5_183,._content_h62s5_161,._footer_h62s5_185{padding-block-start:16px;padding-block-end:16px;padding-inline-start:16px;padding-inline-end:16px}@media (min-width: 768px){._header_h62s5_183,._content_h62s5_161,._footer_h62s5_185{padding-block-start:24px;padding-block-end:24px;padding-inline-start:24px;padding-inline-end:24px}}._header_h62s5_183{min-height:64px;flex-shrink:0}._header--scrollable_h62s5_206{border-bottom:1px solid #B1B1B1;padding-block-end:15px}@media (min-width: 768px){._header--scrollable_h62s5_206{padding-block-end:23px}}._header--close-button_h62s5_215{padding-inline-end:64px}@media (min-width: 768px){._header--close-button_h62s5_215{padding-inline-end:72px}}._content_h62s5_161{position:relative;overflow-y:auto;height:100vh}._content--no-footer_h62s5_229{padding-block-end:0}._footer_h62s5_185{max-height:208px}._footer--scrollable_h62s5_236{border-top:1px solid #B1B1B1;padding-block-start:15px}@media (min-width: 768px){._footer--scrollable_h62s5_236{padding-block-start:23px}}
@@ -1 +0,0 @@
1
- ._root_xfwzz_76{border:none;padding:0;margin:0}._child-wrapper_xfwzz_82{margin-block-start:24px}._child-wrapper_xfwzz_82>*:not(:first-child){margin-block-start:24px}._legend_xfwzz_89{padding-inline-start:0;padding-inline-end:0}._legend--utility--m_xfwzz_93{font-family:STIHL Contraface Digital Text Regular,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:1rem;line-height:1.25;font-size-adjust:.414}._description_xfwzz_106{font-family:STIHL Contraface Digital Text Regular,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:.875rem;line-height:1.14;font-size-adjust:.414;display:inline-block;max-width:32rem;margin-block-start:8px}._description--small_xfwzz_121{margin-block-start:4px}._system-feedback_xfwzz_125{margin-block-start:16px;margin-block-end:32px}
@@ -1 +0,0 @@
1
- ._input_1pqhx_226{font-family:STIHL Contraface Digital Text Regular,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:1rem;line-height:1.25;font-size-adjust:.414}._input_1pqhx_226:focus{outline:1px solid;outline-color:#252525;outline-offset:0}@media screen and (forced-colors: active){._input_1pqhx_226:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._input_1pqhx_226:focus{outline:revert;outline-offset:revert}._input_1pqhx_226:focus-visible{outline:1px solid;outline-color:#252525;outline-offset:0}@media screen and (forced-colors: active){._input_1pqhx_226:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}._input_1pqhx_226{transition:background-color var(--ds-animation-duration, .1s) linear,color var(--ds-animation-duration, .1s) linear}@media (prefers-reduced-motion: reduce){._input_1pqhx_226{transition-duration:0ms}}@media (hover: hover){._input_1pqhx_226:hover{background:#0000001a}}._input_1pqhx_226{background:transparent;min-height:3rem;height:3rem;border:1px solid #252525;border-radius:0;color:#252525;display:block;padding-inline-start:15px;padding-inline-end:15px;width:100%}._input_1pqhx_226[readonly]{background-color:#ededed;border-color:transparent;color:#252525}._input_1pqhx_226[readonly]:focus{outline:2px solid;outline-color:#252525;outline-offset:0}@media screen and (forced-colors: active){._input_1pqhx_226[readonly]:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._input_1pqhx_226[readonly]:focus{outline:revert;outline-offset:revert}._input_1pqhx_226[readonly]:focus-visible{outline:2px solid;outline-color:#252525;outline-offset:0}@media screen and (forced-colors: active){._input_1pqhx_226[readonly]:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}._input_1pqhx_226:disabled{background-color:transparent;border-color:#00000080;color:#00000080;cursor:not-allowed}._input_1pqhx_226::-webkit-placeholder,._input_1pqhx_226::placeholder{color:#666;opacity:1}._input--invalid_1pqhx_338{border-color:#d43b3b;outline-color:#d43b3b}._input--invalid_1pqhx_338:active,._input--invalid_1pqhx_338:focus,._input--invalid_1pqhx_338:focus-visible{border-color:#252525}._input--small_1pqhx_345{font-family:STIHL Contraface Digital Text Regular,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:.875rem;line-height:1.14;font-size-adjust:.414;padding-inline-start:7px;padding-inline-end:7px}._input_1pqhx_226{min-height:3rem;height:3rem;inline-size:100%;grid-area:1/1/2/5}._input_1pqhx_226::-webkit-outer-spin-button,._input_1pqhx_226::-webkit-inner-spin-button,._input_1pqhx_226::-webkit-search-decoration,._input_1pqhx_226::-webkit-search-cancel-button,._input_1pqhx_226::-webkit-calendar-picker-indicator{display:none;-moz-appearance:none;appearance:none;-webkit-appearance:none}._input_1pqhx_226::-webkit-date-and-time-value{text-align:left}._input_1pqhx_226:is([type=date],[type=time],[type=datetime-local],[type=month],[type=week]){display:flex;align-items:center;min-width:-webkit-fill-available;-moz-appearance:none;appearance:none;-webkit-appearance:none}._input_1pqhx_226[type=search]{-moz-appearance:none;appearance:none;-webkit-appearance:none}._input_1pqhx_226[type=range]{accent-color:#E9640C}._input_1pqhx_226[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}._input--small_1pqhx_345{min-height:2rem;height:2rem}._input--small_1pqhx_345._input--has-leading-icon_1pqhx_399{padding-inline-start:calc(16px + 1rem)}._input--small_1pqhx_345._input--has-action-button_1pqhx_402{padding-inline-end:calc(2rem + 8px)}._input--small_1pqhx_345._input--has-second-action-button_1pqhx_405{padding-inline-end:calc(4rem + 8px)}._input--has-leading-icon_1pqhx_399{padding-inline-start:calc(32px + 1rem)}._input--has-action-button_1pqhx_402{padding-inline-end:calc(3rem + 16px)}._input--has-second-action-button_1pqhx_405{padding-inline-end:calc(6rem + 16px)}._input--has-affix_1pqhx_417{color:#0000}._input--has-affix_1pqhx_417::placeholder{color:#0000}._input--has-affix_1pqhx_417::placeholder{transition:color var(--ds-animation-duration, .1s) linear}@media (prefers-reduced-motion: reduce){._input--has-affix_1pqhx_417::placeholder{transition-duration:0ms}}._input--is-ready_1pqhx_431{color:#252525}._input--is-ready_1pqhx_431::placeholder{color:#666}._root_1pqhx_438{align-self:end}._root_1pqhx_438:has(._hint_1pqhx_446) ._label_1pqhx_446{margin-block-end:4px}._wrapper_1pqhx_450{display:grid;grid-template-columns:max-content 1fr max-content max-content;align-items:center}._action-button_1pqhx_456{grid-area:1/4/2/5}._label_1pqhx_446{font-family:STIHL Contraface Digital Text Regular,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:1rem;line-height:1.25;font-size-adjust:.414;display:block;max-width:fit-content;margin-block-end:8px}._label--hidden_1pqhx_475{border:0;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;text-indent:-999999px;white-space:nowrap}._hint_1pqhx_446{font-family:STIHL Contraface Digital Text Regular,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:.875rem;line-height:1.14;font-size-adjust:.414;display:block;max-width:25.5rem;margin-block-end:8px}._feedback_1pqhx_504{margin-block-end:8px;margin-block-start:8px}
@@ -1 +0,0 @@
1
- ._input_8z3ht_226{font-family:STIHL Contraface Digital Text Regular,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:1rem;line-height:1.25;font-size-adjust:.414}._input_8z3ht_226:focus{outline:1px solid;outline-color:#252525;outline-offset:0}@media screen and (forced-colors: active){._input_8z3ht_226:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._input_8z3ht_226:focus{outline:revert;outline-offset:revert}._input_8z3ht_226:focus-visible{outline:1px solid;outline-color:#252525;outline-offset:0}@media screen and (forced-colors: active){._input_8z3ht_226:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}._input_8z3ht_226{transition:background-color var(--ds-animation-duration, .1s) linear,color var(--ds-animation-duration, .1s) linear}@media (prefers-reduced-motion: reduce){._input_8z3ht_226{transition-duration:0ms}}@media (hover: hover){._input_8z3ht_226:hover{background:#0000001a}}._input_8z3ht_226{background:transparent;min-height:3rem;height:3rem;border:1px solid #252525;border-radius:0;color:#252525;display:block;padding-inline-start:15px;padding-inline-end:15px;width:100%}._input_8z3ht_226[readonly]{background-color:#ededed;border-color:transparent;color:#252525}._input_8z3ht_226[readonly]:focus{outline:2px solid;outline-color:#252525;outline-offset:0}@media screen and (forced-colors: active){._input_8z3ht_226[readonly]:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._input_8z3ht_226[readonly]:focus{outline:revert;outline-offset:revert}._input_8z3ht_226[readonly]:focus-visible{outline:2px solid;outline-color:#252525;outline-offset:0}@media screen and (forced-colors: active){._input_8z3ht_226[readonly]:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}._input_8z3ht_226:disabled{background-color:transparent;border-color:#00000080;color:#00000080;cursor:not-allowed}._input_8z3ht_226::-webkit-placeholder,._input_8z3ht_226::placeholder{color:#666;opacity:1}._input--invalid_8z3ht_338{border-color:#d43b3b;outline-color:#d43b3b}._input--invalid_8z3ht_338:active,._input--invalid_8z3ht_338:focus,._input--invalid_8z3ht_338:focus-visible{border-color:#252525}._input--small_8z3ht_345{font-family:STIHL Contraface Digital Text Regular,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:.875rem;line-height:1.14;font-size-adjust:.414;padding-inline-start:7px;padding-inline-end:7px}._input_8z3ht_226{min-height:3rem;height:3rem;inline-size:100%;grid-area:1/1/2/5}._input_8z3ht_226::-webkit-outer-spin-button,._input_8z3ht_226::-webkit-inner-spin-button,._input_8z3ht_226::-webkit-search-decoration,._input_8z3ht_226::-webkit-search-cancel-button,._input_8z3ht_226::-webkit-calendar-picker-indicator{display:none;-moz-appearance:none;appearance:none;-webkit-appearance:none}._input_8z3ht_226::-webkit-date-and-time-value{text-align:left}._input_8z3ht_226:is([type=date],[type=time],[type=datetime-local],[type=month],[type=week]){display:flex;align-items:center;min-width:-webkit-fill-available;-moz-appearance:none;appearance:none;-webkit-appearance:none}._input_8z3ht_226[type=search]{-moz-appearance:none;appearance:none;-webkit-appearance:none}._input_8z3ht_226[type=range]{accent-color:#E9640C}._input_8z3ht_226[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}._input--small_8z3ht_345{min-height:2rem;height:2rem}._input--small_8z3ht_345._input--has-leading-icon_8z3ht_399{padding-inline-start:calc(16px + 1rem)}._input--small_8z3ht_345._input--has-action-button_8z3ht_402{padding-inline-end:calc(2rem + 8px)}._input--small_8z3ht_345._input--has-second-action-button_8z3ht_405{padding-inline-end:calc(4rem + 8px)}._input--has-leading-icon_8z3ht_399{padding-inline-start:calc(32px + 1rem)}._input--has-action-button_8z3ht_402{padding-inline-end:calc(3rem + 16px)}._input--has-second-action-button_8z3ht_405{padding-inline-end:calc(6rem + 16px)}._input--has-affix_8z3ht_417{color:#0000}._input--has-affix_8z3ht_417::placeholder{color:#0000}._input--has-affix_8z3ht_417::placeholder{transition:color var(--ds-animation-duration, .1s) linear}@media (prefers-reduced-motion: reduce){._input--has-affix_8z3ht_417::placeholder{transition-duration:0ms}}._input--is-ready_8z3ht_431{color:#252525}._input--is-ready_8z3ht_431::placeholder{color:#666}._root_8z3ht_438{align-self:end}._root_8z3ht_438:has(._hint_8z3ht_446) ._label_8z3ht_446{margin-block-end:4px}._wrapper_8z3ht_450{display:grid;grid-template-columns:max-content 1fr max-content max-content;align-items:center}._action-button_8z3ht_456{grid-area:1/4/2/5}._second-action-button_8z3ht_460{grid-area:1/3/2/4}._label_8z3ht_446{font-family:STIHL Contraface Digital Text Regular,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:1rem;line-height:1.25;font-size-adjust:.414;display:block;max-width:fit-content;margin-block-end:8px}._label--hidden_8z3ht_479{border:0;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;text-indent:-999999px;white-space:nowrap}._hint_8z3ht_446{font-family:STIHL Contraface Digital Text Regular,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:.875rem;line-height:1.14;font-size-adjust:.414;display:block;max-width:25.5rem;margin-block-end:8px}._feedback_8z3ht_508{margin-block-end:8px;margin-block-start:8px}
@@ -1 +0,0 @@
1
- ._input_td0g0_226{font-family:STIHL Contraface Digital Text Regular,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:1rem;line-height:1.25;font-size-adjust:.414}._input_td0g0_226:focus{outline:1px solid;outline-color:#252525;outline-offset:0}@media screen and (forced-colors: active){._input_td0g0_226:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._input_td0g0_226:focus{outline:revert;outline-offset:revert}._input_td0g0_226:focus-visible{outline:1px solid;outline-color:#252525;outline-offset:0}@media screen and (forced-colors: active){._input_td0g0_226:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}._input_td0g0_226{transition:background-color var(--ds-animation-duration, .1s) linear,color var(--ds-animation-duration, .1s) linear}@media (prefers-reduced-motion: reduce){._input_td0g0_226{transition-duration:0ms}}@media (hover: hover){._input_td0g0_226:hover{background:#0000001a}}._input_td0g0_226{background:transparent;min-height:3rem;height:3rem;border:1px solid #252525;border-radius:0;color:#252525;display:block;padding-inline-start:15px;padding-inline-end:15px;width:100%}._input_td0g0_226[readonly]{background-color:#ededed;border-color:transparent;color:#252525}._input_td0g0_226[readonly]:focus{outline:2px solid;outline-color:#252525;outline-offset:0}@media screen and (forced-colors: active){._input_td0g0_226[readonly]:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._input_td0g0_226[readonly]:focus{outline:revert;outline-offset:revert}._input_td0g0_226[readonly]:focus-visible{outline:2px solid;outline-color:#252525;outline-offset:0}@media screen and (forced-colors: active){._input_td0g0_226[readonly]:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}._input_td0g0_226:disabled{background-color:transparent;border-color:#00000080;color:#00000080;cursor:not-allowed}._input_td0g0_226::-webkit-placeholder,._input_td0g0_226::placeholder{color:#666;opacity:1}._input--invalid_td0g0_338{border-color:#d43b3b;outline-color:#d43b3b}._input--invalid_td0g0_338:active,._input--invalid_td0g0_338:focus,._input--invalid_td0g0_338:focus-visible{border-color:#252525}._input--small_td0g0_345{font-family:STIHL Contraface Digital Text Regular,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:.875rem;line-height:1.14;font-size-adjust:.414;padding-inline-start:7px;padding-inline-end:7px}._input_td0g0_226{min-height:3rem;height:3rem;inline-size:100%;grid-area:1/1/2/5}._input_td0g0_226::-webkit-outer-spin-button,._input_td0g0_226::-webkit-inner-spin-button,._input_td0g0_226::-webkit-search-decoration,._input_td0g0_226::-webkit-search-cancel-button,._input_td0g0_226::-webkit-calendar-picker-indicator{display:none;-moz-appearance:none;appearance:none;-webkit-appearance:none}._input_td0g0_226::-webkit-date-and-time-value{text-align:left}._input_td0g0_226:is([type=date],[type=time],[type=datetime-local],[type=month],[type=week]){display:flex;align-items:center;min-width:-webkit-fill-available;-moz-appearance:none;appearance:none;-webkit-appearance:none}._input_td0g0_226[type=search]{-moz-appearance:none;appearance:none;-webkit-appearance:none}._input_td0g0_226[type=range]{accent-color:#E9640C}._input_td0g0_226[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}._input--small_td0g0_345{min-height:2rem;height:2rem}._input--small_td0g0_345._input--has-leading-icon_td0g0_399{padding-inline-start:calc(16px + 1rem)}._input--small_td0g0_345._input--has-action-button_td0g0_402{padding-inline-end:calc(2rem + 8px)}._input--small_td0g0_345._input--has-second-action-button_td0g0_405{padding-inline-end:calc(4rem + 8px)}._input--has-leading-icon_td0g0_399{padding-inline-start:calc(32px + 1rem)}._input--has-action-button_td0g0_402{padding-inline-end:calc(3rem + 16px)}._input--has-second-action-button_td0g0_405{padding-inline-end:calc(6rem + 16px)}._input--has-affix_td0g0_417{color:#0000}._input--has-affix_td0g0_417::placeholder{color:#0000}._input--has-affix_td0g0_417::placeholder{transition:color var(--ds-animation-duration, .1s) linear}@media (prefers-reduced-motion: reduce){._input--has-affix_td0g0_417::placeholder{transition-duration:0ms}}._input--is-ready_td0g0_431{color:#252525}._input--is-ready_td0g0_431::placeholder{color:#666}._input_td0g0_226{grid-area:1/1/2/4}._root_td0g0_441{align-self:end}._root_td0g0_441:has(._hint_td0g0_449) ._label_td0g0_449{margin-block-end:4px}._wrapper_td0g0_453{display:grid;grid-template-columns:max-content 1fr max-content max-content;align-items:center}._affix_td0g0_459{font-family:STIHL Contraface Digital Text Regular,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:1rem;line-height:1.25;font-size-adjust:.414;display:flex;align-items:center;padding-inline-start:15px;padding-inline-end:15px;pointer-events:none;color:#666;background-color:#f8f8f8;z-index:1;height:calc(100% - 2px);width:calc(100% - 1px)}._affix--small_td0g0_481{font-family:STIHL Contraface Digital Text Regular,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:.875rem;line-height:1.14;font-size-adjust:.414;padding-inline-start:7px;padding-inline-end:7px}._affix--disabled_td0g0_495{color:#00000080}._affix--disabled_td0g0_495._prefix_td0g0_498,._affix--disabled_td0g0_495._affix_td0g0_459{border-color:#0000001a}._affix--readonly_td0g0_501{background-color:#ededed;height:100%}._affix_td0g0_459._prefix_td0g0_498{margin-inline-start:1px;border-right:1px solid #B1B1B1;grid-area:1/1/2/2;order:1}._affix_td0g0_459._suffix_td0g0_511{margin-inline-end:1px;border-left:1px solid #B1B1B1;grid-area:1/3/2/4;order:1}._action-button_td0g0_518{grid-area:1/4/2/5}._label_td0g0_449{font-family:STIHL Contraface Digital Text Regular,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:1rem;line-height:1.25;font-size-adjust:.414;display:block;max-width:fit-content;margin-block-end:8px}._label--hidden_td0g0_537{border:0;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;text-indent:-999999px;white-space:nowrap}._hint_td0g0_449{font-family:STIHL Contraface Digital Text Regular,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:.875rem;line-height:1.14;font-size-adjust:.414;display:block;max-width:25.5rem;margin-block-end:8px}._feedback_td0g0_566{margin-block-end:8px;margin-block-start:8px}._wrapper_td0g0_453{gap:4px;grid-template-columns:max-content 1fr max-content max-content max-content}._action-button_td0g0_518{grid-area:1/5/2/6}._second-action-button_td0g0_580{grid-area:1/4/2/5}._value-announcer_td0g0_584{border:0;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;text-indent:-999999px;white-space:nowrap}