@faststore/ui 3.41.5 → 3.42.0

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": "3.41.5",
3
+ "version": "3.42.0",
4
4
  "description": "A lightweight, framework agnostic component library for React",
5
5
  "author": "emersonlaurentino",
6
6
  "license": "MIT",
@@ -47,7 +47,7 @@
47
47
  }
48
48
  ],
49
49
  "dependencies": {
50
- "@faststore/components": "^3.41.3",
50
+ "@faststore/components": "^3.42.0",
51
51
  "include-media": "^1.4.10",
52
52
  "modern-normalize": "^1.1.0",
53
53
  "react-swipeable": "^7.0.0",
@@ -69,5 +69,5 @@
69
69
  "volta": {
70
70
  "extends": "../../package.json"
71
71
  },
72
- "gitHead": "0ad6934ab0c02ea870b3ca320b8386680920bf93"
72
+ "gitHead": "d8814aed0849211cb76d06b880c6d556bf1ac898"
73
73
  }
@@ -38,6 +38,12 @@
38
38
 
39
39
  // Item Price
40
40
  --fs-search-product-item-price-size : var(--fs-text-size-base);
41
+
42
+ // Item Control
43
+ --fs-search-product-item-control-actions-gap : var(--fs-spacing-1);
44
+
45
+ // Item Control
46
+ --fs-search-product-item-control-actions-gap : var(--fs-spacing-1);
41
47
 
42
48
  // --------------------------------------------------------
43
49
  // Structural Styles
@@ -53,7 +59,9 @@
53
59
  justify-content: space-between;
54
60
  min-height: var(--fs-search-products-min-height);
55
61
  padding: var(--fs-search-products-header-padding-top) var(--fs-search-products-padding-right) var(--fs-search-products-header-padding-bottom) var(--fs-search-products-padding-left);
56
- [data-fs-button] { white-space: nowrap; }
62
+ [data-fs-button] {
63
+ white-space: nowrap;
64
+ }
57
65
  }
58
66
 
59
67
  [data-fs-search-products-title] {
@@ -85,6 +93,10 @@
85
93
  padding-right: var(--fs-search-products-padding-right);
86
94
  }
87
95
 
96
+ [data-fs-search-product-item-content] {
97
+ flex-grow: 1;
98
+ }
99
+
88
100
  [data-fs-search-product-item-image] {
89
101
  display: flex;
90
102
  width: var(--fs-search-product-item-image-size);
@@ -114,4 +126,47 @@
114
126
  font-size: var(--fs-search-product-item-price-size);
115
127
  }
116
128
  }
129
+
130
+ [data-fs-search-product-item-control] {
131
+ display: flex;
132
+ justify-content: space-between;
133
+ width: 100%;
134
+ }
135
+
136
+ [data-fs-product-item-control-input] {
137
+ width: 4.625rem;
138
+ height: 100%;
139
+ text-align: center;
140
+ }
141
+
142
+ [data-fs-search-product-item-control-badge] {
143
+ margin-bottom: var(--fs-spacing-0);
144
+
145
+ & + [data-fs-search-product-item-title] {
146
+ font-weight: var(--fs-text-weight-medium);
147
+ color: var(--fs-color-text-light);
148
+ }
149
+ }
150
+
151
+ [data-fs-search-product-item-control-actions] {
152
+ display: flex;
153
+ margin-left: auto;
154
+ gap: var(--fs-search-product-item-control-actions-gap);
155
+ }
156
+
157
+ [data-fs-search-product-item-control-actions-desktop] {
158
+ display: none;
159
+
160
+ @include media(">tablet") {
161
+ display: block;
162
+ }
163
+ }
164
+
165
+ [data-fs-search-product-item-control-actions-mobile] {
166
+ display: block;
167
+
168
+ @include media(">tablet") {
169
+ display: none;
170
+ }
171
+ }
117
172
  }