@faststore/ui 2.0.95-alpha.0 → 2.0.99-alpha.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": "2.0.
|
|
3
|
+
"version": "2.0.99-alpha.0",
|
|
4
4
|
"description": "A lightweight, framework agnostic component library for React",
|
|
5
5
|
"author": "emersonlaurentino",
|
|
6
6
|
"license": "MIT",
|
|
@@ -58,5 +58,5 @@
|
|
|
58
58
|
"node": "16.18.0",
|
|
59
59
|
"yarn": "1.19.1"
|
|
60
60
|
},
|
|
61
|
-
"gitHead": "
|
|
61
|
+
"gitHead": "66eb3557fc7b19e210fee38eda199d5e1b18b1a3"
|
|
62
62
|
}
|
|
@@ -75,7 +75,10 @@
|
|
|
75
75
|
position: absolute;
|
|
76
76
|
background-color: var(--fs-qty-selector-button-bkg-color);
|
|
77
77
|
|
|
78
|
-
[data-fs-icon] {
|
|
78
|
+
[data-fs-button-icon] {
|
|
79
|
+
display: flex;
|
|
80
|
+
align-items: center;
|
|
81
|
+
justify-content: center;
|
|
79
82
|
width: 100%;
|
|
80
83
|
height: 100%;
|
|
81
84
|
border-radius: var(--fs-qty-selector-button-border-radius);
|
|
@@ -90,7 +93,7 @@
|
|
|
90
93
|
|
|
91
94
|
&:last-of-type { right: 0; }
|
|
92
95
|
|
|
93
|
-
&:hover:not(:disabled) [data-fs-icon] {
|
|
96
|
+
&:hover:not(:disabled) [data-fs-button-icon] {
|
|
94
97
|
background-color: var(--fs-qty-selector-button-bkg-color-hover);
|
|
95
98
|
box-shadow: var(--fs-qty-selector-button-shadow-hover);
|
|
96
99
|
}
|
|
@@ -103,7 +106,7 @@
|
|
|
103
106
|
background-color: var(--fs-qty-selector-button-bkg-color);
|
|
104
107
|
}
|
|
105
108
|
|
|
106
|
-
[data-fs-icon] {
|
|
109
|
+
[data-fs-button-icon] {
|
|
107
110
|
color: var(--fs-qty-selector-disabled-icon-color);
|
|
108
111
|
}
|
|
109
112
|
}
|
|
@@ -123,7 +126,7 @@
|
|
|
123
126
|
outline: none;
|
|
124
127
|
box-shadow: none;
|
|
125
128
|
|
|
126
|
-
[data-fs-icon] {
|
|
129
|
+
[data-fs-button-icon] {
|
|
127
130
|
@include focus-ring;
|
|
128
131
|
|
|
129
132
|
background-color: var(--fs-qty-selector-button-bkg-color-focus);
|
|
@@ -149,6 +152,6 @@
|
|
|
149
152
|
[data-quantity-selector-input] {
|
|
150
153
|
border-color: var(--fs-qty-selector-disabled-border-color);
|
|
151
154
|
}
|
|
152
|
-
[data-quantity-selector-button]:hover [data-fs-icon] { background-color: transparent; }
|
|
155
|
+
[data-quantity-selector-button]:hover [data-fs-button-icon] { background-color: transparent; }
|
|
153
156
|
}
|
|
154
157
|
}
|
|
@@ -42,8 +42,8 @@
|
|
|
42
42
|
overflow: hidden;
|
|
43
43
|
}
|
|
44
44
|
|
|
45
|
-
[data-fs-rating-icon-outline] {
|
|
46
|
-
|
|
45
|
+
svg[data-fs-rating-icon-outline] {
|
|
46
|
+
fill: none;
|
|
47
47
|
}
|
|
48
48
|
|
|
49
49
|
[data-fs-rating-item] { position: relative; }
|
|
@@ -52,7 +52,7 @@
|
|
|
52
52
|
// Variants Styles
|
|
53
53
|
// --------------------------------------------------------
|
|
54
54
|
|
|
55
|
-
[data-fs-rating-item="empty"] [data-fs-icon]
|
|
55
|
+
[data-fs-rating-item="empty"] svg[data-fs-icon] {
|
|
56
56
|
fill: none;
|
|
57
57
|
}
|
|
58
58
|
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
--fs-tag-text-color : var(--fs-color-text);
|
|
8
8
|
|
|
9
9
|
// Icon
|
|
10
|
-
--fs-tag-icon-size : var(--fs-spacing-
|
|
10
|
+
--fs-tag-icon-size : var(--fs-spacing-4);
|
|
11
11
|
--fs-tag-icon-stroke-width : var(--fs-spacing-4);
|
|
12
12
|
|
|
13
13
|
position: relative;
|
|
@@ -32,18 +32,18 @@
|
|
|
32
32
|
height: var(--fs-control-tap-size);
|
|
33
33
|
color: var(--fs-tag-text-color);
|
|
34
34
|
|
|
35
|
-
>
|
|
35
|
+
> [data-fs-icon] {
|
|
36
36
|
border: var(--fs-border-width) solid transparent;
|
|
37
37
|
border-radius: var(--fs-border-radius-circle);
|
|
38
38
|
padding: 3px;
|
|
39
39
|
transition: var(--fs-badge-transition-property) var(--fs-badge-transition-timing) var(--fs-badge-transition-function);
|
|
40
40
|
}
|
|
41
41
|
|
|
42
|
-
&:hover >
|
|
42
|
+
&:hover > [data-fs-icon], &:focus > [data-fs-icon] {
|
|
43
43
|
filter: brightness(0.90);
|
|
44
44
|
}
|
|
45
45
|
|
|
46
|
-
&:focus >
|
|
46
|
+
&:focus > [data-fs-icon] {
|
|
47
47
|
border: var(--fs-border-width) solid var(--fs-tag-text-color);
|
|
48
48
|
}
|
|
49
49
|
|
|
@@ -62,37 +62,37 @@
|
|
|
62
62
|
}
|
|
63
63
|
|
|
64
64
|
&[data-fs-badge-variant="warning"] {
|
|
65
|
-
[data-fs-tag-icon-button] >
|
|
65
|
+
[data-fs-tag-icon-button] > [data-fs-icon] {
|
|
66
66
|
background-color: var(--fs-badge-warning-bkg-color);
|
|
67
67
|
}
|
|
68
68
|
}
|
|
69
69
|
|
|
70
70
|
&[data-fs-badge-variant="highlighted"] {
|
|
71
|
-
[data-fs-tag-icon-button] >
|
|
71
|
+
[data-fs-tag-icon-button] > [data-fs-icon] {
|
|
72
72
|
background-color: var(--fs-badge-highlighted-bkg-color);
|
|
73
73
|
}
|
|
74
74
|
}
|
|
75
75
|
|
|
76
76
|
&[data-fs-badge-variant="neutral"] {
|
|
77
|
-
[data-fs-tag-icon-button] >
|
|
77
|
+
[data-fs-tag-icon-button] > [data-fs-icon] {
|
|
78
78
|
background-color: var(--fs-badge-neutral-bkg-color);
|
|
79
79
|
}
|
|
80
80
|
}
|
|
81
81
|
|
|
82
82
|
&[data-fs-badge-variant="info"] {
|
|
83
|
-
[data-fs-tag-icon-button] >
|
|
83
|
+
[data-fs-tag-icon-button] > [data-fs-icon] {
|
|
84
84
|
background-color: var(--fs-badge-info-bkg-color);
|
|
85
85
|
}
|
|
86
86
|
}
|
|
87
87
|
|
|
88
88
|
&[data-fs-badge-variant="danger"] {
|
|
89
|
-
[data-fs-tag-icon-button] >
|
|
89
|
+
[data-fs-tag-icon-button] > [data-fs-icon] {
|
|
90
90
|
background-color: var(--fs-badge-danger-bkg-color);
|
|
91
91
|
}
|
|
92
92
|
}
|
|
93
93
|
|
|
94
94
|
&[data-fs-badge-variant="success"] {
|
|
95
|
-
[data-fs-tag-icon-button] >
|
|
95
|
+
[data-fs-tag-icon-button] > [data-fs-icon] {
|
|
96
96
|
background-color: var(--fs-badge-success-bkg-color);
|
|
97
97
|
}
|
|
98
98
|
}
|