chore: fa sharp regular as default icon

components/Navbar.vue

@@ -89,8 +89,7 @@
  <NeoIcon
  class="ml-1"
  icon="fire-flame-curved"
- custom-size="fa-solid"
- pack="fa-sharp"
+ pack="fass"
  variant="primary" />
  </div>
  </nuxt-link>
@@ -161,7 +160,7 @@
  {{ $t('profile.page') }}
  <NeoIcon icon="user-circle" />
  </span>
- <NeoIcon class="icon--right" icon="chevron-right" pack="fas" />
+ <NeoIcon class="icon--right" icon="chevron-right" />
  </div>
 
  <div v-if="!account" id="NavProfile">

components/TheFooter.vue

@@ -40,10 +40,7 @@
  rel="nofollow noopener noreferrer"
  class="is-flex is-align-items-center">
  {{ item.name }}
- <NeoIcon
- icon="arrow-up-right"
- class="ml-1 has-text-grey"
- pack="fas" />
+ <NeoIcon icon="arrow-up-right" class="ml-1 has-text-grey" />
  </a>
  <nuxt-link v-else :to="item.url">
  {{ item.name }}
@@ -67,10 +64,7 @@
  rel="nofollow noopener noreferrer"
  class="is-flex is-align-items-center">
  {{ item.name }}
- <NeoIcon
- icon="arrow-up-right"
- class="ml-1 has-text-grey"
- pack="fas" />
+ <NeoIcon icon="arrow-up-right" class="ml-1 has-text-grey" />
  </a>
  <nuxt-link v-else :to="item.url">
  {{ item.name }}
@@ -94,10 +88,7 @@
  rel="nofollow noopener noreferrer"
  class="is-flex is-align-items-center">
  {{ item.name }}
- <NeoIcon
- icon="arrow-up-right"
- class="ml-1 has-text-grey"
- pack="fas" />
+ <NeoIcon icon="arrow-up-right" class="ml-1 has-text-grey" />
  </a>
  <nuxt-link v-else :to="item.url">
  {{ item.name }}
@@ -148,7 +139,7 @@
 
  <NeoIcon
  v-else
- :pack="item.name == 'Swag' ? 'fas' : 'fab'"
+ :pack="item.name == 'Swag' ? 'fasr' : 'fab'"
  :icon="item.icon" />
  </a>
  </li>

components/base/SubmitButton.vue

@@ -7,7 +7,6 @@
  :disabled="disabled"
  :loading="loading"
  :expanded="expanded"
- icon-pack="far"
  outlined
  @click.native="$emit('click')">
  <slot>

components/blog/BlogPost.vue

@@ -2,7 +2,7 @@
  <div v-if="attributes.title" class="article">
  <div class="is-flex is-align-items-center has-text-grey is-size-5 mb-1">
  <nuxt-link class="has-text-grey" to="/blog">{{ $t('blog') }}</nuxt-link>
- <NeoIcon icon="chevron-right" pack="far" class="mx-5" />
+ <NeoIcon icon="chevron-right" class="mx-5" />
  <span>{{ attributes.title?.slice(0, 15) }}...</span>
  </div>
  <h1>{{ attributes.title }}</h1>

components/collection/unlockable/UnlockableLoader.vue

@@ -6,7 +6,6 @@
  variant="text"
  no-shadow
  icon="xmark"
- icon-pack="fa-sharp"
  size="medium"
  @click.native="closeLoading" />
  <img src="/unlockable-loader.svg" />

components/collection/voteDrop/DropContainer.vue

@@ -66,7 +66,7 @@
  :label="buttonLabel"
  @click.native="handleMint" />
  <div class="is-flex is-align-items-center mt-2">
- <NeoIcon icon="timer" pak="far" class="mr-2" />
+ <NeoIcon icon="timer" class="mr-2" />
  {{ leftTime }}
  </div>
  </div>
@@ -91,7 +91,7 @@
  class="column is-half-desktop is-flex is-flex-direction-column is-justify-content-center order-1">
  <div
  class="is-flex is-align-items-center has-text-weight-bold is-size-6 mb-2">
- <NeoIcon icon="unlock" class="mr-2" pack="far" />
+ <NeoIcon icon="unlock" class="mr-2" />
  {{ $t('mint.unlockable.howItemWork') }}
  </div>
  <div>
