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

package/dist/style.css

@@ -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-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-bg-100: #f7f7f8;--rp-ui-kit-bg-200: #eceff4;--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-item-shadow: 0px 1px 3px rgba(55, 67, 98, .1);--rp-ui-kit-item-shadow-hover: 0px 1px 3px rgba(55, 67, 98, .2);--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%}._system-message_14f2u_1{min-height:85px;height:auto;width:100%;background:var(--rp-ui-kit-bg-000);border-radius:8px;box-shadow:var(--rp-ui-kit-item-shadow);display:flex;flex-direction:column}._system-message_14f2u_1 ._stripes-info_14f2u_11{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_14f2u_1 ._stripes-warning_14f2u_16{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_14f2u_1 ._stripes-error_14f2u_21{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_14f2u_1 ._text-container_14f2u_26{padding:12px 16px 16px}._system-message_14f2u_1 ._text-container_14f2u_26 ._message-header-info_14f2u_29{font-family:var(--rp-ui-kit-font-family-base);font-size:15px;line-height:24px;color:var(--rp-ui-kit-e-400);font-weight:500;text-transform:capitalize;margin-bottom:8px}._system-message_14f2u_1 ._text-container_14f2u_26 ._message-header-warning_14f2u_38{font-family:var(--rp-ui-kit-font-family-base);font-size:15px;line-height:24px;color:var(--rp-ui-kit-sm-warning);font-weight:500;text-transform:capitalize;margin-bottom:8px}._system-message_14f2u_1 ._text-container_14f2u_26 ._message-header-error_14f2u_47{font-family:var(--rp-ui-kit-font-family-base);font-size:15px;line-height:24px;color:var(--rp-ui-kit-sm-error);font-weight:500;text-transform:capitalize;margin-bottom:8px}._system-message_14f2u_1 ._text-container_14f2u_26 ._children_14f2u_56{text-indent:1px;font-family:var(--rp-ui-kit-font-family-base);font-size:13px;line-height:20px;color:var(--rp-ui-kit-almost-black);font-weight:700}._system-message_14f2u_1 ._text-container_14f2u_26 p{margin-top:4px;max-width:780px;font-family:var(--rp-ui-kit-font-family-base);font-size:11px;line-height:16px;color:var(--rp-ui-kit-e-400);font-weight:400}._content-width_14f2u_74{max-width:max-content}._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}._button_1b48w_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_1b48w_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_1b48w_19:hover:not(._disabled_1b48w_24){border:1px solid var(--rp-ui-kit-color-primary-hover);background-color:var(--rp-ui-kit-color-primary-hover)}._primary_1b48w_19:active:not(._disabled_1b48w_24){border:1px solid var(--rp-ui-kit-color-primary-pressed);background-color:var(--rp-ui-kit-color-primary-pressed)}._primary_1b48w_19:focus:not(._disabled_1b48w_24,:active){border:2px solid var(--rp-ui-kit-color-primary-focused)}._ghost_1b48w_36{border:1px solid var(--rp-ui-kit-color-primary);background-color:transparent;color:var(--rp-ui-kit-color-text)}._ghost_1b48w_36:hover:not(._disabled_1b48w_24){border:1px solid var(--rp-ui-kit-color-primary-hover)}._ghost_1b48w_36:active:not(._disabled_1b48w_24){border:1px solid var(--rp-ui-kit-color-primary-pressed)}._ghost_1b48w_36:focus:not(._disabled_1b48w_24,:active){border:2px solid var(--rp-ui-kit-color-primary-focused)}._danger_1b48w_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_1b48w_51:hover:not(._disabled_1b48w_24){opacity:.9}._danger_1b48w_51:active:not(._disabled_1b48w_24){border:1px solid var(--rp-ui-kit-color-error-pressed);background-color:var(--rp-ui-kit-color-error-pressed)}._danger_1b48w_51:focus:not(._disabled_1b48w_24,:active){border:2px solid var(--rp-ui-kit-color-error-focused)}._text_1b48w_67{min-width:auto;height:auto;border:0;padding:0;background:none;line-height:22px;color:var(--rp-ui-kit-color-primary-text)}._text_1b48w_67:hover:not(._disabled_1b48w_24){color:var(--rp-ui-kit-color-primary-hover)}._text_1b48w_67:hover:not(._disabled_1b48w_24) svg *{fill:var(--rp-ui-kit-color-primary-hover)}._text_1b48w_67:active:not(._disabled_1b48w_24){color:var(--rp-ui-kit-color-primary-pressed)}._text_1b48w_67:active:not(._disabled_1b48w_24) svg *{fill:var(--rp-ui-kit-color-primary-pressed)}._text_1b48w_67:focus:not(._disabled_1b48w_24,:active){color:var(--rp-ui-kit-color-primary-focused)}._text_1b48w_67:focus:not(._disabled_1b48w_24,:active) svg *{fill:var(--rp-ui-kit-color-primary-focused)}._text_1b48w_67 svg *{fill:var(--rp-ui-kit-color-primary-text)}._disabled_1b48w_24{opacity:var(--rp-ui-kit-opacity-default);cursor:default}._wide_1b48w_103{padding:9px 47px 7px;margin:0}._icon_1b48w_108{display:inline-block;width:16px;height:16px}._icon-start_1b48w_114{margin:auto 8px auto 0}._icon-end_1b48w_118{margin:auto 0 auto 8px;order: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}}

