@vitrosoftware/common-ui-ts 1.1.85 → 1.1.86

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

@@ -25,19 +25,18 @@
 
 .vitro-table-view :global(.vitro-editable-cell) {
     font-weight: bold;
-}
-
-:global(.vitro-tableview-progress-message) {
-    border: none !important;
-    box-shadow: none !important;
-    /* ico-preloader.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24px' height='24px' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid' style='margin: auto; background-image: none; display: block; shape-rendering: auto; background-position: initial initial; background-repeat: initial initial;' class='ng-star-inserted'%3E%3Cg transform='rotate(0 50 50)'%3E%3Crect x='46' y='6' rx='3.84' ry='3.84' width='8' height='24' fill='%23FF5B2D'%3E%3Canimate attributeName='opacity' values='1;0' keyTimes='0;1' dur='1s' begin='-0.875s' repeatCount='indefinite'%3E%3C/animate%3E%3C/rect%3E%3C/g%3E%3Cg transform='rotate(45 50 50)'%3E%3Crect x='46' y='6' rx='3.84' ry='3.84' width='8' height='24' fill='%23FF5B2D'%3E%3Canimate attributeName='opacity' values='1;0' keyTimes='0;1' dur='1s' begin='-0.75s' repeatCount='indefinite'%3E%3C/animate%3E%3C/rect%3E%3C/g%3E%3Cg transform='rotate(90 50 50)'%3E%3Crect x='46' y='6' rx='3.84' ry='3.84' width='8' height='24' fill='%23FF5B2D'%3E%3Canimate attributeName='opacity' values='1;0' keyTimes='0;1' dur='1s' begin='-0.625s' repeatCount='indefinite'%3E%3C/animate%3E%3C/rect%3E%3C/g%3E%3Cg transform='rotate(135 50 50)'%3E%3Crect x='46' y='6' rx='3.84' ry='3.84' width='8' height='24' fill='%23FF5B2D'%3E%3Canimate attributeName='opacity' values='1;0' keyTimes='0;1' dur='1s' begin='-0.5s' repeatCount='indefinite'%3E%3C/animate%3E%3C/rect%3E%3C/g%3E%3Cg transform='rotate(180 50 50)'%3E%3Crect x='46' y='6' rx='3.84' ry='3.84' width='8' height='24' fill='%23FF5B2D'%3E%3Canimate attributeName='opacity' values='1;0' keyTimes='0;1' dur='1s' begin='-0.375s' repeatCount='indefinite'%3E%3C/animate%3E%3C/rect%3E%3C/g%3E%3Cg transform='rotate(225 50 50)'%3E%3Crect x='46' y='6' rx='3.84' ry='3.84' width='8' height='24' fill='%23FF5B2D'%3E%3Canimate attributeName='opacity' values='1;0' keyTimes='0;1' dur='1s' begin='-0.25s' repeatCount='indefinite'%3E%3C/animate%3E%3C/rect%3E%3C/g%3E%3Cg transform='rotate(270 50 50)'%3E%3Crect x='46' y='6' rx='3.84' ry='3.84' width='8' height='24' fill='%23FF5B2D'%3E%3Canimate attributeName='opacity' values='1;0' keyTimes='0;1' dur='1s' begin='-0.125s' repeatCount='indefinite'%3E%3C/animate%3E%3C/rect%3E%3C/g%3E%3Cg transform='rotate(315 50 50)'%3E%3Crect x='46' y='6' rx='3.84' ry='3.84' width='8' height='24' fill='%23FF5B2D'%3E%3Canimate attributeName='opacity' values='1;0' keyTimes='0;1' dur='1s' begin='0s' repeatCount='indefinite'%3E%3C/animate%3E%3C/rect%3E%3C/g%3E%3C/svg%3E");
-    background-position: center 20px;
-    background-size: 24px 24px;
-    padding-top: 56px !important;
-    text-align: center !important;
-    font-family: "InterRegular" !important;
-    font-size: 10pt !important;
+}
+
+:global(.vitro-tableview-progress-message) {
+    border: none !important;
+    box-shadow: none !important;
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/preloader.svg');
+    background-position: center 20px;
+    background-size: 24px 24px;
+    padding-top: 56px !important;
+    text-align: center !important;
+    font-family: "InterRegular" !important;
+    font-size: 10pt !important;
 }
 
 :global(.vitro-tableview-progress-message.vitro-table-view-export-message) {

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

@@ -105,7 +105,7 @@
 }
 
 .TWFilter0Left, .TWFilter0Right, .TWFilter0Menu {
-    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.50781 11.4946L8.00315 7.99924L11.4985 11.4946M11.4985 4.50391L8.00248 7.99924L4.50781 4.50391' stroke='%238E98A3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/cancel-grey.svg');
 }
 
 .TWCellBase.TWCellPanel,
@@ -178,8 +178,7 @@
     background-repeat: no-repeat;
     position: absolute;
     top: -21px;
-    /* dropdown-arrow.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 44 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_dd_778_105705)'%3E%3Cpath d='M20.3117 11.6584C21.0973 10.4213 22.9027 10.4213 23.6883 11.6584L29.5752 20.9278C30.4208 22.2593 29.4642 24 27.8869 24H16.1131C14.5358 24 13.5792 22.2593 14.4248 20.9278L20.3117 11.6584Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_dd_778_105705' x='0.109375' y='0.730469' width='43.7812' height='41.2695' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='4'/%3E%3CfeGaussianBlur stdDeviation='7'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.18 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_778_105705'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.14 0'/%3E%3CfeBlend mode='normal' in2='effect1_dropShadow_778_105705' result='effect2_dropShadow_778_105705'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect2_dropShadow_778_105705' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/dropdown-menu-arrow.svg');
 }
 
 .TWCellMenuMain::before {
@@ -251,35 +250,27 @@
 .TWCheck0Left,
 .TWMenuUncheckedIconLeft, .TWMenuUncheckedIconRight,
 .TWBool0, .TWBool0RO {
-	background-size: 24px;
-    /* checkbox-big-empty.svg URL-encoder for SVG */
-	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Checkbox-big'%3E%3Crect id='Background' x='2.5' y='2.5' width='19' height='19' rx='3.5' stroke='%23C0CAD5'/%3E%3C/g%3E%3C/svg%3E%0A") !important;
+    background-size: 24px;
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/checkbox-big-empty.svg');
 }
 
 .TWCheck1Left,
 .TWMenuCheckedIconLeft, .TWMenuCheckedIconRight,
 .TWFilter1, .TWGroup1, .TWSearch1,
 .TWBool1, .TWBool1RO {
-	background-size: 24px;
-    /* checkbox-big-active.svg URL-encoder for SVG */
-	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='2' y='2' width='20' height='20' rx='2.5' fill='%234292F7'/%3E%3Cpath d='M16.7062 8.50593C17.0826 8.86144 17.0996 9.45479 16.7441 9.83121L11.4316 15.4562C11.2577 15.6404 11.0166 15.7463 10.7634 15.7499C10.5101 15.7535 10.2662 15.6545 10.0871 15.4754L7.27459 12.6629C6.90847 12.2968 6.90847 11.7032 7.27459 11.3371C7.6407 10.971 8.2343 10.971 8.60041 11.3371L10.7308 13.4675L15.3809 8.54379C15.7364 8.16737 16.3298 8.15042 16.7062 8.50593Z' fill='white'/%3E%3C/svg%3E%0A") !important;
+    background-size: 24px;
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/checkbox-big-active.svg');
 }
 
 .TWBoolX, .TWBoolXRO {
-	background-size: 24px;
-	/* checkbox-big-undetermined.svg URL-encoder for SVG */
-	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='7' y='7' width='10' height='10' rx='1' fill='%234292F7'/%3E%3Crect x='2.625' y='2.625' width='18.75' height='18.75' rx='1.875' stroke='%23C0CAD5' stroke-width='1.25'/%3E%3C/svg%3E%0A") !important;
+    background-size: 24px;
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/checkbox-big-undetermined.svg');
 }
 
 .TWBoolImage {
 	width: 24px !important;
 }
 
