npm - @stihl-design-system/components - Versions diffs - 1.0.0-RC.26 → 1.0.0-RC.27 - Mend

@stihl-design-system/components 1.0.0-RC.26 → 1.0.0-RC.27

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (76) hide show

package/assets/CustomReactSelect.B9f_KYFg.css +1 -0
package/assets/InputPassword.BuVQ9dRy.css +1 -0
package/assets/InputSearch.Dwtb3Mhw.css +1 -0
package/assets/InputStepper.CBt99L83.css +1 -0
package/assets/Select.CghDnBUQ.css +1 -0
package/assets/Textarea.BgtH-TTe.css +1 -0
package/assets/banner.D9EiZqqR.css +1 -0
package/assets/input.DFwunFjw.css +1 -0
package/assets/radio.BCB51D_y.css +1 -0
package/assets/scroller.Hszs1Yq4.css +1 -0
package/banner.CgQdUb_c.js +55 -0
package/banner.d.ts +2 -0
package/chipgroup.BWpqUzXF.js +209 -0
package/chunks/{CustomReactSelect.DWdh3k_q.js → CustomReactSelect.BPnzhvw1.js} +52 -49
package/chunks/Header.Djs1adPW.js +361 -0
package/chunks/InputPassword.D42uUEGy.js +136 -0
package/chunks/InputSearch.aIbUXVQU.js +174 -0
package/chunks/InputStepper.DFEdUWm7.js +263 -0
package/chunks/{NavigationTabs.CuOXq0b7.js → NavigationTabs.BofhX8bD.js} +1 -1
package/chunks/{RadioGroup.okEm_-NA.js → RadioGroup.c7YYJdUe.js} +1 -1
package/chunks/{Select.D3IUIdPJ.js → Select.B_EHpk22.js} +22 -22
package/chunks/{Slider.CPG4Btbq.js → Slider.DMSwmGwD.js} +1 -1
package/chunks/{Tabs.C4qGWCcD.js → Tabs.Bl4K3Kjn.js} +1 -1
package/chunks/{Textarea.D4vXRg_U.js → Textarea.Ce26v6ht.js} +53 -53
package/chunks/is-animation-disabled.CUl4N3LI.js +20 -0
package/{combobox.DIB07SNA.js → combobox.AaK6QjRl.js} +1 -1
package/components/Banner/Banner.d.ts +32 -0
package/components/Banner/Banner.utils.d.ts +2 -0
package/components/Scroller/Scroller.d.ts +20 -0
package/components/Scroller/Scroller.utils.d.ts +3 -0
package/components/Tabs/TabList/TabList.d.ts +1 -1
package/components/Tabs/TabList/TabList.utils.d.ts +0 -4
package/{customreactselect.BvuvCDyE.js → customreactselect.Bu1i8wkh.js} +1 -1
package/{header.DLrTpc-W.js → header.WhQHSuB1.js} +1 -1
package/index.d.ts +4 -0
package/index.es.js +202 -195
package/{input.D4OiEI8g.js → input.DhxUW3zc.js} +35 -35
package/{inputpassword.CYfGcUE-.js → inputpassword.CaJBCMA0.js} +1 -1
package/{inputsearch.CecX8gHD.js → inputsearch.B06DhYzo.js} +1 -1
package/{inputstepper.CFgfHjM_.js → inputstepper.DNY7nzP8.js} +1 -1
package/{navigationtabs.B86G8ODY.js → navigationtabs.DQ1kE-h4.js} +2 -2
package/package.json +2 -2
package/partials/index.js +104 -82
package/partials/lib/partials.d.ts +1 -1
package/radio.Be4pFOLf.js +134 -0
package/{radiogroup.C2PkTHnF.js → radiogroup.BRjwP01C.js} +2 -2
package/scroller.CCA6kFR6.js +123 -0
package/scroller.d.ts +2 -0
package/{select.CmGQdpsV.js → select.3zE96eWc.js} +1 -1
package/{slider.DGmVtnxs.js → slider.CTCf7Xdm.js} +2 -2
package/tablist.Dzwe0_J4.js +256 -0
package/{tabs.Dby_2Hyz.js → tabs.yudjJk9d.js} +2 -2
package/{textarea.yOTo23Pd.js → textarea.B_3fPtmd.js} +1 -1
package/{topbar.qNB9efbF.js → topbar.2b8fjmA4.js} +1 -1
package/utils/get-rect.d.ts +4 -0
package/utils/get-rect.test.d.ts +1 -0
package/utils/index.d.ts +2 -1
package/utils/is-animation-disabled.d.ts +14 -0
package/utils/is-animation-disabled.test.d.ts +1 -0
package/assets/CustomReactSelect.B8l6al4B.css +0 -1
package/assets/InputPassword.CkHF5zCh.css +0 -1
package/assets/InputSearch.BV8Q2EUL.css +0 -1
package/assets/InputStepper.DzzrAdma.css +0 -1
package/assets/Select.e1fTfWmm.css +0 -1
package/assets/Textarea.BGV7Z0Z9.css +0 -1
package/assets/input.Cj4tF_F7.css +0 -1
package/assets/radio.CqaNn1Gz.css +0 -1
package/chipgroup.Bp_v9IQu.js +0 -186
package/chunks/Header.CsrzyVil.js +0 -356
package/chunks/InputPassword.BQU09DJh.js +0 -136
package/chunks/InputSearch.CXL9ThpX.js +0 -174
package/chunks/InputStepper.BhLQVAlo.js +0 -263
package/radio.Dm9bDBzM.js +0 -134
package/tablist.CcCURua8.js +0 -266
package/utils/isAnimationDisabled.d.ts +0 -1
/package/components/{Tabs/TabList/TabList.utils.test.d.ts → Banner/Banner.test.d.ts} +0 -0

package/partials/lib/partials.d.ts CHANGED Viewed

@@ -62,7 +62,7 @@ export declare function getResetStyles(options?: GetResetStylesOptions): string
 type GetSSRStylesOptions = {
     format?: Exclude<Format, 'cra'>;
 };
