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

package/styles/scss/lib/_theme.scss

@@ -70,13 +70,14 @@ $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;
 $ds-theme-light-border-color-primary-disabled: $ds-color-core-black-opacity-50;
 $ds-theme-light-border-color-primary-inverse: $ds-color-core-white-base;
 $ds-theme-light-border-color-primary: $ds-color-core-grey-ultra-deep;
-$ds-theme-light-border-color-secondary-disabled: $ds-color-core-black-opacity-50;
+$ds-theme-light-border-color-secondary-disabled: $ds-color-core-black-opacity-10;
 $ds-theme-light-border-color-secondary: $ds-color-core-grey-base;
 $ds-theme-light-border-color-tertiary: $ds-color-core-grey-mid;
 $ds-theme-light-content-color-brand-disabled: $ds-color-core-black-opacity-50;
@@ -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,18 +123,19 @@ $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;
 $ds-theme-dark-border-color-primary-disabled: $ds-color-core-white-opacity-50;
 $ds-theme-dark-border-color-primary-inverse: $ds-color-core-grey-ultra-deep;
 $ds-theme-dark-border-color-primary: $ds-color-core-grey-ultra-light;
-$ds-theme-dark-border-color-secondary-disabled: $ds-color-core-white-opacity-50;
+$ds-theme-dark-border-color-secondary-disabled: $ds-color-core-white-opacity-15;
 $ds-theme-dark-border-color-secondary: $ds-color-core-grey-dark;
 $ds-theme-dark-border-color-tertiary: $ds-color-core-grey-deep;
 $ds-theme-dark-content-color-brand-disabled: $ds-color-core-white-opacity-50;

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.CmpNUC7s.js

@@ -0,0 +1,65 @@
+"use client";
+import { j as t } from "./chunks/jsx-runtime.C115EyI4.js";
+import { c as k } from "./chunks/index.CvOaL64Y.js";
+import "react";
+import { D as g } from "./chunks/Icon.C2o2seDb.js";
+import { DSSpinner as u } from "./spinner.D-xrotcu.js";
+import './assets/switch.2DQF2zH-.css';const p = "_root_gf1kb_76", x = "_root--label-right_gf1kb_116", j = "_root--stretched_gf1kb_119", S = "_loader_gf1kb_129", w = "_thumb_gf1kb_182", C = "_root--checked_gf1kb_197", o = {
+  root: p,
+  "root--label-right": "_root--label-right_gf1kb_116",
+  rootLabelRight: x,
+  "root--stretched": "_root--stretched_gf1kb_119",
+  rootStretched: j,
+  switch: "_switch_gf1kb_124",
+  loader: S,
+  thumb: w,
+  "root--checked": "_root--checked_gf1kb_197",
+  rootChecked: C
+}, E = ({
+  children: h,
+  aria: i,
+  alignLabel: l = "left",
+  checked: e = !1,
+  className: _,
+  dataTrackingid: n,
+  disabled: s = !1,
+  loading: r = !1,
+  stretched: b = !1,
+  onClick: a,
+  ...d
+}) => {
+  const f = k(o.root, _, {
+    [o.rootChecked]: e === !0,
+    [o.rootStretched]: b === !0,
+    [o.rootLabelRight]: l === "right"
+  }), m = (c) => {
+    if (s || r) {
+      c.preventDefault();
+      return;
+    }
+    a && a(c);
+  };
+  return /* @__PURE__ */ t.jsxs(
+    "button",
+    {
+      className: f,
+      "data-trackingid": n,
+      onClick: m,
+      ...i,
+      ...d,
+      type: "button",
+      role: "switch",
+      "aria-checked": e,
+      "aria-disabled": s || r,
+      "aria-busy": r,
+      children: [
+        /* @__PURE__ */ t.jsx("span", { children: h }),
+        !r && /* @__PURE__ */ t.jsx("span", { className: o.switch, children: /* @__PURE__ */ t.jsx("span", { className: o.thumb, children: /* @__PURE__ */ t.jsx(g, { name: "check", "aria-hidden": "true" }) }) }),
+        r && /* @__PURE__ */ t.jsx("span", { className: o.loader, children: /* @__PURE__ */ t.jsx(u, { aria: { "aria-label": "Loading state" } }) })
+      ]
+    }
+  );
+};
+export {
+  E as DSSwitch
+};

package/systemfeedback.ZzRUAVYX.js

@@ -0,0 +1,25 @@
+"use client";
+import { j as o } from "./chunks/jsx-runtime.C115EyI4.js";
+import { c } from "./chunks/index.CvOaL64Y.js";
+import { D as n } from "./chunks/Icon.C2o2seDb.js";
+import './assets/systemfeedback.Sq0bAIyf.css';const i = "_root_10tno_76", l = {
+  root: i
+}, m = {
+  valid: "circle-check-colored",
+  invalid: "diamond-exclamationmark-colored",
+  warning: "triangle-exclamationmark-colored"
+}, p = ({
+  className: e,
+  message: r,
+  type: s,
+  ...t
+}) => {
+  const a = c(l.root, e);
+  return /* @__PURE__ */ o.jsxs("div", { className: a, ...t, role: "alert", children: [
+    /* @__PURE__ */ o.jsx(n, { name: m[s], "aria-hidden": "true" }),
+    r
+  ] });
+};
+export {
+  p as DSSystemFeedback
+};

package/text.rgDKQBrU.js