package/dist/systemMessage-62c3133d.js

@@ -0,0 +1,30 @@
+import { jsxs as t, jsx as s } from "react/jsx-runtime";
+import { c as _ } from "./bind-06a7ff84.js";
+const c = "_children_19dbq_54", m = {
+  "system-message": "_system-message_19dbq_1",
+  "stripes-info": "_stripes-info_19dbq_12",
+  "stripes-warning": "_stripes-warning_19dbq_17",
+  "stripes-error": "_stripes-error_19dbq_22",
+  "text-container": "_text-container_19dbq_27",
+  "message-header-info": "_message-header-info_19dbq_30",
+  "message-header-warning": "_message-header-warning_19dbq_38",
+  "message-header-error": "_message-header-error_19dbq_46",
+  children: c,
+  "content-width": "_content-width_19dbq_70"
+}, e = _.bind(m), l = ({
+  header: r,
+  caption: a,
+  children: i,
+  mode: n = "info",
+  widthByContent: d = !1
+}) => /* @__PURE__ */ t("div", { className: e("system-message", { "content-width": d }), children: [
+  /* @__PURE__ */ s("div", { className: e(`stripes-${n}`) }),
+  /* @__PURE__ */ t("div", { className: e("text-container"), children: [
+    r && /* @__PURE__ */ s("h1", { className: e(`message-header-${n}`), children: r }),
+    /* @__PURE__ */ s("div", { className: e("children"), children: i }),
+    a && /* @__PURE__ */ s("p", { children: a })
+  ] })
+] });
+export {
+  l as S
+};

package/dist/systemMessage.js

@@ -1,6 +1,6 @@
-import { S as e } from "./systemMessage-55cf51f4.js";
+import { S as e } from "./systemMessage-62c3133d.js";
 import "react/jsx-runtime";
-import "./bind-e1346f99.js";
+import "./bind-06a7ff84.js";
 export {
   e as SystemMessage,
   e as default

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reportportal/ui-kit",
-  "version": "0.0.1-alpha.2",
+  "version": "0.0.1-alpha.4",
   "type": "module",
   "scripts": {
     "dev": "storybook dev -p 6006",
@@ -22,7 +22,8 @@
   },
   "dependencies": {
     "classnames": "^2.3.2",
-    "html-react-parser": "^4.2.0"
+    "framer-motion": "^10.15.2",
+    "rc-scrollbars": "^1.1.6"
   },
   "devDependencies": {
     "@storybook/addon-essentials": "^7.2.0",
@@ -34,7 +35,7 @@
     "@storybook/react-vite": "^7.2.0",
     "@storybook/testing-library": "^0.2.0",
     "@types/node": "^20.4.5",
-    "@types/react": "^18.2.15",
+    "@types/react": "^18.2.20",
     "@types/react-dom": "^18.2.7",
     "@typescript-eslint/eslint-plugin": "^5.62.0",
     "@typescript-eslint/parser": "^5.62.0",
@@ -42,6 +43,7 @@
     "eslint": "^8.46.0",
     "eslint-config-airbnb-typescript": "^15.0.0",
     "eslint-config-prettier": "^8.10.0",
+    "eslint-import-resolver-typescript": "^3.6.0",
     "eslint-plugin-import": "^2.28.0",
     "eslint-plugin-prettier": "^5.0.0",
     "eslint-plugin-react": "^7.33.1",
@@ -58,7 +60,7 @@
     "typescript": "^5.0.2",
     "vite": "^4.4.5",
     "vite-plugin-dts": "^3.4.0",
-    "vite-plugin-linter": "^2.0.2",
+    "vite-plugin-svgr": "^3.2.0",
     "vite-tsconfig-paths": "^4.2.0"
   }
 }

package/dist/bind-e1346f99.js

@@ -1,44 +0,0 @@
-var p = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function a(e) {
-  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
-}
-var r = { exports: {} };
-/*!
-	Copyright (c) 2018 Jed Watson.
-	Licensed under the MIT License (MIT), see
-	http://jedwatson.github.io/classnames
-*/
-(function(e) {
-  (function() {
-    var f = {}.hasOwnProperty;
-    function s() {
-      for (var n = [], i = 0; i < arguments.length; i++) {
-        var t = arguments[i];
-        if (t) {
-          var l = typeof t;
-          if (l === "string" || l === "number")
-            n.push(this && this[t] || t);
-          else if (Array.isArray(t))
-            n.push(s.apply(this, t));
-          else if (l === "object") {
-            if (t.toString !== Object.prototype.toString && !t.toString.toString().includes("[native code]")) {
-              n.push(t.toString());
-              continue;
-            }
-            for (var o in t)
-              f.call(t, o) && t[o] && n.push(this && this[o] || o);
-          }
-        }
-      }
-      return n.join(" ");
-    }
-    e.exports ? (s.default = s, e.exports = s) : window.classNames = s;
-  })();
-})(r);
-var u = r.exports;
-const c = /* @__PURE__ */ a(u);
-export {
-  p as a,
-  c,
-  a as g
-};