@designcrowd/fe-shared-lib 1.4.5 → 1.4.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (63) hide show
  1. package/dist/css/tailwind-brandCrowd.css +6 -3
  2. package/dist/css/tailwind-brandPage.css +6 -3
  3. package/dist/css/tailwind-crazyDomains.css +6 -3
  4. package/dist/css/tailwind-designCom.css +6 -3
  5. package/dist/css/tailwind-designCrowd.css +6 -3
  6. package/package.json +1 -2
  7. package/src/atoms/components/Checkbox/Checkbox.stories.js +134 -1
  8. package/src/atoms/components/Checkbox/Checkbox.vue +2 -8
  9. package/src/atoms/components/Dropdown/DropdownItem.vue +1 -1
  10. package/src/atoms/components/Icon/Icon.stories.js +2 -0
  11. package/src/atoms/components/Icon/Icon.vue +100 -97
  12. package/src/atoms/components/Icon/icons/file.vue +7 -0
  13. package/src/atoms/components/Icon/icons/pen-tool.vue +7 -0
  14. package/src/atoms/components/SparkleIcon/SparkleIcon.stories.js +182 -0
  15. package/src/atoms/components/SparkleIcon/SparkleIcon.vue +105 -0
  16. package/src/atoms/components/SparkleIcon/assets/animations/state-01.svg +5 -0
  17. package/src/atoms/components/SparkleIcon/assets/animations/state-02.svg +5 -0
  18. package/src/atoms/components/SparkleIcon/assets/animations/state-03.svg +5 -0
  19. package/src/atoms/components/SparkleIcon/assets/animations/state-04.svg +5 -0
  20. package/src/atoms/components/SparkleIcon/assets/animations/state-05.svg +5 -0
  21. package/src/atoms/components/SparkleIcon/assets/animations/state-06.svg +5 -0
  22. package/src/atoms/components/SparkleIcon/assets/animations/state-07.svg +5 -0
  23. package/src/atoms/components/SparkleIcon/assets/animations/state-08.svg +5 -0
  24. package/src/atoms/components/SparkleIcon/assets/sparkle.svg +3 -0
  25. package/src/atoms/components/SparkleIcon/index.ts +3 -0
  26. package/src/atoms/components/TextInput/TextInput.vue +2 -1
  27. package/src/atoms/components/Textarea/Textarea.vue +4 -1
  28. package/src/bundles/bundled-translations.de-DE.json +2 -1
  29. package/src/bundles/bundled-translations.es-ES.json +2 -1
  30. package/src/bundles/bundled-translations.fr-CA.json +2 -1
  31. package/src/bundles/bundled-translations.fr-FR.json +2 -1
  32. package/src/bundles/bundled-translations.json +2 -1
  33. package/src/bundles/bundled-translations.pt-BR.json +2 -1
  34. package/src/bundles/bundled-translations.pt-PT.json +2 -1
  35. package/src/experiences/clients/brand-crowd-api.client.js +12 -1
  36. package/src/experiences/clients/brand-page-api.client.js +15 -0
  37. package/src/experiences/components/AuthFlow/AuthModal.vue +1 -1
  38. package/src/experiences/components/AuthFlow/ForgotPassword.vue +1 -1
  39. package/src/experiences/components/AuthFlow/ResetPassword.vue +1 -1
  40. package/src/experiences/components/AuthFlow/ResetPasswordSuccessModal.vue +1 -1
  41. package/src/experiences/components/AuthFlow/SocialSignInButton.vue +1 -1
  42. package/src/experiences/components/AuthFlow/SubmissionButton.vue +1 -1
  43. package/src/experiences/components/PaymentConfigList/PaymentConfig.mixin.js +20 -0
  44. package/src/experiences/components/PaymentConfigList/PaymentConfigDeleteConfigModal.vue +7 -5
  45. package/src/experiences/components/PaymentConfigList/PaymentConfigDropdown.vue +77 -39
  46. package/src/experiences/components/PaymentConfigList/PaymentConfigList.stories.js +45 -0
  47. package/src/experiences/components/PaymentConfigList/PaymentConfigList.vue +3 -3
  48. package/src/experiences/components/PaymentConfigList/i18n/shared-payment-config.de-DE.json +2 -1
  49. package/src/experiences/components/PaymentConfigList/i18n/shared-payment-config.es-ES.json +2 -1
  50. package/src/experiences/components/PaymentConfigList/i18n/shared-payment-config.fr-CA.json +2 -1
  51. package/src/experiences/components/PaymentConfigList/i18n/shared-payment-config.fr-FR.json +2 -1
  52. package/src/experiences/components/PaymentConfigList/i18n/shared-payment-config.json +2 -1
  53. package/src/experiences/components/PaymentConfigList/i18n/shared-payment-config.pt-BR.json +2 -1
  54. package/src/experiences/components/PaymentConfigList/i18n/shared-payment-config.pt-PT.json +2 -1
  55. package/src/experiences/components/PublishBrandPageModal/PublishBrandPageModal.vue +1 -1
  56. package/src/experiences/components/UploadYourLogoApplication/UploadYourLogoApplication.vue +6 -0
  57. package/src/experiences/components/UploadYourLogoOnBoarding/LogoBusinessBrandColours.vue +3 -3
  58. package/src/experiences/components/UploadYourLogoOnBoarding/LogoCropper.vue +1 -1
  59. package/src/experiences/components/UploadYourLogoOnBoarding/LogoUploadModal.vue +1 -1
  60. package/src/experiences/components/UploadYourLogoOnBoarding/LogoUploader.vue +6 -1
  61. package/src/experiences/components/UploadYourLogoOnBoarding/UploadYourLogoOnBoarding.vue +6 -0
  62. package/src/experiences/components/UploadedLogoSearchResultCard/UploadedLogoSearchResultCard.vue +1 -1
  63. package/src/atoms/components/Icon/icons/calculator.vue +0 -3
package/src/atoms/components/Icon/Icon.vue CHANGED
@@ -29,58 +29,55 @@
29
29
  <script>
30
30
  /* eslint-disable camelcase */
31
31
  import IconAspectRatio1_1 from './icons/ratio-1-1.vue';
