@vitrosoftware/common-ui-ts 1.1.37 → 1.1.39

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

@@ -4,5 +4,4 @@
     display: flex;
     align-items: center;
     justify-content: center;
-    margin-right: 8px;
 }

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

@@ -16,13 +16,15 @@
 
 .vitro-selected-item {
     margin-right: 6px;
+    grid-gap: 8px;
 }
 
 .vitro-selected-item-multi {
     background: #F7F9FC;
     border-radius: 4px;
-    padding: 2px 4px;
-    margin-right: 12px;
+    padding: 0 4px;
+    height: 24px;
+    grid-gap: 4px;
 }
 
 .vitro-selected-item-multi:last-child {
@@ -30,10 +32,10 @@
 }
 
 .vitro-button-close {
+    cursor: pointer;
     width: 24px;
     height: 24px;
     min-width: 24px;
-    margin-left: 8px;
     background-size: 100%;
     background-position: center;
     background-repeat: no-repeat;

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

@@ -25,6 +25,7 @@
     border-radius: 0px;
     display: flex;
     align-items: center;
+    grid-gap: 8px;
 }
 
 .vitro-value-list .vitro-item:last-child {

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

@@ -9,10 +9,11 @@
     border-radius: 4px;
     display: flex;
     width: 100%;
-    flex-wrap: nowrap;
+    flex-wrap: wrap;
     align-items: center;
-    height: 40px;
-    padding: 8px 32px 8px 16px;
+    min-height: 40px;
+    grid-gap: 4px 12px;
+    padding: 8px 40px 8px 16px;
     position: relative;
 }
 
@@ -100,7 +101,7 @@
     border: none;
     background: transparent;
     flex: 1 1;
-    min-width: 30px;
+    min-width: 2px;
     color: #222D44;
     font-size: 14px;
     line-height: 16px;
@@ -109,7 +110,7 @@
 .vitro-right {
     position: absolute;
     right: 16px;
-    top: calc(50% - 12px);
+    top: 8px;
     display: flex;
 }
 

package/css/std/controls/search/search.css

@@ -20,7 +20,7 @@
 }
 
 .vitro-filter {
-    min-width: 502px;
+    width: 449px;
 }
 
 .vitro-filter :global(.ps) {

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

@@ -0,0 +1,7 @@
+.vitro-avatar {
+    height: 20px;
+    width: 20px;
+    min-width: 20px;
+    font-size: 10px;
+    line-height: 20px;
+}

package/dist/index.css

@@ -3031,13 +3031,15 @@
 
 ._lookup-picker-selected-item_vitro-selected-item_hw-euth {
     margin-right: 6px;
+    grid-gap: 8px;
 }
 
 ._lookup-picker-selected-item_vitro-selected-item-multi_bzL7ugZ {
     background: #F7F9FC;
     border-radius: 4px;
-    padding: 2px 4px;
-    margin-right: 12px;
+    padding: 0 4px;
+    height: 24px;
+    grid-gap: 4px;
 }
 
 ._lookup-picker-selected-item_vitro-selected-item-multi_bzL7ugZ:last-child {
@@ -3045,10 +3047,10 @@
 }
 
 ._lookup-picker-selected-item_vitro-button-close_1SRnr_0 {
+    cursor: pointer;
     width: 24px;
     height: 24px;
     min-width: 24px;
-    margin-left: 8px;
     background-size: 100%;
     background-position: center;
     background-repeat: no-repeat;
@@ -3067,7 +3069,6 @@
     display: flex;
     align-items: center;
     justify-content: center;
-    margin-right: 8px;
 }
 ._lookup-picker-value-list_vitro-value-list_LSdCMjq {
     position: absolute;
@@ -3096,6 +3097,7 @@
     border-radius: 0px;
     display: flex;
     align-items: center;
+    grid-gap: 8px;
 }
 
 ._lookup-picker-value-list_vitro-value-list_LSdCMjq ._lookup-picker-value-list_vitro-item_7yZBz5u:last-child {
@@ -3154,10 +3156,11 @@
     border-radius: 4px;
     display: flex;
     width: 100%;
-    flex-wrap: nowrap;
+    flex-wrap: wrap;
     align-items: center;
-    height: 40px;
-    padding: 8px 32px 8px 16px;
+    min-height: 40px;
+    grid-gap: 4px 12px;
+    padding: 8px 40px 8px 16px;
     position: relative;
 }
 
@@ -3252,7 +3255,7 @@
     border: none;
     background: transparent;
     flex: 1 1;
-    min-width: 30px;
+    min-width: 2px;
     color: #222D44;
     font-size: 14px;
     line-height: 16px;
@@ -3261,7 +3264,7 @@
 ._lookup-picker_vitro-right_1XFsL1w {
     position: absolute;
     right: 16px;
-    top: calc(50% - 12px);
+    top: 8px;
     display: flex;
 }
 
@@ -4301,6 +4304,14 @@ ul > li:last-child > ul > li:last-child ._sidebar-item_vitro-active_7p5iOhY {
 ._user-profile_vitro-dropdown-item_dSErsta:active {
     background: #DCEEFF;
 }
+._user-lookup-picker_vitro-avatar_2vI-SeH {
+    height: 20px;
+    width: 20px;
+    min-width: 20px;
+    font-size: 10px;
+    line-height: 20px;
+}
+
 ._activity_vitro-title_1rdvvaa {
     color: #bdbdbd;
     margin-bottom: 12px;
@@ -5005,7 +5016,7 @@ ul > li:last-child > ul > li:last-child ._sidebar-item_vitro-active_7p5iOhY {
 }
 
 ._search_vitro-filter_2n-Y-mS {
-    min-width: 502px;
+    width: 449px;
 }
 
 ._search_vitro-filter_2n-Y-mS .ps {