@vitrosoftware/common-ui-ts 1.1.19 → 1.1.20

package/dist/index.css

@@ -18,7 +18,7 @@
 
 .vitro-title {
     font-size: 20px;
-    font-family: 'InterMedium';
+    font-family: 'InterRegular';
     line-height: 24px;
     margin-right: 24px;
     margin-bottom: 14px;
@@ -445,7 +445,7 @@
     bottom: 24px;
     right: 24px;
     position: absolute;
-    transition: all 1s ease;
+    transition: all 0.1s ease;
     width: 241px;
     height: 96px;
     z-index: 10000000000000;
@@ -704,9 +704,9 @@
     background-repeat: no-repeat;
     border: none;
     outline: none;
-    width: 16px;
-    height: 16px;
-    top: 16px;
+    width: 24px;
+    height: 24px;
+    top: 12px;
 }
 
 ._uploader_vitro-uploader_237vX7T ._uploader_vitro-button-close_30As0AM {
@@ -717,14 +717,14 @@
 
 ._uploader_vitro-button-show_uUmWVJc {
     /* show.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4.66406 9.66406L7.99739 6.33073L11.3307 9.66406' stroke='%238E98A3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
-    right: 40px;
+    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Crect width='24' height='24' rx='4' transform='matrix(0 1 1 0 0 0)' fill='white'/%3E%3Cpath d='M20 15L12 7L4 15' stroke='%234A556C' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
+    right: 48px;
 }
 
 ._uploader_vitro-button-hide_LYS1px9 {
     /* hide.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M11.3359 6.33594L8.0026 9.66927L4.66927 6.33594' stroke='%238E98A3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
-    right: 40px;
+    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Crect width='24' height='24' rx='4' transform='matrix(1.19249e-08 -1 -1 -1.19249e-08 24 24)' fill='white'/%3E%3Cpath d='M4 9L12 17L20 9' stroke='%234A556C' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
+    right: 48px;
 }
 
 ._uploader_vitro-uploader_237vX7T .k-upload .k-dropzone .k-upload-status {
@@ -841,7 +841,9 @@
 
 ._uploader_vitro-uploader_237vX7T #vitro-uploader-title {
     display: flex;
-    width: 176px;
+    width: -moz-fit-content;
+    width: fit-content;
+    max-width: 80%;
     align-items: center;
     justify-content: space-between;
     font-family: 'InterMedium';
@@ -857,6 +859,7 @@
     display: inline-block !important;
     width: 24px;
     height: 24px;
+    margin-left: 12px;
     background-position: center;
     background-size: 100%;
     display: none;
@@ -866,7 +869,6 @@
 
 ._uploader_vitro-uploader_237vX7T .vitro-upload-complete #vitro-uploader-title {
     display: flex;
-    width: 176px;
     align-items: center;
     justify-content: space-between;
     margin-bottom: 0;
@@ -916,8 +918,12 @@
 }
 
 
+.vitro-display-none {
+    display: none;
+}
+
 ._button_vitro-button_hVfBuSO {
-    font-family: 'InterSemiBold';
+    font-family: 'InterMeduim';
     font-size: 14px;
     outline: none;
     height: 32px;
@@ -3193,7 +3199,7 @@
 
 li:first-child ._command-menu-item_vitro-item_2pVhk23 {
     background: #347FDE;
-    font-family: 'InterSemiBold';
+    font-family: 'InterMedium';
     color: #fff;
 }
 
@@ -3429,14 +3435,6 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
         width: 32px;
     }
 }
-._sidebar-item_vitro-active_7p5iOhY {
-    background-color: #DCEEFF;
-}
-
-ul > li:last-child > ul > li:last-child ._sidebar-item_vitro-active_7p5iOhY {
-    background-color: transparent;
-}
-
 ._sidebar-item_vitro-icon-text_3ROhyLK {
     display: none;
     color: #222D44;
@@ -3452,6 +3450,18 @@ ul > li:last-child > ul > li:last-child ._sidebar-item_vitro-active_7p5iOhY {
     display: none;
 }
 
+._sidebar-item_vitro-active_7p5iOhY {
+    background-color: #DCEEFF;
+}
+
+._sidebar-item_vitro-hover_1mECzme ._sidebar-item_vitro-icon-text_3ROhyLK {
+    color: #326AD6;
+}
+
+ul > li:last-child > ul > li:last-child ._sidebar-item_vitro-active_7p5iOhY {
+    background-color: transparent;
+}
+
 ._sidebar-item_vitro-active_7p5iOhY ._sidebar-item_vitro-icon-text_3ROhyLK,
 ._sidebar-item_vitro-active_7p5iOhY ._sidebar-item_vitro-item-text_1kK_aIZ {
     color: #326AD6;
@@ -3486,10 +3496,6 @@ ul > li:last-child > ul > li:last-child ._sidebar-item_vitro-active_7p5iOhY {
     display: block;
 }
 
-._sidebar-item_vitro-active_7p5iOhY {
-    background-color: #DCEEFF;
-}
-
 .vitro-bottom-menu ._sidebar-item_vitro-item-text_1kK_aIZ {
     display: block;
     color: #4A556C;
@@ -4119,4 +4125,102 @@ ul > li:last-child > ul > li:last-child ._sidebar-item_vitro-active_7p5iOhY {
 ._user-profile_vitro-dropdown-item_dSErsta:hover,
 ._user-profile_vitro-dropdown-item_dSErsta:active {
     background: #DCEEFF;
-}
+}
+._activity_vitro-title_1rdvvaa {
+    color: #bdbdbd;
+    margin-bottom: 12px;
+    text-align: center;
+}
+
+._activity_vitro-title_1rdvvaa > h3 {
+    text-transform: uppercase;
+    font-size: 12pt;
+    margin: 0;
+}
+
+._activity_vitro-dropdown-button_12258nJ {
+    position: absolute;
+    right: 0;
+}
+
+._activity_vitro-activity_1u7YeF3 .preview-roller-wrapper {
+    height: 100px;
+    position: relative;
+}
+
+._activity-item_vitro-item_3Tprske {
+    margin-bottom: 22px;
+    min-height: 32px;
+}
+
+._activity-item_vitro-item_3Tprske._activity-item_vitro-active_2kENgvf {
+    background: #F3F8FF;
+}
+
+._activity-item_vitro-item_3Tprske > .vitro-flex {
+    width: 100%;
+}
+
+._activity-item_vitro-title__QItISm span {
+    color: #222d44;
+}
+
+._activity-item_vitro-due-date_1mBIraY {
+    font-size: 8pt;
+    color: #bdbdbd;
+    float: right;
+    white-space: nowrap;
+}
+
+._activity-item_vitro-content_3Lt7XRy {
+    margin-top: -1px;
+    width: 100%;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-right: 4px;
+}
+
+._activity-item_vitro-content_3Lt7XRy p {
+    -webkit-margin-before: 0px;
+            margin-block-start: 0px;
+    -webkit-margin-after: 0px;
+            margin-block-end: 0px;
+    margin-bottom: 0px;
+    color: #bdbdbd;
+    font-size: 9pt;
+    line-height: 14px;
+    margin-top: 3px;
+}
+
+._activity-item_vitro-content_3Lt7XRy p span {
+    font-size: 9pt !important;
+}
+
+._activity-item_vitro-content_3Lt7XRy .vitro-status-changed {
+    font-style: normal;
+    color: #27AE60;
+    font-size: 9pt;
+}
+
+._activity-item_vitro-message_1ndqhgR {
+    overflow-wrap: anywhere;
+}
+
+._activity-item_vitro-message_1ndqhgR img {
+    max-width: calc(100% - 20px);
+    display: block;
+    margin: 4px 0;
+}
+
+._activity-item_vitro-flex_37IxBWe {
+    display: flex;
+}
+
+._activity-item_vitro-dropdown-button_1J50ja7 {
+    align-self: flex-start;
+}
+
+._activity-item_vitro-avatar_218ZqAk {
+    margin-right: 4px;
+}

package/dist/index.d.ts

@@ -56,6 +56,9 @@ import { Checkbox, CheckboxProps } from './controls/Checkbox/Checkbox';
 import { IssueTile } from './controls/IssueTile/IssueTile';
 import { DropdownButton } from './controls/DropdownButton/DropdownButton';
 import { DropdownItem } from './controls/DropdownButton/DropdownItem';
+import { Activity } from './controls/Activity/Activity';
+import { ActivityItem, ActivityItemProps } from './controls/ActivityItem/ActivityItem';
+import { Icon } from './controls/Icon/Icon';
 export { Breadcrumbs };
 export { TopLevelMenu };
 export { TreeView, TreeViewContext, TREE_VIEW };
@@ -86,3 +89,6 @@ export { UserLookupPicker };
 export { Checkbox, CheckboxProps };
 export { IssueTile };
 export { DropdownButton, DropdownItem };
+export { Activity };
+export { ActivityItem, ActivityItemProps };
+export { Icon };