32
+ import IconAspectRatio16_9 from './icons/ratio-16-9.vue';
32
33
  import IconAspectRatio2_3 from './icons/ratio-2-3.vue';
33
34
  import IconAspectRatio3_2 from './icons/ratio-3-2.vue';
34
35
  import IconAspectRatio3_4 from './icons/ratio-3-4.vue';
35
36
  import IconAspectRatio4_3 from './icons/ratio-4-3.vue';
36
37
  import IconAspectRatio9_16 from './icons/ratio-9-16.vue';
37
- import IconAspectRatio16_9 from './icons/ratio-16-9.vue';
38
38
  /* eslint-enable camelcase */
39
- import IconAspectRatioCircle from './icons/ratio-circle.vue';
40
- import IconAspectRatioOriginal from './icons/ratio-original.vue';
41
- import IconArrowTopRight from './icons/arrow-top-right.vue';
42
39
  import IconAbout from './icons/about.vue';
43
40
  import IconAddPage from './icons/add-page.vue';
44
41
  import IconAi from './icons/ai.vue';
45
42
  import IconArrowDown from './icons/arrow-down.vue';
46
43
  import IconArrowLeft from './icons/arrow-left.vue';
47
44
  import IconArrowRight from './icons/arrow-right.vue';
48
- import IconArrowUp from './icons/arrow-up.vue';
45
+ import IconArrowTopRight from './icons/arrow-top-right.vue';
49
46
  import IconArrowUpUnderline from './icons/arrow-up-underline.vue';
47
+ import IconArrowUp from './icons/arrow-up.vue';
50
48
  import IconAttach from './icons/attach.vue';
51
- import IconAuthFacebook from './icons/auth-facebook.vue';
52
49
  import IconAuthFacebookWhite from './icons/auth-facebook-white.vue';
50
+ import IconAuthFacebook from './icons/auth-facebook.vue';
53
51
  import IconAuthGoogle from './icons/auth-google.vue';
54
- import IconBcMast from './icons/bc-mast.vue';
55
52
  import IconBackground from './icons/background.vue';
56
- import IconBanner from './icons/banner.vue';
57
53
  import IconBannerCentered from './icons/banner-centered.vue';
58
54
  import IconBannerLeft from './icons/banner-left.vue';
55
+ import IconBanner from './icons/banner.vue';
56
+ import IconBcMast from './icons/bc-mast.vue';
59
57
  import IconBrush from './icons/brush.vue';
60
- import IconBusiness from './icons/business.vue';
61
58
  import IconBusinessCardFilled from './icons/business-card-filled.vue';
59
+ import IconBusiness from './icons/business.vue';
60
+ import IconButtonJustified from './icons/button-justified.vue';
62
61
  import IconButton from './icons/button.vue';
63
- import IconButtonArrow from './icons/buttons/button-arrow.vue';
64
62
  import IconButtonArrowLeft from './icons/buttons/button-arrow-left.vue';
65
63
  import IconButtonArrowRight from './icons/buttons/button-arrow-right.vue';
66
- import IconButtonBrushstroke from './icons/buttons/button-brushstroke.vue';
64
+ import IconButtonArrow from './icons/buttons/button-arrow.vue';
67
65
  import IconButtonBrushstrokeLeft from './icons/buttons/button-brushstroke-left.vue';
68
66
  import IconButtonBrushstrokeRight from './icons/buttons/button-brushstroke-right.vue';
67
+ import IconButtonBrushstroke from './icons/buttons/button-brushstroke.vue';
69
68
  import IconButtonDashedOval from './icons/buttons/button-dashed-oval.vue';
70
69
  import IconButtonDashedRectangle from './icons/buttons/button-dashed-rectangle.vue';
71
70
  import IconButtonDashedRounded from './icons/buttons/button-dashed-rounded.vue';
72
71
  import IconButtonDoublelineOval from './icons/buttons/button-doubleline-oval.vue';
73
72
  import IconButtonDoublelineRectangle from './icons/buttons/button-doubleline-rectangle.vue';
74
73
  import IconButtonDoublelineRounded from './icons/buttons/button-doubleline-rounded.vue';
75
- import IconButtonJustified from './icons/button-justified.vue';
76
- import IconButtonPaper from './icons/buttons/button-paper.vue';
77
- import IconButtonPaperTop from './icons/buttons/button-paper-top.vue';
78
74
  import IconButtonPaperBottom from './icons/buttons/button-paper-bottom.vue';
75
+ import IconButtonPaperTop from './icons/buttons/button-paper-top.vue';
76
+ import IconButtonPaper from './icons/buttons/button-paper.vue';
79
77
  import IconButtonSoftshadowOval from './icons/buttons/button-softshadow-oval.vue';
80
78
  import IconButtonSoftshadowRectangle from './icons/buttons/button-softshadow-rectangle.vue';
81
79
  import IconButtonSoftshadowRounded from './icons/buttons/button-softshadow-rounded.vue';
82
80
  import IconCalendar from './icons/calendar.vue';
83
- import IconCalculator from './icons/calculator.vue';
84
81
  import IconCalloutError from './icons/callout-error.vue';
85
82
  import IconCalloutInfo from './icons/callout-info.vue';
86
83
  import IconCalloutSuccess from './icons/callout-success.vue';
@@ -88,58 +85,58 @@ import IconCalloutWarning from './icons/callout-warning.vue';
88
85
  import IconCap from './icons/cap.vue';
89
86
  import IconCard from './icons/card.vue';
90
87
  import IconCartEmpty from './icons/cart-empty.vue';
91
- import IconCheck from './icons/check.vue';
92
88
  import IconCheckThin from './icons/check-thin.vue';
89
+ import IconCheck from './icons/check.vue';
93
90
  import IconChevronDown from './icons/chevron-down.vue';
94
91
  import IconChevronLeft from './icons/chevron-left.vue';
95
- import IconChevronRight from './icons/chevron-right.vue';
96
92
  import IconChevronRightWide from './icons/chevron-right-wide.vue';
93
+ import IconChevronRight from './icons/chevron-right.vue';
97
94
  import IconChevronUp from './icons/chevron-up.vue';
98
95
  import IconClose from './icons/close.vue';
99
- import IconCommunity from './icons/community.vue';
100
- import IconContent from './icons/content.vue';
101
96
  import IconColumn1 from './icons/column-1.vue';
