@rescui/card 0.14.1-RUI-293-Update-menu-component-6ca9d26d3.22 → 0.14.1-RUI-293-Update-menu-component-hover-icon-d8a5b0551.33

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.
@@ -1,29 +1,29 @@
1
1
  var styles = {
2
- "themeLight": "_themeLight_1dp5o4j_8",
3
- "themeDark": "_themeDark_1dp5o4j_11",
4
- "padding0": "_padding0_1dp5o4j_15",
5
- "padding16": "_padding16_1dp5o4j_18",
6
- "padding24": "_padding24_1dp5o4j_21",
7
- "padding32": "_padding32_1dp5o4j_24",
8
- "borderRadius0": "_borderRadius0_1dp5o4j_28",
9
- "borderRadius8": "_borderRadius8_1dp5o4j_31",
10
- "borderRadius16": "_borderRadius16_1dp5o4j_34",
11
- "borderRadius24": "_borderRadius24_1dp5o4j_37",
12
- "modeClassic": "_modeClassic_1dp5o4j_41",
13
- "modeRock": "_modeRock_1dp5o4j_51",
14
- "transparentBorderTrue": "_transparentBorderTrue_1dp5o4j_60",
15
- "transparentBorderFalse": "_transparentBorderFalse_1dp5o4j_63",
16
- "clickable": "_clickable_1dp5o4j_111",
17
- "disableBorder": "_disableBorder_1dp5o4j_70",
18
- "hasGlowHover": "_hasGlowHover_1dp5o4j_88",
19
- "legacyBorder": "_legacyBorder_1dp5o4j_133",
20
- "tile": "_tile_1dp5o4j_247",
21
- "fixedImageHeight": "_fixedImageHeight_1dp5o4j_323",
22
- "fullImageWidth": "_fullImageWidth_1dp5o4j_332",
23
- "cardImage": "_cardImage_1dp5o4j_336",
24
- "cardImageImg": "_cardImageImg_1dp5o4j_344",
25
- "cardImageDiv": "_cardImageDiv_1dp5o4j_369",
26
- "innerLink": "_innerLink_1dp5o4j_394",
27
- "innerButton": "_innerButton_1dp5o4j_406"
2
+ "themeLight": "_themeLight_t3dzwh_8",
3
+ "themeDark": "_themeDark_t3dzwh_11",
4
+ "padding0": "_padding0_t3dzwh_15",
5
+ "padding16": "_padding16_t3dzwh_18",
6
+ "padding24": "_padding24_t3dzwh_21",
7
+ "padding32": "_padding32_t3dzwh_24",
8
+ "borderRadius0": "_borderRadius0_t3dzwh_28",
9
+ "borderRadius8": "_borderRadius8_t3dzwh_31",
10
+ "borderRadius16": "_borderRadius16_t3dzwh_34",
11
+ "borderRadius24": "_borderRadius24_t3dzwh_37",
12
+ "modeClassic": "_modeClassic_t3dzwh_41",
13
+ "modeRock": "_modeRock_t3dzwh_51",
14
+ "transparentBorderTrue": "_transparentBorderTrue_t3dzwh_60",
15
+ "transparentBorderFalse": "_transparentBorderFalse_t3dzwh_63",
16
+ "clickable": "_clickable_t3dzwh_111",
17
+ "disableBorder": "_disableBorder_t3dzwh_70",
18
+ "hasGlowHover": "_hasGlowHover_t3dzwh_88",
19
+ "legacyBorder": "_legacyBorder_t3dzwh_133",
20
+ "tile": "_tile_t3dzwh_247",
21
+ "fixedImageHeight": "_fixedImageHeight_t3dzwh_323",
22
+ "fullImageWidth": "_fullImageWidth_t3dzwh_332",
23
+ "cardImage": "_cardImage_t3dzwh_336",
24
+ "cardImageImg": "_cardImageImg_t3dzwh_344",
25
+ "cardImageDiv": "_cardImageDiv_t3dzwh_369",
26
+ "innerLink": "_innerLink_t3dzwh_394",
27
+ "innerButton": "_innerButton_t3dzwh_406"
28
28
  };
29
29
  export { styles as default };
