@stihl-design-system/components 1.0.0-RC.14 → 1.0.0-RC.16

package/combobox.D6zXg976.js

@@ -1,47 +0,0 @@
-"use client";
-import { j as u } from "./chunks/jsx-runtime.C115EyI4.js";
-import { v as x, c as C } from "./chunks/CustomReactSelect.CB41lklE.js";
-const v = ({
-  id: s,
-  label: o,
-  className: n,
-  disabled: a = !1,
-  dropdownOnFocus: e = !1,
-  hideLabel: l = !1,
-  invalid: c = !1,
-  lang: m = "en",
-  required: r = !1,
-  variant: f = "single",
-  ...t
-}) => {
-  if (process.env.NODE_ENV !== "production") {
-    const { options: p } = t;
-    x({
-      id: s,
-      label: o,
-      options: p
-    });
-  }
-  const i = f === "multi";
-  return /* @__PURE__ */ u.jsx(
-    C,
-    {
-      id: s,
-      label: o,
-      className: n,
-      disabled: a,
-      hideLabel: l,
-      isMulti: i,
-      invalid: c,
-      lang: m,
-      openMenuOnClick: e,
-      openMenuOnFocus: e,
-      isClearable: !e || i,
-      required: r,
-      ...t
-    }
-  );
-};
-export {
-  v as DSCombobox
-};

package/customreactselect.BcjDvZG6.js

@@ -1,13 +0,0 @@
-"use client";
-import "./chunks/jsx-runtime.C115EyI4.js";
-import "./chunks/index.CvOaL64Y.js";
-import "react";
-import { c as l } from "./chunks/CustomReactSelect.CB41lklE.js";
-import "./chunks/useBreakpoint.B8XxjSVJ.js";
-import "./asterisk.DpzETKdT.js";
-import "./chunks/Icon.BCmt_XBG.js";
-import "./systemfeedback.C3Pfxxpp.js";
-import "./optioncheckbox.BRUTnQnJ.js";
-export {
-  l as CustomReactSelect
-};

package/dialog.BkVOgeWY.js

@@ -1,9 +0,0 @@
-"use client";
-import "./chunks/jsx-runtime.C115EyI4.js";
-import "./chunks/index.CvOaL64Y.js";
-import "react";
-import "./button.BfcWQZhx.js";
-import { D as e } from "./chunks/Dialog.ClBjJWOh.js";
-export {
-  e as DSDialog
-};

package/drawer.DM_NKGTQ.js

@@ -1,9 +0,0 @@
-"use client";
-import "./chunks/jsx-runtime.C115EyI4.js";
-import "./chunks/index.CvOaL64Y.js";
-import "react";
-import "./button.BfcWQZhx.js";
-import { D as e } from "./chunks/Drawer.ReDW3ohH.js";
-export {
-  e as DSDrawer
-};

package/fieldset.CSNoVbL1.js

@@ -1,11 +0,0 @@
-"use client";
-import "./chunks/jsx-runtime.C115EyI4.js";
-import "./chunks/index.CvOaL64Y.js";
-import "react";
-import "./asterisk.DpzETKdT.js";
-import "./heading.IPIYc5vW.js";
-import "./systemfeedback.C3Pfxxpp.js";
-import { D as l } from "./chunks/Fieldset.Ct_JFRs9.js";
-export {
-  l as DSFieldset
-};

package/flag.BKpsdB_-.js

