@stihl-design-system/components 1.0.0-RC.2 → 1.0.0-RC.4

package/input.BM6tyRUm.js

@@ -0,0 +1,236 @@
+"use client";
+import { j as i } from "./chunks/jsx-runtime.C-kxDJ4g.js";
+import { c as l } from "./chunks/index.CvOaL64Y.js";
+import { useState as m, useRef as k, useLayoutEffect as B, useEffect as ns } from "react";
+import { u as ts } from "./chunks/useBreakpoint.5xBNDiCf.js";
+import { Asterisk as es } from "./asterisk.DU8THnoC.js";
+import { DSButton as E } from "./button.DX_nxoJC.js";
+import { D as ls } from "./chunks/Icon.9gDIp6p4.js";
+import { DSSystemFeedback as os } from "./systemfeedback.4Hkfigi-.js";
+import { v as cs, b as ds, M as _s, a as us, s as fs, c as rs, i as v } from "./chunks/Input.utils.AKWCNkpA.js";
+import './assets/input.BcP5kkZ2.css';const ps = "_input_1swsi_187", ms = "_input--invalid_1swsi_297", hs = "_input--small_1swsi_304", bs = "_input--has-leading-icon_1swsi_350", ws = "_input--has-action-button_1swsi_353", xs = "_input--has-second-action-button_1swsi_356", gs = "_input--has-affix_1swsi_368", Is = "_input--is-ready_1swsi_380", Ss = "_root_1swsi_387", ys = "_hint_1swsi_395", Hs = "_label_1swsi_395", ks = "_wrapper_1swsi_399", vs = "_affix_1swsi_405", Cs = "_affix--small_1swsi_425", Rs = "_affix--disabled_1swsi_437", js = "_prefix_1swsi_440", Ds = "_affix--readonly_1swsi_443", Ls = "_suffix_1swsi_453", As = "_leading-icon_1swsi_460", Ns = "_leading-icon--small_1swsi_472", Bs = "_leading-icon--disabled_1swsi_475", Es = "_action-button_1swsi_484", Ts = "_label--hidden_1swsi_501", Fs = "_feedback_1swsi_528", s = {
+  input: ps,
+  "input--invalid": "_input--invalid_1swsi_297",
+  inputInvalid: ms,
+  "input--small": "_input--small_1swsi_304",
+  inputSmall: hs,
+  "input--has-leading-icon": "_input--has-leading-icon_1swsi_350",
+  inputHasLeadingIcon: bs,
+  "input--has-action-button": "_input--has-action-button_1swsi_353",
+  inputHasActionButton: ws,
+  "input--has-second-action-button": "_input--has-second-action-button_1swsi_356",
+  inputHasSecondActionButton: xs,
+  "input--has-affix": "_input--has-affix_1swsi_368",
+  inputHasAffix: gs,
+  "input--is-ready": "_input--is-ready_1swsi_380",
+  inputIsReady: Is,
+  root: Ss,
+  hint: ys,
+  label: Hs,
+  wrapper: ks,
+  affix: vs,
+  "affix--small": "_affix--small_1swsi_425",
+  affixSmall: Cs,
+  "affix--disabled": "_affix--disabled_1swsi_437",
+  affixDisabled: Rs,
+  prefix: js,
+  "affix--readonly": "_affix--readonly_1swsi_443",
+  affixReadonly: Ds,
+  suffix: Ls,
+  "leading-icon": "_leading-icon_1swsi_460",
+  leadingIcon: As,
+  "leading-icon--small": "_leading-icon--small_1swsi_472",
+  leadingIconSmall: Ns,
+  "leading-icon--disabled": "_leading-icon--disabled_1swsi_475",
+  leadingIconDisabled: Bs,
+  "action-button": "_action-button_1swsi_484",
+  actionButton: Es,
+  "label--hidden": "_label--hidden_1swsi_501",
+  labelHidden: Ts,
+  feedback: Fs
+}, Js = ({
+  id: d,
+  label: C,
+  actionButtonLabel: T,
+  actionButtonIconName: u,
+  actionButtonIconSource: h,
+  actionButtonOnClick: F,
+  className: P,
+  disabled: n = !1,
+  hint: b,
+  hideLabel: O = !1,
+  invalid: f = !1,
+  leadingIconName: r,
+  leadingIconSource: p,
+  prefix: t,
+  readonly: _ = !1,
+  required: R = !1,
+  size: e = "medium",
+  suffix: a,
+  systemFeedback: w,
+  type: o = "text",
+  ...$
+}) => {
+  process.env.NODE_ENV !== "production" && (cs({
+    id: d,
+    label: C,
+    prefix: t,
+    suffix: a,
+    leadingIconName: r,
+    leadingIconSource: p,
+    actionButtonIconName: u,
+    actionButtonIconSource: h
+  }), ds(o));
+  const [W, X] = m(!1), [M, V] = m(!1), [x, G] = m(!1), [U, J] = m({}), g = k(null), K = t == null ? void 0 : t.substring(0, _s), I = k(null), Q = a == null ? void 0 : a.substring(0, us), S = k(null), Y = ts(O);
+  B(() => {
+    const c = e === "medium" ? 16 : 8, y = {};
+    if (I.current) {
+      const H = I.current.offsetWidth;
+      y.paddingInlineStart = c + H + "px";
+    }
+    if (S.current) {
+      const H = S.current.offsetWidth;
+      y.paddingInlineEnd = c + H + "px";
+    }
+    J(y), X(!0);
+  }, [t, a, e, M]), B(() => {
+    (async () => {
+      "fonts" in document && (await document.fonts.load(
+        '1em "STIHL Contraface Digital Text Regular"'
+      ), V(!0));
+    })();
+  }, []), ns(() => {
+    const c = fs(
+      v(o),
+      rs(o)
+    );
+    G(c);
+  }, [o]);
+  const j = l(s.affix, {
+    [s.affixSmall]: e === "small",
+    [s.affixDisabled]: n,
+    [s.affixReadonly]: _
+  }), D = `${d}-label`, L = `${d}-feedback`, A = `${d}-hint`, Z = b ? ` ${A}` : "", q = l(s.root, P), z = l(s.input, {
+    // small input
+    [s.inputSmall]: e === "small",
+    // invalid state
+    [s.inputInvalid]: f,
+    // leading icon
+    [s.inputHasLeadingIcon]: r || p,
+    // prefix/suffix
+    [s.inputHasAffix]: t || a,
+    // action button
+    [s.inputHasActionButton]: u || h || x,
+    [s.inputIsReady]: W
+  }), ss = l(s.label, {
+    // hide label only visually to keep them available for assistive technologies
+    [s.labelHidden]: Y
+  }), is = l(s.leadingIcon, {
+    [s.leadingIconSmall]: e === "small",
+    [s.leadingIconDisabled]: n
+  }), N = l(s.actionButton, {
+    [s.actionButtonSmall]: e === "small"
+  }), as = (c) => {
+    g.current && !n && !_ && g.current.showPicker(), c.preventDefault();
+  };
+  return /* @__PURE__ */ i.jsxs("div", { className: q, children: [
+    /* @__PURE__ */ i.jsxs("label", { className: ss, id: D, htmlFor: d, children: [
+      C,
+      R && /* @__PURE__ */ i.jsx(es, {})
+    ] }),
+    b && /* @__PURE__ */ i.jsx("div", { className: s.hint, id: A, children: b }),
+    f && w && /* @__PURE__ */ i.jsx(
+      os,
+      {
+        className: s.feedback,
+        message: w,
+        type: "invalid",
+        id: L
+      }
+    ),
+    /* @__PURE__ */ i.jsxs("div", { className: s.wrapper, children: [
+      t && /* @__PURE__ */ i.jsx(
+        "span",
+        {
+          className: l(j, s.prefix),
+          ref: I,
+          "aria-disabled": n,
+          children: K
+        }
+      ),
+      !t && (r || p) && /* @__PURE__ */ i.jsx(
+        ls,
+        {
+          name: r,
+          theme: "light",
+          source: p,
+          className: is,
+          "aria-hidden": "true"
+        }
+      ),
+      /* @__PURE__ */ i.jsx(
+        "input",
+        {
+          type: o,
+          className: z,
+          id: d,
+          ref: g,
+          ...$,
+          style: U,
+          "aria-labelledby": `${D}${Z}`,
+          "aria-describedby": f && w ? L : void 0,
+          "aria-invalid": f,
+          "aria-disabled": _,
+          readOnly: _,
+          required: R,
+          disabled: n
+        }
+      ),
+      a && /* @__PURE__ */ i.jsx(
+        "span",
+        {
+          className: l(j, s.suffix),
+          ref: S,
+          "aria-disabled": n,
+          children: Q
+        }
+      ),
+      !a && !x && (u || h) && /* @__PURE__ */ i.jsx(
+        E,
+        {
+          hideLabel: !0,
+          theme: "light",
+          iconName: u,
+          variant: "ghost",
+          className: N,
+          size: e,
+          onClick: F,
+          type: "button",
+          disabled: n || _,
+          children: T
+        }
+      ),
+      !a && x && !_ && !n && /* @__PURE__ */ i.jsxs(
+        E,
+        {
+          hideLabel: !0,
+          theme: "light",
+          iconName: v(o) ? "calendar" : "clock",
+          variant: "ghost",
+          className: N,
+          size: e,
+          onClick: as,
+          type: "button",
+          children: [
+            "Open ",
+            v(o) ? "date" : "time",
+            " picker"
+          ]
+        }
+      )
+    ] })
+  ] });
+};
+export {
+  Js as DSInput
+};

