@vitrosoftware/common-ui-ts 1.1.218 → 1.1.220

package/css/std/controls/alert/alert.css

@@ -1,6 +1,6 @@
 .vitro-alert {
     border: 0;
-    box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.18), 0px 0px 4px 0px rgba(0, 0, 0, 0.14);
+    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 2px 6px 0px rgba(0, 0, 0, 0.10);
     border-radius: 4px;
     display: flex;
     flex-wrap: wrap;
@@ -9,6 +9,7 @@
 }
 
 .vitro-position-absolute {
+    box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.18), 0px 0px 4px 0px rgba(0, 0, 0, 0.14);
     z-index: 1000;
     position: absolute;
     right: 0;
@@ -22,6 +23,7 @@
     display: flex;
     flex-direction: column;
     gap: 12px;
+    width: 100%;
 }
 
 :global(#Timesheets) .vitro-alert {
@@ -41,6 +43,8 @@
 }
 
 .vitro-button-close {
+    margin-left: auto;
+    align-self: flex-start;
     cursor: pointer;
     width: 24px;
     height: 24px;
@@ -85,17 +89,6 @@
     margin: 0px;
 }
 
-.vitro-alert-action-list {
-    display: flex;
-    flex-grow: 0;
-    flex-shrink: 0;
-    flex-basis: auto;
-    align-items: center;
-    margin-right: 6px;
-    margin-left: 8px;
-    padding: 0px;
-}
-
 .vitro-position-center {
     top: 50%;
     left: 50%;
@@ -120,28 +113,6 @@
 .vitro-alert > ul:global(.errorList) > li a {
     text-decoration: underline;
 }
-
-.vitro-alert a:global(.link) {
-    text-decoration: underline;
-    white-space: pre-wrap;
-}
-
-.vitro-alert button:global(.btn) {
-    margin-left: 8px;
-    background: white;
-    color: #616365;
-    font-size: 13px;
-    padding: 0.1rem 16px;
-    border: 1px solid rgb(138, 136, 134);
-    font-weight: 600;
-    min-width: 80px;
-    border-radius: 2px;
-}
-
-.vitro-alert :global(.btn):active, 
-.vitro-alert :global(.btn):focus {
-  outline: none !important;
-}
 
 .vitro-alert > div :global(.header) {
     font-weight: 500;
@@ -153,19 +124,6 @@
     padding: 0.2rem;
 }
 
-.vitro-alert button:global(.btn.error) {
-    margin-left: 8px;
-    font-size: 13px;
-    font-weight: bold;
-    padding: 0.1rem 0.75rem;
-    border-radius: 0;
-}
-
-.vitro-alert :global(.btn.danger),
-.vitro-alert :global(.btn.warning) {
-    margin: 5px;
-}
-
 .vitro-alert :global(.alert-danger),
 .vitro-alert :global(.alert-success),
 .vitro-alert :global(.alert-warning) {
@@ -196,4 +154,9 @@
 
 .vitro-alert :global(.alert-warning) .vitro-icon {
     background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/alert/img/warning.svg');
+}
+
+.vitro-content-container {
+    gap: 12px;
+    align-items: flex-start;
 }

package/css/std/controls/bim-viewer/bim-viewer-index.css

@@ -13181,6 +13181,10 @@ body {
 
 [class*="_lookup-picker-value-list"] {
     z-index: 89000005 !important;
+}
+
+[class^="_search_vitro-search"] {
+    width: 100% !important;
 }
 .toolbar {
     height: 50px;

package/css/std/controls/bim-viewer/style.css

@@ -57,4 +57,8 @@ body {
 
 [class*="_lookup-picker-value-list"] {
     z-index: 89000005 !important;
+}
+
+[class^="_search_vitro-search"] {
+    width: 100% !important;
 }

package/css/std/controls/dialog/dialog-footer.css

@@ -18,6 +18,7 @@
     width: 100%;
     left: 0;
     bottom: 100%;
+    z-index: 1;
 }
 
 .vitro-button-group {
@@ -28,6 +29,7 @@
     min-width: 139px;
     height: 40px;
     font-size: 16px;
+    line-height: 24px;
     padding: 4px 16px;
 }
 

package/css/std/controls/dxf-viewer/common.css

@@ -21,4 +21,8 @@ body {
 .canvasContainer {
     height: calc(100% - 51px); /* 32 */
     position: relative;
+}
+
+[class^="_search_vitro-search"] {
+    width: 100% !important;
 }

package/css/std/controls/dxf-viewer/dxf-viewer-index.css

@@ -13048,6 +13048,10 @@ body {
 .canvasContainer {
     height: calc(100% - 51px); /* 32 */
     position: relative;
+}
+
+[class^="_search_vitro-search"] {
+    width: 100% !important;
 }
 .toolbar {
     height: 50px;

package/css/std/controls/filter/filter.css

@@ -32,7 +32,7 @@
 }
 
 :global(.vitro-views-dialog .vitro-filter-container + .vitro-label-grey) {
-    margin-top: 19px;
+    margin-top: 4px;
 }
 
 :global(.vitro-views-dialog .vitro-sort-container .vitro-add-field-button),

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

@@ -159,4 +159,8 @@
 
 .vitro-lookup-picker-multi-select :global(.ps__rail-x) {
     background-color: transparent !important;
+}
+
+.vitro-placeholder {
+    padding-left: 16px;
 }

package/css/std/controls/pdf-viewer/custom.css

@@ -488,4 +488,8 @@ html[dir='ltr'] .toolbarButton#btnCompare::before,
 .vitro-issue-detail.ui-resizable {
     left: initial !important;
     right: 0 !important;
+}
+
+[class^="_search_vitro-search"] {
+    width: 100% !important;
 }

package/css/std/controls/pdf-viewer/pdf-viewer-index.css

@@ -6738,6 +6738,10 @@ html[dir='ltr'] .toolbarButton#btnCompare::before,
 .vitro-issue-detail.ui-resizable {
     left: initial !important;
     right: 0 !important;
+}
+
+[class^="_search_vitro-search"] {
+    width: 100% !important;
 }
 #sidebarContent {
     background-color: rgba(0, 0, 0, 0.1);

package/css/std/controls/select/select.css

@@ -9,6 +9,7 @@
     position: relative;
     justify-content: space-between;
     cursor: pointer;
+    border: 1px solid #F3F8FF;
 }
 
 .vitro-select::after {
@@ -23,6 +24,10 @@
     background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/select/img/collapse-up.svg');
 }
 
+.vitro-select.vitro-active {
+    border-color: #3274E0;
+}
+
 .vitro-select.vitro-active::after {
     transform: rotateX(0);
 }
@@ -44,7 +49,7 @@
     position: absolute;
     top: calc(100% + 4px);
     left: 0;
-    z-index: 1;
+    z-index: 2;
     width: 100%;
     display: none;
 }
@@ -67,4 +72,23 @@
 
 .vitro-select > .vitro-item:hover {
     background: transparent;
+}
+
+.vitro-scrollbar {
+    max-height: 267px;
+}
+
+.vitro-scrollbar :global(.ps__rail-y),
+.vitro-scrollbar :global(.ps__rail-x) {
+    border: none;
+}
+
+.vitro-select:global(.vitro-select-sm) {
+    height: 32px;
+    padding: 4px 12px;
+}
+
+.vitro-select:global(.vitro-select-sm)::after {
+    width: 20px;
+    height: 20px;
 }

package/css/std/controls/tab-group/tab-group.css

@@ -4,8 +4,8 @@
     flex-direction: column;
 }
 
-.vitro-tab :global(.nav) {
-    align-items: center;
+.vitro-tab > :global(.nav) {
+    align-items: flex-end;
     justify-content: center;
     flex-wrap: nowrap;
 }
@@ -40,6 +40,7 @@
     text-align: center;
     overflow: hidden;
     padding-top: 16px;
+    min-width: 120px;
 }
 
 .vitro-tab :global(.nav) > div :global(.nav-link) {
@@ -51,8 +52,10 @@
     font-family: 'InterRegular';
     color: #4A556C;
     font-size: 14px;
-    padding-bottom: 15px;
     line-height: 150%;
+    padding: 0 12px 15px;
+    overflow: hidden;
+    text-overflow: ellipsis;
 }
 
 .vitro-tab :global(.nav) > div :global(.nav-item) a:hover {

package/dist/index.css

@@ -1777,6 +1777,7 @@ div._component-loader_vitro-component-loader_3J3a2or {
     width: 100%;
     left: 0;
     bottom: 100%;
+    z-index: 1;
 }
 
 ._dialog-footer_vitro-button-group_1HXCUOQ {
@@ -1787,6 +1788,7 @@ div._component-loader_vitro-component-loader_3J3a2or {
     min-width: 139px;
     height: 40px;
     font-size: 16px;
+    line-height: 24px;
     padding: 4px 16px;
 }
 
@@ -2518,8 +2520,8 @@ div._component-loader_vitro-component-loader_3J3a2or {
     flex-direction: column;
 }
 
-._tab-group_vitro-tab_1Qb50HL .nav {
-    align-items: center;
+._tab-group_vitro-tab_1Qb50HL > .nav {
+    align-items: flex-end;
     justify-content: center;
     flex-wrap: nowrap;
 }
@@ -2554,6 +2556,7 @@ div._component-loader_vitro-component-loader_3J3a2or {
     text-align: center;
     overflow: hidden;
     padding-top: 16px;
+    min-width: 120px;
 }
 
 ._tab-group_vitro-tab_1Qb50HL .nav > div .nav-link {
@@ -2565,8 +2568,10 @@ div._component-loader_vitro-component-loader_3J3a2or {
     font-family: 'InterRegular';
     color: #4A556C;
     font-size: 14px;
-    padding-bottom: 15px;
     line-height: 150%;
+    padding: 0 12px 15px;
+    overflow: hidden;
+    text-overflow: ellipsis;
 }
 
 ._tab-group_vitro-tab_1Qb50HL .nav > div .nav-item a:hover {
@@ -4174,6 +4179,10 @@ div._component-loader_vitro-component-loader_3J3a2or {
 
 ._lookup-picker_vitro-lookup-picker-multi-select_3Lkq2tk .ps__rail-x {
     background-color: transparent !important;
+}
+
+._lookup-picker_vitro-placeholder_2Soq8bU {
+    padding-left: 16px;
 }
 ._lookup-picker-html-value_vitro-item-html-value_2QBoTey {
     height: -moz-fit-content;
@@ -5110,7 +5119,7 @@ div._component-loader_vitro-component-loader_3J3a2or {
 }
 
 .vitro-views-dialog .vitro-filter-container + .vitro-label-grey {
-    margin-top: 19px;
+    margin-top: 4px;
 }
 
 .vitro-views-dialog .vitro-sort-container .vitro-add-field-button,
@@ -6589,7 +6598,7 @@ div._component-loader_vitro-component-loader_3J3a2or {
 
 ._alert_vitro-alert_3sPAkJb {
     border: 0;
-    box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.18), 0px 0px 4px 0px rgba(0, 0, 0, 0.14);
+    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 2px 6px 0px rgba(0, 0, 0, 0.10);
     border-radius: 4px;
     display: flex;
     flex-wrap: wrap;
@@ -6598,6 +6607,7 @@ div._component-loader_vitro-component-loader_3J3a2or {
 }
 
 ._alert_vitro-position-absolute_2A33Lq4 {
+    box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.18), 0px 0px 4px 0px rgba(0, 0, 0, 0.14);
     z-index: 1000;
     position: absolute;
     right: 0;
@@ -6611,6 +6621,7 @@ div._component-loader_vitro-component-loader_3J3a2or {
     display: flex;
     flex-direction: column;
     gap: 12px;
+    width: 100%;
 }
 
 #Timesheets ._alert_vitro-alert_3sPAkJb {
@@ -6630,6 +6641,8 @@ div._component-loader_vitro-component-loader_3J3a2or {
 }
 
 ._alert_vitro-button-close_39K9cqW {
+    margin-left: auto;
+    align-self: flex-start;
     cursor: pointer;
     width: 24px;
     height: 24px;
@@ -6674,17 +6687,6 @@ div._component-loader_vitro-component-loader_3J3a2or {
     margin: 0px;
 }
 
-._alert_vitro-alert-action-list_2XzbaCO {
-    display: flex;
-    flex-grow: 0;
-    flex-shrink: 0;
-    flex-basis: auto;
-    align-items: center;
-    margin-right: 6px;
-    margin-left: 8px;
-    padding: 0px;
-}
-
 ._alert_vitro-position-center_1r_lK_e {
     top: 50%;
     left: 50%;
@@ -6709,28 +6711,6 @@ div._component-loader_vitro-component-loader_3J3a2or {
 ._alert_vitro-alert_3sPAkJb > ul.errorList > li a {
     text-decoration: underline;
 }
-
-._alert_vitro-alert_3sPAkJb a.link {
-    text-decoration: underline;
-    white-space: pre-wrap;
-}
-
-._alert_vitro-alert_3sPAkJb button.btn {
-    margin-left: 8px;
-    background: white;
-    color: #616365;
-    font-size: 13px;
-    padding: 0.1rem 16px;
-    border: 1px solid rgb(138, 136, 134);
-    font-weight: 600;
-    min-width: 80px;
-    border-radius: 2px;
-}
-
-._alert_vitro-alert_3sPAkJb .btn:active, 
-._alert_vitro-alert_3sPAkJb .btn:focus {
-  outline: none !important;
-}
 
 ._alert_vitro-alert_3sPAkJb > div .header {
     font-weight: 500;
@@ -6742,19 +6722,6 @@ div._component-loader_vitro-component-loader_3J3a2or {
     padding: 0.2rem;
 }
 
-._alert_vitro-alert_3sPAkJb button.btn.error {
-    margin-left: 8px;
-    font-size: 13px;
-    font-weight: bold;
-    padding: 0.1rem 0.75rem;
-    border-radius: 0;
-}
-
-._alert_vitro-alert_3sPAkJb .btn.danger,
-._alert_vitro-alert_3sPAkJb .btn.warning {
-    margin: 5px;
-}
-
 ._alert_vitro-alert_3sPAkJb .alert-danger,
 ._alert_vitro-alert_3sPAkJb .alert-success,
 ._alert_vitro-alert_3sPAkJb .alert-warning {
@@ -6785,6 +6752,11 @@ div._component-loader_vitro-component-loader_3J3a2or {
 
 ._alert_vitro-alert_3sPAkJb .alert-warning ._alert_vitro-icon_pK385gF {
     background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/alert/img/warning.svg');
+}
+
+._alert_vitro-content-container_M2-akFp {
+    gap: 12px;
+    align-items: flex-start;
 }
 ._user-profile_vitro-user-profile_11XpBoQ span {
     margin-right: 10px;
@@ -8388,6 +8360,7 @@ div._component-loader_vitro-component-loader_3J3a2or {
     position: relative;
     justify-content: space-between;
     cursor: pointer;
+    border: 1px solid #F3F8FF;
 }
 
 ._select_vitro-select_EObExkL::after {
@@ -8402,6 +8375,10 @@ div._component-loader_vitro-component-loader_3J3a2or {
     background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/select/img/collapse-up.svg');
 }
 
+._select_vitro-select_EObExkL._select_vitro-active_3I2oZ9Y {
+    border-color: #3274E0;
+}
+
 ._select_vitro-select_EObExkL._select_vitro-active_3I2oZ9Y::after {
     transform: rotateX(0);
 }
@@ -8423,7 +8400,7 @@ div._component-loader_vitro-component-loader_3J3a2or {
     position: absolute;
     top: calc(100% + 4px);
     left: 0;
-    z-index: 1;
+    z-index: 2;
     width: 100%;
     display: none;
 }
@@ -8446,6 +8423,25 @@ div._component-loader_vitro-component-loader_3J3a2or {
 
 ._select_vitro-select_EObExkL > ._select_vitro-item_3Q88bWt:hover {
     background: transparent;
+}
+
+._select_vitro-scrollbar_1T9-kjS {
+    max-height: 267px;
+}
+
+._select_vitro-scrollbar_1T9-kjS .ps__rail-y,
+._select_vitro-scrollbar_1T9-kjS .ps__rail-x {
+    border: none;
+}
+
+._select_vitro-select_EObExkL.vitro-select-sm {
+    height: 32px;
+    padding: 4px 12px;
+}
+
+._select_vitro-select_EObExkL.vitro-select-sm::after {
+    width: 20px;
+    height: 20px;
 }
 ._switch_vitro-switch_1noCcra {
     position: relative;