@stenajs-webui/panels 22.4.0 → 22.4.1

package/dist/components/cards/product-card/ProductCard.d.ts

@@ -4,6 +4,6 @@ export interface ProductCardProps extends PropsWithChildren {
     renderSelectedProductCard?: () => ReactNode;
     renderEditButton?: () => ReactNode;
     loading?: boolean;
-    border?: boolean;
+    shadow?: boolean;
 }
 export declare const ProductCard: React.FC<ProductCardProps>;

package/dist/index.es.js

@@ -27,10 +27,10 @@ const te = ({
   buttonRef: g,
   appendTo: b,
   zIndex: C,
-  disableTrapFocus: w = !1,
+  disableTrapFocus: B = !1,
   ...k
 }) => {
-  const [S, B, _, j] = fe(!1), F = Q(null), P = g ?? F, O = U(() => ({ open: B, close: _ }), [B, _]), L = (A) => {
+  const [S, w, _, j] = fe(!1), F = Q(null), P = g ?? F, O = U(() => ({ open: w, close: _ }), [w, _]), L = (A) => {
     s == null || s(A), j();
   };
   return /* @__PURE__ */ e(M, { children: /* @__PURE__ */ e(
@@ -58,7 +58,7 @@ const te = ({
         {
           width: l,
           top: a,
-          trapFocus: !w,
+          trapFocus: !B,
           children: /* @__PURE__ */ e(ke.Provider, { value: O, children: n(_) })
         }
       )
@@ -167,7 +167,7 @@ const te = ({
       }
     );
   }
-), yt = (n) => /* @__PURE__ */ e(z, { whiteSpace: "nowrap", variant: "h4", as: "h1", ...n }), Bt = ({
+), yt = (n) => /* @__PURE__ */ e(z, { whiteSpace: "nowrap", variant: "h4", as: "h1", ...n }), wt = ({
   content: n,
   children: t,
   appendTo: i,
@@ -194,7 +194,7 @@ const te = ({
   unread: hn,
   icon: pn,
   shake: mn
-}, wt = ee(function({
+}, Bt = ee(function({
   count: n,
   unread: t = !1,
   className: i,
@@ -279,10 +279,10 @@ const te = ({
 ), _n = "_unreadDot_l8bni_1", yn = "_dot_l8bni_4", se = {
   unreadDot: _n,
   dot: yn
-}, Bn = ({ children: n }) => /* @__PURE__ */ r("div", { className: se.unreadDot, children: [
+}, wn = ({ children: n }) => /* @__PURE__ */ r("div", { className: se.unreadDot, children: [
   n,
   /* @__PURE__ */ e("div", { className: se.dot })
-] }), Be = ({
+] }), we = ({
   text: n,
   timestamp: t,
   icon: i,
@@ -300,13 +300,13 @@ const te = ({
       size: "small",
       icon: i,
       "aria-label": o,
-      backgroundColor: b || wn(u, g)
+      backgroundColor: b || Bn(u, g)
     }
   ) : void 0;
   return /* @__PURE__ */ r(c, { alignItems: "flex-start", indent: 2, spacing: !0, children: [
     /* @__PURE__ */ r(c, { spacing: !0, gap: 2, flex: 1, alignItems: "flex-start", children: [
       l && /* @__PURE__ */ e(d, { minHeight: 20, justifyContent: "center", children: l }),
-      !l && C && (u ? /* @__PURE__ */ e(Bn, { children: C }) : C),
+      !l && C && (u ? /* @__PURE__ */ e(wn, { children: C }) : C),
       /* @__PURE__ */ r(d, { minHeight: 20, justifyContent: "center", flex: 1, gap: 0.5, children: [
         /* @__PURE__ */ e(f, { variant: "bold", children: n }),
         t && /* @__PURE__ */ e(
@@ -332,7 +332,7 @@ const te = ({
       }
     )
   ] });
-}, wn = (n, t) => {
+}, Bn = (n, t) => {
   if (!(!n && t === "standard"))
     return "--lhds-color-ui-50";
 }, kn = "_notification_1hao0_1", In = "_body_1hao0_7", Sn = "_standard_1hao0_13", Nn = "_unread_1hao0_14", Mn = "_danger_1hao0_19", W = {
@@ -355,7 +355,7 @@ const te = ({
       i && W.unread
     ),
     children: [
-      /* @__PURE__ */ e(Be, { ...o, unread: i, variant: n }),
+      /* @__PURE__ */ e(we, { ...o, unread: i, variant: n }),
       t && /* @__PURE__ */ e(p, { className: W.body, children: t })
     ]
   }
@@ -387,7 +387,7 @@ const te = ({
     role: "alert",
     position: "relative",
     children: [
-      /* @__PURE__ */ e(d, { className: v({ [V.nonClickable]: n }), children: /* @__PURE__ */ e(Be, { ...a }) }),
+      /* @__PURE__ */ e(d, { className: v({ [V.nonClickable]: n }), children: /* @__PURE__ */ e(we, { ...a }) }),
       i && /* @__PURE__ */ r(d, { indent: 3, className: v({ [V.nonClickable]: n }), children: [
         i,
         /* @__PURE__ */ e(x, { num: 2 })
@@ -721,16 +721,14 @@ const te = ({
   renderEditButton: t,
   children: i,
   loading: o,
-  border: l,
+  shadow: l,
   ...a
 }) => /* @__PURE__ */ r(
   p,
   {
     "data-comp": "ProductCard",
     className: Jn.productCard,
-    borderWidth: 1,
-    borderColor: l ? m("--silver-light") : void 0,
-    borderStyle: l ? "solid" : void 0,
+    shadow: l ? "box" : void 0,
     background: m("--moln"),
     borderRadius: "24px",
     overflow: "hidden",
@@ -772,7 +770,7 @@ const te = ({
   children: b,
   headingLevel: C
 }) => {
-  const w = i == null ? !1 : Array.isArray(i) ? i.length > 0 : !Ze(i);
+  const B = i == null ? !1 : Array.isArray(i) ? i.length > 0 : !Ze(i);
   return /* @__PURE__ */ r(p, { children: [
     g == null ? void 0 : g(),
     /* @__PURE__ */ r(d, { gap: 2, spacing: 4, indent: 4, background: m("--moln"), children: [
@@ -794,7 +792,7 @@ const te = ({
         ),
         u && /* @__PURE__ */ e(f, { variant: "bold", color: m("--silver-dark"), children: u })
       ] }),
-      (w || o) && /* @__PURE__ */ r(p, { children: [
+      (B || o) && /* @__PURE__ */ r(p, { children: [
         /* @__PURE__ */ r(c, { gap: 1, flexWrap: "wrap", children: [
           i,
           o && /* @__PURE__ */ e(We, { label: o, variant: "passive" })
@@ -854,11 +852,11 @@ const te = ({
   children: b,
   ...C
 }) => {
-  const { fontSizeRatio: w } = Qe(), k = N({
+  const { fontSizeRatio: B } = Qe(), k = N({
     query: "(max-width: 460px)"
-  }), B = N({
+  }), w = N({
     query: "(max-width: 360px)"
-  }) || k && w > 1.2, _ = i ? "normal" : t, j = nt(_), F = m("--moln"), P = et(_);
+  }) || k && B > 1.2, _ = i ? "normal" : t, j = nt(_), F = m("--moln"), P = et(_);
   return /* @__PURE__ */ r(
     d,
     {
@@ -870,11 +868,11 @@ const te = ({
       ...ne(C),
       children: [
         /* @__PURE__ */ r(c, { flex: 1, children: [
-          !B && /* @__PURE__ */ e(d, { flex: 2, justifyContent: "center", background: j, children: o && /* @__PURE__ */ e(X, { color: P, icon: o, size: 73 }) }),
+          !w && /* @__PURE__ */ e(d, { flex: 2, justifyContent: "center", background: j, children: o && /* @__PURE__ */ e(X, { color: P, icon: o, size: 73 }) }),
           /* @__PURE__ */ e(d, { flex: 4, indent: 2, spacing: 2, background: F, children: /* @__PURE__ */ r(p, { gap: 2, children: [
             n && /* @__PURE__ */ r(c, { justifyContent: "space-between", children: [
               /* @__PURE__ */ r(c, { gap: 2, alignItems: "center", children: [
-                B && l && /* @__PURE__ */ e(G, { icon: l, size: "medium" }),
+                w && l && /* @__PURE__ */ e(G, { icon: l, size: "medium" }),
                 /* @__PURE__ */ e(f, { variant: "bold", size: "large", children: n })
               ] }),
               _ == "normal" && (s == null ? void 0 : s())
@@ -980,7 +978,7 @@ const te = ({
   "tablet",
   "tablet-wide",
   "desktop"
-], we = () => {
+], Be = () => {
   const n = N({
     query: "(max-width: 768px)"
   }), t = N({
@@ -992,7 +990,7 @@ const te = ({
   });
   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) => {
-  const { deviceSize: t } = we();
+  const { deviceSize: t } = Be();
   return {
     visible: U(
       () => tt(t, n),
@@ -1007,11 +1005,11 @@ const te = ({
   altLabelNext: l,
   altLabelClose: a
 }) => {
-  const s = Q(null), u = Q(null), { deviceSize: g } = we(), b = g !== "mobile", [C, w] = H(!1), [k, S] = H(0), [B, _] = H(0), j = le(() => {
-    _(k), w(!0);
+  const s = Q(null), u = Q(null), { deviceSize: g } = Be(), b = g !== "mobile", [C, B] = H(!1), [k, S] = H(0), [w, _] = H(0), j = le(() => {
+    _(k), B(!0);
   }, [k]), F = le(() => {
-    S(B), w(!1);
-  }, [B]), P = ({ index: h }) => S(h), O = ({ index: h }) => _(h), L = U(() => n.map(Z), [n]), A = U(
+    S(w), B(!1);
+  }, [w]), P = ({ index: h }) => S(h), O = ({ index: h }) => _(h), L = U(() => n.map(Z), [n]), A = U(
     () => n.map(
       (h) => h.fullscreenImage ? Z({
         ...h.fullscreenImage,
@@ -1082,7 +1080,7 @@ const te = ({
       {
         open: C,
         close: F,
-        index: B,
+        index: w,
         plugins: [nn, en, Ye],
         slides: A ?? L,
         on: { view: O },
@@ -1190,12 +1188,12 @@ export {
   _t as NavBar,
   dn as NavBarButton,
   yt as NavBarHeading,
-  wt as NavBarNotificationButton,
-  Bt as NavBarPopoverButton,
+  Bt as NavBarNotificationButton,
+  wt as NavBarPopoverButton,
   kt as NavBarSearchField,
   It as NavBarUserButton,
   St as Notification,
-  Be as NotificationHeader,
+  we as NotificationHeader,
   Nt as NotificationList,
   $t as PageHeader,
   Lt as PageHeaderRow,
@@ -1216,10 +1214,10 @@ export {
   Et as SidebarMenuSeparator,
   Ht as SidebarRailMenu,
   Mt as Toast,
-  Bn as UnreadDot,
-  wn as getIconBgColorFromVariant,
+  wn as UnreadDot,
+  Bn as getIconBgColorFromVariant,
   tt as isDeviceSameOrLarger,
-  we as useDeviceSize,
+  Be as useDeviceSize,
   Jt as useLayoutVisibility
 };
 //# sourceMappingURL=index.es.js.map