@stihl-design-system/components 1.0.0-RC.11 → 1.0.0-RC.13

package/chunks/Accordion.DFwFN8mX.js

@@ -1,125 +0,0 @@
-"use client";
-import { j as t } from "./jsx-runtime.C115EyI4.js";
-import { c as s } from "./index.CvOaL64Y.js";
-import { forwardRef as O, useRef as A, useState as F, useImperativeHandle as I, useEffect as q } from "react";
-import { DSHeading as R } from "../heading.CAkraI2D.js";
-import { D as T } from "./Icon.C2o2seDb.js";
-import { g as w } from "./helpers.B1JT5ShS.js";
-import '../assets/Accordion.DMEFgtQm.css';const L = "_details_1h0q5_76", M = "_summary_1h0q5_197", b = "_summary--utility--m_1h0q5_238", H = "_summary--flush_1h0q5_268", P = "_summary--small_1h0q5_338", U = "_summary-content-wrapper_1h0q5_343", V = "_summary-content-wrapper--flush_1h0q5_349", z = "_summary-content-wrapper--chevron-left_1h0q5_353", Z = "_heading-summary-wrapper_1h0q5_358", k = "_hint_1h0q5_362", B = "_icon_1h0q5_377", G = "_icon--open_1h0q5_388", J = "_content-wrapper_1h0q5_400", K = "_content-wrapper--flush_1h0q5_406", Q = "_content-wrapper--small_1h0q5_410", e = {
-  details: L,
-  summary: M,
-  "summary--utility--m": "_summary--utility--m_1h0q5_238",
-  summaryUtilityM: b,
-  "summary--flush": "_summary--flush_1h0q5_268",
-  summaryFlush: H,
-  "summary--small": "_summary--small_1h0q5_338",
-  summarySmall: P,
-  "summary-content-wrapper": "_summary-content-wrapper_1h0q5_343",
-  summaryContentWrapper: U,
-  "summary-content-wrapper--flush": "_summary-content-wrapper--flush_1h0q5_349",
-  summaryContentWrapperFlush: V,
-  "summary-content-wrapper--chevron-left": "_summary-content-wrapper--chevron-left_1h0q5_353",
-  summaryContentWrapperChevronLeft: z,
-  "heading-summary-wrapper": "_heading-summary-wrapper_1h0q5_358",
-  headingSummaryWrapper: Z,
-  hint: k,
-  icon: B,
-  "icon--open": "_icon--open_1h0q5_388",
-  iconOpen: G,
-  "content-wrapper": "_content-wrapper_1h0q5_400",
-  contentWrapper: J,
-  "content-wrapper--flush": "_content-wrapper--flush_1h0q5_406",
-  contentWrapperFlush: K,
-  "content-wrapper--small": "_content-wrapper--small_1h0q5_410",
-  contentWrapperSmall: Q
-}, ae = ["medium", "small"], me = ["left", "right"], X = ({
-  children: a,
-  summary: n
-}) => {
-  if (!a)
-    throw new Error(
-      w(
-        "DSAccordion",
-        "The component requires children to be set."
-      )
-    );
-  if (!n)
-    throw new Error(
-      w(
-        "DSAccordion",
-        "The summary prop is required. Please add the summary prop to the DSAccordion component."
-      )
-    );
-}, Y = O(
-  ({
-    children: a,
-    summary: n,
-    chevronPosition: g = "right",
-    className: C,
-    hint: p,
-    isFlush: m = !1,
-    isOpen: o = !1,
-    size: l = "medium",
-    ...S
-  }, W) => {
-    process.env.NODE_ENV !== "production" && X({ children: a, summary: n });
-    const r = A(null), [v, i] = F(o);
-    I(W, () => r.current), q(() => {
-      r.current && i(r.current.open);
-    }, [o]), q(() => {
-      var d;
-      const y = () => {
-        r.current && i(r.current.open);
-      };
-      return (d = r.current) == null || d.addEventListener("toggle", y), () => {
-        var f;
-        (f = r.current) == null || f.removeEventListener("toggle", y);
-      };
-    }, []);
-    let u, _, h;
-    const c = typeof n == "object" && n !== void 0;
-    c && ({ headingSize: u, headingTag: _, headingText: h } = n);
-    const D = s(e.details, C), N = s(e.summary, {
-      [e.summaryFlush]: m,
-      [e.summarySmall]: l === "small",
-      [e.summaryUtilityM]: !c
-    }), j = s(
-      e.summaryContentWrapper,
-      {
-        [e.summaryContentWrapperFlush]: m,
-        [e.summaryContentWrapperChevronLeft]: g === "left"
-      }
-    ), x = s(e.icon, {
-      [e.iconOpen]: v
-    }), E = s(e.contentWrapper, {
-      [e.contentWrapperFlush]: m,
-      [e.contentWrapperSmall]: l === "small"
-    });
-    return /* @__PURE__ */ t.jsxs(
-      "details",
-      {
-        ...S,
-        ref: r,
-        className: D,
-        open: o,
-        children: [
-          /* @__PURE__ */ t.jsx("summary", { className: N, children: /* @__PURE__ */ t.jsxs("div", { className: j, children: [
-            /* @__PURE__ */ t.jsxs("div", { className: e.headingSummaryWrapper, children: [
-              c ? /* @__PURE__ */ t.jsx(R, { tag: _, size: u, children: h }) : n,
-              p && /* @__PURE__ */ t.jsx("div", { className: e.hint, children: p })
-            ] }),
-            /* @__PURE__ */ t.jsx(T, { name: "chevron-down", className: x })
-          ] }) }),
-          /* @__PURE__ */ t.jsx("div", { className: E, children: a })
-        ]
-      }
-    );
-  }
-);
-Y.displayName = "DSAccordion";
-export {
-  ae as A,
-  me as C,
-  Y as D,
-  X as v
-};