-declare const COMPONENT_NAME: readonly ["DSAccordion", "DSActionButton", "DSActionLink", "DSAriaLiveRegions", "DSBreadcrumb", "DSButton", "DSButtonRound", "DSCheckbox", "DSCheckboxGroup", "DSChipGroup", "DSCombobox", "DSDialog", "DSDrawer", "DSFieldset", "DSFlag", "DSFloatingActionButton", "DSHeader", "DSHeading", "DSIcon", "DSInput", "DSInputFile", "DSInputPassword", "DSInputSearch", "DSInputStepper", "DSLink", "DSLinkButton", "DSLogo", "DSNavigationTabs", "DSNotification", "DSPopover", "DSRadioGroup", "DSSelect", "DSSkipToContent", "DSSlider", "DSSpinner", "DSSwitch", "DSTabs", "DSText", "DSTextarea", "DSTitle", "DSToastManager", "DSTopBar"];
+declare const COMPONENT_NAME: readonly ["DSAccordion", "DSActionButton", "DSActionLink", "DSAriaLiveRegions", "DSBanner", "DSBreadcrumb", "DSButton", "DSButtonRound", "DSCheckbox", "DSCheckboxGroup", "DSChipGroup", "DSCombobox", "DSDialog", "DSDrawer", "DSFieldset", "DSFlag", "DSFloatingActionButton", "DSHeader", "DSHeading", "DSIcon", "DSInput", "DSInputFile", "DSInputPassword", "DSInputSearch", "DSInputStepper", "DSLink", "DSLinkButton", "DSLogo", "DSNavigationTabs", "DSNotification", "DSPopover", "DSRadioGroup", "DSScroller", "DSSelect", "DSSkipToContent", "DSSlider", "DSSpinner", "DSSwitch", "DSTabs", "DSText", "DSTextarea", "DSTitle", "DSToastManager", "DSTopBar"];
 export type ComponentName = (typeof COMPONENT_NAME)[number];
 /**
  * Retrieves server-side rendered (SSR) styles for the specified components to be injected into the <head> at build time.

package/radio.Be4pFOLf.js ADDED Viewed

@@ -0,0 +1,134 @@
+"use client";
+import { jsx as B, jsxs as ce } from "react/jsx-runtime";
+import { d as pe } from "./chunks/index.CgTHIF3K.js";
+import { c as E } from "./chunks/index.CEyLAtio.js";
+import { forwardRef as Ce, useRef as he, useState as je, useEffect as ye } from "react";
+import { u as ke } from "./chunks/useBreakpoint.CMOR9ZOB.js";
+import './assets/radio.BCB51D_y.css';const fe = (D) => D.replace(/\s+/g, ""), He = "ds-radio_root_r0jf6_1", ge = "ds-radio_root--disabled_r0jf6_24", Ne = "ds-radio_root--with-custom-area_r0jf6_27", We = "ds-radio_root--with-custom-area--above_r0jf6_30", Be = "ds-radio_radio_r0jf6_36", De = "ds-radio_dot_r0jf6_54", xe = "ds-radio_radio--invalid_r0jf6_78", Se = "ds-radio_label_r0jf6_83", Ue = "ds-radio_label--bold_r0jf6_100", Ie = "ds-radio_label--hidden_r0jf6_111", Ve = "ds-radio_label--with-custom-area_r0jf6_123", $e = "ds-radio_custom-area_r0jf6_127", we = "ds-radio_custom-area--above_r0jf6_135", Le = "ds-radio_hint_r0jf6_141", Ee = "ds-radio_hint--visible_r0jf6_165", Oe = "ds-radio_hint--unchecked-hidden_r0jf6_169", Pe = "ds-radio_hint--hidden_r0jf6_173", Re = "ds-radio_input_r0jf6_186", t = {
+  root: He,
+  rootDisabled: ge,
+  rootWithCustomArea: Ne,
+  rootWithCustomAreaAbove: We,
+  radio: Be,
+  dot: De,
+  radioInvalid: xe,
+  label: Se,
+  labelBold: Ue,
+  labelHidden: Ie,
+  labelWithCustomArea: Ve,
+  customArea: $e,
+  customAreaAbove: we,
+  hint: Le,
+  hintVisible: Ee,
+  hintUncheckedHidden: Oe,
+  hintHidden: Pe,
+  input: Re
+}, qe = Ce((D, m) => {
+  const e = pe.c(87);
+  let x, b, o, n, i, d, c, h, v, S, U, I, V, $, w, L, f;
+  e[0] !== D ? ({
+    label: d,
+    name: c,
+    value: f,
+    checked: x,
+    className: b,
+    customArea: o,
+    isCustomAreaAbove: S,
+    defaultChecked: U,
+    disabled: I,
+    fieldsetId: n,
+    hideLabel: V,
+    hint: i,
+    invalid: $,
+    isBold: w,
+    hideUncheckedHint: L,
+    onChange: h,
+    ...v
+  } = D, e[0] = D, e[1] = x, e[2] = b, e[3] = o, e[4] = n, e[5] = i, e[6] = d, e[7] = c, e[8] = h, e[9] = v, e[10] = S, e[11] = U, e[12] = I, e[13] = V, e[14] = $, e[15] = w, e[16] = L, e[17] = f) : (x = e[1], b = e[2], o = e[3], n = e[4], i = e[5], d = e[6], c = e[7], h = e[8], v = e[9], S = e[10], U = e[11], I = e[12], V = e[13], $ = e[14], w = e[15], L = e[16], f = e[17]);
+  const u = S === void 0 ? !1 : S, ue = U === void 0 ? !1 : U, r = I === void 0 ? !1 : I, _e = V === void 0 ? !1 : V, A = $ === void 0 ? !1 : $, Y = w === void 0 ? !1 : w, l = L === void 0 ? !1 : L, me = he(null), a = he(null), [be, ve] = je(ue), O = x !== void 0, s = O ? x : be;
+  let P;
+  e[18] !== s || e[19] !== l ? (P = () => {
+    a.current && l && ((a.current.style.height === "0px" || a.current.style.height === "") && s ? (a.current.style.height = `${a.current.scrollHeight}px`, a.current.style.opacity = "1") : s || (a.current.style.opacity = "0", a.current.style.height = "0px"));
+  }, e[18] = s, e[19] = l, e[20] = P) : P = e[20];
+  let R;
+  e[21] !== s ? (R = [a, s], e[21] = s, e[22] = R) : R = e[22], ye(P, R);
+  const p = ke(_e), Z = !!o, ee = !!o && u;
+  let q;
+  e[23] !== b || e[24] !== r || e[25] !== Z || e[26] !== ee ? (q = E(t.root, {
+    [t.rootDisabled]: r,
+    [t.rootWithCustomArea]: Z,
+    [t.rootWithCustomAreaAbove]: ee
+  }, b), e[23] = b, e[24] = r, e[25] = Z, e[26] = ee, e[27] = q) : q = e[27];
+  const te = q, oe = !!o;
+  let z;
+  e[28] !== p || e[29] !== Y || e[30] !== oe ? (z = E(t.label, {
+    [t.labelBold]: Y,
+    [t.labelHidden]: p,
+    [t.labelWithCustomArea]: oe
+  }), e[28] = p, e[29] = Y, e[30] = oe, e[31] = z) : z = e[31];
+  const se = z;
+  let F;
+  e[32] !== s || e[33] !== l || e[34] !== i ? (F = () => !l && i ? !0 : !!(l && i && s), e[32] = s, e[33] = l, e[34] = i, e[35] = F) : F = e[35];
+  const ie = F;
+  let G;
+  e[36] !== p || e[37] !== l || e[38] !== ie ? (G = E(t.hint, {
+    [t.hintHidden]: p,
+    [t.hintUncheckedHidden]: l,
+    [t.hintVisible]: ie()
+  }), e[36] = p, e[37] = l, e[38] = ie, e[39] = G) : G = e[39];
+  const le = G;
+  let J;
+  e[40] !== A ? (J = E(t.radio, {
+    [t.radioInvalid]: A
+  }), e[40] = A, e[41] = J) : J = e[41];
+  const ae = J;
+  let K;
+  e[42] === Symbol.for("react.memo_cache_sentinel") ? (K = E(t.customArea, t.customAreaAbove), e[42] = K) : K = e[42];
+  const Ae = K;
+  let M;
+  e[43] !== r || e[44] !== O || e[45] !== h ? (M = (_) => {
+    if (r) {
+      _.preventDefault();
+      return;
+    }
+    O || ve(_.target.checked), h && h(_);
+  }, e[43] = r, e[44] = O, e[45] = h, e[46] = M) : M = e[46];
+  const re = M, C = i ? `${fe(c)}-${fe(f)}-description` : void 0;
+  let Q;
+  e[47] !== C || e[48] !== n || e[49] !== A ? (Q = [A && n && `${n}-feedback`, C].filter(Boolean).join(" ") || void 0, e[47] = C, e[48] = n, e[49] = A, e[50] = Q) : Q = e[50];
+  const de = Q;
+  let j;
+  e[51] !== m ? (j = (_) => {
+    typeof m == "function" ? m(_) : m !== null && (m.current = _), me.current = _;
+  }, e[51] = m, e[52] = j) : j = e[52];
+  const ne = typeof d == "string" ? d : void 0;
+  let y;
+  e[53] !== de || e[54] !== s || e[55] !== r || e[56] !== re || e[57] !== c || e[58] !== v || e[59] !== j || e[60] !== ne || e[61] !== f ? (y = /* @__PURE__ */ B("input", { type: "radio", value: f, name: c, className: t.input, ref: j, onChange: re, ...v, disabled: r, checked: s, "aria-label": ne, "aria-describedby": de }), e[53] = de, e[54] = s, e[55] = r, e[56] = re, e[57] = c, e[58] = v, e[59] = j, e[60] = ne, e[61] = f, e[62] = y) : y = e[62];
+  let T;
+  e[63] === Symbol.for("react.memo_cache_sentinel") ? (T = /* @__PURE__ */ B("div", { className: t.dot }), e[63] = T) : T = e[63];
+  let k;
+  e[64] !== ae ? (k = /* @__PURE__ */ B("span", { className: ae, children: T }), e[64] = ae, e[65] = k) : k = e[65];
+  let H;
+  e[66] !== o || e[67] !== u ? (H = o && u && /* @__PURE__ */ B("div", { className: Ae, children: o }), e[66] = o, e[67] = u, e[68] = H) : H = e[68];
+  let g;
+  e[69] !== o || e[70] !== u ? (g = o && !u && /* @__PURE__ */ B("div", { className: t.customArea, children: o }), e[69] = o, e[70] = u, e[71] = g) : g = e[71];
+  let N;
+  e[72] !== C || e[73] !== i || e[74] !== le ? (N = /* @__PURE__ */ B("span", { id: C, className: le, ref: a, children: i }), e[72] = C, e[73] = i, e[74] = le, e[75] = N) : N = e[75];
+  let W;
+  e[76] !== d || e[77] !== se || e[78] !== g || e[79] !== N ? (W = /* @__PURE__ */ ce("span", { className: se, children: [
+    d,
+    g,
+    N
+  ] }), e[76] = d, e[77] = se, e[78] = g, e[79] = N, e[80] = W) : W = e[80];
+  let X;
+  return e[81] !== te || e[82] !== y || e[83] !== k || e[84] !== H || e[85] !== W ? (X = /* @__PURE__ */ ce("label", { className: te, children: [
+    y,
+    k,
+    H,
+    W
+  ] }), e[81] = te, e[82] = y, e[83] = k, e[84] = H, e[85] = W, e[86] = X) : X = e[86], X;
+});
+qe.displayName = "DSRadio";
+export {
+  qe as DSRadio
+};

