@vitrosoftware/common-ui-ts 1.1.85 → 1.1.87

package/css/std/controls/search/input.css

@@ -37,8 +37,7 @@
     background-size: 100%;
     background-position: center;
     margin-right: 8px;
-    /* search.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='circum:search'%3E%3Cpath id='Vector' d='M18.3236 18.8832C18.6858 19.2434 19.2449 18.6875 18.8827 18.3351L15.9297 15.3909C16.9656 14.2512 17.5381 12.7692 17.5361 11.233C17.5361 7.79544 14.725 5 11.2681 5C7.81118 5 5 7.79544 5 11.233C5 14.6705 7.81118 17.4659 11.2681 17.4659C12.8272 17.4659 14.2682 16.8943 15.3707 15.9468L18.3236 18.8832ZM5.78666 11.233C5.78666 8.22611 8.25136 5.78304 11.2673 5.78304C14.2911 5.78304 16.7479 8.22611 16.7479 11.233C16.7479 14.2398 14.2911 16.6829 11.2673 16.6829C8.25136 16.6829 5.78666 14.2398 5.78666 11.233Z' fill='%23222D44'/%3E%3C/g%3E%3C/svg%3E");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/search/img/search.svg');
 }
 
 .vitro-button-search:hover,
@@ -71,8 +70,7 @@
 
 .vitro-button-settings {
     border-radius: 4px;
-    /* search-settings.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='iconamoon:options-thin'%3E%3Cg id='Group'%3E%3Cpath id='Vector' d='M5.60156 8.80469H12.8016M16.0016 8.80469H18.4016M11.2016 15.2047H18.4016M5.60156 15.2047H8.00156' stroke='%23222D44' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath id='Vector_2' d='M9.6 16.8016C10.4837 16.8016 11.2 16.0852 11.2 15.2016C11.2 14.3179 10.4837 13.6016 9.6 13.6016C8.71634 13.6016 8 14.3179 8 15.2016C8 16.0852 8.71634 16.8016 9.6 16.8016Z' stroke='%23222D44'/%3E%3Cpath id='Vector_3' d='M14.4047 10.4031C15.2883 10.4031 16.0047 9.68678 16.0047 8.80313C16.0047 7.91947 15.2883 7.20312 14.4047 7.20312C13.521 7.20312 12.8047 7.91947 12.8047 8.80313C12.8047 9.68678 13.521 10.4031 14.4047 10.4031Z' stroke='%23222D44'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/search/img/search-settings.svg');
 }
 
 .vitro-button-settings.vitro-active,
@@ -81,8 +79,7 @@
 }
 
 .vitro-button-cancel {
-    /* cancel-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%3Cpath d='M6.75781 17.2438L12.0008 12.0008L17.2438 17.2438M17.2438 6.75781L11.9998 12.0008L6.75781 6.75781' stroke='%23222D44' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/search/img/cancel-black.svg');
 }
 
 .vitro-search-value {
@@ -107,8 +104,7 @@
 
 .vitro-search-value .vitro-button-cancel {
     margin: 0;
-    /* close.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/search/img/cancel-dark-grey.svg');
 }
 
 @media (max-width: 800px) {

package/css/std/controls/sidebar/img/bottom-menu-button-more.svg

@@ -0,0 +1,5 @@
+<svg viewBox="0 0 41 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="10.5" cy="20" r="2.5" transform="rotate(-90 10.5 20)" fill="#4A556C"/>
+<circle cx="20.5" cy="20" r="2.5" transform="rotate(-90 20.5 20)" fill="#4A556C"/>
+<circle cx="30.5" cy="20" r="2.5" transform="rotate(-90 30.5 20)" fill="#4A556C"/>
+</svg>

package/css/std/controls/sidebar/img/collapse-bottom-black.svg

@@ -0,0 +1 @@
+<svg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M13 6L8 11L3 6' stroke='#222D44' stroke-linecap='round' stroke-linejoin='round'/></svg>

package/css/std/controls/sidebar/img/collapse-bottom-blue.svg

@@ -0,0 +1,3 @@
+<svg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'>
+	<path d='M13 6L8 11L3 6' stroke='#326AD6' stroke-linecap='round' stroke-linejoin='round'/>
+</svg>

package/css/std/controls/sidebar/img/list-marker-active.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="12" cy="12" r="3" fill="#326AD6"/>
+</svg>

package/css/std/controls/sidebar/img/list-marker.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="12" cy="12" r="3" fill="#222D44"/>
+</svg>

package/css/std/controls/sidebar/sidebar-item.css

@@ -5,7 +5,7 @@
     margin-bottom: 8px;
 }
 
-.vitro-icon {
+.vitro-image {
     width: 24px;
     height: 24px;
     flex-shrink: 0;
@@ -46,11 +46,6 @@ ul > li:last-child > ul > li:last-child .vitro-active {
     white-space: nowrap;
 }
 
-.vitro-icon-text {
-    text-align: center;
-}
-
-.vitro-icon-text,
 .vitro-item-text {
     color: #222D44;
     font-size: 14px;
@@ -60,12 +55,10 @@ ul > li:last-child > ul > li:last-child .vitro-active {
     background-color: #DCEEFF !important;
 }
 
-.vitro-hover .vitro-icon-text,
 .vitro-hover .vitro-item-text {
     color: #326AD6;
 }
 
-.vitro-active .vitro-icon-text,
 .vitro-active .vitro-item-text {
     color: #326AD6;
     font-weight: 500;
@@ -100,14 +93,12 @@ ul > li:last-child > ul > li:last-child .vitro-active {
     width: 24px;
     background-size: 100%;
     background-position: center;
-    /* list-marker.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%3Ccircle cx='12' cy='12' r='3' fill='%23222D44'/%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/sidebar/img/list-marker.svg');
 }
 
 .vitro-group-item > .vitro-item-list > .vitro-item > .vitro-active::before,
 .vitro-group-item > .vitro-item-list > .vitro-item > .vitro-hover::before {
-    /* list-marker-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%3Ccircle cx='12' cy='12' r='3' fill='%23326AD6'/%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/sidebar/img/list-marker-active.svg');
 }
 
 .vitro-expanded,
@@ -120,7 +111,7 @@ ul > li:last-child > ul > li:last-child .vitro-active {
     height: 16px;
     background-size: 100%;
     background-repeat: no-repeat;
-    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%3Cpath d='M13 6L8 11L3 6' stroke='%23222D44' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/sidebar/img/collapse-bottom-black.svg');
 }
 
 .vitro-expanded {
@@ -131,14 +122,13 @@ ul > li:last-child > ul > li:last-child .vitro-active {
 .vitro-hover .vitro-expanded,
 .vitro-active .vitro-collapsed,
 .vitro-hover .vitro-collapsed {
-    content: 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%3Cpath d='M13 6L8 11L3 6' stroke='%23326AD6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
+    content: url('@vitrosoftware/common-ui-ts/css/std/controls/sidebar/img/collapse-bottom-blue.svg');
 }
 
 .vitro-display-none {
     display: none;
 }
 
-:global(.vitro-bottom-menu) .vitro-icon-text,
 :global(.vitro-bottom-menu) .vitro-item-text {
     display: block;
     color: #4A556C;
@@ -149,7 +139,7 @@ ul > li:last-child > ul > li:last-child .vitro-active {
     white-space: normal;
 }
 
-:global(.vitro-bottom-menu) .vitro-icon {
+:global(.vitro-bottom-menu) .vitro-image {
     margin-right: 0;
 }
 
@@ -254,8 +244,7 @@ ul > li:last-child > ul > li:last-child .vitro-active {
     margin-right: 8px;
     background-size: 100%;
     background-position: center;
-    /* list-marker.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%3Ccircle cx='12' cy='12' r='3' fill='%23222D44'/%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/sidebar/img/list-marker.svg');
 }
 
 .vitro-popup-item-list .vitro-active {

package/css/std/controls/sidebar/sidebar.css

@@ -105,8 +105,7 @@
     background-size: 100%;
     background-position: center;
     background-repeat: no-repeat;
-    /* bottom-menu-button-more.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 41 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10.5' cy='20' r='2.5' transform='rotate(-90 10.5 20)' fill='%234A556C'/%3E%3Ccircle cx='20.5' cy='20' r='2.5' transform='rotate(-90 20.5 20)' fill='%234A556C'/%3E%3Ccircle cx='30.5' cy='20' r='2.5' transform='rotate(-90 30.5 20)' fill='%234A556C'/%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/sidebar/img/bottom-menu-button-more.svg');
 }
 
 .vitro-button-more:hover,

package/css/std/controls/splitter/img/splitter-handle-bar-drag.svg

@@ -0,0 +1,6 @@
+<svg viewBox="0 0 6 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Spliter">
+<path id="Rectangle 4359" d="M0 0H4.5C5.32843 0 6 0.671573 6 1.5V28.5C6 29.3284 5.32843 30 4.5 30H0V0Z" fill="#326AD6"/>
+<path id="Polygon 3" d="M1.5 12.911C1.5 12.6251 1.80945 12.4464 2.05701 12.5894L5.12058 14.3581C5.36814 14.501 5.36814 14.8584 5.12058 15.0013L2.05701 16.7701C1.80945 16.913 1.5 16.7343 1.5 16.4485L1.5 12.911Z" fill="white"/>
+</g>
+</svg>

package/css/std/controls/splitter/splitter.css

@@ -44,8 +44,7 @@
 
 :global(.handle-bar_drag)::after {
     left: 3px;
-    /* splitter-handle-bar-drag.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 6 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Spliter'%3E%3Cpath id='Rectangle 4359' d='M0 0H4.5C5.32843 0 6 0.671573 6 1.5V28.5C6 29.3284 5.32843 30 4.5 30H0V0Z' fill='%23326AD6'/%3E%3Cpath id='Polygon 3' d='M1.5 12.911C1.5 12.6251 1.80945 12.4464 2.05701 12.5894L5.12058 14.3581C5.36814 14.501 5.36814 14.8584 5.12058 15.0013L2.05701 16.7701C1.80945 16.913 1.5 16.7343 1.5 16.4485L1.5 12.911Z' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/splitter/img/splitter-handle-bar-drag.svg');
 }
 
 :global(.pane.vertical.primary) {

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

@@ -9,10 +9,10 @@
     justify-content: center;
 }
 
-    .vitro-tab > :global(.vitro-content) {
-        position: relative;
-        height: 100%;
-    }
+.vitro-tab > :global(.vitro-content) {
+    position: relative;
+    height: 100%;
+}
 
 .vitro-tab > :global(.vitro-content) > :global(.container),
 .vitro-tab > :global(.vitro-content) > :global(.container) > div {
@@ -43,8 +43,6 @@
     box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.18), 0px 0px 4px 0px rgba(0, 0, 0, 0.14);
 }
 
-
-
 .vitro-tab :global(.nav) :global(.dropdown-item) {
     padding: 8px 12px;
 }

package/css/std/controls/table-view/img/cancel-grey.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4.50781 11.4946L8.00315 7.99924L11.4985 11.4946M11.4985 4.50391L8.00248 7.99924L4.50781 4.50391" stroke="#8E98A3" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/css/std/controls/table-view/img/cancel-white.svg

@@ -0,0 +1,3 @@
+<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path 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"/>
+</svg>

package/css/std/controls/table-view/img/check.svg

@@ -0,0 +1,10 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="check-one /Line/Black" clip-path="url(#clip0_2166_122689)">
+<path id="Vector" d="M4 8L7 11L12 6" stroke="#222D44" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_2166_122689">
+<rect width="16" height="16" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/css/std/controls/table-view/img/checkbox-active.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="4" y="4" width="16" height="16" rx="2" fill="#4292F7"/>
+<path 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"/>
+</svg>

package/css/std/controls/table-view/img/checkbox-big-active.svg

@@ -0,0 +1,4 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="2" y="2" width="20" height="20" rx="2.5" fill="#4292F7"/>
+<path 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"/>
+</svg>

package/css/std/controls/table-view/img/checkbox-big-empty.svg

@@ -0,0 +1,5 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Checkbox-big">
+<rect id="Background" x="2.5" y="2.5" width="19" height="19" rx="3.5" stroke="#C0CAD5"/>
+</g>
+</svg>

package/css/std/controls/table-view/img/checkbox-big-undetermined.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="7" y="7" width="10" height="10" rx="1" fill="#4292F7"/>
+<rect x="2.625" y="2.625" width="18.75" height="18.75" rx="1.875" stroke="#C0CAD5" stroke-width="1.25"/>
+</svg>

package/css/std/controls/table-view/img/checkbox-empty.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="4.5" y="4.5" width="15" height="15" rx="1.5" stroke="#C0CAD5"/>
+</svg>

package/css/std/controls/table-view/img/collapse-bottom-black.svg

@@ -0,0 +1,5 @@
+<svg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'>
+	<g id='Chevron-tree-down'>
+		<path id='Vector 9' d='M17 10L12 15L7 10' stroke='#222D44' stroke-linecap='round' stroke-linejoin='round'/>
+	</g>
+</svg>

package/css/std/controls/table-view/img/collapse-right-grey.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.5 7L14.5 12L9.5 17" stroke="#8E98A3" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/css/std/controls/table-view/img/dropdown-menu-arrow.svg

@@ -0,0 +1 @@
+<svg viewBox='0 0 44 42' fill='none' xmlns='http://www.w3.org/2000/svg'><g filter='url(#filter0_dd_778_105705)'><path 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'/></g><defs><filter id='filter0_dd_778_105705' x='0.109375' y='0.730469' width='43.7812' height='41.2695' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'><feFlood flood-opacity='0' result='BackgroundImageFix'/><feColorMatrix 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'/><feOffset dy='4'/><feGaussianBlur stdDeviation='7'/><feComposite in2='hardAlpha' operator='out'/><feColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.18 0'/><feBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_778_105705'/><feColorMatrix 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'/><feOffset/><feGaussianBlur stdDeviation='2'/><feComposite in2='hardAlpha' operator='out'/><feColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.14 0'/><feBlend mode='normal' in2='effect1_dropShadow_778_105705' result='effect2_dropShadow_778_105705'/><feBlend mode='normal' in='SourceGraphic' in2='effect2_dropShadow_778_105705' result='shape'/></filter></defs></svg>

package/css/std/controls/table-view/img/filter/filter-cancel-white.svg

@@ -0,0 +1,4 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect y="0.203125" width="16" height="16" rx="2" fill="white"/>
+<path d="M3.80469 12.3966L7.99909 8.20221L12.1935 12.3966M12.1935 4.00781L7.99829 8.20221L3.80469 4.00781" stroke="#4A556C" stroke-width="0.8" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/css/std/controls/table-view/img/filter/filter-contains-white.svg

@@ -0,0 +1,8 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="16" height="16" rx="2" transform="matrix(-1 0 0 1 16 0)" fill="white"/>
+<path d="M7.99609 12.7969L7.99609 3.19687" stroke="#4A556C" stroke-width="0.8" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M9.59844 3.19531H6.39844" stroke="#4A556C" stroke-width="0.8" stroke-linecap="round"/>
+<path d="M9.59844 12.7969H6.39844" stroke="#4A556C" stroke-width="0.8" stroke-linecap="round"/>
+<path 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="#4A556C"/>
+<path 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="#4A556C"/>
+</svg>

package/css/std/controls/table-view/img/filter/filter-contains.svg

@@ -0,0 +1,7 @@
+<svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10 16.5L10 4.5" stroke="#4A556C" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M12 4.5H8" stroke="#4A556C" stroke-linecap="round"/>
+<path d="M12 16.5H8" stroke="#4A556C" stroke-linecap="round"/>
+<path 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="#4A556C"/>
+<path 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="#4A556C"/>
+</svg>

package/css/std/controls/table-view/img/filter/filter-ends-in-white.svg

@@ -0,0 +1,7 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="16" height="16" rx="2" transform="matrix(-1 0 0 1 16 0.398438)" fill="white"/>
+<path d="M7.99609 13.1953L7.99609 3.59531" stroke="#4A556C" stroke-width="0.8" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M9.59844 3.59375H6.39844" stroke="#4A556C" stroke-width="0.8" stroke-linecap="round"/>
+<path d="M9.59844 13.1953H6.39844" stroke="#4A556C" stroke-width="0.8" stroke-linecap="round"/>
+<path 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="#4A556C"/>
+</svg>

package/css/std/controls/table-view/img/filter/filter-ends-in.svg

@@ -0,0 +1,6 @@
+<svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10 16.5L10 4.5" stroke="#4A556C" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M12 4.5H8" stroke="#4A556C" stroke-linecap="round"/>
+<path d="M12 16.5H8" stroke="#4A556C" stroke-linecap="round"/>
+<path 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="#4A556C"/>
+</svg>

package/css/std/controls/table-view/img/filter/filter-equal-white.svg

@@ -0,0 +1,5 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="16" height="16" rx="2" fill="white"/>
+<path d="M3.19922 6H12.7992" stroke="#4A556C" stroke-width="0.8" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M3.19922 10H12.7992" stroke="#4A556C" stroke-width="0.8" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/css/std/controls/table-view/img/filter/filter-equal.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="M4 8H16" stroke="#4A556C" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M4 13H16" stroke="#4A556C" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/css/std/controls/table-view/img/filter/filter-math-equal-lower-white.svg

@@ -0,0 +1,5 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect y="0.398438" width="16" height="16" rx="2" fill="white"/>
+<path d="M12.7992 11.3984L3.19922 7.3971L12.7992 3.39844" stroke="#4A556C" stroke-width="0.8" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M3.19922 13.3984L12.7992 13.3984" stroke="#4A556C" stroke-width="0.8" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/css/std/controls/table-view/img/filter/filter-math-equal-lower.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="M16 14.5L4 9.49833L16 4.5" stroke="#4A556C" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M4 17.5L16 17.5" stroke="#4A556C" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/css/std/controls/table-view/img/filter/filter-math-equal-more-white.svg

@@ -0,0 +1,5 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="16" height="16" rx="2" transform="matrix(-1 0 0 1 16 0)" fill="white"/>
+<path d="M3.20078 11L12.8008 6.99866L3.20078 3" stroke="#4A556C" stroke-width="0.8" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M12.8008 13L3.20078 13" stroke="#4A556C" stroke-width="0.8" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/css/std/controls/table-view/img/filter/filter-math-equal-more.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="M4 14.5L16 9.49833L4 4.5" stroke="#4A556C" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M16 17.5L4 17.5" stroke="#4A556C" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/css/std/controls/table-view/img/filter/filter-math-lower-white.svg

@@ -0,0 +1,4 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect y="0.601562" width="16" height="16" rx="2" fill="white"/>
+<path d="M12.7992 12.6016L3.19922 8.60022L12.7992 4.60156" stroke="#4A556C" stroke-width="0.8" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/css/std/controls/table-view/img/filter/filter-math-lower.svg

@@ -0,0 +1,3 @@
+<svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16 15.5L4 10.4983L16 5.5" stroke="#4A556C" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/css/std/controls/table-view/img/filter/filter-math-more-white.svg

@@ -0,0 +1,4 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="16" height="16" rx="2" transform="matrix(-1 0 0 1 16 0.203125)" fill="white"/>
+<path d="M3.20078 12.2031L12.8008 8.20179L3.20078 4.20312" stroke="#4A556C" stroke-width="0.8" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/css/std/controls/table-view/img/filter/filter-math-more.svg

@@ -0,0 +1,3 @@
+<svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4 15.5L16 10.4983L4 5.5" stroke="#4A556C" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/css/std/controls/table-view/img/filter/filter-not-contains-white.svg

@@ -0,0 +1,9 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="16" height="16" rx="2" transform="matrix(-1 0 0 1 16 0.796875)" fill="white"/>
+<path d="M7.99609 13.6016L7.99609 4.00156" stroke="#4A556C" stroke-width="0.8" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M9.59844 4H6.39844" stroke="#4A556C" stroke-width="0.8" stroke-linecap="round"/>
+<path d="M9.59844 13.6016H6.39844" stroke="#4A556C" stroke-width="0.8" stroke-linecap="round"/>
+<path 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="#4A556C"/>
+<path 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="#4A556C"/>
+<rect x="2.91088" y="13.1641" width="12.8" height="1.6" rx="0.8" transform="rotate(-45 2.91088 13.1641)" fill="#4A556C" stroke="white" stroke-width="0.8"/>
+</svg>

package/css/std/controls/table-view/img/filter/filter-not-contains.svg

@@ -0,0 +1,8 @@
+<svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10 16.5L10 4.5" stroke="#4A556C" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M12 4.5H8" stroke="#4A556C" stroke-linecap="round"/>
+<path d="M12 16.5H8" stroke="#4A556C" stroke-linecap="round"/>
+<path 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="#4A556C"/>
+<path 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="#4A556C"/>
+<rect x="3.63664" y="15.9531" width="16" height="2" rx="1" transform="rotate(-45 3.63664 15.9531)" fill="#4A556C" stroke="white"/>
+</svg>

package/css/std/controls/table-view/img/filter/filter-not-edns-in-white.svg

@@ -0,0 +1,8 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="16" height="16" rx="2" transform="matrix(-1 0 0 1 16 0.203125)" fill="white"/>
+<path d="M7.99609 13.0078L7.99609 3.40781" stroke="#4A556C" stroke-width="0.8" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M9.59844 3.40625H6.39844" stroke="#4A556C" stroke-width="0.8" stroke-linecap="round"/>
+<path d="M9.59844 13.0078H6.39844" stroke="#4A556C" stroke-width="0.8" stroke-linecap="round"/>
+<path 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="#4A556C"/>
+<rect x="2.91088" y="12.1641" width="12.8" height="1.6" rx="0.8" transform="rotate(-45 2.91088 12.1641)" fill="#4A556C" stroke="white" stroke-width="0.8"/>
+</svg>

package/css/std/controls/table-view/img/filter/filter-not-edns-in.svg

@@ -0,0 +1,7 @@
+<svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10 16.5L10 4.5" stroke="#4A556C" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M12 4.5H8" stroke="#4A556C" stroke-linecap="round"/>
+<path d="M12 16.5H8" stroke="#4A556C" stroke-linecap="round"/>
+<path 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="#4A556C"/>
+<rect x="3.63664" y="15.4531" width="16" height="2" rx="1" transform="rotate(-45 3.63664 15.4531)" fill="#4A556C" stroke="white"/>
+</svg>

package/css/std/controls/table-view/img/filter/filter-not-equal-white.svg

@@ -0,0 +1,6 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect y="0.796875" width="16" height="16" rx="2" fill="white"/>
+<path d="M3.19922 7.20312H12.7992" stroke="#4A556C" stroke-width="0.8" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M3.19922 11.2031L12.7992 11.2031" stroke="#4A556C" stroke-width="0.8" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M5.19922 14.0016L10.7992 3.60156" stroke="#4A556C" stroke-width="0.8" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/css/std/controls/table-view/img/filter/filter-not-equal.svg

@@ -0,0 +1,5 @@
+<svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4 8.5H16" stroke="#4A556C" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M4 13.5L16 13.5" stroke="#4A556C" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M6.5 17L13.5 4" stroke="#4A556C" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/css/std/controls/table-view/img/filter/filter-not-start-with-white.svg

@@ -0,0 +1,8 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="16" height="16" rx="2" transform="matrix(-1 0 0 1 16 0.601562)" fill="white"/>
+<path d="M7.99609 13.4062L7.99609 3.80625" stroke="#4A556C" stroke-width="0.8" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M9.59844 3.80469H6.39844" stroke="#4A556C" stroke-width="0.8" stroke-linecap="round"/>
+<path d="M9.59844 13.4062H6.39844" stroke="#4A556C" stroke-width="0.8" stroke-linecap="round"/>
+<path 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="#4A556C"/>
+<rect x="2.91088" y="12.5625" width="12.8" height="1.6" rx="0.8" transform="rotate(-45 2.91088 12.5625)" fill="#4A556C" stroke="white" stroke-width="0.8"/>
+</svg>

package/css/std/controls/table-view/img/filter/filter-not-start-with.svg

@@ -0,0 +1,7 @@
+<svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10 16.5L10 4.5" stroke="#4A556C" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M12 4.5H8" stroke="#4A556C" stroke-linecap="round"/>
+<path d="M12 16.5H8" stroke="#4A556C" stroke-linecap="round"/>
+<path 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="#4A556C"/>
+<rect x="3.63664" y="15.4531" width="16" height="2" rx="1" transform="rotate(-45 3.63664 15.4531)" fill="#4A556C" stroke="white"/>
+</svg>

package/css/std/controls/table-view/img/filter/filter-start-with-white.svg

@@ -0,0 +1,7 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="16" height="16" rx="2" transform="matrix(-1 0 0 1 16 0.796875)" fill="white"/>
+<path d="M7.99609 13.6016L7.99609 4.00156" stroke="#4A556C" stroke-width="0.8" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M9.59844 4H6.39844" stroke="#4A556C" stroke-width="0.8" stroke-linecap="round"/>
+<path d="M9.59844 13.6016H6.39844" stroke="#4A556C" stroke-width="0.8" stroke-linecap="round"/>
+<path 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="#4A556C"/>
+</svg>

package/css/std/controls/table-view/img/filter/filter-start-with.svg

@@ -0,0 +1,6 @@
+<svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10 16.5L10 4.5" stroke="#4A556C" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M12 4.5H8" stroke="#4A556C" stroke-linecap="round"/>
+<path d="M12 16.5H8" stroke="#4A556C" stroke-linecap="round"/>
+<path 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="#4A556C"/>
+</svg>

package/css/std/controls/table-view/img/group-collapse-bottom.svg

@@ -0,0 +1,19 @@
+<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="chevron-down" filter="url(#filter0_d_1286_84959)">
+<rect width="24" height="24" rx="4" transform="matrix(1.19249e-08 -1 -1 -1.19249e-08 26 26)" fill="white"/>
+<path id="Vector" d="M9 12.5L14 17.5L19 12.5" stroke="#4A556C" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<filter id="filter0_d_1286_84959" x="0" y="0" width="28" height="28" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix 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"/>
+<feMorphology radius="1" operator="dilate" in="SourceAlpha" result="effect1_dropShadow_1286_84959"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="0.5"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix 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"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1286_84959"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1286_84959" result="shape"/>
+</filter>
+</defs>
+</svg>

package/css/std/controls/table-view/img/group-collapse-right.svg

@@ -0,0 +1,19 @@
+<svg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28' fill='none'>
+	<g filter='url(#filter0_d_1286_83977)'>
+		<rect width='24' height='24' rx='4' transform='matrix(-1 0 0 1 26 2)' fill='white'/>
+		<path d='M12.5 19L17.5 14L12.5 9' stroke='#4A556C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/>
+	</g>
+	<defs>
+		<filter id='filter0_d_1286_83977' x='0' y='0' width='28' height='28' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'>
+			<feFlood flood-opacity='0' result='BackgroundImageFix'/>
+			<feColorMatrix 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'/>
+			<feMorphology radius='1' operator='dilate' in='SourceAlpha' result='effect1_dropShadow_1286_83977'/>
+			<feOffset/>
+			<feGaussianBlur stdDeviation='0.5'/>
+			<feComposite in2='hardAlpha' operator='out'/>
+			<feColorMatrix 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'/>
+			<feBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_1286_83977'/>
+			<feBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_1286_83977' result='shape'/>
+		</filter>
+	</defs>
+</svg>

package/css/std/controls/table-view/img/preloader.svg

@@ -0,0 +1 @@
+<svg width='64' height='64' viewBox='0 0 24 24' fill='#0097ff' xmlns='http://www.w3.org/2000/svg'><style>.spinner_Wezc{transform-origin:center;animation:spinner_Oiah 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite}@keyframes spinner_Oiah{8.3%{transform:rotate(30deg)}16.6%{transform:rotate(60deg)}25%{transform:rotate(90deg)}33.3%{transform:rotate(120deg)}41.6%{transform:rotate(150deg)}50%{transform:rotate(180deg)}58.3%{transform:rotate(210deg)}66.6%{transform:rotate(240deg)}75%{transform:rotate(270deg)}83.3%{transform:rotate(300deg)}91.6%{transform:rotate(330deg)}100%{transform:rotate(360deg)}}</style><g class='spinner_Wezc'><circle cx='12' cy='2.5' r='1' opacity='1'/><circle cx='16.75' cy='3.77' r='1' opacity='1'/><circle cx='20.23' cy='7.25' r='1' opacity='1'/><circle cx='21.50' cy='12.00' r='1' opacity='1'/><circle cx='20.23' cy='16.75' r='1' opacity='1'/><circle cx='16.75' cy='20.23' r='1' opacity='1'/><circle cx='12' cy='21.5' r='1'/></g></svg>

package/css/std/controls/table-view/img/question.svg

@@ -0,0 +1,10 @@
+<svg viewBox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="help-question">
+<path id="Vector" d="M21.0005 36.751C29.6993 36.751 36.751 29.6993 36.751 21.0005C36.751 12.3017 29.6993 5.25 21.0005 5.25C12.3017 5.25 5.25 12.3017 5.25 21.0005C5.25 29.6993 12.3017 36.751 21.0005 36.751Z" stroke="#4A556C" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path id="Vector_2" d="M16.7656 16.7561C16.7656 15.9174 17.0146 15.0976 17.4809 14.4002C17.9473 13.7029 18.6102 13.1594 19.3858 12.8384C20.1613 12.5175 21.0147 12.4335 21.838 12.5971C22.6614 12.7607 23.4177 13.1646 24.0112 13.7576C24.6048 14.3507 25.0091 15.1063 25.1728 15.9289C25.3366 16.7514 25.2526 17.6041 24.9313 18.3789C24.6101 19.1538 24.066 19.816 23.3681 20.282C22.6701 20.7479 21.8495 20.9966 21.01 20.9966V23.8236" stroke="#222D44" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<g id="Group 2567">
+<path id="Vector_3" d="M21.0042 29.3835C20.6697 29.3835 20.3984 29.1122 20.3984 28.7777C20.3984 28.4431 20.6697 28.1719 21.0042 28.1719" stroke="#222D44" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path id="Vector_4" d="M21 29.3835C21.3346 29.3835 21.6058 29.1122 21.6058 28.7777C21.6058 28.4431 21.3346 28.1719 21 28.1719" stroke="#222D44" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+</g>
+</svg>

package/css/std/controls/table-view/img/sort-bottom.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path 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="#4292F7"/>
+</svg>

package/css/std/controls/table-view/img/sort-top.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path 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="#4292F7"/>
+</svg>

package/css/std/controls/table-view/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>