@@ -1,43 +0,0 @@
-"use client";
-import { j as s } from "./chunks/jsx-runtime.C115EyI4.js";
-import { c } from "./chunks/index.CvOaL64Y.js";
-import { D as i } from "./chunks/Icon.BCmt_XBG.js";
-import './assets/flag.B-RLcMcf.css';const n = "ds-flag_root_14d3h_1", f = "ds-flag_root--color-grey-light_14d3h_28", C = "ds-flag_root--color-yellow-light_14d3h_31", y = "ds-flag_root--color-red-light_14d3h_34", m = "ds-flag_root--color-green-light_14d3h_37", L = "ds-flag_root--color-orange-base_14d3h_40", r = {
-  root: n,
-  "root--color-grey-light": "ds-flag_root--color-grey-light_14d3h_28",
-  rootColorGreyLight: f,
-  "root--color-yellow-light": "ds-flag_root--color-yellow-light_14d3h_31",
-  rootColorYellowLight: C,
-  "root--color-red-light": "ds-flag_root--color-red-light_14d3h_34",
-  rootColorRedLight: y,
-  "root--color-green-light": "ds-flag_root--color-green-light_14d3h_37",
-  rootColorGreenLight: m,
-  "root--color-orange-base": "ds-flag_root--color-orange-base_14d3h_40",
-  rootColorOrangeBase: L
-}, x = ({
-  children: g,
-  className: h,
-  color: o,
-  iconName: t,
-  iconSource: l,
-  ...a
-}) => {
-  const e = typeof o == "string" && r[`root--color-${o}`], d = e ? {} : { backgroundColor: o }, _ = c(r.root, h, {
-    [r[`root--color-${o}`]]: e
-  });
-  return /* @__PURE__ */ s.jsxs("span", { className: _, style: d, ...a, children: [
-    (t || l) && /* @__PURE__ */ s.jsx(
-      i,
-      {
-        name: t,
-        theme: "light",
-        source: l,
-        "aria-hidden": "true"
-      }
-    ),
-    g
-  ] });
-};
-export {
-  x as DSFlag
-};

package/floatingactionbutton.D5L0B7zI.js

@@ -1,87 +0,0 @@
-"use client";
-import { j as a } from "./chunks/jsx-runtime.C115EyI4.js";
-import { c as n } from "./chunks/index.CvOaL64Y.js";
-import { D as h } from "./chunks/Icon.BCmt_XBG.js";
-import { DSSpinner as k } from "./spinner.Bq97Og-6.js";
-import './assets/floatingactionbutton.E9HekT6S.css';const D = "ds-floating-action-button_root_1any0_1", x = "ds-floating-action-button_root--dark_1any0_70", S = "ds-floating-action-button_root--small_1any0_108", j = "ds-floating-action-button_loader_1any0_129", H = "ds-floating-action-button_icon--hidden_1any0_141", N = "ds-floating-action-button_label--hidden_1any0_145", o = {
-  root: D,
-  "root--dark": "ds-floating-action-button_root--dark_1any0_70",
-  rootDark: x,
-  "root--small": "ds-floating-action-button_root--small_1any0_108",
-  rootSmall: S,
-  loader: j,
-  "icon--hidden": "ds-floating-action-button_icon--hidden_1any0_141",
-  iconHidden: H,
-  "label--hidden": "ds-floating-action-button_label--hidden_1any0_145",
-  labelHidden: N
-}, B = ({
-  aria: c,
-  children: _,
-  className: m,
-  dataTrackingid: b,
-  disabled: l = !1,
-  iconName: s = "placeholder",
-  iconSource: i,
-  loading: t = !1,
-  size: u = "medium",
-  theme: r = "light",
-  onClick: d,
-  ...f
-}) => {
-  const y = n(
-    o.root,
-    o.rootIconOnlySmall,
-    m,
-    {
-      // dark theme
-      [o.rootDark]: r === "dark",
-      // size
-      [o.rootSmall]: u === "small"
-    }
-  ), p = n(o.icon, {
-    // set icon opacity to 0 when loading to prevent button size from changing
-    [o.iconHidden]: t
-  }), g = (e) => {
-    if (l || t) {
-      e.preventDefault();
-      return;
-    }
-    d && d(e);
-  };
-  return /* @__PURE__ */ a.jsxs(
-    "button",
-    {
-      className: y,
-      "data-trackingid": b,
-      type: "button",
-      onClick: g,
-      ...c,
-      ...f,
-      "aria-disabled": l || t,
-      "aria-busy": t,
-      children: [
-        t && /* @__PURE__ */ a.jsx(
-          k,
-          {
-            className: o.loader,
-            aria: { "aria-label": "Loading state" }
-          }
-        ),
-        /* @__PURE__ */ a.jsx("span", { className: n(o.label, o.labelHidden), children: _ }),
-        (s || i) && /* @__PURE__ */ a.jsx(
-          h,
-          {
-            name: s,
-            theme: r,
-            source: i,
-            className: p,
-            "aria-hidden": "true"
-          }
-        )
-      ]
-    }
-  );
-};
-export {
-  B as DSFloatingActionButton
-};

