@vitrosoftware/common-ui-ts 1.1.207 → 1.1.209

package/dist/index.css

@@ -1353,13 +1353,25 @@ div._component-loader_vitro-component-loader_3J3a2or {
     font-family: 'InterRegular';
     font-size: 14px;
     line-height: 21px;
-    padding: 8px 10px;
+    padding: 0;
     border-radius: 4px;
     background: #4A556C;
     box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 2px 6px 0px rgba(0, 0, 0, 0.10);
-    max-width: 224px;
+    max-width: 336px;
+  
     text-align: left;
     white-space: pre-wrap;
+    overflow: hidden;
+}
+
+._tooltip_vitro-tooltip_JvGPShz .tooltip-inner > .ps {
+    max-height: 224px;
+    padding: 8px 10px;
+}
+
+._tooltip_vitro-tooltip_JvGPShz .tooltip-inner > .ps > .ps__rail-y {
+    border: none;
+    background-color: #4A556C !important;
 }
 
 ._tooltip_vitro-tooltip_JvGPShz .tooltip-arrow::before {
@@ -1392,7 +1404,15 @@ div._component-loader_vitro-component-loader_3J3a2or {
     left: -3px;
     transform: rotate(-90deg);
 }
-
+
+._tooltip_vitro-tooltip_JvGPShz .vitro-arrow-separator {
+    background-color: #fff;
+}
+
+._tooltip_vitro-tooltip_JvGPShz .tooltip-inner p, 
+._tooltip_vitro-tooltip_JvGPShz .tooltip-inner span {
+    color: #fff;
+}
 .vitro-display-none {
     display: none;
 }
@@ -1554,13 +1574,7 @@ div._component-loader_vitro-component-loader_3J3a2or {
     }
 }
 ._button_vitro-button_hVfBuSO {
-    font-family: 'InterMedium';
-    font-size: 14px;
     outline: none;
-    height: 32px;
-    min-width: 85px;
-    color: #fff;
-    background: #347FDE;
     border: none;
     border-radius: 4px;
     cursor: pointer;
@@ -1568,8 +1582,11 @@ div._component-loader_vitro-component-loader_3J3a2or {
     display: flex;
     align-items: center;
     justify-content: center;
+    font-size: 14px;
     line-height: 16px;
-    padding: 4px 8px;
+    padding: 4px 16px;
+    height: 32px;
+    min-width: 85px;
 }
 
 ._button_vitro-button_hVfBuSO > div {
@@ -1578,28 +1595,18 @@ div._component-loader_vitro-component-loader_3J3a2or {
     justify-content: center;
     flex: 1 1;
     overflow: hidden;
+    gap: 4px;
 }
 
 ._button_vitro-button_hVfBuSO > div > div {
     text-overflow: ellipsis;
     white-space: nowrap;
     overflow: hidden;
-}
-
-._button_vitro-button_hVfBuSO:hover, 
-._button_vitro-button_hVfBuSO:active,
-._button_vitro-button_hVfBuSO:focus {
-    background: #3274E0;
-}
-
-._button_vitro-button_hVfBuSO:disabled {
-    background: #E4E6EC;
 }
 
 ._button_vitro-button_hVfBuSO .vitro-image-default,
 ._button_vitro-button_hVfBuSO .vitro-image-hover,
 ._button_vitro-button_hVfBuSO .vitro-image {
-    margin-right: 4px;
     height: 24px;
     width: 24px;
 }
@@ -1629,20 +1636,70 @@ div._component-loader_vitro-component-loader_3J3a2or {
 .vitro-display-none {
     display: none;
 }
-._button-cancel_vitro-button-cancel_2UT1K9Z {
-    cursor: pointer;
-    background: #fff !important;
-    color: #222D44 !important;
-    border: 1px solid #E4E6EC !important;
-    font-family: 'InterRegular' !important;
-}
-
-._button-cancel_vitro-button-cancel_2UT1K9Z:hover, 
-._button-cancel_vitro-button-cancel_2UT1K9Z:active,
-._button-cancel_vitro-button-cancel_2UT1K9Z:focus {
-    background: #F3F8FF !important;
-}
 
+._button_vitro-button_hVfBuSO.vitro-primary {
+    font-family: 'InterMedium';
+    color: #fff;
+    background: #347FDE;
+}
+
+._button_vitro-button_hVfBuSO.vitro-primary:hover,
+._button_vitro-button_hVfBuSO.vitro-primary:active,
+._button_vitro-button_hVfBuSO.vitro-primary:focus {
+    background: #3274E0;
+}
+
+._button_vitro-button_hVfBuSO.vitro-primary:disabled {
+    background: #E4E6EC;
+}
+
+._button_vitro-button_hVfBuSO.vitro-outline-primary {
+    background: #fff;
+    border: 1px solid #0060D9;
+    color: #0060D9;
+    font-family: 'InterRegular';
+}
+
+._button_vitro-button_hVfBuSO.vitro-outline-primary:hover,
+._button_vitro-button_hVfBuSO.vitro-outline-primary:active,
+._button_vitro-button_hVfBuSO.vitro-outline-primary:focus {
+    background: #3274E0;
+    border: 1px solid #3274E0;
+    color: #fff;
+}
+
+._button_vitro-button_hVfBuSO.vitro-outline-primary:disabled {
+    background: #fff;
+    border: 1px solid #8E98A3;
+    color: #8E98A3;
+}
+
+._button_vitro-button_hVfBuSO.vitro-outline-light {
+    background: #fff;
+    color: #222D44;
+    border: 1px solid #E4E6EC;
+    font-family: 'InterRegular';
+}
+
+._button_vitro-button_hVfBuSO.vitro-outline-light:hover,
+._button_vitro-button_hVfBuSO.vitro-outline-light:active,
+._button_vitro-button_hVfBuSO.vitro-outline-light:focus {
+    background: #F3F8FF;
+}
+
+._button_vitro-button_hVfBuSO.vitro-light {
+    background: #fff;
+    border: none;
+    color: #222D44;
+    font-family: 'InterRegular';
+    padding: 4px 8px;
+}
+
+._button_vitro-button_hVfBuSO.vitro-light:hover,
+._button_vitro-button_hVfBuSO.vitro-light:active,
+._button_vitro-button_hVfBuSO.vitro-light:focus {
+    background: #F3F8FF;
+}
 ._button-group_vitro-button-group_3TLqxjf {
     display: flex;
     justify-content: flex-start;
@@ -4764,28 +4821,6 @@ div._component-loader_vitro-component-loader_3J3a2or {
 ._command-menu_vitro-command-menu_l82vtIh .nav > li:last-child {
     margin-right: 0;
 }
-._command-menu-button_vitro-command-menu-button_2IiXVbP {
-    font-family: 'InterRegular' !important;
-    border: none !important;
-    color: #222D44 !important;
-    background: #fff !important;
-    padding: 4px 8px !important;
-}
-
-._command-menu-button_vitro-command-menu-button_2IiXVbP:hover,
-._command-menu-button_vitro-command-menu-button_2IiXVbP:active {
-    background: #F3F8FF !important;
-}
-
-._command-menu-button_vitro-command-menu-button_2IiXVbP > div {
-    gap: 4px;
-}
-
-._command-menu-button_vitro-image_27yILgG {
-    width: 24px;
-    height: 24px;
-}
-
 @media (max-width: 800px) {
     ._command-menu-button_vitro-command-menu-button_2IiXVbP ._command-menu-button_vitro-image_27yILgG + div {
         display: none;
@@ -4798,16 +4833,6 @@ div._component-loader_vitro-component-loader_3J3a2or {
 ._command-menu-item_vitro-item_2pVhk23 {
     display: flex;
     align-items: center;
-}
-
-li:first-child ._command-menu-item_vitro-item_2pVhk23 {
-    background: #347FDE;
-    font-family: 'InterMedium';
-    color: #fff;
-}
-
-li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
-    background: #3274E0;
 }
 ._command-menu-lookup-picker_vitro-item-lookup-picker_28SsSpP {
   padding: 0px !important;
@@ -5008,30 +5033,30 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
     margin-left: -8px;
 }
 
-.vitro-button-active {
+.vitro-addon-button {
     border: 1px solid #4292F7 !important;
 }
 
-.vitro-button-active:hover,
-.vitro-button-active:active {
+.vitro-addon-button:hover,
+.vitro-addon-button:active {
     border-color: #3274E0 !important;
     background: #3274E0;
     color: #fff;
 }
 
-.vitro-button-context {
+.vitro-context-button {
     padding: 0 !important;
     width: 24px;
     background-color: #fff !important;
 }
 
-.vitro-button-context > div,
-.vitro-button-context img {
+.vitro-context-button > div,
+.vitro-context-button img {
     margin: 0 !important;
 }
 
-.vitro-button-context:hover,
-.vitro-button-context:active {
+.vitro-context-button:hover,
+.vitro-context-button:active {
     border-color: #fff !important;
 }
 
@@ -5039,6 +5064,28 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
     max-height: 288px;
 }
 
+._command-menu-dropdown-button_vitro-dropdown-button-container_29qd-_O .vitro-primary {
+    font-family: 'InterMedium';
+    color: #fff;
+    background: #347FDE;
+}
+
+._command-menu-dropdown-button_vitro-dropdown-button-container_29qd-_O .vitro-primary {
+    font-family: 'InterMedium';
+    color: #fff;
+    background: #347FDE;
+}
+
+._command-menu-dropdown-button_vitro-dropdown-button-container_29qd-_O .vitro-primary:hover,
+._command-menu-dropdown-button_vitro-dropdown-button-container_29qd-_O .vitro-primary:active,
+._command-menu-dropdown-button_vitro-dropdown-button-container_29qd-_O .vitro-primary:focus {
+    background: #3274E0;
+}
+
+._command-menu-dropdown-button_vitro-dropdown-button-container_29qd-_O .vitro-primary:disabled {
+    background: #E4E6EC;
+}
+
 @media (max-width: 800px) {
     ._command-menu-dropdown-button_vitro-command-menu-dropdown-button_2ImIuc3 ._command-menu-dropdown-button_vitro-image_2VNGo-H + div {
         display: none;
@@ -5052,7 +5099,7 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
         display: block;
     }
 
-    .vitro-button-context {
+    .vitro-context-button {
         min-width: 32px !important;
         width: 32px;
     }
@@ -5789,18 +5836,28 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
 
 ._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);
+    border-radius: 4px;
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-between;
+    gap: 12px;
+}
+
+._alert_vitro-position-absolute_2A33Lq4 {
     z-index: 1000;
     position: absolute;
     right: 0;
     width: 450px;
-    box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.18), 0px 0px 4px 0px rgba(0, 0, 0, 0.14);
-    border-radius: 4px;
 }
 
 ._alert_vitro-alert_3sPAkJb .alert {
     margin-bottom: 0;
     padding: 12px;
     border-radius: 4px;
+    display: flex;
+    flex-direction: column;
+    gap: 12px;
 }
 
 #Timesheets ._alert_vitro-alert_3sPAkJb {
@@ -5837,7 +5894,6 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
     background-position: center;
     background-size: 100%;
     background-repeat: no-repeat;
-    align-self: center;
 }
 
 ._alert_vitro-text_37Erxqj {
@@ -5848,6 +5904,7 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
     color: #4A556C;
     flex-direction: column;
     overflow: hidden;
+    white-space: pre-wrap;
 }
 
 ._alert_vitro-text_37Erxqj > strong {
@@ -6260,10 +6317,10 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
 }
 
 ._activity-message_vitro-item_3Q-7zX3 {
-    display: flex;
-    grid-gap: 4px 0;
-    align-items: center;
-    white-space: nowrap;
+    position: relative;
+    display: inline-block;
+    max-height: 80px;
+    overflow: hidden;
 }
 
 ._activity-message_vitro-value_O4DpuTR {
@@ -6304,18 +6361,44 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
     margin-right: 8px;
 }
 
-._activity-message_vitro-separator_vxgHLaH {
-    width: 24px;
-    height: 24px;
-    min-width: 24px;
-    background-size: 100%;
-    background-position: center;
-    background-repeat: no-repeat;
-    margin: 0 4px;
-    white-space: nowrap;
-    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/activity-item/img/activity-arrow.svg');
+.vitro-arrow-separator {
+    margin: 0 10px;
+    background-color: #4A556C;
+    -webkit-mask-image: url('@vitrosoftware/common-ui-ts/css/std/controls/activity-item/img/activity-arrow.svg');
+    mask-image: url('@vitrosoftware/common-ui-ts/css/std/controls/activity-item/img/activity-arrow.svg');
+    -webkit-mask-repeat: no-repeat;
+    -webkit-mask-size: contain;
+    mask-size: contain;
+    display: inline-block;
+    height: 12px;
+    width: 18px;
+    vertical-align: middle;
 }
-
+
+._activity-message_vitro-ellipsis_1fIRwiW::after {
+    content: '...';
+    position: absolute;
+    right: 0;
+    bottom: 1px;
+    background: #f8f9fa;
+    padding: 0 1px;
+    display: block;
+    width: 32px;
+}
+
+._activity-message_vitro-value-content_1fdGuBJ {
+    max-height: 80px;
+    display: inline;
+    overflow: hidden;
+}
+
+._activity-message_vitro-value-content_1fdGuBJ p {
+    display: inline;
+}
+
+._activity-message_vitro-value-tooltip_3oYwdFU {
+    margin-bottom: -4px;
+}
 ._attached-file_vitro-attached-file-container_3AhHHlm {
     position: relative;
 }