@designcrowd/fe-shared-lib 1.4.5-eng-3440 → 1.4.5

package/src/atoms/components/Icon/Icon.vue

@@ -29,55 +29,58 @@
 <script>
 /* eslint-disable camelcase */
 import IconAspectRatio1_1 from './icons/ratio-1-1.vue';
-import IconAspectRatio16_9 from './icons/ratio-16-9.vue';
 import IconAspectRatio2_3 from './icons/ratio-2-3.vue';
 import IconAspectRatio3_2 from './icons/ratio-3-2.vue';
 import IconAspectRatio3_4 from './icons/ratio-3-4.vue';
 import IconAspectRatio4_3 from './icons/ratio-4-3.vue';
 import IconAspectRatio9_16 from './icons/ratio-9-16.vue';
+import IconAspectRatio16_9 from './icons/ratio-16-9.vue';
 /* eslint-enable camelcase */
+import IconAspectRatioCircle from './icons/ratio-circle.vue';
+import IconAspectRatioOriginal from './icons/ratio-original.vue';
+import IconArrowTopRight from './icons/arrow-top-right.vue';
 import IconAbout from './icons/about.vue';
 import IconAddPage from './icons/add-page.vue';
 import IconAi from './icons/ai.vue';
 import IconArrowDown from './icons/arrow-down.vue';
 import IconArrowLeft from './icons/arrow-left.vue';
 import IconArrowRight from './icons/arrow-right.vue';
-import IconArrowTopRight from './icons/arrow-top-right.vue';
-import IconArrowUpUnderline from './icons/arrow-up-underline.vue';
 import IconArrowUp from './icons/arrow-up.vue';
+import IconArrowUpUnderline from './icons/arrow-up-underline.vue';
 import IconAttach from './icons/attach.vue';
-import IconAuthFacebookWhite from './icons/auth-facebook-white.vue';
 import IconAuthFacebook from './icons/auth-facebook.vue';
+import IconAuthFacebookWhite from './icons/auth-facebook-white.vue';
 import IconAuthGoogle from './icons/auth-google.vue';
+import IconBcMast from './icons/bc-mast.vue';
 import IconBackground from './icons/background.vue';
+import IconBanner from './icons/banner.vue';
 import IconBannerCentered from './icons/banner-centered.vue';
 import IconBannerLeft from './icons/banner-left.vue';
-import IconBanner from './icons/banner.vue';
-import IconBcMast from './icons/bc-mast.vue';
 import IconBrush from './icons/brush.vue';
-import IconBusinessCardFilled from './icons/business-card-filled.vue';
 import IconBusiness from './icons/business.vue';
-import IconButtonJustified from './icons/button-justified.vue';
+import IconBusinessCardFilled from './icons/business-card-filled.vue';
 import IconButton from './icons/button.vue';
+import IconButtonArrow from './icons/buttons/button-arrow.vue';
 import IconButtonArrowLeft from './icons/buttons/button-arrow-left.vue';
 import IconButtonArrowRight from './icons/buttons/button-arrow-right.vue';
-import IconButtonArrow from './icons/buttons/button-arrow.vue';
+import IconButtonBrushstroke from './icons/buttons/button-brushstroke.vue';
 import IconButtonBrushstrokeLeft from './icons/buttons/button-brushstroke-left.vue';
 import IconButtonBrushstrokeRight from './icons/buttons/button-brushstroke-right.vue';
-import IconButtonBrushstroke from './icons/buttons/button-brushstroke.vue';
 import IconButtonDashedOval from './icons/buttons/button-dashed-oval.vue';
 import IconButtonDashedRectangle from './icons/buttons/button-dashed-rectangle.vue';
 import IconButtonDashedRounded from './icons/buttons/button-dashed-rounded.vue';
 import IconButtonDoublelineOval from './icons/buttons/button-doubleline-oval.vue';
 import IconButtonDoublelineRectangle from './icons/buttons/button-doubleline-rectangle.vue';
 import IconButtonDoublelineRounded from './icons/buttons/button-doubleline-rounded.vue';
-import IconButtonPaperBottom from './icons/buttons/button-paper-bottom.vue';
-import IconButtonPaperTop from './icons/buttons/button-paper-top.vue';
+import IconButtonJustified from './icons/button-justified.vue';
 import IconButtonPaper from './icons/buttons/button-paper.vue';
+import IconButtonPaperTop from './icons/buttons/button-paper-top.vue';
+import IconButtonPaperBottom from './icons/buttons/button-paper-bottom.vue';
 import IconButtonSoftshadowOval from './icons/buttons/button-softshadow-oval.vue';
 import IconButtonSoftshadowRectangle from './icons/buttons/button-softshadow-rectangle.vue';
 import IconButtonSoftshadowRounded from './icons/buttons/button-softshadow-rounded.vue';
 import IconCalendar from './icons/calendar.vue';