package/chunks/Dialog.Fwr6vLiK.js

@@ -1,148 +0,0 @@
-"use client";
-import { j as n } from "./jsx-runtime.C115EyI4.js";
-import { c as s } from "./index.CvOaL64Y.js";
-import { useRef as h, useState as x, useEffect as b } from "react";
-import { DSButton as j } from "../button.C5opEJ6x.js";
-import { g as B } from "./helpers.B1JT5ShS.js";
-import '../assets/Dialog.B0pucIEI.css';const E = "_dialog_17zim_80", C = "_content-wrapper_17zim_236", F = "_content-wrapper--no-footer_17zim_242", W = "_close-button_17zim_250", k = "_header_17zim_263", R = "_content_17zim_236", y = "_footer_17zim_265", L = "_header--scrollable_17zim_286", M = "_header--close-button_17zim_295", H = "_content--no-footer_17zim_308", I = "_footer--scrollable_17zim_315", o = {
-  dialog: E,
-  "content-wrapper": "_content-wrapper_17zim_236",
-  contentWrapper: C,
-  "content-wrapper--no-footer": "_content-wrapper--no-footer_17zim_242",
-  contentWrapperNoFooter: F,
-  "close-button": "_close-button_17zim_250",
-  closeButton: W,
-  header: k,
-  content: R,
-  footer: y,
-  "header--scrollable": "_header--scrollable_17zim_286",
-  headerScrollable: L,
-  "header--close-button": "_header--close-button_17zim_295",
-  headerCloseButton: M,
-  "content--no-footer": "_content--no-footer_17zim_308",
-  contentNoFooter: H,
-  "footer--scrollable": "_footer--scrollable_17zim_315",
-  footerScrollable: I
-}, O = ({ tabIndex: r }) => {
-  if (r || r === 0)
-    throw new Error(
-      B(
-        "DSDialog",
-        "Do not pass the tabindex property to the DSDialog component as it is not interactive and does not receive focus. The DSDialogs contents, including the close button contained in the DSDialog, can receive focus and be interactive."
-      )
-    );
-}, G = ({
-  children: r,
-  className: g,
-  closeButtonLabel: z = "Close dialog",
-  disableBackdropClose: D = !1,
-  footer: c,
-  header: S,
-  hideCloseButton: a = !1,
-  isOpen: i = !1,
-  onClose: l,
-  ..._
-}) => {
-  if (process.env.NODE_ENV !== "production") {
-    const { tabIndex: e } = _;
-    O({
-      tabIndex: e
-    });
-  }
-  const t = h(null), d = h(null), [m, v] = x(!1);
-  b(() => {
-    const e = d.current;
-    if (e) {
-      const u = () => {
-        v(
-          e.scrollHeight > e.clientHeight
-        );
-      };
-      u();
-      const p = new ResizeObserver(u);
-      return p.observe(e), () => {
-        p.disconnect();
-      };
-    }
-  }, []), b(() => {
-    const e = t.current;
-    if (e)
-      return e.addEventListener("close", f), i ? e.showModal() : e.close(), () => {
-        e.removeEventListener("close", f);
-      };
-  }, [i, l]);
-  const f = () => {
-    l && l();
-  }, N = (e) => {
-    D || t.current && e.target === t.current && t.current.close();
-  }, w = () => {
-    t.current && t.current.close();
-  };
-  return /* @__PURE__ */ n.jsx(
-    "dialog",
-    {
-      ..._,
-      ref: t,
-      className: o.dialog,
-      onMouseDown: (e) => N(e),
-      "aria-modal": "true",
-      children: /* @__PURE__ */ n.jsxs(
-        "div",
-        {
-          className: s(o.contentWrapper, g, {
-            [o.contentWrapperNoFooter]: !c
-          }),
-          children: [
-            !a && /* @__PURE__ */ n.jsx(
-              j,
-              {
-                className: o.closeButton,
-                hideLabel: !0,
-                iconName: "cross",
-                size: "small",
-                type: "button",
-                variant: "ghost",
-                onClick: () => w(),
-                children: z
-              }
-            ),
-            /* @__PURE__ */ n.jsx(
-              "header",
-              {
-                className: s(o.header, {
-                  [o.headerCloseButton]: !a,
-                  [o.headerScrollable]: m
-                }),
-                children: S
-              }
-            ),
-            /* @__PURE__ */ n.jsx(
-              "div",
-              {
-                ref: d,
-                className: s(o.content, {
-                  [o.contentNoFooter]: !c
-                }),
-                tabIndex: 0,
-                children: r
-              }
-            ),
-            c && /* @__PURE__ */ n.jsx(
-              "footer",
-              {
-                className: s(o.footer, {
-                  [o.footerScrollable]: m
-                }),
-                children: c
-              }
-            )
-          ]
-        }
-      )
-    }
-  );
-};
-export {
-  G as D,
-  O as v
-};