package/lib/index.css CHANGED
@@ -1,44 +1,44 @@
1
- ._themeLight_1dp5o4j_8{
1
+ ._themeLight_t3dzwh_8{
2
2
  --rs-theme-dark:0;
3
3
  }
4
4
 
5
- ._themeDark_1dp5o4j_11{
5
+ ._themeDark_t3dzwh_11{
6
6
  --rs-theme-dark:1;
7
7
  }
8
8
 
9
- ._padding0_1dp5o4j_15{
9
+ ._padding0_t3dzwh_15{
10
10
  --_rs-card-padding:0px;
11
11
  }
12
12
 
13
- ._padding16_1dp5o4j_18{
13
+ ._padding16_t3dzwh_18{
14
14
  --_rs-card-padding:16px;
15
15
  }
16
16
 
17
- ._padding24_1dp5o4j_21{
17
+ ._padding24_t3dzwh_21{
18
18
  --_rs-card-padding:24px;
19
19
  }
20
20
 
21
- ._padding32_1dp5o4j_24{
21
+ ._padding32_t3dzwh_24{
22
22
  --_rs-card-padding:32px;
23
23
  }
24
24
 
25
- ._borderRadius0_1dp5o4j_28{
25
+ ._borderRadius0_t3dzwh_28{
26
26
  --_rs-card-border-radius:0px;
27
27
  }
28
28
 
29
- ._borderRadius8_1dp5o4j_31{
29
+ ._borderRadius8_t3dzwh_31{
30
30
  --_rs-card-border-radius:8px;
31
31
  }
32
32
 
33
- ._borderRadius16_1dp5o4j_34{
33
+ ._borderRadius16_t3dzwh_34{
34
34
  --_rs-card-border-radius:16px;
35
35
  }
36
36
 
37
- ._borderRadius24_1dp5o4j_37{
37
+ ._borderRadius24_t3dzwh_37{
38
38
  --_rs-card-border-radius:24px;
39
39
  }
40
40
 
41
- ._modeClassic_1dp5o4j_41{
41
+ ._modeClassic_t3dzwh_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_1dp5o4j_51{
52
+ ._modeRock_t3dzwh_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_1dp5o4j_60{
61
+ ._transparentBorderTrue_t3dzwh_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_1dp5o4j_63{
65
+ ._transparentBorderFalse_t3dzwh_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_1dp5o4j_111{
69
+ ._clickable_t3dzwh_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_1dp5o4j_111._disableBorder_1dp5o4j_70{
80
+ ._clickable_t3dzwh_111._disableBorder_t3dzwh_70{
81
81
  --_rs-card-native-static-border-color:transparent;
82
82
  }
83
83
 
84
- ._clickable_1dp5o4j_111 {
84
+ ._clickable_t3dzwh_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_1dp5o4j_111:is([data-extra-hover-effect], ._hasGlowHover_1dp5o4j_88){
94
+ ._clickable_t3dzwh_111:is([data-extra-hover-effect], ._hasGlowHover_t3dzwh_88){
95
95
  --_rs-card-native-hover-border-color:var(--_rs-card-grey-border-color);
96
96
  }
97
97
 
98
- ._clickable_1dp5o4j_111:is([data-extra-hover-effect], ._hasGlowHover_1dp5o4j_88)[data-extra-active-effect]{
98
+ ._clickable_t3dzwh_111:is([data-extra-hover-effect], ._hasGlowHover_t3dzwh_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_1dp5o4j_111:is([data-extra-hover-effect], ._hasGlowHover_1dp5o4j_88)._disableBorder_1dp5o4j_70{
103
+ ._clickable_t3dzwh_111:is([data-extra-hover-effect], ._hasGlowHover_t3dzwh_88)._disableBorder_t3dzwh_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_1dp5o4j_111:is([data-extra-hover-effect], ._hasGlowHover_1dp5o4j_88)._disableBorder_1dp5o4j_70[data-extra-active-effect]{
109
+ ._clickable_t3dzwh_111:is([data-extra-hover-effect], ._hasGlowHover_t3dzwh_88)._disableBorder_t3dzwh_70[data-extra-active-effect]{
110
110
  --_rs-card-native-active-border-color:transparent;
111
111
  }
112
112
 
113
- ._clickable_1dp5o4j_111 {
113
+ ._clickable_t3dzwh_111 {
114
114
 
115
115
  --_rs-card-env-background:var(
116
116
  --rs-card-static-background,
@@ -131,12 +131,12 @@
131
131
  --_rs-card-css-border:none;
132
132
  }
133
133
 
134
- ._clickable_1dp5o4j_111._legacyBorder_1dp5o4j_133{
134
+ ._clickable_t3dzwh_111._legacyBorder_t3dzwh_133{
135
135
  --_rs-card-css-padding:calc(var(--_rs-card-padding-final) - var(--_rs-card-env-border-width));
136
136
  --_rs-card-css-border:var(--_rs-card-env-border-width) solid var(--_rs-card-env-border-color);
137
137
  }
138
138
 
139
- ._clickable_1dp5o4j_111 {
139
+ ._clickable_t3dzwh_111 {
140
140
  --rs-out-card-padding:var(--_rs-card-padding-final);
141
141
  --rs-out-card-border-radius:var(--_rs-card-border-radius-final);
142
142
  --rs-out-card-border-width:var(--_rs-card-env-border-width);
@@ -167,7 +167,7 @@
167
167
  appearance:none;
168
168
  }
169
169
 
170
- ._clickable_1dp5o4j_111:not(._legacyBorder_1dp5o4j_133)::after{
170
+ ._clickable_t3dzwh_111:not(._legacyBorder_t3dzwh_133)::after{
171
171
  position:absolute;
172
172
  top:0;
173
173
  right:0;
@@ -186,13 +186,13 @@
186
186
  transition:box-shadow 100ms var(--rs-transition-function, ease);
187
187
  }
188
188
 
189
- ._clickable_1dp5o4j_111,
190
- ._clickable_1dp5o4j_111:hover{
189
+ ._clickable_t3dzwh_111,
190
+ ._clickable_t3dzwh_111:hover{
191
191
  text-decoration:none;
192
192
  }
193
193
 
194
194
  @media (hover: hover){
195
- ._clickable_1dp5o4j_111:hover{
195
+ ._clickable_t3dzwh_111:hover{
196
196
  --rs-theme-flip:var(--_rs-card-states-theme-flip);
197
197
 
198
198
  --_rs-card-env-background:var(
@@ -207,7 +207,7 @@
207
207
  }
208
208
  }
209
209
 
210
- ._clickable_1dp5o4j_111:focus-visible{
210
+ ._clickable_t3dzwh_111:focus-visible{
211
211
  --rs-theme-flip:var(--_rs-card-states-theme-flip);
212
212
 
213
213
  --_rs-card-env-background:var(
@@ -222,7 +222,7 @@
222
222
  outline:none;
223
223
  }
224
224
 
225
- ._clickable_1dp5o4j_111:active{
225
+ ._clickable_t3dzwh_111:active{
226
226
  --rs-theme-flip:var(--_rs-card-states-theme-flip);
227
227
 
228
228
  --_rs-card-env-background:var(
@@ -239,7 +239,7 @@
239
239
  );
240
240
  }
241
241
 
242
- ._tile_1dp5o4j_247{
242
+ ._tile_t3dzwh_247{
243
243
  --_rs-theme-dark:var(
244
244
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
245
245
  var(--rs-theme-dark, 0)
@@ -250,11 +250,11 @@
250
250
  --_rs-card-native-static-border-color:var(--_rs-card-grey-border-color);
251
251
  }
252
252
 
253
- ._tile_1dp5o4j_247._disableBorder_1dp5o4j_70{
253
+ ._tile_t3dzwh_247._disableBorder_t3dzwh_70{
254
254
  --_rs-card-native-static-border-color:transparent;
255
255
  }
256
256
 
257
- ._tile_1dp5o4j_247 {
257
+ ._tile_t3dzwh_247 {
258
258
 
259
259
  --_rs-card-env-background:var(
260
260
  --rs-card-static-background,
@@ -275,12 +275,12 @@
275
275
  --_rs-card-css-border:none;
276
276
  }
277
277
 
278
- ._tile_1dp5o4j_247._legacyBorder_1dp5o4j_133{
278
+ ._tile_t3dzwh_247._legacyBorder_t3dzwh_133{
279
279
  --_rs-card-css-padding:calc(var(--_rs-card-padding-final) - var(--_rs-card-env-border-width));
280
280
  --_rs-card-css-border:var(--_rs-card-env-border-width) solid var(--_rs-card-env-border-color);
281
281
  }
282
282
 
283
- ._tile_1dp5o4j_247 {
283
+ ._tile_t3dzwh_247 {
284
284
  --rs-out-card-padding:var(--_rs-card-padding-final);
285
285
  --rs-out-card-border-radius:var(--_rs-card-border-radius-final);
286
286
  --rs-out-card-border-width:var(--_rs-card-env-border-width);
@@ -312,7 +312,7 @@
312
312
  appearance:none;
313
313
  }
314
314
 
315
- ._tile_1dp5o4j_247:not(._legacyBorder_1dp5o4j_133)::after{
315
+ ._tile_t3dzwh_247:not(._legacyBorder_t3dzwh_133)::after{
316
316
  position:absolute;
317
317
  top:0;
318
318
  right:0;
@@ -329,20 +329,20 @@
329
329
  box-shadow:inset 0 0 0 var(--_rs-card-env-border-width) var(--_rs-card-env-border-color);
330
330
  }
331
331
 
332
- ._fixedImageHeight_1dp5o4j_323{
332
+ ._fixedImageHeight_t3dzwh_323{
333
333
  height:calc(188px + var(--_rs-card-padding-final));
334
334
  max-height:calc(188px + var(--_rs-card-padding-final));
335
335
  }
336
336
 
337
- ._fixedImageHeight_1dp5o4j_323 img{
337
+ ._fixedImageHeight_t3dzwh_323 img{
338
338
  height:100%;
339
339
  }
340
340
 
341
- ._fullImageWidth_1dp5o4j_332 img{
341
+ ._fullImageWidth_t3dzwh_332 img{
342
342
  width:100%;
343
343
  }
344
344
 
345
- ._cardImage_1dp5o4j_336{
345
+ ._cardImage_t3dzwh_336{
346
346
  position:relative;
347
347
 
348
348
  overflow:hidden;
@@ -350,7 +350,7 @@
350
350
  box-sizing:border-box;
351
351
  }
352
352
 
353
- ._cardImageImg_1dp5o4j_344{
353
+ ._cardImageImg_t3dzwh_344{
354
354
  top:calc(var(--_rs-card-padding-final)*-1);
355
355
  left:calc(var(--_rs-card-padding-final)*-1);
356
356
 
@@ -361,21 +361,21 @@
361
361
  width:calc(100% + var(--_rs-card-padding-final)*2);
362
362
  }
363
363
 
364
- ._cardImageImg_1dp5o4j_344 img{
364
+ ._cardImageImg_t3dzwh_344 img{
365
365
  max-width:100%;
366
366
  max-height:100%;
367
367
  }
368
368
 
369
- ._clickable_1dp5o4j_111 ._cardImageImg_1dp5o4j_344 img{
369
+ ._clickable_t3dzwh_111 ._cardImageImg_t3dzwh_344 img{
370
370
  transition:transform 0.2s var(--rs-transition-function, ease);
371
371
  transform:scale(1);
372
372
  }
373
373
 
374
- ._clickable_1dp5o4j_111:hover ._cardImageImg_1dp5o4j_344 img{
374
+ ._clickable_t3dzwh_111:hover ._cardImageImg_t3dzwh_344 img{
375
375
  transform:scale(1.1);
376
376
  }
377
377
 
378
- ._cardImageDiv_1dp5o4j_369{
378
+ ._cardImageDiv_t3dzwh_369{
379
379
  top:calc(var(--_rs-card-padding-final)*-1);
380
380
  left:calc(var(--_rs-card-padding-final)*-1);
381
381
 
@@ -392,16 +392,16 @@
392
392
  background-size:100% 100%;
393
393
  }
394
394
 
395
- ._clickable_1dp5o4j_111 ._cardImageDiv_1dp5o4j_369{
395
+ ._clickable_t3dzwh_111 ._cardImageDiv_t3dzwh_369{
396
396
  transition:background-size 0.2s var(--rs-transition-function, ease);
397
397
  }
398
398
 
399
- ._clickable_1dp5o4j_111:hover ._cardImageDiv_1dp5o4j_369{
399
+ ._clickable_t3dzwh_111:hover ._cardImageDiv_t3dzwh_369{
400
400
  background-size:110% 110%;
401
401
  }
402
402
 
403
403
  @media (hover: hover){
404
- ._clickable_1dp5o4j_111:hover ._innerLink_1dp5o4j_394{
404
+ ._clickable_t3dzwh_111:hover ._innerLink_t3dzwh_394{
405
405
  --_rs-typography-link-padding-bottom-from-state-hover:calc(1px - var(--_rs-typography-link-hover-underline-width-difference-wf));
406
406
  --_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));
407
407
  --_rs-typography-link-border-bottom-color-from-state-hover:var(
@@ -423,14 +423,14 @@
423
423
  }
424
424
  }
425
425
 
426
- ._clickable_1dp5o4j_111:focus-visible ._innerLink_1dp5o4j_394{
426
+ ._clickable_t3dzwh_111:focus-visible ._innerLink_t3dzwh_394{
427
427
  --_rs-typography-link-box-shadow-from-state-focus-visible:var(
428
428
  --_rs-color-primary
429
429
  ) 0 0 0 4px;
430
430
  }
431
431
 
432
432
  @media (hover: hover){
433
- ._clickable_1dp5o4j_111:hover ._innerButton_1dp5o4j_406{
433
+ ._clickable_t3dzwh_111:hover ._innerButton_t3dzwh_406{
434
434
  --_rs-button-border-inner-color:rgba(
435
435
  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),
436
436
  calc(0.3 + var(--_rs-theme-dark-coefficient, 0)*0.1)
@@ -439,7 +439,7 @@
439
439
  }
440
440
  }
441
441
 
442
- ._clickable_1dp5o4j_111:active ._innerButton_1dp5o4j_406{
442
+ ._clickable_t3dzwh_111:active ._innerButton_t3dzwh_406{
443
443
  --_rs-button-border-inner-width:2px;
444
444
  --_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));
445
445
  --_rs-button-background-from-state-active:var(
@@ -447,13 +447,13 @@
447
447
  );
448
448
  }
449
449
 
450
- ._clickable_1dp5o4j_111:focus-visible ._innerButton_1dp5o4j_406{
450
+ ._clickable_t3dzwh_111:focus-visible ._innerButton_t3dzwh_406{
451
451
  --_rs-button-box-shadow-from-state-focus-visible:var(
452
452
  --_rs-color-primary-t-dim
453
453
  ) 0 0 0 4px;
454
454
  }
455
455
 
456
- ._clickable_1dp5o4j_111:active:focus-visible:not(:hover) ._innerButton_1dp5o4j_406{
456
+ ._clickable_t3dzwh_111:active:focus-visible:not(:hover) ._innerButton_t3dzwh_406{
457
457
  --_rs-button-background-from-state-active-focus-visible-no-hover:var(
458
458
  --_rs-button-active-focus-visible-no-hover-background
459
459
  );
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/card",
3
- "version": "0.14.1-RUI-293-Update-menu-component-6ca9d26d3.22+6ca9d26d3",
3
+ "version": "0.14.1-RUI-293-Update-menu-component-hover-icon-d8a5b0551.33+d8a5b0551",
4
4
  "description": "",
5
5
  "main": "lib/index.js",
6
6
  "module": "lib/index.js",
@@ -24,16 +24,16 @@
24
24
  },
25
25
  "devDependencies": {
26
26
  "@jetbrains/logos": "^1.4.16",
27
- "@rescui/button": "0.24.1-RUI-293-Update-menu-component-6ca9d26d3.22+6ca9d26d3",
28
- "@rescui/colors": "0.3.1-RUI-293-Update-menu-component-6ca9d26d3.57+6ca9d26d3",
27
+ "@rescui/button": "0.24.1-RUI-293-Update-menu-component-hover-icon-d8a5b0551.33+d8a5b0551",
28
+ "@rescui/colors": "0.3.1-RUI-293-Update-menu-component-hover-icon-d8a5b0551.68+d8a5b0551",
29
29
  "@rescui/postcss-preset-library": "0.2.2",
30
30
  "@rescui/scripts": "0.5.2",
31
- "@rescui/typography": "0.27.1-RUI-293-Update-menu-component-6ca9d26d3.22+6ca9d26d3",
31
+ "@rescui/typography": "0.27.1-RUI-293-Update-menu-component-hover-icon-d8a5b0551.33+d8a5b0551",
32
32
  "@rescui/visual-regression": "0.1.4"
33
33
  },
34
34
  "scripts": {
35
35
  "build": "rescui-scripts build"
36
36
  },
37
37
  "nx": {},
38
- "gitHead": "6ca9d26d30da536dc5a10fdd86222129e2832efa"
38
+ "gitHead": "d8a5b055167d8b1ea55c32621655b8e0acc98a1a"
39
39
  }