@reportportal/ui-kit 0.0.1-alpha.8 → 0.0.1-alpha.9
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.
- package/README.md +1 -1
- package/dist/button-7fb84fde.js +62 -0
- package/dist/button.js +1 -1
- package/dist/checkbox-4143390f.js +70 -0
- package/dist/checkbox.js +1 -1
- package/dist/components/checkbox/checkbox.d.ts +1 -0
- package/dist/components/fieldText/fieldText.d.ts +1 -0
- package/dist/components/icons/index.d.ts +5 -0
- package/dist/components/index.d.ts +5 -0
- package/dist/components/pagination/index.d.ts +4 -0
- package/dist/components/pagination/itemsCounter/index.d.ts +1 -0
- package/dist/components/pagination/itemsCounter/itemCounter.d.ts +9 -0
- package/dist/components/pagination/pageControls/activePage/activePage.d.ts +12 -0
- package/dist/components/pagination/pageControls/activePage/index.d.ts +1 -0
- package/dist/components/pagination/pageControls/activePage/pageSelector/index.d.ts +1 -0
- package/dist/components/pagination/pageControls/activePage/pageSelector/pageSelector.d.ts +10 -0
- package/dist/components/pagination/pageControls/index.d.ts +1 -0
- package/dist/components/pagination/pageControls/pageControls.d.ts +16 -0
- package/dist/components/pagination/pageControls/pageNavigator/index.d.ts +1 -0
- package/dist/components/pagination/pageControls/pageNavigator/pageNavigator.d.ts +8 -0
- package/dist/components/pagination/pageSizeControl/index.d.ts +1 -0
- package/dist/components/pagination/pageSizeControl/pageSizeControl.d.ts +10 -0
- package/dist/components/pagination/pageSizeControl/sizeSelector/index.d.ts +1 -0
- package/dist/components/pagination/pageSizeControl/sizeSelector/sizeSelector.d.ts +8 -0
- package/dist/components/pagination/pagination.d.ts +22 -0
- package/dist/components/pagination/types.d.ts +2 -0
- package/dist/components/popover/index.d.ts +1 -0
- package/dist/components/popover/popover.d.ts +18 -0
- package/dist/components/table/index.d.ts +3 -0
- package/dist/components/table/table.d.ts +3 -0
- package/dist/components/table/types.d.ts +46 -0
- package/dist/components/table/utils.d.ts +2 -0
- package/dist/components/tooltip/index.d.ts +1 -0
- package/dist/components/tooltip/tooltip.d.ts +13 -0
- package/dist/fieldText-d80b29ba.js +102 -0
- package/dist/fieldText.js +1 -1
- package/dist/fieldTextFlex-5bddf46a.js +67 -0
- package/dist/fieldTextFlex.js +8 -0
- package/dist/{index-2bee4457.js → index-bb9b62ef.js} +1 -1
- package/dist/index.js +44 -28
- package/dist/modal.js +2 -2
- package/dist/pagination-a36bc786.js +274 -0
- package/dist/pagination.js +13 -0
- package/dist/popover.js +95 -0
- package/dist/radio-fd49a09c.js +76 -0
- package/dist/radio.js +9 -0
- package/dist/style.css +1 -1
- package/dist/tooltip.js +70 -0
- package/package.json +3 -2
- package/dist/button-497b4d19.js +0 -62
- package/dist/checkbox-1e21cf3e.js +0 -68
- package/dist/fieldText-65a50d9d.js +0 -101
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._checkbox_l76v2_1{display:inline-flex;align-items:center;padding-left:24px;color:var(--rp-ui-color-text-2);font-family:var(--rp-ui-base-font-family);font-weight:500;font-size:13px;line-height:20px}._checkbox_l76v2_1 ._disabled_l76v2_11{opacity:var(--rp-ui-opacity-default);pointer-events:none}._input_l76v2_16{position:absolute;opacity:0;top:0;left:0}._control_l76v2_23{position:absolute;width:16px;height:16px;border:1px solid var(--rp-ui-color-field-border-2);border-radius:3px;margin-left:-24px;box-sizing:border-box;cursor:pointer}._input_l76v2_16:checked+._control_l76v2_23{border-color:var(--rp-ui-color-primary);background-color:var(--rp-ui-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_l76v2_16:hover+._control_l76v2_23{border-color:var(--rp-ui-color-field-hover-2)}._input_l76v2_16:active:not(:disabled)+._control_l76v2_23{border:2px solid var(--rp-ui-color-primary-focused)}._input_l76v2_16:checked:hover+._control_l76v2_23{border-color:var(--rp-ui-color-primary-hover);background-color:var(--rp-ui-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_l76v2_16:checked:active:not(:disabled)+._control_l76v2_23{border-color:var(--rp-ui-color-primary-focused);background-color:var(--rp-ui-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_l76v2_16:disabled+._control_l76v2_23{border-color:var(--rp-ui-color-disabled)}._input_l76v2_16:checked:disabled+._control_l76v2_23{border-color:var(--rp-ui-color-primary);background-color:var(--rp-ui-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-opacity-default);pointer-events:none}._input_l76v2_16:focus+._control_l76v2_23{border:2px solid var(--rp-ui-color-primary-focused)}._children_l76v2_77{cursor:pointer}._children_l76v2_77 a{text-decoration:none;color:var(--rp-ui-color-primary)}._children_l76v2_77 a:focus,._children_l76v2_77 a:focus-visible{outline:none;color:var(--rp-ui-color-primary-focused);text-decoration:underline}._system-message_fp9ws_1{min-height:85px;height:auto;width:100%;background:var(--rp-ui-base-bg-000);border-radius:8px;box-shadow:var(--rp-ui-base-shadow);display:flex;flex-direction:column;font-family:var(--rp-ui-base-font-family)}._system-message_fp9ws_1 ._stripes-info_fp9ws_12{height:8px;border-radius:8px 8px 0 0;background-image:repeating-linear-gradient(45deg,var(--rp-ui-base-sm-info-line-100),var(--rp-ui-base-sm-info-line-100) 24px,var(--rp-ui-base-e-200) 24px,var(--rp-ui-base-e-200) 48px)}._system-message_fp9ws_1 ._stripes-warning_fp9ws_17{height:8px;border-radius:8px 8px 0 0;background-image:repeating-linear-gradient(45deg,var(--rp-ui-base-sm-warning-line-100),var(--rp-ui-base-sm-warning-line-100) 24px,var(--rp-ui-base-sm-warning-line-200) 24px,var(--rp-ui-base-sm-warning-line-200) 48px)}._system-message_fp9ws_1 ._stripes-error_fp9ws_22{height:8px;border-radius:8px 8px 0 0;background-image:repeating-linear-gradient(45deg,var(--rp-ui-base-sm-error-line-100),var(--rp-ui-base-sm-error-line-100) 24px,var(--rp-ui-base-sm-error-line-200) 24px,var(--rp-ui-base-sm-error-line-200) 48px)}._system-message_fp9ws_1 ._text-container_fp9ws_27{padding:12px 16px 16px}._system-message_fp9ws_1 ._text-container_fp9ws_27 ._message-header-info_fp9ws_30{font-size:15px;line-height:24px;font-weight:500;color:var(--rp-ui-base-e-400);text-transform:capitalize;margin-bottom:8px}._system-message_fp9ws_1 ._text-container_fp9ws_27 ._message-header-warning_fp9ws_38{font-size:15px;line-height:24px;font-weight:500;color:var(--rp-ui-base-sm-warning);text-transform:capitalize;margin-bottom:8px}._system-message_fp9ws_1 ._text-container_fp9ws_27 ._message-header-error_fp9ws_46{font-size:15px;line-height:24px;font-weight:500;color:var(--rp-ui-base-sm-error);text-transform:capitalize;margin-bottom:8px}._system-message_fp9ws_1 ._text-container_fp9ws_27 ._children_fp9ws_54{text-indent:1px;color:var(--rp-ui-color-text);font-weight:700;font-size:13px;line-height:20px}._system-message_fp9ws_1 ._text-container_fp9ws_27 p{margin-top:4px;max-width:780px;color:var(--rp-ui-base-e-400);font-weight:400;font-size:12px;line-height:18px}._content-width_fp9ws_70{max-width:max-content}._button_3xwzb_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-base-font-family);font-weight:500;font-size:13px;line-height:20px;cursor:pointer;box-sizing:border-box}._primary_3xwzb_19{border:1px solid var(--rp-ui-color-primary);background-color:var(--rp-ui-color-primary);color:var(--rp-ui-base-bg-000)}._primary_3xwzb_19:hover:not(._disabled_3xwzb_24){border:1px solid var(--rp-ui-color-primary-hover);background-color:var(--rp-ui-color-primary-hover)}._primary_3xwzb_19:active:not(._disabled_3xwzb_24){border:1px solid var(--rp-ui-color-primary-pressed);background-color:var(--rp-ui-color-primary-pressed)}._primary_3xwzb_19:focus:not(._disabled_3xwzb_24,:active){border:2px solid var(--rp-ui-color-primary-focused)}._ghost_3xwzb_36{border:1px solid var(--rp-ui-color-primary);background-color:transparent;color:var(--rp-ui-color-primary-text)}._ghost_3xwzb_36:hover:not(._disabled_3xwzb_24){border:1px solid var(--rp-ui-base-dark-topaz-hover);color:var(--rp-ui-base-dark-topaz-hover)}._ghost_3xwzb_36:active:not(._disabled_3xwzb_24){border:1px solid var(--rp-ui-color-primary-pressed);color:var(--rp-ui-color-primary-pressed)}._ghost_3xwzb_36:focus:not(._disabled_3xwzb_24,:active){border:2px solid var(--rp-ui-color-primary-focused);color:var(--rp-ui-color-primary-focused)}._danger_3xwzb_54{border:1px solid var(--rp-ui-color-error);background-color:var(--rp-ui-color-error);color:var(--rp-ui-base-bg-000)}._danger_3xwzb_54:hover:not(._disabled_3xwzb_24){opacity:.9}._danger_3xwzb_54:active:not(._disabled_3xwzb_24){border:1px solid var(--rp-ui-color-error-pressed);background-color:var(--rp-ui-color-error-pressed)}._danger_3xwzb_54:focus:not(._disabled_3xwzb_24,:active){border:2px solid var(--rp-ui-color-error-focused)}._text_3xwzb_70{min-width:auto;height:auto;border:0;padding:0;background:none;line-height:22px;color:var(--rp-ui-color-primary-text)}._text_3xwzb_70:hover:not(._disabled_3xwzb_24){color:var(--rp-ui-color-primary-hover)}._text_3xwzb_70:hover:not(._disabled_3xwzb_24) svg *{fill:var(--rp-ui-color-primary-hover)}._text_3xwzb_70:active:not(._disabled_3xwzb_24){color:var(--rp-ui-color-primary-pressed)}._text_3xwzb_70:active:not(._disabled_3xwzb_24) svg *{fill:var(--rp-ui-color-primary-pressed)}._text_3xwzb_70:focus:not(._disabled_3xwzb_24,:active){color:var(--rp-ui-color-primary-focused)}._text_3xwzb_70:focus:not(._disabled_3xwzb_24,:active) svg *{fill:var(--rp-ui-color-primary-focused)}._text_3xwzb_70 svg *{fill:var(--rp-ui-color-primary-text)}._disabled_3xwzb_24{opacity:var(--rp-ui-opacity-default);cursor:default}._width-wide-content_3xwzb_106{padding:9px 47px 7px;margin:0}._width-parent_3xwzb_111{display:flex;width:100%}._icon_3xwzb_116{display:inline-block;width:16px;height:16px}._icon-start_3xwzb_122{margin:auto 8px auto 0}._icon-end_3xwzb_126{margin:auto 0 auto 8px;order:1}._toggle_p1gaq_1{position:relative;display:inline-flex;align-items:center;font-family:var(--rp-ui-base-font-family);font-weight:400;font-size:13px;line-height:20px;color:var(--rp-ui-base-almost-black);cursor:pointer}._children-container_p1gaq_13{margin-left:40px}._children-container_p1gaq_13 a{text-decoration:none;color:var(--rp-ui-base-topaz)}._children-container_p1gaq_13 a:focus,._children-container_p1gaq_13 a:focus-visible{outline:none;color:var(--rp-ui-base-topaz-focused);text-decoration:underline}._slider_p1gaq_26{background-color:var(--rp-ui-base-e-300);cursor:pointer;position:absolute;transition:.4s;border-radius:10px;width:32px;height:20px}._slider_p1gaq_26:before{position:absolute;top:2px;left:2px;content:"";width:16px;height:16px;background-color:var(--rp-ui-base-bg-000);transition:.4s}._round_p1gaq_46:before{border-radius:50%}._input_p1gaq_50{position:absolute;opacity:0;top:0;left:0}._input_p1gaq_50:disabled+._slider_p1gaq_26{background-color:var(--rp-ui-base-e-200);cursor:default}._input_p1gaq_50:focus-visible{outline:none}._input_p1gaq_50:focus:not(._disabled_p1gaq_63):after,._input_p1gaq_50:focus-visible:not(._disabled_p1gaq_63)+._slider_p1gaq_26:after{top:50%;left:50%;content:"";position:absolute;width:100%;height:100%;border:2px solid var(--rp-ui-base-topaz-focused);border-radius:12px;transform:translate(-50%,-50%)}._input_p1gaq_50:checked+._slider_p1gaq_26{background-color:var(--rp-ui-base-topaz)}._input_p1gaq_50:checked+._slider_p1gaq_26:before{transform:translate(12px)}._input_p1gaq_50:hover+._slider_p1gaq_26{background-color:var(--rp-ui-base-e-400)}._input_p1gaq_50:checked:hover+._slider_p1gaq_26{background-color:var(--rp-ui-base-topaz-hover)}._input_p1gaq_50:checked:disabled+._slider_p1gaq_26{background-color:var(--rp-ui-base-topaz);cursor:default}._disabled_p1gaq_63{opacity:.3;cursor:default}._base-icon-button_p6ked_1{margin:0;padding:0;outline:none;background:transparent;border:none;cursor:pointer}._base-icon-button_p6ked_1 svg path{fill:var(--rp-ui-base-e-300)}._base-icon-button_p6ked_1._disabled_p6ked_12{opacity:40%;cursor:default}._base-icon-button_p6ked_1:hover:not(._disabled_p6ked_12) svg path{fill:var(--rp-ui-base-e-400)}._base-icon-button_p6ked_1:active:not(._disabled_p6ked_12) svg path{fill:var(--rp-ui-base-topaz-pressed)}._base-icon-button_p6ked_1:focus:not(._disabled_p6ked_12,:active) svg path{fill:var(--rp-ui-base-topaz-focused)}._bubbles-loader_kn4ln_1{position:relative}._bubbles-loader_kn4ln_1._color-topaz_kn4ln_4 ._bubble_kn4ln_1{background-color:var(--rp-ui-base-dark-topaz-main)}._bubble_kn4ln_1{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--rp-ui-base-bg-000);transform:scale(.3);animation:_bubbles_kn4ln_1 2.5s infinite linear}._bubble_kn4ln_1:nth-child(1){left:0;animation-delay:.1s}._bubble_kn4ln_1:nth-child(2){left:7px;animation-delay:.3s}._bubble_kn4ln_1:nth-child(3){left:14px;animation-delay:.5s}._bubble_kn4ln_1:nth-child(4){left:21px;animation-delay:.7s}._bubble_kn4ln_1:nth-child(5){left:28px;animation-delay:.9s}._bubble_kn4ln_1:nth-child(6){left:35px;animation-delay:1.1s}._bubble_kn4ln_1:nth-child(7){left:42px;animation-delay:1.3s}@keyframes _bubbles_kn4ln_1{20%,60%{transform:scale(.5)}40%{transform:scale(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-base-bg-000: #ffffff;--rp-ui-base-bg-100: #f7f7f8;--rp-ui-base-bg-200: #eceff4;--rp-ui-base-error: #dc5959;--rp-ui-base-error-hover: #f24a4a;--rp-ui-base-error-pressed: #c54141;--rp-ui-base-error-focused: #ffb1b1;--rp-ui-base-topaz: #00829b;--rp-ui-base-topaz-hover: #009dbb;--rp-ui-base-topaz-focused: #00b0d1;--rp-ui-base-topaz-pressed: #00758c;--rp-ui-base-almost-black: #3f3f3f;--rp-ui-base-e-100: #e3e7ec;--rp-ui-base-e-200: #c1c7d0;--rp-ui-base-e-300: #a2aab5;--rp-ui-base-e-400: #8d95a1;--rp-ui-base-dark-bg: #101010;--rp-ui-base-dark-bg-solid-98: #141414;--rp-ui-base-dark-error: #ff4040;--rp-ui-base-dark-error-text: #ff6666;--rp-ui-base-dark-log-error: #ff3222;--rp-ui-base-dark-log-fatal: #c2352b;--rp-ui-base-dark-topaz-main: #1a9cb0;--rp-ui-base-dark-topaz-hover: #1cb0c7;--rp-ui-base-dark-topaz-focused: #1dbdd6;--rp-ui-base-dark-topaz-pressed: #9ee7f2;--rp-ui-base-dark-topaz-text: #3abcd0;--rp-ui-base-dark-topaz-additional: #00505d;--rp-ui-base-dark-e-50: #e8e8e8;--rp-ui-base-dark-e-100: #cfcfcf;--rp-ui-base-dark-e-150: #8f8f8f;--rp-ui-base-dark-e-200: #626262;--rp-ui-base-dark-e-300: #383838;--rp-ui-base-dark-e-400: #262626;--rp-ui-base-dark-e-500: #222222;--rp-ui-base-sm-warning: #d78706;--rp-ui-base-sm-warning-line-100: #fceecb;--rp-ui-base-sm-warning-line-200: #fbe7b6;--rp-ui-base-sm-error: #db3549;--rp-ui-base-sm-error-line-100: #fccbcb;--rp-ui-base-sm-error-line-200: #ffc0bd;--rp-ui-base-sm-info-line-100: #ced3db;--rp-ui-base-defect-type-AB: #ffc208;--rp-ui-base-tag-value-text: #394db6;--rp-ui-base-tag-value-background: #ced8fc;--rp-ui-base-tag-key-text: #6f4599;--rp-ui-base-tag-key-background: #dac3e6;--rp-ui-base-system-issue-group: #3e7be6;--rp-ui-base-product-bug-group: #d32f2f;--rp-ui-base-automation-bug-group: #ffc208;--rp-ui-base-no-defect-bug-group: #76839b;--rp-ui-base-test-execution-status-passed: #3aa76d;--rp-ui-base-shadow: 0px 1px 3px rgba(55, 67, 98, .1);--rp-ui-base-shadow-hover: 0px 1px 3px rgba(55, 67, 98, .2);--rp-ui-base-shadow-secondary: 0 8px 40px rgba(0, 0, 0, .15);--rp-ui-base-overlay: rgba(141, 149, 161, .35);--rp-ui-base-overlay-light-cyan: rgba(208, 240, 241, .7);--rp-ui-base-font-family: Roboto, Arial, Helvetica, sans-serif;--rp-ui-base-font-family-heading: OpenSans, Segoe UI, Tahoma, sans-serif;--rp-ui-color-bg: var(--rp-ui-base-bg-000);--rp-ui-color-bg-2: var(--rp-ui-base-bg-100);--rp-ui-color-bg-3: var(--rp-ui-base-bg-200);--rp-ui-color-primary: var(--rp-ui-base-topaz);--rp-ui-color-primary-hover: var(--rp-ui-base-topaz-hover);--rp-ui-color-primary-focused: var(--rp-ui-base-topaz-focused);--rp-ui-color-primary-pressed: var(--rp-ui-base-topaz-pressed);--rp-ui-color-primary-text: var(--rp-ui-base-topaz);--rp-ui-color-error: var(--rp-ui-base-error);--rp-ui-color-error-hover: var(--rp-ui-base-error-hover);--rp-ui-color-error-pressed: var(--rp-ui-base-error-pressed);--rp-ui-color-error-focused: var(--rp-ui-base-error-focused);--rp-ui-color-text: var(--rp-ui-base-almost-black);--rp-ui-color-text-2: var(--rp-ui-base-almost-black);--rp-ui-color-text-3: var(--rp-ui-base-almost-black);--rp-ui-color-field-bg: var(--rp-ui-base-bg-000);--rp-ui-color-field-bg-2: var(--rp-ui-base-bg-100);--rp-ui-color-field-border: var(--rp-ui-base-e-200);--rp-ui-color-field-border-2: var(--rp-ui-base-e-300);--rp-ui-color-field-border-2-hover: var(--rp-ui-base-e-400);--rp-ui-color-field-hover: var(--rp-ui-base-e-300);--rp-ui-color-field-hover-2: var(--rp-ui-base-e-400);--rp-ui-color-field-opened: var(--rp-ui-base-topaz-pressed);--rp-ui-color-field-placeholder: var(--rp-ui-base-almost-black);--rp-ui-color-radio-cheked: var(--rp-ui-base-topaz-pressed);--rp-ui-color-disabled: var(--rp-ui-base-e-300);--rp-ui-opacity-default: 30%}.rp-ui-kit-theme-light{--rp-ui-color-bg: var(--rp-ui-base-bg-000);--rp-ui-color-bg-2: var(--rp-ui-base-bg-100);--rp-ui-color-bg-3: var(--rp-ui-base-bg-200);--rp-ui-color-primary: var(--rp-ui-base-topaz);--rp-ui-color-primary-hover: var(--rp-ui-base-topaz-hover);--rp-ui-color-primary-focused: var(--rp-ui-base-topaz-focused);--rp-ui-color-primary-pressed: var(--rp-ui-base-topaz-pressed);--rp-ui-color-primary-text: var(--rp-ui-base-topaz);--rp-ui-color-error: var(--rp-ui-base-error);--rp-ui-color-error-hover: var(--rp-ui-base-error-hover);--rp-ui-color-error-pressed: var(--rp-ui-base-error-pressed);--rp-ui-color-error-focused: var(--rp-ui-base-error-focused);--rp-ui-color-text: var(--rp-ui-base-almost-black);--rp-ui-color-text-2: var(--rp-ui-base-almost-black);--rp-ui-color-text-3: var(--rp-ui-base-almost-black);--rp-ui-color-field-bg: var(--rp-ui-base-bg-000);--rp-ui-color-field-bg-2: var(--rp-ui-base-bg-100);--rp-ui-color-field-border: var(--rp-ui-base-e-200);--rp-ui-color-field-border-2: var(--rp-ui-base-e-300);--rp-ui-color-field-border-2-hover: var(--rp-ui-base-e-400);--rp-ui-color-field-hover: var(--rp-ui-base-e-300);--rp-ui-color-field-hover-2: var(--rp-ui-base-e-400);--rp-ui-color-field-opened: var(--rp-ui-base-topaz-pressed);--rp-ui-color-field-placeholder: var(--rp-ui-base-almost-black);--rp-ui-color-radio-cheked: var(--rp-ui-base-topaz-pressed);--rp-ui-color-disabled: var(--rp-ui-base-e-300);--rp-ui-opacity-default: 30%}.rp-ui-kit-theme-dark{--rp-ui-color-bg: var(--rp-ui-base-dark-bg);--rp-ui-color-bg-2: var(--rp-ui-base-dark-bg);--rp-ui-color-bg-3: var(--rp-ui-base-dark-bg-solid-98);--rp-ui-color-primary: var(--rp-ui-base-dark-topaz-main);--rp-ui-color-primary-hover: var(--rp-ui-base-dark-topaz-hover);--rp-ui-color-primary-focused: var(--rp-ui-base-dark-topaz-focused);--rp-ui-color-primary-pressed: var(--rp-ui-base-dark-topaz-pressed);--rp-ui-color-primary-text: var(--rp-ui-base-dark-topaz-text);--rp-ui-color-error: var(--rp-ui-base-dark-error);--rp-ui-color-error-hover: var(--rp-ui-base-error-hover);--rp-ui-color-error-pressed: var(--rp-ui-base-error-pressed);--rp-ui-color-error-focused: var(--rp-ui-base-error-focused);--rp-ui-color-text: var(--rp-ui-base-dark-e-50);--rp-ui-color-text-2: var(--rp-ui-base-dark-e-100);--rp-ui-color-text-3: var(--rp-ui-base-bg-000);--rp-ui-color-field-bg: var(--rp-ui-base-dark-e-400);--rp-ui-color-field-bg-2: var(--rp-ui-base-dark-e-400);--rp-ui-color-field-border: var(--rp-ui-base-dark-e-400);--rp-ui-color-field-border-2: var(--rp-ui-base-dark-e-100);--rp-ui-color-field-border-2-hover: var(--rp-ui-base-dark-e-50);--rp-ui-color-field-hover: var(--rp-ui-base-e-200);--rp-ui-color-field-hover-2: var(--rp-ui-base-e-300);--rp-ui-color-field-opened: var(--rp-ui-base-e-200);--rp-ui-color-field-placeholder: var(--rp-ui-base-dark-e-200);--rp-ui-color-radio-cheked: var(--rp-ui-base-dark-topaz-main);--rp-ui-color-disabled: var(--rp-ui-base-dark-e-100);--rp-ui-opacity-default: 50%}._theme-provider_xipmx_1{height:100%;width:100%}._icon-container_18rqf_1,._icon-container-end_18rqf_1,._icon-container-start_18rqf_1{display:flex;justify-content:center;align-items:center;flex-shrink:0;width:22px;height:22px}._icon-container-start_18rqf_1{margin-right:4px}._icon-container-end_18rqf_1{margin-left:4px}._label_18rqf_18{display:block;margin-bottom:4px;font-family:var(--rp-ui-base-font-family);font-weight:500;font-size:13px;line-height:20px;color:var(--rp-ui-color-text)}._label_18rqf_18 ._asterisk_18rqf_27{position:absolute;top:-3px;color:var(--rp-ui-base-e-300);padding-left:4px}._label_18rqf_18._disabled_18rqf_33{pointer-events:none;background-color:var(--rp-ui-base-bg-100)}._field_18rqf_38{display:flex;align-items:center;height:36px;width:100%;padding:7px 12px;box-sizing:border-box;border:1px solid var(--rp-ui-base-e-200);border-radius:3px;background-color:var(--rp-ui-base-bg-000)}._field_18rqf_38:hover:not(._disabled_18rqf_33){border-color:var(--rp-ui-base-e-300)}._field_18rqf_38:focus-within:not(._error_18rqf_52._touched_18rqf_52){padding:6px 11px;border:2px solid var(--rp-ui-color-primary-focused)}._field_18rqf_38._error_18rqf_52._touched_18rqf_52{border-color:var(--rp-ui-base-error)}._field_18rqf_38._disabled_18rqf_33{pointer-events:none;background-color:var(--rp-ui-base-bg-100)}._field_18rqf_38._disabled_18rqf_33 ._placeholder_18rqf_63{color:var(--rp-ui-base-e-300)}._field_18rqf_38._default-width_18rqf_66{width:240px}._input-container_18rqf_70{position:relative;width:100%}._input_18rqf_70{font-size:13px;line-height:20px;font-family:var(--rp-ui-base-font-family);font-weight:400;width:100%;margin:2px 0 0;padding:0;border:none;background:transparent;overflow:hidden;text-overflow:ellipsis;color:var(--rp-ui-color-text)}._input_18rqf_70:focus{outline:none}._input_18rqf_70:disabled{color:var(--rp-ui-base-e-300)}._placeholder_18rqf_63{font-size:13px;line-height:20px;font-family:var(--rp-ui-base-font-family);font-weight:400;color:var(--rp-ui-base-dark-e-300);position:absolute;top:2px;left:0;pointer-events:none}._placeholder_18rqf_63 ._asterisk_18rqf_27:after{position:absolute;top:-3px;color:var(--rp-ui-base-e-300);right:-7px;content:"*";color:var(--rp-ui-base-error-focused)}._icon_18rqf_1,._clear-icon_18rqf_116{display:inline-block;width:16px;height:16px}._clear-icon_18rqf_116{background:none;border:none;padding:0;font:inherit;outline:inherit;cursor:pointer}._clear-icon_18rqf_116._disabled_18rqf_33{pointer-events:none}._clear-icon_18rqf_116:hover svg{fill:var(--rp-ui-base-e-400)}._clear-icon_18rqf_116:hover svg>rect{fill:var(--rp-ui-base-e-400)}._clear-icon_18rqf_116:focus svg{fill:var(--rp-ui-color-primary-focused)}._clear-icon_18rqf_116:focus svg>rect{fill:var(--rp-ui-color-primary-focused)}._clear-icon_18rqf_116:active svg{fill:var(--rp-ui-color-primary-pressed)}._clear-icon_18rqf_116:active svg>rect{fill:var(--rp-ui-color-primary-pressed)}._additional-content_18rqf_152{margin-top:4px}._additional-content_18rqf_152._disabled_18rqf_33{pointer-events:none}._text_18rqf_159{font-size:11px;line-height:16px;font-family:var(--rp-ui-base-font-family);font-weight:400;display:block}._error-text_18rqf_167{color:var(--rp-ui-base-error)}._help-text_18rqf_171{color:var(--rp-ui-base-dark-e-300)}._field-number_3tc9r_1{position:relative;display:inline-flex;flex-direction:column}._field-number_3tc9r_1._disabled_3tc9r_6{opacity:.4}._label_3tc9r_10{display:block;margin-bottom:4px;font-family:var(--rp-ui-base-font-family);font-weight:500;font-size:13px;line-height:20px;text-indent:1px;color:var(--rp-ui-base-almost-black)}._sign_3tc9r_21{display:inline-flex;cursor:pointer}._input-container_3tc9r_26{display:inline-flex;align-items:center;padding:6px 8px;border:1px solid var(--rp-ui-base-e-200);box-sizing:border-box;border-radius:3px;background:var(--rp-ui-base-bg-000);-webkit-user-select:none;user-select:none}._input-container_3tc9r_26:focus-within:not(._error_3tc9r_36._touched_3tc9r_36){padding:5px 7px;border-width:2px;border-color:var(--rp-ui-base-topaz-focused)}._input-container_3tc9r_26:hover:not(._disabled_3tc9r_6):not(:focus-within):not(._error_3tc9r_36._touched_3tc9r_36),._input-container_3tc9r_26._filled_3tc9r_41:not(:focus-within){border-color:var(--rp-ui-base-e-300)}._input-container_3tc9r_26._error_3tc9r_36._touched_3tc9r_36{border-color:var(--rp-ui-base-error)}._input-field_3tc9r_48{display:flex;align-items:center;justify-content:center;height:20px;min-width:44px;margin:2px 4px 0;text-align:center;cursor:text}._input-field_3tc9r_48._disabled_3tc9r_6{cursor:default}._input_3tc9r_26{padding:0;margin:0;border:none;text-align:center;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}._input_3tc9r_26:focus{outline:none}._input_3tc9r_26:focus::placeholder{color:transparent}._input_3tc9r_26::placeholder{color:var(--rp-ui-base-e-200)}._input_3tc9r_26::-webkit-inner-spin-button,._input_3tc9r_26::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}._dropdown-option_nx3fh_1{display:inline-block;width:100%;padding:9px 12px 7px;font-family:var(--rp-ui-base-font-family);font-weight:400;font-size:13px;line-height:20px;box-sizing:border-box;cursor:pointer;color:var(--rp-ui-color-text-3)}._dropdown-option_nx3fh_1._disabled_nx3fh_13{pointer-events:none;background-color:var(--rp-ui-color-field-bg-2)}._dropdown-option_nx3fh_1._hidden_nx3fh_17{display:none}._dropdown-option_nx3fh_1:hover:not(:active){background:var(--rp-ui-color-bg-3)}._dropdown-option_nx3fh_1._selected_nx3fh_23{color:var(--rp-ui-color-primary-text)}._dropdown-option_nx3fh_1._hover_nx3fh_26:not(._disabled_nx3fh_13){padding:8px 11px 6px;background-color:var(--rp-ui-color-bg-3);border:1px solid var(--rp-ui-color-primary-focused)}._dropdown-option_nx3fh_1._hover_nx3fh_26:not(._disabled_nx3fh_13):hover{border:none;padding:9px 12px 7px}._dropdown-option_nx3fh_1._hover_nx3fh_26:not(._disabled_nx3fh_13):hover:hover:not(:active){background:var(--rp-ui-color-bg-3)}._single-option_nx3fh_39{display:flex;align-items:center;height:100%}._sub-option_nx3fh_45{padding-left:24px}._container_3wi7d_1{position:relative;display:inline-block;width:100%}._icon_3wi7d_7{width:16px;height:16px;margin-right:8px}._arrow_3wi7d_13{display:inline-flex;margin-left:12px;transition:transform .2s linear}._dropdown_3wi7d_19{display:flex;align-items:center;text-align:start;padding:9px 12px 7px;width:100%;height:36px;border:1px solid var(--rp-ui-color-field-border);border-radius:3px;background-color:var(--rp-ui-color-field-bg);box-sizing:border-box;transition:border-color .2s linear;cursor:pointer}._dropdown_3wi7d_19._transparent-background_3wi7d_33{background-color:transparent}._dropdown_3wi7d_19._disabled_3wi7d_36{pointer-events:none;background-color:var(--rp-ui-color-field-bg-2)}._dropdown_3wi7d_19._disabled_3wi7d_36 ._arrow_3wi7d_13 svg path{opacity:.4}._dropdown_3wi7d_19._disabled_3wi7d_36 ._value_3wi7d_43{color:var(--rp-ui-color-disabled)}._dropdown_3wi7d_19._error_3wi7d_46._touched_3wi7d_46{border-width:1px;border-color:var(--rp-ui-color-error)}._dropdown_3wi7d_19:hover:not(:active):not(:focus-visible):not(._opened_3wi7d_50):not(._error_3wi7d_46){border-color:var(--rp-ui-color-field-hover)}._dropdown_3wi7d_19:active,._dropdown_3wi7d_19:focus-visible{padding:7px 11px;border-width:2px;border-color:var(--rp-ui-color-primary-focused);outline:none}._dropdown_3wi7d_19:active ._arrow_3wi7d_13 svg path,._dropdown_3wi7d_19:focus-visible ._arrow_3wi7d_13 svg path{fill:var(--rp-ui-color-field-hover-2)}._dropdown_3wi7d_19._opened_3wi7d_50:not(:active):not(._error_3wi7d_46){border-width:1px;border-color:var(--rp-ui-color-primary-pressed)}._dropdown_3wi7d_19._opened_3wi7d_50:not(:active):not(._error_3wi7d_46) ._arrow_3wi7d_13 svg path{fill:var(--rp-ui-color-field-opened)}._dropdown_3wi7d_19._opened_3wi7d_50 ._arrow_3wi7d_13{transform:rotate(180deg)}._dropdown_3wi7d_19 ._placeholder_3wi7d_72{color:var(--rp-ui-color-field-placeholder)}._dropdown_3wi7d_19 ._value_3wi7d_43{flex-grow:1;font-family:var(--rp-ui-base-font-family);font-weight:400;font-size:13px;line-height:20px;color:var(--rp-ui-color-text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 767px){._dropdown_3wi7d_19 ._mobile-disabled_3wi7d_87{background-color:var(--rp-ui-color-field-bg-2)}}._select-list_3wi7d_92{position:absolute;top:100%;padding:8px 0;width:100%;min-height:10px;border-radius:3px;box-sizing:border-box;z-index:10;box-shadow:var(--rp-ui-base-shadow-secondary);background:var(--rp-ui-color-field-bg)}._select-list_3wi7d_92._opened_3wi7d_50:focus-visible{outline:none}._ghost_3wi7d_108{border-color:transparent;background:transparent}._ghost_3wi7d_108:hover:not(:active):not(:focus-visible):not(._opened_3wi7d_50):not(._error_3wi7d_46){border-color:transparent}._ghost_3wi7d_108._opened_3wi7d_50:not(:active):not(._error_3wi7d_46){border-color:transparent}._ghost_3wi7d_108._opened_3wi7d_50 ._value_3wi7d_43{color:var(--rp-ui-color-primary-pressed)}._modal-content_ojybs_1{width:calc(100% - 34px);margin-top:13px;font-family:var(--rp-ui-base-font-family);font-weight:400;font-size:13px;line-height:20px;color:var(--rp-ui-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_11gdx_1{position:relative;font-family:var(--rp-ui-base-font-family);font-weight:400;font-size:20px;line-height:31px;color:var(--rp-ui-color-text);padding-bottom:24px}._modal-header-content_11gdx_11{display:flex;justify-content:stretch;align-items:center;width:100%;padding-right:30px;box-sizing:border-box}._modal-title_11gdx_20{flex-grow:1;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}._close-modal-icon_11gdx_28{position:absolute;top:6px;right:0;line-height:normal;cursor:pointer}._modal_1kzzv_1{position:absolute;top:0;left:0;display:block;width:100%;height:100%;text-align:center}._overlay-default_1kzzv_11{background-color:var(--rp-ui-base-overlay)}._overlay-light-cyan_1kzzv_15{background-color:var(--rp-ui-base-overlay-light-cyan)}._scrolling-content_1kzzv_19{position:fixed;width:100%;height:100%}._modal-window_1kzzv_25{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-base-bg-100);text-align:left;border-radius:16px;box-shadow:var(--rp-ui-base-shadow-secondary);opacity:1;outline:none;max-height:90%}._size-default_1kzzv_42{width:480px}@media (max-width: 480px){._size-default_1kzzv_42{right:10px;left:10px;transform:none;width:auto}}._size-small_1kzzv_54{width:320px}@media (max-width: 320px){._size-small_1kzzv_54{right:10px;left:10px;transform:none;width:auto}}._size-large_1kzzv_66{width:720px}@media (max-width: 720px){._size-large_1kzzv_66{right:10px;left:10px;transform:none;width:auto}}
|
|
1
|
+
._checkbox_189ko_1{display:inline-flex;align-items:center;padding-left:24px;color:var(--rp-ui-color-text-2);font-family:var(--rp-ui-base-font-family);font-weight:500;font-size:13px;line-height:20px}._checkbox_189ko_1 ._disabled_189ko_11{opacity:var(--rp-ui-opacity-default);pointer-events:none}._input_189ko_16{position:absolute;opacity:0;top:0;left:0}._control_189ko_23{position:absolute;width:16px;height:16px;border:1px solid var(--rp-ui-color-field-border-2);border-radius:3px;margin-left:-24px;box-sizing:border-box;cursor:pointer}._input_189ko_16:checked+._control_189ko_23{border-color:var(--rp-ui-color-primary);background-color:var(--rp-ui-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_189ko_16:hover+._control_189ko_23{border-color:var(--rp-ui-color-field-hover-2)}._input_189ko_16:active:not(:disabled)+._control_189ko_23{border:2px solid var(--rp-ui-color-primary-focused)}._input_189ko_16:checked:hover+._control_189ko_23{border-color:var(--rp-ui-color-primary-hover);background-color:var(--rp-ui-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_189ko_16:checked:active:not(:disabled)+._control_189ko_23{border-color:var(--rp-ui-color-primary-focused);background-color:var(--rp-ui-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_189ko_16:disabled+._control_189ko_23{border-color:var(--rp-ui-color-disabled)}._input_189ko_16:checked:disabled+._control_189ko_23{border-color:var(--rp-ui-color-primary);background-color:var(--rp-ui-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-opacity-default);pointer-events:none}._input_189ko_16:focus+._control_189ko_23{border:2px solid var(--rp-ui-color-primary-focused)}._input_189ko_16._partially-checked_189ko_76:not(:checked)+._control_189ko_23{border-color:var(--rp-ui-color-field-border);background-repeat:no-repeat;background-position:center;position:relative}._input_189ko_16._partially-checked_189ko_76:not(:checked)+._control_189ko_23:after{content:"";display:block;width:8px;height:2px;border-radius:1px;background-color:var(--rp-ui-color-field-border-2);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}._input_189ko_16._partially-checked_189ko_76:not(:checked):hover+._control_189ko_23{border-color:var(--rp-ui-color-field-border-2-hover);background-repeat:no-repeat;background-position:center;position:relative}._input_189ko_16._partially-checked_189ko_76:not(:checked):hover+._control_189ko_23:after{content:"";display:block;width:8px;height:2px;border-radius:1px;background-color:var(--rp-ui-color-primary-hover);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}._input_189ko_16._partially-checked_189ko_76:not(:checked):active:not(:disabled)+._control_189ko_23{border-color:var(--rp-ui-color-primary-focused);background-repeat:no-repeat;background-position:center;position:relative}._input_189ko_16._partially-checked_189ko_76:not(:checked):active:not(:disabled)+._control_189ko_23:after{content:"";display:block;width:8px;height:2px;border-radius:1px;background-color:var(--rp-ui-color-field-border-2);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}._input_189ko_16._partially-checked_189ko_76:not(:checked):disabled+._control_189ko_23{border-color:var(--rp-ui-color-field-borderd);background-repeat:no-repeat;background-position:center;position:relative}._input_189ko_16._partially-checked_189ko_76:not(:checked):disabled+._control_189ko_23:after{content:"";display:block;width:8px;height:2px;border-radius:1px;background-color:var(--rp-ui-color-field-border);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}._children_189ko_149{cursor:pointer}._children_189ko_149 a{text-decoration:none;color:var(--rp-ui-color-primary)}._children_189ko_149 a:focus,._children_189ko_149 a:focus-visible{outline:none;color:var(--rp-ui-color-primary-focused);text-decoration:underline}._system-message_fp9ws_1{min-height:85px;height:auto;width:100%;background:var(--rp-ui-base-bg-000);border-radius:8px;box-shadow:var(--rp-ui-base-shadow);display:flex;flex-direction:column;font-family:var(--rp-ui-base-font-family)}._system-message_fp9ws_1 ._stripes-info_fp9ws_12{height:8px;border-radius:8px 8px 0 0;background-image:repeating-linear-gradient(45deg,var(--rp-ui-base-sm-info-line-100),var(--rp-ui-base-sm-info-line-100) 24px,var(--rp-ui-base-e-200) 24px,var(--rp-ui-base-e-200) 48px)}._system-message_fp9ws_1 ._stripes-warning_fp9ws_17{height:8px;border-radius:8px 8px 0 0;background-image:repeating-linear-gradient(45deg,var(--rp-ui-base-sm-warning-line-100),var(--rp-ui-base-sm-warning-line-100) 24px,var(--rp-ui-base-sm-warning-line-200) 24px,var(--rp-ui-base-sm-warning-line-200) 48px)}._system-message_fp9ws_1 ._stripes-error_fp9ws_22{height:8px;border-radius:8px 8px 0 0;background-image:repeating-linear-gradient(45deg,var(--rp-ui-base-sm-error-line-100),var(--rp-ui-base-sm-error-line-100) 24px,var(--rp-ui-base-sm-error-line-200) 24px,var(--rp-ui-base-sm-error-line-200) 48px)}._system-message_fp9ws_1 ._text-container_fp9ws_27{padding:12px 16px 16px}._system-message_fp9ws_1 ._text-container_fp9ws_27 ._message-header-info_fp9ws_30{font-size:15px;line-height:24px;font-weight:500;color:var(--rp-ui-base-e-400);text-transform:capitalize;margin-bottom:8px}._system-message_fp9ws_1 ._text-container_fp9ws_27 ._message-header-warning_fp9ws_38{font-size:15px;line-height:24px;font-weight:500;color:var(--rp-ui-base-sm-warning);text-transform:capitalize;margin-bottom:8px}._system-message_fp9ws_1 ._text-container_fp9ws_27 ._message-header-error_fp9ws_46{font-size:15px;line-height:24px;font-weight:500;color:var(--rp-ui-base-sm-error);text-transform:capitalize;margin-bottom:8px}._system-message_fp9ws_1 ._text-container_fp9ws_27 ._children_fp9ws_54{text-indent:1px;color:var(--rp-ui-color-text);font-weight:700;font-size:13px;line-height:20px}._system-message_fp9ws_1 ._text-container_fp9ws_27 p{margin-top:4px;max-width:780px;color:var(--rp-ui-base-e-400);font-weight:400;font-size:12px;line-height:18px}._content-width_fp9ws_70{max-width:max-content}._toggle_p1gaq_1{position:relative;display:inline-flex;align-items:center;font-family:var(--rp-ui-base-font-family);font-weight:400;font-size:13px;line-height:20px;color:var(--rp-ui-base-almost-black);cursor:pointer}._children-container_p1gaq_13{margin-left:40px}._children-container_p1gaq_13 a{text-decoration:none;color:var(--rp-ui-base-topaz)}._children-container_p1gaq_13 a:focus,._children-container_p1gaq_13 a:focus-visible{outline:none;color:var(--rp-ui-base-topaz-focused);text-decoration:underline}._slider_p1gaq_26{background-color:var(--rp-ui-base-e-300);cursor:pointer;position:absolute;transition:.4s;border-radius:10px;width:32px;height:20px}._slider_p1gaq_26:before{position:absolute;top:2px;left:2px;content:"";width:16px;height:16px;background-color:var(--rp-ui-base-bg-000);transition:.4s}._round_p1gaq_46:before{border-radius:50%}._input_p1gaq_50{position:absolute;opacity:0;top:0;left:0}._input_p1gaq_50:disabled+._slider_p1gaq_26{background-color:var(--rp-ui-base-e-200);cursor:default}._input_p1gaq_50:focus-visible{outline:none}._input_p1gaq_50:focus:not(._disabled_p1gaq_63):after,._input_p1gaq_50:focus-visible:not(._disabled_p1gaq_63)+._slider_p1gaq_26:after{top:50%;left:50%;content:"";position:absolute;width:100%;height:100%;border:2px solid var(--rp-ui-base-topaz-focused);border-radius:12px;transform:translate(-50%,-50%)}._input_p1gaq_50:checked+._slider_p1gaq_26{background-color:var(--rp-ui-base-topaz)}._input_p1gaq_50:checked+._slider_p1gaq_26:before{transform:translate(12px)}._input_p1gaq_50:hover+._slider_p1gaq_26{background-color:var(--rp-ui-base-e-400)}._input_p1gaq_50:checked:hover+._slider_p1gaq_26{background-color:var(--rp-ui-base-topaz-hover)}._input_p1gaq_50:checked:disabled+._slider_p1gaq_26{background-color:var(--rp-ui-base-topaz);cursor:default}._disabled_p1gaq_63{opacity:.3;cursor:default}._bubbles-loader_kn4ln_1{position:relative}._bubbles-loader_kn4ln_1._color-topaz_kn4ln_4 ._bubble_kn4ln_1{background-color:var(--rp-ui-base-dark-topaz-main)}._bubble_kn4ln_1{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--rp-ui-base-bg-000);transform:scale(.3);animation:_bubbles_kn4ln_1 2.5s infinite linear}._bubble_kn4ln_1:nth-child(1){left:0;animation-delay:.1s}._bubble_kn4ln_1:nth-child(2){left:7px;animation-delay:.3s}._bubble_kn4ln_1:nth-child(3){left:14px;animation-delay:.5s}._bubble_kn4ln_1:nth-child(4){left:21px;animation-delay:.7s}._bubble_kn4ln_1:nth-child(5){left:28px;animation-delay:.9s}._bubble_kn4ln_1:nth-child(6){left:35px;animation-delay:1.1s}._bubble_kn4ln_1:nth-child(7){left:42px;animation-delay:1.3s}@keyframes _bubbles_kn4ln_1{20%,60%{transform:scale(.5)}40%{transform:scale(1)}}._radio-button_1sze8_1{display:flex;align-items:center;height:100%;outline:none;cursor:pointer;padding-bottom:4px}._radio-button_1sze8_1._disabled_1sze8_9{cursor:default}._radio-button_1sze8_1._disabled_1sze8_9 ._children-container_1sze8_12{color:var(--rp-ui-base-e-300)}._radio-button_1sze8_1._disabled_1sze8_9 ._toggler_1sze8_15{opacity:.3}._radio-button_1sze8_1._disabled_1sze8_9 ._toggler_1sze8_15:after{background-color:transparent}._radio-button_1sze8_1._disabled_1sze8_9 ._toggler_1sze8_15._checked_1sze8_21:after{background-color:var(--rp-ui-base-topaz-pressed)}._radio-button_1sze8_1:focus-visible:not(._disabled_1sze8_9) ._toggler_1sze8_15{border:2px solid var(--rp-ui-color-primary-focused)}._input_1sze8_28{display:none}._toggler_1sze8_15{display:flex;width:16px;height:16px;min-width:16px;box-sizing:border-box;margin:auto 10px auto 0;border-radius:100%;border-width:1px;border-style:solid;line-height:18;border-color:var(--rp-ui-color-field-border-2)}._toggler_1sze8_15:after{width:8px;height:8px;content:"";display:block;border-radius:100%;margin:auto;background-color:var(--rp-ui-color-radio-cheked);opacity:0;transform:scale(.5);transition:transform .2s,opacity .2s}._toggler_1sze8_15:hover:not(._disabled_1sze8_9){border-color:var(--rp-ui-color-field-border-2-hover)}._toggler_1sze8_15:hover:not(._disabled_1sze8_9):after{background-color:var(--rp-ui-color-primary-hover)}._toggler_1sze8_15._checked_1sze8_21:after,._toggler_1sze8_15._disabled_1sze8_9:after{transform:scale(1);opacity:1}._children-container_1sze8_12{display:inline-block;overflow:hidden;max-width:100%;font-family:var(--rp-ui-base-font-family);font-weight:500;font-size:13px;line-height:20px;word-break:break-all;text-overflow:ellipsis;color:var(--rp-ui-color-text)}._children-container_1sze8_12 a{text-decoration:none;color:var(--rp-ui-base-topaz)}._children-container_1sze8_12 a:focus,._children-container_1sze8_12 a:focus-visible{outline:none;color:var(--rp-ui-base-topaz-focused);text-decoration:underline}._text-area_cxv68_1{font-size:13px;line-height:20px;width:100%;min-height:72px;padding:9px 12px 7px;outline:none;border:1px solid var(--rp-ui-base-e-200);border-radius:3px;box-sizing:border-box;font-family:var(--rp-ui-base-font-family);font-weight:400;color:var(--rp-ui-base-almost-black);resize:vertical}._text-area_cxv68_1:hover{border-color:var(--rp-ui-base-e-300)}._text-area_cxv68_1:focus:not(._error_cxv68_19._touched_cxv68_19){border:1px solid var(--rp-ui-base-topaz-hover);box-shadow:0 0 0 1px var(--rp-ui-base-topaz-hover)}._text-area_cxv68_1._error_cxv68_19._touched_cxv68_19{border:1px solid var(--rp-ui-base-error)}._text-area_cxv68_1::placeholder{color:var(--rp-ui-base-e-300)}._label_cxv68_30{font-size:13px;line-height:20px;font-family:var(--rp-ui-base-font-family);font-weight:500;color:var(--rp-ui-base-almost-black);margin-bottom:4px}._additional-content_cxv68_39 ._error-text_cxv68_39{font-size:11px;line-height:16px;display:block;font-family:var(--rp-ui-base-font-family);font-weight:400;color:var(--rp-ui-base-error)}._additional-content_cxv68_39 ._help-text_cxv68_47{font-size:11px;line-height:16px;display:block;font-family:var(--rp-ui-base-font-family);font-weight:400;color:var(--rp-ui-base-e-300)}._disabled_cxv68_56{opacity:.3;pointer-events:none}._button_1fbsg_1{display:inline-flex;justify-content:center;align-items:center;height:36px;padding:7px 16px;margin:0;outline:none;border-radius:3px;font-family:var(--rp-ui-base-font-family);font-weight:500;font-size:13px;line-height:20px;cursor:pointer;box-sizing:border-box}._primary_1fbsg_18{border:1px solid var(--rp-ui-color-primary);background-color:var(--rp-ui-color-primary);color:var(--rp-ui-base-bg-000)}._primary_1fbsg_18:hover:not(._disabled_1fbsg_23){border:1px solid var(--rp-ui-color-primary-hover);background-color:var(--rp-ui-color-primary-hover)}._primary_1fbsg_18:active:not(._disabled_1fbsg_23){border:1px solid var(--rp-ui-color-primary-pressed);background-color:var(--rp-ui-color-primary-pressed)}._primary_1fbsg_18:focus:not(._disabled_1fbsg_23,:active){border:2px solid var(--rp-ui-color-primary-focused)}._ghost_1fbsg_35{border:1px solid var(--rp-ui-color-primary);background-color:transparent;color:var(--rp-ui-color-primary-text)}._ghost_1fbsg_35:hover:not(._disabled_1fbsg_23){border:1px solid var(--rp-ui-base-dark-topaz-hover);color:var(--rp-ui-base-dark-topaz-hover)}._ghost_1fbsg_35:active:not(._disabled_1fbsg_23){border:1px solid var(--rp-ui-color-primary-pressed);color:var(--rp-ui-color-primary-pressed)}._ghost_1fbsg_35:focus:not(._disabled_1fbsg_23,:active){border:2px solid var(--rp-ui-color-primary-focused);color:var(--rp-ui-color-primary-focused)}._danger_1fbsg_53{border:1px solid var(--rp-ui-color-error);background-color:var(--rp-ui-color-error);color:var(--rp-ui-base-bg-000)}._danger_1fbsg_53:hover:not(._disabled_1fbsg_23){opacity:.9}._danger_1fbsg_53:active:not(._disabled_1fbsg_23){border:1px solid var(--rp-ui-color-error-pressed);background-color:var(--rp-ui-color-error-pressed)}._danger_1fbsg_53:focus:not(._disabled_1fbsg_23,:active){border:2px solid var(--rp-ui-color-error-focused)}._text_1fbsg_69{min-width:auto;height:auto;border:0;padding:0;background:none;line-height:22px;color:var(--rp-ui-color-primary-text)}._text_1fbsg_69:hover:not(._disabled_1fbsg_23){color:var(--rp-ui-color-primary-hover)}._text_1fbsg_69:hover:not(._disabled_1fbsg_23) svg *{fill:var(--rp-ui-color-primary-hover)}._text_1fbsg_69:active:not(._disabled_1fbsg_23){color:var(--rp-ui-color-primary-pressed)}._text_1fbsg_69:active:not(._disabled_1fbsg_23) svg *{fill:var(--rp-ui-color-primary-pressed)}._text_1fbsg_69:focus:not(._disabled_1fbsg_23,:active){color:var(--rp-ui-color-primary-focused)}._text_1fbsg_69:focus:not(._disabled_1fbsg_23,:active) svg *{fill:var(--rp-ui-color-primary-focused)}._text_1fbsg_69 svg *{fill:var(--rp-ui-color-primary-text)}._disabled_1fbsg_23{opacity:var(--rp-ui-opacity-default);cursor:default}._width-wide-content_1fbsg_105{padding:9px 47px 7px;margin:0}._width-parent_1fbsg_110{display:flex;width:100%}._icon_1fbsg_115{display:inline-block;width:16px;height:16px}._icon-start_1fbsg_121{margin:auto 8px auto 0}._icon-end_1fbsg_125{margin:auto 0 auto 8px;order:1}._base-icon-button_p6ked_1{margin:0;padding:0;outline:none;background:transparent;border:none;cursor:pointer}._base-icon-button_p6ked_1 svg path{fill:var(--rp-ui-base-e-300)}._base-icon-button_p6ked_1._disabled_p6ked_12{opacity:40%;cursor:default}._base-icon-button_p6ked_1:hover:not(._disabled_p6ked_12) svg path{fill:var(--rp-ui-base-e-400)}._base-icon-button_p6ked_1:active:not(._disabled_p6ked_12) svg path{fill:var(--rp-ui-base-topaz-pressed)}._base-icon-button_p6ked_1:focus:not(._disabled_p6ked_12,:active) svg path{fill:var(--rp-ui-base-topaz-focused)}@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-base-bg-000: #ffffff;--rp-ui-base-bg-100: #f7f7f8;--rp-ui-base-bg-200: #eceff4;--rp-ui-base-error: #dc5959;--rp-ui-base-error-hover: #f24a4a;--rp-ui-base-error-pressed: #c54141;--rp-ui-base-error-focused: #ffb1b1;--rp-ui-base-topaz: #00829b;--rp-ui-base-topaz-hover: #009dbb;--rp-ui-base-topaz-focused: #00b0d1;--rp-ui-base-topaz-pressed: #00758c;--rp-ui-base-almost-black: #3f3f3f;--rp-ui-base-e-100: #e3e7ec;--rp-ui-base-e-200: #c1c7d0;--rp-ui-base-e-300: #a2aab5;--rp-ui-base-e-400: #8d95a1;--rp-ui-base-dark-bg: #101010;--rp-ui-base-dark-bg-solid-98: #141414;--rp-ui-base-dark-error: #ff4040;--rp-ui-base-dark-error-text: #ff6666;--rp-ui-base-dark-log-error: #ff3222;--rp-ui-base-dark-log-fatal: #c2352b;--rp-ui-base-dark-topaz-main: #1a9cb0;--rp-ui-base-dark-topaz-hover: #1cb0c7;--rp-ui-base-dark-topaz-focused: #1dbdd6;--rp-ui-base-dark-topaz-pressed: #9ee7f2;--rp-ui-base-dark-topaz-text: #3abcd0;--rp-ui-base-dark-topaz-additional: #00505d;--rp-ui-base-dark-e-50: #e8e8e8;--rp-ui-base-dark-e-100: #cfcfcf;--rp-ui-base-dark-e-150: #8f8f8f;--rp-ui-base-dark-e-200: #626262;--rp-ui-base-dark-e-300: #383838;--rp-ui-base-dark-e-400: #262626;--rp-ui-base-dark-e-500: #222222;--rp-ui-base-sm-warning: #d78706;--rp-ui-base-sm-warning-line-100: #fceecb;--rp-ui-base-sm-warning-line-200: #fbe7b6;--rp-ui-base-sm-error: #db3549;--rp-ui-base-sm-error-line-100: #fccbcb;--rp-ui-base-sm-error-line-200: #ffc0bd;--rp-ui-base-sm-info-line-100: #ced3db;--rp-ui-base-defect-type-AB: #ffc208;--rp-ui-base-tag-value-text: #394db6;--rp-ui-base-tag-value-background: #ced8fc;--rp-ui-base-tag-key-text: #6f4599;--rp-ui-base-tag-key-background: #dac3e6;--rp-ui-base-system-issue-group: #3e7be6;--rp-ui-base-product-bug-group: #d32f2f;--rp-ui-base-automation-bug-group: #ffc208;--rp-ui-base-no-defect-bug-group: #76839b;--rp-ui-base-test-execution-status-passed: #3aa76d;--rp-ui-base-shadow: 0px 1px 3px rgba(55, 67, 98, .1);--rp-ui-base-shadow-hover: 0px 1px 3px rgba(55, 67, 98, .2);--rp-ui-base-shadow-secondary: 0 8px 40px rgba(0, 0, 0, .15);--rp-ui-base-almost-black-light: rgba(63, 63, 63, .75);--rp-ui-base-almost-black-slight-light: rgba(63, 63, 63, .95);--rp-ui-base-overlay: rgba(141, 149, 161, .35);--rp-ui-base-overlay-light-cyan: rgba(208, 240, 241, .7);--rp-ui-base-font-family: Roboto, Arial, Helvetica, sans-serif;--rp-ui-base-font-family-heading: OpenSans, Segoe UI, Tahoma, sans-serif;--rp-ui-color-bg: var(--rp-ui-base-bg-000);--rp-ui-color-bg-2: var(--rp-ui-base-bg-100);--rp-ui-color-bg-3: var(--rp-ui-base-bg-200);--rp-ui-color-primary: var(--rp-ui-base-topaz);--rp-ui-color-primary-hover: var(--rp-ui-base-topaz-hover);--rp-ui-color-primary-focused: var(--rp-ui-base-topaz-focused);--rp-ui-color-primary-pressed: var(--rp-ui-base-topaz-pressed);--rp-ui-color-primary-text: var(--rp-ui-base-topaz);--rp-ui-color-error: var(--rp-ui-base-error);--rp-ui-color-error-hover: var(--rp-ui-base-error-hover);--rp-ui-color-error-pressed: var(--rp-ui-base-error-pressed);--rp-ui-color-error-focused: var(--rp-ui-base-error-focused);--rp-ui-color-text: var(--rp-ui-base-almost-black);--rp-ui-color-text-2: var(--rp-ui-base-almost-black);--rp-ui-color-text-3: var(--rp-ui-base-almost-black);--rp-ui-color-field-bg: var(--rp-ui-base-bg-000);--rp-ui-color-field-bg-2: var(--rp-ui-base-bg-100);--rp-ui-color-field-border: var(--rp-ui-base-e-200);--rp-ui-color-field-border-2: var(--rp-ui-base-e-300);--rp-ui-color-field-border-2-hover: var(--rp-ui-base-e-400);--rp-ui-color-field-hover: var(--rp-ui-base-e-300);--rp-ui-color-field-hover-2: var(--rp-ui-base-e-400);--rp-ui-color-field-opened: var(--rp-ui-base-topaz-pressed);--rp-ui-color-field-placeholder: var(--rp-ui-base-almost-black);--rp-ui-color-radio-cheked: var(--rp-ui-base-topaz-pressed);--rp-ui-color-disabled: var(--rp-ui-base-e-300);--rp-ui-opacity-default: 30%}.rp-ui-kit-theme-light{--rp-ui-color-bg: var(--rp-ui-base-bg-000);--rp-ui-color-bg-2: var(--rp-ui-base-bg-100);--rp-ui-color-bg-3: var(--rp-ui-base-bg-200);--rp-ui-color-primary: var(--rp-ui-base-topaz);--rp-ui-color-primary-hover: var(--rp-ui-base-topaz-hover);--rp-ui-color-primary-focused: var(--rp-ui-base-topaz-focused);--rp-ui-color-primary-pressed: var(--rp-ui-base-topaz-pressed);--rp-ui-color-primary-text: var(--rp-ui-base-topaz);--rp-ui-color-error: var(--rp-ui-base-error);--rp-ui-color-error-hover: var(--rp-ui-base-error-hover);--rp-ui-color-error-pressed: var(--rp-ui-base-error-pressed);--rp-ui-color-error-focused: var(--rp-ui-base-error-focused);--rp-ui-color-text: var(--rp-ui-base-almost-black);--rp-ui-color-text-2: var(--rp-ui-base-almost-black);--rp-ui-color-text-3: var(--rp-ui-base-almost-black);--rp-ui-color-field-bg: var(--rp-ui-base-bg-000);--rp-ui-color-field-bg-2: var(--rp-ui-base-bg-100);--rp-ui-color-field-border: var(--rp-ui-base-e-200);--rp-ui-color-field-border-2: var(--rp-ui-base-e-300);--rp-ui-color-field-border-2-hover: var(--rp-ui-base-e-400);--rp-ui-color-field-hover: var(--rp-ui-base-e-300);--rp-ui-color-field-hover-2: var(--rp-ui-base-e-400);--rp-ui-color-field-opened: var(--rp-ui-base-topaz-pressed);--rp-ui-color-field-placeholder: var(--rp-ui-base-almost-black);--rp-ui-color-radio-cheked: var(--rp-ui-base-topaz-pressed);--rp-ui-color-disabled: var(--rp-ui-base-e-300);--rp-ui-opacity-default: 30%}.rp-ui-kit-theme-dark{--rp-ui-color-bg: var(--rp-ui-base-dark-bg);--rp-ui-color-bg-2: var(--rp-ui-base-dark-bg);--rp-ui-color-bg-3: var(--rp-ui-base-dark-bg-solid-98);--rp-ui-color-primary: var(--rp-ui-base-dark-topaz-main);--rp-ui-color-primary-hover: var(--rp-ui-base-dark-topaz-hover);--rp-ui-color-primary-focused: var(--rp-ui-base-dark-topaz-focused);--rp-ui-color-primary-pressed: var(--rp-ui-base-dark-topaz-pressed);--rp-ui-color-primary-text: var(--rp-ui-base-dark-topaz-text);--rp-ui-color-error: var(--rp-ui-base-dark-error);--rp-ui-color-error-hover: var(--rp-ui-base-error-hover);--rp-ui-color-error-pressed: var(--rp-ui-base-error-pressed);--rp-ui-color-error-focused: var(--rp-ui-base-error-focused);--rp-ui-color-text: var(--rp-ui-base-dark-e-50);--rp-ui-color-text-2: var(--rp-ui-base-dark-e-100);--rp-ui-color-text-3: var(--rp-ui-base-bg-000);--rp-ui-color-field-bg: var(--rp-ui-base-dark-e-400);--rp-ui-color-field-bg-2: var(--rp-ui-base-dark-e-400);--rp-ui-color-field-border: var(--rp-ui-base-dark-e-400);--rp-ui-color-field-border-2: var(--rp-ui-base-dark-e-100);--rp-ui-color-field-border-2-hover: var(--rp-ui-base-dark-e-50);--rp-ui-color-field-hover: var(--rp-ui-base-e-200);--rp-ui-color-field-hover-2: var(--rp-ui-base-e-300);--rp-ui-color-field-opened: var(--rp-ui-base-e-200);--rp-ui-color-field-placeholder: var(--rp-ui-base-dark-e-200);--rp-ui-color-radio-cheked: var(--rp-ui-base-dark-topaz-main);--rp-ui-color-disabled: var(--rp-ui-base-dark-e-100);--rp-ui-opacity-default: 50%}._theme-provider_xipmx_1{height:100%;width:100%}._icon-container_18rqf_1,._icon-container-end_18rqf_1,._icon-container-start_18rqf_1{display:flex;justify-content:center;align-items:center;flex-shrink:0;width:22px;height:22px}._icon-container-start_18rqf_1{margin-right:4px}._icon-container-end_18rqf_1{margin-left:4px}._label_18rqf_18{display:block;margin-bottom:4px;font-family:var(--rp-ui-base-font-family);font-weight:500;font-size:13px;line-height:20px;color:var(--rp-ui-color-text)}._label_18rqf_18 ._asterisk_18rqf_27{position:absolute;top:-3px;color:var(--rp-ui-base-e-300);padding-left:4px}._label_18rqf_18._disabled_18rqf_33{pointer-events:none;background-color:var(--rp-ui-base-bg-100)}._field_18rqf_38{display:flex;align-items:center;height:36px;width:100%;padding:7px 12px;box-sizing:border-box;border:1px solid var(--rp-ui-base-e-200);border-radius:3px;background-color:var(--rp-ui-base-bg-000)}._field_18rqf_38:hover:not(._disabled_18rqf_33){border-color:var(--rp-ui-base-e-300)}._field_18rqf_38:focus-within:not(._error_18rqf_52._touched_18rqf_52){padding:6px 11px;border:2px solid var(--rp-ui-color-primary-focused)}._field_18rqf_38._error_18rqf_52._touched_18rqf_52{border-color:var(--rp-ui-base-error)}._field_18rqf_38._disabled_18rqf_33{pointer-events:none;background-color:var(--rp-ui-base-bg-100)}._field_18rqf_38._disabled_18rqf_33 ._placeholder_18rqf_63{color:var(--rp-ui-base-e-300)}._field_18rqf_38._default-width_18rqf_66{width:240px}._input-container_18rqf_70{position:relative;width:100%}._input_18rqf_70{font-size:13px;line-height:20px;font-family:var(--rp-ui-base-font-family);font-weight:400;width:100%;margin:2px 0 0;padding:0;border:none;background:transparent;overflow:hidden;text-overflow:ellipsis;color:var(--rp-ui-color-text)}._input_18rqf_70:focus{outline:none}._input_18rqf_70:disabled{color:var(--rp-ui-base-e-300)}._placeholder_18rqf_63{font-size:13px;line-height:20px;font-family:var(--rp-ui-base-font-family);font-weight:400;color:var(--rp-ui-base-dark-e-300);position:absolute;top:2px;left:0;pointer-events:none}._placeholder_18rqf_63 ._asterisk_18rqf_27:after{position:absolute;top:-3px;color:var(--rp-ui-base-e-300);right:-7px;content:"*";color:var(--rp-ui-base-error-focused)}._icon_18rqf_1,._clear-icon_18rqf_116{display:inline-block;width:16px;height:16px}._clear-icon_18rqf_116{background:none;border:none;padding:0;font:inherit;outline:inherit;cursor:pointer}._clear-icon_18rqf_116._disabled_18rqf_33{pointer-events:none}._clear-icon_18rqf_116:hover svg{fill:var(--rp-ui-base-e-400)}._clear-icon_18rqf_116:hover svg>rect{fill:var(--rp-ui-base-e-400)}._clear-icon_18rqf_116:focus svg{fill:var(--rp-ui-color-primary-focused)}._clear-icon_18rqf_116:focus svg>rect{fill:var(--rp-ui-color-primary-focused)}._clear-icon_18rqf_116:active svg{fill:var(--rp-ui-color-primary-pressed)}._clear-icon_18rqf_116:active svg>rect{fill:var(--rp-ui-color-primary-pressed)}._additional-content_18rqf_152{margin-top:4px}._additional-content_18rqf_152._disabled_18rqf_33{pointer-events:none}._text_18rqf_159{font-size:11px;line-height:16px;font-family:var(--rp-ui-base-font-family);font-weight:400;display:block}._error-text_18rqf_167{color:var(--rp-ui-base-error)}._help-text_18rqf_171{color:var(--rp-ui-base-dark-e-300)}._field-number_3tc9r_1{position:relative;display:inline-flex;flex-direction:column}._field-number_3tc9r_1._disabled_3tc9r_6{opacity:.4}._label_3tc9r_10{display:block;margin-bottom:4px;font-family:var(--rp-ui-base-font-family);font-weight:500;font-size:13px;line-height:20px;text-indent:1px;color:var(--rp-ui-base-almost-black)}._sign_3tc9r_21{display:inline-flex;cursor:pointer}._input-container_3tc9r_26{display:inline-flex;align-items:center;padding:6px 8px;border:1px solid var(--rp-ui-base-e-200);box-sizing:border-box;border-radius:3px;background:var(--rp-ui-base-bg-000);-webkit-user-select:none;user-select:none}._input-container_3tc9r_26:focus-within:not(._error_3tc9r_36._touched_3tc9r_36){padding:5px 7px;border-width:2px;border-color:var(--rp-ui-base-topaz-focused)}._input-container_3tc9r_26:hover:not(._disabled_3tc9r_6):not(:focus-within):not(._error_3tc9r_36._touched_3tc9r_36),._input-container_3tc9r_26._filled_3tc9r_41:not(:focus-within){border-color:var(--rp-ui-base-e-300)}._input-container_3tc9r_26._error_3tc9r_36._touched_3tc9r_36{border-color:var(--rp-ui-base-error)}._input-field_3tc9r_48{display:flex;align-items:center;justify-content:center;height:20px;min-width:44px;margin:2px 4px 0;text-align:center;cursor:text}._input-field_3tc9r_48._disabled_3tc9r_6{cursor:default}._input_3tc9r_26{padding:0;margin:0;border:none;text-align:center;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}._input_3tc9r_26:focus{outline:none}._input_3tc9r_26:focus::placeholder{color:transparent}._input_3tc9r_26::placeholder{color:var(--rp-ui-base-e-200)}._input_3tc9r_26::-webkit-inner-spin-button,._input_3tc9r_26::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}._dropdown-option_nx3fh_1{display:inline-block;width:100%;padding:9px 12px 7px;font-family:var(--rp-ui-base-font-family);font-weight:400;font-size:13px;line-height:20px;box-sizing:border-box;cursor:pointer;color:var(--rp-ui-color-text-3)}._dropdown-option_nx3fh_1._disabled_nx3fh_13{pointer-events:none;background-color:var(--rp-ui-color-field-bg-2)}._dropdown-option_nx3fh_1._hidden_nx3fh_17{display:none}._dropdown-option_nx3fh_1:hover:not(:active){background:var(--rp-ui-color-bg-3)}._dropdown-option_nx3fh_1._selected_nx3fh_23{color:var(--rp-ui-color-primary-text)}._dropdown-option_nx3fh_1._hover_nx3fh_26:not(._disabled_nx3fh_13){padding:8px 11px 6px;background-color:var(--rp-ui-color-bg-3);border:1px solid var(--rp-ui-color-primary-focused)}._dropdown-option_nx3fh_1._hover_nx3fh_26:not(._disabled_nx3fh_13):hover{border:none;padding:9px 12px 7px}._dropdown-option_nx3fh_1._hover_nx3fh_26:not(._disabled_nx3fh_13):hover:hover:not(:active){background:var(--rp-ui-color-bg-3)}._single-option_nx3fh_39{display:flex;align-items:center;height:100%}._sub-option_nx3fh_45{padding-left:24px}._container_3wi7d_1{position:relative;display:inline-block;width:100%}._icon_3wi7d_7{width:16px;height:16px;margin-right:8px}._arrow_3wi7d_13{display:inline-flex;margin-left:12px;transition:transform .2s linear}._dropdown_3wi7d_19{display:flex;align-items:center;text-align:start;padding:9px 12px 7px;width:100%;height:36px;border:1px solid var(--rp-ui-color-field-border);border-radius:3px;background-color:var(--rp-ui-color-field-bg);box-sizing:border-box;transition:border-color .2s linear;cursor:pointer}._dropdown_3wi7d_19._transparent-background_3wi7d_33{background-color:transparent}._dropdown_3wi7d_19._disabled_3wi7d_36{pointer-events:none;background-color:var(--rp-ui-color-field-bg-2)}._dropdown_3wi7d_19._disabled_3wi7d_36 ._arrow_3wi7d_13 svg path{opacity:.4}._dropdown_3wi7d_19._disabled_3wi7d_36 ._value_3wi7d_43{color:var(--rp-ui-color-disabled)}._dropdown_3wi7d_19._error_3wi7d_46._touched_3wi7d_46{border-width:1px;border-color:var(--rp-ui-color-error)}._dropdown_3wi7d_19:hover:not(:active):not(:focus-visible):not(._opened_3wi7d_50):not(._error_3wi7d_46){border-color:var(--rp-ui-color-field-hover)}._dropdown_3wi7d_19:active,._dropdown_3wi7d_19:focus-visible{padding:7px 11px;border-width:2px;border-color:var(--rp-ui-color-primary-focused);outline:none}._dropdown_3wi7d_19:active ._arrow_3wi7d_13 svg path,._dropdown_3wi7d_19:focus-visible ._arrow_3wi7d_13 svg path{fill:var(--rp-ui-color-field-hover-2)}._dropdown_3wi7d_19._opened_3wi7d_50:not(:active):not(._error_3wi7d_46){border-width:1px;border-color:var(--rp-ui-color-primary-pressed)}._dropdown_3wi7d_19._opened_3wi7d_50:not(:active):not(._error_3wi7d_46) ._arrow_3wi7d_13 svg path{fill:var(--rp-ui-color-field-opened)}._dropdown_3wi7d_19._opened_3wi7d_50 ._arrow_3wi7d_13{transform:rotate(180deg)}._dropdown_3wi7d_19 ._placeholder_3wi7d_72{color:var(--rp-ui-color-field-placeholder)}._dropdown_3wi7d_19 ._value_3wi7d_43{flex-grow:1;font-family:var(--rp-ui-base-font-family);font-weight:400;font-size:13px;line-height:20px;color:var(--rp-ui-color-text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 767px){._dropdown_3wi7d_19 ._mobile-disabled_3wi7d_87{background-color:var(--rp-ui-color-field-bg-2)}}._select-list_3wi7d_92{position:absolute;top:100%;padding:8px 0;width:100%;min-height:10px;border-radius:3px;box-sizing:border-box;z-index:10;box-shadow:var(--rp-ui-base-shadow-secondary);background:var(--rp-ui-color-field-bg)}._select-list_3wi7d_92._opened_3wi7d_50:focus-visible{outline:none}._ghost_3wi7d_108{border-color:transparent;background:transparent}._ghost_3wi7d_108:hover:not(:active):not(:focus-visible):not(._opened_3wi7d_50):not(._error_3wi7d_46){border-color:transparent}._ghost_3wi7d_108._opened_3wi7d_50:not(:active):not(._error_3wi7d_46){border-color:transparent}._ghost_3wi7d_108._opened_3wi7d_50 ._value_3wi7d_43{color:var(--rp-ui-color-primary-pressed)}._item-counter_4g6do_1{display:inline-block;width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._size-selector_183l8_1{display:flex;flex-direction:column}._size-option_183l8_6{width:88px;padding:8px 0;outline:none;border:none;background:none;cursor:pointer;font-family:var(--rp-ui-base-font-family);font-weight:400;font-size:13px;line-height:20px;text-align:left;color:var(--rp-ui-base-almost-black)}._size-option_183l8_6:first-child{padding-top:0}._size-option_183l8_6:last-child{padding-bottom:0}._size-option_183l8_6:hover{color:var(--rp-ui-base-topaz-hover)}._size-option_183l8_6:active{color:var(--rp-ui-base-topaz-pressed)}._size-option_183l8_6._selected_183l8_32{color:var(--rp-ui-base-topaz)}._page-size-control_gnurh_1{display:flex;justify-content:flex-end;width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._size-selector-button_gnurh_10{margin-right:4px;font-weight:700;font-size:11px;line-height:16px}._page-selector_rtho4_1{display:flex;gap:8px}._field-wrapper_rtho4_6,._apply-button_rtho4_10{width:90px}._active-page_14j0y_1{display:inline-block;width:124px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right}._page-selector_14j0y_10{text-align:left}._page-selector-button_14j0y_14{margin-left:4px;font-weight:700;font-size:11px;line-height:16px}._page-navigator_1p2t5_1{display:flex;gap:16px}._page-buttons_1p2t5_6{display:inline-flex;gap:16px}._page-button_1p2t5_6{display:inline-flex;justify-content:center;align-items:center;width:16px;height:16px}._page-button_1p2t5_6._next_1p2t5_18{transform:rotateY(180deg)}._page-controls_thyf8_1{display:flex;flex-direction:row;align-items:center;gap:24px}._total-pages_thyf8_8{display:inline-block;width:124px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}._pagination_uykxy_1{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1200px;padding:24px 0;font-family:var(--rp-ui-base-font-family);font-weight:400;font-size:11px;line-height:16px;color:var(--rp-ui-base-almost-black)}._modal-content_ojybs_1{width:calc(100% - 34px);margin-top:13px;font-family:var(--rp-ui-base-font-family);font-weight:400;font-size:13px;line-height:20px;color:var(--rp-ui-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_11gdx_1{position:relative;font-family:var(--rp-ui-base-font-family);font-weight:400;font-size:20px;line-height:31px;color:var(--rp-ui-color-text);padding-bottom:24px}._modal-header-content_11gdx_11{display:flex;justify-content:stretch;align-items:center;width:100%;padding-right:30px;box-sizing:border-box}._modal-title_11gdx_20{flex-grow:1;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}._close-modal-icon_11gdx_28{position:absolute;top:6px;right:0;line-height:normal;cursor:pointer}._modal_1kzzv_1{position:absolute;top:0;left:0;display:block;width:100%;height:100%;text-align:center}._overlay-default_1kzzv_11{background-color:var(--rp-ui-base-overlay)}._overlay-light-cyan_1kzzv_15{background-color:var(--rp-ui-base-overlay-light-cyan)}._scrolling-content_1kzzv_19{position:fixed;width:100%;height:100%}._modal-window_1kzzv_25{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-base-bg-100);text-align:left;border-radius:16px;box-shadow:var(--rp-ui-base-shadow-secondary);opacity:1;outline:none;max-height:90%}._size-default_1kzzv_42{width:480px}@media (max-width: 480px){._size-default_1kzzv_42{right:10px;left:10px;transform:none;width:auto}}._size-small_1kzzv_54{width:320px}@media (max-width: 320px){._size-small_1kzzv_54{right:10px;left:10px;transform:none;width:auto}}._size-large_1kzzv_66{width:720px}@media (max-width: 720px){._size-large_1kzzv_66{right:10px;left:10px;transform:none;width:auto}}._tooltip-wrapper_7bl3z_1{display:block;width:fit-content;height:fit-content;cursor:pointer}._tooltip_7bl3z_1{transition:opacity .3s ease;margin:4px}._tooltip_7bl3z_1[data-placement*=bottom]{padding-top:9px;z-index:2}._tooltip_7bl3z_1[data-placement*=top]{padding-bottom:9px}._tooltip_7bl3z_1[data-placement*=left]{padding-right:9px}._tooltip_7bl3z_1[data-placement*=right]{padding-left:9px}._tooltip-content_7bl3z_26{padding:16px;border-radius:8px;background-color:var(--rp-ui-base-almost-black-slight-light);font-family:var(--rp-ui-base-font-family);font-weight:500;font-size:11px;line-height:16px;color:var(--rp-ui-base-bg-000);word-wrap:break-word;white-space:pre-wrap}._tooltip-arrow_7bl3z_39{position:absolute}._tooltip-arrow_7bl3z_39:before,._tooltip-arrow_7bl3z_39:after{content:"";margin:auto;display:block;width:0;height:0;border-style:solid}._tooltip-arrow_7bl3z_39:after{position:absolute}._tooltip-arrow_7bl3z_39[data-placement*=bottom]{top:0;width:18px;height:9px}._tooltip-arrow_7bl3z_39[data-placement*=bottom]:before,._tooltip-arrow_7bl3z_39[data-placement*=bottom]:after{border-width:0 9px 9px}._tooltip-arrow_7bl3z_39[data-placement*=bottom]:before{border-color:transparent transparent var(--rp-ui-base-almost-black-light)}._tooltip-arrow_7bl3z_39[data-placement*=bottom]:after{top:0;border-color:transparent transparent var(--rp-ui-base-almost-black-light)}._tooltip-arrow_7bl3z_39[data-placement*=top]{bottom:0;width:18px;height:9px}._tooltip-arrow_7bl3z_39[data-placement*=top]:before,._tooltip-arrow_7bl3z_39[data-placement*=top]:after{border-width:9px 9px 0}._tooltip-arrow_7bl3z_39[data-placement*=top]:before{border-color:var(--rp-ui-base-almost-black-light) transparent transparent}._tooltip-arrow_7bl3z_39[data-placement*=top]:after{bottom:0;border-color:var(--rp-ui-base-almost-black-light) transparent transparent}._tooltip-arrow_7bl3z_39[data-placement*=left]{right:0;width:9px;height:18px}._tooltip-arrow_7bl3z_39[data-placement*=left]:before,._tooltip-arrow_7bl3z_39[data-placement*=left]:after{border-width:9px 0 9px 9px}._tooltip-arrow_7bl3z_39[data-placement*=left]:before{border-color:transparent transparent transparent var(--rp-ui-base-almost-black-light)}._tooltip-arrow_7bl3z_39[data-placement*=left]:after{top:0;right:0;border-color:transparent transparent transparent var(--rp-ui-base-almost-black-light)}._tooltip-arrow_7bl3z_39[data-placement*=right]{left:0;width:9px;height:18px}._tooltip-arrow_7bl3z_39[data-placement*=right]:before,._tooltip-arrow_7bl3z_39[data-placement*=right]:after{border-width:9px 9px 9px 0}._tooltip-arrow_7bl3z_39[data-placement*=right]:before{border-color:transparent var(--rp-ui-base-almost-black-light) transparent transparent}._tooltip-arrow_7bl3z_39[data-placement*=right]:after{top:0;left:0;border-color:transparent var(--rp-ui-base-almost-black-light) transparent transparent}._popover-wrapper_16ogt_1{display:inline-block;width:fit-content;height:fit-content;cursor:pointer}._popover_16ogt_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_16ogt_28{font-family:var(--rp-ui-base-font-family-heading);font-weight:700;font-size:13px;line-height:20px;margin-bottom:8px}
|
package/dist/tooltip.js
ADDED
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
import { jsxs as T, Fragment as g, jsx as l } from "react/jsx-runtime";
|
|
2
|
+
import { useState as y, useRef as E } from "react";
|
|
3
|
+
import { c as N } from "./bind-06a7ff84.js";
|
|
4
|
+
import { useFloating as O, flip as S } from "@floating-ui/react-dom";
|
|
5
|
+
const W = "_tooltip_7bl3z_1", v = {
|
|
6
|
+
"tooltip-wrapper": "_tooltip-wrapper_7bl3z_1",
|
|
7
|
+
tooltip: W,
|
|
8
|
+
"tooltip-content": "_tooltip-content_7bl3z_26",
|
|
9
|
+
"tooltip-arrow": "_tooltip-arrow_7bl3z_39"
|
|
10
|
+
}, n = N.bind(v), z = 2e3, F = 100, D = ({
|
|
11
|
+
content: c,
|
|
12
|
+
className: a,
|
|
13
|
+
dynamicWidth: p,
|
|
14
|
+
width: d,
|
|
15
|
+
placement: m = "bottom",
|
|
16
|
+
dataAutomationId: u,
|
|
17
|
+
children: f
|
|
18
|
+
}) => {
|
|
19
|
+
const [_, i] = y(!1), t = E(), { refs: s, floatingStyles: h } = O({
|
|
20
|
+
placement: m,
|
|
21
|
+
strategy: "fixed",
|
|
22
|
+
middleware: [
|
|
23
|
+
S({
|
|
24
|
+
fallbackPlacements: ["bottom", "top", "right", "left"]
|
|
25
|
+
})
|
|
26
|
+
]
|
|
27
|
+
}), o = p ? null : { width: `${d}px` }, w = document.documentElement.clientWidth, x = o || w - F, r = () => {
|
|
28
|
+
t.current && clearTimeout(t.current), i(!1);
|
|
29
|
+
}, b = () => {
|
|
30
|
+
t.current = setTimeout(() => i(!0), z);
|
|
31
|
+
};
|
|
32
|
+
return /* @__PURE__ */ T(g, { children: [
|
|
33
|
+
/* @__PURE__ */ l(
|
|
34
|
+
"div",
|
|
35
|
+
{
|
|
36
|
+
ref: (e) => s.setReference(e),
|
|
37
|
+
className: n("tooltip-wrapper", a),
|
|
38
|
+
onMouseDown: r,
|
|
39
|
+
onMouseEnter: b,
|
|
40
|
+
onMouseLeave: r,
|
|
41
|
+
children: f
|
|
42
|
+
}
|
|
43
|
+
),
|
|
44
|
+
_ && /* @__PURE__ */ l(
|
|
45
|
+
"div",
|
|
46
|
+
{
|
|
47
|
+
className: n("tooltip"),
|
|
48
|
+
ref: (e) => s.setFloating(e),
|
|
49
|
+
style: {
|
|
50
|
+
...h,
|
|
51
|
+
...o
|
|
52
|
+
},
|
|
53
|
+
"data-automation-id": u,
|
|
54
|
+
children: /* @__PURE__ */ l(
|
|
55
|
+
"div",
|
|
56
|
+
{
|
|
57
|
+
className: n("tooltip-content"),
|
|
58
|
+
style: {
|
|
59
|
+
maxWidth: `${x}px`
|
|
60
|
+
},
|
|
61
|
+
children: c
|
|
62
|
+
}
|
|
63
|
+
)
|
|
64
|
+
}
|
|
65
|
+
)
|
|
66
|
+
] });
|
|
67
|
+
};
|
|
68
|
+
export {
|
|
69
|
+
D as Tooltip
|
|
70
|
+
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@reportportal/ui-kit",
|
|
3
|
-
"version": "0.0.1-alpha.
|
|
3
|
+
"version": "0.0.1-alpha.9",
|
|
4
4
|
"description": "The UI-kit library for ReportPortal Design System.",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"scripts": {
|
|
@@ -24,6 +24,7 @@
|
|
|
24
24
|
"react-dom": "17.x-18.x"
|
|
25
25
|
},
|
|
26
26
|
"dependencies": {
|
|
27
|
+
"@floating-ui/react": "^0.26.16",
|
|
27
28
|
"@floating-ui/react-dom": "^2.0.1",
|
|
28
29
|
"classnames": "^2.3.2",
|
|
29
30
|
"downshift": "^6.1.12",
|
|
@@ -40,7 +41,7 @@
|
|
|
40
41
|
"@storybook/react-vite": "^7.2.0",
|
|
41
42
|
"@storybook/testing-library": "^0.2.0",
|
|
42
43
|
"@types/node": "^20.4.5",
|
|
43
|
-
"@types/react": "^18.
|
|
44
|
+
"@types/react": "^18.3.3",
|
|
44
45
|
"@types/react-dom": "^18.2.7",
|
|
45
46
|
"@typescript-eslint/eslint-plugin": "^5.62.0",
|
|
46
47
|
"@typescript-eslint/parser": "^5.62.0",
|
package/dist/button-497b4d19.js
DELETED
|
@@ -1,62 +0,0 @@
|
|
|
1
|
-
import { jsxs as z, jsx as p } from "react/jsx-runtime";
|
|
2
|
-
import { forwardRef as h } from "react";
|
|
3
|
-
import { c as l } from "./bind-06a7ff84.js";
|
|
4
|
-
const u = "_button_3xwzb_1", f = "_primary_3xwzb_19", g = "_disabled_3xwzb_24", y = "_ghost_3xwzb_36", N = "_danger_3xwzb_54", B = "_text_3xwzb_70", $ = "_icon_3xwzb_116", j = {
|
|
5
|
-
button: u,
|
|
6
|
-
primary: f,
|
|
7
|
-
disabled: g,
|
|
8
|
-
ghost: y,
|
|
9
|
-
danger: N,
|
|
10
|
-
text: B,
|
|
11
|
-
"width-wide-content": "_width-wide-content_3xwzb_106",
|
|
12
|
-
"width-parent": "_width-parent_3xwzb_111",
|
|
13
|
-
icon: $,
|
|
14
|
-
"icon-start": "_icon-start_3xwzb_122",
|
|
15
|
-
"icon-end": "_icon-end_3xwzb_126"
|
|
16
|
-
}, c = l.bind(j), q = h(
|
|
17
|
-
({
|
|
18
|
-
variant: t = "primary",
|
|
19
|
-
icon: e,
|
|
20
|
-
iconPlace: n = "start",
|
|
21
|
-
adjustWidthOn: o = "content",
|
|
22
|
-
type: r = "button",
|
|
23
|
-
children: i,
|
|
24
|
-
disabled: s = !1,
|
|
25
|
-
onClick: a,
|
|
26
|
-
title: b,
|
|
27
|
-
className: w,
|
|
28
|
-
...x
|
|
29
|
-
}, d) => {
|
|
30
|
-
const m = c("button", t, w, {
|
|
31
|
-
disabled: s,
|
|
32
|
-
[`width-${o}`]: o
|
|
33
|
-
}), _ = t === "text" && e;
|
|
34
|
-
return /* @__PURE__ */ z(
|
|
35
|
-
"button",
|
|
36
|
-
{
|
|
37
|
-
ref: d,
|
|
38
|
-
type: r,
|
|
39
|
-
disabled: s,
|
|
40
|
-
className: m,
|
|
41
|
-
onClick: a,
|
|
42
|
-
title: b,
|
|
43
|
-
...x,
|
|
44
|
-
children: [
|
|
45
|
-
_ && /* @__PURE__ */ p(
|
|
46
|
-
"i",
|
|
47
|
-
{
|
|
48
|
-
className: c("icon", {
|
|
49
|
-
[`icon-${n}`]: n
|
|
50
|
-
}),
|
|
51
|
-
children: _
|
|
52
|
-
}
|
|
53
|
-
),
|
|
54
|
-
i
|
|
55
|
-
]
|
|
56
|
-
}
|
|
57
|
-
);
|
|
58
|
-
}
|
|
59
|
-
);
|
|
60
|
-
export {
|
|
61
|
-
q as B
|
|
62
|
-
};
|
|
@@ -1,68 +0,0 @@
|
|
|
1
|
-
import { jsxs as u, jsx as t } from "react/jsx-runtime";
|
|
2
|
-
import { c as x } from "./bind-06a7ff84.js";
|
|
3
|
-
import { useRef as d } from "react";
|
|
4
|
-
import { K as _ } from "./keyCodes-f63c0e11.js";
|
|
5
|
-
const m = "_checkbox_l76v2_1", f = "_disabled_l76v2_11", y = "_input_l76v2_16", C = "_control_l76v2_23", E = "_children_l76v2_77", D = {
|
|
6
|
-
checkbox: m,
|
|
7
|
-
disabled: f,
|
|
8
|
-
input: y,
|
|
9
|
-
control: C,
|
|
10
|
-
children: E
|
|
11
|
-
}, e = x.bind(D), j = ({
|
|
12
|
-
children: l,
|
|
13
|
-
disabled: c = !1,
|
|
14
|
-
onChange: p,
|
|
15
|
-
className: b,
|
|
16
|
-
value: s,
|
|
17
|
-
...h
|
|
18
|
-
}) => {
|
|
19
|
-
const o = d(null), k = (n) => {
|
|
20
|
-
var a, i;
|
|
21
|
-
const { keyCode: r } = n;
|
|
22
|
-
if (r === _.SPACE_KEY_CODE) {
|
|
23
|
-
n.preventDefault(), (a = o.current) == null || a.click();
|
|
24
|
-
return;
|
|
25
|
-
}
|
|
26
|
-
r === _.ENTER_KEY_CODE && (n.preventDefault(), (i = o.current) == null || i.click());
|
|
27
|
-
};
|
|
28
|
-
return /* @__PURE__ */ u(
|
|
29
|
-
"label",
|
|
30
|
-
{
|
|
31
|
-
id: "rp-ui-kit-checkbox-label",
|
|
32
|
-
className: e("checkbox", b, {
|
|
33
|
-
disabled: c
|
|
34
|
-
}),
|
|
35
|
-
children: [
|
|
36
|
-
/* @__PURE__ */ t(
|
|
37
|
-
"input",
|
|
38
|
-
{
|
|
39
|
-
ref: o,
|
|
40
|
-
tabIndex: 0,
|
|
41
|
-
type: "checkbox",
|
|
42
|
-
onKeyDown: k,
|
|
43
|
-
className: e("input"),
|
|
44
|
-
disabled: c,
|
|
45
|
-
onChange: p,
|
|
46
|
-
checked: s,
|
|
47
|
-
...h
|
|
48
|
-
}
|
|
49
|
-
),
|
|
50
|
-
/* @__PURE__ */ t(
|
|
51
|
-
"span",
|
|
52
|
-
{
|
|
53
|
-
"aria-labelledby": "rp-ui-kit-checkbox-label",
|
|
54
|
-
role: "checkbox",
|
|
55
|
-
"aria-checked": s,
|
|
56
|
-
className: e("control", {
|
|
57
|
-
disabled: c
|
|
58
|
-
})
|
|
59
|
-
}
|
|
60
|
-
),
|
|
61
|
-
l && /* @__PURE__ */ t("span", { className: e("children", { disabled: c }), children: l })
|
|
62
|
-
]
|
|
63
|
-
}
|
|
64
|
-
);
|
|
65
|
-
};
|
|
66
|
-
export {
|
|
67
|
-
j as C
|
|
68
|
-
};
|
|
@@ -1,101 +0,0 @@
|
|
|
1
|
-
import { jsx as n, jsxs as t, Fragment as x } from "react/jsx-runtime";
|
|
2
|
-
import * as o from "react";
|
|
3
|
-
import { forwardRef as E } from "react";
|
|
4
|
-
import { c as A } from "./bind-06a7ff84.js";
|
|
5
|
-
import "./baseIconButton-7bc53dec.js";
|
|
6
|
-
const F = (a) => /* @__PURE__ */ o.createElement("svg", { width: 17, height: 17, viewBox: "0 0 17 17", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...a }, /* @__PURE__ */ o.createElement("rect", { width: 16.2089, height: 16.1568, rx: 8.07842, fill: "#A2AAB5" }), /* @__PURE__ */ o.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.14768 5.14645C4.95077 5.34171 4.95077 5.65829 5.14768 5.85355L7.49578 8.18198L5.35655 10.3033C5.15963 10.4986 5.15963 10.8151 5.35655 11.0104C5.55346 11.2057 5.87271 11.2057 6.06962 11.0104L8.20886 8.88909L10.1392 10.8033C10.3361 10.9986 10.6554 10.9986 10.8523 10.8033C11.0492 10.608 11.0492 10.2915 10.8523 10.0962L8.92193 8.18198L11.0612 6.06065C11.2581 5.86539 11.2581 5.54881 11.0612 5.35355C10.8643 5.15828 10.545 5.15828 10.3481 5.35355L8.20886 7.47487L5.86076 5.14645C5.66385 4.95118 5.34459 4.95118 5.14768 5.14645Z", fill: "white" })), R = "_label_18rqf_18", j = "_asterisk_18rqf_27", y = "_disabled_18rqf_33", B = "_field_18rqf_38", S = "_error_18rqf_52", M = "_touched_18rqf_52", Z = "_placeholder_18rqf_63", z = "_input_18rqf_70", D = "_icon_18rqf_1", G = "_text_18rqf_159", H = {
|
|
7
|
-
"icon-container": "_icon-container_18rqf_1",
|
|
8
|
-
"icon-container-end": "_icon-container-end_18rqf_1",
|
|
9
|
-
"icon-container-start": "_icon-container-start_18rqf_1",
|
|
10
|
-
label: R,
|
|
11
|
-
asterisk: j,
|
|
12
|
-
disabled: y,
|
|
13
|
-
field: B,
|
|
14
|
-
error: S,
|
|
15
|
-
touched: M,
|
|
16
|
-
placeholder: Z,
|
|
17
|
-
"default-width": "_default-width_18rqf_66",
|
|
18
|
-
"input-container": "_input-container_18rqf_70",
|
|
19
|
-
input: z,
|
|
20
|
-
icon: D,
|
|
21
|
-
"clear-icon": "_clear-icon_18rqf_116",
|
|
22
|
-
"additional-content": "_additional-content_18rqf_152",
|
|
23
|
-
text: G,
|
|
24
|
-
"error-text": "_error-text_18rqf_167",
|
|
25
|
-
"help-text": "_help-text_18rqf_171"
|
|
26
|
-
}, e = A.bind(H), Q = E(
|
|
27
|
-
({
|
|
28
|
-
value: a,
|
|
29
|
-
className: q,
|
|
30
|
-
error: r,
|
|
31
|
-
placeholder: _,
|
|
32
|
-
disabled: c = !1,
|
|
33
|
-
onChange: N,
|
|
34
|
-
touched: i = !1,
|
|
35
|
-
title: u,
|
|
36
|
-
label: s,
|
|
37
|
-
helpText: l,
|
|
38
|
-
defaultWidth: w = !0,
|
|
39
|
-
startIcon: d,
|
|
40
|
-
endIcon: f,
|
|
41
|
-
clearable: C = !1,
|
|
42
|
-
onClear: p,
|
|
43
|
-
isRequired: h = !1,
|
|
44
|
-
hasDoubleMessage: L = !1,
|
|
45
|
-
type: g = "text",
|
|
46
|
-
...k
|
|
47
|
-
}, v) => {
|
|
48
|
-
const b = () => {
|
|
49
|
-
p && p(a);
|
|
50
|
-
}, m = /* @__PURE__ */ n("span", { className: e("text", "help-text"), children: l });
|
|
51
|
-
return /* @__PURE__ */ t(x, { children: [
|
|
52
|
-
s && /* @__PURE__ */ t("span", { className: e("label", { disabled: c }), children: [
|
|
53
|
-
s,
|
|
54
|
-
h && /* @__PURE__ */ n("span", { className: e("asterisk"), children: "*" })
|
|
55
|
-
] }),
|
|
56
|
-
/* @__PURE__ */ t(
|
|
57
|
-
"div",
|
|
58
|
-
{
|
|
59
|
-
className: e("field", q, {
|
|
60
|
-
error: r,
|
|
61
|
-
touched: i,
|
|
62
|
-
disabled: c,
|
|
63
|
-
"default-width": w
|
|
64
|
-
}),
|
|
65
|
-
title: u,
|
|
66
|
-
children: [
|
|
67
|
-
d && /* @__PURE__ */ n("span", { className: e("icon-container-start"), children: /* @__PURE__ */ n("span", { className: e("icon"), children: d }) }),
|
|
68
|
-
/* @__PURE__ */ t("span", { className: e("input-container"), children: [
|
|
69
|
-
/* @__PURE__ */ n(
|
|
70
|
-
"input",
|
|
71
|
-
{
|
|
72
|
-
ref: v,
|
|
73
|
-
type: g,
|
|
74
|
-
className: e("input"),
|
|
75
|
-
value: a,
|
|
76
|
-
disabled: c,
|
|
77
|
-
onChange: N,
|
|
78
|
-
...k
|
|
79
|
-
}
|
|
80
|
-
),
|
|
81
|
-
_ && !a && /* @__PURE__ */ t("span", { className: e("placeholder"), children: [
|
|
82
|
-
_,
|
|
83
|
-
h && !s && /* @__PURE__ */ n("span", { className: e("asterisk") })
|
|
84
|
-
] })
|
|
85
|
-
] }),
|
|
86
|
-
f && /* @__PURE__ */ n("span", { className: e("icon-container-end"), children: /* @__PURE__ */ n("span", { className: e("icon"), children: f }) }),
|
|
87
|
-
C && /* @__PURE__ */ n("span", { className: e("icon-container-end"), children: /* @__PURE__ */ n("button", { type: "button", className: e("clear-icon", { disabled: c }), onClick: b, children: /* @__PURE__ */ n(F, {}) }) })
|
|
88
|
-
]
|
|
89
|
-
}
|
|
90
|
-
),
|
|
91
|
-
(r && i || l) && /* @__PURE__ */ n("div", { className: e("additional-content", { disabled: c }), children: r && i ? /* @__PURE__ */ t(x, { children: [
|
|
92
|
-
/* @__PURE__ */ n("span", { className: e("text", "error-text"), children: r }),
|
|
93
|
-
L && m
|
|
94
|
-
] }) : l && m })
|
|
95
|
-
] });
|
|
96
|
-
}
|
|
97
|
-
);
|
|
98
|
-
export {
|
|
99
|
-
Q as F,
|
|
100
|
-
F as S
|
|
101
|
-
};
|