@hortiview/shared-components 2.10.2 → 2.11.1

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+## [2.11.1](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/compare/v2.11.0...v2.11.1) (2026-01-22)
+
+### Styles
+
+* avoid two scrolling bars on hoisted multi select menus ([9bac09a](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/commit/9bac09af9d27e1b5a633cdeb2d3bd1ed629a341c))
+
+## [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

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/{AlertBanner-Dss0v6W0.js → AlertBanner-C6wpAQMj.js}

@@ -1,7 +1,7 @@
 import { jsx as n, Fragment as i, jsxs as t } from "react/jsx-runtime";
-import { G as l } from "./index.es-DsGuBR0Z.js";
-import { I as _ } from "./index.es-DYs8W4jv.js";
-import { T as m } from "./index.es-DCSgIiJH.js";
+import { G as l } from "./index.es-C1SajYlm.js";
+import { I as _ } from "./index.es-DCYlADaN.js";
+import { T as m } from "./index.es-NEYPxnlS.js";
 import './assets/AlertBanner.css';const d = "_messageContainer_2hnjr_1", g = "_info_2hnjr_9", h = "_danger_2hnjr_14", f = "_success_2hnjr_19", p = "_warning_2hnjr_24", u = "_closeIcon_2hnjr_29", j = "_linkBanner_2hnjr_34", s = {
   messageContainer: d,
   info: g,

package/dist/{BigLoadingSpinner-BeHzqdOg.js → BigLoadingSpinner-CDbRVDNZ.js}

@@ -1,5 +1,5 @@
 import { jsx as i, jsxs as n } from "react/jsx-runtime";
-import { T as r } from "./index.es-DCSgIiJH.js";
+import { T as r } from "./index.es-NEYPxnlS.js";
 import { Iconify as d } from "./components/Iconify/Iconify.js";
 import './assets/BigLoadingSpinner.css';const e = "_loadingBigOverlay_7dxo1_1", s = "_bigLoadSpinnerCard_7dxo1_12", g = "_bigLoadSpinnerCardText_7dxo1_27", t = "_logo_7dxo1_33", o = {
   loadingBigOverlay: e,

package/dist/{GenericCard-MjxZ1L7r.js → GenericCard-Co9bGU19.js}

@@ -1,7 +1,7 @@
 import { jsx as r, jsxs as d, Fragment as C } from "react/jsx-runtime";
-import { C as h, a as m, b as T, c as g, d as v } from "./index.es-P5F6NJPB.js";
-import { G as b, a as x, b as c } from "./index.es-vqlyMiew.js";
-import { d as f } from "./index.es-DCSgIiJH.js";
+import { C as h, a as m, b as T, c as g, d as v } from "./index.es-DnEIFMjv.js";
+import { G as b, a as x, b as c } from "./index.es-BZ3r3ilq.js";
+import { d as f } from "./index.es-NEYPxnlS.js";
 import { useMemo as w } from "react";
 import { OverflowTooltip as l } from "./components/OverflowTooltip/OverflowTooltip.js";
 import './assets/GenericCard.css';const u = "_cardTitle_ny9m0_1", B = "_cardBody_ny9m0_5", N = "_cardContent_ny9m0_10", $ = "_row_ny9m0_14", G = "_font_ny9m0_18", k = "_fontHeader_ny9m0_23", H = "_title_ny9m0_27", S = "_emptyContainer_ny9m0_33", A = "_empty_ny9m0_33", n = {

package/dist/{ListAreaService-Dx9WBGHB.js → ListAreaService-CGJm5I23.js}

@@ -1,9 +1,9 @@
 import { jsx as a, jsxs as B } from "react/jsx-runtime";
-import { G } from "./index.es-DsGuBR0Z.js";
-import { I as S } from "./index.es-DYs8W4jv.js";
-import { P as O } from "./index.es-Bo1Rhtyb.js";
-import { c as k, d as $, T as j } from "./index.es-DCSgIiJH.js";
-import { c as H } from "./index-Cpb-8cAN.js";
+import { G } from "./index.es-C1SajYlm.js";
+import { I as S } from "./index.es-DCYlADaN.js";
+import { P as O } from "./index.es-CIsLNz4j.js";
+import { c as k, d as $, T as j } from "./index.es-NEYPxnlS.js";
+import { c as H } from "./index-_ck2BRrZ.js";
 import { Iconify as M } from "./components/Iconify/Iconify.js";
 import { AvailableCustomIcons as P } from "./enums/AvailableCustomIcons.js";
 import './assets/ListAreaService.css';const R = "_fullWidth_1abq6_1", W = "_mainElevation_1abq6_6", L = "_searchbar_1abq6_13", w = "_roundedBottom_1abq6_21", A = "_primaryText_1abq6_26", z = "_list_1abq6_30", D = "_listItem_1abq6_41", F = "_isSelected_1abq6_65", J = "_noGroupHeaderMargin_1abq6_74", K = "_indentGroupedElement_1abq6_78", Q = "_isNotSelected_1abq6_82", U = "_iconColor_1abq6_92", V = "_overlineTitle_1abq6_96", X = "_noOverlineTitle_1abq6_101", Y = "_truncate_1abq6_105", Z = "_truncateOverlineText_1abq6_116", ee = "_hasNoRoundedEdges_1abq6_121", t = {

package/dist/{OfflineView-D168VIXv.js → OfflineView-NUM9WE0F.js}

@@ -1,8 +1,8 @@
 import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import { G as o } from "./index.es-DsGuBR0Z.js";
+import { G as o } from "./index.es-C1SajYlm.js";
 import { Iconify as _ } from "./components/Iconify/Iconify.js";
-import { b as m, d as y, T as h } from "./index.es-DCSgIiJH.js";
-import { B as A } from "./index.es-DUcI2Zyr.js";
+import { b as m, d as y, T as h } from "./index.es-NEYPxnlS.js";
+import { B as A } from "./index.es-B0QNuIUR.js";
 import './assets/OfflineView.css';const T = "_gapAndTextAlign_10nts_1", v = "_container_10nts_6", x = "_bgWhite_10nts_12", G = "_bgGrey_10nts_17", W = "_subtitle_10nts_22", t = {
   gapAndTextAlign: T,
   container: v,

package/dist/assets/FormSelect.css

@@ -1 +1 @@
-._invalidHelperText_b3jcy_1+*[class*=mdc-select-helper-text]{color:var(--lmnt-theme-danger)!important}._invalidBorder_b3jcy_5 *[class*=mdc-notched-outline]{border-color:var(--lmnt-theme-danger)!important}._invalidPlaceholder_b3jcy_9 *[class*=lmnt-select-label]{color:var(--lmnt-theme-danger)!important}._invalidDropdownIcon_b3jcy_13 *[class*=mdc-select__dropdown-icon]{fill:var(--lmnt-theme-danger)!important}._formSelectContainer_b3jcy_18{display:flex;flex-wrap:wrap;width:100%}._formSelectContainer_b3jcy_18>*[class*=lmnt-select-container]{flex-direction:column}._formSelectContainer_b3jcy_18 *[class*=mdc-select-helper-text]{color:var(--lmnt-helper-text-color);align-self:flex-start}._formSelectContainer_b3jcy_18 *[class*=lmnt__multi-value__label]{overflow:visible}._formSelect_b3jcy_18 *[class*=lmnt-select-menu]{z-index:2001}._formSelect_b3jcy_18 div[class*=mdc-notched-outline__leading]{border-radius:.25rem 0 0 .25rem!important}._formSelect_b3jcy_18 div[class*=mdc-notched-outline__trailing]{border-radius:0 .25rem .25rem 0!important}._multiText_b3jcy_53 *[class*=lmnt-select-value-container]{white-space:nowrap;overflow:hidden!important;text-overflow:ellipsis;display:block!important;padding:1.125rem 0!important}._tooltip_b3jcy_62{z-index:42}._disabled_b3jcy_67+*[class*=mdc-select-helper-text]{color:var(--lmnt-theme-on-surface-disabled)}[id*=select-container][class*=top] [class*=mdc-menu-surface--open]{bottom:0}[id*=select-container][class*=bottom] [class*=mdc-menu-surface--open]{top:0}
+._invalidHelperText_zh2wu_1+*[class*=mdc-select-helper-text]{color:var(--lmnt-theme-danger)!important}._invalidBorder_zh2wu_5 *[class*=mdc-notched-outline]{border-color:var(--lmnt-theme-danger)!important}._invalidPlaceholder_zh2wu_9 *[class*=lmnt-select-label]{color:var(--lmnt-theme-danger)!important}._invalidDropdownIcon_zh2wu_13 *[class*=mdc-select__dropdown-icon]{fill:var(--lmnt-theme-danger)!important}._formSelectContainer_zh2wu_18{display:flex;flex-wrap:wrap;width:100%}._formSelectContainer_zh2wu_18>*[class*=lmnt-select-container]{flex-direction:column}._formSelectContainer_zh2wu_18 *[class*=mdc-select-helper-text]{color:var(--lmnt-helper-text-color);align-self:flex-start}._formSelectContainer_zh2wu_18 *[class*=lmnt__multi-value__label]{overflow:visible}._formSelect_zh2wu_18 *[class*=lmnt-select-menu]{z-index:2001}._formSelect_zh2wu_18 div[class*=mdc-notched-outline__leading]{border-radius:.25rem 0 0 .25rem!important}._formSelect_zh2wu_18 div[class*=mdc-notched-outline__trailing]{border-radius:0 .25rem .25rem 0!important}._multiText_zh2wu_53 *[class*=lmnt-select-value-container]{white-space:nowrap;overflow:hidden!important;text-overflow:ellipsis;display:block!important;padding:1.125rem 0!important}._tooltip_zh2wu_62{z-index:42}._disabled_zh2wu_67+*[class*=mdc-select-helper-text]{color:var(--lmnt-theme-on-surface-disabled)}[id*=select-container][class*=top] [class*=mdc-menu-surface--open]{bottom:0}[id*=select-container][class*=bottom] [class*=mdc-menu-surface--open]{top:0}

package/dist/assets/Select.css

@@ -1 +1 @@
-._customPortal_1c12e_1>div[class*=lmnt__menu-portal]{transition:none}._customSelect_1c12e_7 div[class*=lmnt__menu-list--is-multi]{max-height:none}._customSelect_1c12e_7 [class*=mdc-notched-outline__leading]{border-radius:.25rem 0 0 .25rem!important}._customSelect_1c12e_7 [class*=mdc-notched-outline__trailing]{border-radius:0 .25rem .25rem 0!important}._customSelect_1c12e_7 [class*=lmnt-select-menu]{border-radius:.25rem!important}
+._customPortal_1u11g_1>div[class*=lmnt__menu-portal]{transition:none}._customPortal_1u11g_1 div[class*=lmnt__menu-list--is-multi],._customSelect_1u11g_8 div[class*=lmnt__menu-list--is-multi]{max-height:none}._customSelect_1u11g_8 [class*=mdc-notched-outline__leading]{border-radius:.25rem 0 0 .25rem!important}._customSelect_1u11g_8 [class*=mdc-notched-outline__trailing]{border-radius:0 .25rem .25rem 0!important}._customSelect_1u11g_8 [class*=lmnt-select-menu]{border-radius:.25rem!important}

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

@@ -1,8 +1,8 @@
 import "react/jsx-runtime";
-import "../../index.es-DsGuBR0Z.js";
-import "../../index.es-DYs8W4jv.js";
-import "../../index.es-DCSgIiJH.js";
-import { A as e } from "../../AlertBanner-Dss0v6W0.js";
+import "../../index.es-C1SajYlm.js";
+import "../../index.es-DCYlADaN.js";
+import "../../index.es-NEYPxnlS.js";
+import { A as e } from "../../AlertBanner-C6wpAQMj.js";
 export {
   e as AlertBanner
 };

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

@@ -1,7 +1,7 @@
 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 { A as n } from "../../AlertBanner-C6wpAQMj.js";
 import { d as p, b as c, a as l, t as r, g as a } from "../../vi.CjhMlMwf-CKxPQtd6.js";
 p("AlertBanner Test", () => {
   c(() => {

package/dist/components/AlertBanner/LinkBanner.js

@@ -1,8 +1,8 @@
 import { jsx as r, jsxs as a } from "react/jsx-runtime";
-import { G as l } from "../../index.es-DsGuBR0Z.js";
-import { T as s } from "../../index.es-DCSgIiJH.js";
+import { G as l } from "../../index.es-C1SajYlm.js";
+import { T as s } from "../../index.es-NEYPxnlS.js";
 import { Iconify as p } from "../Iconify/Iconify.js";
-import { A as m, s as c } from "../../AlertBanner-Dss0v6W0.js";
+import { A as m, s as c } from "../../AlertBanner-C6wpAQMj.js";
 const g = ({
   text: n,
   color: o = "info",

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

@@ -1,14 +1,14 @@
 import { jsx as e, Fragment as a, jsxs as n } from "react/jsx-runtime";
-import { D as G } from "../../index.es-Bus5gEri.js";
-import { G as s } from "../../index.es-DsGuBR0Z.js";
-import { P as V } from "../../index.es-Bo1Rhtyb.js";
-import { c as w } from "../../index-Cpb-8cAN.js";
+import { D as G } from "../../index.es-DYViXXnI.js";
+import { G as s } from "../../index.es-C1SajYlm.js";
+import { P as V } from "../../index.es-CIsLNz4j.js";
+import { c as w } from "../../index-_ck2BRrZ.js";
 import { useMemo as d } from "react";
 import { BasicHeading as _ } from "../BasicHeading/BasicHeading.js";
 import { EmptyView as $ } from "../EmptyView/EmptyView.js";
 import { ListArea as y } from "../ListArea/ListArea.js";
 import { u as F } from "../../useBreakpoints-MzTZ0tCT.js";
-import { O as M } from "../../OfflineView-D168VIXv.js";
+import { O as M } from "../../OfflineView-NUM9WE0F.js";
 import { useScrollableInfo as O } from "./BaseView.service.js";
 import '../../assets/BaseView.css';const P = "_fullHeight_1a5ww_1", T = "_fullWidth_1a5ww_5", q = "_maxWidth_1a5ww_9", z = "_list_1a5ww_14", J = "_desktopList_1a5ww_23", K = "_noRoundedCorners_1a5ww_28", Q = "_detail_1a5ww_32", U = "_desktopDetail_1a5ww_40", i = {
   fullHeight: P,

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,8 +1,8 @@
 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 m } from "../../index-Cpb-8cAN.js";
+import { G as t } from "../../index.es-C1SajYlm.js";
+import { I as A } from "../../index.es-DCYlADaN.js";
+import { b as I, T as z } from "../../index.es-NEYPxnlS.js";
+import { c as m } from "../../index-_ck2BRrZ.js";
 import { Iconify as H } from "../Iconify/Iconify.js";
 import { AvailableCustomIcons as q } from "../../enums/AvailableCustomIcons.js";
 import { u as w } from "../../useBreakpoints-MzTZ0tCT.js";

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 { B as g } from "../../index.es-B0QNuIUR.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.js

@@ -1,6 +1,6 @@
 import { jsxs as v, jsx as o, Fragment as h } from "react/jsx-runtime";
-import { d as D, b as S, a as F } from "../../index.es-DCSgIiJH.js";
-import { c as M } from "../../index-Cpb-8cAN.js";
+import { d as D, b as S, a as F } from "../../index.es-NEYPxnlS.js";
+import { c as M } from "../../index-_ck2BRrZ.js";
 import { useState as V, useEffect as q, useMemo as G } from "react";
 import { getBlockNumberByDto as H } from "../../services/BlockService.js";
 import '../../assets/BlockView.css';const I = "_grid_1ym34_1", J = "_blockLayout_1ym34_11", K = "_blockRow_1ym34_22", O = "_block_1ym34_11", P = "_active_1ym34_41", Q = "_error_1ym34_46", U = "_empty_1ym34_52", W = "_activeBlock_1ym34_56", X = "_blockText_1ym34_60", Y = "_emptyLayout_1ym34_70", t = {

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", () => {