-.TWPickEmpty {
-    /* ico-tableview-calendar-empty.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 64 64'%3E%3Cpath fill='%23ff5b2d' d='M45.6,14.4C37,5.9,23,5.9,14.4,14.4s-8.6,22.5,0,31.1s22.5,8.6,31.1,0S54.1,23,45.6,14.4z M38.5,41.3L30,32.8l-8.5,8.5l-2.8-2.8l8.5-8.5l-8.5-8.5l2.8-2.8l8.5,8.5l8.5-8.5l2.8,2.8L32.8,30l8.5,8.5L38.5,41.3z' stroke='%23fff'/%3E%3C/svg%3E") !important;
-}
-
 .TWSort1Left, .TWSort1Right,
 .TWSort2Left, .TWSort2Right,
 .TWSort3Left, .TWSort3Right {
@@ -288,8 +279,7 @@
     width: 24px !important;
     background-size: 100% !important;
     background-position: center !important;
-    /* tableview-sort-top.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.06251 10.2031C8.86803 10.3976 8.55298 10.3985 8.35743 10.2051C8.16035 10.0101 8.15947 9.69209 8.35547 9.49609L11.3571 6.49447C11.6303 6.2213 12.0731 6.22108 12.3465 6.49397L15.3549 9.49627C15.5512 9.69212 15.5505 10.0103 15.3533 10.2052C15.1579 10.3985 14.843 10.3977 14.6486 10.2033L12.5303 8.08496C12.4673 8.02194 12.3595 8.06662 12.3596 8.15575L12.3668 17.4293C12.367 17.7056 12.1431 17.9297 11.8668 17.9297C11.5908 17.9297 11.367 17.7061 11.3668 17.4301L11.3596 8.14741C11.3595 8.05835 11.2518 8.0138 11.1889 8.07677L9.06251 10.2031Z' fill='%234292F7'/%3E%3C/svg%3E%0A") !important;
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/sort-top.svg');
 }
 
 .TWSort4Left, .TWSort4Right,
@@ -300,8 +290,7 @@
     width: 24px !important;
     background-size: 100% !important;
     background-position: center !important;
-    /* tableview-sort-bottom.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.9375 13.7969C15.132 13.6024 15.447 13.6015 15.6426 13.7949C15.8397 13.9899 15.8405 14.3079 15.6445 14.5039L12.6429 17.5055C12.3697 17.7787 11.9269 17.7789 11.6535 17.506L8.64508 14.5037C8.44883 14.3079 8.44955 13.9897 8.64668 13.7948C8.84213 13.6015 9.15701 13.6023 9.35139 13.7967L11.4697 15.915C11.5327 15.9781 11.6405 15.9334 11.6404 15.8442L11.6332 6.5707C11.633 6.29441 11.8569 6.07031 12.1332 6.07031C12.4092 6.07031 12.633 6.29393 12.6332 6.56992L12.6404 15.8526C12.6405 15.9416 12.7482 15.9862 12.8111 15.9232L14.9375 13.7969Z' fill='%234292F7'/%3E%3C/svg%3E%0A") !important;
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/sort-bottom.svg');
 }
 
 .TWSort0Left, .TWSort0Right {
@@ -310,8 +299,7 @@
 
 .TWP0200, .TWPx200, .TWP02x0, .TWP020x, .TWPx2x0, .TWPx20x, .TWP02xx, .TWPx2xx, .TWPanelSelectOn {
     background-size: 24px;
-    /* checkbox-active.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='4' y='4' width='16' height='16' rx='2' fill='%234292F7'/%3E%3Cpath d='M15.765 9.20474C16.0661 9.48915 16.0797 9.96383 15.7953 10.265L11.5453 14.765C11.4061 14.9123 11.2133 14.997 11.0107 14.9999C10.8081 15.0028 10.6129 14.9236 10.4697 14.7803L8.21967 12.5303C7.92678 12.2374 7.92678 11.7626 8.21967 11.4697C8.51256 11.1768 8.98744 11.1768 9.28033 11.4697L10.9846 13.174L14.7047 9.23503C14.9891 8.9339 15.4638 8.92033 15.765 9.20474Z' fill='white'/%3E%3C/svg%3E%0A") !important;
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/checkbox-active.svg');
 }
 
 .TWPanelSelect {
@@ -319,8 +307,7 @@
     height: 16px;
     margin-top: 3px;
     background-size: 24px;
-    /* checkbox-empty.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='4.5' y='4.5' width='15' height='15' rx='1.5' stroke='%23C0CAD5'/%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/checkbox-empty.svg');
 }
 
 .TWPanelSelectOn {
@@ -329,13 +316,11 @@
 
 .TWNE, .TWNER,
 .TWND4, .TWND4R {
-    /* tree-closed.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.5 7L14.5 12L9.5 17' stroke='%238E98A3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/collapse-right-grey.svg');
 }
 
 .TWNC, .TWNCR {
-    /* tree-closed-black.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Chevron-tree-down'%3E%3Cpath id='Vector 9' d='M17 10L12 15L7 10' stroke='%23222D44' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/collapse-bottom-black.svg');
 }
 
 .TWNC, .TWNCR,
@@ -433,8 +418,7 @@
 .TWPageMessage, .GridMessage {
     border: none !important;
     box-shadow: none !important;
-    /* preloader.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 24 24' fill='%230097ff' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_Wezc%7Btransform-origin:center;animation:spinner_Oiah 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite%7D@keyframes spinner_Oiah%7B8.3%25%7Btransform:rotate(30deg)%7D16.6%25%7Btransform:rotate(60deg)%7D25%25%7Btransform:rotate(90deg)%7D33.3%25%7Btransform:rotate(120deg)%7D41.6%25%7Btransform:rotate(150deg)%7D50%25%7Btransform:rotate(180deg)%7D58.3%25%7Btransform:rotate(210deg)%7D66.6%25%7Btransform:rotate(240deg)%7D75%25%7Btransform:rotate(270deg)%7D83.3%25%7Btransform:rotate(300deg)%7D91.6%25%7Btransform:rotate(330deg)%7D100%25%7Btransform:rotate(360deg)%7D%7D%3C/style%3E%3Cg class='spinner_Wezc'%3E%3Ccircle cx='12' cy='2.5' r='1' opacity='1'/%3E%3Ccircle cx='16.75' cy='3.77' r='1' opacity='1'/%3E%3Ccircle cx='20.23' cy='7.25' r='1' opacity='1'/%3E%3Ccircle cx='21.50' cy='12.00' r='1' opacity='1'/%3E%3Ccircle cx='20.23' cy='16.75' r='1' opacity='1'/%3E%3Ccircle cx='16.75' cy='20.23' r='1' opacity='1'/%3E%3Ccircle cx='12' cy='21.5' r='1'/%3E%3C/g%3E%3C/svg%3E");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/preloader.svg');
     background-repeat: no-repeat;
     background-position: center top;
     padding: 0;
@@ -464,8 +448,7 @@
 }
 
 .TWMessage .vitro-icon-before {
-    /* ico-question.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg width='49' height='49' viewBox='0 0 49 49' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.1631 44.1426C35.2088 44.1426 44.1631 35.1883 44.1631 24.1426C44.1631 13.0969 35.2088 4.14258 24.1631 4.14258C13.1174 4.14258 4.16309 13.0969 4.16309 24.1426C4.16309 35.1883 13.1174 44.1426 24.1631 44.1426Z' stroke='%23BDBDBD' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M18.3428 18.1426C18.813 16.806 19.7411 15.6788 20.9627 14.9609C22.1843 14.2429 23.6206 13.9805 25.0171 14.22C26.4137 14.4596 27.6804 15.1857 28.5929 16.2697C29.5055 17.3537 30.0049 18.7257 30.0028 20.1426C30.0028 24.1426 24.0028 26.1426 24.0028 26.1426' stroke='%23BDBDBD' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M24.1631 34.1426H24.1831' stroke='%23BDBDBD' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/question.svg');
     background-size: cover;
     width: 32px;
     height: 32px;
@@ -475,66 +458,53 @@
 }
 
 .TWFilter12Left, .TWFilter12Right, .TWFilter12Menu {
-    /* not-contain.svg URL-encoder for SVG*/
-    background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 16.5L10 4.5' stroke='%234A556C' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 4.5H8' stroke='%234A556C' stroke-linecap='round'/%3E%3Cpath d='M12 16.5H8' stroke='%234A556C' stroke-linecap='round'/%3E%3Cpath d='M7.7 10.3268C7.83333 10.4038 7.83333 10.5962 7.7 10.6732L5.3 12.0588C5.16667 12.1358 5 12.0396 5 11.8856L5 9.11436C5 8.9604 5.16667 8.86417 5.3 8.94115L7.7 10.3268Z' fill='%234A556C'/%3E%3Cpath d='M12.3 10.3268C12.1667 10.4038 12.1667 10.5962 12.3 10.6732L14.7 12.0588C14.8333 12.1358 15 12.0396 15 11.8856L15 9.11436C15 8.9604 14.8333 8.86417 14.7 8.94115L12.3 10.3268Z' fill='%234A556C'/%3E%3Crect x='3.63664' y='15.9531' width='16' height='2' rx='1' transform='rotate(-45 3.63664 15.9531)' fill='%234A556C' stroke='white'/%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/filter/filter-not-contains.svg');
 }
 
 .TWFilter11Left, .TWFilter11Right, .TWFilter11Menu {
-    /* contain.svg URL-encoder for SVG*/
-    background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 16.5L10 4.5' stroke='%234A556C' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 4.5H8' stroke='%234A556C' stroke-linecap='round'/%3E%3Cpath d='M12 16.5H8' stroke='%234A556C' stroke-linecap='round'/%3E%3Cpath d='M7.7 10.3268C7.83333 10.4038 7.83333 10.5962 7.7 10.6732L5.3 12.0588C5.16667 12.1358 5 12.0396 5 11.8856L5 9.11436C5 8.9604 5.16667 8.86417 5.3 8.94115L7.7 10.3268Z' fill='%234A556C'/%3E%3Cpath d='M12.3 10.3268C12.1667 10.4038 12.1667 10.5962 12.3 10.6732L14.7 12.0588C14.8333 12.1358 15 12.0396 15 11.8856L15 9.11436C15 8.9604 14.8333 8.86417 14.7 8.94115L12.3 10.3268Z' fill='%234A556C'/%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/filter/filter-contains.svg');
 }
 
 .TWFilter10Left, .TWFilter10Right, .TWFilter10Menu {
-    /* not-end-with.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 16.5L10 4.5' stroke='%234A556C' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 4.5H8' stroke='%234A556C' stroke-linecap='round'/%3E%3Cpath d='M12 16.5H8' stroke='%234A556C' stroke-linecap='round'/%3E%3Cpath d='M7.7 10.3268C7.83333 10.4038 7.83333 10.5962 7.7 10.6732L5.3 12.0588C5.16667 12.1358 5 12.0396 5 11.8856L5 9.11436C5 8.9604 5.16667 8.86417 5.3 8.94115L7.7 10.3268Z' fill='%234A556C'/%3E%3Crect x='3.63664' y='15.4531' width='16' height='2' rx='1' transform='rotate(-45 3.63664 15.4531)' fill='%234A556C' stroke='white'/%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/filter/filter-not-edns-in.svg');
 }
 
 .TWFilter9Left, .TWFilter9Right, .TWFilter9Menu {
-    /* end-with.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 16.5L10 4.5' stroke='%234A556C' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 4.5H8' stroke='%234A556C' stroke-linecap='round'/%3E%3Cpath d='M12 16.5H8' stroke='%234A556C' stroke-linecap='round'/%3E%3Cpath d='M7.7 10.3268C7.83333 10.4038 7.83333 10.5962 7.7 10.6732L5.3 12.0588C5.16667 12.1358 5 12.0396 5 11.8856L5 9.11436C5 8.9604 5.16667 8.86417 5.3 8.94115L7.7 10.3268Z' fill='%234A556C'/%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/filter/filter-ends-in.svg');
 }
 
 .TWFilter8Left, .TWFilter8Right, .TWFilter8Menu {
-    /* not-begin-with.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 16.5L10 4.5' stroke='%234A556C' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 4.5H8' stroke='%234A556C' stroke-linecap='round'/%3E%3Cpath d='M12 16.5H8' stroke='%234A556C' stroke-linecap='round'/%3E%3Cpath d='M15.7 10.3268C15.8333 10.4038 15.8333 10.5962 15.7 10.6732L13.3 12.0588C13.1667 12.1358 13 12.0396 13 11.8856L13 9.11436C13 8.9604 13.1667 8.86417 13.3 8.94115L15.7 10.3268Z' fill='%234A556C'/%3E%3Crect x='3.63664' y='15.4531' width='16' height='2' rx='1' transform='rotate(-45 3.63664 15.4531)' fill='%234A556C' stroke='white'/%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/filter/filter-not-start-with.svg');
 }
 
 .TWFilter7Left, .TWFilter7Right, .TWFilter7Menu {
-    /* begin-with.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 16.5L10 4.5' stroke='%234A556C' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 4.5H8' stroke='%234A556C' stroke-linecap='round'/%3E%3Cpath d='M12 16.5H8' stroke='%234A556C' stroke-linecap='round'/%3E%3Cpath d='M15.7 10.3268C15.8333 10.4038 15.8333 10.5962 15.7 10.6732L13.3 12.0588C13.1667 12.1358 13 12.0396 13 11.8856L13 9.11436C13 8.9604 13.1667 8.86417 13.3 8.94115L15.7 10.3268Z' fill='%234A556C'/%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/filter/filter-start-with.svg');
 }
 
 .TWFilter6Left, .TWFilter6Right, .TWFilter6Menu {
-    /* more-equal.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 14.5L16 9.49833L4 4.5' stroke='%234A556C' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16 17.5L4 17.5' stroke='%234A556C' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/filter/filter-math-equal-more.svg');
 }
 
 .TWFilter5Left, .TWFilter5Right, .TWFilter5Menu {
-    /* more.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 15.5L16 10.4983L4 5.5' stroke='%234A556C' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/filter/filter-math-more.svg');
 }
 
 .TWFilter4Left, .TWFilter4Right, .TWFilter4Menu {
-    /* less-equal.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 14.5L4 9.49833L16 4.5' stroke='%234A556C' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4 17.5L16 17.5' stroke='%234A556C' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/filter/filter-math-equal-lower.svg');
 }
 
 .TWFilter3Left, .TWFilter3Right, .TWFilter3Menu {
-    /* less.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 15.5L4 10.4983L16 5.5' stroke='%234A556C' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/filter/filter-math-lower.svg');
 }
 
 .TWFilter2Left, .TWFilter2Right, .TWFilter2Menu {
-    /* not-equal.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 8.5H16' stroke='%234A556C' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4 13.5L16 13.5' stroke='%234A556C' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.5 17L13.5 4' stroke='%234A556C' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/filter/filter-not-equal.svg');
 }
 
 .TWFilter1Left, .TWFilter1Right, .TWFilter1Menu {
-    /* equal.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 8H16' stroke='%234A556C' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4 13H16' stroke='%234A556C' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/filter/filter-equal.svg');
 }
 
-
 .TWMenuItem .TWFilter0Menu,
 .TWMenuItem .TWFilter1Menu,
 .TWMenuItem .TWFilter2Menu,
@@ -583,8 +553,7 @@
 .TWProgressInner {
     height: 26px !important;
     width: 100% !important;
-    /* ico-preloader.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24px' height='24px' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid' style='margin: auto; background-image: none; display: block; shape-rendering: auto; background-position: initial initial; background-repeat: initial initial;' class='ng-star-inserted'%3E%3Cg transform='rotate(0 50 50)'%3E%3Crect x='46' y='6' rx='3.84' ry='3.84' width='8' height='24' fill='%23FF5B2D'%3E%3Canimate attributeName='opacity' values='1;0' keyTimes='0;1' dur='1s' begin='-0.875s' repeatCount='indefinite'%3E%3C/animate%3E%3C/rect%3E%3C/g%3E%3Cg transform='rotate(45 50 50)'%3E%3Crect x='46' y='6' rx='3.84' ry='3.84' width='8' height='24' fill='%23FF5B2D'%3E%3Canimate attributeName='opacity' values='1;0' keyTimes='0;1' dur='1s' begin='-0.75s' repeatCount='indefinite'%3E%3C/animate%3E%3C/rect%3E%3C/g%3E%3Cg transform='rotate(90 50 50)'%3E%3Crect x='46' y='6' rx='3.84' ry='3.84' width='8' height='24' fill='%23FF5B2D'%3E%3Canimate attributeName='opacity' values='1;0' keyTimes='0;1' dur='1s' begin='-0.625s' repeatCount='indefinite'%3E%3C/animate%3E%3C/rect%3E%3C/g%3E%3Cg transform='rotate(135 50 50)'%3E%3Crect x='46' y='6' rx='3.84' ry='3.84' width='8' height='24' fill='%23FF5B2D'%3E%3Canimate attributeName='opacity' values='1;0' keyTimes='0;1' dur='1s' begin='-0.5s' repeatCount='indefinite'%3E%3C/animate%3E%3C/rect%3E%3C/g%3E%3Cg transform='rotate(180 50 50)'%3E%3Crect x='46' y='6' rx='3.84' ry='3.84' width='8' height='24' fill='%23FF5B2D'%3E%3Canimate attributeName='opacity' values='1;0' keyTimes='0;1' dur='1s' begin='-0.375s' repeatCount='indefinite'%3E%3C/animate%3E%3C/rect%3E%3C/g%3E%3Cg transform='rotate(225 50 50)'%3E%3Crect x='46' y='6' rx='3.84' ry='3.84' width='8' height='24' fill='%23FF5B2D'%3E%3Canimate attributeName='opacity' values='1;0' keyTimes='0;1' dur='1s' begin='-0.25s' repeatCount='indefinite'%3E%3C/animate%3E%3C/rect%3E%3C/g%3E%3Cg transform='rotate(270 50 50)'%3E%3Crect x='46' y='6' rx='3.84' ry='3.84' width='8' height='24' fill='%23FF5B2D'%3E%3Canimate attributeName='opacity' values='1;0' keyTimes='0;1' dur='1s' begin='-0.125s' repeatCount='indefinite'%3E%3C/animate%3E%3C/rect%3E%3C/g%3E%3Cg transform='rotate(315 50 50)'%3E%3Crect x='46' y='6' rx='3.84' ry='3.84' width='8' height='24' fill='%23FF5B2D'%3E%3Canimate attributeName='opacity' values='1;0' keyTimes='0;1' dur='1s' begin='0s' repeatCount='indefinite'%3E%3C/animate%3E%3C/rect%3E%3C/g%3E%3C/svg%3E") !important;
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/preloader.svg');
     background-repeat: no-repeat;
     background-position: center;
 }
@@ -620,7 +589,7 @@
     color: #BDBDBD;
 }
 
-.TWCell .vitro-flex > .vitro-icon {
+.TWCell .vitro-flex > .vitro-image {
     margin-right: 4px !important;
     line-height: 24px;
     width: 24px;
@@ -690,8 +659,7 @@
     width: 16px;
     margin-left: -6px;
     vertical-align: sub;
-    /* check.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='check-one /Line/Black' clip-path='url(%23clip0_2166_122689)'%3E%3Cpath id='Vector' d='M4 8L7 11L12 6' stroke='%23222D44' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2166_122689'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/check.svg');
 }
 
 .TWHeaderGroup {
@@ -729,13 +697,13 @@
 .TWGroupRow .TWCollapseLeft {
     background-size: 24px;
     padding: 0 28px !important;
-    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28' fill='none'%3E%3Cg filter='url(%23filter0_d_1286_83964)'%3E%3Crect width='24' height='24' rx='4' transform='matrix(1.19249e-08 -1 -1 -1.19249e-08 26 26)' fill='white'/%3E%3Cpath d='M9 12.5L14 17.5L19 12.5' stroke='%234A556C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_1286_83964' x='0' y='0' width='28' height='28' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeMorphology radius='1' operator='dilate' in='SourceAlpha' result='effect1_dropShadow_1286_83964'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='0.5'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.890196 0 0 0 0 0.898039 0 0 0 0 0.909804 0 0 0 1 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_1286_83964'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_1286_83964' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E") !important;
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/group-collapse-bottom.svg') !important;
 }
 
 .TWGroupRow .TWExpandLeft {
     background-size: 24px;
     padding: 0 28px !important;
-    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28' fill='none'%3E%3Cg filter='url(%23filter0_d_1286_83977)'%3E%3Crect width='24' height='24' rx='4' transform='matrix(-1 0 0 1 26 2)' fill='white'/%3E%3Cpath d='M12.5 19L17.5 14L12.5 9' stroke='%234A556C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_1286_83977' x='0' y='0' width='28' height='28' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeMorphology radius='1' operator='dilate' in='SourceAlpha' result='effect1_dropShadow_1286_83977'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='0.5'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.890196 0 0 0 0 0.898039 0 0 0 0 0.909804 0 0 0 1 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_1286_83977'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_1286_83977' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E") !important;
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/group-collapse-right.svg') !important;
 }
 
 .TWDropCols {
@@ -836,7 +804,7 @@
     top: -9px;
     right: -64px;
     background-size: 100%;
-    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60' fill='none'%3E%3Cpath d='M16.8906 43.1056L29.9981 29.9981L43.1056 43.1056M43.1056 16.8906L29.9956 29.9981L16.8906 16.8906' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/cancel-white.svg');
 }
 
 .TWCfgMenuBody {
@@ -943,68 +911,55 @@
 
 .TWFilterAllMenu.TWFilter0Menu,
 .TWHiddenValue.TWFilter0Value {
-    /* filter-cancel.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Crect width='16' height='16' rx='2' fill='white'/%3E%3Cpath d='M4.50513 11.4955L8.00046 8.00022L11.4958 11.4955M11.4958 4.50488L7.99979 8.00022L4.50513 4.50488' stroke='%23222D44' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/filter/filter-cancel-white.svg');
 }
 
 .TWFilterAllMenu.TWFilter1Menu, .TWFilterLeft.TWFilter1Value {
-    /* filter-equal.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='16' height='16' rx='2' fill='white'/%3E%3Cpath d='M3.19922 6H12.7992' stroke='%234A556C' stroke-width='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.19922 10H12.7992' stroke='%234A556C' stroke-width='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/filter/filter-equal-white.svg');
 }
 
 .TWFilterAllMenu.TWFilter2Menu, .TWFilterLeft.TWFilter2Value {
-    /* filter-not-equal.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='0.796875' width='16' height='16' rx='2' fill='white'/%3E%3Cpath d='M3.19922 7.20312H12.7992' stroke='%234A556C' stroke-width='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.19922 11.2031L12.7992 11.2031' stroke='%234A556C' stroke-width='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.19922 14.0016L10.7992 3.60156' stroke='%234A556C' stroke-width='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/filter/filter-not-equal-white.svg');
 }
 
 .TWFilterAllMenu.TWFilter3Menu, .TWFilterLeft.TWFilter3Value {
-    /* filter-math-lower.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='0.601562' width='16' height='16' rx='2' fill='white'/%3E%3Cpath d='M12.7992 12.6016L3.19922 8.60022L12.7992 4.60156' stroke='%234A556C' stroke-width='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/filter/filter-math-lower-white.svg');
 }
 
 .TWFilterAllMenu.TWFilter4Menu, .TWFilterLeft.TWFilter4Value {
-    /* filter-math-equal-lower.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='0.398438' width='16' height='16' rx='2' fill='white'/%3E%3Cpath d='M12.7992 11.3984L3.19922 7.3971L12.7992 3.39844' stroke='%234A556C' stroke-width='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.19922 13.3984L12.7992 13.3984' stroke='%234A556C' stroke-width='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/filter/filter-math-equal-lower-white.svg');
 }
 
 .TWFilterAllMenu.TWFilter5Menu, .TWFilterLeft.TWFilter5Value {
-    /* filter-math-more.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='16' height='16' rx='2' transform='matrix(-1 0 0 1 16 0.203125)' fill='white'/%3E%3Cpath d='M3.20078 12.2031L12.8008 8.20179L3.20078 4.20312' stroke='%234A556C' stroke-width='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/filter/filter-math-more-white.svg');
 }
 
 .TWFilterAllMenu.TWFilter6Menu, .TWFilterLeft.TWFilter6Value {
-    /* filter-math-equal-more.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='16' height='16' rx='2' transform='matrix(-1 0 0 1 16 0)' fill='white'/%3E%3Cpath d='M3.20078 11L12.8008 6.99866L3.20078 3' stroke='%234A556C' stroke-width='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.8008 13L3.20078 13' stroke='%234A556C' stroke-width='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/filter/filter-math-equal-more-white.svg');
 }
 
 .TWFilterAllMenu.TWFilter7Menu, .TWFilterLeft.TWFilter7Value {
-    /* filter-start-with.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='16' height='16' rx='2' transform='matrix(-1 0 0 1 16 0.796875)' fill='white'/%3E%3Cpath d='M7.99609 13.6016L7.99609 4.00156' stroke='%234A556C' stroke-width='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.59844 4H6.39844' stroke='%234A556C' stroke-width='0.8' stroke-linecap='round'/%3E%3Cpath d='M9.59844 13.6016H6.39844' stroke='%234A556C' stroke-width='0.8' stroke-linecap='round'/%3E%3Cpath d='M12.5608 8.66456C12.6674 8.72614 12.6674 8.88011 12.5608 8.94169L10.6408 10.0502C10.5341 10.1118 10.4008 10.0348 10.4008 9.91164L10.4008 7.69461C10.4008 7.57144 10.5341 7.49446 10.6408 7.55605L12.5608 8.66456Z' fill='%234A556C'/%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/filter/filter-start-with-white.svg');
 }
 
 .TWFilterAllMenu.TWFilter8Menu, .TWFilterLeft.TWFilter8Value {
-    /* filter-not-start-with.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='16' height='16' rx='2' transform='matrix(-1 0 0 1 16 0.601562)' fill='white'/%3E%3Cpath d='M7.99609 13.4062L7.99609 3.80625' stroke='%234A556C' stroke-width='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.59844 3.80469H6.39844' stroke='%234A556C' stroke-width='0.8' stroke-linecap='round'/%3E%3Cpath d='M9.59844 13.4062H6.39844' stroke='%234A556C' stroke-width='0.8' stroke-linecap='round'/%3E%3Cpath d='M12.5608 8.46144C12.6674 8.52302 12.6674 8.67698 12.5608 8.73856L10.6408 9.84708C10.5341 9.90866 10.4008 9.83168 10.4008 9.70851L10.4008 7.49149C10.4008 7.36832 10.5341 7.29134 10.6408 7.35292L12.5608 8.46144Z' fill='%234A556C'/%3E%3Crect x='2.91088' y='12.5625' width='12.8' height='1.6' rx='0.8' transform='rotate(-45 2.91088 12.5625)' fill='%234A556C' stroke='white' stroke-width='0.8'/%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/filter/filter-not-start-with-white.svg');
 }
 
 .TWFilterAllMenu.TWFilter9Menu, .TWFilterLeft.TWFilter9Value {
-    /* filter-ends-in.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='16' height='16' rx='2' transform='matrix(-1 0 0 1 16 0.398438)' fill='white'/%3E%3Cpath d='M7.99609 13.1953L7.99609 3.59531' stroke='%234A556C' stroke-width='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.59844 3.59375H6.39844' stroke='%234A556C' stroke-width='0.8' stroke-linecap='round'/%3E%3Cpath d='M9.59844 13.1953H6.39844' stroke='%234A556C' stroke-width='0.8' stroke-linecap='round'/%3E%3Cpath d='M6.15844 8.25831C6.2651 8.31989 6.2651 8.47386 6.15844 8.53544L4.23844 9.64395C4.13177 9.70554 3.99844 9.62856 3.99844 9.50539L3.99844 7.28836C3.99844 7.16519 4.13177 7.08821 4.23844 7.1498L6.15844 8.25831Z' fill='%234A556C'/%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/filter/filter-ends-in-white.svg');
 }
 
 .TWFilterAllMenu.TWFilter10Menu, .TWFilterLeft.TWFilter10Value {
-    /* filter-not-edns-in.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='16' height='16' rx='2' transform='matrix(-1 0 0 1 16 0.203125)' fill='white'/%3E%3Cpath d='M7.99609 13.0078L7.99609 3.40781' stroke='%234A556C' stroke-width='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.59844 3.40625H6.39844' stroke='%234A556C' stroke-width='0.8' stroke-linecap='round'/%3E%3Cpath d='M9.59844 13.0078H6.39844' stroke='%234A556C' stroke-width='0.8' stroke-linecap='round'/%3E%3Cpath d='M6.15844 8.063C6.2651 8.12458 6.2651 8.27854 6.15844 8.34013L4.23844 9.44864C4.13177 9.51022 3.99844 9.43324 3.99844 9.31007L3.99844 7.09305C3.99844 6.96988 4.13177 6.8929 4.23844 6.95449L6.15844 8.063Z' fill='%234A556C'/%3E%3Crect x='2.91088' y='12.1641' width='12.8' height='1.6' rx='0.8' transform='rotate(-45 2.91088 12.1641)' fill='%234A556C' stroke='white' stroke-width='0.8'/%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/filter/filter-not-edns-in-white.svg');
 }
 
 .TWFilterAllMenu.TWFilter11Menu, .TWFilterLeft.TWFilter11Value {
-    /* filter-contains.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='16' height='16' rx='2' transform='matrix(-1 0 0 1 16 0)' fill='white'/%3E%3Cpath d='M7.99609 12.7969L7.99609 3.19687' stroke='%234A556C' stroke-width='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.59844 3.19531H6.39844' stroke='%234A556C' stroke-width='0.8' stroke-linecap='round'/%3E%3Cpath d='M9.59844 12.7969H6.39844' stroke='%234A556C' stroke-width='0.8' stroke-linecap='round'/%3E%3Cpath d='M6.16234 7.85987C6.26901 7.92146 6.26901 8.07542 6.16234 8.137L4.24234 9.24551C4.13568 9.3071 4.00234 9.23012 4.00234 9.10695L4.00234 6.88993C4.00234 6.76676 4.13568 6.68978 4.24234 6.75136L6.16234 7.85987Z' fill='%234A556C'/%3E%3Cpath d='M9.84156 7.85987C9.7349 7.92146 9.7349 8.07542 9.84156 8.137L11.7616 9.24551C11.8682 9.3071 12.0016 9.23012 12.0016 9.10695L12.0016 6.88993C12.0016 6.76676 11.8682 6.68978 11.7616 6.75136L9.84156 7.85987Z' fill='%234A556C'/%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/filter/filter-contains-white.svg');
 }
 
 .TWFilterAllMenu.TWFilter12Menu, .TWFilterLeft.TWFilter12Value {
-    /* filter-not-contains.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='16' height='16' rx='2' transform='matrix(-1 0 0 1 16 0.796875)' fill='white'/%3E%3Cpath d='M7.99609 13.6016L7.99609 4.00156' stroke='%234A556C' stroke-width='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.59844 4H6.39844' stroke='%234A556C' stroke-width='0.8' stroke-linecap='round'/%3E%3Cpath d='M9.59844 13.6016H6.39844' stroke='%234A556C' stroke-width='0.8' stroke-linecap='round'/%3E%3Cpath d='M6.16234 8.66456C6.26901 8.72614 6.26901 8.88011 6.16234 8.94169L4.24234 10.0502C4.13568 10.1118 4.00234 10.0348 4.00234 9.91164L4.00234 7.69461C4.00234 7.57144 4.13568 7.49446 4.24234 7.55605L6.16234 8.66456Z' fill='%234A556C'/%3E%3Cpath d='M9.84156 8.66456C9.7349 8.72614 9.7349 8.88011 9.84156 8.94169L11.7616 10.0502C11.8682 10.1118 12.0016 10.0348 12.0016 9.91164L12.0016 7.69461C12.0016 7.57144 11.8682 7.49446 11.7616 7.55605L9.84156 8.66456Z' fill='%234A556C'/%3E%3Crect x='2.91088' y='13.1641' width='12.8' height='1.6' rx='0.8' transform='rotate(-45 2.91088 13.1641)' fill='%234A556C' stroke='white' stroke-width='0.8'/%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/filter/filter-not-contains-white.svg');
 }
 
 .TWHintFilterOuter {
@@ -1043,7 +998,7 @@
     height: 20px;
     width: 42px;
     left: calc(50% - 21px);
-    transform: rotate(180deg);
-    background-position: center -1px;
-    background-image: url("data:image/svg+xml,%3Csvg width='44' height='42' viewBox='0 0 44 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_dd_778_105705)'%3E%3Cpath d='M20.3117 11.6584C21.0973 10.4213 22.9027 10.4213 23.6883 11.6584L29.5752 20.9278C30.4208 22.2593 29.4642 24 27.8869 24H16.1131C14.5358 24 13.5792 22.2593 14.4248 20.9278L20.3117 11.6584Z' fill='%234A556C'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_dd_778_105705' x='0.109375' y='0.730469' width='43.7812' height='41.2695' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='4'/%3E%3CfeGaussianBlur stdDeviation='7'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.18 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_778_105705'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.14 0'/%3E%3CfeBlend mode='normal' in2='effect1_dropShadow_778_105705' result='effect2_dropShadow_778_105705'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect2_dropShadow_778_105705' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
+    background-repeat: no-repeat;
+    background-position: center -2px;
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/tooltip-arrow.svg');
 }

package/css/std/controls/table-view-detail/table-view-detail.css

@@ -0,0 +1,15 @@
+:global(#TableViewDetail) {
+    height: 100%;
+}
+
+.vitro-table-view-detail {
+    width: 100%;
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+}
+
+:global(.vitro-task-detail-group) {
+    padding: 16px;
+}

package/css/std/controls/task-tile/img/cancel-dark-grey.svg

@@ -0,0 +1,5 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="iconoir:cancel">
+<path id="Vector" d="M6.75781 17.2438L12.0008 12.0008L17.2438 17.2438M17.2438 6.75781L11.9998 12.0008L6.75781 6.75781" stroke="#4A556C" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+</svg>

package/css/std/controls/task-tile/task-tile.css

@@ -82,8 +82,7 @@
     background-size: 100%;
     background-repeat: no-repeat;
     background-position: center;
-    /* clos�.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='iconoir:cancel'%3E%3Cpath id='Vector' d='M6.75781 17.2438L12.0008 12.0008L17.2438 17.2438M17.2438 6.75781L11.9998 12.0008L6.75781 6.75781' stroke='%234A556C' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/task-tile/img/cancel-dark-grey.svg');
 }
 
 :global(.vitro-time-log-history) .vitro-task-tile:first-child {

package/css/std/controls/task-user-list/task-user-list.css

@@ -0,0 +1,23 @@
+.vitro-task-user-list {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    max-width: 80%;
+    margin: 16px 0 0 0;
+}
+
+.vitro-task-user-list :global(.vitro-content) p {
+    margin-block-start: 0px;
+    margin-block-end: 0px;
+    margin-top: 4px;
+    font-size: 8pt;
+    color: #bdbdbd;
+    line-height: 12px;
+    margin-bottom: 0px;
+}
+
+@media (max-width: 800px) {
+    .vitro-task-user-list {
+      max-width: 100%;
+    }
+}

package/css/std/controls/time-picker/img/copy-to-clipboard.svg

@@ -0,0 +1,4 @@
+<svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.41797 5.68048V4.58919C5.41797 3.10865 5.94264 2.58398 7.42318 2.58398H15.9128C17.3933 2.58398 17.918 3.10865 17.918 4.58919V13.0788C17.918 14.5593 17.3933 15.084 15.9128 15.084H14.7998" stroke="#4A556C" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M12.5768 5.91602H4.08724C2.6067 5.91602 2.08203 6.44068 2.08203 7.92122V16.4108C2.08203 17.8913 2.6067 18.416 4.08724 18.416H12.5768C14.0574 18.416 14.582 17.8913 14.582 16.4108V7.92122C14.582 6.44068 14.0574 5.91602 12.5768 5.91602Z" stroke="#4A556C" stroke-linejoin="round"/>
+</svg>

package/css/std/controls/time-picker/img/error-message.svg

@@ -0,0 +1,6 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.99888 1.07255C12.1016 1.07255 15.4275 4.39843 15.4275 8.50112C15.4275 12.6038 12.1016 15.9297 7.99888 15.9297C3.8962 15.9297 0.570312 12.6038 0.570312 8.50112C0.570312 4.39843 3.8962 1.07255 7.99888 1.07255Z" stroke="#D13438" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M8 9.5L8 4.5" stroke="#D13438" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M8.00446 11.6434C7.84667 11.6434 7.71875 11.7713 7.71875 11.9291C7.71875 12.0869 7.84667 12.2148 8.00446 12.2148" stroke="#D13438" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M8.00391 11.6434C8.1617 11.6434 8.28962 11.7713 8.28962 11.9291C8.28962 12.0869 8.1617 12.2148 8.00391 12.2148" stroke="#D13438" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/css/std/controls/time-picker/img/time-picker.svg

@@ -0,0 +1,6 @@
+<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="clock">
+<path id="Vector" d="M7.99888 15.4275C12.1016 15.4275 15.4275 12.1016 15.4275 7.99888C15.4275 3.8962 12.1016 0.570312 7.99888 0.570312C3.8962 0.570312 0.570312 3.8962 0.570312 7.99888C0.570312 12.1016 3.8962 15.4275 7.99888 15.4275Z" stroke="#222D44" stroke-linecap="round" stroke-linejoin="round"/>
+<path id="Vector_2" d="M7.42969 3.42969V9.14397L10.8583 10.8583" stroke="#222D44" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+</svg>

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

@@ -15,8 +15,7 @@
     position: absolute;
     right: 16px;
     top: calc(50% - 10px);
-    /* copy.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='copy-icon'%3E%3Cpath id='Vector' d='M4.33594 4.14517V3.27214C4.33594 2.0877 4.75567 1.66797 5.9401 1.66797H12.7318C13.9162 1.66797 14.3359 2.0877 14.3359 3.27214V10.0638C14.3359 11.2482 13.9162 11.668 12.7318 11.668H11.8414' stroke='%238E98A3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath id='Vector_2' d='M10.0599 4.33203H3.26823C2.0838 4.33203 1.66406 4.75176 1.66406 5.9362V12.7279C1.66406 13.9123 2.0838 14.332 3.26823 14.332H10.0599C11.2443 14.332 11.6641 13.9123 11.6641 12.7279V5.9362C11.6641 4.75176 11.2443 4.33203 10.0599 4.33203Z' stroke='%238E98A3' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/time-picker/img/copy-to-clipboard.svg');
     background-repeat: no-repeat;
     background-position: center;
     background-size: 100%;
@@ -128,7 +127,7 @@
     margin-right: 4px;
     background-size: 100%;
     background-position: center;
-    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M7.99888 1.07255C12.1016 1.07255 15.4275 4.39843 15.4275 8.50112C15.4275 12.6038 12.1016 15.9297 7.99888 15.9297C3.8962 15.9297 0.570312 12.6038 0.570312 8.50112C0.570312 4.39843 3.8962 1.07255 7.99888 1.07255Z' stroke='%23D13438' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 9.5L8 4.5' stroke='%23D13438' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.00446 11.6434C7.84667 11.6434 7.71875 11.7713 7.71875 11.9291C7.71875 12.0869 7.84667 12.2148 8.00446 12.2148' stroke='%23D13438' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.00781 11.6434C8.16561 11.6434 8.29353 11.7713 8.29353 11.9291C8.29353 12.0869 8.16561 12.2148 8.00781 12.2148' stroke='%23D13438' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/time-picker/img/error-message.svg');
 }
 
 .vitro-control :global(.k-timepicker) {
@@ -164,16 +163,16 @@
     border: 1px solid #C0CAD5 !important;
 }
 
-.vitro-control-container :global(.k-i-clock) {
+.vitro-control :global(.k-i-clock) {
     height: 16px;
     width: 16px;
     background-size: 100%;
     background-repeat: no-repeat;
     background-position: center;
-    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='clock'%3E%3Cpath id='Vector' d='M7.99888 15.4275C12.1016 15.4275 15.4275 12.1016 15.4275 7.99888C15.4275 3.8962 12.1016 0.570312 7.99888 0.570312C3.8962 0.570312 0.570312 3.8962 0.570312 7.99888C0.570312 12.1016 3.8962 15.4275 7.99888 15.4275Z' stroke='%23222D44' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath id='Vector_2' d='M7.42969 3.42969V9.14397L10.8583 10.8583' stroke='%23222D44' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/time-picker/img/time-picker.svg');
 }
 
-.vitro-control-container :global(.k-i-clock)::before {
+.vitro-control :global(.k-i-clock)::before {
     display: none;
 }
 

package/css/std/controls/tooltip/img/tooltip-arrow.svg

@@ -0,0 +1 @@
+<svg xmlns='http://www.w3.org/2000/svg' width='16' height='13' viewBox='0 0 16 13' fill='none'><path d='M9.73205 12C8.96225 13.3333 7.03775 13.3333 6.26795 12L1.0718 3C0.301995 1.66667 1.26424 1.46309e-06 2.80384 1.32849e-06L13.1961 4.19966e-07C14.7358 2.8537e-07 15.698 1.66667 14.9282 3L9.73205 12Z' fill='#4A556C'/></svg>

package/css/std/controls/tooltip/tooltip.css

@@ -30,7 +30,7 @@
     border: unset !important;
     background-size: 100%;
     background-position: center;
-    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='13' viewBox='0 0 16 13' fill='none'%3E%3Cpath d='M9.73205 12C8.96225 13.3333 7.03775 13.3333 6.26795 12L1.0718 3C0.301995 1.66667 1.26424 1.46309e-06 2.80384 1.32849e-06L13.1961 4.19966e-07C14.7358 2.8537e-07 15.698 1.66667 14.9282 3L9.73205 12Z' fill='%234A556C'/%3E%3C/svg%3E");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/tooltip/img/tooltip-arrow.svg');
 }
 
 .vitro-tooltip:global(.bs-tooltip-top) :global(.tooltip-arrow)::before {