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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (45) hide show
  1. package/dist/bubblesLoader-9bec3797.js +17 -0
  2. package/dist/bubblesLoader.js +7 -0
  3. package/dist/checkbox-fdc44740.js +68 -0
  4. package/dist/checkbox.js +2 -2
  5. package/dist/clear-4963efcd.js +5 -0
  6. package/dist/common/constants/keyCodes.d.ts +24 -0
  7. package/dist/components/bubblesLoader/bubblesLoader.d.ts +7 -0
  8. package/dist/components/bubblesLoader/index.d.ts +3 -0
  9. package/dist/components/checkbox/checkbox.d.ts +0 -1
  10. package/dist/components/dropdown/constants.d.ts +3 -0
  11. package/dist/components/dropdown/dropdown.d.ts +24 -0
  12. package/dist/components/dropdown/dropdownOption/dropdownOption.d.ts +3 -0
  13. package/dist/components/dropdown/dropdownOption/index.d.ts +3 -0
  14. package/dist/components/dropdown/index.d.ts +3 -0
  15. package/dist/components/dropdown/types.d.ts +20 -0
  16. package/dist/components/dropdown/utils.d.ts +4 -0
  17. package/dist/components/fieldNumber/constants.d.ts +4 -0
  18. package/dist/components/fieldNumber/fieldNumber.d.ts +18 -0
  19. package/dist/components/fieldNumber/index.d.ts +3 -0
  20. package/dist/components/icon/icon.d.ts +11 -0
  21. package/dist/components/icon/icons.d.ts +21 -0
  22. package/dist/components/icon/index.d.ts +3 -0
  23. package/dist/components/index.d.ts +5 -0
  24. package/dist/components/toggle/index.d.ts +3 -0
  25. package/dist/components/toggle/toggle.d.ts +11 -0
  26. package/dist/dropdown-45e7bc7d.js +204 -0
  27. package/dist/dropdown.js +15 -0
  28. package/dist/fieldNumber-8417cd65.js +132 -0
  29. package/dist/fieldNumber.js +11 -0
  30. package/dist/fieldText-c7085849.js +99 -0
  31. package/dist/fieldText.js +2 -1
  32. package/dist/icon-71262f5c.js +26 -0
  33. package/dist/icon.js +9 -0
  34. package/dist/index.js +27 -13
  35. package/dist/keyCodes-f63c0e11.js +4 -0
  36. package/dist/modal.js +85 -94
  37. package/dist/style.css +1 -1
  38. package/dist/toggle-5b3d8333.js +67 -0
  39. package/dist/toggle.js +9 -0
  40. package/dist/useOnClickOutside-c332f7d3.js +16 -0
  41. package/package.json +5 -2
  42. package/dist/checkbox-7736509c.js +0 -70
  43. package/dist/common/constants/key-codes.d.ts +0 -5
  44. package/dist/fieldText-9621b0b7.js +0 -99
  45. package/dist/key-codes-abbe7725.js +0 -4