package/chunks/Drawer.CKoYzQHd.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.C5opEJ6x.js";
-import { g as R } from "./helpers.B1JT5ShS.js";
-import '../assets/Drawer.CATBzfY7.css';const W = "_drawer_1h1ai_85", C = "_drawer--end_1h1ai_143", F = "_content-wrapper_1h1ai_246", k = "_content-wrapper--no-footer_1h1ai_252", I = "_close-button_1h1ai_255", O = "_header_1h1ai_268", y = "_content_1h1ai_246", z = "_footer_1h1ai_270", L = "_header--scrollable_1h1ai_291", M = "_header--close-button_1h1ai_300", H = "_content--no-footer_1h1ai_314", P = "_footer--scrollable_1h1ai_321", o = {
-  drawer: W,
-  "drawer--end": "_drawer--end_1h1ai_143",
-  drawerEnd: C,
-  "content-wrapper": "_content-wrapper_1h1ai_246",
-  contentWrapper: F,
-  "content-wrapper--no-footer": "_content-wrapper--no-footer_1h1ai_252",
-  contentWrapperNoFooter: k,
-  "close-button": "_close-button_1h1ai_255",
-  closeButton: I,
-  header: O,
-  content: y,
-  footer: z,
-  "header--scrollable": "_header--scrollable_1h1ai_291",
-  headerScrollable: L,
-  "header--close-button": "_header--close-button_1h1ai_300",
-  headerCloseButton: M,
-  "content--no-footer": "_content--no-footer_1h1ai_314",
-  contentNoFooter: H,
-  "footer--scrollable": "_footer--scrollable_1h1ai_321",
-  footerScrollable: P
-}, K = ["start", "end"], T = ({ tabIndex: a }) => {
-  if (a || a === 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: a,
-  className: m,
-  closeButtonLabel: D = "Close modal",
-  disableBackdropClose: S = !1,
-  footer: c,
-  header: N,
-  hideCloseButton: l = !1,
-  position: v = "start",
-  isOpen: i = !1,
-  onClose: s,
-  ...d
-}) => {
-  if (process.env.NODE_ENV !== "production") {
-    const { tabIndex: e } = d;
-    T({
-      tabIndex: e
-    });
-  }
-  const t = b(null), _ = b(null), [h, E] = j(!1);
-  w(() => {
-    const e = _.current;
-    if (e) {
-      const u = () => {
-        E(
-          e.scrollHeight > e.clientHeight
-        );
-      };
-      u();
-      const p = new ResizeObserver(u);
-      return p.observe(e), () => {
-        p.disconnect();
-      };
-    }
-  }, []), w(() => {
-    const e = t.current;
-    if (e)
-      return e.addEventListener("close", f), i ? e.showModal() : e.close(), () => {
-        e.removeEventListener("close", f);
-      };
-  }, [i, s]);
-  const f = () => {
-    s && s();
-  }, x = (e) => {
-    S || t.current && e.target === t.current && t.current.close();
-  }, g = () => {
-    t.current && t.current.close();
-  };
-  return /* @__PURE__ */ r.jsx(
-    "dialog",
-    {
-      ...d,
-      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]: h
-                }),
-                children: N
-              }
-            ),
-            /* @__PURE__ */ r.jsx(
-              "div",
-              {
-                ref: _,
-                className: n(o.content, {
-                  [o.contentNoFooter]: !c
-                }),
-                tabIndex: 0,
-                children: a
-              }
-            ),
-            c && /* @__PURE__ */ r.jsx(
-              "footer",
-              {
-                className: n(o.footer, {
-                  [o.footerScrollable]: h
-                }),
-                children: c
-              }
-            )
-          ]
-        }
-      )
-    }
-  );
-};
-export {
-  Q as D,
-  K as a,
-  T as v
-};

