@faststore/core 2.1.48 → 2.1.49

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 (169) hide show
  1. package/.next/BUILD_ID +1 -0
  2. package/.next/build-manifest.json +129 -0
  3. package/.next/cache/.tsbuildinfo +1 -0
  4. package/.next/cache/config.json +7 -0
  5. package/.next/cache/eslint/.cache_1gneedd +1 -0
  6. package/.next/cache/next-server.js.nft.json +1 -0
  7. package/.next/cache/webpack/client-production/0.pack +0 -0
  8. package/.next/cache/webpack/client-production/index.pack +0 -0
  9. package/.next/cache/webpack/server-production/0.pack +0 -0
  10. package/.next/cache/webpack/server-production/index.pack +0 -0
  11. package/.next/export-marker.json +1 -0
  12. package/.next/images-manifest.json +1 -0
  13. package/.next/next-server.js.nft.json +1 -0
  14. package/.next/package.json +1 -0
  15. package/.next/prerender-manifest.json +1 -0
  16. package/.next/react-loadable-manifest.json +44 -0
  17. package/.next/required-server-files.json +1 -0
  18. package/.next/routes-manifest.json +1 -0
  19. package/.next/server/chunks/123.js +58 -0
  20. package/.next/server/chunks/143.js +106 -0
  21. package/.next/server/chunks/183.js +91 -0
  22. package/.next/server/chunks/184.js +61 -0
  23. package/.next/server/chunks/186.js +113 -0
  24. package/.next/server/chunks/247.js +61 -0
  25. package/.next/server/chunks/253.js +509 -0
  26. package/.next/server/chunks/269.js +517 -0
  27. package/.next/server/chunks/287.js +58 -0
  28. package/.next/server/chunks/289.js +239 -0
  29. package/.next/server/chunks/312.js +697 -0
  30. package/.next/server/chunks/350.js +143 -0
  31. package/.next/server/chunks/487.js +9142 -0
  32. package/.next/server/chunks/502.js +626 -0
  33. package/.next/server/chunks/576.js +91 -0
  34. package/.next/server/chunks/597.js +211 -0
  35. package/.next/server/chunks/650.js +9142 -0
  36. package/.next/server/chunks/676.js +32 -0
  37. package/.next/server/chunks/721.js +650 -0
  38. package/.next/server/chunks/74.js +4051 -0
  39. package/.next/server/chunks/81.js +1254 -0
  40. package/.next/server/chunks/825.js +4039 -0
  41. package/.next/server/chunks/854.js +72 -0
  42. package/.next/server/chunks/859.js +959 -0
  43. package/.next/server/chunks/886.js +120 -0
  44. package/.next/server/chunks/907.js +1911 -0
  45. package/.next/server/chunks/98.js +124 -0
  46. package/.next/server/chunks/font-manifest.json +1 -0
  47. package/.next/server/font-manifest.json +1 -0
  48. package/.next/server/middleware-build-manifest.js +1 -0
  49. package/.next/server/middleware-manifest.json +6 -0
  50. package/.next/server/middleware-react-loadable-manifest.js +1 -0
  51. package/.next/server/pages/404.js +386 -0
  52. package/.next/server/pages/404.js.nft.json +1 -0
  53. package/.next/server/pages/500.js +388 -0
  54. package/.next/server/pages/500.js.nft.json +1 -0
  55. package/.next/server/pages/[...slug].js +1005 -0
  56. package/.next/server/pages/[...slug].js.nft.json +1 -0
  57. package/.next/server/pages/[slug]/p.js +2366 -0
  58. package/.next/server/pages/[slug]/p.js.nft.json +1 -0
  59. package/.next/server/pages/_app.js +281 -0
  60. package/.next/server/pages/_app.js.nft.json +1 -0
  61. package/.next/server/pages/_document.js +352 -0
  62. package/.next/server/pages/_document.js.nft.json +1 -0
  63. package/.next/server/pages/_error.js +164 -0
  64. package/.next/server/pages/_error.js.nft.json +1 -0
  65. package/.next/server/pages/account.js +363 -0
  66. package/.next/server/pages/account.js.nft.json +1 -0
  67. package/.next/server/pages/api/graphql.js +365 -0
  68. package/.next/server/pages/api/graphql.js.nft.json +1 -0
  69. package/.next/server/pages/api/preview.js +148 -0
  70. package/.next/server/pages/api/preview.js.nft.json +1 -0
  71. package/.next/server/pages/checkout.js +363 -0
  72. package/.next/server/pages/checkout.js.nft.json +1 -0
  73. package/.next/server/pages/en-US/404.html +81 -0
  74. package/.next/server/pages/en-US/404.json +1 -0
  75. package/.next/server/pages/en-US/500.html +81 -0
  76. package/.next/server/pages/en-US/500.json +1 -0
  77. package/.next/server/pages/en-US/account.html +81 -0
  78. package/.next/server/pages/en-US/account.json +1 -0
  79. package/.next/server/pages/en-US/checkout.html +81 -0
  80. package/.next/server/pages/en-US/checkout.json +1 -0
  81. package/.next/server/pages/en-US/login.html +81 -0
  82. package/.next/server/pages/en-US/login.json +1 -0
  83. package/.next/server/pages/en-US/s.html +81 -0
  84. package/.next/server/pages/en-US/s.json +1 -0
  85. package/.next/server/pages/en-US.html +81 -0
  86. package/.next/server/pages/en-US.json +1 -0
  87. package/.next/server/pages/index.js +439 -0
  88. package/.next/server/pages/index.js.nft.json +1 -0
  89. package/.next/server/pages/login.js +368 -0
  90. package/.next/server/pages/login.js.nft.json +1 -0
  91. package/.next/server/pages/s.js +466 -0
  92. package/.next/server/pages/s.js.nft.json +1 -0
  93. package/.next/server/pages-manifest.json +16 -0
  94. package/.next/server/webpack-api-runtime.js +229 -0
  95. package/.next/server/webpack-runtime.js +229 -0
  96. package/.next/static/8N31Y8cETHTcgu0JN3srZ/_buildManifest.js +1 -0
  97. package/.next/static/8N31Y8cETHTcgu0JN3srZ/_ssgManifest.js +1 -0
  98. package/.next/static/chunks/143.dd8a556e6957baa1.js +1 -0
  99. package/.next/static/chunks/209-d1d2eeaeefbc68f7.js +1 -0
  100. package/.next/static/chunks/495.0ecd099878b2a36d.js +1 -0
  101. package/.next/static/chunks/502.b14533723651e5a1.js +1 -0
  102. package/.next/static/chunks/548-ab84e9e8b49413ab.js +1 -0
  103. package/.next/static/chunks/597.f8d0595b113c70af.js +1 -0
  104. package/.next/static/chunks/64.2f385ef39cd5877d.js +1 -0
  105. package/.next/static/chunks/651.7142f31ce1e052b3.js +1 -0
  106. package/.next/static/chunks/706-2646f0498b6476bc.js +1 -0
  107. package/.next/static/chunks/738-67a288ca3569cdbb.js +1 -0
  108. package/.next/static/chunks/741.52f7fb873418346f.js +1 -0
  109. package/.next/static/chunks/791-ca162aa335ec6439.js +1 -0
  110. package/.next/static/chunks/98.97381d2021f86cd9.js +1 -0
  111. package/.next/static/chunks/framework-dfd14d7ce6600b03.js +1 -0
  112. package/.next/static/chunks/main-fd466221927468fd.js +1 -0
  113. package/.next/static/chunks/pages/404-14d27e3706f3d2c3.js +1 -0
  114. package/.next/static/chunks/pages/500-250ccf5c9626e451.js +1 -0
  115. package/.next/static/chunks/pages/[...slug]-bcfaf0c5d60b57a0.js +1 -0
  116. package/.next/static/chunks/pages/[slug]/p-44e66d729b2413fb.js +1 -0
  117. package/.next/static/chunks/pages/_app-9b6c4be3c7a42b65.js +1 -0
  118. package/.next/static/chunks/pages/_error-a7a0c1d9bfbb4f38.js +1 -0
  119. package/.next/static/chunks/pages/account-d248acc931146694.js +1 -0
  120. package/.next/static/chunks/pages/checkout-97f6d6f36f041a6f.js +1 -0
  121. package/.next/static/chunks/pages/index-bdbfb082027ed2b7.js +1 -0
  122. package/.next/static/chunks/pages/login-b1bdf30c951bb60d.js +1 -0
  123. package/.next/static/chunks/pages/s-aabfa5c08338974a.js +1 -0
  124. package/.next/static/chunks/polyfills-c67a75d1b6f99dc8.js +1 -0
  125. package/.next/static/chunks/webpack-34d2a614c8d380bd.js +1 -0
  126. package/.next/static/css/527e334fa69cf40a.css +1 -0
  127. package/.next/static/css/6e1a7434f061d0ef.css +1 -0
  128. package/.next/static/css/740484ecd703982d.css +1 -0
  129. package/.next/static/css/a2eefb25a4608343.css +1 -0
  130. package/.next/static/css/b3f8dd61e5d35ef6.css +1 -0
  131. package/.next/static/css/cb7d1fcea42fab9c.css +1 -0
  132. package/.next/static/css/dcc281598933766a.css +1 -0
  133. package/.next/static/css/df588bb98c0b0ca6.css +1 -0
  134. package/.next/static/css/e3d648c53f88c1b9.css +1 -0
  135. package/.next/static/css/ebc1e9d3e686bad3.css +1 -0
  136. package/.next/trace +80 -0
  137. package/.turbo/turbo-build.log +4 -4
  138. package/package.json +3 -3
  139. package/public/~partytown/debug/partytown-atomics.js +556 -0
  140. package/public/~partytown/debug/partytown-media.js +374 -0
  141. package/public/~partytown/debug/partytown-sandbox-sw.js +543 -0
  142. package/public/~partytown/debug/partytown-sw.js +59 -0
  143. package/public/~partytown/debug/partytown-ww-atomics.js +1789 -0
  144. package/public/~partytown/debug/partytown-ww-sw.js +1781 -0
  145. package/public/~partytown/debug/partytown.js +72 -0
  146. package/public/~partytown/partytown-atomics.js +2 -0
  147. package/public/~partytown/partytown-media.js +2 -0
  148. package/public/~partytown/partytown-sw.js +2 -0
  149. package/public/~partytown/partytown.js +2 -0
  150. package/src/components/sections/BannerNewsletter/section.module.scss +7 -5
  151. package/src/components/sections/BannerText/section.module.scss +6 -4
  152. package/src/components/sections/Breadcrumb/section.module.scss +7 -5
  153. package/src/components/sections/EmptyState/section.module.scss +6 -4
  154. package/src/components/sections/Footer/section.module.scss +11 -9
  155. package/src/components/sections/Hero/section.module.scss +7 -5
  156. package/src/components/sections/Incentives/section.module.scss +7 -5
  157. package/src/components/sections/Navbar/section.module.scss +24 -22
  158. package/src/components/sections/Newsletter/section.module.scss +10 -8
  159. package/src/components/sections/ProductDetails/section.module.scss +26 -24
  160. package/src/components/sections/ProductGallery/section.module.scss +36 -34
  161. package/src/components/sections/ProductShelf/section.module.scss +30 -28
  162. package/src/components/sections/ProductTiles/section.module.scss +15 -13
  163. package/src/components/sections/RegionBar/section.module.scss +6 -4
  164. package/src/components/sections/ScrollToTopButton/section.module.scss +8 -6
  165. package/src/components/sections/Section/section.scss +6 -12
  166. package/src/styles/global/components.scss +3 -0
  167. package/src/styles/themes/custom-theme.scss +26 -24
  168. package/src/styles/themes/midnight.scss +39 -42
  169. package/src/styles/themes/soft-blue.scss +6 -8