package/dist/style.css CHANGED
@@ -1 +1 @@
1
- @font-face{font-family:Roboto;font-weight:400;font-display:swap;font-style:normal;src:local("Roboto Regular"),local("Roboto-Regular"),url(./fonts/Roboto/Roboto-Regular.ttf) format("truetype")}@font-face{font-family:Roboto;font-weight:500;font-display:swap;font-style:normal;src:local("Roboto Medium"),local("Roboto-Medium"),url(./fonts/Roboto/Roboto-Medium.ttf) format("truetype")}@font-face{font-family:Roboto;font-weight:700;font-display:swap;font-style:normal;src:local("Roboto-Bold"),local("Roboto-Bold"),url(./fonts/Roboto/Roboto-Bold.ttf) format("truetype")}@font-face{font-family:OpenSans;font-weight:300;font-display:swap;font-style:normal;src:local("Open Sans Light"),local("OpenSans-Light"),url(./fonts/OpenSans/OpenSans-Light.ttf) format("truetype")}@font-face{font-family:OpenSans;font-weight:400;font-display:swap;font-style:normal;src:local("Open Sans Regular"),local("OpenSans-Regular"),url(./fonts/OpenSans/OpenSans-Regular.ttf) format("truetype")}@font-face{font-family:OpenSans;font-weight:600;font-display:swap;font-style:normal;src:local("Open Sans Semibold"),local("OpenSans-Semibold"),url(./fonts/OpenSans/OpenSans-Semibold.ttf) format("truetype")}:root{--rp-ui-kit-bg-000: #ffffff;--rp-ui-kit-bg-100: #f7f7f8;--rp-ui-kit-bg-200: #eceff4;--rp-ui-kit-error: #dc5959;--rp-ui-kit-error-hover: #f24a4a;--rp-ui-kit-error-pressed: #c54141;--rp-ui-kit-error-focused: #ffb1b1;--rp-ui-kit-topaz: #00829b;--rp-ui-kit-topaz-hover: #009dbb;--rp-ui-kit-topaz-focused: #00b0d1;--rp-ui-kit-topaz-pressed: #00758c;--rp-ui-kit-almost-black: #3f3f3f;--rp-ui-kit-e-100: #e3e7ec;--rp-ui-kit-e-200: #c1c7d0;--rp-ui-kit-e-300: #a2aab5;--rp-ui-kit-e-400: #8d95a1;--rp-ui-kit-dark-topaz-main: #1a9cb0;--rp-ui-kit-dark-topaz-hover: #1cb0c7;--rp-ui-kit-dark-topaz-focused: #1dbdd6;--rp-ui-kit-dark-topaz-pressed: #9ee7f2;--rp-ui-kit-dark-topaz-text: #3abcd0;--rp-ui-kit-dark-topaz-additional: #00505d;--rp-ui-kit-dark-e-50: #e8e8e8;--rp-ui-kit-dark-e-100: #cfcfcf;--rp-ui-kit-dark-e-150: #8f8f8f;--rp-ui-kit-dark-e-200: #626262;--rp-ui-kit-dark-e-300: #383838;--rp-ui-kit-dark-e-400: #262626;--rp-ui-kit-dark-e-500: #222222;--rp-ui-kit-sm-warning: #d78706;--rp-ui-kit-sm-warning-line-100: #fceecb;--rp-ui-kit-sm-warning-line-200: #fbe7b6;--rp-ui-kit-sm-error: #db3549;--rp-ui-kit-sm-error-line-100: #fccbcb;--rp-ui-kit-sm-error-line-200: #ffc0bd;--rp-ui-kit-sm-info-line-100: #ced3db;--rp-ui-kit-defect-type-AB: #ffc208;--rp-ui-kit-darkmode-bg: #101010;--rp-ui-kit-darkmode-bg-solid-98: #141414;--rp-ui-kit-darkmode-error-default: #ff4040;--rp-ui-kit-darkmode-error-text: #ff6666;--rp-ui-kit-darkmode-fatal: #c2352b;--rp-ui-kit-darkmode-error: #ff3222;--rp-ui-kit-tag-value-text: #394db6;--rp-ui-kit-tag-value-background: #ced8fc;--rp-ui-kit-tag-key-text: #6f4599;--rp-ui-kit-tag-key-background: #dac3e6;--rp-ui-kit-system-issue-group: #3e7be6;--rp-ui-kit-product-bug-group: #d32f2f;--rp-ui-kit-automation-bug-group: #ffc208;--rp-ui-kit-no-defect-bug-group: #76839b;--rp-ui-kit-test-execution-status-passed: #3aa76d;--rp-ui-kit-shadow: 0px 1px 3px rgba(55, 67, 98, .1);--rp-ui-kit-shadow-hover: 0px 1px 3px rgba(55, 67, 98, .2);--rp-ui-kit-shadow-secondary: 0 8px 40px rgba(0, 0, 0, .15);--rp-ui-kit-overlay: rgba(141, 149, 161, .35);--rp-ui-kit-overlay-light-cyan: rgba(208, 240, 241, .7);--rp-ui-kit-font-family-base: Roboto, Arial, Helvetica, sans-serif;--rp-ui-kit-font-family-heading: OpenSans, Segoe UI, Tahoma, sans-serif;--rp-ui-kit-color-primary: var(--rp-ui-kit-topaz);--rp-ui-kit-color-primary-hover: var(--rp-ui-kit-topaz-hover);--rp-ui-kit-color-primary-focused: var(--rp-ui-kit-topaz-focused);--rp-ui-kit-color-primary-pressed: var(--rp-ui-kit-topaz-pressed);--rp-ui-kit-color-primary-text: var(--rp-ui-kit-topaz);--rp-ui-kit-color-error: var(--rp-ui-kit-error);--rp-ui-kit-color-error-hover: var(--rp-ui-kit-error-hover);--rp-ui-kit-color-error-pressed: var(--rp-ui-kit-error-pressed);--rp-ui-kit-color-error-focused: var(--rp-ui-kit-error-focused);--rp-ui-kit-color-text: var(--rp-ui-kit-almost-black);--rp-ui-kit-color-text-2: var(--rp-ui-kit-almost-black);--rp-ui-kit-color-disabled: var(--rp-ui-kit-e-200);--rp-ui-kit-color-gray-hover: var(--rp-ui-kit-e-400);--rp-ui-kit-opacity-default: 30%}.rp-ui-kit-theme-light{--rp-ui-kit-color-primary: var(--rp-ui-kit-topaz);--rp-ui-kit-color-primary-hover: var(--rp-ui-kit-topaz-hover);--rp-ui-kit-color-primary-focused: var(--rp-ui-kit-topaz-focused);--rp-ui-kit-color-primary-pressed: var(--rp-ui-kit-topaz-pressed);--rp-ui-kit-color-primary-text: var(--rp-ui-kit-topaz);--rp-ui-kit-color-error: var(--rp-ui-kit-error);--rp-ui-kit-color-error-hover: var(--rp-ui-kit-error-hover);--rp-ui-kit-color-error-pressed: var(--rp-ui-kit-error-pressed);--rp-ui-kit-color-error-focused: var(--rp-ui-kit-error-focused);--rp-ui-kit-color-text: var(--rp-ui-kit-almost-black);--rp-ui-kit-color-text-2: var(--rp-ui-kit-almost-black);--rp-ui-kit-color-disabled: var(--rp-ui-kit-e-200);--rp-ui-kit-color-gray-hover: var(--rp-ui-kit-e-400);--rp-ui-kit-opacity-default: 30%}.rp-ui-kit-theme-dark{--rp-ui-kit-color-primary: var(--rp-ui-kit-dark-topaz-main);--rp-ui-kit-color-primary-hover: var(--rp-ui-kit-dark-topaz-hover);--rp-ui-kit-color-primary-focused: var(--rp-ui-kit-dark-topaz-focused);--rp-ui-kit-color-primary-pressed: var(--rp-ui-kit-dark-topaz-pressed);--rp-ui-kit-color-primary-text: var(--rp-ui-kit-dark-topaz-text);--rp-ui-kit-color-error: var(--rp-ui-kit-error);--rp-ui-kit-color-error-hover: var(--rp-ui-kit-error-hover);--rp-ui-kit-color-error-pressed: var(--rp-ui-kit-error-pressed);--rp-ui-kit-color-error-focused: var(--rp-ui-kit-error-focused);--rp-ui-kit-color-text: var(--rp-ui-kit-dark-e-50);--rp-ui-kit-color-text-2: var(--rp-ui-kit-dark-e-100);--rp-ui-kit-color-disabled: var(--rp-ui-kit-dark-e-100);--rp-ui-kit-color-gray-hover: var(--rp-ui-kit-dark-e-50);--rp-ui-kit-opacity-default: 50%}._checkbox_1gq3p_1{display:inline-flex;align-items:center;padding-left:24px;color:var(--rp-ui-kit-color-text-2);border-color:var(--rp-ui-kit-color-text-2);font-family:var(--rp-ui-kit-font-family-base);font-weight:500;font-size:13px;line-height:20px}._checkbox_1gq3p_1 ._disabled_1gq3p_12{opacity:var(--rp-ui-kit-opacity-default);pointer-events:none}._input_1gq3p_17{position:absolute;opacity:0;top:0;left:0}._control_1gq3p_24{position:absolute;width:16px;height:16px;border:1px solid var(--rp-ui-kit-e-200);border-radius:3px;margin-left:-24px;box-sizing:border-box;cursor:pointer}._input_1gq3p_17:checked+._control_1gq3p_24{border-color:var(--rp-ui-kit-color-primary);background-color:var(--rp-ui-kit-color-primary);background-repeat:no-repeat;background-position:center;background-image:url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 4.25L4.5 7.25L10.5 0.75' stroke='white' stroke-width='2'/%3E%3C/svg%3E")}._input_1gq3p_17:hover+._control_1gq3p_24{border-color:var(--rp-ui-kit-color-gray-hover)}._input_1gq3p_17:active:not(:disabled)+._control_1gq3p_24{border:2px solid var(--rp-ui-kit-color-primary-focused)}._input_1gq3p_17:checked:hover+._control_1gq3p_24{border-color:var(--rp-ui-kit-color-primary-hover);background-color:var(--rp-ui-kit-color-primary-hover);background-repeat:no-repeat;background-position:center;background-image:url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 4.25L4.5 7.25L10.5 0.75' stroke='white' stroke-width='2'/%3E%3C/svg%3E")}._input_1gq3p_17:checked:active:not(:disabled)+._control_1gq3p_24{border-color:var(--rp-ui-kit-color-primary-focused);background-color:var(--rp-ui-kit-color-primary-focused);background-repeat:no-repeat;background-position:center;background-image:url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 4.25L4.5 7.25L10.5 0.75' stroke='white' stroke-width='2'/%3E%3C/svg%3E")}._input_1gq3p_17:disabled+._control_1gq3p_24{border-color:var(--rp-ui-kit-color-disabled)}._input_1gq3p_17:checked:disabled+._control_1gq3p_24{border-color:var(--rp-ui-kit-color-primary);background-color:var(--rp-ui-kit-color-primary);background-repeat:no-repeat;background-position:center;background-image:url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 4.25L4.5 7.25L10.5 0.75' stroke='white' stroke-width='2'/%3E%3C/svg%3E");opacity:var(--rp-ui-kit-opacity-default);pointer-events:none}._input_1gq3p_17:focus+._control_1gq3p_24{border:2px solid var(--rp-ui-kit-color-primary-focused)}._children_1gq3p_78{cursor:pointer}._children_1gq3p_78 a{text-decoration:none;color:var(--rp-ui-kit-color-primary)}._children_1gq3p_78 a:focus,._children_1gq3p_78 a:focus-visible{outline:none;color:var(--rp-ui-kit-color-primary-focused);text-decoration:underline}._system-message_19dbq_1{min-height:85px;height:auto;width:100%;background:var(--rp-ui-kit-bg-000);border-radius:8px;box-shadow:var(--rp-ui-kit-shadow);display:flex;flex-direction:column;font-family:var(--rp-ui-kit-font-family-base)}._system-message_19dbq_1 ._stripes-info_19dbq_12{height:8px;border-radius:8px 8px 0 0;background-image:repeating-linear-gradient(45deg,var(--rp-ui-kit-sm-info-line-100),var(--rp-ui-kit-sm-info-line-100) 24px,var(--rp-ui-kit-e-200) 24px,var(--rp-ui-kit-e-200) 48px)}._system-message_19dbq_1 ._stripes-warning_19dbq_17{height:8px;border-radius:8px 8px 0 0;background-image:repeating-linear-gradient(45deg,var(--rp-ui-kit-sm-warning-line-100),var(--rp-ui-kit-sm-warning-line-100) 24px,var(--rp-ui-kit-sm-warning-line-200) 24px,var(--rp-ui-kit-sm-warning-line-200) 48px)}._system-message_19dbq_1 ._stripes-error_19dbq_22{height:8px;border-radius:8px 8px 0 0;background-image:repeating-linear-gradient(45deg,var(--rp-ui-kit-sm-error-line-100),var(--rp-ui-kit-sm-error-line-100) 24px,var(--rp-ui-kit-sm-error-line-200) 24px,var(--rp-ui-kit-sm-error-line-200) 48px)}._system-message_19dbq_1 ._text-container_19dbq_27{padding:12px 16px 16px}._system-message_19dbq_1 ._text-container_19dbq_27 ._message-header-info_19dbq_30{font-size:15px;line-height:24px;font-weight:500;color:var(--rp-ui-kit-e-400);text-transform:capitalize;margin-bottom:8px}._system-message_19dbq_1 ._text-container_19dbq_27 ._message-header-warning_19dbq_38{font-size:15px;line-height:24px;font-weight:500;color:var(--rp-ui-kit-sm-warning);text-transform:capitalize;margin-bottom:8px}._system-message_19dbq_1 ._text-container_19dbq_27 ._message-header-error_19dbq_46{font-size:15px;line-height:24px;font-weight:500;color:var(--rp-ui-kit-sm-error);text-transform:capitalize;margin-bottom:8px}._system-message_19dbq_1 ._text-container_19dbq_27 ._children_19dbq_54{text-indent:1px;color:var(--rp-ui-kit-color-text);font-weight:700;font-size:13px;line-height:20px}._system-message_19dbq_1 ._text-container_19dbq_27 p{margin-top:4px;max-width:780px;color:var(--rp-ui-kit-e-400);font-weight:400;font-size:12px;line-height:18px}._content-width_19dbq_70{max-width:max-content}._button_wutm5_1{display:inline-flex;justify-content:center;align-items:center;min-width:120px;height:36px;padding:9px 16px 7px;margin:0;outline:none;border-radius:3px;font-family:var(--rp-ui-kit-font-family-base);font-weight:500;font-size:13px;line-height:20px;cursor:pointer;box-sizing:border-box}._primary_wutm5_19{border:1px solid var(--rp-ui-kit-color-primary);background-color:var(--rp-ui-kit-color-primary);color:var(--rp-ui-kit-bg-000)}._primary_wutm5_19:hover:not(._disabled_wutm5_24){border:1px solid var(--rp-ui-kit-color-primary-hover);background-color:var(--rp-ui-kit-color-primary-hover)}._primary_wutm5_19:active:not(._disabled_wutm5_24){border:1px solid var(--rp-ui-kit-color-primary-pressed);background-color:var(--rp-ui-kit-color-primary-pressed)}._primary_wutm5_19:focus:not(._disabled_wutm5_24,:active){border:2px solid var(--rp-ui-kit-color-primary-focused)}._ghost_wutm5_36{border:1px solid var(--rp-ui-kit-color-primary);background-color:transparent;color:var(--rp-ui-kit-color-text)}._ghost_wutm5_36:hover:not(._disabled_wutm5_24){border:1px solid var(--rp-ui-kit-color-primary-hover)}._ghost_wutm5_36:active:not(._disabled_wutm5_24){border:1px solid var(--rp-ui-kit-color-primary-pressed)}._ghost_wutm5_36:focus:not(._disabled_wutm5_24,:active){border:2px solid var(--rp-ui-kit-color-primary-focused)}._danger_wutm5_51{border:1px solid var(--rp-ui-kit-color-error);background-color:var(--rp-ui-kit-color-error);color:var(--rp-ui-kit-bg-000)}._danger_wutm5_51:hover:not(._disabled_wutm5_24){opacity:.9}._danger_wutm5_51:active:not(._disabled_wutm5_24){border:1px solid var(--rp-ui-kit-color-error-pressed);background-color:var(--rp-ui-kit-color-error-pressed)}._danger_wutm5_51:focus:not(._disabled_wutm5_24,:active){border:2px solid var(--rp-ui-kit-color-error-focused)}._text_wutm5_67{min-width:auto;height:auto;border:0;padding:0;background:none;line-height:22px;color:var(--rp-ui-kit-color-primary-text)}._text_wutm5_67:hover:not(._disabled_wutm5_24){color:var(--rp-ui-kit-color-primary-hover)}._text_wutm5_67:hover:not(._disabled_wutm5_24) svg *{fill:var(--rp-ui-kit-color-primary-hover)}._text_wutm5_67:active:not(._disabled_wutm5_24){color:var(--rp-ui-kit-color-primary-pressed)}._text_wutm5_67:active:not(._disabled_wutm5_24) svg *{fill:var(--rp-ui-kit-color-primary-pressed)}._text_wutm5_67:focus:not(._disabled_wutm5_24,:active){color:var(--rp-ui-kit-color-primary-focused)}._text_wutm5_67:focus:not(._disabled_wutm5_24,:active) svg *{fill:var(--rp-ui-kit-color-primary-focused)}._text_wutm5_67 svg *{fill:var(--rp-ui-kit-color-primary-text)}._disabled_wutm5_24{opacity:var(--rp-ui-kit-opacity-default);cursor:default}._width-wide-content_wutm5_103{padding:9px 47px 7px;margin:0}._width-parent_wutm5_108{display:flex;width:100%}._icon_wutm5_113{display:inline-block;width:16px;height:16px}._icon-start_wutm5_119{margin:auto 8px auto 0}._icon-end_wutm5_123{margin:auto 0 auto 8px;order:1}._icon-container_11rxn_1,._icon-container-end_11rxn_1,._icon-container-start_11rxn_1{display:flex;justify-content:center;align-items:center;flex-shrink:0;width:22px;height:22px}._icon-container-start_11rxn_1{margin-right:4px}._icon-container-end_11rxn_1{margin-left:4px}._label_11rxn_18{display:block;margin-bottom:4px;font-family:var(--rp-ui-kit-font-family-base);font-weight:500;font-size:13px;line-height:20px;color:var(--rp-ui-kit-color-text)}._label_11rxn_18 ._asterisk_11rxn_27{position:absolute;top:-3px;color:var(--rp-ui-kit-e-300);padding-left:4px}._label_11rxn_18._disabled_11rxn_33{opacity:.3}._field_11rxn_37{display:flex;align-items:center;height:36px;width:100%;padding:7px 12px;box-sizing:border-box;border:1px solid var(--rp-ui-kit-e-200);border-radius:3px;background-color:var(--rp-ui-kit-bg-000)}._field_11rxn_37:hover:not(._disabled_11rxn_33){border-color:var(--rp-ui-kit-e-300)}._field_11rxn_37:focus-within:not(._error_11rxn_51._touched_11rxn_51){padding:6px 11px;border:2px solid var(--rp-ui-kit-color-primary-focused)}._field_11rxn_37._error_11rxn_51._touched_11rxn_51{border-color:var(--rp-ui-kit-error)}._field_11rxn_37._disabled_11rxn_33{opacity:.3}._field_11rxn_37._default-width_11rxn_61{width:240px}._input-container_11rxn_65{position:relative;width:100%}._input_11rxn_65{font-size:13px;line-height:20px;font-family:var(--rp-ui-kit-font-family-base);font-weight:400;width:100%;margin:2px 0 0;padding:0;border:none;background:transparent;overflow:hidden;text-overflow:ellipsis;color:var(--rp-ui-kit-color-text)}._input_11rxn_65:focus{outline:none}._placeholder_11rxn_88{font-size:13px;line-height:20px;font-family:var(--rp-ui-kit-font-family-base);font-weight:400;color:var(--rp-ui-kit-dark-e-200);position:absolute;top:2px;left:0;pointer-events:none}._placeholder_11rxn_88 ._asterisk_11rxn_27:after{position:absolute;top:-3px;color:var(--rp-ui-kit-e-300);right:-7px;content:"*";color:var(--rp-ui-kit-error-focused)}._icon_11rxn_1,._clear-icon_11rxn_108{display:inline-block;width:16px;height:16px}._clear-icon_11rxn_108{background:none;border:none;padding:0;font:inherit;outline:inherit;cursor:pointer}._clear-icon_11rxn_108._disabled_11rxn_33{pointer-events:none}._clear-icon_11rxn_108:hover svg{fill:var(--rp-ui-kit-e-400)}._clear-icon_11rxn_108:hover svg>rect{fill:var(--rp-ui-kit-e-400)}._clear-icon_11rxn_108:focus svg{fill:var(--rp-ui-kit-color-primary-focused)}._clear-icon_11rxn_108:focus svg>rect{fill:var(--rp-ui-kit-color-primary-focused)}._clear-icon_11rxn_108:active svg{fill:var(--rp-ui-kit-color-primary-pressed)}._clear-icon_11rxn_108:active svg>rect{fill:var(--rp-ui-kit-color-primary-pressed)}._additional-content_11rxn_144{margin-top:4px}._additional-content_11rxn_144._disabled_11rxn_33{pointer-events:none}._text_11rxn_151{font-size:11px;line-height:16px;font-family:var(--rp-ui-kit-font-family-base);font-weight:400;display:block}._error-text_11rxn_159{color:var(--rp-ui-kit-error)}._help-text_11rxn_163{color:var(--rp-ui-kit-dark-e-300)}._modal-content_xak18_1{width:calc(100% - 34px);margin-top:13px;font-family:var(--rp-ui-kit-font-family-base);font-weight:400;font-size:13px;line-height:20px;color:var(--rp-ui-kit-color-text);white-space:pre-line;word-break:break-word}._buttons-block_1dgm4_1{white-space:nowrap}._button-container_1dgm4_5{display:inline-block;min-width:70px;margin-right:10px}._button-container_1dgm4_5:last-child{margin-right:0}._modal-footer_1dgm4_14{position:relative;display:flex;justify-content:flex-end;width:100%;margin-top:16px}._modal-footer_1dgm4_14._with-extra-node_1dgm4_21{justify-content:space-between}._size-small_1dgm4_25{flex-direction:column;align-items:stretch}._size-small_1dgm4_25 ._buttons-block_1dgm4_1{display:flex;flex-direction:column;align-items:stretch}._size-small_1dgm4_25 ._button-container_1dgm4_5{margin:0 0 10px}._size-small_1dgm4_25 ._button-container_1dgm4_5:last-child{margin-bottom:0}._modal-header_12y1g_1{position:relative;font-family:var(--rp-ui-kit-font-family-base);font-weight:400;font-size:20px;line-height:31px;color:var(--rp-ui-kit-color-text);padding-bottom:24px}._modal-header-content_12y1g_11{display:flex;justify-content:stretch;align-items:center;width:100%;padding-right:30px;box-sizing:border-box}._modal-title_12y1g_20{flex-grow:1;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}._close-modal-icon_12y1g_28{position:absolute;top:6px;right:0;display:block;width:16px;height:16px;line-height:normal;cursor:pointer}._close-modal-icon_12y1g_28:hover svg{fill:var(--rp-ui-kit-e-400)}._close-modal-icon_12y1g_28:active svg{fill:var(--rp-ui-kit-color-primary-pressed)}._modal_8a5l_1{position:absolute;top:0;left:0;display:block;width:100%;height:100%;text-align:center}._overlay-default_8a5l_11{background-color:var(--rp-ui-kit-overlay);z-index:2}._overlay-light-cyan_8a5l_16{background-color:var(--rp-ui-kit-overlay-light-cyan);z-index:2}._scrolling-content_8a5l_21{position:fixed;width:100%;height:100%;z-index:2}._modal-window_8a5l_28{position:absolute;left:50%;transform:translate(-50%);display:inline-block;margin-bottom:10px;padding:32px 48px;box-sizing:border-box;background-color:var(--rp-ui-kit-bg-100);text-align:left;border-radius:16px;box-shadow:var(--rp-ui-kit-shadow-secondary);opacity:1;outline:none;max-height:90%}._size-default_8a5l_45{width:480px}@media (max-width: 480px){._size-default_8a5l_45{right:10px;left:10px;transform:none;width:auto}}._size-small_8a5l_57{width:320px}@media (max-width: 320px){._size-small_8a5l_57{right:10px;left:10px;transform:none;width:auto}}._size-large_8a5l_69{width:720px}@media (max-width: 720px){._size-large_8a5l_69{right:10px;left:10px;transform:none;width:auto}}
1
+ @font-face{font-family:Roboto;font-weight:400;font-display:swap;font-style:normal;src:local("Roboto Regular"),local("Roboto-Regular"),url(./fonts/Roboto/Roboto-Regular.ttf) format("truetype")}@font-face{font-family:Roboto;font-weight:500;font-display:swap;font-style:normal;src:local("Roboto Medium"),local("Roboto-Medium"),url(./fonts/Roboto/Roboto-Medium.ttf) format("truetype")}@font-face{font-family:Roboto;font-weight:700;font-display:swap;font-style:normal;src:local("Roboto-Bold"),local("Roboto-Bold"),url(./fonts/Roboto/Roboto-Bold.ttf) format("truetype")}@font-face{font-family:OpenSans;font-weight:300;font-display:swap;font-style:normal;src:local("Open Sans Light"),local("OpenSans-Light"),url(./fonts/OpenSans/OpenSans-Light.ttf) format("truetype")}@font-face{font-family:OpenSans;font-weight:400;font-display:swap;font-style:normal;src:local("Open Sans Regular"),local("OpenSans-Regular"),url(./fonts/OpenSans/OpenSans-Regular.ttf) format("truetype")}@font-face{font-family:OpenSans;font-weight:600;font-display:swap;font-style:normal;src:local("Open Sans Semibold"),local("OpenSans-Semibold"),url(./fonts/OpenSans/OpenSans-Semibold.ttf) format("truetype")}:root{--rp-ui-kit-bg-000: #ffffff;--rp-ui-kit-bg-100: #f7f7f8;--rp-ui-kit-bg-200: #eceff4;--rp-ui-kit-error: #dc5959;--rp-ui-kit-error-hover: #f24a4a;--rp-ui-kit-error-pressed: #c54141;--rp-ui-kit-error-focused: #ffb1b1;--rp-ui-kit-topaz: #00829b;--rp-ui-kit-topaz-hover: #009dbb;--rp-ui-kit-topaz-focused: #00b0d1;--rp-ui-kit-topaz-pressed: #00758c;--rp-ui-kit-almost-black: #3f3f3f;--rp-ui-kit-e-100: #e3e7ec;--rp-ui-kit-e-200: #c1c7d0;--rp-ui-kit-e-300: #a2aab5;--rp-ui-kit-e-400: #8d95a1;--rp-ui-kit-dark-bg: #101010;--rp-ui-kit-dark-bg-solid-98: #141414;--rp-ui-kit-dark-error: #ff4040;--rp-ui-kit-dark-error-text: #ff6666;--rp-ui-kit-dark-log-error: #ff3222;--rp-ui-kit-dark-log-fatal: #c2352b;--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-tag-value-text: #394db6;--rp-ui-kit-tag-value-background: #ced8fc;--rp-ui-kit-tag-key-text: #6f4599;--rp-ui-kit-tag-key-background: #dac3e6;--rp-ui-kit-system-issue-group: #3e7be6;--rp-ui-kit-product-bug-group: #d32f2f;--rp-ui-kit-automation-bug-group: #ffc208;--rp-ui-kit-no-defect-bug-group: #76839b;--rp-ui-kit-test-execution-status-passed: #3aa76d;--rp-ui-kit-shadow: 0px 1px 3px rgba(55, 67, 98, .1);--rp-ui-kit-shadow-hover: 0px 1px 3px rgba(55, 67, 98, .2);--rp-ui-kit-shadow-secondary: 0 8px 40px rgba(0, 0, 0, .15);--rp-ui-kit-overlay: rgba(141, 149, 161, .35);--rp-ui-kit-overlay-light-cyan: rgba(208, 240, 241, .7);--rp-ui-kit-font-family-base: Roboto, Arial, Helvetica, sans-serif;--rp-ui-kit-font-family-heading: OpenSans, Segoe UI, Tahoma, sans-serif;--rp-ui-kit-color-bg: var(--rp-ui-kit-bg-000);--rp-ui-kit-color-bg-2: var(--rp-ui-kit-bg-100);--rp-ui-kit-color-bg-3: var(--rp-ui-kit-bg-200);--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-text-3: var(--rp-ui-kit-almost-black);--rp-ui-kit-color-field-bg: var(--rp-ui-kit-bg-000);--rp-ui-kit-color-field-bg-2: var(--rp-ui-kit-bg-100);--rp-ui-kit-color-field-border: var(--rp-ui-kit-e-200);--rp-ui-kit-color-field-hover: var(--rp-ui-kit-e-300);--rp-ui-kit-color-field-hover-2: var(--rp-ui-kit-e-400);--rp-ui-kit-color-field-opened: var(--rp-ui-kit-topaz-pressed);--rp-ui-kit-color-field-placeholder: var(--rp-ui-kit-almost-black);--rp-ui-kit-color-disabled: var(--rp-ui-kit-e-200);--rp-ui-kit-opacity-default: 30%}.rp-ui-kit-theme-light{--rp-ui-kit-color-bg: var(--rp-ui-kit-bg-000);--rp-ui-kit-color-bg-2: var(--rp-ui-kit-bg-100);--rp-ui-kit-color-bg-3: var(--rp-ui-kit-bg-200);--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-text-3: var(--rp-ui-kit-almost-black);--rp-ui-kit-color-field-bg: var(--rp-ui-kit-bg-000);--rp-ui-kit-color-field-bg-2: var(--rp-ui-kit-bg-100);--rp-ui-kit-color-field-border: var(--rp-ui-kit-e-200);--rp-ui-kit-color-field-hover: var(--rp-ui-kit-e-300);--rp-ui-kit-color-field-hover-2: var(--rp-ui-kit-e-400);--rp-ui-kit-color-field-opened: var(--rp-ui-kit-topaz-pressed);--rp-ui-kit-color-field-placeholder: var(--rp-ui-kit-almost-black);--rp-ui-kit-color-disabled: var(--rp-ui-kit-e-200);--rp-ui-kit-opacity-default: 30%}.rp-ui-kit-theme-dark{--rp-ui-kit-color-bg: var(--rp-ui-kit-dark-bg);--rp-ui-kit-color-bg-2: var(--rp-ui-kit-dark-bg);--rp-ui-kit-color-bg-3: var(--rp-ui-kit-dark-bg-solid-98);--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-dark-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-text-3: var(--rp-ui-kit-bg-000);--rp-ui-kit-color-field-bg: var(--rp-ui-kit-dark-e-400);--rp-ui-kit-color-field-bg-2: var(--rp-ui-kit-dark-e-400);--rp-ui-kit-color-field-border: var(--rp-ui-kit-dark-e-400);--rp-ui-kit-color-field-hover: var(--rp-ui-kit-e-200);--rp-ui-kit-color-field-hover-2: var(--rp-ui-kit-e-300);--rp-ui-kit-color-field-opened: var(--rp-ui-kit-e-200);--rp-ui-kit-color-field-placeholder: var(--rp-ui-kit-dark-e-200);--rp-ui-kit-color-disabled: var(--rp-ui-kit-dark-e-100);--rp-ui-kit-opacity-default: 50%}._checkbox_1ggpr_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_1ggpr_1 ._disabled_1ggpr_12{opacity:var(--rp-ui-kit-opacity-default);pointer-events:none}._input_1ggpr_17{position:absolute;opacity:0;top:0;left:0}._control_1ggpr_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_1ggpr_17:checked+._control_1ggpr_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_1ggpr_17:hover+._control_1ggpr_24{border-color:var(--rp-ui-kit-color-field-hover-2)}._input_1ggpr_17:active:not(:disabled)+._control_1ggpr_24{border:2px solid var(--rp-ui-kit-color-primary-focused)}._input_1ggpr_17:checked:hover+._control_1ggpr_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_1ggpr_17:checked:active:not(:disabled)+._control_1ggpr_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_1ggpr_17:disabled+._control_1ggpr_24{border-color:var(--rp-ui-kit-color-disabled)}._input_1ggpr_17:checked:disabled+._control_1ggpr_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_1ggpr_17:focus+._control_1ggpr_24{border:2px solid var(--rp-ui-kit-color-primary-focused)}._children_1ggpr_78{cursor:pointer}._children_1ggpr_78 a{text-decoration:none;color:var(--rp-ui-kit-color-primary)}._children_1ggpr_78 a:focus,._children_1ggpr_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}._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)}._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}._toggle_19mjs_1{position:relative;display:inline-flex;align-items:center;font-family:var(--rp-ui-kit-font-family-base);font-weight:400;font-size:13px;line-height:20px;color:var(--rp-ui-kit-almost-black);cursor:pointer}._children-container_19mjs_13{margin-left:40px}._children-container_19mjs_13 a{text-decoration:none;color:var(--rp-ui-kit-topaz)}._children-container_19mjs_13 a:focus,._children-container_19mjs_13 a:focus-visible{outline:none;color:var(--rp-ui-kit-topaz-focused);text-decoration:underline}._slider_19mjs_26{background-color:var(--rp-ui-kit-e-200);cursor:pointer;position:absolute;transition:.4s;border-radius:10px;width:32px;height:20px}._slider_19mjs_26:before{position:absolute;top:2px;left:2px;content:"";width:16px;height:16px;background-color:var(--rp-ui-kit-bg-000);transition:.4s}._round_19mjs_46:before{border-radius:50%}._input_19mjs_50{position:absolute;opacity:0;top:0;left:0}._input_19mjs_50:disabled+._slider_19mjs_26{background-color:var(--rp-ui-kit-e-200);cursor:default}._input_19mjs_50:focus-visible{outline:none}._input_19mjs_50:focus:not(._disabled_19mjs_63):after,._input_19mjs_50:focus-visible:not(._disabled_19mjs_63)+._slider_19mjs_26:after{top:50%;left:50%;content:"";position:absolute;width:100%;height:100%;border:2px solid var(--rp-ui-kit-topaz-focused);border-radius:12px;transform:translate(-50%,-50%)}._input_19mjs_50:checked+._slider_19mjs_26{background-color:var(--rp-ui-kit-topaz)}._input_19mjs_50:checked+._slider_19mjs_26:before{transform:translate(12px)}._input_19mjs_50:hover+._slider_19mjs_26{background-color:var(--rp-ui-kit-e-400)}._input_19mjs_50:checked:hover+._slider_19mjs_26{background-color:var(--rp-ui-kit-topaz-hover)}._input_19mjs_50:checked:disabled+._slider_19mjs_26{background-color:var(--rp-ui-kit-topaz);cursor:default}._disabled_19mjs_63{opacity:.3;cursor:default}._bubbles-loader_1wrm9_1{position:relative}._bubbles-loader_1wrm9_1._color-topaz_1wrm9_4 ._bubble_1wrm9_1{background-color:var(--rp-ui-kit-dark-topaz-main)}._bubble_1wrm9_1{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--rp-ui-kit-bg-000);transform:scale(.3);animation:_bubbles_1wrm9_1 2.5s infinite linear}._bubble_1wrm9_1:nth-child(1){left:0;animation-delay:.1s}._bubble_1wrm9_1:nth-child(2){left:7px;animation-delay:.3s}._bubble_1wrm9_1:nth-child(3){left:14px;animation-delay:.5s}._bubble_1wrm9_1:nth-child(4){left:21px;animation-delay:.7s}._bubble_1wrm9_1:nth-child(5){left:28px;animation-delay:.9s}._bubble_1wrm9_1:nth-child(6){left:35px;animation-delay:1.1s}._bubble_1wrm9_1:nth-child(7){left:42px;animation-delay:1.3s}@keyframes _bubbles_1wrm9_1{20%,60%{transform:scale(.5)}40%{transform:scale(1)}}._field-number_1jvvf_1{position:relative;display:inline-flex;flex-direction:column}._field-number_1jvvf_1._disabled_1jvvf_6{opacity:.3}._label_1jvvf_10{display:block;margin-bottom:4px;font-family:var(--rp-ui-kit-font-family-base);font-weight:500;font-size:13px;line-height:20px;text-indent:1px;color:var(--rp-ui-kit-almost-black)}._sign_1jvvf_21{display:inline-block;cursor:pointer}._input-container_1jvvf_26{display:inline-flex;align-items:center;padding:6px 8px;border:1px solid var(--rp-ui-kit-e-200);box-sizing:border-box;border-radius:3px;background:var(--rp-ui-kit-bg-000);-webkit-user-select:none;user-select:none}._input-container_1jvvf_26:focus-within:not(._error_1jvvf_36._touched_1jvvf_36){padding:5px 7px;border-width:2px;border-color:var(--rp-ui-kit-topaz-focused)}._input-container_1jvvf_26:hover:not(._disabled_1jvvf_6):not(:focus-within):not(._error_1jvvf_36._touched_1jvvf_36),._input-container_1jvvf_26._filled_1jvvf_41:not(:focus-within){border-color:var(--rp-ui-kit-e-300)}._input-container_1jvvf_26._error_1jvvf_36._touched_1jvvf_36{border-color:var(--rp-ui-kit-error)}._input-field_1jvvf_48{display:flex;align-items:center;justify-content:center;min-width:44px;margin:2px 4px 0;text-align:center;cursor:text}._input-field_1jvvf_48._disabled_1jvvf_6{cursor:default}._input_1jvvf_26{padding:0;margin:0;border:none;text-align:center;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}._input_1jvvf_26:focus{outline:none}._input_1jvvf_26:focus::placeholder{color:transparent}._input_1jvvf_26::placeholder{color:var(--rp-ui-kit-e-200)}._input_1jvvf_26::-webkit-inner-spin-button,._input_1jvvf_26::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}._dropdown-option_ev7l2_1{display:inline-block;width:100%;padding:9px 12px 7px;font-family:var(--rp-ui-kit-font-family-base);font-weight:400;font-size:13px;line-height:20px;box-sizing:border-box;cursor:pointer;color:var(--rp-ui-kit-color-text-3)}._dropdown-option_ev7l2_1._disabled_ev7l2_13{opacity:.3;pointer-events:none}._dropdown-option_ev7l2_1._hidden_ev7l2_17{display:none}._dropdown-option_ev7l2_1:hover:not(:active){background:var(--rp-ui-kit-color-bg-3)}._dropdown-option_ev7l2_1._selected_ev7l2_23{color:var(--rp-ui-kit-color-primary-text)}._dropdown-option_ev7l2_1._hover_ev7l2_26:not(._disabled_ev7l2_13){padding:8px 11px 6px;background-color:var(--rp-ui-kit-color-bg-3);border:1px solid var(--rp-ui-kit-color-primary-focused)}._dropdown-option_ev7l2_1._hover_ev7l2_26:not(._disabled_ev7l2_13):hover{border:none;padding:9px 12px 7px}._dropdown-option_ev7l2_1._hover_ev7l2_26:not(._disabled_ev7l2_13):hover:hover:not(:active){background:var(--rp-ui-kit-color-bg-3)}._single-option_ev7l2_39{display:flex;align-items:center;height:100%}._sub-option_ev7l2_45{padding-left:24px}._container_1d54v_1{position:relative;display:inline-block;width:100%}._container_1d54v_1._default-width_1d54v_6{width:240px}._icon_1d54v_10{width:16px;height:16px;margin-right:8px}._arrow_1d54v_16{display:inline-flex;margin-left:12px;transition:transform .2s linear}._dropdown_1d54v_22{display:flex;align-items:center;text-align:start;padding:9px 12px 7px;width:100%;height:36px;border:1px solid var(--rp-ui-kit-color-field-border);border-radius:3px;background-color:var(--rp-ui-kit-color-field-bg);box-sizing:border-box;transition:border-color .2s linear;cursor:pointer}._dropdown_1d54v_22._transparent-background_1d54v_36{background-color:transparent}._dropdown_1d54v_22._disabled_1d54v_39{opacity:.3;pointer-events:none}._dropdown_1d54v_22._error_1d54v_43._touched_1d54v_43{border-width:1px;border-color:var(--rp-ui-kit-color-error)}._dropdown_1d54v_22:hover:not(:active):not(:focus-visible):not(._opened_1d54v_47):not(._error_1d54v_43){border-color:var(--rp-ui-kit-color-field-hover)}._dropdown_1d54v_22:hover:not(:active):not(:focus-visible):not(._opened_1d54v_47):not(._error_1d54v_43) ._arrow_1d54v_16 svg path{fill:var(--rp-ui-kit-color-field-hover-2)}._dropdown_1d54v_22:active,._dropdown_1d54v_22:focus-visible{padding:7px 11px;border-width:2px;border-color:var(--rp-ui-kit-color-primary-focused);outline:none}._dropdown_1d54v_22:active ._arrow_1d54v_16 svg path,._dropdown_1d54v_22:focus-visible ._arrow_1d54v_16 svg path{fill:var(--rp-ui-kit-color-field-hover-2)}._dropdown_1d54v_22._opened_1d54v_47:not(:active):not(._error_1d54v_43){border-width:1px;border-color:var(--rp-ui-kit-color-primary-pressed)}._dropdown_1d54v_22._opened_1d54v_47:not(:active):not(._error_1d54v_43) ._arrow_1d54v_16 svg path{fill:var(--rp-ui-kit-color-field-opened)}._dropdown_1d54v_22._opened_1d54v_47 ._arrow_1d54v_16{transform:rotate(180deg)}._dropdown_1d54v_22 ._placeholder_1d54v_72{color:var(--rp-ui-kit-color-field-placeholder)}._dropdown_1d54v_22 ._value_1d54v_75{flex-grow:1;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-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 767px){._dropdown_1d54v_22 ._mobile-disabled_1d54v_87{background-color:var(--rp-ui-kit-color-field-bg-2)}}._select-list_1d54v_92{position:absolute;top:0;margin-top:5px;padding:8px 0;display:none;width:100%;min-height:10px;border-radius:3px;box-sizing:border-box;z-index:10;box-shadow:var(--rp-ui-kit-shadow-secondary);background:var(--rp-ui-kit-color-field-bg)}._select-list_1d54v_92._opened_1d54v_47{display:block}._select-list_1d54v_92._opened_1d54v_47:focus-visible{outline:none}._ghost_1d54v_113{border-color:transparent;background:transparent}._ghost_1d54v_113:hover:not(:active):not(:focus-visible):not(._opened_1d54v_47):not(._error_1d54v_43){border-color:transparent}._ghost_1d54v_113:hover:not(:active):not(:focus-visible):not(._opened_1d54v_47):not(._error_1d54v_43) ._arrow_1d54v_16 svg path{fill:var(--rp-ui-kit-color-field-hover-2)}._ghost_1d54v_113._opened_1d54v_47:not(:active):not(._error_1d54v_43){border-color:transparent}._ghost_1d54v_113._opened_1d54v_47 ._value_1d54v_75{color:var(--rp-ui-kit-color-primary-pressed)}._icon_pgc7q_1 svg path{fill:var(--rp-ui-kit-e-300)}._icon_pgc7q_1._disabled_pgc7q_4{opacity:40%;cursor:default}._icon_pgc7q_1:hover:not(._disabled_pgc7q_4) svg path{fill:var(--rp-ui-kit-e-400)}._icon_pgc7q_1:active:not(._disabled_pgc7q_4) svg path{fill:var(--rp-ui-kit-topaz-pressed)}._icon_pgc7q_1:focus:not(._disabled_pgc7q_4,:active) svg path{fill:var(--rp-ui-kit-topaz-focused)}._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_1d7tr_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_1d7tr_11{display:flex;justify-content:stretch;align-items:center;width:100%;padding-right:30px;box-sizing:border-box}._modal-title_1d7tr_20{flex-grow:1;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}._close-modal-icon_1d7tr_28{position:absolute;top:6px;right:0;line-height:normal;cursor:pointer}._modal_8a5l_1{position:absolute;top:0;left:0;display:block;width:100%;height:100%;text-align:center}._overlay-default_8a5l_11{background-color:var(--rp-ui-kit-overlay);z-index:2}._overlay-light-cyan_8a5l_16{background-color:var(--rp-ui-kit-overlay-light-cyan);z-index:2}._scrolling-content_8a5l_21{position:fixed;width:100%;height:100%;z-index:2}._modal-window_8a5l_28{position:absolute;left:50%;transform:translate(-50%);display:inline-block;margin-bottom:10px;padding:32px 48px;box-sizing:border-box;background-color:var(--rp-ui-kit-bg-100);text-align:left;border-radius:16px;box-shadow:var(--rp-ui-kit-shadow-secondary);opacity:1;outline:none;max-height:90%}._size-default_8a5l_45{width:480px}@media (max-width: 480px){._size-default_8a5l_45{right:10px;left:10px;transform:none;width:auto}}._size-small_8a5l_57{width:320px}@media (max-width: 320px){._size-small_8a5l_57{right:10px;left:10px;transform:none;width:auto}}._size-large_8a5l_69{width:720px}@media (max-width: 720px){._size-large_8a5l_69{right:10px;left:10px;transform:none;width:auto}}
@@ -0,0 +1,67 @@
1
+ import { jsxs as f, jsx as t } from "react/jsx-runtime";
2
+ import { c as b } from "./bind-06a7ff84.js";
3
+ import { useRef as k } from "react";
4
+ import { K as d } from "./keyCodes-f63c0e11.js";
5
+ const h = "_toggle_19mjs_1", j = "_slider_19mjs_26", x = "_round_19mjs_46", y = "_input_19mjs_50", E = "_disabled_19mjs_63", D = {
6
+ toggle: h,
7
+ "children-container": "_children-container_19mjs_13",
8
+ slider: j,
9
+ round: x,
10
+ input: y,
11
+ disabled: E
12
+ }, e = b.bind(D), T = ({
13
+ children: r,
14
+ value: c,
15
+ onChange: _,
16
+ className: m,
17
+ disabled: s = !1,
18
+ title: u,
19
+ ...p
20
+ }) => {
21
+ const n = k(null), g = (o) => {
22
+ var i, a;
23
+ const { keyCode: l } = o;
24
+ if (l === d.SPACE_KEY_CODE) {
25
+ o.preventDefault(), (i = n.current) == null || i.click();
26
+ return;
27
+ }
28
+ l === d.ENTER_KEY_CODE && (o.preventDefault(), (a = n.current) == null || a.click());
29
+ };
30
+ return /* @__PURE__ */ f(
31
+ "label",
32
+ {
33
+ id: "rp-ui-kit-toggle-label",
34
+ title: u,
35
+ className: e("toggle", m, { disabled: s }),
36
+ children: [
37
+ /* @__PURE__ */ t(
38
+ "input",
39
+ {
40
+ ref: n,
41
+ tabIndex: s ? -1 : 0,
42
+ onChange: _,
43
+ checked: c,
44
+ disabled: s,
45
+ onKeyDown: g,
46
+ className: e("input"),
47
+ type: "checkbox",
48
+ ...p
49
+ }
50
+ ),
51
+ /* @__PURE__ */ t(
52
+ "div",
53
+ {
54
+ "aria-labelledby": "rp-ui-kit-toggle-label",
55
+ role: "checkbox",
56
+ "aria-checked": c,
57
+ className: e("slider", "round")
58
+ }
59
+ ),
60
+ r && /* @__PURE__ */ t("span", { className: e("children-container"), children: r })
61
+ ]
62
+ }
63
+ );
64
+ };
65
+ export {
66
+ T
67
+ };
package/dist/toggle.js ADDED
@@ -0,0 +1,9 @@
1
+ import { T as r } from "./toggle-5b3d8333.js";
2
+ import "react/jsx-runtime";
3
+ import "./bind-06a7ff84.js";
4
+ import "react";
5
+ import "./keyCodes-f63c0e11.js";
6
+ export {
7
+ r as Toggle,
8
+ r as default
9
+ };
@@ -0,0 +1,16 @@
1
+ import { useEffect as i } from "react";
2
+ function u(t, n) {
3
+ i(() => {
4
+ if (!n)
5
+ return;
6
+ const e = (o) => {
7
+ t && t.current && !t.current.contains(o.target) && n(o);
8
+ };
9
+ return document.addEventListener("pointerdown", e), () => {
10
+ document.removeEventListener("pointerdown", e);
11
+ };
12
+ }, [t, n]);
13
+ }
14
+ export {
15
+ u
16
+ };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@reportportal/ui-kit",
3
- "version": "0.0.1-alpha.5",
3
+ "version": "0.0.1-alpha.6",
4
4
  "type": "module",
5
5
  "scripts": {
6
6
  "dev": "storybook dev -p 6006",
@@ -21,9 +21,12 @@
21
21
  "react-dom": "17.x-18.x"
22
22
  },
23
23
  "dependencies": {
24
+ "@popperjs/core": "^2.11.8",
24
25
  "classnames": "^2.3.2",
26
+ "downshift": "^6.1.12",
25
27
  "framer-motion": "^10.15.2",
26
- "rc-scrollbars": "^1.1.6"
28
+ "rc-scrollbars": "^1.1.6",
29
+ "react-popper": "^2.3.0"
27
30
  },
28
31
  "devDependencies": {
29
32
  "@storybook/addon-essentials": "^7.2.0",
@@ -1,70 +0,0 @@
1
- import { jsxs as d, jsx as n } from "react/jsx-runtime";
2
- import { c as m } from "./bind-06a7ff84.js";
3
- import { useRef as x } from "react";
4
- import { K as p } from "./key-codes-abbe7725.js";
5
- const f = "_checkbox_1gq3p_1", y = "_disabled_1gq3p_12", C = "_input_1gq3p_17", E = "_control_1gq3p_24", D = "_children_1gq3p_78", K = {
6
- checkbox: f,
7
- disabled: y,
8
- input: C,
9
- control: E,
10
- children: D
11
- }, e = m.bind(K), j = ({
12
- children: s,
13
- disabled: c = !1,
14
- onChange: _,
15
- className: b,
16
- value: r,
17
- dataAutomationId: h,
18
- ...k
19
- }) => {
20
- const o = x(null), u = (t) => {
21
- var l, i;
22
- const { keyCode: a } = t;
23
- if (a === p.SPACE_KEY_CODE) {
24
- t.preventDefault(), (l = o.current) == null || l.click();
25
- return;
26
- }
27
- a === p.ENTER_KEY_CODE && (t.preventDefault(), (i = o.current) == null || i.click());
28
- };
29
- return /* @__PURE__ */ d(
30
- "label",
31
- {
32
- id: "rp-ui-kit-checkbox-label",
33
- className: e("checkbox", b, {
34
- disabled: c
35
- }),
36
- "data-automation-id": h,
37
- children: [
38
- /* @__PURE__ */ n(
39
- "input",
40
- {
41
- ref: o,
42
- tabIndex: 0,
43
- type: "checkbox",
44
- onKeyDown: u,
45
- className: e("input"),
46
- disabled: c,
47
- onChange: _,
48
- checked: r,
49
- ...k
50
- }
51
- ),
52
- /* @__PURE__ */ n(
53
- "span",
54
- {
55
- "aria-labelledby": "rp-ui-kit-checkbox-label",
56
- role: "checkbox",
57
- "aria-checked": r,
58
- className: e("control", {
59
- disabled: c
60
- })
61
- }
62
- ),
63
- s && /* @__PURE__ */ n("span", { className: e("children", { disabled: c }), children: s })
64
- ]
65
- }
66
- );
67
- };
68
- export {
69
- j as C
70
- };
@@ -1,5 +0,0 @@
1
- export declare enum KeyCodes {
2
- SPACE_KEY_CODE = 32,
3
- ENTER_KEY_CODE = 13,
4
- ESCAPE_KEY_CODE = 27
5
- }
@@ -1,99 +0,0 @@
1
- import { jsx as e, jsxs as t, Fragment as f } from "react/jsx-runtime";
2
- import * as o from "react";
3
- import { forwardRef as A } from "react";
4
- import { c as F } from "./bind-06a7ff84.js";
5
- const R = (c) => /* @__PURE__ */ o.createElement("svg", { width: 17, height: 17, viewBox: "0 0 17 17", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...c }, /* @__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" })), j = "_label_11rxn_18", y = "_asterisk_11rxn_27", B = "_disabled_11rxn_33", M = "_field_11rxn_37", S = "_error_11rxn_51", Z = "_touched_11rxn_51", z = "_input_11rxn_65", D = "_placeholder_11rxn_88", G = "_icon_11rxn_1", H = "_text_11rxn_151", J = {
6
- "icon-container": "_icon-container_11rxn_1",
7
- "icon-container-end": "_icon-container-end_11rxn_1",
8
- "icon-container-start": "_icon-container-start_11rxn_1",
9
- label: j,
10
- asterisk: y,
11
- disabled: B,
12
- field: M,
13
- error: S,
14
- touched: Z,
15
- "default-width": "_default-width_11rxn_61",
16
- "input-container": "_input-container_11rxn_65",
17
- input: z,
18
- placeholder: D,
19
- icon: G,
20
- "clear-icon": "_clear-icon_11rxn_108",
21
- "additional-content": "_additional-content_11rxn_144",
22
- text: H,
23
- "error-text": "_error-text_11rxn_159",
24
- "help-text": "_help-text_11rxn_163"
25
- }, n = F.bind(J), Q = A(
26
- ({
27
- value: c,
28
- className: N,
29
- error: r,
30
- placeholder: _,
31
- disabled: a = !1,
32
- onChange: u,
33
- touched: i = !1,
34
- title: w,
35
- label: s,
36
- helpText: l,
37
- defaultWidth: C = !0,
38
- startIcon: d,
39
- endIcon: x,
40
- clearable: L = !1,
41
- onClear: p,
42
- isRequired: h = !1,
43
- hasDoubleMessage: g = !1,
44
- type: k = "text",
45
- ...v
46
- }, b) => {
47
- const E = () => {
48
- p && p(c);
49
- }, m = /* @__PURE__ */ e("span", { className: n("text", "help-text"), children: l });
50
- return /* @__PURE__ */ t(f, { children: [
51
- s && /* @__PURE__ */ t("span", { className: n("label", { disabled: a }), children: [
52
- s,
53
- h && /* @__PURE__ */ e("span", { className: n("asterisk"), children: "*" })
54
- ] }),
55
- /* @__PURE__ */ t(
56
- "div",
57
- {
58
- className: n("field", N, {
59
- error: r,
60
- touched: i,
61
- disabled: a,
62
- "default-width": C
63
- }),
64
- title: w,
65
- children: [
66
- d && /* @__PURE__ */ e("span", { className: n("icon-container-start"), children: /* @__PURE__ */ e("span", { className: n("icon"), children: d }) }),
67
- /* @__PURE__ */ t("span", { className: n("input-container"), children: [
68
- /* @__PURE__ */ e(
69
- "input",
70
- {
71
- ref: b,
72
- type: k,
73
- className: n("input"),
74
- value: c,
75
- disabled: a,
76
- onChange: u,
77
- ...v
78
- }
79
- ),
80
- _ && !c && /* @__PURE__ */ t("span", { className: n("placeholder"), children: [
81
- _,
82
- h && !s && /* @__PURE__ */ e("span", { className: n("asterisk") })
83
- ] })
84
- ] }),
85
- x && /* @__PURE__ */ e("span", { className: n("icon-container-end"), children: /* @__PURE__ */ e("span", { className: n("icon"), children: x }) }),
86
- L && /* @__PURE__ */ e("span", { className: n("icon-container-end"), children: /* @__PURE__ */ e("button", { type: "button", className: n("clear-icon", { disabled: a }), onClick: E, children: /* @__PURE__ */ e(R, {}) }) })
87
- ]
88
- }
89
- ),
90
- (r && i || l) && /* @__PURE__ */ e("div", { className: n("additional-content", { disabled: a }), children: r && i ? /* @__PURE__ */ t(f, { children: [
91
- /* @__PURE__ */ e("span", { className: n("text", "error-text"), children: r }),
92
- g && m
93
- ] }) : l && m })
94
- ] });
95
- }
96
- );
97
- export {
98
- Q as F
99
- };
@@ -1,4 +0,0 @@
1
- var _ = /* @__PURE__ */ ((E) => (E[E.SPACE_KEY_CODE = 32] = "SPACE_KEY_CODE", E[E.ENTER_KEY_CODE = 13] = "ENTER_KEY_CODE", E[E.ESCAPE_KEY_CODE = 27] = "ESCAPE_KEY_CODE", E))(_ || {});
2
- export {
3
- _ as K
4
- };