102
97
  import IconColumn2 from './icons/column-2.vue';
103
98
  import IconColumn3 from './icons/column-3.vue';
104
99
  import IconColumn4 from './icons/column-4.vue';
100
+ import IconCommunity from './icons/community.vue';
101
+ import IconContent from './icons/content.vue';
105
102
  import IconCopy from './icons/copy.vue';
103
+ import IconFilterCrazyDomains from './icons/crazy-domains/filter.vue';
104
+ import IconGlobeCrazyDomains from './icons/crazy-domains/globe.vue';
105
+ import IconHomeCrazyDomains from './icons/crazy-domains/home.vue';
106
106
  import IconDelete from './icons/delete.vue';
107
107
  import IconDesigns from './icons/designs.vue';
108
108
  import IconDesktop from './icons/desktop.vue';
109
- import IconDivider from './icons/divider.vue';
110
- import IconDividerThin from './icons/divider-thin.vue';
111
109
  import IconDividerThick from './icons/divider-thick.vue';
110
+ import IconDividerThin from './icons/divider-thin.vue';
111
+ import IconDivider from './icons/divider.vue';
112
112
  import IconDonate from './icons/donate.vue';
113
113
  import IconDownload from './icons/download.vue';
114
114
  import IconDuplicate from './icons/duplicate.vue';
115
- import IconEdit from './icons/edit.vue';
116
115
  import IconEditLine from './icons/edit-line.vue';
117
- import IconError from './icons/error.vue';
116
+ import IconEdit from './icons/edit.vue';
118
117
  import IconEllipsis from './icons/ellipsis.vue';
119
118
  import IconEnvelopeEmail from './icons/envelope-email.vue';
119
+ import IconError from './icons/error.vue';
120
120
  import IconEyeCrossed from './icons/eye-crossed.vue';
121
121
  import IconEyeOpen from './icons/eye-open.vue';
122
122
  import IconFees from './icons/fees.vue';
123
123
  import IconFilter from './icons/filter.vue';
124
- import IconFilterCrazyDomains from './icons/crazy-domains/filter.vue';
125
124
  import IconFlag from './icons/flag.vue';
126
125
  import IconFolder from './icons/folder.vue';
127
126
  import IconForm from './icons/form.vue';
128
- import IconFullscreen from './icons/fullscreen.vue';
129
127
  import IconFullscreenExit from './icons/fullscreen-exit.vue';
128
+ import IconFullscreen from './icons/fullscreen.vue';
130
129
  import IconGlobe from './icons/globe.vue';
131
- import IconGlobeCrazyDomains from './icons/crazy-domains/globe.vue';
132
- import IconHamburger from './icons/hamburger.vue';
133
130
  import IconHamburger1 from './icons/hamburger-1.vue';
134
131
  import IconHamburger2 from './icons/hamburger-2.vue';
135
132
  import IconHamburger3 from './icons/hamburger-3.vue';
136
133
  import IconHamburger4 from './icons/hamburger-4.vue';
134
+ import IconHamburger from './icons/hamburger.vue';
137
135
  import IconHome from './icons/home.vue';
138
- import IconHomeCrazyDomains from './icons/crazy-domains/home.vue';
139
- import IconImagesGallery from './icons/images-gallery.vue';
140
- import IconImageGalleryGrid from './icons/image-gallery-grid.vue';
141
136
  import IconImageGalleryCarousel from './icons/image-gallery-carousel.vue';
137
+ import IconImageGalleryGrid from './icons/image-gallery-grid.vue';
142
138
  import IconImageGalleryMasonry from './icons/image-gallery-masonry.vue';
139
+ import IconImagesGallery from './icons/images-gallery.vue';
143
140
  import IconImages from './icons/images.vue';
144
141
  import IconInfo from './icons/info.vue';
145
142
  import IconJobs from './icons/jobs.vue';
@@ -149,12 +146,6 @@ import IconDisplayStyleAbout3 from './icons/layout/display-style-about-3.vue';
149
146
  import IconDisplayStyleAbout4 from './icons/layout/display-style-about-4.vue';
150
147
  import IconDisplayStyleAbout5 from './icons/layout/display-style-about-5.vue';
151
148
  import IconDisplayStyleAbout6 from './icons/layout/display-style-about-6.vue';
152
- import IconDisplayStyleImages1 from './icons/layout/display-style-images-1.vue';
153
- import IconDisplayStyleImages2 from './icons/layout/display-style-images-2.vue';
154
- import IconDisplayStyleImages3 from './icons/layout/display-style-images-3.vue';
155
- import IconDisplayStyleImages4 from './icons/layout/display-style-images-4.vue';
156
- import IconDisplayStyleImages5 from './icons/layout/display-style-images-5.vue';
157
- import IconDisplayStyleImages6 from './icons/layout/display-style-images-6.vue';
158
149
  import IconDisplayStyleBanner1 from './icons/layout/display-style-banner-1.vue';
159
150
  import IconDisplayStyleBanner2 from './icons/layout/display-style-banner-2.vue';
160
151
  import IconDisplayStyleBanner3 from './icons/layout/display-style-banner-3.vue';
@@ -169,20 +160,28 @@ import IconDisplayStyleContact2 from './icons/layout/display-style-contact-2.vue
169
160
  import IconDisplayStyleContact4 from './icons/layout/display-style-contact-4.vue';
170
161
  import IconDisplayStyleContact5 from './icons/layout/display-style-contact-5.vue';
171
162
  import IconDisplayStyleContact6 from './icons/layout/display-style-contact-6.vue';
163
+ import IconDisplayStyleImages1 from './icons/layout/display-style-images-1.vue';
164
+ import IconDisplayStyleImages2 from './icons/layout/display-style-images-2.vue';
165
+ import IconDisplayStyleImages3 from './icons/layout/display-style-images-3.vue';
166
+ import IconDisplayStyleImages4 from './icons/layout/display-style-images-4.vue';
167
+ import IconDisplayStyleImages5 from './icons/layout/display-style-images-5.vue';
168
+ import IconDisplayStyleImages6 from './icons/layout/display-style-images-6.vue';
169
+ import IconAspectRatioCircle from './icons/ratio-circle.vue';
170
+ import IconAspectRatioOriginal from './icons/ratio-original.vue';
172
171
 
