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

package/chunks/Textarea.Dh9R9YdZ.js

@@ -1,199 +0,0 @@
-"use client";
-import { j as s } from "./jsx-runtime.C115EyI4.js";
-import { c as g } from "./index.CvOaL64Y.js";
-import { useState as d, useRef as re, useEffect as x } from "react";
-import { h as ne } from "./has-window.ut_-aShB.js";
-import { g as V, p as z } from "./helpers.CcqWV-wZ.js";
-import { u as oe } from "./useBreakpoint.B8XxjSVJ.js";
-import { Asterisk as ie } from "../asterisk.DpzETKdT.js";
-import { DSSystemFeedback as le } from "../systemfeedback.C3Pfxxpp.js";
-import '../assets/Textarea.KJGPTYMz.css';const de = "ds-textarea_textarea_18bj7_1", ce = "ds-textarea_textarea--invalid_18bj7_113", _e = "ds-textarea_textarea--small_18bj7_120", ue = "ds-textarea_textarea--resize-auto_18bj7_139", fe = "ds-textarea_root_18bj7_149", be = "ds-textarea_hint_18bj7_157", xe = "ds-textarea_label_18bj7_157", je = "ds-textarea_affix_18bj7_161", me = "ds-textarea_affix--small_18bj7_182", he = "ds-textarea_affix--disabled_18bj7_195", pe = "ds-textarea_prefix_18bj7_203", ve = "ds-textarea_affix--readonly_18bj7_206", ge = "ds-textarea_suffix_18bj7_216", Se = "ds-textarea_leading-icon_18bj7_223", Ie = "ds-textarea_leading-icon--small_18bj7_235", Ce = "ds-textarea_leading-icon--disabled_18bj7_238", ye = "ds-textarea_action-button_18bj7_247", De = "ds-textarea_label--hidden_18bj7_265", Ae = "ds-textarea_label--disabled_18bj7_278", we = "ds-textarea_feedback_18bj7_298", Re = "ds-textarea_char-count_18bj7_303", Te = "ds-textarea_char-count-announcer_18bj7_319", t = {
-  textarea: de,
-  "textarea--invalid": "ds-textarea_textarea--invalid_18bj7_113",
-  textareaInvalid: ce,
-  "textarea--small": "ds-textarea_textarea--small_18bj7_120",
-  textareaSmall: _e,
-  "textarea--resize-auto": "ds-textarea_textarea--resize-auto_18bj7_139",
-  textareaResizeAuto: ue,
-  root: fe,
-  hint: be,
-  label: xe,
-  affix: je,
-  "affix--small": "ds-textarea_affix--small_18bj7_182",
-  affixSmall: me,
-  "affix--disabled": "ds-textarea_affix--disabled_18bj7_195",
-  affixDisabled: he,
-  prefix: pe,
-  "affix--readonly": "ds-textarea_affix--readonly_18bj7_206",
-  affixReadonly: ve,
-  suffix: ge,
-  "leading-icon": "ds-textarea_leading-icon_18bj7_223",
-  leadingIcon: Se,
-  "leading-icon--small": "ds-textarea_leading-icon--small_18bj7_235",
-  leadingIconSmall: Ie,
-  "leading-icon--disabled": "ds-textarea_leading-icon--disabled_18bj7_238",
-  leadingIconDisabled: Ce,
-  "action-button": "ds-textarea_action-button_18bj7_247",
-  actionButton: ye,
-  "label--hidden": "ds-textarea_label--hidden_18bj7_265",
-  labelHidden: De,
-  "label--disabled": "ds-textarea_label--disabled_18bj7_278",
-  labelDisabled: Ae,
-  feedback: we,
-  "char-count": "ds-textarea_char-count_18bj7_303",
-  charCount: Re,
-  "char-count-announcer": "ds-textarea_char-count-announcer_18bj7_319",
-  charCountAnnouncer: Te
-}, qe = ["medium", "small"], Ee = ({ id: r, label: _ }) => {
-  if (!r)
-    throw new Error(
-      V(
-        "DSTextarea",
-        'A unique "id" prop is required. Please add a unique "id" prop to the DSTextarea component.'
-      )
-    );
-  if (!_)
-    throw new Error(
-      V(
-        "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}.`
-      )
-    );
-}, Me = ({
-  id: r,
-  label: _,
-  charsLimitText: P = "Character limit reached",
-  charsRemainingText: q = "Characters remaining:",
-  className: M,
-  defaultValue: O,
-  disabled: S = !1,
-  hint: j,
-  hideLabel: F = !1,
-  invalid: n = !1,
-  maxLength: e,
-  readonly: I = !1,
-  required: C = !1,
-  resize: u = "vertical",
-  size: W = "medium",
-  systemFeedback: i,
-  value: m,
-  wrapperClassName: X,
-  onChange: y,
-  onInput: D,
-  ...Z
-}) => {
-  process.env.NODE_ENV !== "production" && Ee({
-    id: r,
-    label: _
-  });
-  const [G, A] = d(O || ""), [l, w] = d(0), [J, R] = d(0), [K, T] = d("off"), [E, h] = d(i), [p, v] = d(n), N = m !== void 0, f = N ? m : G, o = re(null), Q = oe(F);
-  x(() => {
-    if (!e || e <= 0)
-      return;
-    l >= e * 0.8 ? T("polite") : T("off");
-    const a = setTimeout(() => {
-      R(e - l || 0);
-    }, 1e3);
-    return () => clearTimeout(a);
-  }, [l]), x(() => {
-    A(f || ""), c(), e && e > 0 && (w(f.toString().length || 0), R(e - f.toString().length || 0));
-  }, [m]), x(() => {
-    n && i ? (h(i), v(n)) : !n && e && e >= 0 && l >= e ? (v(!0), h(P)) : (h(i), v(n));
-  }, [n, p, i, l]), x(() => {
-    if (ne && u === "auto")
-      return c(), window.addEventListener("resize", c), () => window.removeEventListener("resize", c);
-  }, [u, o.current]);
-  const U = g(t.root, X), Y = g(t.textarea, M, {
-    // small textarea
-    [t.textareaSmall]: W === "small",
-    // invalid state
-    [t.textareaInvalid]: p,
-    // resize handling
-    [t.textareaResizeAuto]: u === "auto"
-  }), L = g(t.label, {
-    // hide label only visually to keep them available for assistive technologies
-    [t.labelHidden]: Q,
-    [t.labelDisabled]: S
-  }), B = `${r}-label`, $ = `${r}-feedback`, k = `${r}-hint`, H = `${r}-char-count-announcer`, ee = j ? ` ${k}` : "", c = () => {
-    if (o.current && u === "auto") {
-      o.current.style.height = "auto";
-      const a = z(o.current.scrollHeight), b = 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.
-      a + b}rem`;
-    }
-  }, ae = () => {
-    const a = [];
-    return e && e > 0 && a.push(H), n && i && a.push($), a.length > 0 ? a.join(" ") : void 0;
-  }, te = (a) => {
-    var b;
-    D && D(a), e && e > 0 && w(((b = o.current) == null ? void 0 : b.value.length) || 0), c();
-  }, se = (a) => {
-    y && y(a), N || A(a.target.value);
-  };
-  return /* @__PURE__ */ s.jsxs("div", { className: U, children: [
-    /* @__PURE__ */ s.jsxs("label", { className: L, id: B, htmlFor: r, children: [
-      _,
-      C && /* @__PURE__ */ s.jsx(ie, {})
-    ] }),
-    j && /* @__PURE__ */ s.jsx("div", { className: t.hint, id: k, children: j }),
-    p && E && /* @__PURE__ */ s.jsx(
-      le,
-      {
-        className: t.feedback,
-        message: E,
-        type: "invalid",
-        id: $
-      }
-    ),
-    /* @__PURE__ */ s.jsx(
-      "textarea",
-      {
-        className: Y,
-        id: r,
-        ref: o,
-        ...Z,
-        "aria-labelledby": `${B}${ee}`,
-        "aria-describedby": ae(),
-        "aria-invalid": n,
-        "aria-disabled": I,
-        maxLength: e,
-        readOnly: I,
-        required: C,
-        disabled: S,
-        value: f,
-        defaultValue: void 0,
-        rows: void 0,
-        cols: void 0,
-        onChange: se,
-        onInput: te
-      }
-    ),
-    e !== void 0 && e > 0 && /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-      /* @__PURE__ */ s.jsxs("div", { className: t.charCount, "aria-hidden": "true", children: [
-        l,
-        "/",
-        e
-      ] }),
-      /* @__PURE__ */ s.jsxs(
-        "div",
-        {
-          className: t.charCountAnnouncer,
-          id: H,
-          "aria-live": K,
-          "aria-atomic": "true",
-          children: [
-            q,
-            " ",
-            J
-          ]
-        }
-      )
-    ] })
-  ] });
-};
-export {
-  Me as D,
-  qe as T,
-  Ee as v
-};

package/chunks/Toast.j7LPnQ36.js

@@ -1,89 +0,0 @@
-"use client";
-import { j as t } from "./jsx-runtime.C115EyI4.js";
-import { c } from "./index.CvOaL64Y.js";
-import { forwardRef as u } from "react";
-import { DSButton as y } from "../button.BfcWQZhx.js";
-import { D as g } from "./Icon.BCmt_XBG.js";
-import '../assets/Toast.CuafTAf7.css';const h = "ds-toast_root_58y8a_5", p = "ds-toast_root--closing_58y8a_19", x = "ds-toast_fade-out_58y8a_1", I = "ds-toast_move-in_58y8a_1", S = "ds-toast_root--success_58y8a_54", N = "ds-toast_root--info_58y8a_58", j = "ds-toast_root--warning_58y8a_62", v = "ds-toast_content_58y8a_67", w = "ds-toast_content--hide-icon_58y8a_74", C = "ds-toast_icon_58y8a_78", D = "ds-toast_message_58y8a_82", o = {
-  root: h,
-  "root--closing": "ds-toast_root--closing_58y8a_19",
-  rootClosing: p,
-  "fade-out": "ds-toast_fade-out_58y8a_1",
-  fadeOut: x,
-  "move-in": "ds-toast_move-in_58y8a_1",
-  moveIn: I,
-  "root--success": "ds-toast_root--success_58y8a_54",
-  rootSuccess: S,
-  "root--info": "ds-toast_root--info_58y8a_58",
-  rootInfo: N,
-  "root--warning": "ds-toast_root--warning_58y8a_62",
-  rootWarning: j,
-  content: v,
-  "content--hide-icon": "ds-toast_content--hide-icon_58y8a_74",
-  contentHideIcon: w,
-  icon: C,
-  message: D
-}, O = {
-  success: "circle-check-colored",
-  warning: "triangle-exclamationmark-colored",
-  info: "circle-info-colored"
-}, T = u(
-  ({
-    message: n,
-    className: e,
-    hideIcon: a = !1,
-    variant: s = "info",
-    onClick: r,
-    onMouseEnter: i,
-    onMouseLeave: _,
-    ...d
-  }, l) => {
-    const m = c(o.root, e, {
-      [o.rootSuccess]: s === "success",
-      [o.rootWarning]: s === "warning",
-      [o.rootInfo]: s === "info"
-    }), f = c(o.content, {
-      [o.contentHideIcon]: a
-    });
-    return /* @__PURE__ */ t.jsx(
-      "aside",
-      {
-        className: m,
-        ref: l,
-        popover: "manual",
-        "data-ds-toast": !0,
-        onMouseEnter: i,
-        onMouseLeave: _,
-        "aria-label": n,
-        ...d,
-        children: /* @__PURE__ */ t.jsxs("div", { className: f, children: [
-          !a && /* @__PURE__ */ t.jsx(
-            g,
-            {
-              name: O[s],
-              className: o.icon,
-              "aria-hidden": "true"
-            }
-          ),
-          /* @__PURE__ */ t.jsx("div", { className: o.message, children: n }),
-          /* @__PURE__ */ t.jsx(
-            y,
-            {
-              hideLabel: !0,
-              iconName: "cross",
-              size: "small",
-              variant: "ghost",
-              onClick: r,
-              children: "Close toast"
-            }
-          )
-        ] })
-      }
-    );
-  }
-);
-T.displayName = "DSToast";
-export {
-  T as D,
-  o as s
-};

package/chunks/index.CvOaL64Y.js

@@ -1,45 +0,0 @@
-"use client";
-function a(e) {
-  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
-}
-var i = { exports: {} };
-/*!
-	Copyright (c) 2018 Jed Watson.
-	Licensed under the MIT License (MIT), see
-	http://jedwatson.github.io/classnames
-*/
-(function(e) {
-  (function() {
-    var f = {}.hasOwnProperty;
-    function s() {
-      for (var t = "", r = 0; r < arguments.length; r++) {
-        var n = arguments[r];
-        n && (t = o(t, u(n)));
-      }
-      return t;
-    }
-    function u(t) {
-      if (typeof t == "string" || typeof t == "number")
-        return t;
-      if (typeof t != "object")
-        return "";
-      if (Array.isArray(t))
-        return s.apply(null, t);
-      if (t.toString !== Object.prototype.toString && !t.toString.toString().includes("[native code]"))
-        return t.toString();
-      var r = "";
-      for (var n in t)
-        f.call(t, n) && t[n] && (r = o(r, n));
-      return r;
-    }
-    function o(t, r) {
-      return r ? t ? t + " " + r : t + r : t;
-    }
-    e.exports ? (s.default = s, e.exports = s) : window.classNames = s;
-  })();
-})(i);
-var c = i.exports;
-const p = /* @__PURE__ */ a(c);
-export {
-  p as c
-};