@snack-uikit/card 0.9.3-preview-3f90b7f1.0 → 0.9.4

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,28 @@
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.4 (2024-02-02)
7
+
8
+
9
+ ### Bug Fixes
10
+
11
+ * **FF-4183:** make card inner parts stretch ([1f1aa8f](https://github.com/cloud-ru-tech/snack-uikit/commit/1f1aa8f94f7725185d3c18bca83742c84245762a))
12
+
13
+
14
+
15
+
16
+
17
+ ## 0.9.3 (2024-02-01)
18
+
19
+ ### Only dependencies have been changed
20
+ * [@snack-uikit/list@0.1.3](https://github.com/cloud-ru-tech/snack-uikit/blob/master/packages/list/CHANGELOG.md)
21
+ * [@snack-uikit/tag@0.7.1](https://github.com/cloud-ru-tech/snack-uikit/blob/master/packages/tag/CHANGELOG.md)
22
+ * [@snack-uikit/truncate-string@0.4.6](https://github.com/cloud-ru-tech/snack-uikit/blob/master/packages/truncate-string/CHANGELOG.md)
23
+
24
+
25
+
26
+
27
+
6
28
  ## 0.9.2 (2024-01-31)
7
29
 
8
30
 
@@ -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.3-preview-3f90b7f1.0",
7
+ "version": "0.9.4",
8
8
  "sideEffects": [
9
9
  "*.css",
10
10
  "*.woff",
@@ -34,14 +34,14 @@
34
34
  "dependencies": {
35
35
  "@snack-uikit/button": "0.15.1",
36
36
  "@snack-uikit/icon-predefined": "0.4.1",
37
- "@snack-uikit/icons": "0.20.1-preview-3f90b7f1.0",
38
- "@snack-uikit/list": "0.1.3-preview-3f90b7f1.0",
37
+ "@snack-uikit/icons": "0.20.0",
38
+ "@snack-uikit/list": "0.1.3",
39
39
  "@snack-uikit/promo-tag": "0.4.1",
40
- "@snack-uikit/tag": "0.7.1-preview-3f90b7f1.0",
41
- "@snack-uikit/truncate-string": "0.4.6-preview-3f90b7f1.0",
40
+ "@snack-uikit/tag": "0.7.1",
41
+ "@snack-uikit/truncate-string": "0.4.6",
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": "80d28a192eeeb49f36eece4bec7e33e0fb788478"
46
+ "gitHead": "fd62a22cd647e3a661a2d538217cec343aa5bedb"
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
- position: relative;
114
+ .contentWrapper::before {
115
+ content: '';
110
116
 
111
- &::before {
112
- content: '';
117
+ position: absolute;
118
+ top: 0;
119
+ right: 0;
120
+ bottom: 0;
121
+ left: 0;
113
122
 
114
- position: absolute;
115
- top: 0;
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
  }