@vitrosoftware/common-ui-ts 1.1.98 → 1.1.100

package/dist/index.css

@@ -4743,17 +4743,6 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
     margin-bottom: 0;
 }
 
-._sidebar-item_vitro-popup-container_2X7SVxe {
-    transform: translate3d(0px, 0, 0px) !important;
-    height: 100%;
-    width: 100%;
-    padding: 0 0 56px 0;
-    display: flex;
-    flex-direction: column;
-    background: rgba(34, 45, 68, 0.56);
-    z-index: 1;
-}
-
 ._sidebar-item_vitro-scrollbar___xylIx {
     max-height: 292px;
 }
@@ -4776,25 +4765,17 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
     padding: 0 24px;
 }
 
-._sidebar-item_vitro-popup-item-list_JUwcoZB {
-    background: #F7F9FC;
-    width: 100%;
-    border-radius: 8px 8px 0 0;
-    padding: 0 0 4px 0;
-    margin: auto 0 0 0;
-}
-
-._sidebar-item_vitro-popup-item-list_JUwcoZB ._sidebar-item_vitro-item_1BR_7F0 {
+._sidebar-item_vitro-scrollbar___xylIx ._sidebar-item_vitro-item_1BR_7F0 {
     margin-bottom: 8px;
     width: 100% !important;
 }
 
-._sidebar-item_vitro-popup-item-list_JUwcoZB ._sidebar-item_vitro-item_1BR_7F0:last-child {
+._sidebar-item_vitro-scrollbar___xylIx ._sidebar-item_vitro-item_1BR_7F0:last-child {
     margin-bottom: 16px;
 }
 
-._sidebar-item_vitro-popup-item-list_JUwcoZB ._sidebar-item_vitro-item_1BR_7F0 > a,
-._sidebar-item_vitro-popup-item-list_JUwcoZB ._sidebar-item_vitro-item_1BR_7F0 > button {
+._sidebar-item_vitro-scrollbar___xylIx ._sidebar-item_vitro-item_1BR_7F0 > a,
+._sidebar-item_vitro-scrollbar___xylIx ._sidebar-item_vitro-item_1BR_7F0 > button {
     background-color: #fff;
     padding: 12px;
     height: 48px;
@@ -4804,8 +4785,8 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
     justify-content: flex-start;
 }
 
-._sidebar-item_vitro-popup-item-list_JUwcoZB ._sidebar-item_vitro-item_1BR_7F0 > a::before,
-._sidebar-item_vitro-popup-item-list_JUwcoZB ._sidebar-item_vitro-item_1BR_7F0 > button::before {
+._sidebar-item_vitro-scrollbar___xylIx ._sidebar-item_vitro-item_1BR_7F0 > a::before,
+._sidebar-item_vitro-scrollbar___xylIx ._sidebar-item_vitro-item_1BR_7F0 > button::before {
     content: '';
     display: block;
     flex-shrink: 0;
@@ -4817,15 +4798,15 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
     background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/sidebar/img/list-marker.svg');
 }
 
-._sidebar-item_vitro-popup-item-list_JUwcoZB ._sidebar-item_vitro-active_7p5iOhY {
+._sidebar-item_vitro-scrollbar___xylIx ._sidebar-item_vitro-active_7p5iOhY {
     background-color: #DCEEFF !important;
 }
 
-._sidebar-item_vitro-popup-item-list_JUwcoZB ._sidebar-item_vitro-active_7p5iOhY ._sidebar-item_vitro-item-text_1kK_aIZ {
+._sidebar-item_vitro-scrollbar___xylIx ._sidebar-item_vitro-active_7p5iOhY ._sidebar-item_vitro-item-text_1kK_aIZ {
     font-family: 'InterRegular';
 }
 
-._sidebar-item_vitro-popup-item-list_JUwcoZB ._sidebar-item_vitro-item-text_1kK_aIZ {
+._sidebar-item_vitro-scrollbar___xylIx ._sidebar-item_vitro-item-text_1kK_aIZ {
     font-size: 16px;
     line-height: 24px;
     color: #222D44;
@@ -4841,6 +4822,45 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
     border-radius: 2px;
     margin: 12px auto;
 }
+._slide-up-panel_vitro-slide-up-panel_2EOSLHK {
+    transform: translate3d(0px, 0, 0px) !important;
+    height: 100%;
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    background: rgba(34, 45, 68, 0.56);
+    z-index: 1;
+}
+
+._slide-up-panel_vitro-content_1er6bcv {
+    background: #F7F9FC;
+    width: 100%;
+    border-radius: 8px 8px 0 0;
+    padding-bottom: 66px;
+    margin: auto 0 0 0;
+    max-height: 87%;
+}
+
+._slide-up-panel_vitro-content_1er6bcv {
+    transform: translate(0, 100%);
+    transition: transform 0.3s ease;
+}
+
+._slide-up-panel_vitro-content_1er6bcv._slide-up-panel_vitro-expanded_2f2dYt6 {
+    transform: translate(0, 0);
+    transition: transform 0.3s ease;
+}
+
+._slide-up-panel_vitro-button-close_2iM7SFL {
+    background-color: #8E98A3;
+    width: 32px;
+    height: 4px;
+    display: block;
+    outline: none;
+    border: none;
+    border-radius: 2px;
+    margin: 12px auto;
+}
 ._sidebar_vitro-sidebar_1IxGYiU {
     height: 100%;
     position: fixed;
@@ -6025,7 +6045,11 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
     height: 20px;
     width: 20px;
 }
-._input_vitro-control__btu7j_ {
+._flex-box_vitro-flex-box_3jGTD6k {
+    display: flex;
+    align-items: center;
+}
+._search-input_vitro-search-input_3M9i4Gi {
     height: 32px;
     border-radius: 4px;
     border: 1px solid #C0CAD5;
@@ -6034,64 +6058,61 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
     align-items: center;
 }
 
-._input_vitro-control__btu7j_._input_vitro-active_jxhGdE8 {
+._search-input_vitro-search-input_3M9i4Gi.vitro-active {
     border: 1px solid #C0CAD5;
 }
 
-._input_vitro-control__btu7j_._input_vitro-focus_3tuxmPs {
+._search-input_vitro-search-input_3M9i4Gi.vitro-focus {
     border: 1px solid #3274E0;
 }
 
-._input_vitro-control__btu7j_ input {
+._search-input_vitro-search-input_3M9i4Gi input {
     border: none;
     width: 100%;
+    background: transparent;
 }
 
-._input_vitro-control__btu7j_ input::-moz-placeholder {
+._search-input_vitro-search-input_3M9i4Gi input::-moz-placeholder {
     color: #4A556C;
     font-size: 14px;
     line-height: 16px;
     font-weight: 400 !important;
 }
 
-._input_vitro-control__btu7j_ input::placeholder {
+._search-input_vitro-search-input_3M9i4Gi input::placeholder {
     color: #4A556C;
     font-size: 14px;
     line-height: 16px;
     font-weight: 400 !important;
 }
 
-._input_vitro-button-search_15PeWCS {
+._search-input_vitro-search-value-list_1Gqj4bm {
+    flex: 1 1;
+    overflow: hidden;
+}
+
+._search-input_vitro-search-input_3M9i4Gi .vitro-button-search,
+._search-input_vitro-search-input_3M9i4Gi .vitro-button-search:hover {
     width: 24px;
     height: 24px;
     border: none;
     outline: none;
     flex-shrink: 0;
-    background-color: #fff;
+    background-color: transparent;
     background-size: 100%;
     background-position: center;
     margin-right: 8px;
-    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/search/img/search.svg');
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/search-input/img/search.svg');
 }
 
-._input_vitro-button-search_15PeWCS:hover,
-._input_vitro-button-search_15PeWCS:active,
-._input_vitro-button-search_15PeWCS:focus {
+._search-input_vitro-search-input_3M9i4Gi .vitro-button-search:hover,
+._search-input_vitro-search-input_3M9i4Gi .vitro-button-search:active,
+._search-input_vitro-search-input_3M9i4Gi .vitro-button-search:focus {
     background-color: #fff;
 }
 
-
-._input_vitro-search-value-list_2I_KVY5 {
-    display: flex;
-    align-items: center;
-    flex: 1 1;
-    overflow: hidden;
-}
-
-._input_vitro-button-cancel_YqNZPj-,
-._input_vitro-button-settings_1w9FwYt,
-._input_vitro-button-cancel_YqNZPj-:hover,
-._input_vitro-button-settings_1w9FwYt:hover {
+._search-input_vitro-button-cancel_xqdMNLo,
+._search-input_vitro-button-cancel_xqdMNLo:hover {
     width: 24px;
     height: 24px;
     flex-shrink: 0;
@@ -6102,25 +6123,13 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
     background-color: transparent;
 }
 
-._input_vitro-button-settings_1w9FwYt {
-    border-radius: 4px;
-    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/search/img/search-settings.svg');
-}
-
-._input_vitro-button-settings_1w9FwYt._input_vitro-active_jxhGdE8,
-._input_vitro-button-settings_1w9FwYt:hover {
-    background-color: #DCEEFF;
-}
-
-._input_vitro-button-cancel_YqNZPj- {
-    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/search/img/cancel-black.svg');
+._search-input_vitro-button-cancel_xqdMNLo {
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/search-input/img/cancel-black.svg');
 }
 
-._input_vitro-search-value_1ZbcNTJ {
+._search-input_vitro-search-value_TJm1BCf {
     border-radius: 4px;
     background: #F7F9FC;
-    display: flex;
-    align-items: center;
     min-width: 0;
     grid-gap: 8px;
     padding: 0 4px;
@@ -6131,31 +6140,31 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
     overflow: hidden;
 }
 
-._input_vitro-search-value_1ZbcNTJ span {
+._search-input_vitro-search-value_TJm1BCf span {
     overflow: hidden;
     text-overflow: ellipsis;
 }
 
-._input_vitro-search-value_1ZbcNTJ ._input_vitro-button-cancel_YqNZPj- {
+._search-input_vitro-search-value_TJm1BCf ._search-input_vitro-button-cancel_xqdMNLo {
     margin: 0;
-    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/search/img/cancel-dark-grey.svg');
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/search-input/img/cancel-dark-grey.svg');
 }
 
 @media (max-width: 800px) {
-    ._input_vitro-control__btu7j_,
-    ._input_vitro-control__btu7j_._input_vitro-active_jxhGdE8 {
+    ._search-input_vitro-search-input_3M9i4Gi,
+    ._search-input_vitro-search-input_3M9i4Gi.vitro-active {
         border: none;
         padding: 0;
     }
 
-    ._input_vitro-button-search_15PeWCS {
+    ._search-input_vitro-search-input_3M9i4Gi .vitro-button-search {
         margin: 0;
         height: 32px;
         width: 32px;
         border-radius: 4px;
     }
 
-    ._input_vitro-active_jxhGdE8._input_vitro-button-search_15PeWCS {
+    .vitro-active.vitro-button-search {
         background-color: #DCEEFF;
     }
 }
@@ -6274,26 +6283,56 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
     background: #F3F8FF !important;
 }
 
+._search_vitro-button-settings_oJCn__t,
+._search_vitro-button-settings_oJCn__t:hover {
+    width: 24px;
+    height: 24px;
+    flex-shrink: 0;
+    border: none;
+    background-size: 100%;
+    background-position: center;
+    margin-left: 8px;
+    background-color: transparent;
+}
+
+._search_vitro-button-settings_oJCn__t {
+    border-radius: 4px;
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/search/img/search-settings.svg');
+}
+
+._search_vitro-button-settings_oJCn__t._search_vitro-active_1HhQOCR,
+._search_vitro-button-settings_oJCn__t:hover {
+    background-color: #DCEEFF;
+}
+
 @media (max-width: 800px) {
     ._search_vitro-filter_2n-Y-mS {
         width: 100%;
     }
 }
 
+._search-value-list_vitro-search-input-container_167CEqB {
+    padding: 12px;
+}
+
+._search-value-list_vitro-empty-placeholder_2f08lDK {
+    align-items: center;
+    color: #c0cad5;
+    display: flex;
+    justify-content: center;
+    text-align: center;
+    width: 100%;
+    padding: 8px 12px;
+}
+
 ._checkbox-list_vitro-checkbox-list_1iZSkkv {
     border-radius: 4px;
     background: #fff;
-    padding: 12px 0 0 12px;
+    max-width: 307px;
 }
 
-._checkbox-list_vitro-checkbox-list_1iZSkkv ._checkbox-list_vitro-control_cxgm4cj {
-    margin-bottom: 8px;
-    margin-right: 12px;
-    width: unset !important;
-}
-
-._checkbox-list_vitro-checkbox-list_1iZSkkv ._checkbox-list_vitro-control_cxgm4cj > div {
-    width: unset !important;
+._checkbox-list_vitro-checkbox-list_1iZSkkv .ps > div:first-child {
+    padding-left: 12px;
 }
 
 ._checkbox-list_vitro-checkbox-list_1iZSkkv ._checkbox-list_vitro-checkbox_1EqsnoQ {
@@ -6533,9 +6572,16 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
 }
 
 ._header-nav-bar_vitro-nav-bar_EuyFIk8 {
-    padding: 0 16px;
+    padding: 12px 16px;
     width: 100%;
     height: 72px;
+}
+
+@media (max-width: 800px) {
+    ._header-nav-bar_vitro-nav-bar_EuyFIk8 {
+        height: unset;
+        min-height: 56px;
+    }
 }
 ._header-nav-service_vitro-nav-service_1-i4GOh {
     height: 34px;
@@ -6568,6 +6614,7 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
 @media (max-width: 800px) {
     ._product-title_vitro-product-title_2gZcA5j img {
         margin: 0;
+        max-height: 22px;
     }
 
     ._product-title_vitro-product-title_2gZcA5j {
@@ -6616,8 +6663,8 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
         width: calc(100% - 24px);
         margin: 0 auto;
         border-radius: 4px 4px 0px 0px;
-        height: calc(100% - 136px);
-        padding-bottom: 16px;
+        height: 100%;
+        padding-bottom: 66px;
     }
 }
 #TableViewDetail {
@@ -6895,4 +6942,250 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
     ._system-exception-dialog_vitro-input_262484M {
         height: 72px;
     }
-}
+}
+._star-button_vitro-star-button_1_mQ_Gq,
+._star-button_vitro-star-button_1_mQ_Gq:hover,
+._star-button_vitro-star-button_1_mQ_Gq:active {
+    width: 24px;
+    height: 24px;
+    flex-shrink: 0;
+    background-position: center;
+    background-size: 100%;
+    background-repeat: no-repeat;
+    border: none;
+    outline: none;
+    background-color: transparent;
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/star-button/img/star.svg');
+}
+
+._star-button_vitro-star-button_1_mQ_Gq._star-button_vitro-hidden_oRKUkzt {
+    background-image: none;
+}
+
+._star-button_vitro-star-button_1_mQ_Gq._star-button_vitro-active_2UV6u5C {
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/star-button/img/star-active.svg');
+}
+._site-item_vitro-item_1eSpRGl {
+    grid-gap: 8px;
+    padding: 8px 12px;
+    cursor: pointer;
+}
+
+._site-item_vitro-item_1eSpRGl:hover {
+    background-color: #F3F8FF;
+}
+
+._site-item_vitro-item_1eSpRGl._site-item_vitro-active_1d0nDLb {
+    background-color: #DCEEFF;
+}
+
+._site-item_vitro-name_141-LTn {
+    color: #1E1E1E;
+    font-size: 14px;
+    white-space: normal;
+    display: flex;
+    align-items: center;
+    flex-grow: 1;
+}
+
+._site-item_vitro-image_3wrW9q4,
+._site-item_vitro-default-image_fcWWNwv {
+    width: 32px;
+    height: 32px;
+    flex-shrink: 0;
+}
+
+._site-item_vitro-default-image_fcWWNwv {
+    background-size: 100%;
+    background-repeat: no-repeat;
+    background-position: center;
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/site-select/img/default-site-image.svg');
+}
+
+._site-item_vitro-hidden_d6n2ocz {
+    visibility: hidden;
+}
+
+._site-item_vitro-item_1eSpRGl._site-item_vitro-mobile-view_3bXuBr6 {
+    padding: 12px;
+    background-color: #fff;
+    border-radius: 8px;
+    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.25);
+    margin-bottom: 8px;
+}
+
+._site-item_vitro-item_1eSpRGl._site-item_vitro-mobile-view_3bXuBr6:last-child {
+    margin-bottom: 0;
+}
+._site-select_vitro-site-select_2irDOFZ {
+    position: relative;
+    z-index: 21;
+    margin-left: 32px;
+    max-width: 320px;
+}
+
+._site-select_vitro-site-select_2irDOFZ .ps {
+    max-height: 400px;
+    padding-bottom: 8px;
+}
+
+._site-select_vitro-site-select_2irDOFZ .ps.ps--active-y {
+    padding-right: 12px;
+}
+
+._site-select_vitro-site-select_2irDOFZ .ps__rail-y,
+._site-select_vitro-site-select_2irDOFZ .ps__rail-x {
+    border: none;
+    background-color: transparent !important;
+}
+
+._site-select_vitro-flex_15EJnju {
+    grid-gap: 4px;
+}
+
+._site-select_vitro-site-select_2irDOFZ h2 {
+    font-size: 14px;
+    line-height: 16px;
+    margin-bottom: 0;
+    cursor: pointer;
+}
+
+._site-select_vitro-expand_KKfRtc8,
+._site-select_vitro-expand_KKfRtc8:hover,
+._site-select_vitro-collapse_B0ZjAm-,
+._site-select_vitro-collapse_B0ZjAm-:hover {
+    width: 24px;
+    height: 24px;
+    flex-shrink: 0;
+    background-size: 100%;
+    background-repeat: no-repeat;
+    background-position: center;
+}
+
+._site-select_vitro-expand_KKfRtc8 {
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/site-select/img/collapse-bottom-triangle.svg');
+}
+
+._site-select_vitro-collapse_B0ZjAm- {
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/site-select/img/collapse-up-triangle.svg');
+}
+
+._site-select_vitro-collapse_B0ZjAm-::after {
+    content: '';
+    width: 32px;
+    height: 21px;
+    display: block;
+    position: absolute;
+    z-index: 1;
+    right: -4px;
+    top: calc(100% - 5px);
+    overflow: hidden;
+    background-position: center 0;
+    background-size: 44px 42px;
+    background-repeat: no-repeat;
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/site-select/img/dropdown-menu-arrow.svg');
+}
+
+._site-select_vitro-site-list_1Yt4nLj {
+    background: #fff;
+    border-radius: 8px;
+    overflow: hidden;
+    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.14), 0 4px 14px 0 rgba(0, 0, 0, 0.18);
+    position: absolute;
+    top: calc(100% + 16px);
+    left: 0;
+    width: 357px;
+}
+
+._site-select_vitro-title_2vfT7F5 {
+    font-family: 'InterMedium';
+    color: #4A556C;
+    font-size: 14px;
+    line-height: 24px;
+    padding: 8px 0;
+    margin: 0 12px;
+    border-top: 1px solid rgba(228, 230, 236, 0.5);
+    justify-content: space-between;
+}
+
+._site-select_vitro-search-input_UMmv9PP {
+    border: 1px solid #6C6C6C;
+}
+
+._site-select_vitro-search-input_UMmv9PP input::-moz-placeholder {
+    color: #A5A5A5;
+}
+
+._site-select_vitro-search-input_UMmv9PP input::placeholder {
+    color: #A5A5A5;
+}
+
+._site-select_vitro-search-input_UMmv9PP .vitro-button-search {
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/site-select/img/search-grey.svg');
+}
+
+._site-select_vitro-root-item_f1rGcQ4 {
+    font-family: 'InterMedium';
+}
+
+._site-select_vitro-slide-up-panel_U3Xn-UQ ._site-select_vitro-title_2vfT7F5 {
+    border: none;
+    margin-bottom: 8px;
+}
+
+._site-select_vitro-slide-up-panel_U3Xn-UQ .ps__rail-y,
+._site-select_vitro-slide-up-panel_U3Xn-UQ .ps__rail-x {
+    border: none;
+    background-color: transparent !important;
+}
+
+@media (max-width: 800px) {
+    ._site-select_vitro-site-select_2irDOFZ {
+        z-index: 0;
+        margin: 0;
+        width: 100%;
+        max-width: unset;
+    }
+
+    ._site-select_vitro-search-value-list_3XlFSA6 {
+        height: calc(100% - 28px);
+    }
+    
+    ._site-select_vitro-search-value-list_3XlFSA6 > div:first-child {
+        padding: 0 16px 24px;
+    }
+
+    ._site-select_vitro-search-input_UMmv9PP {
+        height: 36px;
+        border: 1px solid #C0CAD5;
+        padding: 4px 8px;
+    }
+
+    ._site-select_vitro-search-input_UMmv9PP.vitro-focus {
+        border: 1px solid #4A556C;
+    }
+
+    ._site-select_vitro-search-input_UMmv9PP .vitro-button-search {
+        width: 24px;
+        height: 24px;
+        margin-right: 8px;
+        background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/site-select/img/search.svg');
+    }
+
+    ._site-select_vitro-slide-up-panel_U3Xn-UQ .ps {
+        height: calc(100% - 60px);
+    }
+    
+    ._site-select_vitro-slide-up-panel_U3Xn-UQ .ps > div:first-child {
+        padding: 0 16px;
+    }
+
+    ._site-select_vitro-collapse_B0ZjAm-::after {
+        display: none;
+    }
+}
+
+._bottom-align-control-group_vitro-bottom_3-a5nWD {
+    width: 100%;
+    margin-top: 16px;
+}