@faststore/core 2.1.42 → 2.1.43

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 (43) hide show
  1. package/.next/BUILD_ID +1 -1
  2. package/.next/build-manifest.json +25 -25
  3. package/.next/cache/config.json +3 -3
  4. package/.next/cache/eslint/.cache_1gneedd +1 -1
  5. package/.next/cache/next-server.js.nft.json +1 -1
  6. package/.next/cache/webpack/client-production/0.pack +0 -0
  7. package/.next/cache/webpack/client-production/index.pack +0 -0
  8. package/.next/cache/webpack/server-production/0.pack +0 -0
  9. package/.next/cache/webpack/server-production/index.pack +0 -0
  10. package/.next/next-server.js.nft.json +1 -1
  11. package/.next/prerender-manifest.json +1 -1
  12. package/.next/routes-manifest.json +1 -1
  13. package/.next/server/middleware-build-manifest.js +1 -1
  14. package/.next/server/pages/404.js.nft.json +1 -1
  15. package/.next/server/pages/500.js.nft.json +1 -1
  16. package/.next/server/pages/[...slug].js.nft.json +1 -1
  17. package/.next/server/pages/[slug]/p.js.nft.json +1 -1
  18. package/.next/server/pages/_app.js.nft.json +1 -1
  19. package/.next/server/pages/account.js.nft.json +1 -1
  20. package/.next/server/pages/checkout.js.nft.json +1 -1
  21. package/.next/server/pages/en-US/404.html +2 -2
  22. package/.next/server/pages/en-US/500.html +2 -2
  23. package/.next/server/pages/en-US/account.html +2 -2
  24. package/.next/server/pages/en-US/checkout.html +2 -2
  25. package/.next/server/pages/en-US/login.html +2 -2
  26. package/.next/server/pages/en-US/s.html +2 -2
  27. package/.next/server/pages/en-US.html +2 -2
  28. package/.next/server/pages/index.js.nft.json +1 -1
  29. package/.next/server/pages/login.js.nft.json +1 -1
  30. package/.next/server/pages/s.js.nft.json +1 -1
  31. package/.next/server/pages-manifest.json +4 -4
  32. package/.next/static/chunks/548-6b23e7ad82cd22b9.js +1 -0
  33. package/.next/static/chunks/{706-2646f0498b6476bc.js → 706-46ea1927d92fad00.js} +1 -1
  34. package/.next/static/chunks/{738-67a288ca3569cdbb.js → 738-a5ff304828f20cbf.js} +1 -1
  35. package/.next/static/chunks/{791-ca162aa335ec6439.js → 791-5b3d23f5b6100959.js} +1 -1
  36. package/.next/static/{j0SXcZ7jApFgePzyFcY3r → xuamEe4pUMWQZDqQPbwWE}/_buildManifest.js +1 -1
  37. package/.next/trace +80 -80
  38. package/package.json +2 -2
  39. package/src/styles/themes/custom-theme.scss +4 -1
  40. package/src/styles/themes/midnight.scss +101 -71
  41. package/src/styles/themes/soft-blue.scss +37 -36
  42. package/.next/static/chunks/548-ab84e9e8b49413ab.js +0 -1
  43. /package/.next/static/{j0SXcZ7jApFgePzyFcY3r → xuamEe4pUMWQZDqQPbwWE}/_ssgManifest.js +0 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@faststore/core",
3
- "version": "2.1.42",
3
+ "version": "2.1.43",
4
4
  "license": "MIT",
5
5
  "browserslist": "supports es6-module and not dead",
6
6
  "scripts": {
@@ -110,5 +110,5 @@
110
110
  "msw": {
111
111
  "workerDirectory": "public"
112
112
  },
113
- "gitHead": "1669e1bd5269a43c2391a4d4c5be67d4a9518475"
113
+ "gitHead": "fcadc8fda9a08286f5e44961dbd265f748dd291d"
114
114
  }
package/src/styles/themes/custom-theme.scss CHANGED
@@ -29,6 +29,9 @@
29
29
  // --------------------------------------------------------
30
30
 
