@stihl-design-system/components 1.0.0-RC.47 → 1.0.0-RC.48

package/styles/scss/ds/lib/ds-internal/_link-button.scss

@@ -2,7 +2,9 @@
 @use '_helpers' as *;
 @use '_high-contrast' as *;
 @use '_hover' as *;
+@use '../border-width' as *;
 @use '../media-query' as *;
+@use '../radius' as *;
 @use '../spacing' as *;
 @use '../spacing-rem' as *;
 @use '../text' as *;
@@ -37,7 +39,7 @@ $link-button-size-medium: $spacing-48-rem;
     display: inline-flex;
     justify-content: center;
     align-items: center;
-    border-width: $spacing-1;
+    border-width: $border-width-1;
     border-style: solid;
     border-color: transparent;
     gap: $spacing-8;
@@ -150,7 +152,7 @@ $link-button-size-medium: $spacing-48-rem;
       @include utility-large-bold;
       color: $theme-light-content-color-primary;
 
-      border-radius: $spacing-2;
+      border-radius: $radius-xs;
       
       min-height: $link-button-size-small;
       min-width: $link-button-size-small;

package/styles/scss/ds/lib/ds-internal/_link.scss

@@ -37,9 +37,8 @@
     }
   }
 
-  &[href^="http://"]::after,
-  &[href^="https://"]::after
-  {
+  &[href^='http://']::after,
+  &[href^='https://']::after {
     content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{urlEncodeHexColor($content-color)}' viewBox='0 0 16 16' focusable='false' width='100%25' height='100%25'%3E%3Cpath fill-rule='evenodd' d='M9 2V0h7v7h-2V3.4L8.1 9.3 6.7 7.9 12.6 2H9Zm5 8h-2v4H2V4h4V2H0v14h14v-6Z' clip-rule='evenodd'/%3E%3C/svg%3E");
   }
 
@@ -47,6 +46,27 @@
     content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{urlEncodeHexColor($content-color)}' viewBox='0 0 16 16' focusable='false' width='100%25' height='100%25'%3E%3Cpath d='M14.4 9.6 8 16 1.6 9.6 3 8.2l4 4V0h2v12.2l4-4 1.4 1.4Z'/%3E%3C/svg%3E");
   }
 
+  @include high-contrast-media-query {
+    &[href^='http://']::after,
+    &[href^='https://']::after {
+      forced-color-adjust: none;
+      content: '';
+      background-color: LinkText;
+      mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='100%25' height='100%25'%3E%3Cpath fill-rule='evenodd' d='M9 2V0h7v7h-2V3.4L8.1 9.3 6.7 7.9 12.6 2H9Zm5 8h-2v4H2V4h4V2H0v14h14v-6Z' clip-rule='evenodd'/%3E%3C/svg%3E");
+      mask-size: contain;
+      mask-repeat: no-repeat;
+    }
+
+    &[href^='#']::after {
+      forced-color-adjust: none;
+      content: '';
+      background-color: LinkText;
+      mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='100%25' height='100%25'%3E%3Cpath d='M14.4 9.6 8 16 1.6 9.6 3 8.2l4 4V0h2v12.2l4-4 1.4 1.4Z'/%3E%3C/svg%3E");
+      mask-size: contain;
+      mask-repeat: no-repeat;
+    }
+  }
+
   
   
   @include focus($theme, $offset: 0);

package/styles/scss/ds/lib/input.scss

@@ -1,8 +1,13 @@
 @use './ds-internal/_input' as *;
 