@@ -0,0 +1,57 @@
+"use client";
+import { j as e } from "./chunks/jsx-runtime.C115EyI4.js";
+import { c as j } from "./chunks/index.CvOaL64Y.js";
+import './assets/text.Dhb_l50R.css';const x = "_root_jyn7z_76", y = "_root--large_jyn7z_82", c = "_root--large-bold_jyn7z_94", u = "_root--medium_jyn7z_106", b = "_root--medium-bold_jyn7z_118", S = "_root--small_jyn7z_130", g = "_root--small-bold_jyn7z_142", z = "_root--x-small_jyn7z_154", B = "_root--x-small-bold_jyn7z_166", i = "_root--xx-small_jyn7z_178", X = "_root--theme-dark_jyn7z_190", o = {
+  root: x,
+  "root--large": "_root--large_jyn7z_82",
+  rootLarge: y,
+  "root--large-bold": "_root--large-bold_jyn7z_94",
+  rootLargeBold: c,
+  "root--medium": "_root--medium_jyn7z_106",
+  rootMedium: u,
+  "root--medium-bold": "_root--medium-bold_jyn7z_118",
+  rootMediumBold: b,
+  "root--small": "_root--small_jyn7z_130",
+  rootSmall: S,
+  "root--small-bold": "_root--small-bold_jyn7z_142",
+  rootSmallBold: g,
+  "root--x-small": "_root--x-small_jyn7z_154",
+  rootXSmall: z,
+  "root--x-small-bold": "_root--x-small-bold_jyn7z_166",
+  rootXSmallBold: B,
+  "root--xx-small": "_root--xx-small_jyn7z_178",
+  rootXxSmall: i,
+  "root--theme-dark": "_root--theme-dark_jyn7z_190",
+  rootThemeDark: X
+}, M = ({
+  children: t,
+  className: m,
+  size: l = "medium",
+  tag: a = "p",
+  theme: _ = "light",
+  weight: r = "normal",
+  ...d
+}) => {
+  const s = a, n = j(o.root, m, {
+    // 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]: _ === "dark"
+  });
+  return /* @__PURE__ */ e.jsx(s, { className: n, ...d, children: t });
+};
+export {
+  M as DSText
+};

package/textarea.CtQtGqn5.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.DDn-yX4P.js";
+import "./systemfeedback.ZzRUAVYX.js";
+import { D as x } from "./chunks/Textarea.Bewrp0Za.js";
+export {
+  x as DSTextarea
+};

package/title.LY1ylQsb.js

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

package/toast.DVd9dLs2.js

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

package/toast.d.ts

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

package/toastmanager.Dh0gzFkM.js

@@ -0,0 +1,119 @@
+"use client";
+import { j as g } from "./chunks/jsx-runtime.C115EyI4.js";
+import { createContext as y, useContext as C, useState as S, useRef as O, useEffect as A, useMemo as j } from "react";
+import { g as a } from "./chunks/helpers.B1JT5ShS.js";
+import { g as E, b as w } from "./chunks/AriaLiveRegions.utils.D2ni4Yrf.js";
+import { D as _, s as U } from "./chunks/Toast.DA_CQ9J-.js";
+import { h as q } from "./chunks/has-document.r9i9TxKV.js";
+const Q = () => {
+  if (!E() || !w())
+    throw new Error(
+      a(
+        "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".'
+      )
+    );
+}, k = () => {
+  if (!q)
+    return;
+  if (document.querySelectorAll("[data-ds-toast]").length > 1)
+    throw new Error(
+      a(
+        "DSToast",
+        'The destructured "toast" element should only be used once in the DOM.'
+      )
+    );
+}, i = "data-ds-toast-timeout-id", D = "closing", B = 1e4, x = y(void 0), J = () => {
+  const n = C(x);
+  if (!n)
+    throw new Error(
+      a(
+        "DSToastProvider",
+        "useDSToast must be used within a <DSToastProvider />, which wraps around your root component."
+      )
+    );
+  return n;
+}, K = ({
+  children: n
+}) => {
+  const [u, c] = S([]), [s, l] = S(null), o = O(null);
+  A(() => {
+    !s && u.length > 0 && setTimeout(() => {
+      l(u[0]);
+    });
+  }, [u]), A(() => {
+    s && (L(s.message, s.variant), I());
+  }, [s]);
+  const m = () => {
+    var e;
+    return ((e = o.current) == null ? void 0 : e.getAttribute(i)) || null;
+  }, T = (e) => {
+    var t;
+    (t = o.current) == null || t.setAttribute(i, e);
+  }, p = () => {
+    var e;
+    return (e = o.current) == null ? void 0 : e.removeAttribute(i);
+  }, L = (e, t) => {
+    if (t === "warning") {
+      const r = E();
+      r && (r.innerText = e);
+    } else if (t === "success" || t === "info") {
+      const r = w();
+      r && (r.innerText = e);
+    }
+  }, d = (e, t) => {
+    Q();
+    const r = {
+      message: e,
+      hideIcon: t == null ? void 0 : t.hideIcon,
+      variant: (t == null ? void 0 : t.variant) || "info",
+      onClick: () => {
+        v();
+      },
+      onMouseEnter: M,
+      onMouseLeave: R
+    };
+    c((P) => [...P, r]);
+  }, M = () => {
+    f();
+  }, f = () => {
+    var t;
+    const e = m();
+    e && (clearTimeout(e), (t = o.current) == null || t.removeAttribute(i));
+  }, h = () => {
+    const e = setTimeout(() => {
+      v();
+    }, B);
+    T(String(e));
+  }, R = () => {
+    m() !== D && o.current && h();
+  }, I = () => {
+    var e;
+    k(), s && ((e = o.current) != null && e.showPopover) && (o.current.showPopover(), h());
+  }, v = () => {
+    f(), T(D), o.current && (o.current.addEventListener(
+      "animationend",
+      () => {
+        var e;
+        (e = o.current) != null && e.hidePopover && (o.current.hidePopover(), p(), o.current = null, c((t) => t.slice(1)), l(null));
+      },
+      {
+        once: !0
+        // removes event listener after being called once
+      }
+    ), o.current.classList.add(U.rootClosing));
+  }, b = j(
+    () => ({
+      queueDSToastMessage: d
+    }),
+    [d]
+  );
+  return /* @__PURE__ */ g.jsxs(x.Provider, { value: b, children: [
+    s ? /* @__PURE__ */ g.jsx(_, { ...s, ref: o }) : null,
+    n
+  ] });
+};
+export {
+  K as DSToastProvider,
+  J as useDSToast
+};

package/toastmanager.d.ts

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

package/types/icon-types.d.ts

