@rescui/card 0.10.12-RUI-226-Update-card-cn-ba9c8d6c.74 → 0.10.12-RUI-226-Update-card-cn-4218d3f2.76

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 (3) hide show
  1. package/lib/card.p.module.css.js +26 -26
  2. package/lib/index.css +53 -53
  3. package/package.json +5 -5
package/lib/card.p.module.css.js CHANGED
@@ -1,29 +1,29 @@
1
1
  var styles = {
2
- "themeLight": "_themeLight_7rqyzh_8",
3
- "themeDark": "_themeDark_7rqyzh_11",
4
- "padding0": "_padding0_7rqyzh_15",
5
- "padding16": "_padding16_7rqyzh_18",
6
- "padding24": "_padding24_7rqyzh_21",
7
- "padding32": "_padding32_7rqyzh_24",
8
- "borderRadius0": "_borderRadius0_7rqyzh_28",
9
- "borderRadius8": "_borderRadius8_7rqyzh_31",
10
- "borderRadius16": "_borderRadius16_7rqyzh_34",
11
- "borderRadius24": "_borderRadius24_7rqyzh_37",
12
- "modeClassic": "_modeClassic_7rqyzh_41",
13
- "modeRock": "_modeRock_7rqyzh_51",
14
- "transparentBorderTrue": "_transparentBorderTrue_7rqyzh_60",
15
- "transparentBorderFalse": "_transparentBorderFalse_7rqyzh_63",
16
- "clickable": "_clickable_7rqyzh_111",
17
- "disableBorder": "_disableBorder_7rqyzh_70",
18
- "hasGlowHover": "_hasGlowHover_7rqyzh_88",
19
- "legacyBorder": "_legacyBorder_7rqyzh_134",
20
- "tile": "_tile_7rqyzh_247",
21
- "fixedImageHeight": "_fixedImageHeight_7rqyzh_325",
22
- "fullImageWidth": "_fullImageWidth_7rqyzh_334",
23
- "cardImage": "_cardImage_7rqyzh_338",
24
- "cardImageImg": "_cardImageImg_7rqyzh_346",
25
- "cardImageDiv": "_cardImageDiv_7rqyzh_371",
26
- "innerLink": "_innerLink_7rqyzh_396",
27
- "innerButton": "_innerButton_7rqyzh_408"
2
+ "themeLight": "_themeLight_19bajn4_8",
3
+ "themeDark": "_themeDark_19bajn4_11",
4
+ "padding0": "_padding0_19bajn4_15",
5
+ "padding16": "_padding16_19bajn4_18",
6
+ "padding24": "_padding24_19bajn4_21",
7
+ "padding32": "_padding32_19bajn4_24",
8
+ "borderRadius0": "_borderRadius0_19bajn4_28",
9
+ "borderRadius8": "_borderRadius8_19bajn4_31",
10
+ "borderRadius16": "_borderRadius16_19bajn4_34",
11
+ "borderRadius24": "_borderRadius24_19bajn4_37",
12
+ "modeClassic": "_modeClassic_19bajn4_41",
13
+ "modeRock": "_modeRock_19bajn4_51",
14
+ "transparentBorderTrue": "_transparentBorderTrue_19bajn4_60",
15
+ "transparentBorderFalse": "_transparentBorderFalse_19bajn4_63",
16
+ "clickable": "_clickable_19bajn4_111",
17
+ "disableBorder": "_disableBorder_19bajn4_70",
18
+ "hasGlowHover": "_hasGlowHover_19bajn4_88",
19
+ "legacyBorder": "_legacyBorder_19bajn4_134",
20
+ "tile": "_tile_19bajn4_247",
21
+ "fixedImageHeight": "_fixedImageHeight_19bajn4_325",
22
+ "fullImageWidth": "_fullImageWidth_19bajn4_334",
23
+ "cardImage": "_cardImage_19bajn4_338",
24
+ "cardImageImg": "_cardImageImg_19bajn4_346",
25
+ "cardImageDiv": "_cardImageDiv_19bajn4_371",
26
+ "innerLink": "_innerLink_19bajn4_396",
27
+ "innerButton": "_innerButton_19bajn4_408"
28
28
  };
29
29
  export { styles as default };
