@stihl-design-system/components 1.0.0-RC.46 → 1.0.0-RC.48

package/chunks/Textarea.DhRMfiWu.js

@@ -1,181 +0,0 @@
-"use client";
-import { jsxs as n, jsx as u, Fragment as be } from "react/jsx-runtime";
-import { c as f } from "./index.DQOqod3i.js";
-import { forwardRef as _e, useState as i, useRef as he, useEffect as m } from "react";
-import { g as I, p as X } from "./helpers.CexwVao7.js";
-import { u as Z } from "./useBreakpoint.1txsny17.js";
-import "./index.cKLI89Eg.js";
-import { Asterisk as me } from "../asterisk.Dwtdwpkq.js";
-import { D as xe } from "./Popover.Cyf3CbLl.js";
-import { D as ve } from "./SystemFeedback.Dq3ZphgG.js";
-import '../assets/Textarea.BIgA9_fl.css';const Se = "ds-textarea_textarea_19e2t_1", Ce = "ds-textarea_textarea--small_19e2t_9", we = "ds-textarea_textarea--invalid_19e2t_121", ye = "ds-textarea_textarea--resize-auto_19e2t_145", De = "ds-textarea_root_19e2t_155", Ae = "ds-textarea_hint_19e2t_155", Te = "ds-textarea_label-wrapper_19e2t_155", Ie = "ds-textarea_label_19e2t_155", Ne = "ds-textarea_label--disabled_19e2t_295", ke = "ds-textarea_label-wrapper--hidden_19e2t_307", Re = "ds-textarea_feedback_19e2t_335", Ee = "ds-textarea_footer_19e2t_339", He = "ds-textarea_footer--has-system-feedback_19e2t_344", ge = "ds-textarea_char-count_19e2t_353", $e = "ds-textarea_char-count-announcer_19e2t_366", a = {
-  textarea: Se,
-  textareaSmall: Ce,
-  textareaInvalid: we,
-  textareaResizeAuto: ye,
-  root: De,
-  hint: Ae,
-  labelWrapper: Te,
-  label: Ie,
-  labelDisabled: Ne,
-  labelWrapperHidden: ke,
-  feedback: Re,
-  footer: Ee,
-  footerHasSystemFeedback: He,
-  charCount: ge,
-  charCountAnnouncer: $e
-}, Xe = ["medium", "small"], Pe = ({
-  id: r,
-  label: p,
-  hideLabel: x,
-  popoverContent: v
-}) => {
-  if (!r)
-    throw new Error(I("DSTextarea", 'A unique "id" prop is required. Please add a unique "id" prop to the DSTextarea component.'));
-  if (!p)
-    throw new Error(I("DSTextarea", `A label is always required for a11y reasons. Please add a descriptive "label" prop to the DSTextarea component. If you don't want to display a label, set hideLabel={true}.`));
-  x && v && console.warn(I("DSTextarea", "Using a popover when hideLabel is set to true is not supported."));
-}, Ve = _e(({
-  id: r,
-  label: p,
-  charsLimitText: x = "Character limit reached",
-  charsRemainingText: v = "Characters remaining:",
-  className: G,
-  defaultValue: J,
-  disabled: N = !1,
-  hint: S,
-  hideLabel: k = !1,
-  invalid: s = !1,
-  maxLength: e,
-  popoverContent: C,
-  popoverInfoButtonProps: K,
-  readonly: R = !1,
-  required: E = !1,
-  resize: b = "vertical",
-  size: Q = "medium",
-  systemFeedback: l,
-  value: w,
-  wrapperClassName: Y,
-  onChange: H,
-  onInput: g,
-  ...L
-}, _) => {
-  process.env.NODE_ENV !== "production" && Pe({
-    id: r,
-    label: p,
-    hideLabel: Z(k),
-    popoverContent: C
-  });
-  const [ee, $] = i(J || ""), [c, P] = i(0), [te, V] = i(0), [ae, W] = i("off"), [B, y] = i(l), [D, A] = i(s), F = w !== void 0, h = F ? w : ee, o = he(null), j = e !== void 0 && e > 0, T = D && B, re = (t) => {
-    o.current = t, typeof _ == "function" ? _(t) : _ && (_.current = t);
-  }, q = Z(k);
-  m(() => {
-    if (!e || e <= 0)
-      return;
-    c >= e * 0.8 ? W("polite") : W("off");
-    const t = setTimeout(() => {
-      V(e - c || 0);
-    }, 1e3);
-    return () => clearTimeout(t);
-  }, [c]), m(() => {
-    $(h || ""), d(), e && e > 0 && (P(h.toString().length || 0), V(e - h.toString().length || 0));
-  }, [w]), m(() => {
-    s && l ? (y(l), A(s)) : !s && e && e >= 0 && c >= e ? (A(!0), y(x)) : (y(l), A(s));
-  }, [s, D, l, c]), m(() => {
-    if (b === "auto")
-      return d(), window.addEventListener("resize", d), () => window.removeEventListener("resize", d);
-  }, [b, o.current]);
-  const se = f(a.root, Y), oe = f(a.textarea, G, {
-    // small textarea
-    [a.textareaSmall]: Q === "small",
-    // invalid state
-    [a.textareaInvalid]: D,
-    // resize handling
-    [a.textareaResizeAuto]: b === "auto"
-  }), ne = f(a.label, {
-    [a.labelDisabled]: N
-  }), le = f(a.labelWrapper, {
-    // hide label only visually to keep them available for assistive technologies
-    [a.labelWrapperHidden]: q
-  }), ce = f(a.footer, {
-    [a.footerHasSystemFeedback]: T
-  }), z = `${r}-label`, M = `${r}-feedback`, O = `${r}-hint`, U = `${r}-char-count-announcer`, ie = S ? ` ${O}` : "", d = () => {
-    if (o.current && b === "auto") {
-      o.current.style.height = "auto";
-      const t = X(o.current.scrollHeight), pe = X(2);
-      o.current.style.height = `${// We need to add 2px (border-top & border-bottom) to the scrollHeight to prevent the textarea
-      // from jumping as soon as the user starts typing.
-      t + pe}rem`;
-    }
-  }, de = () => {
-    const t = [];
-    return e && e > 0 && t.push(U), s && l && t.push(M), t.length > 0 ? t.join(" ") : void 0;
-  }, ue = (t) => {
-    g && g(t), e && e > 0 && P(o.current?.value.length || 0), d();
-  }, fe = (t) => {
-    H && H(t), F || $(t.target.value);
-  };
-  return /* @__PURE__ */ n("div", { className: se, children: [
-    /* @__PURE__ */ n("div", { className: le, children: [
-      /* @__PURE__ */ n("label", { className: ne, id: z, htmlFor: r, children: [
-        p,
-        E && /* @__PURE__ */ u(me, {})
-      ] }),
-      C && !q && /* @__PURE__ */ u(xe, { placement: "top", defaultAnchorButtonProps: K, children: C })
-    ] }),
-    S && /* @__PURE__ */ u("div", { className: a.hint, id: O, children: S }),
-    /* @__PURE__ */ u(
-      "textarea",
-      {
-        className: oe,
-        id: r,
-        ...L,
-        ref: re,
-        "aria-labelledby": `${z}${ie}`,
-        "aria-describedby": de(),
-        "aria-invalid": s,
-        "aria-disabled": R,
-        maxLength: e,
-        readOnly: R,
-        required: E,
-        disabled: N,
-        value: h,
-        defaultValue: void 0,
-        rows: void 0,
-        cols: void 0,
-        onChange: fe,
-        onInput: ue
-      }
-    ),
-    j || T ? /* @__PURE__ */ n("div", { className: ce, children: [
-      T && /* @__PURE__ */ u(ve, { className: a.feedback, message: B, variant: "error", id: M }),
-      j && /* @__PURE__ */ n(be, { children: [
-        /* @__PURE__ */ n("div", { className: a.charCount, "aria-hidden": "true", children: [
-          c,
-          "/",
-          e
-        ] }),
-        /* @__PURE__ */ n(
-          "div",
-          {
-            className: a.charCountAnnouncer,
-            id: U,
-            "aria-live": ae,
-            "aria-atomic": "true",
-            children: [
-              v,
-              " ",
-              te
-            ]
-          }
-        )
-      ] })
-    ] }) : null
-  ] });
-});
-Ve.displayName = "DSTextarea";
-export {
-  Ve as D,
-  Xe as T,
-  Pe as v
-};

