@itfin/components 1.3.100 → 1.4.0

package/src/components/filter/FilterPanel.vue

@@ -1,28 +1,42 @@
 <template>
-  <div class="d-flex gap-2 align-items-center flex-wrap">
-    <template v-if="search">
-      <itf-text-field
-        style="width: 200px"
-        small
-        :placeholder="$t('components.filter.search')"
-        prepend---icon="search"
-        :delay-input="250"
-        clearable
-        :value="filterValue.query"
-        @input="(e) => onFilterChange({ type: 'text', name: 'query' }, { value: e })"
+  <div class="itf-filter-panel d-flex flex-column gap-3 align-items-start">
+    <div v-if="search" class="d-flex gap-2 justify-content-between w-100">
+      <slot name="search">
+        <itf-text-field
+          style="width: 300px"
+          small
+          :placeholder="searchPlaceholder"
+          prepend-icon="search"
+          :delay-input="250"
+          clearable
+          :value="filterValue.query"
+          @input="(e) => onFilterChange({ type: 'text', name: 'query' }, { value: e })"
+        />
+      </slot>
+      <div class="d-flex gap-2">
+        <itf-button default icon class="position-relative" @click="toggleFilters">
+          <itf-icon new name="filter" />
+          <span v-if="activeFiltersCount" class="position-absolute top-0 start-100 translate-middle badge rounded-pill bg-primary">
+            {{activeFiltersCount}}
+            <span class="visually-hidden">active filters</span>
+          </span>
+        </itf-button>
+        <slot name="after-filter-btn"></slot>
+      </div>
+    </div>
+    <div v-if="showFilters" class="d-flex gap-2 flex-nowrap">
+      <filter-badge
+        v-for="(facet, n) in visibleFilters"
+        :key="n"
+        v-model="filter[facet.name]"
+        :is-default="filter[facet.name].isDefault"
+        :text="filter[facet.name].label"
+        :type="facet.type"
+        :icon="facet.icon"
+        :options="facet.options"
+        @change="onFilterChange(facet, $event)"
       />
-    </template>
-    <filter-badge
-      v-for="(facet, n) in filters"
-      :key="n"
-      v-model="filter[facet.name]"
-      :is-default="filter[facet.name].isDefault"
-      :text="filter[facet.name].label"
-      :type="facet.type"
-      :icon="facet.icon"
-      :options="facet.options"
-      @change="onFilterChange(facet, $event)"
-    />
+    </div>
     <div v-if="loading">
       <span class="itf-spinner"></span>
       {{$t('loading')}}
@@ -30,6 +44,24 @@
   </div>
 </template>
 <style lang="scss">
+.itf-filter-panel {
+  .itf-text-field:not(.is-valid):not(.is-invalid) .itf-icon {
+    color: #8E97A5;
+  }
+  .itf-text-field__input {
+    border: 0 none;
+    box-shadow: none;
+    background-color: #F2F4F7;
+    border-radius: .5rem;
+    font-family: var(--bs-font-sans-serif);
+    .addon-start {
+      padding-left: 2rem;
+    }
+    &::placeholder {
+      color: #8E97A5;
+    }
+  }
+}
 </style>
 <script>
 import { DateTime } from 'luxon';
@@ -41,6 +73,7 @@ import itfDropdown from '../dropdown/Dropdown.vue';
 import itfTextField from '../text-field/TextField.vue';
 import { formatMoney, formatRangeDates } from '../../helpers/formatters';
 import FilterBadge from './FilterBadge.vue';
