@faststore/ui 2.2.56 → 2.2.63

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@faststore/ui",
3
- "version": "2.2.56",
3
+ "version": "2.2.63",
4
4
  "description": "A lightweight, framework agnostic component library for React",
5
5
  "author": "emersonlaurentino",
6
6
  "license": "MIT",
@@ -48,7 +48,7 @@
48
48
  }
49
49
  ],
50
50
  "dependencies": {
51
- "@faststore/components": "^2.2.56",
51
+ "@faststore/components": "^2.2.63",
52
52
  "include-media": "^1.4.10",
53
53
  "modern-normalize": "^1.1.0",
54
54
  "react-swipeable": "^7.0.0",
@@ -71,5 +71,5 @@
71
71
  "volta": {
72
72
  "extends": "../../package.json"
73
73
  },
74
- "gitHead": "8e96095ed20741066b2fe97e2ff7e9947f42032b"
74
+ "gitHead": "1723768de147478e2cfddc4671845b1802707e8c"
75
75
  }
@@ -24,6 +24,7 @@
24
24
  }
25
25
 
26
26
  &[data-fs-price-variant="spot"] {
27
+ line-height: 1.7;
27
28
  color: var(--fs-price-spot-color);
28
29
  font-weight: var(--fs-price-spot-font-weight);
29
30
  }
@@ -29,10 +29,6 @@
29
29
  --fs-cart-item-skus-column-gap : var(--fs-spacing-1);
30
30
  --fs-cart-item-skus-row-gap : var(--fs-spacing-0);
31
31
 
32
- // Prices
33
- --fs-cart-item-price-gap : var(--fs-spacing-1);
34
-
35
-
36
32
  // --------------------------------------------------------
37
33
  // Structural Styles
38
34
  // --------------------------------------------------------
@@ -90,9 +86,7 @@
90
86
  }
91
87
 
92
88
  [data-fs-cart-item-prices] {
93
- display: flex;
94
89
  align-items: baseline;
95
- column-gap: var(--fs-cart-item-price-gap);
96
90
  }
97
91
 
98
92
  [data-fs-cart-item-actions] {
@@ -35,7 +35,6 @@
35
35
  --fs-product-card-title-max-lines : var(--fs-text-max-lines);
36
36
 
37
37
  // Price
38
- --fs-product-card-price-gap : var(--fs-spacing-1);
39
38
  --fs-product-card-price-color : var(--fs-color-text);
40
39
  --fs-product-card-price-size : var(--fs-text-size-base);
41
40
 
@@ -140,7 +139,6 @@
140
139
  [data-fs-product-card-prices] {
141
140
  display: flex;
142
141
  align-items: center;
143
- column-gap: var(--fs-product-card-price-gap);
144
142
 
145
143
  [data-fs-price-variant="spot"] {
146
144
  font-size: var(--fs-product-card-price-size);
@@ -0,0 +1,15 @@
1
+ [data-fs-product-price] {
2
+ // --------------------------------------------------------
3
+ // Design Tokens for Product Price
4
+ // --------------------------------------------------------
5
+
6
+ --fs-product-price-gap : var(--fs-spacing-1);
7
+
8
+ // --------------------------------------------------------
9
+ // Structural Styles
10
+ // --------------------------------------------------------
11
+
12
+ display: flex;
13
+ align-items: center;
14
+ column-gap: var(--fs-product-price-gap);
15
+ }
@@ -37,7 +37,6 @@
37
37
  --fs-search-product-item-title-color : var(--fs-color-text);
38
38
 
39
39
  // Item Price
40
- --fs-search-product-item-price-gap : var(--fs-spacing-1);
41
40
  --fs-search-product-item-price-size : var(--fs-text-size-base);
42
41
 
43
42
  // --------------------------------------------------------
@@ -110,11 +109,9 @@
110
109
  [data-fs-search-product-item-prices] {
111
110
  display: flex;
112
111
  align-items: baseline;
113
- column-gap: var(--fs-search-product-item-price-gap);
114
112
 
115
113
  [data-fs-price-variant="spot"] {
116
114
  font-size: var(--fs-search-product-item-price-size);
117
115
  }
118
116
  }
119
117
  }
120
-
@@ -39,12 +39,12 @@
39
39
  margin-top: var(--fs-spacing-3);
40
40
  }
41
41
 
42
- [data-fs-price] {
43
- display: block;
44
-
45
- &[data-fs-price-variant="spot"] {
46
- margin: 0;
47
- font-weight: var(--fs-text-weight-black);
42
+ [data-fs-product-price] {
43
+ [data-fs-price-variant="spot"]{
44
+ margin: 0;
45
+ font-size: var(--fs-text-size-4);
46
+ font-weight: var(--fs-text-weight-black);
47
+ line-height: 1.12;
48
48
  }
49
49
  }
50
50
 
@@ -34,6 +34,7 @@
34
34
  @import "../components/molecules/OrderSummary/styles";
35
35
  @import "../components/molecules/ProductCard/styles";
36
36
  @import "../components/molecules/ProductCardSkeleton/styles";
37
+ @import "../components/molecules/ProductPrice/styles";
37
38
  @import "../components/molecules/ProductTile/styles";
38
39
  @import "../components/molecules/ProductTitle/styles";
39
40
  @import "../components/molecules/QuantitySelector/styles";