31
31
  // --------------------------------------------------------
32
- // Components
32
+ // FS UI Components
33
33
  // --------------------------------------------------------
34
+ .section {
35
+ // Add here the customizations for FastStore UI components
36
+ }
34
37
  }
package/src/styles/themes/midnight.scss CHANGED
@@ -9,116 +9,146 @@
9
9
  // --------------------------------------------------------
10
10
 
11
11
  // PALETTE
12
- --fs-color-main-0 : #0b0022;
13
- --fs-color-main-1 : #13013e;
14
- --fs-color-main-2 : #190054;
15
- --fs-color-main-3 : #41208d;
16
- --fs-color-main-4 : #6535d6;
17
-
18
- --fs-color-accent-0 : #25046d;
19
- --fs-color-accent-1 : #001082;
20
- --fs-color-accent-2 : #0017b9;
21
- --fs-color-accent-3 : #1930d3;
22
- --fs-color-accent-4 : #4d62ff;
23
-
24
- --fs-color-neutral-0 : #110035;
25
- --fs-color-neutral-1 : #260f5a;
26
- --fs-color-neutral-2 : #74808b;
27
- --fs-color-neutral-3 : #9099a2;
28
- --fs-color-neutral-4 : #c7ccd1;
29
- --fs-color-neutral-5 : #e3e6e8;
30
- --fs-color-neutral-6 : #816ba9;
31
- --fs-color-neutral-7 : #dfd2fc;
12
+ --fs-color-main-0: #0b0022;
13
+ --fs-color-main-1: #13013e;
14
+ --fs-color-main-2: #190054;
15
+ --fs-color-main-3: #41208d;
16
+ --fs-color-main-4: #6535d6;
17
+
18
+ --fs-color-accent-0: #25046d;
19
+ --fs-color-accent-1: #001082;
20
+ --fs-color-accent-2: #0017b9;
21
+ --fs-color-accent-3: #1930d3;
22
+ --fs-color-accent-4: #4d62ff;
23
+
24
+ --fs-color-neutral-0: #110035;
25
+ --fs-color-neutral-1: #260f5a;
26
+ --fs-color-neutral-2: #74808b;
27
+ --fs-color-neutral-3: #9099a2;
28
+ --fs-color-neutral-4: #c7ccd1;
29
+ --fs-color-neutral-5: #e3e6e8;
30
+ --fs-color-neutral-6: #816ba9;
31
+ --fs-color-neutral-7: #dfd2fc;
32
32
 
33
33
  // HIERARCHY
34
- --fs-color-primary-bkg : var(--fs-color-main-3);
35
- --fs-color-primary-bkg-light : var(--fs-color-main-2);
36
- --fs-color-primary-text : var(--fs-color-neutral-7);
34
+ --fs-color-primary-bkg: var(--fs-color-main-3);
35
+ --fs-color-primary-bkg-light: var(--fs-color-main-2);
36
+ --fs-color-primary-text: var(--fs-color-neutral-7);
37
37
 
38
- --fs-color-secondary-text : var(--fs-color-neutral-7);
38
+ --fs-color-secondary-text: var(--fs-color-neutral-7);
39
39
 
40
- --fs-color-tertiary-bkg-hover : var(--fs-color-main-2);
41
- --fs-color-tertiary-bkg-active : var(--fs-color-main-3);
40
+ --fs-color-tertiary-bkg-hover: var(--fs-color-main-2);
41
+ --fs-color-tertiary-bkg-active: var(--fs-color-main-3);
42
42
 
43
- // // COMPONENTS & STATES
44
- --fs-color-body-bkg : var(--fs-color-main-0);
43
+ // COMPONENTS & STATES
44
+ --fs-color-body-bkg: var(--fs-color-main-0);
45
+ --fs-body-bkg:
46
+ linear-gradient(
47
+ 0deg,
48
+ var(--fs-color-main-0) 0%,
49
+ var(--fs-color-main-2) 20%,
50
+ var(--fs-color-main-0) 100%
51
+ );
45
52
 
