@rescui/card 0.16.1 → 0.16.3

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 +1 -1
  2. package/lib/index.css +53 -53
  3. package/package.json +7 -7
package/lib/card.p.module.css.js CHANGED
@@ -1,3 +1,3 @@
1
- var styles = {"themeLight":"_themeLight_5b15dp_8","themeDark":"_themeDark_5b15dp_11","padding0":"_padding0_5b15dp_15","padding16":"_padding16_5b15dp_18","padding24":"_padding24_5b15dp_21","padding32":"_padding32_5b15dp_24","borderRadius0":"_borderRadius0_5b15dp_28","borderRadius8":"_borderRadius8_5b15dp_31","borderRadius16":"_borderRadius16_5b15dp_34","borderRadius24":"_borderRadius24_5b15dp_37","modeClassic":"_modeClassic_5b15dp_41","modeRock":"_modeRock_5b15dp_51","transparentBorderTrue":"_transparentBorderTrue_5b15dp_60","transparentBorderFalse":"_transparentBorderFalse_5b15dp_63","clickable":"_clickable_5b15dp_111","disableBorder":"_disableBorder_5b15dp_70","hasGlowHover":"_hasGlowHover_5b15dp_88","legacyBorder":"_legacyBorder_5b15dp_133","tile":"_tile_5b15dp_247","fixedImageHeight":"_fixedImageHeight_5b15dp_323","fullImageWidth":"_fullImageWidth_5b15dp_332","cardImage":"_cardImage_5b15dp_336","cardImageImg":"_cardImageImg_5b15dp_344","cardImageDiv":"_cardImageDiv_5b15dp_369","innerLink":"_innerLink_5b15dp_394","innerButton":"_innerButton_5b15dp_406"};
1
+ var styles = {"themeLight":"_themeLight_qjyscs_8","themeDark":"_themeDark_qjyscs_11","padding0":"_padding0_qjyscs_15","padding16":"_padding16_qjyscs_18","padding24":"_padding24_qjyscs_21","padding32":"_padding32_qjyscs_24","borderRadius0":"_borderRadius0_qjyscs_28","borderRadius8":"_borderRadius8_qjyscs_31","borderRadius16":"_borderRadius16_qjyscs_34","borderRadius24":"_borderRadius24_qjyscs_37","modeClassic":"_modeClassic_qjyscs_41","modeRock":"_modeRock_qjyscs_51","transparentBorderTrue":"_transparentBorderTrue_qjyscs_60","transparentBorderFalse":"_transparentBorderFalse_qjyscs_63","clickable":"_clickable_qjyscs_111","disableBorder":"_disableBorder_qjyscs_70","hasGlowHover":"_hasGlowHover_qjyscs_88","legacyBorder":"_legacyBorder_qjyscs_133","tile":"_tile_qjyscs_247","fixedImageHeight":"_fixedImageHeight_qjyscs_323","fullImageWidth":"_fullImageWidth_qjyscs_332","cardImage":"_cardImage_qjyscs_336","cardImageImg":"_cardImageImg_qjyscs_344","cardImageDiv":"_cardImageDiv_qjyscs_369","innerLink":"_innerLink_qjyscs_394","innerButton":"_innerButton_qjyscs_406"};
2
2
 
3
3
  export { styles as default };
package/lib/index.css CHANGED
@@ -4,40 +4,40 @@
4
4
  initial-value:0;
5
5
  }
6
6
 
