@stihl-design-system/components 1.0.0-RC.12 → 1.0.0-RC.13

package/chunks/{Notification.o6pagKQy.js → Notification.nx5vTamN.js}

@@ -1,38 +1,38 @@
 "use client";
 import { j as n } from "./jsx-runtime.C115EyI4.js";
 import { c as s } from "./index.CvOaL64Y.js";
-import { DSButton as u } from "../button.M4nXjcUn.js";
-import { D as j } from "./Icon.BCmt_XBG.js";
-import '../assets/Notification.DbRapUJo.css';const g = "ds-notification_root_1cajm_1", N = "ds-notification_root--success_1cajm_26", h = "ds-notification_root--error_1cajm_30", I = "ds-notification_root--warning_1cajm_34", x = "ds-notification_root--hide-icon_1cajm_38", A = "ds-notification_content_1cajm_52", C = "ds-notification_content--hide-close-button_1cajm_59", H = "ds-notification_content--hide-icon_1cajm_62", S = "ds-notification_icon_1cajm_66", p = "ds-notification_message_1cajm_70", w = "ds-notification_custom-action-area_1cajm_167", o = {
-  root: g,
+import { DSButton as f } from "../button.M4nXjcUn.js";
+import { D as u } from "./Icon.BCmt_XBG.js";
+import '../assets/Notification.DbRapUJo.css';const j = "ds-notification_root_1cajm_1", g = "ds-notification_root--success_1cajm_26", N = "ds-notification_root--error_1cajm_30", h = "ds-notification_root--warning_1cajm_34", I = "ds-notification_root--hide-icon_1cajm_38", x = "ds-notification_content_1cajm_52", A = "ds-notification_content--hide-close-button_1cajm_59", H = "ds-notification_content--hide-icon_1cajm_62", C = "ds-notification_icon_1cajm_66", S = "ds-notification_message_1cajm_70", p = "ds-notification_custom-action-area_1cajm_167", o = {
+  root: j,
   "root--success": "ds-notification_root--success_1cajm_26",
-  rootSuccess: N,
+  rootSuccess: g,
   "root--error": "ds-notification_root--error_1cajm_30",
-  rootError: h,
+  rootError: N,
   "root--warning": "ds-notification_root--warning_1cajm_34",
-  rootWarning: I,
+  rootWarning: h,
   "root--hide-icon": "ds-notification_root--hide-icon_1cajm_38",
-  rootHideIcon: x,
-  content: A,
+  rootHideIcon: I,
+  content: x,
   "content--hide-close-button": "ds-notification_content--hide-close-button_1cajm_59",
-  contentHideCloseButton: C,
+  contentHideCloseButton: A,
   "content--hide-icon": "ds-notification_content--hide-icon_1cajm_62",
   contentHideIcon: H,
-  icon: S,
-  message: p,
+  icon: C,
+  message: S,
   "custom-action-area": "ds-notification_custom-action-area_1cajm_167",
-  customActionArea: w
-}, R = [
+  customActionArea: p
+}, k = [
   "success",
   "error",
   "warning",
   "info"
-], O = {
+], w = {
   success: "circle-check-colored",
   error: "diamond-exclamationmark-colored",
   warning: "triangle-exclamationmark-colored",
   info: "circle-info-colored"
-}, T = {
+}, O = {
   error: "alert",
   warning: "alert",
   info: "status",
@@ -42,52 +42,51 @@ import '../assets/Notification.DbRapUJo.css';const g = "ds-notification_root_1ca
   variant: t = "info",
   className: a,
   closeButtonLabel: _ = "Close notification",
-  customActionArea: i,
-  hideCloseButton: e = !1,
+  customActionArea: e,
   hideIcon: c = !1,
-  onClose: m,
+  onClose: i,
   ...d
 }) => {
-  const l = s(o.root, a, {
+  const m = s(o.root, a, {
     [o.rootSuccess]: t === "success",
     [o.rootError]: t === "error",
     [o.rootWarning]: t === "warning",
     [o.rootInfo]: t === "info",
     [o.rootHideIcon]: c
-  }), f = s(o.content, {
-    [o.contentHideCloseButton]: e,
+  }), l = s(o.content, {
+    [o.contentHideCloseButton]: !i,
     [o.contentHideIcon]: c
   });
-  return /* @__PURE__ */ n.jsxs("div", { className: l, ...d, role: T[t], children: [
-    /* @__PURE__ */ n.jsxs("div", { className: f, children: [
+  return /* @__PURE__ */ n.jsxs("div", { className: m, ...d, role: O[t], children: [
+    /* @__PURE__ */ n.jsxs("div", { className: l, children: [
       !c && /* @__PURE__ */ n.jsx(
-        j,
+        u,
         {
-          name: O[t],
+          name: w[t],
           className: o.icon,
           "aria-hidden": "true"
         }
       ),
       /* @__PURE__ */ n.jsx("div", { className: o.message, children: r }),
-      !e && /* @__PURE__ */ n.jsx(
-        u,
+      i && /* @__PURE__ */ n.jsx(
+        f,
         {
           hideLabel: !0,
           iconName: "cross",
           isFlush: !0,
           variant: "ghost",
           size: "small",
-          onClick: m,
+          onClick: i,
           type: "button",
           children: _
         }
       )
     ] }),
-    i && /* @__PURE__ */ n.jsx("div", { className: s({ [o.customActionArea]: !c }), children: i })
+    e && /* @__PURE__ */ n.jsx("div", { className: s({ [o.customActionArea]: !c }), children: e })
   ] });
 };
 export {
   B as D,
-  R as N,
-  O as a
+  k as N,
+  w as a
 };

package/{combobox.DUzv8jzM.js → combobox.CzBpi97e.js}

@@ -1,6 +1,6 @@
 "use client";
 import { j as u } from "./chunks/jsx-runtime.C115EyI4.js";
-import { v as x, c as C } from "./chunks/CustomReactSelect.Cg_XW3YK.js";
+import { v as x, c as C } from "./chunks/CustomReactSelect.CQ1uexBH.js";
 const v = ({
   id: s,
   label: o,

package/components/Notification/Notification.d.ts

@@ -9,10 +9,6 @@ export interface NotificationProps extends HTMLAttributes<HTMLDivElement> {
     closeButtonLabel?: string;
     /** Content within the Notification's action bar. For example a CTA button. */
     customActionArea?: React.ReactNode;
-    /** Hides the close button.
-     * @default false
-     */
-    hideCloseButton?: boolean;
     /** Hides the icon.
      * @default false
      */
@@ -21,7 +17,7 @@ export interface NotificationProps extends HTMLAttributes<HTMLDivElement> {
      * @default 'info'
      */
     variant?: NotificationVariant;
-    /** Callback function called when the close button is clicked. */
+    /** Shows a close button if provided and is called when the close button is clicked. */
     onClose?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
 }
 /**
@@ -32,4 +28,4 @@ export interface NotificationProps extends HTMLAttributes<HTMLDivElement> {
  *
  * <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 DSNotification: ({ children, variant, className, closeButtonLabel, customActionArea, hideCloseButton, hideIcon, onClose, ...rest }: NotificationProps) => JSX.Element;
+export declare const DSNotification: ({ children, variant, className, closeButtonLabel, customActionArea, hideIcon, onClose, ...rest }: NotificationProps) => JSX.Element;

package/{customreactselect.CXmBRqQ9.js → customreactselect.qf7CIeFs.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.Cg_XW3YK.js";
+import { c as l } from "./chunks/CustomReactSelect.CQ1uexBH.js";
 import "./chunks/useBreakpoint.5xBNDiCf.js";
 import "./asterisk.DpzETKdT.js";
 import "./chunks/Icon.BCmt_XBG.js";

package/index.es.js

@@ -5,8 +5,8 @@ import { DSButton as h } from "./button.M4nXjcUn.js";
 import { DSButtonRound as P } from "./buttonround.E56F_805.js";
 import { DSCheckbox as E } from "./checkbox.Cb2_ey6U.js";
 import { D as C, v as R } from "./chunks/CheckboxGroup.S6i5EOc4.js";
-import { DSCombobox as G } from "./combobox.DUzv8jzM.js";
-import { C as b, b as B, a as H, D as Z, v as X } from "./chunks/CustomReactSelect.Cg_XW3YK.js";
+import { DSCombobox as G } from "./combobox.CzBpi97e.js";
+import { C as b, b as B, a as H, D as Z, v as X } from "./chunks/CustomReactSelect.CQ1uexBH.js";
 import { D as k, v as w } from "./chunks/Dialog.CudsqNag.js";
 import { a as V, D as y, v as K } from "./chunks/Drawer.ueG2Bzr9.js";
 import { D as Y, v as q } from "./chunks/Fieldset.Cjmkgxxk.js";
@@ -22,7 +22,7 @@ import { D as vo, v as Co } from "./chunks/InputStepper.xmWGU9pU.js";
 import { DSLink as Lo } from "./link.DREJAoPG.js";
 import { DSLinkStandalone as Uo } from "./linkstandalone.BBoEniZ_.js";
 import { DSLogo as Bo } from "./logo.Hul8qCFo.js";
-import { D as Zo, a as Xo, N as Fo } from "./chunks/Notification.o6pagKQy.js";
+import { D as Zo, a as Xo, N as Fo } from "./chunks/Notification.nx5vTamN.js";
 import { D as wo, a as Mo, o as Vo, v as yo } from "./chunks/RadioGroup.Crj7NoOs.js";
 import { D as Wo, S as Yo, g as qo, v as jo } from "./chunks/Select.E6gLFYLk.js";
 import { DSSkipToContent as Jo } from "./skiptocontent.BxvpIB7H.js";

package/{notification.JWhrkEcE.js → notification.6M0OdGXK.js}

@@ -3,7 +3,7 @@ import "./chunks/jsx-runtime.C115EyI4.js";
 import "./chunks/index.CvOaL64Y.js";
 import "./button.M4nXjcUn.js";
 import "./chunks/Icon.BCmt_XBG.js";
-import { D as e } from "./chunks/Notification.o6pagKQy.js";
+import { D as e } from "./chunks/Notification.nx5vTamN.js";
 export {
   e as DSNotification
 };

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@stihl-design-system/components",
   "private": false,
-  "version": "1.0.0-RC.12",
+  "version": "1.0.0-RC.13",
   "license": "SEE LICENSE IN LICENSE",
-  "homepage": "https://main--63440bbb95889041542a5ba3.chromatic.com",
+  "homepage": "https://designsystem.stihl.de/",
   "keywords": [
     "stihl",
     "design",
@@ -139,8 +139,8 @@
   },
   "peerDependencies": {
     "classnames": "^2.5.1",
-    "react": ">=17.0.0 <19.0.0",
-    "react-dom": ">=17.0.0 <19.0.0",
+    "react": ">=17.0.0 <=19",
+    "react-dom": ">=17.0.0 <=19",
     "react-intersection-observer": "^9.10.2",
     "react-select": "^5.8.1"
   }