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

package/chunks/Drawer.BdowMqE0.js

@@ -1,154 +0,0 @@
-"use client";
-import { j as r } from "./jsx-runtime.C115EyI4.js";
-import { c as n } from "./index.CvOaL64Y.js";
-import { useRef as b, useState as j, useEffect as w } from "react";
-import { DSButton as B } from "../button.DH0h6uPs.js";
-import { g as R } from "./helpers.B1JT5ShS.js";
-import '../assets/Drawer.BqBgbSuP.css';const W = "_drawer_h62s5_85", C = "_drawer--end_h62s5_143", F = "_content-wrapper_h62s5_161", k = "_content-wrapper--no-footer_h62s5_167", I = "_close-button_h62s5_170", O = "_header_h62s5_183", y = "_content_h62s5_161", z = "_footer_h62s5_185", L = "_header--scrollable_h62s5_206", M = "_header--close-button_h62s5_215", H = "_content--no-footer_h62s5_229", P = "_footer--scrollable_h62s5_236", o = {
-  drawer: W,
-  "drawer--end": "_drawer--end_h62s5_143",
-  drawerEnd: C,
-  "content-wrapper": "_content-wrapper_h62s5_161",
-  contentWrapper: F,
-  "content-wrapper--no-footer": "_content-wrapper--no-footer_h62s5_167",
-  contentWrapperNoFooter: k,
-  "close-button": "_close-button_h62s5_170",
-  closeButton: I,
-  header: O,
-  content: y,
-  footer: z,
-  "header--scrollable": "_header--scrollable_h62s5_206",
-  headerScrollable: L,
-  "header--close-button": "_header--close-button_h62s5_215",
-  headerCloseButton: M,
-  "content--no-footer": "_content--no-footer_h62s5_229",
-  contentNoFooter: H,
-  "footer--scrollable": "_footer--scrollable_h62s5_236",
-  footerScrollable: P
-}, K = ["start", "end"], T = ({ tabIndex: s }) => {
-  if (s || s === 0)
-    throw new Error(
-      R(
-        "DSDrawer",
-        "Do not pass the tabindex property to the DSDrawer component as it is not interactive and does not receive focus. The DSDrawers contents, including the close button contained in the DSDrawer, can receive focus and be interactive."
-      )
-    );
-}, Q = ({
-  children: s,
-  className: m,
-  closeButtonLabel: D = "Close modal",
-  disableBackdropClose: S = !1,
-  footer: c,
-  header: N,
-  hideCloseButton: l = !1,
-  position: v = "start",
-  isOpen: d = !1,
-  onClose: a,
-  ..._
-}) => {
-  if (process.env.NODE_ENV !== "production") {
-    const { tabIndex: e } = _;
-    T({
-      tabIndex: e
-    });
-  }
-  const t = b(null), h = b(null), [i, E] = j(!1);
-  w(() => {
-    const e = h.current;
-    if (e) {
-      const f = () => {
-        E(
-          e.scrollHeight > e.clientHeight
-        );
-      };
-      f();
-      const p = new ResizeObserver(f);
-      return p.observe(e), () => {
-        p.disconnect();
-      };
-    }
-  }, []), w(() => {
-    const e = t.current;
-    if (e)
-      return e.addEventListener("close", u), d ? e.showModal() : e.close(), () => {
-        e.removeEventListener("close", u);
-      };
-  }, [d, a]);
-  const u = () => {
-    a && a();
-  }, x = (e) => {
-    S || t.current && e.target === t.current && t.current.close();
-  }, g = () => {
-    t.current && t.current.close();
-  };
-  return /* @__PURE__ */ r.jsx(
-    "dialog",
-    {
-      ..._,
-      ref: t,
-      className: n(o.drawer, {
-        [o.drawerEnd]: v === "end"
-      }),
-      onMouseDown: (e) => x(e),
-      "aria-modal": "true",
-      children: /* @__PURE__ */ r.jsxs(
-        "div",
-        {
-          className: n(o.contentWrapper, m, {
-            [o.contentWrapperNoFooter]: !c
-          }),
-          children: [
-            !l && /* @__PURE__ */ r.jsx(
-              B,
-              {
-                className: o.closeButton,
-                hideLabel: !0,
-                iconName: "cross",
-                size: "small",
-                type: "button",
-                variant: "ghost",
-                onClick: () => g(),
-                children: D
-              }
-            ),
-            /* @__PURE__ */ r.jsx(
-              "header",
-              {
-                className: n(o.header, {
-                  [o.headerCloseButton]: !l,
-                  [o.headerScrollable]: i
-                }),
-                children: N
-              }
-            ),
-            /* @__PURE__ */ r.jsx(
-              "div",
-              {
-                ref: h,
-                className: n(o.content, {
-                  [o.contentNoFooter]: !c
-                }),
-                tabIndex: 0,
-                children: s
-              }
-            ),
-            c && /* @__PURE__ */ r.jsx(
-              "footer",
-              {
-                className: n(o.footer, {
-                  [o.footerScrollable]: i
-                }),
-                children: c
-              }
-            )
-          ]
-        }
-      )
-    }
-  );
-};
-export {
-  Q as D,
-  K as a,
-  T as v
-};