173
- import IconNavStyleTabDisplayStyle1 from './icons/layout/nav/tab/display-style-1.vue';
174
- import IconNavStyleTabDisplayStyle2 from './icons/layout/nav/tab/display-style-2.vue';
175
172
  import IconNavStyleHamburgerDisplayStyle1 from './icons/layout/nav/hamburger/display-style-1.vue';
176
173
  import IconNavStyleHamburgerDisplayStyle2 from './icons/layout/nav/hamburger/display-style-2.vue';
177
174
  import IconNavStyleHamburgerDisplayStyle3 from './icons/layout/nav/hamburger/display-style-3.vue';
178
175
  import IconNavStyleHamburgerDisplayStyle4 from './icons/layout/nav/hamburger/display-style-4.vue';
176
+ import IconNavStyleTabDisplayStyle1 from './icons/layout/nav/tab/display-style-1.vue';
177
+ import IconNavStyleTabDisplayStyle2 from './icons/layout/nav/tab/display-style-2.vue';
179
178
 
180
- import IconHeaderNavStyleTabDisplayStyleNoLogo1 from './icons/layout/header/tab-display-style-no-logo-1.vue';
181
- import IconHeaderNavStyleTabDisplayStyleNoLogo2 from './icons/layout/header/tab-display-style-no-logo-2.vue';
182
- import IconHeaderNavStyleTabDisplayStyleNoLogo3 from './icons/layout/header/tab-display-style-no-logo-3.vue';
183
179
  import IconHeaderNavStyleHamburgerDisplayStyleNoLogo1 from './icons/layout/header/hamburger-display-style-no-logo-1.vue';
184
180
  import IconHeaderNavStyleHamburgerDisplayStyleNoLogo2 from './icons/layout/header/hamburger-display-style-no-logo-2.vue';
185
181
  import IconHeaderNavStyleHamburgerDisplayStyleNoLogo3 from './icons/layout/header/hamburger-display-style-no-logo-3.vue';
182
+ import IconHeaderNavStyleTabDisplayStyleNoLogo1 from './icons/layout/header/tab-display-style-no-logo-1.vue';
183
+ import IconHeaderNavStyleTabDisplayStyleNoLogo2 from './icons/layout/header/tab-display-style-no-logo-2.vue';
184
+ import IconHeaderNavStyleTabDisplayStyleNoLogo3 from './icons/layout/header/tab-display-style-no-logo-3.vue';
186
185
 
187
186
  import IconHeaderDesktopNavStyleTabDisplayStyle1 from './icons/layout/header/desktop-tab-display-style-1.vue';
188
187
  import IconHeaderDesktopNavStyleTabDisplayStyle2 from './icons/layout/header/desktop-tab-display-style-2.vue';
@@ -214,113 +213,119 @@ import IconMap from './icons/map.vue';
214
213
  import IconMessage from './icons/message.vue';
215
214
  import IconMug from './icons/mug.vue';
216
215
 
217
- import IconFormMessage from './icons/form-message.vue';
218
216
  import IconContactMessage from './icons/contact-message.vue';
219
- import IconMinus from './icons/minus.vue';
217
+ import IconSocialFacebookCrazyDomains from './icons/crazy-domains/social-facebook.vue';
218
+ import IconSocialGoogleCrazyDomains from './icons/crazy-domains/social-google.vue';
219
+ import IconSocialInstagramCrazyDomains from './icons/crazy-domains/social-instagram.vue';
220
+ import IconSocialTwitterCrazyDomains from './icons/crazy-domains/social-twitter.vue';
221
+ import IconSocialYoutubeCrazyDomains from './icons/crazy-domains/social-youtube.vue';
222
+ import IconCrop from './icons/crop.vue';
223
+ import IconFormMessage from './icons/form-message.vue';
224
+ import IconGodaddy from './icons/godaddy/logo.vue';
225
+ import IconIconStyleCircleBg from './icons/icon-style-circle-bg.vue';
226
+ import IconIconStyleNoBg from './icons/icon-style-no-bg.vue';
227
+ import IconIconStyleSquareBg from './icons/icon-style-square-bg.vue';
220
228
  import IconMinusCircleLight from './icons/minus-circle-light.vue';
229
+ import IconMinus from './icons/minus.vue';
221
230
  import IconMobile from './icons/mobile.vue';
222
231
  import IconOther from './icons/other.vue';
223
- import IconPalette from './icons/palette.vue';
224
232
  import IconPageButtons from './icons/page-buttons.vue';
225
233
  import IconPageHamburger from './icons/page-hamburger.vue';
226
234
  import IconPageTabs from './icons/page-tabs.vue';
227
235
  import IconPages from './icons/pages.vue';
236
+ import IconPalette from './icons/palette.vue';
228
237
  import IconPause from './icons/pause.vue';
229
238
  import IconPayment from './icons/payment.vue';
230
239
  import IconPaymentsFeatured from './icons/payments-featured.vue';
231
240
  import IconPaymentsTextonly from './icons/payments-textonly.vue';
232
241
  import IconPaymentsThumbnail from './icons/payments-thumbnail.vue';
233
242
  import IconPhone from './icons/phone.vue';
234
- import IconPlus from './icons/plus.vue';
235
- import IconPlusCircle from './icons/plus-circle.vue';
236
243
  import IconPlusCircleLight from './icons/plus-circle-light.vue';
244
+ import IconPlusCircle from './icons/plus-circle.vue';
245
+ import IconPlus from './icons/plus.vue';
237
246
  import IconPoll from './icons/poll.vue';
238
247
  import IconPortfolio from './icons/portfolio.vue';
239
248
  import IconPreview from './icons/preview.vue';
240
249
  import IconPrinting from './icons/printing.vue';
241
250
  import IconProcessing from './icons/processing.vue';
242
251
  import IconQuestion from './icons/question.vue';
252
+ import IconQuote from './icons/quote.vue';
243
253
  import IconReload from './icons/reload.vue';
244
254
  import IconReorderable from './icons/reorderable.vue';
245
255
  import IconRequestPayment from './icons/request-payment.vue';
246
- import IconShop from './icons/shop.vue';
247
256
  import IconSearch from './icons/search.vue';