+import sortBy from 'lodash/sortBy';
 
 export default @Component({
   components: {
@@ -56,46 +89,91 @@ export default @Component({
 })
 class FilterPanel extends Vue {
   @Model('input') value;
+  @Prop({ type: Array }) staticFilters;
   @Prop({ type: String }) endpoint;
   @Prop() panel;
+  @Prop(String) stateName;
   @Prop(Boolean) search;
+  @Prop(Boolean) mini;
+  @Prop({ type: String, default: function() { return this.$t('components.filter.search'); } }) searchPlaceholder;
 
   filter = {};
   filterValue = {};
   filters = [];
   loading = false;
+  showFilters = true;
+
+  get visibleFilters() {
+    if (this.mini) {
+      return sortBy(this.filters, (f) => this.filter[f.name].isDefault).filter(f => !f.options?.hidden).slice(0, 2);
+    }
+    return this.filters.filter(f => !f.options?.hidden);
+  }
+
+  get resetFilters() {
+    return this.filters.filter(f => !this.visibleFilters.find(vf => vf.name === f.name));
+  }
+
+  get localstorageKey() {
+    return `filter-panel-${this.stateName}-filters`;
+  }
 
   async mounted() {
-    this.loading = true;
-    await this.$try(async () => {
-      const { filters } = await this.$axios.$get(this.endpoint);
-      this.filters = filters;
+    if (this.stateName) {
+      const item = localStorage.getItem(this.localstorageKey);
+      this.showFilters = item ? JSON.parse(item) : this.showFilters;
+    }
+
+    this.filters = this.staticFilters ?? [];
+    if (this.endpoint) {
+      this.loading = true;
+      await this.$try(async () => {
+        const {filters} = await this.$axios.$get(this.endpoint);
+        this.filters = filters;
+        this.loadFiltersValue();
+      });
+      this.loading = false;
+    } else {
       this.loadFiltersValue();
-    });
-    this.loading = false;
-    this.panel.on('panels.changed', () => this.loadFiltersValue());
+    }
+    if (this.panel) {
+      this.panel.on('panels.changed', () => this.loadFiltersValue());
+    }
+  }
+
+  toggleFilters() {
+    this.showFilters = !this.showFilters;
+    if (this.stateName) {
+      localStorage.setItem(this.localstorageKey, this.showFilters);
+    }
   }
 
   loadFiltersValue() {
     const payload = this.panel ? this.panel.getPayload() : {};
     const filter = {};
     const filterValue = {};
-    for (const item of this.filters) {
-      if (item.type === 'period') {
-        filter[item.name] = payload.from ? this.formatValue(item, { value: [payload.from, payload.to] }) : { isDefault: true, ...item.options.defaultValue };
-        filterValue.from = payload.from;
-        filterValue.to = payload.to;
-      } else {
-        filter[item.name] = payload[item.name] ? this.formatValue(item, { value: payload[item.name] }) : { isDefault: true, ...item.options.defaultValue };
-        filterValue[item.name] = payload[item.name];
+    if (this.filters) {
+      for (const item of this.filters) {
+        if (item.type === 'period') {
+          filter[item.name] = payload.from ? this.formatValue(item, { value: [payload.from, payload.to] }) : { isDefault: true, ...item.options.defaultValue };
+          filterValue.from = payload.from;
+          filterValue.to = payload.to;
+        } else {
+          filter[item.name] = payload[item.name] ? this.formatValue(item, { value: payload[item.name] }) : { isDefault: true, ...item.options.defaultValue };
+          filterValue[item.name] = payload[item.name];
+        }
       }
     }
     if (this.search) {
       filterValue.query = payload.query;
     }
-    this.filter = filter;
-    this.filterValue = filterValue;
-    this.$emit('input', this.filterValue);
+    const prevFilter = JSON.stringify(this.filter).concat(JSON.stringify(this.filterValue));
+    const newFilter = JSON.stringify(filter).concat(JSON.stringify(filterValue));
+    if (prevFilter !== newFilter) {
+      this.filter = filter;
+      this.filterValue = filterValue;
+      this.$emit('input', this.filterValue);
+    }
   }
 
   setFilter(field, value) {
@@ -134,6 +212,10 @@ class FilterPanel extends Vue {
     ];
   }
 
+  get activeFiltersCount() {
+    return Object.values(this.filter).filter(facet => !facet.isDefault && !facet.hidden).length;
+  }
+
   formatValue(facet, value) {
     if (facet.type === 'period') {
       if (value.value) {
@@ -165,16 +247,30 @@ class FilterPanel extends Vue {
     } else if (facet.type === 'facets-list') {
       const firstItem = facet.options.items.find(item => item.value === (Array.isArray(value.value) ? value.value[0] : value.value));
       value.label = firstItem ? firstItem.label : facet.options.defaultValue.label;
+      if (!Array.isArray(value.value)) {
+        value.value = [value.value];
+      }
       if (value.value && value.value.length > 1) {
         value.label = `${value.label} та ще ${value.value.length - 1}`;
       }
       value.isDefault = facet.options.defaultValue ? JSON.stringify(value.value) === JSON.stringify(facet.options.defaultValue.value) : false;
     } else if (facet.type === 'amount') {
-      if (typeof value.value[0] !== 'number' || typeof value.value[1] !== 'number') {
-        value.value = [facet.options.min, facet.options.max];
+      if (value.value === null || (Array.isArray(value.value) && value.value.every(v => v === null))) {
+        value.value = facet.options.defaultValue.value;
+      } else if (Array.isArray(value.value)) {
+      } else {
+        if (Number.isNaN(value.value)) {
+          value.value = facet.options.defaultValue.value;
+        }
+      }
+      value.isDefault = facet.options.defaultValue ? JSON.stringify(value.value) === JSON.stringify(facet.options.defaultValue.value) : false;
+
+      if (Array.isArray(value.value)) {
+        value.label = value.isDefault ? facet.options.defaultValue.label : `${formatMoney(value.value[0], null, 2)} - ${formatMoney(value.value[1], null, 2)}`;
+      } else {
+        value.label = value.isDefault ? facet.options.defaultValue.label : formatMoney(value.value, null, 2);
       }
       value.isDefault = facet.options.defaultValue ? JSON.stringify(value.value) === JSON.stringify(facet.options.defaultValue.value) : false;
-      value.label = value.isDefault ? facet.options.defaultValue.label : `${formatMoney(value.value[0], null, 0)} - ${formatMoney(value.value[1], null, 0)}`;
     } else if (facet.type === 'list') {
       const item = facet.options.items.find(item => item.value === value.value);
       value.isDefault = facet.options.defaultValue ? JSON.stringify(value.value) === JSON.stringify(facet.options.defaultValue.value) : false;
@@ -183,6 +279,7 @@ class FilterPanel extends Vue {
       value.value = value.value.length ? value.value : undefined;
       value.isDefault = !value.value;
     }
+    value.hidden = facet.options?.hidden ?? false;
     return value;
   }
 }

package/src/components/filter/index.stories.js

@@ -1,10 +1,8 @@
 import { storiesOf } from '@storybook/vue';
-import FiltersList from './FiltersList.vue';
 
 storiesOf('Common', module)
   .add('Filter', () => ({
     components: {
-      FiltersList
     },
     data() {
       return {

package/src/components/form/Label.vue

@@ -3,9 +3,14 @@
   <div class="itf-label" :class="{'has-validation': hasState, 'no-details': hideDetails, 'row': left}">
     <slot name="label" v-bind="{ required, label, left }">
       <div :class="{'col-md-4': left}">
-        <label class="itf-label__label form-label" v-if="label">
+        <label class="itf-label__label form-label d-flex" v-if="label">
           {{label}}
           <span class="star" v-if="required">*</span>
+          <itf-tooltip v-if="helpTooltip" class="ms-auto align-items-center">
+            <template #activator><itf-icon :size="16" name="question_circle" class="itf-label__tooltip" /></template>
+            {{helpTooltip}}
+            <div><a href="javascript:;" @click="onDetailsClick" v-if="helpDetails" v-text="helpDetails"></a></div>
+          </itf-tooltip>
         </label>
         <div v-if="left && helpText">
           <small class="text-muted" v-html="helpText"></small>
@@ -31,11 +36,16 @@
 <script>
 import { Component, Prop, Inject, Mixins } from 'vue-property-decorator';
 import ValidatableMixin from '../../mixins/ValidatableMixin';
+import itfIcon from '../icon/Icon.vue';
+import itfTooltip from '../tooltip/Tooltip.vue';
 
 export default
 @Component({
   name: 'itfLabel',
-  components: {},
+  components: {
+    itfIcon,
+    itfTooltip
+  },
   provide() {
     return { itemLabel: this }; // do not use Provide from vue-property-decorator
   }
@@ -47,6 +57,8 @@ class itfLabel extends Mixins(ValidatableMixin) {
 
   @Prop(String) label;
   @Prop(String) helpText;
+  @Prop(String) helpTooltip;
+  @Prop(String) helpDetails;
   @Prop(Boolean) required;
   @Prop(Boolean) hideDetails;
   @Prop(Boolean) left;
@@ -62,5 +74,10 @@ class itfLabel extends Mixins(ValidatableMixin) {
   get hasTooltip () {
     return !!this.$slots.tooltip;
   }
+
+  onDetailsClick() {
+    slavik.askQuestion(this.helpDetails);
+    console.info(slavik, this.helpDetails)
+  }
 }
 </script>

package/src/components/icon/Icon.vue

@@ -13,8 +13,9 @@ export default @Component({
   }
 })
 class itfIcon extends Vue {
-  @Prop({ type: String, validator: (value) => !!icons[value] }) name;
+  @Prop({ type: String }) name;
   @Prop([Number, String]) size;
+  @Prop(Boolean) new;
 
   get style() {
     if (this.size) {
@@ -27,7 +28,8 @@ class itfIcon extends Vue {
   }
 
   get iconComponent() {
-    return icons[this.name];
+    const name = this.new ? `nomi-${this.name}` : this.name;
+    return icons[name];
   }
 }
 </script>

package/src/components/icon/components/fi_fingerprint.vue

@@ -0,0 +1,4 @@
+<template><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="512" height="512">
+    <path d="M5.972,22.285a1,1,0,0,1-.515-1.857C9,18.3,9,13.73,9,11a3,3,0,0,1,6,0,1,1,0,0,1-2,0,1,1,0,0,0-2,0c0,2.947,0,8.434-4.514,11.143A1,1,0,0,1,5.972,22.285Zm4.963,1.421c2.282-2.3,3.615-5.534,3.961-9.621A1,1,0,0,0,13.985,13a.983.983,0,0,0-1.081.911c-.311,3.657-1.419,6.4-3.388,8.381a1,1,0,0,0,1.419,1.41Zm5.2-.186a17.793,17.793,0,0,0,1.508-3.181,1,1,0,0,0-1.881-.678,15.854,15.854,0,0,1-1.338,2.821,1,1,0,0,0,1.711,1.038ZM18.5,17.191A31.459,31.459,0,0,0,19,11,7,7,0,0,0,6.787,6.333,1,1,0,1,0,8.276,7.667,5,5,0,0,1,17,11a29.686,29.686,0,0,1-.462,5.809,1,1,0,0,0,.79,1.172.979.979,0,0,0,.193.019A1,1,0,0,0,18.5,17.191ZM7,11a5,5,0,0,1,.069-.833A1,1,0,1,0,5.1,9.833,6.971,6.971,0,0,0,5,11c0,4.645-1.346,7-4,7a1,1,0,0,0,0,2C4.869,20,7,16.8,7,11ZM20.7,23.414A29.76,29.76,0,0,0,23,11a10.865,10.865,0,0,0-1.1-4.794,1,1,0,1,0-1.8.875A8.9,8.9,0,0,1,21,11a27.91,27.91,0,0,1-2.119,11.586,1,1,0,0,0,.5,1.324.984.984,0,0,0,.413.09A1,1,0,0,0,20.7,23.414ZM3,14V11a9.01,9.01,0,0,1,9-9,8.911,8.911,0,0,1,5.4,1.8,1,1,0,0,0,1.2-1.6A10.9,10.9,0,0,0,12,0,11.013,11.013,0,0,0,1,11v3a1,1,0,0,0,2,0Z"/>
+</svg>
+</template>

package/src/components/icon/components/nomi-ai.vue

@@ -0,0 +1,6 @@
+<template><svg width="16" height="16" viewBox="4 4 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M10.8461 13.8066C9.51242 12.9683 7.88973 13.5198 6.33372 14.1816L5 11.0711C5.02223 11.0711 5.06669 11.0491 5.08892 11.027C6.55601 10.4093 10.3571 8.79892 13.5136 11.5785C13.6247 11.6668 13.7136 11.755 13.8248 11.8653C14.9585 11.4461 16.2255 11.3138 17.6037 11.6006C20.1155 12.108 21.8938 14.0272 22.6273 16.6083C23.3387 19.1452 23.0497 22.366 21.6048 25.9397L18.4484 24.6823C19.6932 21.5718 19.8043 19.1452 19.3375 17.5127C18.8929 15.9244 17.9593 15.1302 16.9146 14.9096C16.5367 14.8434 16.181 14.8214 15.8031 14.8655C16.5589 16.6965 16.7812 18.704 16.5811 20.4247C16.4255 21.8807 15.9365 23.3808 15.0251 24.4617C14.0248 25.6309 12.5133 26.2927 10.7572 25.8736C8.68996 25.3882 7.75636 23.7337 7.53407 22.0792C7.33401 20.4909 7.75636 18.704 8.4899 17.1156C9.02339 15.9685 9.82362 14.7772 10.8461 13.7845V13.8066ZM12.8245 16.6303C12.3577 17.1818 11.9354 17.8216 11.5797 18.5716C11.024 19.7629 10.8239 20.91 10.9128 21.6821C11.0017 22.388 11.2463 22.5425 11.513 22.6086C11.8909 22.6969 12.1354 22.6086 12.4022 22.2998C12.7356 21.9027 13.069 21.1527 13.1802 20.0717C13.3135 18.9466 13.1802 17.7333 12.8023 16.6303H12.8245Z" fill="currentColor"/>
+  <path d="M20.6582 5.7567C20.7911 5.4625 21.2089 5.4625 21.3418 5.7567L21.5835 6.29203C21.809 6.79121 22.2088 7.19101 22.708 7.41646L23.2433 7.65824C23.5375 7.79111 23.5375 8.20889 23.2433 8.34176L22.708 8.58354C22.2088 8.80899 21.809 9.20879 21.5835 9.70797L21.3418 10.2433C21.2089 10.5375 20.7911 10.5375 20.6582 10.2433L20.4165 9.70797C20.191 9.20879 19.7912 8.80899 19.292 8.58354L18.7567 8.34176C18.4625 8.20889 18.4625 7.79111 18.7567 7.65824L19.292 7.41646C19.7912 7.19101 20.191 6.79121 20.4165 6.29203L20.6582 5.7567Z" fill="currentColor"/>
+  <path d="M24.7722 11.5045C24.8607 11.3083 25.1393 11.3083 25.2278 11.5045L25.389 11.8614C25.5393 12.1941 25.8059 12.4607 26.1386 12.611L26.4955 12.7722C26.6917 12.8607 26.6917 13.1393 26.4955 13.2278L26.1386 13.389C25.8059 13.5393 25.5393 13.8059 25.389 14.1386L25.2278 14.4955C25.1393 14.6917 24.8607 14.6917 24.7722 14.4955L24.611 14.1386C24.4607 13.8059 24.1941 13.5393 23.8614 13.389L23.5045 13.2278C23.3083 13.1393 23.3083 12.8607 23.5045 12.7722L23.8614 12.611C24.1941 12.4607 24.4607 12.1941 24.611 11.8614L24.7722 11.5045Z" fill="currentColor"/>
+</svg>
+</template>

package/src/components/icon/components/nomi-arrow-down.vue

@@ -0,0 +1,4 @@
+<template><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M19 12C19 15.866 15.866 19 12 19C8.13401 19 5 15.866 5 12C5 8.13401 8.13401 5 12 5C15.866 5 19 8.13401 19 12ZM12 8.4C12.3314 8.4 12.6 8.66863 12.6 9L12.6 13.5515L14.5757 11.5757C14.8101 11.3414 15.1899 11.3414 15.4243 11.5757C15.6586 11.8101 15.6586 12.1899 15.4243 12.4243L12.4246 15.4239L12.4243 15.4243C12.3667 15.4818 12.3004 15.5252 12.2297 15.5545C12.1589 15.5838 12.0814 15.6 12 15.6C11.9186 15.6 11.8411 15.5838 11.7703 15.5545C11.7012 15.5259 11.6363 15.4838 11.5797 15.4282M11.4 13.5515L9.42426 11.5757C9.18995 11.3414 8.81005 11.3414 8.57574 11.5757C8.34142 11.8101 8.34142 12.1899 8.57574 12.4243L11.5754 15.4239M11.4 13.5515V9C11.4 8.66863 11.6686 8.4 12 8.4" fill="currentColor"/>
+</svg>
+</template>

package/src/components/icon/components/nomi-arrow-right-top.vue

@@ -0,0 +1,4 @@
+<template><svg width="24" height="24" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M15.8337 10.0003C15.8337 13.222 13.222 15.8337 10.0003 15.8337C6.77866 15.8337 4.16699 13.222 4.16699 10.0003C4.16699 6.77866 6.77866 4.16699 10.0003 4.16699C13.222 4.16699 15.8337 6.77866 15.8337 10.0003ZM7.31699 7.91699C7.31699 7.58562 7.58562 7.31699 7.91699 7.31699H12.0837C12.415 7.31699 12.6837 7.58562 12.6837 7.91699V12.0837C12.6837 12.415 12.415 12.6837 12.0837 12.6837C11.7523 12.6837 11.4837 12.415 11.4837 12.0837V9.36552L8.34126 12.5079C8.10694 12.7422 7.72704 12.7422 7.49273 12.5079C7.25841 12.2736 7.25841 11.8937 7.49273 11.6594L10.6351 8.51699H7.91699C7.58562 8.51699 7.31699 8.24836 7.31699 7.91699Z" fill="currentColor"/>
+</svg>
+</template>

package/src/components/icon/components/nomi-arrow-up.vue

@@ -0,0 +1,4 @@
+<template><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M12 19C15.866 19 19 15.866 19 12C19 8.13401 15.866 5 12 5C8.13401 5 5 8.13401 5 12C5 15.866 8.13401 19 12 19ZM12 8.4C12.0813 8.4 12.1589 8.41619 12.2297 8.44553C12.3004 8.47481 12.3667 8.51821 12.4243 8.57574L12.4245 8.57598L15.4243 11.5757C15.6586 11.8101 15.6586 12.19 15.4243 12.4243C15.1899 12.6586 14.81 12.6586 14.5757 12.4243L12.6 10.4485V15C12.6 15.3314 12.3314 15.6 12 15.6C11.6686 15.6 11.4 15.3314 11.4 15L11.4 10.4485L9.42426 12.4243C9.18994 12.6586 8.81004 12.6586 8.57573 12.4243C8.34142 12.19 8.34142 11.8101 8.57573 11.5757L11.5755 8.57598L11.5757 8.57574C11.6333 8.51821 11.6996 8.47481 11.7703 8.44553C11.8411 8.41619 11.9186 8.4 12 8.4Z" fill="currentColor"/>
+</svg>
+</template>

package/src/components/icon/components/nomi-arrow_down.vue

@@ -0,0 +1,4 @@
+<template><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.82755 12.7908C7.77448 12.7688 7.72475 12.7363 7.68161 12.6931L3.93161 8.94315C3.75587 8.76741 3.75587 8.48249 3.93161 8.30675C4.10734 8.13102 4.39227 8.13102 4.568 8.30675L7.54981 11.2886L7.5498 3.62495C7.5498 3.37642 7.75128 3.17495 7.9998 3.17495C8.24833 3.17495 8.4498 3.37642 8.4498 3.62495L8.4498 11.2886L11.4316 8.30675C11.6073 8.13102 11.8923 8.13102 12.068 8.30675C12.2437 8.48249 12.2437 8.76741 12.068 8.94315L8.31824 12.6929L8.318 12.6931M7.99711 12.8249C7.93707 12.8246 7.87983 12.8125 7.82755 12.7908L7.99711 12.8249ZM8.0025 12.8249C8.00161 12.8249 8.00071 12.825 7.9998 12.825C7.9989 12.825 7.998 12.8249 7.99711 12.8249M8.31609 12.6951C8.2354 12.7748 8.12473 12.8242 8.0025 12.8249L8.31609 12.6951Z" fill="currentColor"/>
+</svg>
+</template>

package/src/components/icon/components/nomi-arrow_up.vue

@@ -0,0 +1,4 @@
+<template><svg width="24" height="24" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.77072 3.61218C9.69995 3.64146 9.63365 3.68486 9.57613 3.74239L4.57613 8.74239C4.34181 8.9767 4.34181 9.3566 4.57613 9.59091C4.81044 9.82523 5.19034 9.82523 5.42465 9.59091L9.40039 5.61518L9.40039 15.8333C9.40039 16.1647 9.66902 16.4333 10.0004 16.4333C10.3318 16.4333 10.6004 16.1647 10.6004 15.8333L10.6004 5.61518L14.5761 9.59091C14.8104 9.82523 15.1903 9.82523 15.4247 9.59091C15.659 9.3566 15.659 8.9767 15.4247 8.74239L10.4251 3.74282L10.4247 3.74239C10.2479 3.5656 9.9882 3.52219 9.77072 3.61218Z" fill="currentColor"/>
+</svg>
+</template>

package/src/components/icon/components/nomi-arrows.vue

@@ -0,0 +1,7 @@
+<template><svg width="24" height="24" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M14 7.33301L6 7.33301" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/>
+    <path d="M8 5.33301L6 7.33301L8 9.33301" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M12 10.667L14 12.667L12 14.667" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M14 12.667L6 12.667" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/>
+</svg>
+</template>

package/src/components/icon/components/nomi-calendar-alt.vue

@@ -0,0 +1,4 @@
+<template><svg width="24" height="24" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M7.26667 5.00039C7.26667 4.66902 6.99804 4.40039 6.66667 4.40039C6.3353 4.40039 6.06667 4.66902 6.06667 5.00039L6.06667 6.77507C5.80493 6.83948 5.60345 6.94228 5.43934 7.1064C5.13269 7.41304 5.04008 7.85013 5.0121 8.56706L14.9879 8.56706C14.9599 7.85013 14.8673 7.41304 14.5607 7.1064C14.3965 6.94228 14.1951 6.83948 13.9333 6.77507V5.00039C13.9333 4.66902 13.6647 4.40039 13.3333 4.40039C13.002 4.40039 12.7333 4.66902 12.7333 5.00039L12.7333 6.67008C12.5125 6.66706 12.269 6.66706 12 6.66706H8C7.73098 6.66706 7.48754 6.66706 7.26667 6.67008L7.26667 5.00039ZM15 9.76706L5 9.76706L5 12.0004C5 13.4146 5 14.1217 5.43934 14.5611C5.87868 15.0004 6.58579 15.0004 8 15.0004H12C13.4142 15.0004 14.1213 15.0004 14.5607 14.5611C15 14.1217 15 13.4146 15 12.0004V9.76706Z" fill="currentColor"/>
+</svg>
+</template>

package/src/components/icon/components/nomi-calendar-alt2.vue

@@ -0,0 +1,4 @@
+<template><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.00039 4.3999C8.33176 4.3999 8.60039 4.66853 8.60039 4.9999L8.60039 6.40023C8.71629 6.39986 8.83587 6.39987 8.95907 6.39987H8.95908H8.9591H8.95923L9.00039 6.39987H15.0004L15.0416 6.39987H15.0417C15.1649 6.39987 15.2845 6.39986 15.4004 6.40023V4.9999C15.4004 4.66853 15.669 4.3999 16.0004 4.3999C16.3318 4.3999 16.6004 4.66853 16.6004 4.9999L16.6004 6.44507C16.6433 6.44962 16.6853 6.45463 16.7263 6.46014C17.2013 6.524 17.6356 6.66522 17.9853 7.01495C18.335 7.36468 18.4763 7.79901 18.5401 8.27402C18.6004 8.72262 18.6004 9.2867 18.6004 9.95868V9.95871L18.6004 9.99987V14.9999L18.6004 15.041V15.0411C18.6004 15.713 18.6004 16.2771 18.5401 16.7257C18.4763 17.2007 18.335 17.6351 17.9853 17.9848C17.6356 18.3345 17.2013 18.4757 16.7263 18.5396C16.2776 18.5999 15.7136 18.5999 15.0416 18.5999H15.0416L15.0004 18.5999H9.00039L8.95923 18.5999H8.95917C8.28721 18.5999 7.72314 18.5999 7.27454 18.5396C6.79953 18.4757 6.3652 18.3345 6.01547 17.9848C5.66574 17.6351 5.52452 17.2007 5.46066 16.7257C5.40035 16.2771 5.40037 15.713 5.40039 15.0411V15.041L5.40039 14.9999V9.99987L5.40039 9.95871V9.95868C5.40037 9.2867 5.40035 8.72262 5.46066 8.27402C5.52452 7.79901 5.66574 7.36468 6.01547 7.01495C6.3652 6.66522 6.79953 6.524 7.27454 6.46014C7.31553 6.45463 7.35748 6.44962 7.40039 6.44507V4.9999C7.40039 4.66853 7.66902 4.3999 8.00039 4.3999ZM6.60039 10.5999V14.9999C6.60039 15.7239 6.60167 16.2066 6.64996 16.5658C6.69593 16.9078 6.77439 17.0467 6.864 17.1363C6.95361 17.2259 7.0925 17.3043 7.43443 17.3503C7.79363 17.3986 8.27632 17.3999 9.00039 17.3999H15.0004C15.7245 17.3999 16.2072 17.3986 16.5664 17.3503C16.9083 17.3043 17.0472 17.2259 17.1368 17.1363C17.2264 17.0467 17.3049 16.9078 17.3508 16.5658C17.3991 16.2066 17.4004 15.7239 17.4004 14.9999V10.5999L6.60039 10.5999ZM17.3987 9.39987L6.60206 9.39987C6.60557 8.99209 6.61644 8.68325 6.64996 8.43391C6.69593 8.09197 6.77439 7.95308 6.864 7.86348C6.95361 7.77387 7.0925 7.69541 7.43443 7.64944C7.79363 7.60115 8.27632 7.59987 9.00039 7.59987H15.0004C15.7245 7.59987 16.2072 7.60115 16.5664 7.64944C16.9083 7.69541 17.0472 7.77387 17.1368 7.86348C17.2264 7.95308 17.3049 8.09197 17.3508 8.43391C17.3843 8.68325 17.3952 8.99209 17.3987 9.39987ZM8.50039 15.5999H11.5004C11.8318 15.5999 12.1004 15.3313 12.1004 14.9999C12.1004 14.6685 11.8318 14.3999 11.5004 14.3999H8.50039C8.16902 14.3999 7.90039 14.6685 7.90039 14.9999C7.90039 15.3313 8.16902 15.5999 8.50039 15.5999Z" fill="currentColor"/>
+</svg>
+</template>

package/src/components/icon/components/nomi-calendar.vue

@@ -0,0 +1,11 @@
+<template><svg width="24" height="24" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g clip-path="url(#clip0_1129_19696)">
+        <path d="M13.5 5.33341H12.9167V4.75008C12.9167 4.59537 12.8552 4.447 12.7458 4.3376C12.6364 4.22821 12.488 4.16675 12.3333 4.16675C12.1786 4.16675 12.0303 4.22821 11.9209 4.3376C11.8115 4.447 11.75 4.59537 11.75 4.75008V5.33341H8.25V4.75008C8.25 4.59537 8.18854 4.447 8.07915 4.3376C7.96975 4.22821 7.82138 4.16675 7.66667 4.16675C7.51196 4.16675 7.36358 4.22821 7.25419 4.3376C7.14479 4.447 7.08333 4.59537 7.08333 4.75008V5.33341H6.5C6.03587 5.33341 5.59075 5.51779 5.26256 5.84598C4.93437 6.17417 4.75 6.61929 4.75 7.08342V14.0834C4.75 14.5475 4.93437 14.9927 5.26256 15.3209C5.59075 15.649 6.03587 15.8334 6.5 15.8334H13.5C13.9641 15.8334 14.4092 15.649 14.7374 15.3209C15.0656 14.9927 15.25 14.5475 15.25 14.0834V7.08342C15.25 6.61929 15.0656 6.17417 14.7374 5.84598C14.4092 5.51779 13.9641 5.33341 13.5 5.33341ZM7.66667 12.9167C7.55129 12.9167 7.43851 12.8825 7.34258 12.8184C7.24666 12.7543 7.17189 12.6632 7.12774 12.5566C7.08359 12.4501 7.07203 12.3328 7.09454 12.2196C7.11705 12.1065 7.17261 12.0025 7.25419 11.9209C7.33577 11.8394 7.43971 11.7838 7.55286 11.7613C7.66602 11.7388 7.78331 11.7503 7.8899 11.7945C7.99649 11.8386 8.08759 11.9134 8.15169 12.0093C8.21579 12.1053 8.25 12.218 8.25 12.3334C8.25 12.4881 8.18854 12.6365 8.07915 12.7459C7.96975 12.8553 7.82138 12.9167 7.66667 12.9167ZM12.3333 12.9167H10C9.84529 12.9167 9.69692 12.8553 9.58752 12.7459C9.47812 12.6365 9.41667 12.4881 9.41667 12.3334C9.41667 12.1787 9.47812 12.0303 9.58752 11.9209C9.69692 11.8115 9.84529 11.7501 10 11.7501H12.3333C12.488 11.7501 12.6364 11.8115 12.7458 11.9209C12.8552 12.0303 12.9167 12.1787 12.9167 12.3334C12.9167 12.4881 12.8552 12.6365 12.7458 12.7459C12.6364 12.8553 12.488 12.9167 12.3333 12.9167ZM14.0833 9.41675H5.91667V7.08342C5.91667 6.92871 5.97812 6.78033 6.08752 6.67094C6.19692 6.56154 6.34529 6.50008 6.5 6.50008H7.08333V7.08342C7.08333 7.23812 7.14479 7.3865 7.25419 7.49589C7.36358 7.60529 7.51196 7.66675 7.66667 7.66675C7.82138 7.66675 7.96975 7.60529 8.07915 7.49589C8.18854 7.3865 8.25 7.23812 8.25 7.08342V6.50008H11.75V7.08342C11.75 7.23812 11.8115 7.3865 11.9209 7.49589C12.0303 7.60529 12.1786 7.66675 12.3333 7.66675C12.488 7.66675 12.6364 7.60529 12.7458 7.49589C12.8552 7.3865 12.9167 7.23812 12.9167 7.08342V6.50008H13.5C13.6547 6.50008 13.8031 6.56154 13.9125 6.67094C14.0219 6.78033 14.0833 6.92871 14.0833 7.08342V9.41675Z" fill="currentColor"/>
+    </g>
+    <defs>
+        <clipPath id="clip0_1129_19696">
+            <rect width="14" height="14" fill="white" transform="translate(3 3)"/>
+        </clipPath>
+    </defs>
+</svg>
+</template>

package/src/components/icon/components/nomi-card.vue

@@ -0,0 +1,4 @@
+<template><svg width="24" height="24" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M4.16699 9.76634L4.16699 11.1663C4.16699 12.5806 4.16699 13.2877 4.60633 13.727C5.04567 14.1663 5.75278 14.1663 7.16699 14.1663H12.8337C14.2479 14.1663 14.955 14.1663 15.3943 13.727C15.8337 13.2877 15.8337 12.5806 15.8337 11.1663V11.1663V9.76634L4.16699 9.76634ZM15.8335 8.56634C15.8318 7.32809 15.8051 6.68316 15.3943 6.27235C14.955 5.83301 14.2479 5.83301 12.8337 5.83301H7.16699C5.75278 5.83301 5.04567 5.83301 4.60633 6.27235C4.19552 6.68316 4.16884 7.32809 4.16711 8.56634L15.8335 8.56634Z" fill="currentColor"/>
+</svg>
+</template>

package/src/components/icon/components/nomi-clear.vue

@@ -0,0 +1,4 @@
+<template><svg width="24" height="24" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M10 4.16675C10.4602 4.16675 10.8333 4.53984 10.8333 5.00008L10.8333 7.91675C10.8333 8.14687 11.0199 8.33341 11.25 8.33341H14.1667C14.6269 8.33341 15 8.70651 15 9.16675V9.91674C15 10.1469 14.8135 10.3334 14.5833 10.3334H5.41667C5.18655 10.3334 5 10.1469 5 9.91674V9.16675C5 8.70651 5.3731 8.33341 5.83333 8.33341H8.75C8.98012 8.33341 9.16667 8.14687 9.16667 7.91675V5.00008C9.16667 4.53984 9.53976 4.16675 10 4.16675ZM5.41667 11.3334C5.18655 11.3334 5 11.52 5 11.7501V15.3663C5 15.566 5.22254 15.6851 5.38868 15.5743L5.78775 15.3082C6.06767 15.1216 6.43233 15.1216 6.71225 15.3082L7.03775 15.5252C7.31767 15.7119 7.68233 15.7119 7.96225 15.5252L8.28775 15.3082C8.56767 15.1216 8.93233 15.1216 9.21225 15.3082L9.53775 15.5252C9.81767 15.7119 10.1823 15.7119 10.4623 15.5252L10.7877 15.3082C11.0677 15.1216 11.4323 15.1216 11.7123 15.3082L12.0377 15.5252C12.3177 15.7119 12.6823 15.7119 12.9623 15.5252L13.2877 15.3082C13.5677 15.1216 13.9323 15.1216 14.2122 15.3082L14.6113 15.5743C14.7775 15.6851 15 15.566 15 15.3663V11.7501C15 11.52 14.8135 11.3334 14.5833 11.3334H5.41667Z" fill="currentColor"/>
+</svg>
+</template>

package/src/components/icon/components/nomi-close.vue

@@ -0,0 +1,5 @@
+<template><svg width="24" height="24" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M5.83301 14.1667L14.1664 5.83347" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M5.83301 5.83325L14.1664 14.1665" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
+</template>

package/src/components/icon/components/nomi-counterparty.vue

@@ -0,0 +1,4 @@
+<template><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M11 10C12.3807 10 13.5 8.88071 13.5 7.5C13.5 6.11929 12.3807 5 11 5C9.61929 5 8.5 6.11929 8.5 7.5C8.5 8.88071 9.61929 10 11 10ZM5.17424 16.58C5.47671 17 5.96916 17 6.95406 17L13.8971 17L14.4998 16.3973C13.5523 16.3453 12.8 15.5605 12.8 14.6C12.8 13.6059 13.6059 12.8 14.6 12.8H15.3341C15.3199 12.7857 15.3057 12.7715 15.2914 12.7574C14.7278 12.2002 14.0588 11.7583 13.3225 11.4567C12.5862 11.1552 11.797 11 11 11C10.203 11 9.41384 11.1552 8.67753 11.4567C7.94121 11.7583 7.27218 12.2002 6.70863 12.7574C6.14508 13.3145 5.69805 13.9759 5.39305 14.7039C5.34704 14.8137 5.30439 14.9248 5.26514 15.0368C5.00289 15.7856 4.87176 16.16 5.17424 16.58ZM14 14.6C14 14.2686 14.2686 14 14.6 14H16.2558L18.8426 14C18.924 14 19.0016 14.0162 19.0723 14.0455C19.1431 14.0748 19.2094 14.1182 19.2669 14.1757C19.3255 14.232 19.4426 14.3956 19.4426 14.6V18.8426C19.4426 19.174 19.174 19.4426 18.8426 19.4426C18.5113 19.4426 18.2426 19.174 18.2426 18.8426V16.0485L15.0243 19.2669C14.79 19.5012 14.4101 19.5012 14.1757 19.2669C13.9414 19.0326 13.9414 18.6527 14.1757 18.4184L15.5979 16.9963L16.9371 15.657L17.3941 15.2L16.7918 15.2H14.6C14.2686 15.2 14 14.9314 14 14.6Z" fill="currentColor"/>
+</svg>
+</template>

package/src/components/icon/components/nomi-dashboard.vue

@@ -0,0 +1,4 @@
+<template><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.5039 5.28349C11.8113 5.10781 12.1887 5.10781 12.4961 5.28349L18.4961 8.71206C18.8077 8.8901 19 9.22145 19 9.58031V18C19 18.5523 18.5523 19 18 19H12C11.4477 19 11 18.5523 11 18V12.5C11 12.2238 10.7761 12 10.5 12H8.5C8.22386 12 8 12.2238 8 12.5V18C8 18.5523 7.55228 19 7 19H6C5.44772 19 5 18.5523 5 18V9.5803C5 9.22145 5.19229 8.8901 5.50386 8.71206L11.5039 5.28349ZM14.5 12C14.2239 12 14 12.2238 14 12.5V13.5C14 13.7761 14.2239 14 14.5 14H15.5C15.7761 14 16 13.7761 16 13.5V12.5C16 12.2238 15.7761 12 15.5 12H14.5Z" fill="currentColor"/>
+</svg>
+</template>

package/src/components/icon/components/nomi-expand.vue

@@ -0,0 +1,7 @@
+<template><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M19 10V5.3C19 5.13431 18.8657 5 18.7 5H14" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M5 14V18.7C5 18.8657 5.13431 19 5.3 19H10" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M5.5 18.5L9.5 14.5" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M14.5 9.5L18.5 5.5" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
+</template>

package/src/components/icon/components/nomi-eye-close.vue

@@ -0,0 +1,4 @@
+<template><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M19.4247 4.57564C19.659 4.80995 19.659 5.18985 19.4247 5.42417L16.2752 8.5736C16.2758 8.57399 16.2764 8.57438 16.277 8.57478L8.8151 16.0367C8.81442 16.0364 8.81375 16.0361 8.81307 16.0357L5.42465 19.4242C5.19034 19.6585 4.81044 19.6585 4.57613 19.4242C4.34181 19.1899 4.34181 18.81 4.57613 18.5756L7.7237 15.4281C6.589 14.6675 5.67201 13.6126 5.08459 12.3742C4.97229 12.1374 4.97228 11.8626 5.08458 11.6259C6.3033 9.05619 8.94082 7.27686 11.9981 7.27686C13.1362 7.27686 14.2161 7.52341 15.1863 7.9655L18.5761 4.57564C18.8104 4.34132 19.1903 4.34132 19.4247 4.57564ZM10.0692 16.4796C10.6853 16.6384 11.3317 16.7229 11.998 16.7229C15.0554 16.7229 17.6929 14.9436 18.9116 12.3739C19.0239 12.1372 19.0239 11.8624 18.9116 11.6256C18.4988 10.7553 17.9232 9.97567 17.2237 9.32511L10.0692 16.4796Z" fill="currentColor"/>
+</svg>
+</template>

package/src/components/icon/components/nomi-eye-open.vue

@@ -0,0 +1,4 @@
+<template><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M5.08422 11.6259C4.97192 11.8626 4.97193 12.1374 5.08423 12.3742C6.303 14.9437 8.94045 16.7229 11.9977 16.7229C15.055 16.7229 17.6925 14.9436 18.9112 12.3739C19.0235 12.1372 19.0235 11.8624 18.9112 11.6256C17.6924 9.05608 15.055 7.27686 11.9978 7.27686C8.94046 7.27686 6.30294 9.05618 5.08422 11.6259ZM15 11.9999C15 13.6568 13.6569 14.9999 12 14.9999C10.3432 14.9999 9.00003 13.6568 9.00003 11.9999C9.00003 10.343 10.3432 8.9999 12 8.9999C12.3075 8.9999 12.6042 9.04615 12.8834 9.13208C12.3625 9.36726 12 9.89124 12 10.4999C12 11.3283 12.6716 11.9999 13.5 11.9999C14.1087 11.9999 14.6327 11.6374 14.8678 11.1165C14.9538 11.3958 15 11.6924 15 11.9999Z" fill="currentColor"/>
+</svg>
+</template>

package/src/components/icon/components/nomi-eye.vue

@@ -0,0 +1,4 @@
+<template><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M5.08422 11.626C4.97192 11.8628 4.97193 12.1375 5.08423 12.3743C6.303 14.9438 8.94045 16.7231 11.9977 16.7231C15.055 16.7231 17.6925 14.9437 18.9112 12.3741C19.0235 12.1373 19.0235 11.8625 18.9112 11.6258C17.6924 9.0562 15.055 7.27698 11.9978 7.27698C8.94046 7.27698 6.30294 9.05631 5.08422 11.626ZM15 12C15 13.6569 13.6569 15 12 15C10.3432 15 9.00003 13.6569 9.00003 12C9.00003 10.3432 10.3432 9.00002 12 9.00002C12.3075 9.00002 12.6042 9.04627 12.8834 9.1322C12.3625 9.36738 12 9.89137 12 10.5C12 11.3284 12.6716 12 13.5 12C14.1087 12 14.6327 11.6375 14.8678 11.1166C14.9538 11.3959 15 11.6926 15 12Z" fill="currentColor"/>
+</svg>
+</template>

package/src/components/icon/components/nomi-filter.vue

@@ -0,0 +1,4 @@
+<template><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M18 5H6C5.44772 5 5 5.44772 5 6V7.17157C5 7.70201 5.21071 8.21071 5.58579 8.58579L9.41421 12.4142C9.78929 12.7893 10 13.298 10 13.8284V18C10 18.5523 10.4477 19 11 19H13C13.5523 19 14 18.5523 14 18V13.8284C14 13.298 14.2107 12.7893 14.5858 12.4142L18.4142 8.58579C18.7893 8.21071 19 7.70201 19 7.17157V6C19 5.44772 18.5523 5 18 5Z" fill="currentColor"/>
+</svg>
+</template>

package/src/components/icon/components/nomi-help.vue

@@ -0,0 +1,5 @@
+<template><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-info-circle" viewBox="0 0 16 16">
+  <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16"/>
+  <path d="m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0"/>
+</svg>
+</template>

package/src/components/icon/components/nomi-hide.vue

@@ -0,0 +1,4 @@
+<template><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M19.4247 4.57613C19.659 4.81044 19.659 5.19034 19.4247 5.42465L16.2752 8.57408C16.2758 8.57448 16.2764 8.57487 16.277 8.57527L8.8151 16.0372C8.81442 16.0369 8.81375 16.0365 8.81307 16.0362L5.42465 19.4247C5.19034 19.659 4.81044 19.659 4.57613 19.4247C4.34181 19.1903 4.34181 18.8104 4.57613 18.5761L7.7237 15.4285C6.589 14.668 5.67201 13.6131 5.08459 12.3747C4.97229 12.1379 4.97228 11.8631 5.08458 11.6263C6.3033 9.05668 8.94082 7.27735 11.9981 7.27735C13.1362 7.27735 14.2161 7.5239 15.1863 7.96599L18.5761 4.57613C18.8104 4.34181 19.1903 4.34181 19.4247 4.57613ZM10.0692 16.4801C10.6853 16.6389 11.3317 16.7234 11.998 16.7234C15.0554 16.7234 17.6929 14.9441 18.9116 12.3744C19.0239 12.1376 19.0239 11.8629 18.9116 11.6261C18.4988 10.7558 17.9232 9.97616 17.2237 9.32559L10.0692 16.4801Z" fill="currentColor"/>
+</svg>
+</template>

package/src/components/icon/components/nomi-logout.vue

@@ -0,0 +1,5 @@
+<template><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-door-closed" viewBox="0 0 16 16">
+  <path d="M3 2a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v13h1.5a.5.5 0 0 1 0 1h-13a.5.5 0 0 1 0-1H3zm1 13h8V2H4z"/>
+  <path d="M9 9a1 1 0 1 0 2 0 1 1 0 0 0-2 0"/>
+</svg>
+</template>

package/src/components/icon/components/nomi-money.vue

@@ -0,0 +1,4 @@
+<template><svg width="24" height="24" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M9.99935 15.8327C13.2211 15.8327 15.8327 13.2211 15.8327 9.99935C15.8327 6.7776 13.2211 4.16602 9.99935 4.16602C6.7776 4.16602 4.16602 6.7776 4.16602 9.99935C4.16602 13.2211 6.7776 15.8327 9.99935 15.8327ZM10.3087 6.18999C10.2267 6.10794 10.1154 6.06185 9.99935 6.06185C9.88332 6.06185 9.77204 6.10794 9.68999 6.18999C9.60794 6.27204 9.56185 6.38332 9.56185 6.49935V6.68427C8.61102 6.8546 7.81185 7.56918 7.81185 8.54102C7.81185 9.51285 8.61102 10.2274 9.56185 10.3978V12.4213C9.01585 12.2726 8.68685 11.8532 8.68685 11.4577C8.68685 11.3416 8.64076 11.2304 8.55871 11.1483C8.47666 11.0663 8.36538 11.0202 8.24935 11.0202C8.13332 11.0202 8.02204 11.0663 7.93999 11.1483C7.85794 11.2304 7.81185 11.3416 7.81185 11.4577C7.81185 12.4295 8.61102 13.1441 9.56185 13.3144V13.4993C9.56185 13.6154 9.60794 13.7267 9.68999 13.8087C9.77204 13.8908 9.88332 13.9368 9.99935 13.9368C10.1154 13.9368 10.2267 13.8908 10.3087 13.8087C10.3908 13.7267 10.4368 13.6154 10.4368 13.4993V13.3144C11.3877 13.1441 12.1868 12.4295 12.1868 11.4577C12.1868 10.4858 11.3877 9.77127 10.4368 9.60093V7.57677C10.9828 7.7261 11.3118 8.14552 11.3118 8.54102C11.3118 8.65705 11.3579 8.76833 11.44 8.85037C11.522 8.93242 11.6333 8.97852 11.7493 8.97852C11.8654 8.97852 11.9767 8.93242 12.0587 8.85037C12.1408 8.76833 12.1868 8.65705 12.1868 8.54102C12.1868 7.56918 11.3877 6.8546 10.4368 6.68427V6.49935C10.4368 6.38332 10.3908 6.27204 10.3087 6.18999ZM8.68669 8.54091C8.68669 8.14541 9.01569 7.72599 9.56169 7.57666V9.50458C9.01569 9.35583 8.68669 8.93641 8.68669 8.54091ZM11.3117 11.4576C11.3117 11.8531 10.9827 12.2725 10.4367 12.4212V10.4939C10.9827 10.6427 11.3117 11.0621 11.3117 11.4576Z" fill="currentColor"/>
+</svg>
+</template>

package/src/components/icon/components/nomi-move-left.vue

@@ -0,0 +1,4 @@
+<template><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M4.44592 12.2296C4.4752 12.3003 4.5186 12.3666 4.57613 12.4242L10.5761 18.4242C10.8104 18.6585 11.1903 18.6585 11.4247 18.4242C11.659 18.1899 11.659 17.81 11.4247 17.5756L6.44892 12.5999L19.0004 12.5999C19.3318 12.5999 19.6004 12.3313 19.6004 11.9999C19.6004 11.6685 19.3318 11.3999 19.0004 11.3999L6.44892 11.3999L11.4247 6.42417C11.659 6.18985 11.659 5.80995 11.4247 5.57564C11.1903 5.34132 10.8104 5.34132 10.5761 5.57564L4.57707 11.5747C4.57447 11.5773 4.57189 11.5799 4.56933 11.5825C4.46475 11.6905 4.40039 11.8377 4.40039 11.9999C4.40039 12.0813 4.41658 12.1588 4.44592 12.2296Z" fill="currentColor"/>
+</svg>
+</template>

package/src/components/icon/components/nomi-move-right.vue

@@ -0,0 +1,4 @@
+<template><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M19.5549 12.2296C19.5256 12.3003 19.4822 12.3666 19.4247 12.4242L13.4247 18.4242C13.1903 18.6585 12.8104 18.6585 12.5761 18.4242C12.3418 18.1899 12.3418 17.81 12.5761 17.5756L17.5519 12.5999L5.00039 12.5999C4.66902 12.5999 4.40039 12.3313 4.40039 11.9999C4.40039 11.6685 4.66902 11.3999 5.00039 11.3999L17.5519 11.3999L12.5761 6.42417C12.3418 6.18985 12.3418 5.80995 12.5761 5.57564C12.8104 5.34132 13.1903 5.34132 13.4247 5.57564L19.4237 11.5747C19.4263 11.5773 19.4289 11.5799 19.4315 11.5825C19.536 11.6905 19.6004 11.8377 19.6004 11.9999C19.6004 12.0813 19.5842 12.1588 19.5549 12.2296Z" fill="currentColor"/>
+</svg>
+</template>

package/src/components/icon/components/nomi-pen.vue

@@ -0,0 +1,5 @@
+<template><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M7 18L17 18" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/>
+  <path d="M7 13.4142V15.5C7 15.7761 7.22386 16 7.5 16H9.58579C9.851 16 10.1054 15.8946 10.2929 15.7071L17.2929 8.70711C17.6834 8.31658 17.6834 7.68342 17.2929 7.29289L15.7071 5.70711C15.3166 5.31658 14.6834 5.31658 14.2929 5.70711L7.29289 12.7071C7.10536 12.8946 7 13.149 7 13.4142Z" fill="currentColor"/>
+</svg>
+</template>

package/src/components/icon/components/nomi-person.vue

@@ -0,0 +1,5 @@
+<template><svg width="24" height="24" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <circle cx="10.0003" cy="7.08333" r="2.08333" fill="currentColor"/>
+    <path d="M6.62838 15C5.80763 15 5.39726 15 5.1452 14.65C4.89314 14.3 5.00241 13.988 5.22095 13.364C5.25366 13.2706 5.2892 13.1781 5.32754 13.0866C5.5817 12.48 5.95423 11.9288 6.42386 11.4645C6.89348 11.0002 7.45101 10.6319 8.06461 10.3806C8.6782 10.1293 9.33585 10 10 10C10.6642 10 11.3218 10.1293 11.9354 10.3806C12.549 10.6319 13.1065 11.0002 13.5761 11.4645C14.0458 11.9288 14.4183 12.48 14.6725 13.0866C14.7108 13.1781 14.7463 13.2706 14.779 13.364C14.9976 13.988 15.1069 14.3 14.8548 14.65C14.6027 15 14.1924 15 13.3716 15L6.62838 15Z" fill="currentColor"/>
+</svg>
+</template>

package/src/components/icon/components/nomi-pin.vue

@@ -0,0 +1,7 @@
+<template><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M12 12L5 19" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M17 9L15 7L7 11L13 17L17 9Z" fill="currentColor"/>
+    <path d="M6.70711 9.29289L7.29289 8.70711C7.68342 8.31658 8.31658 8.31658 8.70711 8.70711L15.2929 15.2929C15.6834 15.6834 15.6834 16.3166 15.2929 16.7071L14.7071 17.2929C14.3166 17.6834 13.6834 17.6834 13.2929 17.2929L6.70711 10.7071C6.31658 10.3166 6.31658 9.68342 6.70711 9.29289Z" fill="currentColor"/>
+    <path d="M13.2071 5.79289L13.7929 5.20711C14.1834 4.81658 14.8166 4.81658 15.2071 5.20711L18.7929 8.79289C19.1834 9.18342 19.1834 9.81658 18.7929 10.2071L18.2071 10.7929C17.8166 11.1834 17.1834 11.1834 16.7929 10.7929L13.2071 7.20711C12.8166 6.81658 12.8166 6.18342 13.2071 5.79289Z" fill="currentColor"/>
+</svg>
+</template>

package/src/components/icon/components/nomi-project.vue

@@ -0,0 +1,4 @@
+<template><svg width="24" height="24" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M10.0003 15.8337C13.222 15.8337 15.8337 13.222 15.8337 10.0003C15.8337 6.77866 13.222 4.16699 10.0003 4.16699C6.77866 4.16699 4.16699 6.77866 4.16699 10.0003C4.16699 13.222 6.77866 15.8337 10.0003 15.8337ZM7.91697 10.0003C7.91697 8.84973 8.84971 7.91699 10.0003 7.91699C11.1509 7.91699 12.0836 8.84973 12.0836 10.0003C12.0836 11.1509 11.1509 12.0837 10.0003 12.0837C8.84971 12.0837 7.91697 11.1509 7.91697 10.0003ZM10.0003 6.25032C7.92924 6.25032 6.25031 7.92925 6.25031 10.0003C6.25031 12.0714 7.92924 13.7503 10.0003 13.7503C12.0714 13.7503 13.7503 12.0714 13.7503 10.0003C13.7503 7.92925 12.0714 6.25032 10.0003 6.25032Z" fill="currentColor"/>
+</svg>
+</template>

package/src/components/icon/components/nomi-recurrence.vue

@@ -0,0 +1,2 @@
+<template><svg width="18" height="18" viewBox="0 0 18 18" fill="currentColor" xmlns="http://www.w3.org/2000/svg" name="repeat" class="block" data-toggle="tooltip" ui-jq="tooltip" ui-options="{ 'container': 'body' }" title="" data-original-title="Повторяющаяся операция"><path d="M13.125 1.6875V3.9375H2.25001V9.9375H3.75001V5.4375H13.125V7.6875L16.125 4.6875L13.125 1.6875ZM14.25 8.625V13.125H4.875V10.875L1.875 13.875L4.875 16.875V14.625H15.75V8.625L14.25 8.625Z" fill="inherit"></path></svg>
+</template>

package/src/components/icon/components/nomi-repeat.vue

@@ -0,0 +1,7 @@
+<template><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M17 7L9.5 7C7.84315 7 6.5 8.34315 6.5 10L6.5 12" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M7 17L14.5 17C16.1569 17 17.5 15.6569 17.5 14L17.5 12" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M16 5L18 7L16 9" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M8 19L6 17L8 15" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
+</template>