package/chunks/Fieldset.COGbZwry.js

@@ -1,99 +0,0 @@
-"use client";
-import { j as e } from "./jsx-runtime.C115EyI4.js";
-import { c } from "./index.CvOaL64Y.js";
-import "react";
-import { Asterisk as z } from "../asterisk.DDn-yX4P.js";
-import { DSHeading as F } from "../heading.CAkraI2D.js";
-import { DSSystemFeedback as k } from "../systemfeedback.ZzRUAVYX.js";
-import { g as h } from "./helpers.B1JT5ShS.js";
-import '../assets/Fieldset.qHYeUFZt.css';const v = "_root_xfwzz_76", N = "_child-wrapper_xfwzz_82", E = "_legend_xfwzz_89", M = "_legend--utility--m_xfwzz_93", q = "_description_xfwzz_106", C = "_description--small_xfwzz_121", P = "_system-feedback_xfwzz_125", i = {
-  root: v,
-  "child-wrapper": "_child-wrapper_xfwzz_82",
-  childWrapper: N,
-  legend: E,
-  "legend--utility--m": "_legend--utility--m_xfwzz_93",
-  legendUtilityM: M,
-  description: q,
-  "description--small": "_description--small_xfwzz_121",
-  descriptionSmall: C,
-  "system-feedback": "_system-feedback_xfwzz_125",
-  systemFeedback: P
-}, T = ({
-  description: a,
-  id: s,
-  legend: n,
-  systemFeedback: t
-}) => {
-  if (!s && (a || t))
-    throw new Error(
-      h(
-        "DSFieldset",
-        'A unique "id" prop is required when providing the description or systemFeedback property. Please add an unique "id" prop to the DSFieldset component.'
-      )
-    );
-  if (!n)
-    throw new Error(
-      h(
-        "DSFieldset",
-        "The legend prop is required. Please add the legend prop to the DSFieldset component."
-      )
-    );
-}, H = ({
-  children: a,
-  legend: s,
-  className: n,
-  description: t,
-  disabled: w = !1,
-  id: d,
-  invalid: p = !1,
-  required: m = !1,
-  systemFeedback: o,
-  ...y
-}) => {
-  process.env.NODE_ENV !== "production" && T({ description: t, id: d, legend: s, systemFeedback: o });
-  let r, _, f;
-  const l = typeof s == "object" && s !== void 0;
-  l && ({ headingSize: r, headingTag: _, headingText: f } = s);
-  const g = `${d}-feedback`, x = `${d}-description`, j = [
-    o && g,
-    t && x
-  ].filter(Boolean).join(" "), S = !l || r === "small" || r === "small-uppercase", b = c(i.root, n), u = c(i.legend, {
-    [i.legendUtilityM]: !l
-  }), D = c(i.description, {
-    [i.descriptionSmall]: S
-  });
-  return /* @__PURE__ */ e.jsxs(
-    "fieldset",
-    {
-      className: b,
-      disabled: w,
-      ...y,
-      "aria-invalid": p,
-      "aria-describedby": j || void 0,
-      children: [
-        /* @__PURE__ */ e.jsx("legend", { className: u, children: l ? /* @__PURE__ */ e.jsxs(F, { tag: _, size: r, children: [
-          f,
-          m && /* @__PURE__ */ e.jsx(z, {})
-        ] }) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-          s,
-          m && /* @__PURE__ */ e.jsx(z, {})
-        ] }) }),
-        t && /* @__PURE__ */ e.jsx("span", { id: x, className: D, children: t }),
-        p && o && /* @__PURE__ */ e.jsx(
-          k,
-          {
-            id: g,
-            type: "invalid",
-            message: o,
-            className: i.systemFeedback
-          }
-        ),
-        /* @__PURE__ */ e.jsx("div", { className: i.childWrapper, children: a })
-      ]
-    }
-  );
-};
-export {
-  H as D,
-  T as v
-};