+import IconCalculator from './icons/calculator.vue';
 import IconCalloutError from './icons/callout-error.vue';
 import IconCalloutInfo from './icons/callout-info.vue';
 import IconCalloutSuccess from './icons/callout-success.vue';
@@ -85,58 +88,58 @@ import IconCalloutWarning from './icons/callout-warning.vue';
 import IconCap from './icons/cap.vue';
 import IconCard from './icons/card.vue';
 import IconCartEmpty from './icons/cart-empty.vue';
-import IconCheckThin from './icons/check-thin.vue';
 import IconCheck from './icons/check.vue';
+import IconCheckThin from './icons/check-thin.vue';
 import IconChevronDown from './icons/chevron-down.vue';
 import IconChevronLeft from './icons/chevron-left.vue';
-import IconChevronRightWide from './icons/chevron-right-wide.vue';
 import IconChevronRight from './icons/chevron-right.vue';
+import IconChevronRightWide from './icons/chevron-right-wide.vue';
 import IconChevronUp from './icons/chevron-up.vue';
 import IconClose from './icons/close.vue';
+import IconCommunity from './icons/community.vue';
+import IconContent from './icons/content.vue';
 import IconColumn1 from './icons/column-1.vue';
 import IconColumn2 from './icons/column-2.vue';
 import IconColumn3 from './icons/column-3.vue';
 import IconColumn4 from './icons/column-4.vue';
-import IconCommunity from './icons/community.vue';
-import IconContent from './icons/content.vue';
 import IconCopy from './icons/copy.vue';
-import IconFilterCrazyDomains from './icons/crazy-domains/filter.vue';
-import IconGlobeCrazyDomains from './icons/crazy-domains/globe.vue';
-import IconHomeCrazyDomains from './icons/crazy-domains/home.vue';
 import IconDelete from './icons/delete.vue';
 import IconDesigns from './icons/designs.vue';
 import IconDesktop from './icons/desktop.vue';
-import IconDividerThick from './icons/divider-thick.vue';
-import IconDividerThin from './icons/divider-thin.vue';
 import IconDivider from './icons/divider.vue';
+import IconDividerThin from './icons/divider-thin.vue';
+import IconDividerThick from './icons/divider-thick.vue';
 import IconDonate from './icons/donate.vue';
 import IconDownload from './icons/download.vue';
 import IconDuplicate from './icons/duplicate.vue';
-import IconEditLine from './icons/edit-line.vue';
 import IconEdit from './icons/edit.vue';
+import IconEditLine from './icons/edit-line.vue';
+import IconError from './icons/error.vue';
 import IconEllipsis from './icons/ellipsis.vue';
 import IconEnvelopeEmail from './icons/envelope-email.vue';
-import IconError from './icons/error.vue';
 import IconEyeCrossed from './icons/eye-crossed.vue';
 import IconEyeOpen from './icons/eye-open.vue';
 import IconFees from './icons/fees.vue';
 import IconFilter from './icons/filter.vue';
+import IconFilterCrazyDomains from './icons/crazy-domains/filter.vue';
 import IconFlag from './icons/flag.vue';
 import IconFolder from './icons/folder.vue';
 import IconForm from './icons/form.vue';
-import IconFullscreenExit from './icons/fullscreen-exit.vue';
 import IconFullscreen from './icons/fullscreen.vue';
+import IconFullscreenExit from './icons/fullscreen-exit.vue';
 import IconGlobe from './icons/globe.vue';
+import IconGlobeCrazyDomains from './icons/crazy-domains/globe.vue';
+import IconHamburger from './icons/hamburger.vue';
 import IconHamburger1 from './icons/hamburger-1.vue';
 import IconHamburger2 from './icons/hamburger-2.vue';
 import IconHamburger3 from './icons/hamburger-3.vue';
 import IconHamburger4 from './icons/hamburger-4.vue';
-import IconHamburger from './icons/hamburger.vue';
 import IconHome from './icons/home.vue';
-import IconImageGalleryCarousel from './icons/image-gallery-carousel.vue';
+import IconHomeCrazyDomains from './icons/crazy-domains/home.vue';
+import IconImagesGallery from './icons/images-gallery.vue';
 import IconImageGalleryGrid from './icons/image-gallery-grid.vue';
+import IconImageGalleryCarousel from './icons/image-gallery-carousel.vue';
 import IconImageGalleryMasonry from './icons/image-gallery-masonry.vue';