248
257
  import IconSecure from './icons/secure.vue';
249
258
  import IconServices from './icons/services.vue';
250
259
  import IconSettings from './icons/settings.vue';
251
260
  import IconShare from './icons/share.vue';
261
+ import IconShop from './icons/shop.vue';
252
262
  import IconSms from './icons/sms.vue';
253
- import IconSocialFacebook from './icons/social-facebook.vue';
254
263
  import IconSocialFacebookColor from './icons/social-facebook-color.vue';
255
- import IconSocialFacebookCrazyDomains from './icons/crazy-domains/social-facebook.vue';
264
+ import IconSocialFacebook from './icons/social-facebook.vue';
256
265
  import IconSocialGoogle from './icons/social-google.vue';
257
- import IconSocialGoogleCrazyDomains from './icons/crazy-domains/social-google.vue';
258
266
  import IconSocialInstagramColor from './icons/social-instagram-color.vue';
259
- import IconSocialInstagramCrazyDomains from './icons/crazy-domains/social-instagram.vue';
260
267
  import IconSocialLinkedinColor from './icons/social-linkedin-color.vue';
268
+ import IconSocialShare from './icons/social-share.vue';
261
269
  import IconSocialTwitterColor from './icons/social-twitter-color.vue';
262
- import IconSocialTwitterCrazyDomains from './icons/crazy-domains/social-twitter.vue';
263
- import IconSocialYoutubeCrazyDomains from './icons/crazy-domains/social-youtube.vue';
264
270
  import IconStarFilled from './icons/star-filled.vue';
265
271
  import IconStarHollow from './icons/star-hollow.vue';
266
272
  import IconSticker from './icons/sticker.vue';
267
273
  import IconStyles from './icons/styles.vue';
268
274
  import IconSubmit from './icons/submit.vue';
269
275
  import IconTemplates from './icons/templates.vue';
270
- import IconTextImage from './icons/text-image.vue';
271
- import IconTextImageLeft from './icons/text-image-left.vue';
272
- import IconTextImageCenter from './icons/text-image-center.vue';
273
- import IconTextImageOnly from './icons/text-image-only.vue';
274
- import IconTextImageRight from './icons/text-image-right.vue';
275
- import IconQuote from './icons/quote.vue';
276
+ import IconTestimonialBigImage from './icons/testimonial-big-image.vue';
276
277
  import IconTestimonialCentered from './icons/testimonial-centered.vue';
277
278
  import IconTestimonialColumns from './icons/testimonial-columns.vue';
278
- import IconTestimonialBigImage from './icons/testimonial-big-image.vue';
279
+ import IconTextImageCenter from './icons/text-image-center.vue';
279
280
  import IconTextImageJustified from './icons/text-image-justified.vue';
281
+ import IconTextImageLeft from './icons/text-image-left.vue';
282
+ import IconTextImageOnly from './icons/text-image-only.vue';
283
+ import IconTextImageRight from './icons/text-image-right.vue';
284
+ import IconTextImage from './icons/text-image.vue';
280
285
  import IconTime from './icons/time.vue';
281
286
  import IconTooltipBottom from './icons/tooltip-bottom.vue';
282
287
  import IconTooltipLeft from './icons/tooltip-left.vue';
283
288
  import IconTooltipRight from './icons/tooltip-right.vue';
284
289
  import IconTooltipTop from './icons/tooltip-top.vue';
285
- import IconUpgrade from './icons/upgrade.vue';
286
290
  import IconUpgradeAlt from './icons/upgrade-alt.vue';
287
- import IconUpload from './icons/upload.vue';
291
+ import IconUpgrade from './icons/upgrade.vue';
288
292
  import IconUploadArrow from './icons/upload-arrow.vue';
293
+ import IconUpload from './icons/upload.vue';
289
294
  import IconUserAccounts from './icons/user-accounts.vue';
290
295
  import IconUserHeadset from './icons/user-headset.vue';
291
296
  import IconWatchlistFilled from './icons/watchlist-filled.vue';
292
- import IconWatchlistHollow from './icons/watchlist-hollow.vue';
293
297
  import IconWatchlistHollowAlt from './icons/watchlist-hollow-alt.vue';
294
- import IconWebsite from './icons/website.vue';
298
+ import IconWatchlistHollow from './icons/watchlist-hollow.vue';
295
299
  import IconWebsiteFilled from './icons/website-filled.vue';
300
+ import IconWebsite from './icons/website.vue';
296
301
  import IconWholesale from './icons/wholesale.vue';
297
- import IconZoom from './icons/zoom.vue';
298
302
  import IconZoomIn from './icons/zoom-in.vue';
299
303
  import IconZoomOut from './icons/zoom-out.vue';
300
- import IconGodaddy from './icons/godaddy/logo.vue';
301
- import IconSocialShare from './icons/social-share.vue';
302
- import IconIconStyleNoBg from './icons/icon-style-no-bg.vue';
303
- import IconIconStyleCircleBg from './icons/icon-style-circle-bg.vue';
304
- import IconIconStyleSquareBg from './icons/icon-style-square-bg.vue';
305
- import IconCrop from './icons/crop.vue';
304
+ import IconZoom from './icons/zoom.vue';
306
305
 
307
- import IconReset from './icons/reset.vue';
308
- import IconUndo from './icons/undo.vue';
309
- import IconRedo from './icons/redo.vue';
310
306
  import IconFilters from './icons/filters.vue';
311
- import IconLayer from './icons/layer.vue';
312
307
  import IconLayerBringFront from './icons/layer-bring-front.vue';
313
308
  import IconLayerSendBack from './icons/layer-send-back.vue';
309
+ import IconLayer from './icons/layer.vue';
314
310
  import IconOpacity from './icons/opacity.vue';
311
+ import IconRedo from './icons/redo.vue';
312
+ import IconReset from './icons/reset.vue';
313
+ import IconUndo from './icons/undo.vue';
315
314
 
316
315
  import IconBan from './icons/ban.vue';
317
316
  import IconShape from './icons/shape.vue';
318
317
 
319
318
  // Maker Icons