package/chunks/InputPassword.Dgo95-PU.js

@@ -1,140 +0,0 @@
-"use client";
-import { j as a } from "./jsx-runtime.C115EyI4.js";
-import { c as i } from "./index.CvOaL64Y.js";
-import { useState as A } from "react";
-import { u as D } from "./useBreakpoint.5xBNDiCf.js";
-import { Asterisk as C } from "../asterisk.DDn-yX4P.js";
-import { DSButton as L } from "../button.DH0h6uPs.js";
-import { DSSystemFeedback as $ } from "../systemfeedback.ZzRUAVYX.js";
-import { g as x } from "./helpers.B1JT5ShS.js";
-import '../assets/InputPassword.Cf394z47.css';const E = "_input_1pqhx_226", R = "_input--invalid_1pqhx_338", V = "_input--small_1pqhx_345", O = "_input--has-leading-icon_1pqhx_399", F = "_input--has-action-button_1pqhx_402", M = "_input--has-second-action-button_1pqhx_405", T = "_input--has-affix_1pqhx_417", G = "_input--is-ready_1pqhx_431", J = "_root_1pqhx_438", K = "_hint_1pqhx_446", Q = "_label_1pqhx_446", U = "_wrapper_1pqhx_450", W = "_action-button_1pqhx_456", X = "_label--hidden_1pqhx_475", Y = "_feedback_1pqhx_504", t = {
-  input: E,
-  "input--invalid": "_input--invalid_1pqhx_338",
-  inputInvalid: R,
-  "input--small": "_input--small_1pqhx_345",
-  inputSmall: V,
-  "input--has-leading-icon": "_input--has-leading-icon_1pqhx_399",
-  inputHasLeadingIcon: O,
-  "input--has-action-button": "_input--has-action-button_1pqhx_402",
-  inputHasActionButton: F,
-  "input--has-second-action-button": "_input--has-second-action-button_1pqhx_405",
-  inputHasSecondActionButton: M,
-  "input--has-affix": "_input--has-affix_1pqhx_417",
-  inputHasAffix: T,
-  "input--is-ready": "_input--is-ready_1pqhx_431",
-  inputIsReady: G,
-  root: J,
-  hint: K,
-  label: Q,
-  wrapper: U,
-  "action-button": "_action-button_1pqhx_456",
-  actionButton: W,
-  "label--hidden": "_label--hidden_1pqhx_475",
-  labelHidden: X,
-  feedback: Y
-}, Z = ({ id: n, label: s }) => {
-  if (!n)
-    throw new Error(
-      x(
-        "DSInputPassword",
-        'A unique "id" prop is required. Please add an unique "id" prop to the DSInputPassword component.'
-      )
-    );
-  if (!s)
-    throw new Error(
-      x(
-        "DSInputPassword",
-        `A label is always required for a11y reasons. Please add a descriptive "label" prop to the DSInputPassword component. If you don't want to display a label, set hideLabel={true}.`
-      )
-    );
-}, pt = ({
-  id: n,
-  label: s,
-  autocomplete: b = "new-password",
-  className: f,
-  disabled: c = !1,
-  hidePasswordText: q = "Hide password",
-  hint: e,
-  hideLabel: w = !1,
-  invalid: o = !1,
-  readonly: r = !1,
-  required: d = !1,
-  showPasswordText: y = "Show password",
-  size: p = "medium",
-  systemFeedback: l,
-  ...S
-}) => {
-  process.env.NODE_ENV !== "production" && Z({
-    id: n,
-    label: s
-  });
-  const [u, I] = A(!1), _ = `${n}-label`, h = `${n}-feedback`, m = `${n}-hint`, v = e ? ` ${m}` : "", B = D(w), H = i(t.root, f), g = i(t.input, {
-    // small input
-    [t.inputSmall]: p === "small",
-    // invalid state
-    [t.inputInvalid]: o,
-    // action button - input password always has an action button
-    [t.inputHasActionButton]: !0
-  }), P = i(t.label, {
-    // hide label only visually to keep them available for assistive technologies
-    [t.labelHidden]: B
-  }), N = i(t.actionButton, {
-    [t.actionButtonSmall]: p === "small"
-  }), j = () => {
-    I((k) => !k);
-  };
-  return /* @__PURE__ */ a.jsxs("div", { className: H, children: [
-    /* @__PURE__ */ a.jsxs("label", { className: P, id: _, htmlFor: n, children: [
-      s,
-      d && /* @__PURE__ */ a.jsx(C, {})
-    ] }),
-    e && /* @__PURE__ */ a.jsx("div", { className: t.hint, id: m, children: e }),
-    o && l && /* @__PURE__ */ a.jsx(
-      $,
-      {
-        className: t.feedback,
-        message: l,
-        type: "invalid",
-        id: h
-      }
-    ),
-    /* @__PURE__ */ a.jsxs("div", { className: t.wrapper, children: [
-      /* @__PURE__ */ a.jsx(
-        "input",
-        {
-          className: g,
-          id: n,
-          ...S,
-          "aria-labelledby": `${_}${v}`,
-          "aria-describedby": o && l ? h : void 0,
-          "aria-invalid": o,
-          "aria-disabled": r,
-          readOnly: r,
-          required: d,
-          disabled: c,
-          autoComplete: b,
-          type: u ? "text" : "password"
-        }
-      ),
-      /* @__PURE__ */ a.jsx(
-        L,
-        {
-          hideLabel: !0,
-          theme: "light",
-          iconName: u ? "eye-closed" : "eye",
-          variant: "ghost",
-          className: N,
-          size: p,
-          onClick: j,
-          type: "button",
-          disabled: c,
-          children: u ? q : y
-        }
-      )
-    ] })
-  ] });
-};
-export {
-  pt as D,
-  Z as v
-};

