@snack-uikit/card 0.12.4-preview-86dac340.0 → 0.12.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.
Files changed (4) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/dist/components/Card/styles.module.css +17 -21
  3. package/package.json +3 -3
  4. package/src/components/Card/styles.module.scss +19 -25
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.4 (2024-04-18)
7
+
8
+
9
+ ### Bug Fixes
10
+
11
+ * **FF-00:** fix function badge z-index issue ([d036837](https://github.com/cloud-ru-tech/snack-uikit/commit/d0368379adee36b8c7ebd0c6959188c210e96947))
12
+
13
+
14
+
15
+
16
+
6
17
  ## 0.12.3 (2024-04-16)
7
18
 
8
19
 
package/dist/components/Card/styles.module.css CHANGED
@@ -24,9 +24,8 @@
24
24
  border-radius:var(--radius-card-container, 20px);
25
25
  border-width:var(--border-width-card-container, 1px);
26
26
  position:relative;
27
+ z-index:0;
27
28
  overflow:hidden;
28
- display:flex;
29
- flex-direction:column;
30
29
  box-sizing:border-box;
31
30
  margin:0;
32
31
  padding:0;
@@ -64,22 +63,6 @@
64
63
  .card:focus-within .functionBadgeWrapper{
65
64
  display:block;
66
65
  }
67
- .card[data-disabled]{
68
- outline-width:var(--border-state-focus-s-border-width, 2px);
69
- outline-style:var(--border-state-focus-s-border-style, solid);
70
- outline-color:var(--border-state-focus-s-border-color, );
71
- cursor:not-allowed;
72
- background-color:var(--sys-neutral-background, #f1f2f6);
73
- outline-color:var(--sys-neutral-decor-default, #dfe2ec);
74
- outline-width:var(--border-width-card-container, 1px);
75
- }
76
- .card[data-disabled] .check{
77
- color:var(--sys-neutral-on-accent, #ffffff);
78
- background-color:var(--sys-neutral-text-disabled, #b3b6bf);
79
- }
80
- .card[data-disabled] *{
81
- cursor:not-allowed;
82
- }
83
66
  .card[data-pointer] *{
84
67
  cursor:pointer;
85
68
  }
@@ -131,6 +114,22 @@
131
114
  .card[data-pointer]:hover{
132
115
  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));
133
116
  }
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
+ }
134
133
 
135
134
  .anchor{
136
135
  position:absolute;
@@ -144,8 +143,6 @@
144
143
 
145
144
  .body{
146
145
  display:block;
147
- flex-grow:1;
148
- flex-shrink:1;
149
146
  width:100%;
150
147
  color:var(--sys-neutral-text-support, #656771);
151
148
  text-align:initial;
@@ -159,7 +156,6 @@
159
156
  justify-content:flex-start;
160
157
  box-sizing:border-box;
161
158
  max-width:100%;
162
- height:100%;
163
159
  }
164
160
  .content[data-size=s]{
165
161
  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.4-preview-86dac340.0",
7
+ "version": "0.12.4",
8
8
  "sideEffects": [
9
9
  "*.css",
10
10
  "*.woff",
@@ -37,11 +37,11 @@
37
37
  "@snack-uikit/icons": "0.20.1",
38
38
  "@snack-uikit/list": "0.10.0",
39
39
  "@snack-uikit/promo-tag": "0.4.1",
40
- "@snack-uikit/tag": "0.8.3-preview-86dac340.0",
40
+ "@snack-uikit/tag": "0.8.2",
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": "80e44337bb89c080ebfdefb1bd31e74469d1da2e"
46
+ "gitHead": "67104d44e68a9921cb23211e989bafb43bf48a93"
47
47
  }
package/src/components/Card/styles.module.scss CHANGED
@@ -32,10 +32,9 @@ $sizes: 's', 'm', 'l';
32
32
  @include composite-var($card-container);
33
33
 
34
34
  position: relative;
35
+ z-index: 0;
35
36
 
36
37
  overflow: hidden;
37
- display: flex;
38
- flex-direction: column;
39
38
 
40
39
  box-sizing: border-box;
41
40
  margin: 0;
@@ -86,24 +85,6 @@ $sizes: 's', 'm', 'l';
86
85
  }
87
86
  }
88
87
 
89
- &[data-disabled] {
90
- @include outline-var($container-focused-s);
91
-
92
- cursor: not-allowed;
93
- background-color: $sys-neutral-background;
94
- outline-color: $sys-neutral-decor-default;
95
- outline-width: $border-width-card-container;
96
-
97
- .check {
98
- color: $sys-neutral-on-accent;
99
- background-color: $sys-neutral-text-disabled;
100
- }
101
-
102
- * {
103
- cursor: not-allowed;
104
- }
105
- }
106
-
107
88
  &[data-pointer] {
108
89
  * {
109
90
  cursor: pointer;
@@ -167,6 +148,24 @@ $sizes: 's', 'm', 'l';
167
148
  box-shadow: simple-var($theme-variables, 'box-shadow', 'elevation', 'level2');
168
149
  }
169
150
  }
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
+ }
170
169
  }
171
170
 
172
171
  .anchor {
@@ -182,11 +181,7 @@ $sizes: 's', 'm', 'l';
182
181
 
183
182
  .body {
184
183
  display: block;
185
- flex-grow: 1;
186
- flex-shrink: 1;
187
-
188
184
  width: 100%;
189
-
190
185
  color: $sys-neutral-text-support;
191
186
  text-align: initial;
192
187
  }
@@ -201,7 +196,6 @@ $sizes: 's', 'm', 'l';
201
196
 
202
197
  box-sizing: border-box;
203
198
  max-width: 100%;
204
- height: 100%;
205
199
 
206
200
  @each $size in $sizes {
207
201
  &[data-size='#{$size}'] {