46
- --fs-color-text-display : var(--fs-color-neutral-7);
53
+ --fs-color-text-display: var(--fs-color-neutral-7);
47
54
 
48
- --fs-color-link : var(--fs-color-neutral-7);
55
+ --fs-color-link: var(--fs-color-neutral-7);
56
+ --fs-color-link-inverse: var(--fs-color-neutral-7);
49
57
 
50
58
  // SITUATIONS
51
- --fs-color-success-text : #50b191;
52
- --fs-color-success-bkg : #007043;
53
- --fs-color-warning-bkg : #b17000;
59
+ --fs-color-success-text: #50b191;
60
+ --fs-color-success-bkg: #007043;
61
+ --fs-color-warning-bkg: #b17000;
62
+ --fs-color-disabled-bkg: var(--fs-color-main-3);
54
63
 
55
64
  // --------------------------------------------------------
56
65
  // Typography (Branding Core)
57
66
  // --------------------------------------------------------
58
67
 
59
68
  // FACE
60
- --fs-text-face-body : "Raleway", sans-serif;
69
+ --fs-text-face-body: "Raleway", sans-serif;
61
70
 
62
71
  // NUMERIC SCALE
63
- --fs-text-size-base : 18px; // 1rem
64
- --fs-text-size-0 : 14px; // Smallest
65
- --fs-text-size-1 : 16px; // Smaller
72
+ --fs-text-size-base: 18px; // 1rem
73
+ --fs-text-size-0: 14px; // Smallest
74
+ --fs-text-size-1: 16px; // Smaller
66
75
 
67
76
  // --------------------------------------------------------
68
77
  // Refinements
69
78
  // --------------------------------------------------------
70
79
 
71
80
  // BORDERS
72
- --fs-border-radius : 20px;
81
+ --fs-border-radius: 20px;
73
82
 
74
- --fs-border-width : 2px;
83
+ --fs-border-width: 2px;
75
84
 
76
- --fs-border-color-light : var(--fs-color-main-3);
77
- --fs-border-color : var(--fs-color-main-3);
78
- --fs-border-color-hover : var(--fs-color-main-2);
79
- --fs-border-color-active : var(--fs-color-main-3);
85
+ --fs-border-color-light: var(--fs-color-main-3);
86
+ --fs-border-color: var(--fs-color-main-3);
87
+ --fs-border-color-hover: var(--fs-color-main-2);
88
+ --fs-border-color-active: var(--fs-color-main-3);
80
89
 
81
90
  // SHADOW
82
- --fs-shadow-hover : 0 0 10px rgb(40 21 132 / 30%), 0 0 0 10px var(--fs-color-main-1);
91
+ --fs-shadow-hover: 0 0 10px rgb(40 21 132 / 30%), 0 0 0 10px var(--fs-color-main-1);
83
92
 
84
93
  // --------------------------------------------------------
85
- // Components
94
+ // FS UI Components
86
95
  // --------------------------------------------------------
87
96
 
88
- --fs-body-bkg : linear-gradient(0deg, var(--fs-color-main-0) 0%, var(--fs-color-main-2) 20%, var(--fs-color-main-0) 100%);
97
+ --fs-logo-width: 8rem;
89
98
 
