@faststore/ui 3.9.0 → 3.11.2
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.
|
|
3
|
+
"version": "3.11.2",
|
|
4
4
|
"description": "A lightweight, framework agnostic component library for React",
|
|
5
5
|
"author": "emersonlaurentino",
|
|
6
6
|
"license": "MIT",
|
|
@@ -33,7 +33,6 @@
|
|
|
33
33
|
"scripts": {
|
|
34
34
|
"dev": "tsc --watch",
|
|
35
35
|
"build": "tsc --module commonjs --outDir dist/cjs && tsc --module esnext --outDir dist/esm",
|
|
36
|
-
"lint": "eslint src/**/*.{ts,tsx}",
|
|
37
36
|
"size": "size-limit",
|
|
38
37
|
"analyze": "size-limit --why"
|
|
39
38
|
},
|
|
@@ -48,7 +47,7 @@
|
|
|
48
47
|
}
|
|
49
48
|
],
|
|
50
49
|
"dependencies": {
|
|
51
|
-
"@faststore/components": "^3.
|
|
50
|
+
"@faststore/components": "^3.11.2",
|
|
52
51
|
"include-media": "^1.4.10",
|
|
53
52
|
"modern-normalize": "^1.1.0",
|
|
54
53
|
"react-swipeable": "^7.0.0",
|
|
@@ -59,17 +58,15 @@
|
|
|
59
58
|
"react-dom": "^18.2.0"
|
|
60
59
|
},
|
|
61
60
|
"devDependencies": {
|
|
62
|
-
"@faststore/eslint-config": "^3.9.0",
|
|
63
61
|
"@faststore/shared": "^3.9.0",
|
|
64
62
|
"@size-limit/preset-small-lib": "^7.0.8",
|
|
65
63
|
"@types/tabbable": "^3.1.1",
|
|
66
64
|
"babel-loader": "^8.2.5",
|
|
67
|
-
"eslint": "7.32.0",
|
|
68
65
|
"size-limit": "^7.0.8",
|
|
69
66
|
"typescript": "^4.2.4"
|
|
70
67
|
},
|
|
71
68
|
"volta": {
|
|
72
69
|
"extends": "../../package.json"
|
|
73
70
|
},
|
|
74
|
-
"gitHead": "
|
|
71
|
+
"gitHead": "cc29bc35e13cc355af86de94fa69655e3477b144"
|
|
75
72
|
}
|
|
@@ -4,22 +4,23 @@
|
|
|
4
4
|
// --------------------------------------------------------
|
|
5
5
|
|
|
6
6
|
// Default properties
|
|
7
|
-
|
|
8
|
-
// Background
|
|
9
|
-
--fs-sku-matrix-sidebar-bkg-color : var(--fs-color-body-bkg);
|
|
7
|
+
--fs-sku-matrix-sidebar-bkg-color : var(--fs-color-body-bkg);
|
|
10
8
|
|
|
11
9
|
// Title
|
|
12
|
-
--fs-sku-matrix-sidebar-title-size
|
|
13
|
-
--fs-sku-matrix-sidebar-title-text-weight
|
|
14
|
-
|
|
10
|
+
--fs-sku-matrix-sidebar-title-size : var(--fs-text-size-6);
|
|
11
|
+
--fs-sku-matrix-sidebar-title-text-weight : var(--fs-text-weight-semibold);
|
|
12
|
+
|
|
15
13
|
// Cell
|
|
16
|
-
--fs-sku-matrix-sidebar-table-cell-font-size
|
|
17
|
-
--fs-sku-matrix-sidebar-table-cell-text-weight
|
|
14
|
+
--fs-sku-matrix-sidebar-table-cell-font-size : var(--fs-text-size-tiny);
|
|
15
|
+
--fs-sku-matrix-sidebar-table-cell-text-weight : var(--fs-text-weight-medium);
|
|
18
16
|
|
|
17
|
+
// Image
|
|
18
|
+
--fs-sku-matrix-sidebar-table-cell-image-width : var(--fs-spacing-7); // 48px
|
|
19
|
+
--fs-sku-matrix-sidebar-table-cell-image-border-radius : var(--fs-border-radius);
|
|
19
20
|
|
|
20
21
|
// Partial
|
|
21
|
-
--fs-sku-matrix-slide-over-partial-gap
|
|
22
|
-
--fs-sku-matrix-slide-over-partial-width-mobile
|
|
22
|
+
--fs-sku-matrix-slide-over-partial-gap : calc(2 * var(--fs-grid-padding));
|
|
23
|
+
--fs-sku-matrix-slide-over-partial-width-mobile : calc(100vw - var(--fs-sku-matrix-slide-over-partial-gap));
|
|
23
24
|
|
|
24
25
|
// --------------------------------------------------------
|
|
25
26
|
// Structural Styles
|
|
@@ -34,8 +35,8 @@
|
|
|
34
35
|
flex-shrink: 0;
|
|
35
36
|
padding: var(--fs-spacing-3) var(--fs-spacing-8);
|
|
36
37
|
padding-bottom: 0;
|
|
37
|
-
|
|
38
|
-
@include media(
|
|
38
|
+
|
|
39
|
+
@include media('<tablet') {
|
|
39
40
|
padding: var(--fs-spacing-3);
|
|
40
41
|
padding-bottom: 0;
|
|
41
42
|
}
|
|
@@ -48,16 +49,16 @@
|
|
|
48
49
|
padding: var(--fs-spacing-8);
|
|
49
50
|
padding-bottom: 0;
|
|
50
51
|
|
|
51
|
-
@include media(
|
|
52
|
+
@include media('<tablet') {
|
|
52
53
|
padding: var(--fs-spacing-3);
|
|
53
54
|
padding-bottom: 0;
|
|
54
55
|
}
|
|
55
56
|
}
|
|
56
57
|
|
|
57
|
-
&[data-fs-slide-over-size=
|
|
58
|
+
&[data-fs-slide-over-size='partial'] {
|
|
58
59
|
width: var(--fs-sku-matrix-slide-over-partial-width-mobile);
|
|
59
60
|
|
|
60
|
-
@include media(
|
|
61
|
+
@include media('>=notebook') {
|
|
61
62
|
max-width: var(--fs-sku-matrix-slide-over-partial-width-mobile);
|
|
62
63
|
}
|
|
63
64
|
}
|
|
@@ -91,7 +92,7 @@
|
|
|
91
92
|
}
|
|
92
93
|
|
|
93
94
|
[data-fs-table-cell],
|
|
94
|
-
[data-fs-price-variant=
|
|
95
|
+
[data-fs-price-variant='spot'] {
|
|
95
96
|
font-weight: var(--fs-text-weight-medium);
|
|
96
97
|
}
|
|
97
98
|
|
|
@@ -115,11 +116,12 @@
|
|
|
115
116
|
align-items: center;
|
|
116
117
|
gap: var(--fs-spacing-2);
|
|
117
118
|
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
119
|
+
img {
|
|
120
|
+
object-fit: cover;
|
|
121
|
+
object-position: center;
|
|
122
|
+
width: var(--fs-sku-matrix-sidebar-table-cell-image-width);
|
|
123
|
+
height: var(--fs-sku-matrix-sidebar-table-cell-image-width);
|
|
124
|
+
border-radius: var(--fs-sku-matrix-sidebar-table-cell-image-border-radius);
|
|
123
125
|
}
|
|
124
126
|
}
|
|
125
127
|
|
|
@@ -131,19 +133,16 @@
|
|
|
131
133
|
|
|
132
134
|
[data-fs-sku-matrix-sidebar-footer] {
|
|
133
135
|
display: flex;
|
|
136
|
+
width: 100%;
|
|
137
|
+
padding: var(--fs-spacing-4) var(--fs-spacing-8);
|
|
134
138
|
justify-content: space-between;
|
|
135
|
-
|
|
136
139
|
position: sticky;
|
|
137
140
|
bottom: 0;
|
|
138
141
|
left: 0;
|
|
139
142
|
right: 0;
|
|
140
143
|
margin-top: auto;
|
|
141
|
-
|
|
142
|
-
background-color: var(--fs-sku-matrix-sidebar-bkg-color);
|
|
143
|
-
|
|
144
|
-
padding: var(--fs-spacing-4) var(--fs-spacing-8);
|
|
145
144
|
border-top: var(--fs-border-width) solid var(--fs-border-color-light);
|
|
146
|
-
|
|
145
|
+
background-color: var(--fs-sku-matrix-sidebar-bkg-color);
|
|
147
146
|
|
|
148
147
|
> div {
|
|
149
148
|
display: flex;
|
|
@@ -156,7 +155,7 @@
|
|
|
156
155
|
}
|
|
157
156
|
}
|
|
158
157
|
|
|
159
|
-
@include media(
|
|
158
|
+
@include media('<tablet') {
|
|
160
159
|
padding: var(--fs-spacing-3);
|
|
161
160
|
}
|
|
162
161
|
}
|