package/heading.IPIYc5vW.js

@@ -1,50 +0,0 @@
-"use client";
-import { j as _ } from "./chunks/jsx-runtime.C115EyI4.js";
-import { c as u } from "./chunks/index.CvOaL64Y.js";
-import './assets/heading.u4f8Mz94.css';const m = "ds-heading_root_6kuzl_1", g = "ds-heading_root--x-large_6kuzl_4", c = "ds-heading_root--x-large-uppercase_6kuzl_19", n = "ds-heading_root--large_6kuzl_35", i = "ds-heading_root--large-uppercase_6kuzl_50", h = "ds-heading_root--medium_6kuzl_66", k = "ds-heading_root--medium-uppercase_6kuzl_75", x = "ds-heading_root--small_6kuzl_85", z = "ds-heading_root--small-uppercase_6kuzl_94", L = "ds-heading_root--theme-dark_6kuzl_104", o = {
-  root: m,
-  "root--x-large": "ds-heading_root--x-large_6kuzl_4",
-  rootXLarge: g,
-  "root--x-large-uppercase": "ds-heading_root--x-large-uppercase_6kuzl_19",
-  rootXLargeUppercase: c,
-  "root--large": "ds-heading_root--large_6kuzl_35",
-  rootLarge: n,
-  "root--large-uppercase": "ds-heading_root--large-uppercase_6kuzl_50",
-  rootLargeUppercase: i,
-  "root--medium": "ds-heading_root--medium_6kuzl_66",
-  rootMedium: h,
-  "root--medium-uppercase": "ds-heading_root--medium-uppercase_6kuzl_75",
-  rootMediumUppercase: k,
-  "root--small": "ds-heading_root--small_6kuzl_85",
-  rootSmall: x,
-  "root--small-uppercase": "ds-heading_root--small-uppercase_6kuzl_94",
-  rootSmallUppercase: z,
-  "root--theme-dark": "ds-heading_root--theme-dark_6kuzl_104",
-  rootThemeDark: L
-}, M = ({
-  children: r,
-  className: a,
-  size: e = "medium",
-  tag: t = "h2",
-  // default tag because of SEO reasons (h1 should be used only once per page)
-  theme: s = "light",
-  ...l
-}) => {
-  const p = t, d = u(o.root, a, {
-    // sizes
-    [o.rootXLarge]: e === "x-large",
-    [o.rootXLargeUppercase]: e === "x-large-uppercase",
-    [o.rootLarge]: e === "large",
-    [o.rootLargeUppercase]: e === "large-uppercase",
-    [o.rootMedium]: e == "medium",
-    [o.rootMediumUppercase]: e == "medium-uppercase",
-    [o.rootSmall]: e == "small",
-    [o.rootSmallUppercase]: e == "small-uppercase",
-    // dark theme
-    [o.rootThemeDark]: s === "dark"
-  });
-  return /* @__PURE__ */ _.jsx(p, { className: d, ...l, children: r });
-};
-export {
-  M as DSHeading
-};

package/icon.Ck0BpI34.js

@@ -1,8 +0,0 @@
-"use client";
-import "./chunks/jsx-runtime.C115EyI4.js";
-import "./chunks/index.CvOaL64Y.js";
-import "react";
-import { D as p } from "./chunks/Icon.BCmt_XBG.js";
-export {
-  p as DSIcon
-};

package/input.BbnmbMCI.js

