@stihl-design-system/components 1.0.0-RC.7 → 1.0.0-RC.9

package/input.lLMqAG-6.js

@@ -0,0 +1,236 @@
+"use client";
+import { j as a } from "./chunks/jsx-runtime.C115EyI4.js";
+import { c as l } from "./chunks/index.CvOaL64Y.js";
+import { useState as m, useRef as v, useEffect as ti } from "react";
+import { u as si } from "./chunks/useBreakpoint.5xBNDiCf.js";
+import { v as ei, b as li, M as oi, a as ui, u as w, s as ci, c as di, i as C } from "./chunks/Input.utils.ChV6RJsh.js";
+import { Asterisk as _i } from "./asterisk.DDn-yX4P.js";
+import { DSButton as E } from "./button.CkHCQg3Y.js";
+import { D as fi } from "./chunks/Icon.n4XZrQ4N.js";
+import { DSSystemFeedback as ri } from "./systemfeedback._8gatmgR.js";
+import './assets/input.C0MrSbQu.css';const pi = "_input_13i6u_226", mi = "_input--invalid_13i6u_338", hi = "_input--small_13i6u_345", bi = "_input--has-leading-icon_13i6u_399", xi = "_input--has-action-button_13i6u_402", gi = "_input--has-second-action-button_13i6u_405", Ii = "_input--has-affix_13i6u_417", Si = "_input--is-ready_13i6u_431", yi = "_root_13i6u_438", Hi = "_hint_13i6u_446", ki = "_label_13i6u_446", vi = "_wrapper_13i6u_450", Ci = "_affix_13i6u_456", Ri = "_affix--small_13i6u_478", ji = "_affix--disabled_13i6u_492", Di = "_prefix_13i6u_495", Li = "_affix--readonly_13i6u_498", Ai = "_suffix_13i6u_508", Ni = "_leading-icon_13i6u_515", Bi = "_leading-icon--small_13i6u_527", wi = "_leading-icon--disabled_13i6u_530", Ei = "_action-button_13i6u_539", Ti = "_label--hidden_13i6u_558", Fi = "_feedback_13i6u_587", i = {
+  input: pi,
+  "input--invalid": "_input--invalid_13i6u_338",
+  inputInvalid: mi,
+  "input--small": "_input--small_13i6u_345",
+  inputSmall: hi,
+  "input--has-leading-icon": "_input--has-leading-icon_13i6u_399",
+  inputHasLeadingIcon: bi,
+  "input--has-action-button": "_input--has-action-button_13i6u_402",
+  inputHasActionButton: xi,
+  "input--has-second-action-button": "_input--has-second-action-button_13i6u_405",
+  inputHasSecondActionButton: gi,
+  "input--has-affix": "_input--has-affix_13i6u_417",
+  inputHasAffix: Ii,
+  "input--is-ready": "_input--is-ready_13i6u_431",
+  inputIsReady: Si,
+  root: yi,
+  hint: Hi,
+  label: ki,
+  wrapper: vi,
+  affix: Ci,
+  "affix--small": "_affix--small_13i6u_478",
+  affixSmall: Ri,
+  "affix--disabled": "_affix--disabled_13i6u_492",
+  affixDisabled: ji,
+  prefix: Di,
+  "affix--readonly": "_affix--readonly_13i6u_498",
+  affixReadonly: Li,
+  suffix: Ai,
+  "leading-icon": "_leading-icon_13i6u_515",
+  leadingIcon: Ni,
+  "leading-icon--small": "_leading-icon--small_13i6u_527",
+  leadingIconSmall: Bi,
+  "leading-icon--disabled": "_leading-icon--disabled_13i6u_530",
+  leadingIconDisabled: wi,
+  "action-button": "_action-button_13i6u_539",
+  actionButton: Ei,
+  "label--hidden": "_label--hidden_13i6u_558",
+  labelHidden: Ti,
+  feedback: Fi
+}, Ji = ({
+  id: c,
+  label: R,
+  actionButtonLabel: T,
+  actionButtonIconName: _,
+  actionButtonIconSource: h,
+  actionButtonOnClick: F,
+  className: P,
+  disabled: t = !1,
+  hint: b,
+  hideLabel: O = !1,
+  invalid: f = !1,
+  leadingIconName: r,
+  leadingIconSource: p,
+  prefix: s,
+  readonly: d = !1,
+  required: j = !1,
+  size: e = "medium",
+  suffix: n,
+  systemFeedback: x,
+  type: o = "text",
+  ...$
+}) => {
+  process.env.NODE_ENV !== "production" && (ei({
+    id: c,
+    label: R,
+    prefix: s,
+    suffix: n,
+    leadingIconName: r,
+    leadingIconSource: p,
+    actionButtonIconName: _,
+    actionButtonIconSource: h
+  }), li(o));
+  const [W, X] = m(!1), [M, V] = m(!1), [g, G] = m(!1), [U, J] = m({}), I = v(null), K = s == null ? void 0 : s.substring(0, oi), S = v(null), Q = n == null ? void 0 : n.substring(0, ui), y = v(null), Y = si(O);
+  w(() => {
+    const u = e === "medium" ? 16 : 8, H = {};
+    if (S.current) {
+      const k = S.current.offsetWidth;
+      H.paddingInlineStart = u + k + "px";
+    }
+    if (y.current) {
+      const k = y.current.offsetWidth;
+      H.paddingInlineEnd = u + k + "px";
+    }
+    J(H), X(!0);
+  }, [s, n, e, M]), w(() => {
+    (async () => {
+      "fonts" in document && (await document.fonts.load(
+        '1em "STIHL Contraface Digital Text Regular"'
+      ), V(!0));
+    })();
+  }, []), ti(() => {
+    const u = ci(
+      C(o),
+      di(o)
+    );
+    G(u);
+  }, [o]);
+  const D = l(i.affix, {
+    [i.affixSmall]: e === "small",
+    [i.affixDisabled]: t,
+    [i.affixReadonly]: d
+  }), L = `${c}-label`, A = `${c}-feedback`, N = `${c}-hint`, Z = b ? ` ${N}` : "", q = l(i.root, P), z = l(i.input, {
+    // small input
+    [i.inputSmall]: e === "small",
+    // invalid state
+    [i.inputInvalid]: f,
+    // leading icon
+    [i.inputHasLeadingIcon]: r || p,
+    // prefix/suffix
+    [i.inputHasAffix]: s || n,
+    // action button
+    [i.inputHasActionButton]: _ || h || g,
+    [i.inputIsReady]: W
+  }), ii = l(i.label, {
+    // hide label only visually to keep them available for assistive technologies
+    [i.labelHidden]: Y
+  }), ai = l(i.leadingIcon, {
+    [i.leadingIconSmall]: e === "small",
+    [i.leadingIconDisabled]: t
+  }), B = l(i.actionButton, {
+    [i.actionButtonSmall]: e === "small"
+  }), ni = (u) => {
+    I.current && !t && !d && I.current.showPicker(), u.preventDefault();
+  };
+  return /* @__PURE__ */ a.jsxs("div", { className: q, children: [
+    /* @__PURE__ */ a.jsxs("label", { className: ii, id: L, htmlFor: c, children: [
+      R,
+      j && /* @__PURE__ */ a.jsx(_i, {})
+    ] }),
+    b && /* @__PURE__ */ a.jsx("div", { className: i.hint, id: N, children: b }),
+    f && x && /* @__PURE__ */ a.jsx(
+      ri,
+      {
+        className: i.feedback,
+        message: x,
+        type: "invalid",
+        id: A
+      }
+    ),
+    /* @__PURE__ */ a.jsxs("div", { className: i.wrapper, children: [
+      s && /* @__PURE__ */ a.jsx(
+        "span",
+        {
+          className: l(D, i.prefix),
+          ref: S,
+          "aria-disabled": t,
+          children: K
+        }
+      ),
+      !s && (r || p) && /* @__PURE__ */ a.jsx(
+        fi,
+        {
+          name: r,
+          theme: "light",
+          source: p,
+          className: ai,
+          "aria-hidden": "true"
+        }
+      ),
+      /* @__PURE__ */ a.jsx(
+        "input",
+        {
+          type: o,
+          className: z,
+          id: c,
+          ref: I,
+          ...$,
+          style: U,
+          "aria-labelledby": `${L}${Z}`,
+          "aria-describedby": f && x ? A : void 0,
+          "aria-invalid": f,
+          "aria-disabled": d,
+          readOnly: d,
+          required: j,
+          disabled: t
+        }
+      ),
+      n && /* @__PURE__ */ a.jsx(
+        "span",
+        {
+          className: l(D, i.suffix),
+          ref: y,
+          "aria-disabled": t,
+          children: Q
+        }
+      ),
+      !n && !g && (_ || h) && /* @__PURE__ */ a.jsx(
+        E,
+        {
+          hideLabel: !0,
+          theme: "light",
+          iconName: _,
+          variant: "ghost",
+          className: B,
+          size: e,
+          onClick: F,
+          type: "button",
+          disabled: t || d,
+          children: T
+        }
+      ),
+      !n && g && !d && !t && /* @__PURE__ */ a.jsxs(
+        E,
+        {
+          hideLabel: !0,
+          theme: "light",
+          iconName: C(o) ? "calendar" : "clock",
+          variant: "ghost",
+          className: B,
+          size: e,
+          onClick: ni,
+          type: "button",
+          children: [
+            "Open ",
+            C(o) ? "date" : "time",
+            " picker"
+          ]
+        }
+      )
+    ] })
+  ] });
+};
+export {
+  Ji as DSInput
+};

