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

package/components/RadioGroup/RadioGroup.d.ts

@@ -49,7 +49,7 @@ export interface RadioGroupProps extends Omit<FieldsetHTMLAttributes<HTMLFieldSe
     systemFeedback?: string;
     /** Set the value of the selected option */
     value?: string;
-    /** Callback function triggered when the value of the radio group changes */
+    /** Callback function called when the value of the radio group changes */
     onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
 }
 /**

package/components/SkipToContent/SkipToContent.d.ts

@@ -9,4 +9,4 @@ export type SkipToContentProps = {
  *
  * Focus the section below by using the tab key to see the "Skip To Content" component in action.
  */
-export declare const DSSkipToContent: ({ children, className, targetElementId, theme, }: SkipToContentProps) => JSX.Element;
+export declare const DSSkipToContent: ({ children, className, targetElementId, theme, ...rest }: SkipToContentProps) => JSX.Element;

package/components/Switch/Switch.d.ts

@@ -21,7 +21,7 @@ export interface SwitchProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     loading?: boolean;
     /** Stretches the Switch over the parent's width */
     stretched?: boolean;
-    /** Callback function triggered when the switch is clicked */
+    /** Callback function called when the switch is clicked */
     onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
 }
 /**

package/components/Toast/Toast.d.ts

@@ -17,5 +17,8 @@ export interface ToastProps extends Omit<HTMLAttributes<HTMLElement>, 'onClick'
 }
 /**
  * Toasts are small, non-intrusive messages that appear temporarily to provide feedback or information.
+ *
+ * <div className="ds-info">For more information on the different types of notifications and to determine which is best suited for your needs, please refer to our [Notification Guidelines](/docs/templates-notification-guidelines--documentation) and explore the decision trees provided.</div>
+ *
  * */
 export declare const DSToast: import('react').ForwardRefExoticComponent<ToastProps & import('react').RefAttributes<HTMLDivElement>>;

package/{customreactselect.CD58gwtp.js → customreactselect.BxkJi_UE.js}

@@ -2,7 +2,7 @@
 import "./chunks/jsx-runtime.C115EyI4.js";
 import "./chunks/index.CvOaL64Y.js";
 import "react";
-import { c as l } from "./chunks/CustomReactSelect.5dHi6PEO.js";
+import { c as l } from "./chunks/CustomReactSelect.BVv0Zcvc.js";
 import "./chunks/useBreakpoint.5xBNDiCf.js";
 import "./asterisk.Cjbk-xZi.js";
 import "./chunks/Icon.n4XZrQ4N.js";

package/dialog.CVFl9IVY.js

@@ -0,0 +1,9 @@
+"use client";
+import "./chunks/jsx-runtime.C115EyI4.js";
+import "./chunks/index.CvOaL64Y.js";
+import "react";
+import "./button.DPrDynn_.js";
+import { D as e } from "./chunks/Dialog.o7bcfCBf.js";
+export {
+  e as DSDialog
+};

package/drawer.BheN3lap.js

@@ -0,0 +1,9 @@
+"use client";
+import "./chunks/jsx-runtime.C115EyI4.js";
+import "./chunks/index.CvOaL64Y.js";
+import "react";
+import "./button.DPrDynn_.js";
+import { D as e } from "./chunks/Drawer.VbG4cfgJ.js";
+export {
+  e as DSDrawer
+};

package/drawer.d.ts

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

package/index.d.ts

@@ -8,6 +8,10 @@ export * from './components/CheckboxGroup/CheckboxGroup';
 export * from './components/CheckboxGroup/CheckboxGroup.utils';
 export * from './components/Combobox/Combobox';
 export * from './components/Combobox/Combobox.utils';
+export * from './components/Dialog/Dialog';
+export * from './components/Dialog/Dialog.utils';
+export * from './components/Drawer/Drawer';
+export * from './components/Drawer/Drawer.utils';
 export * from './components/Fieldset/Fieldset';
 export * from './components/Fieldset/Fieldset.utils';
 export * from './components/FloatingActionButton/FloatingActionButton';

