@reportportal/ui-kit 0.0.1-alpha.175 → 0.0.1-alpha.176

package/dist/style.css

@@ -12,4 +12,4 @@
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
-*/._filter-item_b9lbt_16{display:flex;align-items:center;gap:8px;width:fit-content;max-width:210px;padding:1px 12px 1px 16px;border:1px solid var(--rp-ui-color-field-border);border-radius:40px;background-color:var(--rp-ui-base-light);cursor:pointer;transition:background-color .2s ease,border-color .2s ease}._filter-item_b9lbt_16:hover:not(._disabled_b9lbt_29){color:var(--rp-ui-color-primary-hover)}._filter-item_b9lbt_16._selected_b9lbt_32{background-color:var(--rp-ui-base-topaz);color:var(--rp-ui-color-field-bg);border-color:transparent}._filter-item_b9lbt_16._selected_b9lbt_32 ._actions-button_b9lbt_37 svg path{fill:var(--rp-ui-color-field-bg)}._filter-item_b9lbt_16._selected_b9lbt_32:hover:not(._disabled_b9lbt_29){color:var(--rp-ui-color-field-bg);background-color:var(--rp-ui-base-topaz);border-color:var(--rp-ui-base-topaz-hover)}._filter-item_b9lbt_16._disabled_b9lbt_29{border-color:var(--rp-ui-color-field-border-3-disabled);color:var(--rp-ui-color-disabled);opacity:.6}._filter-item_b9lbt_16:focus{outline:none}._filter-item_b9lbt_16:focus-visible:not(._disabled_b9lbt_29){border-color:var(--rp-ui-color-primary-focused);box-shadow:inset 0 0 0 1px var(--rp-ui-color-primary-focused)}._caption-wrapper_b9lbt_58{flex:0 1 auto;font-size:13px;line-height:20px;font-family:var(--rp-ui-base-font-family);font-weight:var(--rp-ui-base-fw-regular);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}._filters-icon-container_1ytvw_16{all:unset;display:flex;align-items:center;justify-content:center;box-sizing:border-box;height:36px;min-width:40px;border-radius:20px;cursor:pointer}._filters-icon-container_1ytvw_16:focus-visible{outline:2px solid var(--rp-ui-base-topaz-focused)}._filters-icon-container_1ytvw_16:disabled{cursor:not-allowed;opacity:.6}._filters-icon-container_1ytvw_16:not(:disabled):hover ._filter-icon_1ytvw_34 svg path{fill:var(--rp-ui-base-e-400)}._filters-icon-container_1ytvw_16._opened_1ytvw_37 ._filter-icon_1ytvw_34 svg path{fill:var(--rp-ui-base-topaz-pressed)}._filters-icon-container_1ytvw_16._opened_1ytvw_37:not(:disabled):hover ._filter-icon_1ytvw_34 svg path{fill:var(--rp-ui-base-topaz-hover)}._filters-icon-container_1ytvw_16._with-applied_1ytvw_43{gap:8px;padding:8px 12px;background-color:var(--rp-ui-base-bg-200)}._filters-icon-container_1ytvw_16._with-applied_1ytvw_43 ._filter-icon_1ytvw_34 svg path{fill:var(--rp-ui-base-topaz)}._filters-icon-container_1ytvw_16._with-applied_1ytvw_43 ._filters-count_1ytvw_51{font-size:13px;line-height:20px;color:var(--rp-ui-base-topaz);font-family:var(--rp-ui-base-font-family);font-weight:var(--rp-ui-base-fw-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}._filters-icon-container_1ytvw_16._with-applied_1ytvw_43._opened_1ytvw_37 ._filter-icon_1ytvw_34 svg path{fill:var(--rp-ui-base-topaz-pressed)}._filters-icon-container_1ytvw_16._with-applied_1ytvw_43._opened_1ytvw_37 ._filters-count_1ytvw_51{color:var(--rp-ui-base-topaz-pressed)}._filters-icon-container_1ytvw_16._with-applied_1ytvw_43:not(:disabled):hover ._filter-icon_1ytvw_34 svg path{fill:var(--rp-ui-base-topaz-hover)}._filters-icon-container_1ytvw_16._with-applied_1ytvw_43:not(:disabled):hover ._filters-count_1ytvw_51{color:var(--rp-ui-base-topaz-hover)}._filter-icon_1ytvw_34{display:flex}._filter-icon_1ytvw_34 svg{width:16px;height:16px}._filter-icon_1ytvw_34 svg path{fill:var(--rp-ui-base-e-300)}._clear-wrapper_1ytvw_86{width:24px;height:24px;border-left:1px solid var(--rp-ui-base-sm-info-line-100);display:flex;align-items:center;justify-content:flex-end}._icon_1ytvw_95,._clear-icon_1ytvw_95{display:inline-block;width:16px;height:16px}._clear-icon_1ytvw_95{background:none;border:none;padding:0;font:inherit;outline:none;cursor:pointer}._clear-icon_1ytvw_95 svg>path{fill:var(--rp-ui-color-field-icon)}._clear-icon_1ytvw_95._disabled_1ytvw_112{pointer-events:none}._clear-icon_1ytvw_95:hover svg>path{fill:var(--rp-ui-color-field-hover-2)}._clear-icon_1ytvw_95:focus svg>path{fill:var(--rp-ui-color-primary-focused)}._clear-icon_1ytvw_95:active svg>path{fill:var(--rp-ui-color-primary-pressed)}._issue-list_ypfdt_16{display:flex;align-items:center;gap:8px;width:100%;overflow:hidden;flex-wrap:nowrap;position:relative}._issue-list_ypfdt_16._expanded_ypfdt_25{flex-wrap:wrap;overflow:visible}._issue_ypfdt_16{display:inline-flex;max-width:100%;flex-shrink:0}._counter-wrapper_ypfdt_36{flex-shrink:0;display:inline-flex;width:fit-content}._counter_ypfdt_36{flex-shrink:0;display:inline-flex;min-width:32px;align-items:center;justify-content:center}._tooltip-wrapper_ypfdt_50{display:inline-flex;width:100%}._hidden_ypfdt_55{visibility:hidden;position:absolute;pointer-events:none}._ellipsis_ypfdt_61{flex-shrink:1;min-width:0;overflow:hidden}._modal-content_ppzcb_1{width:100%;font-family:var(--rp-ui-base-font-family);font-weight:var(--rp-ui-base-fw-regular);font-size:13px;line-height:20px;color:var(--rp-ui-color-text);white-space:pre-line;word-break:break-word;padding:0 0 16px}._buttons-block_1mwne_1{display:flex;align-items:center;column-gap:10px}._button-container_1mwne_7{display:inline-block;min-width:70px}._modal-footer_1mwne_12{position:relative;display:flex;justify-content:flex-end;width:100%;margin-top:16px}._modal-footer_1mwne_12._with-extra-node_1mwne_19{justify-content:space-between}._size-small_1mwne_23{flex-direction:column;align-items:stretch}._size-small_1mwne_23 ._buttons-block_1mwne_1{display:flex;flex-direction:column;align-items:stretch}._size-small_1mwne_23 ._button-container_1mwne_7{margin:0 0 10px}._size-small_1mwne_23 ._button-container_1mwne_7:last-child{margin-bottom:0}._modal-header_w4aaf_1{position:relative;font-family:var(--rp-ui-base-font-family);font-weight:var(--rp-ui-base-fw-regular);font-size:20px;line-height:31px;color:var(--rp-ui-color-text);padding-bottom:24px}._modal-header_w4aaf_1._width-description_w4aaf_10{padding-bottom:8px}._modal-header-content_w4aaf_14{width:100%;padding-right:30px;box-sizing:border-box}._modal-title_w4aaf_20{font-family:var(--rp-ui-base-font-family-heading);flex-grow:1;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}._close-modal-icon_w4aaf_29{position:absolute;top:6px;right:0;line-height:normal;cursor:pointer}._modal_35896_1{position:absolute;top:0;left:0;display:block;width:100%;height:100%;text-align:center;overflow:hidden}._overlay-default_35896_12{background-color:var(--rp-ui-base-overlay)}._overlay-light-cyan_35896_16{background-color:var(--rp-ui-base-overlay-light-cyan)}._scrolling-content_35896_20{position:fixed;width:100%;height:100%}._modal-window_35896_26{position:absolute;left:50%;transform:translate(-50%);display:inline-block;margin-bottom:10px;padding:32px 40px;box-sizing:border-box;background-color:var(--rp-ui-base-bg-100);text-align:left;border-radius:16px;box-shadow:var(--rp-ui-base-shadow-secondary);opacity:1;outline:none;max-height:90%}._description_35896_43{display:inline-block;width:100%;padding-bottom:24px;font-family:var(--rp-ui-base-font-family);font-weight:var(--rp-ui-base-fw-regular);font-size:13px;line-height:20px;color:var(--rp-ui-base-almost-black)}._scrollable-wrapper_35896_54{margin-right:-12px}._scrollable-content_35896_58{padding-right:12px}._size-default_35896_62{width:480px}@media (max-width: 480px){._size-default_35896_62{right:10px;left:10px;transform:none;width:auto}}._size-small_35896_74{width:320px}@media (max-width: 320px){._size-small_35896_74{right:10px;left:10px;transform:none;width:auto}}._size-large_35896_86{width:720px}@media (max-width: 720px){._size-large_35896_86{right:10px;left:10px;transform:none;width:auto}}._popover-wrapper_n3nff_1{display:inline-block;width:fit-content;height:fit-content;cursor:pointer}._popover_n3nff_1{display:block;position:absolute;z-index:10;font-family:var(--rp-ui-base-font-family);font-size:11px;line-height:16px;background-color:var(--rp-ui-color-bg);border-radius:8px;box-shadow:var(--rp-ui-base-shadow-secondary);padding:16px;min-height:52px;min-width:120px;max-width:fit-content;box-sizing:border-box;outline:0;width:max-content;color:var(--rp-ui-color-text)}._title_n3nff_28{font-family:var(--rp-ui-base-font-family-heading);font-weight:var(--rp-ui-base-fw-bold);font-size:13px;line-height:20px;margin-bottom:8px}._segmented-control_8evzz_16{display:inline-flex;box-sizing:border-box;gap:4px;padding:2px;border-radius:6px;background-color:var(--rp-ui-color-bg-3)}._segmented-control_8evzz_16._full-width_8evzz_24{width:100%;display:flex}._button_8evzz_29{display:inline-flex;flex:1;box-sizing:border-box;gap:8px;padding:8px;border:1px solid transparent;border-radius:4px;background-color:transparent;color:var(--rp-ui-color-text);font-size:13px;line-height:20px;font-family:var(--rp-ui-base-font-family);font-weight:var(--rp-ui-base-fw-regular);white-space:nowrap;align-items:center;justify-content:center;cursor:pointer;outline:none;transition:all .2s ease}._button_8evzz_29:hover:not(._disabled_8evzz_50):not(._active_8evzz_50){background-color:var(--rp-ui-color-field-hover);color:var(--rp-ui-color-text)}._button_8evzz_29._active_8evzz_50{background-color:var(--rp-ui-color-field-bg);color:var(--rp-ui-color-text);border-radius:4px;box-shadow:0 1px 3px #3743621a}._button_8evzz_29:focus-visible:not(._disabled_8evzz_50){border-color:var(--rp-ui-color-primary-focused);outline:none;box-shadow:inset 0 0 0 1px var(--rp-ui-color-primary-focused)}._button_8evzz_29._disabled_8evzz_50{cursor:not-allowed;opacity:.5;color:var(--rp-ui-base-e-300)}._button_8evzz_29._disabled_8evzz_50:hover{background-color:transparent}._icon_8evzz_74{display:flex;width:16px;height:16px;flex-shrink:0;align-items:center;justify-content:center}._side-panel-overlay_5ebdz_1{position:fixed;top:0;left:0;width:100%;height:100vh;opacity:0;transition:opacity .3s ease-in-out;pointer-events:none}._side-panel-overlay_5ebdz_1._active_5ebdz_11{opacity:1;pointer-events:auto}._overlay-default_5ebdz_16{background-color:var(--rp-ui-base-overlay)}._overlay-light-cyan_5ebdz_20{background-color:var(--rp-ui-base-overlay-light-cyan)}._side-panel_5ebdz_1{position:fixed;display:flex;flex-direction:column;width:max-content;min-width:320px;max-width:700px;height:100vh;background-color:var(--rp-ui-base-bg-100);box-shadow:var(--rp-ui-base-shadow-secondary);overflow:hidden;transition:transform .3s ease-in-out;pointer-events:none}._side-panel_5ebdz_1._active_5ebdz_11{pointer-events:auto}._side-right_5ebdz_42{right:0;transform:translate(100%)}._side-right_5ebdz_42._active_5ebdz_11{transform:translate(0)}._side-left_5ebdz_50{left:0;transform:translate(-100%)}._side-left_5ebdz_50._active_5ebdz_11{transform:translate(0)}._header-section_5ebdz_58{flex-shrink:0;margin-bottom:16px}._header-section_5ebdz_58._compact_5ebdz_62{margin-bottom:8px}._header_5ebdz_58{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:24px 24px 16px;border-bottom:1px solid var(--rp-ui-base-border-100)}._header_5ebdz_58>:first-child{flex:1}._header-content_5ebdz_78{flex:1}._close-button_5ebdz_82{flex-shrink:0;width:32px;height:32px}._title_5ebdz_88{font-size:20px;line-height:31px;font-family:var(--rp-ui-base-font-family-heading);color:var(--rp-ui-base-almost-black);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:100%}._description_5ebdz_99{margin:8px 0 0;font-family:var(--rp-ui-base-font-family);font-weight:var(--rp-ui-base-fw-regular);font-size:var(--rp-ui-base-font-size-md);line-height:var(--rp-ui-base-lh-md);color:var(--rp-ui-base-almost-black)}._content_5ebdz_108{flex:1;overflow-y:auto;padding:16px 24px;min-height:0}._footer_5ebdz_115{flex-shrink:0;padding:12px 24px;border-top:1px solid var(--rp-ui-base-border-100)}._divider_5ebdz_121{flex-shrink:0;height:1px;background-color:var(--rp-ui-base-e-100)}._sortable-item_b58jz_16{position:relative;width:100%;transition:opacity .2s ease;--sortable-gap: 8px}._sortable-item--drop-target-top_b58jz_22:before{content:"";position:absolute;top:calc(var(--sortable-gap) / -2);left:0;right:0;height:2px;background-color:var(--rp-ui-color-primary-focused);border-radius:2px;z-index:1;transform:translateY(-50%);pointer-events:none}._sortable-item--drop-target-bottom_b58jz_35:after{content:"";position:absolute;bottom:calc(var(--sortable-gap) / -2);left:0;right:0;height:2px;background-color:var(--rp-ui-color-primary-focused);border-radius:2px;z-index:1;transform:translateY(50%);pointer-events:none}._sortable-item--hover-mode_b58jz_48._sortable-item--drop-target-top_b58jz_22:before{display:block;position:static;top:auto;margin-bottom:var(--sortable-gap);transform:none;z-index:auto}._sortable-item--hover-mode_b58jz_48._sortable-item--drop-target-bottom_b58jz_35:after{display:block;position:static;bottom:auto;margin-top:var(--sortable-gap);transform:none;z-index:auto}._drag-handle_b58jz_65{cursor:grab;touch-action:none}._drag-handle_b58jz_65:active{cursor:grabbing}._drag-handle--disabled_b58jz_72{cursor:not-allowed;opacity:.5}._drag-layer_1izcx_1{position:fixed;pointer-events:none;z-index:100;left:0;top:0;width:100%;height:100%}._drag-preview_1izcx_11{display:flex;align-items:center;justify-content:flex-start;gap:8px;width:376px;height:52px;padding-left:12px;background-color:var(--rp-ui-base-bg-000);border:1px solid var(--rp-ui-color-field-border);border-radius:4px;box-shadow:0 4px 12px #00000026;font-size:13px;font-weight:500;color:var(--rp-ui-base-almost-black);white-space:nowrap}._drag-preview_1izcx_11 svg{width:16px;height:16px}._drag-preview_1izcx_11 svg path{fill:var(--rp-ui-color-field-icon)}._drop-confirmation-popover_obz3t_16{position:fixed;transform:translate(-50%,-100%);margin-bottom:8px;z-index:1000;display:flex;flex-direction:column;width:160px;min-width:120px;max-width:480px;padding:8px 0;background-color:var(--rp-ui-base-bg-000);border-radius:8px;box-shadow:0 8px 20px #00000026}._drop-confirmation-popover--before_obz3t_31{transform:translate(-50%,-110%);margin-bottom:0}._drop-confirmation-popover--after_obz3t_35{transform:translate(-50%);margin-top:8px;margin-bottom:0}._drop-confirmation-popover_obz3t_16:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid var(--rp-ui-base-bg-000);filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}._drop-confirmation-popover--after_obz3t_35:after{top:-8px;bottom:auto;border-top:none;border-bottom:8px solid var(--rp-ui-base-bg-000)}._drop-confirmation-popover__button_obz3t_59{display:block;width:100%;padding:8px 16px;border:none;border-radius:3px;background:none;font-size:13px;text-align:left;cursor:pointer;color:var(--rp-ui-base-almost-black);transition:background-color .15s ease}._drop-confirmation-popover__button_obz3t_59:hover{background-color:var(--rp-ui-color-primary-hover)}._drop-confirmation-popover__divider_obz3t_75{display:block;height:1px;margin:5px 16px;background:var(--rp-ui-divider-bg)}._tree-sortable-item_13y35_16{position:relative;transition:opacity .2s ease}._tree-sortable-item--dragging_13y35_20{opacity:.5}._tree-sortable-item--pending_13y35_23{opacity:.5;pointer-events:none;-webkit-user-select:none;user-select:none;cursor:not-allowed}._tree-sortable-item--drop-before_13y35_29:before{content:"";position:absolute;left:var(--tree-item-indent, 0);right:0;height:2px;background-color:var(--rp-ui-color-primary-focused);z-index:10;pointer-events:none;top:0}._tree-sortable-item--drop-after_13y35_40:after{content:"";position:absolute;left:var(--tree-item-indent, 0);right:0;height:2px;background-color:var(--rp-ui-color-primary-focused);z-index:10;pointer-events:none;bottom:0}._tree-sortable-item--drop-inside_13y35_51{position:relative}._tree-sortable-item--drop-inside_13y35_51:before{content:"";position:absolute;top:0;left:var(--tree-item-indent, 0);right:0;bottom:0;border:2px dashed var(--rp-ui-color-primary-focused);border-radius:4px;pointer-events:none;z-index:1}._tree-sortable-item--drop-inside_13y35_51 ._tree-sortable-item_13y35_16:before{display:none}._system-alert_jbf1d_1{display:flex;box-sizing:border-box;width:600px;padding:16px;gap:16px;border-radius:16px;justify-content:space-between;box-shadow:var(--rp-ui-base-shadow-secondary)}._system-alert--black_jbf1d_11 svg path{fill:var(--rp-ui-base-almost-black)!important}._system-alert_jbf1d_1._error_jbf1d_14{background-color:var(--rp-ui-base-sm-error)}._system-alert_jbf1d_1._success_jbf1d_17{background-color:var(--rp-ui-base-test-execution-status-passed)}._system-alert_jbf1d_1._info_jbf1d_20{background-color:var(--rp-ui-base-no-defect-bug-group)}._system-alert_jbf1d_1._warning_jbf1d_23{background-color:var(--rp-ui-base-defect-type-AB)}._system-alert_jbf1d_1 ._icon-wrapper_jbf1d_26{width:20px;height:24px;display:grid;place-content:center}._system-alert_jbf1d_1 ._content-wrapper_jbf1d_32{display:flex;gap:16px;flex-direction:column;flex:1}._system-alert_jbf1d_1 ._content-wrapper_jbf1d_32 ._title_jbf1d_38{text-align:start;font-family:var(--rp-ui-base-font-family);font-size:15px;line-height:24px;font-weight:var(--rp-ui-base-fw-semi-bold);display:-webkit-box;max-width:100%;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}._system-alert_jbf1d_1 ._content-wrapper_jbf1d_32 ._title--white_jbf1d_50{color:var(--rp-ui-base-bg-000)}._system-alert_jbf1d_1 ._content-wrapper_jbf1d_32 ._title--black_jbf1d_53{color:var(--rp-ui-base-almost-black)}._system-alert_jbf1d_1 ._close-button_jbf1d_56{background:none;border:none;width:24px;height:24px;cursor:pointer}._system-alert_jbf1d_1 ._close-button_jbf1d_56 svg path{fill:var(--rp-ui-base-bg-000)}._tooltip-wrapper_lwpn2_16{display:block;width:100%;height:fit-content;cursor:pointer}._tooltip-content_lwpn2_23{font-size:11px;line-height:16px;padding:16px;border-radius:8px;background-color:var(--rp-ui-base-tooltip-bg);font-family:var(--rp-ui-base-font-family);font-weight:var(--rp-ui-base-fw-medium);color:var(--rp-ui-base-bg-000);word-wrap:break-word;white-space:pre-wrap;box-sizing:border-box;width:100%}
+*/._filter-item_b9lbt_16{display:flex;align-items:center;gap:8px;width:fit-content;max-width:210px;padding:1px 12px 1px 16px;border:1px solid var(--rp-ui-color-field-border);border-radius:40px;background-color:var(--rp-ui-base-light);cursor:pointer;transition:background-color .2s ease,border-color .2s ease}._filter-item_b9lbt_16:hover:not(._disabled_b9lbt_29){color:var(--rp-ui-color-primary-hover)}._filter-item_b9lbt_16._selected_b9lbt_32{background-color:var(--rp-ui-base-topaz);color:var(--rp-ui-color-field-bg);border-color:transparent}._filter-item_b9lbt_16._selected_b9lbt_32 ._actions-button_b9lbt_37 svg path{fill:var(--rp-ui-color-field-bg)}._filter-item_b9lbt_16._selected_b9lbt_32:hover:not(._disabled_b9lbt_29){color:var(--rp-ui-color-field-bg);background-color:var(--rp-ui-base-topaz);border-color:var(--rp-ui-base-topaz-hover)}._filter-item_b9lbt_16._disabled_b9lbt_29{border-color:var(--rp-ui-color-field-border-3-disabled);color:var(--rp-ui-color-disabled);opacity:.6}._filter-item_b9lbt_16:focus{outline:none}._filter-item_b9lbt_16:focus-visible:not(._disabled_b9lbt_29){border-color:var(--rp-ui-color-primary-focused);box-shadow:inset 0 0 0 1px var(--rp-ui-color-primary-focused)}._caption-wrapper_b9lbt_58{flex:0 1 auto;font-size:13px;line-height:20px;font-family:var(--rp-ui-base-font-family);font-weight:var(--rp-ui-base-fw-regular);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}._filters-icon-container_1ytvw_16{all:unset;display:flex;align-items:center;justify-content:center;box-sizing:border-box;height:36px;min-width:40px;border-radius:20px;cursor:pointer}._filters-icon-container_1ytvw_16:focus-visible{outline:2px solid var(--rp-ui-base-topaz-focused)}._filters-icon-container_1ytvw_16:disabled{cursor:not-allowed;opacity:.6}._filters-icon-container_1ytvw_16:not(:disabled):hover ._filter-icon_1ytvw_34 svg path{fill:var(--rp-ui-base-e-400)}._filters-icon-container_1ytvw_16._opened_1ytvw_37 ._filter-icon_1ytvw_34 svg path{fill:var(--rp-ui-base-topaz-pressed)}._filters-icon-container_1ytvw_16._opened_1ytvw_37:not(:disabled):hover ._filter-icon_1ytvw_34 svg path{fill:var(--rp-ui-base-topaz-hover)}._filters-icon-container_1ytvw_16._with-applied_1ytvw_43{gap:8px;padding:8px 12px;background-color:var(--rp-ui-base-bg-200)}._filters-icon-container_1ytvw_16._with-applied_1ytvw_43 ._filter-icon_1ytvw_34 svg path{fill:var(--rp-ui-base-topaz)}._filters-icon-container_1ytvw_16._with-applied_1ytvw_43 ._filters-count_1ytvw_51{font-size:13px;line-height:20px;color:var(--rp-ui-base-topaz);font-family:var(--rp-ui-base-font-family);font-weight:var(--rp-ui-base-fw-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}._filters-icon-container_1ytvw_16._with-applied_1ytvw_43._opened_1ytvw_37 ._filter-icon_1ytvw_34 svg path{fill:var(--rp-ui-base-topaz-pressed)}._filters-icon-container_1ytvw_16._with-applied_1ytvw_43._opened_1ytvw_37 ._filters-count_1ytvw_51{color:var(--rp-ui-base-topaz-pressed)}._filters-icon-container_1ytvw_16._with-applied_1ytvw_43:not(:disabled):hover ._filter-icon_1ytvw_34 svg path{fill:var(--rp-ui-base-topaz-hover)}._filters-icon-container_1ytvw_16._with-applied_1ytvw_43:not(:disabled):hover ._filters-count_1ytvw_51{color:var(--rp-ui-base-topaz-hover)}._filter-icon_1ytvw_34{display:flex}._filter-icon_1ytvw_34 svg{width:16px;height:16px}._filter-icon_1ytvw_34 svg path{fill:var(--rp-ui-base-e-300)}._clear-wrapper_1ytvw_86{width:24px;height:24px;border-left:1px solid var(--rp-ui-base-sm-info-line-100);display:flex;align-items:center;justify-content:flex-end}._icon_1ytvw_95,._clear-icon_1ytvw_95{display:inline-block;width:16px;height:16px}._clear-icon_1ytvw_95{background:none;border:none;padding:0;font:inherit;outline:none;cursor:pointer}._clear-icon_1ytvw_95 svg>path{fill:var(--rp-ui-color-field-icon)}._clear-icon_1ytvw_95._disabled_1ytvw_112{pointer-events:none}._clear-icon_1ytvw_95:hover svg>path{fill:var(--rp-ui-color-field-hover-2)}._clear-icon_1ytvw_95:focus svg>path{fill:var(--rp-ui-color-primary-focused)}._clear-icon_1ytvw_95:active svg>path{fill:var(--rp-ui-color-primary-pressed)}._issue-list_ypfdt_16{display:flex;align-items:center;gap:8px;width:100%;overflow:hidden;flex-wrap:nowrap;position:relative}._issue-list_ypfdt_16._expanded_ypfdt_25{flex-wrap:wrap;overflow:visible}._issue_ypfdt_16{display:inline-flex;max-width:100%;flex-shrink:0}._counter-wrapper_ypfdt_36{flex-shrink:0;display:inline-flex;width:fit-content}._counter_ypfdt_36{flex-shrink:0;display:inline-flex;min-width:32px;align-items:center;justify-content:center}._tooltip-wrapper_ypfdt_50{display:inline-flex;width:100%}._hidden_ypfdt_55{visibility:hidden;position:absolute;pointer-events:none}._ellipsis_ypfdt_61{flex-shrink:1;min-width:0;overflow:hidden}._modal-content_ppzcb_1{width:100%;font-family:var(--rp-ui-base-font-family);font-weight:var(--rp-ui-base-fw-regular);font-size:13px;line-height:20px;color:var(--rp-ui-color-text);white-space:pre-line;word-break:break-word;padding:0 0 16px}._buttons-block_1mwne_1{display:flex;align-items:center;column-gap:10px}._button-container_1mwne_7{display:inline-block;min-width:70px}._modal-footer_1mwne_12{position:relative;display:flex;justify-content:flex-end;width:100%;margin-top:16px}._modal-footer_1mwne_12._with-extra-node_1mwne_19{justify-content:space-between}._size-small_1mwne_23{flex-direction:column;align-items:stretch}._size-small_1mwne_23 ._buttons-block_1mwne_1{display:flex;flex-direction:column;align-items:stretch}._size-small_1mwne_23 ._button-container_1mwne_7{margin:0 0 10px}._size-small_1mwne_23 ._button-container_1mwne_7:last-child{margin-bottom:0}._modal-header_w4aaf_1{position:relative;font-family:var(--rp-ui-base-font-family);font-weight:var(--rp-ui-base-fw-regular);font-size:20px;line-height:31px;color:var(--rp-ui-color-text);padding-bottom:24px}._modal-header_w4aaf_1._width-description_w4aaf_10{padding-bottom:8px}._modal-header-content_w4aaf_14{width:100%;padding-right:30px;box-sizing:border-box}._modal-title_w4aaf_20{font-family:var(--rp-ui-base-font-family-heading);flex-grow:1;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}._close-modal-icon_w4aaf_29{position:absolute;top:6px;right:0;line-height:normal;cursor:pointer}._modal_35896_1{position:absolute;top:0;left:0;display:block;width:100%;height:100%;text-align:center;overflow:hidden}._overlay-default_35896_12{background-color:var(--rp-ui-base-overlay)}._overlay-light-cyan_35896_16{background-color:var(--rp-ui-base-overlay-light-cyan)}._scrolling-content_35896_20{position:fixed;width:100%;height:100%}._modal-window_35896_26{position:absolute;left:50%;transform:translate(-50%);display:inline-block;margin-bottom:10px;padding:32px 40px;box-sizing:border-box;background-color:var(--rp-ui-base-bg-100);text-align:left;border-radius:16px;box-shadow:var(--rp-ui-base-shadow-secondary);opacity:1;outline:none;max-height:90%}._description_35896_43{display:inline-block;width:100%;padding-bottom:24px;font-family:var(--rp-ui-base-font-family);font-weight:var(--rp-ui-base-fw-regular);font-size:13px;line-height:20px;color:var(--rp-ui-base-almost-black)}._scrollable-wrapper_35896_54{margin-right:-12px}._scrollable-content_35896_58{padding-right:12px}._size-default_35896_62{width:480px}@media (max-width: 480px){._size-default_35896_62{right:10px;left:10px;transform:none;width:auto}}._size-small_35896_74{width:320px}@media (max-width: 320px){._size-small_35896_74{right:10px;left:10px;transform:none;width:auto}}._size-large_35896_86{width:720px}@media (max-width: 720px){._size-large_35896_86{right:10px;left:10px;transform:none;width:auto}}._popover-wrapper_n3nff_1{display:inline-block;width:fit-content;height:fit-content;cursor:pointer}._popover_n3nff_1{display:block;position:absolute;z-index:10;font-family:var(--rp-ui-base-font-family);font-size:11px;line-height:16px;background-color:var(--rp-ui-color-bg);border-radius:8px;box-shadow:var(--rp-ui-base-shadow-secondary);padding:16px;min-height:52px;min-width:120px;max-width:fit-content;box-sizing:border-box;outline:0;width:max-content;color:var(--rp-ui-color-text)}._title_n3nff_28{font-family:var(--rp-ui-base-font-family-heading);font-weight:var(--rp-ui-base-fw-bold);font-size:13px;line-height:20px;margin-bottom:8px}._segmented-control_8evzz_16{display:inline-flex;box-sizing:border-box;gap:4px;padding:2px;border-radius:6px;background-color:var(--rp-ui-color-bg-3)}._segmented-control_8evzz_16._full-width_8evzz_24{width:100%;display:flex}._button_8evzz_29{display:inline-flex;flex:1;box-sizing:border-box;gap:8px;padding:8px;border:1px solid transparent;border-radius:4px;background-color:transparent;color:var(--rp-ui-color-text);font-size:13px;line-height:20px;font-family:var(--rp-ui-base-font-family);font-weight:var(--rp-ui-base-fw-regular);white-space:nowrap;align-items:center;justify-content:center;cursor:pointer;outline:none;transition:all .2s ease}._button_8evzz_29:hover:not(._disabled_8evzz_50):not(._active_8evzz_50){background-color:var(--rp-ui-color-field-hover);color:var(--rp-ui-color-text)}._button_8evzz_29._active_8evzz_50{background-color:var(--rp-ui-color-field-bg);color:var(--rp-ui-color-text);border-radius:4px;box-shadow:0 1px 3px #3743621a}._button_8evzz_29:focus-visible:not(._disabled_8evzz_50){border-color:var(--rp-ui-color-primary-focused);outline:none;box-shadow:inset 0 0 0 1px var(--rp-ui-color-primary-focused)}._button_8evzz_29._disabled_8evzz_50{cursor:not-allowed;opacity:.5;color:var(--rp-ui-base-e-300)}._button_8evzz_29._disabled_8evzz_50:hover{background-color:transparent}._icon_8evzz_74{display:flex;width:16px;height:16px;flex-shrink:0;align-items:center;justify-content:center}._side-panel-overlay_5ebdz_1{position:fixed;top:0;left:0;width:100%;height:100vh;opacity:0;transition:opacity .3s ease-in-out;pointer-events:none}._side-panel-overlay_5ebdz_1._active_5ebdz_11{opacity:1;pointer-events:auto}._overlay-default_5ebdz_16{background-color:var(--rp-ui-base-overlay)}._overlay-light-cyan_5ebdz_20{background-color:var(--rp-ui-base-overlay-light-cyan)}._side-panel_5ebdz_1{position:fixed;display:flex;flex-direction:column;width:max-content;min-width:320px;max-width:700px;height:100vh;background-color:var(--rp-ui-base-bg-100);box-shadow:var(--rp-ui-base-shadow-secondary);overflow:hidden;transition:transform .3s ease-in-out;pointer-events:none}._side-panel_5ebdz_1._active_5ebdz_11{pointer-events:auto}._side-right_5ebdz_42{right:0;transform:translate(100%)}._side-right_5ebdz_42._active_5ebdz_11{transform:translate(0)}._side-left_5ebdz_50{left:0;transform:translate(-100%)}._side-left_5ebdz_50._active_5ebdz_11{transform:translate(0)}._header-section_5ebdz_58{flex-shrink:0;margin-bottom:16px}._header-section_5ebdz_58._compact_5ebdz_62{margin-bottom:8px}._header_5ebdz_58{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:24px 24px 16px;border-bottom:1px solid var(--rp-ui-base-border-100)}._header_5ebdz_58>:first-child{flex:1}._header-content_5ebdz_78{flex:1}._close-button_5ebdz_82{flex-shrink:0;width:32px;height:32px}._title_5ebdz_88{font-size:20px;line-height:31px;font-family:var(--rp-ui-base-font-family-heading);color:var(--rp-ui-base-almost-black);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:100%}._description_5ebdz_99{margin:8px 0 0;font-family:var(--rp-ui-base-font-family);font-weight:var(--rp-ui-base-fw-regular);font-size:var(--rp-ui-base-font-size-md);line-height:var(--rp-ui-base-lh-md);color:var(--rp-ui-base-almost-black)}._content_5ebdz_108{flex:1;overflow-y:auto;padding:16px 24px;min-height:0}._footer_5ebdz_115{flex-shrink:0;padding:12px 24px;border-top:1px solid var(--rp-ui-base-border-100)}._divider_5ebdz_121{flex-shrink:0;height:1px;background-color:var(--rp-ui-base-e-100)}._sortable-item_b58jz_16{position:relative;width:100%;transition:opacity .2s ease;--sortable-gap: 8px}._sortable-item--drop-target-top_b58jz_22:before{content:"";position:absolute;top:calc(var(--sortable-gap) / -2);left:0;right:0;height:2px;background-color:var(--rp-ui-color-primary-focused);border-radius:2px;z-index:1;transform:translateY(-50%);pointer-events:none}._sortable-item--drop-target-bottom_b58jz_35:after{content:"";position:absolute;bottom:calc(var(--sortable-gap) / -2);left:0;right:0;height:2px;background-color:var(--rp-ui-color-primary-focused);border-radius:2px;z-index:1;transform:translateY(50%);pointer-events:none}._sortable-item--hover-mode_b58jz_48._sortable-item--drop-target-top_b58jz_22:before{display:block;position:static;top:auto;margin-bottom:var(--sortable-gap);transform:none;z-index:auto}._sortable-item--hover-mode_b58jz_48._sortable-item--drop-target-bottom_b58jz_35:after{display:block;position:static;bottom:auto;margin-top:var(--sortable-gap);transform:none;z-index:auto}._drag-handle_b58jz_65{cursor:grab;touch-action:none}._drag-handle_b58jz_65:active{cursor:grabbing}._drag-handle--disabled_b58jz_72{cursor:not-allowed;opacity:.5}._drag-layer_1izcx_1{position:fixed;pointer-events:none;z-index:100;left:0;top:0;width:100%;height:100%}._drag-preview_1izcx_11{display:flex;align-items:center;justify-content:flex-start;gap:8px;width:376px;height:52px;padding-left:12px;background-color:var(--rp-ui-base-bg-000);border:1px solid var(--rp-ui-color-field-border);border-radius:4px;box-shadow:0 4px 12px #00000026;font-size:13px;font-weight:500;color:var(--rp-ui-base-almost-black);white-space:nowrap}._drag-preview_1izcx_11 svg{width:16px;height:16px}._drag-preview_1izcx_11 svg path{fill:var(--rp-ui-color-field-icon)}._drop-confirmation-popover_obz3t_16{position:fixed;transform:translate(-50%,-100%);margin-bottom:8px;z-index:1000;display:flex;flex-direction:column;width:160px;min-width:120px;max-width:480px;padding:8px 0;background-color:var(--rp-ui-base-bg-000);border-radius:8px;box-shadow:0 8px 20px #00000026}._drop-confirmation-popover--before_obz3t_31{transform:translate(-50%,-110%);margin-bottom:0}._drop-confirmation-popover--after_obz3t_35{transform:translate(-50%);margin-top:8px;margin-bottom:0}._drop-confirmation-popover_obz3t_16:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid var(--rp-ui-base-bg-000);filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}._drop-confirmation-popover--after_obz3t_35:after{top:-8px;bottom:auto;border-top:none;border-bottom:8px solid var(--rp-ui-base-bg-000)}._drop-confirmation-popover__button_obz3t_59{display:block;width:100%;padding:8px 16px;border:none;border-radius:3px;background:none;font-size:13px;text-align:left;cursor:pointer;color:var(--rp-ui-base-almost-black);transition:background-color .15s ease}._drop-confirmation-popover__button_obz3t_59:hover{background-color:var(--rp-ui-color-primary-hover)}._drop-confirmation-popover__divider_obz3t_75{display:block;height:1px;margin:5px 16px;background:var(--rp-ui-divider-bg)}._tree-sortable-item_13y35_16{position:relative;transition:opacity .2s ease}._tree-sortable-item--dragging_13y35_20{opacity:.5}._tree-sortable-item--pending_13y35_23{opacity:.5;pointer-events:none;-webkit-user-select:none;user-select:none;cursor:not-allowed}._tree-sortable-item--drop-before_13y35_29:before{content:"";position:absolute;left:var(--tree-item-indent, 0);right:0;height:2px;background-color:var(--rp-ui-color-primary-focused);z-index:10;pointer-events:none;top:0}._tree-sortable-item--drop-after_13y35_40:after{content:"";position:absolute;left:var(--tree-item-indent, 0);right:0;height:2px;background-color:var(--rp-ui-color-primary-focused);z-index:10;pointer-events:none;bottom:0}._tree-sortable-item--drop-inside_13y35_51{position:relative}._tree-sortable-item--drop-inside_13y35_51:before{content:"";position:absolute;top:0;left:var(--tree-item-indent, 0);right:0;bottom:0;border:2px dashed var(--rp-ui-color-primary-focused);border-radius:4px;pointer-events:none;z-index:1}._tree-sortable-item--drop-inside_13y35_51 ._tree-sortable-item_13y35_16:before{display:none}._system-alert_jbf1d_1{display:flex;box-sizing:border-box;width:600px;padding:16px;gap:16px;border-radius:16px;justify-content:space-between;box-shadow:var(--rp-ui-base-shadow-secondary)}._system-alert--black_jbf1d_11 svg path{fill:var(--rp-ui-base-almost-black)!important}._system-alert_jbf1d_1._error_jbf1d_14{background-color:var(--rp-ui-base-sm-error)}._system-alert_jbf1d_1._success_jbf1d_17{background-color:var(--rp-ui-base-test-execution-status-passed)}._system-alert_jbf1d_1._info_jbf1d_20{background-color:var(--rp-ui-base-no-defect-bug-group)}._system-alert_jbf1d_1._warning_jbf1d_23{background-color:var(--rp-ui-base-defect-type-AB)}._system-alert_jbf1d_1 ._icon-wrapper_jbf1d_26{width:20px;height:24px;display:grid;place-content:center}._system-alert_jbf1d_1 ._content-wrapper_jbf1d_32{display:flex;gap:16px;flex-direction:column;flex:1}._system-alert_jbf1d_1 ._content-wrapper_jbf1d_32 ._title_jbf1d_38{text-align:start;font-family:var(--rp-ui-base-font-family);font-size:15px;line-height:24px;font-weight:var(--rp-ui-base-fw-semi-bold);display:-webkit-box;max-width:100%;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}._system-alert_jbf1d_1 ._content-wrapper_jbf1d_32 ._title--white_jbf1d_50{color:var(--rp-ui-base-bg-000)}._system-alert_jbf1d_1 ._content-wrapper_jbf1d_32 ._title--black_jbf1d_53{color:var(--rp-ui-base-almost-black)}._system-alert_jbf1d_1 ._close-button_jbf1d_56{background:none;border:none;width:24px;height:24px;cursor:pointer}._system-alert_jbf1d_1 ._close-button_jbf1d_56 svg path{fill:var(--rp-ui-base-bg-000)}._tooltip-wrapper_1n6ya_16{display:block;width:100%;height:fit-content;cursor:pointer}._tooltip-wrapper_1n6ya_16:focus-visible{outline:2px auto var(--rp-ui-base-topaz-focused)}._tooltip-content_1n6ya_26{font-size:11px;line-height:16px;padding:16px;border-radius:8px;background-color:var(--rp-ui-base-tooltip-bg);font-family:var(--rp-ui-base-font-family);font-weight:var(--rp-ui-base-fw-medium);color:var(--rp-ui-base-bg-000);word-wrap:break-word;white-space:pre-wrap;box-sizing:border-box;width:100%}

package/dist/tooltip.js

@@ -1,102 +1,105 @@
-import { jsxs as p, Fragment as P, jsx as o } from "react/jsx-runtime";
-import { useState as R, useRef as d } from "react";
+import { jsxs as p, Fragment as P, jsx as n } from "react/jsx-runtime";
+import { useState as R, useRef as f } from "react";
 import { createPortal as G } from "react-dom";
 import { c as j } from "./bind-06a7ff84.js";
-import { useFloating as k, offset as $, flip as C, arrow as U, autoUpdate as Y, FloatingArrow as Z } from "@floating-ui/react";
-import { T as f, g as q, b as z, a as B } from "./floatingUi-41f8c7b5.js";
+import { useFloating as k, offset as $, flip as B, arrow as C, autoUpdate as U, FloatingArrow as Y } from "@floating-ui/react";
+import { T as u, g as Z, b as q, a as z } from "./floatingUi-41f8c7b5.js";
 const J = {
-  "tooltip-wrapper": "_tooltip-wrapper_lwpn2_16",
-  "tooltip-content": "_tooltip-content_lwpn2_23"
-}, n = j.bind(J), K = 300, Q = 100, st = ({
-  content: u,
-  wrapperClassName: h,
-  tooltipClassName: w,
-  contentClassName: x,
-  dynamicWidth: g,
-  width: T,
-  minWidth: _ = 120,
-  safeZone: A = 4,
-  zIndex: E = 9,
-  placement: N = "bottom",
-  arrowColor: b = "rgba(34, 34, 34, 0.91)",
-  dataAutomationId: I,
-  mainAxis: O = !0,
-  children: S,
-  portalRoot: s,
-  isFloating: W = !0
+  "tooltip-wrapper": "_tooltip-wrapper_1n6ya_16",
+  "tooltip-content": "_tooltip-content_1n6ya_26"
+}, s = j.bind(J), K = 300, Q = 100, st = ({
+  content: h,
+  wrapperClassName: x,
+  tooltipClassName: g,
+  contentClassName: w,
+  dynamicWidth: T,
+  width: _,
+  minWidth: A = 120,
+  safeZone: E = 4,
+  zIndex: b = 9,
+  placement: y = "bottom",
+  arrowColor: I = "rgba(34, 34, 34, 0.91)",
+  dataAutomationId: N,
+  mainAxis: F = !0,
+  children: O,
+  portalRoot: i,
+  isFloating: S = !0
 }) => {
-  const [i, l] = R(!1), a = d(null), t = d(), { refs: r, floatingStyles: v, context: y } = k({
-    open: i,
-    placement: N,
+  const [a, l] = R(!1), r = f(null), t = f(), { refs: c, floatingStyles: W, context: v } = k({
+    open: a,
+    placement: y,
     middleware: [
       $(({ rects: D, placement: H }) => ({
-        mainAxis: A + f,
-        alignmentAxis: q(D, H)
+        mainAxis: E + u,
+        alignmentAxis: Z(D, H)
       })),
-      W && C({
-        mainAxis: O,
+      S && B({
+        mainAxis: F,
         fallbackAxisSideDirection: "start",
-        fallbackPlacements: z
+        fallbackPlacements: q
       }),
-      U({
-        element: a
+      C({
+        element: r
       })
     ],
-    whileElementsMounted: Y
-  }), e = g ? null : { width: `${T}px` }, F = document.documentElement.clientWidth, L = e || F - Q, c = () => {
+    whileElementsMounted: U
+  }), e = T ? null : { width: `${_}px` }, L = document.documentElement.clientWidth, M = e || L - Q, o = () => {
     t.current && clearTimeout(t.current), l(!1);
-  }, M = () => {
+  }, m = () => {
     t.current = setTimeout(() => l(!0), K);
-  }, m = () => /* @__PURE__ */ p(
+  }, d = () => /* @__PURE__ */ p(
     "div",
     {
-      ref: r.setFloating,
+      ref: c.setFloating,
       style: {
-        ...v,
+        ...W,
         ...e,
-        minWidth: _,
-        zIndex: E,
+        minWidth: A,
+        zIndex: b,
         pointerEvents: "none"
       },
-      "data-automation-id": I,
-      className: n(w),
+      "data-automation-id": N,
+      className: s(g),
       children: [
-        /* @__PURE__ */ o(
-          Z,
+        /* @__PURE__ */ n(
+          Y,
           {
-            ref: a,
-            context: y,
-            width: B,
-            height: f,
-            fill: b
+            ref: r,
+            context: v,
+            width: z,
+            height: u,
+            fill: I
           }
         ),
-        /* @__PURE__ */ o(
+        /* @__PURE__ */ n(
           "div",
           {
-            className: n("tooltip-content", x),
+            className: s("tooltip-content", w),
             style: {
-              maxWidth: `${L}px`
+              maxWidth: `${M}px`
             },
-            children: u
+            children: h
           }
         )
       ]
     }
   );
   return /* @__PURE__ */ p(P, { children: [
-    /* @__PURE__ */ o(
+    /* @__PURE__ */ n(
       "div",
       {
-        ref: r.setReference,
-        className: n("tooltip-wrapper", h),
-        onMouseDown: c,
-        onMouseEnter: M,
-        onMouseLeave: c,
-        children: S
+        ref: c.setReference,
+        className: s("tooltip-wrapper", x),
+        onMouseDown: o,
+        onMouseEnter: m,
+        onMouseLeave: o,
+        onFocus: m,
+        onBlur: o,
+        tabIndex: 0,
+        children: O
       }
     ),
-    i && (s ? G(m(), s) : m())
+    a && (i ? G(d(), i) : d())
   ] });
 };
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reportportal/ui-kit",
-  "version": "0.0.1-alpha.175",
+  "version": "0.0.1-alpha.176",
   "description": "The UI-kit library for ReportPortal Design System.",
   "type": "module",
   "scripts": {