@itfin/components 2.0.58 → 2.0.60

package/package.json

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

package/src/components/filter/FilterBadge.vue

@@ -50,6 +50,9 @@
         <itf-date-picker-inline
           style="margin: -.5rem"
           :value="value.value"
+          :only-calendar="options.calendarOptions && options.calendarOptions.onlyCalendar"
+          :max-date="options.calendarOptions && options.calendarOptions.maxDate"
+          value-format="yyyy-MM-dd"
           @input="onFilterChange({ value: $event })"
         />
       </template>

package/src/components/filter/FilterPanel.vue

@@ -378,6 +378,9 @@ class FilterPanel extends Vue {
       const date = DateTime.fromISO(value.value);
       value.label = (date.isValid ? date : DateTime.fromISO(facet.options.defaultValue.value)).toFormat('dd MMM yyyy');
       value.isDefault = facet.options.defaultValue ? value.value === facet.options.defaultValue.value : false;
+      if (value.isDefault && facet.options.defaultValue.label) {
+        value.label = facet.options.defaultValue.label;
+      }
     } else if  (facet.type === 'month') {
       const date = DateTime.fromISO(value.value);
       value.label = capitalizeFirstLetter((date.isValid ? date : DateTime.fromISO(facet.options.defaultValue.value)).toFormat('LLLL yyyy'));

package/src/components/icon/components/nomi-credit.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 d="M17.54 6.75L7.04004 17.25M10.04 7.875C10.04 8.91053 9.20057 9.75 8.16504 9.75C7.12951 9.75 6.29004 8.91053 6.29004 7.875C6.29004 6.83947 7.12951 6 8.16504 6C9.20057 6 10.04 6.83947 10.04 7.875ZM18.29 16.125C18.29 17.1605 17.4506 18 16.415 18C15.3795 18 14.54 17.1605 14.54 16.125C14.54 15.0895 15.3795 14.25 16.415 14.25C17.4506 14.25 18.29 15.0895 18.29 16.125Z" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
+</template>

package/src/components/icon/components/nomi-pc.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 d="M10.8667 7.48333V16.35C10.8667 16.434 10.8333 16.5145 10.7739 16.5739C10.7145 16.6333 10.634 16.6667 10.55 16.6667H8.96667V17.9333H10.212C10.3754 17.9313 10.5335 17.9911 10.6546 18.1008C10.7757 18.2105 10.8509 18.3619 10.8651 18.5247C10.8708 18.6113 10.8587 18.6982 10.8295 18.78C10.8002 18.8617 10.7545 18.9366 10.6951 18.9999C10.6357 19.0632 10.5639 19.1137 10.4842 19.1481C10.4045 19.1825 10.3186 19.2002 10.2318 19.2H6.45471C6.29104 19.2024 6.13254 19.1428 6.01107 19.0331C5.8896 18.9233 5.81419 18.7717 5.8 18.6086C5.79425 18.522 5.80637 18.4351 5.83561 18.3534C5.86485 18.2716 5.91059 18.1967 5.96999 18.1334C6.02938 18.0701 6.10116 18.0196 6.18087 17.9852C6.26058 17.9508 6.34651 17.9331 6.43333 17.9333H7.7V16.6667H3.9C3.39609 16.6667 2.91282 16.4665 2.5565 16.1102C2.20018 15.7539 2 15.2706 2 14.7667V9.06667C2 8.56276 2.20018 8.07948 2.5565 7.72316C2.91282 7.36684 3.39609 7.16667 3.9 7.16667H10.55C10.634 7.16667 10.7145 7.20003 10.7739 7.25942C10.8333 7.3188 10.8667 7.39935 10.8667 7.48333ZM21 5.26667V17.9333C21 18.2693 20.8665 18.5915 20.629 18.829C20.3915 19.0665 20.0693 19.2 19.7333 19.2H13.4C13.0641 19.2 12.7419 19.0665 12.5043 18.829C12.2668 18.5915 12.1333 18.2693 12.1333 17.9333V5.26667C12.1333 4.93073 12.2668 4.60854 12.5043 4.371C12.7419 4.13345 13.0641 4 13.4 4H19.7333C20.0693 4 20.3915 4.13345 20.629 4.371C20.8665 4.60854 21 4.93073 21 5.26667ZM17.5087 15.841C17.5347 15.6442 17.4984 15.4442 17.4048 15.2692C17.3113 15.0941 17.1653 14.9527 16.9874 14.8649C16.8094 14.7771 16.6084 14.7472 16.4125 14.7794C16.2167 14.8117 16.0359 14.9044 15.8955 15.0447C15.7551 15.185 15.6621 15.3657 15.6297 15.5615C15.5972 15.7573 15.6269 15.9584 15.7146 16.1364C15.8023 16.3145 15.9435 16.4606 16.1185 16.5543C16.2935 16.648 16.4934 16.6845 16.6902 16.6587C16.8976 16.6316 17.0903 16.5367 17.2383 16.3889C17.3863 16.241 17.4814 16.0484 17.5087 15.841ZM19.1 9.65804C19.0858 9.49498 19.0104 9.34333 18.8889 9.23362C18.7675 9.1239 18.609 9.06425 18.4453 9.06667H14.688C14.5246 9.06465 14.3665 9.12448 14.2454 9.23416C14.1243 9.34384 14.0491 9.49525 14.0349 9.65804C14.0292 9.74467 14.0413 9.83156 14.0705 9.91331C14.0998 9.99506 14.1455 10.0699 14.2049 10.1333C14.2643 10.1966 14.3361 10.247 14.4158 10.2814C14.4955 10.3159 14.5814 10.3335 14.6683 10.3333H18.4683C18.5549 10.3333 18.6407 10.3155 18.7202 10.281C18.7997 10.2465 18.8713 10.196 18.9306 10.1327C18.9898 10.0694 19.0354 9.99458 19.0645 9.91294C19.0937 9.8313 19.1057 9.74454 19.1 9.65804ZM19.1 7.12471C19.0858 6.96164 19.0104 6.81 18.8889 6.70028C18.7675 6.59057 18.609 6.53092 18.4453 6.53333H14.688C14.5244 6.53092 14.3659 6.59057 14.2444 6.70028C14.1229 6.81 14.0475 6.96164 14.0333 7.12471C14.0276 7.21134 14.0397 7.29823 14.0689 7.37998C14.0982 7.46173 14.1439 7.53659 14.2033 7.59992C14.2627 7.66325 14.3345 7.71369 14.4142 7.74811C14.4939 7.78253 14.5798 7.80019 14.6667 7.8H18.4667C18.5535 7.80019 18.6394 7.78253 18.7191 7.74811C18.7988 7.71369 18.8706 7.66325 18.93 7.59992C18.9894 7.53659 19.0351 7.46173 19.0644 7.37998C19.0936 7.29823 19.1058 7.21134 19.1 7.12471Z" fill="currentColor"/>
+</svg>
+</template>

package/src/components/icon/convert-icons.js

@@ -17,6 +17,9 @@ async function bootstrap() {
     });
   }));
   await Promise.all(fs.readdirSync(fromNewFolder).map((file) => {
+    if (file.includes('.DS_Store')) {
+      return;
+    }
     return new Promise((resolve) => {
       fs.readFile(`${fromNewFolder}/${file}`, { encoding: 'utf-8' }, (err, data) => {
         fs.writeFile(`${toFolder}/nomi-${file.replace('.svg', '.vue')}`, `<template>${data}</template>`, (err) => {

package/src/components/icon/icons.js

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

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

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.54 6.75L7.04004 17.25M10.04 7.875C10.04 8.91053 9.20057 9.75 8.16504 9.75C7.12951 9.75 6.29004 8.91053 6.29004 7.875C6.29004 6.83947 7.12951 6 8.16504 6C9.20057 6 10.04 6.83947 10.04 7.875ZM18.29 16.125C18.29 17.1605 17.4506 18 16.415 18C15.3795 18 14.54 17.1605 14.54 16.125C14.54 15.0895 15.3795 14.25 16.415 14.25C17.4506 14.25 18.29 15.0895 18.29 16.125Z" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/components/icon/new-icons/goods-turnover.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M19 6.28923V9.71569C19 9.94288 18.9115 10.1608 18.754 10.3214C18.5964 10.4821 18.3828 10.5723 18.16 10.5723H14.8C14.5772 10.5723 14.3636 10.4821 14.206 10.3214C14.0485 10.1608 13.96 9.94288 13.96 9.71569C13.96 9.4885 14.0485 9.27062 14.206 9.10997C14.3636 8.94933 14.5772 8.85907 14.8 8.85907H16.13L15.584 8.30227C14.5955 7.2892 13.253 6.71768 11.8516 6.71325H11.8215C10.4326 6.71015 9.09827 7.26484 8.1073 8.2573C7.94801 8.41614 7.73337 8.50395 7.5106 8.50141C7.28782 8.49887 7.07516 8.40618 6.9194 8.24374C6.76364 8.0813 6.67753 7.86241 6.68003 7.63523C6.68252 7.40805 6.77341 7.19118 6.9327 7.03234C8.23765 5.72561 9.99472 4.9955 11.8236 5.00002H11.86C13.705 5.00515 15.4725 5.75721 16.774 7.09088L17.32 7.64554V6.28923C17.32 6.06204 17.4085 5.84416 17.566 5.68351C17.7236 5.52286 17.9372 5.43261 18.16 5.43261C18.3828 5.43261 18.5964 5.52286 18.754 5.68351C18.9115 5.84416 19 6.06204 19 6.28923ZM15.8927 15.7427C14.9012 16.7357 13.5661 17.2904 12.1764 17.2867H12.1463C10.7448 17.2823 9.40243 16.7108 8.4139 15.6977L7.87 15.1409H9.2C9.42278 15.1409 9.63644 15.0507 9.79397 14.89C9.9515 14.7294 10.04 14.5115 10.04 14.2843C10.04 14.0571 9.9515 13.8392 9.79397 13.6786C9.63644 13.5179 9.42278 13.4277 9.2 13.4277H5.84C5.61722 13.4277 5.40356 13.5179 5.24603 13.6786C5.0885 13.8392 5 14.0571 5 14.2843V17.7108C5 17.938 5.0885 18.1558 5.24603 18.3165C5.40356 18.4771 5.61722 18.5674 5.84 18.5674C6.06278 18.5674 6.27644 18.4771 6.43397 18.3165C6.5915 18.1558 6.68 17.938 6.68 17.7108V16.3545L7.226 16.9113C8.5278 18.2441 10.2953 18.9954 12.14 19H12.1792C14.0081 19.0045 15.7651 18.2744 17.0701 16.9677C17.149 16.889 17.2119 16.7953 17.2552 16.6918C17.2986 16.5884 17.3215 16.4773 17.3228 16.3648C17.324 16.2523 17.3035 16.1406 17.2624 16.0362C17.2214 15.9318 17.1605 15.8367 17.0834 15.7563C17.0063 15.6758 16.9144 15.6117 16.8129 15.5675C16.7115 15.5233 16.6025 15.4998 16.4922 15.4986C16.3819 15.4973 16.2724 15.5182 16.17 15.5601C16.0677 15.602 15.9744 15.664 15.8955 15.7427H15.8927Z" fill="currentColor"/>
+</svg>

package/src/components/icon/new-icons/goods.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 fill-rule="evenodd" clip-rule="evenodd" d="M6.89168 5.77825C6.54711 4.51318 5.21013 3.73426 3.88429 4.08373L3.4401 4.20081C3.12074 4.28499 2.9335 4.59979 3.02189 4.90394C3.11028 5.20809 3.44082 5.38641 3.76018 5.30223L4.20438 5.18514C4.85307 5.01416 5.54567 5.38792 5.73016 6.06521L8.06655 14.9285C6.88106 15.1999 6.0001 16.2163 6.0001 17.4287C6.0001 18.8488 7.2089 20 8.70005 20C9.95256 20 11.0059 19.1878 11.3109 18.0862L20.5895 15.1414C20.9039 15.0417 21.0738 14.7181 20.9691 14.4187C20.8643 14.1193 20.5245 13.9575 20.2102 14.0572L11.3369 16.8733C11.1132 15.9058 10.3174 15.1426 9.30448 14.922L6.89168 5.77825ZM8.70005 18.2858C9.19708 18.2858 9.60004 17.902 9.60004 17.4287C9.60004 16.9553 9.19708 16.5715 8.70005 16.5715C8.20299 16.5715 7.80007 16.9553 7.80007 17.4287C7.80007 17.902 8.20299 18.2858 8.70005 18.2858Z" fill="currentColor"/>
+<path d="M9.31113 6.10533C8.3591 6.37781 7.81926 7.33372 8.10539 8.2404L9.58413 13.2121C9.87023 14.1188 10.874 14.6329 11.826 14.3605L17.5485 12.7226C18.5005 12.4501 19.0404 11.4942 18.7543 10.5875L17.2755 5.61577C16.9894 4.70909 15.9857 4.19497 15.0336 4.46746L9.31113 6.10533Z" fill="currentColor"/>
+</svg>

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

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.8667 7.48333V16.35C10.8667 16.434 10.8333 16.5145 10.7739 16.5739C10.7145 16.6333 10.634 16.6667 10.55 16.6667H8.96667V17.9333H10.212C10.3754 17.9313 10.5335 17.9911 10.6546 18.1008C10.7757 18.2105 10.8509 18.3619 10.8651 18.5247C10.8708 18.6113 10.8587 18.6982 10.8295 18.78C10.8002 18.8617 10.7545 18.9366 10.6951 18.9999C10.6357 19.0632 10.5639 19.1137 10.4842 19.1481C10.4045 19.1825 10.3186 19.2002 10.2318 19.2H6.45471C6.29104 19.2024 6.13254 19.1428 6.01107 19.0331C5.8896 18.9233 5.81419 18.7717 5.8 18.6086C5.79425 18.522 5.80637 18.4351 5.83561 18.3534C5.86485 18.2716 5.91059 18.1967 5.96999 18.1334C6.02938 18.0701 6.10116 18.0196 6.18087 17.9852C6.26058 17.9508 6.34651 17.9331 6.43333 17.9333H7.7V16.6667H3.9C3.39609 16.6667 2.91282 16.4665 2.5565 16.1102C2.20018 15.7539 2 15.2706 2 14.7667V9.06667C2 8.56276 2.20018 8.07948 2.5565 7.72316C2.91282 7.36684 3.39609 7.16667 3.9 7.16667H10.55C10.634 7.16667 10.7145 7.20003 10.7739 7.25942C10.8333 7.3188 10.8667 7.39935 10.8667 7.48333ZM21 5.26667V17.9333C21 18.2693 20.8665 18.5915 20.629 18.829C20.3915 19.0665 20.0693 19.2 19.7333 19.2H13.4C13.0641 19.2 12.7419 19.0665 12.5043 18.829C12.2668 18.5915 12.1333 18.2693 12.1333 17.9333V5.26667C12.1333 4.93073 12.2668 4.60854 12.5043 4.371C12.7419 4.13345 13.0641 4 13.4 4H19.7333C20.0693 4 20.3915 4.13345 20.629 4.371C20.8665 4.60854 21 4.93073 21 5.26667ZM17.5087 15.841C17.5347 15.6442 17.4984 15.4442 17.4048 15.2692C17.3113 15.0941 17.1653 14.9527 16.9874 14.8649C16.8094 14.7771 16.6084 14.7472 16.4125 14.7794C16.2167 14.8117 16.0359 14.9044 15.8955 15.0447C15.7551 15.185 15.6621 15.3657 15.6297 15.5615C15.5972 15.7573 15.6269 15.9584 15.7146 16.1364C15.8023 16.3145 15.9435 16.4606 16.1185 16.5543C16.2935 16.648 16.4934 16.6845 16.6902 16.6587C16.8976 16.6316 17.0903 16.5367 17.2383 16.3889C17.3863 16.241 17.4814 16.0484 17.5087 15.841ZM19.1 9.65804C19.0858 9.49498 19.0104 9.34333 18.8889 9.23362C18.7675 9.1239 18.609 9.06425 18.4453 9.06667H14.688C14.5246 9.06465 14.3665 9.12448 14.2454 9.23416C14.1243 9.34384 14.0491 9.49525 14.0349 9.65804C14.0292 9.74467 14.0413 9.83156 14.0705 9.91331C14.0998 9.99506 14.1455 10.0699 14.2049 10.1333C14.2643 10.1966 14.3361 10.247 14.4158 10.2814C14.4955 10.3159 14.5814 10.3335 14.6683 10.3333H18.4683C18.5549 10.3333 18.6407 10.3155 18.7202 10.281C18.7997 10.2465 18.8713 10.196 18.9306 10.1327C18.9898 10.0694 19.0354 9.99458 19.0645 9.91294C19.0937 9.8313 19.1057 9.74454 19.1 9.65804ZM19.1 7.12471C19.0858 6.96164 19.0104 6.81 18.8889 6.70028C18.7675 6.59057 18.609 6.53092 18.4453 6.53333H14.688C14.5244 6.53092 14.3659 6.59057 14.2444 6.70028C14.1229 6.81 14.0475 6.96164 14.0333 7.12471C14.0276 7.21134 14.0397 7.29823 14.0689 7.37998C14.0982 7.46173 14.1439 7.53659 14.2033 7.59992C14.2627 7.66325 14.3345 7.71369 14.4142 7.74811C14.4939 7.78253 14.5798 7.80019 14.6667 7.8H18.4667C18.5535 7.80019 18.6394 7.78253 18.7191 7.74811C18.7988 7.71369 18.8706 7.66325 18.93 7.59992C18.9894 7.53659 19.0351 7.46173 19.0644 7.37998C19.0936 7.29823 19.1058 7.21134 19.1 7.12471Z" fill="currentColor"/>
+</svg>

package/src/helpers/validators.js

@@ -8,6 +8,7 @@ const LINKED_IN_REGEXP = /(http(s)?:\/\/)?([\w]+\.)?linkedin\.com\/(pub|in|profi
 const SPECIAL_CHARS_REGEXP = /^[\w_\-+~,/\\:'"().&*|[\]?# ]+$/i;
 const GREETINGS_REGEXP = /\b(dr|mr|mister|mrs|ms|miss|sir|hello|hi)\b/i;
 const PHONE_REGEXP = /(\+?\(?\+?[0-9]{1,3}\)?[-. ]+([0-9]{2,4})[-. ]?([0-9]{3,5}))|\+?[0-9]{7,}/gi;
+const INTEGER_REGEXP = /^-?\d{0,11}$/;
 const DOUBLE_REGEXP = /^-?\d{0,11}(\.\d{0,8}){0,1}$/;
 const EMAIL_REGEXP = /^[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?$/i;
 const EMAIL_LIST_REGEXP = /^(\w+((-\w+)|(\.\w+))*@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]{2,4}\s*?,?\s*?)+$/g;
@@ -66,6 +67,10 @@ export function emptyArrayValidation (message) {
   return (v, $t = (s) => s) => (Array.isArray(v) && v.length > 0) || (message || $t('components.thisFieldIsRequired'));
 }
 
+export function integerValidation (message) {
+  return (v, $t = (s) => s) => !v || !!(v + '').match(INTEGER_REGEXP) || (message || $t('components.thisFieldMustBeANumberFormatZero'));
+}
+
 export function doubleValidation (message) {
   return (v, $t = (s) => s) => !v || !!(v + '').match(DOUBLE_REGEXP) || (message || $t('components.thisFieldMustBeANumberFormatZero'));
 }

package/src/locales/uk.js

@@ -28,7 +28,8 @@ module.exports = {
   pleaseEnterValidURL: 'Будь ласка, введіть дійсний URL',
   pleaseEnteraValidHex: 'Будь ласка, введіть дійсний код кольору',
   passwordsDontMatch: 'Паролі не збігаються',
-  thisFieldMustBeANumberFormatZero: 'Це поле має містити числом (формат 0.00)',
+  thisFieldMustBeAIntegerFormatZero: 'Це поле має містити число',
+  thisFieldMustBeANumberFormatZero: 'Це поле має містити число (формат 0.00)',
   theValueMustBeGreaterThanOrEqualToMinAndMax: 'Значення має бути більше або дорівнювати {min} і менше або дорівнювати {max}',
   theValueMustBeGreaterThanOrEqualToMin: 'Значення має бути більше або дорівнювати {min}',
   mustBeLessThanMax: 'Має бути менше ніж {max}',