-import IconImagesGallery from './icons/images-gallery.vue';
 import IconImages from './icons/images.vue';
 import IconInfo from './icons/info.vue';
 import IconJobs from './icons/jobs.vue';
@@ -146,6 +149,12 @@ import IconDisplayStyleAbout3 from './icons/layout/display-style-about-3.vue';
 import IconDisplayStyleAbout4 from './icons/layout/display-style-about-4.vue';
 import IconDisplayStyleAbout5 from './icons/layout/display-style-about-5.vue';
 import IconDisplayStyleAbout6 from './icons/layout/display-style-about-6.vue';
+import IconDisplayStyleImages1 from './icons/layout/display-style-images-1.vue';
+import IconDisplayStyleImages2 from './icons/layout/display-style-images-2.vue';
+import IconDisplayStyleImages3 from './icons/layout/display-style-images-3.vue';
+import IconDisplayStyleImages4 from './icons/layout/display-style-images-4.vue';
+import IconDisplayStyleImages5 from './icons/layout/display-style-images-5.vue';
+import IconDisplayStyleImages6 from './icons/layout/display-style-images-6.vue';
 import IconDisplayStyleBanner1 from './icons/layout/display-style-banner-1.vue';
 import IconDisplayStyleBanner2 from './icons/layout/display-style-banner-2.vue';
 import IconDisplayStyleBanner3 from './icons/layout/display-style-banner-3.vue';
@@ -160,28 +169,20 @@ import IconDisplayStyleContact2 from './icons/layout/display-style-contact-2.vue
 import IconDisplayStyleContact4 from './icons/layout/display-style-contact-4.vue';
 import IconDisplayStyleContact5 from './icons/layout/display-style-contact-5.vue';
 import IconDisplayStyleContact6 from './icons/layout/display-style-contact-6.vue';
-import IconDisplayStyleImages1 from './icons/layout/display-style-images-1.vue';
-import IconDisplayStyleImages2 from './icons/layout/display-style-images-2.vue';
-import IconDisplayStyleImages3 from './icons/layout/display-style-images-3.vue';
-import IconDisplayStyleImages4 from './icons/layout/display-style-images-4.vue';
-import IconDisplayStyleImages5 from './icons/layout/display-style-images-5.vue';
-import IconDisplayStyleImages6 from './icons/layout/display-style-images-6.vue';
-import IconAspectRatioCircle from './icons/ratio-circle.vue';
-import IconAspectRatioOriginal from './icons/ratio-original.vue';
 
+import IconNavStyleTabDisplayStyle1 from './icons/layout/nav/tab/display-style-1.vue';
+import IconNavStyleTabDisplayStyle2 from './icons/layout/nav/tab/display-style-2.vue';
 import IconNavStyleHamburgerDisplayStyle1 from './icons/layout/nav/hamburger/display-style-1.vue';
 import IconNavStyleHamburgerDisplayStyle2 from './icons/layout/nav/hamburger/display-style-2.vue';
 import IconNavStyleHamburgerDisplayStyle3 from './icons/layout/nav/hamburger/display-style-3.vue';
 import IconNavStyleHamburgerDisplayStyle4 from './icons/layout/nav/hamburger/display-style-4.vue';
-import IconNavStyleTabDisplayStyle1 from './icons/layout/nav/tab/display-style-1.vue';
-import IconNavStyleTabDisplayStyle2 from './icons/layout/nav/tab/display-style-2.vue';
 
-import IconHeaderNavStyleHamburgerDisplayStyleNoLogo1 from './icons/layout/header/hamburger-display-style-no-logo-1.vue';
-import IconHeaderNavStyleHamburgerDisplayStyleNoLogo2 from './icons/layout/header/hamburger-display-style-no-logo-2.vue';
-import IconHeaderNavStyleHamburgerDisplayStyleNoLogo3 from './icons/layout/header/hamburger-display-style-no-logo-3.vue';
 import IconHeaderNavStyleTabDisplayStyleNoLogo1 from './icons/layout/header/tab-display-style-no-logo-1.vue';
 import IconHeaderNavStyleTabDisplayStyleNoLogo2 from './icons/layout/header/tab-display-style-no-logo-2.vue';
 import IconHeaderNavStyleTabDisplayStyleNoLogo3 from './icons/layout/header/tab-display-style-no-logo-3.vue';