7
- ._themeLight_5b15dp_8{
7
+ ._themeLight_qjyscs_8{
8
8
  --rs-theme-dark:0;
9
9
  }
10
- ._themeDark_5b15dp_11{
10
+ ._themeDark_qjyscs_11{
11
11
  --rs-theme-dark:1;
12
12
  }
13
13
 
14
- ._padding0_5b15dp_15{
14
+ ._padding0_qjyscs_15{
15
15
  --_rs-card-padding:0px;
16
16
  }
17
- ._padding16_5b15dp_18{
17
+ ._padding16_qjyscs_18{
18
18
  --_rs-card-padding:16px;
19
19
  }
20
- ._padding24_5b15dp_21{
20
+ ._padding24_qjyscs_21{
21
21
  --_rs-card-padding:24px;
22
22
  }
23
- ._padding32_5b15dp_24{
23
+ ._padding32_qjyscs_24{
24
24
  --_rs-card-padding:32px;
25
25
  }
26
26
 
27
- ._borderRadius0_5b15dp_28{
27
+ ._borderRadius0_qjyscs_28{
28
28
  --_rs-card-border-radius:0px;
29
29
  }
30
- ._borderRadius8_5b15dp_31{
30
+ ._borderRadius8_qjyscs_31{
31
31
  --_rs-card-border-radius:8px;
32
32
  }
33
- ._borderRadius16_5b15dp_34{
33
+ ._borderRadius16_qjyscs_34{
34
34
  --_rs-card-border-radius:16px;
35
35
  }
36
- ._borderRadius24_5b15dp_37{
36
+ ._borderRadius24_qjyscs_37{
37
37
  --_rs-card-border-radius:24px;
38
38
  }
39
39
 
40
- ._modeClassic_5b15dp_41{
40
+ ._modeClassic_qjyscs_41{
41
41
  --_rs-card-states-theme-flip:0;
42
42
 
43
43
  --_rs-card-hover-focus-active-border-color:rgb(
@@ -47,7 +47,7 @@
47
47
  --_rs-card-hover-focus-background:rgb(calc(255 - 207 * var(--_rs-theme-dark-coefficient, 0)), calc(255 - 207 * var(--_rs-theme-dark-coefficient, 0)), calc(255 - 204 * var(--_rs-theme-dark-coefficient, 0)));
48
48
  --_rs-card-active-background:rgb(calc(255 - 207 * var(--_rs-theme-dark-coefficient, 0)), calc(255 - 207 * var(--_rs-theme-dark-coefficient, 0)), calc(255 - 204 * var(--_rs-theme-dark-coefficient, 0)));
49
49
  }
50
- ._modeRock_5b15dp_51{
50
+ ._modeRock_qjyscs_51{
51
51
  --_rs-card-states-theme-flip:1;
52
52
 
53
53
  --_rs-card-hover-focus-active-border-color:transparent;
@@ -56,14 +56,14 @@
56
56
  --_rs-card-active-background:rgb(calc(244 - 196 * var(--_rs-theme-dark-coefficient, 0)), calc(244 - 196 * var(--_rs-theme-dark-coefficient, 0)), calc(244 - 193 * var(--_rs-theme-dark-coefficient, 0)));
57
57
  }
58
58
 
59
- ._transparentBorderTrue_5b15dp_60{
59
+ ._transparentBorderTrue_qjyscs_60{
60
60
  --_rs-card-grey-border-color:rgba(calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0)), 0.2);
61
61
  }
62
- ._transparentBorderFalse_5b15dp_63{
62
+ ._transparentBorderFalse_qjyscs_63{
63
63
  --_rs-card-grey-border-color:rgb(calc(209 - 115 * var(--_rs-theme-dark-coefficient, 0)), calc(209 - 115 * var(--_rs-theme-dark-coefficient, 0)), calc(210 - 114 * var(--_rs-theme-dark-coefficient, 0)));
64
64
  }
65
65
 
66
- ._clickable_5b15dp_111{
66
+ ._clickable_qjyscs_111{
67
67
  --_rs-theme-dark:var(
68
68
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
69
69
  var(--rs-theme-dark, 0)
@@ -74,11 +74,11 @@
74
74
  --_rs-card-native-static-border-color:var(--_rs-card-grey-border-color);
75
75
  }
76
76
 
77
- ._clickable_5b15dp_111._disableBorder_5b15dp_70{
77
+ ._clickable_qjyscs_111._disableBorder_qjyscs_70{
78
78
  --_rs-card-native-static-border-color:transparent;
79
79
  }
80
80
 
81
- ._clickable_5b15dp_111 {
81
+ ._clickable_qjyscs_111 {
82
82
  --_rs-card-native-hover-border-color:var(
83
83
  --_rs-card-hover-focus-active-border-color
84
84
  );
@@ -88,26 +88,26 @@
88
88
  );
89
89
  }
90
90
 
91
- ._clickable_5b15dp_111:is([data-extra-hover-effect], ._hasGlowHover_5b15dp_88){
91
+ ._clickable_qjyscs_111:is([data-extra-hover-effect], ._hasGlowHover_qjyscs_88){
92
92
  --_rs-card-native-hover-border-color:var(--_rs-card-grey-border-color);
93
93
  }
94
94
 
95
- ._clickable_5b15dp_111:is([data-extra-hover-effect], ._hasGlowHover_5b15dp_88)[data-extra-active-effect]{
95
+ ._clickable_qjyscs_111:is([data-extra-hover-effect], ._hasGlowHover_qjyscs_88)[data-extra-active-effect]{
96
96
  --_rs-card-native-active-border-width:1px;
97
97
  --_rs-card-native-active-border-color:var(--_rs-card-grey-border-color);
98
98
  }
99
99
 
100
- ._clickable_5b15dp_111:is([data-extra-hover-effect], ._hasGlowHover_5b15dp_88)._disableBorder_5b15dp_70{
100
+ ._clickable_qjyscs_111:is([data-extra-hover-effect], ._hasGlowHover_qjyscs_88)._disableBorder_qjyscs_70{
101
101
  --_rs-card-native-hover-border-color:transparent;
102
102
 
103
103
  --_rs-card-native-active-border-width:1px;
104
104
  }
105
105
 
106
- ._clickable_5b15dp_111:is([data-extra-hover-effect], ._hasGlowHover_5b15dp_88)._disableBorder_5b15dp_70[data-extra-active-effect]{
106
+ ._clickable_qjyscs_111:is([data-extra-hover-effect], ._hasGlowHover_qjyscs_88)._disableBorder_qjyscs_70[data-extra-active-effect]{
107
107
  --_rs-card-native-active-border-color:transparent;
108
108
  }
109
109
 
110
- ._clickable_5b15dp_111 {
110
+ ._clickable_qjyscs_111 {
111
111
 
112
112
  --_rs-card-env-background:var(
113
113
  --rs-card-static-background,
@@ -128,12 +128,12 @@
128
128
  --_rs-card-css-border:none;
129
129
  }
130
130
 
131
- ._clickable_5b15dp_111._legacyBorder_5b15dp_133{
131
+ ._clickable_qjyscs_111._legacyBorder_qjyscs_133{
132
132
  --_rs-card-css-padding:calc(var(--_rs-card-padding-final) - var(--_rs-card-env-border-width));
133
133
  --_rs-card-css-border:var(--_rs-card-env-border-width) solid var(--_rs-card-env-border-color);
134
134
  }
135
135
 
136
- ._clickable_5b15dp_111 {
136
+ ._clickable_qjyscs_111 {
137
137
  --rs-out-card-padding:var(--_rs-card-padding-final);
138
138
  --rs-out-card-border-radius:var(--_rs-card-border-radius-final);
139
139
  --rs-out-card-border-width:var(--_rs-card-env-border-width);
@@ -163,7 +163,7 @@
163
163
  appearance:none;
164
164
  }
165
165
 
166
- ._clickable_5b15dp_111:not(._legacyBorder_5b15dp_133)::after{
166
+ ._clickable_qjyscs_111:not(._legacyBorder_qjyscs_133)::after{
167
167
  position:absolute;
168
168
  top:0;
169
169
  right:0;
@@ -182,13 +182,13 @@
182
182
  transition:box-shadow 100ms var(--rs-transition-function, ease);
183
183
  }
184
184
 
185
- ._clickable_5b15dp_111,
186
- ._clickable_5b15dp_111:hover{
185
+ ._clickable_qjyscs_111,
186
+ ._clickable_qjyscs_111:hover{
187
187
  text-decoration:none;
188
188
  }
189
189
 
190
190
  @media (hover: hover){
191
- ._clickable_5b15dp_111:hover{
191
+ ._clickable_qjyscs_111:hover{
192
192
  --rs-theme-flip:var(--_rs-card-states-theme-flip);
193
193
 
194
194
  --_rs-card-env-background:var(
@@ -203,7 +203,7 @@
203
203
  }
204
204
  }
205
205
 
206
- ._clickable_5b15dp_111:focus-visible{
206
+ ._clickable_qjyscs_111:focus-visible{
207
207
  --rs-theme-flip:var(--_rs-card-states-theme-flip);
208
208
 
209
209
  --_rs-card-env-background:var(
@@ -218,7 +218,7 @@
218
218
  outline:none;
219
219
  }
220
220
 
221
- ._clickable_5b15dp_111:active{
221
+ ._clickable_qjyscs_111:active{
222
222
  --rs-theme-flip:var(--_rs-card-states-theme-flip);
223
223
 
224
224
  --_rs-card-env-background:var(
@@ -235,7 +235,7 @@
235
235
  );
236
236
  }
237
237
 
238
- ._tile_5b15dp_247{
238
+ ._tile_qjyscs_247{
239
239
  --_rs-theme-dark:var(
240
240
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
241
241
  var(--rs-theme-dark, 0)
@@ -246,11 +246,11 @@
246
246
  --_rs-card-native-static-border-color:var(--_rs-card-grey-border-color);
247
247
  }
248
248
 
249
- ._tile_5b15dp_247._disableBorder_5b15dp_70{
249
+ ._tile_qjyscs_247._disableBorder_qjyscs_70{
250
250
  --_rs-card-native-static-border-color:transparent;
251
251
  }
252
252
 
253
- ._tile_5b15dp_247 {
253
+ ._tile_qjyscs_247 {
254
254
 
255
255
  --_rs-card-env-background:var(
256
256
  --rs-card-static-background,
@@ -271,12 +271,12 @@
271
271
  --_rs-card-css-border:none;
272
272
  }
273
273
 
274
- ._tile_5b15dp_247._legacyBorder_5b15dp_133{
274
+ ._tile_qjyscs_247._legacyBorder_qjyscs_133{
275
275
  --_rs-card-css-padding:calc(var(--_rs-card-padding-final) - var(--_rs-card-env-border-width));
276
276
  --_rs-card-css-border:var(--_rs-card-env-border-width) solid var(--_rs-card-env-border-color);
277
277
  }
278
278
 
279
- ._tile_5b15dp_247 {
279
+ ._tile_qjyscs_247 {
280
280
  --rs-out-card-padding:var(--_rs-card-padding-final);
281
281
  --rs-out-card-border-radius:var(--_rs-card-border-radius-final);
282
282
  --rs-out-card-border-width:var(--_rs-card-env-border-width);
@@ -306,7 +306,7 @@
306
306
  appearance:none;
307
307
  }
308
308
 
309
- ._tile_5b15dp_247:not(._legacyBorder_5b15dp_133)::after{
309
+ ._tile_qjyscs_247:not(._legacyBorder_qjyscs_133)::after{
310
310
  position:absolute;
311
311
  top:0;
312
312
  right:0;
@@ -323,20 +323,20 @@
323
323
  box-shadow:inset 0 0 0 var(--_rs-card-env-border-width) var(--_rs-card-env-border-color);
324
324
  }
325
325
 
326
- ._fixedImageHeight_5b15dp_323{
326
+ ._fixedImageHeight_qjyscs_323{
327
327
  height:calc(188px + var(--_rs-card-padding-final));
328
328
  max-height:calc(188px + var(--_rs-card-padding-final));
329
329
  }
330
330
 
331
- ._fixedImageHeight_5b15dp_323 img{
331
+ ._fixedImageHeight_qjyscs_323 img{
332
332
  height:100%;
333
333
  }
334
334
 
335
- ._fullImageWidth_5b15dp_332 img{
335
+ ._fullImageWidth_qjyscs_332 img{
336
336
  width:100%;
337
337
  }
338
338
 
339
- ._cardImage_5b15dp_336{
339
+ ._cardImage_qjyscs_336{
340
340
  position:relative;
341
341
 
342
342
  overflow:hidden;
@@ -344,7 +344,7 @@
344
344
  box-sizing:border-box;
345
345
  }
346
346
 
347
- ._cardImageImg_5b15dp_344{
347
+ ._cardImageImg_qjyscs_344{
348
348
  top:calc(-1 * var(--_rs-card-padding-final));
349
349
  left:calc(-1 * var(--_rs-card-padding-final));
350
350
 
@@ -355,21 +355,21 @@
355
355
  width:calc(100% + 2 * var(--_rs-card-padding-final));
356
356
  }
357
357
 
358
- ._cardImageImg_5b15dp_344 img{
358
+ ._cardImageImg_qjyscs_344 img{
359
359
  max-width:100%;
360
360
  max-height:100%;
361
361
  }
362
362
 
363
- ._clickable_5b15dp_111 ._cardImageImg_5b15dp_344 img{
363
+ ._clickable_qjyscs_111 ._cardImageImg_qjyscs_344 img{
364
364
  transition:transform 0.2s var(--rs-transition-function, ease);
365
365
  transform:scale(1);
366
366
  }
367
367
 
368
- ._clickable_5b15dp_111:hover ._cardImageImg_5b15dp_344 img{
368
+ ._clickable_qjyscs_111:hover ._cardImageImg_qjyscs_344 img{
369
369
  transform:scale(1.1);
370
370
  }
371
371
 
372
- ._cardImageDiv_5b15dp_369{
372
+ ._cardImageDiv_qjyscs_369{
373
373
  top:calc(-1 * var(--_rs-card-padding-final));
374
374
  left:calc(-1 * var(--_rs-card-padding-final));
375
375
 
@@ -386,16 +386,16 @@
386
386
  background-size:100% 100%;
387
387
  }
388
388
 
389
- ._clickable_5b15dp_111 ._cardImageDiv_5b15dp_369{
389
+ ._clickable_qjyscs_111 ._cardImageDiv_qjyscs_369{
390
390
  transition:background-size 0.2s var(--rs-transition-function, ease);
391
391
  }
392
392
 
393
- ._clickable_5b15dp_111:hover ._cardImageDiv_5b15dp_369{
393
+ ._clickable_qjyscs_111:hover ._cardImageDiv_qjyscs_369{
394
394
  background-size:110% 110%;
395
395
  }
396
396
 
397
397
  @media (hover: hover){
398
- ._clickable_5b15dp_111:hover ._innerLink_5b15dp_394{
398
+ ._clickable_qjyscs_111:hover ._innerLink_qjyscs_394{
399
399
  --_rs-typography-link-padding-bottom-from-state-hover:calc(1px - var(--_rs-typography-link-hover-underline-width-difference-wf));
400
400
  --_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));
401
401
  --_rs-typography-link-border-bottom-color-from-state-hover:var(
@@ -417,14 +417,14 @@
417
417
  }
418
418
  }
419
419
 
420
- ._clickable_5b15dp_111:focus-visible ._innerLink_5b15dp_394{
420
+ ._clickable_qjyscs_111:focus-visible ._innerLink_qjyscs_394{
421
421
  --_rs-typography-link-box-shadow-from-state-focus-visible:var(
422
422
  --_rs-color-primary
423
423
  ) 0 0 0 4px;
424
424
  }
425
425
 
426
426
  @media (hover: hover){
427
- ._clickable_5b15dp_111:hover ._innerButton_5b15dp_406{
427
+ ._clickable_qjyscs_111:hover ._innerButton_qjyscs_406{
428
428
  --_rs-button-border-inner-color:rgba(
429
429
  calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0)),
430
430
  calc(.3 + .1 * var(--_rs-theme-dark-coefficient, 0))
@@ -433,7 +433,7 @@
433
433
  }
434
434
  }
435
435
 
436
- ._clickable_5b15dp_111:active ._innerButton_5b15dp_406{
436
+ ._clickable_qjyscs_111:active ._innerButton_qjyscs_406{
437
437
  --_rs-button-border-inner-width:2px;
438
438
  --_rs-button-border-inner-color:rgb(calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0)));
439
439
  --_rs-button-background-from-state-active:var(
@@ -441,13 +441,13 @@
441
441
  );
442
442
  }
443
443
 
444
- ._clickable_5b15dp_111:focus-visible ._innerButton_5b15dp_406{
444
+ ._clickable_qjyscs_111:focus-visible ._innerButton_qjyscs_406{
445
445
  --_rs-button-box-shadow-from-state-focus-visible:var(
446
446
  --_rs-color-primary-t-dim
447
447
  ) 0 0 0 4px;
448
448
  }
449
449
 
450
- ._clickable_5b15dp_111:active:focus-visible:not(:hover) ._innerButton_5b15dp_406{
450
+ ._clickable_qjyscs_111:active:focus-visible:not(:hover) ._innerButton_qjyscs_406{
451
451
  --_rs-button-background-from-state-active-focus-visible-no-hover:var(
452
452
  --_rs-button-active-focus-visible-no-hover-background
453
453
  );
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/card",
3
- "version": "0.16.1",
3
+ "version": "0.16.3",
4
4
  "description": "",
5
5
  "main": "lib/index.js",
6
6
  "module": "lib/index.js",
@@ -18,22 +18,22 @@
18
18
  "react-compiler-runtime": "^1.0.0"
19
19
  },
20
20
  "peerDependencies": {
21
- "@rescui/ui-contexts": "^0.7.0",
21
+ "@rescui/ui-contexts": "^0.7.0 || ^0.8.0",
22
22
  "prop-types": "^15",
23
23
  "react": ">=17.0.0 <20"
24
24
  },
25
25
  "devDependencies": {
26
26
  "@jetbrains/logos": "^1.4.16",
27
- "@rescui/button": "^0.27.0",
28
- "@rescui/colors": "^0.3.5",
27
+ "@rescui/button": "^0.27.2",
28
+ "@rescui/colors": "^0.3.6",
29
29
  "@rescui/postcss-preset-library": "^0.2.4",
30
30
  "@rescui/scripts": "^0.6.0",
31
- "@rescui/typography": "^0.30.0",
32
- "@rescui/visual-regression": "^0.1.4"
31
+ "@rescui/typography": "^0.30.2",
32
+ "@rescui/visual-regression": "^0.1.5"
33
33
  },
34
34
  "scripts": {
35
35
  "build": "rescui-scripts build"
36
36
  },
37
37
  "nx": {},
38
- "gitHead": "bf5230351055bc038b125e0de66eaee52085973a"
38
+ "gitHead": "5a6fe218e161f8f97ea1faf56a82b0a5dae2ab4d"
39
39
  }