@@ -186,21 +186,21 @@ const statusInformation = computed(() => {
  icon: 'circle-info',
  iconClass: 'has-text-grey',
  labelClass: 'has-text-grey',
- iconPack: 'far',
+ iconPack: 'fasr',
  }
  : isEligibleUser.value
  ? {
  label: $i18n.t('mint.unlockable.eligible'),
  icon: 'circle-check',
- iconPack: 'fas',
+ iconPack: 'fasr',
  iconClass: 'has-text-success',
  }
  : {
  label: $i18n.t('mint.unlockable.exclusive'),
  icon: 'circle-info',
  iconClass: 'has-text-grey',
  labelClass: 'has-text-grey',
- iconPack: 'far',
+ iconPack: 'fasr',
  }
 })
 

components/common/ConnectWallet/WalletMenuItem.vue

@@ -26,7 +26,7 @@
  <div
  v-if="isAuth && walletAccounts.length === 0"
  class="pl-5 pt-2 pb-2 is-flex is-align-items-center auth-tip">
- <NeoIcon icon="spinner-third" pack="fad" />
+ <NeoIcon icon="spinner-third" />
  <span class="has-text-grey is-size-7 pl-4">
  {{ $i18n.t('walletConnect.authTip') }}
  </span>

components/common/IdentityForm.vue

@@ -8,7 +8,7 @@
  :label="$i18n.t('identity.fundsReserve')"
  position="bottom"
  multiline>
- <NeoIcon icon="info-circle" pack="fas" />
+ <NeoIcon icon="info-circle" />
  </NeoTooltip>
  </h1>
 

components/common/confirmPurchaseModal/ConfirmPurchaseModal.vue

@@ -17,7 +17,6 @@
  variant="text"
  no-shadow
  icon="xmark"
- icon-pack="fa-sharp"
  size="medium"
  @click.native="onClose" />
  </header>

components/common/shoppingCart/ShoppingCartItemRow.vue

@@ -40,7 +40,6 @@
  class="inherit-background-color"
  no-shadow
  icon="trash"
- icon-pack="far"
  @click.native="emit('delete', nft.id)" />
  </div>
  </div>

components/drops/TimeTag.vue

@@ -3,7 +3,7 @@
  class="tag-container is-flex border py-1 px-2 is-justify-content-space-between is-align-items-center">
  <div class="image is-24x24 has-text-centered">
  <img v-if="isMintingLive" src="/drop/unlockable-pulse.svg" />
- <NeoIcon v-else icon="calendar-day" pack="far" variant="k-grey" />
+ <NeoIcon v-else icon="calendar-day" variant="k-grey" />
  </div>
 
  <span class="pr-1">{{ displayText }}</span>

components/explore/FilterMenuButton.vue

@@ -8,7 +8,6 @@
  @click="toggleSidebarFilters">
  <NeoIcon
  :icon="isSidebarFiltersOpen && !disabled ? 'times' : 'bars'"
- pack="fa-sharp"
  size="medium" />
  </a>
  <div class="is-hidden-tablet is-relative">

components/massmint/OnBoarding.vue

@@ -8,7 +8,6 @@
  <NeoButton
  :label="$t('massmint.onboarding.skip')"
  icon="arrow-right"
- icon-pack="fas"
  @click.native="toMassMint" />
  </div>
  <div class="is-relative mb-6">

components/navbar/MobileExpandableSection.vue

@@ -4,11 +4,11 @@
  {{ title }}
  <NeoIcon v-if="icon" :icon="icon" :pack="iconFamily" />
  </span>
- <NeoIcon class="icon--right" icon="chevron-right" pack="fas" />
+ <NeoIcon class="icon--right" icon="chevron-right" />
  </div>
  <div v-else class="navbar-item--fullpage">
  <div class="navbar-item navbar-item--reverse" @click.stop="close">
- <NeoIcon icon="chevron-left" pack="fas" />
+ <NeoIcon icon="chevron-left" />
  {{ title }}
  </div>
  <div :class="{ 'navbar-item': !noPadding }" class="navbar-item-body">