+import IconHeaderNavStyleHamburgerDisplayStyleNoLogo1 from './icons/layout/header/hamburger-display-style-no-logo-1.vue';
+import IconHeaderNavStyleHamburgerDisplayStyleNoLogo2 from './icons/layout/header/hamburger-display-style-no-logo-2.vue';
+import IconHeaderNavStyleHamburgerDisplayStyleNoLogo3 from './icons/layout/header/hamburger-display-style-no-logo-3.vue';
 
 import IconHeaderDesktopNavStyleTabDisplayStyle1 from './icons/layout/header/desktop-tab-display-style-1.vue';
 import IconHeaderDesktopNavStyleTabDisplayStyle2 from './icons/layout/header/desktop-tab-display-style-2.vue';
@@ -213,119 +214,113 @@ import IconMap from './icons/map.vue';
 import IconMessage from './icons/message.vue';
 import IconMug from './icons/mug.vue';
 
-import IconContactMessage from './icons/contact-message.vue';
-import IconSocialFacebookCrazyDomains from './icons/crazy-domains/social-facebook.vue';
-import IconSocialGoogleCrazyDomains from './icons/crazy-domains/social-google.vue';
-import IconSocialInstagramCrazyDomains from './icons/crazy-domains/social-instagram.vue';
-import IconSocialTwitterCrazyDomains from './icons/crazy-domains/social-twitter.vue';
-import IconSocialYoutubeCrazyDomains from './icons/crazy-domains/social-youtube.vue';
-import IconCrop from './icons/crop.vue';
 import IconFormMessage from './icons/form-message.vue';
-import IconGodaddy from './icons/godaddy/logo.vue';
-import IconIconStyleCircleBg from './icons/icon-style-circle-bg.vue';
-import IconIconStyleNoBg from './icons/icon-style-no-bg.vue';
-import IconIconStyleSquareBg from './icons/icon-style-square-bg.vue';
-import IconMinusCircleLight from './icons/minus-circle-light.vue';
+import IconContactMessage from './icons/contact-message.vue';
 import IconMinus from './icons/minus.vue';
+import IconMinusCircleLight from './icons/minus-circle-light.vue';
 import IconMobile from './icons/mobile.vue';
 import IconOther from './icons/other.vue';
+import IconPalette from './icons/palette.vue';
 import IconPageButtons from './icons/page-buttons.vue';
 import IconPageHamburger from './icons/page-hamburger.vue';
 import IconPageTabs from './icons/page-tabs.vue';
 import IconPages from './icons/pages.vue';
-import IconPalette from './icons/palette.vue';
 import IconPause from './icons/pause.vue';
 import IconPayment from './icons/payment.vue';
 import IconPaymentsFeatured from './icons/payments-featured.vue';
 import IconPaymentsTextonly from './icons/payments-textonly.vue';
 import IconPaymentsThumbnail from './icons/payments-thumbnail.vue';
 import IconPhone from './icons/phone.vue';
-import IconPlusCircleLight from './icons/plus-circle-light.vue';
-import IconPlusCircle from './icons/plus-circle.vue';
 import IconPlus from './icons/plus.vue';
+import IconPlusCircle from './icons/plus-circle.vue';
+import IconPlusCircleLight from './icons/plus-circle-light.vue';
 import IconPoll from './icons/poll.vue';
 import IconPortfolio from './icons/portfolio.vue';
 import IconPreview from './icons/preview.vue';
 import IconPrinting from './icons/printing.vue';
 import IconProcessing from './icons/processing.vue';
 import IconQuestion from './icons/question.vue';
-import IconQuote from './icons/quote.vue';
 import IconReload from './icons/reload.vue';
 import IconReorderable from './icons/reorderable.vue';
 import IconRequestPayment from './icons/request-payment.vue';
+import IconShop from './icons/shop.vue';
 import IconSearch from './icons/search.vue';
 import IconSecure from './icons/secure.vue';
 import IconServices from './icons/services.vue';
 import IconSettings from './icons/settings.vue';
 import IconShare from './icons/share.vue';
-import IconShop from './icons/shop.vue';
 import IconSms from './icons/sms.vue';
-import IconSocialFacebookColor from './icons/social-facebook-color.vue';
 import IconSocialFacebook from './icons/social-facebook.vue';
+import IconSocialFacebookColor from './icons/social-facebook-color.vue';
+import IconSocialFacebookCrazyDomains from './icons/crazy-domains/social-facebook.vue';
 import IconSocialGoogle from './icons/social-google.vue';
+import IconSocialGoogleCrazyDomains from './icons/crazy-domains/social-google.vue';
 import IconSocialInstagramColor from './icons/social-instagram-color.vue';
+import IconSocialInstagramCrazyDomains from './icons/crazy-domains/social-instagram.vue';
 import IconSocialLinkedinColor from './icons/social-linkedin-color.vue';