package/{inputpassword.Ba9SUUIK.js → inputpassword.BIdYGrhB.js}

@@ -3,10 +3,10 @@ import "./chunks/jsx-runtime.C115EyI4.js";
 import "./chunks/index.CvOaL64Y.js";
 import "react";
 import "./chunks/useBreakpoint.5xBNDiCf.js";
-import "./asterisk.Cjbk-xZi.js";
-import "./button.L1lgCuM9.js";
-import "./systemfeedback.CUWch42u.js";
-import { D as n } from "./chunks/InputPassword.a7zHKrmM.js";
+import "./asterisk.DDn-yX4P.js";
+import "./button.CkHCQg3Y.js";
+import "./systemfeedback._8gatmgR.js";
+import { D as n } from "./chunks/InputPassword.CSc1c98k.js";
 export {
   n as DSInputPassword
 };

package/{inputsearch.BK-0OTwA.js → inputsearch.DleOblJp.js}

@@ -4,10 +4,10 @@ import "./chunks/index.CvOaL64Y.js";
 import "react";
 import "./chunks/helpers.B1JT5ShS.js";
 import "./chunks/useBreakpoint.5xBNDiCf.js";
-import "./asterisk.Cjbk-xZi.js";
-import "./button.L1lgCuM9.js";
-import "./systemfeedback.CUWch42u.js";
-import { D as s } from "./chunks/InputSearch.DITRiB92.js";
+import "./asterisk.DDn-yX4P.js";
+import "./button.CkHCQg3Y.js";
+import "./systemfeedback._8gatmgR.js";
+import { D as s } from "./chunks/InputSearch.DrgdGFT_.js";
 export {
   s as DSInputSearch
 };

