@snack-uikit/card 0.12.5 → 0.12.7-preview-5d3667ec.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/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,17 @@
|
|
|
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.12.6 (2024-04-22)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Bug Fixes
|
|
10
|
+
|
|
11
|
+
* **FF-4649:** align card's footer to bottom ([7a49233](https://github.com/cloud-ru-tech/snack-uikit/commit/7a49233680334b2d5fe8a329e63fa6ded60b19ea))
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
6
17
|
## 0.12.5 (2024-04-22)
|
|
7
18
|
|
|
8
19
|
### Only dependencies have been changed
|
|
@@ -26,6 +26,8 @@
|
|
|
26
26
|
position:relative;
|
|
27
27
|
z-index:0;
|
|
28
28
|
overflow:hidden;
|
|
29
|
+
display:flex;
|
|
30
|
+
flex-direction:column;
|
|
29
31
|
box-sizing:border-box;
|
|
30
32
|
margin:0;
|
|
31
33
|
padding:0;
|
|
@@ -63,6 +65,22 @@
|
|
|
63
65
|
.card:focus-within .functionBadgeWrapper{
|
|
64
66
|
display:block;
|
|
65
67
|
}
|
|
68
|
+
.card[data-disabled]{
|
|
69
|
+
outline-width:var(--border-state-focus-s-border-width, 2px);
|
|
70
|
+
outline-style:var(--border-state-focus-s-border-style, solid);
|
|
71
|
+
outline-color:var(--border-state-focus-s-border-color, );
|
|
72
|
+
cursor:not-allowed;
|
|
73
|
+
background-color:var(--sys-neutral-background, #f1f2f6);
|
|
74
|
+
outline-color:var(--sys-neutral-decor-default, #dfe2ec);
|
|
75
|
+
outline-width:var(--border-width-card-container, 1px);
|
|
76
|
+
}
|
|
77
|
+
.card[data-disabled] .check{
|
|
78
|
+
color:var(--sys-neutral-on-accent, #ffffff);
|
|
79
|
+
background-color:var(--sys-neutral-text-disabled, #b3b6bf);
|
|
80
|
+
}
|
|
81
|
+
.card[data-disabled] *{
|
|
82
|
+
cursor:not-allowed;
|
|
83
|
+
}
|
|
66
84
|
.card[data-pointer] *{
|
|
67
85
|
cursor:pointer;
|
|
68
86
|
}
|
|
@@ -114,22 +132,6 @@
|
|
|
114
132
|
.card[data-pointer]:hover{
|
|
115
133
|
box-shadow:var(--box-shadow-elevation-level2, 0px 0px 4px 0px rgba(0, 0, 0, 0.0392156863), 0px 4px 8px 0px rgba(0, 0, 0, 0.0392156863));
|
|
116
134
|
}
|
|
117
|
-
.card[data-disabled]{
|
|
118
|
-
outline-width:var(--border-state-focus-s-border-width, 2px);
|
|
119
|
-
outline-style:var(--border-state-focus-s-border-style, solid);
|
|
120
|
-
outline-color:var(--border-state-focus-s-border-color, );
|
|
121
|
-
cursor:not-allowed;
|
|
122
|
-
background-color:var(--sys-neutral-background, #f1f2f6);
|
|
123
|
-
outline-color:var(--sys-neutral-decor-default, #dfe2ec);
|
|
124
|
-
outline-width:var(--border-width-card-container, 1px);
|
|
125
|
-
}
|
|
126
|
-
.card[data-disabled] .check{
|
|
127
|
-
color:var(--sys-neutral-on-accent, #ffffff);
|
|
128
|
-
background-color:var(--sys-neutral-text-disabled, #b3b6bf);
|
|
129
|
-
}
|
|
130
|
-
.card[data-disabled] *{
|
|
131
|
-
cursor:not-allowed;
|
|
132
|
-
}
|
|
133
135
|
|
|
134
136
|
.anchor{
|
|
135
137
|
position:absolute;
|
|
@@ -143,6 +145,8 @@
|
|
|
143
145
|
|
|
144
146
|
.body{
|
|
145
147
|
display:block;
|
|
148
|
+
flex-grow:1;
|
|
149
|
+
flex-shrink:1;
|
|
146
150
|
width:100%;
|
|
147
151
|
color:var(--sys-neutral-text-support, #656771);
|
|
148
152
|
text-align:initial;
|
|
@@ -156,6 +160,7 @@
|
|
|
156
160
|
justify-content:flex-start;
|
|
157
161
|
box-sizing:border-box;
|
|
158
162
|
max-width:100%;
|
|
163
|
+
height:100%;
|
|
159
164
|
}
|
|
160
165
|
.content[data-size=s]{
|
|
161
166
|
padding:var(--space-card-padding-container-s, 8px);
|
package/package.json
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
"access": "public"
|
|
5
5
|
},
|
|
6
6
|
"title": "Card",
|
|
7
|
-
"version": "0.12.
|
|
7
|
+
"version": "0.12.7-preview-5d3667ec.0",
|
|
8
8
|
"sideEffects": [
|
|
9
9
|
"*.css",
|
|
10
10
|
"*.woff",
|
|
@@ -35,13 +35,13 @@
|
|
|
35
35
|
"@snack-uikit/button": "0.17.0",
|
|
36
36
|
"@snack-uikit/icon-predefined": "0.5.0",
|
|
37
37
|
"@snack-uikit/icons": "0.20.1",
|
|
38
|
-
"@snack-uikit/list": "0.11.0",
|
|
38
|
+
"@snack-uikit/list": "0.11.1-preview-5d3667ec.0",
|
|
39
39
|
"@snack-uikit/promo-tag": "0.4.1",
|
|
40
|
-
"@snack-uikit/tag": "0.
|
|
40
|
+
"@snack-uikit/tag": "0.9.0",
|
|
41
41
|
"@snack-uikit/truncate-string": "0.4.12",
|
|
42
42
|
"@snack-uikit/typography": "0.6.1",
|
|
43
43
|
"@snack-uikit/utils": "3.2.0",
|
|
44
44
|
"classnames": "2.3.2"
|
|
45
45
|
},
|
|
46
|
-
"gitHead": "
|
|
46
|
+
"gitHead": "311bf31807d9b8cc975e80caf14ec35108256337"
|
|
47
47
|
}
|
|
@@ -35,6 +35,8 @@ $sizes: 's', 'm', 'l';
|
|
|
35
35
|
z-index: 0;
|
|
36
36
|
|
|
37
37
|
overflow: hidden;
|
|
38
|
+
display: flex;
|
|
39
|
+
flex-direction: column;
|
|
38
40
|
|
|
39
41
|
box-sizing: border-box;
|
|
40
42
|
margin: 0;
|
|
@@ -85,6 +87,24 @@ $sizes: 's', 'm', 'l';
|
|
|
85
87
|
}
|
|
86
88
|
}
|
|
87
89
|
|
|
90
|
+
&[data-disabled] {
|
|
91
|
+
@include outline-var($container-focused-s);
|
|
92
|
+
|
|
93
|
+
cursor: not-allowed;
|
|
94
|
+
background-color: $sys-neutral-background;
|
|
95
|
+
outline-color: $sys-neutral-decor-default;
|
|
96
|
+
outline-width: $border-width-card-container;
|
|
97
|
+
|
|
98
|
+
.check {
|
|
99
|
+
color: $sys-neutral-on-accent;
|
|
100
|
+
background-color: $sys-neutral-text-disabled;
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
* {
|
|
104
|
+
cursor: not-allowed;
|
|
105
|
+
}
|
|
106
|
+
}
|
|
107
|
+
|
|
88
108
|
&[data-pointer] {
|
|
89
109
|
* {
|
|
90
110
|
cursor: pointer;
|
|
@@ -148,24 +168,6 @@ $sizes: 's', 'm', 'l';
|
|
|
148
168
|
box-shadow: simple-var($theme-variables, 'box-shadow', 'elevation', 'level2');
|
|
149
169
|
}
|
|
150
170
|
}
|
|
151
|
-
|
|
152
|
-
&[data-disabled] {
|
|
153
|
-
@include outline-var($container-focused-s);
|
|
154
|
-
|
|
155
|
-
cursor: not-allowed;
|
|
156
|
-
background-color: $sys-neutral-background;
|
|
157
|
-
outline-color: $sys-neutral-decor-default;
|
|
158
|
-
outline-width: $border-width-card-container;
|
|
159
|
-
|
|
160
|
-
.check { /* stylelint-disable-line no-descending-specificity */
|
|
161
|
-
color: $sys-neutral-on-accent;
|
|
162
|
-
background-color: $sys-neutral-text-disabled;
|
|
163
|
-
}
|
|
164
|
-
|
|
165
|
-
* {
|
|
166
|
-
cursor: not-allowed;
|
|
167
|
-
}
|
|
168
|
-
}
|
|
169
171
|
}
|
|
170
172
|
|
|
171
173
|
.anchor {
|
|
@@ -181,7 +183,11 @@ $sizes: 's', 'm', 'l';
|
|
|
181
183
|
|
|
182
184
|
.body {
|
|
183
185
|
display: block;
|
|
186
|
+
flex-grow: 1;
|
|
187
|
+
flex-shrink: 1;
|
|
188
|
+
|
|
184
189
|
width: 100%;
|
|
190
|
+
|
|
185
191
|
color: $sys-neutral-text-support;
|
|
186
192
|
text-align: initial;
|
|
187
193
|
}
|
|
@@ -196,6 +202,7 @@ $sizes: 's', 'm', 'l';
|
|
|
196
202
|
|
|
197
203
|
box-sizing: border-box;
|
|
198
204
|
max-width: 100%;
|
|
205
|
+
height: 100%;
|
|
199
206
|
|
|
200
207
|
@each $size in $sizes {
|
|
201
208
|
&[data-size='#{$size}'] {
|