@hortiview/shared-components 2.15.0 → 2.16.1

package/dist/components/ConfirmationModal/ConfirmationModal.test.js

@@ -0,0 +1,221 @@
+import { jsx as o } from "react/jsx-runtime";
+import { a as i, s as n } from "../../react.esm-Bm0cAgpZ.js";
+import { ConfirmationModal as l } from "./ConfirmationModal.js";
+import { d as m, t as a, a as e, g as t } from "../../vi.bdSIJ99Y-B308Q-4w.js";
+m("ConfirmationModal", () => {
+  a("renders modal title, label, list content, icon, and buttons", () => {
+    i(
+      /* @__PURE__ */ o(
+        l,
+        {
+          modalTitle: "Confirm Action",
+          confirmButtonLabel: "Confirm",
+          cancelButtonLabel: "Cancel",
+          label: "Are you sure?",
+          content: ["First item", "Second item"],
+          icon: "block",
+          isOpen: !0,
+          onConfirm: e.fn(),
+          onCancel: e.fn(),
+          isConfirmationDisabled: !1
+        }
+      )
+    ), t(n.getByText("Confirm Action")).toBeInTheDocument(), t(n.getByText("Are you sure?")).toBeInTheDocument(), t(n.getByText("First item")).toBeInTheDocument(), t(n.getByText("Second item")).toBeInTheDocument(), t(n.getByTestId("block")).toBeInTheDocument(), t(n.getByText("Confirm")).toBeInTheDocument(), t(n.getByText("Cancel")).toBeInTheDocument();
+  }), a("renders string content", () => {
+    i(
+      /* @__PURE__ */ o(
+        l,
+        {
+          modalTitle: "Confirm Action",
+          confirmButtonLabel: "Confirm",
+          cancelButtonLabel: "Cancel",
+          label: "Are you sure?",
+          content: ["This action cannot be undone."],
+          isOpen: !0,
+          onConfirm: e.fn(),
+          onCancel: e.fn(),
+          isConfirmationDisabled: !1
+        }
+      )
+    ), t(n.getByText("This action cannot be undone.")).toBeInTheDocument();
+  }), a("calls onConfirm when confirm button is clicked", () => {
+    const r = e.fn();
+    i(
+      /* @__PURE__ */ o(
+        l,
+        {
+          modalTitle: "Confirm Action",
+          confirmButtonLabel: "Confirm",
+          cancelButtonLabel: "Cancel",
+          label: "Are you sure?",
+          isOpen: !0,
+          onConfirm: r,
+          onCancel: e.fn(),
+          isConfirmationDisabled: !1
+        }
+      )
+    ), n.getByText("Confirm").click(), t(r).toHaveBeenCalled();
+  }), a("calls onCancel when cancel button is clicked", () => {
+    const r = e.fn();
+    i(
+      /* @__PURE__ */ o(
+        l,
+        {
+          modalTitle: "Confirm Action",
+          confirmButtonLabel: "Confirm",
+          cancelButtonLabel: "Cancel",
+          label: "Are you sure?",
+          isOpen: !0,
+          onConfirm: e.fn(),
+          onCancel: r
+        }
+      )
+    ), n.getByText("Cancel").click(), t(r).toHaveBeenCalled();
+  }), a("disables confirm button when confirmation is disabled", () => {
+    i(
+      /* @__PURE__ */ o(
+        l,
+        {
+          modalTitle: "Confirm Action",
+          confirmButtonLabel: "Confirm",
+          cancelButtonLabel: "Cancel",
+          label: "Are you sure?",
+          isOpen: !0,
+          onConfirm: e.fn(),
+          onCancel: e.fn(),
+          isConfirmationDisabled: !0
+        }
+      )
+    ), t(n.getByTestId("confirm-button")).toBeDisabled();
+  }), a("renders correctly when content is null or undefined", () => {
+    const { rerender: r } = i(
+      /* @__PURE__ */ o(
+        l,
+        {
+          modalTitle: "Confirm Action",
+          confirmButtonLabel: "Confirm",
+          cancelButtonLabel: "Cancel",
+          label: "Are you sure?",
+          content: void 0,
+          isOpen: !0,
+          onConfirm: e.fn(),
+          onCancel: e.fn()
+        }
+      )
+    );
+    t(n.queryByRole("list")).not.toBeInTheDocument(), r(
+      /* @__PURE__ */ o(
+        l,
+        {
+          modalTitle: "Confirm Action",
+          confirmButtonLabel: "Confirm",
+          cancelButtonLabel: "Cancel",
+          label: "Are you sure?",
+          content: void 0,
+          isOpen: !0,
+          onConfirm: e.fn(),
+          onCancel: e.fn()
+        }
+      )
+    ), t(n.queryByRole("list")).not.toBeInTheDocument();
+  }), a("renders correctly when content is an empty array", () => {
+    i(
+      /* @__PURE__ */ o(
+        l,
+        {
+          modalTitle: "Confirm Action",
+          confirmButtonLabel: "Confirm",
+          cancelButtonLabel: "Cancel",
+          label: "Are you sure?",
+          content: [],
+          isOpen: !0,
+          onConfirm: e.fn(),
+          onCancel: e.fn()
+        }
+      )
+    ), t(n.getByText("Are you sure?")).toBeInTheDocument();
+  }), a("renders ReactNode as label", () => {
+    i(
+      /* @__PURE__ */ o(
+        l,
+        {
+          modalTitle: "Confirm Action",
+          confirmButtonLabel: "Confirm",
+          cancelButtonLabel: "Cancel",
+          label: /* @__PURE__ */ o("span", { "data-testid": "custom-label", children: "Custom Label" }),
+          isOpen: !0,
+          onConfirm: e.fn(),
+          onCancel: e.fn()
+        }
+      )
+    ), t(n.getByTestId("custom-label")).toBeInTheDocument(), t(n.getByText("Custom Label")).toBeInTheDocument();
+  }), a("confirm button is not disabled by default", () => {
+    i(
+      /* @__PURE__ */ o(
+        l,
+        {
+          modalTitle: "Confirm Action",
+          confirmButtonLabel: "Confirm",
+          cancelButtonLabel: "Cancel",
+          label: "Are you sure?",
+          isOpen: !0,
+          onConfirm: e.fn(),
+          onCancel: e.fn()
+        }
+      )
+    ), t(n.getByTestId("confirm-button")).not.toBeDisabled();
+  }), a("confirm button can be disabled", () => {
+    i(
+      /* @__PURE__ */ o(
+        l,
+        {
+          modalTitle: "Confirm Action",
+          confirmButtonLabel: "Confirm",
+          cancelButtonLabel: "Cancel",
+          label: "Are you sure?",
+          isOpen: !0,
+          onConfirm: e.fn(),
+          onCancel: e.fn(),
+          isConfirmationDisabled: !0
+        }
+      )
+    ), t(n.getByTestId("confirm-button")).toBeDisabled();
+  }), a("renders bullet points when showBulletPoints is true", () => {
+    i(
+      /* @__PURE__ */ o(
+        l,
+        {
+          modalTitle: "Bullet Modal",
+          confirmButtonLabel: "Confirm",
+          cancelButtonLabel: "Cancel",
+          label: "Choose wisely:",
+          content: ["Bullet 1", "Bullet 2"],
+          showBulletPoints: !0,
+          isOpen: !0,
+          onConfirm: e.fn(),
+          onCancel: e.fn()
+        }
+      )
+    ), t(n.getByText("Bullet 1")).toBeInTheDocument(), t(n.getByText("Bullet 2")).toBeInTheDocument();
+    const r = n.getByText("Bullet 1"), s = n.getByText("Bullet 2");
+    t(Array.from(r.classList).some((c) => c.includes("bulletPoint"))).toBe(!0), t(Array.from(s.classList).some((c) => c.includes("bulletPoint"))).toBe(!0);
+  }), a("does not render bullet point class when showBulletPoints is false", () => {
+    i(
+      /* @__PURE__ */ o(
+        l,
+        {
+          modalTitle: "No Bullet Modal",
+          confirmButtonLabel: "Confirm",
+          cancelButtonLabel: "Cancel",
+          label: "Choose wisely:",
+          content: ["Item 1", "Item 2"],
+          isOpen: !0,
+          onConfirm: e.fn(),
+          onCancel: e.fn()
+        }
+      )
+    );
+    const r = n.getByText("Item 1"), s = n.getByText("Item 2");
+    t(Array.from(r.classList).some((c) => c.includes("bulletPoint"))).toBe(!1), t(Array.from(s.classList).some((c) => c.includes("bulletPoint"))).toBe(!1);
+  });
+});