319
+ import IconMakerAlignCenter from './icons/maker/align-center.vue';
320
+ import IconMakerAlignJustify from './icons/maker/align-justify.vue';
321
+ import IconMakerAlignLeft from './icons/maker/align-left.vue';
322
+ import IconMakerAlignRight from './icons/maker/align-right.vue';
320
323
  import IconMakerAnimate from './icons/maker/animate.vue';
324
+ import IconMakerBold from './icons/maker/bold.vue';
321
325
  import IconMakerCustomLandscape from './icons/maker/custom-landscape.vue';
322
- import IconMakerEmail from './icons/maker/email.vue';
323
326
  import IconMakerEmailSymbol from './icons/maker/email-symbol.vue';
327
+ import IconMakerEmail from './icons/maker/email.vue';
328
+ import IconMakerEraser from './icons/maker/eraser.vue';
324
329
  import IconMakerEtsy from './icons/maker/etsy.vue';
325
330
  import IconMakerFacebook from './icons/maker/facebook.vue';
326
331
  import IconMakerFavicon from './icons/maker/favicon.vue';
@@ -331,72 +336,71 @@ import IconMakerImage from './icons/maker/image.vue';
331
336
  import IconMakerInstagram from './icons/maker/instagram.vue';
332
337
  import IconMakerInvitation from './icons/maker/invitation.vue';
333
338
  import IconMakerInvoice from './icons/maker/invoice.vue';
339
+ import IconMakerItalic from './icons/maker/italic.vue';
334
340
  import IconMakerLink from './icons/maker/link.vue';
335
341
  import IconMakerLinkedin from './icons/maker/linkedin.vue';
336
342
  import IconMakerMenu from './icons/maker/menu.vue';
343
+ import IconMakerPause from './icons/maker/pause.vue';
337
344
  import IconMakerPhone from './icons/maker/phone.vue';
338
345
  import IconMakerPinterest from './icons/maker/pinterest.vue';
346
+ import IconMakerPlay from './icons/maker/play.vue';
339
347
  import IconMakerPostcard from './icons/maker/postcard.vue';
340
348
  import IconMakerPoster from './icons/maker/poster.vue';
341
349
  import IconMakerProfile from './icons/maker/profile.vue';
342
350
  import IconMakerQrcode from './icons/maker/qrcode.vue';
343
351
  import IconMakerSnapchat from './icons/maker/snapchat.vue';
344
352
  import IconMakerSoundcloud from './icons/maker/soundcloud.vue';
353
+ import IconMakerSpacing from './icons/maker/spacing.vue';
354
+ import IconMakerStrikethrough from './icons/maker/strikethrough.vue';
355
+ import IconMakerTShirt from './icons/maker/t-shirt.vue';
356
+ import IconMakerTextBackgroundColor from './icons/maker/text-background-color.vue';
357
+ import IconMakerTextColor from './icons/maker/text-color.vue';
345
358
  import IconMakerText from './icons/maker/text.vue';
346
359
  import IconMakerThankyouCard from './icons/maker/thankyou-card.vue';
347
360
  import IconMakerTiktok from './icons/maker/tiktok.vue';
348
- import IconMakerTShirt from './icons/maker/t-shirt.vue';
349
361
  import IconMakerTumblr from './icons/maker/tumblr.vue';
350
362
  import IconMakerTwitch from './icons/maker/twitch.vue';
351
363
  import IconMakerTwitter from './icons/maker/twitter.vue';
364
+ import IconMakerUnderline from './icons/maker/underline.vue';
352
365
  import IconMakerUppercase from './icons/maker/uppercase.vue';
353
366
  import IconMakerVideo from './icons/maker/video.vue';
354
367
  import IconMakerWhatsapp from './icons/maker/whatsapp.vue';
355
368
  import IconMakerYoutube from './icons/maker/youtube.vue';
356
369
  import IconMakerZoom from './icons/maker/zoom.vue';
357
- import IconMakerAlignCenter from './icons/maker/align-center.vue';
358
- import IconMakerAlignJustify from './icons/maker/align-justify.vue';
359
- import IconMakerAlignLeft from './icons/maker/align-left.vue';
360
- import IconMakerAlignRight from './icons/maker/align-right.vue';
361
- import IconMakerItalic from './icons/maker/italic.vue';
362
- import IconMakerBold from './icons/maker/bold.vue';
363
- import IconMakerUnderline from './icons/maker/underline.vue';
364
- import IconMakerStrikethrough from './icons/maker/strikethrough.vue';
365
- import IconMakerSpacing from './icons/maker/spacing.vue';
366
- import IconMakerTextColor from './icons/maker/text-color.vue';
367
- import IconMakerTextBackgroundColor from './icons/maker/text-background-color.vue';
368
- import IconMakerPlay from './icons/maker/play.vue';
369
- import IconMakerPause from './icons/maker/pause.vue';
370
- import IconMakerEraser from './icons/maker/eraser.vue';
371
370
 
372
371
  // Maker layout tab icons
373
372
  import IconLayoutIbnTcn from './icons/layout/layout-icon-bottom-normal-text-center-normal.vue';
374
373
  import IconLayoutIbnTcs from './icons/layout/layout-icon-bottom-normal-text-center-small.vue';
375
374
  import IconLayoutIbsTcn from './icons/layout/layout-icon-bottom-small-text-center-normal.vue';
375
+ import IconLayoutIcnCtb from './icons/layout/layout-icon-center-normal-curved-text-bottom.vue';
376
376
  import IconLayoutIcnCtc from './icons/layout/layout-icon-center-normal-curved-text-circle.vue';
377
377
  import IconLayoutIcnCtt from './icons/layout/layout-icon-center-normal-curved-text-top.vue';
378
- import IconLayoutIcnCtb from './icons/layout/layout-icon-center-normal-curved-text-bottom.vue';
379
- import IconLayoutItnTjn from './icons/layout/layout-icon-top-normal-text-justify-normal.vue';
380
- import IconLayoutIlnTjn from './icons/layout/layout-icon-left-normal-text-justify-normal.vue';
381
- import IconLayoutIrnTjn from './icons/layout/layout-icon-right-normal-text-justify-normal.vue';
382
378
  import IconLayoutIlnTcn from './icons/layout/layout-icon-left-normal-text-center-normal.vue';
