@reportportal/ui-kit 0.0.1-alpha.53 → 0.0.1-alpha.55

package/dist/components/tooltip/tooltip.d.ts

@@ -15,6 +15,8 @@ interface TooltipProps {
     safeZone?: number;
     zIndex?: number;
     mainAxis?: boolean;
+    portalRoot?: Element;
+    isFloating?: boolean;
 }
 export declare const Tooltip: FC<TooltipProps>;
 export {};

package/dist/{datePicker-e7db2778.js → datePicker-a333d78b.js}

@@ -1,16 +1,16 @@
-import { jsxs as A, Fragment as I, jsx as n } from "react/jsx-runtime";
-import * as U from "react-datepicker";
-import { registerLocale as $ } from "react-datepicker";
+import { jsxs as S, Fragment as U, jsx as o } from "react/jsx-runtime";
+import $ from "react-datepicker/dist/es/index.js";
 import { c as R } from "./bind-06a7ff84.js";
 import { useMemo as E, useRef as B } from "react";
-import { F as G } from "./fieldText-78c1be1a.js";
-import { a as P, S as H } from "./calendarArrow-3e1339ea.js";
-import { D as T } from "./dropdown-6edea86c.js";
-const pe = (t, s) => {
-  $(t, s);
-}, V = (t, s = 20) => {
-  const l = t + s;
-  return new Array(l - t).fill(void 0).map((g, e) => t - e);
+import { F as D } from "./fieldText-78c1be1a.js";
+import { a as T, S as G } from "./calendarArrow-3e1339ea.js";
+import { D as L } from "./dropdown-6edea86c.js";
+import { registerLocale as H } from "react-datepicker";
+const pe = (r, s) => {
+  H(r, s);
+}, V = (r, s = 20) => {
+  const l = r + s;
+  return new Array(l - r).fill(void 0).map((g, e) => r - e);
 }, O = "_header_a3cjx_1", W = "_disabled_a3cjx_25", q = "_dropdown_a3cjx_8", z = {
   header: O,
   "dropdowns-wrapper": "_dropdowns-wrapper_a3cjx_8",
@@ -21,7 +21,7 @@ const pe = (t, s) => {
   "month-dropdown": "_month-dropdown_a3cjx_44",
   "toggle-button": "_toggle-button_a3cjx_47"
 }, a = R.bind(z), J = ({
-  date: t = /* @__PURE__ */ new Date(),
+  date: r = /* @__PURE__ */ new Date(),
   changeYear: s = () => {
   },
   changeMonth: l = () => {
@@ -30,45 +30,45 @@ const pe = (t, s) => {
   },
   increaseMonth: e = () => {
   },
-  prevMonthButtonDisabled: o = !1,
+  prevMonthButtonDisabled: n = !1,
   nextMonthButtonDisabled: h = !1,
   headerNodes: b = null,
   customClassName: w = "",
   yearsOptions: i = [],
-  locale: j
+  locale: x
 }) => {
-  const p = t.getFullYear(), C = t.getMonth(), f = E(() => {
-    const r = Array(12).keys(), c = new Intl.DateTimeFormat(j, {
+  const p = r.getFullYear(), C = r.getMonth(), f = E(() => {
+    const t = Array(12).keys(), c = new Intl.DateTimeFormat(x, {
       month: "long"
     }), d = (m) => c.format(new Date(p, m));
-    return Array.from(r, d).reduce((m, x, k) => m.concat({
-      value: k,
-      label: x
+    return Array.from(t, d).reduce((m, j, A) => m.concat({
+      value: A,
+      label: j
     }), []);
   }, []), N = E(() => (i.length > 0 ? i : V(p)).reduce(
     (c, d) => c.concat({ value: d, label: `${d}` }),
     []
-  ), [i]), v = (r) => {
-    l(r);
-  }, y = (r) => {
-    s(r);
+  ), [i]), v = (t) => {
+    l(t);
+  }, y = (t) => {
+    s(t);
   };
-  return /* @__PURE__ */ A(I, { children: [
-    b && /* @__PURE__ */ n("div", { className: a(w), children: b }),
-    /* @__PURE__ */ A("div", { className: a("header"), children: [
-      /* @__PURE__ */ n(
+  return /* @__PURE__ */ S(U, { children: [
+    b && /* @__PURE__ */ o("div", { className: a(w), children: b }),
+    /* @__PURE__ */ S("div", { className: a("header"), children: [
+      /* @__PURE__ */ o(
         "button",
         {
           "aria-label": "Previous Months",
-          disabled: o,
+          disabled: n,
           onClick: g,
-          className: a("button-prev", { disabled: o }),
-          children: /* @__PURE__ */ n(P, {})
+          className: a("button-prev", { disabled: n }),
+          children: /* @__PURE__ */ o(T, {})
         }
       ),
-      /* @__PURE__ */ A("div", { className: a("dropdowns-wrapper"), children: [
-        /* @__PURE__ */ n(
-          T,
+      /* @__PURE__ */ S("div", { className: a("dropdowns-wrapper"), children: [
+        /* @__PURE__ */ o(
+          L,
           {
             options: f,
             value: C,
@@ -78,8 +78,8 @@ const pe = (t, s) => {
             toggleButtonClassName: a("toggle-button")
           }
         ),
-        /* @__PURE__ */ n(
-          T,
+        /* @__PURE__ */ o(
+          L,
           {
             options: N,
             value: p,
@@ -90,19 +90,19 @@ const pe = (t, s) => {
           }
         )
       ] }),
-      /* @__PURE__ */ n(
+      /* @__PURE__ */ o(
         "button",
         {
           "aria-label": "Next Months",
           disabled: h,
           onClick: e,
           className: a("button-next", { disabled: h }),
-          children: /* @__PURE__ */ n(P, {})
+          children: /* @__PURE__ */ o(T, {})
         }
       )
     ] })
   ] });
-}, K = "_calendar_1jr94_5", Q = "_date_1jr94_90", X = "_disabled_1jr94_202", Z = "_popper_1jr94_210", ee = "_input_1jr94_214", oe = {
+}, K = "_calendar_1jr94_5", Q = "_date_1jr94_90", X = "_disabled_1jr94_202", Z = "_popper_1jr94_210", ee = "_input_1jr94_214", ne = {
   calendar: K,
   "current-date": "_current-date_1jr94_89",
   date: Q,
@@ -111,8 +111,8 @@ const pe = (t, s) => {
   disabled: X,
   popper: Z,
   input: ee
-}, ne = U.default, _ = R.bind(oe), te = "en", L = "MM-dd-yyyy", me = ({
-  onChange: t = () => {
+}, _ = R.bind(ne), oe = "en", P = "MM-dd-yyyy", me = ({
+  onChange: r = () => {
   },
   disabled: s = !1,
   onBlur: l = () => {
@@ -120,55 +120,55 @@ const pe = (t, s) => {
   onFocus: g = () => {
   },
   endDate: e = void 0,
-  startDate: o = void 0,
+  startDate: n = void 0,
   headerNodes: h = null,
   customClassName: b = "",
   customTimeInput: w = void 0,
   shouldCloseOnSelect: i = !0,
-  popperClassName: j = "",
+  popperClassName: x = "",
   calendarClassName: p = "",
   fixedHeight: C = !1,
-  language: f = te,
+  language: f = oe,
   yearsOptions: N = [],
-  placeholder: v = L.toUpperCase(),
-  dateFormat: y = L,
-  selects: r = "start",
+  placeholder: v = P.toUpperCase(),
+  dateFormat: y = P,
+  selects: t = "start",
   value: c = null
 }) => {
-  const d = B(null), S = o == null ? void 0 : o.toDateString(), m = e == null ? void 0 : e.toDateString(), x = e && o && e > o, k = (u) => {
-    const F = u.toDateString(), Y = F === S, M = x && F === m, D = o && e && u > o && u < e;
+  const d = B(null), k = n == null ? void 0 : n.toDateString(), m = e == null ? void 0 : e.toDateString(), j = e && n && e > n, A = (u) => {
+    const F = u.toDateString(), Y = F === k, M = j && F === m, I = n && e && u > n && u < e;
     return _("date", {
       "current-date": Y,
-      "selected-range": D && !M,
-      "end-date": M && x,
+      "selected-range": I && !M,
+      "end-date": M && j,
       disabled: s
     });
   };
-  return /* @__PURE__ */ n(
-    ne,
+  return /* @__PURE__ */ o(
+    $,
     {
-      customInput: /* @__PURE__ */ n(
-        G,
+      customInput: /* @__PURE__ */ o(
+        D,
         {
           className: _("input"),
           defaultWidth: !1,
-          endIcon: /* @__PURE__ */ n(H, {}),
+          endIcon: /* @__PURE__ */ o(G, {}),
           ref: d
         }
       ),
       placeholderText: v,
       selected: c,
-      startDate: o,
+      startDate: n,
       endDate: e,
-      minDate: r === "end" ? o : void 0,
+      minDate: t === "end" ? n : void 0,
       disabled: s,
       shouldCloseOnSelect: i,
       fixedHeight: C,
       locale: f,
       showPopperArrow: !1,
-      dayClassName: k,
+      dayClassName: A,
       calendarClassName: _(p, "calendar"),
-      renderCustomHeader: (u) => /* @__PURE__ */ n(
+      renderCustomHeader: (u) => /* @__PURE__ */ o(
         J,
         {
           ...u,
@@ -178,15 +178,15 @@ const pe = (t, s) => {
           locale: f
         }
       ),
-      onChange: t,
+      onChange: r,
       onBlur: l,
       onFocus: g,
       customTimeInput: w,
       showTimeInput: !!w,
-      popperClassName: _(j, "popper"),
+      popperClassName: _(x, "popper"),
       dateFormat: y,
-      selectsStart: r === "start",
-      selectsEnd: r === "end",
+      selectsStart: t === "start",
+      selectsEnd: t === "end",
       className: _("datepicker")
     }
   );

package/dist/datePicker.js

@@ -1,7 +1,7 @@
-import { D as t } from "./datePicker-e7db2778.js";
-import { r as n } from "./datePicker-e7db2778.js";
+import { D as t } from "./datePicker-a333d78b.js";
+import { r as q } from "./datePicker-a333d78b.js";
 import "react/jsx-runtime";
-import "react-datepicker";
+import "react-datepicker/dist/es/index.js";
 import "./bind-06a7ff84.js";
 import "react";
 import "./fieldText-78c1be1a.js";
@@ -19,8 +19,9 @@ import "./keyCodes-f63c0e11.js";
 import "./baseIconButton-251479f7.js";
 import "./dropdown-0260bb66.js";
 import "./checkbox-9a6c7ce1.js";
+import "react-datepicker";
 export {
   t as DatePicker,
   t as default,
-  n as registerDatePickerLocale
+  q as registerDatePickerLocale
 };

package/dist/index.js

@@ -1,33 +1,33 @@
-import { B as l } from "./button-33c88abf.js";
-import { B as S } from "./baseIconButton-251479f7.js";
-import { C } from "./checkbox-9a6c7ce1.js";
-import { S as b } from "./systemMessage-1ced6079.js";
-import { F as B } from "./fieldText-78c1be1a.js";
-import { T as P } from "./themeProvider-46c2be7b.js";
-import { Modal as g } from "./modal.js";
-import { D as v } from "./dropdown-6edea86c.js";
-import { T as M } from "./toggle-1a3aacb5.js";
-import { F as A } from "./fieldNumber-d81e551e.js";
-import { B as L } from "./bubblesLoader-a7e709d4.js";
-import { S as O } from "./spinLoader-c4a53718.js";
-import { F as H } from "./fieldTextFlex-314741ad.js";
-import { R as U } from "./radio-bccc84f2.js";
-import { Tooltip as q } from "./tooltip.js";
-import { Popover as J } from "./popover.js";
-import { P as Q } from "./pagination-066b1b2b.js";
-import { T as W } from "./table-32fc8c70.js";
-import { D as Y } from "./datePicker-e7db2778.js";
+import { B as S } from "./button-33c88abf.js";
+import { B as C } from "./baseIconButton-251479f7.js";
+import { C as b } from "./checkbox-9a6c7ce1.js";
+import { S as B } from "./systemMessage-1ced6079.js";
+import { F as P } from "./fieldText-78c1be1a.js";
+import { T as g } from "./themeProvider-46c2be7b.js";
+import { Modal as v } from "./modal.js";
+import { D as M } from "./dropdown-6edea86c.js";
+import { T as A } from "./toggle-1a3aacb5.js";
+import { F as L } from "./fieldNumber-d81e551e.js";
+import { B as O } from "./bubblesLoader-a7e709d4.js";
+import { S as H } from "./spinLoader-c4a53718.js";
+import { F as U } from "./fieldTextFlex-314741ad.js";
+import { R as q } from "./radio-bccc84f2.js";
+import { Tooltip as J } from "./tooltip.js";
+import { Popover as Q } from "./popover.js";
+import { P as W } from "./pagination-066b1b2b.js";
+import { T as Y } from "./table-32fc8c70.js";
+import { D as _ } from "./datePicker-a333d78b.js";
 import "react-datepicker";
-import { SystemAlert as _ } from "./systemAlert.js";
-import { S as oo, a as ro } from "./arrowUp-4a5caee7.js";
-import { BreadcrumbsTreeIcon as to, ChevronDownDropdownIcon as ao, ChevronRightBreadcrumbsIcon as no, CopyIcon as po, DeleteIcon as mo, EditIcon as so, ExportIcon as co, ExternalLinkIcon as xo, FilterFilledIcon as Io, FilterOutlineIcon as io, FlagIcon as fo, HideIcon as lo, MaximizeIcon as So, MeatballMenuIcon as uo, SearchIcon as Co, SortIcon as Fo } from "./icons.js";
-import { a as To, S as Bo } from "./calendarArrow-3e1339ea.js";
-import { S as Po, a as wo, b as go } from "./openEye-7b9cf080.js";
-import { S as vo } from "./close-4b33d7c1.js";
-import { S as Mo } from "./dropdown-0260bb66.js";
-import { S as Ao, a as ko, b as Lo } from "./success-dc1914aa.js";
-import { S as Oo, a as zo } from "./plus-0929dda4.js";
-import { S as No, a as Uo } from "./prevPage-87faf576.js";
+import { SystemAlert as oo } from "./systemAlert.js";
+import { S as eo, a as to } from "./arrowUp-4a5caee7.js";
+import { BreadcrumbsTreeIcon as no, ChevronDownDropdownIcon as po, ChevronRightBreadcrumbsIcon as mo, CopyIcon as so, DeleteIcon as co, EditIcon as xo, ExportIcon as io, ExternalLinkIcon as Io, FilterFilledIcon as fo, FilterOutlineIcon as lo, FlagIcon as So, HideIcon as uo, MaximizeIcon as Co, MeatballMenuIcon as Fo, SearchIcon as bo, SortIcon as To } from "./icons.js";
+import { a as Do, S as Po } from "./calendarArrow-3e1339ea.js";
+import { S as go, a as ho, b as vo } from "./openEye-7b9cf080.js";
+import { S as Mo } from "./close-4b33d7c1.js";
+import { S as Ao } from "./dropdown-0260bb66.js";
+import { S as Lo, a as Ro, b as Oo } from "./success-dc1914aa.js";
+import { S as Ho, a as No } from "./plus-0929dda4.js";
+import { S as jo, a as qo } from "./prevPage-87faf576.js";
 import "react/jsx-runtime";
 import "react";
 import "./bind-06a7ff84.js";
@@ -38,58 +38,60 @@ import "framer-motion";
 import "./useOnClickOutside-c332f7d3.js";
 import "@floating-ui/react-dom";
 import "downshift";
+import "react-dom";
 import "@floating-ui/react";
+import "react-datepicker/dist/es/index.js";
 export {
-  oo as ArrowDownIcon,
-  ro as ArrowUpIcon,
-  S as BaseIconButton,
-  to as BreadcrumbsTreeIcon,
-  L as BubblesLoader,
-  l as Button,
-  To as CalendarArrowIcon,
-  Bo as CalendarIcon,
-  C as Checkbox,
-  ao as ChevronDownDropdownIcon,
-  no as ChevronRightBreadcrumbsIcon,
-  Po as ClearIcon,
-  wo as CloseEyeIcon,
-  vo as CloseIcon,
-  po as CopyIcon,
-  Y as DatePicker,
-  mo as DeleteIcon,
-  v as Dropdown,
-  Mo as DropdownIcon,
-  so as EditIcon,
-  Ao as ErrorIcon,
-  co as ExportIcon,
-  xo as ExternalLinkIcon,
-  A as FieldNumber,
-  B as FieldText,
-  H as FieldTextFlex,
-  Io as FilterFilledIcon,
-  io as FilterOutlineIcon,
-  fo as FlagIcon,
-  lo as HideIcon,
-  ko as InfoIcon,
-  So as MaximizeIcon,
-  uo as MeatballMenuIcon,
-  Oo as MinusIcon,
-  g as Modal,
-  go as OpenEyeIcon,
-  Q as Pagination,
-  zo as PlusIcon,
-  J as Popover,
-  No as PrevChapterIcon,
-  Uo as PrevPageIcon,
-  U as Radio,
-  Co as SearchIcon,
-  Fo as SortIcon,
-  O as SpinLoader,
-  Lo as SuccessIcon,
-  _ as SystemAlert,
-  b as SystemMessage,
-  W as Table,
-  P as ThemeProvider,
-  M as Toggle,
-  q as Tooltip
+  eo as ArrowDownIcon,
+  to as ArrowUpIcon,
+  C as BaseIconButton,
+  no as BreadcrumbsTreeIcon,
+  O as BubblesLoader,
+  S as Button,
+  Do as CalendarArrowIcon,
+  Po as CalendarIcon,
+  b as Checkbox,
+  po as ChevronDownDropdownIcon,
+  mo as ChevronRightBreadcrumbsIcon,
+  go as ClearIcon,
+  ho as CloseEyeIcon,
+  Mo as CloseIcon,
+  so as CopyIcon,
+  _ as DatePicker,
+  co as DeleteIcon,
+  M as Dropdown,
+  Ao as DropdownIcon,
+  xo as EditIcon,
+  Lo as ErrorIcon,
+  io as ExportIcon,
+  Io as ExternalLinkIcon,
+  L as FieldNumber,
+  P as FieldText,
+  U as FieldTextFlex,
+  fo as FilterFilledIcon,
+  lo as FilterOutlineIcon,
+  So as FlagIcon,
+  uo as HideIcon,
+  Ro as InfoIcon,
+  Co as MaximizeIcon,
+  Fo as MeatballMenuIcon,
+  Ho as MinusIcon,
+  v as Modal,
+  vo as OpenEyeIcon,
+  W as Pagination,
+  No as PlusIcon,
+  Q as Popover,
+  jo as PrevChapterIcon,
+  qo as PrevPageIcon,
+  q as Radio,
+  bo as SearchIcon,
+  To as SortIcon,
+  H as SpinLoader,
+  Oo as SuccessIcon,
+  oo as SystemAlert,
+  B as SystemMessage,
+  Y as Table,
+  g as ThemeProvider,
+  A as Toggle,
+  J as Tooltip
 };

package/dist/pagination.js

@@ -12,6 +12,7 @@ import "./maxValueDisplay-9be01a75.js";
 import "./baseIconButton-251479f7.js";
 import "./prevPage-87faf576.js";
 import "./tooltip.js";
+import "react-dom";
 export {
   t as Pagination,
   t as default

package/dist/tooltip.js

@@ -1,96 +1,99 @@
-import { jsxs as c, Fragment as L, jsx as o } from "react/jsx-runtime";
-import { useState as M, useRef as a } from "react";
-import { c as O } from "./bind-06a7ff84.js";
-import { useFloating as R, offset as v, flip as D, arrow as H, autoUpdate as G, FloatingArrow as j } from "@floating-ui/react";
-const k = {
+import { jsxs as p, Fragment as v, jsx as o } from "react/jsx-runtime";
+import { useState as D, useRef as m } from "react";
+import { createPortal as H } from "react-dom";
+import { c as R } from "./bind-06a7ff84.js";
+import { useFloating as G, offset as P, flip as j, arrow as k, autoUpdate as z, FloatingArrow as $ } from "@floating-ui/react";
+const C = {
   "tooltip-wrapper": "_tooltip-wrapper_18ppz_16",
   "tooltip-content": "_tooltip-content_18ppz_23"
-}, p = O.bind(k), z = 300, P = 100, $ = 16, d = 8, U = ["top", "right", "bottom", "left"], C = ({
-  content: m,
-  wrapperClassName: f,
-  contentClassName: u,
-  dynamicWidth: h,
-  width: w,
-  minWidth: x = 120,
-  safeZone: T = 4,
-  zIndex: _ = 9,
-  placement: E = "bottom",
-  arrowColor: g = "rgba(34, 34, 34, 0.91)",
-  dataAutomationId: A,
-  mainAxis: b = !0,
-  children: I
+}, d = R.bind(C), U = 300, Y = 100, Z = 16, f = 8, q = ["top", "right", "bottom", "left"], X = ({
+  content: u,
+  wrapperClassName: h,
+  contentClassName: w,
+  dynamicWidth: x,
+  width: T,
+  minWidth: _ = 120,
+  safeZone: g = 4,
+  zIndex: E = 9,
+  placement: A = "bottom",
+  arrowColor: b = "rgba(34, 34, 34, 0.91)",
+  dataAutomationId: I,
+  mainAxis: N = !0,
+  children: S,
+  portalRoot: n,
+  isFloating: W = !0
 }) => {
-  const [n, s] = M(!1), i = a(null), t = a(), { refs: l, floatingStyles: N, context: S } = R({
-    open: n,
-    placement: E,
+  const [s, i] = D(!1), r = m(null), t = m(), { refs: l, floatingStyles: y, context: F } = G({
+    open: s,
+    placement: A,
     middleware: [
-      v({
-        mainAxis: T + d
+      P({
+        mainAxis: g + f
       }),
-      D({
-        mainAxis: b,
+      W && j({
+        mainAxis: N,
         fallbackAxisSideDirection: "start",
-        fallbackPlacements: U
+        fallbackPlacements: q
       }),
-      H({
-        element: i
+      k({
+        element: r
       })
     ],
-    whileElementsMounted: G
-  }), e = h ? null : { width: `${w}px` }, W = document.documentElement.clientWidth, y = e || W - P, r = () => {
-    t.current && clearTimeout(t.current), s(!1);
-  }, F = () => {
-    t.current = setTimeout(() => s(!0), z);
-  };
-  return /* @__PURE__ */ c(L, { children: [
+    whileElementsMounted: z
+  }), e = x ? null : { width: `${T}px` }, L = document.documentElement.clientWidth, M = e || L - Y, c = () => {
+    t.current && clearTimeout(t.current), i(!1);
+  }, O = () => {
+    t.current = setTimeout(() => i(!0), U);
+  }, a = () => /* @__PURE__ */ p(
+    "div",
+    {
+      ref: l.setFloating,
+      style: {
+        ...y,
+        ...e,
+        minWidth: _,
+        zIndex: E
+      },
+      "data-automation-id": I,
+      children: [
+        /* @__PURE__ */ o(
+          $,
+          {
+            ref: r,
+            context: F,
+            width: Z,
+            height: f,
+            fill: b
+          }
+        ),
+        /* @__PURE__ */ o(
+          "div",
+          {
+            className: d("tooltip-content", w),
+            style: {
+              maxWidth: `${M}px`
+            },
+            children: u
+          }
+        )
+      ]
+    }
+  );
+  return /* @__PURE__ */ p(v, { children: [
     /* @__PURE__ */ o(
       "div",
       {
         ref: l.setReference,
-        className: p("tooltip-wrapper", f),
-        onMouseDown: r,
-        onMouseEnter: F,
-        onMouseLeave: r,
-        children: I
+        className: d("tooltip-wrapper", h),
+        onMouseDown: c,
+        onMouseEnter: O,
+        onMouseLeave: c,
+        children: S
       }
     ),
-    n && /* @__PURE__ */ c(
-      "div",
-      {
-        ref: l.setFloating,
-        style: {
-          ...N,
-          ...e,
-          minWidth: x,
-          zIndex: _
-        },
-        "data-automation-id": A,
-        children: [
-          /* @__PURE__ */ o(
-            j,
-            {
-              ref: i,
-              context: S,
-              width: $,
-              height: d,
-              fill: g
-            }
-          ),
-          /* @__PURE__ */ o(
-            "div",
-            {
-              className: p("tooltip-content", u),
-              style: {
-                maxWidth: `${y}px`
-              },
-              children: m
-            }
-          )
-        ]
-      }
-    )
+    s && (n ? H(a(), n) : a())
   ] });
 };
 export {
-  C as Tooltip
+  X as Tooltip
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reportportal/ui-kit",
-  "version": "0.0.1-alpha.53",
+  "version": "0.0.1-alpha.55",
   "description": "The UI-kit library for ReportPortal Design System.",
   "type": "module",
   "scripts": {