package/inputstepper.DWkHwOAn.js

@@ -0,0 +1,13 @@
+"use client";
+import "./chunks/jsx-runtime.C115EyI4.js";
+import "./chunks/index.CvOaL64Y.js";
+import "react";
+import "./chunks/useBreakpoint.5xBNDiCf.js";
+import "./chunks/Input.utils.ChV6RJsh.js";
+import "./asterisk.DDn-yX4P.js";
+import "./button.CkHCQg3Y.js";
+import "./systemfeedback._8gatmgR.js";
+import { D } from "./chunks/InputStepper.DJEuIr4C.js";
+export {
+  D as DSInputStepper
+};

package/link.KZaBufPM.js

@@ -0,0 +1,116 @@
+"use client";
+import { j as _ } from "./chunks/jsx-runtime.C115EyI4.js";
+import { c as e } from "./chunks/index.CvOaL64Y.js";
+import { u as i } from "./chunks/useBreakpoint.5xBNDiCf.js";
+import "react";
+import { D as H } from "./chunks/Icon.n4XZrQ4N.js";
+import './assets/link.vtTST2ki.css';const S = "_root_unbkm_151", x = "_root--highlight_unbkm_220", j = "_root--dark-highlight_unbkm_220", L = "_root--filled_unbkm_298", C = "_root--outline_unbkm_326", N = "_root--ghost_unbkm_353", T = "_root--ghost-flush_unbkm_378", B = "_root--small_unbkm_384", E = "_root--dark-filled_unbkm_461", R = "_root--dark-outline_unbkm_520", V = "_root--dark-ghost_unbkm_578", q = "_root--dark-ghost-flush_unbkm_634", w = "_root--icon-left_unbkm_693", A = "_root--icon-only_unbkm_709", J = "_root--icon-only-small_unbkm_718", K = "_label--hidden_unbkm_729", o = {
+  root: S,
+  "root--highlight": "_root--highlight_unbkm_220",
+  rootHighlight: x,
+  "root--dark-highlight": "_root--dark-highlight_unbkm_220",
+  rootDarkHighlight: j,
+  "root--filled": "_root--filled_unbkm_298",
+  rootFilled: L,
+  "root--outline": "_root--outline_unbkm_326",
+  rootOutline: C,
+  "root--ghost": "_root--ghost_unbkm_353",
+  rootGhost: N,
+  "root--ghost-flush": "_root--ghost-flush_unbkm_378",
+  rootGhostFlush: T,
+  "root--small": "_root--small_unbkm_384",
+  rootSmall: B,
+  "root--dark-filled": "_root--dark-filled_unbkm_461",
+  rootDarkFilled: E,
+  "root--dark-outline": "_root--dark-outline_unbkm_520",
+  rootDarkOutline: R,
+  "root--dark-ghost": "_root--dark-ghost_unbkm_578",
+  rootDarkGhost: V,
+  "root--dark-ghost-flush": "_root--dark-ghost-flush_unbkm_634",
+  rootDarkGhostFlush: q,
+  "root--icon-left": "_root--icon-left_unbkm_693",
+  rootIconLeft: w,
+  "root--icon-only": "_root--icon-only_unbkm_709",
+  rootIconOnly: A,
+  "root--icon-only-small": "_root--icon-only-small_unbkm_718",
+  rootIconOnlySmall: J,
+  "label--hidden": "_label--hidden_unbkm_729",
+  labelHidden: K
+}, X = ({
+  children: d,
+  aria: m,
+  className: g,
+  dataTrackingid: c,
+  download: b,
+  hideLabel: n = !1,
+  href: h,
+  iconName: k,
+  iconPosition: f = "left",
+  iconSource: u,
+  isFlush: r = !1,
+  referrerPolicy: D,
+  rel: y,
+  size: s = "medium",
+  target: G = "_self",
+  theme: l = "light",
+  variant: t = "filled",
+  ...O
+}) => {
+  const p = e(o.root, g, {
+    // 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]: s === "small",
+    // icon position
+    [o.rootIconLeft]: f === "left",
+    // icon only
+    [o.rootIconOnly]: i(n) && s === "medium",
+    [o.rootIconOnlySmall]: i(n) && s === "small"
+  }), I = e({
+    // hide label only visually to keep them available for assistive technologies
+    [o.labelHidden]: i(n)
+  }), F = l === "light" && t === "filled" || l === "dark" && t === "outline" || l === "dark" && t === "ghost" ? "dark" : "light", a = h === void 0 ? "span" : "a";
+  return /* @__PURE__ */ _.jsxs(
+    a,
+    {
+      className: p,
+      "data-trackingid": c,
+      ...a === "a" && {
+        href: h,
+        target: G,
+        rel: y,
+        referrerPolicy: D,
+        download: b
+      },
+      ...m,
+      ...O,
+      children: [
+        /* @__PURE__ */ _.jsx("span", { className: I, children: d }),
+        (k || u) && /* @__PURE__ */ _.jsx(
+          H,
+          {
+            name: k,
+            theme: F,
+            source: u,
+            "aria-hidden": "true"
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  X as DSLink
+};

package/linkstandalone.B6tN-NXD.js

@@ -0,0 +1,80 @@
+"use client";
+import { j as t } from "./chunks/jsx-runtime.C115EyI4.js";
+import { c as D } from "./chunks/index.CvOaL64Y.js";
+import { D as p } from "./chunks/Icon.n4XZrQ4N.js";
+import "react";
+import './assets/linkstandalone.BtAcziZ7.css';const x = "_link-standalone_cjaj8_76", H = "_link-standalone--highlight_cjaj8_141", v = "_link-standalone--neutral-dark_cjaj8_155", L = "_link-standalone--highlight-dark_cjaj8_201", N = "_link-standalone--active_cjaj8_247", I = "_link-standalone--icon-left_cjaj8_254", n = {
+  "link-standalone": "_link-standalone_cjaj8_76",
+  linkStandalone: x,
+  "link-standalone--highlight": "_link-standalone--highlight_cjaj8_141",
+  linkStandaloneHighlight: H,
+  "link-standalone--neutral-dark": "_link-standalone--neutral-dark_cjaj8_155",
+  linkStandaloneNeutralDark: v,
+  "link-standalone--highlight-dark": "_link-standalone--highlight-dark_cjaj8_201",
+  linkStandaloneHighlightDark: L,
+  "link-standalone--active": "_link-standalone--active_cjaj8_247",
+  linkStandaloneActive: N,
+  "link-standalone--icon-left": "_link-standalone--icon-left_cjaj8_254",
+  linkStandaloneIconLeft: I
+}, C = ({
+  children: s,
+  aria: d,
+  active: c,
+  className: _,
+  dataTrackingid: h,
+  download: r,
+  href: i,
+  iconName: e,
+  iconPosition: g = "left",
+  iconSource: o,
+  referrerPolicy: j,
+  rel: S,
+  target: u = "_self",
+  theme: a = "light",
+  variant: l = "neutral",
+  ...f
+}) => {
+  const m = D(n.linkStandalone, _, {
+    // variant
+    [n.linkStandaloneHighlight]: l === "highlight",
+    // theme
+    [n.linkStandaloneNeutralDark]: a === "dark" && l === "neutral",
+    [n.linkStandaloneHighlightDark]: a === "dark" && l === "highlight",
+    // active
+    [n.linkStandaloneActive]: c,
+    // icon position
+    [n.linkStandaloneIconLeft]: g === "left"
+  }), k = i === void 0 ? "span" : "a";
+  return /* @__PURE__ */ t.jsxs(
+    k,
+    {
+      className: m,
+      "data-trackingid": h,
+      ...k === "a" && {
+        href: i,
+        target: u,
+        rel: S,
+        referrerPolicy: j,
+        download: r
+      },
+      ...d,
+      ...f,
+      children: [
+        /* @__PURE__ */ t.jsx("span", { className: n.label, children: s }),
+        (e || o) && /* @__PURE__ */ t.jsx(
+          p,
+          {
+            name: e,
+            theme: a,
+            source: o,
+            size: "medium",
+            "aria-hidden": "true"
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  C as DSLinkStandalone
+};

package/{logo.BR_CUXFl.js → logo.CqukakYv.js}

@@ -1,33 +1,31 @@
 "use client";
 import { j as a } from "./chunks/jsx-runtime.C115EyI4.js";
-import { c as n } from "./chunks/index.CvOaL64Y.js";
-import './assets/logo.C05WqGId.css';const d = "_anchor_1z0x0_76", l = "_svg_1z0x0_77", v = "_anchor--dark_1z0x0_116", e = "_svg-background_1z0x0_147", u = "_svg-background--dark_1z0x0_150", i = "_svg-text_1z0x0_153", z = "_svg-text--dark_1z0x0_156", s = {
-  anchor: d,
-  svg: l,
-  "anchor--dark": "_anchor--dark_1z0x0_116",
-  anchorDark: v,
-  "svg-background": "_svg-background_1z0x0_147",
-  svgBackground: e,
-  "svg-background--dark": "_svg-background--dark_1z0x0_150",
+import { c as o } from "./chunks/index.CvOaL64Y.js";
+import './assets/logo.pETQEsvZ.css';const h = "_anchor_q0uqp_76", e = "_svg_q0uqp_77", k = "_svg-background_q0uqp_117", u = "_svg-background--dark_q0uqp_120", x = "_svg-text_q0uqp_123", q = "_svg-text--dark_q0uqp_126", s = {
+  anchor: h,
+  svg: e,
+  "svg-background": "_svg-background_q0uqp_117",
+  svgBackground: k,
+  "svg-background--dark": "_svg-background--dark_q0uqp_120",
   svgBackgroundDark: u,
-  "svg-text": "_svg-text_1z0x0_153",
-  svgText: i,
-  "svg-text--dark": "_svg-text--dark_1z0x0_156",
-  svgTextDark: z
-}, B = ({
-  aria: _,
-  className: c,
-  href: r,
-  target: h = "_self",
-  theme: g,
-  variant: k = "standard",
-  ...x
+  "svg-text": "_svg-text_q0uqp_123",
+  svgText: x,
+  "svg-text--dark": "_svg-text--dark_q0uqp_126",
+  svgTextDark: q
+}, m = ({
+  aria: n,
+  className: t,
+  href: g,
+  target: l = "_self",
+  theme: v,
+  variant: _ = "standard",
+  ...d
 }) => {
-  const t = k === "background" || g === "dark", o = /* @__PURE__ */ a.jsxs(
+  const r = _ === "background" || v === "dark", c = /* @__PURE__ */ a.jsxs(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
-      className: n(s.svg, !r && c),
+      className: o(s.svg, !g && t),
       viewBox: "0 0 408 179",
       width: "100%",
       height: "100%",
@@ -36,34 +34,32 @@ import './assets/logo.C05WqGId.css';const d = "_anchor_1z0x0_76", l = "_svg_1z0x
         /* @__PURE__ */ a.jsx(
           "path",
           {
-            className: t ? s.svgBackgroundDark : s.svgBackground,
+            className: r ? s.svgBackgroundDark : s.svgBackground,
             d: "M408 0H0v179h408V0Z"
           }
         ),
         /* @__PURE__ */ a.jsx(
           "path",
           {
-            className: t ? s.svgTextDark : s.svgText,
+            className: r ? 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"
           }
         )
       ]
     }
   );
-  return r ? /* @__PURE__ */ a.jsx(
+  return g ? /* @__PURE__ */ a.jsx(
     "a",
     {
-      className: n(s.anchor, c, {
-        [s.anchorDark]: g === "dark"
-      }),
-      href: r,
-      target: h,
-      ..._,
-      ...x,
-      children: o
+      className: o(s.anchor, t),
+      href: g,
+      target: l,
+      ...n,
+      ...d,
+      children: c
     }
-  ) : o;
+  ) : c;
 };
 export {
-  B as DSLogo
+  m as DSLogo
 };

package/{notification.Csn5QCR2.js → notification.DdJjbSdM.js}

@@ -1,9 +1,9 @@
 "use client";
 import "./chunks/jsx-runtime.C115EyI4.js";
 import "./chunks/index.CvOaL64Y.js";
+import "./button.CkHCQg3Y.js";
 import "./chunks/Icon.n4XZrQ4N.js";
-import { D as e } from "./chunks/Notification.DVVuSOqG.js";
-import "./button.L1lgCuM9.js";
+import { D as e } from "./chunks/Notification.B68mMDiB.js";
 export {
   e as DSNotification
 };

package/optioncheckbox.DwQEfxGG.js

@@ -0,0 +1,43 @@
+"use client";
+import { j as o } from "./chunks/jsx-runtime.C115EyI4.js";
+import { c as s } from "./chunks/index.CvOaL64Y.js";
+import { D as _ } from "./chunks/Icon.n4XZrQ4N.js";
+import './assets/optioncheckbox.BJJAph5_.css';const l = "_root_oj6mx_151", i = "_root--disabled_oj6mx_172", k = "_checkbox_oj6mx_176", d = "_icon-check_oj6mx_192", n = "_checkbox--checked_oj6mx_213", r = "_checkbox--disabled_oj6mx_216", m = "_label_oj6mx_233", c = {
+  root: l,
+  "root--disabled": "_root--disabled_oj6mx_172",
+  rootDisabled: i,
+  checkbox: k,
+  "icon-check": "_icon-check_oj6mx_192",
+  iconCheck: d,
+  "checkbox--checked": "_checkbox--checked_oj6mx_213",
+  checkboxChecked: n,
+  "checkbox--disabled": "_checkbox--disabled_oj6mx_216",
+  checkboxDisabled: r,
+  label: m
+}, D = ({
+  label: x,
+  checked: h,
+  className: a,
+  disabled: e
+}) => {
+  const b = s(c.root, {
+    [c.rootDisabled]: e
+  }), t = s(c.checkbox, {
+    [c.checkboxDisabled]: e,
+    [c.checkboxChecked]: h
+  });
+  return /* @__PURE__ */ o.jsx("div", { className: a, children: /* @__PURE__ */ o.jsxs("div", { className: b, children: [
+    /* @__PURE__ */ o.jsx("span", { className: t, children: /* @__PURE__ */ o.jsx(
+      _,
+      {
+        name: "check",
+        className: c.iconCheck,
+        "aria-hidden": "true"
+      }
+    ) }),
+    /* @__PURE__ */ o.jsx("span", { className: c.label, children: x })
+  ] }) });
+};
+export {
+  D as OptionCheckbox
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@stihl-design-system/components",
   "private": false,
-  "version": "1.0.0-RC.7",
+  "version": "1.0.0-RC.9",
   "license": "SEE LICENSE IN LICENSE",
   "homepage": "https://main--63440bbb95889041542a5ba3.chromatic.com",
   "keywords": [
@@ -49,7 +49,7 @@
     "dev": "npm run storybook",
     "prebuild": "npm run build:propsOverview",
     "build": "npm run build:components && npm run build:storybook",
-    "build:components": "tsc && vite build && npm run build:copyUtilitiesBuild && npm run build:copyTypes && cp package.json ./dist",
+    "build:components": "tsc && vite build && npm run build:copyUtilitiesBuild && npm run build:copyTypes && cp package.json ./dist && npx vite-node scripts/cleanDistPackageJSON.ts",
     "build:copyComponents": "npm run build:components && ../../copyDistToExampleApps.sh '../../'",
     "build:copyTypes": "TARGET=./dist/types && rm -rf $TARGET && mkdir -p $TARGET && cp -r ./src/types/* $TARGET/",
     "build:copyUtilitiesBuild": "npm run build:copyUtilitiesBuild:scss && npm run build:copyUtilitiesBuild:fonts && npm run build:copyUtilitiesBuild:partials",
@@ -60,7 +60,7 @@
     "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",
+    "storybook": "storybook dev -p 6006 --no-open",
     "sync": "npm run build && anima-storybook sync",
     "lint": "eslint -c .eslintrc.cjs './src/**/*.{ts,tsx}'",
     "pretest:smoke": "npm run build:components && npm run build:propsOverview",
@@ -75,8 +75,10 @@
   },
   "devDependencies": {
     "@babel/core": "^7.24.9",
+    "@emotion/react": "^11.11.4",
+    "@emotion/styled": "^11.11.0",
     "@juggle/resize-observer": "^3.4.0",
-    "@playwright/test": "^1.45.2",
+    "@playwright/test": "^1.46.0",
     "@react-docgen/cli": "^2.0.3",
     "@storybook/addon-a11y": "^8.2.4",
     "@storybook/addon-actions": "^8.2.4",