@reportportal/ui-kit 0.0.1-alpha.239 → 0.0.1-alpha.240

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/modal.js +104 -97
  2. package/dist/style.css +1 -1
  3. package/package.json +1 -1
package/dist/modal.js CHANGED
@@ -1,19 +1,19 @@
1
- import { jsx as e, jsxs as d, Fragment as F } from "react/jsx-runtime";
2
- import { useState as N, useRef as G, useCallback as A, useEffect as x, useMemo as K } from "react";
1
+ import { jsx as o, jsxs as d, Fragment as F } from "react/jsx-runtime";
2
+ import { useState as H, useRef as G, useCallback as A, useEffect as k, useMemo as K } from "react";
3
3
  import { Scrollbars as U } from "rc-scrollbars";
4
- import { AnimatePresence as Y, motion as X } from "framer-motion";
4
+ import { AnimatePresence as Y, motion as V } from "framer-motion";
5
5
  import { c as b } from "./bind-06a7ff84.js";
6
- import { u as q } from "./useOnClickOutside-8f7d68a1.js";
6
+ import { u as X } from "./useOnClickOutside-8f7d68a1.js";
7
7
  import "react-dnd";
8
8
  import "react-dnd-html5-backend";
9
- import { u as J } from "./useWindowResize-a7e1ac92.js";
10
- import { A as Q } from "./constants-85822a6b.js";
11
- import { a as V } from "./dropdown-d2a05471.js";
9
+ import { u as q } from "./useWindowResize-a7e1ac92.js";
10
+ import { A as J } from "./constants-85822a6b.js";
11
+ import { a as Q } from "./dropdown-d2a05471.js";
12
12
  import { K as Z } from "./keyCodes-f63c0e11.js";
13
- import { B as C } from "./button-7ab874f3.js";
14
- import { Tooltip as ee } from "./tooltip.js";
15
- import { B as te } from "./baseIconButton-251479f7.js";
16
- import { S as oe } from "./close-4d480ef7.js";
13
+ import { B as x } from "./button-7ab874f3.js";
14
+ import { Tooltip as oo } from "./tooltip.js";
15
+ import { B as eo } from "./baseIconButton-251479f7.js";
16
+ import { S as to } from "./close-4d480ef7.js";
17
17
  import "react-dom";
18
18
  import "@floating-ui/react-dom";
19
19
  import "downshift";
@@ -26,116 +26,118 @@ import "./useEllipsisTitle-462fa254.js";
26
26
  import "./checkbox-76aa8f97.js";
27
27
  import "@floating-ui/react";
28
28
  import "./floatingUi-46f5b896.js";