-import IconSocialShare from './icons/social-share.vue';
 import IconSocialTwitterColor from './icons/social-twitter-color.vue';
+import IconSocialTwitterCrazyDomains from './icons/crazy-domains/social-twitter.vue';
+import IconSocialYoutubeCrazyDomains from './icons/crazy-domains/social-youtube.vue';
 import IconStarFilled from './icons/star-filled.vue';
 import IconStarHollow from './icons/star-hollow.vue';
 import IconSticker from './icons/sticker.vue';
 import IconStyles from './icons/styles.vue';
 import IconSubmit from './icons/submit.vue';
 import IconTemplates from './icons/templates.vue';
-import IconTestimonialBigImage from './icons/testimonial-big-image.vue';
-import IconTestimonialCentered from './icons/testimonial-centered.vue';
-import IconTestimonialColumns from './icons/testimonial-columns.vue';
-import IconTextImageCenter from './icons/text-image-center.vue';
-import IconTextImageJustified from './icons/text-image-justified.vue';
+import IconTextImage from './icons/text-image.vue';
 import IconTextImageLeft from './icons/text-image-left.vue';
+import IconTextImageCenter from './icons/text-image-center.vue';
 import IconTextImageOnly from './icons/text-image-only.vue';
 import IconTextImageRight from './icons/text-image-right.vue';
-import IconTextImage from './icons/text-image.vue';
+import IconQuote from './icons/quote.vue';
+import IconTestimonialCentered from './icons/testimonial-centered.vue';
+import IconTestimonialColumns from './icons/testimonial-columns.vue';
+import IconTestimonialBigImage from './icons/testimonial-big-image.vue';
+import IconTextImageJustified from './icons/text-image-justified.vue';
 import IconTime from './icons/time.vue';
 import IconTooltipBottom from './icons/tooltip-bottom.vue';
 import IconTooltipLeft from './icons/tooltip-left.vue';
 import IconTooltipRight from './icons/tooltip-right.vue';
 import IconTooltipTop from './icons/tooltip-top.vue';
-import IconUpgradeAlt from './icons/upgrade-alt.vue';
 import IconUpgrade from './icons/upgrade.vue';
-import IconUploadArrow from './icons/upload-arrow.vue';
+import IconUpgradeAlt from './icons/upgrade-alt.vue';
 import IconUpload from './icons/upload.vue';
+import IconUploadArrow from './icons/upload-arrow.vue';
 import IconUserAccounts from './icons/user-accounts.vue';
 import IconUserHeadset from './icons/user-headset.vue';
 import IconWatchlistFilled from './icons/watchlist-filled.vue';
-import IconWatchlistHollowAlt from './icons/watchlist-hollow-alt.vue';
 import IconWatchlistHollow from './icons/watchlist-hollow.vue';
-import IconWebsiteFilled from './icons/website-filled.vue';
+import IconWatchlistHollowAlt from './icons/watchlist-hollow-alt.vue';
 import IconWebsite from './icons/website.vue';
+import IconWebsiteFilled from './icons/website-filled.vue';
 import IconWholesale from './icons/wholesale.vue';
+import IconZoom from './icons/zoom.vue';
 import IconZoomIn from './icons/zoom-in.vue';
 import IconZoomOut from './icons/zoom-out.vue';
-import IconZoom from './icons/zoom.vue';
+import IconGodaddy from './icons/godaddy/logo.vue';
+import IconSocialShare from './icons/social-share.vue';
+import IconIconStyleNoBg from './icons/icon-style-no-bg.vue';
+import IconIconStyleCircleBg from './icons/icon-style-circle-bg.vue';
+import IconIconStyleSquareBg from './icons/icon-style-square-bg.vue';
+import IconCrop from './icons/crop.vue';
 
+import IconReset from './icons/reset.vue';
+import IconUndo from './icons/undo.vue';
+import IconRedo from './icons/redo.vue';
 import IconFilters from './icons/filters.vue';
+import IconLayer from './icons/layer.vue';
 import IconLayerBringFront from './icons/layer-bring-front.vue';
 import IconLayerSendBack from './icons/layer-send-back.vue';
-import IconLayer from './icons/layer.vue';
 import IconOpacity from './icons/opacity.vue';
-import IconRedo from './icons/redo.vue';
-import IconReset from './icons/reset.vue';
-import IconUndo from './icons/undo.vue';
 
 import IconBan from './icons/ban.vue';
 import IconShape from './icons/shape.vue';
 
 // Maker Icons
