@reportportal/ui-kit 0.0.1-alpha.4 → 0.0.1-alpha.5

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 +44 -44
  2. package/dist/style.css +1 -1
  3. package/package.json +66 -66
package/dist/modal.js CHANGED
@@ -1,17 +1,17 @@
1
- import { jsx as o, jsxs as l } from "react/jsx-runtime";
2
- import * as z from "react";
1
+ import { jsx as o, jsxs as s } from "react/jsx-runtime";
2
+ import * as x from "react";
3
3
  import { useEffect as m, useState as g, useRef as $ } from "react";
4
4
  import { Scrollbars as A } from "rc-scrollbars";
5
5
  import { AnimatePresence as T, motion as D } from "framer-motion";
6
6
  import { c as _ } from "./bind-06a7ff84.js";
7
7
  import { K as W } from "./key-codes-abbe7725.js";
8
- import { B as x } from "./button-d4944dbc.js";
8
+ import { B as E } from "./button-d4944dbc.js";
9
9
  function j(e, n) {
10
10
  m(() => {
11
11
  if (!n)
12
12
  return;
13
- const t = (a) => {
14
- e && e.current && !e.current.contains(a.target) && n(a);
13
+ const t = (i) => {
14
+ e && e.current && !e.current.contains(i.target) && n(i);
15
15
  };
16
16
  return document.addEventListener("pointerdown", t), () => {
17
17
  document.removeEventListener("pointerdown", t);
@@ -41,71 +41,71 @@ const K = () => {
41
41
  footerNode: e,
42
42
  closeHandler: n,
43
43
  okButton: t,
44
- cancelButton: a,
45
- size: s
46
- }) => /* @__PURE__ */ l("div", { className: c("modal-footer", { "with-extra-node": e, [`size-${s}`]: s }), children: [
44
+ cancelButton: i,
45
+ size: l
46
+ }) => /* @__PURE__ */ s("div", { className: c("modal-footer", { "with-extra-node": e, [`size-${l}`]: l }), children: [
47
47
  e && e,
48
- /* @__PURE__ */ l("div", { className: c("buttons-block"), children: [
49
- a && /* @__PURE__ */ o("div", { className: c("button-container"), children: /* @__PURE__ */ o(
50
- x,
48
+ /* @__PURE__ */ s("div", { className: c("buttons-block"), children: [
49
+ i && /* @__PURE__ */ o("div", { className: c("button-container"), children: /* @__PURE__ */ o(
50
+ E,
51
51
  {
52
52
  variant: "ghost",
53
- adjustWidthOn: s === "small" ? "parent" : "content",
53
+ adjustWidthOn: l === "small" ? "parent" : "content",
54
54
  onClick: n,
55
- ...a
55
+ ...i
56
56
  }
57
57
  ) }),
58
- t && /* @__PURE__ */ o("div", { className: c("button-container"), children: /* @__PURE__ */ o(x, { adjustWidthOn: s === "small" ? "parent" : "content", ...t }) })
58
+ t && /* @__PURE__ */ o("div", { className: c("button-container"), children: /* @__PURE__ */ o(E, { adjustWidthOn: l === "small" ? "parent" : "content", ...t }) })
59
59
  ] })
60
- ] }), X = (e) => /* @__PURE__ */ z.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "#C1C7D0", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ z.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0.732184 15.2698C0.330645 14.8683 0.330646 14.2172 0.732185 13.8157L6.54859 7.99928L0.732185 2.18288C0.330646 1.78134 0.330645 1.13031 0.732184 0.728774C1.13372 0.327234 1.78475 0.327234 2.18629 0.728774L8.00269 6.54518L13.8191 0.728767C14.2206 0.327228 14.8717 0.327227 15.2732 0.728767C15.6747 1.13031 15.6747 1.78133 15.2732 2.18287L9.45679 7.99928L15.2732 13.8157C15.6747 14.2172 15.6747 14.8683 15.2732 15.2698C14.8717 15.6713 14.2206 15.6713 13.8191 15.2698L8.00269 9.45338L2.18629 15.2698C1.78475 15.6713 1.13372 15.6713 0.732184 15.2698Z" })), Y = {
60
+ ] }), X = (e) => /* @__PURE__ */ x.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "#C1C7D0", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ x.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0.732184 15.2698C0.330645 14.8683 0.330646 14.2172 0.732185 13.8157L6.54859 7.99928L0.732185 2.18288C0.330646 1.78134 0.330645 1.13031 0.732184 0.728774C1.13372 0.327234 1.78475 0.327234 2.18629 0.728774L8.00269 6.54518L13.8191 0.728767C14.2206 0.327228 14.8717 0.327227 15.2732 0.728767C15.6747 1.13031 15.6747 1.78133 15.2732 2.18287L9.45679 7.99928L15.2732 13.8157C15.6747 14.2172 15.6747 14.8683 15.2732 15.2698C14.8717 15.6713 14.2206 15.6713 13.8191 15.2698L8.00269 9.45338L2.18629 15.2698C1.78475 15.6713 1.13372 15.6713 0.732184 15.2698Z" })), Y = {
61
61
  "modal-header": "_modal-header_12y1g_1",
62
62
  "modal-header-content": "_modal-header-content_12y1g_11",
63
63
  "modal-title": "_modal-title_12y1g_20",
64
64
  "close-modal-icon": "_close-modal-icon_12y1g_28"
65
- }, r = _.bind(Y), Z = ({ title: e, onClose: n, headerNode: t }) => /* @__PURE__ */ l("div", { className: r("modal-header"), children: [
66
- /* @__PURE__ */ l("div", { className: r("modal-header-content"), children: [
65
+ }, r = _.bind(Y), Z = ({ title: e, onClose: n, headerNode: t }) => /* @__PURE__ */ s("div", { className: r("modal-header"), children: [
66
+ /* @__PURE__ */ s("div", { className: r("modal-header-content"), children: [
67
67
  e && /* @__PURE__ */ o("span", { className: r("modal-title"), children: e }),
68
68
  t && t
69
69
  ] }),
70
70
  /* @__PURE__ */ o("span", { className: r("close-modal-icon"), onClick: n, children: /* @__PURE__ */ o(X, {}) })
71
- ] }), q = "_modal_10zov_1", J = {
71
+ ] }), q = "_modal_8a5l_1", J = {
72
72
  modal: q,
73
- "overlay-default": "_overlay-default_10zov_11",
74
- "overlay-light-cyan": "_overlay-light-cyan_10zov_16",
75
- "scrolling-content": "_scrolling-content_10zov_21",
76
- "modal-window": "_modal-window_10zov_28",
77
- "size-default": "_size-default_10zov_45",
78
- "size-small": "_size-small_10zov_57",
79
- "size-large": "_size-large_10zov_69"
80
- }, E = _.bind(J), Q = 0.9, U = 176, se = ({
73
+ "overlay-default": "_overlay-default_8a5l_11",
74
+ "overlay-light-cyan": "_overlay-light-cyan_8a5l_16",
75
+ "scrolling-content": "_scrolling-content_8a5l_21",
76
+ "modal-window": "_modal-window_8a5l_28",
77
+ "size-default": "_size-default_8a5l_45",
78
+ "size-small": "_size-small_8a5l_57",
79
+ "size-large": "_size-large_8a5l_69"
80
+ }, b = _.bind(J), Q = 0.9, U = 176, le = ({
81
81
  title: e,
82
82
  headerNode: n,
83
83
  children: t,
84
- footerNode: a,
85
- okButton: s,
86
- cancelButton: b,
87
- className: L,
84
+ footerNode: i,
85
+ okButton: l,
86
+ cancelButton: L,
87
+ className: H,
88
88
  size: h = "default",
89
- onClose: H = () => {
89
+ onClose: M = () => {
90
90
  },
91
- overlay: v = "default",
92
- allowCloseOutside: M = !0
91
+ overlay: f = "default",
92
+ allowCloseOutside: z = !0
93
93
  }) => {
94
- const [N, f] = g(!1), [k, O] = g(0), i = $(null), p = K(), y = p.height, R = y * Q, u = (y - k) / 2, S = R - U, d = () => {
95
- f(!1);
94
+ const [N, v] = g(!1), [k, O] = g(0), a = $(null), p = K(), y = p.height, R = y * Q, u = (y - k) / 2, S = R - U, d = () => {
95
+ v(!1);
96
96
  }, C = (w) => {
97
97
  w.keyCode === W.ESCAPE_KEY_CODE && d();
98
98
  };
99
99
  return m(() => {
100
- if (i && i.current) {
101
- const { clientHeight: w } = i.current;
100
+ if (a && a.current) {
101
+ const { clientHeight: w } = a.current;
102
102
  O(w);
103
103
  }
104
- }, [t, p]), m(() => (f(!0), i && i.current && i.current.focus(), document.addEventListener("keydown", C, !1), () => document.removeEventListener("keydown", C, !1)), []), j(i, M ? d : void 0), /* @__PURE__ */ o(T, { onExitComplete: H, children: N && /* @__PURE__ */ o("div", { className: E("modal", { [`overlay-${v}`]: v }), children: /* @__PURE__ */ l(
104
+ }, [t, p]), m(() => (v(!0), a && a.current && a.current.focus(), document.addEventListener("keydown", C, !1), () => document.removeEventListener("keydown", C, !1)), []), j(a, z ? d : void 0), /* @__PURE__ */ o(T, { onExitComplete: M, children: N && /* @__PURE__ */ o("div", { className: b("modal", { [`overlay-${f}`]: f }), children: /* @__PURE__ */ s(
105
105
  D.div,
106
106
  {
107
- className: E("modal-window", { [`size-${h}`]: h }, L),
108
- ref: i,
107
+ className: b("modal-window", { [`size-${h}`]: h }, H),
108
+ ref: a,
109
109
  tabIndex: 0,
110
110
  initial: { opacity: 0, marginTop: -u },
111
111
  animate: { opacity: 1, marginTop: u },
@@ -118,9 +118,9 @@ const K = () => {
118
118
  G,
119
119
  {
120
120
  size: h,
121
- footerNode: a,
122
- okButton: s,
123
- cancelButton: b,
121
+ footerNode: i,
122
+ okButton: l,
123
+ cancelButton: L,
124
124
  closeHandler: d
125
125
  }
126
126
  )
@@ -130,7 +130,7 @@ const K = () => {
130
130
  ) }) });
131
131
  };
132
132
  export {
133
- se as Modal,
133
+ le as Modal,
134
134
  P as ModalContent,
135
135
  G as ModalFooter,
136
136
  Z as ModalHeader
package/dist/style.css CHANGED
@@ -1 +1 @@
1
- @font-face{font-family:Roboto;font-weight:400;font-display:swap;font-style:normal;src:local("Roboto Regular"),local("Roboto-Regular"),url(./fonts/Roboto/Roboto-Regular.ttf) format("truetype")}@font-face{font-family:Roboto;font-weight:500;font-display:swap;font-style:normal;src:local("Roboto Medium"),local("Roboto-Medium"),url(./fonts/Roboto/Roboto-Medium.ttf) format("truetype")}@font-face{font-family:Roboto;font-weight:700;font-display:swap;font-style:normal;src:local("Roboto-Bold"),local("Roboto-Bold"),url(./fonts/Roboto/Roboto-Bold.ttf) format("truetype")}@font-face{font-family:OpenSans;font-weight:300;font-display:swap;font-style:normal;src:local("Open Sans Light"),local("OpenSans-Light"),url(./fonts/OpenSans/OpenSans-Light.ttf) format("truetype")}@font-face{font-family:OpenSans;font-weight:400;font-display:swap;font-style:normal;src:local("Open Sans Regular"),local("OpenSans-Regular"),url(./fonts/OpenSans/OpenSans-Regular.ttf) format("truetype")}@font-face{font-family:OpenSans;font-weight:600;font-display:swap;font-style:normal;src:local("Open Sans Semibold"),local("OpenSans-Semibold"),url(./fonts/OpenSans/OpenSans-Semibold.ttf) format("truetype")}:root{--rp-ui-kit-bg-000: #ffffff;--rp-ui-kit-bg-100: #f7f7f8;--rp-ui-kit-bg-200: #eceff4;--rp-ui-kit-error: #dc5959;--rp-ui-kit-error-hover: #f24a4a;--rp-ui-kit-error-pressed: #c54141;--rp-ui-kit-error-focused: #ffb1b1;--rp-ui-kit-topaz: #00829b;--rp-ui-kit-topaz-hover: #009dbb;--rp-ui-kit-topaz-focused: #00b0d1;--rp-ui-kit-topaz-pressed: #00758c;--rp-ui-kit-almost-black: #3f3f3f;--rp-ui-kit-e-100: #e3e7ec;--rp-ui-kit-e-200: #c1c7d0;--rp-ui-kit-e-300: #a2aab5;--rp-ui-kit-e-400: #8d95a1;--rp-ui-kit-light-cyan: #d0f0f1;--rp-ui-kit-dark-topaz-main: #1a9cb0;--rp-ui-kit-dark-topaz-hover: #1cb0c7;--rp-ui-kit-dark-topaz-focused: #1dbdd6;--rp-ui-kit-dark-topaz-pressed: #9ee7f2;--rp-ui-kit-dark-topaz-text: #3abcd0;--rp-ui-kit-dark-topaz-additional: #00505d;--rp-ui-kit-dark-e-50: #e8e8e8;--rp-ui-kit-dark-e-100: #cfcfcf;--rp-ui-kit-dark-e-150: #8f8f8f;--rp-ui-kit-dark-e-200: #626262;--rp-ui-kit-dark-e-300: #383838;--rp-ui-kit-dark-e-400: #262626;--rp-ui-kit-dark-e-500: #222222;--rp-ui-kit-sm-warning: #d78706;--rp-ui-kit-sm-warning-line-100: #fceecb;--rp-ui-kit-sm-warning-line-200: #fbe7b6;--rp-ui-kit-sm-error: #db3549;--rp-ui-kit-sm-error-line-100: #fccbcb;--rp-ui-kit-sm-error-line-200: #ffc0bd;--rp-ui-kit-sm-info-line-100: #ced3db;--rp-ui-kit-defect-type-AB: #ffc208;--rp-ui-kit-darkmode-bg: #101010;--rp-ui-kit-darkmode-bg-solid-98: #141414;--rp-ui-kit-darkmode-error-default: #ff4040;--rp-ui-kit-darkmode-error-text: #ff6666;--rp-ui-kit-darkmode-fatal: #c2352b;--rp-ui-kit-darkmode-error: #ff3222;--rp-ui-kit-tag-value-text: #394db6;--rp-ui-kit-tag-value-background: #ced8fc;--rp-ui-kit-tag-key-text: #6f4599;--rp-ui-kit-tag-key-background: #dac3e6;--rp-ui-kit-system-issue-group: #3e7be6;--rp-ui-kit-product-bug-group: #d32f2f;--rp-ui-kit-automation-bug-group: #ffc208;--rp-ui-kit-no-defect-bug-group: #76839b;--rp-ui-kit-test-execution-status-passed: #3aa76d;--rp-ui-kit-shadow: 0px 1px 3px rgba(55, 67, 98, .1);--rp-ui-kit-shadow-hover: 0px 1px 3px rgba(55, 67, 98, .2);--rp-ui-kit-shadow-secondary: 0 8px 40px rgba(0, 0, 0, .15);--rp-ui-kit-font-family-base: Roboto, Arial, Helvetica, sans-serif;--rp-ui-kit-font-family-heading: OpenSans, Segoe UI, Tahoma, sans-serif;--rp-ui-kit-color-primary: var(--rp-ui-kit-topaz);--rp-ui-kit-color-primary-hover: var(--rp-ui-kit-topaz-hover);--rp-ui-kit-color-primary-focused: var(--rp-ui-kit-topaz-focused);--rp-ui-kit-color-primary-pressed: var(--rp-ui-kit-topaz-pressed);--rp-ui-kit-color-primary-text: var(--rp-ui-kit-topaz);--rp-ui-kit-color-error: var(--rp-ui-kit-error);--rp-ui-kit-color-error-hover: var(--rp-ui-kit-error-hover);--rp-ui-kit-color-error-pressed: var(--rp-ui-kit-error-pressed);--rp-ui-kit-color-error-focused: var(--rp-ui-kit-error-focused);--rp-ui-kit-color-text: var(--rp-ui-kit-almost-black);--rp-ui-kit-color-text-2: var(--rp-ui-kit-almost-black);--rp-ui-kit-color-disabled: var(--rp-ui-kit-e-200);--rp-ui-kit-color-gray-hover: var(--rp-ui-kit-e-400);--rp-ui-kit-opacity-default: 30%}.rp-ui-kit-theme-light{--rp-ui-kit-color-primary: var(--rp-ui-kit-topaz);--rp-ui-kit-color-primary-hover: var(--rp-ui-kit-topaz-hover);--rp-ui-kit-color-primary-focused: var(--rp-ui-kit-topaz-focused);--rp-ui-kit-color-primary-pressed: var(--rp-ui-kit-topaz-pressed);--rp-ui-kit-color-primary-text: var(--rp-ui-kit-topaz);--rp-ui-kit-color-error: var(--rp-ui-kit-error);--rp-ui-kit-color-error-hover: var(--rp-ui-kit-error-hover);--rp-ui-kit-color-error-pressed: var(--rp-ui-kit-error-pressed);--rp-ui-kit-color-error-focused: var(--rp-ui-kit-error-focused);--rp-ui-kit-color-text: var(--rp-ui-kit-almost-black);--rp-ui-kit-color-text-2: var(--rp-ui-kit-almost-black);--rp-ui-kit-color-disabled: var(--rp-ui-kit-e-200);--rp-ui-kit-color-gray-hover: var(--rp-ui-kit-e-400);--rp-ui-kit-opacity-default: 30%}.rp-ui-kit-theme-dark{--rp-ui-kit-color-primary: var(--rp-ui-kit-dark-topaz-main);--rp-ui-kit-color-primary-hover: var(--rp-ui-kit-dark-topaz-hover);--rp-ui-kit-color-primary-focused: var(--rp-ui-kit-dark-topaz-focused);--rp-ui-kit-color-primary-pressed: var(--rp-ui-kit-dark-topaz-pressed);--rp-ui-kit-color-primary-text: var(--rp-ui-kit-dark-topaz-text);--rp-ui-kit-color-error: var(--rp-ui-kit-error);--rp-ui-kit-color-error-hover: var(--rp-ui-kit-error-hover);--rp-ui-kit-color-error-pressed: var(--rp-ui-kit-error-pressed);--rp-ui-kit-color-error-focused: var(--rp-ui-kit-error-focused);--rp-ui-kit-color-text: var(--rp-ui-kit-dark-e-50);--rp-ui-kit-color-text-2: var(--rp-ui-kit-dark-e-100);--rp-ui-kit-color-disabled: var(--rp-ui-kit-dark-e-100);--rp-ui-kit-color-gray-hover: var(--rp-ui-kit-dark-e-50);--rp-ui-kit-opacity-default: 50%}._checkbox_1gq3p_1{display:inline-flex;align-items:center;padding-left:24px;color:var(--rp-ui-kit-color-text-2);border-color:var(--rp-ui-kit-color-text-2);font-family:var(--rp-ui-kit-font-family-base);font-weight:500;font-size:13px;line-height:20px}._checkbox_1gq3p_1 ._disabled_1gq3p_12{opacity:var(--rp-ui-kit-opacity-default);pointer-events:none}._input_1gq3p_17{position:absolute;opacity:0;top:0;left:0}._control_1gq3p_24{position:absolute;width:16px;height:16px;border:1px solid var(--rp-ui-kit-e-200);border-radius:3px;margin-left:-24px;box-sizing:border-box;cursor:pointer}._input_1gq3p_17:checked+._control_1gq3p_24{border-color:var(--rp-ui-kit-color-primary);background-color:var(--rp-ui-kit-color-primary);background-repeat:no-repeat;background-position:center;background-image:url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 4.25L4.5 7.25L10.5 0.75' stroke='white' stroke-width='2'/%3E%3C/svg%3E")}._input_1gq3p_17:hover+._control_1gq3p_24{border-color:var(--rp-ui-kit-color-gray-hover)}._input_1gq3p_17:active:not(:disabled)+._control_1gq3p_24{border:2px solid var(--rp-ui-kit-color-primary-focused)}._input_1gq3p_17:checked:hover+._control_1gq3p_24{border-color:var(--rp-ui-kit-color-primary-hover);background-color:var(--rp-ui-kit-color-primary-hover);background-repeat:no-repeat;background-position:center;background-image:url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 4.25L4.5 7.25L10.5 0.75' stroke='white' stroke-width='2'/%3E%3C/svg%3E")}._input_1gq3p_17:checked:active:not(:disabled)+._control_1gq3p_24{border-color:var(--rp-ui-kit-color-primary-focused);background-color:var(--rp-ui-kit-color-primary-focused);background-repeat:no-repeat;background-position:center;background-image:url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 4.25L4.5 7.25L10.5 0.75' stroke='white' stroke-width='2'/%3E%3C/svg%3E")}._input_1gq3p_17:disabled+._control_1gq3p_24{border-color:var(--rp-ui-kit-color-disabled)}._input_1gq3p_17:checked:disabled+._control_1gq3p_24{border-color:var(--rp-ui-kit-color-primary);background-color:var(--rp-ui-kit-color-primary);background-repeat:no-repeat;background-position:center;background-image:url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 4.25L4.5 7.25L10.5 0.75' stroke='white' stroke-width='2'/%3E%3C/svg%3E");opacity:var(--rp-ui-kit-opacity-default);pointer-events:none}._input_1gq3p_17:focus+._control_1gq3p_24{border:2px solid var(--rp-ui-kit-color-primary-focused)}._children_1gq3p_78{cursor:pointer}._children_1gq3p_78 a{text-decoration:none;color:var(--rp-ui-kit-color-primary)}._children_1gq3p_78 a:focus,._children_1gq3p_78 a:focus-visible{outline:none;color:var(--rp-ui-kit-color-primary-focused);text-decoration:underline}._system-message_19dbq_1{min-height:85px;height:auto;width:100%;background:var(--rp-ui-kit-bg-000);border-radius:8px;box-shadow:var(--rp-ui-kit-shadow);display:flex;flex-direction:column;font-family:var(--rp-ui-kit-font-family-base)}._system-message_19dbq_1 ._stripes-info_19dbq_12{height:8px;border-radius:8px 8px 0 0;background-image:repeating-linear-gradient(45deg,var(--rp-ui-kit-sm-info-line-100),var(--rp-ui-kit-sm-info-line-100) 24px,var(--rp-ui-kit-e-200) 24px,var(--rp-ui-kit-e-200) 48px)}._system-message_19dbq_1 ._stripes-warning_19dbq_17{height:8px;border-radius:8px 8px 0 0;background-image:repeating-linear-gradient(45deg,var(--rp-ui-kit-sm-warning-line-100),var(--rp-ui-kit-sm-warning-line-100) 24px,var(--rp-ui-kit-sm-warning-line-200) 24px,var(--rp-ui-kit-sm-warning-line-200) 48px)}._system-message_19dbq_1 ._stripes-error_19dbq_22{height:8px;border-radius:8px 8px 0 0;background-image:repeating-linear-gradient(45deg,var(--rp-ui-kit-sm-error-line-100),var(--rp-ui-kit-sm-error-line-100) 24px,var(--rp-ui-kit-sm-error-line-200) 24px,var(--rp-ui-kit-sm-error-line-200) 48px)}._system-message_19dbq_1 ._text-container_19dbq_27{padding:12px 16px 16px}._system-message_19dbq_1 ._text-container_19dbq_27 ._message-header-info_19dbq_30{font-size:15px;line-height:24px;font-weight:500;color:var(--rp-ui-kit-e-400);text-transform:capitalize;margin-bottom:8px}._system-message_19dbq_1 ._text-container_19dbq_27 ._message-header-warning_19dbq_38{font-size:15px;line-height:24px;font-weight:500;color:var(--rp-ui-kit-sm-warning);text-transform:capitalize;margin-bottom:8px}._system-message_19dbq_1 ._text-container_19dbq_27 ._message-header-error_19dbq_46{font-size:15px;line-height:24px;font-weight:500;color:var(--rp-ui-kit-sm-error);text-transform:capitalize;margin-bottom:8px}._system-message_19dbq_1 ._text-container_19dbq_27 ._children_19dbq_54{text-indent:1px;color:var(--rp-ui-kit-color-text);font-weight:700;font-size:13px;line-height:20px}._system-message_19dbq_1 ._text-container_19dbq_27 p{margin-top:4px;max-width:780px;color:var(--rp-ui-kit-e-400);font-weight:400;font-size:12px;line-height:18px}._content-width_19dbq_70{max-width:max-content}._button_wutm5_1{display:inline-flex;justify-content:center;align-items:center;min-width:120px;height:36px;padding:9px 16px 7px;margin:0;outline:none;border-radius:3px;font-family:var(--rp-ui-kit-font-family-base);font-weight:500;font-size:13px;line-height:20px;cursor:pointer;box-sizing:border-box}._primary_wutm5_19{border:1px solid var(--rp-ui-kit-color-primary);background-color:var(--rp-ui-kit-color-primary);color:var(--rp-ui-kit-bg-000)}._primary_wutm5_19:hover:not(._disabled_wutm5_24){border:1px solid var(--rp-ui-kit-color-primary-hover);background-color:var(--rp-ui-kit-color-primary-hover)}._primary_wutm5_19:active:not(._disabled_wutm5_24){border:1px solid var(--rp-ui-kit-color-primary-pressed);background-color:var(--rp-ui-kit-color-primary-pressed)}._primary_wutm5_19:focus:not(._disabled_wutm5_24,:active){border:2px solid var(--rp-ui-kit-color-primary-focused)}._ghost_wutm5_36{border:1px solid var(--rp-ui-kit-color-primary);background-color:transparent;color:var(--rp-ui-kit-color-text)}._ghost_wutm5_36:hover:not(._disabled_wutm5_24){border:1px solid var(--rp-ui-kit-color-primary-hover)}._ghost_wutm5_36:active:not(._disabled_wutm5_24){border:1px solid var(--rp-ui-kit-color-primary-pressed)}._ghost_wutm5_36:focus:not(._disabled_wutm5_24,:active){border:2px solid var(--rp-ui-kit-color-primary-focused)}._danger_wutm5_51{border:1px solid var(--rp-ui-kit-color-error);background-color:var(--rp-ui-kit-color-error);color:var(--rp-ui-kit-bg-000)}._danger_wutm5_51:hover:not(._disabled_wutm5_24){opacity:.9}._danger_wutm5_51:active:not(._disabled_wutm5_24){border:1px solid var(--rp-ui-kit-color-error-pressed);background-color:var(--rp-ui-kit-color-error-pressed)}._danger_wutm5_51:focus:not(._disabled_wutm5_24,:active){border:2px solid var(--rp-ui-kit-color-error-focused)}._text_wutm5_67{min-width:auto;height:auto;border:0;padding:0;background:none;line-height:22px;color:var(--rp-ui-kit-color-primary-text)}._text_wutm5_67:hover:not(._disabled_wutm5_24){color:var(--rp-ui-kit-color-primary-hover)}._text_wutm5_67:hover:not(._disabled_wutm5_24) svg *{fill:var(--rp-ui-kit-color-primary-hover)}._text_wutm5_67:active:not(._disabled_wutm5_24){color:var(--rp-ui-kit-color-primary-pressed)}._text_wutm5_67:active:not(._disabled_wutm5_24) svg *{fill:var(--rp-ui-kit-color-primary-pressed)}._text_wutm5_67:focus:not(._disabled_wutm5_24,:active){color:var(--rp-ui-kit-color-primary-focused)}._text_wutm5_67:focus:not(._disabled_wutm5_24,:active) svg *{fill:var(--rp-ui-kit-color-primary-focused)}._text_wutm5_67 svg *{fill:var(--rp-ui-kit-color-primary-text)}._disabled_wutm5_24{opacity:var(--rp-ui-kit-opacity-default);cursor:default}._width-wide-content_wutm5_103{padding:9px 47px 7px;margin:0}._width-parent_wutm5_108{display:flex;width:100%}._icon_wutm5_113{display:inline-block;width:16px;height:16px}._icon-start_wutm5_119{margin:auto 8px auto 0}._icon-end_wutm5_123{margin:auto 0 auto 8px;order:1}._icon-container_11rxn_1,._icon-container-end_11rxn_1,._icon-container-start_11rxn_1{display:flex;justify-content:center;align-items:center;flex-shrink:0;width:22px;height:22px}._icon-container-start_11rxn_1{margin-right:4px}._icon-container-end_11rxn_1{margin-left:4px}._label_11rxn_18{display:block;margin-bottom:4px;font-family:var(--rp-ui-kit-font-family-base);font-weight:500;font-size:13px;line-height:20px;color:var(--rp-ui-kit-color-text)}._label_11rxn_18 ._asterisk_11rxn_27{position:absolute;top:-3px;color:var(--rp-ui-kit-e-300);padding-left:4px}._label_11rxn_18._disabled_11rxn_33{opacity:.3}._field_11rxn_37{display:flex;align-items:center;height:36px;width:100%;padding:7px 12px;box-sizing:border-box;border:1px solid var(--rp-ui-kit-e-200);border-radius:3px;background-color:var(--rp-ui-kit-bg-000)}._field_11rxn_37:hover:not(._disabled_11rxn_33){border-color:var(--rp-ui-kit-e-300)}._field_11rxn_37:focus-within:not(._error_11rxn_51._touched_11rxn_51){padding:6px 11px;border:2px solid var(--rp-ui-kit-color-primary-focused)}._field_11rxn_37._error_11rxn_51._touched_11rxn_51{border-color:var(--rp-ui-kit-error)}._field_11rxn_37._disabled_11rxn_33{opacity:.3}._field_11rxn_37._default-width_11rxn_61{width:240px}._input-container_11rxn_65{position:relative;width:100%}._input_11rxn_65{font-size:13px;line-height:20px;font-family:var(--rp-ui-kit-font-family-base);font-weight:400;width:100%;margin:2px 0 0;padding:0;border:none;background:transparent;overflow:hidden;text-overflow:ellipsis;color:var(--rp-ui-kit-color-text)}._input_11rxn_65:focus{outline:none}._placeholder_11rxn_88{font-size:13px;line-height:20px;font-family:var(--rp-ui-kit-font-family-base);font-weight:400;color:var(--rp-ui-kit-dark-e-200);position:absolute;top:2px;left:0;pointer-events:none}._placeholder_11rxn_88 ._asterisk_11rxn_27:after{position:absolute;top:-3px;color:var(--rp-ui-kit-e-300);right:-7px;content:"*";color:var(--rp-ui-kit-error-focused)}._icon_11rxn_1,._clear-icon_11rxn_108{display:inline-block;width:16px;height:16px}._clear-icon_11rxn_108{background:none;border:none;padding:0;font:inherit;outline:inherit;cursor:pointer}._clear-icon_11rxn_108._disabled_11rxn_33{pointer-events:none}._clear-icon_11rxn_108:hover svg{fill:var(--rp-ui-kit-e-400)}._clear-icon_11rxn_108:hover svg>rect{fill:var(--rp-ui-kit-e-400)}._clear-icon_11rxn_108:focus svg{fill:var(--rp-ui-kit-color-primary-focused)}._clear-icon_11rxn_108:focus svg>rect{fill:var(--rp-ui-kit-color-primary-focused)}._clear-icon_11rxn_108:active svg{fill:var(--rp-ui-kit-color-primary-pressed)}._clear-icon_11rxn_108:active svg>rect{fill:var(--rp-ui-kit-color-primary-pressed)}._additional-content_11rxn_144{margin-top:4px}._additional-content_11rxn_144._disabled_11rxn_33{pointer-events:none}._text_11rxn_151{font-size:11px;line-height:16px;font-family:var(--rp-ui-kit-font-family-base);font-weight:400;display:block}._error-text_11rxn_159{color:var(--rp-ui-kit-error)}._help-text_11rxn_163{color:var(--rp-ui-kit-dark-e-300)}._modal-content_xak18_1{width:calc(100% - 34px);margin-top:13px;font-family:var(--rp-ui-kit-font-family-base);font-weight:400;font-size:13px;line-height:20px;color:var(--rp-ui-kit-color-text);white-space:pre-line;word-break:break-word}._buttons-block_1dgm4_1{white-space:nowrap}._button-container_1dgm4_5{display:inline-block;min-width:70px;margin-right:10px}._button-container_1dgm4_5:last-child{margin-right:0}._modal-footer_1dgm4_14{position:relative;display:flex;justify-content:flex-end;width:100%;margin-top:16px}._modal-footer_1dgm4_14._with-extra-node_1dgm4_21{justify-content:space-between}._size-small_1dgm4_25{flex-direction:column;align-items:stretch}._size-small_1dgm4_25 ._buttons-block_1dgm4_1{display:flex;flex-direction:column;align-items:stretch}._size-small_1dgm4_25 ._button-container_1dgm4_5{margin:0 0 10px}._size-small_1dgm4_25 ._button-container_1dgm4_5:last-child{margin-bottom:0}._modal-header_12y1g_1{position:relative;font-family:var(--rp-ui-kit-font-family-base);font-weight:400;font-size:20px;line-height:31px;color:var(--rp-ui-kit-color-text);padding-bottom:24px}._modal-header-content_12y1g_11{display:flex;justify-content:stretch;align-items:center;width:100%;padding-right:30px;box-sizing:border-box}._modal-title_12y1g_20{flex-grow:1;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}._close-modal-icon_12y1g_28{position:absolute;top:6px;right:0;display:block;width:16px;height:16px;line-height:normal;cursor:pointer}._close-modal-icon_12y1g_28:hover svg{fill:var(--rp-ui-kit-e-400)}._close-modal-icon_12y1g_28:active svg{fill:var(--rp-ui-kit-color-primary-pressed)}._modal_10zov_1{position:absolute;top:0;left:0;display:block;width:100%;height:100%;text-align:center}._overlay-default_10zov_11{background-color:rgba(var(--rp-ui-kit-e-400),.35);z-index:2}._overlay-light-cyan_10zov_16{background-color:rgba(var(--rp-ui-kit-light-cyan),.7);z-index:2}._scrolling-content_10zov_21{position:fixed;width:100%;height:100%;z-index:2}._modal-window_10zov_28{position:absolute;left:50%;transform:translate(-50%);display:inline-block;margin-bottom:10px;padding:32px 48px;box-sizing:border-box;background-color:var(--rp-ui-kit-bg-100);text-align:left;border-radius:16px;box-shadow:var(--rp-ui-kit-shadow-secondary);opacity:1;outline:none;max-height:90%}._size-default_10zov_45{width:480px}@media (max-width: 480px){._size-default_10zov_45{right:10px;left:10px;transform:none;width:auto}}._size-small_10zov_57{width:320px}@media (max-width: 320px){._size-small_10zov_57{right:10px;left:10px;transform:none;width:auto}}._size-large_10zov_69{width:720px}@media (max-width: 720px){._size-large_10zov_69{right:10px;left:10px;transform:none;width:auto}}
1
+ @font-face{font-family:Roboto;font-weight:400;font-display:swap;font-style:normal;src:local("Roboto Regular"),local("Roboto-Regular"),url(./fonts/Roboto/Roboto-Regular.ttf) format("truetype")}@font-face{font-family:Roboto;font-weight:500;font-display:swap;font-style:normal;src:local("Roboto Medium"),local("Roboto-Medium"),url(./fonts/Roboto/Roboto-Medium.ttf) format("truetype")}@font-face{font-family:Roboto;font-weight:700;font-display:swap;font-style:normal;src:local("Roboto-Bold"),local("Roboto-Bold"),url(./fonts/Roboto/Roboto-Bold.ttf) format("truetype")}@font-face{font-family:OpenSans;font-weight:300;font-display:swap;font-style:normal;src:local("Open Sans Light"),local("OpenSans-Light"),url(./fonts/OpenSans/OpenSans-Light.ttf) format("truetype")}@font-face{font-family:OpenSans;font-weight:400;font-display:swap;font-style:normal;src:local("Open Sans Regular"),local("OpenSans-Regular"),url(./fonts/OpenSans/OpenSans-Regular.ttf) format("truetype")}@font-face{font-family:OpenSans;font-weight:600;font-display:swap;font-style:normal;src:local("Open Sans Semibold"),local("OpenSans-Semibold"),url(./fonts/OpenSans/OpenSans-Semibold.ttf) format("truetype")}:root{--rp-ui-kit-bg-000: #ffffff;--rp-ui-kit-bg-100: #f7f7f8;--rp-ui-kit-bg-200: #eceff4;--rp-ui-kit-error: #dc5959;--rp-ui-kit-error-hover: #f24a4a;--rp-ui-kit-error-pressed: #c54141;--rp-ui-kit-error-focused: #ffb1b1;--rp-ui-kit-topaz: #00829b;--rp-ui-kit-topaz-hover: #009dbb;--rp-ui-kit-topaz-focused: #00b0d1;--rp-ui-kit-topaz-pressed: #00758c;--rp-ui-kit-almost-black: #3f3f3f;--rp-ui-kit-e-100: #e3e7ec;--rp-ui-kit-e-200: #c1c7d0;--rp-ui-kit-e-300: #a2aab5;--rp-ui-kit-e-400: #8d95a1;--rp-ui-kit-dark-topaz-main: #1a9cb0;--rp-ui-kit-dark-topaz-hover: #1cb0c7;--rp-ui-kit-dark-topaz-focused: #1dbdd6;--rp-ui-kit-dark-topaz-pressed: #9ee7f2;--rp-ui-kit-dark-topaz-text: #3abcd0;--rp-ui-kit-dark-topaz-additional: #00505d;--rp-ui-kit-dark-e-50: #e8e8e8;--rp-ui-kit-dark-e-100: #cfcfcf;--rp-ui-kit-dark-e-150: #8f8f8f;--rp-ui-kit-dark-e-200: #626262;--rp-ui-kit-dark-e-300: #383838;--rp-ui-kit-dark-e-400: #262626;--rp-ui-kit-dark-e-500: #222222;--rp-ui-kit-sm-warning: #d78706;--rp-ui-kit-sm-warning-line-100: #fceecb;--rp-ui-kit-sm-warning-line-200: #fbe7b6;--rp-ui-kit-sm-error: #db3549;--rp-ui-kit-sm-error-line-100: #fccbcb;--rp-ui-kit-sm-error-line-200: #ffc0bd;--rp-ui-kit-sm-info-line-100: #ced3db;--rp-ui-kit-defect-type-AB: #ffc208;--rp-ui-kit-darkmode-bg: #101010;--rp-ui-kit-darkmode-bg-solid-98: #141414;--rp-ui-kit-darkmode-error-default: #ff4040;--rp-ui-kit-darkmode-error-text: #ff6666;--rp-ui-kit-darkmode-fatal: #c2352b;--rp-ui-kit-darkmode-error: #ff3222;--rp-ui-kit-tag-value-text: #394db6;--rp-ui-kit-tag-value-background: #ced8fc;--rp-ui-kit-tag-key-text: #6f4599;--rp-ui-kit-tag-key-background: #dac3e6;--rp-ui-kit-system-issue-group: #3e7be6;--rp-ui-kit-product-bug-group: #d32f2f;--rp-ui-kit-automation-bug-group: #ffc208;--rp-ui-kit-no-defect-bug-group: #76839b;--rp-ui-kit-test-execution-status-passed: #3aa76d;--rp-ui-kit-shadow: 0px 1px 3px rgba(55, 67, 98, .1);--rp-ui-kit-shadow-hover: 0px 1px 3px rgba(55, 67, 98, .2);--rp-ui-kit-shadow-secondary: 0 8px 40px rgba(0, 0, 0, .15);--rp-ui-kit-overlay: rgba(141, 149, 161, .35);--rp-ui-kit-overlay-light-cyan: rgba(208, 240, 241, .7);--rp-ui-kit-font-family-base: Roboto, Arial, Helvetica, sans-serif;--rp-ui-kit-font-family-heading: OpenSans, Segoe UI, Tahoma, sans-serif;--rp-ui-kit-color-primary: var(--rp-ui-kit-topaz);--rp-ui-kit-color-primary-hover: var(--rp-ui-kit-topaz-hover);--rp-ui-kit-color-primary-focused: var(--rp-ui-kit-topaz-focused);--rp-ui-kit-color-primary-pressed: var(--rp-ui-kit-topaz-pressed);--rp-ui-kit-color-primary-text: var(--rp-ui-kit-topaz);--rp-ui-kit-color-error: var(--rp-ui-kit-error);--rp-ui-kit-color-error-hover: var(--rp-ui-kit-error-hover);--rp-ui-kit-color-error-pressed: var(--rp-ui-kit-error-pressed);--rp-ui-kit-color-error-focused: var(--rp-ui-kit-error-focused);--rp-ui-kit-color-text: var(--rp-ui-kit-almost-black);--rp-ui-kit-color-text-2: var(--rp-ui-kit-almost-black);--rp-ui-kit-color-disabled: var(--rp-ui-kit-e-200);--rp-ui-kit-color-gray-hover: var(--rp-ui-kit-e-400);--rp-ui-kit-opacity-default: 30%}.rp-ui-kit-theme-light{--rp-ui-kit-color-primary: var(--rp-ui-kit-topaz);--rp-ui-kit-color-primary-hover: var(--rp-ui-kit-topaz-hover);--rp-ui-kit-color-primary-focused: var(--rp-ui-kit-topaz-focused);--rp-ui-kit-color-primary-pressed: var(--rp-ui-kit-topaz-pressed);--rp-ui-kit-color-primary-text: var(--rp-ui-kit-topaz);--rp-ui-kit-color-error: var(--rp-ui-kit-error);--rp-ui-kit-color-error-hover: var(--rp-ui-kit-error-hover);--rp-ui-kit-color-error-pressed: var(--rp-ui-kit-error-pressed);--rp-ui-kit-color-error-focused: var(--rp-ui-kit-error-focused);--rp-ui-kit-color-text: var(--rp-ui-kit-almost-black);--rp-ui-kit-color-text-2: var(--rp-ui-kit-almost-black);--rp-ui-kit-color-disabled: var(--rp-ui-kit-e-200);--rp-ui-kit-color-gray-hover: var(--rp-ui-kit-e-400);--rp-ui-kit-opacity-default: 30%}.rp-ui-kit-theme-dark{--rp-ui-kit-color-primary: var(--rp-ui-kit-dark-topaz-main);--rp-ui-kit-color-primary-hover: var(--rp-ui-kit-dark-topaz-hover);--rp-ui-kit-color-primary-focused: var(--rp-ui-kit-dark-topaz-focused);--rp-ui-kit-color-primary-pressed: var(--rp-ui-kit-dark-topaz-pressed);--rp-ui-kit-color-primary-text: var(--rp-ui-kit-dark-topaz-text);--rp-ui-kit-color-error: var(--rp-ui-kit-error);--rp-ui-kit-color-error-hover: var(--rp-ui-kit-error-hover);--rp-ui-kit-color-error-pressed: var(--rp-ui-kit-error-pressed);--rp-ui-kit-color-error-focused: var(--rp-ui-kit-error-focused);--rp-ui-kit-color-text: var(--rp-ui-kit-dark-e-50);--rp-ui-kit-color-text-2: var(--rp-ui-kit-dark-e-100);--rp-ui-kit-color-disabled: var(--rp-ui-kit-dark-e-100);--rp-ui-kit-color-gray-hover: var(--rp-ui-kit-dark-e-50);--rp-ui-kit-opacity-default: 50%}._checkbox_1gq3p_1{display:inline-flex;align-items:center;padding-left:24px;color:var(--rp-ui-kit-color-text-2);border-color:var(--rp-ui-kit-color-text-2);font-family:var(--rp-ui-kit-font-family-base);font-weight:500;font-size:13px;line-height:20px}._checkbox_1gq3p_1 ._disabled_1gq3p_12{opacity:var(--rp-ui-kit-opacity-default);pointer-events:none}._input_1gq3p_17{position:absolute;opacity:0;top:0;left:0}._control_1gq3p_24{position:absolute;width:16px;height:16px;border:1px solid var(--rp-ui-kit-e-200);border-radius:3px;margin-left:-24px;box-sizing:border-box;cursor:pointer}._input_1gq3p_17:checked+._control_1gq3p_24{border-color:var(--rp-ui-kit-color-primary);background-color:var(--rp-ui-kit-color-primary);background-repeat:no-repeat;background-position:center;background-image:url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 4.25L4.5 7.25L10.5 0.75' stroke='white' stroke-width='2'/%3E%3C/svg%3E")}._input_1gq3p_17:hover+._control_1gq3p_24{border-color:var(--rp-ui-kit-color-gray-hover)}._input_1gq3p_17:active:not(:disabled)+._control_1gq3p_24{border:2px solid var(--rp-ui-kit-color-primary-focused)}._input_1gq3p_17:checked:hover+._control_1gq3p_24{border-color:var(--rp-ui-kit-color-primary-hover);background-color:var(--rp-ui-kit-color-primary-hover);background-repeat:no-repeat;background-position:center;background-image:url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 4.25L4.5 7.25L10.5 0.75' stroke='white' stroke-width='2'/%3E%3C/svg%3E")}._input_1gq3p_17:checked:active:not(:disabled)+._control_1gq3p_24{border-color:var(--rp-ui-kit-color-primary-focused);background-color:var(--rp-ui-kit-color-primary-focused);background-repeat:no-repeat;background-position:center;background-image:url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 4.25L4.5 7.25L10.5 0.75' stroke='white' stroke-width='2'/%3E%3C/svg%3E")}._input_1gq3p_17:disabled+._control_1gq3p_24{border-color:var(--rp-ui-kit-color-disabled)}._input_1gq3p_17:checked:disabled+._control_1gq3p_24{border-color:var(--rp-ui-kit-color-primary);background-color:var(--rp-ui-kit-color-primary);background-repeat:no-repeat;background-position:center;background-image:url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 4.25L4.5 7.25L10.5 0.75' stroke='white' stroke-width='2'/%3E%3C/svg%3E");opacity:var(--rp-ui-kit-opacity-default);pointer-events:none}._input_1gq3p_17:focus+._control_1gq3p_24{border:2px solid var(--rp-ui-kit-color-primary-focused)}._children_1gq3p_78{cursor:pointer}._children_1gq3p_78 a{text-decoration:none;color:var(--rp-ui-kit-color-primary)}._children_1gq3p_78 a:focus,._children_1gq3p_78 a:focus-visible{outline:none;color:var(--rp-ui-kit-color-primary-focused);text-decoration:underline}._system-message_19dbq_1{min-height:85px;height:auto;width:100%;background:var(--rp-ui-kit-bg-000);border-radius:8px;box-shadow:var(--rp-ui-kit-shadow);display:flex;flex-direction:column;font-family:var(--rp-ui-kit-font-family-base)}._system-message_19dbq_1 ._stripes-info_19dbq_12{height:8px;border-radius:8px 8px 0 0;background-image:repeating-linear-gradient(45deg,var(--rp-ui-kit-sm-info-line-100),var(--rp-ui-kit-sm-info-line-100) 24px,var(--rp-ui-kit-e-200) 24px,var(--rp-ui-kit-e-200) 48px)}._system-message_19dbq_1 ._stripes-warning_19dbq_17{height:8px;border-radius:8px 8px 0 0;background-image:repeating-linear-gradient(45deg,var(--rp-ui-kit-sm-warning-line-100),var(--rp-ui-kit-sm-warning-line-100) 24px,var(--rp-ui-kit-sm-warning-line-200) 24px,var(--rp-ui-kit-sm-warning-line-200) 48px)}._system-message_19dbq_1 ._stripes-error_19dbq_22{height:8px;border-radius:8px 8px 0 0;background-image:repeating-linear-gradient(45deg,var(--rp-ui-kit-sm-error-line-100),var(--rp-ui-kit-sm-error-line-100) 24px,var(--rp-ui-kit-sm-error-line-200) 24px,var(--rp-ui-kit-sm-error-line-200) 48px)}._system-message_19dbq_1 ._text-container_19dbq_27{padding:12px 16px 16px}._system-message_19dbq_1 ._text-container_19dbq_27 ._message-header-info_19dbq_30{font-size:15px;line-height:24px;font-weight:500;color:var(--rp-ui-kit-e-400);text-transform:capitalize;margin-bottom:8px}._system-message_19dbq_1 ._text-container_19dbq_27 ._message-header-warning_19dbq_38{font-size:15px;line-height:24px;font-weight:500;color:var(--rp-ui-kit-sm-warning);text-transform:capitalize;margin-bottom:8px}._system-message_19dbq_1 ._text-container_19dbq_27 ._message-header-error_19dbq_46{font-size:15px;line-height:24px;font-weight:500;color:var(--rp-ui-kit-sm-error);text-transform:capitalize;margin-bottom:8px}._system-message_19dbq_1 ._text-container_19dbq_27 ._children_19dbq_54{text-indent:1px;color:var(--rp-ui-kit-color-text);font-weight:700;font-size:13px;line-height:20px}._system-message_19dbq_1 ._text-container_19dbq_27 p{margin-top:4px;max-width:780px;color:var(--rp-ui-kit-e-400);font-weight:400;font-size:12px;line-height:18px}._content-width_19dbq_70{max-width:max-content}._button_wutm5_1{display:inline-flex;justify-content:center;align-items:center;min-width:120px;height:36px;padding:9px 16px 7px;margin:0;outline:none;border-radius:3px;font-family:var(--rp-ui-kit-font-family-base);font-weight:500;font-size:13px;line-height:20px;cursor:pointer;box-sizing:border-box}._primary_wutm5_19{border:1px solid var(--rp-ui-kit-color-primary);background-color:var(--rp-ui-kit-color-primary);color:var(--rp-ui-kit-bg-000)}._primary_wutm5_19:hover:not(._disabled_wutm5_24){border:1px solid var(--rp-ui-kit-color-primary-hover);background-color:var(--rp-ui-kit-color-primary-hover)}._primary_wutm5_19:active:not(._disabled_wutm5_24){border:1px solid var(--rp-ui-kit-color-primary-pressed);background-color:var(--rp-ui-kit-color-primary-pressed)}._primary_wutm5_19:focus:not(._disabled_wutm5_24,:active){border:2px solid var(--rp-ui-kit-color-primary-focused)}._ghost_wutm5_36{border:1px solid var(--rp-ui-kit-color-primary);background-color:transparent;color:var(--rp-ui-kit-color-text)}._ghost_wutm5_36:hover:not(._disabled_wutm5_24){border:1px solid var(--rp-ui-kit-color-primary-hover)}._ghost_wutm5_36:active:not(._disabled_wutm5_24){border:1px solid var(--rp-ui-kit-color-primary-pressed)}._ghost_wutm5_36:focus:not(._disabled_wutm5_24,:active){border:2px solid var(--rp-ui-kit-color-primary-focused)}._danger_wutm5_51{border:1px solid var(--rp-ui-kit-color-error);background-color:var(--rp-ui-kit-color-error);color:var(--rp-ui-kit-bg-000)}._danger_wutm5_51:hover:not(._disabled_wutm5_24){opacity:.9}._danger_wutm5_51:active:not(._disabled_wutm5_24){border:1px solid var(--rp-ui-kit-color-error-pressed);background-color:var(--rp-ui-kit-color-error-pressed)}._danger_wutm5_51:focus:not(._disabled_wutm5_24,:active){border:2px solid var(--rp-ui-kit-color-error-focused)}._text_wutm5_67{min-width:auto;height:auto;border:0;padding:0;background:none;line-height:22px;color:var(--rp-ui-kit-color-primary-text)}._text_wutm5_67:hover:not(._disabled_wutm5_24){color:var(--rp-ui-kit-color-primary-hover)}._text_wutm5_67:hover:not(._disabled_wutm5_24) svg *{fill:var(--rp-ui-kit-color-primary-hover)}._text_wutm5_67:active:not(._disabled_wutm5_24){color:var(--rp-ui-kit-color-primary-pressed)}._text_wutm5_67:active:not(._disabled_wutm5_24) svg *{fill:var(--rp-ui-kit-color-primary-pressed)}._text_wutm5_67:focus:not(._disabled_wutm5_24,:active){color:var(--rp-ui-kit-color-primary-focused)}._text_wutm5_67:focus:not(._disabled_wutm5_24,:active) svg *{fill:var(--rp-ui-kit-color-primary-focused)}._text_wutm5_67 svg *{fill:var(--rp-ui-kit-color-primary-text)}._disabled_wutm5_24{opacity:var(--rp-ui-kit-opacity-default);cursor:default}._width-wide-content_wutm5_103{padding:9px 47px 7px;margin:0}._width-parent_wutm5_108{display:flex;width:100%}._icon_wutm5_113{display:inline-block;width:16px;height:16px}._icon-start_wutm5_119{margin:auto 8px auto 0}._icon-end_wutm5_123{margin:auto 0 auto 8px;order:1}._icon-container_11rxn_1,._icon-container-end_11rxn_1,._icon-container-start_11rxn_1{display:flex;justify-content:center;align-items:center;flex-shrink:0;width:22px;height:22px}._icon-container-start_11rxn_1{margin-right:4px}._icon-container-end_11rxn_1{margin-left:4px}._label_11rxn_18{display:block;margin-bottom:4px;font-family:var(--rp-ui-kit-font-family-base);font-weight:500;font-size:13px;line-height:20px;color:var(--rp-ui-kit-color-text)}._label_11rxn_18 ._asterisk_11rxn_27{position:absolute;top:-3px;color:var(--rp-ui-kit-e-300);padding-left:4px}._label_11rxn_18._disabled_11rxn_33{opacity:.3}._field_11rxn_37{display:flex;align-items:center;height:36px;width:100%;padding:7px 12px;box-sizing:border-box;border:1px solid var(--rp-ui-kit-e-200);border-radius:3px;background-color:var(--rp-ui-kit-bg-000)}._field_11rxn_37:hover:not(._disabled_11rxn_33){border-color:var(--rp-ui-kit-e-300)}._field_11rxn_37:focus-within:not(._error_11rxn_51._touched_11rxn_51){padding:6px 11px;border:2px solid var(--rp-ui-kit-color-primary-focused)}._field_11rxn_37._error_11rxn_51._touched_11rxn_51{border-color:var(--rp-ui-kit-error)}._field_11rxn_37._disabled_11rxn_33{opacity:.3}._field_11rxn_37._default-width_11rxn_61{width:240px}._input-container_11rxn_65{position:relative;width:100%}._input_11rxn_65{font-size:13px;line-height:20px;font-family:var(--rp-ui-kit-font-family-base);font-weight:400;width:100%;margin:2px 0 0;padding:0;border:none;background:transparent;overflow:hidden;text-overflow:ellipsis;color:var(--rp-ui-kit-color-text)}._input_11rxn_65:focus{outline:none}._placeholder_11rxn_88{font-size:13px;line-height:20px;font-family:var(--rp-ui-kit-font-family-base);font-weight:400;color:var(--rp-ui-kit-dark-e-200);position:absolute;top:2px;left:0;pointer-events:none}._placeholder_11rxn_88 ._asterisk_11rxn_27:after{position:absolute;top:-3px;color:var(--rp-ui-kit-e-300);right:-7px;content:"*";color:var(--rp-ui-kit-error-focused)}._icon_11rxn_1,._clear-icon_11rxn_108{display:inline-block;width:16px;height:16px}._clear-icon_11rxn_108{background:none;border:none;padding:0;font:inherit;outline:inherit;cursor:pointer}._clear-icon_11rxn_108._disabled_11rxn_33{pointer-events:none}._clear-icon_11rxn_108:hover svg{fill:var(--rp-ui-kit-e-400)}._clear-icon_11rxn_108:hover svg>rect{fill:var(--rp-ui-kit-e-400)}._clear-icon_11rxn_108:focus svg{fill:var(--rp-ui-kit-color-primary-focused)}._clear-icon_11rxn_108:focus svg>rect{fill:var(--rp-ui-kit-color-primary-focused)}._clear-icon_11rxn_108:active svg{fill:var(--rp-ui-kit-color-primary-pressed)}._clear-icon_11rxn_108:active svg>rect{fill:var(--rp-ui-kit-color-primary-pressed)}._additional-content_11rxn_144{margin-top:4px}._additional-content_11rxn_144._disabled_11rxn_33{pointer-events:none}._text_11rxn_151{font-size:11px;line-height:16px;font-family:var(--rp-ui-kit-font-family-base);font-weight:400;display:block}._error-text_11rxn_159{color:var(--rp-ui-kit-error)}._help-text_11rxn_163{color:var(--rp-ui-kit-dark-e-300)}._modal-content_xak18_1{width:calc(100% - 34px);margin-top:13px;font-family:var(--rp-ui-kit-font-family-base);font-weight:400;font-size:13px;line-height:20px;color:var(--rp-ui-kit-color-text);white-space:pre-line;word-break:break-word}._buttons-block_1dgm4_1{white-space:nowrap}._button-container_1dgm4_5{display:inline-block;min-width:70px;margin-right:10px}._button-container_1dgm4_5:last-child{margin-right:0}._modal-footer_1dgm4_14{position:relative;display:flex;justify-content:flex-end;width:100%;margin-top:16px}._modal-footer_1dgm4_14._with-extra-node_1dgm4_21{justify-content:space-between}._size-small_1dgm4_25{flex-direction:column;align-items:stretch}._size-small_1dgm4_25 ._buttons-block_1dgm4_1{display:flex;flex-direction:column;align-items:stretch}._size-small_1dgm4_25 ._button-container_1dgm4_5{margin:0 0 10px}._size-small_1dgm4_25 ._button-container_1dgm4_5:last-child{margin-bottom:0}._modal-header_12y1g_1{position:relative;font-family:var(--rp-ui-kit-font-family-base);font-weight:400;font-size:20px;line-height:31px;color:var(--rp-ui-kit-color-text);padding-bottom:24px}._modal-header-content_12y1g_11{display:flex;justify-content:stretch;align-items:center;width:100%;padding-right:30px;box-sizing:border-box}._modal-title_12y1g_20{flex-grow:1;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}._close-modal-icon_12y1g_28{position:absolute;top:6px;right:0;display:block;width:16px;height:16px;line-height:normal;cursor:pointer}._close-modal-icon_12y1g_28:hover svg{fill:var(--rp-ui-kit-e-400)}._close-modal-icon_12y1g_28:active svg{fill:var(--rp-ui-kit-color-primary-pressed)}._modal_8a5l_1{position:absolute;top:0;left:0;display:block;width:100%;height:100%;text-align:center}._overlay-default_8a5l_11{background-color:var(--rp-ui-kit-overlay);z-index:2}._overlay-light-cyan_8a5l_16{background-color:var(--rp-ui-kit-overlay-light-cyan);z-index:2}._scrolling-content_8a5l_21{position:fixed;width:100%;height:100%;z-index:2}._modal-window_8a5l_28{position:absolute;left:50%;transform:translate(-50%);display:inline-block;margin-bottom:10px;padding:32px 48px;box-sizing:border-box;background-color:var(--rp-ui-kit-bg-100);text-align:left;border-radius:16px;box-shadow:var(--rp-ui-kit-shadow-secondary);opacity:1;outline:none;max-height:90%}._size-default_8a5l_45{width:480px}@media (max-width: 480px){._size-default_8a5l_45{right:10px;left:10px;transform:none;width:auto}}._size-small_8a5l_57{width:320px}@media (max-width: 320px){._size-small_8a5l_57{right:10px;left:10px;transform:none;width:auto}}._size-large_8a5l_69{width:720px}@media (max-width: 720px){._size-large_8a5l_69{right:10px;left:10px;transform:none;width:auto}}
package/package.json CHANGED
@@ -1,66 +1,66 @@
1
- {
2
- "name": "@reportportal/ui-kit",
3
- "version": "0.0.1-alpha.4",
4
- "type": "module",
5
- "scripts": {
6
- "dev": "storybook dev -p 6006",
7
- "build": "tsc && vite build",
8
- "build:storybook": "storybook build",
9
- "lint": "eslint \"src/**/*.{js,jsx,ts,tsx}\"",
10
- "format": "npm run lint -- --fix",
11
- "prepare": "husky install"
12
- },
13
- "files": [
14
- "dist"
15
- ],
16
- "main": "./dist/index.js",
17
- "module": "./dist/index.js",
18
- "types": "./dist/components/index.d.ts",
19
- "peerDependencies": {
20
- "react": "17.x-18.x",
21
- "react-dom": "17.x-18.x"
22
- },
23
- "dependencies": {
24
- "classnames": "^2.3.2",
25
- "framer-motion": "^10.15.2",
26
- "rc-scrollbars": "^1.1.6"
27
- },
28
- "devDependencies": {
29
- "@storybook/addon-essentials": "^7.2.0",
30
- "@storybook/addon-interactions": "^7.2.0",
31
- "@storybook/addon-links": "^7.2.0",
32
- "@storybook/addon-onboarding": "^1.0.8",
33
- "@storybook/blocks": "^7.2.0",
34
- "@storybook/react": "^7.2.0",
35
- "@storybook/react-vite": "^7.2.0",
36
- "@storybook/testing-library": "^0.2.0",
37
- "@types/node": "^20.4.5",
38
- "@types/react": "^18.2.20",
39
- "@types/react-dom": "^18.2.7",
40
- "@typescript-eslint/eslint-plugin": "^5.62.0",
41
- "@typescript-eslint/parser": "^5.62.0",
42
- "@vitejs/plugin-react": "^4.0.3",
43
- "eslint": "^8.46.0",
44
- "eslint-config-airbnb-typescript": "^15.0.0",
45
- "eslint-config-prettier": "^8.10.0",
46
- "eslint-import-resolver-typescript": "^3.6.0",
47
- "eslint-plugin-import": "^2.28.0",
48
- "eslint-plugin-prettier": "^5.0.0",
49
- "eslint-plugin-react": "^7.33.1",
50
- "eslint-plugin-react-hooks": "^4.6.0",
51
- "eslint-plugin-react-refresh": "^0.4.3",
52
- "eslint-plugin-storybook": "^0.6.13",
53
- "husky": "^8.0.3",
54
- "lint-staged": "^13.2.3",
55
- "prettier": "^3.0.1",
56
- "react": "18.2.0",
57
- "react-dom": "18.2.0",
58
- "sass": "^1.64.1",
59
- "storybook": "^7.2.2",
60
- "typescript": "^5.0.2",
61
- "vite": "^4.4.5",
62
- "vite-plugin-dts": "^3.4.0",
63
- "vite-plugin-svgr": "^3.2.0",
64
- "vite-tsconfig-paths": "^4.2.0"
65
- }
66
- }
1
+ {
2
+ "name": "@reportportal/ui-kit",
3
+ "version": "0.0.1-alpha.5",
4
+ "type": "module",
5
+ "scripts": {
6
+ "dev": "storybook dev -p 6006",
7
+ "build": "tsc && vite build",
8
+ "build:storybook": "storybook build",
9
+ "lint": "eslint \"src/**/*.{js,jsx,ts,tsx}\"",
10
+ "format": "npm run lint -- --fix",
11
+ "prepare": "husky install"
12
+ },
13
+ "files": [
14
+ "dist"
15
+ ],
16
+ "main": "./dist/index.js",
17
+ "module": "./dist/index.js",
18
+ "types": "./dist/components/index.d.ts",
19
+ "peerDependencies": {
20
+ "react": "17.x-18.x",
21
+ "react-dom": "17.x-18.x"
22
+ },
23
+ "dependencies": {
24
+ "classnames": "^2.3.2",
25
+ "framer-motion": "^10.15.2",
26
+ "rc-scrollbars": "^1.1.6"
27
+ },
28
+ "devDependencies": {
29
+ "@storybook/addon-essentials": "^7.2.0",
30
+ "@storybook/addon-interactions": "^7.2.0",
31
+ "@storybook/addon-links": "^7.2.0",
32
+ "@storybook/addon-onboarding": "^1.0.8",
33
+ "@storybook/blocks": "^7.2.0",
34
+ "@storybook/react": "^7.2.0",
35
+ "@storybook/react-vite": "^7.2.0",
36
+ "@storybook/testing-library": "^0.2.0",
37
+ "@types/node": "^20.4.5",
38
+ "@types/react": "^18.2.20",
39
+ "@types/react-dom": "^18.2.7",
40
+ "@typescript-eslint/eslint-plugin": "^5.62.0",
41
+ "@typescript-eslint/parser": "^5.62.0",
42
+ "@vitejs/plugin-react": "^4.0.3",
43
+ "eslint": "^8.46.0",
44
+ "eslint-config-airbnb-typescript": "^15.0.0",
45
+ "eslint-config-prettier": "^8.10.0",
46
+ "eslint-import-resolver-typescript": "^3.6.0",
47
+ "eslint-plugin-import": "^2.28.0",
48
+ "eslint-plugin-prettier": "^5.0.0",
49
+ "eslint-plugin-react": "^7.33.1",
50
+ "eslint-plugin-react-hooks": "^4.6.0",
51
+ "eslint-plugin-react-refresh": "^0.4.3",
52
+ "eslint-plugin-storybook": "^0.6.13",
53
+ "husky": "^8.0.3",
54
+ "lint-staged": "^13.2.3",
55
+ "prettier": "^3.0.1",
56
+ "react": "18.2.0",
57
+ "react-dom": "18.2.0",
58
+ "sass": "^1.64.1",
59
+ "storybook": "^7.2.2",
60
+ "typescript": "^5.0.2",
61
+ "vite": "^4.4.5",
62
+ "vite-plugin-dts": "^3.4.0",
63
+ "vite-plugin-svgr": "^3.2.0",
64
+ "vite-tsconfig-paths": "^4.2.0"
65
+ }
66
+ }