@vitrosoftware/common-ui-ts 1.1.226 → 1.1.227

package/css/std/controls/alert/alert.css

@@ -1,6 +1,6 @@
 .vitro-alert {
     border: 0;
-    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 2px 6px 0px rgba(0, 0, 0, 0.10);
+    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;
@@ -9,7 +9,6 @@
 }
 
 .vitro-position-absolute {
-    box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.18), 0px 0px 4px 0px rgba(0, 0, 0, 0.14);
     z-index: 1000;
     position: absolute;
     right: 0;
@@ -23,7 +22,6 @@
     display: flex;
     flex-direction: column;
     gap: 12px;
-    width: 100%;
 }
 
 :global(#Timesheets) .vitro-alert {
@@ -43,8 +41,6 @@
 }
 
 .vitro-button-close {
-    margin-left: auto;
-    align-self: flex-start;
     cursor: pointer;
     width: 24px;
     height: 24px;
@@ -89,6 +85,17 @@
     margin: 0px;
 }
 
+.vitro-alert-action-list {
+    display: flex;
+    flex-grow: 0;
+    flex-shrink: 0;
+    flex-basis: auto;
+    align-items: center;
+    margin-right: 6px;
+    margin-left: 8px;
+    padding: 0px;
+}
+
 .vitro-position-center {
     top: 50%;
     left: 50%;
@@ -113,6 +120,28 @@
 .vitro-alert > ul:global(.errorList) > li a {
     text-decoration: underline;
 }
+
+.vitro-alert a:global(.link) {
+    text-decoration: underline;
+    white-space: pre-wrap;
+}
+
+.vitro-alert button:global(.btn) {
+    margin-left: 8px;
+    background: white;
+    color: #616365;
+    font-size: 13px;
+    padding: 0.1rem 16px;
+    border: 1px solid rgb(138, 136, 134);
+    font-weight: 600;
+    min-width: 80px;
+    border-radius: 2px;
+}
+
+.vitro-alert :global(.btn):active, 
+.vitro-alert :global(.btn):focus {
+  outline: none !important;
+}
 
 .vitro-alert > div :global(.header) {
     font-weight: 500;
@@ -124,6 +153,19 @@
     padding: 0.2rem;
 }
 
+.vitro-alert button:global(.btn.error) {
+    margin-left: 8px;
+    font-size: 13px;
+    font-weight: bold;
+    padding: 0.1rem 0.75rem;
+    border-radius: 0;
+}
+
+.vitro-alert :global(.btn.danger),
+.vitro-alert :global(.btn.warning) {
+    margin: 5px;
+}
+
 .vitro-alert :global(.alert-danger),
 .vitro-alert :global(.alert-success),
 .vitro-alert :global(.alert-warning) {
@@ -154,9 +196,4 @@
 
 .vitro-alert :global(.alert-warning) .vitro-icon {
     background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/alert/img/warning.svg');
-}
-
-.vitro-content-container {
-    gap: 12px;
-    align-items: flex-start;
 }

package/css/std/controls/bim-viewer/bim-viewer-index.css

@@ -13181,10 +13181,6 @@ body {
 
 [class*="_lookup-picker-value-list"] {
     z-index: 89000005 !important;
-}
-
-[class^="_search_vitro-search"] {
-    width: 100% !important;
 }
 .toolbar {
     height: 50px;

package/css/std/controls/bim-viewer/style.css

@@ -57,8 +57,4 @@ body {
 
 [class*="_lookup-picker-value-list"] {
     z-index: 89000005 !important;
-}
-
-[class^="_search_vitro-search"] {
-    width: 100% !important;
 }

package/css/std/controls/dialog/dialog-content.css

@@ -5,9 +5,6 @@
     flex-direction: column;
     flex-grow: 1;
     flex-shrink: 1;
-}
-
-.vitro-dialog-content-padding {
     padding: 24px;
 }
 

package/css/std/controls/dialog/dialog-footer.css

@@ -18,7 +18,6 @@
     width: 100%;
     left: 0;
     bottom: 100%;
-    z-index: 1;
 }
 
 .vitro-button-group {
@@ -29,7 +28,6 @@
     min-width: 139px;
     height: 40px;
     font-size: 16px;
-    line-height: 24px;
     padding: 4px 16px;
 }
 

package/css/std/controls/dxf-viewer/common.css

@@ -21,8 +21,4 @@ body {
 .canvasContainer {
     height: calc(100% - 51px); /* 32 */
     position: relative;
-}
-
-[class^="_search_vitro-search"] {
-    width: 100% !important;
 }

package/css/std/controls/dxf-viewer/dxf-viewer-index.css

@@ -13048,10 +13048,6 @@ body {
 .canvasContainer {
     height: calc(100% - 51px); /* 32 */
     position: relative;
-}
-
-[class^="_search_vitro-search"] {
-    width: 100% !important;
 }
 .toolbar {
     height: 50px;

package/css/std/controls/field-iterator/field-iterator.css

@@ -69,9 +69,3 @@
 .vitro-collapse {
     background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/field-iterator/img/collapse-up.svg');
 }
-
-.vitro-expand-control-group :global(.vitro-content) {
-    gap: 22px 16px;
-    display: flex;
-    flex-direction: column;
-}

package/css/std/controls/file/file.css

@@ -88,12 +88,11 @@
     background-color: #E9ECEF;
 }
 
-.vitro-dropdown-button > :global(.vitro-context-button) {
-    width: 24px;
-    height: 24px;
-}
-
 .vitro-dropdown-button :global(.dropdown-menu) {
     width: 184px;
     min-width: 184px;
 }
+
+.vitro-dropdown-button :global(.btn) > span {
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/file/img/file-button-context.svg');
+}

package/css/std/controls/file/img/file-button-context.svg

@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="24" height="24" rx="12" fill="#E9ECEF"/>
+<circle cx="12" cy="6.5" r="1.5" fill="#4A556C"/>
+<circle cx="12" cy="12" r="1.5" fill="#4A556C"/>
+<circle cx="12" cy="17.5" r="1.5" fill="#4A556C"/>
+</svg>

package/css/std/controls/filter/filter.css

@@ -32,7 +32,7 @@
 }
 
 :global(.vitro-views-dialog .vitro-filter-container + .vitro-label-grey) {
-    margin-top: 4px;
+    margin-top: 19px;
 }
 
 :global(.vitro-views-dialog .vitro-sort-container .vitro-add-field-button),

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

@@ -12,6 +12,20 @@
     position: relative;
 }
 
+.vitro-lookup-picker-multi-select .vitro-content {
+    gap: 4px;
+    padding: 8px 16px;
+}
+
+.vitro-lookup-picker-multi-select .vitro-value-container {
+    grid-gap: 4px 12px;
+    flex-wrap: wrap;
+}
+
+.vitro-lookup-picker-multi-select .vitro-right {
+    margin-bottom: auto;
+}
+
 .vitro-read-only .vitro-content {
     color: #4A556C;
     font-size: 12px;
@@ -55,8 +69,7 @@
     display: inline-block;
 }
 
-.vitro-content > .vitro-value-container > input,
-.vitro-content .vitro-multi-value-container > input {
+.vitro-content > .vitro-value-container > input {
     border: none;
     background: transparent;
     flex: 1 1;
@@ -67,15 +80,15 @@
     padding-left: 16px;
 }
 
-.vitro-lookup-picker-multi-select .vitro-content .vitro-multi-value-container > input {
-    padding-left: 0;
-}
-
 .vitro-content > .vitro-value-container {
     min-width: 0;
     flex: 1 1;
 }
 
+.vitro-lookup-picker-multi-select .vitro-content > vitro-value-container. > input {
+    padding-left: 0;
+}
+
 .vitro-button-close,
 .vitro-button-collapse-up,
 .vitro-button-collapse-bottom {
@@ -128,39 +141,4 @@
     width: 24px;
     height: 24px;
     background-size: 20px;
-}
-
-.vitro-lookup-picker-multi-select .vitro-content {
-    padding: 0;
-}
-
-.vitro-lookup-picker-multi-select .vitro-right {
-    position: absolute;
-    top: 8px;
-    right: 16px;
-}
-
-.vitro-multi-value-container {
-    max-height: 96px;
-    display: flex;
-    flex-wrap: wrap;
-    gap: 4px;
-    padding: 6px 16px;
-}
-
-.vitro-lookup-picker-multi-select:has(.vitro-right) .vitro-multi-value-container {
-    padding: 8px 40px 8px 16px;
-}
-
-.vitro-lookup-picker-multi-select :global(.ps__rail-y) {
-    background-color: transparent !important;
-    border-top: none !important;
-}
-
-.vitro-lookup-picker-multi-select :global(.ps__rail-x) {
-    background-color: transparent !important;
-}
-
-.vitro-placeholder {
-    padding-left: 16px;
 }

package/css/std/controls/pdf-viewer/custom.css

@@ -488,8 +488,4 @@ html[dir='ltr'] .toolbarButton#btnCompare::before,
 .vitro-issue-detail.ui-resizable {
     left: initial !important;
     right: 0 !important;
-}
-
-[class^="_search_vitro-search"] {
-    width: 100% !important;
 }

package/css/std/controls/pdf-viewer/pdf-viewer-index.css

@@ -6738,10 +6738,6 @@ html[dir='ltr'] .toolbarButton#btnCompare::before,
 .vitro-issue-detail.ui-resizable {
     left: initial !important;
     right: 0 !important;
-}
-
-[class^="_search_vitro-search"] {
-    width: 100% !important;
 }
 #sidebarContent {
     background-color: rgba(0, 0, 0, 0.1);
@@ -8006,69 +8002,4 @@ dialog .separator {
     border-radius: 4px;
     height: 40px;
     width: 100%;
-}
-
-#markupEditOutline {
-    border: 1px dashed #4a8cf8;
-    box-sizing: border-box;
-    position: absolute;
-    z-index: 1000;
-    cursor: move;
-}
-
-.vitro-markup-resizer {
-    border: 2px solid #4a8cf8;
-    background: #ffffff;
-    position: absolute;
-    width: 8px;
-    height: 8px;
-    box-sizing: border-box;
-}
-
-.vitro-markup-resizer-tl {
-    left: -7px;
-    top: -7px;
-    cursor: nwse-resize;
-}
-
-.vitro-markup-resizer-tc {
-    left: calc(50% - 6px);
-    top: -7px;
-    cursor: ns-resize;
-}
-
-.vitro-markup-resizer-tr {
-    right: -7px;
-    top: -7px;
-    cursor: nesw-resize;
-}
-
-.vitro-markup-resizer-cl {
-    left: -7px;
-    top: calc(50% - 6px);
-    cursor: ew-resize;
-}
-
-.vitro-markup-resizer-cr {
-    right: -7px;
-    top: calc(50% - 6px);
-    cursor: ew-resize;
-}
-
-.vitro-markup-resizer-bl {
-    left: -7px;
-    bottom: -7px;
-    cursor: nesw-resize;
-}
-
-.vitro-markup-resizer-bc {
-    left: calc(50% - 6px);
-    bottom: -7px;
-    cursor: ns-resize;
-}
-
-.vitro-markup-resizer-br {
-    right: -7px;
-    bottom: -7px;
-    cursor: nwse-resize;
 }

package/css/std/controls/pdf-viewer/pdf-viewer.css

@@ -1004,69 +1004,4 @@ dialog .separator {
     border-radius: 4px;
     height: 40px;
     width: 100%;
-}
-
-#markupEditOutline {
-    border: 1px dashed #4a8cf8;
-    box-sizing: border-box;
-    position: absolute;
-    z-index: 1000;
-    cursor: move;
-}
-
-.vitro-markup-resizer {
-    border: 2px solid #4a8cf8;
-    background: #ffffff;
-    position: absolute;
-    width: 8px;
-    height: 8px;
-    box-sizing: border-box;
-}
-
-.vitro-markup-resizer-tl {
-    left: -7px;
-    top: -7px;
-    cursor: nwse-resize;
-}
-
-.vitro-markup-resizer-tc {
-    left: calc(50% - 6px);
-    top: -7px;
-    cursor: ns-resize;
-}
-
-.vitro-markup-resizer-tr {
-    right: -7px;
-    top: -7px;
-    cursor: nesw-resize;
-}
-
-.vitro-markup-resizer-cl {
-    left: -7px;
-    top: calc(50% - 6px);
-    cursor: ew-resize;
-}
-
-.vitro-markup-resizer-cr {
-    right: -7px;
-    top: calc(50% - 6px);
-    cursor: ew-resize;
-}
-
-.vitro-markup-resizer-bl {
-    left: -7px;
-    bottom: -7px;
-    cursor: nesw-resize;
-}
-
-.vitro-markup-resizer-bc {
-    left: calc(50% - 6px);
-    bottom: -7px;
-    cursor: ns-resize;
-}
-
-.vitro-markup-resizer-br {
-    right: -7px;
-    bottom: -7px;
-    cursor: nwse-resize;
 }

package/css/std/controls/select/select.css

@@ -9,7 +9,6 @@
     position: relative;
     justify-content: space-between;
     cursor: pointer;
-    border: 1px solid #F3F8FF;
 }
 
 .vitro-select::after {
@@ -24,10 +23,6 @@
     background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/select/img/collapse-up.svg');
 }
 
-.vitro-select.vitro-active {
-    border-color: #3274E0;
-}
-
 .vitro-select.vitro-active::after {
     transform: rotateX(0);
 }
@@ -49,7 +44,7 @@
     position: absolute;
     top: calc(100% + 4px);
     left: 0;
-    z-index: 2;
+    z-index: 1;
     width: 100%;
     display: none;
 }