-import IconMakerAlignCenter from './icons/maker/align-center.vue';
-import IconMakerAlignJustify from './icons/maker/align-justify.vue';
-import IconMakerAlignLeft from './icons/maker/align-left.vue';
-import IconMakerAlignRight from './icons/maker/align-right.vue';
 import IconMakerAnimate from './icons/maker/animate.vue';
-import IconMakerBold from './icons/maker/bold.vue';
 import IconMakerCustomLandscape from './icons/maker/custom-landscape.vue';
-import IconMakerEmailSymbol from './icons/maker/email-symbol.vue';
 import IconMakerEmail from './icons/maker/email.vue';
-import IconMakerEraser from './icons/maker/eraser.vue';
+import IconMakerEmailSymbol from './icons/maker/email-symbol.vue';
 import IconMakerEtsy from './icons/maker/etsy.vue';
 import IconMakerFacebook from './icons/maker/facebook.vue';
 import IconMakerFavicon from './icons/maker/favicon.vue';
@@ -336,73 +331,72 @@ import IconMakerImage from './icons/maker/image.vue';
 import IconMakerInstagram from './icons/maker/instagram.vue';
 import IconMakerInvitation from './icons/maker/invitation.vue';
 import IconMakerInvoice from './icons/maker/invoice.vue';
-import IconMakerItalic from './icons/maker/italic.vue';
 import IconMakerLink from './icons/maker/link.vue';
 import IconMakerLinkedin from './icons/maker/linkedin.vue';
 import IconMakerMenu from './icons/maker/menu.vue';
-import IconMakerPause from './icons/maker/pause.vue';
 import IconMakerPhone from './icons/maker/phone.vue';
 import IconMakerPinterest from './icons/maker/pinterest.vue';
-import IconMakerPlay from './icons/maker/play.vue';
 import IconMakerPostcard from './icons/maker/postcard.vue';
 import IconMakerPoster from './icons/maker/poster.vue';
 import IconMakerProfile from './icons/maker/profile.vue';
 import IconMakerQrcode from './icons/maker/qrcode.vue';
 import IconMakerSnapchat from './icons/maker/snapchat.vue';
 import IconMakerSoundcloud from './icons/maker/soundcloud.vue';
-import IconMakerSpacing from './icons/maker/spacing.vue';
-import IconMakerStrikethrough from './icons/maker/strikethrough.vue';
-import IconMakerTShirt from './icons/maker/t-shirt.vue';
-import IconMakerTextBackgroundColor from './icons/maker/text-background-color.vue';
-import IconMakerTextColor from './icons/maker/text-color.vue';
 import IconMakerText from './icons/maker/text.vue';
 import IconMakerThankyouCard from './icons/maker/thankyou-card.vue';
 import IconMakerTiktok from './icons/maker/tiktok.vue';
+import IconMakerTShirt from './icons/maker/t-shirt.vue';
 import IconMakerTumblr from './icons/maker/tumblr.vue';
 import IconMakerTwitch from './icons/maker/twitch.vue';
 import IconMakerTwitter from './icons/maker/twitter.vue';
-import IconMakerUnderline from './icons/maker/underline.vue';
 import IconMakerUppercase from './icons/maker/uppercase.vue';
 import IconMakerVideo from './icons/maker/video.vue';
 import IconMakerWhatsapp from './icons/maker/whatsapp.vue';
 import IconMakerYoutube from './icons/maker/youtube.vue';
 import IconMakerZoom from './icons/maker/zoom.vue';
+import IconMakerAlignCenter from './icons/maker/align-center.vue';
+import IconMakerAlignJustify from './icons/maker/align-justify.vue';
+import IconMakerAlignLeft from './icons/maker/align-left.vue';
+import IconMakerAlignRight from './icons/maker/align-right.vue';
+import IconMakerItalic from './icons/maker/italic.vue';
+import IconMakerBold from './icons/maker/bold.vue';
+import IconMakerUnderline from './icons/maker/underline.vue';
+import IconMakerStrikethrough from './icons/maker/strikethrough.vue';
+import IconMakerSpacing from './icons/maker/spacing.vue';
+import IconMakerTextColor from './icons/maker/text-color.vue';
+import IconMakerTextBackgroundColor from './icons/maker/text-background-color.vue';
+import IconMakerPlay from './icons/maker/play.vue';
+import IconMakerPause from './icons/maker/pause.vue';
+import IconMakerEraser from './icons/maker/eraser.vue';
 
 // Maker layout tab icons
 import IconLayoutIbnTcn from './icons/layout/layout-icon-bottom-normal-text-center-normal.vue';
 import IconLayoutIbnTcs from './icons/layout/layout-icon-bottom-normal-text-center-small.vue';
 import IconLayoutIbsTcn from './icons/layout/layout-icon-bottom-small-text-center-normal.vue';
