@rescui/card 0.10.12-RUI-226-Update-card-cn-baacc2f1.68 → 0.10.12-RUI-226-Update-card-cn-541cc33a.71

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 +25 -25
  2. package/lib/index.css +50 -50
  3. package/package.json +6 -6
package/lib/card.p.module.css.js CHANGED
@@ -1,28 +1,28 @@
1
1
  var styles = {
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"
2
+ "themeLight": "_themeLight_g3bz94_8",
3
+ "themeDark": "_themeDark_g3bz94_11",
4
+ "padding0": "_padding0_g3bz94_15",
5
+ "padding16": "_padding16_g3bz94_18",
6
+ "padding24": "_padding24_g3bz94_21",
7
+ "padding32": "_padding32_g3bz94_24",
8
+ "borderRadius0": "_borderRadius0_g3bz94_28",
9
+ "borderRadius8": "_borderRadius8_g3bz94_31",
10
+ "borderRadius16": "_borderRadius16_g3bz94_34",
11
+ "borderRadius24": "_borderRadius24_g3bz94_37",
12
+ "modeClassic": "_modeClassic_g3bz94_41",
13
+ "modeRock": "_modeRock_g3bz94_50",
14
+ "transparentBorderTrue": "_transparentBorderTrue_g3bz94_60",
15
+ "transparentBorderFalse": "_transparentBorderFalse_g3bz94_63",
16
+ "clickable": "_clickable_g3bz94_121",
17
+ "disableBorder": "_disableBorder_g3bz94_84",
18
+ "hasGlowHover": "_hasGlowHover_g3bz94_88",
19
+ "tile": "_tile_g3bz94_253",
20
+ "fixedImageHeight": "_fixedImageHeight_g3bz94_321",
21
+ "fullImageWidth": "_fullImageWidth_g3bz94_330",
22
+ "cardImage": "_cardImage_g3bz94_334",
23
+ "cardImageImg": "_cardImageImg_g3bz94_342",
24
+ "cardImageDiv": "_cardImageDiv_g3bz94_367",
25
+ "innerLink": "_innerLink_g3bz94_392",
26
+ "innerButton": "_innerButton_g3bz94_404"
27
27
  };
28
28
  export { styles as default };
