@hortiview/shared-components 2.10.1 → 2.11.0

package/CHANGELOG.md

@@ -1,3 +1,20 @@
+## [2.11.0](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/compare/v2.10.2...v2.11.0) (2026-01-21)
+
+### Features
+
+* HV-13800 Update Stepper and Modal component ([e78f32c](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/commit/e78f32c02b4d0916de7e99a959de4dcf22acb6f9)), closes [#13800](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/issues/13800)
+
+## [2.10.2](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/compare/v2.10.1...v2.10.2) (2026-01-07)
+
+### Bug Fixes
+
+* column width ([4a5f60a](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/commit/4a5f60a263765fee170859fcb4162343be9bf326))
+* fixed basic heading classname ([13af9e1](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/commit/13af9e192b104ea036dc4d1f125144639dbd7205))
+
+### Styles
+
+* actions column sticked left ([c90e1c1](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/commit/c90e1c10b8e5197cf15a0cb3f8606ed9f76197df))
+
 ## [2.10.1](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/compare/v2.10.0...v2.10.1) (2026-01-06)
 
 ### Bug Fixes

package/README.md

@@ -1018,41 +1018,57 @@ import { Select } from '@hortiview/shared-components';
 ### Stepper
 
 Provides a simple stepper component, which contains the step indicators, a title text and buttons to navigate forwards and backwards.
-Be aware that you need to control the Stepper flow by your own, like:
+The component is available in two types: 
+
+* 'default' (steps as dots and a centered step title below them)
+* 'description' (n/n numerical progress, description/title right of it)
+
+**Be aware that you need to control the Stepper flow by your own, like:**
 
 ```jsx
 import { Step, Stepper } from '@hortiview/shared-components';
 
+const [currentStep, setCurrentStep] = useState(0);
+
 const steps: Step[] = [
   {
     name: 'first',
     step: 0,
     title: 'First Step',
     optional: false,
+    nextButtonProps: {
+      onClick: () => { setCurrentStep(1)},
+      label: 'Next',
+      showArrowIcon: true,
+    },
+    prevButtonProps: {
+      onClick: () => { // handle cancel action },
+      label: 'Cancel',
+      showArrowIcon: false,
+    },
   },
   {
     name: 'second',
     step: 1,
     title: 'Second Step',
     optional: true,
+    nextButtonProps: {
+      onClick: () => { // handle finish action },
+      label: 'Send',
+      showArrowIcon: false,
+    },
+    prevButtonProps: {
+      onClick: () => { setCurrentStep(0)},
+      label: 'Back',
+      showArrowIcon: false,
+    },
   },
 ];
 
-const [currentStep, setCurrentStep] = useState(0);
-
 <Stepper
+  type={'default'}
   steps={steps}
   currentStep={currentStep}
-  nextButtonProps={{
-    label: currentStep < args.steps.length - 1 ? 'Next' : 'Finish',
-    onClick: () =>
-      currentStep < args.steps.length - 1
-        ? setCurrentStep(currentStep + 1)
-        : setCurrentStep(args.steps.length - 1),
-  }}
-  prevButtonProps={{
-    onClick: () => (currentStep > 0 ? setCurrentStep(currentStep - 1) : setCurrentStep(0)),
-  }}
 />;
 ```
 

package/dist/assets/GenericTable.css

@@ -1 +1 @@
-._topBar_1tmb3_1 [class*=lmnt-table__top-bar__title]{display:none}._filterBar_1tmb3_5{padding:1rem;width:inherit!important}._start_1tmb3_10{padding-top:0;padding-bottom:0}._emptyTable_1tmb3_15{height:16rem}[class*=mnt-pagination][class*=mdc-data-table__pagination]{border-top:1px solid var(--lmnt-theme-on-secondary-stroke)}._elevation_1tmb3_23{border-radius:.4rem;width:100%}._table_1tmb3_28,._table_1tmb3_28 [class*=mdc-data-table__table-container]{border-radius:.4rem}._noBorder_1tmb3_36{border:none}
+._topBar_47g7x_1 [class*=lmnt-table__top-bar__title]{display:none}._filterBar_47g7x_5{padding:1rem;width:inherit!important}._start_47g7x_10{padding-top:0;padding-bottom:0}._emptyTable_47g7x_15{height:16rem}[class*=mnt-pagination][class*=mdc-data-table__pagination]{border-top:1px solid var(--lmnt-theme-on-secondary-stroke)}._elevation_47g7x_23{border-radius:.4rem;width:100%}._table_47g7x_28,._table_47g7x_28 [class*=mdc-data-table__table-container]{border-radius:.4rem}._table_47g7x_28 *[id=actions]{width:44px;padding:0 2px;position:sticky;right:0;background-color:var(--lmnt-theme-background)}._table_47g7x_28 tr:hover td[id=actions]{background-color:var(--table-bg-color-hover)}._noBorder_47g7x_48{border:none}

package/dist/assets/stepper.css

@@ -1 +1 @@
-._stepperIndicatorItem_78nle_1{height:var(--lmnt-stepper-indicator__size);width:var(--lmnt-stepper-indicator__size);background-color:#c7c7c7;border-radius:50%}._stepperIndicatorItemActive_78nle_8{background-color:var(--lmnt-theme-primary)}._stepperIndicatorItemOptional_78nle_12{border:1.5px dashed #7e7e7e}._stepperContainer_78nle_16{background-color:var(--lmnt-theme-primary-50);border:1px solid var(--lmnt-theme-on-surface-stroke);border-radius:.25rem;padding:.75rem 1rem}._stepperTitle_78nle_23{text-align:center;color:var(--lmnt-theme-on-secondary-inactive)}._stepperButton_78nle_28{margin-bottom:0}._stepperButtonLoading_78nle_32{padding-top:.375rem!important;padding-bottom:.375rem!important}._stepperButtonLoading_78nle_32 svg{stroke:var(--lmnt-theme-white)!important}
+._stepperIndicatorItem_x786o_1{height:var(--lmnt-stepper-indicator__size);width:var(--lmnt-stepper-indicator__size);background-color:#c7c7c7;border-radius:50%}._stepperIndicatorItemActive_x786o_8{background-color:var(--lmnt-theme-primary)}._stepperIndicatorItemOptional_x786o_12{border:1.5px dashed #7e7e7e}._stepperContainer_x786o_16{background-color:var(--lmnt-theme-primary-50);border:1px solid var(--lmnt-theme-on-surface-stroke);border-radius:.25rem;padding:.75rem 1rem}._stepperTitle_x786o_23{text-align:center;color:var(--lmnt-theme-on-secondary-inactive)}._stepperButton_x786o_28{margin-bottom:0}._stepperButtonLoading_x786o_32{padding-top:.375rem!important;padding-bottom:.375rem!important}._stepperButtonLoading_x786o_32 svg{stroke:var(--lmnt-theme-white)!important}._stepperDescriptionContainer_x786o_43{border-radius:.2rem;background-color:var(--lmnt-theme-primary-50);border:1px solid var(--lmnt-theme-on-surface-stroke)}._stepperDescriptionProgress_x786o_49{padding:0 1rem;min-width:3.5rem;background:var(--lmnt-theme-primary);color:var(--lmnt-theme-on-primary);border-top-left-radius:.2rem;border-bottom-left-radius:.2rem}._stepperDescriptionText_x786o_60{padding:.7rem}

package/dist/components/AlertBanner/AlertBanner.test.js

@@ -1,5 +1,5 @@
 import { jsx as e, Fragment as m } from "react/jsx-runtime";
-import { a as t, s } from "../../react.esm-CX1WJ2Pp.js";
+import { a as t, s } from "../../react.esm-BbMrgZCM.js";
 import { a as o } from "../../useBreakpoints-MzTZ0tCT.js";
 import { A as n } from "../../AlertBanner-Dss0v6W0.js";
 import { d as p, b as c, a as l, t as r, g as a } from "../../vi.CjhMlMwf-CKxPQtd6.js";

package/dist/components/AlertBanner/LinkBanner.test.js

@@ -1,5 +1,5 @@
 import { jsx as s } from "react/jsx-runtime";
-import { a as r, s as e } from "../../react.esm-CX1WJ2Pp.js";
+import { a as r, s as e } from "../../react.esm-BbMrgZCM.js";
 import { a as o } from "../../useBreakpoints-MzTZ0tCT.js";
 import { LinkBanner as a } from "./LinkBanner.js";
 import { d as n, b as i, a as m, t as p, g as t } from "../../vi.CjhMlMwf-CKxPQtd6.js";

package/dist/components/BaseView/BaseView.test.js

@@ -1,5 +1,5 @@
 import { jsx as o, Fragment as s } from "react/jsx-runtime";
-import { a as n, s as e, f as p } from "../../react.esm-CX1WJ2Pp.js";
+import { a as n, s as e, f as p } from "../../react.esm-BbMrgZCM.js";
 import { a as l } from "../../useBreakpoints-MzTZ0tCT.js";
 import { BaseView as r } from "./BaseView.js";
 import { d as u, b as d, a as c, t as i, g as t } from "../../vi.CjhMlMwf-CKxPQtd6.js";

package/dist/components/BasicHeading/BasicHeading.js

@@ -1,86 +1,86 @@
-import { jsxs as s, jsx as e } from "react/jsx-runtime";
+import { jsxs as o, jsx as n } from "react/jsx-runtime";
 import { G as t } from "../../index.es-DsGuBR0Z.js";
 import { I as A } from "../../index.es-DYs8W4jv.js";
 import { b as I, T as z } from "../../index.es-DCSgIiJH.js";
-import { c as d } from "../../index-Cpb-8cAN.js";
+import { c as m } from "../../index-Cpb-8cAN.js";
 import { Iconify as H } from "../Iconify/Iconify.js";
 import { AvailableCustomIcons as q } from "../../enums/AvailableCustomIcons.js";
-import { u as N } from "../../useBreakpoints-MzTZ0tCT.js";
-import { OverflowTooltip as w } from "../OverflowTooltip/OverflowTooltip.js";
-import '../../assets/BasicHeading.css';const x = "_basicHeading_14qaz_1", C = "_inList_14qaz_13", T = "_actions_14qaz_17", B = "_invisible_14qaz_25", L = "_leadingIcon_14qaz_29", W = "_withAvatar_14qaz_33", j = "_iconContainer_14qaz_39", n = {
-  basicHeading: x,
-  inList: C,
+import { u as w } from "../../useBreakpoints-MzTZ0tCT.js";
+import { OverflowTooltip as x } from "../OverflowTooltip/OverflowTooltip.js";
+import '../../assets/BasicHeading.css';const C = "_basicHeading_14qaz_1", N = "_inList_14qaz_13", T = "_actions_14qaz_17", B = "_invisible_14qaz_25", L = "_leadingIcon_14qaz_29", W = "_withAvatar_14qaz_33", j = "_iconContainer_14qaz_39", e = {
+  basicHeading: C,
+  inList: N,
   actions: T,
   invisible: B,
   leadingIcon: L,
   withAvatar: W,
   iconContainer: j
-}, k = ({ icon: i }) => i ? typeof i != "string" ? /* @__PURE__ */ e("div", { className: n.iconContainer, children: i }) : i in q ? /* @__PURE__ */ e(
+}, k = ({ icon: i }) => i ? typeof i != "string" ? /* @__PURE__ */ n("div", { className: e.iconContainer, children: i }) : i in q ? /* @__PURE__ */ n(
   H,
   {
     icon: i,
-    className: n.leadingIcon,
+    className: e.leadingIcon,
     iconSize: "medium",
     iconType: "filled"
   }
-) : /* @__PURE__ */ e(A, { iconSize: "medium", iconType: "filled", icon: i, className: n.leadingIcon }) : null, J = ({
+) : /* @__PURE__ */ n(A, { iconSize: "medium", iconType: "filled", icon: i, className: e.leadingIcon }) : null, J = ({
   children: i,
-  marginBottom: o,
+  marginBottom: s,
   heading: a,
-  icon: m,
-  className: p,
+  icon: p,
+  className: r,
   subHeading: f,
   subHeadingLevel: g = 2,
   invisibleButton: _ = !1,
-  level: r = 5,
-  fontWeight: c = 400,
+  level: c = 5,
+  fontWeight: l = 400,
   withAvatar: u = !1,
   inList: y = !1
 }) => {
-  const { isDesktop: l } = N(), v = l ? r : r + 1, b = c === "bold" ? 500 : c, h = typeof o == "number" ? `${o}px` : "2rem";
-  return /* @__PURE__ */ s(
+  const { isDesktop: d } = w(), v = d ? c : c + 1, b = l === "bold" ? 500 : l, h = typeof s == "number" ? `${s}px` : "2rem";
+  return /* @__PURE__ */ o(
     t,
     {
       primaryAlign: "space-between",
       secondaryAlign: "center",
       gap: "none",
-      className: d(n.basicHeading, y && n.inList),
+      className: m(e.basicHeading, y && e.inList, r),
       style: { marginBottom: h },
       "data-testid": "HeaderContainer",
       fullWidth: !0,
       children: [
-        /* @__PURE__ */ s(
+        /* @__PURE__ */ o(
           t,
           {
             secondaryAlign: "center",
             gap: "none",
-            className: `${u && l ? n.withAvatar : ""}`,
+            className: `${u && d ? e.withAvatar : ""}`,
             fullWidth: !0,
             children: [
-              /* @__PURE__ */ e(k, { icon: m }),
-              /* @__PURE__ */ s(t, { direction: "vertical", gap: "none", fullWidth: !0, children: [
-                /* @__PURE__ */ e(w, { id: a, text: a, children: /* @__PURE__ */ e(
+              /* @__PURE__ */ n(k, { icon: p }),
+              /* @__PURE__ */ o(t, { direction: "vertical", gap: "none", fullWidth: !0, children: [
+                /* @__PURE__ */ n(x, { id: a, text: a, children: /* @__PURE__ */ n(
                   I,
                   {
                     level: v,
                     "data-testid": "Header",
-                    className: p ?? "",
+                    className: r ?? "",
                     style: { fontWeight: b },
                     children: a
                   }
                 ) }),
-                /* @__PURE__ */ e(z, { level: g, children: f })
+                /* @__PURE__ */ n(z, { level: g, children: f })
               ] })
             ]
           }
         ),
-        i ? /* @__PURE__ */ e(
+        i ? /* @__PURE__ */ n(
           t,
           {
             primaryAlign: "end",
             secondaryAlign: "center",
             gap: "dense",
-            className: d(_ && n.invisible, n.actions),
+            className: m(_ && e.invisible, e.actions),
             "data-testid": "RightPart",
             children: i
           }

package/dist/components/BasicHeading/BasicHeading.test.js

@@ -1,6 +1,6 @@
 import { jsx as o, Fragment as d } from "react/jsx-runtime";
 import { B as g } from "../../index.es-DUcI2Zyr.js";
-import { a, s as t } from "../../react.esm-CX1WJ2Pp.js";
+import { a, s as t } from "../../react.esm-BbMrgZCM.js";
 import { BasicHeading as i } from "./BasicHeading.js";
 import { d as h, t as s, g as e } from "../../vi.CjhMlMwf-CKxPQtd6.js";
 h("BasicHeading-Test", () => {

package/dist/components/BlockView/BlockView.test.js

@@ -1,5 +1,5 @@
 import { jsx as l } from "react/jsx-runtime";
-import { a as s, s as o, f as n } from "../../react.esm-CX1WJ2Pp.js";
+import { a as s, s as o, f as n } from "../../react.esm-BbMrgZCM.js";
 import { BlockView as i } from "./BlockView.js";
 import { d as a, a as B, t as r, g as t } from "../../vi.CjhMlMwf-CKxPQtd6.js";
 a("BlockView Test", () => {

package/dist/components/ChipCard/ChipCard.test.js

@@ -1,5 +1,5 @@
 import { jsx as e } from "react/jsx-runtime";
-import { a, s as i } from "../../react.esm-CX1WJ2Pp.js";
+import { a, s as i } from "../../react.esm-BbMrgZCM.js";
 import { ChipCard as n } from "./ChipCard.js";
 import { d as s, t as c, g as t } from "../../vi.CjhMlMwf-CKxPQtd6.js";
 s("ChipCard Component", () => {

package/dist/components/ContextMenu/ContextMenu.test.js

@@ -1,5 +1,5 @@
 import { jsx as a } from "react/jsx-runtime";
-import { a as i, s as t, f as o, w as c } from "../../react.esm-CX1WJ2Pp.js";
+import { a as i, s as t, f as o, w as c } from "../../react.esm-BbMrgZCM.js";
 import { ContextMenu as d } from "./ContextMenu.js";
 import { a as B, d as I, t as l, g as e } from "../../vi.CjhMlMwf-CKxPQtd6.js";
 const g = B.fn(), m = B.fn(), r = B.fn(), u = [

package/dist/components/DeleteModal/DeleteModal.test.js

@@ -1,5 +1,5 @@
 import { jsx as n } from "react/jsx-runtime";
-import { a as c, s as e } from "../../react.esm-CX1WJ2Pp.js";
+import { a as c, s as e } from "../../react.esm-BbMrgZCM.js";
 import { DeleteModal as a } from "./DeleteModal.js";
 import { d, t as b, a as o, g as t } from "../../vi.CjhMlMwf-CKxPQtd6.js";
 d("DeleteModal Test", () => {

package/dist/components/Disclaimer/Disclaimer.test.js

@@ -1,5 +1,5 @@
 import { jsx as o } from "react/jsx-runtime";
-import { a as r, s as t } from "../../react.esm-CX1WJ2Pp.js";
+import { a as r, s as t } from "../../react.esm-BbMrgZCM.js";
 import { Disclaimer as s } from "./Disclaimer.js";
 import { d as i, t as m, g as e } from "../../vi.CjhMlMwf-CKxPQtd6.js";
 i("Disclaimer test", () => {

package/dist/components/EmptyView/EmptyView.test.js

@@ -1,5 +1,5 @@
 import { jsx as n } from "react/jsx-runtime";
-import { a as i, s as o, w as r, f as l } from "../../react.esm-CX1WJ2Pp.js";
+import { a as i, s as o, w as r, f as l } from "../../react.esm-BbMrgZCM.js";
 import { EmptyView as T } from "./EmptyView.js";
 import { d as m, t as s, g as t, a } from "../../vi.CjhMlMwf-CKxPQtd6.js";
 m("EmptyView", () => {

package/dist/components/Filter/Filter.test.js

@@ -1,5 +1,5 @@
 import { jsx as r } from "react/jsx-runtime";
-import { a, s as t, f as c, w as d } from "../../react.esm-CX1WJ2Pp.js";
+import { a, s as t, f as c, w as d } from "../../react.esm-BbMrgZCM.js";
 import { act as u } from "react";
 import { a as f } from "../../useBreakpoints-MzTZ0tCT.js";
 import { Filter as T } from "./Filter.js";

package/dist/components/FormComponents/FormCheckBox/FormCheckBox.test.js

@@ -1,5 +1,5 @@
 import { jsx as a } from "react/jsx-runtime";
-import { a as s, s as r, f as h } from "../../../react.esm-CX1WJ2Pp.js";
+import { a as s, s as r, f as h } from "../../../react.esm-BbMrgZCM.js";
 import { FormCheckBox as n } from "./FormCheckBox.js";
 import { a as e, d as m, t as c, g as o } from "../../../vi.CjhMlMwf-CKxPQtd6.js";
 const l = e.fn();

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

@@ -1,5 +1,5 @@
 import { jsx as n } from "react/jsx-runtime";
-import { a as s, s as r, f as m } from "../../../react.esm-CX1WJ2Pp.js";
+import { a as s, s as r, f as m } from "../../../react.esm-BbMrgZCM.js";
 import { FormDatePicker as c } from "./FormDatePicker.js";
 import { a as e, d as f, t as l, g as a } from "../../../vi.CjhMlMwf-CKxPQtd6.js";
 const i = e.fn();

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

@@ -1,5 +1,5 @@
 import { jsx as o } from "react/jsx-runtime";
-import { a, s as n } from "../../../react.esm-CX1WJ2Pp.js";
+import { a, s as n } from "../../../react.esm-BbMrgZCM.js";
 import { FormNumber as s } from "./FormNumber.js";
 import { a as e, d as m, t as f, g as r } from "../../../vi.CjhMlMwf-CKxPQtd6.js";
 const l = e.fn();

package/dist/components/FormComponents/FormRadio/FormRadio.test.js

@@ -1,5 +1,5 @@
 import { jsx as n } from "react/jsx-runtime";
-import { a as s, s as t, f as m } from "../../../react.esm-CX1WJ2Pp.js";
+import { a as s, s as t, f as m } from "../../../react.esm-BbMrgZCM.js";
 import { FormRadio as l } from "./FormRadio.js";
 import { a as e, d as c, t as i, g as o } from "../../../vi.CjhMlMwf-CKxPQtd6.js";
 const r = e.fn();

package/dist/components/FormComponents/FormSelect/FormSelect.test.js

@@ -1,6 +1,6 @@
 import { jsx as r } from "react/jsx-runtime";
-import { a, s as t, f as T, w as p } from "../../../react.esm-CX1WJ2Pp.js";
-import { u as B } from "../../../index-I7uTh4Tr.js";
+import { a, s as t, f as T, w as p } from "../../../react.esm-BbMrgZCM.js";
+import { u as B } from "../../../index-CkZYDkGd.js";
 import { FormSelect as i } from "./FormSelect.js";
 import { SelectTooltipText as d } from "./SelectTooltipText.js";
 import { a as n, d as f, t as u, g as e } from "../../../vi.CjhMlMwf-CKxPQtd6.js";

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

@@ -1,5 +1,5 @@
 import { jsx as a } from "react/jsx-runtime";
-import { a as s, s as n } from "../../../react.esm-CX1WJ2Pp.js";
+import { a as s, s as n } from "../../../react.esm-BbMrgZCM.js";
 import { FormSlider as l } from "./FormSlider.js";
 import { a as e, d as m, t as i, g as r } from "../../../vi.CjhMlMwf-CKxPQtd6.js";
 const o = e.fn();

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

@@ -1,5 +1,5 @@
 import { jsx as n } from "react/jsx-runtime";
-import { a as s, s as r, f as i } from "../../../react.esm-CX1WJ2Pp.js";
+import { a as s, s as r, f as i } from "../../../react.esm-BbMrgZCM.js";
 import { FormText as o } from "./FormText.js";
 import { a, d as u, t as l, g as e } from "../../../vi.CjhMlMwf-CKxPQtd6.js";
 const d = a.fn();

package/dist/components/FormComponents/FormToggle/FormToggle.test.js

@@ -1,5 +1,5 @@
 import { jsx as a } from "react/jsx-runtime";
-import { a as s, s as t, f as m } from "../../../react.esm-CX1WJ2Pp.js";
+import { a as s, s as t, f as m } from "../../../react.esm-BbMrgZCM.js";
 import { FormToggle as n } from "./FormToggle.js";
 import { a as e, d as u, t as l, g as o } from "../../../vi.CjhMlMwf-CKxPQtd6.js";
 const c = e.fn();

package/dist/components/GenericTable/GenericTable.js

@@ -11493,7 +11493,7 @@ var $g = ["title", "actions", "prominent", "filterBar", "className"], Fa = Fv, R
 });
 Ro.displayName = "TableTopBar";
 Ro.propTypes = Mv;
-const Mg = "_topBar_1tmb3_1", Fg = "_filterBar_1tmb3_5", Gg = "_start_1tmb3_10", zg = "_emptyTable_1tmb3_15", Wg = "_elevation_1tmb3_23", kg = "_table_1tmb3_28", Ug = "_noBorder_1tmb3_36", Ln = {
+const Mg = "_topBar_47g7x_1", Fg = "_filterBar_47g7x_5", Gg = "_start_47g7x_10", zg = "_emptyTable_47g7x_15", Wg = "_elevation_47g7x_23", kg = "_table_47g7x_28", Ug = "_noBorder_47g7x_48", Ln = {
   topBar: Mg,
   filterBar: Fg,
   start: Gg,

package/dist/components/GenericTable/GenericTable.test.js

@@ -1,5 +1,5 @@
 import { jsx as a, jsxs as B } from "react/jsx-runtime";
-import { a as o, s as e } from "../../react.esm-CX1WJ2Pp.js";
+import { a as o, s as e } from "../../react.esm-BbMrgZCM.js";
 import { a as m } from "../../useBreakpoints-MzTZ0tCT.js";
 import { GenericTable as s } from "./GenericTable.js";
 import { d as h, a as r, t as i, g as t } from "../../vi.CjhMlMwf-CKxPQtd6.js";

package/dist/components/GenericTable/GenericTableService.js

@@ -1,58 +1,64 @@
 import { jsx as a } from "react/jsx-runtime";
-import { useMemo as d } from "react";
-import { ContextMenu as v } from "../ContextMenu/ContextMenu.js";
-const b = ({
+import { useMemo as p } from "react";
+import { ContextMenu as l } from "../ContextMenu/ContextMenu.js";
+const P = ({
   data: r = [],
-  order: n = [],
-  cellTemplates: e = void 0,
-  headerTranslation: t = (c) => c,
-  getRowActions: f = void 0,
+  order: e = [],
+  cellTemplates: n = void 0,
+  headerTranslation: t = (d) => d,
+  getRowActions: c = void 0,
   customColumnWidth: o,
   cardTitleColumn: u,
   cardSubTitleColumn: s
-}) => d(() => {
+}) => p(() => {
   if (r?.length === 0) return [];
-  const c = x(r[0], n).map((i) => {
-    const p = o ? o[i] : void 0;
+  const d = v(r[0], e).map((i) => {
+    const f = o ? o[i] : void 0;
     return {
       id: i,
       header: t(i),
       accessor: i,
-      cellTemplate: e ? e[i] : void 0,
-      cellProps: p ? { width: p } : void 0,
-      headerCellProps: p ? { width: p } : void 0,
+      cellTemplate: n ? n[i] : void 0,
+      cellProps: f ? { width: f } : void 0,
+      headerCellProps: f ? { width: f } : void 0,
       asCardTitle: i === u,
       asCardSubtitle: i === s
     };
   });
-  return f ? [
-    ...c,
-    { id: "actions", header: "", accessor: "actions" }
-  ] : c;
+  return c ? [
+    ...d,
+    {
+      id: "actions",
+      header: " ",
+      accessor: "actions",
+      cellProps: { id: "actions" },
+      headerCellProps: { id: "actions" }
+    }
+  ] : d;
 }, [
   r,
-  e,
   n,
+  e,
   t,
-  f,
+  c,
   o,
   u,
   s
-]), j = ({
+]), C = ({
   data: r = [],
-  getRowActions: n = void 0
-}) => d(() => n ? r.map((e) => {
-  const t = /* @__PURE__ */ a(v, { actions: n(e), iconOrientation: "horizontal" });
-  return { ...e, actions: t };
-}) : r, [r, n]), x = (r, n) => {
+  getRowActions: e = void 0
+}) => p(() => e ? r.map((n) => {
+  const t = /* @__PURE__ */ a(l, { actions: e(n), iconOrientation: "horizontal" });
+  return { ...n, actions: t };
+}) : r, [r, e]), v = (r, e) => {
   if (!r) return [];
-  let e = Object.keys(r).map((t) => t);
-  return n?.length > 0 && (e = e.sort((t, f) => {
-    const o = n.findIndex((s) => s === t), u = n.findIndex((s) => s === f);
+  let n = Object.keys(r).map((t) => t);
+  return e?.length > 0 && (n = n.sort((t, c) => {
+    const o = e.findIndex((s) => s === t), u = e.findIndex((s) => s === c);
     return o === -1 ? 1 : u === -1 ? -1 : o - u;
-  })), e;
+  })), n;
 };
 export {
-  b as useGenerateColumns,
-  j as useGenerateTableData
+  P as useGenerateColumns,
+  C as useGenerateTableData
 };

package/dist/components/GenericTable/Mobile/GenericCard.test.js

@@ -1,5 +1,5 @@
 import { jsx as n } from "react/jsx-runtime";
-import { a as c, s as o } from "../../../react.esm-CX1WJ2Pp.js";
+import { a as c, s as o } from "../../../react.esm-BbMrgZCM.js";
 import { G as i } from "../../../GenericCard-MjxZ1L7r.js";
 import { d as m, t as s, g as e } from "../../../vi.CjhMlMwf-CKxPQtd6.js";
 m("GenericCard", () => {

package/dist/components/GenericTable/Mobile/GenericCardList.test.js

@@ -1,5 +1,5 @@
 import { jsx as n } from "react/jsx-runtime";
-import { a as r, s as o, w as l } from "../../../react.esm-CX1WJ2Pp.js";
+import { a as r, s as o, w as l } from "../../../react.esm-BbMrgZCM.js";
 import { GenericCardList as s } from "./GenericCardList.js";
 import { d as m, t as i, g as e } from "../../../vi.CjhMlMwf-CKxPQtd6.js";
 m("GenericCardList", () => {

package/dist/components/HashTabView/HashTabView.test.js

@@ -1,5 +1,5 @@
 import { jsx as n, Fragment as o } from "react/jsx-runtime";
-import { a, s as e, f as r } from "../../react.esm-CX1WJ2Pp.js";
+import { a, s as e, f as r } from "../../react.esm-BbMrgZCM.js";
 import { HashTabView as c } from "./HashTabView.js";
 import { d as h, t as l, g as t } from "../../vi.CjhMlMwf-CKxPQtd6.js";
 const m = [

package/dist/components/HeaderFilter/HeaderFilter.test.js

@@ -1,5 +1,5 @@
 import { jsx as n } from "react/jsx-runtime";
-import { a as i, s as t, f as T } from "../../react.esm-CX1WJ2Pp.js";
+import { a as i, s as t, f as T } from "../../react.esm-BbMrgZCM.js";
 import { HeaderFilter as s } from "./HeaderFilter.js";
 import { d as c, t as o, a as l, g as e } from "../../vi.CjhMlMwf-CKxPQtd6.js";
 c("HeaderFilter-Test", () => {

package/dist/components/Iconify/Iconify.test.js

@@ -1,7 +1,7 @@
 import { jsx as n } from "react/jsx-runtime";
 import { Iconify as c } from "./Iconify.js";
 import { AvailableCustomIcons as l } from "../../enums/AvailableCustomIcons.js";
-import { a as r, w as s, s as i } from "../../react.esm-CX1WJ2Pp.js";
+import { a as r, w as s, s as i } from "../../react.esm-BbMrgZCM.js";
 import { d as f, t as a, g as o } from "../../vi.CjhMlMwf-CKxPQtd6.js";
 f("Iconify Test", async () => {
   const m = Object.keys(l).filter((e) => isNaN(Number(e)));

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

@@ -1,5 +1,5 @@
 import { jsx as a } from "react/jsx-runtime";
-import { a as r, s as e } from "../../react.esm-CX1WJ2Pp.js";
+import { a as r, s as e } from "../../react.esm-BbMrgZCM.js";
 import { InfoCard as s } from "./InfoCard.js";
 import { d as h, t as i, g as t } from "../../vi.CjhMlMwf-CKxPQtd6.js";
 h("HealthCheckFailed Component", () => {

package/dist/components/InfoGroup/InfoGroup.test.js

@@ -1,5 +1,5 @@
 import { jsx as o } from "react/jsx-runtime";
-import { a as l, s as t } from "../../react.esm-CX1WJ2Pp.js";
+import { a as l, s as t } from "../../react.esm-BbMrgZCM.js";
 import { InfoGroup as r } from "./InfoGroup.js";
 import { d as s, t as i, g as e } from "../../vi.CjhMlMwf-CKxPQtd6.js";
 s("InfoGroup Test", () => {

package/dist/components/ListArea/ListArea.test.js

@@ -1,7 +1,7 @@
 import { jsx as r, Fragment as i } from "react/jsx-runtime";
 import { P as m } from "../../index.es-Bo1Rhtyb.js";
 import { c as u } from "../../index.es-DCSgIiJH.js";
-import { a as s, s as a, f as c } from "../../react.esm-CX1WJ2Pp.js";
+import { a as s, s as a, f as c } from "../../react.esm-BbMrgZCM.js";
 import { ListArea as l } from "./ListArea.js";
 import { g as h } from "../../ListAreaService-Dx9WBGHB.js";
 import { d, t as n, g as t } from "../../vi.CjhMlMwf-CKxPQtd6.js";

package/dist/components/LoadingSpinner/Big/BigLoadingSpinner.test.js

@@ -1,6 +1,6 @@
 import { jsx as o } from "react/jsx-runtime";
 import { s as r, B as n } from "../../../BigLoadingSpinner-BeHzqdOg.js";
-import { a as i, s as e } from "../../../react.esm-CX1WJ2Pp.js";
+import { a as i, s as e } from "../../../react.esm-BbMrgZCM.js";
 import { d as g, t as a, g as t } from "../../../vi.CjhMlMwf-CKxPQtd6.js";
 g("BigLoadingSpinner Test", () => {
   a("render BigLoadingSpinner with custom loading text", () => {

package/dist/components/LoadingSpinner/Default/LoadingSpinner.test.js

@@ -1,5 +1,5 @@
 import { jsx as n } from "react/jsx-runtime";
-import { a, s as e } from "../../../react.esm-CX1WJ2Pp.js";
+import { a, s as e } from "../../../react.esm-BbMrgZCM.js";
 import { act as s } from "react";
 import { LoadingSpinner as i } from "./LoadingSpinner.js";
 import { d as m, b as d, t as o, g as t, v as r } from "../../../vi.CjhMlMwf-CKxPQtd6.js";

package/dist/components/Modal/Modal.d.ts

@@ -3,6 +3,7 @@ import { AvailableCustomIcons } from '../../enums/AvailableCustomIcons';
 import { OfflineViewProps } from '../OfflineView/OfflineView';
 
 type ModalProps = Omit<ElementModalProps, 'primaryButton'> & React.HTMLProps<HTMLElement> & React.DOMAttributes<HTMLElement> & {
+    closeIcon?: keyof typeof AvailableCustomIcons | string;
     leadingIcon?: keyof typeof AvailableCustomIcons | string;
     isOnline?: boolean;
     offlineViewProps?: Partial<OfflineViewProps>;
@@ -14,6 +15,7 @@ type ModalProps = Omit<ElementModalProps, 'primaryButton'> & React.HTMLProps<HTM
  * @param title - The title of the modal.
  * @param headerActions - The actions to display in the header of the modal.
  * @param actionButton - Button for the primary action of the modal - primaryButton is omitted from {@link ModalProps} since it triggers form submission on Enter key press.
+ * @param closeIcon - Set a custom close icon. Default is 'close'.
  * @param hideCloseIcon - If true, the close icon will be hidden. Default true.
  * @param leadingIcon - Iconify icon string (material icons and custom icons)
  * @param isOnline - Whether the user is online; shows OfflineView when false.
@@ -21,5 +23,5 @@ type ModalProps = Omit<ElementModalProps, 'primaryButton'> & React.HTMLProps<HTM
  * @param ...props - Other element props to pass to the modal.
  * @returns
  */
-export declare const Modal: ({ onClose, title, headerActions, actionButton, hideCloseIcon, leadingIcon, isOnline, offlineViewProps, children, ...props }: ModalProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Modal: ({ onClose, title, headerActions, actionButton, hideCloseIcon, closeIcon, leadingIcon, isOnline, offlineViewProps, children, ...props }: ModalProps) => import("react/jsx-runtime").JSX.Element;
 export {};