-import IconLayoutIcnCtb from './icons/layout/layout-icon-center-normal-curved-text-bottom.vue';
 import IconLayoutIcnCtc from './icons/layout/layout-icon-center-normal-curved-text-circle.vue';
 import IconLayoutIcnCtt from './icons/layout/layout-icon-center-normal-curved-text-top.vue';
-import IconLayoutIlnTcn from './icons/layout/layout-icon-left-normal-text-center-normal.vue';
+import IconLayoutIcnCtb from './icons/layout/layout-icon-center-normal-curved-text-bottom.vue';
+import IconLayoutItnTjn from './icons/layout/layout-icon-top-normal-text-justify-normal.vue';
 import IconLayoutIlnTjn from './icons/layout/layout-icon-left-normal-text-justify-normal.vue';
+import IconLayoutIrnTjn from './icons/layout/layout-icon-right-normal-text-justify-normal.vue';
+import IconLayoutIlnTcn from './icons/layout/layout-icon-left-normal-text-center-normal.vue';
 import IconLayoutIlnTln from './icons/layout/layout-icon-left-normal-text-left-normal.vue';
 import IconLayoutIlsTln from './icons/layout/layout-icon-left-small-text-left-normal.vue';
 import IconLayoutIrnTcn from './icons/layout/layout-icon-right-normal-text-center-normal.vue';
-import IconLayoutIrnTjn from './icons/layout/layout-icon-right-normal-text-justify-normal.vue';
 import IconLayoutIrnTrn from './icons/layout/layout-icon-right-normal-text-right-normal.vue';
 import IconLayoutIrsTrn from './icons/layout/layout-icon-right-small-text-right-normal.vue';
 import IconLayoutItnTcn from './icons/layout/layout-icon-top-normal-text-center-normal.vue';
 import IconLayoutItnTcs from './icons/layout/layout-icon-top-normal-text-center-small.vue';
-import IconLayoutItnTjn from './icons/layout/layout-icon-top-normal-text-justify-normal.vue';
 import IconLayoutItsTcn from './icons/layout/layout-icon-top-small-text-center-normal.vue';
 
 import IconFlipHorizontal from './icons/flip-horizontal.vue';
 import IconFlipVertical from './icons/flip-vertical.vue';
 
-import IconVolumeMuted from './icons/volume-muted.vue';
 import IconVolume from './icons/volume.vue';