package/lib/index.css CHANGED
@@ -1,44 +1,44 @@
1
- ._themeLight_7rqyzh_8{
1
+ ._themeLight_19bajn4_8{
2
2
  --rs-theme-dark:0;
3
3
  }
4
4
 
5
- ._themeDark_7rqyzh_11{
5
+ ._themeDark_19bajn4_11{
6
6
  --rs-theme-dark:1;
7
7
  }
8
8
 
9
- ._padding0_7rqyzh_15{
9
+ ._padding0_19bajn4_15{
10
10
  --_rs-card-padding:0px;
11
11
  }
12
12
 
13
- ._padding16_7rqyzh_18{
13
+ ._padding16_19bajn4_18{
14
14
  --_rs-card-padding:16px;
15
15
  }
16
16
 
17
- ._padding24_7rqyzh_21{
17
+ ._padding24_19bajn4_21{
18
18
  --_rs-card-padding:24px;
19
19
  }
20
20
 
21
- ._padding32_7rqyzh_24{
21
+ ._padding32_19bajn4_24{
22
22
  --_rs-card-padding:32px;
23
23
  }
24
24
 
25
- ._borderRadius0_7rqyzh_28{
25
+ ._borderRadius0_19bajn4_28{
26
26
  --_rs-card-border-radius:0px;
27
27
  }
28
28
 
29
- ._borderRadius8_7rqyzh_31{
29
+ ._borderRadius8_19bajn4_31{
30
30
  --_rs-card-border-radius:8px;
31
31
  }
32
32
 
33
- ._borderRadius16_7rqyzh_34{
33
+ ._borderRadius16_19bajn4_34{
34
34
  --_rs-card-border-radius:16px;
35
35
  }
36
36
 
37
- ._borderRadius24_7rqyzh_37{
37
+ ._borderRadius24_19bajn4_37{
38
38
  --_rs-card-border-radius:24px;
39
39
  }
40
40
 
41
- ._modeClassic_7rqyzh_41{
41
+ ._modeClassic_19bajn4_41{
42
42
  --_rs-card-states-theme-flip:0;
43
43
 
44
44
  --_rs-card-hover-focus-active-border-color:rgb(
@@ -49,7 +49,7 @@
49
49
  --_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));
50
50
  }
51
51
 
52
- ._modeRock_7rqyzh_51{
52
+ ._modeRock_19bajn4_51{
53
53
  --_rs-card-states-theme-flip:1;
54
54
 
55
55
  --_rs-card-hover-focus-active-border-color:transparent;
@@ -58,15 +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
- ._transparentBorderTrue_7rqyzh_60{
61
+ ._transparentBorderTrue_19bajn4_60{
62
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
63
  }
64
64
 
65
- ._transparentBorderFalse_7rqyzh_63{
65
+ ._transparentBorderFalse_19bajn4_63{
66
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
67
  }
68
68
 
69
- ._clickable_7rqyzh_111{
69
+ ._clickable_19bajn4_111{
70
70
  --_rs-theme-dark:var(
71
71
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
72
72
  var(--rs-theme-dark, 0)
@@ -77,11 +77,11 @@
77
77
  --_rs-card-native-static-border-color:var(--_rs-card-grey-border-color);
78
78
  }
79
79
 
80
- ._clickable_7rqyzh_111._disableBorder_7rqyzh_70{
80
+ ._clickable_19bajn4_111._disableBorder_19bajn4_70{
81
81
  --_rs-card-native-static-border-color:transparent;
82
82
  }
83
83
 
84
- ._clickable_7rqyzh_111 {
84
+ ._clickable_19bajn4_111 {
85
85
  --_rs-card-native-hover-border-color:var(
86
86
  --_rs-card-hover-focus-active-border-color
87
87
  );
@@ -91,26 +91,26 @@
91
91
  );
92
92
  }
93
93
 
94
- ._clickable_7rqyzh_111:is([data-extra-hover-effect], ._hasGlowHover_7rqyzh_88){
94
+ ._clickable_19bajn4_111:is([data-extra-hover-effect], ._hasGlowHover_19bajn4_88){
95
95
  --_rs-card-native-hover-border-color:var(--_rs-card-grey-border-color);
96
96
  }
97
97
 
98
- ._clickable_7rqyzh_111:is([data-extra-hover-effect], ._hasGlowHover_7rqyzh_88)[data-extra-active-effect]{
98
+ ._clickable_19bajn4_111:is([data-extra-hover-effect], ._hasGlowHover_19bajn4_88)[data-extra-active-effect]{
99
99
  --_rs-card-native-active-border-width:1px;
100
100
  --_rs-card-native-active-border-color:var(--_rs-card-grey-border-color);
101
101
  }
102
102
 
103
- ._clickable_7rqyzh_111:is([data-extra-hover-effect], ._hasGlowHover_7rqyzh_88)._disableBorder_7rqyzh_70{
103
+ ._clickable_19bajn4_111:is([data-extra-hover-effect], ._hasGlowHover_19bajn4_88)._disableBorder_19bajn4_70{
104
104
  --_rs-card-native-hover-border-color:transparent;
105
105
 
106
106
  --_rs-card-native-active-border-width:1px;
107
107
  }
108
108
 
109
- ._clickable_7rqyzh_111:is([data-extra-hover-effect], ._hasGlowHover_7rqyzh_88)._disableBorder_7rqyzh_70[data-extra-active-effect]{
109
+ ._clickable_19bajn4_111:is([data-extra-hover-effect], ._hasGlowHover_19bajn4_88)._disableBorder_19bajn4_70[data-extra-active-effect]{
110
110
  --_rs-card-native-active-border-color:transparent;
111
111
  }
112
112
 
113
- ._clickable_7rqyzh_111 {
113
+ ._clickable_19bajn4_111 {
114
114
 
115
115
  --_rs-card-env-background:var(
116
116
  --rs-card-static-background,
@@ -132,13 +132,13 @@
132
132
  --_rs-card-after-border-display:block;
133
133
  }
134
134
 
135
- ._clickable_7rqyzh_111._legacyBorder_7rqyzh_134{
135
+ ._clickable_19bajn4_111._legacyBorder_19bajn4_134{
136
136
  --_rs-card-css-padding:calc(var(--_rs-card-padding-final) - var(--_rs-card-env-border-width));
137
137
  --_rs-card-css-border:var(--_rs-card-env-border-width) solid var(--_rs-card-env-border-color);
138
138
  --_rs-card-after-border-display:none;
139
139
  }
140
140
 
141
- ._clickable_7rqyzh_111 {
141
+ ._clickable_19bajn4_111 {
142
142
  --rs-out-card-padding:var(--_rs-card-padding-final);
143
143
  --rs-out-card-border-radius:var(--_rs-card-border-radius-final);
144
144
  --rs-out-card-border-width:var(--_rs-card-env-border-width);
@@ -169,7 +169,7 @@
169
169
  appearance:none;
170
170
  }
171
171
 
172
- ._clickable_7rqyzh_111::after{
172
+ ._clickable_19bajn4_111::after{
173
173
  position:absolute;
174
174
  top:0;
175
175
  right:0;
@@ -188,13 +188,13 @@
188
188
  transition:box-shadow 100ms;
189
189
  }
190
190
 
191
- ._clickable_7rqyzh_111,
192
- ._clickable_7rqyzh_111:hover{
191
+ ._clickable_19bajn4_111,
192
+ ._clickable_19bajn4_111:hover{
193
193
  text-decoration:none;
194
194
  }
195
195
 
196
196
  @media (hover: hover){
197
- ._clickable_7rqyzh_111:hover{
197
+ ._clickable_19bajn4_111:hover{
198
198
  --rs-theme-flip:var(--_rs-card-states-theme-flip);
199
199
 
200
200
  --_rs-card-env-background:var(
@@ -209,7 +209,7 @@
209
209
  }
210
210
  }
211
211
 
212
- ._clickable_7rqyzh_111:focus-visible{
212
+ ._clickable_19bajn4_111:focus-visible{
213
213
  --rs-theme-flip:var(--_rs-card-states-theme-flip);
214
214
 
215
215
  --_rs-card-env-background:var(
@@ -224,7 +224,7 @@
224
224
  outline:none;
225
225
  }
226
226
 
227
- ._clickable_7rqyzh_111:active{
227
+ ._clickable_19bajn4_111:active{
228
228
  --rs-theme-flip:var(--_rs-card-states-theme-flip);
229
229
 
230
230
  --_rs-card-env-background:var(
@@ -241,7 +241,7 @@
241
241
  );
242
242
  }
243
243
 
244
- ._tile_7rqyzh_247{
244
+ ._tile_19bajn4_247{
245
245
  --_rs-theme-dark:var(
246
246
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
247
247
  var(--rs-theme-dark, 0)
@@ -252,11 +252,11 @@
252
252
  --_rs-card-native-static-border-color:var(--_rs-card-grey-border-color);
253
253
  }
254
254
 
255
- ._tile_7rqyzh_247._disableBorder_7rqyzh_70{
255
+ ._tile_19bajn4_247._disableBorder_19bajn4_70{
256
256
  --_rs-card-native-static-border-color:transparent;
257
257
  }
258
258
 
259
- ._tile_7rqyzh_247 {
259
+ ._tile_19bajn4_247 {
260
260
 
261
261
  --_rs-card-env-background:var(
262
262
  --rs-card-static-background,
@@ -278,13 +278,13 @@
278
278
  --_rs-card-after-border-display:block;
279
279
  }
280
280
 
281
- ._tile_7rqyzh_247._legacyBorder_7rqyzh_134{
281
+ ._tile_19bajn4_247._legacyBorder_19bajn4_134{
282
282
  --_rs-card-css-padding:calc(var(--_rs-card-padding-final) - var(--_rs-card-env-border-width));
283
283
  --_rs-card-css-border:var(--_rs-card-env-border-width) solid var(--_rs-card-env-border-color);
284
284
  --_rs-card-after-border-display:none;
285
285
  }
286
286
 
287
- ._tile_7rqyzh_247 {
287
+ ._tile_19bajn4_247 {
288
288
  --rs-out-card-padding:var(--_rs-card-padding-final);
289
289
  --rs-out-card-border-radius:var(--_rs-card-border-radius-final);
290
290
  --rs-out-card-border-width:var(--_rs-card-env-border-width);
@@ -316,7 +316,7 @@
316
316
  appearance:none;
317
317
  }
318
318
 
319
- ._tile_7rqyzh_247::after{
319
+ ._tile_19bajn4_247::after{
320
320
  position:absolute;
321
321
  top:0;
322
322
  right:0;
@@ -333,20 +333,20 @@
333
333
  box-shadow:inset 0 0 0 var(--_rs-card-env-border-width) var(--_rs-card-env-border-color);
334
334
  }
335
335
 
336
- ._fixedImageHeight_7rqyzh_325{
336
+ ._fixedImageHeight_19bajn4_325{
337
337
  height:calc(188px + var(--_rs-card-padding-final));
338
338
  max-height:calc(188px + var(--_rs-card-padding-final));
339
339
  }
340
340
 
341
- ._fixedImageHeight_7rqyzh_325 img{
341
+ ._fixedImageHeight_19bajn4_325 img{
342
342
  height:100%;
343
343
  }
344
344
 
345
- ._fullImageWidth_7rqyzh_334 img{
345
+ ._fullImageWidth_19bajn4_334 img{
346
346
  width:100%;
347
347
  }
348
348
 
349
- ._cardImage_7rqyzh_338{
349
+ ._cardImage_19bajn4_338{
350
350
  position:relative;
351
351
 
352
352
  overflow:hidden;
@@ -354,7 +354,7 @@
354
354
  box-sizing:border-box;
355
355
  }
356
356
 
357
- ._cardImageImg_7rqyzh_346{
357
+ ._cardImageImg_19bajn4_346{
358
358
  top:calc(var(--_rs-card-padding-final)*-1);
359
359
  left:calc(var(--_rs-card-padding-final)*-1);
360
360
 
@@ -365,21 +365,21 @@
365
365
  width:calc(100% + var(--_rs-card-padding-final)*2);
366
366
  }
367
367
 
368
- ._cardImageImg_7rqyzh_346 img{
368
+ ._cardImageImg_19bajn4_346 img{
369
369
  max-width:100%;
370
370
  max-height:100%;
371
371
  }
372
372
 
373
- ._clickable_7rqyzh_111 ._cardImageImg_7rqyzh_346 img{
373
+ ._clickable_19bajn4_111 ._cardImageImg_19bajn4_346 img{
374
374
  transition:transform 0.2s;
375
375
  transform:scale(1);
376
376
  }
377
377
 
378
- ._clickable_7rqyzh_111:hover ._cardImageImg_7rqyzh_346 img{
378
+ ._clickable_19bajn4_111:hover ._cardImageImg_19bajn4_346 img{
379
379
  transform:scale(1.1);
380
380
  }
381
381
 
382
- ._cardImageDiv_7rqyzh_371{
382
+ ._cardImageDiv_19bajn4_371{
383
383
  top:calc(var(--_rs-card-padding-final)*-1);
384
384
  left:calc(var(--_rs-card-padding-final)*-1);
385
385
 
@@ -396,16 +396,16 @@
396
396
  background-size:100% 100%;
397
397
  }
398
398
 
399
- ._clickable_7rqyzh_111 ._cardImageDiv_7rqyzh_371{
399
+ ._clickable_19bajn4_111 ._cardImageDiv_19bajn4_371{
400
400
  transition:background-size 0.2s;
401
401
  }
402
402
 
403
- ._clickable_7rqyzh_111:hover ._cardImageDiv_7rqyzh_371{
403
+ ._clickable_19bajn4_111:hover ._cardImageDiv_19bajn4_371{
404
404
  background-size:110% 110%;
405
405
  }
406
406
 
407
407
  @media (hover: hover){
408
- ._clickable_7rqyzh_111:hover ._innerLink_7rqyzh_396{
408
+ ._clickable_19bajn4_111:hover ._innerLink_19bajn4_396{
409
409
  --_rs-typography-link-padding-bottom-from-state-hover:calc(1px - var(--_rs-typography-link-hover-underline-width-difference-wf));
410
410
  --_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));
411
411
  --_rs-typography-link-border-bottom-color-from-state-hover:var(
@@ -427,14 +427,14 @@
427
427
  }
428
428
  }
429
429
 
430
- ._clickable_7rqyzh_111:focus-visible ._innerLink_7rqyzh_396{
430
+ ._clickable_19bajn4_111:focus-visible ._innerLink_19bajn4_396{
431
431
  --_rs-typography-link-box-shadow-from-state-focus-visible:var(
432
432
  --_rs-color-primary
433
433
  ) 0 0 0 4px;
434
434
  }
435
435
 
436
436
  @media (hover: hover){
437
- ._clickable_7rqyzh_111:hover ._innerButton_7rqyzh_408{
437
+ ._clickable_19bajn4_111:hover ._innerButton_19bajn4_408{
438
438
  --_rs-button-border-inner-color:rgba(
439
439
  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),
440
440
  calc(0.3 + var(--_rs-theme-dark-coefficient, 0)*0.1)
@@ -443,7 +443,7 @@
443
443
  }
444
444
  }
445
445
 
446
- ._clickable_7rqyzh_111:active ._innerButton_7rqyzh_408{
446
+ ._clickable_19bajn4_111:active ._innerButton_19bajn4_408{
447
447
  --_rs-button-border-inner-width:2px;
448
448
  --_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));
449
449
  --_rs-button-background-from-state-active:var(
@@ -451,13 +451,13 @@
451
451
  );
452
452
  }
453
453
 
454
- ._clickable_7rqyzh_111:focus-visible ._innerButton_7rqyzh_408{
454
+ ._clickable_19bajn4_111:focus-visible ._innerButton_19bajn4_408{
455
455
  --_rs-button-box-shadow-from-state-focus-visible:var(
456
456
  --_rs-color-primary-t-dim
457
457
  ) 0 0 0 4px;
458
458
  }
459
459
 
460
- ._clickable_7rqyzh_111:active:focus-visible:not(:hover) ._innerButton_7rqyzh_408{
460
+ ._clickable_19bajn4_111:active:focus-visible:not(:hover) ._innerButton_19bajn4_408{
461
461
  --_rs-button-background-from-state-active-focus-visible-no-hover:var(
462
462
  --_rs-button-active-focus-visible-no-hover-background
463
463
  );
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-ba9c8d6c.74+ba9c8d6c",
3
+ "version": "0.10.12-RUI-226-Update-card-cn-4218d3f2.76+4218d3f2",
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-ba9c8d6c.57+ba9c8d6c",
27
- "@rescui/colors": "0.2.7-RUI-226-Update-card-cn-ba9c8d6c.74+ba9c8d6c",
26
+ "@rescui/button": "0.19.2-RUI-226-Update-card-cn-4218d3f2.59+4218d3f2",
27
+ "@rescui/colors": "0.2.7-RUI-226-Update-card-cn-4218d3f2.76+4218d3f2",
28
28
  "@rescui/postcss-preset-library": "0.2.2",
29
29
  "@rescui/scripts": "0.5.0",
30
- "@rescui/typography": "0.19.2-RUI-226-Update-card-cn-ba9c8d6c.74+ba9c8d6c",
30
+ "@rescui/typography": "0.19.2-RUI-226-Update-card-cn-4218d3f2.76+4218d3f2",
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": "ba9c8d6cc1c93025711a614bb4063d659a6c4d9e"
37
+ "gitHead": "4218d3f2e5f4b00b2ed51c5b82dc9a52487128ce"
38
38
  }