@rescui/card 0.15.0 → 0.15.1

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_1rsx001_8",
3
- "themeDark": "_themeDark_1rsx001_11",
4
- "padding0": "_padding0_1rsx001_15",
5
- "padding16": "_padding16_1rsx001_18",
6
- "padding24": "_padding24_1rsx001_21",
7
- "padding32": "_padding32_1rsx001_24",
8
- "borderRadius0": "_borderRadius0_1rsx001_28",
9
- "borderRadius8": "_borderRadius8_1rsx001_31",
10
- "borderRadius16": "_borderRadius16_1rsx001_34",
11
- "borderRadius24": "_borderRadius24_1rsx001_37",
12
- "modeClassic": "_modeClassic_1rsx001_41",
13
- "modeRock": "_modeRock_1rsx001_51",
14
- "transparentBorderTrue": "_transparentBorderTrue_1rsx001_60",
15
- "transparentBorderFalse": "_transparentBorderFalse_1rsx001_63",
16
- "clickable": "_clickable_1rsx001_111",
17
- "disableBorder": "_disableBorder_1rsx001_70",
18
- "hasGlowHover": "_hasGlowHover_1rsx001_88",
19
- "legacyBorder": "_legacyBorder_1rsx001_133",
20
- "tile": "_tile_1rsx001_247",
21
- "fixedImageHeight": "_fixedImageHeight_1rsx001_323",
22
- "fullImageWidth": "_fullImageWidth_1rsx001_332",
23
- "cardImage": "_cardImage_1rsx001_336",
24
- "cardImageImg": "_cardImageImg_1rsx001_344",
25
- "cardImageDiv": "_cardImageDiv_1rsx001_369",
26
- "innerLink": "_innerLink_1rsx001_394",
27
- "innerButton": "_innerButton_1rsx001_406"
2
+ "themeLight": "_themeLight_1966in3_8",
3
+ "themeDark": "_themeDark_1966in3_11",
4
+ "padding0": "_padding0_1966in3_15",
5
+ "padding16": "_padding16_1966in3_18",
6
+ "padding24": "_padding24_1966in3_21",
7
+ "padding32": "_padding32_1966in3_24",
8
+ "borderRadius0": "_borderRadius0_1966in3_28",
9
+ "borderRadius8": "_borderRadius8_1966in3_31",
10
+ "borderRadius16": "_borderRadius16_1966in3_34",
11
+ "borderRadius24": "_borderRadius24_1966in3_37",
12
+ "modeClassic": "_modeClassic_1966in3_41",
13
+ "modeRock": "_modeRock_1966in3_51",
14
+ "transparentBorderTrue": "_transparentBorderTrue_1966in3_60",
15
+ "transparentBorderFalse": "_transparentBorderFalse_1966in3_63",
16
+ "clickable": "_clickable_1966in3_111",
17
+ "disableBorder": "_disableBorder_1966in3_70",
18
+ "hasGlowHover": "_hasGlowHover_1966in3_88",
19
+ "legacyBorder": "_legacyBorder_1966in3_133",
20
+ "tile": "_tile_1966in3_247",
21
+ "fixedImageHeight": "_fixedImageHeight_1966in3_323",
22
+ "fullImageWidth": "_fullImageWidth_1966in3_332",
23
+ "cardImage": "_cardImage_1966in3_336",
24
+ "cardImageImg": "_cardImageImg_1966in3_344",
25
+ "cardImageDiv": "_cardImageDiv_1966in3_369",
26
+ "innerLink": "_innerLink_1966in3_394",
27
+ "innerButton": "_innerButton_1966in3_406"
28
28
  };
29
29
  export { styles as default };
package/lib/index.css CHANGED
@@ -4,47 +4,47 @@
4
4
  initial-value:0;
5
5
  }
6
6
 