-
-import IconFile from './icons/file.vue';
-import IconPenTool from './icons/pen-tool.vue';
-import IconCalculator from './icons/calculator.vue';
+import IconVolumeMuted from './icons/volume-muted.vue';
 
 export default {
   components: {
-    IconFile,
-    IconPenTool,
-    IconCalculator,
     IconAbout,
     IconAddPage,
     IconAi,
@@ -444,6 +438,7 @@ export default {
     IconButtonSoftshadowRectangle,
     IconButtonSoftshadowRounded,
     IconCalendar,
+    IconCalculator,
     IconCalloutError,
     IconCalloutInfo,
     IconCalloutSuccess,

package/src/atoms/components/TextInput/TextInput.vue

@@ -25,9 +25,8 @@
       <div
         :class="{
           'tw-relative': icon || enableInput,
-          'tw-grow': !!prefixText,
-          'tw-w-full': !prefixText,
         }"
+        class="tw-w-full"
       >
         <div
           v-if="icon"

package/src/atoms/components/Textarea/Textarea.vue

@@ -97,10 +97,7 @@ export default {
     },
     autoFitToContent() {
       setTimeout(() => {
-        const textarea =
-          typeof document !== 'undefined' &&
-          typeof window !== 'undefined' &&
-          document.getElementById(`scl-input-${this.id}`);
+        const textarea = document.getElementById(`scl-input-${this.id}`);
         if (textarea) {
           textarea.style.height = 'auto';
           textarea.style.height = `${textarea.scrollHeight}px`;

package/src/experiences/clients/brand-crowd-api.client.js

@@ -12,21 +12,10 @@ const getAxios = () => {
   return internalAxios || axios;
 };
 
-/**
- * @param {File} logoFile
- * @param {Object} data
- * @returns Promise<{ success: boolean, response: any, error: any }>
- */
-const uploadLogoAndGetDetails = async (logoFile, data) => {
+const uploadLogoAndGetDetails = async (logoFile) => {
   const formData = new FormData();
   formData.append('logoImage', logoFile && logoFile.file);
 
-  if (data && Object.keys(data).length > 0) {
-    Object.keys(data).forEach((key) => {
-      formData.append(key, data[key]);
-    });
-  }
-
   try {
     const response = await getAxios()({
       method: 'post',

package/src/experiences/clients/brand-page-api.client.js

@@ -24,20 +24,6 @@ const getPaymentConfigsByBrandPageToken = async (brandPageToken) => {
   }
 };
 
-const getPaymentConfigCurrencyListByBrandPageTokenAsync = async () => {
-  try {
-    const response = await getAxios().get(`/maker/api/brand-pages/payment-configs/currency-list`);
-
-    if (response.status === 200) {
-      return response.data;
-    }
-
-    return null;
-  } catch (err) {
-    return null;
-  }
-};
-
 const deletePaymentConfigByBrandPageTokenAndConfigId = async (brandPageToken, paymentConfigId) => {
   try {
     const response = await getAxios().delete(`/maker/api/brand-pages/${brandPageToken}/payment-configs`, {
@@ -58,5 +44,4 @@ export default {
   setBrandPageApiClientAxios,
   getPaymentConfigsByBrandPageToken,
   deletePaymentConfigByBrandPageTokenAndConfigId,
-  getPaymentConfigCurrencyListByBrandPageTokenAsync,
 };

package/src/experiences/components/AuthFlow/AuthModal.vue

@@ -17,7 +17,7 @@
   </div>
 </template>
 <script>
-import Icon from '../../../atoms/components/Icon/Icon.vue';
+import Icon from '../../../../src/atoms/components/Icon/Icon.vue';
 
 export default {
   components: {

package/src/experiences/components/AuthFlow/ForgotPassword.vue

@@ -74,7 +74,7 @@
 </template>
 <script>
 import { getCurrentLocale } from '../../../useSharedLibTranslate';
-import HelloBar from '../../../atoms/components/HelloBar/HelloBar.vue';
+import HelloBar from '../../../../src/atoms/components/HelloBar/HelloBar.vue';
 import SubmissionButton from './SubmissionButton.vue';
 
 export default {

package/src/experiences/components/AuthFlow/ResetPassword.vue

@@ -64,7 +64,7 @@
 </template>
 <script>
 import { getCurrentLocale } from '../../../useSharedLibTranslate';
-import HelloBar from '../../../atoms/components/HelloBar/HelloBar.vue';
+import HelloBar from '../../../../src/atoms/components/HelloBar/HelloBar.vue';
 import SubmissionButton from './SubmissionButton.vue';
 
 export default {

package/src/experiences/components/AuthFlow/ResetPasswordSuccessModal.vue

@@ -19,7 +19,7 @@
   </div>
 </template>
 <script>
-import Button from '../../../atoms/components/Button/Button.vue';
+import Button from '../../../../src/atoms/components/Button/Button.vue';
 
 import AuthModal from './AuthModal.vue';
 

package/src/experiences/components/AuthFlow/SocialSignInButton.vue

@@ -23,7 +23,7 @@
   </button>
 </template>
 <script>
-import Icon from '../../../atoms/components/Icon/Icon.vue';
+import Icon from '../../../../src/atoms/components/Icon/Icon.vue';
 
 const TYPES = {
   FACEBOOK: 'facebook',

package/src/experiences/components/AuthFlow/SubmissionButton.vue

@@ -20,7 +20,7 @@
 </template>
 
 <script>
-import Button from '../../../atoms/components/Button/Button.vue';
+import Button from '../../../../src/atoms/components/Button/Button.vue';
 
 export default {
   components: {

package/src/experiences/components/PaymentConfigList/PaymentConfig.mixin.js

@@ -32,15 +32,9 @@ export default {
   data: () => ({
     isLoading: true,
     paymentConfigs: [],
-    currencies: [],
     selectedPaymentConfig: {},
     isStripeOptionActionVisible: false,
   }),
-  computed: {
-    selectedCurrency() {
-      return this.currencies.find((currency) => currency.iso4127Code === this.selectedPaymentConfig?.defaultCurrency);
-    },
-  },
   methods: {
     getPaymentConfigStatusDisplayText(paymentConfigStatus) {
       switch (paymentConfigStatus) {
@@ -100,19 +94,5 @@ export default {
         this.isLoading = false;
       }
     },
-
-    async getCurrentListAsync() {
-      try {
-        const result = await brandPageApiClient.getPaymentConfigCurrencyListByBrandPageTokenAsync();
-
-        if (result) {
-          this.currencies = result?.currencies || [];
-        }
-      } catch (err) {
-        if (process.env.NODE_ENV !== 'production') {
-          console.error(`Error fetching currency list: ${err}`);
-        }
-      }
-    },
   },
 };