@vitrosoftware/common-ui-ts 1.1.122 → 1.1.124

package/css/std/controls/table-view/treegrid-context-menu.css

@@ -1,5 +1,6 @@
 .vitro-table-view-context-menuMain,
 .vitro-table-view-context-menu-leftMain,
+.vitro-table-view-popup-menu-topMain,
 .vitro-table-view-popup-menuMain {
     width: 241px !important;
     border: none;
@@ -8,17 +9,28 @@
 }
 
 .vitro-table-view-context-menu-leftMain {
-    margin-right: -19px;
+    transform: translateX(19px);
 }
 
-.vitro-table-view-context-menuMain .TWMenuMain,
-.vitro-table-view-context-menu-leftMain .TWMenuMain,
-.vitro-table-view-popup-menuMain .TWMenuMain {
-    margin-left: -27px;
+.vitro-table-view-popup-menuMain.TWMenuMainRight {
+    transform: translate(-16px, 24px);
+}
+
+.vitro-table-view-popup-menuMain.TWMenuMainLeft {
+    transform: translate(38px, 24px);
+}
+
+.vitro-table-view-popup-menu-topMain.TWMenuMainLeft {
+    transform: translate(38px, 0);
+}
+
+.vitro-table-view-popup-menu-topMain.TWMenuMainRight {
+    transform: translate(0, 0);
 }
 
 .vitro-table-view-context-menuMain::before,
 .vitro-table-view-context-menu-leftMain::before,
+.vitro-table-view-popup-menu-topMain::before,
 .vitro-table-view-popup-menuMain::before {
     content: '';
     display: block;
@@ -34,17 +46,28 @@
 }
 
 .vitro-table-view-context-menuMain::before,
-.vitro-table-view-popup-menuMain::before {
+vitro-table-view-popup-menu-topMain.TWMenuMainRight::before,
+.vitro-table-view-popup-menuMain.TWMenuMainRight::before {
     left: 12px;
 }
 
-.vitro-table-view-context-menu-leftMain::before {
+.vitro-table-view-context-menu-leftMain::before,
+.vitro-table-view-popup-menu-topMain.TWMenuMainLeft::before,
+.vitro-table-view-popup-menuMain.TWMenuMainLeft::before {
     right: 12px;
 }
 
+.vitro-table-view-popup-menu-topMain.TWMenuMainRight::before,
+.vitro-table-view-popup-menu-topMain.TWMenuMainLeft::before {
+    bottom: -21px;
+    top: unset;
+    transform: rotate(180deg);
+}
+
 .vitro-table-view-context-menuMain .TWMenuOuter,
 .vitro-table-view-context-menu-leftMain .TWMenuOuter,
-.vitro-table-view-popup-menuMain .TWMenuOuter {
+.vitro-table-view-popup-menuMain .TWMenuOuter,
+.vitro-table-view-popup-menu-topMain .TWMenuOuter {
     padding: 0;
     margin: 0;
     border-radius: 4px !important;
@@ -54,6 +77,7 @@
 
 .vitro-table-view-context-menuMain .TWMenuBody,
 .vitro-table-view-context-menu-leftMain .TWMenuBody,
+.vitro-table-view-popup-menu-topMain .TWMenuBody,
 .vitro-table-view-popup-menuMain .TWMenuBody {
     margin: 0;
     width: 100%;
@@ -65,6 +89,7 @@
 
 .vitro-table-view-context-menuMain .TWMenuBody::-webkit-scrollbar,
 .vitro-table-view-context-menu-leftMain .TWMenuBody::-webkit-scrollbar,
+.vitro-table-view-popup-menu-topMain .TWMenuBody::-webkit-scrollbar,
 .vitro-table-view-popup-menuMain .TWMenuBody::-webkit-scrollbar {
     width: 4px;
     height: 4px;
@@ -73,18 +98,21 @@
 
 .vitro-table-view-context-menuMain .TWMenuBody::-webkit-scrollbar-button,
 .vitro-table-view-context-menu-leftMain .TWMenuBody::-webkit-scrollbar-button,
+.vitro-table-view-popup-menu-topMain .TWMenuBody::-webkit-scrollbar-button,
 .vitro-table-view-popup-menuMain .TWMenuBody::-webkit-scrollbar-button {
     display: none;
 }
 
 .vitro-table-view-context-menuMain .TWMenuBody::-webkit-scrollbar-track,
 .vitro-table-view-context-menu-leftMain .TWMenuBody::-webkit-scrollbar-track,
+.vitro-table-view-popup-menu-topMain .TWMenuBody::-webkit-scrollbar-track,
 .vitro-table-view-popup-menuMainMain .TWMenuBody::-webkit-scrollbar-track {
     background: transparent;
 }
 
 .vitro-table-view-context-menuMain .TWMenuBody::-webkit-scrollbar-thumb,
 .vitro-table-view-context-menu-leftMain .TWMenuBody::-webkit-scrollbar-thumb,
+.vitro-table-view-popup-menu-topMain .TWMenuBody::-webkit-scrollbar-thumb,
 .vitro-table-view-popup-menuMainMain .TWMenuBody::-webkit-scrollbar-thumb {
     background: #E4E6EC;
     border-radius: 4px;
@@ -92,6 +120,7 @@
 
 .vitro-table-view-context-menuMain.TWMenuMainTop,
 .vitro-table-view-context-menu-leftMain.TWMenuMainTop,
+.vitro-table-view-popup-menu-topMain.TWMenuMainTop,
 .vitro-table-view-popup-menuMain.TWMenuMainTop {
     margin-top: 0 !important;
 }
@@ -103,26 +132,19 @@
 
 .vitro-table-view-context-menuMainTop::before,
 .vitro-table-view-context-menu-leftMainTop::before,
+.vitro-table-view-popup-menu-topMainTop::before,
 .vitro-table-view-popup-menuMainTop::before {
     bottom: -21px;
     top: unset;
     transform: rotate(180deg);
 }
 
-.vitro-table-view-popup-menuMainBottom {
-    transform: translateY(24px);
-    margin-left: -18px;
-}
-
-.vitro-table-view-popup-menuMainTop {
-    transform: translateY(-24px);
-    margin-left: -18px;
-}
-
 .vitro-table-view-context-menuMain .TWMenuFocus,
 .vitro-table-view-context-menu-leftMain .TWMenuFocus,
 .vitro-table-view-context-menuMain .TWMenuHover,
 .vitro-table-view-context-menu-leftMain .TWMenuHover,
+.vitro-table-view-popup-menu-topMain .TWMenuFocus,
+.vitro-table-view-popup-menu-topMain .TWMenuHover,
 .vitro-table-view-popup-menuMain .TWMenuFocus,
 .vitro-table-view-popup-menuMain .TWMenuHover {
     background: #F3F8FF !important;
@@ -130,6 +152,7 @@
 
 .vitro-table-view-context-menuMain .TWMenuItem,
 .vitro-table-view-popup-menuMain .TWMenuItem,
+.vitro-table-view-popup-menu-topMain .TWMenuItem,
 .vitro-table-view-context-menu-leftMain .TWMenuItem {
     margin: 0 !important;
     padding: 8px 0 !important;
@@ -137,6 +160,7 @@
 
 .vitro-table-view-context-menuMain .TWMenuItemText,
 .vitro-table-view-popup-menuMain .TWMenuItemText,
+.vitro-table-view-popup-menu-topMain .TWMenuItemText,
 .vitro-table-view-context-menu-leftMain .TWMenuItemText {
     line-height: 150%;
     padding-left: 12px;
@@ -145,12 +169,14 @@
 
 .vitro-table-view-context-menuMain div.TWMenuItemText,
 .vitro-table-view-context-menu-leftMain div.TWMenuItemText,
+.vitro-table-view-popup-menu-topMain div.TWMenuItemText,
 .vitro-table-view-popup-menuMain div.TWMenuItemText {
     margin-left: 32px;
 }
 
 .vitro-table-view-context-menuMain .TWMenuItemIcon,
 .vitro-table-view-context-menu-leftMain .TWMenuItemIcon,
+.vitro-table-view-popup-menu-topMain .TWMenuItemIcon,
 .vitro-table-view-popup-menuMain .TWMenuItemIcon {
     height: 20px;
     width: 32px;

package/css/std/controls/table-view/treegrid-message.css

@@ -3,11 +3,11 @@
     box-shadow: none !important;
     background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/preloader.svg');
     background-repeat: no-repeat;
-    background-position: center top;
+    background-position: center;
     padding: 0;
-    padding-top: 64px !important;
-    min-width: 110px;
-    font-family: 'InterRegular';
+    height: 64px;
+    width: 64px;
+    color: transparent !important;
 }
 
 .TWMessage {

package/css/std/controls/time-picker/time-picker.css

@@ -100,34 +100,10 @@
     width: 300px;
 }
 
-.vitro-error-text {
-    display: inline-block;
-    align-items: center;
-    color: #D13438;
-    font-size: 14px;
-    line-height: 135%;
-    margin-top: 2px;
-    width: 100%;
-}
-
-.vitro-focus .vitro-error-text {
+.vitro-focus .vitro-error-message {
     display: none;
 }
 
-.vitro-error-text::before {
-    content: '';
-    display: inline-block;
-    vertical-align: text-top;
-    height: 16px;
-    width: 16px;
-    min-width: 16px;
-    min-height: 16px;
-    margin-right: 4px;
-    background-size: 100%;
-    background-position: center;
-    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/time-picker/img/error-message.svg');
-}
-
 .vitro-control :global(.k-timepicker) {
     width: 100% !important;
 }

package/dist/index.css

@@ -2377,6 +2377,28 @@ html, body {
     align-items: center;
 }
 
+._error-message_vitro-error-message_2lHJjgO {
+    display: inline-block;
+    color: #D13438;
+    font-size: 14px;
+    line-height: 19px;
+    margin-top: 2px;
+    width: 100%;
+}
+
+._error-message_vitro-error-message_2lHJjgO::before {
+    content: '';
+    display: inline-block;
+    vertical-align: text-top;
+    height: 16px;
+    width: 16px;
+    min-width: 16px;
+    min-height: 16px;
+    margin-right: 4px;
+    background-size: 100%;
+    background-position: center;
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/error-message/img/error-message.svg');
+}
 ._input_vitro-control_1DmPFkF {
     width: 100%;
     position: relative;
@@ -2502,33 +2524,10 @@ html, body {
     width: 300px;
 }
 
-._input_vitro-error-text_QpZK56k {
-    display: inline-block;
-    color: #D13438;
-    font-size: 14px;
-    line-height: 19px;
-    margin-top: 2px;
-    width: 100%;
-}
-
-._input_vitro-focus_1txynr8 ._input_vitro-error-text_QpZK56k {
+._input_vitro-focus_1txynr8 ._input_vitro-error-message_349uWKt {
     display: none;
 }
 
-._input_vitro-error-text_QpZK56k::before {
-    content: '';
-    display: inline-block;
-    vertical-align: text-top;
-    height: 16px;
-    width: 16px;
-    min-width: 16px;
-    min-height: 16px;
-    margin-right: 4px;
-    background-size: 100%;
-    background-position: center;
-    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/input/img/error-message.svg');
-}
-
 ._input_vitro-button-copy_jjyktjx {
     height: 20px;
     width: 20px;
@@ -2634,6 +2633,7 @@ html, body {
     background: #4A556C;
     margin-left: 16px;
     margin-right: 16px;
+    flex-shrink: 0;
 }
 
 ._issue-tile-header_vitro-user-info_16Yhluy > div:last-child {
@@ -3045,6 +3045,10 @@ html, body {
     background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/checkbox/img/checkbox-active.svg');
 }
 
+._checkbox_vitro-checkbox-content_2fBG1zl input:indeterminate::before {
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/checkbox/img/checkbox-indeterminate.svg');
+}
+
 ._checkbox_vitro-label_qZxCbCP {
     color: #4A556C;
     font-size: 14px;
@@ -3433,36 +3437,37 @@ html, body {
     }
 
 }
+._flex-box_vitro-flex-box_3jGTD6k {
+    display: flex;
+    align-items: center;
+}
 ._ntlm-authentication-form_vitro-ntlm-authentication-form_cZo4EPu {
     width: 100%;
     height: 289px;
-    display: flex;
     flex-direction: column;
-    align-items: center;
 }
 
-._ntlm-authentication-form_vitro-content_1CCJ4Md {
-    display: flex;
+._ntlm-authentication-form_vitro-flex_183q6V- {
     flex-direction: column;
-    align-items: center;
-    grid-gap: 16px;
     margin-top: 20px;
     margin-bottom: auto;
 }
 
-._ntlm-authentication-form_vitro-content_1CCJ4Md span {
+._ntlm-authentication-form_vitro-flex_183q6V- ._ntlm-authentication-form_vitro-subtitle_2dOYDeM {
     font-size: 18px;
     line-height: 135%;
     text-align: center;
+    margin-bottom: 2px;
 }
 
-._ntlm-authentication-form_vitro-image_1rt02c3 {
+._ntlm-authentication-form_vitro-flex_183q6V- > .vitro-image {
     width: 48px;
     height: 48px;
-    background-size: 100%;
-    background-position: center;
-    background-repeat: no-repeat;
-    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/login/img/windows-logo.svg');
+    margin-bottom: 16px;
+}
+
+._ntlm-authentication-form_vitro-error-message_3dVhQ_S {
+    text-align: center;
 }
 ._date-picker_vitro-control_2AYXegb {
     margin-bottom: 22px;
@@ -3571,34 +3576,10 @@ html, body {
     width: 300px;
 }
 
-._date-picker_vitro-error-text_15CdrRj {
-    display: inline-block;
-    vertical-align: text-top;
-    color: #D13438;
-    font-size: 14px;
-    line-height: 135%;
-    margin-top: 2px;
-    width: 100%;
-}
-
-._date-picker_vitro-focus_2cJKcKr ._date-picker_vitro-error-text_15CdrRj {
+._date-picker_vitro-focus_2cJKcKr ._date-picker_vitro-error-message_3VKrJgj {
     display: none;
 }
 
-._date-picker_vitro-error-text_15CdrRj::before {
-    content: '';
-    display: inline-block;
-    vertical-align: text-top;
-    height: 16px;
-    width: 16px;
-    min-width: 16px;
-    min-height: 16px;
-    margin-right: 4px;
-    background-size: 100%;
-    background-position: center;
-    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/date-picker/img/error-message.svg');
-}
-
 .k-datepicker {
     width: 100% !important;
 }
@@ -3928,34 +3909,10 @@ html, body {
     width: 300px;
 }
 
-._time-picker_vitro-error-text_2BNoBKW {
-    display: inline-block;
-    align-items: center;
-    color: #D13438;
-    font-size: 14px;
-    line-height: 135%;
-    margin-top: 2px;
-    width: 100%;
-}
-
-._time-picker_vitro-focus_wmhPjvE ._time-picker_vitro-error-text_2BNoBKW {
+._time-picker_vitro-focus_wmhPjvE ._time-picker_vitro-error-message_1w7ey-y {
     display: none;
 }
 
-._time-picker_vitro-error-text_2BNoBKW::before {
-    content: '';
-    display: inline-block;
-    vertical-align: text-top;
-    height: 16px;
-    width: 16px;
-    min-width: 16px;
-    min-height: 16px;
-    margin-right: 4px;
-    background-size: 100%;
-    background-position: center;
-    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/time-picker/img/error-message.svg');
-}
-
 ._time-picker_vitro-control_1sx07It .k-timepicker {
     width: 100% !important;
 }
@@ -4128,10 +4085,6 @@ html, body {
     font-size: 14px;
     line-height: 21px;
 }
-._flex-box_vitro-flex-box_3jGTD6k {
-    display: flex;
-    align-items: center;
-}
 ._lookup-picker-selected-item_vitro-selected-item-multi_bzL7ugZ,
 ._lookup-picker-selected-item_vitro-selected-item_hw-euth {
     display: inline-flex;
@@ -4240,34 +4193,10 @@ html, body {
     top: -10px;
 }
 
-._lookup-picker_vitro-error-text_273lqvD {
-    display: inline-block;
-    align-items: center;
-    color: #D13438;
-    font-size: 14px;
-    line-height: 135%;
-    margin-top: 2px;
-    width: 100%;
-}
-
-._lookup-picker_vitro-focus_2UGpxXD ._lookup-picker_vitro-error-text_273lqvD {
+._lookup-picker_vitro-focus_2UGpxXD ._lookup-picker_vitro-error-message_2iBjyRP {
     display: none;
 }
 
-._lookup-picker_vitro-error-text_273lqvD::before {
-    content: '';
-    display: inline-block;
-    vertical-align: text-top;
-    height: 16px;
-    width: 16px;
-    min-width: 16px;
-    min-height: 16px;
-    margin-right: 4px;
-    background-size: 100%;
-    background-position: center;
-    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/lookup-picker/img/error-message.svg');
-}
-
 ._lookup-picker_vitro-button-copy_2UIHHZD {
     height: 24px;
     width: 20px;
@@ -4351,9 +4280,10 @@ html, body {
     position: absolute;
     z-index: 10001;
     width: 100%;
+    display: flex;
+    flex-direction: column;
     border-radius: 4px;
     margin-top: 4px;
-    max-height: 300px;
     background: #fff;
     border-radius: 4px;
     box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.18), 0px 0px 4px 0px rgba(0, 0, 0, 0.14);
@@ -4361,7 +4291,7 @@ html, body {
 
 ._lookup-picker-value-list_vitro-value-list_LSdCMjq > .ps {
     padding-right: 0 !important;
-    max-height: 300px;
+    max-height: 323px;
 }
 
 ._lookup-picker-value-list_vitro-value-list_LSdCMjq > .ps > div:first-child {
@@ -4424,6 +4354,40 @@ html, body {
     display: none;
 }
 
+._lookup-picker-value-list_vitro-flex_2ClzE5b {
+    border-top: 1px solid rgba(228, 230, 236, 0.5);
+    padding: 2px 0 4px;
+}
+
+._lookup-picker-value-list_vitro-button_3MejXb_ {
+    height: 37px;
+    width: 100%;
+    background-color: #fff;
+    color: #222D44;
+    font-size: 14px;
+    line-height: 140%;
+    font-family: 'InterRegular';
+    padding: 8px 12px;
+    display: flex;
+    align-items: center;
+    border-radius: 0;
+}
+
+._lookup-picker-value-list_vitro-button_3MejXb_ > div {
+    justify-content: flex-start;
+}
+
+._lookup-picker-value-list_vitro-button_3MejXb_ .vitro-image {
+    width: 20px;
+    height: 20px;
+    margin-right: 8px;
+}
+
+._lookup-picker-value-list_vitro-button_3MejXb_:hover,
+._lookup-picker-value-list_vitro-button_3MejXb_:active,
+._lookup-picker-value-list_vitro-button_3MejXb_:focus {
+    background-color: #F3F8FF;
+}
 ._command-menu_vitro-command-menu_l82vtIh {
     display: flex;
     padding: 0 !important;
@@ -6178,32 +6142,6 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
 
 ._image-picker_vitro-required_2lpwlb0 {
     color: red;
-}
-
-._image-picker_vitro-error-text_3xviMND {
-    display: inline-block;
-    color: #D13438;
-    font-size: 14px;
-    line-height: 19px;
-    margin-top: 2px;
-    width: 100%;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    overflow: hidden;
-}
-
-._image-picker_vitro-error-text_3xviMND::before {
-    content: '';
-    display: inline-block;
-    vertical-align: text-top;
-    height: 16px;
-    width: 16px;
-    min-width: 16px;
-    min-height: 16px;
-    margin-right: 4px;
-    background-size: 100%;
-    background-position: center;
-    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/input/img/error-message.svg');
 }
 ._list_vitro-list_2cs4WZE {
     width: 100%;