@vitrosoftware/common-ui-ts 1.1.219 → 1.1.221

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;

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/file/file.css

@@ -88,11 +88,12 @@
     background-color: #E9ECEF;
 }
 
+.vitro-dropdown-button > :global(.vitro-context-button) {
+    width: 24px;
+    height: 24px;
+}
+
 .vitro-dropdown-button :global(.dropdown-menu) {
     width: 184px;
     min-width: 184px;
 }
-
-.vitro-dropdown-button :global(.btn) > span {
-    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/file/img/file-button-context.svg');
-}

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/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/css/std/controls/video-viewer/video-viewer.css

@@ -23,7 +23,6 @@
 .vitro-body {
     height: calc(100% - 72px);
     margin-top: 72px;
-    display: flex;
 }
 
 .vitro-button-close {
@@ -43,6 +42,7 @@
     background-color: #212529;
     margin-left: auto;
     margin-right: auto;
+    height: 100%;
 }
 
 .vitro-player video {

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;
@@ -6950,14 +6960,15 @@ div._component-loader_vitro-component-loader_3J3a2or {
     background-color: #E9ECEF;
 }
 
+._file_vitro-dropdown-button_3MgI2n9 > .vitro-context-button {
+    width: 24px;
+    height: 24px;
+}
+
 ._file_vitro-dropdown-button_3MgI2n9 .dropdown-menu {
     width: 184px;
     min-width: 184px;
 }
-
-._file_vitro-dropdown-button_3MgI2n9 .btn > span {
-    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/file/img/file-button-context.svg');
-}
 
 ._attached-file-list_vitro-file-list-container_5PIFyI7 {
     display: flex;
@@ -8350,6 +8361,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 {
@@ -8364,6 +8376,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);
 }
@@ -8385,7 +8401,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;
 }
@@ -8408,6 +8424,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;
@@ -8959,7 +8994,6 @@ div._component-loader_vitro-component-loader_3J3a2or {
 ._video-viewer_vitro-body_124aVK2 {
     height: calc(100% - 72px);
     margin-top: 72px;
-    display: flex;
 }
 
 ._video-viewer_vitro-button-close_TB-QCiO {
@@ -8979,6 +9013,7 @@ div._component-loader_vitro-component-loader_3J3a2or {
     background-color: #212529;
     margin-left: auto;
     margin-right: auto;
+    height: 100%;
 }
 
 ._video-viewer_vitro-player_2JJVj_u video {