90
- [data-fs-hero] {
91
- --fs-hero-image-border-radius : 130px 0 0 130px;
92
- --fs-hero-main-bkg-color : var(--fs-color-main-1);
93
- }
99
+ .section {
100
+ // Add here the customizations for FastStore UI components.
94
101
 
95
- [data-fs-button] {
96
- --fs-button-border-radius : var(--fs-border-radius-pill);
102
+ [data-fs-skeleton] {
103
+ --fs-skeleton-shimmer-bkg-color: var(--fs-color-disabled-bkg);
104
+ }
97
105
 
98
- --fs-button-primary-inverse-text-color : var(--fs-color-neutral-0);
99
- --fs-button-primary-inverse-text-color-hover : var(--fs-color-text);
100
- --fs-button-primary-inverse-text-color-active : var(--fs-color-neutral-7);
106
+ [data-fs-hero] {
107
+ --fs-hero-image-border-radius: 130px 0 0 130px;
108
+ --fs-hero-main-bkg-color: var(--fs-color-main-1);
109
+ }
101
110
 
102
- --fs-button-primary-border-color : var(--fs-color-neutral-7);
111
+ [data-fs-button] {
112
+ --fs-button-border-radius: var(--fs-border-radius-pill);
103
113
 
104
- --fs-button-tertiary-text-color-active : var(--fs-color-text);
105
- }
114
+ --fs-button-primary-inverse-text-color: var(--fs-color-neutral-0);
115
+ --fs-button-primary-inverse-text-color-hover: var(--fs-color-text);
116
+ --fs-button-primary-inverse-text-color-active: var(--fs-color-neutral-7);
106
117
 
107
- [data-fs-product-card] {
108
- --fs-product-card-padding : var(--fs-spacing-2) var(--fs-spacing-2) var(--fs-spacing-4) var(--fs-spacing-2);
109
- --fs-product-card-bkg-color : var(--fs-color-main-0);
110
- --fs-product-card-img-scale-hover : 1.05;
111
- }
118
+ --fs-button-primary-border-color: var(--fs-color-neutral-7);
112
119
 
113
- [data-fs-logo] {
114
- --fs-logo-width : 8rem;
115
- }
120
+ --fs-button-tertiary-text-color-active: var(--fs-color-text);
121
+ }
116
122
 
117
- [data-fs-navbar] {
118
- --fs-navbar-bkg-color: var(--fs-color-main-0);
119
- }
123
+ [data-fs-input] {
124
+ --fs-input-text-size: 16px;
125
+
126
+ background-color: var(--fs-color-body-bkg);
127
+ }
128
+
129
+ [data-fs-input-field] {
130
+ --fs-input-field-size: 16px;
131
+ }
132
+
133
+ [data-fs-product-card] {
134
+ --fs-product-card-padding:
135
+ var(--fs-spacing-2) var(--fs-spacing-2) var(
136
+ --fs-spacing-4
137
+ ) var(--fs-spacing-2);
138
+ --fs-product-card-bkg-color: var(--fs-color-main-0);
139
+ --fs-product-card-img-scale-hover: 1.05;
140
+ }
141
+
142
+ [data-fs-newsletter] {
143
+ --fs-newsletter-text-color: var(--fs-color-text-display);
144
+ }
145
+
146
+ [data-fs-navbar] {
147
+ --fs-navbar-bkg-color: var(--fs-color-main-0);
148
+ }
120
149
 
121
- [data-fs-footer] {
122
- --fs-footer-bkg-color : var(--fs-color-main-0);
150
+ [data-fs-footer] {
151
+ --fs-footer-bkg-color: var(--fs-color-main-0);
152
+ }
123
153
  }
124
154
  }
package/src/styles/themes/soft-blue.scss CHANGED
@@ -9,68 +9,69 @@
9
9
  // --------------------------------------------------------
10
10
 
11
11
  // PALETTE
12
- --fs-color-main-0 : #ecf0ff;
13
- --fs-color-main-1 : #d8e2ff;
14
- --fs-color-main-2 : #00419e;
15
- --fs-color-main-3 : #002c71;
16
- --fs-color-main-4 : #001947;
17
-
18
- --fs-color-accent-0 : #ebdcff;
19
- --fs-color-accent-1 : #8d50fd;
20
- --fs-color-accent-2 : #732fe2;
21
- --fs-color-accent-3 : #5900c8;
22
- --fs-color-accent-4 : #4700a0;
12
+ --fs-color-main-0: #ecf0ff;
13
+ --fs-color-main-1: #d8e2ff;
14
+ --fs-color-main-2: #00419e;
15
+ --fs-color-main-3: #002c71;
16
+ --fs-color-main-4: #001947;
17
+
18
+ --fs-color-accent-0: #ebdcff;
19
+ --fs-color-accent-1: #8d50fd;
20
+ --fs-color-accent-2: #732fe2;
21
+ --fs-color-accent-3: #5900c8;
22
+ --fs-color-accent-4: #4700a0;
23
23
 