379
+ import IconLayoutIlnTjn from './icons/layout/layout-icon-left-normal-text-justify-normal.vue';
383
380
  import IconLayoutIlnTln from './icons/layout/layout-icon-left-normal-text-left-normal.vue';
384
381
  import IconLayoutIlsTln from './icons/layout/layout-icon-left-small-text-left-normal.vue';
385
382
  import IconLayoutIrnTcn from './icons/layout/layout-icon-right-normal-text-center-normal.vue';
383
+ import IconLayoutIrnTjn from './icons/layout/layout-icon-right-normal-text-justify-normal.vue';
386
384
  import IconLayoutIrnTrn from './icons/layout/layout-icon-right-normal-text-right-normal.vue';
387
385
  import IconLayoutIrsTrn from './icons/layout/layout-icon-right-small-text-right-normal.vue';
388
386
  import IconLayoutItnTcn from './icons/layout/layout-icon-top-normal-text-center-normal.vue';
389
387
  import IconLayoutItnTcs from './icons/layout/layout-icon-top-normal-text-center-small.vue';
388
+ import IconLayoutItnTjn from './icons/layout/layout-icon-top-normal-text-justify-normal.vue';
390
389
  import IconLayoutItsTcn from './icons/layout/layout-icon-top-small-text-center-normal.vue';
391
390
 
392
391
  import IconFlipHorizontal from './icons/flip-horizontal.vue';
393
392
  import IconFlipVertical from './icons/flip-vertical.vue';
394
393
 
395
- import IconVolume from './icons/volume.vue';
396
394
  import IconVolumeMuted from './icons/volume-muted.vue';
395
+ import IconVolume from './icons/volume.vue';
396
+
397
+ import IconFile from './icons/file.vue';
398
+ import IconPenTool from './icons/pen-tool.vue';
397
399
 