-@mixin input-label($hasHint: false, $isDisabled: false, $isRequired: false) {
+@mixin input-label(
+  $hasHint: false,
+  $isDisabled: false,
+  $isRequired: false,
+  $theme: 'light'
+) {
   @if (not $isDisabled and not $isRequired) {
-    @include input-label-base($hasHint);
+    @include input-label-base($hasHint, $theme);
   }
   @if $isDisabled {
     @include input-label-disabled();
@@ -13,14 +18,14 @@
   }
 }
 
-@mixin input-hint() {
-  @include input-hint-base();
+@mixin input-hint($theme: 'light') {
+  @include input-hint-base($theme);
 }
 
-@mixin input($size: 'medium', $isInvalid: false) {
+@mixin input($size: 'medium', $isInvalid: false, $theme: 'light') {
   @if (not $isInvalid) {
-    @include input-base($size);
+    @include input-base($size, $theme);
   } @else {
-    @include input-invalid();
+    @include input-invalid($theme);
   }
 }

package/styles/scss/ds/lib/link.scss

@@ -25,8 +25,8 @@
   
   
   
-  :where(&)[href^="http://"]::after,
-  :where(&)[href^="https://"]::after,
+  :where(&)[href^='http://']::after,
+  :where(&)[href^='https://']::after,
   :where(&)[href^='#']::after {
     display: inline-block;
     margin-inline-start: 0.375em;

package/styles/scss/ds/lib/radius.scss

@@ -0,0 +1,5 @@
+$radius-none: 0;
+$radius-xs: 2px;
+$radius-s: 4px;
+$radius-circle: 50%;
+$radius-full: 9999px;

package/{switch.CuNNdrkD.js → switch.tM2XBag8.js}

@@ -5,11 +5,11 @@ import { c as q } from "./chunks/index.DQOqod3i.js";
 import { forwardRef as z } from "react";
 import { D as A } from "./chunks/Icon.DYtaQgbw.js";
 import { DSSpinner as B } from "./spinner.DtLnsqVV.js";
-import './assets/switch.fwcMI6o7.css';const F = "ds-switch_root_4381h_1", G = "ds-switch_root--label-right_4381h_40", H = "ds-switch_root--stretched_4381h_43", J = "ds-switch_loader_4381h_53", K = "ds-switch_thumb_4381h_111", M = "ds-switch_root--checked_4381h_126", o = {
+import './assets/switch.8v7Wp1Fj.css';const F = "ds-switch_root_1c6he_1", G = "ds-switch_root--label-right_1c6he_40", H = "ds-switch_root--stretched_1c6he_43", J = "ds-switch_loader_1c6he_53", K = "ds-switch_thumb_1c6he_111", M = "ds-switch_root--checked_1c6he_126", o = {
   root: F,
   rootLabelRight: G,
   rootStretched: H,
-  switch: "ds-switch_switch_4381h_48",
+  switch: "ds-switch_switch_1c6he_48",
   loader: J,
   thumb: K,
   rootChecked: M

package/{systemfeedback.Da0wX0Eb.js → systemfeedback.BPPOht_9.js}

@@ -4,7 +4,7 @@ import "./chunks/index.cKLI89Eg.js";
 import "./chunks/index.DQOqod3i.js";
 import "react";
 import "./chunks/Icon.DYtaQgbw.js";
-import { D as s } from "./chunks/SystemFeedback.4osheYxC.js";
+import { D as s } from "./chunks/SystemFeedback.DhWcYjnu.js";
 export {
   s as DSSystemFeedback
 };

package/{tablist.BjKwrLz9.js → tablist.BAm0_UIG.js}

@@ -2,17 +2,16 @@
 import { jsxs as k, jsx as p } from "react/jsx-runtime";
 import { c as D } from "./chunks/index.DQOqod3i.js";
 import { useState as E, useRef as g, useEffect as ot } from "react";
-import { g as h, i as C } from "./chunks/is-animation-disabled.B-V_68K-.js";
-import { h as nt } from "./chunks/has-window.ut_-aShB.js";
-import { g as st } from "./chunks/helpers.CexwVao7.js";
-import { u as W } from "./chunks/useIsomorphicLayoutEffect.CnJ9AMFS.js";
-import "./chunks/index.cKLI89Eg.js";
-import { D as X } from "./chunks/Button.COycNYUI.js";
-import { D as ct } from "./chunks/Icon.DYtaQgbw.js";
-import { NumberIndicator as it } from "./numberindicator.Q7g4J3Ry.js";
-import { g as at, a as j } from "./chunks/TabPane.utils.DG16Y2uD.js";
-import { s as c, N as lt } from "./chunks/NavigationTabList.CyrKNAer.js";
-const b = 48, Lt = ({
+import { D as X } from "./chunks/Button.CCol--xy.js";
+import { D as nt } from "./chunks/Icon.DYtaQgbw.js";
+import { NumberIndicator as st } from "./numberindicator.DsK65Bj3.js";
+import { g as ct, a as j } from "./chunks/TabPane.utils.DG16Y2uD.js";
+import { s as c, N as it } from "./chunks/NavigationTabList.thzA1pU8.js";
+import { u as C } from "./chunks/useIsomorphicLayoutEffect.CnJ9AMFS.js";
+import { g as at } from "./chunks/helpers.CexwVao7.js";
+import { g as h, i as W } from "./chunks/is-animation-disabled.B-V_68K-.js";
+import { h as lt } from "./chunks/has-window.ut_-aShB.js";
+const b = 48, Dt = ({
   aria: q,
   id: L,
   selectedTabIndex: n,
@@ -28,12 +27,12 @@ const b = 48, Lt = ({
   const [A, u] = E(Q), [U, V] = E(!1), [Y, Z] = E(!1), d = g([]), v = g(null), s = g(null), i = g(null), w = g(!1), H = g(n), N = () => {
     P(), x();
   };
-  W(() => {
+  C(() => {
     const e = new ResizeObserver(N);
     return s.current && e.observe(s.current), () => {
       e.disconnect();
     };
-  }, []), W(() => {
+  }, []), C(() => {
     const e = [
       "18px 'STIHL Contraface Digital Text Regular'",
       // utility large - Tab
@@ -45,7 +44,7 @@ const b = 48, Lt = ({
     Promise.all(e.map((o) => document.fonts.load(o))).then(() => {
       S(n), R("next", n, "instant"), P(), w.current = !0;
     }).catch((o) => {
-      throw new Error(st("DSTabs", `The component requires the fonts to be loaded: ${o}`));
+      throw new Error(at("DSTabs", `The component requires the fonts to be loaded: ${o}`));
     });
     const t = () => {
       !w.current || !i.current || (r.matches ? i.current.style.transitionDuration = "0s" : i.current.style.transitionDuration = "");
@@ -53,7 +52,7 @@ const b = 48, Lt = ({
     return r.addEventListener("change", t), s.current?.addEventListener("scroll", N), () => {
       r.removeEventListener("change", t), s.current?.removeEventListener("scroll", N);
     };
-  }, [l, I]), W(() => {
+  }, [l, I]), C(() => {
     if (w.current && (S(n), T)) {
       const e = M(n);
       u(n), R(e, n);
@@ -75,7 +74,7 @@ const b = 48, Lt = ({
       V(t.left < e.left), Z(t.right > e.right + 4);
     }
   }, O = (e = 0) => {
-    nt && i.current && !C() && setTimeout(() => {
+    lt && i.current && !W() && setTimeout(() => {
       i.current && (i.current.style.transitionDuration = "250ms");
     }, e);
   }, x = () => {
@@ -145,14 +144,14 @@ const b = 48, Lt = ({
       }
       f.scrollTo({
         left: B,
-        behavior: C() ? "instant" : r
+        behavior: W() ? "instant" : r
       });
     }
   }, $ = (e) => {
     const t = et(e);
     s.current?.scrollTo({
       left: t,
-      behavior: C() ? "instant" : "smooth"
+      behavior: W() ? "instant" : "smooth"
     });
   }, et = (e) => {
     if (!v.current || !s.current)
@@ -167,7 +166,7 @@ const b = 48, Lt = ({
   }), rt = T ? "nav" : "div";
   return /* @__PURE__ */ k("div", { className: D(c.tabsWrapper, G), ...J, children: [
     /* @__PURE__ */ k(rt, { className: c.scrollWrapper, ref: s, ...q, children: [
-      T ? /* @__PURE__ */ p(lt, { tabs: l, tabRefs: d, scrollerRef: v, handleNavigationKeydown: tt, scrollerClass: K, selectedTabIndex: n, setSelectedTab: y }) : /* @__PURE__ */ p("div", { role: "tablist", className: K, ref: v, children: l.map(({
+      T ? /* @__PURE__ */ p(it, { tabs: l, tabRefs: d, scrollerRef: v, handleNavigationKeydown: tt, scrollerClass: K, selectedTabIndex: n, setSelectedTab: y }) : /* @__PURE__ */ p("div", { role: "tablist", className: K, ref: v, children: l.map(({
         id: e,
         label: t,
         iconName: r,
@@ -179,7 +178,7 @@ const b = 48, Lt = ({
           id: j(L, e),
           role: "tab",
           "aria-selected": n === a,
-          "aria-controls": at(L, e, a),
+          "aria-controls": ct(L, e, a),
           tabIndex: n === a ? 0 : -1,
           className: c.tab,
           ref: (m) => {
@@ -189,9 +188,9 @@ const b = 48, Lt = ({
           onKeyDown: (m) => _(m, a),
           type: "button",
           children: [
-            r && /* @__PURE__ */ p(ct, { name: r, "aria-hidden": "true" }),
+            r && /* @__PURE__ */ p(nt, { name: r, "aria-hidden": "true" }),
             t,
-            o && /* @__PURE__ */ p(it, { "aria-label": f, label: o })
+            o && /* @__PURE__ */ p(st, { "aria-label": f, label: o })
           ]
         },
         j(L, e)
@@ -207,5 +206,5 @@ const b = 48, Lt = ({
   ] });
 };
 export {
-  Lt as TabList
+  Dt as TabList
 };

package/{tabpane.7vMXUKFX.js → tabpane.B9rZghU6.js}

@@ -4,7 +4,7 @@ import { d as T } from "./chunks/index.cKLI89Eg.js";
 import { c as g } from "./chunks/index.DQOqod3i.js";
 import { useRef as y, useState as F, useEffect as N } from "react";
 import { c as P, g as v, a as R } from "./chunks/TabPane.utils.DG16Y2uD.js";
-import './assets/tabpane.o34hshTz.css';const S = "ds-tabs_tabpane_30tnb_1", j = {
+import './assets/tabpane.DDaeSDQb.css';const S = "ds-tabs_tabpane_1cps1_1", j = {
   tabpane: S
 }, k = (x) => {
   const e = T.c(19), {

package/{tabs.-U2k6Oll.js → tabs.BgTdWbTe.js}

@@ -2,10 +2,10 @@
 import "react/jsx-runtime";
 import "./chunks/index.cKLI89Eg.js";
 import "react";
-import "./tablist.BjKwrLz9.js";
-import "./tabpane.7vMXUKFX.js";
+import "./tablist.BAm0_UIG.js";
+import "./tabpane.B9rZghU6.js";
 import "./chunks/TabPane.utils.DG16Y2uD.js";
-import { D as a } from "./chunks/Tabs.xXn4zpGp.js";
+import { D as a } from "./chunks/Tabs.BHVlgp7L.js";
 export {
   a as DSTabs
 };

package/text.BEO_ZfJq.js

@@ -0,0 +1,72 @@
+"use client";
+import { jsx as y } from "react/jsx-runtime";
+import { d as $ } from "./chunks/index.cKLI89Eg.js";
+import { c as P } from "./chunks/index.DQOqod3i.js";
+import { useRef as R, useEffect as j } from "react";
+import { i as M } from "./chunks/Text.utils.DzlY9pJS.js";
+import { g as L } from "./chunks/helpers.CexwVao7.js";
+import './assets/text.BwGsYzGM.css';const C = "ds-text_root_1skzv_6", O = "ds-text_root--large_1skzv_15", V = "ds-text_root--large-bold_1skzv_26", W = "ds-text_root--medium_1skzv_38", q = "ds-text_root--medium-bold_1skzv_49", A = "ds-text_root--small_1skzv_61", F = "ds-text_root--small-bold_1skzv_72", G = "ds-text_root--x-small_1skzv_84", H = "ds-text_root--x-small-bold_1skzv_95", I = "ds-text_root--xx-small_1skzv_107", J = "ds-text_root--theme-dark_1skzv_219", o = {
+  root: C,
+  rootLarge: O,
+  rootLargeBold: V,
+  rootMedium: W,
+  rootMediumBold: q,
+  rootSmall: A,
+  rootSmallBold: F,
+  rootXSmall: G,
+  rootXSmallBold: H,
+  rootXxSmall: I,
+  rootThemeDark: J
+}, ot = (g) => {
+  const t = $.c(28);
+  let l, r, a, m, i, n, d;
+  t[0] !== g ? ({
+    children: l,
+    className: r,
+    size: m,
+    tag: i,
+    theme: n,
+    weight: d,
+    ...a
+  } = g, t[0] = g, t[1] = l, t[2] = r, t[3] = a, t[4] = m, t[5] = i, t[6] = n, t[7] = d) : (l = t[1], r = t[2], a = t[3], m = t[4], i = t[5], n = t[6], d = t[7]);
+  const e = m === void 0 ? "medium" : m, s = i === void 0 ? "p" : i, N = n === void 0 ? "light" : n, c = d === void 0 ? "normal" : d, _ = R(null);
+  let x, h;
+  t[8] !== s ? (x = () => {
+    if (_.current && process.env.NODE_ENV !== "production")
+      t: switch (s) {
+        case "li": {
+          if (!M(_.current, "ul, ol"))
+            throw Error(L("DSText", `The DSText component with the tag "${s}" is not within a list element (ul, ol). This may cause issues with list semantics. Please ensure the DSText component is within a list element.`));
+          break t;
+        }
+        case "dt":
+        case "dd": {
+          if (!M(_.current, "dl"))
+            throw Error(L("DSText", `The DSText component with the tag "${s}" is not within a list element (dl). This may cause issues with list semantics. Please ensure the DSText component is within a list element.`));
+          break t;
+        }
+        default:
+          return;
+      }
+  }, h = [s], t[8] = s, t[9] = x, t[10] = h) : (x = t[9], h = t[10]), j(x, h);
+  const f = s, k = e === "large", v = e === "large" && c === "bold", p = e == "medium", T = e === "medium" && c === "bold", w = e == "small", z = e == "small" && c === "bold", B = e == "x-small", D = e == "x-small" && c === "bold", b = e == "xx-small", X = N === "dark";
+  let u;
+  t[11] !== r || t[12] !== T || t[13] !== w || t[14] !== z || t[15] !== B || t[16] !== D || t[17] !== b || t[18] !== X || t[19] !== k || t[20] !== v || t[21] !== p ? (u = P(o.root, r, {
+    [o.rootLarge]: k,
+    [o.rootLargeBold]: v,
+    [o.rootMedium]: p,
+    [o.rootMediumBold]: T,
+    [o.rootSmall]: w,
+    [o.rootSmallBold]: z,
+    [o.rootXSmall]: B,
+    [o.rootXSmallBold]: D,
+    [o.rootXxSmall]: b,
+    [o.rootThemeDark]: X
+  }), t[11] = r, t[12] = T, t[13] = w, t[14] = z, t[15] = B, t[16] = D, t[17] = b, t[18] = X, t[19] = k, t[20] = v, t[21] = p, t[22] = u) : u = t[22];
+  const E = u;
+  let S;
+  return t[23] !== f || t[24] !== l || t[25] !== a || t[26] !== E ? (S = /* @__PURE__ */ y(f, { className: E, ref: _, ...a, children: l }), t[23] = f, t[24] = l, t[25] = a, t[26] = E, t[27] = S) : S = t[27], S;
+};
+export {
+  ot as DSText
+};

package/{textarea.BWznY6Gg.js → textarea.Cki-uMkZ.js}

@@ -2,13 +2,12 @@
 import "react/jsx-runtime";
 import "./chunks/index.DQOqod3i.js";
 import "react";
-import "./chunks/helpers.CexwVao7.js";
 import "./chunks/useBreakpoint.1txsny17.js";
-import "./chunks/index.cKLI89Eg.js";
 import "./asterisk.Dwtdwpkq.js";
-import "./chunks/Popover.ByaoNwGK.js";
-import "./chunks/SystemFeedback.4osheYxC.js";
-import { D as c } from "./chunks/Textarea.CAOqZMUi.js";
+import "./chunks/Popover.CxZZ_y1Z.js";
+import "./chunks/SystemFeedback.DhWcYjnu.js";
+import { D } from "./chunks/Textarea.vuJgvW6_.js";
+import "./chunks/helpers.CexwVao7.js";
 export {
-  c as DSTextarea
+  D as DSTextarea
 };

package/{textutility.CBLuAdaa.js → textutility.BypzssPt.js}

@@ -3,9 +3,9 @@ import "react/jsx-runtime";
 import "./chunks/index.cKLI89Eg.js";
 import "./chunks/index.DQOqod3i.js";
 import "react";
+import "./chunks/Text.utils.DzlY9pJS.js";
+import { D as s } from "./chunks/TextUtility.BZLwqyic.js";
 import "./chunks/helpers.CexwVao7.js";
-import "./chunks/Text.utils.BZ4nTZVu.js";
-import { D as s } from "./chunks/TextUtility.BPrxUX-x.js";
 export {
   s as DSTextUtility
 };

package/{toast.D9XLSgJg.js → toast.s0Hfuh5i.js}

@@ -3,9 +3,9 @@ import "react/jsx-runtime";
 import "./chunks/index.cKLI89Eg.js";
 import "./chunks/index.DQOqod3i.js";
 import "react";
-import "./chunks/Button.COycNYUI.js";
+import "./chunks/Button.CCol--xy.js";
 import "./chunks/Icon.DYtaQgbw.js";
-import { D as a } from "./chunks/Toast.NZfb7z3q.js";
+import { D as a } from "./chunks/Toast.V_ZUAsf2.js";
 export {
   a as DSToast
 };

package/{toastmanager.V5E05qgI.js → toastmanager.CPIPn4Io.js}

@@ -1,35 +1,34 @@
 "use client";
 import { jsxs as C, jsx as O } from "react/jsx-runtime";
 import { createContext as b, useState as h, useRef as L, useEffect as v, useMemo as _, useContext as y } from "react";
-import { g } from "./chunks/helpers.CexwVao7.js";
-import "./chunks/index.cKLI89Eg.js";
-import { s as R, f as U } from "./chunks/AriaLiveRegions.utils.BPvIKT6B.js";
-import { D as j, s as q } from "./chunks/Toast.NZfb7z3q.js";
+import { s as R, f as U } from "./chunks/AriaLiveRegions.utils.xoETe2Ps.js";
+import { D as j, s as q } from "./chunks/Toast.V_ZUAsf2.js";
 import { h as Q } from "./chunks/has-window.ut_-aShB.js";
+import { g } from "./chunks/helpers.CexwVao7.js";
 const k = () => {
   if (!Q)
     return;
   if (document.querySelectorAll("[data-ds-toast]").length > 1)
     throw new Error(g("DSToast", 'The destructured "toast" element should only be used once in the DOM.'));
-}, n = "data-ds-toast-timeout-id", S = "closing", B = 1e4, D = b(void 0), J = () => {
+}, n = "data-ds-toast-timeout-id", S = "closing", B = 1e4, D = b(void 0), H = () => {
   const r = y(D);
   if (!r)
     throw new Error(g("DSToastProvider", "useDSToast must be used within a <DSToastProvider />, which wraps around your root component."));
   return r;
-}, K = ({
+}, J = ({
   children: r
 }) => {
-  const [u, a] = h([]), [o, i] = h(null), e = L(null);
+  const [u, a] = h([]), [o, c] = h(null), e = L(null);
   v(() => {
     !o && u.length > 0 && setTimeout(() => {
-      i(u[0]);
+      c(u[0]);
     });
   }, [u]), v(() => {
-    o && (p(o.message, o.variant), I());
+    o && (w(o.message, o.variant), I());
   }, [o]);
-  const c = () => e.current?.getAttribute(n) || null, l = (t) => {
+  const i = () => e.current?.getAttribute(n) || null, l = (t) => {
     e.current?.setAttribute(n, t);
-  }, M = () => e.current?.removeAttribute(n), p = (t, s) => {
+  }, M = () => e.current?.removeAttribute(n), w = (t, s) => {
     s === "warning" ? R(t, "DSToast") : (s === "success" || s === "info") && U(t, "DSToast");
   }, T = (t, s) => {
     const P = {
@@ -40,27 +39,27 @@ const k = () => {
       onClick: () => {
         f();
       },
-      onMouseEnter: w,
-      onMouseLeave: A
+      onMouseEnter: A,
+      onMouseLeave: p
     };
     a((x) => [...x, P]);
-  }, w = () => {
+  }, A = () => {
     m();
   }, m = () => {
-    const t = c();
+    const t = i();
     t && (clearTimeout(t), e.current?.removeAttribute(n));
   }, d = () => {
     const t = setTimeout(() => {
       f();
     }, B);
     l(String(t));
-  }, A = () => {
-    c() !== S && e.current && d();
+  }, p = () => {
+    i() !== S && e.current && d();
   }, I = () => {
     k(), o && e.current?.showPopover && (e.current.showPopover(), d());
   }, f = () => {
     m(), l(S), e.current && (e.current.addEventListener("animationend", () => {
-      e.current?.hidePopover && (e.current.hidePopover(), M(), e.current = null, a((t) => t.slice(1)), i(null));
+      e.current?.hidePopover && (e.current.hidePopover(), M(), e.current = null, a((t) => t.slice(1)), c(null));
     }, {
       once: !0
       // removes event listener after being called once
@@ -74,6 +73,6 @@ const k = () => {
   ] });
 };
 export {
-  K as DSToastProvider,
-  J as useDSToast
+  J as DSToastProvider,
+  H as useDSToast
 };

package/{tooltip.a1aWHK00.js → tooltip.BFQG-7VR.js}

@@ -6,7 +6,7 @@ import { j as Q, a as W, u as X, m as Y, n as Z, c as ee, d as te, e as oe, o as
 import { c as re } from "./chunks/index.DQOqod3i.js";
 import { g as F, c as V } from "./chunks/helpers.CexwVao7.js";
 import { u as ce } from "./chunks/useIsomorphicLayoutEffect.CnJ9AMFS.js";
-import './assets/tooltip.DrSplliO.css';const ae = "ds-tooltip_tooltip_8eqja_5", fe = {
+import './assets/tooltip.C_BL2kou.css';const ae = "ds-tooltip_tooltip_juoi3_5", fe = {
   tooltip: ae
 };
 function pe(n) {

package/{topbar.BdGK62KJ.js → topbar.Bbct-XkB.js}

@@ -3,10 +3,10 @@ import "react/jsx-runtime";
 import "./chunks/index.cKLI89Eg.js";
 import "./chunks/index.DQOqod3i.js";
 import "react";
-import "./chunks/helpers.CexwVao7.js";
-import { b } from "./chunks/Header.bLSdAY9-.js";
-import "./logo.D7LnRA1E.js";
+import { b } from "./chunks/Header.CvcGSuhX.js";
+import "./logo.D6BTxbxv.js";
 import "./logo100years.C0IojOp9.js";
+import "./chunks/helpers.CexwVao7.js";
 export {
   b as DSTopBar
 };

package/utils/translate.d.ts

@@ -1,11 +1,27 @@
 /**
- * Translates a given key using specified translations and dynamic replacements of placeholders like {0} or {1}.
- * Unmatched placeholders in the translation are removed.
+ * Language type for all translatable DS components.
+ * Use `'de'` or `'en'` for preconfigured translations, or any
+ * [BCP 47 language tag](https://www.rfc-editor.org/info/bcp47)
+ * (e.g. `'fr'`, `'pl'`, `'en-GB'`) when providing a custom `translations` object.
+ */
+export type DSLanguage = 'de' | 'en' | (string & {});
+/**
+ * Translates a given key using ICU MessageFormat for proper pluralization and interpolation.
+ * Supports named parameters (e.g. `{count}`) and ICU plural syntax
+ * (e.g. `{count, plural, one {# item} other {# items}}`).
  *
  * @param key - The key identifying the text to be translated.
  * @param translations - Object containing translation mappings.
- * @param {string[]} [replacements=[]] - Optional array of replacement strings for placeholders in the translation.
- * @returns {string} The translated string with placeholders replaced by corresponding values in replacements array or removed if no match is found.
+ * @param locale - The locale string used for CLDR plural rule resolution (e.g. 'en', 'de', 'pl').
+ * @param values - Optional record of named values to interpolate into the message.
+ * @returns The translated string with all placeholders resolved.
+ */
+export declare const translate: <T extends Record<string, string>>(key: keyof T, translations: T, locale: string, values?: Record<string, string | number>) => string;
+/**
+ * Higher-order function to bind translations and locale, returning a simple `t(key, values?)` helper.
+ *
+ * @param translations - Object containing translation mappings.
+ * @param locale - The locale string used for CLDR plural rule resolution.
+ * @returns A translation function `t(key, values?)`.
  */
-export declare const translate: <T extends Record<string, string>>(key: keyof T, translations: T, replacements?: string[]) => string;
-export declare const translateWithTranslations: <T extends Record<string, string>>(translations: T) => (key: keyof T, replacements?: string[]) => string;
+export declare const translateWithTranslations: <T extends Record<string, string>>(translations: T, locale: string) => (key: keyof T, values?: Record<string, string | number>) => string;

package/assets/Accordion.DPu2l_Kg.css

@@ -1 +0,0 @@
-*:not(li)>.ds-accordion_details_3l1oa_1:only-of-type,li>.ds-accordion_details_3l1oa_1:only-of-type:not(:only-child){border-bottom:none}.ds-accordion_details_3l1oa_1{max-width:44.9375rem;border-bottom:1px solid #B1B1B1}.ds-accordion_details_3l1oa_1::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){.ds-accordion_details_3l1oa_1::details-content{transition-duration:0ms}}.ds-accordion_details_3l1oa_1[open]::details-content{overflow:visible;transition-timing-function:cubic-bezier(0,0,.5,1);block-size:auto;block-size:calc-size(auto);opacity:1}.ds-accordion_details_3l1oa_1 a:not([class]){display:inline;padding-inline-end:2px;padding-inline-start:2px;padding-block-start:0;padding-block-end:0;line-height:inherit;font-size:inherit;text-decoration-skip-ink:auto;text-decoration-line:underline;text-underline-offset:2px;text-decoration-thickness:1px;text-decoration-color:currentColor}:where(.ds-accordion_details_3l1oa_1 a:not([class]))[href^="http://"]:after,:where(.ds-accordion_details_3l1oa_1 a:not([class]))[href^="https://"]:after,:where(.ds-accordion_details_3l1oa_1 a:not([class]))[href^="#"]:after{display:inline-block;margin-inline-start:.375em;width:.75em;height:.75em}.ds-accordion_details_3l1oa_1 a:not([class]){color:#252525}.ds-accordion_details_3l1oa_1 a:not([class]):link,.ds-accordion_details_3l1oa_1 a:not([class]):visited{color:#252525}.ds-accordion_details_3l1oa_1 a:not([class]):active{background-color:#0000001a;color:#252525}@media(hover:hover){.ds-accordion_details_3l1oa_1 a:not([class]):hover{background-color:#0000001a;color:#252525}}@media screen and (hover:hover)and (forced-colors:active){.ds-accordion_details_3l1oa_1 a:not([class]):hover{background-color:Canvas}}.ds-accordion_details_3l1oa_1 a:not([class])[href^="http://"]:after,.ds-accordion_details_3l1oa_1 a:not([class])[href^="https://"]:after{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23252525' viewBox='0 0 16 16' focusable='false' width='100%25' height='100%25'%3E%3Cpath fill-rule='evenodd' d='M9 2V0h7v7h-2V3.4L8.1 9.3 6.7 7.9 12.6 2H9Zm5 8h-2v4H2V4h4V2H0v14h14v-6Z' clip-rule='evenodd'/%3E%3C/svg%3E")}.ds-accordion_details_3l1oa_1 a:not([class])[href^="#"]:after{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23252525' viewBox='0 0 16 16' focusable='false' width='100%25' height='100%25'%3E%3Cpath d='M14.4 9.6 8 16 1.6 9.6 3 8.2l4 4V0h2v12.2l4-4 1.4 1.4Z'/%3E%3C/svg%3E")}.ds-accordion_details_3l1oa_1 a:not([class]):focus{outline:2px solid;outline-color:#252525;outline-offset:0}@media screen and (forced-colors:active){.ds-accordion_details_3l1oa_1 a:not([class]):focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){.ds-accordion_details_3l1oa_1 a:not([class]):focus{outline:revert;outline-offset:revert}.ds-accordion_details_3l1oa_1 a:not([class]):focus-visible{outline:2px solid;outline-color:#252525;outline-offset:0}@media screen and (forced-colors:active){.ds-accordion_details_3l1oa_1 a:not([class]):focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}.ds-accordion_details_3l1oa_1 a:not([class]){transition:background-color var(--ds-animation-duration, .1s) linear,border-color var(--ds-animation-duration, .1s) linear,color var(--ds-animation-duration, .1s) linear}@media(prefers-reduced-motion:reduce){.ds-accordion_details_3l1oa_1 a:not([class]){transition-duration:0ms}}.ds-accordion_summary_3l1oa_117{cursor:pointer;padding-block-start:12px;padding-inline-end:16px;padding-block-end:12px;padding-inline-start:16px;list-style:none}.ds-accordion_summary_3l1oa_117:focus{outline:2px solid;outline-color:#252525;outline-offset:0px}@media screen and (forced-colors:active){.ds-accordion_summary_3l1oa_117:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){.ds-accordion_summary_3l1oa_117:focus{outline:revert;outline-offset:revert}.ds-accordion_summary_3l1oa_117:focus-visible{outline:2px solid;outline-color:#252525;outline-offset:0px}@media screen and (forced-colors:active){.ds-accordion_summary_3l1oa_117:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}.ds-accordion_summary_3l1oa_117::-webkit-details-marker{display:none}.ds-accordion_summary--utility--m_3l1oa_156{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-size:1rem;line-height:1.25;font-size-adjust:.414;font-weight:400}.ds-accordion_summary_3l1oa_117{transition:background-color var(--ds-animation-duration, .1s) linear}@media(prefers-reduced-motion:reduce){.ds-accordion_summary_3l1oa_117{transition-duration:0ms}}@media(hover:hover){.ds-accordion_summary_3l1oa_117:hover{background-color:#ededed}}@media screen and (hover:hover)and (forced-colors:active){.ds-accordion_summary_3l1oa_117:hover{background-color:Highlight}}.ds-accordion_summary--flush_3l1oa_185{color:#252525;position:relative;padding-inline-start:0;padding-inline-end:0}@media(hover:hover){.ds-accordion_summary--flush_3l1oa_185:hover:before{background-color:#ededed}}@media screen and (hover:hover)and (forced-colors:active){.ds-accordion_summary--flush_3l1oa_185:hover:before{background-color:Highlight}}@media screen and (hover:hover)and (forced-colors:active){.ds-accordion_summary--flush_3l1oa_185:hover{background-color:transparent}}.ds-accordion_summary--flush_3l1oa_185:before{content:"";position:absolute;inset:0 -16px}.ds-accordion_summary--flush_3l1oa_185:before{transition:background-color var(--ds-animation-duration, .1s) linear,color var(--ds-animation-duration, .1s) linear}@media(prefers-reduced-motion:reduce){.ds-accordion_summary--flush_3l1oa_185:before{transition-duration:0ms}}.ds-accordion_summary--flush_3l1oa_185:focus,.ds-accordion_summary--flush_3l1oa_185:focus-visible{outline:none}.ds-accordion_summary--flush_3l1oa_185:focus:before{outline:2px solid;outline-color:#252525;outline-offset:0px}@media screen and (forced-colors:active){.ds-accordion_summary--flush_3l1oa_185:focus:before{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){.ds-accordion_summary--flush_3l1oa_185:focus:before{outline:revert;outline-offset:revert}.ds-accordion_summary--flush_3l1oa_185:focus-visible:before{outline:2px solid;outline-color:#252525;outline-offset:0px}@media screen and (forced-colors:active){.ds-accordion_summary--flush_3l1oa_185:focus-visible:before{forced-color-adjust:auto;outline-color:Highlight}}}.ds-accordion_summary--small_3l1oa_253{padding-block-start:8px;padding-block-end:8px}.ds-accordion_summary--x-small_3l1oa_257{padding-block-start:6px;padding-block-end:6px}.ds-accordion_summary-content-wrapper_3l1oa_262{display:flex;justify-content:space-between;align-items:center;gap:16px}.ds-accordion_summary-content-wrapper--flush_3l1oa_268{position:relative;z-index:1}.ds-accordion_summary-content-wrapper--chevron-left_3l1oa_272{flex-flow:row-reverse;justify-content:flex-end}.ds-accordion_summary-content-wrapper--x-small_3l1oa_276{gap:8px}.ds-accordion_heading-summary-wrapper_3l1oa_280{flex-grow:1}.ds-accordion_heading-summary_3l1oa_280{display:flex;justify-content:space-between;align-items:center;gap:16px}.ds-accordion_heading-summary--x-small_3l1oa_290{gap:8px}.ds-accordion_hint_3l1oa_294{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-size:.875rem;line-height:1.14;font-size-adjust:.414;font-weight:400;display:block;margin-block-start:4px}.ds-accordion_icon_3l1oa_308{transform:rotate(0)}.ds-accordion_icon_3l1oa_308{transition:transform var(--ds-animation-duration, .25s) cubic-bezier(.5,0,1,1)}@media(prefers-reduced-motion:reduce){.ds-accordion_icon_3l1oa_308{transition-duration:0ms}}.ds-accordion_icon--open_3l1oa_319{transform:rotate(-180deg)}.ds-accordion_icon--open_3l1oa_319{transition:transform var(--ds-animation-duration, .25s) cubic-bezier(0,0,.5,1)}@media(prefers-reduced-motion:reduce){.ds-accordion_icon--open_3l1oa_319{transition-duration:0ms}}.ds-accordion_icon--open-caret_3l1oa_330{transform:rotate(90deg)}.ds-accordion_icon--open-caret_3l1oa_330{transition:transform var(--ds-animation-duration, .25s) cubic-bezier(0,0,.5,1)}@media(prefers-reduced-motion:reduce){.ds-accordion_icon--open-caret_3l1oa_330{transition-duration:0ms}}.ds-accordion_content-wrapper_3l1oa_342{padding-block-start:4px;padding-inline-end:16px;padding-block-end:32px;padding-inline-start:16px}.ds-accordion_content-wrapper--flush_3l1oa_348{padding-inline-start:0;padding-inline-end:0}.ds-accordion_content-wrapper--small_3l1oa_352{padding-block-start:4px;padding-block-end:20px}.ds-accordion_content-wrapper--x-small_3l1oa_356{padding-inline-start:0px;padding-inline-end:0px;padding-block-start:2px;padding-block-end:16px}

package/assets/ActionButton.DcQYatF1.css

@@ -1 +0,0 @@
-.ds-action-button_root_1ckji_1:focus{outline:2px solid;outline-color:#252525;outline-offset:0px}@media screen and (forced-colors:active){.ds-action-button_root_1ckji_1:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){.ds-action-button_root_1ckji_1:focus{outline:revert;outline-offset:revert}.ds-action-button_root_1ckji_1:focus-visible{outline:2px solid;outline-color:#252525;outline-offset:0px}@media screen and (forced-colors:active){.ds-action-button_root_1ckji_1:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}:where(.ds-action-button_root_1ckji_1){padding-block-start:5px;padding-block-end:5px;padding-inline-start:15px;padding-inline-end:15px}.ds-action-button_root_1ckji_1{color:#252525;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:2rem;border-width:1px;border-style:solid;border-color:transparent;border-radius:2px;transform:translateZ(0);white-space:nowrap;overflow-wrap:normal;text-align:center;text-decoration:none;background-color:transparent;cursor:pointer}@media(hover:hover){.ds-action-button_root_1ckji_1:hover{background-color:#0000001a}}.ds-action-button_root_1ckji_1{transition:background-color var(--ds-animation-duration, .1s) linear,border-color var(--ds-animation-duration, .1s) linear,color var(--ds-animation-duration, .1s) linear}@media(prefers-reduced-motion:reduce){.ds-action-button_root_1ckji_1{transition-duration:0ms}}@media screen and (forced-colors:active){.ds-action-button_root_1ckji_1{background-color:Canvas!important}.ds-action-button_root_1ckji_1:hover{border-color:Highlight}}.ds-action-button_root--indent-level-1_1ckji_75{padding-inline-start:39px}.ds-action-button_root--active_1ckji_78{background-color:#0000001a}.ds-action-button_root--active--with-marker_1ckji_81{padding-inline-start:0px}.ds-action-button_root--icon--top_1ckji_84{gap:4px;flex-direction:column;min-height:3.375rem;padding-block-start:11px;padding-block-end:5px;padding-inline-start:7px;padding-inline-end:7px}.ds-action-button_root_1ckji_1[aria-disabled=true]{background-color:transparent;color:#00000080;cursor:not-allowed}.ds-action-button_root_1ckji_1[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors:active){.ds-action-button_root_1ckji_1[aria-disabled=true]{color:GrayText;border-color:GrayText}}.ds-action-button_root_1ckji_1[aria-disabled=true]:before{background-color:transparent}.ds-action-button_root--stretched_1ckji_110{justify-content:flex-start;width:100%}.ds-action-button_active-marker_1ckji_115{width:.25rem;height:1.25rem;margin-inline-start:-1px;margin-inline-end:4px;background-color:#e9640c}@media screen and (forced-colors:active){.ds-action-button_active-marker_1ckji_115{background-color:Highlight}}.ds-action-button_active-marker--with-indent_1ckji_127{margin-inline-end:1.75rem}.ds-action-button_icon-wrapper_1ckji_131{height:1rem}.ds-action-button_icon-wrapper--x-large_1ckji_134{height:1.5rem}.ds-action-button_icon-wrapper--with-number-indicator_1ckji_137{position:relative}.ds-action-button_icon-wrapper--with-number-indicator_1ckji_137>span{position:absolute;top:-25%;left:.625rem}.ds-action-button_icon-wrapper--with-number-indicator--with-value_1ckji_145>span{top:-50%}.ds-action-button_label_1ckji_149{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-size:1rem;line-height:1.25;font-size-adjust:.414;font-weight:400}.ds-action-button_label--bold_1ckji_160,.ds-action-button_label--active_1ckji_172{font-family:STIHL Contraface Digital Text Bold,-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-size:1rem;line-height:1.25;font-size-adjust:.426;font-weight:700;font-synthesis-weight:none}.ds-action-button_label--icon-top_1ckji_184{font-family:STIHL Contraface Digital Text Demi,-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-size:.75rem;line-height:1.33;font-size-adjust:.42}.ds-action-button_label--icon-top_1ckji_184.ds-action-button_label--active_1ckji_172{font-family:STIHL Contraface Digital Text Bold,-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-size:.75rem;line-height:1.33;font-size-adjust:.426;font-weight:700;font-synthesis-weight:none}.ds-action-button_number-indicator_1ckji_207{margin-inline-start:auto}.ds-action-button_label-wrapper_1ckji_211{display:flex;align-items:center;gap:6px}.ds-action-button_label-wrapper--icon-top_1ckji_216{gap:2px}.ds-action-button_chevron_1ckji_220{transform:rotate(0);min-width:.75rem;min-height:.75rem;width:.75rem;height:.75rem}.ds-action-button_chevron_1ckji_220{transition:transform var(--ds-animation-duration, .25s) cubic-bezier(.5,0,1,1)}@media(prefers-reduced-motion:reduce){.ds-action-button_chevron_1ckji_220{transition-duration:0ms}}.ds-action-button_chevron--icon-position-top_1ckji_235{min-width:.625rem;min-height:.625rem;width:.625rem;height:.625rem}.ds-action-button_chevron--up_1ckji_241{transform:rotate(-180deg)}.ds-action-button_chevron--up_1ckji_241{transition:transform var(--ds-animation-duration, .25s) cubic-bezier(0,0,.5,1)}@media(prefers-reduced-motion:reduce){.ds-action-button_chevron--up_1ckji_241{transition-duration:0ms}}.ds-action-button_chevron--right_1ckji_252{transform:rotate(-90deg)}.ds-action-button_chevron--right_1ckji_252{transition:transform var(--ds-animation-duration, .25s) cubic-bezier(0,0,.5,1)}@media(prefers-reduced-motion:reduce){.ds-action-button_chevron--right_1ckji_252{transition-duration:0ms}}.ds-action-button_chevron--left_1ckji_263{transform:rotate(-270deg)}.ds-action-button_chevron--left_1ckji_263{transition:transform var(--ds-animation-duration, .25s) cubic-bezier(0,0,.5,1)}@media(prefers-reduced-motion:reduce){.ds-action-button_chevron--left_1ckji_263{transition-duration:0ms}}

package/assets/ActionCard.gRQVVFWz.css

@@ -1 +0,0 @@
-.ds-action-card_root_yc724_1{background-color:#fff;border-radius:4px;display:flex;flex-direction:column;height:fit-content;min-width:13rem;max-width:42.9375rem;box-shadow:0 0 0 1px #dadada}.ds-action-card_root_yc724_1{transition:box-shadow var(--ds-animation-duration, .1s) linear}@media(prefers-reduced-motion:reduce){.ds-action-card_root_yc724_1{transition-duration:0ms}}@media screen and (forced-colors:active){.ds-action-card_root_yc724_1{border:1px solid LinkText}}.ds-action-card_root--elevated_yc724_24{box-shadow:0 2px 12px #00000014,0 1px 2px #00000029}.ds-action-card_root--clickable_yc724_27{cursor:pointer;position:relative}@media(hover:hover){.ds-action-card_root--clickable_yc724_27:hover{box-shadow:0 2px 12px #00000029,0 1px 2px #0003}}.ds-action-card_root--clickable_yc724_27:has(:focus-visible) .ds-action-card_primary-action_yc724_36:after{outline:2px solid;outline-color:#252525;outline-offset:4px}@media screen and (forced-colors:active){.ds-action-card_root--clickable_yc724_27:has(:focus-visible) .ds-action-card_primary-action_yc724_36:after{forced-color-adjust:auto;outline-color:Highlight}}.ds-action-card_root--clickable_yc724_27:has(:focus-within) .ds-action-card_primary-action_yc724_36:focus{outline:none}.ds-action-card_root--clickable_yc724_27 :is(.ds-action-card_media-wrapper_yc724_50,.ds-action-card_header_yc724_50,.ds-action-card_footer_yc724_50,.ds-action-card_supplementary_yc724_50):has(button,input,select,textarea,a,label,details,summary,video,audio){position:relative;z-index:2}.ds-action-card_root--horizontal_yc724_63{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto;grid-template-areas:"media content" "supplementary supplementary";width:100%;max-width:88rem}.ds-action-card_root--horizontal_yc724_63 .ds-action-card_media-wrapper_yc724_50{grid-area:media;aspect-ratio:1/1;max-width:21.5625rem}.ds-action-card_root--horizontal_yc724_63 .ds-action-card_media-wrapper_yc724_50 img{border-top-right-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;aspect-ratio:1/1}.ds-action-card_root--horizontal_yc724_63 .ds-action-card_content_yc724_82{grid-area:content;height:auto;padding:32px}.ds-action-card_root--horizontal_yc724_63 .ds-action-card_content--padding-small_yc724_87{padding:16px}.ds-action-card_root--horizontal_yc724_63 .ds-action-card_supplementary_yc724_50{grid-area:supplementary;padding-block:8px;padding-inline:16px}.ds-action-card_root--horizontal-has-supplementary_yc724_95 .ds-action-card_media-wrapper_yc724_50 img{border-bottom-left-radius:0}.ds-action-card_root--padding-small_yc724_98 .ds-action-card_supplementary_yc724_50{padding-block:4px;padding-inline:0px}.ds-action-card_media-wrapper_yc724_50{width:100%;height:auto;aspect-ratio:16/9}.ds-action-card_media-wrapper_yc724_50 img{border-top-left-radius:4px;border-top-right-radius:4px;width:100%;height:100%;object-fit:cover;display:block;aspect-ratio:16/9}.ds-action-card_content_yc724_82{display:flex;flex-direction:column;gap:24px;padding:24px;height:100%;order:1}.ds-action-card_content--padding-small_yc724_87{padding:16px}.ds-action-card_footer_yc724_50{margin-block-start:auto}.ds-action-card_supplementary_yc724_50{display:flex;border-top:1px solid #DADADA;flex-direction:column;align-items:stretch;gap:16px;padding-block:6px;padding-inline:8px;order:2}.ds-action-card_primary-action_yc724_36{appearance:none;background:transparent;border:none;color:inherit;font:inherit;text-align:inherit;text-decoration:none;padding:0;margin:0;position:absolute;inset:0;z-index:1}.ds-action-card_primary-action_yc724_36:after{content:"";position:absolute;z-index:1;cursor:pointer;inset:0}.ds-action-card_primary-action_yc724_36:focus{outline:2px solid;outline-color:#252525;outline-offset:2px}@media screen and (forced-colors:active){.ds-action-card_primary-action_yc724_36:focus{forced-color-adjust:auto;outline-color:Highlight}}.ds-action-card_primary-action-label_yc724_178{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}

package/assets/ActionLink.B62Aa8y9.css

@@ -1 +0,0 @@
-.ds-action-link_root_oi5cc_1:focus{outline:2px solid;outline-color:#252525;outline-offset:0px}@media screen and (forced-colors:active){.ds-action-link_root_oi5cc_1:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){.ds-action-link_root_oi5cc_1:focus{outline:revert;outline-offset:revert}.ds-action-link_root_oi5cc_1:focus-visible{outline:2px solid;outline-color:#252525;outline-offset:0px}@media screen and (forced-colors:active){.ds-action-link_root_oi5cc_1:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}:where(.ds-action-link_root_oi5cc_1){padding-block-start:5px;padding-block-end:5px;padding-inline-start:15px;padding-inline-end:15px}.ds-action-link_root_oi5cc_1{color:#252525;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:2rem;border-width:1px;border-style:solid;border-color:transparent;border-radius:2px;transform:translateZ(0);white-space:nowrap;overflow-wrap:normal;text-align:center;text-decoration:none;background-color:transparent;cursor:pointer}@media(hover:hover){.ds-action-link_root_oi5cc_1:hover{background-color:#0000001a}}.ds-action-link_root_oi5cc_1{transition:background-color var(--ds-animation-duration, .1s) linear,border-color var(--ds-animation-duration, .1s) linear,color var(--ds-animation-duration, .1s) linear}@media(prefers-reduced-motion:reduce){.ds-action-link_root_oi5cc_1{transition-duration:0ms}}@media screen and (forced-colors:active){.ds-action-link_root_oi5cc_1{background-color:Canvas!important}.ds-action-link_root_oi5cc_1:hover{border-color:Highlight}}.ds-action-link_root--indent-level-1_oi5cc_75{padding-inline-start:39px}.ds-action-link_root--active_oi5cc_78{background-color:#0000001a}.ds-action-link_root--active--with-marker_oi5cc_81{padding-inline-start:0px}.ds-action-link_root--icon--top_oi5cc_84{gap:4px;flex-direction:column;min-height:3.375rem;padding-block-start:11px;padding-block-end:5px;padding-inline-start:7px;padding-inline-end:7px}.ds-action-link_root_oi5cc_1[aria-disabled=true]{background-color:transparent;color:#00000080;cursor:not-allowed}.ds-action-link_root_oi5cc_1[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors:active){.ds-action-link_root_oi5cc_1[aria-disabled=true]{color:GrayText;border-color:GrayText}}.ds-action-link_root_oi5cc_1[aria-disabled=true]:before{background-color:transparent}.ds-action-link_root--stretched_oi5cc_110{justify-content:flex-start;width:100%}.ds-action-link_active-marker_oi5cc_115{width:.25rem;height:1.25rem;margin-inline-start:-1px;margin-inline-end:4px;background-color:#e9640c}@media screen and (forced-colors:active){.ds-action-link_active-marker_oi5cc_115{background-color:Highlight}}.ds-action-link_active-marker--with-indent_oi5cc_127{margin-inline-end:1.75rem}.ds-action-link_icon-wrapper_oi5cc_131{height:1rem}.ds-action-link_icon-wrapper--x-large_oi5cc_134{height:1.5rem}.ds-action-link_icon-wrapper--with-number-indicator_oi5cc_137{position:relative}.ds-action-link_icon-wrapper--with-number-indicator_oi5cc_137>span{position:absolute;top:-25%;left:.625rem}.ds-action-link_icon-wrapper--with-number-indicator--with-value_oi5cc_145>span{top:-50%}.ds-action-link_label_oi5cc_149{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-size:1rem;line-height:1.25;font-size-adjust:.414;font-weight:400}.ds-action-link_label--bold_oi5cc_160,.ds-action-link_label--active_oi5cc_172{font-family:STIHL Contraface Digital Text Bold,-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-size:1rem;line-height:1.25;font-size-adjust:.426;font-weight:700;font-synthesis-weight:none}.ds-action-link_label--icon-top_oi5cc_184{font-family:STIHL Contraface Digital Text Demi,-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-size:.75rem;line-height:1.33;font-size-adjust:.42}.ds-action-link_label--icon-top_oi5cc_184.ds-action-link_label--active_oi5cc_172{font-family:STIHL Contraface Digital Text Bold,-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-size:.75rem;line-height:1.33;font-size-adjust:.426;font-weight:700;font-synthesis-weight:none}.ds-action-link_number-indicator_oi5cc_207{margin-inline-start:auto}