package/lib/index.css CHANGED
@@ -1,44 +1,44 @@
1
- ._themeLight_bi1b6m_8{
1
+ ._themeLight_g3bz94_8{
2
2
  --rs-theme-dark:0;
3
3
  }
4
4
 
5
- ._themeDark_bi1b6m_11{
5
+ ._themeDark_g3bz94_11{
6
6
  --rs-theme-dark:1;
7
7
  }
8
8
 
9
- ._padding0_bi1b6m_15{
9
+ ._padding0_g3bz94_15{
10
10
  --_rs-card-padding:0px;
11
11
  }
12
12
 
13
- ._padding16_bi1b6m_18{
13
+ ._padding16_g3bz94_18{
14
14
  --_rs-card-padding:16px;
15
15
  }
16
16
 
17
- ._padding24_bi1b6m_21{
17
+ ._padding24_g3bz94_21{
18
18
  --_rs-card-padding:24px;
19
19
  }
20
20
 
21
- ._padding32_bi1b6m_24{
21
+ ._padding32_g3bz94_24{
22
22
  --_rs-card-padding:32px;
23
23
  }
24
24
 
25
- ._borderRadius0_bi1b6m_28{
25
+ ._borderRadius0_g3bz94_28{
26
26
  --_rs-card-border-radius:0px;
27
27
  }
28
28
 
29
- ._borderRadius8_bi1b6m_31{
29
+ ._borderRadius8_g3bz94_31{
30
30
  --_rs-card-border-radius:8px;
31
31
  }
32
32
 
33
- ._borderRadius16_bi1b6m_34{
33
+ ._borderRadius16_g3bz94_34{
34
34
  --_rs-card-border-radius:16px;
35
35
  }
36
36
 
37
- ._borderRadius24_bi1b6m_37{
37
+ ._borderRadius24_g3bz94_37{
38
38
  --_rs-card-border-radius:24px;
39
39
  }
40
40
 
41
- ._modeClassic_bi1b6m_41{
41
+ ._modeClassic_g3bz94_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_bi1b6m_50{
51
+ ._modeRock_g3bz94_50{
52
52
  --_rs-card-states-theme-flip:1;
53
53
 
54
54
  --_rs-card-hover-focus-border-width:0px;
@@ -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_bi1b6m_60{
61
+ ._transparentBorderTrue_g3bz94_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_bi1b6m_63{
65
+ ._transparentBorderFalse_g3bz94_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_bi1b6m_121{
69
+ ._clickable_g3bz94_121{
70
70
  --_rs-theme-dark:var(
71
71
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
72
72
  var(--rs-theme-dark, 0)
@@ -87,11 +87,11 @@
87
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));
88
88
  }
89
89
 
90
- ._clickable_bi1b6m_121._disableBorder_bi1b6m_84{
90
+ ._clickable_g3bz94_121._disableBorder_g3bz94_84{
91
91
  --_rs-card-native-base-border-width:0px;
92
92
  }
93
93
 
94
- ._clickable_bi1b6m_121:is([data-extra-hover-effect], ._hasGlowHover_bi1b6m_88){
94
+ ._clickable_g3bz94_121:is([data-extra-hover-effect], ._hasGlowHover_g3bz94_88){
95
95
  --_rs-card-native-hover-border-width:1px;
96
96
  --_rs-card-native-hover-border-color:var(--_rs-card-grey-border-color);
97
97
 
@@ -103,24 +103,24 @@
103
103
  );
104
104
  }
105
105
 
106
- ._clickable_bi1b6m_121:is([data-extra-hover-effect], ._hasGlowHover_bi1b6m_88)[data-extra-active-effect]{
106
+ ._clickable_g3bz94_121:is([data-extra-hover-effect], ._hasGlowHover_g3bz94_88)[data-extra-active-effect]{
107
107
  --_rs-card-native-active-border-width:1px;
108
108
  --_rs-card-native-active-border-color:var(--_rs-card-grey-border-color);
109
109
  }
110
110
 
111
- ._clickable_bi1b6m_121:is([data-extra-hover-effect], ._hasGlowHover_bi1b6m_88)._disableBorder_bi1b6m_84{
111
+ ._clickable_g3bz94_121:is([data-extra-hover-effect], ._hasGlowHover_g3bz94_88)._disableBorder_g3bz94_84{
112
112
  --_rs-card-native-hover-border-width:0px;
113
113
  --_rs-card-native-hover-border-color:transparent;
114
114
 
115
115
  --_rs-card-native-active-border-width:1px;
116
116
  }
117
117
 
118
- ._clickable_bi1b6m_121:is([data-extra-hover-effect], ._hasGlowHover_bi1b6m_88)._disableBorder_bi1b6m_84[data-extra-active-effect]{
118
+ ._clickable_g3bz94_121:is([data-extra-hover-effect], ._hasGlowHover_g3bz94_88)._disableBorder_g3bz94_84[data-extra-active-effect]{
119
119
  --_rs-card-native-active-border-width:0px;
120
120
  --_rs-card-native-active-border-color:transparent;
121
121
  }
122
122
 
123
- ._clickable_bi1b6m_121 {
123
+ ._clickable_g3bz94_121 {
124
124
 
125
125
  --_rs-card-env-background:var(
126
126
  --rs-card-static-background,
@@ -169,7 +169,7 @@
169
169
  appearance:none;
170
170
  }
171
171
 
172
- ._clickable_bi1b6m_121::after{
172
+ ._clickable_g3bz94_121::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_bi1b6m_121,
192
- ._clickable_bi1b6m_121:hover{
191
+ ._clickable_g3bz94_121,
192
+ ._clickable_g3bz94_121:hover{
193
193
  text-decoration:none;
194
194
  }
195
195
 
196
196
  @media (hover: hover){
197
- ._clickable_bi1b6m_121:hover{
197
+ ._clickable_g3bz94_121:hover{
198
198
  --rs-theme-flip:var(--_rs-card-states-theme-flip);
199
199
 
200
200
  --_rs-card-env-background:var(
@@ -212,7 +212,7 @@
212
212
  }
213
213
  }
214
214
 
215
- ._clickable_bi1b6m_121:focus-visible{
215
+ ._clickable_g3bz94_121:focus-visible{
216
216
  --rs-theme-flip:var(--_rs-card-states-theme-flip);
217
217
 
218
218
  --_rs-card-env-background:var(
@@ -230,7 +230,7 @@
230
230
  outline:none;
231
231
  }
232
232
 
233
- ._clickable_bi1b6m_121:active{
233
+ ._clickable_g3bz94_121:active{
234
234
  --rs-theme-flip:var(--_rs-card-states-theme-flip);
235
235
 
236
236
  --_rs-card-env-background:var(
@@ -247,7 +247,7 @@
247
247
  );
248
248
  }
249
249
 
250
- ._tile_bi1b6m_253{
250
+ ._tile_g3bz94_253{
251
251
  --_rs-theme-dark:var(
252
252
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
253
253
  var(--rs-theme-dark, 0)
@@ -301,11 +301,7 @@
301
301
  appearance:none;
302
302
  }
303
303
 
304
- ._tile_bi1b6m_253._disableBorder_bi1b6m_84{
305
- box-shadow:none;
306
- }
307
-
308
- ._tile_bi1b6m_253::after{
304
+ ._tile_g3bz94_253::after{
309
305
  position:absolute;
310
306
  top:0;
311
307
  right:0;
@@ -322,20 +318,24 @@
322
318
  box-shadow:inset 0 0 0 var(--_rs-card-env-border-width) var(--_rs-card-env-border-color);
323
319
  }
324
320
 
325
- ._fixedImageHeight_bi1b6m_321{
321
+ ._tile_g3bz94_253._disableBorder_g3bz94_84::after{
322
+ display:none;
323
+ }
324
+
325
+ ._fixedImageHeight_g3bz94_321{
326
326
  height:calc(188px + var(--_rs-card-padding-final));
327
327
  max-height:calc(188px + var(--_rs-card-padding-final));
328
328
  }
329
329
 
330
- ._fixedImageHeight_bi1b6m_321 img{
330
+ ._fixedImageHeight_g3bz94_321 img{
331
331
  height:100%;
332
332
  }
333
333
 
334
- ._fullImageWidth_bi1b6m_330 img{
334
+ ._fullImageWidth_g3bz94_330 img{
335
335
  width:100%;
336
336
  }
337
337
 
338
- ._cardImage_bi1b6m_334{
338
+ ._cardImage_g3bz94_334{
339
339
  position:relative;
340
340
 
341
341
  overflow:hidden;
@@ -343,7 +343,7 @@
343
343
  box-sizing:border-box;
344
344
  }
345
345
 
346
- ._cardImageImg_bi1b6m_342{
346
+ ._cardImageImg_g3bz94_342{
347
347
  top:calc(var(--_rs-card-padding-final)*-1);
348
348
  left:calc(var(--_rs-card-padding-final)*-1);
349
349
 
@@ -354,21 +354,21 @@
354
354
  width:calc(100% + var(--_rs-card-padding-final)*2);
355
355
  }
356
356
 
357
- ._cardImageImg_bi1b6m_342 img{
357
+ ._cardImageImg_g3bz94_342 img{
358
358
  max-width:100%;
359
359
  max-height:100%;
360
360
  }
361
361
 
362
- ._clickable_bi1b6m_121 ._cardImageImg_bi1b6m_342 img{
362
+ ._clickable_g3bz94_121 ._cardImageImg_g3bz94_342 img{
363
363
  transition:transform 0.2s;
364
364
  transform:scale(1);
365
365
  }
366
366
 
367
- ._clickable_bi1b6m_121:hover ._cardImageImg_bi1b6m_342 img{
367
+ ._clickable_g3bz94_121:hover ._cardImageImg_g3bz94_342 img{
368
368
  transform:scale(1.1);
369
369
  }
370
370
 
371
- ._cardImageDiv_bi1b6m_367{
371
+ ._cardImageDiv_g3bz94_367{
372
372
  top:calc(var(--_rs-card-padding-final)*-1);
373
373
  left:calc(var(--_rs-card-padding-final)*-1);
374
374
 
@@ -385,16 +385,16 @@
385
385
  background-size:100% 100%;
386
386
  }
387
387
 
388
- ._clickable_bi1b6m_121 ._cardImageDiv_bi1b6m_367{
388
+ ._clickable_g3bz94_121 ._cardImageDiv_g3bz94_367{
389
389
  transition:background-size 0.2s;
390
390
  }
391
391
 
392
- ._clickable_bi1b6m_121:hover ._cardImageDiv_bi1b6m_367{
392
+ ._clickable_g3bz94_121:hover ._cardImageDiv_g3bz94_367{
393
393
  background-size:110% 110%;
394
394
  }
395
395
 
396
396
  @media (hover: hover){
397
- ._clickable_bi1b6m_121:hover ._innerLink_bi1b6m_392{
397
+ ._clickable_g3bz94_121:hover ._innerLink_g3bz94_392{
398
398
  --_rs-typography-link-padding-bottom-from-state-hover:calc(1px - var(--_rs-typography-link-hover-underline-width-difference-wf));
399
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));
400
400
  --_rs-typography-link-border-bottom-color-from-state-hover:var(
@@ -416,14 +416,14 @@
416
416
  }
417
417
  }
418
418
 
419
- ._clickable_bi1b6m_121:focus-visible ._innerLink_bi1b6m_392{
419
+ ._clickable_g3bz94_121:focus-visible ._innerLink_g3bz94_392{
420
420
  --_rs-typography-link-box-shadow-from-state-focus-visible:var(
421
421
  --_rs-color-primary
422
422
  ) 0 0 0 4px;
423
423
  }
424
424
 
425
425
  @media (hover: hover){
426
- ._clickable_bi1b6m_121:hover ._innerButton_bi1b6m_404{
426
+ ._clickable_g3bz94_121:hover ._innerButton_g3bz94_404{
427
427
  --_rs-button-border-inner-color:rgba(
428
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),
429
429
  calc(0.3 + var(--_rs-theme-dark-coefficient, 0)*0.1)
@@ -432,7 +432,7 @@
432
432
  }
433
433
  }
434
434
 
435
- ._clickable_bi1b6m_121:active ._innerButton_bi1b6m_404{
435
+ ._clickable_g3bz94_121:active ._innerButton_g3bz94_404{
436
436
  --_rs-button-border-inner-width:2px;
437
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));
438
438
  --_rs-button-background-from-state-active:var(
@@ -440,13 +440,13 @@
440
440
  );
441
441
  }
442
442
 
443
- ._clickable_bi1b6m_121:focus-visible ._innerButton_bi1b6m_404{
443
+ ._clickable_g3bz94_121:focus-visible ._innerButton_g3bz94_404{
444
444
  --_rs-button-box-shadow-from-state-focus-visible:var(
445
445
  --_rs-color-primary-t-dim
446
446
  ) 0 0 0 4px;
447
447
  }
448
448
 
449
- ._clickable_bi1b6m_121:active:focus-visible:not(:hover) ._innerButton_bi1b6m_404{
449
+ ._clickable_g3bz94_121:active:focus-visible:not(:hover) ._innerButton_g3bz94_404{
450
450
  --_rs-button-background-from-state-active-focus-visible-no-hover:var(
451
451
  --_rs-button-active-focus-visible-no-hover-background
452
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-baacc2f1.68+baacc2f1",
3
+ "version": "0.10.12-RUI-226-Update-card-cn-541cc33a.71+541cc33a",
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-baacc2f1.51+baacc2f1",
27
- "@rescui/colors": "0.2.7-RUI-226-Update-card-cn-baacc2f1.68+baacc2f1",
26
+ "@rescui/button": "0.19.2-RUI-226-Update-card-cn-541cc33a.54+541cc33a",
27
+ "@rescui/colors": "0.2.7-RUI-226-Update-card-cn-541cc33a.71+541cc33a",
28
28
  "@rescui/postcss-preset-library": "0.2.2",
29
- "@rescui/scripts": "0.4.0",
30
- "@rescui/typography": "0.19.2-RUI-226-Update-card-cn-baacc2f1.68+baacc2f1",
29
+ "@rescui/scripts": "0.5.0",
30
+ "@rescui/typography": "0.19.2-RUI-226-Update-card-cn-541cc33a.71+541cc33a",
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": "baacc2f1a9fe296e6d64d62b8b3143d09cdb70fb"
37
+ "gitHead": "541cc33abb5528569b3be0dd4a45d70b2a9f3b0a"
38
38
  }