package/chunks/InputPassword.C7pNeWGx.js

@@ -1,143 +0,0 @@
-"use client";
-import { j as n } from "./jsx-runtime.C115EyI4.js";
-import { c as e } from "./index.CvOaL64Y.js";
-import { useState as A } from "react";
-import { u as C } from "./useBreakpoint.5xBNDiCf.js";
-import { Asterisk as L } from "../asterisk.DDn-yX4P.js";
-import { DSButton as $ } from "../button.C5opEJ6x.js";
-import { DSSystemFeedback as E } from "../systemfeedback.ZzRUAVYX.js";
-import { g as h } from "./helpers.B1JT5ShS.js";
-import '../assets/InputPassword.DOAAzj-O.css';const q = "_input_l9tjo_226", R = "_input--invalid_l9tjo_343", V = "_input--small_l9tjo_350", O = "_input--has-leading-icon_l9tjo_404", F = "_input--has-action-button_l9tjo_407", M = "_input--has-second-action-button_l9tjo_410", T = "_input--has-affix_l9tjo_422", G = "_input--is-ready_l9tjo_436", J = "_root_l9tjo_443", K = "_hint_l9tjo_451", Q = "_label_l9tjo_451", U = "_wrapper_l9tjo_455", W = "_action-button_l9tjo_461", X = "_label--hidden_l9tjo_480", Y = "_label--disabled_l9tjo_493", Z = "_feedback_l9tjo_514", t = {
-  input: q,
-  "input--invalid": "_input--invalid_l9tjo_343",
-  inputInvalid: R,
-  "input--small": "_input--small_l9tjo_350",
-  inputSmall: V,
-  "input--has-leading-icon": "_input--has-leading-icon_l9tjo_404",
-  inputHasLeadingIcon: O,
-  "input--has-action-button": "_input--has-action-button_l9tjo_407",
-  inputHasActionButton: F,
-  "input--has-second-action-button": "_input--has-second-action-button_l9tjo_410",
-  inputHasSecondActionButton: M,
-  "input--has-affix": "_input--has-affix_l9tjo_422",
-  inputHasAffix: T,
-  "input--is-ready": "_input--is-ready_l9tjo_436",
-  inputIsReady: G,
-  root: J,
-  hint: K,
-  label: Q,
-  wrapper: U,
-  "action-button": "_action-button_l9tjo_461",
-  actionButton: W,
-  "label--hidden": "_label--hidden_l9tjo_480",
-  labelHidden: X,
-  "label--disabled": "_label--disabled_l9tjo_493",
-  labelDisabled: Y,
-  feedback: Z
-}, z = ({ id: a, label: o }) => {
-  if (!a)
-    throw new Error(
-      h(
-        "DSInputPassword",
-        'A unique "id" prop is required. Please add an unique "id" prop to the DSInputPassword component.'
-      )
-    );
-  if (!o)
-    throw new Error(
-      h(
-        "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}.`
-      )
-    );
-}, ut = ({
-  id: a,
-  label: o,
-  autocomplete: j = "new-password",
-  className: f,
-  disabled: i = !1,
-  hidePasswordText: w = "Hide password",
-  hint: l,
-  hideLabel: y = !1,
-  invalid: s = !1,
-  readonly: c = !1,
-  required: r = !1,
-  showPasswordText: S = "Show password",
-  size: u = "medium",
-  systemFeedback: p,
-  ...x
-}) => {
-  process.env.NODE_ENV !== "production" && z({
-    id: a,
-    label: o
-  });
-  const [d, I] = A(!1), _ = `${a}-label`, b = `${a}-feedback`, m = `${a}-hint`, v = l ? ` ${m}` : "", B = C(y), H = e(t.root, f), g = e(t.input, {
-    // small input
-    [t.inputSmall]: u === "small",
-    // invalid state
-    [t.inputInvalid]: s,
-    // action button - input password always has an action button
-    [t.inputHasActionButton]: !0
-  }), D = e(t.label, {
-    // hide label only visually to keep them available for assistive technologies
-    [t.labelHidden]: B,
-    [t.labelDisabled]: i
-  }), P = e(t.actionButton, {
-    [t.actionButtonSmall]: u === "small"
-  }), N = () => {
-    I((k) => !k);
-  };
-  return /* @__PURE__ */ n.jsxs("div", { className: H, children: [
-    /* @__PURE__ */ n.jsxs("label", { className: D, id: _, htmlFor: a, children: [
-      o,
-      r && /* @__PURE__ */ n.jsx(L, {})
-    ] }),
-    l && /* @__PURE__ */ n.jsx("div", { className: t.hint, id: m, children: l }),
-    s && p && /* @__PURE__ */ n.jsx(
-      E,
-      {
-        className: t.feedback,
-        message: p,
-        type: "invalid",
-        id: b
-      }
-    ),
-    /* @__PURE__ */ n.jsxs("div", { className: t.wrapper, children: [
-      /* @__PURE__ */ n.jsx(
-        "input",
-        {
-          className: g,
-          id: a,
-          ...x,
-          "aria-labelledby": `${_}${v}`,
-          "aria-describedby": s && p ? b : void 0,
-          "aria-invalid": s,
-          "aria-disabled": c,
-          readOnly: c,
-          required: r,
-          disabled: i,
-          autoComplete: j,
-          type: d ? "text" : "password"
-        }
-      ),
-      /* @__PURE__ */ n.jsx(
-        $,
-        {
-          hideLabel: !0,
-          theme: "light",
-          iconName: d ? "eye-closed" : "eye",
-          variant: "ghost",
-          className: P,
-          size: u,
-          onClick: N,
-          type: "button",
-          disabled: i,
-          children: d ? w : S
-        }
-      )
-    ] })
-  ] });
-};
-export {
-  ut as D,
-  z as v
-};