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

package/chunks/{Textarea.Dh9R9YdZ.js → Textarea.BzHIGYVB.js}

@@ -1,50 +1,49 @@
 "use client";
-import { j as s } from "./jsx-runtime.C115EyI4.js";
-import { c as g } from "./index.CvOaL64Y.js";
+import { j as s } from "./jsx-runtime.BteaETFx.js";
+import { c as g } from "./index.CEyLAtio.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,
+import { u as ne } from "./useBreakpoint.BzR_yaIv.js";
+import { Asterisk as oe } from "../asterisk.DdCXwXQh.js";
+import { DSSystemFeedback as ie } from "../systemfeedback.bHSsfiy3.js";
+import '../assets/Textarea.BIRQlv6m.css';const le = "ds-textarea_textarea_18bj7_1", de = "ds-textarea_textarea--invalid_18bj7_113", ce = "ds-textarea_textarea--small_18bj7_120", _e = "ds-textarea_textarea--resize-auto_18bj7_139", ue = "ds-textarea_root_18bj7_149", be = "ds-textarea_hint_18bj7_157", fe = "ds-textarea_label_18bj7_157", xe = "ds-textarea_affix_18bj7_161", je = "ds-textarea_affix--small_18bj7_182", me = "ds-textarea_affix--disabled_18bj7_195", he = "ds-textarea_prefix_18bj7_203", pe = "ds-textarea_affix--readonly_18bj7_206", ve = "ds-textarea_suffix_18bj7_216", ge = "ds-textarea_leading-icon_18bj7_223", Se = "ds-textarea_leading-icon--small_18bj7_235", Ie = "ds-textarea_leading-icon--disabled_18bj7_238", Ce = "ds-textarea_action-button_18bj7_247", ye = "ds-textarea_label--hidden_18bj7_265", De = "ds-textarea_label--disabled_18bj7_278", Ae = "ds-textarea_feedback_18bj7_298", Re = "ds-textarea_char-count_18bj7_303", Te = "ds-textarea_char-count-announcer_18bj7_319", t = {
+  textarea: le,
   "textarea--invalid": "ds-textarea_textarea--invalid_18bj7_113",
-  textareaInvalid: ce,
+  textareaInvalid: de,
   "textarea--small": "ds-textarea_textarea--small_18bj7_120",
-  textareaSmall: _e,
+  textareaSmall: ce,
   "textarea--resize-auto": "ds-textarea_textarea--resize-auto_18bj7_139",
-  textareaResizeAuto: ue,
-  root: fe,
+  textareaResizeAuto: _e,
+  root: ue,
   hint: be,
-  label: xe,
-  affix: je,
+  label: fe,
+  affix: xe,
   "affix--small": "ds-textarea_affix--small_18bj7_182",
-  affixSmall: me,
+  affixSmall: je,
   "affix--disabled": "ds-textarea_affix--disabled_18bj7_195",
-  affixDisabled: he,
-  prefix: pe,
+  affixDisabled: me,
+  prefix: he,
   "affix--readonly": "ds-textarea_affix--readonly_18bj7_206",
-  affixReadonly: ve,
-  suffix: ge,
+  affixReadonly: pe,
+  suffix: ve,
   "leading-icon": "ds-textarea_leading-icon_18bj7_223",
-  leadingIcon: Se,
+  leadingIcon: ge,
   "leading-icon--small": "ds-textarea_leading-icon--small_18bj7_235",
-  leadingIconSmall: Ie,
+  leadingIconSmall: Se,
   "leading-icon--disabled": "ds-textarea_leading-icon--disabled_18bj7_238",
-  leadingIconDisabled: Ce,
+  leadingIconDisabled: Ie,
   "action-button": "ds-textarea_action-button_18bj7_247",
-  actionButton: ye,
+  actionButton: Ce,
   "label--hidden": "ds-textarea_label--hidden_18bj7_265",
-  labelHidden: De,
+  labelHidden: ye,
   "label--disabled": "ds-textarea_label--disabled_18bj7_278",
-  labelDisabled: Ae,
-  feedback: we,
+  labelDisabled: De,
+  feedback: Ae,
   "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: _ }) => {
+}, ze = ["medium", "small"], we = ({ id: r, label: _ }) => {
   if (!r)
     throw new Error(
       V(
@@ -59,7 +58,7 @@ import '../assets/Textarea.KJGPTYMz.css';const de = "ds-textarea_textarea_18bj7_
         `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 = ({
+}, Pe = ({
   id: r,
   label: _,
   charsLimitText: P = "Character limit reached",
@@ -74,71 +73,71 @@ import '../assets/Textarea.KJGPTYMz.css';const de = "ds-textarea_textarea_18bj7_
   readonly: I = !1,
   required: C = !1,
   resize: u = "vertical",
-  size: W = "medium",
+  size: X = "medium",
   systemFeedback: i,
   value: m,
-  wrapperClassName: X,
+  wrapperClassName: Z,
   onChange: y,
   onInput: D,
-  ...Z
+  ...G
 }) => {
-  process.env.NODE_ENV !== "production" && Ee({
+  process.env.NODE_ENV !== "production" && we({
     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);
+  const [J, A] = d(O || ""), [l, R] = d(0), [K, T] = d(0), [Q, w] = d("off"), [E, h] = d(i), [p, v] = d(n), N = m !== void 0, b = N ? m : J, o = re(null), U = ne(F);
   x(() => {
     if (!e || e <= 0)
       return;
-    l >= e * 0.8 ? T("polite") : T("off");
+    l >= e * 0.8 ? w("polite") : w("off");
     const a = setTimeout(() => {
-      R(e - l || 0);
+      T(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));
+    A(b || ""), c(), e && e > 0 && (R(b.toString().length || 0), T(e - b.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")
+    if (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, {
+  const W = g(t.root, Z), Y = g(t.textarea, M, {
     // small textarea
-    [t.textareaSmall]: W === "small",
+    [t.textareaSmall]: X === "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.labelHidden]: U,
     [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);
+      const a = z(o.current.scrollHeight), f = 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`;
+      a + f}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();
+    var f;
+    D && D(a), e && e > 0 && R(((f = o.current) == null ? void 0 : f.value.length) || 0), c();
   }, se = (a) => {
     y && y(a), N || A(a.target.value);
   };
-  return /* @__PURE__ */ s.jsxs("div", { className: U, children: [
+  return /* @__PURE__ */ s.jsxs("div", { className: W, children: [
     /* @__PURE__ */ s.jsxs("label", { className: L, id: B, htmlFor: r, children: [
       _,
-      C && /* @__PURE__ */ s.jsx(ie, {})
+      C && /* @__PURE__ */ s.jsx(oe, {})
     ] }),
     j && /* @__PURE__ */ s.jsx("div", { className: t.hint, id: k, children: j }),
     p && E && /* @__PURE__ */ s.jsx(
-      le,
+      ie,
       {
         className: t.feedback,
         message: E,
@@ -152,7 +151,7 @@ import '../assets/Textarea.KJGPTYMz.css';const de = "ds-textarea_textarea_18bj7_
         className: Y,
         id: r,
         ref: o,
-        ...Z,
+        ...G,
         "aria-labelledby": `${B}${ee}`,
         "aria-describedby": ae(),
         "aria-invalid": n,
@@ -161,7 +160,7 @@ import '../assets/Textarea.KJGPTYMz.css';const de = "ds-textarea_textarea_18bj7_
         readOnly: I,
         required: C,
         disabled: S,
-        value: f,
+        value: b,
         defaultValue: void 0,
         rows: void 0,
         cols: void 0,
@@ -180,12 +179,12 @@ import '../assets/Textarea.KJGPTYMz.css';const de = "ds-textarea_textarea_18bj7_
         {
           className: t.charCountAnnouncer,
           id: H,
-          "aria-live": K,
+          "aria-live": Q,
           "aria-atomic": "true",
           children: [
             q,
             " ",
-            J
+            K
           ]
         }
       )
@@ -193,7 +192,7 @@ import '../assets/Textarea.KJGPTYMz.css';const de = "ds-textarea_textarea_18bj7_
   ] });
 };
 export {
-  Me as D,
-  qe as T,
-  Ee as v
+  Pe as D,
+  ze as T,
+  we as v
 };

package/chunks/{Toast.j7LPnQ36.js → Toast.CwalSzYB.js}

@@ -1,10 +1,10 @@
 "use client";
-import { j as t } from "./jsx-runtime.C115EyI4.js";
-import { c } from "./index.CvOaL64Y.js";
+import { j as t } from "./jsx-runtime.BteaETFx.js";
+import { c } from "./index.CEyLAtio.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 = {
+import { DSButton as y } from "../button.Nknx8eP1.js";
+import { D as g } from "./Icon.CvVRQw6C.js";
+import '../assets/Toast.CuM-yS7S.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,

package/chunks/index.CEyLAtio.js

@@ -0,0 +1,48 @@
+"use client";
+function c(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+var o = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+var i;
+function p() {
+  return i || (i = 1, function(e) {
+    (function() {
+      var u = {}.hasOwnProperty;
+      function s() {
+        for (var t = "", r = 0; r < arguments.length; r++) {
+          var n = arguments[r];
+          n && (t = a(t, f(n)));
+        }
+        return t;
+      }
+      function f(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)
+          u.call(t, n) && t[n] && (r = a(r, n));
+        return r;
+      }
+      function a(t, r) {
+        return r ? t ? t + " " + r : t + r : t;
+      }
+      e.exports ? (s.default = s, e.exports = s) : window.classNames = s;
+    })();
+  }(o)), o.exports;
+}
+var l = p();
+const m = /* @__PURE__ */ c(l);
+export {
+  m as c
+};