package/inputpassword.DUxH1K_k.js

@@ -0,0 +1,12 @@
+"use client";
+import "./chunks/jsx-runtime.C-kxDJ4g.js";
+import "./chunks/index.CvOaL64Y.js";
+import "react";
+import "./chunks/useBreakpoint.5xBNDiCf.js";
+import "./asterisk.DU8THnoC.js";
+import "./button.DX_nxoJC.js";
+import "./systemfeedback.4Hkfigi-.js";
+import { D as n } from "./chunks/InputPassword.jpUCijp7.js";
+export {
+  n as DSInputPassword
+};

package/inputsearch.B-vePHle.js

@@ -0,0 +1,13 @@
+"use client";
+import "./chunks/jsx-runtime.C-kxDJ4g.js";
+import "./chunks/index.CvOaL64Y.js";
+import "react";
+import "./chunks/helpers.B1JT5ShS.js";
+import "./chunks/useBreakpoint.5xBNDiCf.js";
+import "./asterisk.DU8THnoC.js";
+import "./button.DX_nxoJC.js";
+import "./systemfeedback.4Hkfigi-.js";
+import { D as s } from "./chunks/InputSearch.BmOtAZcR.js";
+export {
+  s as DSInputSearch
+};

package/inputstepper.C2ypADPI.js

