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

package/styles/scss/lib/_link.scss

@@ -1,4 +1,5 @@
 @import '_hover';
+@import '_transition';
 @import '_spacing';
 
 // Encode a color to be used in a data url.
@@ -19,7 +20,9 @@
   $background-color-hover,
   $content-color-hover
 ) {
-  color: $content-color;
+  & {
+    color: $content-color;
+  }
 
   &:link,
   &:visited {
@@ -97,29 +100,30 @@
 
   // Type
   @if ($type == 'inline') {
-    // Inline link
-    @include link-underline;
-
-    display: inline;
-    padding-inline-end: $ds-spacing-2;
-    padding-inline-start: $ds-spacing-2;
-    padding-block-start: 0;
-    padding-block-end: 0;
-    line-height: inherit;
-    font-size: inherit;
-
-    // Inline links do have two predefined icons for external links and anchors.
-    // The icons are added via the ::after pseudo element as svg data urls to
-    // enable the change of the icon color via the fill property.
-    :where(&)[href^="http://"]::after,
-    :where(&)[href^="https://"]::after,
-    :where(&)[href^='#']::after {
-      display: inline-block;
-      margin-inline-start: 0.375em;
-      width: 0.75em;
-      height: 0.75em;
+    & {
+      // Inline link
+      @include link-underline;
+
+      display: inline;
+      padding-inline-end: $ds-spacing-2;
+      padding-inline-start: $ds-spacing-2;
+      padding-block-start: 0;
+      padding-block-end: 0;
+      line-height: inherit;
+      font-size: inherit;
+
+      // Inline links do have two predefined icons for external links and anchors.
+      // The icons are added via the ::after pseudo element as svg data urls to
+      // enable the change of the icon color via the fill property.
+      :where(&)[href^="http://"]::after,
+      :where(&)[href^="https://"]::after,
+      :where(&)[href^='#']::after {
+        display: inline-block;
+        margin-inline-start: 0.375em;
+        width: 0.75em;
+        height: 0.75em;
+      }
     }
-
     &[href^="http://"]::after,
     &[href^="https://"]::after
     {
@@ -130,26 +134,29 @@
       content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{urlEncodeHexColor($link-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");
     }
   } @else {
-    // Standalone link
-    @include ds-utility-medium;
-
-    display: inline-flex;
-    align-items: center;
-    gap: $ds-spacing-6;
-    padding-inline-end: $ds-spacing-4;
-    padding-inline-start: $ds-spacing-4;
-    padding-block-start: $ds-spacing-2;
-    padding-block-end: $ds-spacing-2;
-    // Set color to transparent instead of text-decoration: none to support forced colors link decoration
-    text-decoration-color: transparent;
-
-    // The DSLinkStandalone component uses the DSIcon component to render a
-    // selectable icon. The icon is colored with the current text color.
-    svg {
-      fill: currentColor;
+    & {
+      // Standalone link
+      @include ds-utility-medium;
+
+      display: inline-flex;
+      align-items: center;
+      height: fit-content;
+      gap: $ds-spacing-6;
+      padding-inline-end: $ds-spacing-4;
+      padding-inline-start: $ds-spacing-4;
+      padding-block-start: $ds-spacing-2;
+      padding-block-end: $ds-spacing-2;
+      // Set color to transparent instead of text-decoration: none to support forced colors link decoration
+      text-decoration-color: transparent;
+
+      // The DSLinkStandalone component uses the DSIcon component to render a
+      // selectable icon. The icon is colored with the current text color.
+      svg {
+        fill: currentColor;
+      }
     }
   }
 
   // Transition
-  @include transition(background-color, border-color, color);
+  @include ds-transition((background-color, border-color, color));
 }

package/styles/scss/lib/_media-query.scss

@@ -6,7 +6,7 @@
       @content;
     }
   } @else {
-    @error "Passed #{$min} breakpoint is not available for used ds-media-query-min() mixin.";
+    @error "[STIHL Design System] - [ds-media-query-min()]: Passed '#{$min}' breakpoint is not available in ds-media-query-min() mixin.";
   }
 }
 
@@ -16,7 +16,7 @@
       @content;
     }
   } @else {
-    @error "Passed #{$max} breakpoint is not available for used ds-media-query-max() mixin.";
+    @error "[STIHL Design System] - [ds-media-query-max()]: Passed '#{$max}' breakpoint is not available in ds-media-query-max() mixin.";
   }
 }
 
@@ -27,6 +27,6 @@
       @content;
     }
   } @else {
-    @error "Passed #{$min} and/or #{$max} breakpoint is not available for used ds-media-query-min-max() mixin.";
+    @error "[STIHL Design System] - [ds-media-query-min-max()]: Passed '#{$min}' and/or '#{$max}' breakpoint is not available in ds-media-query-min-max() mixin.";
   }
 }

package/styles/scss/lib/_shadow.scss

@@ -0,0 +1,10 @@
+@mixin ds-shadow-m {
+  box-shadow:
+    0px 2px 12px 0px rgba(0, 0, 0, 0.08),
+    0px 1px 2px 0px rgba(0, 0, 0, 0.16);
+}
+@mixin ds-shadow-l {
+  box-shadow:
+    0px 8px 48px 0px rgba(0, 0, 0, 0.1),
+    0px 2px 4px 0px rgba(0, 0, 0, 0.04);
+}

package/styles/scss/lib/_theme.scss

