@rescui/card 0.10.12-RUI-226-Update-card-cn-6e43cc89.60 → 0.10.12-RUI-226-Update-card-cn-baacc2f1.68

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 (5) hide show
  1. package/lib/card.d.ts +7 -2
  2. package/lib/card.js +2 -1
  3. package/lib/card.p.module.css.js +25 -23
  4. package/lib/index.css +88 -65
  5. package/package.json +5 -5
package/lib/card.d.ts CHANGED
@@ -40,9 +40,14 @@ export declare type CardProps = {
40
40
  * @default false
41
41
  * */
42
42
  disableBorder?: boolean;
43
+ /** Make borders of solid color. This prop is useful when using `cardImageCn` helper so the border wouldn't mix with the image.
44
+ *
45
+ * @default false
46
+ * */
47
+ disableBorderTransparency?: boolean;
43
48
  };
44
49
  export declare type CardImgType = {
45
- /** Sets type of image in a card
50
+ /** Sets a type of image in a card
46
51
  * @default cardImageDiv
47
52
  * */
48
53
  cardImageType?: CardImageType;
@@ -57,6 +62,6 @@ export declare type CardImgType = {
57
62
  };
58
63
  export declare const cardLinkCn: () => any;
59
64
  export declare const cardButtonCn: () => any;
60
- export declare const cardCn: ({ isClickable, theme, mode, padding, borderRadius, disableBorder, paddings, hasGlowHover }?: CardProps) => string;
65
+ export declare const cardCn: ({ isClickable, theme, mode, padding, borderRadius, disableBorder, disableBorderTransparency, paddings, hasGlowHover }?: CardProps) => string;
61
66
  export declare const cardImageCn: ({ cardImageType, disableFixedHeight, disableFullWidth }: CardImgType) => string;
62
67
  export declare const useCardCn: () => (cardCnOptions?: CardProps) => string;
package/lib/card.js CHANGED
@@ -39,6 +39,7 @@ const cardCn = function () {
39
39
  padding,
40
40
  borderRadius,
41
41
  disableBorder,
42
+ disableBorderTransparency,
42
43
  paddings,
43
44
  hasGlowHover
44
45
  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -46,7 +47,7 @@ const cardCn = function () {
46
47
  const modeClass = MODE_STYLES[mode] ?? MODE_STYLES.classic;
47
48
  const paddingClass = PADDING_STYLES[padding ?? paddings] ?? PADDING_STYLES[24];
48
49
  const borderRadiusClass = BORDER_RADIUS_STYLES[borderRadius] ?? BORDER_RADIUS_STYLES[8];
49
- return cn(isClickable ? styles.clickable : styles.tile, themeClass, isClickable ? modeClass : MODE_STYLES.classic, paddingClass, borderRadiusClass, hasGlowHover && styles.hasGlowHover, disableBorder && styles.disableBorder);
50
+ return cn(isClickable ? styles.clickable : styles.tile, themeClass, isClickable ? modeClass : MODE_STYLES.classic, paddingClass, borderRadiusClass, hasGlowHover && styles.hasGlowHover, disableBorder && styles.disableBorder, disableBorderTransparency ? styles.transparentBorderFalse : styles.transparentBorderTrue);
50
51
  };
51
52
 
52
53
  const cardImageCn = _ref => {
package/lib/card.p.module.css.js CHANGED
@@ -1,26 +1,28 @@
1
1
  var styles = {
2
- "themeLight": "_themeLight_1cx2pa_8",
3
- "themeDark": "_themeDark_1cx2pa_11",
4
- "padding0": "_padding0_1cx2pa_15",
5
- "padding16": "_padding16_1cx2pa_18",
6
- "padding24": "_padding24_1cx2pa_21",
7
- "padding32": "_padding32_1cx2pa_24",
8
- "borderRadius0": "_borderRadius0_1cx2pa_28",
9
- "borderRadius8": "_borderRadius8_1cx2pa_31",
10
- "borderRadius16": "_borderRadius16_1cx2pa_34",
11
- "borderRadius24": "_borderRadius24_1cx2pa_37",
12
- "modeClassic": "_modeClassic_1cx2pa_41",
13
- "modeRock": "_modeRock_1cx2pa_50",
14
- "clickable": "_clickable_1cx2pa_120",
15
- "disableBorder": "_disableBorder_1cx2pa_77",
16
- "hasGlowHover": "_hasGlowHover_1cx2pa_81",
17
- "tile": "_tile_1cx2pa_241",
18
- "fixedImageHeight": "_fixedImageHeight_1cx2pa_295",
19
- "fullImageWidth": "_fullImageWidth_1cx2pa_304",
20
- "cardImage": "_cardImage_1cx2pa_308",
21
- "cardImageImg": "_cardImageImg_1cx2pa_316",
22
- "cardImageDiv": "_cardImageDiv_1cx2pa_341",
23
- "innerLink": "_innerLink_1cx2pa_366",
24
- "innerButton": "_innerButton_1cx2pa_378"
2
+ "themeLight": "_themeLight_bi1b6m_8",
3
+ "themeDark": "_themeDark_bi1b6m_11",
4
+ "padding0": "_padding0_bi1b6m_15",
5
+ "padding16": "_padding16_bi1b6m_18",
6
+ "padding24": "_padding24_bi1b6m_21",
7
+ "padding32": "_padding32_bi1b6m_24",
8
+ "borderRadius0": "_borderRadius0_bi1b6m_28",
9
+ "borderRadius8": "_borderRadius8_bi1b6m_31",
10
+ "borderRadius16": "_borderRadius16_bi1b6m_34",
11
+ "borderRadius24": "_borderRadius24_bi1b6m_37",
12
+ "modeClassic": "_modeClassic_bi1b6m_41",
13
+ "modeRock": "_modeRock_bi1b6m_50",
14
+ "transparentBorderTrue": "_transparentBorderTrue_bi1b6m_60",
15
+ "transparentBorderFalse": "_transparentBorderFalse_bi1b6m_63",
16
+ "clickable": "_clickable_bi1b6m_121",
17
+ "disableBorder": "_disableBorder_bi1b6m_84",
18
+ "hasGlowHover": "_hasGlowHover_bi1b6m_88",
19
+ "tile": "_tile_bi1b6m_253",
20
+ "fixedImageHeight": "_fixedImageHeight_bi1b6m_321",
21
+ "fullImageWidth": "_fullImageWidth_bi1b6m_330",
22
+ "cardImage": "_cardImage_bi1b6m_334",
23
+ "cardImageImg": "_cardImageImg_bi1b6m_342",
24
+ "cardImageDiv": "_cardImageDiv_bi1b6m_367",
25
+ "innerLink": "_innerLink_bi1b6m_392",
26
+ "innerButton": "_innerButton_bi1b6m_404"
25
27
  };
26
28
  export { styles as default };
package/lib/index.css CHANGED
@@ -1,44 +1,44 @@
1
- ._themeLight_1cx2pa_8{
1
+ ._themeLight_bi1b6m_8{
2
2
  --rs-theme-dark:0;
3
3
  }
4
4
 
5
- ._themeDark_1cx2pa_11{
5
+ ._themeDark_bi1b6m_11{
6
6
  --rs-theme-dark:1;
7
7
  }
8
8
 
9
- ._padding0_1cx2pa_15{
9
+ ._padding0_bi1b6m_15{
10
10
  --_rs-card-padding:0px;
11
11
  }
12
12
 
13
- ._padding16_1cx2pa_18{
13
+ ._padding16_bi1b6m_18{
14
14
  --_rs-card-padding:16px;
15
15
  }
16
16
 
17
- ._padding24_1cx2pa_21{
17
+ ._padding24_bi1b6m_21{
18
18
  --_rs-card-padding:24px;
19
19
  }
20
20
 
21
- ._padding32_1cx2pa_24{
21
+ ._padding32_bi1b6m_24{
22
22
  --_rs-card-padding:32px;
23
23
  }
24
24
 
25
- ._borderRadius0_1cx2pa_28{
25
+ ._borderRadius0_bi1b6m_28{
26
26
  --_rs-card-border-radius:0px;
27
27
  }
28
28
 
29
- ._borderRadius8_1cx2pa_31{
29
+ ._borderRadius8_bi1b6m_31{
30
30
  --_rs-card-border-radius:8px;
31
31
  }
32
32
 
33
- ._borderRadius16_1cx2pa_34{
33
+ ._borderRadius16_bi1b6m_34{
34
34
  --_rs-card-border-radius:16px;
35
35
  }
36
36
 
37
- ._borderRadius24_1cx2pa_37{
37
+ ._borderRadius24_bi1b6m_37{
38
38
  --_rs-card-border-radius:24px;
39
39
  }
40
40
 
41
- ._modeClassic_1cx2pa_41{
41
+ ._modeClassic_bi1b6m_41{
42
42
  --_rs-card-states-theme-flip:0;
43
43
 
44
44
  --_rs-card-hover-focus-border-width:1px;
@@ -48,7 +48,7 @@
48
48
  --_rs-card-active-background:rgb(calc(255 - var(--_rs-theme-dark-coefficient, 0)*207), calc(255 - var(--_rs-theme-dark-coefficient, 0)*207), calc(255 - var(--_rs-theme-dark-coefficient, 0)*204));
49
49
  }
50
50
 
51
- ._modeRock_1cx2pa_50{
51
+ ._modeRock_bi1b6m_50{
52
52
  --_rs-card-states-theme-flip:1;
53
53
 
54
54
  --_rs-card-hover-focus-border-width:0px;
@@ -58,7 +58,15 @@
58
58
  --_rs-card-active-background:rgb(calc(244 - var(--_rs-theme-dark-coefficient, 0)*196), calc(244 - var(--_rs-theme-dark-coefficient, 0)*196), calc(244 - var(--_rs-theme-dark-coefficient, 0)*193));
59
59
  }
60
60
 
61
- ._clickable_1cx2pa_120{
61
+ ._transparentBorderTrue_bi1b6m_60{
62
+ --_rs-card-grey-border-color:rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.2);
63
+ }
64
+
65
+ ._transparentBorderFalse_bi1b6m_63{
66
+ --_rs-card-grey-border-color:rgb(calc(209 - var(--_rs-theme-dark-coefficient, 0)*115), calc(209 - var(--_rs-theme-dark-coefficient, 0)*115), calc(210 - var(--_rs-theme-dark-coefficient, 0)*114));
67
+ }
68
+
69
+ ._clickable_bi1b6m_121{
62
70
  --_rs-theme-dark:var(
63
71
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
64
72
  var(--rs-theme-dark, 0)
@@ -79,46 +87,40 @@
79
87
  --_rs-card-native-active-border-color:rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227));
80
88
  }
81
89
 
82
- ._clickable_1cx2pa_120._disableBorder_1cx2pa_77{
90
+ ._clickable_bi1b6m_121._disableBorder_bi1b6m_84{
83
91
  --_rs-card-native-base-border-width:0px;
84
92
  }
85
93
 
86
- ._clickable_1cx2pa_120:is([data-extra-hover-effect], ._hasGlowHover_1cx2pa_81){
94
+ ._clickable_bi1b6m_121:is([data-extra-hover-effect], ._hasGlowHover_bi1b6m_88){
87
95
  --_rs-card-native-hover-border-width:1px;
88
- --_rs-card-native-hover-border-color:rgba(
89
- calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227),
90
- 0.2
91
- );
96
+ --_rs-card-native-hover-border-color:var(--_rs-card-grey-border-color);
92
97
 
93
98
  --_rs-card-native-focus-border-width:1px;
94
99
 
95
100
  --_rs-card-native-active-border-width:2px;
96
101
  --_rs-card-native-active-border-color:rgb(
97
- calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227)
102
+ calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227)
98
103
  );
99
104
  }
100
105
 
101
- ._clickable_1cx2pa_120:is([data-extra-hover-effect], ._hasGlowHover_1cx2pa_81)[data-extra-active-effect]{
106
+ ._clickable_bi1b6m_121:is([data-extra-hover-effect], ._hasGlowHover_bi1b6m_88)[data-extra-active-effect]{
102
107
  --_rs-card-native-active-border-width:1px;
103
- --_rs-card-native-active-border-color:rgba(
104
- calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227),
105
- 0.2
106
- );
108
+ --_rs-card-native-active-border-color:var(--_rs-card-grey-border-color);
107
109
  }
108
110
 
109
- ._clickable_1cx2pa_120:is([data-extra-hover-effect], ._hasGlowHover_1cx2pa_81)._disableBorder_1cx2pa_77{
111
+ ._clickable_bi1b6m_121:is([data-extra-hover-effect], ._hasGlowHover_bi1b6m_88)._disableBorder_bi1b6m_84{
110
112
  --_rs-card-native-hover-border-width:0px;
111
113
  --_rs-card-native-hover-border-color:transparent;
112
114
 
113
115
  --_rs-card-native-active-border-width:1px;
114
116
  }
115
117
 
116
- ._clickable_1cx2pa_120:is([data-extra-hover-effect], ._hasGlowHover_1cx2pa_81)._disableBorder_1cx2pa_77[data-extra-active-effect]{
118
+ ._clickable_bi1b6m_121:is([data-extra-hover-effect], ._hasGlowHover_bi1b6m_88)._disableBorder_bi1b6m_84[data-extra-active-effect]{
117
119
  --_rs-card-native-active-border-width:0px;
118
120
  --_rs-card-native-active-border-color:transparent;
119
121
  }
120
122
 
121
- ._clickable_1cx2pa_120 {
123
+ ._clickable_bi1b6m_121 {
122
124
 
123
125
  --_rs-card-env-background:var(
124
126
  --rs-card-static-background,
@@ -130,9 +132,18 @@
130
132
  );
131
133
  --_rs-card-env-border-color:var(
132
134
  --rs-card-static-border-color,
133
- rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.2)
135
+ var(--_rs-card-grey-border-color)
134
136
  );
135
137
  --_rs-card-padding-final:var(--rs-card-padding, var(--_rs-card-padding));
138
+ --_rs-card-border-radius-final:var(
139
+ --rs-card-border-radius,
140
+ var(--_rs-card-border-radius)
141
+ );
142
+ --rs-out-card-padding:var(--_rs-card-padding-final);
143
+ --rs-out-card-border-radius:var(--_rs-card-border-radius-final);
144
+ --rs-out-card-border-width:var(--_rs-card-env-border-width);
145
+ --rs-out-card-border-color:var(--_rs-card-env-border-color);
146
+ --rs-out-card-background:var(--_rs-card-env-background);
136
147
 
137
148
  position:relative;
138
149
 
@@ -145,7 +156,7 @@
145
156
  padding:var(--_rs-card-padding-final);
146
157
 
147
158
  border:none;
148
- border-radius:var(--rs-card-border-radius, var(--_rs-card-border-radius));
159
+ border-radius:var(--_rs-card-border-radius-final);
149
160
 
150
161
  cursor:pointer;
151
162
  text-align:inherit;
@@ -158,7 +169,7 @@
158
169
  appearance:none;
159
170
  }
160
171
 
161
- ._clickable_1cx2pa_120::after{
172
+ ._clickable_bi1b6m_121::after{
162
173
  position:absolute;
163
174
  top:0;
164
175
  right:0;
@@ -177,13 +188,13 @@
177
188
  transition:box-shadow 100ms;
178
189
  }
179
190
 
180
- ._clickable_1cx2pa_120,
181
- ._clickable_1cx2pa_120:hover{
191
+ ._clickable_bi1b6m_121,
192
+ ._clickable_bi1b6m_121:hover{
182
193
  text-decoration:none;
183
194
  }
184
195
 
185
196
  @media (hover: hover){
186
- ._clickable_1cx2pa_120:hover{
197
+ ._clickable_bi1b6m_121:hover{
187
198
  --rs-theme-flip:var(--_rs-card-states-theme-flip);
188
199
 
189
200
  --_rs-card-env-background:var(
@@ -201,7 +212,7 @@
201
212
  }
202
213
  }
203
214
 
204
- ._clickable_1cx2pa_120:focus-visible{
215
+ ._clickable_bi1b6m_121:focus-visible{
205
216
  --rs-theme-flip:var(--_rs-card-states-theme-flip);
206
217
 
207
218
  --_rs-card-env-background:var(
@@ -219,7 +230,7 @@
219
230
  outline:none;
220
231
  }
221
232
 
222
- ._clickable_1cx2pa_120:active{
233
+ ._clickable_bi1b6m_121:active{
223
234
  --rs-theme-flip:var(--_rs-card-states-theme-flip);
224
235
 
225
236
  --_rs-card-env-background:var(
@@ -236,7 +247,7 @@
236
247
  );
237
248
  }
238
249
 
239
- ._tile_1cx2pa_241{
250
+ ._tile_bi1b6m_253{
240
251
  --_rs-theme-dark:var(
241
252
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
242
253
  var(--rs-theme-dark, 0)
@@ -245,7 +256,25 @@
245
256
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
246
257
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
247
258
 
259
+ --_rs-card-env-background:var(
260
+ --rs-card-static-background,
261
+ rgb(calc(255 - var(--_rs-theme-dark-coefficient, 0)*207), calc(255 - var(--_rs-theme-dark-coefficient, 0)*207), calc(255 - var(--_rs-theme-dark-coefficient, 0)*204))
262
+ );
263
+ --_rs-card-env-border-width:var(--rs-card-static-border-width, 1px);
264
+ --_rs-card-env-border-color:var(
265
+ --rs-card-static-border-color,
266
+ var(--_rs-card-grey-border-color)
267
+ );
248
268
  --_rs-card-padding-final:var(--rs-card-padding, var(--_rs-card-padding));
269
+ --_rs-card-border-radius-final:var(
270
+ --rs-card-border-radius,
271
+ var(--_rs-card-border-radius)
272
+ );
273
+ --rs-out-card-padding:var(--_rs-card-padding-final);
274
+ --rs-out-card-border-radius:var(--_rs-card-border-radius-final);
275
+ --rs-out-card-border-width:var(--_rs-card-env-border-width);
276
+ --rs-out-card-border-color:var(--_rs-card-env-border-color);
277
+ --rs-out-card-background:var(--_rs-card-env-background);
249
278
 
250
279
  position:relative;
251
280
 
@@ -257,16 +286,13 @@
257
286
  padding:var(--_rs-card-padding-final);
258
287
 
259
288
  border:none;
260
- border-radius:var(--rs-card-border-radius, var(--_rs-card-border-radius));
289
+ border-radius:var(--_rs-card-border-radius-final);
261
290
 
262
291
  cursor:auto;
263
292
  text-align:inherit;
264
293
  text-decoration:none;
265
294
 
266
- background:var(
267
- --rs-card-static-background,
268
- rgb(calc(255 - var(--_rs-theme-dark-coefficient, 0)*207), calc(255 - var(--_rs-theme-dark-coefficient, 0)*207), calc(255 - var(--_rs-theme-dark-coefficient, 0)*204))
269
- );
295
+ background:var(--_rs-card-env-background);
270
296
 
271
297
  -webkit-appearance:none;
272
298
 
@@ -275,11 +301,11 @@
275
301
  appearance:none;
276
302
  }
277
303
 
278
- ._tile_1cx2pa_241._disableBorder_1cx2pa_77{
304
+ ._tile_bi1b6m_253._disableBorder_bi1b6m_84{
279
305
  box-shadow:none;
280
306
  }
281
307
 
282
- ._tile_1cx2pa_241::after{
308
+ ._tile_bi1b6m_253::after{
283
309
  position:absolute;
284
310
  top:0;
285
311
  right:0;
@@ -293,26 +319,23 @@
293
319
  content:'';
294
320
  pointer-events:none;
295
321
 
296
- box-shadow:inset 0 0 0 var(--rs-card-static-border-width, 1px) var(
297
- --rs-card-static-border-color,
298
- rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.2)
299
- );
322
+ box-shadow:inset 0 0 0 var(--_rs-card-env-border-width) var(--_rs-card-env-border-color);
300
323
  }
301
324
 
302
- ._fixedImageHeight_1cx2pa_295{
325
+ ._fixedImageHeight_bi1b6m_321{
303
326
  height:calc(188px + var(--_rs-card-padding-final));
304
327
  max-height:calc(188px + var(--_rs-card-padding-final));
305
328
  }
306
329
 
307
- ._fixedImageHeight_1cx2pa_295 img{
330
+ ._fixedImageHeight_bi1b6m_321 img{
308
331
  height:100%;
309
332
  }
310
333
 
311
- ._fullImageWidth_1cx2pa_304 img{
334
+ ._fullImageWidth_bi1b6m_330 img{
312
335
  width:100%;
313
336
  }
314
337
 
315
- ._cardImage_1cx2pa_308{
338
+ ._cardImage_bi1b6m_334{
316
339
  position:relative;
317
340
 
318
341
  overflow:hidden;
@@ -320,7 +343,7 @@
320
343
  box-sizing:border-box;
321
344
  }
322
345
 
323
- ._cardImageImg_1cx2pa_316{
346
+ ._cardImageImg_bi1b6m_342{
324
347
  top:calc(var(--_rs-card-padding-final)*-1);
325
348
  left:calc(var(--_rs-card-padding-final)*-1);
326
349
 
@@ -331,21 +354,21 @@
331
354
  width:calc(100% + var(--_rs-card-padding-final)*2);
332
355
  }
333
356
 
334
- ._cardImageImg_1cx2pa_316 img{
357
+ ._cardImageImg_bi1b6m_342 img{
335
358
  max-width:100%;
336
359
  max-height:100%;
337
360
  }
338
361
 
339
- ._clickable_1cx2pa_120 ._cardImageImg_1cx2pa_316 img{
362
+ ._clickable_bi1b6m_121 ._cardImageImg_bi1b6m_342 img{
340
363
  transition:transform 0.2s;
341
364
  transform:scale(1);
342
365
  }
343
366
 
344
- ._clickable_1cx2pa_120:hover ._cardImageImg_1cx2pa_316 img{
367
+ ._clickable_bi1b6m_121:hover ._cardImageImg_bi1b6m_342 img{
345
368
  transform:scale(1.1);
346
369
  }
347
370
 
348
- ._cardImageDiv_1cx2pa_341{
371
+ ._cardImageDiv_bi1b6m_367{
349
372
  top:calc(var(--_rs-card-padding-final)*-1);
350
373
  left:calc(var(--_rs-card-padding-final)*-1);
351
374
 
@@ -362,16 +385,16 @@
362
385
  background-size:100% 100%;
363
386
  }
364
387
 
365
- ._clickable_1cx2pa_120 ._cardImageDiv_1cx2pa_341{
388
+ ._clickable_bi1b6m_121 ._cardImageDiv_bi1b6m_367{
366
389
  transition:background-size 0.2s;
367
390
  }
368
391
 
369
- ._clickable_1cx2pa_120:hover ._cardImageDiv_1cx2pa_341{
392
+ ._clickable_bi1b6m_121:hover ._cardImageDiv_bi1b6m_367{
370
393
  background-size:110% 110%;
371
394
  }
372
395
 
373
396
  @media (hover: hover){
374
- ._clickable_1cx2pa_120:hover ._innerLink_1cx2pa_366{
397
+ ._clickable_bi1b6m_121:hover ._innerLink_bi1b6m_392{
375
398
  --_rs-typography-link-padding-bottom-from-state-hover:calc(1px - var(--_rs-typography-link-hover-underline-width-difference-wf));
376
399
  --_rs-typography-link-border-bottom-width-from-state-hover:calc(var(--_rs-typography-link-border-bottom-width-wf) + var(--_rs-typography-link-hover-underline-width-difference-wf));
377
400
  --_rs-typography-link-border-bottom-color-from-state-hover:var(
@@ -393,14 +416,14 @@
393
416
  }
394
417
  }
395
418
 
396
- ._clickable_1cx2pa_120:focus-visible ._innerLink_1cx2pa_366{
419
+ ._clickable_bi1b6m_121:focus-visible ._innerLink_bi1b6m_392{
397
420
  --_rs-typography-link-box-shadow-from-state-focus-visible:var(
398
421
  --_rs-color-primary
399
422
  ) 0 0 0 4px;
400
423
  }
401
424
 
402
425
  @media (hover: hover){
403
- ._clickable_1cx2pa_120:hover ._innerButton_1cx2pa_378{
426
+ ._clickable_bi1b6m_121:hover ._innerButton_bi1b6m_404{
404
427
  --_rs-button-border-inner-color:rgba(
405
428
  calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227),
406
429
  calc(0.3 + var(--_rs-theme-dark-coefficient, 0)*0.1)
@@ -409,7 +432,7 @@
409
432
  }
410
433
  }
411
434
 
412
- ._clickable_1cx2pa_120:active ._innerButton_1cx2pa_378{
435
+ ._clickable_bi1b6m_121:active ._innerButton_bi1b6m_404{
413
436
  --_rs-button-border-inner-width:2px;
414
437
  --_rs-button-border-inner-color:rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227));
415
438
  --_rs-button-background-from-state-active:var(
@@ -417,13 +440,13 @@
417
440
  );
418
441
  }
419
442
 
420
- ._clickable_1cx2pa_120:focus-visible ._innerButton_1cx2pa_378{
443
+ ._clickable_bi1b6m_121:focus-visible ._innerButton_bi1b6m_404{
421
444
  --_rs-button-box-shadow-from-state-focus-visible:var(
422
445
  --_rs-color-primary-t-dim
423
446
  ) 0 0 0 4px;
424
447
  }
425
448
 
426
- ._clickable_1cx2pa_120:active:focus-visible:not(:hover) ._innerButton_1cx2pa_378{
449
+ ._clickable_bi1b6m_121:active:focus-visible:not(:hover) ._innerButton_bi1b6m_404{
427
450
  --_rs-button-background-from-state-active-focus-visible-no-hover:var(
428
451
  --_rs-button-active-focus-visible-no-hover-background
429
452
  );
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/card",
3
- "version": "0.10.12-RUI-226-Update-card-cn-6e43cc89.60+6e43cc89",
3
+ "version": "0.10.12-RUI-226-Update-card-cn-baacc2f1.68+baacc2f1",
4
4
  "description": "",
5
5
  "main": "lib/index.js",
6
6
  "module": "lib/index.js",
@@ -23,16 +23,16 @@
23
23
  },
24
24
  "devDependencies": {
25
25
  "@jetbrains/logos": "^1.4.16",
26
- "@rescui/button": "0.19.2-RUI-226-Update-card-cn-6e43cc89.43+6e43cc89",
27
- "@rescui/colors": "0.2.7-RUI-226-Update-card-cn-6e43cc89.60+6e43cc89",
26
+ "@rescui/button": "0.19.2-RUI-226-Update-card-cn-baacc2f1.51+baacc2f1",
27
+ "@rescui/colors": "0.2.7-RUI-226-Update-card-cn-baacc2f1.68+baacc2f1",
28
28
  "@rescui/postcss-preset-library": "0.2.2",
29
29
  "@rescui/scripts": "0.4.0",
30
- "@rescui/typography": "0.19.2-RUI-226-Update-card-cn-6e43cc89.60+6e43cc89",
30
+ "@rescui/typography": "0.19.2-RUI-226-Update-card-cn-baacc2f1.68+baacc2f1",
31
31
  "@rescui/visual-regression": "0.1.2"
32
32
  },
33
33
  "scripts": {
34
34
  "build": "rescui-scripts build"
35
35
  },
36
36
  "nx": {},
37
- "gitHead": "6e43cc893fafb22b990273901bc0a070fb15761f"
37
+ "gitHead": "baacc2f1a9fe296e6d64d62b8b3143d09cdb70fb"
38
38
  }