@@ -1,241 +0,0 @@
-"use client";
-import { j as t } from "./chunks/jsx-runtime.C115EyI4.js";
-import { c as l } from "./chunks/index.CvOaL64Y.js";
-import { useState as r, useRef as k, useEffect as sn } from "react";
-import { h as en } from "./chunks/has-window.ut_-aShB.js";
-import { u as ln } from "./chunks/useBreakpoint.B8XxjSVJ.js";
-import { u as B } from "./chunks/useIsomorphicLayoutEffect.CnJ9AMFS.js";
-import { Asterisk as on } from "./asterisk.DpzETKdT.js";
-import { DSButton as E } from "./button.BfcWQZhx.js";
-import { D as dn } from "./chunks/Icon.BCmt_XBG.js";
-import { DSSystemFeedback as un } from "./systemfeedback.C3Pfxxpp.js";
-import { v as cn, b as fn, M as hn, a as pn, s as _n, c as rn, i as v } from "./chunks/Input.utils.DYbmWlx6.js";
-import './assets/input.BAkFKPW3.css';const mn = "ds-input_input_yfh6h_1", yn = "ds-input_input--invalid_yfh6h_113", bn = "ds-input_input--small_yfh6h_120", xn = "ds-input_input--has-leading-icon_yfh6h_173", gn = "ds-input_input--has-action-button_yfh6h_176", In = "ds-input_input--has-second-action-button_yfh6h_179", Sn = "ds-input_input--has-affix_yfh6h_191", Hn = "ds-input_input--is-ready_yfh6h_205", Dn = "ds-input_root_yfh6h_212", kn = "ds-input_hint_yfh6h_220", vn = "ds-input_label_yfh6h_220", Cn = "ds-input_wrapper_yfh6h_224", Rn = "ds-input_affix_yfh6h_230", jn = "ds-input_affix--small_yfh6h_251", Ln = "ds-input_affix--disabled_yfh6h_264", An = "ds-input_prefix_yfh6h_272", Nn = "ds-input_affix--readonly_yfh6h_275", wn = "ds-input_suffix_yfh6h_285", Bn = "ds-input_leading-icon_yfh6h_292", En = "ds-input_leading-icon--small_yfh6h_304", Tn = "ds-input_leading-icon--disabled_yfh6h_307", Fn = "ds-input_action-button_yfh6h_316", Pn = "ds-input_label--hidden_yfh6h_334", On = "ds-input_label--disabled_yfh6h_347", $n = "ds-input_feedback_yfh6h_367", n = {
-  input: mn,
-  "input--invalid": "ds-input_input--invalid_yfh6h_113",
-  inputInvalid: yn,
-  "input--small": "ds-input_input--small_yfh6h_120",
-  inputSmall: bn,
-  "input--has-leading-icon": "ds-input_input--has-leading-icon_yfh6h_173",
-  inputHasLeadingIcon: xn,
-  "input--has-action-button": "ds-input_input--has-action-button_yfh6h_176",
-  inputHasActionButton: gn,
-  "input--has-second-action-button": "ds-input_input--has-second-action-button_yfh6h_179",
-  inputHasSecondActionButton: In,
-  "input--has-affix": "ds-input_input--has-affix_yfh6h_191",
-  inputHasAffix: Sn,
-  "input--is-ready": "ds-input_input--is-ready_yfh6h_205",
-  inputIsReady: Hn,
-  root: Dn,
-  hint: kn,
-  label: vn,
-  wrapper: Cn,
-  affix: Rn,
-  "affix--small": "ds-input_affix--small_yfh6h_251",
-  affixSmall: jn,
-  "affix--disabled": "ds-input_affix--disabled_yfh6h_264",
-  affixDisabled: Ln,
-  prefix: An,
-  "affix--readonly": "ds-input_affix--readonly_yfh6h_275",
-  affixReadonly: Nn,
-  suffix: wn,
-  "leading-icon": "ds-input_leading-icon_yfh6h_292",
-  leadingIcon: Bn,
-  "leading-icon--small": "ds-input_leading-icon--small_yfh6h_304",
-  leadingIconSmall: En,
-  "leading-icon--disabled": "ds-input_leading-icon--disabled_yfh6h_307",
-  leadingIconDisabled: Tn,
-  "action-button": "ds-input_action-button_yfh6h_316",
-  actionButton: Fn,
-  "label--hidden": "ds-input_label--hidden_yfh6h_334",
-  labelHidden: Pn,
-  "label--disabled": "ds-input_label--disabled_yfh6h_347",
-  labelDisabled: On,
-  feedback: $n
-}, qn = ({
-  id: u,
-  label: C,
-  actionButtonLabel: T,
-  actionButtonIconName: f,
-  actionButtonIconSource: m,
-  actionButtonOnClick: F,
-  className: P,
-  disabled: i = !1,
-  hint: y,
-  hideLabel: O = !1,
-  invalid: h = !1,
-  leadingIconName: p,
-  leadingIconSource: _,
-  prefix: s,
-  readonly: c = !1,
-  required: R = !1,
-  size: e = "medium",
-  suffix: a,
-  systemFeedback: b,
-  type: o = "text",
-  ...$
-}) => {
-  process.env.NODE_ENV !== "production" && (cn({
-    id: u,
-    label: C,
-    prefix: s,
-    suffix: a,
-    leadingIconName: p,
-    leadingIconSource: _,
-    actionButtonIconName: f,
-    actionButtonIconSource: m
-  }), fn(o));
-  const [W, X] = r(!1), [M, V] = r(!1), [x, G] = r(!1), [U, J] = r({}), g = k(null), K = s == null ? void 0 : s.substring(0, hn), I = k(null), Q = a == null ? void 0 : a.substring(0, pn), S = k(null), Y = ln(O);
-  B(() => {
-    const d = e === "medium" ? 16 : 8, H = {};
-    if (I.current) {
-      const D = I.current.offsetWidth;
-      H.paddingInlineStart = d + D + "px";
-    }
-    if (S.current) {
-      const D = S.current.offsetWidth;
-      H.paddingInlineEnd = d + D + "px";
-    }
-    J(H), X(!0);
-  }, [s, a, e, M]), B(() => {
-    en && (async () => {
-      "fonts" in document && (await document.fonts.load(
-        '1em "STIHL Contraface Digital Text Regular"'
-      ), V(!0));
-    })();
-  }, []), sn(() => {
-    const d = _n(
-      v(o),
-      rn(o)
-    );
-    G(d);
-  }, [o]);
-  const j = l(n.affix, {
-    [n.affixSmall]: e === "small",
-    [n.affixDisabled]: i,
-    [n.affixReadonly]: c
-  }), L = `${u}-label`, A = `${u}-feedback`, N = `${u}-hint`, Z = y ? ` ${N}` : "", q = l(n.root, P), z = l(n.input, {
-    // small input
-    [n.inputSmall]: e === "small",
-    // invalid state
-    [n.inputInvalid]: h,
-    // leading icon
-    [n.inputHasLeadingIcon]: p || _,
-    // prefix/suffix
-    [n.inputHasAffix]: s || a,
-    // action button
-    [n.inputHasActionButton]: f || m || x,
-    [n.inputIsReady]: W
-  }), nn = l(n.label, {
-    // hide label only visually to keep them available for assistive technologies
-    [n.labelHidden]: Y,
-    [n.labelDisabled]: i
-  }), tn = l(n.leadingIcon, {
-    [n.leadingIconSmall]: e === "small",
-    [n.leadingIconDisabled]: i
-  }), w = l(n.actionButton, {
-    [n.actionButtonSmall]: e === "small"
-  }), an = (d) => {
-    g.current && !i && !c && g.current.showPicker(), d.preventDefault();
-  };
-  return /* @__PURE__ */ t.jsxs("div", { className: q, children: [
-    /* @__PURE__ */ t.jsxs("label", { className: nn, id: L, htmlFor: u, children: [
-      C,
-      R && /* @__PURE__ */ t.jsx(on, {})
-    ] }),
-    y && /* @__PURE__ */ t.jsx("div", { className: n.hint, id: N, children: y }),
-    h && b && /* @__PURE__ */ t.jsx(
-      un,
-      {
-        className: n.feedback,
-        message: b,
-        type: "invalid",
-        id: A
-      }
-    ),
-    /* @__PURE__ */ t.jsxs("div", { className: n.wrapper, children: [
-      s && /* @__PURE__ */ t.jsx(
-        "span",
-        {
-          className: l(j, n.prefix),
-          ref: I,
-          "aria-disabled": i,
-          children: K
-        }
-      ),
-      !s && (p || _) && /* @__PURE__ */ t.jsx(
-        dn,
-        {
-          name: p,
-          theme: "light",
-          source: _,
-          className: tn,
-          "aria-hidden": "true"
-        }
-      ),
-      /* @__PURE__ */ t.jsx(
-        "input",
-        {
-          type: o,
-          className: z,
-          id: u,
-          ref: g,
-          ...$,
-          style: U,
-          "aria-labelledby": `${L}${Z}`,
-          "aria-describedby": h && b ? A : void 0,
-          "aria-invalid": h,
-          "aria-disabled": c,
-          readOnly: c,
-          required: R,
-          disabled: i
-        }
-      ),
-      a && /* @__PURE__ */ t.jsx(
-        "span",
-        {
-          className: l(j, n.suffix),
-          ref: S,
-          "aria-disabled": i,
-          children: Q
-        }
-      ),
-      !a && !x && (f || m) && /* @__PURE__ */ t.jsx(
-        E,
-        {
-          hideLabel: !0,
-          theme: "light",
-          iconName: f,
-          variant: "ghost",
-          className: w,
-          size: e,
-          onClick: F,
-          type: "button",
-          disabled: i || c,
-          children: T
-        }
-      ),
-      !a && x && !c && !i && /* @__PURE__ */ t.jsxs(
-        E,
-        {
-          hideLabel: !0,
-          theme: "light",
-          iconName: v(o) ? "calendar" : "clock",
-          variant: "ghost",
-          className: w,
-          size: e,
-          onClick: an,
-          type: "button",
-          children: [
-            "Open ",
-            v(o) ? "date" : "time",
-            " picker"
-          ]
-        }
-      )
-    ] })
-  ] });
-};
-export {
-  qn as DSInput
-};