398
400
  export default {
399
401
  components: {
402
+ IconFile,
403
+ IconPenTool,
400
404
  IconAbout,
401
405
  IconAddPage,
402
406
  IconAi,
@@ -438,7 +442,6 @@ export default {
438
442
  IconButtonSoftshadowRectangle,
439
443
  IconButtonSoftshadowRounded,
440
444
  IconCalendar,
441
- IconCalculator,
442
445
  IconCalloutError,
443
446
  IconCalloutInfo,
444
447
  IconCalloutSuccess,
package/src/atoms/components/Icon/icons/file.vue ADDED
@@ -0,0 +1,7 @@
1
+ <template>
2
+ <path
3
+ fill-rule="evenodd"
4
+ clip-rule="evenodd"
5
+ d="M8.58335 2.09094C8.46619 2.0848 8.29431 2.08337 8.00787 2.08337H5.86669C5.29426 2.08337 4.91004 2.08395 4.61417 2.10813C4.32704 2.13158 4.18976 2.17347 4.0992 2.21961C3.864 2.33945 3.67277 2.53068 3.55293 2.76588C3.50679 2.85644 3.4649 2.99372 3.44145 3.28085C3.41727 3.57672 3.41669 3.96094 3.41669 4.53337V11.4667C3.41669 12.0391 3.41727 12.4233 3.44145 12.7192C3.4649 13.0063 3.50679 13.1436 3.55293 13.2342C3.67277 13.4694 3.864 13.6606 4.0992 13.7805C4.18976 13.8266 4.32704 13.8685 4.61417 13.8919C4.91004 13.9161 5.29426 13.9167 5.86669 13.9167H10.1334C10.7058 13.9167 11.09 13.9161 11.3859 13.8919C11.673 13.8685 11.8103 13.8266 11.9008 13.7805C12.136 13.6606 12.3273 13.4694 12.4471 13.2342C12.4933 13.1436 12.5351 13.0063 12.5586 12.7192C12.5828 12.4233 12.5834 12.0391 12.5834 11.4667V6.65885C12.5834 6.37245 12.5819 6.20058 12.5758 6.08342L10.3771 6.08342C10.2104 6.08344 10.0434 6.08347 9.90108 6.07184C9.74353 6.05897 9.55152 6.02819 9.35687 5.92901C9.0903 5.79319 8.87358 5.57646 8.73776 5.3099C8.63858 5.11525 8.6078 4.92324 8.59493 4.76569C8.5833 4.62341 8.58333 4.4564 8.58335 4.28964L8.58335 2.09094ZM9.628 0.823148C9.47327 0.753919 9.31223 0.699042 9.1469 0.65935C8.82849 0.582906 8.49896 0.583097 8.08035 0.58334C8.05648 0.583354 8.03233 0.583368 8.00787 0.583368L5.83625 0.583367C5.3021 0.583357 4.85625 0.583348 4.49202 0.613107C4.11213 0.644145 3.75548 0.711256 3.41821 0.8831C2.90077 1.14675 2.48007 1.56745 2.21642 2.08489C2.04458 2.42216 1.97746 2.77881 1.94643 3.1587C1.91667 3.52293 1.91668 3.96878 1.91669 4.50293V11.4971C1.91668 12.0313 1.91667 12.4771 1.94643 12.8414C1.97746 13.2213 2.04458 13.5779 2.21642 13.9152C2.48007 14.4326 2.90077 14.8533 3.41821 15.117C3.75548 15.2888 4.11213 15.3559 4.49202 15.387C4.85626 15.4167 5.30212 15.4167 5.83628 15.4167H10.1638C10.6979 15.4167 11.1438 15.4167 11.508 15.387C11.8879 15.3559 12.2446 15.2888 12.5818 15.117C13.0993 14.8533 13.52 14.4326 13.7836 13.9152C13.9555 13.5779 14.0226 13.2213 14.0536 12.8414C14.0834 12.4771 14.0834 12.0313 14.0834 11.4972V6.65885C14.0834 6.63439 14.0834 6.61024 14.0834 6.58638C14.0836 6.16776 14.0838 5.83824 14.0074 5.51982C13.9678 5.35495 13.9131 5.19435 13.8441 5.04C13.8394 5.02876 13.8343 5.01765 13.829 5.00669C13.7843 4.91006 13.7339 4.81597 13.6781 4.72492C13.507 4.44571 13.2739 4.21284 12.9777 3.917C12.9608 3.90014 12.9437 3.88307 12.9264 3.86578L10.8009 1.7403C10.7836 1.723 10.7666 1.70591 10.7497 1.68903C10.4539 1.39285 10.221 1.15971 9.9418 0.988607C9.8504 0.932596 9.75593 0.882059 9.65891 0.837205C9.64873 0.832294 9.63843 0.827606 9.628 0.823148ZM10.0834 3.14403V4.26675C10.0834 4.41519 10.0837 4.51087 10.0863 4.58043C10.1559 4.58309 10.2516 4.58342 10.4 4.58342H11.5227L10.0834 3.14403ZM4.58335 8.6667C4.58335 8.25249 4.91914 7.9167 5.33335 7.9167H10.6667C11.0809 7.9167 11.4167 8.25249 11.4167 8.6667C11.4167 9.08092 11.0809 9.4167 10.6667 9.4167H5.33335C4.91914 9.4167 4.58335 9.08092 4.58335 8.6667ZM4.58335 11.3334C4.58335 10.9192 4.91914 10.5834 5.33335 10.5834H9.33335C9.74757 10.5834 10.0834 10.9192 10.0834 11.3334C10.0834 11.7476 9.74757 12.0834 9.33335 12.0834H5.33335C4.91914 12.0834 4.58335 11.7476 4.58335 11.3334Z"
6
+ />
7
+ </template>
package/src/atoms/components/Icon/icons/pen-tool.vue ADDED
@@ -0,0 +1,7 @@
1
+ <template>
2
+ <path
3
+ fill-rule="evenodd"
4
+ clip-rule="evenodd"
5
+ d="M0.803006 0.803044C0.987755 0.618295 1.25534 0.543007 1.50932 0.604312L10.5139 2.77783C10.5303 2.78179 10.5474 2.78583 10.5651 2.79002C10.7473 2.83312 10.9937 2.8914 11.2035 3.0282C11.3842 3.14596 11.5355 3.3034 11.646 3.48851C11.7745 3.70354 11.823 3.95208 11.8589 4.13585C11.8623 4.15371 11.8657 4.17096 11.869 4.1875L12.5379 7.53204C12.728 7.5147 12.9208 7.53586 13.1044 7.59552C13.3122 7.66303 13.4698 7.77704 13.5903 7.87934C13.6991 7.97173 13.8172 8.08985 13.9351 8.20778L14.4589 8.73165C14.5769 8.84955 14.695 8.96762 14.7874 9.07645C14.8897 9.19696 15.0037 9.35449 15.0712 9.56227C15.1636 9.8468 15.1636 10.1533 15.0712 10.4378C15.0037 10.6456 14.8897 10.8031 14.7874 10.9236C14.695 11.0325 14.5769 11.1505 14.4589 11.2684L11.2684 14.459C11.1505 14.5769 11.0324 14.695 10.9236 14.7874C10.8031 14.8897 10.6456 15.0037 10.4378 15.0712C10.1532 15.1637 9.84676 15.1637 9.56223 15.0712C9.35445 15.0037 9.19692 14.8897 9.07641 14.7874C8.96759 14.695 8.84952 14.5769 8.73163 14.459L8.20773 13.9351C8.0898 13.8172 7.97169 13.6991 7.8793 13.5903C7.777 13.4698 7.66299 13.3123 7.59548 13.1045C7.53582 12.9209 7.51466 12.7281 7.53201 12.538L4.18747 11.8691C4.17092 11.8657 4.15367 11.8624 4.13581 11.8589C3.95204 11.823 3.7035 11.7745 3.48847 11.6461C3.30336 11.5355 3.14592 11.3842 3.02816 11.2036C2.89136 10.9938 2.83308 10.7474 2.78998 10.5651C2.7858 10.5474 2.78175 10.5303 2.77779 10.5139L0.604274 1.50935C0.542969 1.25537 0.618257 0.987793 0.803006 0.803044ZM9.06488 12.6667C9.11219 12.7178 9.17962 12.7857 9.28458 12.8906L9.77609 13.3821C9.88105 13.4871 9.94894 13.5545 10 13.6018C10.0511 13.5545 10.119 13.4871 10.2239 13.3821L13.3821 10.224C13.4871 10.119 13.5545 10.0511 13.6018 10C13.5545 9.94897 13.4871 9.88109 13.3821 9.77612L12.8906 9.28462C12.7856 9.17966 12.7177 9.11223 12.6667 9.06492C12.6156 9.11223 12.5477 9.17966 12.4428 9.28462L9.28458 12.4428C9.17962 12.5478 9.11219 12.6156 9.06488 12.6667ZM11.1858 8.4202L8.42016 11.1859L4.48164 10.3982C4.41982 10.3858 4.37186 10.3762 4.33047 10.3674C4.31265 10.3636 4.29752 10.3603 4.28456 10.3573C4.28107 10.3444 4.27713 10.3295 4.27264 10.3118C4.26219 10.2708 4.25071 10.2233 4.23592 10.162L2.68785 3.74855L5.42824 6.48894C5.31367 6.74705 5.25 7.03278 5.25 7.33337C5.25 8.48397 6.18274 9.41671 7.33334 9.41671C8.48393 9.41671 9.41667 8.48397 9.41667 7.33337C9.41667 6.18278 8.48393 5.25004 7.33334 5.25004C7.03274 5.25004 6.74701 5.3137 6.4889 5.42828L3.74851 2.68789L10.1619 4.23595C10.2232 4.25075 10.2708 4.26223 10.3118 4.27268C10.3294 4.27717 10.3444 4.28111 10.3572 4.2846C10.3602 4.29755 10.3636 4.31269 10.3674 4.33051C10.3762 4.3719 10.3858 4.41985 10.3981 4.48167L11.1858 8.4202ZM6.91276 6.92916C6.91552 6.92648 6.91827 6.92377 6.921 6.92104C6.92373 6.91831 6.92644 6.91556 6.92912 6.9128C7.03396 6.812 7.17641 6.75004 7.33334 6.75004C7.6555 6.75004 7.91667 7.01121 7.91667 7.33337C7.91667 7.65554 7.6555 7.91671 7.33334 7.91671C7.01117 7.91671 6.75 7.65554 6.75 7.33337C6.75 7.17645 6.81196 7.034 6.91276 6.92916Z"
6
+ />
7
+ </template>