package/dist/components/DeleteModal/DeleteModal.js

@@ -10,16 +10,16 @@ import { Iconify as z } from "../Iconify/Iconify.js";
 import "react";
 import "../../react-tooltip.min-CVsI--2Y.js";
 import "../../orderBy-DLBJlgdL.js";
-import { LoadingSpinner as B } from "../LoadingSpinner/Default/LoadingSpinner.js";
-import { Modal as M } from "../Modal/Modal.js";
+import "../../index-CuHybtft.js";
+import "../SharedComponentsPermissionProvider/PermissionContext.js";
+import { Modal as B } from "../Modal/Modal.js";
+import { LoadingSpinner as M } from "../LoadingSpinner/Default/LoadingSpinner.js";
 import "react-hook-form";
 import "../../get-D8IXqiys.js";
 import "../../isArray-BjSPDQ4v.js";
 import "../../isString-DVA49FEo.js";
 import "../../omit-CYY_mIYv.js";
 import "../../types/Time.js";
-import "../../index-CuHybtft.js";
-import "../SharedComponentsPermissionProvider/PermissionContext.js";
 import "../../react.esm-Bm0cAgpZ.js";
 import '../../assets/DeleteModal.css';const j = "_bulletPoint_bd412_1", A = "_modal_bd412_7", G = "_colorDanger_bd412_11", q = "_crossedOut_bd412_15", e = {
   bulletPoint: j,
@@ -47,7 +47,7 @@ import '../../assets/DeleteModal.css';const j = "_bulletPoint_bd412_1", A = "_mo
 }) => {
   const { isDesktop: D } = O();
   return /* @__PURE__ */ o(
-    M,
+    B,
     {
       isOnline: p,
       offlineViewProps: k,
@@ -64,7 +64,7 @@ import '../../assets/DeleteModal.css';const j = "_bulletPoint_bd412_1", A = "_mo
           label: s ? "" : t,
           onClick: C,
           disabled: !u || s || !p,
-          trailingIcon: s ? /* @__PURE__ */ o(B, { size: "sm", text: "", spinnerOnly: !0 }) : null
+          trailingIcon: s ? /* @__PURE__ */ o(M, { size: "sm", text: "", spinnerOnly: !0 }) : null
         }
       ),
       footerSupplemental: /* @__PURE__ */ o(

package/dist/components/Filter/Filter.js

@@ -11,8 +11,10 @@ import { u as F } from "../../useBreakpoints-MzTZ0tCT.js";
 import "../../react-tooltip.min-CVsI--2Y.js";
 import "../../orderBy-DLBJlgdL.js";
 import { SearchBar as I } from "../SearchBar/SearchBar.js";
-import "../../uniqueId-BNVTeImh.js";
+import "../../index-CuHybtft.js";
+import "../SharedComponentsPermissionProvider/PermissionContext.js";
 import { Modal as K } from "../Modal/Modal.js";
+import "../../uniqueId-BNVTeImh.js";
 import { Select as M } from "../Select/Select.js";
 import "react-hook-form";
 import "../../get-D8IXqiys.js";
@@ -20,8 +22,6 @@ import "../../isArray-BjSPDQ4v.js";
 import "../../isString-DVA49FEo.js";
 import "../../omit-CYY_mIYv.js";
 import "../../types/Time.js";
-import "../../index-CuHybtft.js";
-import "../SharedComponentsPermissionProvider/PermissionContext.js";
 import "../../react.esm-Bm0cAgpZ.js";
 import '../../assets/Filter.css';const T = "_filterButton_1qtzn_1", V = "_relativeParent_1qtzn_21", E = "_iconColor_1qtzn_25", J = "_filterBadge_1qtzn_29", Q = "_dense_1qtzn_36", U = "_filterModal_1qtzn_41", X = "_borderRadius_1qtzn_45", s = {
   filterButton: T,

package/dist/components/FormComponents/FormDatePicker/FormDatePicker.js

@@ -1,6 +1,6 @@
 import { jsx as C, jsxs as pa } from "react/jsx-runtime";
 import { B as ba } from "../../../index.es-B8p8KCdj.js";
-import { b as u, a as o, c as d, d as s, r as wa, s as be, t as M, m as j, l as D, f as z, e as N, g as ya, D as Pa } from "../../../index.es-C7cC1Hdu.js";
+import { b as u, a as o, c as d, d as s, r as wa, s as be, t as M, m as j, l as D, f as z, e as N, g as ya, D as Pa } from "../../../index.es-C32E1Lcb.js";
 import { D as ka } from "../../../index.es-B1h6DPYp.js";
 import { P as Ma } from "../../../index.es-BanVdXEd.js";
 import { useMemo as V, useState as $a } from "react";

package/dist/components/FormComponents/FormNumber/CustomTextField.js

@@ -1,5 +1,5 @@
 import { jsx as m } from "react/jsx-runtime";
-import { T as u } from "../../../index.es-B74L_Dje.js";
+import { T as u } from "../../../index.es-BYcQTTL8.js";
 import { g } from "../../../get-D8IXqiys.js";
 import { o as f } from "../../../omit-CYY_mIYv.js";
 import { useMemo as v } from "react";

package/dist/components/FormComponents/FormSlider/FormSlider.js

@@ -4,7 +4,7 @@ import { _ as Qe, a as Ce, b as Ye, c as et, d as Oe, e as _e, f as tt } from ".
 import { _ as Re } from "../../../parse-int-D-3oah_F.js";
 import p, { forwardRef as rt, useRef as De, useImperativeHandle as Ne, useCallback as x, useEffect as V, useMemo as ke } from "react";
 import { I as Be } from "../../../index.es-Dgxrk6xW.js";
-import { T as Pe } from "../../../index.es-B74L_Dje.js";
+import { T as Pe } from "../../../index.es-BYcQTTL8.js";
 import { c as Me } from "../../../index.es-Da7ok-B-.js";
 import { b as Fe, c as j } from "../../../tslib.es6-BDCynO9F.js";
 import { M as nt, a as it } from "../../../component-Bz_dtX1r.js";

package/dist/components/FormComponents/FormText/FormText.js

@@ -1,5 +1,5 @@
 import { jsx as t, Fragment as _, jsxs as z } from "react/jsx-runtime";
-import { T as M } from "../../../index.es-B74L_Dje.js";
+import { T as M } from "../../../index.es-BYcQTTL8.js";
 import { a as P } from "../../../index.es-SjZ_-d7U.js";
 import { useState as V, useCallback as W, useMemo as d } from "react";
 import { useFormContext as D, Controller as v } from "react-hook-form";

package/dist/components/GenericTable/GenericTable.js

@@ -14,10 +14,10 @@ import { a as cd, _ as fd, b as il } from "../../map-BprzXv4m.js";
 import { r as gd, c as vd, e as pd, j as hd } from "../../es.string.iterator-UszlTFwY.js";
 import { I as fa, _ as xa } from "../../index.es-t87yNd9Y.js";
 import { _ as Us, a as Wi } from "../../find-CHg-_ooq.js";
-import { T as ll } from "../../index.es-B74L_Dje.js";
+import { T as ll } from "../../index.es-BYcQTTL8.js";
 import { M as md, C as js } from "../../index.es-BoUnovl_.js";
 import { S as qs } from "../../index.es-DUTChZks.js";
-import { D as yd } from "../../index.es-C7cC1Hdu.js";
+import { D as yd } from "../../index.es-C32E1Lcb.js";
 import { r as bd, a as wd } from "../../parse-int-D-3oah_F.js";
 import { unstable_batchedUpdates as ga, createPortal as Cd } from "react-dom";
 import { _ as Rd, a as Sd, b as sl, S as ul } from "../../index.es-nwjKmW7-.js";
@@ -32,6 +32,8 @@ import { u as Id } from "../../useBreakpoints-MzTZ0tCT.js";
 import "../../react-tooltip.min-CVsI--2Y.js";
 import "../../orderBy-DLBJlgdL.js";
 import { O as fl } from "../../OfflineView-CIwV08EQ.js";
+import "../../index-CuHybtft.js";
+import "../SharedComponentsPermissionProvider/PermissionContext.js";
 import "../../uniqueId-BNVTeImh.js";
 import "react-hook-form";
 import "../../get-D8IXqiys.js";
@@ -39,8 +41,6 @@ import "../../isArray-BjSPDQ4v.js";
 import "../../isString-DVA49FEo.js";
 import "../../omit-CYY_mIYv.js";
 import "../../types/Time.js";
-import "../../index-CuHybtft.js";
-import "../SharedComponentsPermissionProvider/PermissionContext.js";
 import "../../react.esm-Bm0cAgpZ.js";
 import { useGenerateColumns as Ad, useGenerateTableData as _d } from "./GenericTableService.js";
 import { GenericCardList as Dd } from "./Mobile/GenericCardList.js";

package/dist/components/InfoCard/InfoCard.d.ts

@@ -12,7 +12,11 @@ export type InfoCardProps = {
     /**
      * Type of the failed health check. Depending on the type, a different icon of 3rem size will be displayed.
      */
-    type: 'database' | 'iot' | 'platform' | 'done' | 'other';
+    type: 'database' | 'iot' | 'platform' | 'done' | 'other' | 'celebration';
+    /**
+     * The color of the icon. Depending on the type, a different default color will be applied, but it can be overridden by providing a value for this prop.
+     */
+    colorOverride?: 'primary' | 'secondary' | 'success' | 'danger';
     /**
      * The card has a default outline. For design consistency, this prop should only be set to 'false' if the card is embedded, e.g. in a table.
      */
@@ -22,4 +26,4 @@ export type InfoCardProps = {
      */
     isFullHeight?: boolean;
 };
-export declare const InfoCard: ({ title, subtitle, type, isOutlined, isFullHeight, }: InfoCardProps) => import("react/jsx-runtime").JSX.Element;
+export declare const InfoCard: ({ title, subtitle, type, colorOverride, isOutlined, isFullHeight, }: InfoCardProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/InfoCard/InfoCard.js

@@ -1,59 +1,72 @@
-import { jsx as e, jsxs as l } from "react/jsx-runtime";
-import { C as d, a as _, b as h } from "../../index.es-BPv5dCFQ.js";
-import { G as m } from "../../index.es-oxil0uFe.js";
-import { P as f } from "../../index.es-BanVdXEd.js";
-import { T as s } from "../../index.es-SjZ_-d7U.js";
-import { Iconify as u } from "../Iconify/Iconify.js";
-import '../../assets/InfoCard.css';const x = "_database_x7426_1", p = "_spin_x7426_1", g = "_done_x7426_16", C = "_iot_x7426_20", y = "_platform_x7426_21", b = "_other_x7426_22", N = "_crossedOut_x7426_26", H = "_fullHeight_x7426_45", T = "_centerText_x7426_49", n = {
-  database: x,
-  spin: p,
-  done: g,
-  iot: C,
-  platform: y,
-  other: b,
-  crossedOut: N,
-  fullHeight: H,
-  centerText: T
-}, G = ({
-  title: t,
-  subtitle: c,
-  type: a,
-  isOutlined: i = !0,
-  isFullHeight: r = !1
+import { jsx as e, jsxs as d } from "react/jsx-runtime";
+import { C as _, a as p, b as m } from "../../index.es-BPv5dCFQ.js";
+import { G as h } from "../../index.es-oxil0uFe.js";
+import { P as u } from "../../index.es-BanVdXEd.js";
+import { T as c } from "../../index.es-SjZ_-d7U.js";
+import { Iconify as f } from "../Iconify/Iconify.js";
+import '../../assets/InfoCard.css';const g = "_database_1vpro_1", v = "_spin_1vpro_1", y = "_done_1vpro_16", b = "_iot_1vpro_20", C = "_platform_1vpro_21", x = "_other_1vpro_22", N = "_celebration_1vpro_26", H = "_primary_1vpro_30", T = "_secondary_1vpro_34", k = "_danger_1vpro_38", I = "_success_1vpro_42", A = "_crossedOut_1vpro_46", O = "_fullHeight_1vpro_65", j = "_centerText_1vpro_69", r = {
+  database: g,
+  spin: v,
+  done: y,
+  iot: b,
+  platform: C,
+  other: x,
+  celebration: N,
+  primary: H,
+  secondary: T,
+  danger: k,
+  success: I,
+  crossedOut: A,
+  fullHeight: O,
+  centerText: j
+}, q = ({
+  title: o,
+  subtitle: t,
+  type: n,
+  colorOverride: i,
+  isOutlined: l = !0,
+  isFullHeight: s = !1
 }) => {
-  const o = r ? n.fullHeight : "";
+  const a = s ? r.fullHeight : "";
   return /* @__PURE__ */ e(
-    d,
+    _,
     {
-      variant: i ? "outlined" : "flat",
-      "data-testid": `${a}-health-check-failed-card`,
+      variant: l ? "outlined" : "flat",
+      "data-testid": `${n}-health-check-failed-card`,
       bodyAlignment: "centered",
-      height: r ? "100%" : "auto",
-      children: /* @__PURE__ */ e(_, { className: o, children: /* @__PURE__ */ e(f, { variant: "airy", className: o, children: /* @__PURE__ */ e(h, { className: o, children: /* @__PURE__ */ l(
-        m,
+      height: s ? "100%" : "auto",
+      children: /* @__PURE__ */ e(p, { className: a, children: /* @__PURE__ */ e(u, { variant: "airy", className: a, children: /* @__PURE__ */ e(m, { className: a, children: /* @__PURE__ */ d(
+        h,
         {
           gap: "none",
           primaryAlign: "center",
           secondaryAlign: "center",
           direction: "vertical",
           fullWidth: !0,
-          className: n.centerText,
+          className: r.centerText,
           children: [
-            /* @__PURE__ */ e(v, { type: a }),
-            /* @__PURE__ */ e(s, { level: 1, bold: !0, children: t }),
-            /* @__PURE__ */ e(s, { level: 2, themeColor: "text-secondary-on-background", children: c })
+            /* @__PURE__ */ e(F, { type: n, colorOverride: i }),
+            /* @__PURE__ */ e(c, { level: 1, bold: !0, children: o }),
+            /* @__PURE__ */ e(c, { level: 2, themeColor: "text-secondary-on-background", children: t })
           ]
         }
       ) }) }) })
     }
   );
-}, k = {
+}, B = {
   database: "sync",
   iot: "settings_input_antenna",
   platform: "engineering",
   done: "sunny-check",
-  other: "error"
-}, v = ({ type: t }) => /* @__PURE__ */ e("span", { className: t === "iot" ? n.crossedOut : "", children: /* @__PURE__ */ e(u, { icon: k[t], className: n[t], iconSize: "xlarge" }) });
+  other: "error",
+  celebration: "celebration"
+}, F = ({
+  type: o,
+  colorOverride: t
+}) => {
+  const n = t ? r[t] : r[o];
+  return /* @__PURE__ */ e("span", { className: o === "iot" ? r.crossedOut : "", children: /* @__PURE__ */ e(f, { icon: B[o], className: n, iconSize: "xlarge" }) });
+};
 export {
-  G as InfoCard
+  q as InfoCard
 };

package/dist/components/InfoCard/InfoCard.test.js

@@ -1,26 +1,48 @@
 import { jsx as a } from "react/jsx-runtime";
-import { a as r, s as e } from "../../react.esm-Bm0cAgpZ.js";
-import { InfoCard as s } from "./InfoCard.js";
-import { d as h, t as i, g as t } from "../../vi.bdSIJ99Y-B308Q-4w.js";
-h("HealthCheckFailed Component", () => {
-  const n = "Test Title", c = "Test Subtitle";
+import { a as r, s as t } from "../../react.esm-Bm0cAgpZ.js";
+import { InfoCard as n } from "./InfoCard.js";
+import { d as l, t as i, g as o } from "../../vi.bdSIJ99Y-B308Q-4w.js";
+l("HealthCheckFailed Component", () => {
+  const c = "Test Title", s = "Test Subtitle";
   i("displays the correct title and subtitle", () => {
-    r(/* @__PURE__ */ a(s, { title: n, subtitle: c, type: "database" })), t(e.getByText(n)).toBeInTheDocument(), t(e.getByText(c)).toBeInTheDocument();
+    r(/* @__PURE__ */ a(n, { title: c, subtitle: s, type: "database" })), o(t.getByText(c)).toBeInTheDocument(), o(t.getByText(s)).toBeInTheDocument();
   }), i('displays the correct icon for type "database"', () => {
-    r(/* @__PURE__ */ a(s, { title: n, subtitle: c, type: "database" }));
-    const o = e.getByText("sync");
-    t(o).toBeInTheDocument(), t(e.getByTestId("database-health-check-failed-card")).toBeInTheDocument();
+    r(/* @__PURE__ */ a(n, { title: c, subtitle: s, type: "database" }));
+    const e = t.getByText("sync");
+    o(e).toBeInTheDocument(), o(t.getByTestId("database-health-check-failed-card")).toBeInTheDocument();
   }), i('displays the correct icon for type "iot"', () => {
-    r(/* @__PURE__ */ a(s, { title: n, subtitle: c, type: "iot" }));
-    const o = e.getByText("settings_input_antenna");
-    t(o).toBeInTheDocument(), t(e.getByTestId("iot-health-check-failed-card")).toBeInTheDocument();
+    r(/* @__PURE__ */ a(n, { title: c, subtitle: s, type: "iot" }));
+    const e = t.getByText("settings_input_antenna");
+    o(e).toBeInTheDocument(), o(t.getByTestId("iot-health-check-failed-card")).toBeInTheDocument();
   }), i('displays the correct icon for type "platform"', () => {
-    r(/* @__PURE__ */ a(s, { title: n, subtitle: c, type: "platform" }));
-    const o = e.getByText("engineering");
-    t(o).toBeInTheDocument(), t(e.getByTestId("platform-health-check-failed-card")).toBeInTheDocument();
+    r(/* @__PURE__ */ a(n, { title: c, subtitle: s, type: "platform" }));
+    const e = t.getByText("engineering");
+    o(e).toBeInTheDocument(), o(t.getByTestId("platform-health-check-failed-card")).toBeInTheDocument();
   }), i('displays the correct icon for type "other"', () => {
-    r(/* @__PURE__ */ a(s, { title: n, subtitle: c, type: "other" }));
-    const o = e.getByText("error");
-    t(o).toBeInTheDocument(), t(e.getByTestId("other-health-check-failed-card")).toBeInTheDocument();
+    r(/* @__PURE__ */ a(n, { title: c, subtitle: s, type: "other" }));
+    const e = t.getByText("error");
+    o(e).toBeInTheDocument(), o(t.getByTestId("other-health-check-failed-card")).toBeInTheDocument();
+  }), i('displays the correct icon for type "celebration"', () => {
+    r(/* @__PURE__ */ a(n, { title: c, subtitle: s, type: "celebration" }));
+    const e = t.getByText("celebration");
+    o(e).toBeInTheDocument(), o(t.getByTestId("celebration-health-check-failed-card")).toBeInTheDocument();
+  }), i("applies colorOverride class for primary", () => {
+    r(/* @__PURE__ */ a(n, { title: c, subtitle: s, type: "database", colorOverride: "primary" }));
+    const e = t.getByText("sync").closest("span")?.querySelector("svg, span, i");
+    o(e?.className).toMatch(/primary/);
+  }), i("applies colorOverride class for secondary", () => {
+    r(
+      /* @__PURE__ */ a(n, { title: c, subtitle: s, type: "database", colorOverride: "secondary" })
+    );
+    const e = t.getByText("sync").closest("span")?.querySelector("svg, span, i");
+    o(e?.className).toMatch(/secondary/);
+  }), i("applies colorOverride class for success", () => {
+    r(/* @__PURE__ */ a(n, { title: c, subtitle: s, type: "database", colorOverride: "success" }));
+    const e = t.getByText("sync").closest("span")?.querySelector("svg, span, i");
+    o(e?.className).toMatch(/success/);
+  }), i("applies colorOverride class for danger", () => {
+    r(/* @__PURE__ */ a(n, { title: c, subtitle: s, type: "database", colorOverride: "danger" }));
+    const e = t.getByText("sync").closest("span")?.querySelector("svg, span, i");
+    o(e?.className).toMatch(/danger/);
   });
 });

package/dist/components/ModulePadding/ModulePadding.js

@@ -5,6 +5,8 @@ import "react";
 import { u as m } from "../../useBreakpoints-MzTZ0tCT.js";
 import "../../react-tooltip.min-CVsI--2Y.js";
 import "../../orderBy-DLBJlgdL.js";
+import "../../index-CuHybtft.js";
+import "../SharedComponentsPermissionProvider/PermissionContext.js";
 import "../../uniqueId-BNVTeImh.js";
 import "react-hook-form";
 import "../../get-D8IXqiys.js";
@@ -12,8 +14,6 @@ import "../../isArray-BjSPDQ4v.js";
 import "../../isString-DVA49FEo.js";
 import "../../omit-CYY_mIYv.js";
 import "../../types/Time.js";
-import "../../index-CuHybtft.js";
-import "../SharedComponentsPermissionProvider/PermissionContext.js";
 import "../../react.esm-Bm0cAgpZ.js";
 const D = ({ children: o }) => {
   const { isDesktop: t } = m();

package/dist/components/SearchBar/SearchBar.js

@@ -1,6 +1,6 @@
 import { jsx as o } from "react/jsx-runtime";
 import { I as l } from "../../index.es-t87yNd9Y.js";
-import { T as u } from "../../index.es-B74L_Dje.js";
+import { T as u } from "../../index.es-BYcQTTL8.js";
 import '../../assets/SearchBar.css';const b = "_searchbar_g83qp_1", d = {
   searchbar: b
 }, g = ({

package/dist/components/Stepper/Stepper.d.ts

@@ -2,20 +2,25 @@ import { PropsWithChildren } from 'react';
 import { StepperProps } from './stepperTypes';
 
 /**
- * A component that displays a stepper with a header, content, and navigation buttons.<br />
- * Available in two display types: 'default' (dots) and 'description' (numerical with description).
+ * A component that displays a stepper with a header, content area, and navigation buttons.<br />
+ * Available in three styles: 'DESKTOP', 'SMALL', and 'DOTS'.<br />
  *
- * **!! Be aware that the stepper is not a controlled component, so you need to manage the current step, content and loading state yourself. !!**
+ * - DESKTOP: Default EDS-style appearance.
+ * - SMALL: A compact version of the desktop stepper that shows only the current step, the total number of steps in the header, and the title of the current step.
+ * - DOTS: A minimal version that displays centered dots for each step and the title of the current step in the header.
  *
- * @param stepperType - The type of the stepper indicator. Defaults to 'default' (dots).
- * @param steps - An array of steps for the stepper.
- * @param currentStep - The current step index.
- * @param customTotalSteps - A custom total number of steps to display in the stepper header. Only applicable for 'description' type.
- * @param children - The content to be displayed in the stepper.
- * @param isStepLoading - A boolean indicating if the current step is loading. If true, the next button will be disabled and show a loading state.
- * @param showStepperHeader - An indicator of whether to show the stepper header. Defaults to true.
- * @param stepperButtonAlignment - The alignment of the stepper button group. Defaults to 'center'.
- * @param showPreviousButtonOnFirstStep - A flag which indicates if the previous button should be shown on the first step. This can be useful for canceling the stepper. Defaults to false.
- * @returns
+ * **Note: The stepper is not a controlled component. You must manage the current step, content, and loading state yourself.**
+ *
+ * @param stepperStyle - The style of stepper indicator. Defaults to `StepperStyle.DESKTOP`. See {@link StepperStyle}.
+ * @param steps - An array of step definitions for the stepper.
+ * @param currentStepId - The ID of the current step. Must match the `id` property of one of the steps in the `steps` array.
+ * @param overwriteTotalSteps - A custom total number of steps to display in the header. Only applicable to the 'SMALL' stepper.
+ * @param isStepLoading - Indicates whether the current step is loading. If `true`, the next button is disabled and displays a loading state.
+ * @param showStepperHeader - Indicates whether the stepper header is displayed. Defaults to `true`.
+ * @param showStepperButtons - Indicates whether the stepper navigation buttons are displayed. Defaults to `true`.
+ * @param stepperButtonAlignment - The alignment of the stepper button group. Defaults to `'center'`.
+ * @param showPreviousButtonOnFirstStep - Indicates whether the previous button is shown on the first step. This can be useful for providing a cancel action. Defaults to `false`.
+ * @param children - The content to render inside the stepper.
+ * @returns The rendered stepper component.
  */
-export declare const Stepper: ({ stepperType, steps, currentStep, customTotalSteps, children, isStepLoading, showStepperHeader, stepperButtonAlignment, showPreviousButtonOnFirstStep, }: PropsWithChildren<StepperProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const Stepper: ({ stepperStyle, steps, currentStepId, overwriteTotalSteps, isStepLoading, showStepperHeader, showStepperButtons, stepperButtonAlignment, showPreviousButtonOnFirstStep, children, }: PropsWithChildren<StepperProps>) => import("react/jsx-runtime").JSX.Element | null;