@hortiview/shared-components 0.0.6890 → 0.0.7018

package/dist/isArray-Ca4KR8TK.js

@@ -0,0 +1,91 @@
+import { c as o, g as j } from "./_commonjsHelpers-CT_km90n.js";
+var $ = typeof o == "object" && o && o.Object === Object && o, p = $, S = p, T = typeof self == "object" && self && self.Object === Object && self, _ = S || T || Function("return this")(), c = _, O = c, d = O.Symbol, f = d, i = f, g = Object.prototype, m = g.hasOwnProperty, h = g.toString, e = i ? i.toStringTag : void 0;
+function P(r) {
+  var t = m.call(r, e), a = r[e];
+  try {
+    r[e] = void 0;
+    var l = !0;
+  } catch {
+  }
+  var y = h.call(r);
+  return l && (t ? r[e] = a : delete r[e]), y;
+}
+var F = P, k = Object.prototype, w = k.toString;
+function G(r) {
+  return w.call(r);
+}
+var N = G, s = f, x = F, A = N, I = "[object Null]", M = "[object Undefined]", u = s ? s.toStringTag : void 0;
+function R(r) {
+  return r == null ? r === void 0 ? M : I : u && u in Object(r) ? x(r) : A(r);
+}
+var C = R;
+function D(r) {
+  var t = typeof r;
+  return r != null && (t == "object" || t == "function");
+}
+var b = D, E = C, J = b, V = "[object AsyncFunction]", L = "[object Function]", H = "[object GeneratorFunction]", K = "[object Proxy]";
+function U(r) {
+  if (!J(r))
+    return !1;
+  var t = E(r);
+  return t == L || t == H || t == V || t == K;
+}
+var q = U, z = c, B = z["__core-js_shared__"], Q = B, n = Q, v = function() {
+  var r = /[^.]+$/.exec(n && n.keys && n.keys.IE_PROTO || "");
+  return r ? "Symbol(src)_1." + r : "";
+}();
+function W(r) {
+  return !!v && v in r;
+}
+var X = W, Y = Function.prototype, Z = Y.toString;
+function rr(r) {
+  if (r != null) {
+    try {
+      return Z.call(r);
+    } catch {
+    }
+    try {
+      return r + "";
+    } catch {
+    }
+  }
+  return "";
+}
+var tr = rr, er = q, ar = X, or = b, nr = tr, cr = /[\\^$.*+?()[\]{}|]/g, ir = /^\[object .+?Constructor\]$/, sr = Function.prototype, ur = Object.prototype, vr = sr.toString, fr = ur.hasOwnProperty, gr = RegExp(
+  "^" + vr.call(fr).replace(cr, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
+);
+function br(r) {
+  if (!or(r) || ar(r))
+    return !1;
+  var t = er(r) ? gr : ir;
+  return t.test(nr(r));
+}
+var lr = br;
+function yr(r, t) {
+  return r?.[t];
+}
+var jr = yr, $r = lr, pr = jr;
+function Sr(r, t) {
+  var a = pr(r, t);
+  return $r(a) ? a : void 0;
+}
+var Tr = Sr, _r = Tr, Or = c, dr = _r(Or, "Map"), wr = dr;
+function mr(r) {
+  return r != null && typeof r == "object";
+}
+var Gr = mr, hr = Array.isArray, Pr = hr;
+const Nr = /* @__PURE__ */ j(Pr);
+export {
+  wr as _,
+  Pr as a,
+  c as b,
+  f as c,
+  Tr as d,
+  C as e,
+  tr as f,
+  Gr as g,
+  p as h,
+  Nr as i,
+  b as j,
+  q as k
+};

package/dist/listArea.module-B-gPyfbE.js

@@ -0,0 +1,19 @@
+import "./assets/listArea.css";
+const t = "_fullWidth_x5yt7_1", e = "_mainElevation_x5yt7_5", o = "_searchbar_x5yt7_11", n = "_roundedBottom_x5yt7_19", i = "_primaryText_x5yt7_24", _ = "_list_x5yt7_28", r = "_listItem_x5yt7_56", l = "_trailingIcon_x5yt7_60", s = "_groupedListItem_x5yt7_72", c = "_iconColor_x5yt7_76", a = "_overlineTitle_x5yt7_80", x = "_truncate_x5yt7_85", y = "_truncateOverlineText_x5yt7_94", u = {
+  fullWidth: t,
+  mainElevation: e,
+  searchbar: o,
+  roundedBottom: n,
+  primaryText: i,
+  list: _,
+  listItem: r,
+  trailingIcon: l,
+  groupedListItem: s,
+  iconColor: c,
+  overlineTitle: a,
+  truncate: x,
+  truncateOverlineText: y
+};
+export {
+  u as s
+};

package/dist/loadingSpinner.module-CLtqSMWA.js

@@ -0,0 +1,7 @@
+import "./assets/loadingSpinner.css";
+const n = "_loadingSpinnerContainer_1f3ss_1", o = {
+  loadingSpinnerContainer: n
+};
+export {
+  o as s
+};

package/dist/main.d.ts

@@ -7,6 +7,7 @@ export { ContextMenu } from './components/ContextMenu/ContextMenu';
 export { DeleteModal } from './components/DeleteModal/DeleteModal';
 export { Disclaimer } from './components/Disclaimer/Disclaimer';
 export { EmptyView } from './components/EmptyView/EmptyView';
+export { Filter } from './components/Filter/Filter';
 export { GenericTable } from './components/GenericTable/GenericTable';
 export { HashTabView } from './components/HashTabView/HashTabView';
 export { HeaderFilter } from './components/HeaderFilter/HeaderFilter';
@@ -14,6 +15,7 @@ export { Iconify } from './components/Iconify/Iconify';
 export { InfoGroup } from './components/InfoGroup/InfoGroup';
 export { ListArea } from './components/ListArea/ListArea';
 export { LoadingSpinner } from './components/LoadingSpinner/Default/LoadingSpinner';
+export { OverflowTooltip } from './components/OverflowTooltip/OverflowTooltip';
 export { ScrollbarX, ScrollbarY } from './components/Scrollbar/Scrollbar';
 export { SearchBar } from './components/SearchBar/SearchBar';
 export { VerticalDivider } from './components/VerticalDivider/VerticalDivider';
@@ -29,6 +31,7 @@ export { capitalizeFirstLetters } from './services/UtilService';
 export type { FormSelectOption } from './components/FormComponents/FormSelect/FormSelect';
 export type { FormTextProps } from './components/FormComponents/FormText/FormText';
 export type { FieldItem } from './components/InfoGroup/InfoGroup';
+export type { FilterData, FilterOption, FilterSelection } from './types/Filter';
 export type { CellTemplate, CellTemplateProps, TableLayoutProps } from './types/GenericTable';
 export type { HashTab } from './types/HashTab';
 export type { BaseListElement, ListElement } from './types/ListElement';

package/dist/main.js

@@ -1,58 +1,61 @@
-import "./assets/main.css";
-import { AlertBanner as t } from "./components/AlertBanner/AlertBanner.js";
-import { BaseView as p } from "./components/BaseView/BaseView.js";
-import { BasicHeading as f } from "./components/BasicHeading/BasicHeading.js";
-import { BlockView as a } from "./components/BlockView/BlockView.js";
-import { ContextMenu as c } from "./components/ContextMenu/ContextMenu.js";
-import { DeleteModal as s } from "./components/DeleteModal/DeleteModal.js";
-import { Disclaimer as d } from "./components/Disclaimer/Disclaimer.js";
-import { EmptyView as S } from "./components/EmptyView/EmptyView.js";
-import { GenericTable as u } from "./components/GenericTable/GenericTable.js";
+import { Filter as e } from "./components/Filter/Filter.js";
+import { AlertBanner as m } from "./components/AlertBanner/AlertBanner.js";
+import { BaseView as f } from "./components/BaseView/BaseView.js";
+import { BasicHeading as i } from "./components/BasicHeading/BasicHeading.js";
+import { BlockView as l } from "./components/BlockView/BlockView.js";
+import { ContextMenu as n } from "./components/ContextMenu/ContextMenu.js";
+import { DeleteModal as F } from "./components/DeleteModal/DeleteModal.js";
+import { Disclaimer as B } from "./components/Disclaimer/Disclaimer.js";
+import { EmptyView as b } from "./components/EmptyView/EmptyView.js";
+import { GenericTable as w } from "./components/GenericTable/GenericTable.js";
 import { HashTabView as k } from "./components/HashTabView/HashTabView.js";
-import { HeaderFilter as D } from "./components/HeaderFilter/HeaderFilter.js";
-import { Iconify as A } from "./components/Iconify/Iconify.js";
-import { InfoGroup as H } from "./components/InfoGroup/InfoGroup.js";
-import { ListArea as L } from "./components/ListArea/ListArea.js";
+import { HeaderFilter as I } from "./components/HeaderFilter/HeaderFilter.js";
+import { I as h } from "./Iconify-CY9lZjFd.js";
+import { InfoGroup as A } from "./components/InfoGroup/InfoGroup.js";
+import { ListArea as H } from "./components/ListArea/ListArea.js";
 import { LoadingSpinner as g } from "./components/LoadingSpinner/Default/LoadingSpinner.js";
-import { ScrollbarX as y, ScrollbarY as G } from "./components/Scrollbar/Scrollbar.js";
-import { SearchBar as z } from "./components/SearchBar/SearchBar.js";
-import { VerticalDivider as P } from "./components/VerticalDivider/VerticalDivider.js";
-import { FormCheckBox as X } from "./components/FormComponents/FormCheckBox/FormCheckBox.js";
-import { FormDatePicker as j } from "./components/FormComponents/FormDatePicker/FormDatePicker.js";
-import { FormRadio as J } from "./components/FormComponents/FormRadio/FormRadio.js";
-import { FormSelect as N } from "./components/FormComponents/FormSelect/FormSelect.js";
-import { FormSlider as Q } from "./components/FormComponents/FormSlider/FormSlider.js";
-import { FormText as W } from "./components/FormComponents/FormText/FormText.js";
-import { AvailableCustomIcons as _ } from "./enums/AvailableCustomIcons.js";
-import { u as rr } from "./useBreakpoint-2MH8ICuE.js";
-import { capitalizeFirstLetters as er } from "./services/UtilService.js";
+import { OverflowTooltip as G } from "./components/OverflowTooltip/OverflowTooltip.js";
+import { ScrollbarX as z, ScrollbarY as E } from "./components/Scrollbar/Scrollbar.js";
+import { SearchBar as P } from "./components/SearchBar/SearchBar.js";
+import { VerticalDivider as X } from "./components/VerticalDivider/VerticalDivider.js";
+import { FormCheckBox as j } from "./components/FormComponents/FormCheckBox/FormCheckBox.js";
+import { FormDatePicker as J } from "./components/FormComponents/FormDatePicker/FormDatePicker.js";
+import { FormRadio as N } from "./components/FormComponents/FormRadio/FormRadio.js";
+import { FormSelect as U } from "./components/FormComponents/FormSelect/FormSelect.js";
+import { FormSlider as Z } from "./components/FormComponents/FormSlider/FormSlider.js";
+import { FormText as $ } from "./components/FormComponents/FormText/FormText.js";
+import { AvailableCustomIcons as or } from "./enums/AvailableCustomIcons.js";
+import { u as tr } from "./useBreakpoint-BNeVhjjZ.js";
+import { capitalizeFirstLetters as pr } from "./services/UtilService.js";
 export {
-  t as AlertBanner,
-  _ as AvailableCustomIcons,
-  p as BaseView,
-  f as BasicHeading,
-  a as BlockView,
-  c as ContextMenu,
-  s as DeleteModal,
-  d as Disclaimer,
-  S as EmptyView,
-  X as FormCheckBox,
-  j as FormDatePicker,
-  J as FormRadio,
-  N as FormSelect,
-  Q as FormSlider,
-  W as FormText,
-  u as GenericTable,
+  m as AlertBanner,
+  or as AvailableCustomIcons,
+  f as BaseView,
+  i as BasicHeading,
+  l as BlockView,
+  n as ContextMenu,
+  F as DeleteModal,
+  B as Disclaimer,
+  b as EmptyView,
+  e as Filter,
+  j as FormCheckBox,
+  J as FormDatePicker,
+  N as FormRadio,
+  U as FormSelect,
+  Z as FormSlider,
+  $ as FormText,
+  w as GenericTable,
   k as HashTabView,
-  D as HeaderFilter,
-  A as Iconify,
-  H as InfoGroup,
-  L as ListArea,
+  I as HeaderFilter,
+  h as Iconify,
+  A as InfoGroup,
+  H as ListArea,
   g as LoadingSpinner,
-  y as ScrollbarX,
-  G as ScrollbarY,
-  z as SearchBar,
-  P as VerticalDivider,
-  er as capitalizeFirstLetters,
-  rr as useBreakpoints
+  G as OverflowTooltip,
+  z as ScrollbarX,
+  E as ScrollbarY,
+  P as SearchBar,
+  X as VerticalDivider,
+  pr as capitalizeFirstLetters,
+  tr as useBreakpoints
 };

package/dist/{react.esm-DoZanrUz.js → react.esm-C3jDj5Fe.js}

@@ -12778,5 +12778,6 @@ export {
   Y as g,
   J1 as r,
   X1 as s,
+  $p as t,
   ix as w
 };

package/dist/searchBar.module-9gKyrZRT.js

@@ -0,0 +1,7 @@
+import "./assets/searchBar.css";
+const s = "_searchbar_gnvwc_1", a = {
+  searchbar: s
+};
+export {
+  a as s
+};

package/dist/types/Filter.d.ts

@@ -0,0 +1,31 @@
+/**
+ * Filter data type
+ * @param id - filter id (unique)
+ * @param title - filter title
+ * @param availableOptions - available options for the filter
+ */
+export type FilterData = {
+    id: string;
+    title: string;
+    availableOptions: FilterOption[];
+};
+/**
+ * Filter option data type
+ * @param id - option id (unique)
+ * @param text - option text
+ * @param icon - option icon, optional
+ */
+export type FilterOption = {
+    id: string;
+    text: string;
+    icon?: string;
+};
+/**
+ * Filter selection data type
+ * @param id - filter id (unique)
+ * @param selectedOptions - selected options of the filter (multiple)
+ */
+export type FilterSelection = {
+    id: string;
+    selectedOptions: FilterOption[];
+};

package/dist/types/Filter.js

@@ -0,0 +1 @@
+

package/dist/useBreakpoint-BNeVhjjZ.js

@@ -0,0 +1,33 @@
+import { useState as p, useEffect as r } from "react";
+const t = (s) => {
+  const [a, i] = p(!1);
+  return r(
+    () => {
+      const e = window.matchMedia(s);
+      i(e.matches);
+      const n = (o) => i(o.matches);
+      return e.addEventListener("change", n), () => e.removeEventListener("change", n);
+    },
+    []
+    // Empty array ensures effect is only run on mount and unmount
+  ), a;
+}, h = (s = 256) => {
+  const a = t("(max-width: 599px)"), i = t("(min-width: 600px) and (max-width: 719px)"), e = t("(min-width: 720px) and (max-width: 839px)"), n = t("(min-width: 840px) and (max-width: 1023px)"), o = t("(min-width: 1024px) and (max-width: 1439px)"), d = t("(min-width: 1440px)"), c = t(
+    `(min-width: ${840 + s}px) and (max-width: ${1023 + s}px)`
+  ), x = t(
+    `(min-width: ${1024 + s}px) and (max-width: ${1439 + s}px)`
+  ), m = t(`(min-width: ${1440 + s}px)`);
+  return {
+    isMobile: a,
+    isTablet: i || e,
+    isDesktop: n || o || d,
+    isDesktopNavbar: c || x || m
+  };
+}, u = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  useBreakpoints: h
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  u as a,
+  h as u
+};