@@ -1,2 +1,2 @@
-export declare const ICON_NAMES: readonly ["360", "academic-cap", "alarm-clock", "arrow-clockwise", "arrow-counterclockwise", "arrow-down", "arrow-down-line", "arrow-edge", "arrow-left", "arrow-out", "arrow-outline-left", "arrow-right", "arrow-up", "arrow-up-arrow-down", "at", "barcode-scanner", "battery", "bell", "bin", "bin-open", "bluetooth", "bookmark", "burger", "calendar", "camera", "cart", "cart-check", "cart-plus", "catalog", "certificate", "chain-link", "chainsaw", "check", "chevron-down", "chevron-left", "chevron-line-left", "chevron-line-right", "chevron-right", "chevron-up", "circle", "circle-check-colored", "circle-check-inverted", "circle-info-colored", "circle-info-inverted", "circle-pause", "circle-stroke", "clock", "coffee-cup", "compare", "connected-box", "connected-box-mobile", "connected-box-stationary", "cross", "diamond", "diamond-exclamationmark-colored", "diamond-exclamationmark-inverted", "diskette", "distance", "dots-connected", "download-complete", "envelope", "envelope-open", "exclamationmark", "exit", "eye", "eye-closed", "facebook", "filter", "finger-double-arrow", "flash", "fullscreen", "gear", "globe", "grid", "guidance", "haircross", "hanger", "headphones", "heart", "hexagon-arrow-clockwise", "horizontal-ellipsis", "house", "imow", "info", "instagram", "leave-fullscreen", "lightbulb", "linkedin", "list-three-rows", "list-two-rows", "loading-spinner", "lock", "magnifying-glass", "magnifying-glass-minus", "magnifying-glass-plus", "map", "minus", "mobile", "nine-squares", "note", "note-check", "note-plus", "number-input", "paperclip", "parcel", "pause", "pdf", "pen", "percent", "petrol", "phone", "pin", "pin-s", "pinterest", "placeholder", "play", "plug", "plus", "printer", "prohibition-sign", "questionmark", "security", "share", "shirt", "shop", "sound-off", "sound-on", "speechbubble", "speechbubbles", "square", "star", "star-half", "tag", "thumbs-down", "thumbs-up", "triangle", "triangle-exclamationmark-colored", "triangle-exclamationmark-inverted", "truck", "two-people-screen", "two-sheets", "upload", "user", "vertical-ellipsis", "wc", "wifi", "wifi-1bar", "wifi-2bars", "wifi-off", "wind-rose", "wrench", "x", "xing", "youtube"];
+export declare const ICON_NAMES: readonly ["360", "academic-cap", "alarm-clock", "arrow-clockwise", "arrow-counterclockwise", "arrow-down", "arrow-down-line", "arrow-edge", "arrow-left", "arrow-out", "arrow-outline-left", "arrow-right", "arrow-up", "arrow-up-arrow-down", "at", "barcode-scanner", "battery", "bell", "bin", "bin-open", "bluetooth", "bookmark", "burger", "calendar", "camera", "cart", "cart-check", "cart-plus", "catalog", "certificate", "chain-link", "chainsaw", "check", "chevron-down", "chevron-left", "chevron-line-left", "chevron-line-right", "chevron-right", "chevron-up", "circle", "circle-check-colored", "circle-check-inverted", "circle-info-colored", "circle-info-inverted", "circle-pause", "circle-stroke", "clock", "coffee-cup", "compare", "connected-box", "connected-box-mobile", "connected-box-stationary", "cross", "diamond", "diamond-exclamationmark-colored", "diamond-exclamationmark-inverted", "diskette", "distance", "dots-connected", "download-complete", "envelope", "envelope-open", "exclamationmark", "exit", "eye", "eye-closed", "facebook", "filter", "finger-double-arrow", "flash", "fullscreen", "gear", "globe", "grid", "guidance", "haircross", "hanger", "headphones", "heart", "hexagon-arrow-clockwise", "horizontal-ellipsis", "house", "imow", "info", "instagram", "leave-fullscreen", "lightbulb", "linkedin", "list-three-rows", "list-two-rows", "loading-spinner", "lock", "magnifying-glass", "magnifying-glass-minus", "magnifying-glass-plus", "map", "minus", "mobile", "nine-squares", "note", "note-check", "note-plus", "number-input", "paperclip", "parcel", "pause", "pdf", "pen", "percent", "petrol", "phone", "pin", "pin-s", "pinterest", "placeholder", "play", "plug", "plus", "printer", "prohibition-sign", "questionmark", "security", "share", "shirt", "shop", "sound-off", "sound-on", "speechbubble", "speechbubbles", "square", "star", "star-half", "tag", "thumbs-down", "thumbs-up", "triangle", "triangle-exclamationmark-colored", "triangle-exclamationmark-inverted", "truck", "two-people-screen", "two-sheets", "upload", "user", "vertical-ellipsis", "wc", "whatsapp", "wifi", "wifi-1bar", "wifi-2bars", "wifi-off", "wind-rose", "wrench", "x", "xing", "youtube"];
 export type IconName = typeof ICON_NAMES[number];