package/{radiogroup.C2PkTHnF.js → radiogroup.BRjwP01C.js} RENAMED Viewed

@@ -4,8 +4,8 @@ import "./chunks/index.CgTHIF3K.js";
 import "./chunks/index.CEyLAtio.js";
 import "react";
 import "./chunks/Fieldset.BX46NuLh.js";
-import "./radio.Dm9bDBzM.js";
-import { D as s } from "./chunks/RadioGroup.okEm_-NA.js";
+import "./radio.Be4pFOLf.js";
+import { D as s } from "./chunks/RadioGroup.c7YYJdUe.js";
 export {
   s as DSRadioGroup
 };

package/scroller.CCA6kFR6.js ADDED Viewed

@@ -0,0 +1,123 @@
+"use client";
+import { jsxs as J, jsx as w } from "react/jsx-runtime";
+import { d as K } from "./chunks/index.CgTHIF3K.js";
+import { c as y } from "./chunks/index.CEyLAtio.js";
+import { useState as M, useRef as T } from "react";
+import { i as j, g as A } from "./chunks/is-animation-disabled.CUl4N3LI.js";
+import { g as Q } from "./chunks/helpers.BbWkXTr3.js";
+import { u as O } from "./chunks/useIsomorphicLayoutEffect.CnJ9AMFS.js";
+import { D as $ } from "./chunks/Button.CC0qEsuR.js";
+import './assets/scroller.Hszs1Yq4.css';const U = "ds-scroller_root_3ktti_1", Y = "ds-scroller_scroll-wrapper_3ktti_6", Z = "ds-scroller_scroller_3ktti_45", tt = "ds-scroller_scroll-button_3ktti_60", et = "ds-scroller_scroll-button--hidden_3ktti_65", rt = "ds-scroller_scroll-button--right_3ktti_69", n = {
+  root: U,
+  scrollWrapper: Y,
+  scroller: Z,
+  scrollButton: tt,
+  scrollButtonHidden: et,
+  scrollButtonRight: rt
+}, dt = (c) => {
+  const t = K.c(37);
+  let a, f, u, r;
+  t[0] !== c ? ({
+    children: a,
+    className: f,
+    scrollToPosition: r,
+    ...u
+  } = c, t[0] = c, t[1] = a, t[2] = f, t[3] = u, t[4] = r) : (a = t[1], f = t[2], u = t[3], r = t[4]);
+  const [z, q] = M(!1), [H, V] = M(!1), S = T(null), e = T(null), X = T(!1), D = () => {
+    I();
+  };
+  let R;
+  t[5] === Symbol.for("react.memo_cache_sentinel") ? (R = [], t[5] = R) : R = t[5], O(() => {
+    const l = new ResizeObserver(D);
+    return e.current && l.observe(e.current), () => {
+      l.disconnect();
+    };
+  }, R);
+  let x;
+  t[6] !== r ? (x = [r], t[6] = r, t[7] = x) : x = t[7], O(() => {
+    var s;
+    const l = ["18px 'STIHL Contraface Digital Text Bold'"];
+    return Promise.all(l.map(ot)).then(() => {
+      X.current = !0, I(), F();
+    }).catch(lt), (s = e.current) == null || s.addEventListener("scroll", D), () => {
+      var i;
+      (i = e.current) == null || i.removeEventListener("scroll", D);
+    };
+  }, x);
+  const F = () => {
+    e.current && (r != null && r.scrollPosition) && e.current.scrollTo({
+      left: r.scrollPosition,
+      behavior: j() || !r.isSmooth ? "instant" : "smooth"
+    });
+  }, I = () => {
+    if (e.current && S.current) {
+      const l = A(e.current), s = A(S.current);
+      q(s.left < l.left), V(s.right > l.right + 4);
+    }
+  };
+  let o;
+  if (t[8] === Symbol.for("react.memo_cache_sentinel")) {
+    o = (s) => {
+      var N;
+      const i = l(s);
+      (N = e.current) == null || N.scrollTo({
+        left: i,
+        behavior: j() ? "instant" : "smooth"
+      });
+    };
+    const l = (s) => {
+      if (!S.current || !e.current)
+        return 0;
+      const {
+        scrollLeft: i,
+        offsetWidth: N
+      } = e.current, W = Math.round(N * 0.2);
+      return s === "next" ? i + W : i - W;
+    };
+    t[8] = o;
+  } else
+    o = t[8];
+  let L;
+  t[9] === Symbol.for("react.memo_cache_sentinel") ? (L = y(n.scroller), t[9] = L) : L = t[9];
+  const G = L;
+  let m;
+  t[10] !== f ? (m = y(n.root, f), t[10] = f, t[11] = m) : m = t[11];
+  const C = z || H ? 0 : -1;
+  let d;
+  t[12] !== a ? (d = /* @__PURE__ */ w("div", { className: G, ref: S, children: a }), t[12] = a, t[13] = d) : d = t[13];
+  let h;
+  t[14] !== C || t[15] !== d ? (h = /* @__PURE__ */ w("div", { className: n.scrollWrapper, ref: e, tabIndex: C, children: d }), t[14] = C, t[15] = d, t[16] = h) : h = t[16];
+  const E = !z;
+  let p;
+  t[17] !== E ? (p = y(n.scrollButton, {
+    [n.scrollButtonHidden]: E
+  }), t[17] = E, t[18] = p) : p = t[18];
+  let _;
+  t[19] !== o ? (_ = () => o("prev"), t[19] = o, t[20] = _) : _ = t[20];
+  let b;
+  t[21] !== _ || t[22] !== p ? (b = /* @__PURE__ */ w($, { variant: "filled", className: p, hideLabel: !0, iconName: "chevron-left", tabIndex: -1, size: "small", onClick: _, children: "Left" }), t[21] = _, t[22] = p, t[23] = b) : b = t[23];
+  const P = !H;
+  let B;
+  t[24] !== P ? (B = y(n.scrollButton, n.scrollButtonRight, {
+    [n.scrollButtonHidden]: P
+  }), t[24] = P, t[25] = B) : B = t[25];
+  let g;
+  t[26] !== o ? (g = () => o("next"), t[26] = o, t[27] = g) : g = t[27];
+  let v;
+  t[28] !== B || t[29] !== g ? (v = /* @__PURE__ */ w($, { variant: "filled", className: B, hideLabel: !0, iconName: "chevron-right", tabIndex: -1, size: "small", onClick: g, children: "Right" }), t[28] = B, t[29] = g, t[30] = v) : v = t[30];
+  let k;
+  return t[31] !== u || t[32] !== b || t[33] !== v || t[34] !== m || t[35] !== h ? (k = /* @__PURE__ */ J("div", { className: m, ...u, children: [
+    h,
+    b,
+    v
+  ] }), t[31] = u, t[32] = b, t[33] = v, t[34] = m, t[35] = h, t[36] = k) : k = t[36], k;
+};
+function ot(c) {
+  return document.fonts.load(c);
+}
+function lt(c) {
+  throw new Error(Q("DSScroller", `The component requires the fonts to be loaded: ${c}`));
+}
+export {
+  dt as DSScroller
+};

