agroptima-design-system 0.31.2-beta.4 → 0.31.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
package/src/atoms/Card/Card.scss
CHANGED
|
@@ -5,6 +5,7 @@
|
|
|
5
5
|
|
|
6
6
|
a.card {
|
|
7
7
|
text-decoration: none;
|
|
8
|
+
|
|
8
9
|
&:hover {
|
|
9
10
|
background-color: color_alias.$primary-color-50;
|
|
10
11
|
}
|
|
@@ -16,9 +17,11 @@ a.card {
|
|
|
16
17
|
gap: config.$space-2x;
|
|
17
18
|
padding: config.$space-3x;
|
|
18
19
|
width: 100%;
|
|
20
|
+
|
|
19
21
|
p {
|
|
20
22
|
margin: 0;
|
|
21
23
|
}
|
|
24
|
+
|
|
22
25
|
.actions {
|
|
23
26
|
display: flex;
|
|
24
27
|
gap: config.$space-4x;
|
|
@@ -34,6 +37,7 @@ a.card {
|
|
|
34
37
|
flex-direction: row;
|
|
35
38
|
justify-content: space-between;
|
|
36
39
|
gap: config.$space-1x;
|
|
40
|
+
|
|
37
41
|
.title {
|
|
38
42
|
overflow: hidden;
|
|
39
43
|
text-overflow: ellipsis;
|
|
@@ -41,6 +45,7 @@ a.card {
|
|
|
41
45
|
-webkit-box-orient: vertical;
|
|
42
46
|
display: -webkit-box;
|
|
43
47
|
}
|
|
48
|
+
|
|
44
49
|
> .bold {
|
|
45
50
|
@include typography.body-bold;
|
|
46
51
|
}
|
|
@@ -51,8 +56,12 @@ a.card {
|
|
|
51
56
|
}
|
|
52
57
|
|
|
53
58
|
.footer {
|
|
59
|
+
display: flex;
|
|
60
|
+
flex-direction: column;
|
|
61
|
+
gap: config.$space-2x;
|
|
54
62
|
margin-top: auto;
|
|
55
|
-
|
|
63
|
+
|
|
64
|
+
> .button {
|
|
56
65
|
width: 100%;
|
|
57
66
|
}
|
|
58
67
|
}
|
|
@@ -65,6 +74,7 @@ a.card {
|
|
|
65
74
|
&.disabled {
|
|
66
75
|
@include typography.body-regular-disabled;
|
|
67
76
|
background: color_alias.$neutral-color-50;
|
|
77
|
+
|
|
68
78
|
.header .bold {
|
|
69
79
|
color: color_alias.$neutral-color-400;
|
|
70
80
|
}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { IconButton } from '../atoms/Button'
|
|
2
2
|
import { Button } from '../atoms/Button'
|
|
3
3
|
import { Card, CardContent, CardFooter, CardHeader } from '../atoms/Card'
|
|
4
|
+
import { QuantitySelector } from '../atoms/QuantitySelector'
|
|
4
5
|
|
|
5
6
|
const figmaPrimaryDesign = {
|
|
6
7
|
design: {
|
|
@@ -101,6 +102,18 @@ export const ProductCard = {
|
|
|
101
102
|
</div>
|
|
102
103
|
</CardContent>
|
|
103
104
|
<CardFooter>
|
|
105
|
+
<QuantitySelector
|
|
106
|
+
accessibilityLabel="Quantity of items to wishlist"
|
|
107
|
+
defaultValue={1}
|
|
108
|
+
hideLabel
|
|
109
|
+
id="quantity"
|
|
110
|
+
label="Quantity"
|
|
111
|
+
max={10}
|
|
112
|
+
min={1}
|
|
113
|
+
name="quantity"
|
|
114
|
+
required
|
|
115
|
+
step={0.0001}
|
|
116
|
+
/>
|
|
104
117
|
<Button variant="primary-outlined" label="Buy" />
|
|
105
118
|
</CardFooter>
|
|
106
119
|
</Card>
|
|
@@ -4,9 +4,13 @@ import { Meta } from "@storybook/blocks";
|
|
|
4
4
|
|
|
5
5
|
# Changelog
|
|
6
6
|
|
|
7
|
+
## 0.31.2
|
|
8
|
+
|
|
9
|
+
* Manage footer buttons width and position on Card component
|
|
10
|
+
|
|
7
11
|
## 0.31.1
|
|
8
12
|
|
|
9
|
-
* Add NextLink props to
|
|
13
|
+
* Add NextLink props and prefetch to false to the Button, Card, CardMenuOption, MenuLink, PopoverMenuOption PaginationArrow and PaginationNumber components
|
|
10
14
|
|
|
11
15
|
## 0.31.0
|
|
12
16
|
|