@designcrowd/fe-shared-lib 1.4.8-promocardv1 → 1.4.9
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/.storybook/main.ts +4 -5
- package/.storybook/preview.js +0 -1
- package/dist/css/tailwind-brandCrowd.css +6 -0
- package/dist/css/tailwind-brandPage.css +6 -0
- package/dist/css/tailwind-crazyDomains.css +6 -0
- package/dist/css/tailwind-designCom.css +6 -0
- package/dist/css/tailwind-designCrowd.css +6 -0
- package/index.js +1 -1
- package/package.json +10 -10
- package/src/atoms/components/Carousel/Carousel.fixtures.js +0 -18
- package/src/atoms/components/Carousel/carousel.stories.js +179 -448
- package/src/atoms/components/Icon/Icon.stories.js +3 -0
- package/src/atoms/components/Icon/Icon.vue +6 -0
- package/src/atoms/components/Icon/icons/badge.vue +8 -0
- package/src/atoms/components/Icon/icons/briefcase.vue +7 -0
- package/src/atoms/components/Icon/icons/clipboard-check.vue +7 -0
- package/src/atoms/components/Price/Price.vue +5 -5
- package/src/atoms/components/SparkleIcon/SparkleIcon.stories.js +182 -0
- package/src/atoms/components/SparkleIcon/SparkleIcon.vue +105 -0
- package/src/atoms/components/SparkleIcon/assets/animations/state-01.svg +5 -0
- package/src/atoms/components/SparkleIcon/assets/animations/state-02.svg +5 -0
- package/src/atoms/components/SparkleIcon/assets/animations/state-03.svg +5 -0
- package/src/atoms/components/SparkleIcon/assets/animations/state-04.svg +5 -0
- package/src/atoms/components/SparkleIcon/assets/animations/state-05.svg +5 -0
- package/src/atoms/components/SparkleIcon/assets/animations/state-06.svg +5 -0
- package/src/atoms/components/SparkleIcon/assets/animations/state-07.svg +5 -0
- package/src/atoms/components/SparkleIcon/assets/animations/state-08.svg +5 -0
- package/src/atoms/components/SparkleIcon/assets/sparkle.svg +3 -0
- package/src/atoms/components/SparkleIcon/index.ts +3 -0
- package/tailwind.config.js +8 -7
- package/public/css/tailwind-brandCrowd.css +0 -2472
- package/public/css/tailwind-brandPage.css +0 -2156
- package/public/css/tailwind-crazyDomains.css +0 -2472
- package/public/css/tailwind-designCom.css +0 -2472
- package/public/css/tailwind-designCrowd.css +0 -2472
- package/src/atoms/components/PromoCard/PromoCard.stories.ts +0 -265
- package/src/atoms/components/PromoCard/PromoCard.vue +0 -89
package/.storybook/main.ts
CHANGED
|
@@ -2,7 +2,6 @@ import { mergeConfig } from 'vite';
|
|
|
2
2
|
|
|
3
3
|
module.exports = {
|
|
4
4
|
stories: ['../src/**/components/**/*.stories.@(js|jsx|ts|tsx)'],
|
|
5
|
-
|
|
6
5
|
addons: [
|
|
7
6
|
'@storybook/addon-a11y',
|
|
8
7
|
'@storybook/addon-links',
|
|
@@ -13,14 +12,14 @@ module.exports = {
|
|
|
13
12
|
},
|
|
14
13
|
},
|
|
15
14
|
],
|
|
16
|
-
|
|
17
15
|
framework: {
|
|
18
16
|
name: '@storybook/vue3-vite',
|
|
19
17
|
options: {},
|
|
20
18
|
},
|
|
21
|
-
|
|
22
19
|
staticDirs: ['../public'],
|
|
23
|
-
|
|
20
|
+
docs: {
|
|
21
|
+
autodocs: true,
|
|
22
|
+
},
|
|
24
23
|
async viteFinal(config, options) {
|
|
25
24
|
const configExtension = {
|
|
26
25
|
optimizeDeps: {
|
|
@@ -33,5 +32,5 @@ module.exports = {
|
|
|
33
32
|
},
|
|
34
33
|
};
|
|
35
34
|
return mergeConfig(config, configExtension);
|
|
36
|
-
}
|
|
35
|
+
},
|
|
37
36
|
};
|
package/.storybook/preview.js
CHANGED
|
@@ -750,6 +750,9 @@ video {
|
|
|
750
750
|
.tw-mt-4 {
|
|
751
751
|
margin-top: 1rem;
|
|
752
752
|
}
|
|
753
|
+
.tw-mt-6 {
|
|
754
|
+
margin-top: 1.5rem;
|
|
755
|
+
}
|
|
753
756
|
.tw-mt-8 {
|
|
754
757
|
margin-top: 2rem;
|
|
755
758
|
}
|
|
@@ -923,6 +926,9 @@ video {
|
|
|
923
926
|
.tw-flex-none {
|
|
924
927
|
flex: none;
|
|
925
928
|
}
|
|
929
|
+
.tw-flex-shrink-0 {
|
|
930
|
+
flex-shrink: 0;
|
|
931
|
+
}
|
|
926
932
|
.tw-grow {
|
|
927
933
|
flex-grow: 1;
|
|
928
934
|
}
|
|
@@ -750,6 +750,9 @@ video {
|
|
|
750
750
|
.tw-mt-4 {
|
|
751
751
|
margin-top: 1rem;
|
|
752
752
|
}
|
|
753
|
+
.tw-mt-6 {
|
|
754
|
+
margin-top: 1.5rem;
|
|
755
|
+
}
|
|
753
756
|
.tw-mt-8 {
|
|
754
757
|
margin-top: 2rem;
|
|
755
758
|
}
|
|
@@ -923,6 +926,9 @@ video {
|
|
|
923
926
|
.tw-flex-none {
|
|
924
927
|
flex: none;
|
|
925
928
|
}
|
|
929
|
+
.tw-flex-shrink-0 {
|
|
930
|
+
flex-shrink: 0;
|
|
931
|
+
}
|
|
926
932
|
.tw-grow {
|
|
927
933
|
flex-grow: 1;
|
|
928
934
|
}
|
|
@@ -750,6 +750,9 @@ video {
|
|
|
750
750
|
.tw-mt-4 {
|
|
751
751
|
margin-top: 1rem;
|
|
752
752
|
}
|
|
753
|
+
.tw-mt-6 {
|
|
754
|
+
margin-top: 1.5rem;
|
|
755
|
+
}
|
|
753
756
|
.tw-mt-8 {
|
|
754
757
|
margin-top: 2rem;
|
|
755
758
|
}
|
|
@@ -923,6 +926,9 @@ video {
|
|
|
923
926
|
.tw-flex-none {
|
|
924
927
|
flex: none;
|
|
925
928
|
}
|
|
929
|
+
.tw-flex-shrink-0 {
|
|
930
|
+
flex-shrink: 0;
|
|
931
|
+
}
|
|
926
932
|
.tw-grow {
|
|
927
933
|
flex-grow: 1;
|
|
928
934
|
}
|
|
@@ -750,6 +750,9 @@ video {
|
|
|
750
750
|
.tw-mt-4 {
|
|
751
751
|
margin-top: 1rem;
|
|
752
752
|
}
|
|
753
|
+
.tw-mt-6 {
|
|
754
|
+
margin-top: 1.5rem;
|
|
755
|
+
}
|
|
753
756
|
.tw-mt-8 {
|
|
754
757
|
margin-top: 2rem;
|
|
755
758
|
}
|
|
@@ -923,6 +926,9 @@ video {
|
|
|
923
926
|
.tw-flex-none {
|
|
924
927
|
flex: none;
|
|
925
928
|
}
|
|
929
|
+
.tw-flex-shrink-0 {
|
|
930
|
+
flex-shrink: 0;
|
|
931
|
+
}
|
|
926
932
|
.tw-grow {
|
|
927
933
|
flex-grow: 1;
|
|
928
934
|
}
|
|
@@ -750,6 +750,9 @@ video {
|
|
|
750
750
|
.tw-mt-4 {
|
|
751
751
|
margin-top: 1rem;
|
|
752
752
|
}
|
|
753
|
+
.tw-mt-6 {
|
|
754
|
+
margin-top: 1.5rem;
|
|
755
|
+
}
|
|
753
756
|
.tw-mt-8 {
|
|
754
757
|
margin-top: 2rem;
|
|
755
758
|
}
|
|
@@ -923,6 +926,9 @@ video {
|
|
|
923
926
|
.tw-flex-none {
|
|
924
927
|
flex: none;
|
|
925
928
|
}
|
|
929
|
+
.tw-flex-shrink-0 {
|
|
930
|
+
flex-shrink: 0;
|
|
931
|
+
}
|
|
926
932
|
.tw-grow {
|
|
927
933
|
flex-grow: 1;
|
|
928
934
|
}
|
package/index.js
CHANGED
|
@@ -32,7 +32,6 @@ export { default as Loader } from './src/atoms/components/Loader/Loader.vue';
|
|
|
32
32
|
export { default as Tooltip } from './src/atoms/components/Tooltip/Tooltip.vue';
|
|
33
33
|
export { default as Picture } from './src/atoms/components/Picture/Picture.vue';
|
|
34
34
|
export { default as HelloBar } from './src/atoms/components/HelloBar/HelloBar.vue';
|
|
35
|
-
export { default as PromoCard } from './src/atoms/components/PromoCard/PromoCard.vue';
|
|
36
35
|
export { default as SearchBar } from './src/atoms/components/SearchBar/SearchBar.vue';
|
|
37
36
|
export { default as StarRating } from './src/atoms/components/StarRating/StarRating.vue';
|
|
38
37
|
export { default as TabMenu } from './src/atoms/components/TabMenu/TabMenu.vue';
|
|
@@ -55,3 +54,4 @@ export { default as HashRouteModal } from './src/atoms/components/Modal/HashRout
|
|
|
55
54
|
export { default as Select } from './src/atoms/components/Select/Select.vue';
|
|
56
55
|
export { default as NumberStepper } from './src/atoms/components/NumberStepper/NumberStepper.vue';
|
|
57
56
|
export { default as CopyToClipboardText } from './src/atoms/components/CopyToClipboardText/CopyToClipboardText.vue';
|
|
57
|
+
export { default as SparkleIcon } from './src/atoms/components/SparkleIcon/SparkleIcon.vue';
|
package/package.json
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@designcrowd/fe-shared-lib",
|
|
3
|
-
"version": "1.4.
|
|
3
|
+
"version": "1.4.9",
|
|
4
4
|
"scripts": {
|
|
5
5
|
"start": "run-p storybook watch:translation",
|
|
6
6
|
"build": "npm run build:css --production",
|
|
7
|
-
"storybook": "export NODE_ENV=development && npm run storybook:css && npm run storybook:themes && storybook dev",
|
|
7
|
+
"storybook": "export NODE_ENV=development && npm run storybook:css && npm run storybook:themes && storybook dev -p 6006 public",
|
|
8
8
|
"build:css": "node ./tailwind.build.js",
|
|
9
9
|
"build:storybook": "mkdir -p public && mkdir -p public/css && npm run storybook:css && storybook build -c .storybook -o .storybook-static && cp -R ./public/css .storybook-static/",
|
|
10
10
|
"bundle-translation": "node ./src/bundleTranslation.js",
|
|
@@ -20,7 +20,6 @@
|
|
|
20
20
|
},
|
|
21
21
|
"dependencies": {
|
|
22
22
|
"@nuxtjs/i18n": "9.5.4",
|
|
23
|
-
"@storybook/react": "^10.0.1",
|
|
24
23
|
"autoprefixer": "10.4.17",
|
|
25
24
|
"axios": "1.6.7",
|
|
26
25
|
"click-outside-vue3": "4.0.1",
|
|
@@ -44,10 +43,11 @@
|
|
|
44
43
|
"yargs": "17.7.2"
|
|
45
44
|
},
|
|
46
45
|
"devDependencies": {
|
|
47
|
-
"@storybook/addon-a11y": "
|
|
48
|
-
"@storybook/addon-links": "
|
|
49
|
-
"@storybook/addon-themes": "
|
|
50
|
-
"@storybook/vue3
|
|
46
|
+
"@storybook/addon-a11y": "9.0.4",
|
|
47
|
+
"@storybook/addon-links": "9.0.4",
|
|
48
|
+
"@storybook/addon-themes": "9.0.4",
|
|
49
|
+
"@storybook/vue3": "9.0.4",
|
|
50
|
+
"@storybook/vue3-vite": "9.0.4",
|
|
51
51
|
"@vitejs/plugin-vue": "5.2.4",
|
|
52
52
|
"@vue/cli-plugin-eslint": "5.0.8",
|
|
53
53
|
"@vue/cli-service": "5.0.8",
|
|
@@ -60,7 +60,7 @@
|
|
|
60
60
|
"cssnano": "6.0.3",
|
|
61
61
|
"eslint": "8.56.0",
|
|
62
62
|
"eslint-plugin-prettier": "5.1.3",
|
|
63
|
-
"eslint-plugin-storybook": "
|
|
63
|
+
"eslint-plugin-storybook": "0.8.0",
|
|
64
64
|
"eslint-plugin-vue": "9.21.1",
|
|
65
65
|
"husky": "9.0.10",
|
|
66
66
|
"lint-staged": "15.2.1",
|
|
@@ -71,7 +71,7 @@
|
|
|
71
71
|
"postcss-import": "16.0.0",
|
|
72
72
|
"postcss-nested": "6.0.1",
|
|
73
73
|
"prettier": "3.2.4",
|
|
74
|
-
"storybook": "
|
|
74
|
+
"storybook": "9.0.4",
|
|
75
75
|
"stylelint": "16.2.1",
|
|
76
76
|
"stylelint-config-standard": "36.0.0",
|
|
77
77
|
"tailwindcss": "3.4.1",
|
|
@@ -112,4 +112,4 @@
|
|
|
112
112
|
"overrides": {
|
|
113
113
|
"storybook": "$storybook"
|
|
114
114
|
}
|
|
115
|
-
}
|
|
115
|
+
}
|
|
@@ -32,22 +32,4 @@ export const cards = [
|
|
|
32
32
|
name: 'Facebook cover',
|
|
33
33
|
pluralName: 'Facebook Covers',
|
|
34
34
|
},
|
|
35
|
-
{
|
|
36
|
-
editorUrl: '#',
|
|
37
|
-
imageUrl: 'https://bcassetcdn.com/assets/images/carousel/carousel-logo.png',
|
|
38
|
-
name: 'Logo design',
|
|
39
|
-
pluralName: 'Logo Designs',
|
|
40
|
-
},
|
|
41
|
-
{
|
|
42
|
-
editorUrl: '#',
|
|
43
|
-
imageUrl: 'https://bcassetcdn.com/assets/images/carousel/carousel-business-card.png',
|
|
44
|
-
name: 'Business card',
|
|
45
|
-
pluralName: 'Business Cards',
|
|
46
|
-
},
|
|
47
|
-
{
|
|
48
|
-
editorUrl: '#',
|
|
49
|
-
imageUrl: 'https://bcassetcdn.com/assets/images/carousel/carousel-facebook-cover.png',
|
|
50
|
-
name: 'Facebook cover',
|
|
51
|
-
pluralName: 'Facebook Covers',
|
|
52
|
-
},
|
|
53
35
|
];
|