@@ -70,6 +70,7 @@ $ds-theme-light-background-color-tertiary: $ds-color-core-grey-light;
 $ds-theme-light-background-color-transparent-hover: $ds-color-core-black-opacity-10;
 $ds-theme-light-background-color-transparent-pressed: $ds-color-core-black-opacity-10;
 $ds-theme-light-border-color-feedback-error: $ds-color-core-red-base;
+$ds-theme-light-border-color-feedback-info: $ds-color-core-grey-dark;
 $ds-theme-light-border-color-feedback-success: $ds-color-core-green-base;
 $ds-theme-light-border-color-feedback-warning: $ds-color-core-yellow-base;
 $ds-theme-light-border-color-focus: $ds-color-core-grey-ultra-deep;
@@ -107,10 +108,10 @@ $ds-theme-dark-background-color-brand-disabled: $ds-color-core-grey-mid;
 $ds-theme-dark-background-color-brand-hover: $ds-color-core-orange-dark;
 $ds-theme-dark-background-color-brand-pressed: $ds-color-core-orange-dark;
 $ds-theme-dark-background-color-brand: $ds-color-core-orange-base;
-$ds-theme-dark-background-color-feedback-error: $ds-color-core-grey-ultra-deep;
-$ds-theme-dark-background-color-feedback-info: $ds-color-core-grey-ultra-deep;
-$ds-theme-dark-background-color-feedback-success: $ds-color-core-grey-ultra-deep;
-$ds-theme-dark-background-color-feedback-warning: $ds-color-core-grey-ultra-deep;
+$ds-theme-dark-background-color-feedback-error: $ds-color-core-grey-deep;
+$ds-theme-dark-background-color-feedback-info: $ds-color-core-grey-deep;
+$ds-theme-dark-background-color-feedback-success: $ds-color-core-grey-deep;
+$ds-theme-dark-background-color-feedback-warning: $ds-color-core-grey-deep;
 $ds-theme-dark-background-color-primary-disabled: $ds-color-core-black-base;
 $ds-theme-dark-background-color-primary-hover: $ds-color-core-grey-deep;
 $ds-theme-dark-background-color-primary-inverse-disabled: $ds-color-core-grey-mid;
@@ -122,11 +123,12 @@ $ds-theme-dark-background-color-primary: $ds-color-core-black-base;
 $ds-theme-dark-background-color-secondary-disabled: $ds-color-core-grey-ultra-deep;
 $ds-theme-dark-background-color-secondary-inverse: $ds-color-core-grey-light;
 $ds-theme-dark-background-color-secondary: $ds-color-core-grey-ultra-deep;
-$ds-theme-dark-background-color-sustainability: $ds-color-core-grey-ultra-deep;
+$ds-theme-dark-background-color-sustainability: $ds-color-core-grey-deep;
 $ds-theme-dark-background-color-tertiary: $ds-color-core-grey-ultra-deep;
 $ds-theme-dark-background-color-transparent-hover: $ds-color-core-white-opacity-15;
 $ds-theme-dark-background-color-transparent-pressed: $ds-color-core-white-opacity-15;
 $ds-theme-dark-border-color-feedback-error: $ds-color-core-red-base;
+$ds-theme-dark-border-color-feedback-info: $ds-color-core-grey-dark;
 $ds-theme-dark-border-color-feedback-success: $ds-color-core-green-base;
 $ds-theme-dark-border-color-feedback-warning: $ds-color-core-yellow-base;
 $ds-theme-dark-border-color-focus: $ds-color-core-white-base;

package/styles/scss/lib/_transition.scss

@@ -1,3 +1,4 @@
+@import '_animation.scss';
 /**
  *
  * This mixin provides a concise way to set transitions with a default
@@ -7,20 +8,38 @@
  * motion and adjusts the transition duration accordingly.
  *
  * Example Usage:
- * @include transition(opacity, transform);
+ * @include ds-transition((opacity, transform), '250', 'ease-out');
+ * @include ds-transition(width, $easing-key: 'ease-out');
  */
