@milaboratories/uikit 2.1.3 → 2.2.0

package/src/assets/icons/icons-24-generated.scss

@@ -19,14 +19,13 @@ $icons24: (
   bar-trend: 'bar-trend.svg',
   bar: 'bar.svg',
   bindot: 'bindot.svg',
-  box-dot: 'box-dot.svg',
   box: 'box.svg',
-  boxplot-1: 'boxplot-1.svg',
   boxplot-binned: 'boxplot-binned.svg',
   boxplot-jitter: 'boxplot-jitter.svg',
   boxplot-notched: 'boxplot-notched.svg',
   boxplot: 'boxplot.svg',
   bubble: 'bubble.svg',
+  calendar: 'calendar.svg',
   canvas: 'canvas.svg',
   cell-type-num: 'cell-type-num.svg',
   cell-type-txt: 'cell-type-txt.svg',
@@ -44,14 +43,11 @@ $icons24: (
   clipboard-copied: 'clipboard-copied.svg',
   clipboard: 'clipboard.svg',
   close: 'close.svg',
-  cloud-down: 'cloud-down.svg',
   cloud-download: 'cloud-download.svg',
   cloud-offline: 'cloud-offline.svg',
   cloud-online: 'cloud-online.svg',
-  cloud-up: 'cloud-up.svg',
   cloud-upload: 'cloud-upload.svg',
   cluster: 'cluster.svg',
-  code-2: 'code-2.svg',
   code: 'code.svg',
   color-fill: 'color-fill.svg',
   color-none: 'color-none.svg',
@@ -59,25 +55,21 @@ $icons24: (
   color: 'color.svg',
   columns: 'columns.svg',
   connected-points: 'connected-points.svg',
+  container: 'container.svg',
   cookie: 'cookie.svg',
   copy: 'copy.svg',
   cpu: 'cpu.svg',
-  cross-bars: 'cross-bars.svg',
-  dark-mode: 'dark-mode.svg',
   data-dimentions: 'data-dimentions.svg',
   debug: 'debug.svg',
   delete-bin: 'delete-bin.svg',
   delete-circle: 'delete-circle.svg',
   delete-clear: 'delete-clear.svg',
-  delete: 'delete.svg',
-  dendrogram-X-1: 'dendrogram-X-1.svg',
   dendrogram-X-line: 'dendrogram-X-line.svg',
   dendrogram-X: 'dendrogram-X.svg',
-  dendrogram-Y-1: 'dendrogram-Y-1.svg',
   dendrogram-Y-line: 'dendrogram-Y-line.svg',
   dendrogram-Y: 'dendrogram-Y.svg',
   dna: 'dna.svg',
-  download-files: 'download-files.svg',
+  download: 'download.svg',
   drag-dots: 'drag-dots.svg',
   drag-horizontal: 'drag-horizontal.svg',
   drag-vertical: 'drag-vertical.svg',
@@ -87,33 +79,27 @@ $icons24: (
   error: 'error.svg',
   expand-left: 'expand-left.svg',
   expand-right: 'expand-right.svg',
-  export-2: 'export-2.svg',
   export: 'export.svg',
-  external-link: 'external-link.svg',
+  file-doc-add: 'file-doc-add.svg',
+  file-doc-download: 'file-doc-download.svg',
+  file-doc-import: 'file-doc-import.svg',
+  file-doc: 'file-doc.svg',
   files-export: 'files-export.svg',
   files-import: 'files-import.svg',
-  fill-color: 'fill-color.svg',
   filter-on: 'filter-on.svg',
   filter: 'filter.svg',
-  filters-gate: 'filters-gate.svg',
   fire-tips: 'fire-tips.svg',
   folder-parent: 'folder-parent.svg',
-  frame-type--left: 'frame-type--left.svg',
   frame-type-all: 'frame-type-all.svg',
   frame-type-bottom: 'frame-type-bottom.svg',
   frame-type-left-bottom: 'frame-type-left-bottom.svg',
+  frame-type-left: 'frame-type-left.svg',
   frame-type-none: 'frame-type-none.svg',
-  frame-type: 'frame-type.svg',
   generate: 'generate.svg',
   graph: 'graph.svg',
   heatmap: 'heatmap.svg',
   help-outline: 'help-outline.svg',
   help: 'help.svg',
-  hide: 'hide.svg',
-  import-2: 'import-2.svg',
-  import-download: 'import-download.svg',
-  import: 'import.svg',
-  info-circle-outline: 'info-circle-outline.svg',
   info-outline: 'info-outline.svg',
   info: 'info.svg',
   jitter: 'jitter.svg',
@@ -124,7 +110,6 @@ $icons24: (
   legend-box-dot: 'legend-box-dot.svg',
   legend-box: 'legend-box.svg',
   legend: 'legend.svg',
-  light-mode: 'light-mode.svg',
   line-binned: 'line-binned.svg',
   line-error: 'line-error.svg',
   line-jitter: 'line-jitter.svg',
@@ -135,22 +120,15 @@ $icons24: (
   linetype-longdash: 'linetype-longdash.svg',
   linetype-solid: 'linetype-solid.svg',
   linetype-twodash: 'linetype-twodash.svg',
-  linetype: 'linetype.svg',
   link-disabled: 'link-disabled.svg',
   link: 'link.svg',
   loading: 'loading.svg',
-  local: 'local.svg',
   lock: 'lock.svg',
-  logout: 'logout.svg',
   maximize: 'maximize.svg',
   menu: 'menu.svg',
   minimize: 'minimize.svg',
   minus: 'minus.svg',
-  mode-dark: 'mode-dark.svg',
-  mode-light: 'mode-light.svg',
-  more-horizontal: 'more-horizontal.svg',
   more: 'more.svg',
-  outlier-shape: 'outlier-shape.svg',
   paper-clip: 'paper-clip.svg',
   pause: 'pause.svg',
   pin: 'pin.svg',
@@ -163,59 +141,51 @@ $icons24: (
   position-right: 'position-right.svg',
   position-top-annotation: 'position-top-annotation.svg',
   position-top: 'position-top.svg',
-  position: 'position.svg',
-  progress-2: 'progress-2.svg',
-  progress: 'progress.svg',
+  product: 'product.svg',
   publications: 'publications.svg',
-  radio-btn: 'radio-btn.svg',
   radio-button-checked: 'radio-button-checked.svg',
   radio-button: 'radio-button.svg',
+  renew: 'renew.svg',
   restart: 'restart.svg',
   reverse: 'reverse.svg',
   rotation-0: 'rotation-0.svg',
   rotation-45: 'rotation-45.svg',
   rotation-90: 'rotation-90.svg',
-  rotation: 'rotation.svg',
-  save: 'save.svg',
   search: 'search.svg',
-  server-2: 'server-2.svg',
   server-on: 'server-on.svg',
   server: 'server.svg',
-  settings-2: 'settings-2.svg',
   settings: 'settings.svg',
-  show: 'show.svg',
   sina: 'sina.svg',
   skatterplot: 'skatterplot.svg',
   slice: 'slice.svg',
   social-github: 'social-github.svg',
   social-linkedin: 'social-linkedin.svg',
-  social-media: 'social-media.svg',
   social-twitter-X: 'social-twitter-X.svg',
   social-twitter-bird: 'social-twitter-bird.svg',
   social-youtube: 'social-youtube.svg',
   sort-list-down: 'sort-list-down.svg',
   sort-list-up: 'sort-list-up.svg',
   sort: 'sort.svg',
-  stacked-bar: 'stacked-bar.svg',
   statistics: 'statistics.svg',
   stop: 'stop.svg',
   strip-plot: 'strip-plot.svg',
-  stroke-non: 'stroke-non.svg',
-  stroke: 'stroke.svg',
   success: 'success.svg',
-  table-upload: 'table-upload.svg',
+  table-add: 'table-add.svg',
+  table-alias: 'table-alias.svg',
+  table-import: 'table-import.svg',
   table: 'table.svg',
   template: 'template.svg',
   terminal: 'terminal.svg',
   text-align-center: 'text-align-center.svg',
   text-align-left: 'text-align-left.svg',
   text-align-right: 'text-align-right.svg',
-  title-position: 'title-position.svg',
+  theme-dark: 'theme-dark.svg',
+  theme-light: 'theme-light.svg',
+  time: 'time.svg',
   tune: 'tune.svg',
-  upload-files: 'upload-files.svg',
   venn: 'venn.svg',
-  view-off: 'view-off.svg',
-  view-on: 'view-on.svg',
+  view-hide: 'view-hide.svg',
+  view-show: 'view-show.svg',
   violin-binned: 'violin-binned.svg',
   violin-jitter: 'violin-jitter.svg',
   violin: 'violin.svg',

package/src/components/PlDropdown/PlDropdown.vue

@@ -21,6 +21,8 @@ import DropdownListItem from '@/components/DropdownListItem.vue';
 import LongText from '@/components/LongText.vue';
 import { normalizeListOptions } from '@/helpers/utils';
 import { useElementPosition } from '@/composition/usePosition';
+import { PlIcon16 } from '../PlIcon16';
+import { PlMaskIcon24 } from '../PlMaskIcon24';
 
 const emit = defineEmits<{
   /**
@@ -364,8 +366,8 @@ useElementPosition(root, (pos) => {
           </div>
 
           <div class="pl-dropdown__controls">
-            <div v-if="isLoadingOptions" class="mask-24 mask-loading"></div>
-            <div v-if="clearable && hasValue" class="icon-16 icon-clear" @click.stop="clear" />
+            <PlMaskIcon24 v-if="isLoadingOptions" name="loading" />
+            <PlIcon16 v-if="clearable && hasValue" name="delete-clear" @click.stop="clear" />
             <slot name="append" />
             <div v-if="arrowIconLarge" class="arrow-icon" :class="[`icon-24 ${arrowIconLarge}`]" @click.stop="toggleOpen" />
             <div v-else-if="arrowIcon" class="arrow-icon" :class="[`icon-16 ${arrowIcon}`]" @click.stop="toggleOpen" />

package/src/components/PlDropdown/pl-dropdown.scss

@@ -179,7 +179,7 @@
     gap: 6px;
     margin-left: auto;
 
-    .icon-clear {
+    .icon-delete-clear {
       cursor: pointer;
     }
 

package/src/components/PlDropdownLegacy/PlDropdownLegacy.vue

@@ -19,6 +19,8 @@ import { scrollIntoView } from '@/helpers/dom';
 import { deepEqual } from '@/helpers/objects';
 import DropdownListItem from '@/components/DropdownListItem.vue';
 import LongText from '@/components/LongText.vue';
+import { PlIcon16 } from '../PlIcon16';
+import { PlMaskIcon24 } from '../PlMaskIcon24';
 import { normalizeListOptions } from '@/helpers/utils';
 
 const emit = defineEmits<{
@@ -331,8 +333,8 @@ watchPostEffect(() => {
           </div>
 
           <div class="ui-dropdown__controls">
-            <div v-if="isLoadingOptions" class="mask-24 mask-loading"></div>
-            <div v-if="clearable && hasValue" class="icon-16 icon-clear" @click.stop="clear" />
+            <PlMaskIcon24 v-if="isLoadingOptions" name="loading" />
+            <PlIcon16 v-if="clearable && hasValue" name="delete-clear" @click.stop="clear" />
             <slot name="append" />
             <div v-if="arrowIconLarge" class="arrow-icon" :class="[`icon-24 ${arrowIconLarge}`]" @click.stop="toggleOpen" />
             <div v-else-if="arrowIcon" class="arrow-icon" :class="[`icon-16 ${arrowIcon}`]" @click.stop="toggleOpen" />

package/src/components/PlDropdownLegacy/pl-dropdown-legacy.scss

@@ -181,7 +181,7 @@
     gap: 6px;
     margin-left: auto;
 
-    .icon-clear {
+    .icon-delete-clear {
       cursor: pointer;
     }
 

package/src/components/PlFileInput/PlFileInput.vue

@@ -167,7 +167,7 @@ if (!props.cellStyle) {
         </PlTooltip>
       </label>
       <PlMaskIcon24 v-if="hasErrors" name="restart" />
-      <PlMaskIcon24 v-else-if="isUploading" name="cloud-up" />
+      <PlMaskIcon24 v-else-if="isUploading" name="cloud-upload" />
       <PlMaskIcon24 v-else-if="isUploaded" name="success" />
       <PlMaskIcon24 v-else name="paper-clip" />
       <div :data-placeholder="placeholder ?? 'Choose file'" class="pl-file-input__filename" @click.stop="openFileDialog">

package/src/components/PlTextField/PlTextField.vue

@@ -123,7 +123,7 @@ const fieldType = computed(() => {
   }
 });
 
-const passwordIcon = computed(() => (showPassword.value ? 'view-on' : 'view-off'));
+const passwordIcon = computed(() => (showPassword.value ? 'view-show' : 'view-hide'));
 
 const clear = () => {
   if (props.clearable) {

package/src/generated/icons-16.ts

@@ -6,6 +6,11 @@ export const maskIcons16 = [
   'arrow-right',
   'arrow-up',
   'box',
+  'calendar',
+  'caret-down',
+  'caret-left',
+  'caret-right',
+  'caret-up',
   'cell-type-num',
   'cell-type-txt',
   'checkmark',
@@ -15,53 +20,46 @@ export const maskIcons16 = [
   'chevron-left',
   'chevron-right',
   'chevron-up',
-  'clear',
   'clipboard-copied',
   'clipboard',
   'close',
-  'comp',
-  'compare',
   'copy',
   'data-dimentions',
   'delete-bin',
   'delete-circle',
   'delete-clear',
-  'delete',
+  'download',
   'drag-dots',
   'duplicate',
   'edit',
   'error',
   'export',
-  'filter-2',
   'filter-on',
   'filter',
   'help-outline',
   'help',
-  'import',
   'info-outline',
   'info',
   'jump-link',
-  'link-arrow',
   'link',
   'loading',
   'lock',
   'maximize',
   'minimize',
   'minus',
-  'more-horizontal',
   'more',
   'open',
+  'paper-clip',
   'pause',
   'play',
-  'required',
+  'renew',
   'restart',
   'reverse',
-  'settings-2',
   'settings',
   'sort',
-  'sorter',
   'stop',
   'success',
+  'time',
   'tune',
   'warning',
   'x-axis',

package/src/generated/icons-24.ts

@@ -19,14 +19,13 @@ export const maskIcons24 = [
   'bar-trend',
   'bar',
   'bindot',
-  'box-dot',
   'box',
-  'boxplot-1',
   'boxplot-binned',
   'boxplot-jitter',
   'boxplot-notched',
   'boxplot',
   'bubble',
+  'calendar',
   'canvas',
   'cell-type-num',
   'cell-type-txt',
@@ -44,14 +43,11 @@ export const maskIcons24 = [
   'clipboard-copied',
   'clipboard',
   'close',
-  'cloud-down',
   'cloud-download',
   'cloud-offline',
   'cloud-online',
-  'cloud-up',
   'cloud-upload',
   'cluster',
-  'code-2',
   'code',
   'color-fill',
   'color-none',
@@ -59,25 +55,21 @@ export const maskIcons24 = [
   'color',
   'columns',
   'connected-points',
+  'container',
   'cookie',
   'copy',
   'cpu',
-  'cross-bars',
-  'dark-mode',
   'data-dimentions',
   'debug',
   'delete-bin',
   'delete-circle',
   'delete-clear',
-  'delete',
-  'dendrogram-X-1',
   'dendrogram-X-line',
   'dendrogram-X',
-  'dendrogram-Y-1',
   'dendrogram-Y-line',
   'dendrogram-Y',
   'dna',
-  'download-files',
+  'download',
   'drag-dots',
   'drag-horizontal',
   'drag-vertical',
@@ -87,33 +79,27 @@ export const maskIcons24 = [
   'error',
   'expand-left',
   'expand-right',
-  'export-2',
   'export',
-  'external-link',
+  'file-doc-add',
+  'file-doc-download',
+  'file-doc-import',
+  'file-doc',
   'files-export',
   'files-import',
-  'fill-color',
   'filter-on',
   'filter',
-  'filters-gate',
   'fire-tips',
   'folder-parent',
-  'frame-type--left',
   'frame-type-all',
   'frame-type-bottom',
   'frame-type-left-bottom',
+  'frame-type-left',
   'frame-type-none',
-  'frame-type',
   'generate',
   'graph',
   'heatmap',
   'help-outline',
   'help',
-  'hide',
-  'import-2',
-  'import-download',
-  'import',
-  'info-circle-outline',
   'info-outline',
   'info',
   'jitter',
@@ -124,7 +110,6 @@ export const maskIcons24 = [
   'legend-box-dot',
   'legend-box',
   'legend',
-  'light-mode',
   'line-binned',
   'line-error',
   'line-jitter',
@@ -135,22 +120,15 @@ export const maskIcons24 = [
   'linetype-longdash',
   'linetype-solid',
   'linetype-twodash',
-  'linetype',
   'link-disabled',
   'link',
   'loading',
-  'local',
   'lock',
-  'logout',
   'maximize',
   'menu',
   'minimize',
   'minus',
-  'mode-dark',
-  'mode-light',
-  'more-horizontal',
   'more',
-  'outlier-shape',
   'paper-clip',
   'pause',
   'pin',
@@ -163,59 +141,51 @@ export const maskIcons24 = [
   'position-right',
   'position-top-annotation',
   'position-top',
-  'position',
-  'progress-2',
-  'progress',
+  'product',
   'publications',
-  'radio-btn',
   'radio-button-checked',
   'radio-button',
+  'renew',
   'restart',
   'reverse',
   'rotation-0',
   'rotation-45',
   'rotation-90',
-  'rotation',
-  'save',
   'search',
-  'server-2',
   'server-on',
   'server',
-  'settings-2',
   'settings',
-  'show',
   'sina',
   'skatterplot',
   'slice',
   'social-github',
   'social-linkedin',
-  'social-media',
   'social-twitter-X',
   'social-twitter-bird',
   'social-youtube',
   'sort-list-down',
   'sort-list-up',
   'sort',
-  'stacked-bar',
   'statistics',
   'stop',
   'strip-plot',
-  'stroke-non',
-  'stroke',
   'success',
-  'table-upload',
+  'table-add',
+  'table-alias',
+  'table-import',
   'table',
   'template',
   'terminal',
   'text-align-center',
   'text-align-left',
   'text-align-right',
-  'title-position',
+  'theme-dark',
+  'theme-light',
+  'time',
   'tune',
-  'upload-files',
   'venn',
-  'view-off',
-  'view-on',
+  'view-hide',
+  'view-show',
   'violin-binned',
   'violin-jitter',
   'violin',

package/src/assets/icons/icon-assets/16_clear.svg

@@ -1,10 +0,0 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_586_7851)">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16ZM4.46967 5.53033L6.93934 8L4.46967 10.4697L5.53033 11.5303L8 9.06066L10.4697 11.5303L11.5303 10.4697L9.06066 8L11.5303 5.53033L10.4697 4.46967L8 6.93934L5.53033 4.46967L4.46967 5.53033Z" fill="#CFD1DB"/>
-</g>
-<defs>
-<clipPath id="clip0_586_7851">
-<rect width="16" height="16" fill="white"/>
-</clipPath>
-</defs>
-</svg>

package/src/assets/icons/icon-assets/16_comp.svg

@@ -1,3 +0,0 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M7.50001 0.288668C7.80941 0.110035 8.19061 0.110035 8.50001 0.288668L14.4282 3.71132C14.7376 3.88995 14.9282 4.22008 14.9282 4.57734V11.4226C14.9282 11.7799 14.7376 12.11 14.4282 12.2887L8.50001 15.7113C8.19061 15.89 7.80941 15.89 7.50001 15.7113L1.57181 12.2887C1.26241 12.11 1.07181 11.7799 1.07181 11.4226V4.57734C1.07181 4.22008 1.26241 3.88995 1.57181 3.71132L7.50001 0.288668ZM3.34786 4.41796L8.00001 1.73204L12.6522 4.41796L8.00001 7.13172L3.34786 4.41796ZM2.57181 5.70182V11.134L7.25001 13.8349V8.43077L2.57181 5.70182ZM8.75001 13.8349L13.4282 11.134V5.70182L8.75001 8.43077V13.8349Z" fill="#110529"/>
-</svg>

package/src/assets/icons/icon-assets/16_compare.svg

@@ -1,4 +0,0 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M9.96966 7.4697L12.1893 5.25003L1.99999 5.25003L1.99999 3.75003L12.1893 3.75003L9.96966 1.53036L11.0303 0.469696L15.0607 4.50003L11.0303 8.53036L9.96966 7.4697Z" fill="#110529"/>
-<path d="M6.03032 14.4697L3.81065 12.25L14 12.25V10.75L3.81065 10.75L6.03032 8.53036L4.96966 7.4697L0.939331 11.5L4.96966 15.5304L6.03032 14.4697Z" fill="#110529"/>
-</svg>

package/src/assets/icons/icon-assets/16_delete.svg

@@ -1,4 +0,0 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M9.06066 8L11.5303 5.53033L10.4697 4.46967L8 6.93934L5.53033 4.46967L4.46967 5.53033L6.93934 8L4.46967 10.4697L5.53033 11.5303L8 9.06066L10.4697 11.5303L11.5303 10.4697L9.06066 8Z" fill="#110529"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M8 0.25C3.71979 0.25 0.25 3.71979 0.25 8C0.25 12.2802 3.71979 15.75 8 15.75C12.2802 15.75 15.75 12.2802 15.75 8C15.75 3.71979 12.2802 0.25 8 0.25ZM1.75 8C1.75 4.54822 4.54822 1.75 8 1.75C11.4518 1.75 14.25 4.54822 14.25 8C14.25 11.4518 11.4518 14.25 8 14.25C4.54822 14.25 1.75 11.4518 1.75 8Z" fill="#110529"/>
-</svg>

package/src/assets/icons/icon-assets/16_filter-2.svg

@@ -1,4 +0,0 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M0.707109 3.7929C0.316584 4.18342 0.316584 4.81658 0.707108 5.20711L2.7929 7.2929C3.18342 7.68342 3.81658 7.68342 4.20711 7.2929L6.25 5.25L15 5.25L15 3.75L6.25 3.75L4.20711 1.70711C3.81658 1.31658 3.18342 1.31658 2.7929 1.70711L0.707109 3.7929ZM2.12132 4.5L3.5 5.87868L4.87868 4.5L3.5 3.12132L2.12132 4.5Z" fill="#110529"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M9.75 10.75L11.7929 8.70711C12.1834 8.31658 12.8166 8.31658 13.2071 8.70711L15.2929 10.7929C15.6834 11.1834 15.6834 11.8166 15.2929 12.2071L13.2071 14.2929C12.8166 14.6834 12.1834 14.6834 11.7929 14.2929L9.75 12.25H1V10.75H9.75ZM12.5 12.8787L11.1213 11.5L12.5 10.1213L13.8787 11.5L12.5 12.8787Z" fill="#110529"/>
-</svg>

package/src/assets/icons/icon-assets/16_link-arrow.svg

@@ -1,3 +0,0 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 3.25H12.75V11.5H11.25V5.81066L4.03033 13.0303L2.96967 11.9697L10.1893 4.75H4.5V3.25Z" fill="#110529"/>
-</svg>

package/src/assets/icons/icon-assets/16_more-horizontal.svg

@@ -1,5 +0,0 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M4 9V7H2V9H4Z" fill="#110529"/>
-<path d="M9 9V7H7V9H9Z" fill="#110529"/>
-<path d="M14 7H12V9H14V7Z" fill="#110529"/>
-</svg>

package/src/assets/icons/icon-assets/16_required.svg

@@ -1,3 +0,0 @@
-<svg width="6" height="16" viewBox="0 0 6 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M2.01685 6.8L3 5.34159L3.97612 6.8L4.89607 6.12743L3.81461 4.7469L5.5 4.25133L5.14888 3.16106L3.50562 3.77699L3.56882 2H2.43118L2.49438 3.77699L0.851124 3.16106L0.5 4.25133L2.18539 4.7469L1.09691 6.12743L2.01685 6.8Z" fill="#F1222F"/>
-</svg>

package/src/assets/icons/icon-assets/16_settings-2.svg

@@ -1,4 +0,0 @@
-<svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M11.25 1.25H12.75V3.03081C13.8461 3.12123 14.8865 3.40807 15.8359 3.85604L16.7255 2.31526L18.0245 3.06526L17.1343 4.6072C18.0146 5.21971 18.7803 5.98544 19.3928 6.86574L20.9348 5.97548L21.6848 7.27452L20.144 8.16412C20.5919 9.11352 20.8788 10.1539 20.9692 11.2499L22.75 11.25V12.75H21.9723C21.9723 12.75 21.9723 12.75 21.9723 12.75L17.9536 12.7499C17.9536 12.7499 17.9536 12.7499 17.9536 12.7499L14.9055 12.7499C14.5725 14.0439 13.3979 15 12 15C11.7218 15 11.4524 14.9621 11.1967 14.8912L8.91735 18.8392C9.85769 19.2637 10.9013 19.5 12 19.5C15.1714 19.5 17.8831 17.5316 18.9799 14.7498H20.5722C20.4525 15.1231 20.3092 15.4857 20.144 15.8359L21.6848 16.7255L20.9348 18.0245L19.3928 17.1343C18.7803 18.0146 18.0146 18.7803 17.1343 19.3928L18.0245 20.9348L16.7255 21.6848L15.8359 20.144C14.8865 20.5919 13.8461 20.8788 12.75 20.9692V22.75H11.25V20.9692C10.1539 20.8788 9.11354 20.5919 8.16412 20.144L7.27452 21.6848L5.97546 20.9347L9.89808 14.1405C9.3438 13.5962 9 12.8383 9 12C9 10.3431 10.3431 9 12 9C13.3979 9 14.5724 9.95605 14.9055 11.2499H19.463C19.0866 7.45998 15.889 4.5 12 4.5C11.6236 4.5 11.2538 4.52772 10.8923 4.58124L10.0959 3.20182C10.4724 3.12072 10.8576 3.06318 11.25 3.03081V1.25ZM13.5 12C13.5 12.8284 12.8284 13.5 12 13.5C11.1716 13.5 10.5 12.8284 10.5 12C10.5 11.1716 11.1716 10.5 12 10.5C12.8284 10.5 13.5 11.1716 13.5 12Z" fill="#110529"/>
-<path d="M8.16413 3.85602C8.16412 3.85603 8.16415 3.85602 8.16413 3.85602L7.2745 2.3152L5.97546 3.0652L6.86572 4.6072C5.98542 5.21971 5.21971 5.98542 4.6072 6.86572L3.06525 5.97548L2.31525 7.27452L3.85604 8.16409C3.40807 9.11352 3.12123 10.1539 3.03081 11.25H1.25V12.75H3.03081C3.12123 13.8461 3.40807 14.8865 3.85604 15.8359L2.31525 16.7255L3.06525 18.0245L4.60719 17.1343C4.82971 17.4541 5.07245 17.7588 5.33356 18.0465L6.1294 16.668C5.10947 15.387 4.5 13.7647 4.5 12C4.5 9.49325 5.7298 7.27374 7.61899 5.91189L9.89808 9.85938C10.2554 9.50848 10.7002 9.24634 11.1967 9.10869L8.91738 5.16076C8.91736 5.16077 8.91739 5.16076 8.91738 5.16076L8.16413 3.85602Z" fill="#110529"/>
-</svg>

package/src/assets/icons/icon-assets/16_sorter.svg

@@ -1,9 +0,0 @@
-<svg width="122" height="42" viewBox="0 0 122 42" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect x="1" y="1" width="120" height="40" rx="5" stroke="#845CFF" stroke-dasharray="10 5"/>
-<path d="M28.4343 14.5657L25.3657 17.6343C24.9373 18.0627 24.7231 18.2769 24.7086 18.4608C24.6961 18.6203 24.7607 18.7763 24.8824 18.8802C25.0226 19 25.3256 19 25.9314 19H32.0686C32.6744 19 32.9774 19 33.1176 18.8802C33.2393 18.7763 33.3039 18.6203 33.2914 18.4608C33.2769 18.2769 33.0627 18.0627 32.6343 17.6343L29.5657 14.5657C29.3677 14.3677 29.2687 14.2687 29.1545 14.2316C29.0541 14.1989 28.9459 14.1989 28.8455 14.2316C28.7313 14.2687 28.6323 14.3677 28.4343 14.5657Z" fill="#CFD1DB"/>
-<path d="M28.4343 27.4343L25.3657 24.3657C24.9373 23.9373 24.7231 23.7231 24.7086 23.5392C24.6961 23.3797 24.7607 23.2237 24.8824 23.1198C25.0226 23 25.3256 23 25.9314 23H32.0686C32.6744 23 32.9774 23 33.1176 23.1198C33.2393 23.2237 33.3039 23.3797 33.2914 23.5392C33.2769 23.7231 33.0627 23.9373 32.6343 24.3657L29.5657 27.4343C29.3677 27.6323 29.2687 27.7313 29.1545 27.7684C29.0541 27.8011 28.9459 27.8011 28.8455 27.7684C28.7313 27.7313 28.6323 27.6323 28.4343 27.4343Z" fill="#CFD1DB"/>
-<path d="M60.4343 14.5657L57.3657 17.6343C56.9373 18.0627 56.7231 18.2769 56.7086 18.4608C56.6961 18.6203 56.7607 18.7763 56.8824 18.8802C57.0226 19 57.3256 19 57.9314 19H64.0686C64.6744 19 64.9774 19 65.1176 18.8802C65.2393 18.7763 65.3039 18.6203 65.2914 18.4608C65.2769 18.2769 65.0627 18.0627 64.6343 17.6343L61.5657 14.5657C61.3677 14.3677 61.2687 14.2687 61.1545 14.2316C61.0541 14.1989 60.9459 14.1989 60.8455 14.2316C60.7313 14.2687 60.6323 14.3677 60.4343 14.5657Z" fill="#CFD1DB"/>
-<path d="M60.4343 27.4343L57.3657 24.3657C56.9373 23.9373 56.7231 23.7231 56.7086 23.5392C56.6961 23.3797 56.7607 23.2237 56.8824 23.1198C57.0226 23 57.3256 23 57.9314 23H64.0686C64.6744 23 64.9774 23 65.1176 23.1198C65.2393 23.2237 65.3039 23.3797 65.2914 23.5392C65.2769 23.7231 65.0627 23.9373 64.6343 24.3657L61.5657 27.4343C61.3677 27.6323 61.2687 27.7313 61.1545 27.7684C61.0541 27.8011 60.9459 27.8011 60.8455 27.7684C60.7313 27.7313 60.6323 27.6323 60.4343 27.4343Z" fill="#110529"/>
-<path d="M92.4343 14.5657L89.3657 17.6343C88.9373 18.0627 88.7231 18.2769 88.7086 18.4608C88.6961 18.6203 88.7607 18.7763 88.8824 18.8802C89.0226 19 89.3256 19 89.9314 19H96.0686C96.6744 19 96.9774 19 97.1176 18.8802C97.2393 18.7763 97.3039 18.6203 97.2914 18.4608C97.2769 18.2769 97.0627 18.0627 96.6343 17.6343L93.5657 14.5657C93.3677 14.3677 93.2687 14.2687 93.1545 14.2316C93.0541 14.1989 92.9459 14.1989 92.8455 14.2316C92.7313 14.2687 92.6323 14.3677 92.4343 14.5657Z" fill="#110529"/>
-<path d="M92.4343 27.4343L89.3657 24.3657C88.9373 23.9373 88.7231 23.7231 88.7086 23.5392C88.6961 23.3797 88.7607 23.2237 88.8824 23.1198C89.0226 23 89.3256 23 89.9314 23H96.0686C96.6744 23 96.9774 23 97.1176 23.1198C97.2393 23.2237 97.3039 23.3797 97.2914 23.5392C97.2769 23.7231 97.0627 23.9373 96.6343 24.3657L93.5657 27.4343C93.3677 27.6323 93.2687 27.7313 93.1545 27.7684C93.0541 27.8011 92.9459 27.8011 92.8455 27.7684C92.7313 27.7313 92.6323 27.6323 92.4343 27.4343Z" fill="#CFD1DB"/>
-</svg>

package/src/assets/icons/icon-assets/24_box-dot.svg

@@ -1,6 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M12 22L12 2" stroke="#110529"/>
-<path d="M4 6.5C4 6.22386 4.22386 6 4.5 6H19.5C19.7761 6 20 6.22386 20 6.5V12H4V6.5Z" fill="#C1ADFF" stroke="#110529"/>
-<path d="M4 12H20V17.5C20 17.7761 19.7761 18 19.5 18H4.5C4.22386 18 4 17.7761 4 17.5V12Z" fill="#C1ADFF" stroke="#110529"/>
-<circle cx="12" cy="12" r="4" fill="#110529"/>
-</svg>

package/src/assets/icons/icon-assets/24_boxplot-1.svg

@@ -1,5 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M12 22L12 2" stroke="#110529"/>
-<path d="M4 6.5C4 6.22386 4.22386 6 4.5 6H19.5C19.7761 6 20 6.22386 20 6.5V12H4V6.5Z" fill="#C1ADFF" stroke="#110529"/>
-<path d="M4 12H20V17.5C20 17.7761 19.7761 18 19.5 18H4.5C4.22386 18 4 17.7761 4 17.5V12Z" fill="#C1ADFF" stroke="#110529"/>
-</svg>

package/src/assets/icons/icon-assets/24_cloud-down.svg

@@ -1,4 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M11.9998 3.25C9.65273 3.25 7.95205 4.29341 6.85282 5.59C5.98696 6.61133 5.47615 7.81075 5.31011 8.81312C3.27025 9.1788 1.0498 11.1171 1.0498 14.2C1.0498 17.6143 3.78583 19.75 6 19.75V18.25C4.61417 18.25 2.5498 16.7857 2.5498 14.2C2.5498 11.6358 4.59225 10.25 6 10.25H6.75V9.5C6.75 8.79913 7.12219 7.59186 7.99698 6.56C8.84766 5.55659 10.1469 4.75 11.9998 4.75C13.8527 4.75 15.1521 5.55659 16.0028 6.56003C16.8777 7.5919 17.25 8.79917 17.25 9.5V10.25H18C19.4077 10.25 21.4498 11.6358 21.4498 14.2C21.4498 16.7858 19.3857 18.25 18 18.25V19.75C20.2143 19.75 22.9498 17.6142 22.9498 14.2C22.9498 11.1172 20.7297 9.17881 18.6899 8.81312C18.5238 7.81073 18.0129 6.61129 17.147 5.58997C16.0476 4.29341 14.3469 3.25 11.9998 3.25Z" fill="#110529"/>
-<path d="M12 22.0607L7.46967 17.5303L8.53033 16.4697L11.25 19.1893V11H12.75V19.1893L15.4697 16.4697L16.5303 17.5303L12 22.0607Z" fill="#110529"/>
-</svg>

package/src/assets/icons/icon-assets/24_cloud-up.svg

@@ -1,4 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M11.9998 3.25C9.65273 3.25 7.95205 4.29341 6.85282 5.59C5.98696 6.61133 5.47615 7.81075 5.31011 8.81312C3.27025 9.1788 1.0498 11.1171 1.0498 14.2C1.0498 17.6143 3.78583 19.75 6 19.75V18.25C4.61417 18.25 2.5498 16.7857 2.5498 14.2C2.5498 11.6358 4.59225 10.25 6 10.25H6.75V9.5C6.75 8.79913 7.12219 7.59186 7.99698 6.56C8.84766 5.55659 10.1469 4.75 11.9998 4.75C13.8527 4.75 15.1521 5.55659 16.0028 6.56003C16.8777 7.5919 17.25 8.79917 17.25 9.5V10.25H18C19.4077 10.25 21.4498 11.6358 21.4498 14.2C21.4498 16.7858 19.3857 18.25 18 18.25V19.75C20.2143 19.75 22.9498 17.6142 22.9498 14.2C22.9498 11.1172 20.7297 9.17881 18.6899 8.81312C18.5238 7.81073 18.0129 6.61129 17.147 5.58997C16.0476 4.29341 14.3469 3.25 11.9998 3.25Z" fill="#110529"/>
-<path d="M12 10.9393L7.46967 15.4697L8.53033 16.5303L11.25 13.8107V22H12.75V13.8107L15.4697 16.5303L16.5303 15.4697L12 10.9393Z" fill="#110529"/>
-</svg>