package/scroller.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export * from './components/Scroller/Scroller'
2	+ export {}

package/{select.CmGQdpsV.js → select.3zE96eWc.js} RENAMED Viewed

@@ -7,7 +7,7 @@ import "./chunks/useBreakpoint.CMOR9ZOB.js";
 import "./asterisk.CR60hx8S.js";
 import "./chunks/Icon.C0161Glk.js";
 import "./systemfeedback.CLQCbTF6.js";
-import { D } from "./chunks/Select.D3IUIdPJ.js";
+import { D } from "./chunks/Select.B_EHpk22.js";
 export {
   D as DSSelect
 };

package/{slider.DGmVtnxs.js → slider.CTCf7Xdm.js} RENAMED Viewed

@@ -4,8 +4,8 @@ import "./chunks/index.CgTHIF3K.js";
 import "./chunks/index.CEyLAtio.js";
 import "react";
 import "./chunks/useBreakpoint.CMOR9ZOB.js";
-import "./input.D4OiEI8g.js";
-import { D as s } from "./chunks/Slider.CPG4Btbq.js";
+import "./input.DhxUW3zc.js";
+import { D as s } from "./chunks/Slider.DMSwmGwD.js";
 export {
   s as DSSlider
 };

package/tablist.Dzwe0_J4.js ADDED Viewed