package/inputpassword.KnZRwWCQ.js

@@ -1,12 +0,0 @@
-"use client";
-import "./chunks/jsx-runtime.C115EyI4.js";
-import "./chunks/index.CvOaL64Y.js";
-import "react";
-import "./chunks/useBreakpoint.B8XxjSVJ.js";
-import "./asterisk.DpzETKdT.js";
-import "./button.BfcWQZhx.js";
-import "./systemfeedback.C3Pfxxpp.js";
-import { D as n } from "./chunks/InputPassword.Cvk5J8w1.js";
-export {
-  n as DSInputPassword
-};

package/inputsearch.DgYJPZ2v.js

@@ -1,13 +0,0 @@
-"use client";
-import "./chunks/jsx-runtime.C115EyI4.js";
-import "./chunks/index.CvOaL64Y.js";
-import "react";
-import "./chunks/helpers.CcqWV-wZ.js";
-import "./chunks/useBreakpoint.B8XxjSVJ.js";
-import "./asterisk.DpzETKdT.js";
-import "./button.BfcWQZhx.js";
-import "./systemfeedback.C3Pfxxpp.js";
-import { D as s } from "./chunks/InputSearch.BIIW-ERk.js";
-export {
-  s as DSInputSearch
-};

package/inputstepper.T_of1Gz0.js

@@ -1,15 +0,0 @@
-"use client";
-import "./chunks/jsx-runtime.C115EyI4.js";
-import "./chunks/index.CvOaL64Y.js";
-import "react";
-import "./chunks/has-window.ut_-aShB.js";
-import "./chunks/useBreakpoint.B8XxjSVJ.js";
-import "./chunks/useIsomorphicLayoutEffect.CnJ9AMFS.js";
-import "./asterisk.DpzETKdT.js";
-import "./button.BfcWQZhx.js";
-import "./chunks/Input.utils.DYbmWlx6.js";
-import "./systemfeedback.C3Pfxxpp.js";
-import { D as a } from "./chunks/InputStepper.DGzR3KY6.js";
-export {
-  a as DSInputStepper
-};