package/chunks/InputSearch.BFof0pBn.js

@@ -1,189 +0,0 @@
-"use client";
-import { j as e } from "./jsx-runtime.C115EyI4.js";
-import { c } from "./index.CvOaL64Y.js";
-import { useState as G, useRef as N, useEffect as w } from "react";
-import { g as S, a as J } from "./helpers.B1JT5ShS.js";
-import { u as K } from "./useBreakpoint.5xBNDiCf.js";
-import { Asterisk as Q } from "../asterisk.DDn-yX4P.js";
-import { DSButton as D } from "../button.DH0h6uPs.js";
-import { DSSystemFeedback as U } from "../systemfeedback.ZzRUAVYX.js";
-import '../assets/InputSearch.eCRQoxjN.css';const X = "_input_8z3ht_226", Y = "_input--invalid_8z3ht_338", Z = "_input--small_8z3ht_345", tt = "_input--has-leading-icon_8z3ht_399", nt = "_input--has-action-button_8z3ht_402", et = "_input--has-second-action-button_8z3ht_405", at = "_input--has-affix_8z3ht_417", st = "_input--is-ready_8z3ht_431", ot = "_root_8z3ht_438", it = "_hint_8z3ht_446", ct = "_label_8z3ht_446", ut = "_wrapper_8z3ht_450", lt = "_action-button_8z3ht_456", rt = "_second-action-button_8z3ht_460", pt = "_label--hidden_8z3ht_479", ht = "_feedback_8z3ht_508", t = {
-  input: X,
-  "input--invalid": "_input--invalid_8z3ht_338",
-  inputInvalid: Y,
-  "input--small": "_input--small_8z3ht_345",
-  inputSmall: Z,
-  "input--has-leading-icon": "_input--has-leading-icon_8z3ht_399",
-  inputHasLeadingIcon: tt,
-  "input--has-action-button": "_input--has-action-button_8z3ht_402",
-  inputHasActionButton: nt,
-  "input--has-second-action-button": "_input--has-second-action-button_8z3ht_405",
-  inputHasSecondActionButton: et,
-  "input--has-affix": "_input--has-affix_8z3ht_417",
-  inputHasAffix: at,
-  "input--is-ready": "_input--is-ready_8z3ht_431",
-  inputIsReady: st,
-  root: ot,
-  hint: it,
-  label: ct,
-  wrapper: ut,
-  "action-button": "_action-button_8z3ht_456",
-  actionButton: lt,
-  "second-action-button": "_second-action-button_8z3ht_460",
-  secondActionButton: rt,
-  "label--hidden": "_label--hidden_8z3ht_479",
-  labelHidden: pt,
-  feedback: ht
-}, _t = ({ id: n, label: u }) => {
-  if (!n)
-    throw new Error(
-      S(
-        "DSInputSearch",
-        'A unique "id" prop is required. Please add an unique "id" prop to the DSInputSearch component.'
-      )
-    );
-  if (!u)
-    throw new Error(
-      S(
-        "DSInputSearch",
-        `A label is always required for a11y reasons. Please add a descriptive "label" prop to the DSInputSearch component. If you don't want to display a label, set hideLabel={true}.`
-      )
-    );
-}, dt = (n) => !!J(n, "form"), Bt = ({
-  id: n,
-  label: u,
-  className: A,
-  clearButtonLabel: H = "Clear search field",
-  disabled: l = !1,
-  hint: d,
-  hideLabel: E = !1,
-  invalid: r = !1,
-  readonly: s = !1,
-  required: I = !1,
-  size: o = "medium",
-  submitButtonLabel: j = "Search",
-  systemFeedback: m,
-  value: b,
-  submitButtonOnClick: C,
-  onChange: g,
-  ...k
-}) => {
-  process.env.NODE_ENV !== "production" && _t({
-    id: n,
-    label: u
-  });
-  const [p, v] = G(b), f = N(null), h = N(null), L = K(E);
-  w(() => {
-    v(b);
-  }, [b]), w(() => {
-    f.current && !dt(f.current) && process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test" && console.warn(
-      S(
-        "DSInputSearch",
-        `The DSInputSearch component with the id "${n}" is not within a form element. This may cause issues with form submission. Please ensure the DSInputSearch component is within a form element.`
-      )
-    );
-  }, []);
-  const z = `${n}-label`, B = `${n}-feedback`, y = `${n}-hint`, V = d ? ` ${y}` : "", x = p !== "" && p !== void 0 && p !== null, O = c(t.root, A), P = c(t.input, {
-    // small input
-    [t.inputSmall]: o === "small",
-    // invalid state
-    [t.inputInvalid]: r,
-    // action button - input password always has an action button
-    [t.inputHasActionButton]: !0,
-    // action second action button
-    [t.inputHasSecondActionButton]: x && !s && !l
-  }), $ = c(t.label, {
-    // hide label only visually to keep them available for assistive technologies
-    [t.labelHidden]: L
-  }), R = c(t.actionButton, {
-    [t.actionButtonSmall]: o === "small"
-  }), q = c(t.secondActionButton, {
-    [t.secondActionButtonSmall]: o === "small"
-  }), T = (a, i) => {
-    const W = Object.getPrototypeOf(a), _ = Object.getOwnPropertyDescriptor(
-      W,
-      "value"
-    );
-    _ != null && _.set ? _.set.call(a, i) : a.value = i;
-  }, F = () => {
-    var i;
-    if (!h.current) return;
-    T(h.current, "");
-    const a = new Event("change", { bubbles: !0 });
-    (i = h.current) == null || i.dispatchEvent(a);
-  }, M = (a) => {
-    v(a.target.value), g && g(a);
-  };
-  return /* @__PURE__ */ e.jsxs("div", { className: O, ref: f, children: [
-    /* @__PURE__ */ e.jsxs("label", { className: $, id: z, htmlFor: n, children: [
-      u,
-      I && /* @__PURE__ */ e.jsx(Q, {})
-    ] }),
-    d && /* @__PURE__ */ e.jsx("div", { className: t.hint, id: y, children: d }),
-    r && m && /* @__PURE__ */ e.jsx(
-      U,
-      {
-        className: t.feedback,
-        message: m,
-        type: "invalid",
-        id: B
-      }
-    ),
-    /* @__PURE__ */ e.jsxs("div", { className: t.wrapper, children: [
-      /* @__PURE__ */ e.jsx(
-        "input",
-        {
-          className: P,
-          id: n,
-          ref: h,
-          ...k,
-          "aria-labelledby": `${z}${V}`,
-          "aria-describedby": r && m ? B : void 0,
-          "aria-invalid": r,
-          "aria-disabled": s,
-          readOnly: s,
-          required: I,
-          disabled: l,
-          type: "search",
-          value: p,
-          onChange: M
-        }
-      ),
-      x && !s && !l && /* @__PURE__ */ e.jsx(
-        D,
-        {
-          hideLabel: !0,
-          theme: "light",
-          iconName: "cross",
-          className: q,
-          variant: "ghost",
-          size: o,
-          onClick: F,
-          type: "button",
-          tabIndex: -1,
-          children: H
-        }
-      ),
-      /* @__PURE__ */ e.jsx(
-        D,
-        {
-          hideLabel: !0,
-          theme: "light",
-          iconName: "magnifying-glass",
-          className: R,
-          variant: "ghost",
-          size: o,
-          onClick: C,
-          type: "submit",
-          disabled: l || s,
-          children: j
-        }
-      )
-    ] })
-  ] });
-};
-export {
-  Bt as D,
-  dt as i,
-  _t as v
-};