@@ -0,0 +1,256 @@
+"use client";
+import { jsx as v, jsxs as me } from "react/jsx-runtime";
+import { d as ke } from "./chunks/index.CgTHIF3K.js";
+import { c as re } from "./chunks/index.CEyLAtio.js";
+import { useState as he, useRef as A, useEffect as xe } from "react";
+import { g as b, i as be } from "./chunks/is-animation-disabled.CUl4N3LI.js";
+import { h as Ce } from "./chunks/has-window.ut_-aShB.js";
+import { g as Ee } from "./chunks/helpers.BbWkXTr3.js";
+import { u as pe } from "./chunks/useIsomorphicLayoutEffect.CnJ9AMFS.js";
+import { D as ye } from "./chunks/Button.CC0qEsuR.js";
+import { D as We } from "./chunks/Icon.C0161Glk.js";
+import { NumberIndicator as ze } from "./numberindicator.Ddf3ESi7.js";
+import { g as Ae, a as we } from "./chunks/TabPane.utils.DG16Y2uD.js";
+import { s as i, N as He } from "./chunks/NavigationTabList.IQM074Vb.js";
+const H = 48, Ye = (p) => {
+  const e = ke.c(62);
+  let g, T, d, M, I, o, X, P, $, m, c;
+  e[0] !== p ? ({
+    aria: g,
+    id: m,
+    selectedTabIndex: o,
+    setSelectedTabIndex: X,
+    tabs: c,
+    alignment: P,
+    className: T,
+    defaultSelectedTabIndex: $,
+    isNavigation: d,
+    onTabChange: M,
+    ...I
+  } = p, e[0] = p, e[1] = g, e[2] = T, e[3] = d, e[4] = M, e[5] = I, e[6] = o, e[7] = X, e[8] = P, e[9] = $, e[10] = m, e[11] = c) : (g = e[1], T = e[2], d = e[3], M = e[4], I = e[5], o = e[6], X = e[7], P = e[8], $ = e[9], m = e[10], c = e[11]);
+  const j = P === void 0 ? "left" : P, Re = $ === void 0 ? 0 : $, [V, h] = he(Re), [Le, Se] = he(!1), [De, Ne] = he(!1);
+  let _;
+  e[12] === Symbol.for("react.memo_cache_sentinel") ? (_ = [], e[12] = _) : _ = e[12];
+  const y = A(_), w = A(null), a = A(null), f = A(null), O = A(!1), ve = A(o), se = () => {
+    Te(), Be();
+  };
+  let q;
+  e[13] === Symbol.for("react.memo_cache_sentinel") ? (q = [], e[13] = q) : q = e[13], pe(() => {
+    const s = new ResizeObserver(se);
+    return a.current && s.observe(a.current), () => {
+      s.disconnect();
+    };
+  }, q);
+  let F;
+  e[14] !== j || e[15] !== c ? (F = [c, j], e[14] = j, e[15] = c, e[16] = F) : F = e[16], pe(() => {
+    var n;
+    const s = ["18px 'STIHL Contraface Digital Text Regular'", "18px 'STIHL Contraface Digital Text Bold'", "14px 'STIHL Contraface Digital Text Demi'"];
+    Promise.all(s.map(Me)).then(() => {
+      ne(o), K("next", o, "instant"), Te(), O.current = !0;
+    }).catch(Pe);
+    const t = () => {
+      !O.current || !f.current || (r.matches ? f.current.style.transitionDuration = "0s" : f.current.style.transitionDuration = "");
+    }, r = window.matchMedia("(prefers-reduced-motion: reduce)");
+    return r.addEventListener("change", t), (n = a.current) == null || n.addEventListener("scroll", se), () => {
+      var l;
+      r.removeEventListener("change", t), (l = a.current) == null || l.removeEventListener("scroll", se);
+    };
+  }, F);
+  let G;
+  e[17] !== o ? (G = [o], e[17] = o, e[18] = G) : G = e[18], pe(() => {
+    if (O.current && (ne(o), d)) {
+      const s = ge(o);
+      h(o), K(s, o);
+    }
+    ve.current = o;
+  }, G);
+  let Q, J;
+  e[19] !== V ? (Q = () => {
+    var s;
+    O.current && ((s = y.current[V]) == null || s.focus());
+  }, J = [V], e[19] = V, e[20] = Q, e[21] = J) : (Q = e[20], J = e[21]), xe(Q, J);
+  const R = (s) => {
+    const t = ge(s);
+    X(s), h(s), K(t, s), M && M(s);
+  }, ge = (s) => {
+    const t = b(a.current), r = b(y.current[s]);
+    let n;
+    return r.left - H < t.left ? n = "prev" : r.right + H > t.right ? n = "next" : n = o < s ? "next" : "prev", n;
+  }, Te = () => {
+    if (a.current && w.current) {
+      const s = b(a.current), t = b(w.current);
+      Se(t.left < s.left), Ne(t.right > s.right + 4);
+    }
+  };
+  let U;
+  e[22] === Symbol.for("react.memo_cache_sentinel") ? (U = (s) => {
+    const t = s === void 0 ? 0 : s;
+    Ce && f.current && !be() && setTimeout(() => {
+      f.current && (f.current.style.transitionDuration = "250ms");
+    }, t);
+  }, e[22] = U) : U = e[22];
+  const Ie = U, Be = () => {
+    f.current && (f.current.style.transitionDuration = "0s", ne(ve.current), Ie());
+  }, ne = (s) => {
+    const t = f.current, r = b(y.current[s]), n = b(w.current), l = r.left - n.left;
+    t && (O.current ? (t.style.width = `${r.width}px`, t.style.transform = `translateX(${l}px)`) : (t.style.transitionDuration = "0s", t.style.transform = `translateX(${l}px)`, t.style.width = `${r.width}px`, Ie(50)));
+  }, oe = (s, t) => {
+    let r;
+    e: switch (s.key) {
+      case "ArrowLeft": {
+        r = (t > 0 ? t : c.length) - 1, h(r);
+        break e;
+      }
+      case "ArrowRight": {
+        r = (t + 1) % c.length, h(r);
+        break e;
+      }
+      case "Home": {
+        r = 0, h(r);
+        break e;
+      }
+      case "End": {
+        r = c.length - 1, h(r);
+        break e;
+      }
+      case "Enter":
+      case " ": {
+        R(t);
+        return;
+      }
+      default:
+        return;
+    }
+    if (r !== void 0) {
+      const n = r > t ? "next" : "prev";
+      setTimeout(() => K(n, r), 0);
+    }
+    s.preventDefault();
+  }, le = (s, t) => {
+    let r;
+    e: switch (s.key) {
+      case "Tab": {
+        if (s.shiftKey) {
+          r = t - 1 < 0 ? 0 : t - 1, h(r), t !== 0 && s.preventDefault();
+          break e;
+        } else
+          r = t + 1 > c.length - 1 ? t : t + 1, h(r), t !== c.length - 1 && s.preventDefault();
+        break e;
+      }
+      case "Enter": {
+        R(t);
+        return;
+      }
+      default:
+        return;
+    }
+    if (r !== void 0) {
+      const n = r > t ? "next" : "prev";
+      setTimeout(() => K(n, r), 0);
+    }
+  }, K = (s, t, r) => {
+    const n = r === void 0 ? "smooth" : r, l = y.current[t], W = a.current, z = b(l), ue = b(W);
+    let de;
+    if (!(!l || !W)) {
+      if (s === "prev") {
+        if (z.left - H > ue.left)
+          return;
+        de = l.offsetLeft - H;
+      } else {
+        if (z.right + H < ue.right)
+          return;
+        de = l.offsetLeft + l.offsetWidth - ue.width + H;
+      }
+      W.scrollTo({
+        left: de,
+        behavior: be() ? "instant" : n
+      });
+    }
+  };
+  let u;
+  if (e[23] === Symbol.for("react.memo_cache_sentinel")) {
+    u = (t) => {
+      var n;
+      const r = s(t);
+      (n = a.current) == null || n.scrollTo({
+        left: r,
+        behavior: be() ? "instant" : "smooth"
+      });
+    };
+    const s = (t) => {
+      if (!w.current || !a.current)
+        return 0;
+      const {
+        scrollLeft: r,
+        offsetWidth: n
+      } = a.current, l = Math.round(n * 0.2);
+      return t === "next" ? r + l : r - l;
+    };
+    e[23] = u;
+  } else
+    u = e[23];
+  const ce = j === "center";
+  let Y;
+  e[24] !== ce ? (Y = re(i.scroller, {
+    [i.scrollerCentered]: ce
+  }), e[24] = ce, e[25] = Y) : Y = e[25];
+  const Z = Y, ae = d ? "nav" : "div";
+  let L;
+  e[26] !== T ? (L = re(i.tabsWrapper, T), e[26] = T, e[27] = L) : L = e[27];
+  let S;
+  e[28] !== oe || e[29] !== le || e[30] !== d || e[31] !== Z || e[32] !== o || e[33] !== R || e[34] !== m || e[35] !== c ? (S = d ? /* @__PURE__ */ v(He, { tabs: c, tabRefs: y, scrollerRef: w, handleNavigationKeydown: le, scrollerClass: Z, selectedTabIndex: o, setSelectedTab: R }) : /* @__PURE__ */ v("div", { role: "tablist", className: Z, ref: w, children: c.map((s, t) => {
+    const {
+      id: r,
+      label: n,
+      iconName: l,
+      numberIndicatorValue: W
+    } = s;
+    return /* @__PURE__ */ me("button", { id: we(m, r), role: "tab", "aria-selected": o === t, "aria-controls": Ae(m, r, t), tabIndex: o === t ? 0 : -1, className: i.tab, ref: (z) => {
+      y.current[t] = z;
+    }, onClick: () => R(t), onKeyDown: (z) => oe(z, t), children: [
+      l && /* @__PURE__ */ v(We, { name: l, "aria-hidden": "true" }),
+      n,
+      W && /* @__PURE__ */ v(ze, { label: W })
+    ] }, we(m, r));
+  }) }), e[28] = oe, e[29] = le, e[30] = d, e[31] = Z, e[32] = o, e[33] = R, e[34] = m, e[35] = c, e[36] = S) : S = e[36];
+  let ee;
+  e[37] === Symbol.for("react.memo_cache_sentinel") ? (ee = /* @__PURE__ */ v("span", { className: i.indicator, ref: f }), e[37] = ee) : ee = e[37];
+  let D;
+  e[38] !== ae || e[39] !== g || e[40] !== S ? (D = /* @__PURE__ */ me(ae, { className: i.scrollWrapper, ref: a, ...g, children: [
+    S,
+    ee
+  ] }), e[38] = ae, e[39] = g, e[40] = S, e[41] = D) : D = e[41];
+  const ie = !Le;
+  let N;
+  e[42] !== ie ? (N = re(i.scrollButton, {
+    [i.scrollButtonHidden]: ie
+  }), e[42] = ie, e[43] = N) : N = e[43];
+  let B;
+  e[44] !== u ? (B = () => u("prev"), e[44] = u, e[45] = B) : B = e[45];
+  let k;
+  e[46] !== N || e[47] !== B ? (k = /* @__PURE__ */ v(ye, { variant: "filled", className: N, hideLabel: !0, iconName: "chevron-left", tabIndex: -1, size: "small", onClick: B, children: "Left" }), e[46] = N, e[47] = B, e[48] = k) : k = e[48];
+  const fe = !De;
+  let x;
+  e[49] !== fe ? (x = re(i.scrollButton, i.scrollButtonRight, {
+    [i.scrollButtonHidden]: fe
+  }), e[49] = fe, e[50] = x) : x = e[50];
+  let C;
+  e[51] !== u ? (C = () => u("next"), e[51] = u, e[52] = C) : C = e[52];
+  let E;
+  e[53] !== x || e[54] !== C ? (E = /* @__PURE__ */ v(ye, { variant: "filled", className: x, hideLabel: !0, iconName: "chevron-right", tabIndex: -1, size: "small", onClick: C, children: "Right" }), e[53] = x, e[54] = C, e[55] = E) : E = e[55];
+  let te;
+  return e[56] !== I || e[57] !== L || e[58] !== D || e[59] !== k || e[60] !== E ? (te = /* @__PURE__ */ me("div", { className: L, ...I, children: [
+    D,
+    k,
+    E
+  ] }), e[56] = I, e[57] = L, e[58] = D, e[59] = k, e[60] = E, e[61] = te) : te = e[61], te;
+};
+function Me(p) {
+  return document.fonts.load(p);
+}
+function Pe(p) {
+  throw new Error(Ee("DSTabs", `The component requires the fonts to be loaded: ${p}`));
+}
+export {
+  Ye as TabList
+};

