@stihl-design-system/components 1.0.0-RC.32 → 1.0.0-RC.34

package/chunks/Textarea.Cw85sxHL.js

@@ -1,163 +0,0 @@
-"use client";
-import { jsxs as d, jsx as h, Fragment as le } from "react/jsx-runtime";
-import { c as A } from "./index.CEyLAtio.js";
-import { forwardRef as ie, useState as i, useRef as ce, useEffect as m } from "react";
-import { g as q, p as z } from "./helpers.BbWkXTr3.js";
-import { u as de } from "./useBreakpoint.CMOR9ZOB.js";
-import "./index.CgTHIF3K.js";
-import { Asterisk as ue } from "../asterisk.CR60hx8S.js";
-import { D as fe } from "./SystemFeedback.CyGbUCzT.js";
-import '../assets/Textarea.Dq4rH9Tg.css';const pe = "ds-textarea_textarea_1s8pw_1", be = "ds-textarea_textarea--small_1s8pw_9", _e = "ds-textarea_textarea--invalid_1s8pw_121", he = "ds-textarea_textarea--resize-auto_1s8pw_145", me = "ds-textarea_root_1s8pw_155", xe = "ds-textarea_hint_1s8pw_164", we = "ds-textarea_label_1s8pw_164", ve = "ds-textarea_label--hidden_1s8pw_303", Ce = "ds-textarea_label--disabled_1s8pw_316", Se = "ds-textarea_feedback_1s8pw_336", Ae = "ds-textarea_char-count_1s8pw_341", De = "ds-textarea_char-count-announcer_1s8pw_357", a = {
-  textarea: pe,
-  textareaSmall: be,
-  textareaInvalid: _e,
-  textareaResizeAuto: he,
-  root: me,
-  hint: xe,
-  label: we,
-  labelHidden: ve,
-  labelDisabled: Ce,
-  feedback: Se,
-  charCount: Ae,
-  charCountAnnouncer: De
-}, Ve = ["medium", "small"], Ie = ({
-  id: r,
-  label: u
-}) => {
-  if (!r)
-    throw new Error(q("DSTextarea", 'A unique "id" prop is required. Please add a unique "id" prop to the DSTextarea component.'));
-  if (!u)
-    throw new Error(q("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}.`));
-}, Te = ie(({
-  id: r,
-  label: u,
-  charsLimitText: M = "Character limit reached",
-  charsRemainingText: O = "Characters remaining:",
-  className: F,
-  defaultValue: X,
-  disabled: D = !1,
-  hint: x,
-  hideLabel: Z = !1,
-  invalid: s = !1,
-  maxLength: e,
-  readonly: I = !1,
-  required: T = !1,
-  resize: f = "vertical",
-  size: G = "medium",
-  systemFeedback: n,
-  value: w,
-  wrapperClassName: J,
-  onChange: y,
-  onInput: R,
-  ...K
-}, p) => {
-  process.env.NODE_ENV !== "production" && Ie({
-    id: r,
-    label: u
-  });
-  const [Q, N] = i(X || ""), [l, E] = i(0), [U, g] = i(0), [W, $] = i("off"), [k, v] = i(n), [C, S] = i(s), H = w !== void 0, b = H ? w : Q, o = ce(null), Y = (t) => {
-    o.current = t, typeof p == "function" ? p(t) : p && (p.current = t);
-  }, L = de(Z);
-  m(() => {
-    if (!e || e <= 0)
-      return;
-    l >= e * 0.8 ? $("polite") : $("off");
-    const t = setTimeout(() => {
-      g(e - l || 0);
-    }, 1e3);
-    return () => clearTimeout(t);
-  }, [l]), m(() => {
-    N(b || ""), c(), e && e > 0 && (E(b.toString().length || 0), g(e - b.toString().length || 0));
-  }, [w]), m(() => {
-    s && n ? (v(n), S(s)) : !s && e && e >= 0 && l >= e ? (S(!0), v(M)) : (v(n), S(s));
-  }, [s, C, n, l]), m(() => {
-    if (f === "auto")
-      return c(), window.addEventListener("resize", c), () => window.removeEventListener("resize", c);
-  }, [f, o.current]);
-  const ee = A(a.root, J), te = A(a.textarea, F, {
-    // small textarea
-    [a.textareaSmall]: G === "small",
-    // invalid state
-    [a.textareaInvalid]: C,
-    // resize handling
-    [a.textareaResizeAuto]: f === "auto"
-  }), ae = A(a.label, {
-    // hide label only visually to keep them available for assistive technologies
-    [a.labelHidden]: L,
-    [a.labelDisabled]: D
-  }), V = `${r}-label`, P = `${r}-feedback`, j = `${r}-hint`, B = `${r}-char-count-announcer`, re = x ? ` ${j}` : "", c = () => {
-    if (o.current && f === "auto") {
-      o.current.style.height = "auto";
-      const t = z(o.current.scrollHeight), _ = z(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 + _}rem`;
-    }
-  }, se = () => {
-    const t = [];
-    return e && e > 0 && t.push(B), s && n && t.push(P), t.length > 0 ? t.join(" ") : void 0;
-  }, oe = (t) => {
-    var _;
-    R && R(t), e && e > 0 && E(((_ = o.current) == null ? void 0 : _.value.length) || 0), c();
-  }, ne = (t) => {
-    y && y(t), H || N(t.target.value);
-  };
-  return /* @__PURE__ */ d("div", { className: ee, children: [
-    /* @__PURE__ */ d("label", { className: ae, id: V, htmlFor: r, children: [
-      u,
-      T && /* @__PURE__ */ h(ue, {})
-    ] }),
-    x && /* @__PURE__ */ h("div", { className: a.hint, id: j, children: x }),
-    C && k && /* @__PURE__ */ h(fe, { className: a.feedback, message: k, variant: "error", id: P }),
-    /* @__PURE__ */ h(
-      "textarea",
-      {
-        className: te,
-        id: r,
-        ...K,
-        ref: Y,
-        "aria-labelledby": `${V}${re}`,
-        "aria-describedby": se(),
-        "aria-invalid": s,
-        "aria-disabled": I,
-        maxLength: e,
-        readOnly: I,
-        required: T,
-        disabled: D,
-        value: b,
-        defaultValue: void 0,
-        rows: void 0,
-        cols: void 0,
-        onChange: ne,
-        onInput: oe
-      }
-    ),
-    e !== void 0 && e > 0 && /* @__PURE__ */ d(le, { children: [
-      /* @__PURE__ */ d("div", { className: a.charCount, "aria-hidden": "true", children: [
-        l,
-        "/",
-        e
-      ] }),
-      /* @__PURE__ */ d(
-        "div",
-        {
-          className: a.charCountAnnouncer,
-          id: B,
-          "aria-live": W,
-          "aria-atomic": "true",
-          children: [
-            O,
-            " ",
-            U
-          ]
-        }
-      )
-    ] })
-  ] });
-});
-Te.displayName = "DSTextarea";
-export {
-  Te as D,
-  Ve as T,
-  Ie as v
-};

package/chunks/Toast.DG3WVvau.js

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

package/chunks/file-type-doc.DlovDOBh.js

@@ -1,10 +0,0 @@
-"use client";
-import * as e from "react";
-const a = ({
-  title: l,
-  titleId: t,
-  ...c
-}) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "#252525", viewBox: "0 0 16 17", focusable: "false", width: "100%", height: "100%", "aria-labelledby": t, ...c }, l ? /* @__PURE__ */ e.createElement("title", { id: t }, l) : null, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", d: "M3.333 1.333h5.334v4h4V9.5H14V4l-4-4H2v9.5h1.333zM12 4l-2-2v2z", clipRule: "evenodd" }), /* @__PURE__ */ e.createElement("path", { d: "M0 16.003v-5.206h2.014c1.5 0 2.633.988 2.633 2.603s-1.133 2.603-2.633 2.603zm1.393-1.179h.467c.843 0 1.363-.559 1.363-1.424s-.52-1.424-1.363-1.424h-.467zm6.417 1.248c-1.501 0-2.795-1.102-2.795-2.672s1.294-2.664 2.795-2.664 2.794 1.095 2.794 2.664-1.294 2.672-2.794 2.672m0-1.21c.872 0 1.37-.643 1.37-1.462 0-.82-.498-1.455-1.37-1.455s-1.37.636-1.37 1.455.497 1.462 1.37 1.462m8.19-.03c-.513.865-1.233 1.24-2.29 1.24-1.462 0-2.71-1.102-2.71-2.672s1.24-2.664 2.634-2.664c1.126 0 1.815.474 2.251 1.118l-1.049.712c-.199-.307-.52-.62-1.179-.62-.765 0-1.232.635-1.232 1.454 0 .82.482 1.462 1.278 1.462.674 0 1.003-.306 1.225-.72z" }));
-export {
-  a as default
-};