@@ -0,0 +1,13 @@
+"use client";
+import "./chunks/jsx-runtime.C-kxDJ4g.js";
+import "./chunks/index.CvOaL64Y.js";
+import "react";
+import "./chunks/useBreakpoint.5xBNDiCf.js";
+import "./asterisk.DU8THnoC.js";
+import "./button.DX_nxoJC.js";
+import "./chunks/Input.utils.AKWCNkpA.js";
+import "./systemfeedback.4Hkfigi-.js";
+import { D } from "./chunks/InputStepper.DTKjUL4U.js";
+export {
+  D as DSInputStepper
+};

package/link.B4XZoLDj.js

@@ -0,0 +1,115 @@
+"use client";
+import { j as h } from "./chunks/jsx-runtime.C-kxDJ4g.js";
+import { c as g } from "./chunks/index.CvOaL64Y.js";
+import { u as i } from "./chunks/useBreakpoint.5xBNDiCf.js";
+import { D as H } from "./chunks/Icon.9gDIp6p4.js";
+import './assets/link.DQy_OhwC.css';const S = "_root_5lvrp_125", x = "_root--highlight_5lvrp_191", b = "_root--dark-highlight_5lvrp_191", j = "_root--filled_5lvrp_269", L = "_root--outline_5lvrp_297", C = "_root--ghost_5lvrp_324", N = "_root--ghost-flush_5lvrp_349", T = "_root--small_5lvrp_355", B = "_root--dark-filled_5lvrp_430", E = "_root--dark-outline_5lvrp_489", R = "_root--dark-ghost_5lvrp_547", V = "_root--dark-ghost-flush_5lvrp_603", q = "_root--icon-left_5lvrp_662", w = "_root--icon-only_5lvrp_678", A = "_root--icon-only-small_5lvrp_687", J = "_label--hidden_5lvrp_698", o = {
+  root: S,
+  "root--highlight": "_root--highlight_5lvrp_191",
+  rootHighlight: x,
+  "root--dark-highlight": "_root--dark-highlight_5lvrp_191",
+  rootDarkHighlight: b,
+  "root--filled": "_root--filled_5lvrp_269",
+  rootFilled: j,
+  "root--outline": "_root--outline_5lvrp_297",
+  rootOutline: L,
+  "root--ghost": "_root--ghost_5lvrp_324",
+  rootGhost: C,
+  "root--ghost-flush": "_root--ghost-flush_5lvrp_349",
+  rootGhostFlush: N,
+  "root--small": "_root--small_5lvrp_355",
+  rootSmall: T,
+  "root--dark-filled": "_root--dark-filled_5lvrp_430",
+  rootDarkFilled: B,
+  "root--dark-outline": "_root--dark-outline_5lvrp_489",
+  rootDarkOutline: E,
+  "root--dark-ghost": "_root--dark-ghost_5lvrp_547",
+  rootDarkGhost: R,
+  "root--dark-ghost-flush": "_root--dark-ghost-flush_5lvrp_603",
+  rootDarkGhostFlush: V,
+  "root--icon-left": "_root--icon-left_5lvrp_662",
+  rootIconLeft: q,
+  "root--icon-only": "_root--icon-only_5lvrp_678",
+  rootIconOnly: w,
+  "root--icon-only-small": "_root--icon-only-small_5lvrp_687",
+  rootIconOnlySmall: A,
+  "label--hidden": "_label--hidden_5lvrp_698",
+  labelHidden: J
+}, U = ({
+  children: c,
+  aria: k,
+  className: p,
+  dataTrackingid: u,
+  download: f,
+  hideLabel: s = !1,
+  href: n,
+  iconName: a,
+  iconPosition: m = "left",
+  iconSource: e,
+  isFlush: r = !1,
+  referrerPolicy: v,
+  rel: D,
+  size: _ = "medium",
+  target: y = "_self",
+  theme: l = "light",
+  variant: t = "filled",
+  ...G
+}) => {
+  const O = g(o.root, p, {
+    // variant
+    [o.rootFilled]: t === "filled",
+    [o.rootHighlight]: t === "highlight",
+    [o.rootOutline]: t === "outline",
+    [o.rootGhost]: t === "ghost" && r !== !0,
+    // isFlush
+    [o.rootGhostFlush]: t === "ghost" && r === !0,
+    // dark theme
+    [o.rootDarkFilled]: l === "dark" && t === "filled",
+    [o.rootDarkHighlight]: l === "dark" && t === "highlight",
+    [o.rootDarkOutline]: l === "dark" && t === "outline",
+    [o.rootDarkGhost]: l === "dark" && t === "ghost" && r !== !0,
+    // dark isFlush
+    [o.rootDarkGhostFlush]: l === "dark" && t === "ghost" && r === !0,
+    // size
+    [o.rootSmall]: _ === "small",
+    // icon position
+    [o.rootIconLeft]: m === "left",
+    // icon only
+    [o.rootIconOnly]: i(s) && _ === "medium",
+    [o.rootIconOnlySmall]: i(s) && _ === "small"
+  }), I = g({
+    // hide label only visually to keep them available for assistive technologies
+    [o.labelHidden]: i(s)
+  }), F = l === "light" && t === "filled" || l === "dark" && t === "outline" || l === "dark" && t === "ghost" ? "dark" : "light", d = n === void 0 ? "span" : "a";
+  return /* @__PURE__ */ h.jsxs(
+    d,
+    {
+      className: O,
+      "data-trackingid": u,
+      ...d === "a" && {
+        href: n,
+        target: y,
+        rel: D,
+        referrerPolicy: v,
+        download: f
+      },
+      ...k,
+      ...G,
+      children: [
+        /* @__PURE__ */ h.jsx("span", { className: I, children: c }),
+        (a || e) && /* @__PURE__ */ h.jsx(
+          H,
+          {
+            name: a,
+            theme: F,
+            source: e,
+            "aria-hidden": "true"
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  U as DSLink
+};

package/linkstandalone.BSfd95Pd.js

@@ -0,0 +1,79 @@
+"use client";
+import { j as i } from "./chunks/jsx-runtime.C-kxDJ4g.js";
+import { c as p } from "./chunks/index.CvOaL64Y.js";
+import { D as x } from "./chunks/Icon.9gDIp6p4.js";
+import "react";
+import './assets/linkstandalone.Dh6bE5Fb.css';const H = "_root_16ffv_63", j = "_root--highlight_16ffv_135", L = "_root--neutral-dark_16ffv_207", N = "_root--highlight-dark_16ffv_279", I = "_root--active_16ffv_351", A = "_root--icon-left_16ffv_357", o = {
+  root: H,
+  "root--highlight": "_root--highlight_16ffv_135",
+  rootHighlight: j,
+  "root--neutral-dark": "_root--neutral-dark_16ffv_207",
+  rootNeutralDark: L,
+  "root--highlight-dark": "_root--highlight-dark_16ffv_279",
+  rootHighlightDark: N,
+  "root--active": "_root--active_16ffv_351",
+  rootActive: I,
+  "root--icon-left": "_root--icon-left_16ffv_357",
+  rootIconLeft: A
+}, C = ({
+  children: e,
+  aria: _,
+  active: f,
+  className: g,
+  dataTrackingid: n,
+  download: c,
+  href: a,
+  iconName: l,
+  iconPosition: k = "left",
+  iconSource: h,
+  referrerPolicy: d,
+  rel: v,
+  target: u = "_self",
+  theme: t = "light",
+  variant: r = "neutral",
+  ...m
+}) => {
+  const D = p(o.root, g, {
+    // variant
+    [o.rootHighlight]: r === "highlight",
+    // theme
+    [o.rootNeutralDark]: t === "dark" && r === "neutral",
+    [o.rootHighlightDark]: t === "dark" && r === "highlight",
+    // active
+    [o.rootActive]: f,
+    // icon position
+    [o.rootIconLeft]: k === "left"
+  }), s = a === void 0 ? "span" : "a";
+  return /* @__PURE__ */ i.jsxs(
+    s,
+    {
+      className: D,
+      "data-trackingid": n,
+      ...s === "a" && {
+        href: a,
+        target: u,
+        rel: v,
+        referrerPolicy: d,
+        download: c
+      },
+      ..._,
+      ...m,
+      children: [
+        /* @__PURE__ */ i.jsx("span", { className: o.label, children: e }),
+        (l || h) && /* @__PURE__ */ i.jsx(
+          x,
+          {
+            name: l,
+            theme: t,
+            source: h,
+            size: "medium",
+            "aria-hidden": "true"
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  C as DSLinkStandalone
+};

package/{logo.DXWgPUY4.js → logo.C_oJ8isW.js}

@@ -1,32 +1,33 @@
 "use client";
 import { j as a } from "./chunks/jsx-runtime.C-kxDJ4g.js";
-import { c as o } from "./chunks/index.CvOaL64Y.js";
-import './assets/logo.BbHYgnWo.css';const v = "_anchor_12s9w_63", k = "_svg_12s9w_64", e = "_anchor--dark_12s9w_103", d = "_svg-background_12s9w_134", x = "_svg-background--dark_12s9w_137", w = "_svg-text_12s9w_140", u = "_svg-text--dark_12s9w_143", s = {
-  anchor: v,
-  svg: k,
+import { c as n } from "./chunks/index.CvOaL64Y.js";
+import './assets/logo.BbHYgnWo.css';const l = "_anchor_12s9w_63", v = "_svg_12s9w_64", e = "_anchor--dark_12s9w_103", x = "_svg-background_12s9w_134", w = "_svg-background--dark_12s9w_137", u = "_svg-text_12s9w_140", i = "_svg-text--dark_12s9w_143", s = {
+  anchor: l,
+  svg: v,
   "anchor--dark": "_anchor--dark_12s9w_103",
   anchorDark: e,
   "svg-background": "_svg-background_12s9w_134",
-  svgBackground: d,
+  svgBackground: x,
   "svg-background--dark": "_svg-background--dark_12s9w_137",
-  svgBackgroundDark: x,
+  svgBackgroundDark: w,
   "svg-text": "_svg-text_12s9w_140",
-  svgText: w,
+  svgText: u,
   "svg-text--dark": "_svg-text--dark_12s9w_143",
-  svgTextDark: u
-}, D = ({
-  aria: n,
-  className: g,
+  svgTextDark: i
+}, B = ({
+  aria: _,
+  className: c,
   href: r,
   target: h = "_self",
-  theme: _ = "light",
-  ...l
+  theme: g,
+  variant: k = "standard",
+  ...d
 }) => {
-  const c = _ === "dark", t = /* @__PURE__ */ a.jsxs(
+  const t = k === "background" || g === "dark", o = /* @__PURE__ */ a.jsxs(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
-      className: o(s.svg, !r && g),
+      className: n(s.svg, !r && c),
       viewBox: "0 0 408 179",
       width: "100%",
       height: "100%",
@@ -35,14 +36,14 @@ import './assets/logo.BbHYgnWo.css';const v = "_anchor_12s9w_63", k = "_svg_12s9
         /* @__PURE__ */ a.jsx(
           "path",
           {
-            className: c ? s.svgBackgroundDark : s.svgBackground,
+            className: t ? s.svgBackgroundDark : s.svgBackground,
             d: "M408 0H0v179h408V0Z"
           }
         ),
         /* @__PURE__ */ a.jsx(
           "path",
           {
-            className: c ? s.svgTextDark : s.svgText,
+            className: t ? s.svgTextDark : s.svgText,
             d: "M195.459 56.314h-61.656l-4.936 16.193h20.668l-15.304 50.179h20.106l15.293-50.18h20.893l4.936-16.192ZM62.286 66.62l-5.353 17.558c-2.384 7.814 1.957 13.531 9.637 13.531h25.065a1.626 1.626 0 0 1 1.288.7 1.638 1.638 0 0 1 .207 1.454l-1.349 4.42a3.37 3.37 0 0 1-2.8 2.154H49.624l-4.993 16.249h50.816c5.622 0 10.39-2.605 12.842-10.645l5.094-16.677c2.406-7.894-2.081-13.532-9.086-13.532H79.108c-1.394 0-1.945-1.015-1.563-2.255l1.35-4.42a3.385 3.385 0 0 1 1.185-1.872 3.368 3.368 0 0 1 2.087-.733h36.253l4.937-16.193H75.251c-6.87-.045-11.155 4.364-12.965 10.261ZM320.571 106.493l15.304-50.18h-20.218l-20.23 66.373h63.017l4.936-16.193h-42.809ZM282.653 56.314l-7.771 25.484H250.83l7.77-25.484h-19.319l-20.23 66.372h19.308l7.736-25.372h24.053l-7.725 25.372h19.836l20.23-66.372h-19.836ZM205.917 56.314l-20.229 66.372h20.218l20.23-66.372h-20.219Z"
           }
         )
@@ -52,17 +53,17 @@ import './assets/logo.BbHYgnWo.css';const v = "_anchor_12s9w_63", k = "_svg_12s9
   return r ? /* @__PURE__ */ a.jsx(
     "a",
     {
-      className: o(s.anchor, g, {
-        [s.anchorDark]: c
+      className: n(s.anchor, c, {
+        [s.anchorDark]: g === "dark"
       }),
       href: r,
       target: h,
-      ...n,
-      ...l,
-      children: t
+      ..._,
+      ...d,
+      children: o
     }
-  ) : t;
+  ) : o;
 };
 export {
-  D as DSLogo
+  B as DSLogo
 };

package/notification.CxxAOdNV.js

@@ -0,0 +1,9 @@
+"use client";
+import "./chunks/jsx-runtime.C-kxDJ4g.js";
+import "./chunks/index.CvOaL64Y.js";
+import "./chunks/Icon.9gDIp6p4.js";
+import { D as e } from "./chunks/Notification.CUPOlHAX.js";
+import "./button.DX_nxoJC.js";
+export {
+  e as DSNotification
+};

package/notification.d.ts

@@ -0,0 +1 @@
+export * from './components/Notification/Notification'

package/{optioncheckbox.CYikfEsE.js → optioncheckbox.CUV1MQhh.js}

@@ -1,7 +1,7 @@
 "use client";
 import { j as e } from "./chunks/jsx-runtime.C-kxDJ4g.js";
 import { c as s } from "./chunks/index.CvOaL64Y.js";
-import { DSIcon as _ } from "./icon.CmAhxgHK.js";
+import { D as _ } from "./chunks/Icon.9gDIp6p4.js";
 import './assets/optioncheckbox.C-K1FLhc.css';const l = "_root_1sig6_125", k = "_root--disabled_1sig6_144", d = "_checkbox_1sig6_148", n = "_icon-check_1sig6_162", r = "_checkbox--checked_1sig6_181", x = "_checkbox--disabled_1sig6_184", m = "_label_1sig6_201", c = {
   root: l,
   "root--disabled": "_root--disabled_1sig6_144",
@@ -14,7 +14,7 @@ import './assets/optioncheckbox.C-K1FLhc.css';const l = "_root_1sig6_125", k = "
   "checkbox--disabled": "_checkbox--disabled_1sig6_184",
   checkboxDisabled: x,
   label: m
-}, j = ({
+}, D = ({
   label: i,
   checked: h,
   className: a,
@@ -39,5 +39,5 @@ import './assets/optioncheckbox.C-K1FLhc.css';const l = "_root_1sig6_125", k = "
   ] }) });
 };
 export {
-  j as OptionCheckbox
+  D as OptionCheckbox
 };

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@stihl-design-system/components",
   "private": false,
-  "version": "1.0.0-RC.2",
+  "version": "1.0.0-RC.4",
   "license": "SEE LICENSE IN LICENSE",
-  "homepage": "https://designsystem.stihl.de",
+  "homepage": "https://main--63440bbb95889041542a5ba3.chromatic.com",
   "keywords": [
     "stihl",
     "design",
@@ -57,7 +57,7 @@
     "build:copyUtilitiesBuild:fonts": "TARGET=./dist/styles/fonts && rm -rf $TARGET && mkdir -p $TARGET && cp -r ../utilities/dist/fonts/* $TARGET/",
     "build:copyUtilitiesBuild:partials": "TARGET=./dist/partials && rm -rf $TARGET && mkdir -p $TARGET && cp -r ../utilities/dist/partials/* $TARGET/",
     "build:storybook": "storybook build",
-    "build:propsOverview": "EXCLUDED_COMPS=**/Asterisk.tsx,**/CustomReactSelect.tsx,**/OptionCheckbox.tsx,**/SystemFeedback.tsx,**/Radio.tsx && react-docgen ./src/components/**/*.tsx -o ./src/stories/Introduction/component-props.json -i **/*.test.tsx,**/*.utils.tsx,$EXCLUDED_COMPS",
+    "build:propsOverview": "npx vite-node scripts/generatePropsOverview.ts",
     "release": "cp package.json LICENSE.md README.md ./dist && cd dist && npm publish",
     "preview": "vite preview",
     "storybook": "storybook dev -p 6006",
@@ -91,7 +91,7 @@
     "@testing-library/jest-dom": "^6.4.5",
     "@testing-library/react": "^15.0.7",
     "@types/node": "^20.12.12",
-    "@types/react": "^18.3.2",
+    "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
     "@types/react-syntax-highlighter": "^15.5.13",
     "@typescript-eslint/eslint-plugin": "^7.9.0",