package/index.es.js

@@ -1,39 +1,41 @@
 "use client";
 import { DSAriaLiveRegions as x } from "./arialiveregions.BK4T7Vhk.js";
-import { DSButton as u } from "./button.L1lgCuM9.js";
-import { DSButtonRound as c } from "./buttonround.ddSqXjYf.js";
-import { DSCheckbox as f } from "./checkbox.DNHdo6_n.js";
-import { D as E, v as A } from "./chunks/CheckboxGroup.DsQ6lI5a.js";
-import { DSCombobox as g } from "./combobox.CRlhqmuO.js";
-import { C as P, b as C, a as R, D as L, v as B } from "./chunks/CustomReactSelect.5dHi6PEO.js";
-import { D as X, v as b } from "./chunks/Fieldset.B1vsrHNv.js";
-import { DSFloatingActionButton as Z } from "./floatingactionbutton.D_e4vz2G.js";
-import { DSHeading as H } from "./heading.BTNroD1E.js";
-import { D as M, I as w, u as V } from "./chunks/Icon.n4XZrQ4N.js";
-import { DSInput as y } from "./input.DqSOhSMX.js";
-import { I as Y, M as q, a as j, S as z, U as J, h as Q, i as $, c as oo, s as eo, v as ao, b as to } from "./chunks/Input.utils.BGUhXCNP.js";
-import { D as so, v as po } from "./chunks/InputPassword.a7zHKrmM.js";
-import { D as So, i as lo, v as mo } from "./chunks/InputSearch.DITRiB92.js";
-import { D as Io, v as To } from "./chunks/InputStepper.Bf8NZ9pb.js";
-import { DSLink as xo } from "./link.SAcKvzJ3.js";
-import { DSLinkStandalone as No } from "./linkstandalone.DNe0Nydm.js";
-import { DSLogo as _o } from "./logo.BR_CUXFl.js";
-import { D as ho, a as Eo, N as Ao } from "./chunks/Notification.DVVuSOqG.js";
-import { D as go, a as vo, o as Po, v as Co } from "./chunks/RadioGroup.BO4pbAJw.js";
-import { D as Lo, S as Bo, g as Uo, v as Xo } from "./chunks/Select.COdS787F.js";
-import { DSSkipToContent as Go } from "./skiptocontent._YZRKxnc.js";
-import { DSSpinner as Fo } from "./spinner.DVa112nj.js";
-import { DSSwitch as ko } from "./switch.rd7PdLc9.js";
-import { DSText as wo } from "./text.CrYUewrP.js";
-import { D as Ko, T as yo, v as Wo } from "./chunks/Textarea.oqCrSopu.js";
-import { DSTitle as qo } from "./title.Dvp8LKJt.js";
-import { DSToastProvider as zo, useDSToast as Jo } from "./toastmanager.BncH_rUP.js";
-const o = ["medium", "small"], e = [
+import { DSButton as N } from "./button.DPrDynn_.js";
+import { DSButtonRound as _ } from "./buttonround.ix_-O4l1.js";
+import { DSCheckbox as f } from "./checkbox.hoVQ37RP.js";
+import { D as h, v as A } from "./chunks/CheckboxGroup.kG1WWhe_.js";
+import { DSCombobox as O } from "./combobox.Dgp3kvFR.js";
+import { C as P, b as C, a as R, D as L, v as B } from "./chunks/CustomReactSelect.BVv0Zcvc.js";
+import { D as X, v as b } from "./chunks/Dialog.o7bcfCBf.js";
+import { a as Z, D as F, v as H } from "./chunks/Drawer.VbG4cfgJ.js";
+import { D as w, v as M } from "./chunks/Fieldset.B1vsrHNv.js";
+import { DSFloatingActionButton as K } from "./floatingactionbutton.D_e4vz2G.js";
+import { DSHeading as y } from "./heading.BTNroD1E.js";
+import { D as q, I as j, u as z } from "./chunks/Icon.n4XZrQ4N.js";
+import { DSInput as Q } from "./input.CfO9lL_o.js";
+import { I as oo, M as ao, a as eo, S as ro, U as to, h as so, i as po, c as io, s as So, v as lo, b as mo } from "./chunks/Input.utils.BGUhXCNP.js";
+import { D as no, v as Io } from "./chunks/InputPassword.TlusvIds.js";
+import { D as xo, i as No, v as uo } from "./chunks/InputSearch.BbCdCCax.js";
+import { D as co, v as fo } from "./chunks/InputStepper.DR3NR_II.js";
+import { DSLink as ho } from "./link.CIY7SOpm.js";
+import { DSLinkStandalone as vo } from "./linkstandalone.DNe0Nydm.js";
+import { DSLogo as go } from "./logo.CqukakYv.js";
+import { D as Co, a as Ro, N as Lo } from "./chunks/Notification.B6a6FOlS.js";
+import { D as Uo, a as Xo, o as bo, v as Go } from "./chunks/RadioGroup.BO4pbAJw.js";
+import { D as Fo, S as Ho, g as ko, v as wo } from "./chunks/Select.COdS787F.js";
+import { DSSkipToContent as Vo } from "./skiptocontent.ALhHiH8t.js";
+import { DSSpinner as Wo } from "./spinner.DVa112nj.js";
+import { DSSwitch as Yo } from "./switch.rd7PdLc9.js";
+import { DSText as jo } from "./text.CrYUewrP.js";
+import { D as Jo, T as Qo, v as $o } from "./chunks/Textarea.oqCrSopu.js";
+import { DSTitle as aa } from "./title.Dvp8LKJt.js";
+import { DSToastProvider as ra, useDSToast as ta } from "./toastmanager.6mUZ8eCN.js";
+const o = ["medium", "small"], a = [
   "filled",
   "highlight",
   "outline",
   "ghost"
-], a = ["filled", "highlight"], t = [
+], e = ["filled", "highlight"], r = [
   "x-large",
   "x-large-uppercase",
   "large",
@@ -42,7 +44,7 @@ const o = ["medium", "small"], e = [
   "medium-uppercase",
   "small",
   "small-uppercase"
-], r = ["h1", "h2", "h3", "h4", "h5", "h6"], s = ["medium", "small"], p = [
+], t = ["h1", "h2", "h3", "h4", "h5", "h6"], s = ["medium", "small"], p = [
   "filled",
   "highlight",
   "outline",
@@ -69,81 +71,86 @@ const o = ["medium", "small"], e = [
   "small",
   "x-small",
   "xx-small"
-], n = ["bold", "normal"], I = ["x-large", "large"];
+], D = ["bold", "normal"], n = ["x-large", "large"];
 export {
-  a as BUTTON_ROUND_VARIANT,
+  e as BUTTON_ROUND_VARIANT,
   o as BUTTON_SIZE,
-  e as BUTTON_VARIANT,
+  a as BUTTON_VARIANT,
   P as COMBOBOX_SIZE,
+  Z as DRAWER_POSITION,
   x as DSAriaLiveRegions,
-  u as DSButton,
-  c as DSButtonRound,
+  N as DSButton,
+  _ as DSButtonRound,
   f as DSCheckbox,
-  E as DSCheckboxGroup,
-  g as DSCombobox,
-  X as DSFieldset,
-  Z as DSFloatingActionButton,
-  H as DSHeading,
-  M as DSIcon,
-  y as DSInput,
-  so as DSInputPassword,
-  So as DSInputSearch,
-  Io as DSInputStepper,
-  xo as DSLink,
-  No as DSLinkStandalone,
-  _o as DSLogo,
-  ho as DSNotification,
-  go as DSRadioGroup,
-  Lo as DSSelect,
-  Go as DSSkipToContent,
-  Fo as DSSpinner,
-  ko as DSSwitch,
-  wo as DSText,
-  Ko as DSTextarea,
-  qo as DSTitle,
-  zo as DSToastProvider,
+  h as DSCheckboxGroup,
+  O as DSCombobox,
+  X as DSDialog,
+  F as DSDrawer,
+  w as DSFieldset,
+  K as DSFloatingActionButton,
+  y as DSHeading,
+  q as DSIcon,
+  Q as DSInput,
+  no as DSInputPassword,
+  xo as DSInputSearch,
+  co as DSInputStepper,
+  ho as DSLink,
+  vo as DSLinkStandalone,
+  go as DSLogo,
+  Co as DSNotification,
+  Uo as DSRadioGroup,
+  Fo as DSSelect,
+  Vo as DSSkipToContent,
+  Wo as DSSpinner,
+  Yo as DSSwitch,
+  jo as DSText,
+  Jo as DSTextarea,
+  aa as DSTitle,
+  ra as DSToastProvider,
   C as DS_COMBOBOX_TRANSLATIONS,
   R as DS_COMBOBOX_TRANSLATIONS_DE,
   L as DS_COMBOBOX_TRANSLATIONS_EN,
-  t as HEADING_SIZE,
-  r as HEADING_TAG,
-  w as ICON_SIZE,
-  Y as INPUT_SIZE,
+  r as HEADING_SIZE,
+  t as HEADING_TAG,
+  j as ICON_SIZE,
+  oo as INPUT_SIZE,
   s as LINK_SIZE,
   i as LINK_STANDALONE_VARIANT,
   p as LINK_VARIANT,
-  q as MAX_PREFIX_LENGTH,
-  j as MAX_SUFFIX_LENGTH,
-  Eo as NOTIFICATION_ICONS,
-  Ao as NOTIFICATION_VARIANT,
-  Bo as SELECT_SIZE,
+  ao as MAX_PREFIX_LENGTH,
+  eo as MAX_SUFFIX_LENGTH,
+  Ro as NOTIFICATION_ICONS,
+  Lo as NOTIFICATION_VARIANT,
+  Ho as SELECT_SIZE,
   S as SPINNER_SIZE,
-  z as SUPPORTED_INPUT_TYPES,
-  yo as TEXTAREA_SIZE,
+  ro as SUPPORTED_INPUT_TYPES,
+  Qo as TEXTAREA_SIZE,
   m as TEXT_SIZE,
   l as TEXT_TAG,
-  n as TEXT_WEIGHT,
-  I as TITLE_SIZE,
-  J as UNSUPPORTED_INPUT_TYPES,
-  Uo as getIsPlaceholderSelected,
-  Q as hasShowPickerSupport,
-  $ as isCalendarInput,
-  oo as isTimeInput,
-  lo as isWithinForm,
-  vo as optionsHaveCustomArea,
-  Po as optionsHaveHint,
-  eo as showCustomCalendarOrTimeIndicator,
-  Jo as useDSToast,
-  V as useDynamicSvgImport,
+  D as TEXT_WEIGHT,
+  n as TITLE_SIZE,
+  to as UNSUPPORTED_INPUT_TYPES,
+  ko as getIsPlaceholderSelected,
+  so as hasShowPickerSupport,
+  po as isCalendarInput,
+  io as isTimeInput,
+  No as isWithinForm,
+  Xo as optionsHaveCustomArea,
+  bo as optionsHaveHint,
+  So as showCustomCalendarOrTimeIndicator,
+  ta as useDSToast,
+  z as useDynamicSvgImport,
   A as validateCheckboxGroupProps,
   B as validateComboboxProps,
-  b as validateFieldsetProps,
-  po as validateInputPasswordProps,
-  ao as validateInputProps,
-  mo as validateInputSearchProps,
-  To as validateInputStepperProps,
-  Co as validateRadioGroupProps,
-  Xo as validateSelectProps,
-  Wo as validateTextareaProps,
-  to as validateType
+  b as validateDialogProps,
+  H as validateDrawerProps,
+  M as validateFieldsetProps,
+  Io as validateInputPasswordProps,
+  lo as validateInputProps,
+  uo as validateInputSearchProps,
+  fo as validateInputStepperProps,
+  Go as validateRadioGroupProps,
+  wo as validateSelectProps,
+  $o as validateTextareaProps,
+  mo as validateType
 };

package/{input.DqSOhSMX.js → input.CfO9lL_o.js}

@@ -4,7 +4,7 @@ import { c as l } from "./chunks/index.CvOaL64Y.js";
 import { useState as x, useRef as k, useLayoutEffect as w, useEffect as ia } from "react";
 import { u as sa } from "./chunks/useBreakpoint.5xBNDiCf.js";
 import { Asterisk as ea } from "./asterisk.Cjbk-xZi.js";
-import { DSButton as E } from "./button.L1lgCuM9.js";
+import { DSButton as E } from "./button.DPrDynn_.js";
 import { D as la } from "./chunks/Icon.n4XZrQ4N.js";
 import { DSSystemFeedback as oa } from "./systemfeedback.CUWch42u.js";
 import { v as da, b as ca, M as _a, a as ua, s as fa, c as ra, i as v } from "./chunks/Input.utils.BGUhXCNP.js";

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

@@ -4,9 +4,9 @@ import "./chunks/index.CvOaL64Y.js";
 import "react";
 import "./chunks/useBreakpoint.5xBNDiCf.js";
 import "./asterisk.Cjbk-xZi.js";
-import "./button.L1lgCuM9.js";
+import "./button.DPrDynn_.js";
 import "./systemfeedback.CUWch42u.js";
-import { D as n } from "./chunks/InputPassword.a7zHKrmM.js";
+import { D as n } from "./chunks/InputPassword.TlusvIds.js";
 export {
   n as DSInputPassword
 };

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

@@ -5,9 +5,9 @@ import "react";
 import "./chunks/helpers.B1JT5ShS.js";
 import "./chunks/useBreakpoint.5xBNDiCf.js";
 import "./asterisk.Cjbk-xZi.js";
-import "./button.L1lgCuM9.js";
+import "./button.DPrDynn_.js";
 import "./systemfeedback.CUWch42u.js";
-import { D as s } from "./chunks/InputSearch.DITRiB92.js";
+import { D as s } from "./chunks/InputSearch.BbCdCCax.js";
 export {
   s as DSInputSearch
 };

package/{inputstepper.DFQ4zC15.js → inputstepper.Dd76qaQT.js}

@@ -4,10 +4,10 @@ import "./chunks/index.CvOaL64Y.js";
 import "react";
 import "./chunks/useBreakpoint.5xBNDiCf.js";
 import "./asterisk.Cjbk-xZi.js";
-import "./button.L1lgCuM9.js";
+import "./button.DPrDynn_.js";
 import "./chunks/Input.utils.BGUhXCNP.js";
 import "./systemfeedback.CUWch42u.js";
-import { D } from "./chunks/InputStepper.Bf8NZ9pb.js";
+import { D } from "./chunks/InputStepper.DR3NR_II.js";
 export {
   D as DSInputStepper
 };

package/link.CIY7SOpm.js

@@ -0,0 +1,115 @@
+"use client";
+import { j as _ } from "./chunks/jsx-runtime.C115EyI4.js";
+import { c as g } from "./chunks/index.CvOaL64Y.js";
+import { u as i } from "./chunks/useBreakpoint.5xBNDiCf.js";
+import { D as F } from "./chunks/Icon.n4XZrQ4N.js";
+import './assets/link.BJHmVrew.css';const H = "_root_zrvhl_151", S = "_root--highlight_zrvhl_218", x = "_root--dark-highlight_zrvhl_218", b = "_root--filled_zrvhl_296", j = "_root--outline_zrvhl_324", L = "_root--ghost_zrvhl_351", C = "_root--ghost-flush_zrvhl_376", N = "_root--small_zrvhl_382", T = "_root--dark-filled_zrvhl_459", B = "_root--dark-outline_zrvhl_518", E = "_root--dark-ghost_zrvhl_576", R = "_root--dark-ghost-flush_zrvhl_632", V = "_root--icon-left_zrvhl_691", q = "_root--icon-only_zrvhl_707", w = "_root--icon-only-small_zrvhl_716", A = "_label--hidden_zrvhl_727", o = {
+  root: H,
+  "root--highlight": "_root--highlight_zrvhl_218",
+  rootHighlight: S,
+  "root--dark-highlight": "_root--dark-highlight_zrvhl_218",
+  rootDarkHighlight: x,
+  "root--filled": "_root--filled_zrvhl_296",
+  rootFilled: b,
+  "root--outline": "_root--outline_zrvhl_324",
+  rootOutline: j,
+  "root--ghost": "_root--ghost_zrvhl_351",
+  rootGhost: L,
+  "root--ghost-flush": "_root--ghost-flush_zrvhl_376",
+  rootGhostFlush: C,
+  "root--small": "_root--small_zrvhl_382",
+  rootSmall: N,
+  "root--dark-filled": "_root--dark-filled_zrvhl_459",
+  rootDarkFilled: T,
+  "root--dark-outline": "_root--dark-outline_zrvhl_518",
+  rootDarkOutline: B,
+  "root--dark-ghost": "_root--dark-ghost_zrvhl_576",
+  rootDarkGhost: E,
+  "root--dark-ghost-flush": "_root--dark-ghost-flush_zrvhl_632",
+  rootDarkGhostFlush: R,
+  "root--icon-left": "_root--icon-left_zrvhl_691",
+  rootIconLeft: V,
+  "root--icon-only": "_root--icon-only_zrvhl_707",
+  rootIconOnly: q,
+  "root--icon-only-small": "_root--icon-only-small_zrvhl_716",
+  rootIconOnlySmall: w,
+  "label--hidden": "_label--hidden_zrvhl_727",
+  labelHidden: A
+}, Q = ({
+  children: c,
+  aria: k,
+  className: u,
+  dataTrackingid: f,
+  download: z,
+  hideLabel: h = !1,
+  href: n,
+  iconName: a,
+  iconPosition: m = "left",
+  iconSource: e,
+  isFlush: r = !1,
+  referrerPolicy: v,
+  rel: D,
+  size: s = "medium",
+  target: y = "_self",
+  theme: l = "light",
+  variant: t = "filled",
+  ...G
+}) => {
+  const O = g(o.root, u, {
+    // 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]: m === "left",
+    // icon only
+    [o.rootIconOnly]: i(h) && s === "medium",
+    [o.rootIconOnlySmall]: i(h) && s === "small"
+  }), I = g({
+    // hide label only visually to keep them available for assistive technologies
+    [o.labelHidden]: i(h)
+  }), p = l === "light" && t === "filled" || l === "dark" && t === "outline" || l === "dark" && t === "ghost" ? "dark" : "light", d = n === void 0 ? "span" : "a";
+  return /* @__PURE__ */ _.jsxs(
+    d,
+    {
+      className: O,
+      "data-trackingid": f,
+      ...d === "a" && {
+        href: n,
+        target: y,
+        rel: D,
+        referrerPolicy: v,
+        download: z
+      },
+      ...k,
+      ...G,
+      children: [
+        /* @__PURE__ */ _.jsx("span", { className: I, children: c }),
+        (a || e) && /* @__PURE__ */ _.jsx(
+          F,
+          {
+            name: a,
+            theme: p,
+            source: e,
+            "aria-hidden": "true"
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  Q as DSLink
+};

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.BGRev3jC.js}

@@ -1,9 +1,9 @@
 "use client";
 import "./chunks/jsx-runtime.C115EyI4.js";
 import "./chunks/index.CvOaL64Y.js";
+import "./button.DPrDynn_.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.B6a6FOlS.js";
 export {
   e as DSNotification
 };

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.8",
   "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/replaceUseInsertionEffect.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",
@@ -76,7 +76,7 @@
   "devDependencies": {
     "@babel/core": "^7.24.9",
     "@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",