@vitrosoftware/common-ui-ts 1.1.113 → 1.1.114

package/dist/index.css

@@ -1180,6 +1180,23 @@ html, body {
 .vitro-file-icon {
     width: 24px;
     height: 24px;
+}
+
+@media (max-width: 800px) {
+    ._uploader_vitro-uploader_237vX7T {
+        width: unset;
+        height: unset;
+    }
+
+    ._uploader_vitro-uploader_237vX7T.vitro-upload-active,
+    ._uploader_vitro-upload-container_2ASGHSS {
+        max-width: 100%;
+    }
+
+    ._uploader_vitro-uploader_237vX7T.vitro-upload-active {
+        right: 0;
+        bottom: 12px;
+    }
 }
 ._tooltip_vitro-tooltip_JvGPShz {
     display: none !important;
@@ -1239,17 +1256,21 @@ html, body {
     display: none;
 }
 
+._image-button_vitro-image-button_34pBVmE {
+    width: 20px;
+    height: 20px;
+}
+
 ._image-button_vitro-image-button_34pBVmE,
 ._image-button_vitro-image-button_34pBVmE:hover,
 ._image-button_vitro-image-button_34pBVmE:active {
-    width: 20px;
-    height: 20px;
     flex-shrink: 0;
     background-position: center;
     background-size: 100%;
     background-repeat: no-repeat;
     border: none;
     outline: none;
+    padding: 0;
     background-color: transparent;
 }
 
@@ -1521,7 +1542,7 @@ html, body {
 
 ._dialog-footer_vitro-button_3RufMLa {
     min-width: 139px;
-    height: 40px !important;
+    height: 40px;
     font-size: 16px;
 }
 
@@ -1661,6 +1682,7 @@ html, body {
 ._confirm-dialog_vitro-image_3vwBe8E {
     height: 40px;
     width: 40px;
+    flex-shrink: 0;
     margin-right: 8px;
     background-size: 100%;
     background-repeat: no-repeat;
@@ -1763,6 +1785,40 @@ html, body {
     max-height: 2000px;
     overflow: hidden;
     transition: max-height 0.4s ease;
+}
+
+@media (max-width: 800px) {
+    ._action-result-list_vitro-result-item_2AUSpie {
+        padding: 4px 0;
+    }
+
+    ._action-result-list_vitro-result-item_2AUSpie:nth-child(2) {
+        padding-top: 8px;
+    }
+
+    ._action-result-list_vitro-error-message_12OqWLU,
+    ._action-result-list_vitro-success-message_1yRyyKc {
+        margin-top: 0;
+    }
+
+    ._action-result-list_vitro-scrollbar_1mcualw > div:first-child {
+        padding-right: 12px;
+    }
+
+    ._action-result-list_vitro-scrollbar_1mcualw .ps__rail-y {
+        border: none;
+        width: 8px !important;
+    }
+
+    ._action-result-list_vitro-scrollbar_1mcualw .ps__thumb-y {
+        width: 2px !important;
+        right: 3px !important;
+    }
+
+    ._action-result-list_vitro-action-result-list_fJtJWdL {
+        padding-left: 8px;
+    }
+
 }
 ._result-dialog_vitro-result-dialog_kqxXHts {
     z-index: 1001;
@@ -1888,6 +1944,26 @@ html, body {
     background-position: center;
     background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/action-handler/img/save-blue.svg');
 }
+
+@media (max-width: 800px) {
+    ._result-dialog_vitro-result-dialog_kqxXHts {
+        width: calc(100% - 24px) !important;
+        max-width: 400px;
+        max-height: 48%;
+        right: 12px;
+        top: 12px;
+    }
+
+    ._result-dialog_vitro-header_2rBOm3x {
+        padding: 8px 12px;
+    }
+
+    ._result-dialog_vitro-result-dialog_kqxXHts._result-dialog_vitro-success_3UZikJl ._result-dialog_vitro-header_2rBOm3x,
+    ._result-dialog_vitro-result-dialog_kqxXHts._result-dialog_vitro-error_3-IKuM9 ._result-dialog_vitro-header_2rBOm3x {
+        padding: 8px 12px 8px 8px;
+    }
+
+}
 ._dropdown-button_vitro-dropdown-button_1myvkhB {
     display: flex;
     align-items: center;
@@ -2861,6 +2937,7 @@ html, body {
     width: 24px;
     height: 24px;
     margin-right: 4px;
+    flex-shrink: 0;
     cursor: pointer;
     -moz-appearance: none;
          appearance: none;
@@ -6029,11 +6106,19 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
     background-position: center;
     background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/input/img/error-message.svg');
 }
+._list_vitro-list_2cs4WZE {
+    width: 100%;
+    list-style-type: none;
+    margin: 0;
+    padding: 0;
+}
+
+._list_vitro-list_2cs4WZE li {
+    cursor: pointer;
+}
 ._criterion_vitro-criterion-container_2cYcSkL {
     width: 100%;
     position: relative;
-    display: flex;
-    align-items: center;
     margin-bottom: 28px;
 }
 
@@ -6067,8 +6152,6 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
     font-size: 12px;
     border-radius: 4px;
     background: #F7F9FC;
-    display: flex;
-    align-items: center;
     justify-content: center;
     position: relative;
 }
@@ -6077,6 +6160,7 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
     display: inline-block;
     line-height: 16px;
     font-size: 12px;
+    color: #4A556C;
 }
 
 ._criterion_vitro-operator-select_1guNlk9::after {
@@ -6091,10 +6175,6 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
 }
 
 ._criterion_vitro-operator-list_3A2VZsd {
-    position: absolute;
-    z-index: 10;
-    top: calc(100% + 2px);
-    right: 0;
     width: -moz-fit-content;
     width: fit-content;
     min-width: 100%;
@@ -6108,7 +6188,14 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
 }
 
 ._criterion_vitro-operator-list_3A2VZsd li {
-    padding: 8px 12px;
+    padding: 4px 12px;
+    line-height: 150%;
+    cursor: pointer;
+    border-bottom: 1px solid rgba(228, 230, 236, 0.5);
+}
+
+._criterion_vitro-operator-list_3A2VZsd li:last-child {
+    border-bottom: none;
 }
 
 ._criterion_vitro-operator-list_3A2VZsd li:hover,
@@ -6122,16 +6209,10 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
 }
 
 ._criterion_vitro-button-cancel_2C2G0sL {
-    width: 20px;
-    height: 20px;
-    min-width: 20px;
+    flex-shrink: 0;
     margin-left: 2px;
     margin-top: -10px;
     align-self: flex-start;
-    border: none;
-    background-color: transparent;
-    background-size: 100%;
-    background-position: center;
     background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/criterion/img/cancel-grey.svg');
 }
 
@@ -6181,19 +6262,32 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
 
 ._criterion_vitro-condition-list-container_ERfumwB,
 ._criterion_vitro-operator-list-container_RgT0R_Z {
-    position: absolute;
     z-index: 1000000;
 }
 
+._criterion_vitro-condition-list-container_ERfumwB {
+    margin-top: 13px;
+    margin-left: -8px;
+}
+
+._criterion_vitro-condition-list-container_ERfumwB[placement='top-start'] {
+    margin-bottom: 13px;
+}
+
+._criterion_vitro-condition-list-container_ERfumwB[placement='top-start'] ._criterion_vitro-condition-list_10UIxJI::before {
+    bottom: -20px;
+    top: unset;
+    transform: rotate(180deg);
+}
+
+._criterion_vitro-operator-list-container_RgT0R_Z {
+    margin-top: 4px;
+}
+
 ._criterion_vitro-condition-list_10UIxJI {
-    width: -moz-fit-content;
-    width: fit-content;
-    min-width: 270px;
+    min-width: 241px;
     border-radius: 4px;
     background: #fff;
-    list-style-type: none;
-    margin: 0;
-    padding: 0;
     box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.18), 0px 0px 4px 0px rgba(0, 0, 0, 0.14);
 }
 
@@ -6208,42 +6302,66 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
     background-repeat: no-repeat;
     position: absolute;
     top: -21px;
-    left: 12px;
+    left: 20px;
     background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/criterion/img/dropdown-menu-arrow.svg');
 }
 
-._criterion_vitro-condition-list_10UIxJI li {
-    padding: 8px 12px;
+._criterion_vitro-condition_2RFixrp {
+    padding: 0 12px;
+    height: 32px;
     cursor: pointer;
-    display: flex;
-    align-items: center;
-    grid-gap: 12px;
+    gap: 12px;
 }
 
-._criterion_vitro-condition-list_10UIxJI li:first-child {
+._criterion_vitro-condition_2RFixrp:first-child {
     border-radius: 4px 4px 0 0;
 }
 
-._criterion_vitro-condition-list_10UIxJI li:last-child {
+._criterion_vitro-condition_2RFixrp:last-child {
     border-radius: 0 0 4px 4px;
 }
 
-._criterion_vitro-condition-list_10UIxJI li:hover,
-._criterion_vitro-condition-list_10UIxJI li:active {
+._criterion_vitro-condition_2RFixrp:hover,
+._criterion_vitro-condition_2RFixrp:active {
     background: #F3F8FF;
 }
 
-._criterion_vitro-condition-list_10UIxJI ._criterion_vitro-image_1f6DKPL {
+._criterion_vitro-condition_2RFixrp .vitro-image {
     height: 20px;
     width: 20px;
+}
+
+._criterion_vitro-criterion-container-mobile_1yxaJHi {
+    position: relative;
+    flex-direction: column-reverse;
+    align-items: flex-start;
+    gap: 22px;
+    margin-top: 12px;
+}
+
+._criterion_vitro-criterion-container-mobile_1yxaJHi {
+    position: relative;
+    flex-direction: column;
+    align-items: flex-start;
+    gap: 22px;
+    margin-top: 12px;
+}
+
+._criterion_vitro-criterion-container-mobile_1yxaJHi ._criterion_vitro-control_2JLaybj {
+    width: 100%;
+}
+
+._criterion_vitro-criterion-container-mobile_1yxaJHi ._criterion_vitro-button-cancel_2C2G0sL {
+    position: absolute;
+    bottom: 40px;
+    right: 0;
+    margin: 0;
 }
 ._search-input_vitro-search-input_3M9i4Gi {
     height: 32px;
     border-radius: 4px;
     border: 1px solid #C0CAD5;
     padding: 4px 8px;
-    display: flex;
-    align-items: center;
 }
 
 ._search-input_vitro-search-input_3M9i4Gi.vitro-active {
@@ -6279,16 +6397,9 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
     overflow: hidden;
 }
 
-._search-input_vitro-search-input_3M9i4Gi .vitro-button-search,
-._search-input_vitro-search-input_3M9i4Gi .vitro-button-search:hover {
+._search-input_vitro-search-input_3M9i4Gi .vitro-button-search {
     width: 24px;
     height: 24px;
-    border: none;
-    outline: none;
-    flex-shrink: 0;
-    background-color: transparent;
-    background-size: 100%;
-    background-position: center;
     margin-right: 8px;
     background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/search-input/img/search.svg');
 }
@@ -6299,19 +6410,10 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
     background-color: #fff;
 }
 
-._search-input_vitro-button-cancel_xqdMNLo,
-._search-input_vitro-button-cancel_xqdMNLo:hover {
+._search-input_vitro-button-cancel_xqdMNLo {
     width: 24px;
     height: 24px;
-    flex-shrink: 0;
-    border: none;
-    background-size: 100%;
-    background-position: center;
     margin-left: 8px;
-    background-color: transparent;
-}
-
-._search-input_vitro-button-cancel_xqdMNLo {
     background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/search-input/img/cancel-black.svg');
 }
 
@@ -6338,23 +6440,22 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
     background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/search-input/img/cancel-dark-grey.svg');
 }
 
-@media (max-width: 800px) {
-    ._search-input_vitro-search-input_3M9i4Gi,
-    ._search-input_vitro-search-input_3M9i4Gi.vitro-active {
-        border: none;
-        padding: 0;
-    }
+._search-input_vitro-search-input-mobile_1H1USnO {
+    width: 32px;
+    height: 32px;
+}
 
-    ._search-input_vitro-search-input_3M9i4Gi .vitro-button-search {
-        margin: 0;
-        height: 32px;
-        width: 32px;
-        border-radius: 4px;
-    }
+._search-input_vitro-search-input-mobile_1H1USnO .vitro-button-search {
+    width: 32px;
+    height: 32px;
+    border-radius: 4px;
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/search-input/img/search.svg');
+}
 
-    .vitro-active.vitro-button-search {
-        background-color: #DCEEFF;
-    }
+._search-input_vitro-search-input-mobile_1H1USnO.vitro-active .vitro-button-search {
+    background-color: #DCEEFF;
+    background-size: 24px;
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/search-input/img/search-blue.svg');
 }
 ._expand-control-group_vitro-expand-control-group_1qSUMoN {
     width: 100%;
@@ -6464,27 +6565,42 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
     top: 36px;
     right: 0;
     z-index: 2;
+}
+
+._search_vitro-filter-container_3p6D0hI {
     padding: 24px 0 16px 12px;
     display: flex;
     flex-direction: column;
+    align-self: stretch;
+    width: 502px;
 }
 
 ._search_vitro-filter_2n-Y-mS {
-    width: 449px;
+    overflow: hidden;
 }
 
-._search_vitro-scrollbar_3Xg3VXI {
-    max-height: 300px;
+._search_vitro-filter_2n-Y-mS .ps {
+    max-height: 458px;
 }
 
-._search_vitro-scrollbar_3Xg3VXI.ps--active-y {
+._search_vitro-filter_2n-Y-mS .ps.ps--active-y {
     padding-right: 14px;
 }
 
+._search_vitro-filter_2n-Y-mS .ps > div:first-child {
+    padding-top: 10px;
+}
+
+._search_vitro-filter_2n-Y-mS .vitro-block:last-child > div > div {
+    margin-bottom: 0;
+}
+
+._search_vitro-filter_2n-Y-mS .vitro-block:nth-child(2) {
+    margin-top: 0;
+}
+
 ._search_vitro-add-field_2hHt1Z2 {
-    position: relative;
-    margin-bottom: 16px;
-    margin-top: 18px;
+    margin: 18px 0 16px 66px;
 }
 
 ._search_vitro-add-field-button_30hdXYn,
@@ -6493,38 +6609,45 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
     font-family: 'InterRegular' !important;
     background: #fff !important;
     color: #326AD6 !important;
-    margin-left: 66px;
     padding: 0 !important;
     min-width: unset !important;
     height: 16px !important;
+    font-size: 12px;
+    line-height: 16px;
 }
 
 ._search_vitro-add-field-dialog_3gC92SF {
-    position: absolute;
-    z-index: 100;
-    top: 32px;
-    left: 0;
+    z-index: 10001;
+    overflow: hidden;
     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);
 }
 
+._search_vitro-add-field-dialog_3gC92SF[placement='right-start'] {
+    margin-top: -4px;
+    margin-left: 14px;
+}
+
 ._search_vitro-add-field-dialog_3gC92SF .ps > div:first-child {
     max-height: 204px;
+    max-width: 242px;
 }
 
-._search_vitro-footer_1-ya4xk {
-    display: flex;
-    grid-gap: 12px;
-    justify-content: flex-end;
+._search_vitro-button-group_1VuZJdq {
+    gap: 12px;
     padding: 0 24px;
     margin-top: auto;
 }
 
+._search_vitro-button_1kaitIg,
+._search_vitro-button-cancel_1M8UkMM {
+    padding: 8px 16px;
+    font-family: 'InterRegular' !important;
+}
+
 ._search_vitro-button-cancel_1M8UkMM {
     background: #fff !important;
     color: #222D44 !important;
-    font-family: 'InterRegular' !important;
-    border: 1px solid #E4E6EC !important;
 }
 
 ._search_vitro-button-cancel_1M8UkMM:hover,
@@ -6554,12 +6677,80 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
     background-color: #DCEEFF;
 }
 
-@media (max-width: 800px) {
-    ._search_vitro-filter_2n-Y-mS {
-        width: 100%;
-    }
+._search_vitro-search-mobile_XsKRflV {
+    position: relative;
+    align-self: baseline; 
+    margin-left: auto;
 }
-
+
+._search_vitro-settings-dialog-mobile_1no71m6 {
+    height: 100%;
+    width: 100%;
+    max-width: unset !important;
+    border: none !important;
+    border-radius: 0 !important;
+}
+
+._search_vitro-settings-dialog-mobile_1no71m6 ._search_vitro-filter-container_3p6D0hI {
+    width: 100%;
+    position: relative;
+    overflow: hidden;
+    flex: 1 1;
+    padding: 0 0 0 15px;
+}
+
+._search_vitro-settings-dialog-header_vID4BE6 {
+    padding: 20px 15px 15px 15px;
+}
+
+._search_vitro-settings-dialog-footer_11fP4FC {
+    border: none;
+    background-color: #fff;
+    height: unset;
+    padding: 28px 15px;
+}
+
+._search_vitro-settings-dialog-footer_11fP4FC button {
+    height: 32px;
+}
+
+._search_vitro-settings-dialog-header_vID4BE6 h1 {
+    font-size: 18px !important;
+    line-height: 150% !important;
+}
+
+._search_vitro-settings-dialog-mobile_1no71m6 ._search_vitro-add-field_2hHt1Z2 {
+    margin: 18px 0 0 4px;
+}
+
+._search_vitro-settings-dialog-mobile_1no71m6 ._search_vitro-filter_2n-Y-mS .ps {
+    max-height: unset;
+    padding-right: 15px;
+}
+
+._search_vitro-settings-dialog-mobile_1no71m6 ._search_vitro-filter_2n-Y-mS .ps > div:first-child {
+    padding-top: 0;
+}
+
+._search_vitro-settings-dialog-mobile_1no71m6 ._search_vitro-filter_2n-Y-mS .vitro-block:last-child > div > div {
+    margin-top: 12px;
+}
+
+._search_vitro-settings-dialog-mobile_1no71m6 ._search_vitro-filter_2n-Y-mS .ps > div > div {
+    padding: 0;
+}
+
+._search_vitro-settings-dialog-mobile_1no71m6 ._search_vitro-scrollbar_3Xg3VXI > div > div > .vitro-block:first-child > div > div {
+    margin: 0;
+}
+
+._search_vitro-add-field-dialog_3gC92SF[placement='bottom-start'] {
+    margin-top: 7px;
+}
+
+._search_vitro-add-field-dialog_3gC92SF[placement='top-start'] {
+    margin-bottom: 7px;
+}
 ._search-value-list_vitro-search-input-container_167CEqB {
     padding: 12px;
 }
@@ -6577,7 +6768,11 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
 ._checkbox-list_vitro-checkbox-list_1iZSkkv {
     border-radius: 4px;
     background: #fff;
-    max-width: 307px;
+    max-width: 252px;
+}
+
+._checkbox-list_vitro-search-value-list_2i58fRK > div:first-child {
+    padding: 12px 12px 8px 12px;
 }
 
 ._checkbox-list_vitro-checkbox-list_1iZSkkv .ps > div:first-child {
@@ -6586,23 +6781,11 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
 
 ._checkbox-list_vitro-checkbox-list_1iZSkkv ._checkbox-list_vitro-checkbox_1EqsnoQ {
     margin-bottom: 4px;
-    height: 24px;
-}
-
-._checkbox-list_vitro-checkbox-list_1iZSkkv ._checkbox-list_vitro-checkbox_1EqsnoQ input {
-    width: 16px;
-    height: 16px;
 }
 
-._checkbox-list_vitro-checkbox_1EqsnoQ:last-child,
-._checkbox-list_vitro-checkbox-list_1iZSkkv span {
-    margin-bottom: 8px;
-}
-
-._checkbox-list_vitro-checkbox-list_1iZSkkv span {
-    display: block;
-}
-
+._checkbox-list_vitro-checkbox_1EqsnoQ:last-child {
+    padding-bottom: 8px;
+}
 .splitter {
     height: 100% !important;
     position: static;