package/utils/index.d.ts

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

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/render-documentation.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type DocumentationRenderOptions = {
     hideCodeExample?: boolean;
     hideControls?: boolean;

package/utils/render-in-iframe.d.ts

@@ -0,0 +1,15 @@
+type RenderInIframeProps = {
+    children: React.ReactNode;
+    parentLinkTags?: NodeListOf<HTMLLinkElement>;
+    parentStyleTags?: NodeListOf<HTMLStyleElement>;
+} & React.IframeHTMLAttributes<HTMLIFrameElement>;
+/**
+ *
+ * @param param
+ * @returns
+ *
+ * This component renders its children in an iframe. It is currently only used for rendering multiple Dialog or Drawer
+ * components on a single page for visual regression testing.
+ */
+declare const RenderInIframe: ({ children, parentStyleTags, parentLinkTags, ...props }: RenderInIframeProps) => import("react/jsx-runtime").JSX.Element;
+export default RenderInIframe;

package/utils/useBreakpoint.d.ts

@@ -1,4 +1,5 @@
-import { type BreakpointCustomizable } from './breakpoint-customizable';
+import { BreakpointCustomizable } from './breakpoint-customizable';
+
 /**
  * A React hook that consumes a `BreakpointCustomizable` property and returns the value
  * corresponding to the current breakpoint. If the property is a primitive value, it is

package/utils/useIsomorphicLayoutEffect.d.ts

@@ -0,0 +1,26 @@
+import { useEffect } from 'react';
+
+/**
+ * A custom hook that conditionally uses `useLayoutEffect` or `useEffect` based on the environment.
+ *
+ * This hook is a workaround for the issue where `useLayoutEffect` causes a warning when used in environments
+ * where there is no DOM, such as during server-side rendering (SSR). In these cases, `useEffect` is used instead,
+ * which is safe for SSR.
+ *
+ * The need for this hook arises from the fact that `useLayoutEffect` is designed to run synchronously after all
+ * DOM mutations. However, in a server environment where there is no DOM, using `useLayoutEffect` can trigger
+ * warnings because the server cannot perform any DOM-related operations.
+ *
+ * By checking if the `window` object is available, we can determine whether we are in a browser (client) environment
+ * or a server environment, and choose the appropriate hook accordingly.
+ *
+ * @link https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85?permalink_comment_id=5023665#gistcomment-5023665
+ *
+ * @example
+ * import { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';
+ *
+ * useIsomorphicLayoutEffect(() => {
+ *   // Your effect logic here
+ * }, [dependencies]);
+ * */
+export declare const useIsomorphicLayoutEffect: typeof useEffect;

package/utils/vitest.setup.d.ts

@@ -0,0 +1,5 @@
+
+export declare function showPopoverPolyfill(): void;
+export declare function hidePopoverPolyfill(): void;
+export declare function showModalPolyfill(): void;
+export declare function closeModalPolyfill(): void;

package/assets/Asterisk.582f2067.css

@@ -1 +0,0 @@
-._root_wvs0s_25{margin-left:2px;font-family:STIHL Contraface Text Regular,Arial Narrow,Arial,Heiti SC,sans-serif;line-height:0}

package/assets/Button.684e8bda.css

@@ -1 +0,0 @@
-._root_1dvy1_49{font-family:STIHL Contraface 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:11px 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_1dvy1_49:focus{outline:2px solid;outline-color:#252525;outline-offset:2px}@media screen and (forced-colors: active){._root_1dvy1_49:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._root_1dvy1_49:focus{outline:revert;outline-offset:revert}._root_1dvy1_49:focus-visible{outline:2px solid;outline-color:#252525;outline-offset:2px}@media screen and (forced-colors: active){._root_1dvy1_49:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}@media (prefers-reduced-motion: reduce){._root_1dvy1_49{transition-duration:0ms}}._root--highlight_1dvy1_116,._root--dark-highlight_1dvy1_116{background-color:#f37a1f;color:#252525}@media (hover: hover){._root--highlight_1dvy1_116:hover,._root--dark-highlight_1dvy1_116:hover{background-color:#e9640c}}._root--highlight_1dvy1_116[aria-disabled=true],._root--dark-highlight_1dvy1_116[aria-disabled=true]{background-color:transparent;cursor:not-allowed;color:#00000080;background-color:#dadada}._root--highlight_1dvy1_116[aria-disabled=true]:before,._root--dark-highlight_1dvy1_116[aria-disabled=true]:before{background-color:transparent}._root--highlight_1dvy1_116[aria-disabled=true] svg,._root--dark-highlight_1dvy1_116[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--highlight_1dvy1_116[aria-disabled=true],._root--dark-highlight_1dvy1_116[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--dark-highlight_1dvy1_116:focus{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-highlight_1dvy1_116:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._root--dark-highlight_1dvy1_116:focus{outline:revert;outline-offset:revert}._root--dark-highlight_1dvy1_116:focus-visible{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-highlight_1dvy1_116:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}._root--dark-highlight_1dvy1_116[aria-disabled=true]{background-color:transparent;cursor:not-allowed;color:#ffffff80;color:#00000080;background-color:#dadada}._root--dark-highlight_1dvy1_116[aria-disabled=true]:before{background-color:transparent}._root--dark-highlight_1dvy1_116[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--dark-highlight_1dvy1_116[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--filled_1dvy1_194{background-color:#252525;color:#fff}@media (hover: hover){._root--filled_1dvy1_194:hover{background-color:#444}}._root--filled_1dvy1_194[aria-disabled=true]{background-color:transparent;cursor:not-allowed;color:#00000080;background-color:#dadada}._root--filled_1dvy1_194[aria-disabled=true]:before{background-color:transparent}._root--filled_1dvy1_194[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--filled_1dvy1_194[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--outline_1dvy1_222{border-color:#252525;color:#252525}@media (hover: hover){._root--outline_1dvy1_222:hover{background-color:#0000001a}}._root--outline_1dvy1_222[aria-disabled=true]{background-color:transparent;color:#00000080;cursor:not-allowed;border-color:currentColor}._root--outline_1dvy1_222[aria-disabled=true]:before{background-color:transparent}._root--outline_1dvy1_222[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--outline_1dvy1_222[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--ghost_1dvy1_249{color:#252525}@media (hover: hover){._root--ghost_1dvy1_249:hover{background-color:#0000001a}}._root--ghost_1dvy1_249[aria-disabled=true]{background-color:transparent;color:#00000080;cursor:not-allowed}._root--ghost_1dvy1_249[aria-disabled=true]:before{background-color:transparent}._root--ghost_1dvy1_249[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--ghost_1dvy1_249[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--ghost-flush_1dvy1_274{padding-left:0;padding-right:0;min-width:0px;color:#252525}._root--ghost-flush_1dvy1_274._root--small_1dvy1_280{padding-left:0;padding-right:0;min-width:0px}._root--ghost-flush_1dvy1_274: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_1dvy1_274:before{transition-duration:0ms}}._root--ghost-flush_1dvy1_274:focus,._root--ghost-flush_1dvy1_274:focus-visible{outline:none}._root--ghost-flush_1dvy1_274:focus:before{outline:2px solid;outline-color:#252525;outline-offset:2px}@media screen and (forced-colors: active){._root--ghost-flush_1dvy1_274:focus:before{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._root--ghost-flush_1dvy1_274:focus:before{outline:revert;outline-offset:revert}._root--ghost-flush_1dvy1_274:focus-visible:before{outline:2px solid;outline-color:#252525;outline-offset:2px}@media screen and (forced-colors: active){._root--ghost-flush_1dvy1_274:focus-visible:before{forced-color-adjust:auto;outline-color:Highlight}}}@media (hover: hover){._root--ghost-flush_1dvy1_274:hover:before{background-color:#0000001a}}._root--ghost-flush_1dvy1_274[aria-disabled=true]{background-color:transparent;color:#00000080;cursor:not-allowed}._root--ghost-flush_1dvy1_274[aria-disabled=true]:before{background-color:transparent}._root--ghost-flush_1dvy1_274[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--ghost-flush_1dvy1_274[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--dark-filled_1dvy1_355{background-color:#f8f8f8;color:#252525}._root--dark-filled_1dvy1_355:focus{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-filled_1dvy1_355:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._root--dark-filled_1dvy1_355:focus{outline:revert;outline-offset:revert}._root--dark-filled_1dvy1_355:focus-visible{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-filled_1dvy1_355:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}@media (hover: hover){._root--dark-filled_1dvy1_355:hover{background-color:#dadada}}._root--dark-filled_1dvy1_355[aria-disabled=true]{background-color:transparent;cursor:not-allowed;color:#ffffff80;color:#00000080;background-color:#dadada}._root--dark-filled_1dvy1_355[aria-disabled=true]:before{background-color:transparent}._root--dark-filled_1dvy1_355[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--dark-filled_1dvy1_355[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--dark-outline_1dvy1_414{border-color:#f8f8f8;color:#fff}._root--dark-outline_1dvy1_414:focus{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-outline_1dvy1_414:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._root--dark-outline_1dvy1_414:focus{outline:revert;outline-offset:revert}._root--dark-outline_1dvy1_414:focus-visible{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-outline_1dvy1_414:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}@media (hover: hover){._root--dark-outline_1dvy1_414:hover{background-color:#ffffff26}}._root--dark-outline_1dvy1_414[aria-disabled=true]{background-color:transparent;color:#00000080;cursor:not-allowed;color:#ffffff80;border-color:currentColor}._root--dark-outline_1dvy1_414[aria-disabled=true]:before{background-color:transparent}._root--dark-outline_1dvy1_414[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--dark-outline_1dvy1_414[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--dark-ghost_1dvy1_472{color:#fff}._root--dark-ghost_1dvy1_472:focus{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-ghost_1dvy1_472:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._root--dark-ghost_1dvy1_472:focus{outline:revert;outline-offset:revert}._root--dark-ghost_1dvy1_472:focus-visible{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-ghost_1dvy1_472:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}@media (hover: hover){._root--dark-ghost_1dvy1_472:hover{background-color:#ffffff26}}._root--dark-ghost_1dvy1_472[aria-disabled=true]{background-color:transparent;color:#00000080;cursor:not-allowed;color:#ffffff80}._root--dark-ghost_1dvy1_472[aria-disabled=true]:before{background-color:transparent}._root--dark-ghost_1dvy1_472[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--dark-ghost_1dvy1_472[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--dark-ghost-flush_1dvy1_528{color:#fff}._root--dark-ghost-flush_1dvy1_528:focus,._root--dark-ghost-flush_1dvy1_528:focus-visible{outline:none}._root--dark-ghost-flush_1dvy1_528:focus:before{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-ghost-flush_1dvy1_528:focus:before{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._root--dark-ghost-flush_1dvy1_528:focus:before{outline:revert;outline-offset:revert}._root--dark-ghost-flush_1dvy1_528:focus-visible:before{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-ghost-flush_1dvy1_528:focus-visible:before{forced-color-adjust:auto;outline-color:Highlight}}}@media (hover: hover){._root--dark-ghost-flush_1dvy1_528:hover:before{background-color:#ffffff26}}._root--dark-ghost-flush_1dvy1_528[aria-disabled=true]{background-color:transparent;color:#00000080;cursor:not-allowed;color:#ffffff80}._root--dark-ghost-flush_1dvy1_528[aria-disabled=true]:before{background-color:transparent}._root--dark-ghost-flush_1dvy1_528[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--dark-ghost-flush_1dvy1_528[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--icon-left_1dvy1_587{flex-direction:row-reverse}._root--small_1dvy1_280{min-height:2rem;min-width:2rem;padding:5px 15px}._root--small_1dvy1_280._root--ghost-flush_1dvy1_274:before{right:-8px;left:-8px}._root--icon-only_1dvy1_603{width:3rem;height:3rem}._root--icon-only-small_1dvy1_607{width:2rem;height:2rem;min-width:2rem;min-height:2rem}._loader_1dvy1_614{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1rem;height:1rem}._loader_1dvy1_614 svg{fill:currentColor}._icon--hidden_1dvy1_626{opacity:0}._label--hidden_1dvy1_630{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_1dvy1_642{opacity:0}

package/assets/ButtonRound.ca8748cf.css

@@ -1 +0,0 @@
-._root_nejad_49{font-family:STIHL Contraface 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;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;border-radius:50%;padding:0}._root_nejad_49:focus{outline:2px solid;outline-color:#252525;outline-offset:2px}@media screen and (forced-colors: active){._root_nejad_49:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._root_nejad_49:focus{outline:revert;outline-offset:revert}._root_nejad_49:focus-visible{outline:2px solid;outline-color:#252525;outline-offset:2px}@media screen and (forced-colors: active){._root_nejad_49:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}@media (prefers-reduced-motion: reduce){._root_nejad_49{transition-duration:0ms}}._root--highlight_nejad_118,._root--dark-highlight_nejad_118{background-color:#f37a1f;color:#252525}@media (hover: hover){._root--highlight_nejad_118:hover,._root--dark-highlight_nejad_118:hover{background-color:#e9640c}}._root--highlight_nejad_118[aria-disabled=true],._root--dark-highlight_nejad_118[aria-disabled=true]{background-color:transparent;cursor:not-allowed;color:#00000080;background-color:#dadada}._root--highlight_nejad_118[aria-disabled=true]:before,._root--dark-highlight_nejad_118[aria-disabled=true]:before{background-color:transparent}._root--highlight_nejad_118[aria-disabled=true] svg,._root--dark-highlight_nejad_118[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--highlight_nejad_118[aria-disabled=true],._root--dark-highlight_nejad_118[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--dark-highlight_nejad_118:focus{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-highlight_nejad_118:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._root--dark-highlight_nejad_118:focus{outline:revert;outline-offset:revert}._root--dark-highlight_nejad_118:focus-visible{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-highlight_nejad_118:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}._root--dark-highlight_nejad_118[aria-disabled=true]{background-color:transparent;cursor:not-allowed;color:#ffffff80;color:#00000080;background-color:#dadada}._root--dark-highlight_nejad_118[aria-disabled=true]:before{background-color:transparent}._root--dark-highlight_nejad_118[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--dark-highlight_nejad_118[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--filled_nejad_196{background-color:#252525;color:#fff}@media (hover: hover){._root--filled_nejad_196:hover{background-color:#444}}._root--filled_nejad_196[aria-disabled=true]{background-color:transparent;cursor:not-allowed;color:#00000080;background-color:#dadada}._root--filled_nejad_196[aria-disabled=true]:before{background-color:transparent}._root--filled_nejad_196[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--filled_nejad_196[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--outline_nejad_224{border-color:#252525;color:#252525}@media (hover: hover){._root--outline_nejad_224:hover{background-color:#0000001a}}._root--outline_nejad_224[aria-disabled=true]{background-color:transparent;color:#00000080;cursor:not-allowed;border-color:currentColor}._root--outline_nejad_224[aria-disabled=true]:before{background-color:transparent}._root--outline_nejad_224[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--outline_nejad_224[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--ghost_nejad_251{color:#252525}@media (hover: hover){._root--ghost_nejad_251:hover{background-color:#0000001a}}._root--ghost_nejad_251[aria-disabled=true]{background-color:transparent;color:#00000080;cursor:not-allowed}._root--ghost_nejad_251[aria-disabled=true]:before{background-color:transparent}._root--ghost_nejad_251[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--ghost_nejad_251[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--ghost-flush_nejad_276{padding-left:0;padding-right:0;min-width:0px;color:#252525}._root--ghost-flush_nejad_276._root--small_nejad_282{padding-left:0;padding-right:0;min-width:0px}._root--ghost-flush_nejad_276: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_nejad_276:before{transition-duration:0ms}}._root--ghost-flush_nejad_276:focus,._root--ghost-flush_nejad_276:focus-visible{outline:none}._root--ghost-flush_nejad_276:focus:before{outline:2px solid;outline-color:#252525;outline-offset:2px}@media screen and (forced-colors: active){._root--ghost-flush_nejad_276:focus:before{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._root--ghost-flush_nejad_276:focus:before{outline:revert;outline-offset:revert}._root--ghost-flush_nejad_276:focus-visible:before{outline:2px solid;outline-color:#252525;outline-offset:2px}@media screen and (forced-colors: active){._root--ghost-flush_nejad_276:focus-visible:before{forced-color-adjust:auto;outline-color:Highlight}}}@media (hover: hover){._root--ghost-flush_nejad_276:hover:before{background-color:#0000001a}}._root--ghost-flush_nejad_276[aria-disabled=true]{background-color:transparent;color:#00000080;cursor:not-allowed}._root--ghost-flush_nejad_276[aria-disabled=true]:before{background-color:transparent}._root--ghost-flush_nejad_276[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--ghost-flush_nejad_276[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--dark-filled_nejad_357{background-color:#f8f8f8;color:#252525}._root--dark-filled_nejad_357:focus{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-filled_nejad_357:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._root--dark-filled_nejad_357:focus{outline:revert;outline-offset:revert}._root--dark-filled_nejad_357:focus-visible{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-filled_nejad_357:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}@media (hover: hover){._root--dark-filled_nejad_357:hover{background-color:#dadada}}._root--dark-filled_nejad_357[aria-disabled=true]{background-color:transparent;cursor:not-allowed;color:#ffffff80;color:#00000080;background-color:#dadada}._root--dark-filled_nejad_357[aria-disabled=true]:before{background-color:transparent}._root--dark-filled_nejad_357[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--dark-filled_nejad_357[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--dark-outline_nejad_416{border-color:#f8f8f8;color:#fff}._root--dark-outline_nejad_416:focus{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-outline_nejad_416:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._root--dark-outline_nejad_416:focus{outline:revert;outline-offset:revert}._root--dark-outline_nejad_416:focus-visible{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-outline_nejad_416:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}@media (hover: hover){._root--dark-outline_nejad_416:hover{background-color:#ffffff26}}._root--dark-outline_nejad_416[aria-disabled=true]{background-color:transparent;color:#00000080;cursor:not-allowed;color:#ffffff80;border-color:currentColor}._root--dark-outline_nejad_416[aria-disabled=true]:before{background-color:transparent}._root--dark-outline_nejad_416[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--dark-outline_nejad_416[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--dark-ghost_nejad_474{color:#fff}._root--dark-ghost_nejad_474:focus{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-ghost_nejad_474:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._root--dark-ghost_nejad_474:focus{outline:revert;outline-offset:revert}._root--dark-ghost_nejad_474:focus-visible{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-ghost_nejad_474:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}@media (hover: hover){._root--dark-ghost_nejad_474:hover{background-color:#ffffff26}}._root--dark-ghost_nejad_474[aria-disabled=true]{background-color:transparent;color:#00000080;cursor:not-allowed;color:#ffffff80}._root--dark-ghost_nejad_474[aria-disabled=true]:before{background-color:transparent}._root--dark-ghost_nejad_474[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--dark-ghost_nejad_474[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--dark-ghost-flush_nejad_530{color:#fff}._root--dark-ghost-flush_nejad_530:focus,._root--dark-ghost-flush_nejad_530:focus-visible{outline:none}._root--dark-ghost-flush_nejad_530:focus:before{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-ghost-flush_nejad_530:focus:before{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._root--dark-ghost-flush_nejad_530:focus:before{outline:revert;outline-offset:revert}._root--dark-ghost-flush_nejad_530:focus-visible:before{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-ghost-flush_nejad_530:focus-visible:before{forced-color-adjust:auto;outline-color:Highlight}}}@media (hover: hover){._root--dark-ghost-flush_nejad_530:hover:before{background-color:#ffffff26}}._root--dark-ghost-flush_nejad_530[aria-disabled=true]{background-color:transparent;color:#00000080;cursor:not-allowed;color:#ffffff80}._root--dark-ghost-flush_nejad_530[aria-disabled=true]:before{background-color:transparent}._root--dark-ghost-flush_nejad_530[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--dark-ghost-flush_nejad_530[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--icon-left_nejad_589{flex-direction:row-reverse}._root--small_nejad_282{min-height:2rem;min-width:2rem;padding:5px 15px}._root--small_nejad_282._root--ghost-flush_nejad_276:before{right:-8px;left:-8px}._root--icon-only_nejad_605{width:3rem;height:3rem}._root--icon-only-small_nejad_609{width:2rem;height:2rem;min-width:2rem;min-height:2rem}._loader_nejad_616{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1rem;height:1rem}._loader_nejad_616 svg{fill:currentColor}._icon--hidden_nejad_628{opacity:0}._label--hidden_nejad_632{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_nejad_644{opacity:0}

package/assets/Checkbox.84cf6398.css

@@ -1 +0,0 @@
-._root_1rc21_49{font-family:STIHL Contraface 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;color:#252525;display:flex;justify-content:flex-start;gap:8px;padding:0;text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;max-width:fit-content}._root--disabled_1rc21_68{cursor:not-allowed}._checkbox_1rc21_72{width:1.25rem;height:1.25rem;min-width:1.25rem;min-height:1.25rem;border:1px solid #252525;position:relative;transition:background-color .3s ease}@media (prefers-reduced-motion: reduce){._checkbox_1rc21_72{transition-duration:0ms}}._checkbox_1rc21_72 ._icon-check_1rc21_86,._checkbox_1rc21_72 ._icon-minus_1rc21_87{opacity:0;fill:#e9640c;position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0);transition:opacity .3s ease,fill .3s ease}@media (prefers-reduced-motion: reduce){._checkbox_1rc21_72 ._icon-check_1rc21_86,._checkbox_1rc21_72 ._icon-minus_1rc21_87{transition-duration:0ms}}@media screen and (forced-colors: active){._checkbox_1rc21_72 ._icon-check_1rc21_86,._checkbox_1rc21_72 ._icon-minus_1rc21_87{fill:CanvasText}}._checkbox--invalid_1rc21_108{border-color:#d43b3b;box-shadow:0 0 0 1px #d43b3b}._label--hidden_1rc21_113,._input_1rc21_126{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}._input_1rc21_126:checked+._checkbox_1rc21_72 ._icon-check_1rc21_86{opacity:1}._input_1rc21_126:indeterminate+._checkbox_1rc21_72 ._icon-minus_1rc21_87{opacity:1}._input_1rc21_126:indeterminate+._checkbox_1rc21_72 ._icon-check_1rc21_86{opacity:0}._input_1rc21_126:disabled+._checkbox_1rc21_72{border-color:#00000080;box-shadow:unset}@media screen and (forced-colors: active){._input_1rc21_126:disabled+._checkbox_1rc21_72{border-color:GrayText}}._input_1rc21_126:disabled+._checkbox_1rc21_72 svg{fill:#00000080}@media screen and (forced-colors: active){._input_1rc21_126:disabled+._checkbox_1rc21_72 svg{fill:GrayText}}._input_1rc21_126:disabled~._label_1rc21_113{color:#00000080}@media screen and (forced-colors: active){._input_1rc21_126:disabled~._label_1rc21_113{color:GrayText}}._input_1rc21_126:focus{outline:none}._input_1rc21_126:focus+._checkbox_1rc21_72{outline:2px solid;outline-color:#252525;outline-offset:2px}@media screen and (forced-colors: active){._input_1rc21_126:focus+._checkbox_1rc21_72{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._input_1rc21_126:focus{outline:none}._input_1rc21_126:focus+._checkbox_1rc21_72{outline:revert;outline-offset:revert}@media screen and (forced-colors: active){._input_1rc21_126:focus+._checkbox_1rc21_72{border-color:Highlight}}._input_1rc21_126:focus-visible{outline:none}._input_1rc21_126:focus-visible+._checkbox_1rc21_72{outline:2px solid;outline-color:#252525;outline-offset:2px}@media screen and (forced-colors: active){._input_1rc21_126:focus-visible+._checkbox_1rc21_72{forced-color-adjust:auto;outline-color:Highlight}}@media screen and (forced-colors: active){._input_1rc21_126:focus-visible+._checkbox_1rc21_72{border-color:Highlight}}}@media (hover: hover){._input_1rc21_126:hover:not(:disabled)+._checkbox_1rc21_72{background-color:#0000001a}._input_1rc21_126:hover:not(:disabled)+._checkbox_1rc21_72 svg{fill:#d9480f}}@media screen and (hover: hover) and (forced-colors: active){._input_1rc21_126:hover:not(:disabled)+._checkbox_1rc21_72 svg{fill:CanvasText}}@media screen and (hover: hover) and (forced-colors: active){._input_1rc21_126:hover:not(:disabled)+._checkbox_1rc21_72{border-color:Highlight}}._feedback_1rc21_240{margin-top:16px}

package/assets/CustomReactSelect.d89ccccb.css

@@ -1 +0,0 @@
-._root_1umw0_73{align-self:end}._root_1umw0_73:has(._hint_1umw0_81) ._label_1umw0_81{margin-bottom:4px}._wrapper_1umw0_85{display:grid;grid-template-columns:max-content 1fr max-content max-content;align-items:center}._affix_1umw0_91{font-family:STIHL Contraface 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:flex;align-items:center;padding-left:16px;padding-right:16px;pointer-events:none;color:#666;z-index:1;height:calc(100% - 2px)}._affix--small_1umw0_109{font-family:STIHL Contraface 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-left:8px;padding-right:8px}._affix--disabled_1umw0_121{color:#00000080}._prefix_1umw0_125{border-right:1px solid #B1B1B1;grid-area:1/1/2/2;order:1}._suffix_1umw0_131{border-left:1px solid #B1B1B1;grid-area:1/3/2/4}._action-button_1umw0_136{grid-area:1/4/2/5}._label_1umw0_81{font-family:STIHL Contraface 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-bottom:8px}._label--hidden_1umw0_153{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_1umw0_81{font-family:STIHL Contraface 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-bottom:8px}._feedback_1umw0_180{margin-bottom:8px;margin-top:8px}._select_1umw0_185{font-family:STIHL Contraface 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-left:16px;padding-right:16px;width:100%;min-height:3rem;height:3rem;inline-size:100%;grid-area:1/1/2/5;border-radius:0}._select_1umw0_185:focus{outline:1px solid;outline-color:#252525;outline-offset:0}@media screen and (forced-colors: active){._select_1umw0_185:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._select_1umw0_185:focus{outline:revert;outline-offset:revert}._select_1umw0_185:focus-visible{outline:1px solid;outline-color:#252525;outline-offset:0}@media screen and (forced-colors: active){._select_1umw0_185:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}@media (prefers-reduced-motion: reduce){._select_1umw0_185{transition-duration:0ms}}@media (hover: hover){._select_1umw0_185:hover{background:rgba(0,0,0,.1019607843)}}._select_1umw0_185[readonly]{background-color:#ededed;border-color:transparent;color:#252525}._select_1umw0_185[readonly]:focus{outline:2px solid;outline-color:#252525;outline-offset:0}@media screen and (forced-colors: active){._select_1umw0_185[readonly]:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._select_1umw0_185[readonly]:focus{outline:revert;outline-offset:revert}._select_1umw0_185[readonly]:focus-visible{outline:2px solid;outline-color:#252525;outline-offset:0}@media screen and (forced-colors: active){._select_1umw0_185[readonly]:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}._select_1umw0_185:disabled{background-color:transparent;border-color:#00000080;color:#00000080;cursor:not-allowed}._select_1umw0_185::-webkit-placeholder,._select_1umw0_185::placeholder{color:#666;opacity:1}._select--invalid_1umw0_296{border-color:#d43b3b;outline-color:#d43b3b}._select--invalid_1umw0_296:active,._select--invalid_1umw0_296:focus,._select--invalid_1umw0_296:focus-visible{border-color:#252525}._select--small_1umw0_303{font-family:STIHL Contraface 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-left:8px;padding-right:8px}._select_1umw0_185::-webkit-outer-spin-button,._select_1umw0_185::-webkit-inner-spin-button,._select_1umw0_185::-webkit-search-decoration,._select_1umw0_185::-webkit-search-cancel-button,._select_1umw0_185::-webkit-calendar-picker-indicator{display:none;-moz-appearance:none;appearance:none;-webkit-appearance:none}._select_1umw0_185::-webkit-date-and-time-value{text-align:left}._select_1umw0_185: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_1umw0_185[type=search]{-moz-appearance:none;appearance:none;-webkit-appearance:none}._select_1umw0_185[type=range]{accent-color:#E9640C}._select_1umw0_185[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}._select--small_1umw0_303{min-height:2rem;height:2rem}._select--small_1umw0_303._input--has-leading-icon_1umw0_349{padding-left:calc(16px + 1rem)}._select--small_1umw0_303._input--has-action-button_1umw0_352{padding-right:calc(2rem + 8px)}._select--small_1umw0_303._input--has-second-action-button_1umw0_355{padding-right:calc(4rem + 8px)}._select--has-leading-icon_1umw0_358{padding-left:calc(32px + 1rem)}._select--has-action-button_1umw0_361{padding-right:calc(3rem + 16px)}._select--has-second-action-button_1umw0_364{padding-right:calc(6rem + 16px)}._select--has-affix_1umw0_367{color:#0000}._select--has-affix_1umw0_367::placeholder{color:#0000;transition:color .3s ease}@media (prefers-reduced-motion: reduce){._select--has-affix_1umw0_367::placeholder{transition-duration:0ms}}._select--is-ready_1umw0_379{color:#252525}._select--is-ready_1umw0_379::placeholder{color:#666}._select_1umw0_185._select--disabled_1umw0_385{background-color:transparent;border-color:#00000080;color:#00000080;cursor:not-allowed}@media screen and (forced-colors: active){._select_1umw0_185._select--disabled_1umw0_385{color:GrayText}}._select_1umw0_185._select--focused_1umw0_396{outline:2px solid;outline-color:#252525;outline-offset:-1px}@media screen and (forced-colors: active){._select_1umw0_185._select--focused_1umw0_396{forced-color-adjust:auto;outline-color:Highlight}}@media screen and (forced-colors: active){._select_1umw0_185._select--focused_1umw0_396{outline-color:Highlight}}@media (hover: hover){._select--hovered_1umw0_413{background:rgba(0,0,0,.1019607843)}}._placeholder_1umw0_418{color:#666}@media screen and (forced-colors: active){._placeholder_1umw0_418{color:GrayText}}._menu-list_1umw0_427{padding:8px 0;background-color:#fff;outline:2px solid;outline-color:#252525;outline-offset:-1px}@media screen and (forced-colors: active){._menu-list_1umw0_427{forced-color-adjust:auto;outline-color:Highlight}}._group-heading_1umw0_441{font-family:STIHL Contraface 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:16px 16px 12px;margin:4px 0 8px;border-bottom:1px solid #B1B1B1;color:#666}._option_1umw0_456{font-family:STIHL Contraface 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:12px 24px;align-items:center}._option--small_1umw0_468{font-family:STIHL Contraface 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:8px 16px}._option--single_1umw0_479{justify-content:space-between}._option--disabled_1umw0_482{color:#00000080}@media screen and (forced-colors: active){._option--disabled_1umw0_482{color:GrayText}}._option--focus-hover_1umw0_490:not(._option--disabled_1umw0_482){background-color:#0000001a}@media screen and (forced-colors: active){._option--focus-hover_1umw0_490:not(._option--disabled_1umw0_482){background-color:Canvas;outline:2px solid;outline-color:#252525;outline-offset:-1px}}@media screen and (forced-colors: active) and (forced-colors: active){._option--focus-hover_1umw0_490:not(._option--disabled_1umw0_482){forced-color-adjust:auto;outline-color:Highlight}}@media screen and (forced-colors: active) and (forced-colors: active){._option--focus-hover_1umw0_490:not(._option--disabled_1umw0_482){outline-color:Highlight}}._option--text_1umw0_512{margin-inline-end:8px}._option--icon_1umw0_515{fill:#e9640c;margin-inline-start:auto}._option--icon--disabled_1umw0_519{fill:#00000080}._leading-icon_1umw0_523{margin-inline-end:8px}@media screen and (forced-colors: active){._leading-icon_1umw0_523{background-color:Canvas;fill:CanvasText}}._leading-icon--disabled_1umw0_532{fill:#00000080}@media screen and (forced-colors: active){._leading-icon--disabled_1umw0_532{fill:GrayText}}._indicator_1umw0_541,._clear_1umw0_542{width:3rem;height:3rem;justify-content:center;cursor:pointer}._indicator--small_1umw0_548,._clear--small_1umw0_549{width:2rem;height:2rem}._indicator--icon_1umw0_553,._clear--icon_1umw0_554{margin:16px;align-self:center}._indicator--icon--small_1umw0_558,._clear--icon--small_1umw0_559{margin:8px}