@itfin/components 2.0.82 → 2.0.84

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itfin/components",
-  "version": "2.0.82",
+  "version": "2.0.84",
   "author": "Vitalii Savchuk <esvit666@gmail.com>",
   "scripts": {
     "serve": "vue-cli-service serve",

package/src/assets/scss/_css_variables.scss

@@ -1,8 +1,8 @@
 @import './variables.scss';
 @import './bootstrap.scss';
 
-$color-income: #46A856;
-$color-outcome: #DC5C2E;
+$color-income: #398241;
+$color-outcome: #C33737;
 
 :root {
   --color-income: #{$color-income};

package/src/assets/scss/_dark-theme.scss

@@ -9,16 +9,6 @@ body[data-theme="dark"] {
   --bs-link-color: #{$dark-link-color};
   --bs-link-hover-color: #{darken($dark-link-color, 10%)};
 
-  .color-project-tnm {
-    color: lighten($project-tnm, 50%);
-  }
-  .color-project-fixed {
-    color: $project-fixed;
-  }
-  .color-project-nonprofit {
-    color: $project-nonprofit;
-  }
-
   .form-control {
     background-color: $dark-input-bg;
     border-color: $dark-input-bg;

package/src/assets/scss/_variables.scss

@@ -18,14 +18,10 @@ $border-radius: .5rem;
 $border-radius-sm: .375rem;
 $border-radius-lg: .75rem;
 
-$project-tnm: #311b92;
-$project-fixed: #388E3C;
-$project-nonprofit: #D32F2F;
-
 $info: #5981c0;
-$success: #10834e;
+$success: #398241;
 $warning: #cda277;
-$danger: #cb4839;
+$danger: #C33737;
 
 $primary: #0B1315 !default;
 $secondary: #f2f2f2;

package/src/assets/scss/main.scss

@@ -32,16 +32,6 @@
   //box-shadow: 0 2px 10px rgba(0,0,0,.05);
 }
 
-.color-project-tnm {
-  color: $project-tnm;
-}
-.color-project-fixed {
-  color: $project-fixed;
-}
-.color-project-nonprofit {
-  color: $project-nonprofit;
-}
-
 .color-income {
   color: var(--color-income) !important;
 }

package/src/components/icon/components/nomi-balance_turnover.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="M10.1484 3.91992L13.7451 5.11914L16.3584 4.24805L16.8125 5.61328L14.6318 6.33984L16.46 11.3682C14.9474 11.6415 13.6336 12.4861 12.7529 13.6729C11.9303 13.4792 11.1979 13.0524 10.6318 12.4629L12.8574 6.33984L10.1484 5.43652V15.2285H11.9268C11.7654 15.6851 11.6583 16.1669 11.6133 16.667H5.83301V15.2285H8.70996V5.43652L6.00098 6.33984L8.22754 12.4629C7.44212 13.2809 6.33683 13.79 5.11328 13.79C3.8899 13.79 2.7853 13.2807 2 12.4629L4.22559 6.33984L2.0459 5.61328L2.50098 4.24805L5.11328 5.11914L8.70996 3.91992V3H10.1484V3.91992ZM4.09375 10.9131H6.13281L5.11328 8.10938L4.09375 10.9131ZM12.7256 10.9131H14.7646L13.7451 8.10938L12.7256 10.9131Z" fill="currentColor"/>
+    <path d="M13.999 17C13.999 15.9391 14.4205 14.9217 15.1706 14.1716C15.9207 13.4214 16.9382 13 17.999 13C19.1173 13.0042 20.1906 13.4405 20.9946 14.2178L21.999 15.2222M21.999 15.2222V13M21.999 15.2222H19.7768M21.999 17C21.999 18.0609 21.5776 19.0783 20.8275 19.8284C20.0773 20.5786 19.0599 21 17.999 21C16.8808 20.9958 15.8075 20.5595 15.0035 19.7822L13.999 18.7778M13.999 18.7778H16.2212M13.999 18.7778V21" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
+</template>

package/src/components/icon/components/nomi-bar-horizontal.vue

@@ -0,0 +1,7 @@
+<template><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M5 13.3333V10.8333C5 10.3731 5.3731 10 5.83333 10H6.66667C7.1269 10 7.5 10.3731 7.5 10.8333V13.3333C7.5 13.7936 7.1269 14.1667 6.66667 14.1667H5.83333C5.3731 14.1667 5 13.7936 5 13.3333Z" fill="currentColor"/>
+    <path d="M8.75 13.3333V5.83333C8.75 5.3731 9.1231 5 9.58333 5H10.4167C10.8769 5 11.25 5.3731 11.25 5.83333V13.3333C11.25 13.7936 10.8769 14.1667 10.4167 14.1667H9.58333C9.1231 14.1667 8.75 13.7936 8.75 13.3333Z" fill="currentColor"/>
+    <path d="M12.5 13.3333V8.33333C12.5 7.8731 12.8731 7.5 13.3333 7.5H14.1667C14.6269 7.5 15 7.8731 15 8.33333V13.3333C15 13.7936 14.6269 14.1667 14.1667 14.1667H13.3333C12.8731 14.1667 12.5 13.7936 12.5 13.3333Z" fill="currentColor"/>
+    <path d="M15.4163 15.4165H4.58301" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
+</template>

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

@@ -0,0 +1,17 @@
+<template><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24.000000" height="24.000000" fill="none">
+	<defs>
+		<clipPath id="clipPath_0">
+			<rect width="19.200001" height="19.200001" x="2.399902" y="2.400024" fill="rgb(255,255,255)" />
+		</clipPath>
+	</defs>
+	<rect id="Filled/unarchive" width="24.000000" height="24.000000" x="0.000000" y="0.000000" fill="rgb(255,255,255)" fill-opacity="0" />
+	<path id="Vector" d="M17.9998 10.3L17.9998 16.9C17.9998 17.1918 17.8839 17.4716 17.6776 17.6779C17.4713 17.8842 17.1915 18 16.8998 18L5.8998 18C5.60807 18 5.32828 17.8842 5.12199 17.6779C4.9157 17.4716 4.7998 17.1918 4.7998 16.9L4.7998 10.3C4.7998 10.0083 4.9157 9.72852 5.12199 9.52223C5.32828 9.31594 5.60807 9.20005 5.8998 9.20005L16.8998 9.20005C17.1915 9.20005 17.4713 9.31594 17.6776 9.52223C17.8839 9.72852 17.9998 10.0083 17.9998 10.3ZM6.4498 8.10005L16.3498 8.10005C16.4957 8.10005 16.6356 8.0421 16.7387 7.93896C16.8419 7.83581 16.8998 7.69592 16.8998 7.55005C16.8998 7.40418 16.8419 7.26429 16.7387 7.16114C16.6356 7.058 16.4957 7.00005 16.3498 7.00005L6.4498 7.00005C6.30394 7.00005 6.16404 7.058 6.0609 7.16114C5.95775 7.26429 5.8998 7.40418 5.8998 7.55005C5.8998 7.69592 5.95775 7.83581 6.0609 7.93896C6.16404 8.0421 6.30394 8.10005 6.4498 8.10005ZM7.5498 5.90005L15.2498 5.90005C15.3957 5.90005 15.5356 5.8421 15.6387 5.73896C15.7419 5.63581 15.7998 5.49592 15.7998 5.35005C15.7998 5.20418 15.7419 5.06429 15.6387 4.96114C15.5356 4.858 15.3957 4.80005 15.2498 4.80005L7.5498 4.80005C7.40394 4.80005 7.26404 4.858 7.1609 4.96114C7.05775 5.06429 6.9998 5.20418 6.9998 5.35005C6.9998 5.49592 7.05775 5.63581 7.1609 5.73896C7.26404 5.8421 7.40394 5.90005 7.5498 5.90005Z" opacity="0" fill="currentColor" fill-rule="nonzero" />
+	<g id="Eye" opacity="0" clip-path="url(#clipPath_0)" customFrame="url(#clipPath_0)">
+		<rect id="Eye" width="19.200001" height="19.200001" x="2.399902" y="2.400024" opacity="0" fill="rgb(255,255,255)" fill-opacity="0" />
+		<path id="Vector" d="M20.9482 11.757C20.922 11.6978 20.2867 10.2885 18.8745 8.87625C16.9927 6.9945 14.616 6 12 6C9.38399 6 7.00724 6.9945 5.12549 8.87625C3.71324 10.2885 3.07499 11.7 3.05174 11.757C3.01763 11.8337 3 11.9168 3 12.0007C3 12.0847 3.01763 12.1678 3.05174 12.2445C3.07799 12.3038 3.71324 13.7123 5.12549 15.1245C7.00724 17.0055 9.38399 18 12 18C14.616 18 16.9927 17.0055 18.8745 15.1245C20.2867 13.7123 20.922 12.3038 20.9482 12.2445C20.9824 12.1678 21 12.0847 21 12.0007C21 11.9168 20.9824 11.8337 20.9482 11.757ZM12 15C11.4066 15 10.8266 14.8241 10.3333 14.4944C9.83994 14.1648 9.45542 13.6962 9.22835 13.1481C9.00129 12.5999 8.94188 11.9967 9.05764 11.4147C9.17339 10.8328 9.45912 10.2982 9.87867 9.87868C10.2982 9.45912 10.8328 9.1734 11.4147 9.05764C11.9967 8.94189 12.5999 9.0013 13.148 9.22836C13.6962 9.45542 14.1648 9.83994 14.4944 10.3333C14.824 10.8266 15 11.4067 15 12C15 12.7956 14.6839 13.5587 14.1213 14.1213C13.5587 14.6839 12.7956 15 12 15Z" fill="rgb(167,175,187)" fill-rule="nonzero" />
+	</g>
+	<path id="Subtract" d="M19.3271 8C19.47 7.99923 19.6121 8.02741 19.7432 8.08301C19.8741 8.13862 19.992 8.22077 20.0889 8.32324C20.1857 8.42567 20.2592 8.54685 20.3057 8.67871C20.3521 8.81071 20.3703 8.95075 20.3584 9.08984L19.7988 15.0312L19.1934 14.4697L19.1914 14.4678L19.0615 14.3594C18.7932 14.1566 18.4738 14.0378 18.1455 14.0078L17.9814 14C17.5412 14 17.1041 14.1606 16.7705 14.4678L16.7686 14.4697L14.502 16.5693L14.4736 16.5957L14.4473 16.625C14.15 16.9467 13.9822 17.3754 14.001 17.8271C14.0198 18.2787 14.2225 18.6913 14.542 18.9873C14.5467 18.9917 14.5519 18.9957 14.5566 19L6.82617 19C6.31281 19.0021 5.81651 18.8169 5.43555 18.4805C5.0546 18.144 4.81555 17.6802 4.76562 17.1807L4.00391 9.09082C3.9914 8.95164 4.00855 8.81095 4.05469 8.67871C4.10086 8.54654 4.17557 8.42491 4.27246 8.32227C4.36934 8.21976 4.48719 8.13849 4.61816 8.08301C4.74936 8.02744 4.89121 7.9989 5.03418 8L19.3271 8ZM15.3193 18.3291C15.3136 18.3253 15.3074 18.3223 15.3018 18.3184L15.2217 18.2539C15.2519 18.2819 15.2849 18.3065 15.3193 18.3291ZM15.0488 17.5127C15.0508 17.5078 15.0526 17.5029 15.0547 17.498L15.1006 17.4102C15.0802 17.443 15.0632 17.4774 15.0488 17.5127ZM10.1357 10C9.8645 10 9.6039 10.1054 9.41211 10.293C9.22033 10.4805 9.11232 10.7348 9.1123 11C9.1123 11.2652 9.22034 11.5195 9.41211 11.707C9.6039 11.8946 9.8645 12 10.1357 12L14.2266 12C14.4977 11.9999 14.7575 11.8945 14.9492 11.707C15.141 11.5195 15.249 11.2652 15.249 11C15.249 10.7348 15.141 10.4805 14.9492 10.293C14.7575 10.1055 14.4976 10.0001 14.2266 10L10.1357 10Z" fill="currentColor" fill-rule="nonzero" />
+	<path id="Vector" d="M6.04422 5L13.2033 5C13.4745 5 13.7347 5.10536 13.9265 5.29289C14.1183 5.48043 14.226 5.73478 14.226 6L18.3169 6C18.5882 6 18.8483 6.10535 19.0401 6.2929C19.2319 6.48043 19.3396 6.73478 19.3396 7L5.02148 7L5.02148 6C5.02148 5.73478 5.12924 5.48043 5.32103 5.29289C5.51282 5.10536 5.77297 5 6.04422 5Z" fill="currentColor" fill-rule="nonzero" />
+	<path id="Vector" d="M20.4766 18.2903C20.3425 18.4207 20.161 18.4938 19.9719 18.4938C19.7828 18.4938 19.6014 18.4207 19.4672 18.2903L18.5366 17.3874L18.5366 21.3001C18.5366 21.4857 18.4612 21.6637 18.327 21.795C18.1927 21.9263 18.0106 22 17.8208 22C17.6309 22 17.4488 21.9263 17.3146 21.795C17.1804 21.6637 17.1049 21.4857 17.1049 21.3001L17.1049 17.3874L16.1815 18.2903C16.0445 18.405 15.8684 18.4649 15.6882 18.4581C15.5081 18.4513 15.3372 18.3782 15.2097 18.2536C15.0822 18.1289 15.0075 17.9618 15.0005 17.7857C14.9936 17.6095 15.0549 17.4373 15.1721 17.3034L17.3197 15.2035C17.4538 15.0732 17.6352 15 17.8244 15C18.0135 15 18.1949 15.0732 18.329 15.2035L20.4766 17.3034C20.6099 17.4345 20.6848 17.6119 20.6848 17.7968C20.6848 17.9817 20.6099 18.1592 20.4766 18.2903Z" fill="currentColor" fill-rule="nonzero" />
+</svg>
+</template>

package/src/components/icon/icons.js

@@ -1,571 +1,574 @@
 export default {
   'airplay': () => import('./components/airplay.vue'),
   'align_horizontal': () => import('./components/align_horizontal.vue'),
-  'alarm_clock': () => import('./components/alarm_clock.vue'),
   'align_vertical': () => import('./components/align_vertical.vue'),
-  'archive': () => import('./components/archive.vue'),
-  'arrow_bottom_left': () => import('./components/arrow_bottom_left.vue'),
+  'alarm_clock': () => import('./components/alarm_clock.vue'),
   'angle': () => import('./components/angle.vue'),
   'arrow_bottom_right': () => import('./components/arrow_bottom_right.vue'),
-  'arrow_left_circle': () => import('./components/arrow_left_circle.vue'),
+  'arrow_bottom_left': () => import('./components/arrow_bottom_left.vue'),
   'arrow_down_circle': () => import('./components/arrow_down_circle.vue'),
   'arrow_left': () => import('./components/arrow_left.vue'),
+  'archive': () => import('./components/archive.vue'),
+  'arrow_down': () => import('./components/arrow_down.vue'),
+  'arrow_left_circle': () => import('./components/arrow_left_circle.vue'),
+  'arrow_up_circle': () => import('./components/arrow_up_circle.vue'),
   'arrow_right': () => import('./components/arrow_right.vue'),
-  'arrow_right_circle': () => import('./components/arrow_right_circle.vue'),
+  'arrow_up': () => import('./components/arrow_up.vue'),
+  'audio_wave': () => import('./components/audio_wave.vue'),
   'arrow_top_left': () => import('./components/arrow_top_left.vue'),
+  'arrow_right_circle': () => import('./components/arrow_right_circle.vue'),
+  'bag': () => import('./components/bag.vue'),
   'arrow_top_right': () => import('./components/arrow_top_right.vue'),
-  'arrow_down': () => import('./components/arrow_down.vue'),
-  'backward': () => import('./components/backward.vue'),
-  'battery_charging': () => import('./components/battery_charging.vue'),
   'backward10': () => import('./components/backward10.vue'),
-  'arrow_up_circle': () => import('./components/arrow_up_circle.vue'),
+  'battery_charging': () => import('./components/battery_charging.vue'),
+  'backspace': () => import('./components/backspace.vue'),
+  'blocked': () => import('./components/blocked.vue'),
+  'backward': () => import('./components/backward.vue'),
   'battery_75': () => import('./components/battery_75.vue'),
-  'audio_wave': () => import('./components/audio_wave.vue'),
+  'battery_empty': () => import('./components/battery_empty.vue'),
+  'bell_ringing': () => import('./components/bell_ringing.vue'),
   'battery_full': () => import('./components/battery_full.vue'),
+  'book': () => import('./components/book.vue'),
   'bell': () => import('./components/bell.vue'),
-  'bag': () => import('./components/bag.vue'),
-  'backspace': () => import('./components/backspace.vue'),
-  'arrow_up': () => import('./components/arrow_up.vue'),
-  'blocked': () => import('./components/blocked.vue'),
+  'book_text': () => import('./components/book_text.vue'),
+  'bluetooth': () => import('./components/bluetooth.vue'),
+  'battery_low': () => import('./components/battery_low.vue'),
+  'briefcase': () => import('./components/briefcase.vue'),
   'bell_disabled': () => import('./components/bell_disabled.vue'),
-  'bell_ringing': () => import('./components/bell_ringing.vue'),
   'bell_snooze': () => import('./components/bell_snooze.vue'),
-  'bluetooth': () => import('./components/bluetooth.vue'),
-  'battery_empty': () => import('./components/battery_empty.vue'),
-  'book_text': () => import('./components/book_text.vue'),
-  'book_closed': () => import('./components/book_closed.vue'),
-  'box_open': () => import('./components/box_open.vue'),
-  'book': () => import('./components/book.vue'),
+  'box_download': () => import('./components/box_download.vue'),
   'box': () => import('./components/box.vue'),
+  'bookmark_book': () => import('./components/bookmark_book.vue'),
+  'book_closed': () => import('./components/book_closed.vue'),
+  'button_minus': () => import('./components/button_minus.vue'),
+  'bookmark': () => import('./components/bookmark.vue'),
   'branch': () => import('./components/branch.vue'),
-  'battery_half': () => import('./components/battery_half.vue'),
-  'box_download': () => import('./components/box_download.vue'),
-  'briefcase': () => import('./components/briefcase.vue'),
+  'calculator': () => import('./components/calculator.vue'),
   'browser': () => import('./components/browser.vue'),
+  'calendar_day': () => import('./components/calendar_day.vue'),
   'calendar': () => import('./components/calendar.vue'),
-  'bookmark_book': () => import('./components/bookmark_book.vue'),
-  'browser_alt': () => import('./components/browser_alt.vue'),
-  'calculator': () => import('./components/calculator.vue'),
-  'battery_low': () => import('./components/battery_low.vue'),
-  'calendar_last_day': () => import('./components/calendar_last_day.vue'),
-  'bookmark': () => import('./components/bookmark.vue'),
-  'button_minus': () => import('./components/button_minus.vue'),
-  'calendar_days': () => import('./components/calendar_days.vue'),
-  'calendar_add': () => import('./components/calendar_add.vue'),
-  'calendar_remove': () => import('./components/calendar_remove.vue'),
   'calendar_move': () => import('./components/calendar_move.vue'),
-  'calendar_month': () => import('./components/calendar_month.vue'),
-  'calendar_day': () => import('./components/calendar_day.vue'),
-  'camera': () => import('./components/camera.vue'),
-  'calendar_week': () => import('./components/calendar_week.vue'),
-  'camera_alt': () => import('./components/camera_alt.vue'),
+  'button_add': () => import('./components/button_add.vue'),
   'calendar_date': () => import('./components/calendar_date.vue'),
+  'calendar_last_day': () => import('./components/calendar_last_day.vue'),
+  'calendar_week': () => import('./components/calendar_week.vue'),
+  'browser_alt': () => import('./components/browser_alt.vue'),
+  'calendar_remove': () => import('./components/calendar_remove.vue'),
   'calendar_split': () => import('./components/calendar_split.vue'),
+  'box_open': () => import('./components/box_open.vue'),
+  'calendar_month': () => import('./components/calendar_month.vue'),
+  'camera_noflash': () => import('./components/camera_noflash.vue'),
   'camera_noflash_alt': () => import('./components/camera_noflash_alt.vue'),
-  'card_timeline': () => import('./components/card_timeline.vue'),
-  'cast': () => import('./components/cast.vue'),
   'capture': () => import('./components/capture.vue'),
+  'camera': () => import('./components/camera.vue'),
+  'calendar_add': () => import('./components/calendar_add.vue'),
+  'battery_half': () => import('./components/battery_half.vue'),
+  'calendar_days': () => import('./components/calendar_days.vue'),
+  'card_timeline': () => import('./components/card_timeline.vue'),
   'carousel': () => import('./components/carousel.vue'),
   'cart': () => import('./components/cart.vue'),
-  'card_view': () => import('./components/card_view.vue'),
-  'check': () => import('./components/check.vue'),
+  'cast': () => import('./components/cast.vue'),
   'check_circle': () => import('./components/check_circle.vue'),
-  'button_add': () => import('./components/button_add.vue'),
+  'check': () => import('./components/check.vue'),
   'checkbox_checked': () => import('./components/checkbox_checked.vue'),
-  'checkbox_empty': () => import('./components/checkbox_empty.vue'),
-  'camera_noflash': () => import('./components/camera_noflash.vue'),
   'chat_add': () => import('./components/chat_add.vue'),
-  'check_circle_outside': () => import('./components/check_circle_outside.vue'),
-  'chevron_down_circle': () => import('./components/chevron_down_circle.vue'),
-  'chevron_close': () => import('./components/chevron_close.vue'),
-  'chevron_down': () => import('./components/chevron_down.vue'),
-  'chevron_left_circle': () => import('./components/chevron_left_circle.vue'),
-  'chevron_open': () => import('./components/chevron_open.vue'),
-  'chevron_left': () => import('./components/chevron_left.vue'),
   'chain': () => import('./components/chain.vue'),
-  'chevron_right_double': () => import('./components/chevron_right_double.vue'),
+  'checkbox_empty': () => import('./components/checkbox_empty.vue'),
   'chevron_down_double': () => import('./components/chevron_down_double.vue'),
+  'chevron_down': () => import('./components/chevron_down.vue'),
+  'check_circle_outside': () => import('./components/check_circle_outside.vue'),
+  'chevron_left': () => import('./components/chevron_left.vue'),
   'chevron_right_circle': () => import('./components/chevron_right_circle.vue'),
-  'chevron_up': () => import('./components/chevron_up.vue'),
-  'circle_menu': () => import('./components/circle_menu.vue'),
-  'chevron_up_circle': () => import('./components/chevron_up_circle.vue'),
+  'chevron_right_double': () => import('./components/chevron_right_double.vue'),
   'chevron_left_double': () => import('./components/chevron_left_double.vue'),
-  'chevron_right': () => import('./components/chevron_right.vue'),
+  'chevron_open': () => import('./components/chevron_open.vue'),
+  'chevron_left_circle': () => import('./components/chevron_left_circle.vue'),
   'circle': () => import('./components/circle.vue'),
-  'clipboard': () => import('./components/clipboard.vue'),
-  'clipboard_add': () => import('./components/clipboard_add.vue'),
-  'circle_split': () => import('./components/circle_split.vue'),
+  'chevron_up': () => import('./components/chevron_up.vue'),
+  'chevron_down_circle': () => import('./components/chevron_down_circle.vue'),
+  'chevron_up_circle': () => import('./components/chevron_up_circle.vue'),
   'chevron_up_double': () => import('./components/chevron_up_double.vue'),
-  'clipboard_cross': () => import('./components/clipboard_cross.vue'),
   'clipboard_check': () => import('./components/clipboard_check.vue'),
-  'clipboard_copy': () => import('./components/clipboard_copy.vue'),
-  'clock': () => import('./components/clock.vue'),
-  'clipboard_remove': () => import('./components/clipboard_remove.vue'),
+  'circle_menu': () => import('./components/circle_menu.vue'),
+  'circle_split': () => import('./components/circle_split.vue'),
+  'clipboard': () => import('./components/clipboard.vue'),
+  'card_view': () => import('./components/card_view.vue'),
   'clipboard_notes': () => import('./components/clipboard_notes.vue'),
-  'cloud_upload': () => import('./components/cloud_upload.vue'),
+  'clipboard_copy': () => import('./components/clipboard_copy.vue'),
+  'chevron_right': () => import('./components/chevron_right.vue'),
   'close': () => import('./components/close.vue'),
+  'clipboard_remove': () => import('./components/clipboard_remove.vue'),
+  'clipboard_add': () => import('./components/clipboard_add.vue'),
+  'cloud_download': () => import('./components/cloud_download.vue'),
   'cloud_disconnect': () => import('./components/cloud_disconnect.vue'),
+  'clock': () => import('./components/clock.vue'),
+  'camera_alt': () => import('./components/camera_alt.vue'),
+  'coins': () => import('./components/coins.vue'),
   'compass': () => import('./components/compass.vue'),
-  'cloud_upload_alt': () => import('./components/cloud_upload_alt.vue'),
-  'cloud_download_alt': () => import('./components/cloud_download_alt.vue'),
-  'cloud_download': () => import('./components/cloud_download.vue'),
-  'cloud': () => import('./components/cloud.vue'),
-  'code': () => import('./components/code.vue'),
   'component_add': () => import('./components/component_add.vue'),
-  'connect': () => import('./components/connect.vue'),
   'coin': () => import('./components/coin.vue'),
+  'contacts': () => import('./components/contacts.vue'),
   'coffee': () => import('./components/coffee.vue'),
+  'clipboard_cross': () => import('./components/clipboard_cross.vue'),
+  'code': () => import('./components/code.vue'),
+  'connect': () => import('./components/connect.vue'),
+  'cloud_download_alt': () => import('./components/cloud_download_alt.vue'),
   'create': () => import('./components/create.vue'),
-  'contacts': () => import('./components/contacts.vue'),
-  'credit_card': () => import('./components/credit_card.vue'),
+  'crosshair': () => import('./components/crosshair.vue'),
   'cross_circle': () => import('./components/cross_circle.vue'),
-  'coins': () => import('./components/coins.vue'),
-  'contract': () => import('./components/contract.vue'),
-  'crop': () => import('./components/crop.vue'),
+  'credit_card': () => import('./components/credit_card.vue'),
+  'cloud_upload': () => import('./components/cloud_upload.vue'),
+  'cloud': () => import('./components/cloud.vue'),
+  'cloud_upload_alt': () => import('./components/cloud_upload_alt.vue'),
   'cube': () => import('./components/cube.vue'),
+  'crop': () => import('./components/crop.vue'),
   'diamond': () => import('./components/diamond.vue'),
-  'cylinder': () => import('./components/cylinder.vue'),
-  'directions': () => import('./components/directions.vue'),
-  'display': () => import('./components/display.vue'),
-  'crosshair': () => import('./components/crosshair.vue'),
   'disc': () => import('./components/disc.vue'),
-  'display_alt': () => import('./components/display_alt.vue'),
-  'cross': () => import('./components/cross.vue'),
+  'cylinder': () => import('./components/cylinder.vue'),
   'document_justified': () => import('./components/document_justified.vue'),
-  'document_list': () => import('./components/document_list.vue'),
+  'display_alt': () => import('./components/display_alt.vue'),
   'document': () => import('./components/document.vue'),
+  'directions': () => import('./components/directions.vue'),
+  'contract': () => import('./components/contract.vue'),
+  'document_list': () => import('./components/document_list.vue'),
   'document_stack': () => import('./components/document_stack.vue'),
-  'door': () => import('./components/door.vue'),
-  'download_alt': () => import('./components/download_alt.vue'),
-  'document_words': () => import('./components/document_words.vue'),
   'door_alt': () => import('./components/door_alt.vue'),
+  'database': () => import('./components/database.vue'),
+  'document_words': () => import('./components/document_words.vue'),
+  'download': () => import('./components/download.vue'),
+  'display': () => import('./components/display.vue'),
+  'cross': () => import('./components/cross.vue'),
+  'downward': () => import('./components/downward.vue'),
   'drag_circle': () => import('./components/drag_circle.vue'),
+  'download_alt': () => import('./components/download_alt.vue'),
   'drag_vertical': () => import('./components/drag_vertical.vue'),
-  'downward': () => import('./components/downward.vue'),
   'drag': () => import('./components/drag.vue'),
-  'episodes': () => import('./components/episodes.vue'),
-  'duplicate': () => import('./components/duplicate.vue'),
-  'download': () => import('./components/download.vue'),
-  'duplicate_alt': () => import('./components/duplicate_alt.vue'),
-  'database': () => import('./components/database.vue'),
   'exit_left': () => import('./components/exit_left.vue'),
   'enter_alt': () => import('./components/enter_alt.vue'),
-  'external': () => import('./components/external.vue'),
+  'episodes': () => import('./components/episodes.vue'),
+  'expand_height': () => import('./components/expand_height.vue'),
+  'exit_right': () => import('./components/exit_right.vue'),
   'enter': () => import('./components/enter.vue'),
+  'door': () => import('./components/door.vue'),
+  'duplicate': () => import('./components/duplicate.vue'),
   'expand': () => import('./components/expand.vue'),
-  'eye_no': () => import('./components/eye_no.vue'),
   'eye': () => import('./components/eye.vue'),
-  'eye_closed': () => import('./components/eye_closed.vue'),
-  'face_neutral': () => import('./components/face_neutral.vue'),
-  'face_delighted': () => import('./components/face_delighted.vue'),
+  'external': () => import('./components/external.vue'),
   'expand_width': () => import('./components/expand_width.vue'),
+  'face_delighted': () => import('./components/face_delighted.vue'),
+  'eye_no': () => import('./components/eye_no.vue'),
   'face_happy': () => import('./components/face_happy.vue'),
+  'chevron_close': () => import('./components/chevron_close.vue'),
+  'eye_closed': () => import('./components/eye_closed.vue'),
   'fi_fingerprint': () => import('./components/fi_fingerprint.vue'),
+  'face_neutral': () => import('./components/face_neutral.vue'),
+  'file_upload': () => import('./components/file_upload.vue'),
   'file_download': () => import('./components/file_download.vue'),
+  'face_sad': () => import('./components/face_sad.vue'),
   'files_history': () => import('./components/files_history.vue'),
-  'exit_right': () => import('./components/exit_right.vue'),
-  'file_upload': () => import('./components/file_upload.vue'),
-  'files_stack': () => import('./components/files_stack.vue'),
   'filter_circle': () => import('./components/filter_circle.vue'),
+  'filter_not_started': () => import('./components/filter_not_started.vue'),
   'files_multi': () => import('./components/files_multi.vue'),
-  'face_sad': () => import('./components/face_sad.vue'),
-  'expand_height': () => import('./components/expand_height.vue'),
+  'filter_all': () => import('./components/filter_all.vue'),
+  'files_stack': () => import('./components/files_stack.vue'),
   'filter_completed': () => import('./components/filter_completed.vue'),
   'filter': () => import('./components/filter.vue'),
-  'filter_all': () => import('./components/filter_all.vue'),
-  'film': () => import('./components/film.vue'),
   'filter_overdue': () => import('./components/filter_overdue.vue'),
-  'filter_ongoing': () => import('./components/filter_ongoing.vue'),
   'filter_single': () => import('./components/filter_single.vue'),
   'fingerprint': () => import('./components/fingerprint.vue'),
-  'floppy': () => import('./components/floppy.vue'),
-  'filter_not_started': () => import('./components/filter_not_started.vue'),
-  'filtering': () => import('./components/filtering.vue'),
   'flag': () => import('./components/flag.vue'),
-  'folder_add': () => import('./components/folder_add.vue'),
+  'flip_view': () => import('./components/flip_view.vue'),
+  'duplicate_alt': () => import('./components/duplicate_alt.vue'),
+  'filtering': () => import('./components/filtering.vue'),
+  'floppy': () => import('./components/floppy.vue'),
+  'filter_ongoing': () => import('./components/filter_ongoing.vue'),
   'flame': () => import('./components/flame.vue'),
+  'folder_add': () => import('./components/folder_add.vue'),
+  'film': () => import('./components/film.vue'),
   'folder_minus': () => import('./components/folder_minus.vue'),
-  'folder_closed': () => import('./components/folder_closed.vue'),
+  'forward': () => import('./components/forward.vue'),
   'fork_git': () => import('./components/fork_git.vue'),
-  'flame_alt': () => import('./components/flame_alt.vue'),
-  'frame': () => import('./components/frame.vue'),
   'forward_alt': () => import('./components/forward_alt.vue'),
-  'gauge': () => import('./components/gauge.vue'),
   'folder_open': () => import('./components/folder_open.vue'),
-  'fullscreen': () => import('./components/fullscreen.vue'),
-  'funnel': () => import('./components/funnel.vue'),
   'forward10': () => import('./components/forward10.vue'),
+  'folder_closed': () => import('./components/folder_closed.vue'),
+  'gps': () => import('./components/gps.vue'),
+  'frame': () => import('./components/frame.vue'),
   'gift': () => import('./components/gift.vue'),
   'grab': () => import('./components/grab.vue'),
-  'flip_view': () => import('./components/flip_view.vue'),
-  'graph_bar': () => import('./components/graph_bar.vue'),
+  'fullscreen': () => import('./components/fullscreen.vue'),
+  'flame_alt': () => import('./components/flame_alt.vue'),
   'grid': () => import('./components/grid.vue'),
-  'forward': () => import('./components/forward.vue'),
-  'graph_increase': () => import('./components/graph_increase.vue'),
-  'gps': () => import('./components/gps.vue'),
-  'grid_circles_add': () => import('./components/grid_circles_add.vue'),
-  'grid_circles': () => import('./components/grid_circles.vue'),
+  'globe': () => import('./components/globe.vue'),
   'grid_small': () => import('./components/grid_small.vue'),
+  'grid_circles': () => import('./components/grid_circles.vue'),
   'graph_box': () => import('./components/graph_box.vue'),
-  'globe': () => import('./components/globe.vue'),
-  'hand': () => import('./components/hand.vue'),
+  'grid_squares_add': () => import('./components/grid_squares_add.vue'),
   'harddrive': () => import('./components/harddrive.vue'),
-  'grid_squares': () => import('./components/grid_squares.vue'),
-  'heart_rate': () => import('./components/heart_rate.vue'),
+  'grid_circles_add': () => import('./components/grid_circles_add.vue'),
+  'gauge': () => import('./components/gauge.vue'),
+  'graph_bar': () => import('./components/graph_bar.vue'),
   'hash': () => import('./components/hash.vue'),
+  'hand': () => import('./components/hand.vue'),
   'hierarchy': () => import('./components/hierarchy.vue'),
+  'heart_remove': () => import('./components/heart_remove.vue'),
+  'graph_increase': () => import('./components/graph_increase.vue'),
   'heart': () => import('./components/heart.vue'),
   'height': () => import('./components/height.vue'),
-  'heart_remove': () => import('./components/heart_remove.vue'),
-  'home_door': () => import('./components/home_door.vue'),
-  'home': () => import('./components/home.vue'),
+  'grid_squares': () => import('./components/grid_squares.vue'),
   'home_check': () => import('./components/home_check.vue'),
-  'inbox': () => import('./components/inbox.vue'),
-  'iphone_landscape': () => import('./components/iphone_landscape.vue'),
-  'import': () => import('./components/import.vue'),
   'home_alt': () => import('./components/home_alt.vue'),
+  'home': () => import('./components/home.vue'),
+  'import': () => import('./components/import.vue'),
+  'inbox': () => import('./components/inbox.vue'),
+  'iphone_portrait': () => import('./components/iphone_portrait.vue'),
+  'heart_rate': () => import('./components/heart_rate.vue'),
   'inbox_alt': () => import('./components/inbox_alt.vue'),
-  'jump_right': () => import('./components/jump_right.vue'),
-  'jump_backward': () => import('./components/jump_backward.vue'),
-  'info_circle': () => import('./components/info_circle.vue'),
+  'home_door': () => import('./components/home_door.vue'),
   'jump_forward': () => import('./components/jump_forward.vue'),
-  'iphone_portrait': () => import('./components/iphone_portrait.vue'),
+  'jump_backward': () => import('./components/jump_backward.vue'),
   'lightbulb': () => import('./components/lightbulb.vue'),
-  'grid_squares_add': () => import('./components/grid_squares_add.vue'),
   'keyboard': () => import('./components/keyboard.vue'),
-  'lightbulb_on': () => import('./components/lightbulb_on.vue'),
-  'jump_left': () => import('./components/jump_left.vue'),
-  'lightning': () => import('./components/lightning.vue'),
-  'link_vertical': () => import('./components/link_vertical.vue'),
-  'lightning_alt': () => import('./components/lightning_alt.vue'),
   'lineweight': () => import('./components/lineweight.vue'),
-  'list': () => import('./components/list.vue'),
   'link': () => import('./components/link.vue'),
-  'link_horizontal': () => import('./components/link_horizontal.vue'),
-  'link_alt': () => import('./components/link_alt.vue'),
-  'laptop': () => import('./components/laptop.vue'),
+  'jump_right': () => import('./components/jump_right.vue'),
   'link_broken': () => import('./components/link_broken.vue'),
+  'lightbulb_on': () => import('./components/lightbulb_on.vue'),
   'list_numbered': () => import('./components/list_numbered.vue'),
-  'list_add': () => import('./components/list_add.vue'),
-  'loader': () => import('./components/loader.vue'),
-  'mail': () => import('./components/mail.vue'),
-  'lock': () => import('./components/lock.vue'),
-  'lock_open': () => import('./components/lock_open.vue'),
+  'jump_left': () => import('./components/jump_left.vue'),
+  'link_horizontal': () => import('./components/link_horizontal.vue'),
+  'list': () => import('./components/list.vue'),
   'location': () => import('./components/location.vue'),
+  'info_circle': () => import('./components/info_circle.vue'),
+  'link_alt': () => import('./components/link_alt.vue'),
+  'lock_open': () => import('./components/lock_open.vue'),
   'mail_add': () => import('./components/mail_add.vue'),
   'mail_minus': () => import('./components/mail_minus.vue'),
+  'lock': () => import('./components/lock.vue'),
+  'loader': () => import('./components/loader.vue'),
+  'mail_remove': () => import('./components/mail_remove.vue'),
+  'lightning_alt': () => import('./components/lightning_alt.vue'),
+  'mail_open': () => import('./components/mail_open.vue'),
   'maximise': () => import('./components/maximise.vue'),
-  'mail_new': () => import('./components/mail_new.vue'),
-  'mail_delete': () => import('./components/mail_delete.vue'),
-  'message': () => import('./components/message.vue'),
+  'menu_hamburger': () => import('./components/menu_hamburger.vue'),
   'menu_horizontal': () => import('./components/menu_horizontal.vue'),
-  'mail_remove': () => import('./components/mail_remove.vue'),
+  'list_add': () => import('./components/list_add.vue'),
+  'mail_new': () => import('./components/mail_new.vue'),
   'menu_vertical': () => import('./components/menu_vertical.vue'),
-  'menu_hamburger': () => import('./components/menu_hamburger.vue'),
-  'message_writing': () => import('./components/message_writing.vue'),
   'microphone_disabled': () => import('./components/microphone_disabled.vue'),
-  'microphone': () => import('./components/microphone.vue'),
+  'message_writing': () => import('./components/message_writing.vue'),
+  'microphone_muted': () => import('./components/microphone_muted.vue'),
+  'mail': () => import('./components/mail.vue'),
   'midpoint': () => import('./components/midpoint.vue'),
-  'marquee': () => import('./components/marquee.vue'),
+  'message': () => import('./components/message.vue'),
   'minimise': () => import('./components/minimise.vue'),
-  'mail_open': () => import('./components/mail_open.vue'),
-  'move': () => import('./components/move.vue'),
-  'mini_player': () => import('./components/mini_player.vue'),
-  'microphone_muted': () => import('./components/microphone_muted.vue'),
+  'marquee': () => import('./components/marquee.vue'),
+  'minus': () => import('./components/minus.vue'),
+  'funnel': () => import('./components/funnel.vue'),
   'minus_circle': () => import('./components/minus_circle.vue'),
+  'newspaper': () => import('./components/newspaper.vue'),
+  'mail_delete': () => import('./components/mail_delete.vue'),
   'moon': () => import('./components/moon.vue'),
-  'minus': () => import('./components/minus.vue'),
   'notebook': () => import('./components/notebook.vue'),
+  'link_vertical': () => import('./components/link_vertical.vue'),
+  'move': () => import('./components/move.vue'),
+  'pages': () => import('./components/pages.vue'),
   'no_sign': () => import('./components/no_sign.vue'),
-  'notification': () => import('./components/notification.vue'),
-  'newspaper': () => import('./components/newspaper.vue'),
-  'optional': () => import('./components/optional.vue'),
+  'mini_player': () => import('./components/mini_player.vue'),
+  'nut': () => import('./components/nut.vue'),
   'panel_bottom': () => import('./components/panel_bottom.vue'),
-  'panel_left': () => import('./components/panel_left.vue'),
-  'pages': () => import('./components/pages.vue'),
-  'panel_right': () => import('./components/panel_right.vue'),
-  'panel_top': () => import('./components/panel_top.vue'),
-  'paper_plane': () => import('./components/paper_plane.vue'),
-  'panel_sectioned': () => import('./components/panel_sectioned.vue'),
+  'notification': () => import('./components/notification.vue'),
   'paper': () => import('./components/paper.vue'),
-  'paperclip': () => import('./components/paperclip.vue'),
-  'nut': () => import('./components/nut.vue'),
-  'paper_plane_alt': () => import('./components/paper_plane_alt.vue'),
+  'panel_sectioned': () => import('./components/panel_sectioned.vue'),
+  'panel_top': () => import('./components/panel_top.vue'),
+  'panel_right': () => import('./components/panel_right.vue'),
   'paper_folded': () => import('./components/paper_folded.vue'),
-  'panel_center': () => import('./components/panel_center.vue'),
-  'pause': () => import('./components/pause.vue'),
-  'paragraph_right': () => import('./components/paragraph_right.vue'),
+  'paragraph_center': () => import('./components/paragraph_center.vue'),
+  'paperclip': () => import('./components/paperclip.vue'),
+  'paper_plane': () => import('./components/paper_plane.vue'),
+  'iphone_landscape': () => import('./components/iphone_landscape.vue'),
   'paragraph_end': () => import('./components/paragraph_end.vue'),
+  'microphone': () => import('./components/microphone.vue'),
+  'paragraph_right': () => import('./components/paragraph_right.vue'),
   'paragraph_left': () => import('./components/paragraph_left.vue'),
-  'paragraph_center': () => import('./components/paragraph_center.vue'),
-  'paragraph_start': () => import('./components/paragraph_start.vue'),
-  'pen': () => import('./components/pen.vue'),
-  'play': () => import('./components/play.vue'),
   'phone_landscape': () => import('./components/phone_landscape.vue'),
-  'play_button': () => import('./components/play_button.vue'),
-  'picture': () => import('./components/picture.vue'),
-  'printer': () => import('./components/printer.vue'),
+  'panel_left': () => import('./components/panel_left.vue'),
   'phone_portrait': () => import('./components/phone_portrait.vue'),
-  'project_nonprofit': () => import('./components/project_nonprofit.vue'),
+  'paragraph_start': () => import('./components/paragraph_start.vue'),
+  'panel_center': () => import('./components/panel_center.vue'),
+  'picture': () => import('./components/picture.vue'),
+  'pie_half': () => import('./components/pie_half.vue'),
+  'play_button': () => import('./components/play_button.vue'),
+  'pie_quarter': () => import('./components/pie_quarter.vue'),
   'plus': () => import('./components/plus.vue'),
+  'play': () => import('./components/play.vue'),
+  'plus_circle': () => import('./components/plus_circle.vue'),
   'postcard': () => import('./components/postcard.vue'),
-  'project_tnm': () => import('./components/project_tnm.vue'),
+  'paper_plane_alt': () => import('./components/paper_plane_alt.vue'),
+  'project_nonprofit': () => import('./components/project_nonprofit.vue'),
+  'laptop': () => import('./components/laptop.vue'),
   'pie_third': () => import('./components/pie_third.vue'),
-  'plus_circle': () => import('./components/plus_circle.vue'),
-  'pie_quarter': () => import('./components/pie_quarter.vue'),
+  'pen': () => import('./components/pen.vue'),
+  'optional': () => import('./components/optional.vue'),
+  'project_tnm': () => import('./components/project_tnm.vue'),
+  'printer': () => import('./components/printer.vue'),
   'projector': () => import('./components/projector.vue'),
-  'push_down': () => import('./components/push_down.vue'),
-  'pull_right': () => import('./components/pull_right.vue'),
+  'pull_down': () => import('./components/pull_down.vue'),
   'project_fixed': () => import('./components/project_fixed.vue'),
-  'push_left': () => import('./components/push_left.vue'),
+  'pause': () => import('./components/pause.vue'),
   'pull_up': () => import('./components/pull_up.vue'),
-  'pull_left': () => import('./components/pull_left.vue'),
-  'push_up': () => import('./components/push_up.vue'),
   'radio_on': () => import('./components/radio_on.vue'),
+  'pull_right': () => import('./components/pull_right.vue'),
   'push_right': () => import('./components/push_right.vue'),
-  'pull_down': () => import('./components/pull_down.vue'),
+  'push_up': () => import('./components/push_up.vue'),
   'question_circle': () => import('./components/question_circle.vue'),
   'receipt': () => import('./components/receipt.vue'),
-  'replicate': () => import('./components/replicate.vue'),
-  'refresh': () => import('./components/refresh.vue'),
-  'reset_alt': () => import('./components/reset_alt.vue'),
-  'record': () => import('./components/record.vue'),
   'redo': () => import('./components/redo.vue'),
+  'record': () => import('./components/record.vue'),
+  'replicate': () => import('./components/replicate.vue'),
+  'push_left': () => import('./components/push_left.vue'),
   'refresh_alt': () => import('./components/refresh_alt.vue'),
-  'replicate_alt': () => import('./components/replicate_alt.vue'),
-  'pie_half': () => import('./components/pie_half.vue'),
-  'reuse': () => import('./components/reuse.vue'),
-  'reset_temporary': () => import('./components/reset_temporary.vue'),
+  'pull_left': () => import('./components/pull_left.vue'),
+  'reset': () => import('./components/reset.vue'),
+  'reset_alt': () => import('./components/reset_alt.vue'),
+  'required': () => import('./components/required.vue'),
   'reset_hard': () => import('./components/reset_hard.vue'),
+  'reuse': () => import('./components/reuse.vue'),
+  'replicate_alt': () => import('./components/replicate_alt.vue'),
   'reset_forward': () => import('./components/reset_forward.vue'),
-  'required': () => import('./components/required.vue'),
-  'ruler': () => import('./components/ruler.vue'),
-  'reset': () => import('./components/reset.vue'),
-  'retweet': () => import('./components/retweet.vue'),
-  'reverse': () => import('./components/reverse.vue'),
-  'scale_contract': () => import('./components/scale_contract.vue'),
   'revert': () => import('./components/revert.vue'),
-  'scale': () => import('./components/scale.vue'),
+  'retweet': () => import('./components/retweet.vue'),
   'scale_extend': () => import('./components/scale_extend.vue'),
+  'ruler': () => import('./components/ruler.vue'),
+  'reverse_alt': () => import('./components/reverse_alt.vue'),
+  'scale_contract': () => import('./components/scale_contract.vue'),
   'rocket': () => import('./components/rocket.vue'),
+  'scale': () => import('./components/scale.vue'),
+  'reverse': () => import('./components/reverse.vue'),
+  'server': () => import('./components/server.vue'),
   'search': () => import('./components/search.vue'),
-  'scalpel': () => import('./components/scalpel.vue'),
-  'settings': () => import('./components/settings.vue'),
-  'reverse_alt': () => import('./components/reverse_alt.vue'),
+  'lightning': () => import('./components/lightning.vue'),
   'shuffle': () => import('./components/shuffle.vue'),
-  'share': () => import('./components/share.vue'),
+  'settings': () => import('./components/settings.vue'),
   'share_alt': () => import('./components/share_alt.vue'),
-  'server': () => import('./components/server.vue'),
+  'share': () => import('./components/share.vue'),
   'slash_forward': () => import('./components/slash_forward.vue'),
-  'sort_alt': () => import('./components/sort_alt.vue'),
-  'speaker': () => import('./components/speaker.vue'),
   'slash_backward': () => import('./components/slash_backward.vue'),
   'sort': () => import('./components/sort.vue'),
-  'speech_bubble': () => import('./components/speech_bubble.vue'),
+  'sort_alt': () => import('./components/sort_alt.vue'),
   'side_menu': () => import('./components/side_menu.vue'),
-  'sun': () => import('./components/sun.vue'),
-  'split_three': () => import('./components/split_three.vue'),
   'split': () => import('./components/split.vue'),
-  'sliders': () => import('./components/sliders.vue'),
-  'star': () => import('./components/star.vue'),
+  'speaker': () => import('./components/speaker.vue'),
+  'speech_typing': () => import('./components/speech_typing.vue'),
+  'split_three': () => import('./components/split_three.vue'),
+  'scalpel': () => import('./components/scalpel.vue'),
+  'support': () => import('./components/support.vue'),
+  'speech_bubble': () => import('./components/speech_bubble.vue'),
+  'swap': () => import('./components/swap.vue'),
+  'switch': () => import('./components/switch.vue'),
   'table': () => import('./components/table.vue'),
   'table_header': () => import('./components/table_header.vue'),
-  'tags': () => import('./components/tags.vue'),
+  'target': () => import('./components/target.vue'),
+  'tag': () => import('./components/tag.vue'),
+  'push_down': () => import('./components/push_down.vue'),
+  'refresh': () => import('./components/refresh.vue'),
   'thread': () => import('./components/thread.vue'),
-  'support': () => import('./components/support.vue'),
-  'switch': () => import('./components/switch.vue'),
-  'tag_milestone': () => import('./components/tag_milestone.vue'),
   'ticket': () => import('./components/ticket.vue'),
-  'tag': () => import('./components/tag.vue'),
   'thumbs_down': () => import('./components/thumbs_down.vue'),
-  'thumbs_up': () => import('./components/thumbs_up.vue'),
-  'swap': () => import('./components/swap.vue'),
-  'speech_typing': () => import('./components/speech_typing.vue'),
-  'target': () => import('./components/target.vue'),
-  'toggles': () => import('./components/toggles.vue'),
-  'trash_alt': () => import('./components/trash_alt.vue'),
-  'tv_mode': () => import('./components/tv_mode.vue'),
-  'todo': () => import('./components/todo.vue'),
-  'timeline': () => import('./components/timeline.vue'),
+  'sliders': () => import('./components/sliders.vue'),
   'toggle': () => import('./components/toggle.vue'),
-  'trophy': () => import('./components/trophy.vue'),
-  'trash': () => import('./components/trash.vue'),
+  'star': () => import('./components/star.vue'),
   'translate': () => import('./components/translate.vue'),
-  'type_formula': () => import('./components/type_formula.vue'),
+  'toggles': () => import('./components/toggles.vue'),
+  'trash_alt': () => import('./components/trash_alt.vue'),
+  'tag_milestone': () => import('./components/tag_milestone.vue'),
   'type_checkbox': () => import('./components/type_checkbox.vue'),
-  'type_id': () => import('./components/type_id.vue'),
-  'type_phone': () => import('./components/type_phone.vue'),
+  'tags': () => import('./components/tags.vue'),
   'type_date': () => import('./components/type_date.vue'),
+  'trash': () => import('./components/trash.vue'),
+  'trophy': () => import('./components/trophy.vue'),
+  'sun': () => import('./components/sun.vue'),
+  'type_file': () => import('./components/type_file.vue'),
+  'todo': () => import('./components/todo.vue'),
   'type_email': () => import('./components/type_email.vue'),
+  'tv_mode': () => import('./components/tv_mode.vue'),
+  'type_formula': () => import('./components/type_formula.vue'),
+  'type_number': () => import('./components/type_number.vue'),
   'type_multiselect': () => import('./components/type_multiselect.vue'),
-  'type_select': () => import('./components/type_select.vue'),
+  'thumbs_up': () => import('./components/thumbs_up.vue'),
+  'type_id': () => import('./components/type_id.vue'),
+  'type_time': () => import('./components/type_time.vue'),
   'type_person': () => import('./components/type_person.vue'),
-  'type_file': () => import('./components/type_file.vue'),
-  'type_relation': () => import('./components/type_relation.vue'),
   'type_user': () => import('./components/type_user.vue'),
-  'type_status': () => import('./components/type_status.vue'),
+  'type_phone': () => import('./components/type_phone.vue'),
+  'type_relation': () => import('./components/type_relation.vue'),
   'unarchive': () => import('./components/unarchive.vue'),
-  'type_time': () => import('./components/type_time.vue'),
+  'timeline': () => import('./components/timeline.vue'),
   'type_url': () => import('./components/type_url.vue'),
-  'unlink_vertical': () => import('./components/unlink_vertical.vue'),
-  'type_number': () => import('./components/type_number.vue'),
   'undo': () => import('./components/undo.vue'),
+  'unlink_vertical': () => import('./components/unlink_vertical.vue'),
+  'type_select': () => import('./components/type_select.vue'),
+  'user_circle': () => import('./components/user_circle.vue'),
   'upward': () => import('./components/upward.vue'),
   'upload_alt': () => import('./components/upload_alt.vue'),
-  'unlink_horizontal': () => import('./components/unlink_horizontal.vue'),
+  'undo_history': () => import('./components/undo_history.vue'),
   'upload': () => import('./components/upload.vue'),
-  'user_circle': () => import('./components/user_circle.vue'),
-  'user_add': () => import('./components/user_add.vue'),
+  'unlink_horizontal': () => import('./components/unlink_horizontal.vue'),
+  'type_text': () => import('./components/type_text.vue'),
   'venn': () => import('./components/venn.vue'),
+  'user_add': () => import('./components/user_add.vue'),
   'users': () => import('./components/users.vue'),
-  'user_male': () => import('./components/user_male.vue'),
-  'volume_minus': () => import('./components/volume_minus.vue'),
-  'undo_history': () => import('./components/undo_history.vue'),
-  'volume_0': () => import('./components/volume_0.vue'),
+  'user': () => import('./components/user.vue'),
   'user_male_circle': () => import('./components/user_male_circle.vue'),
-  'volume_muted': () => import('./components/volume_muted.vue'),
-  'versions': () => import('./components/versions.vue'),
-  'type_text': () => import('./components/type_text.vue'),
-  'volume_low': () => import('./components/volume_low.vue'),
+  'user_male': () => import('./components/user_male.vue'),
   'user_remove': () => import('./components/user_remove.vue'),
-  'volume_add': () => import('./components/volume_add.vue'),
-  'wallet': () => import('./components/wallet.vue'),
+  'type_status': () => import('./components/type_status.vue'),
   'version': () => import('./components/version.vue'),
-  'user': () => import('./components/user.vue'),
-  'volume_high': () => import('./components/volume_high.vue'),
+  'volume_0': () => import('./components/volume_0.vue'),
+  'versions': () => import('./components/versions.vue'),
   'volume_disabled': () => import('./components/volume_disabled.vue'),
+  'volume_add': () => import('./components/volume_add.vue'),
+  'video': () => import('./components/video.vue'),
   'waves': () => import('./components/waves.vue'),
+  'warning_triangle': () => import('./components/warning_triangle.vue'),
   'warning_circle': () => import('./components/warning_circle.vue'),
-  'warning_hex': () => import('./components/warning_hex.vue'),
+  'volume_low': () => import('./components/volume_low.vue'),
+  'wallet': () => import('./components/wallet.vue'),
+  'wifi': () => import('./components/wifi.vue'),
   'width': () => import('./components/width.vue'),
   'wifi_none': () => import('./components/wifi_none.vue'),
-  'warning_triangle': () => import('./components/warning_triangle.vue'),
-  'window': () => import('./components/window.vue'),
-  'wifi': () => import('./components/wifi.vue'),
+  'volume_minus': () => import('./components/volume_minus.vue'),
+  'warning_hex': () => import('./components/warning_hex.vue'),
+  'volume_muted': () => import('./components/volume_muted.vue'),
   'window_content': () => import('./components/window_content.vue'),
+  'wrap_forward': () => import('./components/wrap_forward.vue'),
   'window_collapse_right': () => import('./components/window_collapse_right.vue'),
+  'window': () => import('./components/window.vue'),
   'wifi_error': () => import('./components/wifi_error.vue'),
-  'write': () => import('./components/write.vue'),
-  'video': () => import('./components/video.vue'),
+  'volume_high': () => import('./components/volume_high.vue'),
+  'zoom_cancel': () => import('./components/zoom_cancel.vue'),
   'zoom_out': () => import('./components/zoom_out.vue'),
+  'zoom_in': () => import('./components/zoom_in.vue'),
   'window_collapse_left': () => import('./components/window_collapse_left.vue'),
-  'zoom_cancel': () => import('./components/zoom_cancel.vue'),
+  'write': () => import('./components/write.vue'),
   'wrap_back': () => import('./components/wrap_back.vue'),
-  'wrap_forward': () => import('./components/wrap_forward.vue'),
   'zoom_reset': () => import('./components/zoom_reset.vue'),
-  'zoom_in': () => import('./components/zoom_in.vue'),
-  'nomi-arrow-right-alt': () => import('./components/nomi-arrow-right-alt.vue'),
+  'reset_temporary': () => import('./components/reset_temporary.vue'),
   'nomi-ai': () => import('./components/nomi-ai.vue'),
-  'nomi-ai-alt': () => import('./components/nomi-ai-alt.vue'),
   'nomi-arrow-right-top': () => import('./components/nomi-arrow-right-top.vue'),
+  'nomi-arrow-down': () => import('./components/nomi-arrow-down.vue'),
+  'nomi-ai-alt': () => import('./components/nomi-ai-alt.vue'),
+  'nomi-arrow_down': () => import('./components/nomi-arrow_down.vue'),
+  'nomi-balance': () => import('./components/nomi-balance.vue'),
   'nomi-arrow_left': () => import('./components/nomi-arrow_left.vue'),
   'nomi-arrow-up': () => import('./components/nomi-arrow-up.vue'),
-  'nomi-arrow_up': () => import('./components/nomi-arrow_up.vue'),
-  'nomi-calendar-alt': () => import('./components/nomi-calendar-alt.vue'),
-  'nomi-arrow_down': () => import('./components/nomi-arrow_down.vue'),
-  'nomi-bell': () => import('./components/nomi-bell.vue'),
-  'nomi-calendar': () => import('./components/nomi-calendar.vue'),
-  'nomi-arrow-down': () => import('./components/nomi-arrow-down.vue'),
+  'nomi-arrow-right-alt': () => import('./components/nomi-arrow-right-alt.vue'),
   'nomi-arrows': () => import('./components/nomi-arrows.vue'),
+  'nomi-automation': () => import('./components/nomi-automation.vue'),
+  'nomi-bar-horizontal': () => import('./components/nomi-bar-horizontal.vue'),
+  'nomi-balance_turnover': () => import('./components/nomi-balance_turnover.vue'),
+  'nomi-calendar-alt2': () => import('./components/nomi-calendar-alt2.vue'),
   'nomi-cash': () => import('./components/nomi-cash.vue'),
-  'nomi-card': () => import('./components/nomi-card.vue'),
+  'nomi-calendar-alt': () => import('./components/nomi-calendar-alt.vue'),
+  'nomi-arrow_up': () => import('./components/nomi-arrow_up.vue'),
   'nomi-cash-provider': () => import('./components/nomi-cash-provider.vue'),
-  'nomi-calendar-alt2': () => import('./components/nomi-calendar-alt2.vue'),
-  'nomi-automation': () => import('./components/nomi-automation.vue'),
-  'nomi-balance': () => import('./components/nomi-balance.vue'),
-  'nomi-category-edit': () => import('./components/nomi-category-edit.vue'),
-  'nomi-card-plus': () => import('./components/nomi-card-plus.vue'),
-  'nomi-chart-bars': () => import('./components/nomi-chart-bars.vue'),
+  'nomi-bell': () => import('./components/nomi-bell.vue'),
   'nomi-category_alt': () => import('./components/nomi-category_alt.vue'),
-  'nomi-category': () => import('./components/nomi-category.vue'),
+  'nomi-card-plus': () => import('./components/nomi-card-plus.vue'),
+  'nomi-chart-donut': () => import('./components/nomi-chart-donut.vue'),
   'nomi-chart-funnel': () => import('./components/nomi-chart-funnel.vue'),
-  'nomi-chart-line': () => import('./components/nomi-chart-line.vue'),
+  'nomi-category': () => import('./components/nomi-category.vue'),
+  'nomi-category-edit': () => import('./components/nomi-category-edit.vue'),
+  'nomi-cashflow': () => import('./components/nomi-cashflow.vue'),
   'nomi-chart-lines': () => import('./components/nomi-chart-lines.vue'),
-  'nomi-check': () => import('./components/nomi-check.vue'),
+  'nomi-chart-bars': () => import('./components/nomi-chart-bars.vue'),
+  'nomi-card': () => import('./components/nomi-card.vue'),
+  'nomi-chart-kpi': () => import('./components/nomi-chart-kpi.vue'),
   'nomi-chevron-right': () => import('./components/nomi-chevron-right.vue'),
-  'nomi-chart-donut': () => import('./components/nomi-chart-donut.vue'),
   'nomi-chevron-down': () => import('./components/nomi-chevron-down.vue'),
-  'nomi-chart-kpi': () => import('./components/nomi-chart-kpi.vue'),
-  'nomi-collapse': () => import('./components/nomi-collapse.vue'),
-  'nomi-cashflow': () => import('./components/nomi-cashflow.vue'),
-  'nomi-control-panel': () => import('./components/nomi-control-panel.vue'),
   'nomi-chevron-left': () => import('./components/nomi-chevron-left.vue'),
-  'nomi-clear': () => import('./components/nomi-clear.vue'),
-  'nomi-dashboard': () => import('./components/nomi-dashboard.vue'),
-  'nomi-credit': () => import('./components/nomi-credit.vue'),
+  'nomi-calendar': () => import('./components/nomi-calendar.vue'),
+  'nomi-check': () => import('./components/nomi-check.vue'),
   'nomi-counterparty': () => import('./components/nomi-counterparty.vue'),
-  'nomi-close': () => import('./components/nomi-close.vue'),
-  'nomi-demo': () => import('./components/nomi-demo.vue'),
   'nomi-debt': () => import('./components/nomi-debt.vue'),
   'nomi-currencies': () => import('./components/nomi-currencies.vue'),
-  'nomi-dots': () => import('./components/nomi-dots.vue'),
+  'nomi-clear': () => import('./components/nomi-clear.vue'),
+  'nomi-control-panel': () => import('./components/nomi-control-panel.vue'),
+  'nomi-dashboard': () => import('./components/nomi-dashboard.vue'),
   'nomi-dev': () => import('./components/nomi-dev.vue'),
-  'nomi-expand': () => import('./components/nomi-expand.vue'),
-  'nomi-eye-close': () => import('./components/nomi-eye-close.vue'),
+  'nomi-demo': () => import('./components/nomi-demo.vue'),
   'nomi-exit-right': () => import('./components/nomi-exit-right.vue'),
+  'nomi-credit': () => import('./components/nomi-credit.vue'),
+  'nomi-eye-open': () => import('./components/nomi-eye-open.vue'),
+  'nomi-chart-line': () => import('./components/nomi-chart-line.vue'),
+  'nomi-dots': () => import('./components/nomi-dots.vue'),
+  'nomi-collapse': () => import('./components/nomi-collapse.vue'),
   'nomi-eye': () => import('./components/nomi-eye.vue'),
+  'nomi-eye-close': () => import('./components/nomi-eye-close.vue'),
   'nomi-folder': () => import('./components/nomi-folder.vue'),
-  'nomi-goods-turnover': () => import('./components/nomi-goods-turnover.vue'),
-  'nomi-export': () => import('./components/nomi-export.vue'),
-  'nomi-eye-open': () => import('./components/nomi-eye-open.vue'),
-  'nomi-goods': () => import('./components/nomi-goods.vue'),
-  'nomi-help': () => import('./components/nomi-help.vue'),
+  'nomi-close': () => import('./components/nomi-close.vue'),
   'nomi-file': () => import('./components/nomi-file.vue'),
-  'nomi-integration': () => import('./components/nomi-integration.vue'),
-  'nomi-hide': () => import('./components/nomi-hide.vue'),
-  'nomi-filter': () => import('./components/nomi-filter.vue'),
+  'nomi-expand': () => import('./components/nomi-expand.vue'),
+  'nomi-help': () => import('./components/nomi-help.vue'),
+  'nomi-export': () => import('./components/nomi-export.vue'),
   'nomi-help-alt': () => import('./components/nomi-help-alt.vue'),
-  'nomi-menu': () => import('./components/nomi-menu.vue'),
-  'nomi-minus': () => import('./components/nomi-minus.vue'),
-  'nomi-logout': () => import('./components/nomi-logout.vue'),
+  'nomi-hide': () => import('./components/nomi-hide.vue'),
   'nomi-lock': () => import('./components/nomi-lock.vue'),
+  'nomi-logout': () => import('./components/nomi-logout.vue'),
   'nomi-link': () => import('./components/nomi-link.vue'),
-  'nomi-move-right': () => import('./components/nomi-move-right.vue'),
+  'nomi-filter': () => import('./components/nomi-filter.vue'),
+  'nomi-menu': () => import('./components/nomi-menu.vue'),
+  'nomi-goods-turnover': () => import('./components/nomi-goods-turnover.vue'),
   'nomi-move-left': () => import('./components/nomi-move-left.vue'),
   'nomi-payment_calendar': () => import('./components/nomi-payment_calendar.vue'),
+  'nomi-integration': () => import('./components/nomi-integration.vue'),
   'nomi-money': () => import('./components/nomi-money.vue'),
-  'nomi-planFact': () => import('./components/nomi-planFact.vue'),
+  'nomi-move-right': () => import('./components/nomi-move-right.vue'),
+  'nomi-minus': () => import('./components/nomi-minus.vue'),
+  'nomi-pen': () => import('./components/nomi-pen.vue'),
   'nomi-pc': () => import('./components/nomi-pc.vue'),
-  'nomi-pnl': () => import('./components/nomi-pnl.vue'),
-  'nomi-project_alt2': () => import('./components/nomi-project_alt2.vue'),
   'nomi-project': () => import('./components/nomi-project.vue'),
+  'nomi-planFact': () => import('./components/nomi-planFact.vue'),
+  'nomi-project_alt2': () => import('./components/nomi-project_alt2.vue'),
+  'nomi-repeat': () => import('./components/nomi-repeat.vue'),
+  'nomi-pnl': () => import('./components/nomi-pnl.vue'),
+  'nomi-person': () => import('./components/nomi-person.vue'),
   'nomi-project_alt': () => import('./components/nomi-project_alt.vue'),
-  'nomi-pin': () => import('./components/nomi-pin.vue'),
-  'nomi-pen': () => import('./components/nomi-pen.vue'),
   'nomi-refresh-off': () => import('./components/nomi-refresh-off.vue'),
-  'nomi-person': () => import('./components/nomi-person.vue'),
-  'nomi-repeat': () => import('./components/nomi-repeat.vue'),
-  'nomi-recurrence': () => import('./components/nomi-recurrence.vue'),
-  'nomi-refresh': () => import('./components/nomi-refresh.vue'),
   'nomi-report': () => import('./components/nomi-report.vue'),
-  'nomi-scissors': () => import('./components/nomi-scissors.vue'),
+  'nomi-segment': () => import('./components/nomi-segment.vue'),
+  'nomi-goods': () => import('./components/nomi-goods.vue'),
   'nomi-sort-desc': () => import('./components/nomi-sort-desc.vue'),
+  'nomi-scissors': () => import('./components/nomi-scissors.vue'),
   'nomi-subscription': () => import('./components/nomi-subscription.vue'),
-  'nomi-segment': () => import('./components/nomi-segment.vue'),
-  'nomi-settings': () => import('./components/nomi-settings.vue'),
   'nomi-sort-asc': () => import('./components/nomi-sort-asc.vue'),
-  'nomi-table-view': () => import('./components/nomi-table-view.vue'),
+  'nomi-tag': () => import('./components/nomi-tag.vue'),
+  'nomi-refresh': () => import('./components/nomi-refresh.vue'),
+  'nomi-recurrence': () => import('./components/nomi-recurrence.vue'),
+  'nomi-settings': () => import('./components/nomi-settings.vue'),
   'nomi-text': () => import('./components/nomi-text.vue'),
-  'nomi-strongbox': () => import('./components/nomi-strongbox.vue'),
-  'nomi-transactions_alt': () => import('./components/nomi-transactions_alt.vue'),
+  'nomi-transactions': () => import('./components/nomi-transactions.vue'),
   'nomi-target': () => import('./components/nomi-target.vue'),
-  'nomi-tag': () => import('./components/nomi-tag.vue'),
-  'nomi-type-array': () => import('./components/nomi-type-array.vue'),
-  'nomi-type-boolean': () => import('./components/nomi-type-boolean.vue'),
   'nomi-time': () => import('./components/nomi-time.vue'),
-  'nomi-transactions': () => import('./components/nomi-transactions.vue'),
-  'nomi-type-string': () => import('./components/nomi-type-string.vue'),
-  'nomi-start': () => import('./components/nomi-start.vue'),
+  'nomi-table-view': () => import('./components/nomi-table-view.vue'),
+  'nomi-type-array': () => import('./components/nomi-type-array.vue'),
+  'nomi-type-null': () => import('./components/nomi-type-null.vue'),
+  'nomi-pin': () => import('./components/nomi-pin.vue'),
   'nomi-transactions_delete': () => import('./components/nomi-transactions_delete.vue'),
+  'nomi-transactions_alt': () => import('./components/nomi-transactions_alt.vue'),
   'nomi-type-number': () => import('./components/nomi-type-number.vue'),
-  'nomi-types': () => import('./components/nomi-types.vue'),
-  'nomi-type-object': () => import('./components/nomi-type-object.vue'),
   'nomi-trash': () => import('./components/nomi-trash.vue'),
-  'nomi-user': () => import('./components/nomi-user.vue'),
-  'nomi-type-null': () => import('./components/nomi-type-null.vue'),
+  'nomi-type-string': () => import('./components/nomi-type-string.vue'),
+  'nomi-type-boolean': () => import('./components/nomi-type-boolean.vue'),
+  'nomi-start': () => import('./components/nomi-start.vue'),
+  'nomi-type-object': () => import('./components/nomi-type-object.vue'),
+  'nomi-strongbox': () => import('./components/nomi-strongbox.vue'),
+  'nomi-unpin': () => import('./components/nomi-unpin.vue'),
+  'nomi-unarchive': () => import('./components/nomi-unarchive.vue'),
   'nomi-type-date': () => import('./components/nomi-type-date.vue'),
+  'nomi-types': () => import('./components/nomi-types.vue'),
+  'nomi-user': () => import('./components/nomi-user.vue'),
   'nomi-user_plus': () => import('./components/nomi-user_plus.vue'),
   'nomi-warehouse': () => import('./components/nomi-warehouse.vue'),
   'nomi-warning_triangle': () => import('./components/nomi-warning_triangle.vue'),
-  'nomi-unpin': () => import('./components/nomi-unpin.vue'),
 }

package/src/components/icon/new-icons/balance_turnover.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M10.1484 3.91992L13.7451 5.11914L16.3584 4.24805L16.8125 5.61328L14.6318 6.33984L16.46 11.3682C14.9474 11.6415 13.6336 12.4861 12.7529 13.6729C11.9303 13.4792 11.1979 13.0524 10.6318 12.4629L12.8574 6.33984L10.1484 5.43652V15.2285H11.9268C11.7654 15.6851 11.6583 16.1669 11.6133 16.667H5.83301V15.2285H8.70996V5.43652L6.00098 6.33984L8.22754 12.4629C7.44212 13.2809 6.33683 13.79 5.11328 13.79C3.8899 13.79 2.7853 13.2807 2 12.4629L4.22559 6.33984L2.0459 5.61328L2.50098 4.24805L5.11328 5.11914L8.70996 3.91992V3H10.1484V3.91992ZM4.09375 10.9131H6.13281L5.11328 8.10938L4.09375 10.9131ZM12.7256 10.9131H14.7646L13.7451 8.10938L12.7256 10.9131Z" fill="currentColor"/>
+    <path d="M13.999 17C13.999 15.9391 14.4205 14.9217 15.1706 14.1716C15.9207 13.4214 16.9382 13 17.999 13C19.1173 13.0042 20.1906 13.4405 20.9946 14.2178L21.999 15.2222M21.999 15.2222V13M21.999 15.2222H19.7768M21.999 17C21.999 18.0609 21.5776 19.0783 20.8275 19.8284C20.0773 20.5786 19.0599 21 17.999 21C16.8808 20.9958 15.8075 20.5595 15.0035 19.7822L13.999 18.7778M13.999 18.7778H16.2212M13.999 18.7778V21" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/components/icon/new-icons/bar-horizontal.svg

@@ -0,0 +1,6 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M5 13.3333V10.8333C5 10.3731 5.3731 10 5.83333 10H6.66667C7.1269 10 7.5 10.3731 7.5 10.8333V13.3333C7.5 13.7936 7.1269 14.1667 6.66667 14.1667H5.83333C5.3731 14.1667 5 13.7936 5 13.3333Z" fill="currentColor"/>
+    <path d="M8.75 13.3333V5.83333C8.75 5.3731 9.1231 5 9.58333 5H10.4167C10.8769 5 11.25 5.3731 11.25 5.83333V13.3333C11.25 13.7936 10.8769 14.1667 10.4167 14.1667H9.58333C9.1231 14.1667 8.75 13.7936 8.75 13.3333Z" fill="currentColor"/>
+    <path d="M12.5 13.3333V8.33333C12.5 7.8731 12.8731 7.5 13.3333 7.5H14.1667C14.6269 7.5 15 7.8731 15 8.33333V13.3333C15 13.7936 14.6269 14.1667 14.1667 14.1667H13.3333C12.8731 14.1667 12.5 13.7936 12.5 13.3333Z" fill="currentColor"/>
+    <path d="M15.4163 15.4165H4.58301" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/components/icon/new-icons/unarchive.svg

@@ -0,0 +1,16 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24.000000" height="24.000000" fill="none">
+	<defs>
+		<clipPath id="clipPath_0">
+			<rect width="19.200001" height="19.200001" x="2.399902" y="2.400024" fill="rgb(255,255,255)" />
+		</clipPath>
+	</defs>
+	<rect id="Filled/unarchive" width="24.000000" height="24.000000" x="0.000000" y="0.000000" fill="rgb(255,255,255)" fill-opacity="0" />
+	<path id="Vector" d="M17.9998 10.3L17.9998 16.9C17.9998 17.1918 17.8839 17.4716 17.6776 17.6779C17.4713 17.8842 17.1915 18 16.8998 18L5.8998 18C5.60807 18 5.32828 17.8842 5.12199 17.6779C4.9157 17.4716 4.7998 17.1918 4.7998 16.9L4.7998 10.3C4.7998 10.0083 4.9157 9.72852 5.12199 9.52223C5.32828 9.31594 5.60807 9.20005 5.8998 9.20005L16.8998 9.20005C17.1915 9.20005 17.4713 9.31594 17.6776 9.52223C17.8839 9.72852 17.9998 10.0083 17.9998 10.3ZM6.4498 8.10005L16.3498 8.10005C16.4957 8.10005 16.6356 8.0421 16.7387 7.93896C16.8419 7.83581 16.8998 7.69592 16.8998 7.55005C16.8998 7.40418 16.8419 7.26429 16.7387 7.16114C16.6356 7.058 16.4957 7.00005 16.3498 7.00005L6.4498 7.00005C6.30394 7.00005 6.16404 7.058 6.0609 7.16114C5.95775 7.26429 5.8998 7.40418 5.8998 7.55005C5.8998 7.69592 5.95775 7.83581 6.0609 7.93896C6.16404 8.0421 6.30394 8.10005 6.4498 8.10005ZM7.5498 5.90005L15.2498 5.90005C15.3957 5.90005 15.5356 5.8421 15.6387 5.73896C15.7419 5.63581 15.7998 5.49592 15.7998 5.35005C15.7998 5.20418 15.7419 5.06429 15.6387 4.96114C15.5356 4.858 15.3957 4.80005 15.2498 4.80005L7.5498 4.80005C7.40394 4.80005 7.26404 4.858 7.1609 4.96114C7.05775 5.06429 6.9998 5.20418 6.9998 5.35005C6.9998 5.49592 7.05775 5.63581 7.1609 5.73896C7.26404 5.8421 7.40394 5.90005 7.5498 5.90005Z" opacity="0" fill="currentColor" fill-rule="nonzero" />
+	<g id="Eye" opacity="0" clip-path="url(#clipPath_0)" customFrame="url(#clipPath_0)">
+		<rect id="Eye" width="19.200001" height="19.200001" x="2.399902" y="2.400024" opacity="0" fill="rgb(255,255,255)" fill-opacity="0" />
+		<path id="Vector" d="M20.9482 11.757C20.922 11.6978 20.2867 10.2885 18.8745 8.87625C16.9927 6.9945 14.616 6 12 6C9.38399 6 7.00724 6.9945 5.12549 8.87625C3.71324 10.2885 3.07499 11.7 3.05174 11.757C3.01763 11.8337 3 11.9168 3 12.0007C3 12.0847 3.01763 12.1678 3.05174 12.2445C3.07799 12.3038 3.71324 13.7123 5.12549 15.1245C7.00724 17.0055 9.38399 18 12 18C14.616 18 16.9927 17.0055 18.8745 15.1245C20.2867 13.7123 20.922 12.3038 20.9482 12.2445C20.9824 12.1678 21 12.0847 21 12.0007C21 11.9168 20.9824 11.8337 20.9482 11.757ZM12 15C11.4066 15 10.8266 14.8241 10.3333 14.4944C9.83994 14.1648 9.45542 13.6962 9.22835 13.1481C9.00129 12.5999 8.94188 11.9967 9.05764 11.4147C9.17339 10.8328 9.45912 10.2982 9.87867 9.87868C10.2982 9.45912 10.8328 9.1734 11.4147 9.05764C11.9967 8.94189 12.5999 9.0013 13.148 9.22836C13.6962 9.45542 14.1648 9.83994 14.4944 10.3333C14.824 10.8266 15 11.4067 15 12C15 12.7956 14.6839 13.5587 14.1213 14.1213C13.5587 14.6839 12.7956 15 12 15Z" fill="rgb(167,175,187)" fill-rule="nonzero" />
+	</g>
+	<path id="Subtract" d="M19.3271 8C19.47 7.99923 19.6121 8.02741 19.7432 8.08301C19.8741 8.13862 19.992 8.22077 20.0889 8.32324C20.1857 8.42567 20.2592 8.54685 20.3057 8.67871C20.3521 8.81071 20.3703 8.95075 20.3584 9.08984L19.7988 15.0312L19.1934 14.4697L19.1914 14.4678L19.0615 14.3594C18.7932 14.1566 18.4738 14.0378 18.1455 14.0078L17.9814 14C17.5412 14 17.1041 14.1606 16.7705 14.4678L16.7686 14.4697L14.502 16.5693L14.4736 16.5957L14.4473 16.625C14.15 16.9467 13.9822 17.3754 14.001 17.8271C14.0198 18.2787 14.2225 18.6913 14.542 18.9873C14.5467 18.9917 14.5519 18.9957 14.5566 19L6.82617 19C6.31281 19.0021 5.81651 18.8169 5.43555 18.4805C5.0546 18.144 4.81555 17.6802 4.76562 17.1807L4.00391 9.09082C3.9914 8.95164 4.00855 8.81095 4.05469 8.67871C4.10086 8.54654 4.17557 8.42491 4.27246 8.32227C4.36934 8.21976 4.48719 8.13849 4.61816 8.08301C4.74936 8.02744 4.89121 7.9989 5.03418 8L19.3271 8ZM15.3193 18.3291C15.3136 18.3253 15.3074 18.3223 15.3018 18.3184L15.2217 18.2539C15.2519 18.2819 15.2849 18.3065 15.3193 18.3291ZM15.0488 17.5127C15.0508 17.5078 15.0526 17.5029 15.0547 17.498L15.1006 17.4102C15.0802 17.443 15.0632 17.4774 15.0488 17.5127ZM10.1357 10C9.8645 10 9.6039 10.1054 9.41211 10.293C9.22033 10.4805 9.11232 10.7348 9.1123 11C9.1123 11.2652 9.22034 11.5195 9.41211 11.707C9.6039 11.8946 9.8645 12 10.1357 12L14.2266 12C14.4977 11.9999 14.7575 11.8945 14.9492 11.707C15.141 11.5195 15.249 11.2652 15.249 11C15.249 10.7348 15.141 10.4805 14.9492 10.293C14.7575 10.1055 14.4976 10.0001 14.2266 10L10.1357 10Z" fill="currentColor" fill-rule="nonzero" />
+	<path id="Vector" d="M6.04422 5L13.2033 5C13.4745 5 13.7347 5.10536 13.9265 5.29289C14.1183 5.48043 14.226 5.73478 14.226 6L18.3169 6C18.5882 6 18.8483 6.10535 19.0401 6.2929C19.2319 6.48043 19.3396 6.73478 19.3396 7L5.02148 7L5.02148 6C5.02148 5.73478 5.12924 5.48043 5.32103 5.29289C5.51282 5.10536 5.77297 5 6.04422 5Z" fill="currentColor" fill-rule="nonzero" />
+	<path id="Vector" d="M20.4766 18.2903C20.3425 18.4207 20.161 18.4938 19.9719 18.4938C19.7828 18.4938 19.6014 18.4207 19.4672 18.2903L18.5366 17.3874L18.5366 21.3001C18.5366 21.4857 18.4612 21.6637 18.327 21.795C18.1927 21.9263 18.0106 22 17.8208 22C17.6309 22 17.4488 21.9263 17.3146 21.795C17.1804 21.6637 17.1049 21.4857 17.1049 21.3001L17.1049 17.3874L16.1815 18.2903C16.0445 18.405 15.8684 18.4649 15.6882 18.4581C15.5081 18.4513 15.3372 18.3782 15.2097 18.2536C15.0822 18.1289 15.0075 17.9618 15.0005 17.7857C14.9936 17.6095 15.0549 17.4373 15.1721 17.3034L17.3197 15.2035C17.4538 15.0732 17.6352 15 17.8244 15C18.0135 15 18.1949 15.0732 18.329 15.2035L20.4766 17.3034C20.6099 17.4345 20.6848 17.6119 20.6848 17.7968C20.6848 17.9817 20.6099 18.1592 20.4766 18.2903Z" fill="currentColor" fill-rule="nonzero" />
+</svg>

package/src/components/table/TableHeader.vue

@@ -237,7 +237,7 @@ class itfTableHeader extends Vue {
 
   set selectAll(val) {
     if (val) {
-      this.$emit('update:selectedIds', this.rows.map(r => r[this.idProperty]));
+      this.$emit('update:selectedIds', this.rows.filter(r => !r.isDisabled).map(r => r[this.idProperty]));
     } else {
       this.$emit('update:selectedIds', []);
     }

package/src/components/table/TableRows.vue

@@ -6,7 +6,7 @@
         group="items"
         data-test="table-item"
         class="table-view-item grouped draggable-item"
-        :class="{'selected': selectedIds.includes(item[idProperty]), 'active': isActive(item[idProperty]), [cssProperty && item[cssProperty]]: !!item[cssProperty]}"
+        :class="{'selected': selectedIds.includes(item[idProperty]), 'active': isActive(item[idProperty]), 'disabled': item.isDisabled, [cssProperty && item[cssProperty]]: !!item[cssProperty]}"
       >
         <div class="table-row-template">
           <div accept-group="items" class="table-view-body-space"></div>
@@ -24,7 +24,7 @@
             <div v-if="indicatorType !== 'none'" class="table-view-row-count">
               <span v-if="indicatorType === 'order'">{{ (n + 1) }}</span>
               <span v-else-if="indicatorType === 'property'">{{ item[idProperty] }}</span>
-              <span v-else-if="indicatorType === 'checkbox'"><itf-checkbox :value="item[idProperty]" /></span>
+              <span v-else-if="indicatorType === 'checkbox'"><itf-checkbox :disabled="item.isDisabled" :value="item[idProperty]" /></span>
             </div>
           </div>
           <div accept-group="items" class="table-item-inner" @click="$emit('row-click', item)">
@@ -98,6 +98,7 @@
           :expanded-all="expandedAll"
           :css-property="cssProperty"
           :editable-property="editableProperty"
+          :active="active"
           @update="$emit('update', $event)"
           @toggle="$emit('toggle', $event)"
         >

package/src/components/table/table2.scss

@@ -448,6 +448,12 @@ body[data-theme="dark"] {
     .indicator {
       border-left: var(--itf-table-border-base-width) solid var(--itf-table2-border-color);
     }
+
+    &.disabled {
+      .table-view-item-value {
+        opacity: 0.5;
+      }
+    }
   }
 
   &__row-divider {

package/src/components/view/View.vue

@@ -59,7 +59,7 @@
           class="permanent-checkboxes"
           :state-name="stateName"
           id-property="id"
-          :rows="items"
+          :rows="preparedItems"
           :schema="schema"
           :sorting="sorting"
           :active="activeIds"
@@ -82,7 +82,7 @@
       class="my-2 px-3"
       show-size
       :size="size"
-      :items="items"
+      :items="preparedItems"
       :pages="countPages"
       :value="page"
       @input="updatePage($event)"
@@ -140,6 +140,7 @@ class itfView extends Vue {
   @Prop() panel;
   @Prop() hardFilter; // встановлює жорсткий фільтр, наприклад, треба завжди показувати лише по контрагенту
   @Prop(Boolean) showActions;
+  @Prop({ type: Array, default: () => [] }) disabledIds;
 
   page = 1;
   total = 0;
@@ -150,6 +151,11 @@ class itfView extends Vue {
   loadingData = false;
   activeIds = [];
 
+  get preparedItems() {
+    const disabledIdsSet = new Set(this.disabledIds);
+    return this.items.map(item => ({ ...item, isDisabled: disabledIdsSet.has(item.id) }));
+  }
+
   created() {
     const defaultSize = localStorage.getItem('sizePerPage') ?? 20;