package/chunks/Toast.KMEq0p-E.js

@@ -1,76 +0,0 @@
-"use client";
-import { jsx as C, jsxs as j } from "react/jsx-runtime";
-import { d as E } from "./index.cKLI89Eg.js";
-import { c as W } from "./index.DQOqod3i.js";
-import { forwardRef as L } from "react";
-import { D as M } from "./Button.Dauhc5op.js";
-import { D as O } from "./Icon.B0WqYErA.js";
-import '../assets/Toast.CGl8z6mX.css';const P = "ds-toast_root_1k9pu_5", z = "ds-toast_root--closing_1k9pu_15", A = "ds-toast_root--success_1k9pu_66", R = "ds-toast_root--info_1k9pu_70", $ = "ds-toast_root--warning_1k9pu_74", q = "ds-toast_content_1k9pu_79", F = "ds-toast_content--hide-icon_1k9pu_86", G = "ds-toast_icon_1k9pu_90", J = "ds-toast_message_1k9pu_94", s = {
-  root: P,
-  rootClosing: z,
-  rootSuccess: A,
-  rootInfo: R,
-  rootWarning: $,
-  content: q,
-  contentHideIcon: F,
-  icon: G,
-  message: J
-}, K = {
-  success: "circle-check-colored",
-  warning: "triangle-exclamationmark-colored",
-  info: "circle-info-colored"
-}, Q = L((D, b) => {
-  const o = E.c(44);
-  let e, n, t, c, a, l, i, k, h;
-  o[0] !== D ? ({
-    message: t,
-    className: e,
-    closeButtonProps: n,
-    hideIcon: k,
-    variant: h,
-    onClick: c,
-    onMouseEnter: a,
-    onMouseLeave: l,
-    ...i
-  } = D, o[0] = D, o[1] = e, o[2] = n, o[3] = t, o[4] = c, o[5] = a, o[6] = l, o[7] = i, o[8] = k, o[9] = h) : (e = o[1], n = o[2], t = o[3], c = o[4], a = o[5], l = o[6], i = o[7], k = o[8], h = o[9]);
-  const r = k === void 0 ? !1 : k, d = h === void 0 ? "info" : h;
-  let m;
-  o[10] !== n ? (m = n || {}, o[10] = n, o[11] = m) : m = o[11];
-  let _, v;
-  o[12] !== m ? ({
-    label: v,
-    ..._
-  } = m, o[12] = m, o[13] = _, o[14] = v) : (_ = o[13], v = o[14]);
-  const x = v === void 0 ? "Close toast" : v, w = d === "success", T = d === "warning", y = d === "info";
-  let I;
-  o[15] !== e || o[16] !== w || o[17] !== T || o[18] !== y ? (I = W(s.root, e, {
-    [s.rootSuccess]: w,
-    [s.rootWarning]: T,
-    [s.rootInfo]: y
-  }), o[15] = e, o[16] = w, o[17] = T, o[18] = y, o[19] = I) : I = o[19];
-  const B = I;
-  let N;
-  o[20] !== r ? (N = W(s.content, {
-    [s.contentHideIcon]: r
-  }), o[20] = r, o[21] = N) : N = o[21];
-  const H = N;
-  let u;
-  o[22] !== r || o[23] !== d ? (u = !r && /* @__PURE__ */ C(O, { name: K[d], className: s.icon, "aria-hidden": "true" }), o[22] = r, o[23] = d, o[24] = u) : u = o[24];
-  let f;
-  o[25] !== t ? (f = /* @__PURE__ */ C("div", { className: s.message, children: t }), o[25] = t, o[26] = f) : f = o[26];
-  let p;
-  o[27] !== x || o[28] !== c || o[29] !== _ ? (p = /* @__PURE__ */ C(M, { ..._, hideLabel: !0, iconName: "cross", size: "small", variant: "ghost", onClick: c, type: "button", children: x }), o[27] = x, o[28] = c, o[29] = _, o[30] = p) : p = o[30];
-  let g;
-  o[31] !== H || o[32] !== u || o[33] !== f || o[34] !== p ? (g = /* @__PURE__ */ j("div", { className: H, children: [
-    u,
-    f,
-    p
-  ] }), o[31] = H, o[32] = u, o[33] = f, o[34] = p, o[35] = g) : g = o[35];
-  let S;
-  return o[36] !== t || o[37] !== a || o[38] !== l || o[39] !== b || o[40] !== i || o[41] !== B || o[42] !== g ? (S = /* @__PURE__ */ C("aside", { className: B, ref: b, popover: "manual", "data-ds-toast": !0, onMouseEnter: a, onMouseLeave: l, "aria-label": t, ...i, children: g }), o[36] = t, o[37] = a, o[38] = l, o[39] = b, o[40] = i, o[41] = B, o[42] = g, o[43] = S) : S = o[43], S;
-});
-Q.displayName = "DSToast";
-export {
-  Q as D,
-  s
-};