package/{tabs.Dby_2Hyz.js → tabs.yudjJk9d.js} RENAMED Viewed

@@ -2,10 +2,10 @@
 import "react/jsx-runtime";
 import "./chunks/index.CgTHIF3K.js";
 import "react";
-import "./tablist.CcCURua8.js";
+import "./tablist.Dzwe0_J4.js";
 import "./tabpane.CB-eudyw.js";
 import "./chunks/TabPane.utils.DG16Y2uD.js";
-import { D as a } from "./chunks/Tabs.C4qGWCcD.js";
+import { D as a } from "./chunks/Tabs.Bl4K3Kjn.js";
 export {
   a as DSTabs
 };

package/{textarea.yOTo23Pd.js → textarea.B_3fPtmd.js} RENAMED Viewed

@@ -7,7 +7,7 @@ import "./chunks/useBreakpoint.CMOR9ZOB.js";
 import "./chunks/index.CgTHIF3K.js";
 import "./asterisk.CR60hx8S.js";
 import "./systemfeedback.CLQCbTF6.js";
-import { D } from "./chunks/Textarea.D4vXRg_U.js";
+import { D } from "./chunks/Textarea.Ce26v6ht.js";
 export {
   D as DSTextarea
 };

package/{topbar.qNB9efbF.js → topbar.2b8fjmA4.js} RENAMED Viewed

@@ -3,7 +3,7 @@ import "react/jsx-runtime";
 import "./chunks/index.CgTHIF3K.js";
 import "./chunks/index.CEyLAtio.js";
 import "react";