7
- ._themeLight_1rsx001_8{
7
+ ._themeLight_1966in3_8{
8
8
  --rs-theme-dark:0;
9
9
  }
10
10
 
11
- ._themeDark_1rsx001_11{
11
+ ._themeDark_1966in3_11{
12
12
  --rs-theme-dark:1;
13
13
  }
14
14
 
15
- ._padding0_1rsx001_15{
15
+ ._padding0_1966in3_15{
16
16
  --_rs-card-padding:0px;
17
17
  }
18
18
 
19
- ._padding16_1rsx001_18{
19
+ ._padding16_1966in3_18{
20
20
  --_rs-card-padding:16px;
21
21
  }
22
22
 
23
- ._padding24_1rsx001_21{
23
+ ._padding24_1966in3_21{
24
24
  --_rs-card-padding:24px;
25
25
  }
26
26
 
27
- ._padding32_1rsx001_24{
27
+ ._padding32_1966in3_24{
28
28
  --_rs-card-padding:32px;
29
29
  }
30
30
 
31
- ._borderRadius0_1rsx001_28{
31
+ ._borderRadius0_1966in3_28{
32
32
  --_rs-card-border-radius:0px;
33
33
  }
34
34
 
35
- ._borderRadius8_1rsx001_31{
35
+ ._borderRadius8_1966in3_31{
36
36
  --_rs-card-border-radius:8px;
37
37
  }
38
38
 
39
- ._borderRadius16_1rsx001_34{
39
+ ._borderRadius16_1966in3_34{
40
40
  --_rs-card-border-radius:16px;
41
41
  }
42
42
 
43
- ._borderRadius24_1rsx001_37{
43
+ ._borderRadius24_1966in3_37{
44
44
  --_rs-card-border-radius:24px;
45
45
  }
46
46
 
47
- ._modeClassic_1rsx001_41{
47
+ ._modeClassic_1966in3_41{
48
48
  --_rs-card-states-theme-flip:0;
49
49
 
50
50
  --_rs-card-hover-focus-active-border-color:rgb(
@@ -55,7 +55,7 @@
55
55
  --_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));
56
56
  }
57
57
 
58
- ._modeRock_1rsx001_51{
58
+ ._modeRock_1966in3_51{
59
59
  --_rs-card-states-theme-flip:1;
60
60
 
61
61
  --_rs-card-hover-focus-active-border-color:transparent;
@@ -64,15 +64,15 @@
64
64
  --_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));
65
65
  }
66
66
 
67
- ._transparentBorderTrue_1rsx001_60{
67
+ ._transparentBorderTrue_1966in3_60{
68
68
  --_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);
69
69
  }
70
70
 
71
- ._transparentBorderFalse_1rsx001_63{
71
+ ._transparentBorderFalse_1966in3_63{
72
72
  --_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));
73
73
  }
74
74
 
75
- ._clickable_1rsx001_111{
75
+ ._clickable_1966in3_111{
76
76
  --_rs-theme-dark:var(
77
77
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
78
78
  var(--rs-theme-dark, 0)
@@ -83,11 +83,11 @@
83
83
  --_rs-card-native-static-border-color:var(--_rs-card-grey-border-color);
84
84
  }
85
85
 
86
- ._clickable_1rsx001_111._disableBorder_1rsx001_70{
86
+ ._clickable_1966in3_111._disableBorder_1966in3_70{
87
87
  --_rs-card-native-static-border-color:transparent;
88
88
  }
89
89
 
90
- ._clickable_1rsx001_111 {
90
+ ._clickable_1966in3_111 {
91
91
  --_rs-card-native-hover-border-color:var(
92
92
  --_rs-card-hover-focus-active-border-color
93
93
  );
@@ -97,26 +97,26 @@
97
97
  );
98
98
  }
99
99
 
100
- ._clickable_1rsx001_111:is([data-extra-hover-effect], ._hasGlowHover_1rsx001_88){
100
+ ._clickable_1966in3_111:is([data-extra-hover-effect], ._hasGlowHover_1966in3_88){
101
101
  --_rs-card-native-hover-border-color:var(--_rs-card-grey-border-color);
102
102
  }
103
103
 
104
- ._clickable_1rsx001_111:is([data-extra-hover-effect], ._hasGlowHover_1rsx001_88)[data-extra-active-effect]{
104
+ ._clickable_1966in3_111:is([data-extra-hover-effect], ._hasGlowHover_1966in3_88)[data-extra-active-effect]{
105
105
  --_rs-card-native-active-border-width:1px;
106
106
  --_rs-card-native-active-border-color:var(--_rs-card-grey-border-color);
107
107
  }
108
108
 
109
- ._clickable_1rsx001_111:is([data-extra-hover-effect], ._hasGlowHover_1rsx001_88)._disableBorder_1rsx001_70{
109
+ ._clickable_1966in3_111:is([data-extra-hover-effect], ._hasGlowHover_1966in3_88)._disableBorder_1966in3_70{
110
110
  --_rs-card-native-hover-border-color:transparent;
111
111
 
112
112
  --_rs-card-native-active-border-width:1px;
113
113
  }
114
114
 
115
- ._clickable_1rsx001_111:is([data-extra-hover-effect], ._hasGlowHover_1rsx001_88)._disableBorder_1rsx001_70[data-extra-active-effect]{
115
+ ._clickable_1966in3_111:is([data-extra-hover-effect], ._hasGlowHover_1966in3_88)._disableBorder_1966in3_70[data-extra-active-effect]{
116
116
  --_rs-card-native-active-border-color:transparent;
117
117
  }
118
118
 
119
- ._clickable_1rsx001_111 {
119
+ ._clickable_1966in3_111 {
120
120
 
121
121
  --_rs-card-env-background:var(
122
122
  --rs-card-static-background,
@@ -137,12 +137,12 @@
137
137
  --_rs-card-css-border:none;
138
138
  }
139
139
 
140
- ._clickable_1rsx001_111._legacyBorder_1rsx001_133{
140
+ ._clickable_1966in3_111._legacyBorder_1966in3_133{
141
141
  --_rs-card-css-padding:calc(var(--_rs-card-padding-final) - var(--_rs-card-env-border-width));
142
142
  --_rs-card-css-border:var(--_rs-card-env-border-width) solid var(--_rs-card-env-border-color);
143
143
  }
144
144
 
145
- ._clickable_1rsx001_111 {
145
+ ._clickable_1966in3_111 {
146
146
  --rs-out-card-padding:var(--_rs-card-padding-final);
147
147
  --rs-out-card-border-radius:var(--_rs-card-border-radius-final);
148
148
  --rs-out-card-border-width:var(--_rs-card-env-border-width);
@@ -173,7 +173,7 @@
173
173
  appearance:none;
174
174
  }
175
175
 
176
- ._clickable_1rsx001_111:not(._legacyBorder_1rsx001_133)::after{
176
+ ._clickable_1966in3_111:not(._legacyBorder_1966in3_133)::after{
177
177
  position:absolute;
178
178
  top:0;
179
179
  right:0;
@@ -192,13 +192,13 @@
192
192
  transition:box-shadow 100ms var(--rs-transition-function, ease);
193
193
  }
194
194
 
195
- ._clickable_1rsx001_111,
196
- ._clickable_1rsx001_111:hover{
195
+ ._clickable_1966in3_111,
196
+ ._clickable_1966in3_111:hover{
197
197
  text-decoration:none;
198
198
  }
199
199
 
200
200
  @media (hover: hover){
201
- ._clickable_1rsx001_111:hover{
201
+ ._clickable_1966in3_111:hover{
202
202
  --rs-theme-flip:var(--_rs-card-states-theme-flip);
203
203
 
204
204
  --_rs-card-env-background:var(
@@ -213,7 +213,7 @@
213
213
  }
214
214
  }
215
215
 
216
- ._clickable_1rsx001_111:focus-visible{
216
+ ._clickable_1966in3_111:focus-visible{
217
217
  --rs-theme-flip:var(--_rs-card-states-theme-flip);
218
218
 
219
219
  --_rs-card-env-background:var(
@@ -228,7 +228,7 @@
228
228
  outline:none;
229
229
  }
230
230
 
231
- ._clickable_1rsx001_111:active{
231
+ ._clickable_1966in3_111:active{
232
232
  --rs-theme-flip:var(--_rs-card-states-theme-flip);
233
233
 
234
234
  --_rs-card-env-background:var(
@@ -245,7 +245,7 @@
245
245
  );
246
246
  }
247
247
 
248
- ._tile_1rsx001_247{
248
+ ._tile_1966in3_247{
249
249
  --_rs-theme-dark:var(
250
250
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
251
251
  var(--rs-theme-dark, 0)
@@ -256,11 +256,11 @@
256
256
  --_rs-card-native-static-border-color:var(--_rs-card-grey-border-color);
257
257
  }
258
258
 
259
- ._tile_1rsx001_247._disableBorder_1rsx001_70{
259
+ ._tile_1966in3_247._disableBorder_1966in3_70{
260
260
  --_rs-card-native-static-border-color:transparent;
261
261
  }
262
262
 
263
- ._tile_1rsx001_247 {
263
+ ._tile_1966in3_247 {
264
264
 
265
265
  --_rs-card-env-background:var(
266
266
  --rs-card-static-background,
@@ -281,12 +281,12 @@
281
281
  --_rs-card-css-border:none;
282
282
  }
283
283
 
284
- ._tile_1rsx001_247._legacyBorder_1rsx001_133{
284
+ ._tile_1966in3_247._legacyBorder_1966in3_133{
285
285
  --_rs-card-css-padding:calc(var(--_rs-card-padding-final) - var(--_rs-card-env-border-width));
286
286
  --_rs-card-css-border:var(--_rs-card-env-border-width) solid var(--_rs-card-env-border-color);
287
287
  }
288
288
 
289
- ._tile_1rsx001_247 {
289
+ ._tile_1966in3_247 {
290
290
  --rs-out-card-padding:var(--_rs-card-padding-final);
291
291
  --rs-out-card-border-radius:var(--_rs-card-border-radius-final);
292
292
  --rs-out-card-border-width:var(--_rs-card-env-border-width);
@@ -318,7 +318,7 @@
318
318
  appearance:none;
319
319
  }
320
320
 
321
- ._tile_1rsx001_247:not(._legacyBorder_1rsx001_133)::after{
321
+ ._tile_1966in3_247:not(._legacyBorder_1966in3_133)::after{
322
322
  position:absolute;
323
323
  top:0;
324
324
  right:0;
@@ -335,20 +335,20 @@
335
335
  box-shadow:inset 0 0 0 var(--_rs-card-env-border-width) var(--_rs-card-env-border-color);
336
336
  }
337
337
 
338
- ._fixedImageHeight_1rsx001_323{
338
+ ._fixedImageHeight_1966in3_323{
339
339
  height:calc(188px + var(--_rs-card-padding-final));
340
340
  max-height:calc(188px + var(--_rs-card-padding-final));
341
341
  }
342
342
 
343
- ._fixedImageHeight_1rsx001_323 img{
343
+ ._fixedImageHeight_1966in3_323 img{
344
344
  height:100%;
345
345
  }
346
346
 
347
- ._fullImageWidth_1rsx001_332 img{
347
+ ._fullImageWidth_1966in3_332 img{
348
348
  width:100%;
349
349
  }
350
350
 
351
- ._cardImage_1rsx001_336{
351
+ ._cardImage_1966in3_336{
352
352
  position:relative;
353
353
 
354
354
  overflow:hidden;
@@ -356,7 +356,7 @@
356
356
  box-sizing:border-box;
357
357
  }
358
358
 
359
- ._cardImageImg_1rsx001_344{
359
+ ._cardImageImg_1966in3_344{
360
360
  top:calc(var(--_rs-card-padding-final)*-1);
361
361
  left:calc(var(--_rs-card-padding-final)*-1);
362
362
 
@@ -367,21 +367,21 @@
367
367
  width:calc(100% + var(--_rs-card-padding-final)*2);
368
368
  }
369
369
 
370
- ._cardImageImg_1rsx001_344 img{
370
+ ._cardImageImg_1966in3_344 img{
371
371
  max-width:100%;
372
372
  max-height:100%;
373
373
  }
374
374
 
375
- ._clickable_1rsx001_111 ._cardImageImg_1rsx001_344 img{
375
+ ._clickable_1966in3_111 ._cardImageImg_1966in3_344 img{
376
376
  transition:transform 0.2s var(--rs-transition-function, ease);
377
377
  transform:scale(1);
378
378
  }
379
379
 
380
- ._clickable_1rsx001_111:hover ._cardImageImg_1rsx001_344 img{
380
+ ._clickable_1966in3_111:hover ._cardImageImg_1966in3_344 img{
381
381
  transform:scale(1.1);
382
382
  }
383
383
 
384
- ._cardImageDiv_1rsx001_369{
384
+ ._cardImageDiv_1966in3_369{
385
385
  top:calc(var(--_rs-card-padding-final)*-1);
386
386
  left:calc(var(--_rs-card-padding-final)*-1);
387
387
 
@@ -398,16 +398,16 @@
398
398
  background-size:100% 100%;
399
399
  }
400
400
 
401
- ._clickable_1rsx001_111 ._cardImageDiv_1rsx001_369{
401
+ ._clickable_1966in3_111 ._cardImageDiv_1966in3_369{
402
402
  transition:background-size 0.2s var(--rs-transition-function, ease);
403
403
  }
404
404
 
405
- ._clickable_1rsx001_111:hover ._cardImageDiv_1rsx001_369{
405
+ ._clickable_1966in3_111:hover ._cardImageDiv_1966in3_369{
406
406
  background-size:110% 110%;
407
407
  }
408
408
 
409
409
  @media (hover: hover){
410
- ._clickable_1rsx001_111:hover ._innerLink_1rsx001_394{
410
+ ._clickable_1966in3_111:hover ._innerLink_1966in3_394{
411
411
  --_rs-typography-link-padding-bottom-from-state-hover:calc(1px - var(--_rs-typography-link-hover-underline-width-difference-wf));
412
412
  --_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));
413
413
  --_rs-typography-link-border-bottom-color-from-state-hover:var(
@@ -429,14 +429,14 @@
429
429
  }
430
430
  }
431
431
 
432
- ._clickable_1rsx001_111:focus-visible ._innerLink_1rsx001_394{
432
+ ._clickable_1966in3_111:focus-visible ._innerLink_1966in3_394{
433
433
  --_rs-typography-link-box-shadow-from-state-focus-visible:var(
434
434
  --_rs-color-primary
435
435
  ) 0 0 0 4px;
436
436
  }
437
437
 
438
438
  @media (hover: hover){
439
- ._clickable_1rsx001_111:hover ._innerButton_1rsx001_406{
439
+ ._clickable_1966in3_111:hover ._innerButton_1966in3_406{
440
440
  --_rs-button-border-inner-color:rgba(
441
441
  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),
442
442
  calc(0.3 + var(--_rs-theme-dark-coefficient, 0)*0.1)
@@ -445,7 +445,7 @@
445
445
  }
446
446
  }
447
447
 
448
- ._clickable_1rsx001_111:active ._innerButton_1rsx001_406{
448
+ ._clickable_1966in3_111:active ._innerButton_1966in3_406{
449
449
  --_rs-button-border-inner-width:2px;
450
450
  --_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));
451
451
  --_rs-button-background-from-state-active:var(
@@ -453,13 +453,13 @@
453
453
  );
454
454
  }
455
455
 
456
- ._clickable_1rsx001_111:focus-visible ._innerButton_1rsx001_406{
456
+ ._clickable_1966in3_111:focus-visible ._innerButton_1966in3_406{
457
457
  --_rs-button-box-shadow-from-state-focus-visible:var(
458
458
  --_rs-color-primary-t-dim
459
459
  ) 0 0 0 4px;
460
460
  }
461
461
 
462
- ._clickable_1rsx001_111:active:focus-visible:not(:hover) ._innerButton_1rsx001_406{
462
+ ._clickable_1966in3_111:active:focus-visible:not(:hover) ._innerButton_1966in3_406{
463
463
  --_rs-button-background-from-state-active-focus-visible-no-hover:var(
464
464
  --_rs-button-active-focus-visible-no-hover-background
465
465
  );
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/card",
3
- "version": "0.15.0",
3
+ "version": "0.15.1",
4
4
  "description": "",
5
5
  "main": "lib/index.js",
6
6
  "module": "lib/index.js",
@@ -19,22 +19,22 @@
19
19
  "react-compiler-runtime": "^1.0.0"
20
20
  },
21
21
  "peerDependencies": {
22
- "@rescui/ui-contexts": "^0.6.0",
22
+ "@rescui/ui-contexts": "^0.7.0",
23
23
  "prop-types": "^15",
24
24
  "react": ">=17.0.0 <20"
25
25
  },
26
26
  "devDependencies": {
27
27
  "@jetbrains/logos": "^1.4.16",
28
- "@rescui/button": "^0.25.0",
28
+ "@rescui/button": "^0.25.1",
29
29
  "@rescui/colors": "^0.3.4",
30
30
  "@rescui/postcss-preset-library": "^0.2.3",
31
31
  "@rescui/scripts": "^0.5.3",
32
- "@rescui/typography": "^0.28.0",
32
+ "@rescui/typography": "^0.28.1",
33
33
  "@rescui/visual-regression": "^0.1.4"
34
34
  },
35
35
  "scripts": {
36
36
  "build": "rescui-scripts build"
37
37
  },
38
38
  "nx": {},
39
- "gitHead": "8ffbbe20b8bcbb9ea15204113ab603675d4c03cd"
39
+ "gitHead": "ce4c6c5e3fd5aede0006f6ef8e655fc0ab394c0f"
40
40
  }