29
- const ne = {
29
+ const no = {
30
30
  "modal-content": "_modal-content_ppzcb_1"
31
- }, ae = b.bind(ne), R = ({ children: o }) => /* @__PURE__ */ e("div", { className: ae("modal-content"), children: o }), ie = {
31
+ }, lo = b.bind(no), C = ({ children: t }) => /* @__PURE__ */ o("div", { className: lo("modal-content"), children: t }), so = {
32
32
  "buttons-block": "_buttons-block_1mwne_1",
33
33
  "button-container": "_button-container_1mwne_7",
34
34
  "modal-footer": "_modal-footer_1mwne_12",
35
35
  "with-extra-node": "_with-extra-node_1mwne_19",
36
36
  "size-small": "_size-small_1mwne_23"
37
- }, f = b.bind(ie), se = ({
38
- footerNode: o,
39
- closeHandler: a,
40
- okButton: i,
37
+ }, h = b.bind(so), ao = ({
38
+ footerNode: t,
39
+ closeHandler: s,
40
+ okButton: a,
41
41
  cancelButton: p,
42
- size: s
42
+ size: r
43
43
  }) => {
44
- const { tooltipNode: u, ...m } = i || {}, g = () => {
45
- const _ = /* @__PURE__ */ e(C, { adjustWidthOn: s === "small" ? "parent" : "min-width", ...m });
46
- return u ? /* @__PURE__ */ e(ee, { content: u, placement: "top", width: 270, children: _ }) : _;
44
+ const { tooltipNode: f, ...m } = a || {}, v = () => {
45
+ const _ = /* @__PURE__ */ o(x, { adjustWidthOn: r === "small" ? "parent" : "min-width", ...m });
46
+ return f ? /* @__PURE__ */ o(oo, { content: f, placement: "top", width: 270, children: _ }) : _;
47
47
  };
48
- return /* @__PURE__ */ d("div", { className: f("modal-footer", { "with-extra-node": o, [`size-${s}`]: s }), children: [
49
- o && o,
50
- /* @__PURE__ */ d("div", { className: f("buttons-block"), children: [
51
- p && /* @__PURE__ */ e("div", { className: f("button-container"), children: /* @__PURE__ */ e(
52
- C,
48
+ return /* @__PURE__ */ d("div", { className: h("modal-footer", { "with-extra-node": t, [`size-${r}`]: r }), children: [
49
+ t && t,
50
+ /* @__PURE__ */ d("div", { className: h("buttons-block"), children: [
51
+ p && /* @__PURE__ */ o("div", { className: h("button-container"), children: /* @__PURE__ */ o(
52
+ x,
53
53
  {
54
54
  variant: "ghost",
55
- adjustWidthOn: s === "small" ? "parent" : "min-width",
56
- onClick: a,
55
+ adjustWidthOn: r === "small" ? "parent" : "min-width",
56
+ onClick: s,
57
57
  ...p
58
58
  }
59
59
  ) }),
60
- i && /* @__PURE__ */ e("div", { className: f("button-container"), children: g() })
60
+ a && /* @__PURE__ */ o("div", { className: h("button-container"), children: v() })
61
61
  ] })
62
62
  ] });
63
- }, le = {
63
+ }, ro = {
64
64
  "modal-header": "_modal-header_w4aaf_1",
65
65
  "width-description": "_width-description_w4aaf_10",
66
66
  "modal-header-content": "_modal-header-content_w4aaf_14",
67
67
  "modal-title": "_modal-title_w4aaf_20",
68
68
  "close-modal-icon": "_close-modal-icon_w4aaf_29"
69
- }, w = b.bind(le), re = ({ title: o, onClose: a, withDescription: i = !1 }) => /* @__PURE__ */ d("div", { className: w("modal-header", { "width-description": i }), children: [
70
- /* @__PURE__ */ e("div", { className: w("modal-header-content"), children: o && /* @__PURE__ */ e("div", { className: w("modal-title"), children: o }) }),
71
- /* @__PURE__ */ e(te, { className: w("close-modal-icon"), onClick: a, children: /* @__PURE__ */ e(oe, {}) })
72
- ] }), ce = "_modal_35896_1", de = "_description_35896_43", me = {
73
- modal: ce,
74
- "overlay-default": "_overlay-default_35896_12",
75
- "overlay-light-cyan": "_overlay-light-cyan_35896_16",
76
- "scrolling-content": "_scrolling-content_35896_20",
77
- "modal-window": "_modal-window_35896_26",
78
- description: de,
79
- "scrollable-wrapper": "_scrollable-wrapper_35896_54",
80
- "scrollable-content": "_scrollable-content_35896_58",
81
- "size-default": "_size-default_35896_62",
82
- "size-small": "_size-small_35896_74",
83
- "size-large": "_size-large_35896_86"
84
- }, c = b.bind(me), _e = 0.9, pe = 32 + 24, ue = 32 + 8, he = 36 + 16, fe = 32 * 2, Ue = ({
85
- title: o,
86
- children: a,
87
- footerNode: i,
69
+ }, w = b.bind(ro), io = ({ title: t, onClose: s, withDescription: a = !1 }) => /* @__PURE__ */ d("div", { className: w("modal-header", { "width-description": a }), children: [
70
+ /* @__PURE__ */ o("div", { className: w("modal-header-content"), children: t && /* @__PURE__ */ o("div", { className: w("modal-title"), children: t }) }),
71
+ /* @__PURE__ */ o(eo, { className: w("close-modal-icon"), onClick: s, children: /* @__PURE__ */ o(to, {}) })
72
+ ] }), co = "_modal_npf1n_1", mo = "_description_npf1n_43", _o = {
73
+ modal: co,
74
+ "overlay-default": "_overlay-default_npf1n_12",
75
+ "overlay-light-cyan": "_overlay-light-cyan_npf1n_16",
76
+ "scrolling-content": "_scrolling-content_npf1n_20",
77
+ "modal-window": "_modal-window_npf1n_26",
78
+ description: mo,
79
+ "scrollable-wrapper": "_scrollable-wrapper_npf1n_54",
80
+ "scrollable-content": "_scrollable-content_npf1n_58",
81
+ "scrollbars-scroll-view": "_scrollbars-scroll-view_npf1n_62",
82
+ "scrollbars-scroll-track": "_scrollbars-scroll-track_npf1n_66",
83
+ "size-default": "_size-default_npf1n_70",
84
+ "size-small": "_size-small_npf1n_82",
85
+ "size-large": "_size-large_npf1n_94"
86
+ }, n = b.bind(_o), po = 0.9, fo = 32 + 24, uo = 32 + 8, ho = 36 + 16, wo = 32 * 2, Yo = ({
87
+ title: t,
88
+ children: s,
89
+ footerNode: a,
88
90
  okButton: p,
89
- cancelButton: s,
90
- className: u,
91
+ cancelButton: r,
92
+ className: f,
91
93
  size: m = "default",
92
- onClose: g = () => {
94
+ onClose: v = () => {
93
95
  },
94
96
  overlay: _ = "default",
95
- zIndex: D = 2,
96
- allowCloseOutside: k = !0,
97
- scrollable: S = !1,
98
- withoutFooter: E = !1,
99
- createFooter: H = null,
100
- description: l = null
97
+ zIndex: R = 2,
98
+ allowCloseOutside: D = !0,
99
+ scrollable: z = !1,
100
+ withoutFooter: N = !1,
101
+ createFooter: E = null,
102
+ description: i = null
101
103
  }) => {
102
- const [v, M] = N(!1), [z, I] = N(0), [L, $] = N(!1), n = G(null), T = J().height, P = T * _e, O = (T - z) / 2, W = () => {
103
- let t = P - fe;
104
- return E || (t = t - he), l ? t = t - ue : t = t - pe, t;
105
- }, r = A(() => {
104
+ const [g, M] = H(!1), [S, I] = H(0), [L, $] = H(!1), l = G(null), T = q().height, P = T * po, O = (T - S) / 2, W = () => {
105
+ let e = P - wo;
106
+ return N || (e = e - ho), i ? e = e - uo : e = e - fo, e;
107
+ }, c = A(() => {
106
108
  M(!1);
107
109
  }, []), y = A(
108
- (t) => {
109
- const { keyCode: h } = t;
110
- h === Z.ESCAPE_KEY_CODE && r();
110
+ (e) => {
111
+ const { keyCode: u } = e;
112
+ u === Z.ESCAPE_KEY_CODE && c();
111
113
  },
112
- [r]
114
+ [c]
113
115
  ), B = () => {
114
- var t;
115
- L || ((t = n.current) == null || t.focus(), $(!0));
116
+ var e;
117
+ L || ((e = l.current) == null || e.focus(), $(!0));
116
118
  };
117
- x(() => {
118
- if (!v || !n.current)
119
+ k(() => {
120
+ if (!g || !l.current)
119
121
  return;
120
- const t = () => {
121
- n.current && I(n.current.clientHeight);
122
+ const e = () => {
123
+ l.current && I(l.current.clientHeight);
122
124
  };
123
- if (t(), typeof ResizeObserver > "u")
125
+ if (e(), typeof ResizeObserver > "u")
124
126
  return;
125
- const h = new ResizeObserver(t);
126
- return h.observe(n.current), () => h.disconnect();
127
- }, [v]), x(() => (M(!0), document.addEventListener("keydown", y, !1), () => document.removeEventListener("keydown", y, !1)), [y]);
127
+ const u = new ResizeObserver(e);
128
+ return u.observe(l.current), () => u.disconnect();
129
+ }, [g]), k(() => (M(!0), document.addEventListener("keydown", y, !1), () => document.removeEventListener("keydown", y, !1)), [y]);
128
130
  const j = K(
129
131
  () => ({
130
- ignoreSelectors: [`[${V}]`, `[${Q}]`]
132
+ ignoreSelectors: [`[${Q}]`, `[${J}]`]
131
133
  }),
132
134
  []
133
135
  );
134
- return q(n, k ? r : void 0, j), /* @__PURE__ */ e(Y, { onExitComplete: g, children: v && /* @__PURE__ */ e("div", { className: c("modal", { [`overlay-${_}`]: _ }), style: { zIndex: D }, children: /* @__PURE__ */ d(
135
- X.div,
136
+ return X(l, D ? c : void 0, j), /* @__PURE__ */ o(Y, { onExitComplete: v, children: g && /* @__PURE__ */ o("div", { className: n("modal", { [`overlay-${_}`]: _ }), style: { zIndex: R }, children: /* @__PURE__ */ d(
137
+ V.div,
136
138
  {
137
- className: c("modal-window", { [`size-${m}`]: m }, u),
138
- ref: n,
139
+ className: n("modal-window", { [`size-${m}`]: m }, f),
140
+ ref: l,
139
141
  tabIndex: 0,
140
142
  initial: { opacity: 0, marginTop: -O },
141
143
  animate: { opacity: 1, marginTop: O },
@@ -143,30 +145,35 @@ const ne = {
143
145
  transition: { duration: 0.3 },
144
146
  onAnimationStart: B,
145
147
  children: [
146
- /* @__PURE__ */ e(re, { title: o, onClose: r, withDescription: !!l }),
147
- S ? /* @__PURE__ */ e("div", { className: c("scrollable-wrapper"), children: /* @__PURE__ */ e(
148
+ /* @__PURE__ */ o(io, { title: t, onClose: c, withDescription: !!i }),
149
+ z ? /* @__PURE__ */ o("div", { className: n("scrollable-wrapper"), children: /* @__PURE__ */ o(
148
150
  U,
149
151
  {
150
152
  autoHeight: !0,
151
153
  autoHeightMax: W(),
152
154
  hideTracksWhenNotNeeded: !0,
153
- children: /* @__PURE__ */ d("div", { className: c("scrollable-content"), children: [
154
- l && /* @__PURE__ */ e("span", { className: c("description"), children: l }),
155
- /* @__PURE__ */ e(R, { children: a })
155
+ classes: {
156
+ view: n("scrollbars-scroll-view"),
157
+ trackHorizontal: n("scrollbars-scroll-track"),
158
+ trackVertical: n("scrollbars-scroll-track")
159
+ },
160
+ children: /* @__PURE__ */ d("div", { className: n("scrollable-content"), children: [
161
+ i && /* @__PURE__ */ o("span", { className: n("description"), children: i }),
162
+ /* @__PURE__ */ o(C, { children: s })
156
163
  ] })
157
164
  }
158
165
  ) }) : /* @__PURE__ */ d(F, { children: [
159
- l && /* @__PURE__ */ e("span", { className: c("description"), children: l }),
160
- /* @__PURE__ */ e(R, { children: a })
166
+ i && /* @__PURE__ */ o("span", { className: n("description"), children: i }),
167
+ /* @__PURE__ */ o(C, { children: s })
161
168
  ] }),
162
- !E && (H ? H(r) : /* @__PURE__ */ e(
163
- se,
169
+ !N && (E ? E(c) : /* @__PURE__ */ o(
170
+ ao,
164
171
  {
165
172
  size: m,
166
- footerNode: i,
173
+ footerNode: a,
167
174
  okButton: p,
168
- cancelButton: s,
169
- closeHandler: r
175
+ cancelButton: r,
176
+ closeHandler: c
170
177
  }
171
178
  ))
172
179
  ]
@@ -175,8 +182,8 @@ const ne = {
175
182
  ) }) });
176
183
  };
177
184
  export {
178
- Ue as Modal,
179
- R as ModalContent,
180
- se as ModalFooter,
181
- re as ModalHeader
185
+ Yo as Modal,
186
+ C as ModalContent,
187
+ ao as ModalFooter,
188
+ io as ModalHeader
182
189
  };
package/dist/style.css CHANGED
@@ -12,4 +12,4 @@
12
12
  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13
13
  * See the License for the specific language governing permissions and
14
14
  * limitations under the License.
15
- */._filter-item_b9lbt_16{display:flex;align-items:center;gap:8px;width:fit-content;max-width:210px;padding:1px 12px 1px 16px;border:1px solid var(--rp-ui-color-field-border);border-radius:40px;background-color:var(--rp-ui-base-light);cursor:pointer;transition:background-color .2s ease,border-color .2s ease}._filter-item_b9lbt_16:hover:not(._disabled_b9lbt_29){color:var(--rp-ui-color-primary-hover)}._filter-item_b9lbt_16._selected_b9lbt_32{background-color:var(--rp-ui-base-topaz);color:var(--rp-ui-color-field-bg);border-color:transparent}._filter-item_b9lbt_16._selected_b9lbt_32 ._actions-button_b9lbt_37 svg path{fill:var(--rp-ui-color-field-bg)}._filter-item_b9lbt_16._selected_b9lbt_32:hover:not(._disabled_b9lbt_29){color:var(--rp-ui-color-field-bg);background-color:var(--rp-ui-base-topaz);border-color:var(--rp-ui-base-topaz-hover)}._filter-item_b9lbt_16._disabled_b9lbt_29{border-color:var(--rp-ui-color-field-border-3-disabled);color:var(--rp-ui-color-disabled);opacity:.6}._filter-item_b9lbt_16:focus{outline:none}._filter-item_b9lbt_16:focus-visible:not(._disabled_b9lbt_29){border-color:var(--rp-ui-color-primary-focused);box-shadow:inset 0 0 0 1px var(--rp-ui-color-primary-focused)}._caption-wrapper_b9lbt_58{flex:0 1 auto;font-size:13px;line-height:20px;font-family:var(--rp-ui-base-font-family);font-weight:var(--rp-ui-base-fw-regular);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}._filters-icon-container_1ytvw_16{all:unset;display:flex;align-items:center;justify-content:center;box-sizing:border-box;height:36px;min-width:40px;border-radius:20px;cursor:pointer}._filters-icon-container_1ytvw_16:focus-visible{outline:2px solid var(--rp-ui-base-topaz-focused)}._filters-icon-container_1ytvw_16:disabled{cursor:not-allowed;opacity:.6}._filters-icon-container_1ytvw_16:not(:disabled):hover ._filter-icon_1ytvw_34 svg path{fill:var(--rp-ui-base-e-400)}._filters-icon-container_1ytvw_16._opened_1ytvw_37 ._filter-icon_1ytvw_34 svg path{fill:var(--rp-ui-base-topaz-pressed)}._filters-icon-container_1ytvw_16._opened_1ytvw_37:not(:disabled):hover ._filter-icon_1ytvw_34 svg path{fill:var(--rp-ui-base-topaz-hover)}._filters-icon-container_1ytvw_16._with-applied_1ytvw_43{gap:8px;padding:8px 12px;background-color:var(--rp-ui-base-bg-200)}._filters-icon-container_1ytvw_16._with-applied_1ytvw_43 ._filter-icon_1ytvw_34 svg path{fill:var(--rp-ui-base-topaz)}._filters-icon-container_1ytvw_16._with-applied_1ytvw_43 ._filters-count_1ytvw_51{font-size:13px;line-height:20px;color:var(--rp-ui-base-topaz);font-family:var(--rp-ui-base-font-family);font-weight:var(--rp-ui-base-fw-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}._filters-icon-container_1ytvw_16._with-applied_1ytvw_43._opened_1ytvw_37 ._filter-icon_1ytvw_34 svg path{fill:var(--rp-ui-base-topaz-pressed)}._filters-icon-container_1ytvw_16._with-applied_1ytvw_43._opened_1ytvw_37 ._filters-count_1ytvw_51{color:var(--rp-ui-base-topaz-pressed)}._filters-icon-container_1ytvw_16._with-applied_1ytvw_43:not(:disabled):hover ._filter-icon_1ytvw_34 svg path{fill:var(--rp-ui-base-topaz-hover)}._filters-icon-container_1ytvw_16._with-applied_1ytvw_43:not(:disabled):hover ._filters-count_1ytvw_51{color:var(--rp-ui-base-topaz-hover)}._filter-icon_1ytvw_34{display:flex}._filter-icon_1ytvw_34 svg{width:16px;height:16px}._filter-icon_1ytvw_34 svg path{fill:var(--rp-ui-base-e-300)}._clear-wrapper_1ytvw_86{width:24px;height:24px;border-left:1px solid var(--rp-ui-base-sm-info-line-100);display:flex;align-items:center;justify-content:flex-end}._icon_1ytvw_95,._clear-icon_1ytvw_95{display:inline-block;width:16px;height:16px}._clear-icon_1ytvw_95{background:none;border:none;padding:0;font:inherit;outline:none;cursor:pointer}._clear-icon_1ytvw_95 svg>path{fill:var(--rp-ui-color-field-icon)}._clear-icon_1ytvw_95._disabled_1ytvw_112{pointer-events:none}._clear-icon_1ytvw_95:hover svg>path{fill:var(--rp-ui-color-field-hover-2)}._clear-icon_1ytvw_95:focus svg>path{fill:var(--rp-ui-color-primary-focused)}._clear-icon_1ytvw_95:active svg>path{fill:var(--rp-ui-color-primary-pressed)}._issue-list_ypfdt_16{display:flex;align-items:center;gap:8px;width:100%;overflow:hidden;flex-wrap:nowrap;position:relative}._issue-list_ypfdt_16._expanded_ypfdt_25{flex-wrap:wrap;overflow:visible}._issue_ypfdt_16{display:inline-flex;max-width:100%;flex-shrink:0}._counter-wrapper_ypfdt_36{flex-shrink:0;display:inline-flex;width:fit-content}._counter_ypfdt_36{flex-shrink:0;display:inline-flex;min-width:32px;align-items:center;justify-content:center}._tooltip-wrapper_ypfdt_50{display:inline-flex;width:100%}._hidden_ypfdt_55{visibility:hidden;position:absolute;pointer-events:none}._ellipsis_ypfdt_61{flex-shrink:1;min-width:0;overflow:hidden}._modal-content_ppzcb_1{width:100%;font-family:var(--rp-ui-base-font-family);font-weight:var(--rp-ui-base-fw-regular);font-size:13px;line-height:20px;color:var(--rp-ui-color-text);white-space:pre-line;word-break:break-word;padding:0 0 16px}._buttons-block_1mwne_1{display:flex;align-items:center;column-gap:10px}._button-container_1mwne_7{display:inline-block;min-width:70px}._modal-footer_1mwne_12{position:relative;display:flex;justify-content:flex-end;width:100%;margin-top:16px}._modal-footer_1mwne_12._with-extra-node_1mwne_19{justify-content:space-between}._size-small_1mwne_23{flex-direction:column;align-items:stretch}._size-small_1mwne_23 ._buttons-block_1mwne_1{display:flex;flex-direction:column;align-items:stretch}._size-small_1mwne_23 ._button-container_1mwne_7{margin:0 0 10px}._size-small_1mwne_23 ._button-container_1mwne_7:last-child{margin-bottom:0}._modal-header_w4aaf_1{position:relative;font-family:var(--rp-ui-base-font-family);font-weight:var(--rp-ui-base-fw-regular);font-size:20px;line-height:31px;color:var(--rp-ui-color-text);padding-bottom:24px}._modal-header_w4aaf_1._width-description_w4aaf_10{padding-bottom:8px}._modal-header-content_w4aaf_14{width:100%;padding-right:30px;box-sizing:border-box}._modal-title_w4aaf_20{font-family:var(--rp-ui-base-font-family-heading);flex-grow:1;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}._close-modal-icon_w4aaf_29{position:absolute;top:6px;right:0;line-height:normal;cursor:pointer}._modal_35896_1{position:absolute;top:0;left:0;display:block;width:100%;height:100%;text-align:center;overflow:hidden}._overlay-default_35896_12{background-color:var(--rp-ui-base-overlay)}._overlay-light-cyan_35896_16{background-color:var(--rp-ui-base-overlay-light-cyan)}._scrolling-content_35896_20{position:fixed;width:100%;height:100%}._modal-window_35896_26{position:absolute;left:50%;transform:translate(-50%);display:inline-block;margin-bottom:10px;padding:32px 40px;box-sizing:border-box;background-color:var(--rp-ui-base-bg-100);text-align:left;border-radius:16px;box-shadow:var(--rp-ui-base-shadow-secondary);opacity:1;outline:none;max-height:90%}._description_35896_43{display:inline-block;width:100%;padding-bottom:24px;font-family:var(--rp-ui-base-font-family);font-weight:var(--rp-ui-base-fw-regular);font-size:13px;line-height:20px;color:var(--rp-ui-base-almost-black)}._scrollable-wrapper_35896_54{margin-right:-12px}._scrollable-content_35896_58{padding-right:12px}._size-default_35896_62{width:480px}@media (max-width: 480px){._size-default_35896_62{right:10px;left:10px;transform:none;width:auto}}._size-small_35896_74{width:320px}@media (max-width: 320px){._size-small_35896_74{right:10px;left:10px;transform:none;width:auto}}._size-large_35896_86{width:720px}@media (max-width: 720px){._size-large_35896_86{right:10px;left:10px;transform:none;width:auto}}._popover-wrapper_n3nff_1{display:inline-block;width:fit-content;height:fit-content;cursor:pointer}._popover_n3nff_1{display:block;position:absolute;z-index:10;font-family:var(--rp-ui-base-font-family);font-size:11px;line-height:16px;background-color:var(--rp-ui-color-bg);border-radius:8px;box-shadow:var(--rp-ui-base-shadow-secondary);padding:16px;min-height:52px;min-width:120px;max-width:fit-content;box-sizing:border-box;outline:0;width:max-content;color:var(--rp-ui-color-text)}._title_n3nff_28{font-family:var(--rp-ui-base-font-family-heading);font-weight:var(--rp-ui-base-fw-bold);font-size:13px;line-height:20px;margin-bottom:8px}._segmented-control_8evzz_16{display:inline-flex;box-sizing:border-box;gap:4px;padding:2px;border-radius:6px;background-color:var(--rp-ui-color-bg-3)}._segmented-control_8evzz_16._full-width_8evzz_24{width:100%;display:flex}._button_8evzz_29{display:inline-flex;flex:1;box-sizing:border-box;gap:8px;padding:8px;border:1px solid transparent;border-radius:4px;background-color:transparent;color:var(--rp-ui-color-text);font-size:13px;line-height:20px;font-family:var(--rp-ui-base-font-family);font-weight:var(--rp-ui-base-fw-regular);white-space:nowrap;align-items:center;justify-content:center;cursor:pointer;outline:none;transition:all .2s ease}._button_8evzz_29:hover:not(._disabled_8evzz_50):not(._active_8evzz_50){background-color:var(--rp-ui-color-field-hover);color:var(--rp-ui-color-text)}._button_8evzz_29._active_8evzz_50{background-color:var(--rp-ui-color-field-bg);color:var(--rp-ui-color-text);border-radius:4px;box-shadow:0 1px 3px #3743621a}._button_8evzz_29:focus-visible:not(._disabled_8evzz_50){border-color:var(--rp-ui-color-primary-focused);outline:none;box-shadow:inset 0 0 0 1px var(--rp-ui-color-primary-focused)}._button_8evzz_29._disabled_8evzz_50{cursor:not-allowed;opacity:.5;color:var(--rp-ui-base-e-300)}._button_8evzz_29._disabled_8evzz_50:hover{background-color:transparent}._icon_8evzz_74{display:flex;width:16px;height:16px;flex-shrink:0;align-items:center;justify-content:center}._side-panel-overlay_5ebdz_1{position:fixed;top:0;left:0;width:100%;height:100vh;opacity:0;transition:opacity .3s ease-in-out;pointer-events:none}._side-panel-overlay_5ebdz_1._active_5ebdz_11{opacity:1;pointer-events:auto}._overlay-default_5ebdz_16{background-color:var(--rp-ui-base-overlay)}._overlay-light-cyan_5ebdz_20{background-color:var(--rp-ui-base-overlay-light-cyan)}._side-panel_5ebdz_1{position:fixed;display:flex;flex-direction:column;width:max-content;min-width:320px;max-width:700px;height:100vh;background-color:var(--rp-ui-base-bg-100);box-shadow:var(--rp-ui-base-shadow-secondary);overflow:hidden;transition:transform .3s ease-in-out;pointer-events:none}._side-panel_5ebdz_1._active_5ebdz_11{pointer-events:auto}._side-right_5ebdz_42{right:0;transform:translate(100%)}._side-right_5ebdz_42._active_5ebdz_11{transform:translate(0)}._side-left_5ebdz_50{left:0;transform:translate(-100%)}._side-left_5ebdz_50._active_5ebdz_11{transform:translate(0)}._header-section_5ebdz_58{flex-shrink:0;margin-bottom:16px}._header-section_5ebdz_58._compact_5ebdz_62{margin-bottom:8px}._header_5ebdz_58{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:24px 24px 16px;border-bottom:1px solid var(--rp-ui-base-border-100)}._header_5ebdz_58>:first-child{flex:1}._header-content_5ebdz_78{flex:1}._close-button_5ebdz_82{flex-shrink:0;width:32px;height:32px}._title_5ebdz_88{font-size:20px;line-height:31px;font-family:var(--rp-ui-base-font-family-heading);color:var(--rp-ui-base-almost-black);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:100%}._description_5ebdz_99{margin:8px 0 0;font-family:var(--rp-ui-base-font-family);font-weight:var(--rp-ui-base-fw-regular);font-size:var(--rp-ui-base-font-size-md);line-height:var(--rp-ui-base-lh-md);color:var(--rp-ui-base-almost-black)}._content_5ebdz_108{flex:1;overflow-y:auto;padding:16px 24px;min-height:0}._footer_5ebdz_115{flex-shrink:0;padding:12px 24px;border-top:1px solid var(--rp-ui-base-border-100)}._divider_5ebdz_121{flex-shrink:0;height:1px;background-color:var(--rp-ui-base-e-100)}._sortable-item_1l4xp_16{position:relative;width:100%;transition:opacity .2s ease;--sortable-gap: 8px}._sortable-item--horizontal_1l4xp_22{width:fit-content}._sortable-item--drop-target-top_1l4xp_25:before{content:"";position:absolute;top:calc(var(--sortable-gap) / -2);left:0;right:0;height:2px;background-color:var(--rp-ui-color-primary-focused);border-radius:2px;z-index:1;transform:translateY(-50%);pointer-events:none}._sortable-item--drop-target-bottom_1l4xp_38:after{content:"";position:absolute;bottom:calc(var(--sortable-gap) / -2);left:0;right:0;height:2px;background-color:var(--rp-ui-color-primary-focused);border-radius:2px;z-index:1;transform:translateY(50%);pointer-events:none}._sortable-item--hover-mode_1l4xp_51._sortable-item--drop-target-top_1l4xp_25:before{display:block;position:static;top:auto;margin-bottom:var(--sortable-gap);transform:none;z-index:auto}._sortable-item--hover-mode_1l4xp_51._sortable-item--drop-target-bottom_1l4xp_38:after{display:block;position:static;bottom:auto;margin-top:var(--sortable-gap);transform:none;z-index:auto}._sortable-item--drop-target-left_1l4xp_67:before{content:"";position:absolute;top:0;left:calc(var(--sortable-gap) / -2 - 1px);border-left:2px solid var(--rp-ui-color-primary-focused);height:100%;z-index:1;pointer-events:none}._sortable-item--drop-target-right_1l4xp_77:after{content:"";position:absolute;top:0;right:calc(var(--sortable-gap) / -2 - 1px);border-right:2px solid var(--rp-ui-color-primary-focused);height:100%;z-index:1;pointer-events:none}._drag-handle_1l4xp_88{cursor:grab;touch-action:none}._drag-handle_1l4xp_88:active{cursor:grabbing}._drag-handle--disabled_1l4xp_95{cursor:not-allowed;opacity:.5}._drag-layer_1izcx_1{position:fixed;pointer-events:none;z-index:100;left:0;top:0;width:100%;height:100%}._drag-preview_1izcx_11{display:flex;align-items:center;justify-content:flex-start;gap:8px;width:376px;height:52px;padding-left:12px;background-color:var(--rp-ui-base-bg-000);border:1px solid var(--rp-ui-color-field-border);border-radius:4px;box-shadow:0 4px 12px #00000026;font-size:13px;font-weight:500;color:var(--rp-ui-base-almost-black);white-space:nowrap}._drag-preview_1izcx_11 svg{width:16px;height:16px}._drag-preview_1izcx_11 svg path{fill:var(--rp-ui-color-field-icon)}._drop-confirmation-popover_ie1p0_16{position:fixed;transform:translate(-50%,-100%);margin-bottom:8px;z-index:1000;display:flex;flex-direction:column;width:160px;min-width:120px;max-width:480px;padding:8px 0;background-color:var(--rp-ui-base-bg-000);border-radius:8px;box-shadow:0 8px 20px #00000026}._drop-confirmation-popover--before_ie1p0_31{transform:translate(-50%,-110%);margin-bottom:0}._drop-confirmation-popover--after_ie1p0_35{transform:translate(-50%);margin-top:8px;margin-bottom:0}._drop-confirmation-popover--inside_ie1p0_40{transform:translate(-50%,-108%);margin-bottom:0}._drop-confirmation-popover_ie1p0_16:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid var(--rp-ui-base-bg-000);filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}._drop-confirmation-popover--after_ie1p0_35:after{top:-8px;left:50%;bottom:auto;border-top:none;border-bottom:8px solid var(--rp-ui-base-bg-000)}._drop-confirmation-popover--inside_ie1p0_40:after{bottom:-8px;border-top:8px solid var(--rp-ui-base-bg-000)}._drop-confirmation-popover__button_ie1p0_68{display:block;width:100%;padding:8px 16px;border:none;border-radius:3px;background:none;font-size:13px;text-align:left;cursor:pointer;color:var(--rp-ui-base-almost-black);transition:background-color .15s ease}._drop-confirmation-popover__button_ie1p0_68:hover{background-color:var(--rp-ui-base-bg-200)}._drop-confirmation-popover__divider_ie1p0_84{display:block;height:1px;margin:5px 16px;background:var(--rp-ui-divider-bg)}._tree-sortable-item_xdaea_16{position:relative;transition:opacity .2s ease}._tree-sortable-item--dragging_xdaea_20{opacity:.5}._tree-sortable-item--pending_xdaea_23{opacity:.5;pointer-events:none;-webkit-user-select:none;user-select:none;cursor:not-allowed}._tree-sortable-item--drop-before_xdaea_29:before{content:"";position:absolute;left:var(--tree-item-indent, 0);right:0;height:2px;background-color:var(--rp-ui-color-primary-focused);z-index:10;pointer-events:none;top:0}._tree-sortable-item--drop-after_xdaea_40:after{content:"";position:absolute;left:var(--tree-item-indent, 0);right:0;height:2px;background-color:var(--rp-ui-color-primary-focused);z-index:10;pointer-events:none;bottom:0}._tree-sortable-item--drop-inside_xdaea_51{position:relative}._tree-sortable-item--drop-inside_xdaea_51:before{content:"";position:absolute;top:0;left:var(--tree-item-indent, 0);right:0;bottom:0;border:2px dashed var(--rp-ui-color-primary-focused);border-radius:4px;background-color:var(--rp-ui-base-topaz-100);pointer-events:none;z-index:1}._tree-sortable-item--drop-inside_xdaea_51 ._tree-sortable-item_xdaea_16:before{display:none}._system-alert_37ic5_1{display:flex;box-sizing:border-box;width:600px;padding:16px;gap:16px;border-radius:16px;justify-content:space-between;box-shadow:var(--rp-ui-base-shadow-secondary)}._system-alert--black_37ic5_11 svg path{fill:var(--rp-ui-base-almost-black)!important}._system-alert_37ic5_1._error_37ic5_14{background-color:var(--rp-ui-base-sm-error)}._system-alert_37ic5_1._success_37ic5_17{background-color:var(--rp-ui-base-test-execution-status-passed)}._system-alert_37ic5_1._info_37ic5_20{background-color:var(--rp-ui-base-no-defect-bug-group)}._system-alert_37ic5_1._warning_37ic5_23{background-color:var(--rp-ui-base-defect-type-AB)}._system-alert_37ic5_1 ._icon-wrapper_37ic5_26{width:20px;height:24px;display:grid;place-content:center}._system-alert_37ic5_1 ._content-wrapper_37ic5_32{display:flex;gap:16px;flex-direction:column;flex:1;min-width:0}._system-alert_37ic5_1 ._content-wrapper_37ic5_32 ._title_37ic5_39{text-align:start;font-family:var(--rp-ui-base-font-family);font-size:15px;line-height:24px;font-weight:var(--rp-ui-base-fw-semi-bold);display:-webkit-box;max-width:100%;margin:0;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}._system-alert_37ic5_1 ._content-wrapper_37ic5_32 ._title--white_37ic5_53{color:var(--rp-ui-base-bg-000)}._system-alert_37ic5_1 ._content-wrapper_37ic5_32 ._title--black_37ic5_56{color:var(--rp-ui-base-almost-black)}._system-alert_37ic5_1 ._close-button_37ic5_59{background:none;border:none;width:24px;height:24px;cursor:pointer}._system-alert_37ic5_1 ._close-button_37ic5_59 svg path{fill:var(--rp-ui-base-bg-000)}._tooltip-wrapper_1n6ya_16{display:block;width:100%;height:fit-content;cursor:pointer}._tooltip-wrapper_1n6ya_16:focus-visible{outline:2px auto var(--rp-ui-base-topaz-focused)}._tooltip-content_1n6ya_26{font-size:11px;line-height:16px;padding:16px;border-radius:8px;background-color:var(--rp-ui-base-tooltip-bg);font-family:var(--rp-ui-base-font-family);font-weight:var(--rp-ui-base-fw-medium);color:var(--rp-ui-base-bg-000);word-wrap:break-word;white-space:pre-wrap;box-sizing:border-box;width:100%}
15
+ */._filter-item_b9lbt_16{display:flex;align-items:center;gap:8px;width:fit-content;max-width:210px;padding:1px 12px 1px 16px;border:1px solid var(--rp-ui-color-field-border);border-radius:40px;background-color:var(--rp-ui-base-light);cursor:pointer;transition:background-color .2s ease,border-color .2s ease}._filter-item_b9lbt_16:hover:not(._disabled_b9lbt_29){color:var(--rp-ui-color-primary-hover)}._filter-item_b9lbt_16._selected_b9lbt_32{background-color:var(--rp-ui-base-topaz);color:var(--rp-ui-color-field-bg);border-color:transparent}._filter-item_b9lbt_16._selected_b9lbt_32 ._actions-button_b9lbt_37 svg path{fill:var(--rp-ui-color-field-bg)}._filter-item_b9lbt_16._selected_b9lbt_32:hover:not(._disabled_b9lbt_29){color:var(--rp-ui-color-field-bg);background-color:var(--rp-ui-base-topaz);border-color:var(--rp-ui-base-topaz-hover)}._filter-item_b9lbt_16._disabled_b9lbt_29{border-color:var(--rp-ui-color-field-border-3-disabled);color:var(--rp-ui-color-disabled);opacity:.6}._filter-item_b9lbt_16:focus{outline:none}._filter-item_b9lbt_16:focus-visible:not(._disabled_b9lbt_29){border-color:var(--rp-ui-color-primary-focused);box-shadow:inset 0 0 0 1px var(--rp-ui-color-primary-focused)}._caption-wrapper_b9lbt_58{flex:0 1 auto;font-size:13px;line-height:20px;font-family:var(--rp-ui-base-font-family);font-weight:var(--rp-ui-base-fw-regular);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}._filters-icon-container_1ytvw_16{all:unset;display:flex;align-items:center;justify-content:center;box-sizing:border-box;height:36px;min-width:40px;border-radius:20px;cursor:pointer}._filters-icon-container_1ytvw_16:focus-visible{outline:2px solid var(--rp-ui-base-topaz-focused)}._filters-icon-container_1ytvw_16:disabled{cursor:not-allowed;opacity:.6}._filters-icon-container_1ytvw_16:not(:disabled):hover ._filter-icon_1ytvw_34 svg path{fill:var(--rp-ui-base-e-400)}._filters-icon-container_1ytvw_16._opened_1ytvw_37 ._filter-icon_1ytvw_34 svg path{fill:var(--rp-ui-base-topaz-pressed)}._filters-icon-container_1ytvw_16._opened_1ytvw_37:not(:disabled):hover ._filter-icon_1ytvw_34 svg path{fill:var(--rp-ui-base-topaz-hover)}._filters-icon-container_1ytvw_16._with-applied_1ytvw_43{gap:8px;padding:8px 12px;background-color:var(--rp-ui-base-bg-200)}._filters-icon-container_1ytvw_16._with-applied_1ytvw_43 ._filter-icon_1ytvw_34 svg path{fill:var(--rp-ui-base-topaz)}._filters-icon-container_1ytvw_16._with-applied_1ytvw_43 ._filters-count_1ytvw_51{font-size:13px;line-height:20px;color:var(--rp-ui-base-topaz);font-family:var(--rp-ui-base-font-family);font-weight:var(--rp-ui-base-fw-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}._filters-icon-container_1ytvw_16._with-applied_1ytvw_43._opened_1ytvw_37 ._filter-icon_1ytvw_34 svg path{fill:var(--rp-ui-base-topaz-pressed)}._filters-icon-container_1ytvw_16._with-applied_1ytvw_43._opened_1ytvw_37 ._filters-count_1ytvw_51{color:var(--rp-ui-base-topaz-pressed)}._filters-icon-container_1ytvw_16._with-applied_1ytvw_43:not(:disabled):hover ._filter-icon_1ytvw_34 svg path{fill:var(--rp-ui-base-topaz-hover)}._filters-icon-container_1ytvw_16._with-applied_1ytvw_43:not(:disabled):hover ._filters-count_1ytvw_51{color:var(--rp-ui-base-topaz-hover)}._filter-icon_1ytvw_34{display:flex}._filter-icon_1ytvw_34 svg{width:16px;height:16px}._filter-icon_1ytvw_34 svg path{fill:var(--rp-ui-base-e-300)}._clear-wrapper_1ytvw_86{width:24px;height:24px;border-left:1px solid var(--rp-ui-base-sm-info-line-100);display:flex;align-items:center;justify-content:flex-end}._icon_1ytvw_95,._clear-icon_1ytvw_95{display:inline-block;width:16px;height:16px}._clear-icon_1ytvw_95{background:none;border:none;padding:0;font:inherit;outline:none;cursor:pointer}._clear-icon_1ytvw_95 svg>path{fill:var(--rp-ui-color-field-icon)}._clear-icon_1ytvw_95._disabled_1ytvw_112{pointer-events:none}._clear-icon_1ytvw_95:hover svg>path{fill:var(--rp-ui-color-field-hover-2)}._clear-icon_1ytvw_95:focus svg>path{fill:var(--rp-ui-color-primary-focused)}._clear-icon_1ytvw_95:active svg>path{fill:var(--rp-ui-color-primary-pressed)}._issue-list_ypfdt_16{display:flex;align-items:center;gap:8px;width:100%;overflow:hidden;flex-wrap:nowrap;position:relative}._issue-list_ypfdt_16._expanded_ypfdt_25{flex-wrap:wrap;overflow:visible}._issue_ypfdt_16{display:inline-flex;max-width:100%;flex-shrink:0}._counter-wrapper_ypfdt_36{flex-shrink:0;display:inline-flex;width:fit-content}._counter_ypfdt_36{flex-shrink:0;display:inline-flex;min-width:32px;align-items:center;justify-content:center}._tooltip-wrapper_ypfdt_50{display:inline-flex;width:100%}._hidden_ypfdt_55{visibility:hidden;position:absolute;pointer-events:none}._ellipsis_ypfdt_61{flex-shrink:1;min-width:0;overflow:hidden}._modal-content_ppzcb_1{width:100%;font-family:var(--rp-ui-base-font-family);font-weight:var(--rp-ui-base-fw-regular);font-size:13px;line-height:20px;color:var(--rp-ui-color-text);white-space:pre-line;word-break:break-word;padding:0 0 16px}._buttons-block_1mwne_1{display:flex;align-items:center;column-gap:10px}._button-container_1mwne_7{display:inline-block;min-width:70px}._modal-footer_1mwne_12{position:relative;display:flex;justify-content:flex-end;width:100%;margin-top:16px}._modal-footer_1mwne_12._with-extra-node_1mwne_19{justify-content:space-between}._size-small_1mwne_23{flex-direction:column;align-items:stretch}._size-small_1mwne_23 ._buttons-block_1mwne_1{display:flex;flex-direction:column;align-items:stretch}._size-small_1mwne_23 ._button-container_1mwne_7{margin:0 0 10px}._size-small_1mwne_23 ._button-container_1mwne_7:last-child{margin-bottom:0}._modal-header_w4aaf_1{position:relative;font-family:var(--rp-ui-base-font-family);font-weight:var(--rp-ui-base-fw-regular);font-size:20px;line-height:31px;color:var(--rp-ui-color-text);padding-bottom:24px}._modal-header_w4aaf_1._width-description_w4aaf_10{padding-bottom:8px}._modal-header-content_w4aaf_14{width:100%;padding-right:30px;box-sizing:border-box}._modal-title_w4aaf_20{font-family:var(--rp-ui-base-font-family-heading);flex-grow:1;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}._close-modal-icon_w4aaf_29{position:absolute;top:6px;right:0;line-height:normal;cursor:pointer}._modal_npf1n_1{position:absolute;top:0;left:0;display:block;width:100%;height:100%;text-align:center;overflow:hidden}._overlay-default_npf1n_12{background-color:var(--rp-ui-base-overlay)}._overlay-light-cyan_npf1n_16{background-color:var(--rp-ui-base-overlay-light-cyan)}._scrolling-content_npf1n_20{position:fixed;width:100%;height:100%}._modal-window_npf1n_26{position:absolute;left:50%;transform:translate(-50%);display:inline-block;margin-bottom:10px;padding:32px 40px;box-sizing:border-box;background-color:var(--rp-ui-base-bg-100);text-align:left;border-radius:16px;box-shadow:var(--rp-ui-base-shadow-secondary);opacity:1;outline:none;max-height:90%}._description_npf1n_43{display:inline-block;width:100%;padding-bottom:24px;font-family:var(--rp-ui-base-font-family);font-weight:var(--rp-ui-base-fw-regular);font-size:13px;line-height:20px;color:var(--rp-ui-base-almost-black)}._scrollable-wrapper_npf1n_54{margin-right:-12px}._scrollable-content_npf1n_58{padding-right:12px}._scrollbars-scroll-view_npf1n_62{z-index:101}._scrollbars-scroll-track_npf1n_66{z-index:100}._size-default_npf1n_70{width:480px}@media (max-width: 480px){._size-default_npf1n_70{right:10px;left:10px;transform:none;width:auto}}._size-small_npf1n_82{width:320px}@media (max-width: 320px){._size-small_npf1n_82{right:10px;left:10px;transform:none;width:auto}}._size-large_npf1n_94{width:720px}@media (max-width: 720px){._size-large_npf1n_94{right:10px;left:10px;transform:none;width:auto}}._popover-wrapper_n3nff_1{display:inline-block;width:fit-content;height:fit-content;cursor:pointer}._popover_n3nff_1{display:block;position:absolute;z-index:10;font-family:var(--rp-ui-base-font-family);font-size:11px;line-height:16px;background-color:var(--rp-ui-color-bg);border-radius:8px;box-shadow:var(--rp-ui-base-shadow-secondary);padding:16px;min-height:52px;min-width:120px;max-width:fit-content;box-sizing:border-box;outline:0;width:max-content;color:var(--rp-ui-color-text)}._title_n3nff_28{font-family:var(--rp-ui-base-font-family-heading);font-weight:var(--rp-ui-base-fw-bold);font-size:13px;line-height:20px;margin-bottom:8px}._segmented-control_8evzz_16{display:inline-flex;box-sizing:border-box;gap:4px;padding:2px;border-radius:6px;background-color:var(--rp-ui-color-bg-3)}._segmented-control_8evzz_16._full-width_8evzz_24{width:100%;display:flex}._button_8evzz_29{display:inline-flex;flex:1;box-sizing:border-box;gap:8px;padding:8px;border:1px solid transparent;border-radius:4px;background-color:transparent;color:var(--rp-ui-color-text);font-size:13px;line-height:20px;font-family:var(--rp-ui-base-font-family);font-weight:var(--rp-ui-base-fw-regular);white-space:nowrap;align-items:center;justify-content:center;cursor:pointer;outline:none;transition:all .2s ease}._button_8evzz_29:hover:not(._disabled_8evzz_50):not(._active_8evzz_50){background-color:var(--rp-ui-color-field-hover);color:var(--rp-ui-color-text)}._button_8evzz_29._active_8evzz_50{background-color:var(--rp-ui-color-field-bg);color:var(--rp-ui-color-text);border-radius:4px;box-shadow:0 1px 3px #3743621a}._button_8evzz_29:focus-visible:not(._disabled_8evzz_50){border-color:var(--rp-ui-color-primary-focused);outline:none;box-shadow:inset 0 0 0 1px var(--rp-ui-color-primary-focused)}._button_8evzz_29._disabled_8evzz_50{cursor:not-allowed;opacity:.5;color:var(--rp-ui-base-e-300)}._button_8evzz_29._disabled_8evzz_50:hover{background-color:transparent}._icon_8evzz_74{display:flex;width:16px;height:16px;flex-shrink:0;align-items:center;justify-content:center}._side-panel-overlay_5ebdz_1{position:fixed;top:0;left:0;width:100%;height:100vh;opacity:0;transition:opacity .3s ease-in-out;pointer-events:none}._side-panel-overlay_5ebdz_1._active_5ebdz_11{opacity:1;pointer-events:auto}._overlay-default_5ebdz_16{background-color:var(--rp-ui-base-overlay)}._overlay-light-cyan_5ebdz_20{background-color:var(--rp-ui-base-overlay-light-cyan)}._side-panel_5ebdz_1{position:fixed;display:flex;flex-direction:column;width:max-content;min-width:320px;max-width:700px;height:100vh;background-color:var(--rp-ui-base-bg-100);box-shadow:var(--rp-ui-base-shadow-secondary);overflow:hidden;transition:transform .3s ease-in-out;pointer-events:none}._side-panel_5ebdz_1._active_5ebdz_11{pointer-events:auto}._side-right_5ebdz_42{right:0;transform:translate(100%)}._side-right_5ebdz_42._active_5ebdz_11{transform:translate(0)}._side-left_5ebdz_50{left:0;transform:translate(-100%)}._side-left_5ebdz_50._active_5ebdz_11{transform:translate(0)}._header-section_5ebdz_58{flex-shrink:0;margin-bottom:16px}._header-section_5ebdz_58._compact_5ebdz_62{margin-bottom:8px}._header_5ebdz_58{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:24px 24px 16px;border-bottom:1px solid var(--rp-ui-base-border-100)}._header_5ebdz_58>:first-child{flex:1}._header-content_5ebdz_78{flex:1}._close-button_5ebdz_82{flex-shrink:0;width:32px;height:32px}._title_5ebdz_88{font-size:20px;line-height:31px;font-family:var(--rp-ui-base-font-family-heading);color:var(--rp-ui-base-almost-black);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:100%}._description_5ebdz_99{margin:8px 0 0;font-family:var(--rp-ui-base-font-family);font-weight:var(--rp-ui-base-fw-regular);font-size:var(--rp-ui-base-font-size-md);line-height:var(--rp-ui-base-lh-md);color:var(--rp-ui-base-almost-black)}._content_5ebdz_108{flex:1;overflow-y:auto;padding:16px 24px;min-height:0}._footer_5ebdz_115{flex-shrink:0;padding:12px 24px;border-top:1px solid var(--rp-ui-base-border-100)}._divider_5ebdz_121{flex-shrink:0;height:1px;background-color:var(--rp-ui-base-e-100)}._sortable-item_1l4xp_16{position:relative;width:100%;transition:opacity .2s ease;--sortable-gap: 8px}._sortable-item--horizontal_1l4xp_22{width:fit-content}._sortable-item--drop-target-top_1l4xp_25:before{content:"";position:absolute;top:calc(var(--sortable-gap) / -2);left:0;right:0;height:2px;background-color:var(--rp-ui-color-primary-focused);border-radius:2px;z-index:1;transform:translateY(-50%);pointer-events:none}._sortable-item--drop-target-bottom_1l4xp_38:after{content:"";position:absolute;bottom:calc(var(--sortable-gap) / -2);left:0;right:0;height:2px;background-color:var(--rp-ui-color-primary-focused);border-radius:2px;z-index:1;transform:translateY(50%);pointer-events:none}._sortable-item--hover-mode_1l4xp_51._sortable-item--drop-target-top_1l4xp_25:before{display:block;position:static;top:auto;margin-bottom:var(--sortable-gap);transform:none;z-index:auto}._sortable-item--hover-mode_1l4xp_51._sortable-item--drop-target-bottom_1l4xp_38:after{display:block;position:static;bottom:auto;margin-top:var(--sortable-gap);transform:none;z-index:auto}._sortable-item--drop-target-left_1l4xp_67:before{content:"";position:absolute;top:0;left:calc(var(--sortable-gap) / -2 - 1px);border-left:2px solid var(--rp-ui-color-primary-focused);height:100%;z-index:1;pointer-events:none}._sortable-item--drop-target-right_1l4xp_77:after{content:"";position:absolute;top:0;right:calc(var(--sortable-gap) / -2 - 1px);border-right:2px solid var(--rp-ui-color-primary-focused);height:100%;z-index:1;pointer-events:none}._drag-handle_1l4xp_88{cursor:grab;touch-action:none}._drag-handle_1l4xp_88:active{cursor:grabbing}._drag-handle--disabled_1l4xp_95{cursor:not-allowed;opacity:.5}._drag-layer_1izcx_1{position:fixed;pointer-events:none;z-index:100;left:0;top:0;width:100%;height:100%}._drag-preview_1izcx_11{display:flex;align-items:center;justify-content:flex-start;gap:8px;width:376px;height:52px;padding-left:12px;background-color:var(--rp-ui-base-bg-000);border:1px solid var(--rp-ui-color-field-border);border-radius:4px;box-shadow:0 4px 12px #00000026;font-size:13px;font-weight:500;color:var(--rp-ui-base-almost-black);white-space:nowrap}._drag-preview_1izcx_11 svg{width:16px;height:16px}._drag-preview_1izcx_11 svg path{fill:var(--rp-ui-color-field-icon)}._drop-confirmation-popover_ie1p0_16{position:fixed;transform:translate(-50%,-100%);margin-bottom:8px;z-index:1000;display:flex;flex-direction:column;width:160px;min-width:120px;max-width:480px;padding:8px 0;background-color:var(--rp-ui-base-bg-000);border-radius:8px;box-shadow:0 8px 20px #00000026}._drop-confirmation-popover--before_ie1p0_31{transform:translate(-50%,-110%);margin-bottom:0}._drop-confirmation-popover--after_ie1p0_35{transform:translate(-50%);margin-top:8px;margin-bottom:0}._drop-confirmation-popover--inside_ie1p0_40{transform:translate(-50%,-108%);margin-bottom:0}._drop-confirmation-popover_ie1p0_16:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid var(--rp-ui-base-bg-000);filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}._drop-confirmation-popover--after_ie1p0_35:after{top:-8px;left:50%;bottom:auto;border-top:none;border-bottom:8px solid var(--rp-ui-base-bg-000)}._drop-confirmation-popover--inside_ie1p0_40:after{bottom:-8px;border-top:8px solid var(--rp-ui-base-bg-000)}._drop-confirmation-popover__button_ie1p0_68{display:block;width:100%;padding:8px 16px;border:none;border-radius:3px;background:none;font-size:13px;text-align:left;cursor:pointer;color:var(--rp-ui-base-almost-black);transition:background-color .15s ease}._drop-confirmation-popover__button_ie1p0_68:hover{background-color:var(--rp-ui-base-bg-200)}._drop-confirmation-popover__divider_ie1p0_84{display:block;height:1px;margin:5px 16px;background:var(--rp-ui-divider-bg)}._tree-sortable-item_xdaea_16{position:relative;transition:opacity .2s ease}._tree-sortable-item--dragging_xdaea_20{opacity:.5}._tree-sortable-item--pending_xdaea_23{opacity:.5;pointer-events:none;-webkit-user-select:none;user-select:none;cursor:not-allowed}._tree-sortable-item--drop-before_xdaea_29:before{content:"";position:absolute;left:var(--tree-item-indent, 0);right:0;height:2px;background-color:var(--rp-ui-color-primary-focused);z-index:10;pointer-events:none;top:0}._tree-sortable-item--drop-after_xdaea_40:after{content:"";position:absolute;left:var(--tree-item-indent, 0);right:0;height:2px;background-color:var(--rp-ui-color-primary-focused);z-index:10;pointer-events:none;bottom:0}._tree-sortable-item--drop-inside_xdaea_51{position:relative}._tree-sortable-item--drop-inside_xdaea_51:before{content:"";position:absolute;top:0;left:var(--tree-item-indent, 0);right:0;bottom:0;border:2px dashed var(--rp-ui-color-primary-focused);border-radius:4px;background-color:var(--rp-ui-base-topaz-100);pointer-events:none;z-index:1}._tree-sortable-item--drop-inside_xdaea_51 ._tree-sortable-item_xdaea_16:before{display:none}._system-alert_37ic5_1{display:flex;box-sizing:border-box;width:600px;padding:16px;gap:16px;border-radius:16px;justify-content:space-between;box-shadow:var(--rp-ui-base-shadow-secondary)}._system-alert--black_37ic5_11 svg path{fill:var(--rp-ui-base-almost-black)!important}._system-alert_37ic5_1._error_37ic5_14{background-color:var(--rp-ui-base-sm-error)}._system-alert_37ic5_1._success_37ic5_17{background-color:var(--rp-ui-base-test-execution-status-passed)}._system-alert_37ic5_1._info_37ic5_20{background-color:var(--rp-ui-base-no-defect-bug-group)}._system-alert_37ic5_1._warning_37ic5_23{background-color:var(--rp-ui-base-defect-type-AB)}._system-alert_37ic5_1 ._icon-wrapper_37ic5_26{width:20px;height:24px;display:grid;place-content:center}._system-alert_37ic5_1 ._content-wrapper_37ic5_32{display:flex;gap:16px;flex-direction:column;flex:1;min-width:0}._system-alert_37ic5_1 ._content-wrapper_37ic5_32 ._title_37ic5_39{text-align:start;font-family:var(--rp-ui-base-font-family);font-size:15px;line-height:24px;font-weight:var(--rp-ui-base-fw-semi-bold);display:-webkit-box;max-width:100%;margin:0;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}._system-alert_37ic5_1 ._content-wrapper_37ic5_32 ._title--white_37ic5_53{color:var(--rp-ui-base-bg-000)}._system-alert_37ic5_1 ._content-wrapper_37ic5_32 ._title--black_37ic5_56{color:var(--rp-ui-base-almost-black)}._system-alert_37ic5_1 ._close-button_37ic5_59{background:none;border:none;width:24px;height:24px;cursor:pointer}._system-alert_37ic5_1 ._close-button_37ic5_59 svg path{fill:var(--rp-ui-base-bg-000)}._tooltip-wrapper_1n6ya_16{display:block;width:100%;height:fit-content;cursor:pointer}._tooltip-wrapper_1n6ya_16:focus-visible{outline:2px auto var(--rp-ui-base-topaz-focused)}._tooltip-content_1n6ya_26{font-size:11px;line-height:16px;padding:16px;border-radius:8px;background-color:var(--rp-ui-base-tooltip-bg);font-family:var(--rp-ui-base-font-family);font-weight:var(--rp-ui-base-fw-medium);color:var(--rp-ui-base-bg-000);word-wrap:break-word;white-space:pre-wrap;box-sizing:border-box;width:100%}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@reportportal/ui-kit",
3
- "version": "0.0.1-alpha.239",
3
+ "version": "0.0.1-alpha.240",
4
4
  "description": "The UI-kit library for ReportPortal Design System.",
5
5
  "type": "module",
6
6
  "scripts": {