@@ -72,23 +67,4 @@
 
 .vitro-select > .vitro-item:hover {
     background: transparent;
-}
-
-.vitro-scrollbar {
-    max-height: 267px;
-}
-
-.vitro-scrollbar :global(.ps__rail-y),
-.vitro-scrollbar :global(.ps__rail-x) {
-    border: none;
-}
-
-.vitro-select:global(.vitro-select-sm) {
-    height: 32px;
-    padding: 4px 12px;
-}
-
-.vitro-select:global(.vitro-select-sm)::after {
-    width: 20px;
-    height: 20px;
 }

package/css/std/controls/tab-group/tab-group.css

@@ -4,8 +4,8 @@
     flex-direction: column;
 }
 
-.vitro-tab > :global(.nav) {
-    align-items: flex-end;
+.vitro-tab :global(.nav) {
+    align-items: center;
     justify-content: center;
     flex-wrap: nowrap;
 }
@@ -40,7 +40,6 @@
     text-align: center;
     overflow: hidden;
     padding-top: 16px;
-    min-width: 120px;
 }
 
 .vitro-tab :global(.nav) > div :global(.nav-link) {
@@ -52,10 +51,8 @@
     font-family: 'InterRegular';
     color: #4A556C;
     font-size: 14px;
+    padding-bottom: 15px;
     line-height: 150%;
-    padding: 0 12px 15px;
-    overflow: hidden;
-    text-overflow: ellipsis;
 }
 
 .vitro-tab :global(.nav) > div :global(.nav-item) a:hover {

package/css/std/controls/table-view/treegrid-cell.css

@@ -60,7 +60,6 @@
     width: 8px;
     height: 8px;
     border-radius: 50%;
-    flex-shrink: 0;
 }
 
 .TWClassHoveredCell,

