@designcrowd/fe-shared-lib 1.4.1 → 1.4.2
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.
- package/dist/css/tailwind-brandCrowd.css +0 -3
- package/dist/css/tailwind-brandPage.css +0 -3
- package/dist/css/tailwind-crazyDomains.css +0 -3
- package/dist/css/tailwind-designCom.css +0 -3
- package/dist/css/tailwind-designCrowd.css +0 -3
- package/package.json +1 -1
- package/src/atoms/components/Checkbox/Checkbox.stories.js +134 -1
- package/src/atoms/components/Checkbox/Checkbox.vue +2 -8
- package/src/atoms/components/Icon/Icon.stories.js +2 -0
- package/src/atoms/components/Icon/Icon.vue +100 -95
- package/src/atoms/components/Icon/icons/file.vue +7 -0
- package/src/atoms/components/Icon/icons/pen-tool.vue +7 -0
- package/public/css/tailwind-brandCrowd.css +0 -2414
- package/public/css/tailwind-brandPage.css +0 -2098
- package/public/css/tailwind-crazyDomains.css +0 -2414
- package/public/css/tailwind-designCom.css +0 -2414
- package/public/css/tailwind-designCrowd.css +0 -2414
|
@@ -29,53 +29,51 @@
|
|
|
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
|
|
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
|
|
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';
|
|
@@ -87,58 +85,58 @@ import IconCalloutWarning from './icons/callout-warning.vue';
|
|
|
87
85
|
import IconCap from './icons/cap.vue';
|
|
88
86
|
import IconCard from './icons/card.vue';
|
|
89
87
|
import IconCartEmpty from './icons/cart-empty.vue';
|
|
90
|
-
import IconCheck from './icons/check.vue';
|
|
91
88
|
import IconCheckThin from './icons/check-thin.vue';
|
|
89
|
+
import IconCheck from './icons/check.vue';
|
|
92
90
|
import IconChevronDown from './icons/chevron-down.vue';
|
|
93
91
|
import IconChevronLeft from './icons/chevron-left.vue';
|
|
94
|
-
import IconChevronRight from './icons/chevron-right.vue';
|
|
95
92
|
import IconChevronRightWide from './icons/chevron-right-wide.vue';
|
|
93
|
+
import IconChevronRight from './icons/chevron-right.vue';
|
|
96
94
|
import IconChevronUp from './icons/chevron-up.vue';
|
|
97
95
|
import IconClose from './icons/close.vue';
|
|
98
|
-
import IconCommunity from './icons/community.vue';
|
|
99
|
-
import IconContent from './icons/content.vue';
|
|
100
96
|
import IconColumn1 from './icons/column-1.vue';
|
|
101
97
|
import IconColumn2 from './icons/column-2.vue';
|
|
102
98
|
import IconColumn3 from './icons/column-3.vue';
|
|
103
99
|
import IconColumn4 from './icons/column-4.vue';
|
|
100
|
+
import IconCommunity from './icons/community.vue';
|
|
101
|
+
import IconContent from './icons/content.vue';
|
|
104
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';
|
|
105
106
|
import IconDelete from './icons/delete.vue';
|
|
106
107
|
import IconDesigns from './icons/designs.vue';
|
|
107
108
|
import IconDesktop from './icons/desktop.vue';
|
|
108
|
-
import IconDivider from './icons/divider.vue';
|
|
109
|
-
import IconDividerThin from './icons/divider-thin.vue';
|
|
110
109
|
import IconDividerThick from './icons/divider-thick.vue';
|
|
110
|
+
import IconDividerThin from './icons/divider-thin.vue';
|
|
111
|
+
import IconDivider from './icons/divider.vue';
|
|
111
112
|
import IconDonate from './icons/donate.vue';
|
|
112
113
|
import IconDownload from './icons/download.vue';
|
|
113
114
|
import IconDuplicate from './icons/duplicate.vue';
|
|
114
|
-
import IconEdit from './icons/edit.vue';
|
|
115
115
|
import IconEditLine from './icons/edit-line.vue';
|
|
116
|
-
import
|
|
116
|
+
import IconEdit from './icons/edit.vue';
|
|
117
117
|
import IconEllipsis from './icons/ellipsis.vue';
|
|
118
118
|
import IconEnvelopeEmail from './icons/envelope-email.vue';
|
|
119
|
+
import IconError from './icons/error.vue';
|
|
119
120
|
import IconEyeCrossed from './icons/eye-crossed.vue';
|
|
120
121
|
import IconEyeOpen from './icons/eye-open.vue';
|
|
121
122
|
import IconFees from './icons/fees.vue';
|
|
122
123
|
import IconFilter from './icons/filter.vue';
|
|
123
|
-
import IconFilterCrazyDomains from './icons/crazy-domains/filter.vue';
|
|
124
124
|
import IconFlag from './icons/flag.vue';
|
|
125
125
|
import IconFolder from './icons/folder.vue';
|
|
126
126
|
import IconForm from './icons/form.vue';
|
|
127
|
-
import IconFullscreen from './icons/fullscreen.vue';
|
|
128
127
|
import IconFullscreenExit from './icons/fullscreen-exit.vue';
|
|
128
|
+
import IconFullscreen from './icons/fullscreen.vue';
|
|
129
129
|
import IconGlobe from './icons/globe.vue';
|
|
130
|
-
import IconGlobeCrazyDomains from './icons/crazy-domains/globe.vue';
|
|
131
|
-
import IconHamburger from './icons/hamburger.vue';
|
|
132
130
|
import IconHamburger1 from './icons/hamburger-1.vue';
|
|
133
131
|
import IconHamburger2 from './icons/hamburger-2.vue';
|
|
134
132
|
import IconHamburger3 from './icons/hamburger-3.vue';
|
|
135
133
|
import IconHamburger4 from './icons/hamburger-4.vue';
|
|
134
|
+
import IconHamburger from './icons/hamburger.vue';
|
|
136
135
|
import IconHome from './icons/home.vue';
|
|
137
|
-
import IconHomeCrazyDomains from './icons/crazy-domains/home.vue';
|
|
138
|
-
import IconImagesGallery from './icons/images-gallery.vue';
|
|
139
|
-
import IconImageGalleryGrid from './icons/image-gallery-grid.vue';
|
|
140
136
|
import IconImageGalleryCarousel from './icons/image-gallery-carousel.vue';
|
|
137
|
+
import IconImageGalleryGrid from './icons/image-gallery-grid.vue';
|
|
141
138
|
import IconImageGalleryMasonry from './icons/image-gallery-masonry.vue';
|
|
139
|
+
import IconImagesGallery from './icons/images-gallery.vue';
|
|
142
140
|
import IconImages from './icons/images.vue';
|
|
143
141
|
import IconInfo from './icons/info.vue';
|
|
144
142
|
import IconJobs from './icons/jobs.vue';
|
|
@@ -148,12 +146,6 @@ import IconDisplayStyleAbout3 from './icons/layout/display-style-about-3.vue';
|
|
|
148
146
|
import IconDisplayStyleAbout4 from './icons/layout/display-style-about-4.vue';
|
|
149
147
|
import IconDisplayStyleAbout5 from './icons/layout/display-style-about-5.vue';
|
|
150
148
|
import IconDisplayStyleAbout6 from './icons/layout/display-style-about-6.vue';
|
|
151
|
-
import IconDisplayStyleImages1 from './icons/layout/display-style-images-1.vue';
|
|
152
|
-
import IconDisplayStyleImages2 from './icons/layout/display-style-images-2.vue';
|
|
153
|
-
import IconDisplayStyleImages3 from './icons/layout/display-style-images-3.vue';
|
|
154
|
-
import IconDisplayStyleImages4 from './icons/layout/display-style-images-4.vue';
|
|
155
|
-
import IconDisplayStyleImages5 from './icons/layout/display-style-images-5.vue';
|
|
156
|
-
import IconDisplayStyleImages6 from './icons/layout/display-style-images-6.vue';
|
|
157
149
|
import IconDisplayStyleBanner1 from './icons/layout/display-style-banner-1.vue';
|
|
158
150
|
import IconDisplayStyleBanner2 from './icons/layout/display-style-banner-2.vue';
|
|
159
151
|
import IconDisplayStyleBanner3 from './icons/layout/display-style-banner-3.vue';
|
|
@@ -168,20 +160,28 @@ import IconDisplayStyleContact2 from './icons/layout/display-style-contact-2.vue
|
|
|
168
160
|
import IconDisplayStyleContact4 from './icons/layout/display-style-contact-4.vue';
|
|
169
161
|
import IconDisplayStyleContact5 from './icons/layout/display-style-contact-5.vue';
|
|
170
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';
|
|
171
171
|
|
|
172
|
-
import IconNavStyleTabDisplayStyle1 from './icons/layout/nav/tab/display-style-1.vue';
|
|
173
|
-
import IconNavStyleTabDisplayStyle2 from './icons/layout/nav/tab/display-style-2.vue';
|
|
174
172
|
import IconNavStyleHamburgerDisplayStyle1 from './icons/layout/nav/hamburger/display-style-1.vue';
|
|
175
173
|
import IconNavStyleHamburgerDisplayStyle2 from './icons/layout/nav/hamburger/display-style-2.vue';
|
|
176
174
|
import IconNavStyleHamburgerDisplayStyle3 from './icons/layout/nav/hamburger/display-style-3.vue';
|
|
177
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';
|
|
178
178
|
|
|
179
|
-
import IconHeaderNavStyleTabDisplayStyleNoLogo1 from './icons/layout/header/tab-display-style-no-logo-1.vue';
|
|
180
|
-
import IconHeaderNavStyleTabDisplayStyleNoLogo2 from './icons/layout/header/tab-display-style-no-logo-2.vue';
|
|
181
|
-
import IconHeaderNavStyleTabDisplayStyleNoLogo3 from './icons/layout/header/tab-display-style-no-logo-3.vue';
|
|
182
179
|
import IconHeaderNavStyleHamburgerDisplayStyleNoLogo1 from './icons/layout/header/hamburger-display-style-no-logo-1.vue';
|
|
183
180
|
import IconHeaderNavStyleHamburgerDisplayStyleNoLogo2 from './icons/layout/header/hamburger-display-style-no-logo-2.vue';
|
|
184
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';
|
|
185
185
|
|
|
186
186
|
import IconHeaderDesktopNavStyleTabDisplayStyle1 from './icons/layout/header/desktop-tab-display-style-1.vue';
|
|
187
187
|
import IconHeaderDesktopNavStyleTabDisplayStyle2 from './icons/layout/header/desktop-tab-display-style-2.vue';
|
|
@@ -213,113 +213,119 @@ import IconMap from './icons/map.vue';
|
|
|
213
213
|
import IconMessage from './icons/message.vue';
|
|
214
214
|
import IconMug from './icons/mug.vue';
|
|
215
215
|
|
|
216
|
-
import IconFormMessage from './icons/form-message.vue';
|
|
217
216
|
import IconContactMessage from './icons/contact-message.vue';
|
|
218
|
-
import
|
|
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';
|
|
219
228
|
import IconMinusCircleLight from './icons/minus-circle-light.vue';
|
|
229
|
+
import IconMinus from './icons/minus.vue';
|
|
220
230
|
import IconMobile from './icons/mobile.vue';
|
|
221
231
|
import IconOther from './icons/other.vue';
|
|
222
|
-
import IconPalette from './icons/palette.vue';
|
|
223
232
|
import IconPageButtons from './icons/page-buttons.vue';
|
|
224
233
|
import IconPageHamburger from './icons/page-hamburger.vue';
|
|
225
234
|
import IconPageTabs from './icons/page-tabs.vue';
|
|
226
235
|
import IconPages from './icons/pages.vue';
|
|
236
|
+
import IconPalette from './icons/palette.vue';
|
|
227
237
|
import IconPause from './icons/pause.vue';
|
|
228
238
|
import IconPayment from './icons/payment.vue';
|
|
229
239
|
import IconPaymentsFeatured from './icons/payments-featured.vue';
|
|
230
240
|
import IconPaymentsTextonly from './icons/payments-textonly.vue';
|
|
231
241
|
import IconPaymentsThumbnail from './icons/payments-thumbnail.vue';
|
|
232
242
|
import IconPhone from './icons/phone.vue';
|
|
233
|
-
import IconPlus from './icons/plus.vue';
|
|
234
|
-
import IconPlusCircle from './icons/plus-circle.vue';
|
|
235
243
|
import IconPlusCircleLight from './icons/plus-circle-light.vue';
|
|
244
|
+
import IconPlusCircle from './icons/plus-circle.vue';
|
|
245
|
+
import IconPlus from './icons/plus.vue';
|
|
236
246
|
import IconPoll from './icons/poll.vue';
|
|
237
247
|
import IconPortfolio from './icons/portfolio.vue';
|
|
238
248
|
import IconPreview from './icons/preview.vue';
|
|
239
249
|
import IconPrinting from './icons/printing.vue';
|
|
240
250
|
import IconProcessing from './icons/processing.vue';
|
|
241
251
|
import IconQuestion from './icons/question.vue';
|
|
252
|
+
import IconQuote from './icons/quote.vue';
|
|
242
253
|
import IconReload from './icons/reload.vue';
|
|
243
254
|
import IconReorderable from './icons/reorderable.vue';
|
|
244
255
|
import IconRequestPayment from './icons/request-payment.vue';
|
|
245
|
-
import IconShop from './icons/shop.vue';
|
|
246
256
|
import IconSearch from './icons/search.vue';
|
|
247
257
|
import IconSecure from './icons/secure.vue';
|
|
248
258
|
import IconServices from './icons/services.vue';
|
|
249
259
|
import IconSettings from './icons/settings.vue';
|
|
250
260
|
import IconShare from './icons/share.vue';
|
|
261
|
+
import IconShop from './icons/shop.vue';
|
|
251
262
|
import IconSms from './icons/sms.vue';
|
|
252
|
-
import IconSocialFacebook from './icons/social-facebook.vue';
|
|
253
263
|
import IconSocialFacebookColor from './icons/social-facebook-color.vue';
|
|
254
|
-
import
|
|
264
|
+
import IconSocialFacebook from './icons/social-facebook.vue';
|
|
255
265
|
import IconSocialGoogle from './icons/social-google.vue';
|
|
256
|
-
import IconSocialGoogleCrazyDomains from './icons/crazy-domains/social-google.vue';
|
|
257
266
|
import IconSocialInstagramColor from './icons/social-instagram-color.vue';
|
|
258
|
-
import IconSocialInstagramCrazyDomains from './icons/crazy-domains/social-instagram.vue';
|
|
259
267
|
import IconSocialLinkedinColor from './icons/social-linkedin-color.vue';
|
|
268
|
+
import IconSocialShare from './icons/social-share.vue';
|
|
260
269
|
import IconSocialTwitterColor from './icons/social-twitter-color.vue';
|
|
261
|
-
import IconSocialTwitterCrazyDomains from './icons/crazy-domains/social-twitter.vue';
|
|
262
|
-
import IconSocialYoutubeCrazyDomains from './icons/crazy-domains/social-youtube.vue';
|
|
263
270
|
import IconStarFilled from './icons/star-filled.vue';
|
|
264
271
|
import IconStarHollow from './icons/star-hollow.vue';
|
|
265
272
|
import IconSticker from './icons/sticker.vue';
|
|
266
273
|
import IconStyles from './icons/styles.vue';
|
|
267
274
|
import IconSubmit from './icons/submit.vue';
|
|
268
275
|
import IconTemplates from './icons/templates.vue';
|
|
269
|
-
import
|
|
270
|
-
import IconTextImageLeft from './icons/text-image-left.vue';
|
|
271
|
-
import IconTextImageCenter from './icons/text-image-center.vue';
|
|
272
|
-
import IconTextImageOnly from './icons/text-image-only.vue';
|
|
273
|
-
import IconTextImageRight from './icons/text-image-right.vue';
|
|
274
|
-
import IconQuote from './icons/quote.vue';
|
|
276
|
+
import IconTestimonialBigImage from './icons/testimonial-big-image.vue';
|
|
275
277
|
import IconTestimonialCentered from './icons/testimonial-centered.vue';
|
|
276
278
|
import IconTestimonialColumns from './icons/testimonial-columns.vue';
|
|
277
|
-
import
|
|
279
|
+
import IconTextImageCenter from './icons/text-image-center.vue';
|
|
278
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';
|
|
279
285
|
import IconTime from './icons/time.vue';
|
|
280
286
|
import IconTooltipBottom from './icons/tooltip-bottom.vue';
|
|
281
287
|
import IconTooltipLeft from './icons/tooltip-left.vue';
|
|
282
288
|
import IconTooltipRight from './icons/tooltip-right.vue';
|
|
283
289
|
import IconTooltipTop from './icons/tooltip-top.vue';
|
|
284
|
-
import IconUpgrade from './icons/upgrade.vue';
|
|
285
290
|
import IconUpgradeAlt from './icons/upgrade-alt.vue';
|
|
286
|
-
import
|
|
291
|
+
import IconUpgrade from './icons/upgrade.vue';
|
|
287
292
|
import IconUploadArrow from './icons/upload-arrow.vue';
|
|
293
|
+
import IconUpload from './icons/upload.vue';
|
|
288
294
|
import IconUserAccounts from './icons/user-accounts.vue';
|
|
289
295
|
import IconUserHeadset from './icons/user-headset.vue';
|
|
290
296
|
import IconWatchlistFilled from './icons/watchlist-filled.vue';
|
|
291
|
-
import IconWatchlistHollow from './icons/watchlist-hollow.vue';
|
|
292
297
|
import IconWatchlistHollowAlt from './icons/watchlist-hollow-alt.vue';
|
|
293
|
-
import
|
|
298
|
+
import IconWatchlistHollow from './icons/watchlist-hollow.vue';
|
|
294
299
|
import IconWebsiteFilled from './icons/website-filled.vue';
|
|
300
|
+
import IconWebsite from './icons/website.vue';
|
|
295
301
|
import IconWholesale from './icons/wholesale.vue';
|
|
296
|
-
import IconZoom from './icons/zoom.vue';
|
|
297
302
|
import IconZoomIn from './icons/zoom-in.vue';
|
|
298
303
|
import IconZoomOut from './icons/zoom-out.vue';
|
|
299
|
-
import
|
|
300
|
-
import IconSocialShare from './icons/social-share.vue';
|
|
301
|
-
import IconIconStyleNoBg from './icons/icon-style-no-bg.vue';
|
|
302
|
-
import IconIconStyleCircleBg from './icons/icon-style-circle-bg.vue';
|
|
303
|
-
import IconIconStyleSquareBg from './icons/icon-style-square-bg.vue';
|
|
304
|
-
import IconCrop from './icons/crop.vue';
|
|
304
|
+
import IconZoom from './icons/zoom.vue';
|
|
305
305
|
|
|
306
|
-
import IconReset from './icons/reset.vue';
|
|
307
|
-
import IconUndo from './icons/undo.vue';
|
|
308
|
-
import IconRedo from './icons/redo.vue';
|
|
309
306
|
import IconFilters from './icons/filters.vue';
|
|
310
|
-
import IconLayer from './icons/layer.vue';
|
|
311
307
|
import IconLayerBringFront from './icons/layer-bring-front.vue';
|
|
312
308
|
import IconLayerSendBack from './icons/layer-send-back.vue';
|
|
309
|
+
import IconLayer from './icons/layer.vue';
|
|
313
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';
|
|
314
314
|
|
|
315
315
|
import IconBan from './icons/ban.vue';
|
|
316
316
|
import IconShape from './icons/shape.vue';
|
|
317
317
|
|
|
318
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';
|
|
319
323
|
import IconMakerAnimate from './icons/maker/animate.vue';
|
|
324
|
+
import IconMakerBold from './icons/maker/bold.vue';
|
|
320
325
|
import IconMakerCustomLandscape from './icons/maker/custom-landscape.vue';
|
|
321
|
-
import IconMakerEmail from './icons/maker/email.vue';
|
|
322
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';
|
|
323
329
|
import IconMakerEtsy from './icons/maker/etsy.vue';
|
|
324
330
|
import IconMakerFacebook from './icons/maker/facebook.vue';
|
|
325
331
|
import IconMakerFavicon from './icons/maker/favicon.vue';
|
|
@@ -330,72 +336,71 @@ import IconMakerImage from './icons/maker/image.vue';
|
|
|
330
336
|
import IconMakerInstagram from './icons/maker/instagram.vue';
|
|
331
337
|
import IconMakerInvitation from './icons/maker/invitation.vue';
|
|
332
338
|
import IconMakerInvoice from './icons/maker/invoice.vue';
|
|
339
|
+
import IconMakerItalic from './icons/maker/italic.vue';
|
|
333
340
|
import IconMakerLink from './icons/maker/link.vue';
|
|
334
341
|
import IconMakerLinkedin from './icons/maker/linkedin.vue';
|
|
335
342
|
import IconMakerMenu from './icons/maker/menu.vue';
|
|
343
|
+
import IconMakerPause from './icons/maker/pause.vue';
|
|
336
344
|
import IconMakerPhone from './icons/maker/phone.vue';
|
|
337
345
|
import IconMakerPinterest from './icons/maker/pinterest.vue';
|
|
346
|
+
import IconMakerPlay from './icons/maker/play.vue';
|
|
338
347
|
import IconMakerPostcard from './icons/maker/postcard.vue';
|
|
339
348
|
import IconMakerPoster from './icons/maker/poster.vue';
|
|
340
349
|
import IconMakerProfile from './icons/maker/profile.vue';
|
|
341
350
|
import IconMakerQrcode from './icons/maker/qrcode.vue';
|
|
342
351
|
import IconMakerSnapchat from './icons/maker/snapchat.vue';
|
|
343
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';
|
|
344
358
|
import IconMakerText from './icons/maker/text.vue';
|
|
345
359
|
import IconMakerThankyouCard from './icons/maker/thankyou-card.vue';
|
|
346
360
|
import IconMakerTiktok from './icons/maker/tiktok.vue';
|
|
347
|
-
import IconMakerTShirt from './icons/maker/t-shirt.vue';
|
|
348
361
|
import IconMakerTumblr from './icons/maker/tumblr.vue';
|
|
349
362
|
import IconMakerTwitch from './icons/maker/twitch.vue';
|
|
350
363
|
import IconMakerTwitter from './icons/maker/twitter.vue';
|
|
364
|
+
import IconMakerUnderline from './icons/maker/underline.vue';
|
|
351
365
|
import IconMakerUppercase from './icons/maker/uppercase.vue';
|
|
352
366
|
import IconMakerVideo from './icons/maker/video.vue';
|
|
353
367
|
import IconMakerWhatsapp from './icons/maker/whatsapp.vue';
|
|
354
368
|
import IconMakerYoutube from './icons/maker/youtube.vue';
|
|
355
369
|
import IconMakerZoom from './icons/maker/zoom.vue';
|
|
356
|
-
import IconMakerAlignCenter from './icons/maker/align-center.vue';
|
|
357
|
-
import IconMakerAlignJustify from './icons/maker/align-justify.vue';
|
|
358
|
-
import IconMakerAlignLeft from './icons/maker/align-left.vue';
|
|
359
|
-
import IconMakerAlignRight from './icons/maker/align-right.vue';
|
|
360
|
-
import IconMakerItalic from './icons/maker/italic.vue';
|
|
361
|
-
import IconMakerBold from './icons/maker/bold.vue';
|
|
362
|
-
import IconMakerUnderline from './icons/maker/underline.vue';
|
|
363
|
-
import IconMakerStrikethrough from './icons/maker/strikethrough.vue';
|
|
364
|
-
import IconMakerSpacing from './icons/maker/spacing.vue';
|
|
365
|
-
import IconMakerTextColor from './icons/maker/text-color.vue';
|
|
366
|
-
import IconMakerTextBackgroundColor from './icons/maker/text-background-color.vue';
|
|
367
|
-
import IconMakerPlay from './icons/maker/play.vue';
|
|
368
|
-
import IconMakerPause from './icons/maker/pause.vue';
|
|
369
|
-
import IconMakerEraser from './icons/maker/eraser.vue';
|
|
370
370
|
|
|
371
371
|
// Maker layout tab icons
|
|
372
372
|
import IconLayoutIbnTcn from './icons/layout/layout-icon-bottom-normal-text-center-normal.vue';
|
|
373
373
|
import IconLayoutIbnTcs from './icons/layout/layout-icon-bottom-normal-text-center-small.vue';
|
|
374
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';
|
|
375
376
|
import IconLayoutIcnCtc from './icons/layout/layout-icon-center-normal-curved-text-circle.vue';
|
|
376
377
|
import IconLayoutIcnCtt from './icons/layout/layout-icon-center-normal-curved-text-top.vue';
|
|
377
|
-
import IconLayoutIcnCtb from './icons/layout/layout-icon-center-normal-curved-text-bottom.vue';
|
|
378
|
-
import IconLayoutItnTjn from './icons/layout/layout-icon-top-normal-text-justify-normal.vue';
|
|
379
|
-
import IconLayoutIlnTjn from './icons/layout/layout-icon-left-normal-text-justify-normal.vue';
|
|
380
|
-
import IconLayoutIrnTjn from './icons/layout/layout-icon-right-normal-text-justify-normal.vue';
|
|
381
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';
|
|
382
380
|
import IconLayoutIlnTln from './icons/layout/layout-icon-left-normal-text-left-normal.vue';
|
|
383
381
|
import IconLayoutIlsTln from './icons/layout/layout-icon-left-small-text-left-normal.vue';
|
|
384
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';
|
|
385
384
|
import IconLayoutIrnTrn from './icons/layout/layout-icon-right-normal-text-right-normal.vue';
|
|
386
385
|
import IconLayoutIrsTrn from './icons/layout/layout-icon-right-small-text-right-normal.vue';
|
|
387
386
|
import IconLayoutItnTcn from './icons/layout/layout-icon-top-normal-text-center-normal.vue';
|
|
388
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';
|
|
389
389
|
import IconLayoutItsTcn from './icons/layout/layout-icon-top-small-text-center-normal.vue';
|
|
390
390
|
|
|
391
391
|
import IconFlipHorizontal from './icons/flip-horizontal.vue';
|
|
392
392
|
import IconFlipVertical from './icons/flip-vertical.vue';
|
|
393
393
|
|
|
394
|
-
import IconVolume from './icons/volume.vue';
|
|
395
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';
|
|
396
399
|
|
|
397
400
|
export default {
|
|
398
401
|
components: {
|
|
402
|
+
IconFile,
|
|
403
|
+
IconPenTool,
|
|
399
404
|
IconAbout,
|
|
400
405
|
IconAddPage,
|
|
401
406
|
IconAi,
|
|
@@ -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>
|
|
@@ -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>
|