-import { b as s } from "./chunks/Header.CsrzyVil.js";
+import { b as s } from "./chunks/Header.Djs1adPW.js";
 import "./chunks/helpers.BbWkXTr3.js";
 import "./logo.C96KaG1P.js";
 export {

package/utils/get-rect.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+/**
+ * Returns the bounding rectangle of a DOM element or a default DOMRect object with 0 values if unavailable.
+ */
+export declare const getRect: (element: HTMLElement | null) => DOMRect;

package/utils/get-rect.test.d.ts ADDED Viewed

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

package/utils/index.d.ts CHANGED Viewed

@@ -1,6 +1,7 @@
+export * from './get-rect';
 export * from './has-window';
 export * from './helpers';
-export * from './isAnimationDisabled';
+export * from './is-animation-disabled';
 export * from './remove-spaces';
 export * from './theme';
 export * from './translate';

package/utils/is-animation-disabled.d.ts ADDED Viewed

@@ -0,0 +1,14 @@
+/**
+ * Determines whether animations should be disabled based on user preferences
+ * and the current DS CSS custom property for animation duration.
+ *
+ * This function checks two main conditions:
+ * 1. If the user has enabled the "reduce motion" setting in their browser.
+ * 2. If the CSS variable `--ds-animation-duration` is set to `'0s'` or `'0ms'`.
+ *
+ * If the window object is not available (e.g., during server-side rendering),
+ * the function will assume that animations should be disabled.
+ *
+ * @returns {boolean} `true` if animations should be disabled, `false` otherwise.
+ */
+export declare const isAnimationDisabled: () => boolean;

package/utils/is-animation-disabled.test.d.ts ADDED Viewed

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

package/assets/CustomReactSelect.B8l6al4B.css DELETED Viewed

@@ -1 +0,0 @@

- :where(.ds-combobox_root_qz0ok_1){align-self:end}.ds-combobox_root_qz0ok_1:has(.ds-combobox_hint_qz0ok_10) .ds-combobox_label_qz0ok_10{margin-block-end:4px}.ds-combobox_wrapper_qz0ok_14{display:grid;grid-template-columns:max-content 1fr max-content max-content;align-items:center}.ds-combobox_action-button_qz0ok_20{grid-area:1/4/2/5}.ds-combobox_label_qz0ok_10{font-family:STIHL Contraface Digital Text Regular,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:1rem;line-height:1.25;font-size-adjust:.414;display:block;max-width:fit-content;margin-block-end:8px}.ds-combobox_label--hidden_qz0ok_38{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}@media screen and (forced-colors: active){.ds-combobox_label--disabled_qz0ok_51{color:GrayText}}.ds-combobox_hint_qz0ok_10{font-family:STIHL Contraface Digital Text Regular,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:.875rem;line-height:1.14;font-size-adjust:.414;display:block;max-width:25.5rem;margin-block-end:8px}.ds-combobox_feedback_qz0ok_71{margin-block-end:8px;margin-block-start:8px}.ds-combobox_select_qz0ok_76{font-family:STIHL Contraface Digital Text Regular,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:1rem;line-height:1.25;font-size-adjust:.414}.ds-combobox_select_qz0ok_76:focus{outline:1px solid;outline-color:#252525;outline-offset:0}@media screen and (forced-colors: active){.ds-combobox_select_qz0ok_76:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){.ds-combobox_select_qz0ok_76:focus{outline:revert;outline-offset:revert}.ds-combobox_select_qz0ok_76:focus-visible{outline:1px solid;outline-color:#252525;outline-offset:0}@media screen and (forced-colors: active){.ds-combobox_select_qz0ok_76:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}.ds-combobox_select_qz0ok_76{transition:background-color var(--ds-animation-duration, .1s) linear,color var(--ds-animation-duration, .1s) linear}@media (prefers-reduced-motion: reduce){.ds-combobox_select_qz0ok_76{transition-duration:0ms}}@media (hover: hover){.ds-combobox_select_qz0ok_76:hover{background:#0000001a}}@media screen and (hover: hover) and (forced-colors: active){.ds-combobox_select_qz0ok_76:hover{border-color:Highlight}}.ds-combobox_select_qz0ok_76{background:transparent;min-height:3rem;height:3rem;border:1px solid #252525;border-radius:0;color:#252525;display:block;padding-inline-start:15px;padding-inline-end:15px;width:100%}.ds-combobox_select_qz0ok_76[readonly]{background-color:#ededed;border-color:transparent;color:#252525}.ds-combobox_select_qz0ok_76[readonly]:focus{outline:2px solid;outline-color:#252525;outline-offset:0}@media screen and (forced-colors: active){.ds-combobox_select_qz0ok_76[readonly]:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){.ds-combobox_select_qz0ok_76[readonly]:focus{outline:revert;outline-offset:revert}.ds-combobox_select_qz0ok_76[readonly]:focus-visible{outline:2px solid;outline-color:#252525;outline-offset:0}@media screen and (forced-colors: active){.ds-combobox_select_qz0ok_76[readonly]:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}.ds-combobox_select_qz0ok_76:disabled{background-color:transparent;border-color:#00000080;color:#00000080;cursor:not-allowed}.ds-combobox_select_qz0ok_76::-webkit-placeholder,.ds-combobox_select_qz0ok_76::placeholder{color:#666;opacity:1}.ds-combobox_select--invalid_qz0ok_188{border-color:#d43b3b;outline-color:#d43b3b}.ds-combobox_select--invalid_qz0ok_188:active,.ds-combobox_select--invalid_qz0ok_188:focus,.ds-combobox_select--invalid_qz0ok_188:focus-visible{border-color:#252525}.ds-combobox_select--small_qz0ok_195{font-family:STIHL Contraface Digital Text Regular,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:.875rem;line-height:1.14;font-size-adjust:.414;padding-inline-start:7px;padding-inline-end:7px}.ds-combobox_select_qz0ok_76{min-height:3rem;height:3rem;inline-size:100%;grid-area:1/1/2/5}.ds-combobox_select_qz0ok_76::-webkit-outer-spin-button,.ds-combobox_select_qz0ok_76::-webkit-inner-spin-button,.ds-combobox_select_qz0ok_76::-webkit-search-decoration,.ds-combobox_select_qz0ok_76::-webkit-search-cancel-button,.ds-combobox_select_qz0ok_76::-webkit-calendar-picker-indicator{display:none;-moz-appearance:none;appearance:none;-webkit-appearance:none}.ds-combobox_select_qz0ok_76::-webkit-date-and-time-value{text-align:left}.ds-combobox_select_qz0ok_76: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}.ds-combobox_select_qz0ok_76[type=search]{-moz-appearance:none;appearance:none;-webkit-appearance:none}.ds-combobox_select_qz0ok_76[type=range]{accent-color:#E9640C}.ds-combobox_select_qz0ok_76[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.ds-combobox_select--small_qz0ok_195{min-height:2rem;height:2rem}.ds-combobox_select--small_qz0ok_195.ds-combobox_input--has-leading-icon_qz0ok_248{padding-inline-start:calc(16px + 1rem)}.ds-combobox_select--small_qz0ok_195.ds-combobox_input--has-action-button_qz0ok_251{padding-inline-end:calc(2rem + 8px)}.ds-combobox_select--small_qz0ok_195.ds-combobox_input--has-second-action-button_qz0ok_254{padding-inline-end:calc(4rem + 8px)}.ds-combobox_select--has-leading-icon_qz0ok_257{padding-inline-start:calc(32px + 1rem)}.ds-combobox_select--has-action-button_qz0ok_260{padding-inline-end:calc(3rem + 16px)}.ds-combobox_select--has-second-action-button_qz0ok_263{padding-inline-end:calc(6rem + 16px)}.ds-combobox_select--has-affix_qz0ok_266{color:#0000}.ds-combobox_select--has-affix_qz0ok_266::placeholder{color:#0000}.ds-combobox_select--has-affix_qz0ok_266::placeholder{transition:color var(--ds-animation-duration, .1s) linear}@media (prefers-reduced-motion: reduce){.ds-combobox_select--has-affix_qz0ok_266::placeholder{transition-duration:0ms}}.ds-combobox_select--is-ready_qz0ok_280{color:#252525}.ds-combobox_select--is-ready_qz0ok_280::placeholder{color:#666}.ds-combobox_select_qz0ok_76{border-radius:0}.ds-combobox_select_qz0ok_76.ds-combobox_select--disabled_qz0ok_289{background-color:transparent;border-color:#00000080;color:#00000080;cursor:not-allowed}@media screen and (forced-colors: active){.ds-combobox_select_qz0ok_76.ds-combobox_select--disabled_qz0ok_289{color:GrayText}}.ds-combobox_select_qz0ok_76.ds-combobox_select--focused_qz0ok_300{outline:2px solid;outline-color:#252525;outline-offset:-1px}@media screen and (forced-colors: active){.ds-combobox_select_qz0ok_76.ds-combobox_select--focused_qz0ok_300{forced-color-adjust:auto;outline-color:Highlight}}@media screen and (forced-colors: active){.ds-combobox_select_qz0ok_76.ds-combobox_select--focused_qz0ok_300{outline-color:Highlight}}@media (hover: hover){.ds-combobox_select--hovered_qz0ok_317{background:#0000001a}}@media screen and (hover: hover) and (forced-colors: active){.ds-combobox_select--hovered_qz0ok_317{border-color:Highlight}}.ds-combobox_placeholder_qz0ok_327{color:#666}@media screen and (forced-colors: active){.ds-combobox_placeholder_qz0ok_327{color:GrayText}}.ds-combobox_menu-list_qz0ok_336{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){.ds-combobox_menu-list_qz0ok_336{forced-color-adjust:auto;outline-color:Highlight}}.ds-combobox_group-heading_qz0ok_353{font-family:STIHL Contraface Digital Text Regular,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:.875rem;line-height:1.14;font-size-adjust:.414;padding-block-start:16px;padding-block-end:11px;padding-inline-start:16px;padding-inline-end:16px;margin-block-start:4px;margin-block-end:8px;margin-inline-start:0;margin-inline-end:0;border-bottom:1px solid #B1B1B1;color:#666}.ds-combobox_option_qz0ok_375{font-family:STIHL Contraface Digital Text Regular,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:1rem;line-height:1.25;font-size-adjust:.414;padding-block-start:12px;padding-block-end:12px;padding-inline-start:24px;padding-inline-end:24px;align-items:center}.ds-combobox_option--small_qz0ok_391{font-family:STIHL Contraface Digital Text Regular,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:.875rem;line-height:1.14;font-size-adjust:.414;padding-block-start:8px;padding-block-end:8px;padding-inline-start:16px;padding-inline-end:16px}.ds-combobox_option--single_qz0ok_406{justify-content:space-between}.ds-combobox_option--disabled_qz0ok_409{color:#00000080}@media screen and (forced-colors: active){.ds-combobox_option--disabled_qz0ok_409{color:GrayText}}.ds-combobox_option--focus-hover_qz0ok_417:not(.ds-combobox_option--disabled_qz0ok_409){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){.ds-combobox_option--focus-hover_qz0ok_417:not(.ds-combobox_option--disabled_qz0ok_409){background-color:Canvas;border-color:Highlight}}.ds-combobox_option--focus-hover_qz0ok_417.ds-combobox_option--small_qz0ok_391:not(.ds-combobox_option--disabled_qz0ok_409){padding-block-start:6px;padding-block-end:6px}.ds-combobox_option--text_qz0ok_435{margin-inline-end:8px}.ds-combobox_option--check-icon_qz0ok_438{margin-inline-start:auto;align-self:center;fill:#e9640c}@media screen and (forced-colors: active){.ds-combobox_option--check-icon_qz0ok_438{fill:CanvasText}}.ds-combobox_option--check-icon--disabled_qz0ok_448{fill:#00000080}@media screen and (forced-colors: active){.ds-combobox_option--check-icon--disabled_qz0ok_448{fill:GrayText}}.ds-combobox_single-option_qz0ok_457{display:flex;flex-wrap:nowrap;width:100%}.ds-combobox_multi-option_qz0ok_463{width:100%}.ds-combobox_single-value_qz0ok_467{display:flex;align-items:center}.ds-combobox_single-value--text_qz0ok_471{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.ds-combobox_leading-icon_qz0ok_478{margin-block-start:2px;margin-inline-end:8px;fill:#666}@media screen and (forced-colors: active){.ds-combobox_leading-icon_qz0ok_478{background-color:Canvas;fill:CanvasText}}.ds-combobox_leading-icon--small_qz0ok_489,.ds-combobox_leading-icon--selected_qz0ok_489{margin-block-start:0px}.ds-combobox_leading-icon--disabled_qz0ok_492{fill:#00000080}@media screen and (forced-colors: active){.ds-combobox_leading-icon--disabled_qz0ok_492{fill:GrayText}}.ds-combobox_indicator_qz0ok_501,.ds-combobox_clear_qz0ok_502{width:3rem;height:3rem;justify-content:center;cursor:pointer}.ds-combobox_indicator--small_qz0ok_508,.ds-combobox_clear--small_qz0ok_509{width:2rem;height:2rem}.ds-combobox_indicator--icon_qz0ok_513,.ds-combobox_clear--icon_qz0ok_514{margin-block-start:16px;margin-block-end:16px;margin-inline-start:16px;margin-inline-end:16px;align-self:center}.ds-combobox_indicator--icon--small_qz0ok_521,.ds-combobox_clear--icon--small_qz0ok_522{margin-block-start:8px;margin-block-end:8px;margin-inline-start:8px;margin-inline-end:8px}