package/src/components/sections/ProductShelf/section.module.scss CHANGED
@@ -1,39 +1,41 @@
1
- .section {
1
+ @layer components {
2
+ .section {
2
3
 
3
- [data-fs-content="product-shelf"] { @include layout-content-full; }
4
+ [data-fs-content="product-shelf"] { @include layout-content-full; }
4
5
 
5
- [data-fs-product-shelf-skeleton] {
6
- --fs-carousel-item-width-tablet : 14.2rem;
7
- --fs-carousel-item-margin-right : var(--fs-spacing-3);
6
+ [data-fs-product-shelf-skeleton] {
7
+ --fs-carousel-item-width-tablet : 14.2rem;
8
+ --fs-carousel-item-margin-right : var(--fs-spacing-3);
8
9
 
9
- padding-bottom: var(--fs-spacing-5);
10
+ padding-bottom: var(--fs-spacing-5);
10
11
 
11
- [data-fs-product-shelf-items] { @include layout-content; }
12
+ [data-fs-product-shelf-items] { @include layout-content; }
12
13
 
13
- @include media("<tablet") {
14
- [data-fs-product-shelf-item] {
15
- &:not(:last-of-type) {
16
- margin-right: var(--fs-carousel-item-margin-right);
14
+ @include media("<tablet") {
15
+ [data-fs-product-shelf-item] {
16
+ &:not(:last-of-type) {
17
+ margin-right: var(--fs-carousel-item-margin-right);
18
+ }
17
19
  }
18
- }
19
20
 
20
- [data-fs-product-card-skeleton] {
21
- width: var(--fs-carousel-item-width-tablet);
21
+ [data-fs-product-card-skeleton] {
22
+ width: var(--fs-carousel-item-width-tablet);
23
+ }
22
24
  }
23
25
  }
24
- }
25
26
 
26
- @import "@faststore/ui/src/components/atoms/Badge/styles";
27
- @import "@faststore/ui/src/components/atoms/Button/styles";
28
- @import "@faststore/ui/src/components/atoms/Icon/styles";
29
- @import "@faststore/ui/src/components/atoms/Link/styles";
30
- @import "@faststore/ui/src/components/atoms/Price/styles";
31
- @import "@faststore/ui/src/components/atoms/SROnly/styles";
32
- @import "@faststore/ui/src/components/atoms/Skeleton/styles";
33
- @import "@faststore/ui/src/components/molecules/Carousel/styles";
34
- @import "@faststore/ui/src/components/molecules/DiscountBadge/styles";
35
- @import "@faststore/ui/src/components/molecules/Rating/styles";
36
- @import "@faststore/ui/src/components/molecules/ProductCard/styles";
37
- @import "@faststore/ui/src/components/molecules/ProductCardSkeleton/styles";
38
- @import "@faststore/ui/src/components/organisms/ProductShelf/styles";
27
+ @import "@faststore/ui/src/components/atoms/Badge/styles";
28
+ @import "@faststore/ui/src/components/atoms/Button/styles";
29
+ @import "@faststore/ui/src/components/atoms/Icon/styles";
30
+ @import "@faststore/ui/src/components/atoms/Link/styles";
31
+ @import "@faststore/ui/src/components/atoms/Price/styles";
32
+ @import "@faststore/ui/src/components/atoms/SROnly/styles";
33
+ @import "@faststore/ui/src/components/atoms/Skeleton/styles";
34
+ @import "@faststore/ui/src/components/molecules/Carousel/styles";
35
+ @import "@faststore/ui/src/components/molecules/DiscountBadge/styles";
36
+ @import "@faststore/ui/src/components/molecules/Rating/styles";
37
+ @import "@faststore/ui/src/components/molecules/ProductCard/styles";
38
+ @import "@faststore/ui/src/components/molecules/ProductCardSkeleton/styles";
39
+ @import "@faststore/ui/src/components/organisms/ProductShelf/styles";
40
+ }
39
41
  }
package/src/components/sections/ProductTiles/section.module.scss CHANGED
@@ -1,14 +1,16 @@
1
- .section {
2
- @import "@faststore/ui/src/components/atoms/Badge/styles";
3
- @import "@faststore/ui/src/components/atoms/Button/styles";
4
- @import "@faststore/ui/src/components/atoms/Icon/styles";
5
- @import "@faststore/ui/src/components/atoms/Link/styles";
6
- @import "@faststore/ui/src/components/atoms/Price/styles";
7
- @import "@faststore/ui/src/components/atoms/Skeleton/styles";
8
- @import "@faststore/ui/src/components/atoms/SROnly/styles";
9
- @import "@faststore/ui/src/components/molecules/DiscountBadge/styles";
10
- @import "@faststore/ui/src/components/molecules/Rating/styles";
11
- @import "@faststore/ui/src/components/molecules/ProductTile/styles";
12
- @import "@faststore/ui/src/components/molecules/ProductCard/styles";
13
- @import "@faststore/ui/src/components/organisms/Tiles/styles";
1
+ @layer components {
2
+ .section {
3
+ @import "@faststore/ui/src/components/atoms/Badge/styles";
4
+ @import "@faststore/ui/src/components/atoms/Button/styles";
5
+ @import "@faststore/ui/src/components/atoms/Icon/styles";
6
+ @import "@faststore/ui/src/components/atoms/Link/styles";
7
+ @import "@faststore/ui/src/components/atoms/Price/styles";
8
+ @import "@faststore/ui/src/components/atoms/Skeleton/styles";
9
+ @import "@faststore/ui/src/components/atoms/SROnly/styles";
10
+ @import "@faststore/ui/src/components/molecules/DiscountBadge/styles";
11
+ @import "@faststore/ui/src/components/molecules/Rating/styles";
12
+ @import "@faststore/ui/src/components/molecules/ProductTile/styles";
13
+ @import "@faststore/ui/src/components/molecules/ProductCard/styles";
14
+ @import "@faststore/ui/src/components/organisms/Tiles/styles";
15
+ }
14
16
  }
package/src/components/sections/RegionBar/section.module.scss CHANGED
@@ -1,5 +1,7 @@
1
- .section {
2
- @import "@faststore/ui/src/components/atoms/Icon/styles.scss";
3
- @import "@faststore/ui/src/components/atoms/Button/styles.scss";
4
- @import "@faststore/ui/src/components/molecules/RegionBar/styles.scss";
1
+ @layer components {
2
+ .section {
3
+ @import "@faststore/ui/src/components/atoms/Icon/styles.scss";
4
+ @import "@faststore/ui/src/components/atoms/Button/styles.scss";
5
+ @import "@faststore/ui/src/components/molecules/RegionBar/styles.scss";
6
+ }
5
7
  }
package/src/components/sections/ScrollToTopButton/section.module.scss CHANGED
@@ -1,8 +1,10 @@
1
- .section {
2
- display: flex;
3
- justify-content: center;
4
- padding-bottom: var(--fs-spacing-8);
1
+ @layer components {
2
+ .section {
3
+ display: flex;
4
+ justify-content: center;
5
+ padding-bottom: var(--fs-spacing-8);
5
6
 
6
- @import "@faststore/ui/src/components/atoms/Icon/styles.scss";
7
- @import "@faststore/ui/src/components/atoms/Button/styles.scss";
7
+ @import "@faststore/ui/src/components/atoms/Icon/styles.scss";
8
+ @import "@faststore/ui/src/components/atoms/Button/styles.scss";
9
+ }
8
10
  }
package/src/components/sections/Section/section.scss CHANGED
@@ -1,15 +1,9 @@
1
- .section {
2
- width: 100%;
1
+ @layer components {
2
+ .section {
3
+ width: 100%;
3
4
 
4
- .text__title-section {
5
- margin-bottom: var(--fs-spacing-3);
5
+ .text__title-section {
6
+ margin-bottom: var(--fs-spacing-3);
7
+ }
6
8
  }
7
9
  }
8
-
9
- // TODO: Consider removing this and use the divisor mixins
10
- .section__divisor {
11
- padding-top: var(--fs-spacing-5);
12
- border-top: var(--fs-border-width) solid var(--fs-border-color-light);
13
-
14
- @include media(">=notebook") { padding-top: var(--fs-spacing-8); }
15
- }
package/src/styles/global/components.scss CHANGED
@@ -1,3 +1,6 @@
1
+ /* establish a layer order up-front, FS UI base styles has the lowest priority */
2
+ @layer base, components, theme;
3
+
1
4
  // Sections
2
5
  @import "@faststore/ui/src/components/atoms/Overlay/styles.scss";
3
6
  @import "@faststore/ui/src/components/atoms/SROnly/styles.scss";
package/src/styles/themes/custom-theme.scss CHANGED
@@ -3,35 +3,37 @@
3
3
  // Custom Theme
4
4
  // ----------------------------------------------------------
5
5
 
6
- .custom-theme {
7
- // --------------------------------------------------------
8
- // Colors (Branding Core)
9
- // --------------------------------------------------------
6
+ @layer theme {
7
+ .custom-theme {
8
+ // --------------------------------------------------------
9
+ // Colors (Branding Core)
10
+ // --------------------------------------------------------
10
11
 
11
- // --------------------------------------------------------
12
- // Typography (Branding Core)
13
- // --------------------------------------------------------
12
+ // --------------------------------------------------------
13
+ // Typography (Branding Core)
14
+ // --------------------------------------------------------
14
15
 
15
- // --------------------------------------------------------
16
- // Spacing (UI Essentials)
17
- // --------------------------------------------------------
16
+ // --------------------------------------------------------
17
+ // Spacing (UI Essentials)
18
+ // --------------------------------------------------------
18
19
 
19
- // --------------------------------------------------------
20
- // Grid & Layout (UI Essentials)
21
- // --------------------------------------------------------
20
+ // --------------------------------------------------------
21
+ // Grid & Layout (UI Essentials)
22
+ // --------------------------------------------------------
22
23
 
23
- // --------------------------------------------------------
24
- // Interactive Controls (UI Essentials)
25
- // --------------------------------------------------------
24
+ // --------------------------------------------------------
25
+ // Interactive Controls (UI Essentials)
26
+ // --------------------------------------------------------
26
27
 
27
- // --------------------------------------------------------
28
- // Refinements
29
- // --------------------------------------------------------
28
+ // --------------------------------------------------------
29
+ // Refinements
30
+ // --------------------------------------------------------
30
31
 
31
- // --------------------------------------------------------
32
- // FS UI Components
33
- // --------------------------------------------------------
34
- .section {
35
- // Add here the customizations for FastStore UI components
32
+ // --------------------------------------------------------
33
+ // FS UI Components
34
+ // --------------------------------------------------------
35
+ .section {
36
+ // Add here the customizations for FastStore UI components
37
+ }
36
38
  }
37
39
  }
package/src/styles/themes/midnight.scss CHANGED
@@ -93,62 +93,59 @@
93
93
  // --------------------------------------------------------
94
94
  // FS UI Components
95
95
  // --------------------------------------------------------
96
+ // Add here the customizations for FastStore UI components.
96
97
 
97
98
  --fs-logo-width: 8rem;
98
99
 
99
- .section {
100
- // Add here the customizations for FastStore UI components.
101
-
102
- [data-fs-skeleton] {
103
- --fs-skeleton-shimmer-bkg-color: var(--fs-color-disabled-bkg);
104
- }
100
+ [data-fs-skeleton] {
101
+ --fs-skeleton-shimmer-bkg-color: var(--fs-color-disabled-bkg);
102
+ }
105
103
 
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
- }
104
+ [data-fs-hero] {
105
+ --fs-hero-image-border-radius: 130px 0 0 130px;
106
+ --fs-hero-main-bkg-color: var(--fs-color-main-1);
107
+ }
110
108
 
111
- [data-fs-button] {
112
- --fs-button-border-radius: var(--fs-border-radius-pill);
109
+ [data-fs-button] {
110
+ --fs-button-border-radius: var(--fs-border-radius-pill);
113
111
 
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);
112
+ --fs-button-primary-inverse-text-color: var(--fs-color-neutral-0);
113
+ --fs-button-primary-inverse-text-color-hover: var(--fs-color-text);
114
+ --fs-button-primary-inverse-text-color-active: var(--fs-color-neutral-7);
117
115
 
118
- --fs-button-primary-border-color: var(--fs-color-neutral-7);
116
+ --fs-button-primary-border-color: var(--fs-color-neutral-7);
119
117
 
120
- --fs-button-tertiary-text-color-active: var(--fs-color-text);
121
- }
118
+ --fs-button-tertiary-text-color-active: var(--fs-color-text);
119
+ }
122
120
 
123
- [data-fs-input] {
124
- --fs-input-text-size: 16px;
121
+ [data-fs-input] {
122
+ --fs-input-text-size: 16px;
125
123
 
126
- background-color: var(--fs-color-body-bkg);
127
- }
124
+ background-color: var(--fs-color-body-bkg);
125
+ }
128
126
 
129
- [data-fs-input-field] {
130
- --fs-input-field-size: 16px;
131
- }
127
+ [data-fs-input-field] {
128
+ --fs-input-field-size: 16px;
129
+ }
132
130
 
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
- }
131
+ [data-fs-product-card] {
132
+ --fs-product-card-padding:
133
+ var(--fs-spacing-2) var(--fs-spacing-2) var(
134
+ --fs-spacing-4
135
+ ) var(--fs-spacing-2);
136
+ --fs-product-card-bkg-color: var(--fs-color-main-0);
137
+ --fs-product-card-img-scale-hover: 1.05;
138
+ }
141
139
 
142
- [data-fs-newsletter] {
143
- --fs-newsletter-text-color: var(--fs-color-text-display);
144
- }
140
+ [data-fs-newsletter] {
141
+ --fs-newsletter-text-color: var(--fs-color-text-display);
142
+ }
145
143
 
146
- [data-fs-navbar] {
147
- --fs-navbar-bkg-color: var(--fs-color-main-0);
148
- }
144
+ [data-fs-navbar] {
145
+ --fs-navbar-bkg-color: var(--fs-color-main-0);
146
+ }
149
147
 
150
- [data-fs-footer] {
151
- --fs-footer-bkg-color: var(--fs-color-main-0);
152
- }
148
+ [data-fs-footer] {
149
+ --fs-footer-bkg-color: var(--fs-color-main-0);
153
150
  }
154
151
  }
package/src/styles/themes/soft-blue.scss CHANGED
@@ -60,18 +60,16 @@
60
60
  // --------------------------------------------------------
61
61
  // FS UI Components
62
62
  // --------------------------------------------------------
63
+ // Add here the customizations for FastStore UI components.
63
64
 
64
65
  --fs-logo-width: 8rem;
65
66
 
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);
67
+ [data-fs-product-card] {
68
+ --fs-product-card-border-color: transparent;
69
+ --fs-product-card-border-color-hover: var(--fs-border-color-light);
71
70
 
72
- &[data-fs-product-card-bordered="true"] {
73
- --fs-product-card-border-color: var(--fs-border-color-light);
74
- }
71
+ &[data-fs-product-card-bordered="true"] {
72
+ --fs-product-card-border-color: var(--fs-border-color-light);
75
73
  }
76
74
  }
77
75
  }