@stenajs-webui/panels 22.4.1 → 22.4.2

package/dist/components/image-carousel/ImageCarousel.d.ts

@@ -1,6 +1,8 @@
 import * as React from "react";
 import "./ImageCarousel.module.css";
 import "yet-another-react-lightbox/styles.css";
+import "yet-another-react-lightbox/plugins/counter.css";
+import "yet-another-react-lightbox/plugins/captions.css";
 export interface CarouselImage {
     url: string;
     alt: string;

package/dist/index.es.js

@@ -15,6 +15,8 @@ import Ye from "yet-another-react-lightbox/plugins/captions";
 import en from "yet-another-react-lightbox/plugins/counter";
 import nn from "yet-another-react-lightbox/plugins/zoom";
 import "yet-another-react-lightbox/styles.css";
+import "yet-another-react-lightbox/plugins/counter.css";
+import "yet-another-react-lightbox/plugins/captions.css";
 const te = ({
   renderItems: n,
   placement: t = "bottom",
@@ -64,7 +66,7 @@ const te = ({
       )
     }
   ) });
-}, xt = (n) => /* @__PURE__ */ e(te, { buttonComponent: pe, ...n }), vt = (n) => /* @__PURE__ */ e(te, { buttonComponent: I, ...n }), tn = (n) => /* @__PURE__ */ e(te, { buttonComponent: E, ...n }), rn = "1px solid var(--lhds-color-ui-300)", Ct = ({
+}, Ct = (n) => /* @__PURE__ */ e(te, { buttonComponent: pe, ...n }), _t = (n) => /* @__PURE__ */ e(te, { buttonComponent: I, ...n }), tn = (n) => /* @__PURE__ */ e(te, { buttonComponent: E, ...n }), rn = "1px solid var(--lhds-color-ui-300)", yt = ({
   renderMenu: n,
   ...t
 }) => /* @__PURE__ */ e(
@@ -103,7 +105,7 @@ const te = ({
     className: n,
     onClick: t
   }
-), _t = ({
+), wt = ({
   left: n,
   className: t,
   showMenuButton: i = !1,
@@ -167,7 +169,7 @@ const te = ({
       }
     );
   }
-), yt = (n) => /* @__PURE__ */ e(z, { whiteSpace: "nowrap", variant: "h4", as: "h1", ...n }), wt = ({
+), Bt = (n) => /* @__PURE__ */ e(z, { whiteSpace: "nowrap", variant: "h4", as: "h1", ...n }), kt = ({
   content: n,
   children: t,
   appendTo: i,
@@ -194,7 +196,7 @@ const te = ({
   unread: hn,
   icon: pn,
   shake: mn
-}, Bt = ee(function({
+}, It = ee(function({
   count: n,
   unread: t = !1,
   className: i,
@@ -226,7 +228,7 @@ const te = ({
   navBarSearchFieldWrapper: bn,
   withButton: fn,
   clearButton: xn
-}, kt = ({
+}, St = ({
   placeholder: n = "Search",
   className: t,
   wrapperClassName: i,
@@ -258,7 +260,7 @@ const te = ({
   }
 ), vn = "_navBarUserButton_10f9z_1", Cn = {
   navBarUserButton: vn
-}, It = ({
+}, Nt = ({
   className: n,
   username: t,
   initials: i,
@@ -341,7 +343,7 @@ const te = ({
   standard: Sn,
   unread: Nn,
   danger: Mn
-}, St = ({
+}, Mt = ({
   variant: n = "standard",
   children: t,
   unread: i,
@@ -361,7 +363,7 @@ const te = ({
   }
 ), Rn = "_notificationList_1rkvu_1", zn = {
   notificationList: Rn
-}, Nt = ({
+}, Rt = ({
   children: n
 }) => /* @__PURE__ */ r("div", { className: zn.notificationList, children: [
   n,
@@ -369,7 +371,7 @@ const te = ({
 ] }), jn = "_clickable_1ijxc_1", Fn = "_nonClickable_1ijxc_27", V = {
   clickable: jn,
   nonClickable: Fn
-}, Mt = ({
+}, zt = ({
   onClick: n,
   onClickAriaLabel: t,
   children: i,
@@ -415,9 +417,9 @@ const te = ({
       ...o
     }
   )
-), Rt = ({
+), jt = ({
   children: n
-}) => /* @__PURE__ */ e(p, { gap: 1, children: n }), zt = ({
+}) => /* @__PURE__ */ e(p, { gap: 1, children: n }), Ft = ({
   value: n,
   onValueChange: t,
   onChange: i,
@@ -442,7 +444,7 @@ const te = ({
   }
 ), An = "_sidebarMenuCollapsibleGroupBox_ikek9_1", $n = {
   sidebarMenuCollapsibleGroupBox: An
-}, Ln = ({ children: n }) => /* @__PURE__ */ e("div", { className: $n.sidebarMenuCollapsibleGroupBox, children: n }), jt = ({ children: n }) => /* @__PURE__ */ e(d, { spacing: !0, indent: !0, children: /* @__PURE__ */ e(f, { variant: "overline", size: "smaller", children: n }) }), Ft = ({ text: n = "No content" }) => /* @__PURE__ */ r(p, { indent: !0, spacing: !0, flex: 1, alignItems: "center", children: [
+}, Ln = ({ children: n }) => /* @__PURE__ */ e("div", { className: $n.sidebarMenuCollapsibleGroupBox, children: n }), Pt = ({ children: n }) => /* @__PURE__ */ e(d, { spacing: !0, indent: !0, children: /* @__PURE__ */ e(f, { variant: "overline", size: "smaller", children: n }) }), At = ({ text: n = "No content" }) => /* @__PURE__ */ r(p, { indent: !0, spacing: !0, flex: 1, alignItems: "center", children: [
   /* @__PURE__ */ e(X, { icon: ze, color: m("--lhds-color-ui-500") }),
   /* @__PURE__ */ e(x, {}),
   /* @__PURE__ */ e(f, { size: "small", color: m("--lhds-color-ui-500"), children: n })
@@ -469,7 +471,7 @@ const te = ({
       o
     ] })
   ] }) }) });
-}, Pt = (n) => /* @__PURE__ */ e(
+}, $t = (n) => /* @__PURE__ */ e(
   d,
   {
     width: "100%",
@@ -484,7 +486,7 @@ const te = ({
   /* @__PURE__ */ e(J, { size: "small" }),
   /* @__PURE__ */ e(x, { num: 4 }),
   /* @__PURE__ */ e(z, { variant: "h4", children: n })
-] }), At = (n) => /* @__PURE__ */ e(
+] }), Lt = (n) => /* @__PURE__ */ e(
   d,
   {
     width: "100%",
@@ -493,7 +495,7 @@ const te = ({
     alignItems: "center",
     children: /* @__PURE__ */ e(Wn, { ...n })
   }
-), $t = ({
+), Dt = ({
   renderBreadCrumbs: n,
   renderPageHeading: t,
   renderTabs: i,
@@ -509,7 +511,7 @@ const te = ({
     i == null ? void 0 : i()
   ] }),
   o
-] }), Lt = (n) => /* @__PURE__ */ e(c, { indent: 3, spacing: !0, ...n }), Dt = ({
+] }), Wt = (n) => /* @__PURE__ */ e(c, { indent: 3, spacing: !0, ...n }), Ht = ({
   icon: n,
   heading: t,
   headingLevel: i = "h2",
@@ -548,7 +550,7 @@ const te = ({
   isPinned: n,
   onClick: t,
   label: i
-}) => /* @__PURE__ */ e(T, { onClick: t, label: i ?? (n ? "Unpin menu" : "Pin menu"), leftIcon: n ? be : $e }), Wt = ({
+}) => /* @__PURE__ */ e(T, { onClick: t, label: i ?? (n ? "Unpin menu" : "Pin menu"), leftIcon: n ? be : $e }), Ut = ({
   className: n,
   children: t,
   onCloseClick: i,
@@ -586,7 +588,7 @@ const te = ({
 ] }), q = Ge(!1), ie = () => Oe(q), Kn = ({
   label: n,
   ...t
-}) => /* @__PURE__ */ e(_e, { label: n, placement: "right", appendTo: document.body, children: /* @__PURE__ */ e(Y, { ...t }) }), Ht = ({
+}) => /* @__PURE__ */ e(_e, { label: n, placement: "right", appendTo: document.body, children: /* @__PURE__ */ e(Y, { ...t }) }), qt = ({
   closeButtonVisible: n,
   onClickCloseButton: t,
   onClickMenuButton: i,
@@ -632,7 +634,7 @@ const te = ({
   label: n,
   leftIcon: t,
   ...i
-}) => t == null ? null : /* @__PURE__ */ e(_e, { label: n, placement: "right", children: /* @__PURE__ */ e(Le, { icon: t, ...i }) }), Ut = (n) => ie() ? /* @__PURE__ */ e(Qn, { ...n }) : /* @__PURE__ */ e(De, { ...n }), Tn = ({
+}) => t == null ? null : /* @__PURE__ */ e(_e, { label: n, placement: "right", children: /* @__PURE__ */ e(Le, { icon: t, ...i }) }), Et = (n) => ie() ? /* @__PURE__ */ e(Qn, { ...n }) : /* @__PURE__ */ e(De, { ...n }), Tn = ({
   children: n,
   label: t,
   icon: i,
@@ -659,7 +661,7 @@ const te = ({
       }
     )
   }
-), qt = ({
+), Gt = ({
   children: n,
   label: t,
   leftIcon: i,
@@ -680,13 +682,13 @@ const te = ({
       children: /* @__PURE__ */ e(Ln, { children: n })
     }
   );
-}, Et = (n) => /* @__PURE__ */ e(
+}, Ot = (n) => /* @__PURE__ */ e(
   Ve,
   {
     color: m("--lhds-color-ui-400"),
     ...n
   }
-), Gt = ({ numItemsSelected: n, label: t, afterLabelContent: i, rightContent: o }) => /* @__PURE__ */ r(
+), Vt = ({ numItemsSelected: n, label: t, afterLabelContent: i, rightContent: o }) => /* @__PURE__ */ r(
   c,
   {
     indent: 3,
@@ -714,9 +716,9 @@ const te = ({
       /* @__PURE__ */ e(c, { gap: 2, children: o })
     ]
   }
-), Ot = ({ children: n }) => /* @__PURE__ */ e(c, { spacing: 0.5, indent: 0.5, flex: 1, children: n }), Xn = "_productCard_19x6b_1", Jn = {
+), Kt = ({ children: n }) => /* @__PURE__ */ e(c, { spacing: 0.5, indent: 0.5, flex: 1, children: n }), Xn = "_productCard_19x6b_1", Jn = {
   productCard: Xn
-}, Vt = ({
+}, Zt = ({
   renderSelectedProductCard: n,
   renderEditButton: t,
   children: i,
@@ -757,7 +759,7 @@ const te = ({
       )
     ]
   }
-), Yn = ({ children: n }) => /* @__PURE__ */ e(f, { variant: "bold", style: { fontSize: "2.0rem" }, children: n }), Kt = ({
+), Yn = ({ children: n }) => /* @__PURE__ */ e(f, { variant: "bold", style: { fontSize: "2.0rem" }, children: n }), Qt = ({
   description: n,
   subDescription: t,
   descriptionTags: i,
@@ -810,7 +812,7 @@ const te = ({
       b
     ] })
   ] });
-}, Zt = ({ renderImage: n }) => /* @__PURE__ */ r(p, { children: [
+}, Tt = ({ renderImage: n }) => /* @__PURE__ */ r(p, { children: [
   n == null ? void 0 : n(),
   /* @__PURE__ */ r(d, { gap: 3, spacing: 4, indent: 4, background: m("--moln"), children: [
     /* @__PURE__ */ e(d, { gap: 0.5, children: /* @__PURE__ */ e(
@@ -833,13 +835,13 @@ const te = ({
     /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(R, { width: "150px", height: "1.4rem", borderRadius: "8px" }) }),
     /* @__PURE__ */ e(x, {})
   ] })
-] }), Qt = ({
+] }), Xt = ({
   label: n,
   children: t
 }) => /* @__PURE__ */ r(d, { background: m("--mussla"), indent: 2, spacing: 2, gap: 2, children: [
   /* @__PURE__ */ e(z, { variant: "h3", as: "h2", color: "white", children: n }),
   t
-] }), Tt = ({
+] }), Jt = ({
   title: n,
   variant: t = "normal",
   loading: i,
@@ -934,7 +936,7 @@ const te = ({
     default:
       xe(n);
   }
-}, Xt = ({ iconLeft: n, ...t }) => /* @__PURE__ */ e(
+}, Yt = ({ iconLeft: n, ...t }) => /* @__PURE__ */ e(
   d,
   {
     borderRadius: "16px",
@@ -989,7 +991,7 @@ const te = ({
     query: "(max-width: 1160px)"
   });
   return { deviceSize: t ? "small-mobile" : n ? "mobile" : i ? "tablet" : o ? "tablet-wide" : "desktop" };
-}, tt = (n, t) => n === t || de.indexOf(n) > de.indexOf(t), Jt = (n) => {
+}, tt = (n, t) => n === t || de.indexOf(n) > de.indexOf(t), ei = (n) => {
   const { deviceSize: t } = Be();
   return {
     visible: U(
@@ -997,7 +999,7 @@ const te = ({
       [t, n]
     )
   };
-}, Yt = ({
+}, ni = ({
   images: n,
   altLabelPrevious: t,
   altLabelZoomIn: i,
@@ -1172,52 +1174,52 @@ const te = ({
 });
 export {
   tn as ActionMenuFlatButton,
-  xt as ActionMenuPrimaryButton,
-  vt as ActionMenuSecondaryButton,
-  Ct as CheckboxMenu,
+  Ct as ActionMenuPrimaryButton,
+  _t as ActionMenuSecondaryButton,
+  yt as CheckboxMenu,
   Pn as Collapsible,
-  Ft as CollapsibleEmptyContent,
-  jt as CollapsibleGroupHeading,
-  Rt as CollapsibleList,
-  zt as CollapsibleWithCheckbox,
+  At as CollapsibleEmptyContent,
+  Pt as CollapsibleGroupHeading,
+  jt as CollapsibleList,
+  Ft as CollapsibleWithCheckbox,
   Dn as ErrorPanel,
-  Pt as ErrorScreen,
-  Yt as ImageCarousel,
+  $t as ErrorScreen,
+  ni as ImageCarousel,
   Wn as LoadingPanel,
-  At as LoadingScreen,
-  _t as NavBar,
+  Lt as LoadingScreen,
+  wt as NavBar,
   dn as NavBarButton,
-  yt as NavBarHeading,
-  Bt as NavBarNotificationButton,
-  wt as NavBarPopoverButton,
-  kt as NavBarSearchField,
-  It as NavBarUserButton,
-  St as Notification,
+  Bt as NavBarHeading,
+  It as NavBarNotificationButton,
+  kt as NavBarPopoverButton,
+  St as NavBarSearchField,
+  Nt as NavBarUserButton,
+  Mt as Notification,
   we as NotificationHeader,
-  Nt as NotificationList,
-  $t as PageHeader,
-  Lt as PageHeaderRow,
-  Dt as PageHeading,
-  Vt as ProductCard,
-  Kt as ProductCardContentItem,
-  Zt as ProductCardContentItemSkeletor,
-  Tt as ProductSummaryCard,
-  Xt as ProductSummaryCardSkeletor,
-  Ot as SelectedItemsActionsPadding,
-  Gt as SelectedItemsActionsPanel,
-  Qt as SelectedProductCard,
-  Wt as SidebarMenu,
-  qt as SidebarMenuCollapsible,
+  Rt as NotificationList,
+  Dt as PageHeader,
+  Wt as PageHeaderRow,
+  Ht as PageHeading,
+  Zt as ProductCard,
+  Qt as ProductCardContentItem,
+  Tt as ProductCardContentItemSkeletor,
+  Jt as ProductSummaryCard,
+  Yt as ProductSummaryCardSkeletor,
+  Kt as SelectedItemsActionsPadding,
+  Vt as SelectedItemsActionsPanel,
+  Xt as SelectedProductCard,
+  Ut as SidebarMenu,
+  Gt as SidebarMenuCollapsible,
   Ln as SidebarMenuCollapsibleGroupBox,
   Zn as SidebarMenuHeading,
-  Ut as SidebarMenuLink,
-  Et as SidebarMenuSeparator,
-  Ht as SidebarRailMenu,
-  Mt as Toast,
+  Et as SidebarMenuLink,
+  Ot as SidebarMenuSeparator,
+  qt as SidebarRailMenu,
+  zt as Toast,
   wn as UnreadDot,
   Bn as getIconBgColorFromVariant,
   tt as isDeviceSameOrLarger,
   Be as useDeviceSize,
-  Jt as useLayoutVisibility
+  ei as useLayoutVisibility
 };
 //# sourceMappingURL=index.es.js.map