@snack-uikit/card 0.9.3 → 0.9.5
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/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,26 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## 0.9.5 (2024-02-02)
|
|
7
|
+
|
|
8
|
+
### Only dependencies have been changed
|
|
9
|
+
* [@snack-uikit/list@0.2.0](https://github.com/cloud-ru-tech/snack-uikit/blob/master/packages/list/CHANGELOG.md)
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
## 0.9.4 (2024-02-02)
|
|
16
|
+
|
|
17
|
+
|
|
18
|
+
### Bug Fixes
|
|
19
|
+
|
|
20
|
+
* **FF-4183:** make card inner parts stretch ([1f1aa8f](https://github.com/cloud-ru-tech/snack-uikit/commit/1f1aa8f94f7725185d3c18bca83742c84245762a))
|
|
21
|
+
|
|
22
|
+
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
|
|
6
26
|
## 0.9.3 (2024-02-01)
|
|
7
27
|
|
|
8
28
|
### Only dependencies have been changed
|
|
@@ -11,6 +11,12 @@
|
|
|
11
11
|
.composition{
|
|
12
12
|
border-radius:var(--radius-card-container, 20px);
|
|
13
13
|
box-sizing:border-box;
|
|
14
|
+
height:100%;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
.contentWrapper{
|
|
18
|
+
position:relative;
|
|
19
|
+
height:100%;
|
|
14
20
|
}
|
|
15
21
|
|
|
16
22
|
.card{
|
|
@@ -79,9 +85,6 @@
|
|
|
79
85
|
outline-color:var(--sys-primary-decor-hovered, #decdfb);
|
|
80
86
|
box-shadow:none;
|
|
81
87
|
}
|
|
82
|
-
.card[data-pointer][data-checked] .contentWrapper{
|
|
83
|
-
position:relative;
|
|
84
|
-
}
|
|
85
88
|
.card[data-pointer][data-checked] .contentWrapper::before{
|
|
86
89
|
content:"";
|
|
87
90
|
position:absolute;
|
|
@@ -124,6 +127,7 @@
|
|
|
124
127
|
|
|
125
128
|
.body{
|
|
126
129
|
display:block;
|
|
130
|
+
width:100%;
|
|
127
131
|
color:var(--sys-neutral-text-support, #565656);
|
|
128
132
|
text-align:initial;
|
|
129
133
|
}
|
package/package.json
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
"access": "public"
|
|
5
5
|
},
|
|
6
6
|
"title": "Card",
|
|
7
|
-
"version": "0.9.
|
|
7
|
+
"version": "0.9.5",
|
|
8
8
|
"sideEffects": [
|
|
9
9
|
"*.css",
|
|
10
10
|
"*.woff",
|
|
@@ -35,7 +35,7 @@
|
|
|
35
35
|
"@snack-uikit/button": "0.15.1",
|
|
36
36
|
"@snack-uikit/icon-predefined": "0.4.1",
|
|
37
37
|
"@snack-uikit/icons": "0.20.0",
|
|
38
|
-
"@snack-uikit/list": "0.
|
|
38
|
+
"@snack-uikit/list": "0.2.0",
|
|
39
39
|
"@snack-uikit/promo-tag": "0.4.1",
|
|
40
40
|
"@snack-uikit/tag": "0.7.1",
|
|
41
41
|
"@snack-uikit/truncate-string": "0.4.6",
|
|
@@ -43,5 +43,5 @@
|
|
|
43
43
|
"@snack-uikit/utils": "3.2.0",
|
|
44
44
|
"classnames": "2.3.2"
|
|
45
45
|
},
|
|
46
|
-
"gitHead": "
|
|
46
|
+
"gitHead": "07c554af2d1a8128e587ba88d5d36e6da3c8f1ce"
|
|
47
47
|
}
|
|
@@ -18,6 +18,12 @@ $sizes: 's', 'm', 'l';
|
|
|
18
18
|
@include composite-var($card-composition-container);
|
|
19
19
|
|
|
20
20
|
box-sizing: border-box;
|
|
21
|
+
height: 100%;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
.contentWrapper {
|
|
25
|
+
position: relative;
|
|
26
|
+
height: 100%;
|
|
21
27
|
}
|
|
22
28
|
|
|
23
29
|
.card {
|
|
@@ -105,21 +111,17 @@ $sizes: 's', 'm', 'l';
|
|
|
105
111
|
box-shadow: none;
|
|
106
112
|
}
|
|
107
113
|
|
|
108
|
-
.contentWrapper {
|
|
109
|
-
|
|
114
|
+
.contentWrapper::before {
|
|
115
|
+
content: '';
|
|
110
116
|
|
|
111
|
-
|
|
112
|
-
|
|
117
|
+
position: absolute;
|
|
118
|
+
top: 0;
|
|
119
|
+
right: 0;
|
|
120
|
+
bottom: 0;
|
|
121
|
+
left: 0;
|
|
113
122
|
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
right: 0;
|
|
117
|
-
bottom: 0;
|
|
118
|
-
left: 0;
|
|
119
|
-
|
|
120
|
-
opacity: $opacity-a008;
|
|
121
|
-
background-color: $sys-primary-accent-default;
|
|
122
|
-
}
|
|
123
|
+
opacity: $opacity-a008;
|
|
124
|
+
background-color: $sys-primary-accent-default;
|
|
123
125
|
}
|
|
124
126
|
|
|
125
127
|
.check {
|
|
@@ -160,6 +162,7 @@ $sizes: 's', 'm', 'l';
|
|
|
160
162
|
|
|
161
163
|
.body {
|
|
162
164
|
display: block;
|
|
165
|
+
width: 100%;
|
|
163
166
|
color: $sys-neutral-text-support;
|
|
164
167
|
text-align: initial;
|
|
165
168
|
}
|