@rescui/card 0.3.0 → 0.4.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 (5) hide show
  1. package/lib/card.d.ts +3 -1
  2. package/lib/card.js +3 -2
  3. package/lib/card.module.pcss.js +18 -17
  4. package/lib/index.css +105 -99
  5. package/package.json +4 -4
package/lib/card.d.ts CHANGED
@@ -21,6 +21,8 @@ export declare type CardProps = {
21
21
  };
22
22
  export declare type CardImgType = {
23
23
  cardImageType?: CardImageType;
24
+ /** Disable predefined image height, if you use this prop you should manually equalize image heights between cards on one row/group */
25
+ disableFixedHeight?: boolean;
24
26
  };
25
27
  export declare const cardCn: ({ isClickable, theme, mode, paddings, borderRadius, hasGlowHover }?: CardProps) => string;
26
- export declare const cardImageCn: ({ cardImageType }: CardImgType) => string;
28
+ export declare const cardImageCn: ({ cardImageType, disableFixedHeight }: CardImgType) => string;
package/lib/card.js CHANGED
@@ -51,9 +51,10 @@ var cardCn = function cardCn() {
51
51
  var cardImageCn = function cardImageCn(_ref2) {
52
52
  var _CARD_IMAGE_STYLES$ca;
53
53
 
54
- var cardImageType = _ref2.cardImageType;
54
+ var cardImageType = _ref2.cardImageType,
55
+ disableFixedHeight = _ref2.disableFixedHeight;
55
56
  var cardImgExtraStyles = (_CARD_IMAGE_STYLES$ca = CARD_IMAGE_STYLES[cardImageType]) !== null && _CARD_IMAGE_STYLES$ca !== void 0 ? _CARD_IMAGE_STYLES$ca : CARD_IMAGE_STYLES.cardImageDiv;
56
- return cn(styles.cardImage, cardImgExtraStyles);
57
+ return cn(styles.cardImage, cardImgExtraStyles, !disableFixedHeight && styles.fixedImageHeight);
57
58
  };
58
59
 
59
60
  export { cardCn, cardImageCn };
package/lib/card.module.pcss.js CHANGED
@@ -1,20 +1,21 @@
1
1
  var styles = {
2
- "card": "_card_1t123uy_5",
3
- "themeLight": "_themeLight_1t123uy_25",
4
- "themeDark": "_themeDark_1t123uy_31",
5
- "cardPlain": "_cardPlain_1t123uy_36",
6
- "modeClassic": "_modeClassic_1t123uy_36",
7
- "modeRock": "_modeRock_1t123uy_37",
8
- "paddings16": "_paddings16_1t123uy_150",
9
- "paddings24": "_paddings24_1t123uy_154",
10
- "paddings32": "_paddings32_1t123uy_158",
11
- "glowHover": "_glowHover_1t123uy_89",
12
- "bordersRadius0": "_bordersRadius0_1t123uy_162",
13
- "bordersRadius8": "_bordersRadius8_1t123uy_166",
14
- "bordersRadius16": "_bordersRadius16_1t123uy_170",
15
- "bordersRadius24": "_bordersRadius24_1t123uy_174",
16
- "cardImage": "_cardImage_1t123uy_178",
17
- "cardImageImg": "_cardImageImg_1t123uy_184",
18
- "cardImageDiv": "_cardImageDiv_1t123uy_222"
2
+ "card": "_card_e6dx53_5",
3
+ "themeLight": "_themeLight_e6dx53_25",
4
+ "themeDark": "_themeDark_e6dx53_31",
5
+ "cardPlain": "_cardPlain_e6dx53_36",
6
+ "modeClassic": "_modeClassic_e6dx53_36",
7
+ "modeRock": "_modeRock_e6dx53_37",
8
+ "paddings16": "_paddings16_e6dx53_150",
9
+ "paddings24": "_paddings24_e6dx53_154",
10
+ "paddings32": "_paddings32_e6dx53_158",
11
+ "glowHover": "_glowHover_e6dx53_89",
12
+ "bordersRadius0": "_bordersRadius0_e6dx53_162",
13
+ "bordersRadius8": "_bordersRadius8_e6dx53_166",
14
+ "bordersRadius16": "_bordersRadius16_e6dx53_170",
15
+ "bordersRadius24": "_bordersRadius24_e6dx53_174",
16
+ "cardImage": "_cardImage_e6dx53_178",
17
+ "cardImageImg": "_cardImageImg_e6dx53_184",
18
+ "cardImageDiv": "_cardImageDiv_e6dx53_222",
19
+ "fixedImageHeight": "_fixedImageHeight_e6dx53_256"
19
20
  };
20
21
  export default styles;
package/lib/index.css CHANGED
@@ -1,4 +1,4 @@
1
- ._card_1t123uy_5{
1
+ ._card_e6dx53_5{
2
2
  overflow:hidden;
3
3
  cursor:pointer;
4
4
  min-height:0;
@@ -13,126 +13,127 @@
13
13
  border-radius:var(--rs-card-border-radius, 0);
14
14
  -webkit-mask-image:-webkit-radial-gradient(white, black);
15
15
  }
16
- a._card_1t123uy_5{
16
+ a._card_e6dx53_5{
17
17
  display:block;
18
18
  text-decoration:none;
19
19
  }
20
- ._themeLight_1t123uy_25{
20
+ ._themeLight_e6dx53_25{
21
21
  border-color:rgba(25,25,28,0.2);
22
22
  border-color:var(--card-border-color, rgba(25,25,28,0.2));
23
23
  background-color:#FFFFFF;
24
24
  background-color:var(--card-background-color, #FFFFFF);
25
25
  }
26
- ._themeDark_1t123uy_31{
26
+ ._themeDark_e6dx53_31{
27
27
  border-color:rgba(255,255,255,0.2);
28
28
  border-color:var(--card-border-color, rgba(255,255,255,0.2));
29
29
  background-color:#303033;
30
30
  background-color:var(--card-background-color, #303033);
31
31
  }
32
- ._cardPlain_1t123uy_36._modeClassic_1t123uy_36,
33
- ._cardPlain_1t123uy_36._modeRock_1t123uy_37{
32
+ ._cardPlain_e6dx53_36._modeClassic_e6dx53_36,
33
+ ._cardPlain_e6dx53_36._modeRock_e6dx53_37{
34
34
  cursor:default;
35
35
  }
36
- ._cardPlain_1t123uy_36._modeClassic_1t123uy_36._themeLight_1t123uy_25, ._cardPlain_1t123uy_36._modeRock_1t123uy_37._themeLight_1t123uy_25{
36
+ ._cardPlain_e6dx53_36._modeClassic_e6dx53_36._themeLight_e6dx53_25, ._cardPlain_e6dx53_36._modeRock_e6dx53_37._themeLight_e6dx53_25{
37
37
  --card-border-color:rgba(25,25,28,0.2);
38
38
  }
39
- ._cardPlain_1t123uy_36._modeClassic_1t123uy_36._themeLight_1t123uy_25:hover,
40
- ._cardPlain_1t123uy_36._modeClassic_1t123uy_36._themeLight_1t123uy_25:focus,
41
- ._cardPlain_1t123uy_36._modeClassic_1t123uy_36._themeLight_1t123uy_25:active,
42
- ._cardPlain_1t123uy_36._modeRock_1t123uy_37._themeLight_1t123uy_25:hover,
43
- ._cardPlain_1t123uy_36._modeRock_1t123uy_37._themeLight_1t123uy_25:focus,
44
- ._cardPlain_1t123uy_36._modeRock_1t123uy_37._themeLight_1t123uy_25:active{
39
+ ._cardPlain_e6dx53_36._modeClassic_e6dx53_36._themeLight_e6dx53_25:hover,
40
+ ._cardPlain_e6dx53_36._modeClassic_e6dx53_36._themeLight_e6dx53_25:focus,
41
+ ._cardPlain_e6dx53_36._modeClassic_e6dx53_36._themeLight_e6dx53_25:active,
42
+ ._cardPlain_e6dx53_36._modeRock_e6dx53_37._themeLight_e6dx53_25:hover,
43
+ ._cardPlain_e6dx53_36._modeRock_e6dx53_37._themeLight_e6dx53_25:focus,
44
+ ._cardPlain_e6dx53_36._modeRock_e6dx53_37._themeLight_e6dx53_25:active{
45
45
  --card-border-color:rgba(25,25,28,0.2);
46
46
  }
47
- ._cardPlain_1t123uy_36._modeClassic_1t123uy_36._themeDark_1t123uy_31, ._cardPlain_1t123uy_36._modeRock_1t123uy_37._themeDark_1t123uy_31{
47
+ ._cardPlain_e6dx53_36._modeClassic_e6dx53_36._themeDark_e6dx53_31, ._cardPlain_e6dx53_36._modeRock_e6dx53_37._themeDark_e6dx53_31{
48
48
  --card-border-color:rgba(255,255,255,0.2);
49
49
  }
50
- ._cardPlain_1t123uy_36._modeClassic_1t123uy_36._themeDark_1t123uy_31:hover,
51
- ._cardPlain_1t123uy_36._modeClassic_1t123uy_36._themeDark_1t123uy_31:focus,
52
- ._cardPlain_1t123uy_36._modeClassic_1t123uy_36._themeDark_1t123uy_31:active,
53
- ._cardPlain_1t123uy_36._modeRock_1t123uy_37._themeDark_1t123uy_31:hover,
54
- ._cardPlain_1t123uy_36._modeRock_1t123uy_37._themeDark_1t123uy_31:focus,
55
- ._cardPlain_1t123uy_36._modeRock_1t123uy_37._themeDark_1t123uy_31:active{
50
+ ._cardPlain_e6dx53_36._modeClassic_e6dx53_36._themeDark_e6dx53_31:hover,
51
+ ._cardPlain_e6dx53_36._modeClassic_e6dx53_36._themeDark_e6dx53_31:focus,
52
+ ._cardPlain_e6dx53_36._modeClassic_e6dx53_36._themeDark_e6dx53_31:active,
53
+ ._cardPlain_e6dx53_36._modeRock_e6dx53_37._themeDark_e6dx53_31:hover,
54
+ ._cardPlain_e6dx53_36._modeRock_e6dx53_37._themeDark_e6dx53_31:focus,
55
+ ._cardPlain_e6dx53_36._modeRock_e6dx53_37._themeDark_e6dx53_31:active{
56
56
  --card-border-color:rgba(255,255,255,0.2);
57
57
  }
58
- ._cardPlain_1t123uy_36._modeClassic_1t123uy_36._themeLight_1t123uy_25:active, ._cardPlain_1t123uy_36._modeClassic_1t123uy_36._themeDark_1t123uy_31:active, ._cardPlain_1t123uy_36._modeRock_1t123uy_37._themeLight_1t123uy_25:active, ._cardPlain_1t123uy_36._modeRock_1t123uy_37._themeDark_1t123uy_31:active{
58
+ ._cardPlain_e6dx53_36._modeClassic_e6dx53_36._themeLight_e6dx53_25:active, ._cardPlain_e6dx53_36._modeClassic_e6dx53_36._themeDark_e6dx53_31:active, ._cardPlain_e6dx53_36._modeRock_e6dx53_37._themeLight_e6dx53_25:active, ._cardPlain_e6dx53_36._modeRock_e6dx53_37._themeDark_e6dx53_31:active{
59
59
  border-width:1px;
60
60
  }
61
- ._cardPlain_1t123uy_36._modeClassic_1t123uy_36._themeLight_1t123uy_25:active._paddings16_1t123uy_150, ._cardPlain_1t123uy_36._modeClassic_1t123uy_36._themeDark_1t123uy_31:active._paddings16_1t123uy_150, ._cardPlain_1t123uy_36._modeRock_1t123uy_37._themeLight_1t123uy_25:active._paddings16_1t123uy_150, ._cardPlain_1t123uy_36._modeRock_1t123uy_37._themeDark_1t123uy_31:active._paddings16_1t123uy_150{
61
+ ._cardPlain_e6dx53_36._modeClassic_e6dx53_36._themeLight_e6dx53_25:active._paddings16_e6dx53_150, ._cardPlain_e6dx53_36._modeClassic_e6dx53_36._themeDark_e6dx53_31:active._paddings16_e6dx53_150, ._cardPlain_e6dx53_36._modeRock_e6dx53_37._themeLight_e6dx53_25:active._paddings16_e6dx53_150, ._cardPlain_e6dx53_36._modeRock_e6dx53_37._themeDark_e6dx53_31:active._paddings16_e6dx53_150{
62
62
  padding:16px;
63
63
  }
64
- ._cardPlain_1t123uy_36._modeClassic_1t123uy_36._themeLight_1t123uy_25:active._paddings24_1t123uy_154, ._cardPlain_1t123uy_36._modeClassic_1t123uy_36._themeDark_1t123uy_31:active._paddings24_1t123uy_154, ._cardPlain_1t123uy_36._modeRock_1t123uy_37._themeLight_1t123uy_25:active._paddings24_1t123uy_154, ._cardPlain_1t123uy_36._modeRock_1t123uy_37._themeDark_1t123uy_31:active._paddings24_1t123uy_154{
64
+ ._cardPlain_e6dx53_36._modeClassic_e6dx53_36._themeLight_e6dx53_25:active._paddings24_e6dx53_154, ._cardPlain_e6dx53_36._modeClassic_e6dx53_36._themeDark_e6dx53_31:active._paddings24_e6dx53_154, ._cardPlain_e6dx53_36._modeRock_e6dx53_37._themeLight_e6dx53_25:active._paddings24_e6dx53_154, ._cardPlain_e6dx53_36._modeRock_e6dx53_37._themeDark_e6dx53_31:active._paddings24_e6dx53_154{
65
65
  padding:24px;
66
66
  }
67
- ._cardPlain_1t123uy_36._modeClassic_1t123uy_36._themeLight_1t123uy_25:active._paddings32_1t123uy_158, ._cardPlain_1t123uy_36._modeClassic_1t123uy_36._themeDark_1t123uy_31:active._paddings32_1t123uy_158, ._cardPlain_1t123uy_36._modeRock_1t123uy_37._themeLight_1t123uy_25:active._paddings32_1t123uy_158, ._cardPlain_1t123uy_36._modeRock_1t123uy_37._themeDark_1t123uy_31:active._paddings32_1t123uy_158{
67
+ ._cardPlain_e6dx53_36._modeClassic_e6dx53_36._themeLight_e6dx53_25:active._paddings32_e6dx53_158, ._cardPlain_e6dx53_36._modeClassic_e6dx53_36._themeDark_e6dx53_31:active._paddings32_e6dx53_158, ._cardPlain_e6dx53_36._modeRock_e6dx53_37._themeLight_e6dx53_25:active._paddings32_e6dx53_158, ._cardPlain_e6dx53_36._modeRock_e6dx53_37._themeDark_e6dx53_31:active._paddings32_e6dx53_158{
68
68
  padding:32px;
69
69
  }
70
- ._modeClassic_1t123uy_36._themeLight_1t123uy_25:hover,
71
- ._modeClassic_1t123uy_36._themeLight_1t123uy_25:focus,
72
- ._modeClassic_1t123uy_36._themeLight_1t123uy_25:active{
70
+ ._modeClassic_e6dx53_36._themeLight_e6dx53_25:hover,
71
+ ._modeClassic_e6dx53_36._themeLight_e6dx53_25:focus,
72
+ ._modeClassic_e6dx53_36._themeLight_e6dx53_25:active{
73
73
  --card-border-color:#19191C;
74
74
  }
75
- ._modeClassic_1t123uy_36._themeDark_1t123uy_31{
75
+ ._modeClassic_e6dx53_36._themeDark_e6dx53_31{
76
76
  --rs-typography-color-hard:#FFFFFF;
77
77
  --rs-typography-color-average:rgba(255,255,255,0.7);
78
78
  --rs-typography-color-pale:rgba(255,255,255,0.5);
79
79
  --rs-typography-pre-color:rgba(255,255,255,0.7);
80
80
  --rs-typography-pre-bg-color:rgba(255,255,255,0.1);
81
- --rs-typography-text-link-hover-color:#19191C;
81
+ --rs-typography-classic-link-underline-color:rgba(255,255,255,0.4);
82
+ --rs-typography-rock-link-hover-color:#19191C;
82
83
  }
83
- ._modeClassic_1t123uy_36._themeDark_1t123uy_31:hover,
84
- ._modeClassic_1t123uy_36._themeDark_1t123uy_31:focus,
85
- ._modeClassic_1t123uy_36._themeDark_1t123uy_31:active{
84
+ ._modeClassic_e6dx53_36._themeDark_e6dx53_31:hover,
85
+ ._modeClassic_e6dx53_36._themeDark_e6dx53_31:focus,
86
+ ._modeClassic_e6dx53_36._themeDark_e6dx53_31:active{
86
87
  --card-border-color:#FFFFFF;
87
88
  }
88
- ._modeClassic_1t123uy_36._glowHover_1t123uy_89._themeLight_1t123uy_25:hover,
89
- ._modeClassic_1t123uy_36._glowHover_1t123uy_89._themeLight_1t123uy_25:focus,
90
- ._modeClassic_1t123uy_36._glowHover_1t123uy_89._themeLight_1t123uy_25:active{
89
+ ._modeClassic_e6dx53_36._glowHover_e6dx53_89._themeLight_e6dx53_25:hover,
90
+ ._modeClassic_e6dx53_36._glowHover_e6dx53_89._themeLight_e6dx53_25:focus,
91
+ ._modeClassic_e6dx53_36._glowHover_e6dx53_89._themeLight_e6dx53_25:active{
91
92
  --card-border-color:rgba(25,25,28,0.2);
92
93
  }
93
- ._modeClassic_1t123uy_36._glowHover_1t123uy_89._themeLight_1t123uy_25:active{
94
+ ._modeClassic_e6dx53_36._glowHover_e6dx53_89._themeLight_e6dx53_25:active{
94
95
  border-width:1px;
95
96
  }
96
- ._modeClassic_1t123uy_36._glowHover_1t123uy_89._themeLight_1t123uy_25:active._paddings16_1t123uy_150{
97
+ ._modeClassic_e6dx53_36._glowHover_e6dx53_89._themeLight_e6dx53_25:active._paddings16_e6dx53_150{
97
98
  padding:16px;
98
99
  }
99
- ._modeClassic_1t123uy_36._glowHover_1t123uy_89._themeLight_1t123uy_25:active._paddings24_1t123uy_154{
100
+ ._modeClassic_e6dx53_36._glowHover_e6dx53_89._themeLight_e6dx53_25:active._paddings24_e6dx53_154{
100
101
  padding:24px;
101
102
  }
102
- ._modeClassic_1t123uy_36._glowHover_1t123uy_89._themeLight_1t123uy_25:active._paddings32_1t123uy_158{
103
+ ._modeClassic_e6dx53_36._glowHover_e6dx53_89._themeLight_e6dx53_25:active._paddings32_e6dx53_158{
103
104
  padding:32px;
104
105
  }
105
- ._modeClassic_1t123uy_36._glowHover_1t123uy_89._themeDark_1t123uy_31:hover,
106
- ._modeClassic_1t123uy_36._glowHover_1t123uy_89._themeDark_1t123uy_31:focus,
107
- ._modeClassic_1t123uy_36._glowHover_1t123uy_89._themeDark_1t123uy_31:active{
106
+ ._modeClassic_e6dx53_36._glowHover_e6dx53_89._themeDark_e6dx53_31:hover,
107
+ ._modeClassic_e6dx53_36._glowHover_e6dx53_89._themeDark_e6dx53_31:focus,
108
+ ._modeClassic_e6dx53_36._glowHover_e6dx53_89._themeDark_e6dx53_31:active{
108
109
  --card-border-color:rgba(255,255,255,0.2);
109
110
  }
110
- ._modeClassic_1t123uy_36._glowHover_1t123uy_89._themeDark_1t123uy_31:active{
111
+ ._modeClassic_e6dx53_36._glowHover_e6dx53_89._themeDark_e6dx53_31:active{
111
112
  border-width:1px;
112
113
  }
113
- ._modeClassic_1t123uy_36._glowHover_1t123uy_89._themeDark_1t123uy_31:active._paddings16_1t123uy_150{
114
+ ._modeClassic_e6dx53_36._glowHover_e6dx53_89._themeDark_e6dx53_31:active._paddings16_e6dx53_150{
114
115
  padding:16px;
115
116
  }
116
- ._modeClassic_1t123uy_36._glowHover_1t123uy_89._themeDark_1t123uy_31:active._paddings24_1t123uy_154{
117
+ ._modeClassic_e6dx53_36._glowHover_e6dx53_89._themeDark_e6dx53_31:active._paddings24_e6dx53_154{
117
118
  padding:24px;
118
119
  }
119
- ._modeClassic_1t123uy_36._glowHover_1t123uy_89._themeDark_1t123uy_31:active._paddings32_1t123uy_158{
120
+ ._modeClassic_e6dx53_36._glowHover_e6dx53_89._themeDark_e6dx53_31:active._paddings32_e6dx53_158{
120
121
  padding:32px;
121
122
  }
122
- ._modeClassic_1t123uy_36:active{
123
+ ._modeClassic_e6dx53_36:active{
123
124
  border-width:2px;
124
125
  }
125
- ._modeClassic_1t123uy_36:active._paddings16_1t123uy_150{
126
+ ._modeClassic_e6dx53_36:active._paddings16_e6dx53_150{
126
127
  padding:15px;
127
128
  }
128
- ._modeClassic_1t123uy_36:active._paddings24_1t123uy_154{
129
+ ._modeClassic_e6dx53_36:active._paddings24_e6dx53_154{
129
130
  padding:23px;
130
131
  }
131
- ._modeClassic_1t123uy_36:active._paddings32_1t123uy_158{
132
+ ._modeClassic_e6dx53_36:active._paddings32_e6dx53_158{
132
133
  padding:31px;
133
134
  }
134
- ._modeRock_1t123uy_37._themeLight_1t123uy_25:hover,
135
- ._modeRock_1t123uy_37._themeLight_1t123uy_25:focus{
135
+ ._modeRock_e6dx53_37._themeLight_e6dx53_25:hover,
136
+ ._modeRock_e6dx53_37._themeLight_e6dx53_25:focus{
136
137
  --card-border-color:rgba(25,25,28,0.2);
137
138
  --card-background-color:#19191C;
138
139
  --rs-typography-color-hard:#FFFFFF;
@@ -140,72 +141,77 @@ a._card_1t123uy_5{
140
141
  --rs-typography-color-pale:rgba(255,255,255,0.5);
141
142
  --rs-typography-pre-color:rgba(255,255,255,0.7);
142
143
  --rs-typography-pre-bg-color:rgba(255,255,255,0.1);
143
- --rs-typography-text-link-hover-color:#19191C;
144
+ --rs-typography-classic-link-underline-color:rgba(255,255,255,0.4);
145
+ --rs-typography-rock-link-hover-color:#19191C;
144
146
  }
145
- ._modeRock_1t123uy_37._themeLight_1t123uy_25:active{
147
+ ._modeRock_e6dx53_37._themeLight_e6dx53_25:active{
146
148
  background-color:#303033;
147
149
  --rs-typography-color-hard:#FFFFFF;
148
150
  --rs-typography-color-average:rgba(255,255,255,0.7);
149
151
  --rs-typography-color-pale:rgba(255,255,255,0.5);
150
152
  --rs-typography-pre-color:rgba(255,255,255,0.7);
151
153
  --rs-typography-pre-bg-color:rgba(255,255,255,0.1);
152
- --rs-typography-text-link-hover-color:#19191C;
154
+ --rs-typography-classic-link-underline-color:rgba(255,255,255,0.4);
155
+ --rs-typography-rock-link-hover-color:#19191C;
153
156
  }
154
- ._modeRock_1t123uy_37._themeDark_1t123uy_31{
157
+ ._modeRock_e6dx53_37._themeDark_e6dx53_31{
155
158
  --rs-typography-color-hard:#FFFFFF;
156
159
  --rs-typography-color-average:rgba(255,255,255,0.7);
157
160
  --rs-typography-color-pale:rgba(255,255,255,0.5);
158
161
  --rs-typography-pre-color:rgba(255,255,255,0.7);
159
162
  --rs-typography-pre-bg-color:rgba(255,255,255,0.1);
160
- --rs-typography-text-link-hover-color:#19191C;
163
+ --rs-typography-classic-link-underline-color:rgba(255,255,255,0.4);
164
+ --rs-typography-rock-link-hover-color:#19191C;
161
165
  }
162
- ._modeRock_1t123uy_37._themeDark_1t123uy_31:hover,
163
- ._modeRock_1t123uy_37._themeDark_1t123uy_31:focus{
166
+ ._modeRock_e6dx53_37._themeDark_e6dx53_31:hover,
167
+ ._modeRock_e6dx53_37._themeDark_e6dx53_31:focus{
164
168
  --card-background-color:#FFFFFF;
165
169
  --rs-typography-color-hard:#19191C;
166
170
  --rs-typography-color-average:rgba(25,25,28,0.7);
167
171
  --rs-typography-color-pale:rgba(25,25,28,0.5);
168
172
  --rs-typography-pre-color:#19191C;
169
173
  --rs-typography-pre-bg-color:rgba(25,25,28,0.1);
170
- --rs-typography-text-link-hover-color:#FFFFFF;
174
+ --rs-typography-classic-link-underline-color:rgba(25,25,28,0.4);
175
+ --rs-typography-rock-link-hover-color:#FFFFFF;
171
176
  }
172
- ._modeRock_1t123uy_37._themeDark_1t123uy_31:active{
177
+ ._modeRock_e6dx53_37._themeDark_e6dx53_31:active{
173
178
  --card-background-color:#F4F4F4;
174
179
  --rs-typography-color-hard:#19191C;
175
180
  --rs-typography-color-average:rgba(25,25,28,0.7);
176
181
  --rs-typography-color-pale:rgba(25,25,28,0.5);
177
182
  --rs-typography-pre-color:#19191C;
178
183
  --rs-typography-pre-bg-color:rgba(25,25,28,0.1);
179
- --rs-typography-text-link-hover-color:#FFFFFF;
184
+ --rs-typography-classic-link-underline-color:rgba(25,25,28,0.4);
185
+ --rs-typography-rock-link-hover-color:#FFFFFF;
180
186
  }
181
- ._paddings16_1t123uy_150{
187
+ ._paddings16_e6dx53_150{
182
188
  padding:16px;
183
189
  }
184
- ._paddings24_1t123uy_154{
190
+ ._paddings24_e6dx53_154{
185
191
  padding:24px;
186
192
  }
187
- ._paddings32_1t123uy_158{
193
+ ._paddings32_e6dx53_158{
188
194
  padding:32px;
189
195
  }
190
- ._bordersRadius0_1t123uy_162{
196
+ ._bordersRadius0_e6dx53_162{
191
197
  --rs-card-border-radius:0;
192
198
  }
193
- ._bordersRadius8_1t123uy_166{
199
+ ._bordersRadius8_e6dx53_166{
194
200
  --rs-card-border-radius:8px;
195
201
  }
196
- ._bordersRadius16_1t123uy_170{
202
+ ._bordersRadius16_e6dx53_170{
197
203
  --rs-card-border-radius:16px;
198
204
  }
199
- ._bordersRadius24_1t123uy_174{
205
+ ._bordersRadius24_e6dx53_174{
200
206
  --rs-card-border-radius:24px;
201
207
  }
202
- ._cardImage_1t123uy_178{
208
+ ._cardImage_e6dx53_178{
203
209
  -webkit-box-sizing:border-box;
204
210
  box-sizing:border-box;
205
211
  position:relative;
206
212
  overflow:hidden;
207
213
  }
208
- ._cardImageImg_1t123uy_184{
214
+ ._cardImageImg_e6dx53_184{
209
215
  display:block;
210
216
  -webkit-transition:-webkit-transform .2s;
211
217
  transition:-webkit-transform .2s;
@@ -214,32 +220,26 @@ a._card_1t123uy_5{
214
220
  -webkit-transform:scaleX(1);
215
221
  transform:scaleX(1);
216
222
  }
217
- ._paddings16_1t123uy_150 ._cardImageImg_1t123uy_184{
223
+ ._paddings16_e6dx53_150 ._cardImageImg_e6dx53_184{
218
224
  top:-16px;
219
225
  left:-16px;
220
226
  width:calc(100% + 32px);
221
- height:204px;
222
- max-height:204px;
223
227
  }
224
- ._paddings24_1t123uy_154 ._cardImageImg_1t123uy_184{
228
+ ._paddings24_e6dx53_154 ._cardImageImg_e6dx53_184{
225
229
  top:-24px;
226
230
  left:-24px;
227
231
  width:calc(100% + 48px);
228
- height:212px;
229
- max-height:212px;
230
232
  }
231
- ._paddings32_1t123uy_158 ._cardImageImg_1t123uy_184{
233
+ ._paddings32_e6dx53_158 ._cardImageImg_e6dx53_184{
232
234
  top:-32px;
233
235
  left:-32px;
234
236
  width:calc(100% + 64px);
235
- height:220px;
236
- max-height:220px;
237
237
  }
238
- ._bordersRadius8_1t123uy_166 ._cardImageImg_1t123uy_184 img{
238
+ ._bordersRadius8_e6dx53_166 ._cardImageImg_e6dx53_184 img{
239
239
  overflow:hidden;
240
240
  border-radius:8px;
241
241
  }
242
- ._card_1t123uy_5:hover ._cardImageImg_1t123uy_184{
242
+ ._card_e6dx53_5:hover ._cardImageImg_e6dx53_184{
243
243
  -webkit-transition:-webkit-transform .2s;
244
244
  transition:-webkit-transform .2s;
245
245
  transition:transform .2s;
@@ -247,14 +247,14 @@ a._card_1t123uy_5{
247
247
  -webkit-transform:scaleX(1.1);
248
248
  transform:scaleX(1.1);
249
249
  }
250
- ._card_1t123uy_5:hover ._cardImageImg_1t123uy_184 img{
250
+ ._card_e6dx53_5:hover ._cardImageImg_e6dx53_184 img{
251
251
  border-radius:8px;
252
252
  }
253
- ._card_1t123uy_5._cardPlain_1t123uy_36:hover ._cardImageImg_1t123uy_184{
253
+ ._card_e6dx53_5._cardPlain_e6dx53_36:hover ._cardImageImg_e6dx53_184{
254
254
  -webkit-transform:none;
255
255
  transform:none;
256
256
  }
257
- ._cardImageDiv_1t123uy_222{
257
+ ._cardImageDiv_e6dx53_222{
258
258
  display:-webkit-box;
259
259
  display:-ms-flexbox;
260
260
  display:flex;
@@ -272,47 +272,53 @@ a._card_1t123uy_5{
272
272
  background-position:center;
273
273
  background-size:auto 100%;
274
274
  }
275
- ._paddings16_1t123uy_150 ._cardImageDiv_1t123uy_222{
275
+ ._paddings16_e6dx53_150 ._cardImageDiv_e6dx53_222{
276
276
  top:-16px;
277
277
  left:-16px;
278
278
  padding:16px;
279
279
  width:calc(100% + 32px);
280
- height:204px;
281
- max-height:204px;
282
280
  }
283
- ._card_1t123uy_5:active ._paddings16_1t123uy_150 ._cardImageDiv_1t123uy_222{
281
+ ._card_e6dx53_5:active ._paddings16_e6dx53_150 ._cardImageDiv_e6dx53_222{
284
282
  padding:calc(16px - 1);
285
283
  }
286
- ._paddings24_1t123uy_154 ._cardImageDiv_1t123uy_222{
284
+ ._paddings24_e6dx53_154 ._cardImageDiv_e6dx53_222{
287
285
  top:-24px;
288
286
  left:-24px;
289
287
  padding:24px;
290
288
  width:calc(100% + 48px);
291
- height:212px;
292
- max-height:212px;
293
289
  }
294
- ._card_1t123uy_5:active ._paddings24_1t123uy_154 ._cardImageDiv_1t123uy_222{
290
+ ._card_e6dx53_5:active ._paddings24_e6dx53_154 ._cardImageDiv_e6dx53_222{
295
291
  padding:calc(24px - 1);
296
292
  }
297
- ._paddings32_1t123uy_158 ._cardImageDiv_1t123uy_222{
293
+ ._paddings32_e6dx53_158 ._cardImageDiv_e6dx53_222{
298
294
  top:-32px;
299
295
  left:-32px;
300
296
  padding:32px;
301
297
  width:calc(100% + 64px);
302
- height:220px;
303
- max-height:220px;
304
298
  }
305
- ._card_1t123uy_5:active ._paddings32_1t123uy_158 ._cardImageDiv_1t123uy_222{
299
+ ._card_e6dx53_5:active ._paddings32_e6dx53_158 ._cardImageDiv_e6dx53_222{
306
300
  padding:calc(32px - 1);
307
301
  }
308
- ._card_1t123uy_5:hover ._cardImageDiv_1t123uy_222{
302
+ ._card_e6dx53_5:hover ._cardImageDiv_e6dx53_222{
309
303
  background-size:auto 110%;
310
304
  -webkit-transition:background-size .2s;
311
305
  transition:background-size .2s;
312
306
  }
313
- ._card_1t123uy_5._cardPlain_1t123uy_36:hover ._cardImageDiv_1t123uy_222{
307
+ ._card_e6dx53_5._cardPlain_e6dx53_36:hover ._cardImageDiv_e6dx53_222{
314
308
  background-size:auto 100%;
315
309
  }
310
+ ._paddings16_e6dx53_150 ._fixedImageHeight_e6dx53_256{
311
+ height:204px;
312
+ max-height:204px;
313
+ }
314
+ ._paddings24_e6dx53_154 ._fixedImageHeight_e6dx53_256{
315
+ height:212px;
316
+ max-height:212px;
317
+ }
318
+ ._paddings32_e6dx53_158 ._fixedImageHeight_e6dx53_256{
319
+ height:220px;
320
+ max-height:220px;
321
+ }
316
322
 
317
323
 
318
324
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/card",
3
- "version": "0.3.0",
3
+ "version": "0.4.1",
4
4
  "description": "",
5
5
  "main": "lib/index.js",
6
6
  "module": "lib/index.ts",
@@ -24,14 +24,14 @@
24
24
  },
25
25
  "devDependencies": {
26
26
  "@jetbrains/logos": "^1.4.16",
27
- "@rescui/colors": "^0.0.6",
27
+ "@rescui/colors": "^0.1.0",
28
28
  "@rescui/postcss-preset-library": "^0.0.4",
29
29
  "@rescui/scripts": "^0.1.4",
30
- "@rescui/typography": "^0.4.0",
30
+ "@rescui/typography": "^0.6.0",
31
31
  "@rescui/visual-regression": "^0.0.1"
32
32
  },
33
33
  "scripts": {
34
34
  "build": "rescui-scripts build"
35
35
  },
36
- "gitHead": "6b1d206de2641861028760d73f33dee214c07911"
36
+ "gitHead": "91cb43cee6ffc54aae5360a73437d97c3f4ed36d"
37
37
  }