@@ -31,7 +31,7 @@ defineProps({
  },
  iconFamily: {
  type: String,
- default: 'fas',
+ default: 'fasr',
  },
  noPadding: {
  type: Boolean,

components/navbar/NotificationBoxButton.vue

@@ -1,7 +1,7 @@
 <template>
  <a class="navbar-item" @click="toggleNotificationModal">
  <span v-if="props.showLabel">{{ $t('notification.notifications') }}</span>
- <NeoIcon icon="bell" pack="far" class="icon" />
+ <NeoIcon icon="bell" class="icon" />
  </a>
 </template>
 

components/rmrk/Gallery/EmotionList.vue

@@ -23,7 +23,7 @@
  class="emoji-box mb-2"
  no-shadow
  @click.native="openEmotionModal()">
- <NeoIcon pack="fas" icon="info-circle" />
+ <NeoIcon icon="info-circle" />
  </NeoButton>
  </div>
 </template>

components/search/SearchBar.vue

@@ -7,6 +7,7 @@
  :class="{ 'is-collection-search': isSearchInCollectionMode }"
  :placeholder="placeholderContent"
  icon="search"
+ icon-pack="fasr"
  :open-on-focus="showDefaultSuggestions"
  menu-position="bottom"
  expanded

components/settings/Minting.vue

@@ -9,7 +9,7 @@
  :label="$i18n.t('support.tooltip')"
  position="bottom"
  multiline>
- <NeoIcon icon="info-circle" pack="fas" />
+ <NeoIcon icon="info-circle" />
  </NeoTooltip>
  </div>
  <div class="py-2 is-flex">
@@ -22,7 +22,7 @@
  :label="$i18n.t('carbonOffset.tooltip')"
  position="bottom"
  multiline>
- <NeoIcon icon="info-circle" pack="fas" />
+ <NeoIcon icon="info-circle" />
  </NeoTooltip>
  </div>
  </div>

components/shared/DragDrop.vue

@@ -17,8 +17,8 @@
  <NeoIcon
  :icon="icon"
  class="icon-size has-text-grey py-3"
- size="large"
- pack="fas" />
+ custom-size="fa-2x"
+ pack="fass" />
  <p class="has-text-grey mt-8">
  {{ subtitle }}
  </p>

components/shared/DropUpload.vue

@@ -19,15 +19,15 @@
  @input="createInput">
  <section class="section">
  <div class="content has-text-centered">
- <NeoIcon v-if="!file && !url" :icon="icon" size="large" />
+ <NeoIcon v-if="!file && !url" :icon="icon" custom-size="fa-2x" />
  <div v-if="url && !isModelMedia" @click.prevent>
  <MediaResolver
  :src="url"
  :mime-type="mimeType"
  :preview="false"
  @error="hasError = true" />
  </div>
- <NeoIcon v-if="hasError" icon="eye-slash" size="large" />
+ <NeoIcon v-if="hasError" icon="eye-slash" custom-size="fa-2x" />
  <p v-if="!file">
  {{ label }}
  </p>

components/shared/OnRampModal.vue

@@ -11,7 +11,6 @@
  variant="text"
  no-shadow
  icon="xmark"
- icon-pack="fa-sharp"
  size="medium"
  class="cross"
  @click.native="onClose" />

components/shared/TransactionLoader.vue

@@ -12,7 +12,6 @@
  variant="text"
  no-shadow
  icon="xmark"
- icon-pack="fa-sharp"
  size="medium"
  @click.native="emit('close')" />
  </div>
@@ -31,7 +30,6 @@
  variant="text"
  no-shadow
  icon="xmark"
- icon-pack="fa-sharp"
  size="medium"
  @click.native="emit('close')" />
  </div>
@@ -72,7 +70,6 @@
  <NeoButton
  v-clipboard:copy="explorerLink"
  icon="copy"
- icon-pack="far"
  class="ml-4 px-4"
  rounded
  no-shadow

components/shared/modals/ModalWrapper.vue

@@ -2,7 +2,6 @@
  <div :id="id">
  <slot name="trigger" :handle-open="handleOpen">
  <NeoButton
- icon-pack="fas"
  :icon-left="icon"
  :expanded="expanded"
  :class="{

components/shared/view/InfoBox.vue

@@ -7,7 +7,6 @@
  variant="text"
  no-shadow
  icon="xmark"
- icon-pack="fa-sharp"
  size="medium"
  class="cross"
  @click.native="onClose" />

components/transfer/DonationButton.vue

@@ -3,7 +3,6 @@
  style="width: 40px"
  no-shadow
  icon-left="gift"
- icon-pack="fas"
  tag="nuxt-link"
  :to="`/${urlPrefix}/transfer?target=${props.address}&usdamount=10&donation=true`">
  </NeoButton>