package/dist/verticalDivider.module-C3_GL-fH.js

@@ -0,0 +1,7 @@
+import "./assets/verticalDivider.css";
+const i = "_divider_opvom_1", o = {
+  divider: i
+};
+export {
+  o as s
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@hortiview/shared-components",
   "description": "This is a shared component library. It should used in the HortiView platform and its modules.",
-  "version": "0.0.6890",
+  "version": "0.0.7018",
   "type": "module",
   "repository": "https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared",
   "author": "Falk Menge <falk.menge.ext@bayer.com>",

package/dist/BigLoadingSpinner-Df2k3xOD.js

@@ -1,18 +0,0 @@
-import "./assets/BigLoadingSpinner.css";
-import { jsx as r, jsxs as a } from "react/jsx-runtime";
-import { TypoBody as e } from "@element/react-components";
-import { Iconify as n } from "./components/Iconify/Iconify.js";
-const d = "_loadingBigOverlay_7dxo1_1", t = "_bigLoadSpinnerCard_7dxo1_12", g = "_bigLoadSpinnerCardText_7dxo1_27", s = "_logo_7dxo1_33", l = "_rotate360deg_7dxo1_1", o = {
-  loadingBigOverlay: d,
-  bigLoadSpinnerCard: t,
-  bigLoadSpinnerCardText: g,
-  logo: s,
-  rotate360deg: l
-}, c = ({ text: i }) => /* @__PURE__ */ a("div", { className: o.bigLoadSpinnerCard, role: "progressbar", children: [
-  /* @__PURE__ */ r(n, { icon: "hortiview", className: o.logo, "data-testid": "logo-icon" }),
-  /* @__PURE__ */ r(e, { tag: "p", bold: !0, level: 1, className: o.bigLoadSpinnerCardText, children: i })
-] }), b = (i) => /* @__PURE__ */ r("div", { className: o.loadingBigOverlay, children: /* @__PURE__ */ r(c, { ...i }) });
-export {
-  b as B,
-  o as s
-};

package/dist/ListAreaService-DDlsV9UD.js

@@ -1,100 +0,0 @@
-import "./assets/ListAreaService.css";
-import { jsx as r, jsxs as C } from "react/jsx-runtime";
-import { TypoButton as N, Group as O, TypoSubtitle as k, TypoBody as $, Icon as L } from "@element/react-components";
-import { Iconify as E } from "./components/Iconify/Iconify.js";
-import { AvailableCustomIcons as j } from "./enums/AvailableCustomIcons.js";
-const W = "_fullWidth_1l0gd_1", G = "_mainElevation_1l0gd_5", S = "_searchbar_1l0gd_11", w = "_roundedBottom_1l0gd_19", A = "_primaryText_1l0gd_24", P = "_noOverlineText_1l0gd_28", q = "_list_1l0gd_32", z = "_listItem_1l0gd_60", D = "_trailingIcon_1l0gd_64", F = "_groupedListItem_1l0gd_76", H = "_iconColor_1l0gd_80", J = "_overlineTitle_1l0gd_84", K = "_truncate_1l0gd_89", M = "_truncateOverlineText_1l0gd_98", i = {
-  fullWidth: W,
-  mainElevation: G,
-  searchbar: S,
-  roundedBottom: w,
-  primaryText: A,
-  noOverlineText: P,
-  list: q,
-  listItem: z,
-  trailingIcon: D,
-  groupedListItem: F,
-  iconColor: H,
-  overlineTitle: J,
-  truncate: K,
-  truncateOverlineText: M
-}, tt = (e, l, c, a) => {
-  const o = e.reduce((n, s) => {
-    const { groupName: t, ...m } = s;
-    return !t || typeof t != "string" || (n[t] || (n[t] = {
-      groupName: /* @__PURE__ */ r(N, { children: t }),
-      id: t,
-      items: []
-    }), n[t].items = [
-      ...n[t].items,
-      T(m, l, c, a)
-    ]), n;
-  }, {});
-  return Object.values(o);
-}, et = (e, l, c, a) => e.map((o) => T(o, l, c, a)), T = (e, l, c, a) => {
-  const {
-    id: o,
-    title: n,
-    subTitle: s,
-    route: t,
-    value: m,
-    noNavigation: g,
-    disabled: d,
-    icon: y,
-    iconType: u,
-    trailingIcon: I,
-    trailingIconType: x,
-    actionButton: f,
-    onClick: h,
-    customTitle: p,
-    listItemClassName: B,
-    overlineTitle: v
-  } = e, _ = l === t;
-  return {
-    id: o,
-    key: o,
-    select: _,
-    primaryText: o,
-    secondaryText: /* @__PURE__ */ C(O, { direction: "vertical", gap: "none", children: [
-      p ?? /* @__PURE__ */ r(
-        k,
-        {
-          level: 1,
-          bold: _,
-          className: `${i.truncate} lmnt-theme-on-surface-active`,
-          children: n
-        }
-      ),
-      s && !p ? /* @__PURE__ */ r(
-        $,
-        {
-          level: 2,
-          themeColor: _ ? "primary" : void 0,
-          className: `${i.truncate} lmnt-theme-on-surface-inactive`,
-          children: s
-        }
-      ) : void 0
-    ] }),
-    overlineText: /* @__PURE__ */ r("span", { className: `${i.truncate} ${i.truncateOverlineText}`, children: v }),
-    trailingBlock: f ?? I ?? /* @__PURE__ */ r(L, { icon: "arrow_right", className: i.iconColor }),
-    leadingBlock: Q(y),
-    value: m,
-    componentProps: {
-      id: o,
-      key: o,
-      leadingBlockType: u ?? "icon",
-      trailingBlockType: x ?? "icon",
-      className: `${u === "avatar" ? "" : i.listItem} ${c} ${B ?? ""} ${v ? i.overlineTitle : i.noOverlineText}`,
-      onClick: (R, b) => h?.(b),
-      tag: d || g ? void 0 : a ?? "a",
-      to: d || g ? void 0 : t,
-      disabled: d
-    }
-  };
-}, Q = (e) => typeof e == "string" && e in j ? /* @__PURE__ */ r(E, { icon: e }) : e;
-export {
-  et as a,
-  tt as g,
-  T as m,
-  i as s
-};

package/dist/assets/BaseView.css

@@ -1 +0,0 @@
-._divider_12ecr_1{margin:0 2rem}._truncate_12ecr_5{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:55vw}

package/dist/assets/BasicHeading.css

@@ -1 +0,0 @@
-._pageHeader_fwns1_1{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;width:100%;margin-bottom:1rem;align-self:end}._headlineContainer_fwns1_11,._actionButtonContainer_fwns1_16{display:flex;align-items:center}._actionButtonContainer_fwns1_16>button{max-height:48px}._content_fwns1_25{display:flex;justify-content:space-between;gap:1.5rem}._leadingIcon_fwns1_31{margin-right:.8rem}._headingWrapper_fwns1_38{display:flex;align-items:center}._headingContainer_fwns1_43{display:flex;flex-direction:column}._invisible_fwns1_48{visibility:hidden}._withAvatar_fwns1_52{margin-left:.25rem;padding-right:1rem;margin-top:0rem}._withAvatar_fwns1_52>._iconContainer_fwns1_57{scale:1.1}._iconContainer_fwns1_57{padding-right:.5rem}

package/dist/assets/ListAreaService.css

@@ -1 +0,0 @@
-._fullWidth_1l0gd_1{width:100%}._mainElevation_1l0gd_5{background:var(--lmnt-theme-background);border-radius:.5rem;width:100%}._searchbar_1l0gd_11 div{border:none}._searchbar_1l0gd_11 button{margin-right:.5rem}._roundedBottom_1l0gd_19{border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem}._primaryText_1l0gd_24 [class*=mdc-list-item__primary-text]{display:none!important}._noOverlineText_1l0gd_28 [class*=mdc-list-item__content]{margin-top:-.625rem}._list_1l0gd_32{padding-top:0;padding-bottom:0;overflow-y:auto}._list_1l0gd_32 [class*=mdc-list-item__overline-text]{margin-bottom:-2.25rem}._list_1l0gd_32::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 .25rem rgba(0,0,0,.2);border-radius:.5rem;margin-right:.25rem;background-color:var(--lmnt-theme-background)}._list_1l0gd_32::-webkit-scrollbar{width:.5rem;background-color:var(--lmnt-theme-background)}._list_1l0gd_32::-webkit-scrollbar-thumb{border-radius:.5rem;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:var(--lmnt-theme-primary-on-surface)}._listItem_1l0gd_60{border-bottom:.0775rem solid var(--lmnt-utility-gray-surface)}._listItem_1l0gd_60 i:not(._trailingIcon_1l0gd_64){color:var(--lmnt-theme-on-surface-inactive)}._listItem_1l0gd_60 i._trailingIcon_1l0gd_64{color:var(--lmnt-theme-on-surface-disabled)}._listItem_1l0gd_60 [class^=mdc-list-item__start]{margin:0 1rem!important;align-self:center!important}._groupedListItem_1l0gd_76{height:4.5rem!important}._iconColor_1l0gd_80{color:var(--lmnt-theme-on-surface-disabled)!important}._overlineTitle_1l0gd_84 [class*=mdc-list-item__overline-text]{color:var(--lmnt-theme-on-surface-inactive)!important;line-height:1rem!important}._truncate_1l0gd_89{display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-width:100%}._truncateOverlineText_1l0gd_98{margin-bottom:-1rem!important;margin-top:-1rem!important}