@vitrosoftware/common-ui-ts 1.1.186 → 1.1.188

package/dist/index.css

@@ -803,6 +803,11 @@ body em {
 ._table-view_vitro-table-view_1tTs32D .TWMain u {
     color: inherit;
 }
+._micro-frontend_vitro-micro-frontend_3PhlRuX {
+    height: 100%;
+    width: 100%;
+}
+
 ._progress-bar_vitro-progress-bar_u2VLQeW {
     width: 100%;
     height: 8px;
@@ -1319,7 +1324,7 @@ body em {
         bottom: 12px;
     }
 }
-._component-loader_vitro-component-loader_3J3a2or {
+div._component-loader_vitro-component-loader_3J3a2or {
     position: fixed;
     width: 100%;
     z-index: 1001;
@@ -1421,7 +1426,7 @@ body em {
     flex-direction: column;
     flex-grow: 1;
     flex-shrink: 1;
-    padding: 0 24px 16px 24px;
+    padding: 24px;
 }
 
 ._dialog-content_vitro-dialog-content_qQNWu6x > #TreeView > .ps {
@@ -1440,7 +1445,7 @@ body em {
 
 @media (max-width: 800px) {
     ._dialog-content_vitro-dialog-content_qQNWu6x {
-        padding: 0 16px 16px 16px;
+        padding: 16px;
     }
 }
 ._heading_vitro-heading-h1_3SB01Ds {
@@ -1493,11 +1498,22 @@ body em {
     margin-bottom: 0;
 }
 ._dialog-header_vitro-dialog-header_2W3GraU {
-    padding: 20px;
+    padding: 0 24px;
+    min-height: 72px;
     background: #fff;
     border-radius: 4px 4px 0 0;
-    display: flex;
-    align-items: center;
+    position: relative;
+    flex-shrink: 0;
+}
+
+._dialog-header_vitro-dialog-header_2W3GraU::after {
+    content: '';
+    position: absolute;
+    height: 1px;
+    background: #E4E6EC;
+    width: 100%;
+    left: 0;
+    top: 100%;
 }
 
 ._dialog-header_vitro-subtitle_3mjvJAN {
@@ -1510,6 +1526,14 @@ body em {
     margin-right: 16px;
 }
 
+._dialog-header_vitro-title-container_c5zBWdq h1 {
+    font-size: 18px;
+}
+
+._dialog-header_vitro-title-container_c5zBWdq {
+    gap: 24px;
+}
+
 @media (max-width: 800px) {
     ._dialog-header_vitro-dialog-header_2W3GraU {
         padding: 12px 16px;
@@ -1660,19 +1684,29 @@ body em {
 }
 
 ._dialog-footer_vitro-dialog-footer_2vUQ3aG {
-    display: flex;
     justify-content: flex-end;
     width: 100%;
-    height: 88px;
+    height: 72px;
     margin-top: auto;
-    padding: 24px;
-    background-color: #F8F9FA;
+    padding: 0 24px;
     border-radius: 0 0 4px 4px;
-    border-top: 1px solid #E4E6EC;
+    background: #fff;
+    position: relative;
+    flex-shrink: 0;
+}
+
+._dialog-footer_vitro-dialog-footer_2vUQ3aG::before {
+    content: '';
+    position: absolute;
+    height: 1px;
+    background: #E4E6EC;
+    width: 100%;
+    left: 0;
+    bottom: 100%;
 }
 
 ._dialog-footer_vitro-button-group_1HXCUOQ {
-    grid-gap: 12px;
+    gap: 12px;
 }
 
 ._dialog-footer_vitro-button_3RufMLa {
@@ -1828,12 +1862,6 @@ body em {
     background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/action-handler/img/question.svg');
 }
 
-._confirm-dialog_vitro-header_3nRlgzW {
-    height: 88px;
-    padding: 24px 20px;
-    border-bottom: none;
-}
-
 @media (max-width: 800px) {
     ._confirm-dialog_vitro-confirm-dialog_1r-CtWW {
         width: 100% !important;
@@ -2136,6 +2164,7 @@ body em {
 
 ._dropdown-button_vitro-dropdown-button_1myvkhB .ps {
     border-radius: 4px;
+    max-height: 288px;
 }
 
 ._dropdown-button_vitro-dropdown-button_1myvkhB .ps > div:first-child {
@@ -2219,9 +2248,25 @@ body em {
     background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/dropdown-button/img/dropdown-menu-arrow.svg');
 }
 
-._dropdown-button_vitro-dropdown-button_1myvkhB .dropdown-menu[x-placement="top-end"]::before {
-    top: 100%;
-    transform: rotateX(180deg);
+._dropdown-button_vitro-dropdown-button_1myvkhB .dropdown-menu[x-placement="bottom-start"] {
+    left: -8px !important;
+}
+
+._dropdown-button_vitro-dropdown-button_1myvkhB .dropdown-menu[x-placement="top-start"] {
+    left: -8px !important;
+    margin-bottom: 6px;
+}
+
+._dropdown-button_vitro-dropdown-button_1myvkhB .dropdown-menu[x-placement="bottom-start"]::before,
+._dropdown-button_vitro-dropdown-button_1myvkhB .dropdown-menu[x-placement="top-start"]::before {
+    left: 20px;
+}
+
+._dropdown-button_vitro-dropdown-button_1myvkhB .dropdown-menu[x-placement="top-end"]::before,
+._dropdown-button_vitro-dropdown-button_1myvkhB .dropdown-menu[x-placement="top-start"]::before {
+    bottom: -21px;
+    top: unset;
+    transform: rotate(180deg);
 }
 
 ._dropdown-button_vitro-dropdown-button_1myvkhB .dropdown-item ._dropdown-button_vitro-image_3bX1quk {
@@ -2258,7 +2303,6 @@ body em {
     color: #bdbdbd;
     cursor: default;
 }
-
 ._tab-group_vitro-tab_1Qb50HL {
     height: 100%;
     display: flex;
@@ -3123,32 +3167,36 @@ body em {
     }
 }
 ._label_vitro-label_it8WNUE {
+    width: 100%;
+    max-width: unset;
+    background-color: #F7F9FC;
+    font-family: 'InterMedium';
+    font-size: 14px;
+    line-height: 16px;
+    padding: 12px 8px;
+    margin-bottom: 12px;
+    display: flex;
+    align-items: center;
+}
+
+._label_vitro-label_it8WNUE,
+._label_vitro-inline-label_1TMnPWg {
     font-size: inherit;
     margin-left: 0;
     display: inline-block;
     white-space: nowrap;
     text-overflow: ellipsis;
     overflow: hidden;
-    max-width: calc(100% - 20px);
 }
 
-._label_vitro-label_it8WNUE ._label_vitro-required_2-bSGif {
-    color: red;
-    margin-left: 2px;
+._label_vitro-inline-label_1TMnPWg {
+    max-width: calc(100% - 20px);
 }
 
-.vitro-label-grey {
-    width: 100%;
-    max-width: unset;
-    background-color: #F7F9FC;
-    font-family: 'InterMedium';
-    font-size: 14px;
-    line-height: 16px;
-    padding: 12px 8px;
-    display: flex;
-    align-items: center;
+._label_vitro-required_2-bSGif {
+    color: #D13438;
+    margin-left: 2px;
 }
-
 ._checkbox_vitro-control_DfB5DDM {
     width: 100%;
     position: relative;
@@ -4345,7 +4393,7 @@ body em {
 
 ._lookup-picker-selected-item_vitro-selected-item_hw-euth {
     grid-gap: 8px;
-    padding: 8px 0 8px 16px;
+    padding-left: 16px;
     align-self: stretch;
 }
 
@@ -4374,18 +4422,24 @@ body em {
 ._lookup-picker_vitro-content_37L0slb {
     border: 1px solid #C0CAD5;
     border-radius: 4px;
-    display: flex;
     width: 100%;
-    align-items: center;
     min-height: 40px;
-    padding: 0 60px 0 0;
+    padding-right: 16px;
     position: relative;
 }
 
 ._lookup-picker_vitro-lookup-picker-multi-select_3Lkq2tk ._lookup-picker_vitro-content_37L0slb {
+    gap: 4px;
+    padding: 8px 16px;
+}
+
+._lookup-picker_vitro-lookup-picker-multi-select_3Lkq2tk ._lookup-picker_vitro-value-container_3GeBIaW {
     grid-gap: 4px 12px;
     flex-wrap: wrap;
-    padding: 8px 60px 8px 16px;
+}
+
+._lookup-picker_vitro-lookup-picker-multi-select_3Lkq2tk ._lookup-picker_vitro-right_1XFsL1w {
+    margin-bottom: auto;
 }
 
 ._lookup-picker_vitro-read-only_32NOdGB ._lookup-picker_vitro-content_37L0slb {
@@ -4431,7 +4485,7 @@ body em {
     display: inline-block;
 }
 
-._lookup-picker_vitro-content_37L0slb > input {
+._lookup-picker_vitro-content_37L0slb > ._lookup-picker_vitro-value-container_3GeBIaW > input {
     border: none;
     background: transparent;
     flex: 1 1;
@@ -4442,15 +4496,12 @@ body em {
     padding-left: 16px;
 }
 
-._lookup-picker_vitro-lookup-picker-multi-select_3Lkq2tk ._lookup-picker_vitro-content_37L0slb > input {
-    padding-left: 0;
+._lookup-picker_vitro-content_37L0slb > ._lookup-picker_vitro-value-container_3GeBIaW {
+    min-width: 0;
 }
 
-._lookup-picker_vitro-right_1XFsL1w {
-    position: absolute;
-    right: 16px;
-    top: 8px;
-    display: flex;
+._lookup-picker_vitro-lookup-picker-multi-select_3Lkq2tk ._lookup-picker_vitro-content_37L0slb > vitro-value-container. > input {
+    padding-left: 0;
 }
 
 ._lookup-picker_vitro-button-close_3_Qndrj,
@@ -4464,11 +4515,6 @@ body em {
     background-repeat: no-repeat;
 }
 
-._lookup-picker_vitro-button-collapse-up_3i0OJub,
-._lookup-picker_vitro-button-collapse-bottom_3o0Pl83 {
-    margin-left: 4px;
-}
-
 ._lookup-picker_vitro-button-close_3_Qndrj {
     background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/lookup-picker/img/cancel-red.svg');
 }
@@ -4495,6 +4541,21 @@ body em {
 
 ._lookup-picker_vitro-tooltip_2a12Z4P .tooltip-inner {
     max-width: unset;
+}
+
+._lookup-picker_vitro-right_1XFsL1w {
+    margin-left: auto;
+    gap: 4px;
+}
+
+._lookup-picker_vitro-library-button_1zwNYAA,
+._lookup-picker_vitro-library-button_1zwNYAA:hover,
+._lookup-picker_vitro-library-button_1zwNYAA:focus,
+._lookup-picker_vitro-library-button_1zwNYAA:active {
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/lookup-picker/img/library.svg');
+    width: 24px;
+    height: 24px;
+    background-size: 20px;
 }
 ._lookup-picker-html-value_vitro-item-html-value_2QBoTey {
     height: -moz-fit-content;
@@ -4503,9 +4564,26 @@ body em {
     width: fit-content;
     justify-content: center;
 }
-._lookup-picker-value-list_vitro-value-list_LSdCMjq {
+._overlay_vitro-overlay_3SpYfCG {
+    z-index: 1;
+}
+
+._overlay_vitro-dropdown-arrow_33kJJVJ:before {
+    content: '';
+    display: block;
+    height: 21px;
+    width: 32px;
+    overflow: hidden;
+    background-position: center 0;
+    background-size: 44px 42px;
+    background-repeat: no-repeat;
     position: absolute;
-    z-index: 10001;
+    right: 14px;
+    top: -21px;
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/dropdown-button/img/dropdown-menu-arrow.svg');
+}
+
+._lookup-picker-value-list_vitro-value-list_LSdCMjq {
     width: 100%;
     display: flex;
     flex-direction: column;
@@ -4516,12 +4594,12 @@ body em {
     box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.18), 0px 0px 4px 0px rgba(0, 0, 0, 0.14);
 }
 
-._lookup-picker-value-list_vitro-value-list_LSdCMjq > .ps {
+._lookup-picker-value-list_vitro-value-list_LSdCMjq .ps {
     padding-right: 0 !important;
     max-height: 323px;
 }
 
-._lookup-picker-value-list_vitro-value-list_LSdCMjq > .ps > div:first-child {
+._lookup-picker-value-list_vitro-value-list_LSdCMjq .ps > div:first-child {
     padding: 0 !important;
 }
 
@@ -4726,6 +4804,10 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
     top: 10px;
 }
 
+._command-menu-dropdown-button_vitro-dropdown-button-container_29qd-_O {
+    flex-shrink: 0;
+}
+
 ._command-menu-dropdown-button_vitro-command-menu-dropdown-button_2ImIuc3 {
     font-family: 'InterRegular';
     border: none;
@@ -6445,21 +6527,6 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
 ._list_vitro-list_2cs4WZE li {
     cursor: pointer;
 }
-._overlay_vitro-dropdown-arrow_33kJJVJ:before {
-    content: '';
-    display: block;
-    height: 21px;
-    width: 32px;
-    overflow: hidden;
-    background-position: center 0;
-    background-size: 44px 42px;
-    background-repeat: no-repeat;
-    position: absolute;
-    right: 14px;
-    top: -21px;
-    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/dropdown-button/img/dropdown-menu-arrow.svg');
-}
-
 ._criterion_vitro-criterion-container_2cYcSkL {
     width: 100%;
     position: relative;
@@ -8754,4 +8821,33 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
     ._video-viewer_vitro-video-viewer_1KHO5IM {
         z-index: 301;
     }
+}
+._separator_vitro-separator_1TmOy37,
+._separator_vitro-separator-vertical_2ePwXRL {
+    flex-shrink: 0;
+    background-color: #E4E6EC;
+}
+
+._separator_vitro-separator_1TmOy37 {
+    height: 1px;
+    width: 100%;
+}
+
+._separator_vitro-separator-vertical_2ePwXRL {
+    height: 100%;
+    width: 1px;
+}
+
+._close-button_vitro-white-close-button_cbxJwL7,
+._close-button_vitro-close-button_1PA2DFD {
+    width: 24px;
+    height: 24px;
+}
+
+._close-button_vitro-close-button_1PA2DFD {
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/close-button/img/cancel-dark-grey.svg');
+}
+
+._close-button_vitro-white-close-button_cbxJwL7 {
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/close-button/img/cancel-white.svg');
 }