package/css/std/controls/table-view/treegrid-context-menu.css

@@ -163,7 +163,6 @@ vitro-table-view-popup-menu-topMain.TWMenuMainRight::before,
 .vitro-table-view-context-menu-leftMain .TWMenuItem {
     margin: 0 !important;
     padding: 8px 8px 8px 0 !important;
-    position: relative;
 }
 
 .vitro-table-view-context-menuMain .TWMenuItemText,
@@ -191,24 +190,6 @@ vitro-table-view-popup-menu-topMain.TWMenuMainRight::before,
     background-position-x: 12px;
 }
 
-.vitro-table-view-context-menuMain .TWMenuItem.vitro-separator,
-.vitro-table-view-popup-menuMain .TWMenuItem.vitro-separator,
-.vitro-table-view-popup-menu-topMain .TWMenuItem.vitro-separator,
-.vitro-table-view-context-menu-leftMain .TWMenuItem.vitro-separator {
-    border-top: 1px solid #E4E6EC;
-}
-
-.TWMenuItemText.TWMenuvitro-separator::before {
-    content: '';
-    display: block;
-    position: absolute;
-    left: 0;
-    top: 0;
-    width: 100%;
-    height: 1px;
-    background-color: #E4E6EC;
-}
-
 @media (max-width: 800px) {
     .vitro-table-view-context-menuMain .TWMenuFocus,
     .vitro-table-view-context-menu-leftMain .TWMenuFocus,

package/css/std/controls/video-viewer/video-viewer.css

@@ -23,6 +23,7 @@
 .vitro-body {
     height: calc(100% - 72px);
     margin-top: 72px;
+    display: flex;
 }
 
 .vitro-button-close {
@@ -42,7 +43,6 @@
     background-color: #212529;
     margin-left: auto;
     margin-right: auto;
-    height: 100%;
 }
 
 .vitro-player video {