-@mixin transition($properties...) {
+@mixin ds-transition($properties, $duration-key: '100', $easing-key: 'linear') {
   @if length($properties) == 0 or $properties == null {
-    @error "No properties provided for transition mixin.";
+    @error "[STIHL Design System] - [ds-transition()]: No properties provided for ds-transition() mixin.";
+  }
+
+  $duration: map-get($ds-animation-durations, $duration-key);
+  $easing: map-get($ds-animation-easing-functions, $easing-key);
+
+  @if not map-has-key($ds-animation-durations, $duration-key) {
+    @error "[STIHL Design System] - [ds-transition()]: Duration key '#{$duration-key}' is not available in the ds-transition() mixin.";
+  }
+
+  @if not map-has-key($ds-animation-easing-functions, $easing-key) {
+    @error "[STIHL Design System] - [ds-transition()]: Easing key '#{$easing-key}' is not available in the ds-transition() mixin.";
   }
 
   $transition-values: ();
   @each $prop in $properties {
-    $transition-values: append($transition-values, #{$prop} 0.3s ease, comma);
+    $transition-values: append(
+      $transition-values,
+      #{$prop} #{$duration} #{$easing},
+      comma
+    );
   }
-  transition: $transition-values;
+  & {
+    transition: $transition-values;
 
-  @media (prefers-reduced-motion: reduce) {
-    transition-duration: 0ms;
+    @media (prefers-reduced-motion: reduce) {
+      transition-duration: 0ms;
+    }
   }
 }

package/switch.BezS5z0Y.js

@@ -0,0 +1,65 @@
+"use client";
+import { j as t } from "./chunks/jsx-runtime.C115EyI4.js";
+import { c as b } from "./chunks/index.CvOaL64Y.js";
+import "react";
+import { D as p } from "./chunks/Icon.n4XZrQ4N.js";
+import { DSSpinner as f } from "./spinner.DEtbkdfi.js";
+import './assets/switch.Ds-I_ybT.css';const v = "_root_vzlrg_76", x = "_root--label-right_vzlrg_114", z = "_root--stretched_vzlrg_117", j = "_loader_vzlrg_127", k = "_thumb_vzlrg_180", S = "_root--checked_vzlrg_195", r = {
+  root: v,
+  "root--label-right": "_root--label-right_vzlrg_114",
+  rootLabelRight: x,
+  "root--stretched": "_root--stretched_vzlrg_117",
+  rootStretched: z,
+  switch: "_switch_vzlrg_122",
+  loader: j,
+  thumb: k,
+  "root--checked": "_root--checked_vzlrg_195",
+  rootChecked: S
+}, R = ({
+  children: l,
+  aria: h,
+  alignLabel: i = "left",
+  checked: e = !1,
+  className: _,
+  dataTrackingid: n,
+  disabled: s = !1,
+  loading: o = !1,
+  stretched: d = !1,
+  onClick: a,
+  ...m
+}) => {
+  const g = b(r.root, _, {
+    [r.rootChecked]: e === !0,
+    [r.rootStretched]: d === !0,
+    [r.rootLabelRight]: i === "right"
+  }), u = (c) => {
+    if (s || o) {
+      c.preventDefault();
+      return;
+    }
+    a && a(c);
+  };
+  return /* @__PURE__ */ t.jsxs(
+    "button",
+    {
+      className: g,
+      "data-trackingid": n,
+      onClick: u,
+      ...h,
+      ...m,
+      type: "button",
+      role: "switch",
+      "aria-checked": e,
+      "aria-disabled": s || o,
+      "aria-busy": o,
+      children: [
+        /* @__PURE__ */ t.jsx("span", { children: l }),
+        !o && /* @__PURE__ */ t.jsx("span", { className: r.switch, children: /* @__PURE__ */ t.jsx("span", { className: r.thumb, children: /* @__PURE__ */ t.jsx(p, { name: "check", "aria-hidden": "true" }) }) }),
+        o && /* @__PURE__ */ t.jsx("span", { className: r.loader, children: /* @__PURE__ */ t.jsx(f, { aria: { "aria-label": "Loading state" } }) })
+      ]
+    }
+  );
+};
+export {
+  R as DSSwitch
+};

package/{systemfeedback.C7iXO5A1.js → systemfeedback.CUWch42u.js}

@@ -1,8 +1,8 @@
 "use client";
-import { j as o } from "./chunks/jsx-runtime.C-kxDJ4g.js";
+import { j as o } from "./chunks/jsx-runtime.C115EyI4.js";
 import { c } from "./chunks/index.CvOaL64Y.js";
-import { DSIcon as n } from "./icon.PX9_1kNB.js";
-import './assets/systemfeedback.WE3wClZ3.css';const i = "_root_18s1i_63", l = {
+import { D as n } from "./chunks/Icon.n4XZrQ4N.js";
+import './assets/systemfeedback.BzJATHDd.css';const i = "_root_5hd20_76", l = {
   root: i
 }, m = {
   valid: "circle-check-colored",

package/text.CrYUewrP.js

@@ -0,0 +1,57 @@
+"use client";
+import { j as e } from "./chunks/jsx-runtime.C115EyI4.js";
+import { c as x } from "./chunks/index.CvOaL64Y.js";
+import './assets/text.B-CTuGgI.css';const c = "_root_1dnm1_76", u = "_root--large_1dnm1_82", b = "_root--large-bold_1dnm1_92", S = "_root--medium_1dnm1_102", g = "_root--medium-bold_1dnm1_112", B = "_root--small_1dnm1_122", i = "_root--small-bold_1dnm1_132", X = "_root--x-small_1dnm1_142", k = "_root--x-small-bold_1dnm1_152", L = "_root--xx-small_1dnm1_162", M = "_root--theme-dark_1dnm1_172", o = {
+  root: c,
+  "root--large": "_root--large_1dnm1_82",
+  rootLarge: u,
+  "root--large-bold": "_root--large-bold_1dnm1_92",
+  rootLargeBold: b,
+  "root--medium": "_root--medium_1dnm1_102",
+  rootMedium: S,
+  "root--medium-bold": "_root--medium-bold_1dnm1_112",
+  rootMediumBold: g,
+  "root--small": "_root--small_1dnm1_122",
+  rootSmall: B,
+  "root--small-bold": "_root--small-bold_1dnm1_132",
+  rootSmallBold: i,
+  "root--x-small": "_root--x-small_1dnm1_142",
+  rootXSmall: X,
+  "root--x-small-bold": "_root--x-small-bold_1dnm1_152",
+  rootXSmallBold: k,
+  "root--xx-small": "_root--xx-small_1dnm1_162",
+  rootXxSmall: L,
+  "root--theme-dark": "_root--theme-dark_1dnm1_172",
+  rootThemeDark: M
+}, h = ({
+  children: m,
+  className: t,
+  size: l = "medium",
+  tag: d = "p",
+  theme: a = "light",
+  weight: r = "normal",
+  ..._
+}) => {
+  const s = d, n = x(o.root, t, {
+    // large
+    [o.rootLarge]: l === "large",
+    [o.rootLargeBold]: l === "large" && r === "bold",
+    // medium
+    [o.rootMedium]: l == "medium",
+    [o.rootMediumBold]: l === "medium" && r === "bold",
+    // small
+    [o.rootSmall]: l == "small",
+    [o.rootSmallBold]: l == "small" && r === "bold",
+    // x-small
+    [o.rootXSmall]: l == "x-small",
+    [o.rootXSmallBold]: l == "x-small" && r === "bold",
+    // xx-small
+    [o.rootXxSmall]: l == "xx-small",
+    // dark theme
+    [o.rootThemeDark]: a === "dark"
+  });
+  return /* @__PURE__ */ e.jsx(s, { className: n, ..._, children: m });
+};
+export {
+  h as DSText
+};

package/textarea.hLgeYdsI.js

@@ -0,0 +1,12 @@
+"use client";
+import "./chunks/jsx-runtime.C115EyI4.js";
+import "./chunks/index.CvOaL64Y.js";
+import "react";
+import "./chunks/useBreakpoint.5xBNDiCf.js";
+import "./chunks/helpers.B1JT5ShS.js";
+import "./asterisk.Cjbk-xZi.js";
+import "./systemfeedback.CUWch42u.js";
+import { D as x } from "./chunks/Textarea.oqCrSopu.js";
+export {
+  x as DSTextarea
+};

package/title.Dvp8LKJt.js

@@ -0,0 +1,36 @@
+"use client";
+import { j as o } from "./chunks/jsx-runtime.C115EyI4.js";
+import { c as u } from "./chunks/index.CvOaL64Y.js";
+import './assets/title.DlhX9K3W.css';const x = "_root_14u1x_76", g = "_root--x-large-uppercase_14u1x_79", n = "_root--large-uppercase_14u1x_93", h = "_root--theme-dark_14u1x_107", m = "_dash_14u1x_110", r = {
+  root: x,
+  "root--x-large-uppercase": "_root--x-large-uppercase_14u1x_79",
+  rootXLargeUppercase: g,
+  "root--large-uppercase": "_root--large-uppercase_14u1x_93",
+  rootLargeUppercase: n,
+  "root--theme-dark": "_root--theme-dark_14u1x_107",
+  rootThemeDark: h,
+  dash: m
+}, k = ({
+  children: a,
+  className: t,
+  size: e = "x-large",
+  tag: s = "h1",
+  // Design suggested to set default tag to h1
+  theme: p = "light",
+  ...c
+}) => {
+  const _ = s, l = u(r.root, t, {
+    // sizes
+    [r.rootXLargeUppercase]: e === "x-large",
+    [r.rootLargeUppercase]: e === "large",
+    // dark theme
+    [r.rootThemeDark]: p === "dark"
+  });
+  return /* @__PURE__ */ o.jsxs(_, { className: l, ...c, children: [
+    a,
+    /* @__PURE__ */ o.jsx("span", { className: r.dash, "aria-hidden": "true", children: "ƒ" })
+  ] });
+};
+export {
+  k as DSTitle
+};

package/toast.BR7QuHOG.js

@@ -0,0 +1,10 @@
+"use client";
+import "./chunks/jsx-runtime.C115EyI4.js";
+import "./chunks/index.CvOaL64Y.js";
+import "react";
+import "./button.DlFWwHuA.js";
+import "./chunks/Icon.n4XZrQ4N.js";
+import { D as s } from "./chunks/Toast.BLGKvAvZ.js";
+export {
+  s as DSToast
+};

package/toast.d.ts

@@ -0,0 +1 @@
+export * from './components/Toast/Toast'

package/toastmanager.DBp8B1e3.js

@@ -0,0 +1,96 @@
+"use client";
+import { j as w } from "./chunks/jsx-runtime.C115EyI4.js";
+import { useState as f, useRef as x, useEffect as g } from "react";
+import { g as h, b as A } from "./chunks/AriaLiveRegions.utils.DzWI5KCU.js";
+import { D, s as y } from "./chunks/Toast.BLGKvAvZ.js";
+import { g as E } from "./chunks/helpers.B1JT5ShS.js";
+const O = () => {
+  if (!h() || !A())
+    throw new Error(
+      E(
+        "DSToast",
+        'The DSAriaLiveRegions component has to be placed at the root of your application, as close to the "body" as possible, e.g. in your "App.tsx" or "layout.tsx".'
+      )
+    );
+}, C = () => {
+  if (document.querySelectorAll("[data-ds-toast]").length > 1)
+    throw new Error(
+      E(
+        "DSToast",
+        'The destructured "toast" element should only be used once in the DOM.'
+      )
+    );
+}, i = "data-ds-toast-timeout-id", v = "closing", P = 1e4, k = () => {
+  const [r, u] = f([]), [s, a] = f(null), o = x(null);
+  g(() => {
+    !s && r.length > 0 && setTimeout(() => {
+      a(r[0]);
+    });
+  }, [r]), g(() => {
+    s && (R(s.message, s.variant), b());
+  }, [s]);
+  const c = () => {
+    var e;
+    return ((e = o.current) == null ? void 0 : e.getAttribute(i)) || null;
+  }, l = (e) => {
+    var t;
+    (t = o.current) == null || t.setAttribute(i, e);
+  }, L = () => {
+    var e;
+    return (e = o.current) == null ? void 0 : e.removeAttribute(i);
+  }, R = (e, t) => {
+    if (t === "warning") {
+      const n = h();
+      n && (n.innerText = e);
+    } else if (t === "success" || t === "info") {
+      const n = A();
+      n && (n.innerText = e);
+    }
+  }, S = (e, t) => {
+    O();
+    const n = {
+      message: e,
+      hideIcon: t == null ? void 0 : t.hideIcon,
+      variant: (t == null ? void 0 : t.variant) || "info",
+      onClick: () => {
+        d();
+      },
+      onMouseEnter: I,
+      onMouseLeave: M
+    };
+    u((p) => [...p, n]);
+  }, I = () => {
+    T();
+  }, T = () => {
+    var t;
+    const e = c();
+    e && (clearTimeout(e), (t = o.current) == null || t.removeAttribute(i));
+  }, m = () => {
+    const e = setTimeout(() => {
+      d();
+    }, P);
+    l(String(e));
+  }, M = () => {
+    c() !== v && o.current && m();
+  }, b = () => {
+    C(), o.current && s && (o.current.showPopover(), m());
+  }, d = () => {
+    T(), l(v), o.current && (o.current.addEventListener(
+      "animationend",
+      () => {
+        o.current && (o.current.hidePopover(), L(), o.current = null, u((e) => e.slice(1)), a(null));
+      },
+      {
+        once: !0
+        // removes event listener after being called once
+      }
+    ), o.current.classList.add(y.rootClosing));
+  };
+  return {
+    toast: s ? /* @__PURE__ */ w.jsx(D, { ...s, ref: o }) : void 0,
+    queueToastMessage: S
+  };
+};
+export {
+  k as useToast
+};

package/toastmanager.d.ts

@@ -0,0 +1 @@
+export * from './components/Toast/ToastManager'

package/utils/index.d.ts

@@ -1,4 +1,5 @@
 export * from './has-window';
 export * from './helpers';
+export * from './remove-spaces';
 export * from './theme';
 export * from './useBreakpoint';

package/utils/remove-spaces.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Removes all spaces from the input string.
+ * @param str The input string.
+ * @returns The string without spaces.
+ */
+export declare const removeSpaces: (str: string) => string;

package/utils/remove-spaces.test.d.ts

@@ -0,0 +1 @@
+export {};

package/utils/vitest.setup.d.ts

@@ -1 +1,3 @@
 
+export declare function showPopoverPolyfill(): void;
+export declare function hidePopoverPolyfill(): void;

package/assets/CustomReactSelect.BdwXfLLO.css

@@ -1 +0,0 @@
-._root_uo5u4_187{align-self:end}._root_uo5u4_187:has(._hint_uo5u4_195) ._label_uo5u4_195{margin-block-end:4px}._wrapper_uo5u4_199{display:grid;grid-template-columns:max-content 1fr max-content max-content;align-items:center}._action-button_uo5u4_205{grid-area:1/4/2/5}._label_uo5u4_195{font-family:STIHL Contraface Digital Text Regular,Arial Narrow,Arial,Heiti SC,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;display:block;max-width:fit-content;margin-block-end:8px}._label--hidden_uo5u4_222{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_uo5u4_195{font-family:STIHL Contraface Digital Text Regular,Arial Narrow,Arial,Heiti SC,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;display:block;max-width:25.5rem;margin-block-end:8px}._feedback_uo5u4_249{margin-block-end:8px;margin-block-start:8px}._select_uo5u4_254{font-family:STIHL Contraface Digital Text Regular,Arial Narrow,Arial,Heiti SC,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;transition:background-color .3s ease,color .3s ease;background:transparent;border:1px solid #252525;color:#252525;display:block;padding-inline-start:15px;padding-inline-end:15px;width:100%;min-height:3rem;height:3rem;inline-size:100%;grid-area:1/1/2/5;border-radius:0}._select_uo5u4_254:focus{outline:1px solid;outline-color:#252525;outline-offset:0}@media screen and (forced-colors: active){._select_uo5u4_254:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._select_uo5u4_254:focus{outline:revert;outline-offset:revert}._select_uo5u4_254:focus-visible{outline:1px solid;outline-color:#252525;outline-offset:0}@media screen and (forced-colors: active){._select_uo5u4_254:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}@media (prefers-reduced-motion: reduce){._select_uo5u4_254{transition-duration:0ms}}@media (hover: hover){._select_uo5u4_254:hover{background:#0000001a}}._select_uo5u4_254[readonly]{background-color:#ededed;border-color:transparent;color:#252525}._select_uo5u4_254[readonly]:focus{outline:2px solid;outline-color:#252525;outline-offset:0}@media screen and (forced-colors: active){._select_uo5u4_254[readonly]:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._select_uo5u4_254[readonly]:focus{outline:revert;outline-offset:revert}._select_uo5u4_254[readonly]:focus-visible{outline:2px solid;outline-color:#252525;outline-offset:0}@media screen and (forced-colors: active){._select_uo5u4_254[readonly]:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}._select_uo5u4_254:disabled{background-color:transparent;border-color:#00000080;color:#00000080;cursor:not-allowed}._select_uo5u4_254::-webkit-placeholder,._select_uo5u4_254::placeholder{color:#666;opacity:1}._select--invalid_uo5u4_365{border-color:#d43b3b;outline-color:#d43b3b}._select--invalid_uo5u4_365:active,._select--invalid_uo5u4_365:focus,._select--invalid_uo5u4_365:focus-visible{border-color:#252525}._select--small_uo5u4_372{font-family:STIHL Contraface Digital Text Regular,Arial Narrow,Arial,Heiti SC,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;padding-inline-start:7px;padding-inline-end:7px}._select_uo5u4_254::-webkit-outer-spin-button,._select_uo5u4_254::-webkit-inner-spin-button,._select_uo5u4_254::-webkit-search-decoration,._select_uo5u4_254::-webkit-search-cancel-button,._select_uo5u4_254::-webkit-calendar-picker-indicator{display:none;-moz-appearance:none;appearance:none;-webkit-appearance:none}._select_uo5u4_254::-webkit-date-and-time-value{text-align:left}._select_uo5u4_254: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_uo5u4_254[type=search]{-moz-appearance:none;appearance:none;-webkit-appearance:none}._select_uo5u4_254[type=range]{accent-color:#E9640C}._select_uo5u4_254[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}._select--small_uo5u4_372{min-height:2rem;height:2rem}._select--small_uo5u4_372._input--has-leading-icon_uo5u4_418{padding-inline-start:calc(16px + 1rem)}._select--small_uo5u4_372._input--has-action-button_uo5u4_421{padding-inline-end:calc(2rem + 8px)}._select--small_uo5u4_372._input--has-second-action-button_uo5u4_424{padding-inline-end:calc(4rem + 8px)}._select--has-leading-icon_uo5u4_427{padding-inline-start:calc(32px + 1rem)}._select--has-action-button_uo5u4_430{padding-inline-end:calc(3rem + 16px)}._select--has-second-action-button_uo5u4_433{padding-inline-end:calc(6rem + 16px)}._select--has-affix_uo5u4_436{color:#0000}._select--has-affix_uo5u4_436::placeholder{color:#0000;transition:color .3s ease}@media (prefers-reduced-motion: reduce){._select--has-affix_uo5u4_436::placeholder{transition-duration:0ms}}._select--is-ready_uo5u4_448{color:#252525}._select--is-ready_uo5u4_448::placeholder{color:#666}._select_uo5u4_254._select--disabled_uo5u4_454{background-color:transparent;border-color:#00000080;color:#00000080;cursor:not-allowed}@media screen and (forced-colors: active){._select_uo5u4_254._select--disabled_uo5u4_454{color:GrayText}}._select_uo5u4_254._select--focused_uo5u4_465{outline:2px solid;outline-color:#252525;outline-offset:-1px}@media screen and (forced-colors: active){._select_uo5u4_254._select--focused_uo5u4_465{forced-color-adjust:auto;outline-color:Highlight}}@media screen and (forced-colors: active){._select_uo5u4_254._select--focused_uo5u4_465{outline-color:Highlight}}@media (hover: hover){._select--hovered_uo5u4_482{background:#0000001a}}._placeholder_uo5u4_487{color:#666}@media screen and (forced-colors: active){._placeholder_uo5u4_487{color:GrayText}}._menu-list_uo5u4_496{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_uo5u4_496{forced-color-adjust:auto;outline-color:Highlight}}._group-heading_uo5u4_513{font-family:STIHL Contraface Digital Text Regular,Arial Narrow,Arial,Heiti SC,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;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_uo5u4_534{font-family:STIHL Contraface Digital Text Regular,Arial Narrow,Arial,Heiti SC,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;padding-block-start:12px;padding-block-end:12px;padding-inline-start:24px;padding-inline-end:24px;align-items:center}._option--small_uo5u4_549{font-family:STIHL Contraface Digital Text Regular,Arial Narrow,Arial,Heiti SC,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;padding-block-start:8px;padding-block-end:8px;padding-inline-start:16px;padding-inline-end:16px}._option--single_uo5u4_563{justify-content:space-between}._option--disabled_uo5u4_566{color:#00000080}@media screen and (forced-colors: active){._option--disabled_uo5u4_566{color:GrayText}}._option--focus-hover_uo5u4_574:not(._option--disabled_uo5u4_566){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_uo5u4_574:not(._option--disabled_uo5u4_566){background-color:Canvas;border-color:Highlight}}._option--focus-hover_uo5u4_574._option--small_uo5u4_549:not(._option--disabled_uo5u4_566){padding-block-start:6px;padding-block-end:6px}._option--text_uo5u4_592{margin-inline-end:8px;text-wrap:nowrap;text-overflow:ellipsis;overflow:hidden}._option--check-icon_uo5u4_598{fill:#e9640c;margin-inline-start:auto}._option--check-icon--disabled_uo5u4_602{fill:#00000080}._single-option_uo5u4_606{display:flex;flex-wrap:nowrap;width:100%;align-items:center}._multi-option_uo5u4_613{width:100%}._single-value_uo5u4_617{display:flex;align-items:center}._single-value--text_uo5u4_621{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}._leading-icon_uo5u4_628{margin-inline-end:8px;fill:#666}@media screen and (forced-colors: active){._leading-icon_uo5u4_628{background-color:Canvas;fill:CanvasText}}._leading-icon--disabled_uo5u4_638{fill:#00000080}@media screen and (forced-colors: active){._leading-icon--disabled_uo5u4_638{fill:GrayText}}._indicator_uo5u4_647,._clear_uo5u4_648{width:3rem;height:3rem;justify-content:center;cursor:pointer}._indicator--small_uo5u4_654,._clear--small_uo5u4_655{width:2rem;height:2rem}._indicator--icon_uo5u4_659,._clear--icon_uo5u4_660{margin-block-start:16px;margin-block-end:16px;margin-inline-start:16px;margin-inline-end:16px;align-self:center}._indicator--icon--small_uo5u4_667,._clear--icon--small_uo5u4_668{margin-block-start:8px;margin-block-end:8px;margin-inline-start:8px;margin-inline-end:8px}

package/assets/RadioGroup.Ur8Ro-XL.css

@@ -1 +0,0 @@
-._root_1c87m_63{display:flex;flex-direction:column;row-gap:16px;column-gap:24px;flex-wrap:wrap;margin-block-start:-8px}._root--horizontal_1c87m_71{flex-direction:row}._root--invalid_1c87m_74{margin-block-start:-16px}

package/assets/button.DJvR-58w.css

@@ -1 +0,0 @@
-._root_1yf8n_125{font-family:STIHL Contraface Digital Text Bold,Arial Narrow,Arial,Heiti SC,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;font-weight:400;font-size:1rem;line-height:1.25;padding-block-start:11px;padding-block-end:11px;padding-inline-start:23px;padding-inline-end:23px;display:flex;justify-content:center;align-items:center;border-width:1px;border-style:solid;border-color:transparent;max-width:fit-content;min-height:3rem;min-width:3rem;gap:8px;transform:translateZ(0);overflow-wrap:break-word;text-align:left;text-decoration:none;background-color:transparent;cursor:pointer;transition:background-color .3s ease,border-color .3s ease,color .3s ease;position:relative}._root_1yf8n_125:focus{outline:2px solid;outline-color:#252525;outline-offset:2px}@media screen and (forced-colors: active){._root_1yf8n_125:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._root_1yf8n_125:focus{outline:revert;outline-offset:revert}._root_1yf8n_125:focus-visible{outline:2px solid;outline-color:#252525;outline-offset:2px}@media screen and (forced-colors: active){._root_1yf8n_125:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}@media (prefers-reduced-motion: reduce){._root_1yf8n_125{transition-duration:0ms}}._root--highlight_1yf8n_192,._root--dark-highlight_1yf8n_192{background-color:#f37a1f;color:#252525}@media (hover: hover){._root--highlight_1yf8n_192:hover,._root--dark-highlight_1yf8n_192:hover{background-color:#e9640c}}._root--highlight_1yf8n_192[aria-disabled=true],._root--dark-highlight_1yf8n_192[aria-disabled=true]{background-color:transparent;cursor:not-allowed;color:#00000080;background-color:#dadada}._root--highlight_1yf8n_192[aria-disabled=true]:before,._root--dark-highlight_1yf8n_192[aria-disabled=true]:before{background-color:transparent}._root--highlight_1yf8n_192[aria-disabled=true] svg,._root--dark-highlight_1yf8n_192[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--highlight_1yf8n_192[aria-disabled=true],._root--dark-highlight_1yf8n_192[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--dark-highlight_1yf8n_192:focus{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-highlight_1yf8n_192:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._root--dark-highlight_1yf8n_192:focus{outline:revert;outline-offset:revert}._root--dark-highlight_1yf8n_192:focus-visible{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-highlight_1yf8n_192:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}._root--dark-highlight_1yf8n_192[aria-disabled=true]{background-color:transparent;cursor:not-allowed;color:#ffffff80;color:#00000080;background-color:#dadada}._root--dark-highlight_1yf8n_192[aria-disabled=true]:before{background-color:transparent}._root--dark-highlight_1yf8n_192[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--dark-highlight_1yf8n_192[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--filled_1yf8n_270{background-color:#252525;color:#fff}@media (hover: hover){._root--filled_1yf8n_270:hover{background-color:#444}}._root--filled_1yf8n_270[aria-disabled=true]{background-color:transparent;cursor:not-allowed;color:#00000080;background-color:#dadada}._root--filled_1yf8n_270[aria-disabled=true]:before{background-color:transparent}._root--filled_1yf8n_270[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--filled_1yf8n_270[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--outline_1yf8n_298{border-color:#252525;color:#252525}@media (hover: hover){._root--outline_1yf8n_298:hover{background-color:#0000001a}}._root--outline_1yf8n_298[aria-disabled=true]{background-color:transparent;color:#00000080;cursor:not-allowed;border-color:currentColor}._root--outline_1yf8n_298[aria-disabled=true]:before{background-color:transparent}._root--outline_1yf8n_298[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--outline_1yf8n_298[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--ghost_1yf8n_325{color:#252525}@media (hover: hover){._root--ghost_1yf8n_325:hover{background-color:#0000001a}}._root--ghost_1yf8n_325[aria-disabled=true]{background-color:transparent;color:#00000080;cursor:not-allowed}._root--ghost_1yf8n_325[aria-disabled=true]:before{background-color:transparent}._root--ghost_1yf8n_325[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--ghost_1yf8n_325[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--ghost-flush_1yf8n_350{padding-inline-start:0;padding-inline-end:0;min-width:0px;color:#252525}._root--ghost-flush_1yf8n_350._root--small_1yf8n_356{padding-inline-start:0;padding-inline-end:0;min-width:0px}._root--ghost-flush_1yf8n_350:before{content:"";position:absolute;top:-1px;right:-12px;bottom:-1px;left:-12px;transition:background-color .3s ease,color .3s ease}@media (prefers-reduced-motion: reduce){._root--ghost-flush_1yf8n_350:before{transition-duration:0ms}}._root--ghost-flush_1yf8n_350:focus,._root--ghost-flush_1yf8n_350:focus-visible{outline:none}._root--ghost-flush_1yf8n_350:focus:before{outline:2px solid;outline-color:#252525;outline-offset:2px}@media screen and (forced-colors: active){._root--ghost-flush_1yf8n_350:focus:before{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._root--ghost-flush_1yf8n_350:focus:before{outline:revert;outline-offset:revert}._root--ghost-flush_1yf8n_350:focus-visible:before{outline:2px solid;outline-color:#252525;outline-offset:2px}@media screen and (forced-colors: active){._root--ghost-flush_1yf8n_350:focus-visible:before{forced-color-adjust:auto;outline-color:Highlight}}}@media (hover: hover){._root--ghost-flush_1yf8n_350:hover:before{background-color:#0000001a}}._root--ghost-flush_1yf8n_350[aria-disabled=true]{background-color:transparent;color:#00000080;cursor:not-allowed}._root--ghost-flush_1yf8n_350[aria-disabled=true]:before{background-color:transparent}._root--ghost-flush_1yf8n_350[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--ghost-flush_1yf8n_350[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--dark-filled_1yf8n_431{background-color:#f8f8f8;color:#252525}._root--dark-filled_1yf8n_431:focus{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-filled_1yf8n_431:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._root--dark-filled_1yf8n_431:focus{outline:revert;outline-offset:revert}._root--dark-filled_1yf8n_431:focus-visible{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-filled_1yf8n_431:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}@media (hover: hover){._root--dark-filled_1yf8n_431:hover{background-color:#dadada}}._root--dark-filled_1yf8n_431[aria-disabled=true]{background-color:transparent;cursor:not-allowed;color:#ffffff80;color:#00000080;background-color:#dadada}._root--dark-filled_1yf8n_431[aria-disabled=true]:before{background-color:transparent}._root--dark-filled_1yf8n_431[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--dark-filled_1yf8n_431[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--dark-outline_1yf8n_490{border-color:#f8f8f8;color:#fff}._root--dark-outline_1yf8n_490:focus{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-outline_1yf8n_490:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._root--dark-outline_1yf8n_490:focus{outline:revert;outline-offset:revert}._root--dark-outline_1yf8n_490:focus-visible{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-outline_1yf8n_490:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}@media (hover: hover){._root--dark-outline_1yf8n_490:hover{background-color:#ffffff26}}._root--dark-outline_1yf8n_490[aria-disabled=true]{background-color:transparent;color:#00000080;cursor:not-allowed;color:#ffffff80;border-color:currentColor}._root--dark-outline_1yf8n_490[aria-disabled=true]:before{background-color:transparent}._root--dark-outline_1yf8n_490[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--dark-outline_1yf8n_490[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--dark-ghost_1yf8n_548{color:#fff}._root--dark-ghost_1yf8n_548:focus{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-ghost_1yf8n_548:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._root--dark-ghost_1yf8n_548:focus{outline:revert;outline-offset:revert}._root--dark-ghost_1yf8n_548:focus-visible{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-ghost_1yf8n_548:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}@media (hover: hover){._root--dark-ghost_1yf8n_548:hover{background-color:#ffffff26}}._root--dark-ghost_1yf8n_548[aria-disabled=true]{background-color:transparent;color:#00000080;cursor:not-allowed;color:#ffffff80}._root--dark-ghost_1yf8n_548[aria-disabled=true]:before{background-color:transparent}._root--dark-ghost_1yf8n_548[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--dark-ghost_1yf8n_548[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--dark-ghost-flush_1yf8n_604{color:#fff}._root--dark-ghost-flush_1yf8n_604:focus,._root--dark-ghost-flush_1yf8n_604:focus-visible{outline:none}._root--dark-ghost-flush_1yf8n_604:focus:before{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-ghost-flush_1yf8n_604:focus:before{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._root--dark-ghost-flush_1yf8n_604:focus:before{outline:revert;outline-offset:revert}._root--dark-ghost-flush_1yf8n_604:focus-visible:before{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-ghost-flush_1yf8n_604:focus-visible:before{forced-color-adjust:auto;outline-color:Highlight}}}@media (hover: hover){._root--dark-ghost-flush_1yf8n_604:hover:before{background-color:#ffffff26}}._root--dark-ghost-flush_1yf8n_604[aria-disabled=true]{background-color:transparent;color:#00000080;cursor:not-allowed;color:#ffffff80}._root--dark-ghost-flush_1yf8n_604[aria-disabled=true]:before{background-color:transparent}._root--dark-ghost-flush_1yf8n_604[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--dark-ghost-flush_1yf8n_604[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--icon-left_1yf8n_663{flex-direction:row-reverse}._root--small_1yf8n_356{min-height:2rem;min-width:2rem;padding-block-start:5px;padding-block-end:5px;padding-inline-start:15px;padding-inline-end:15px}._root--small_1yf8n_356._root--ghost-flush_1yf8n_350:before{right:-8px;left:-8px}._root--icon-only_1yf8n_679{width:3rem;height:3rem}._root--icon-only-small_1yf8n_683{width:2rem;height:2rem;min-width:2rem;min-height:2rem}._loader_1yf8n_690{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1rem;height:1rem}._loader_1yf8n_690 svg{fill:currentColor}._icon--hidden_1yf8n_702{opacity:0}._label--hidden_1yf8n_706{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}._label--loading_1yf8n_718{opacity:0}