24
24
  // HIERARCHY
25
- --fs-color-primary-bkg : var(--fs-color-main-4);
26
- --fs-color-primary-bkg-active : var(--fs-color-main-2);
27
- --fs-color-primary-bkg-light : var(--fs-color-main-0);
28
- --fs-color-primary-bkg-light-active : var(--fs-color-main-1);
25
+ --fs-color-primary-bkg: var(--fs-color-main-4);
26
+ --fs-color-primary-bkg-active: var(--fs-color-main-2);
27
+ --fs-color-primary-bkg-light: var(--fs-color-main-0);
28
+ --fs-color-primary-bkg-light-active: var(--fs-color-main-1);
29
29
 
30
30
  // SITUATIONS
31
- --fs-color-success-bkg : #cee8de;
32
- --fs-color-warning-bkg : #f6e0ba;
31
+ --fs-color-success-bkg: #cee8de;
32
+ --fs-color-warning-bkg: #f6e0ba;
33
33
 
34
34
  // COMPONENTS & STATES
35
- --fs-color-text-display : var(--fs-color-main-4);
35
+ --fs-color-text-display: var(--fs-color-main-4);
36
36
 
37
- --fs-color-action-bkg : var(--fs-color-accent-3);
38
- --fs-color-action-bkg-hover : var(--fs-color-accent-2);
39
- --fs-color-action-bkg-active : var(--fs-color-accent-1);
37
+ --fs-color-action-bkg: var(--fs-color-accent-3);
38
+ --fs-color-action-bkg-hover: var(--fs-color-accent-2);
39
+ --fs-color-action-bkg-active: var(--fs-color-accent-1);
40
40
 
41
41
  // --------------------------------------------------------
42
42
  // Typography (Branding Core)
43
43
  // --------------------------------------------------------
44
44
 
45
45
  // FACE
46
- --fs-text-face-body : "Lato", -apple-system, system-ui, BlinkMacSystemFont, sans-serif;
46
+ --fs-text-face-body: "Lato", -apple-system, system-ui, BlinkMacSystemFont, sans-serif;
47
47
 
48
48
  // --------------------------------------------------------
49
49
  // Refinements
50
50
  // --------------------------------------------------------
51
51
 
52
52
  // BORDERS
53
- --fs-border-radius : .25rem;
53
+ --fs-border-radius: 0.25rem;
54
54
 
55
55
  // SHADOW
56
- --fs-shadow : none;
57
- --fs-shadow-darker : 0 0 10px rgb(0 0 0 / 20%);
58
- --fs-shadow-hover : 0 1px 4px rgb(0 0 0 / 10%), 0 6px 8px rgb(0 0 0 / 10%);
56
+ --fs-shadow: none;
57
+ --fs-shadow-darker: 0 0 10px rgb(0 0 0 / 20%);
58
+ --fs-shadow-hover: 0 1px 4px rgb(0 0 0 / 10%), 0 6px 8px rgb(0 0 0 / 10%);
59
59
 
60
60
  // --------------------------------------------------------
61
- // Components
61
+ // FS UI Components
62
62
  // --------------------------------------------------------
63
63
 
64
- [data-fs-product-card] {
65
- --fs-product-card-border-color : transparent;
66
- --fs-product-card-border-color-hover : var(--fs-border-color-light);
64
+ --fs-logo-width: 8rem;
67
65
 
68
- &[data-fs-product-card-bordered="true"] {
69
- --fs-product-card-border-color : var(--fs-border-color-light);
70
- }
71
- }
66
+ .section {
67
+ // Add here the customizations for FastStore UI components.
68
+ [data-fs-product-card] {
69
+ --fs-product-card-border-color: transparent;
70
+ --fs-product-card-border-color-hover: var(--fs-border-color-light);
72
71
 
73
- [data-fs-logo] {
74
- --fs-logo-width : 8rem;
72
+ &[data-fs-product-card-bordered="true"] {
73
+ --fs-product-card-border-color: var(--fs-border-color-light);
74
+ }
75
+ }
75
76
  }
76
77
  }