@rescui/card 0.3.1 → 0.4.0

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 +93 -93
  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_u9ppe7_5",
3
- "themeLight": "_themeLight_u9ppe7_25",
4
- "themeDark": "_themeDark_u9ppe7_31",
5
- "cardPlain": "_cardPlain_u9ppe7_36",
6
- "modeClassic": "_modeClassic_u9ppe7_36",
7
- "modeRock": "_modeRock_u9ppe7_37",
8
- "paddings16": "_paddings16_u9ppe7_150",
9
- "paddings24": "_paddings24_u9ppe7_154",
10
- "paddings32": "_paddings32_u9ppe7_158",
11
- "glowHover": "_glowHover_u9ppe7_89",
12
- "bordersRadius0": "_bordersRadius0_u9ppe7_162",
13
- "bordersRadius8": "_bordersRadius8_u9ppe7_166",
14
- "bordersRadius16": "_bordersRadius16_u9ppe7_170",
15
- "bordersRadius24": "_bordersRadius24_u9ppe7_174",
16
- "cardImage": "_cardImage_u9ppe7_178",
17
- "cardImageImg": "_cardImageImg_u9ppe7_184",
18
- "cardImageDiv": "_cardImageDiv_u9ppe7_222"
2
+ "card": "_card_mkwy7t_5",
3
+ "themeLight": "_themeLight_mkwy7t_25",
4
+ "themeDark": "_themeDark_mkwy7t_31",
5
+ "cardPlain": "_cardPlain_mkwy7t_36",
6
+ "modeClassic": "_modeClassic_mkwy7t_36",
7
+ "modeRock": "_modeRock_mkwy7t_37",
8
+ "paddings16": "_paddings16_mkwy7t_150",
9
+ "paddings24": "_paddings24_mkwy7t_154",
10
+ "paddings32": "_paddings32_mkwy7t_158",
11
+ "glowHover": "_glowHover_mkwy7t_89",
12
+ "bordersRadius0": "_bordersRadius0_mkwy7t_162",
13
+ "bordersRadius8": "_bordersRadius8_mkwy7t_166",
14
+ "bordersRadius16": "_bordersRadius16_mkwy7t_170",
15
+ "bordersRadius24": "_bordersRadius24_mkwy7t_174",
16
+ "cardImage": "_cardImage_mkwy7t_178",
17
+ "cardImageImg": "_cardImageImg_mkwy7t_184",
18
+ "cardImageDiv": "_cardImageDiv_mkwy7t_222",
19
+ "fixedImageHeight": "_fixedImageHeight_mkwy7t_256"
19
20
  };
20
21
  export default styles;
package/lib/index.css CHANGED
@@ -1,4 +1,4 @@
1
- ._card_u9ppe7_5{
1
+ ._card_mkwy7t_5{
2
2
  overflow:hidden;
3
3
  cursor:pointer;
4
4
  min-height:0;
@@ -13,66 +13,66 @@
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_u9ppe7_5{
16
+ a._card_mkwy7t_5{
17
17
  display:block;
18
18
  text-decoration:none;
19
19
  }
20
- ._themeLight_u9ppe7_25{
20
+ ._themeLight_mkwy7t_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_u9ppe7_31{
26
+ ._themeDark_mkwy7t_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_u9ppe7_36._modeClassic_u9ppe7_36,
33
- ._cardPlain_u9ppe7_36._modeRock_u9ppe7_37{
32
+ ._cardPlain_mkwy7t_36._modeClassic_mkwy7t_36,
33
+ ._cardPlain_mkwy7t_36._modeRock_mkwy7t_37{
34
34
  cursor:default;
35
35
  }
36
- ._cardPlain_u9ppe7_36._modeClassic_u9ppe7_36._themeLight_u9ppe7_25, ._cardPlain_u9ppe7_36._modeRock_u9ppe7_37._themeLight_u9ppe7_25{
36
+ ._cardPlain_mkwy7t_36._modeClassic_mkwy7t_36._themeLight_mkwy7t_25, ._cardPlain_mkwy7t_36._modeRock_mkwy7t_37._themeLight_mkwy7t_25{
37
37
  --card-border-color:rgba(25,25,28,0.2);
38
38
  }
39
- ._cardPlain_u9ppe7_36._modeClassic_u9ppe7_36._themeLight_u9ppe7_25:hover,
40
- ._cardPlain_u9ppe7_36._modeClassic_u9ppe7_36._themeLight_u9ppe7_25:focus,
41
- ._cardPlain_u9ppe7_36._modeClassic_u9ppe7_36._themeLight_u9ppe7_25:active,
42
- ._cardPlain_u9ppe7_36._modeRock_u9ppe7_37._themeLight_u9ppe7_25:hover,
43
- ._cardPlain_u9ppe7_36._modeRock_u9ppe7_37._themeLight_u9ppe7_25:focus,
44
- ._cardPlain_u9ppe7_36._modeRock_u9ppe7_37._themeLight_u9ppe7_25:active{
39
+ ._cardPlain_mkwy7t_36._modeClassic_mkwy7t_36._themeLight_mkwy7t_25:hover,
40
+ ._cardPlain_mkwy7t_36._modeClassic_mkwy7t_36._themeLight_mkwy7t_25:focus,
41
+ ._cardPlain_mkwy7t_36._modeClassic_mkwy7t_36._themeLight_mkwy7t_25:active,
42
+ ._cardPlain_mkwy7t_36._modeRock_mkwy7t_37._themeLight_mkwy7t_25:hover,
43
+ ._cardPlain_mkwy7t_36._modeRock_mkwy7t_37._themeLight_mkwy7t_25:focus,
44
+ ._cardPlain_mkwy7t_36._modeRock_mkwy7t_37._themeLight_mkwy7t_25:active{
45
45
  --card-border-color:rgba(25,25,28,0.2);
46
46
  }
47
- ._cardPlain_u9ppe7_36._modeClassic_u9ppe7_36._themeDark_u9ppe7_31, ._cardPlain_u9ppe7_36._modeRock_u9ppe7_37._themeDark_u9ppe7_31{
47
+ ._cardPlain_mkwy7t_36._modeClassic_mkwy7t_36._themeDark_mkwy7t_31, ._cardPlain_mkwy7t_36._modeRock_mkwy7t_37._themeDark_mkwy7t_31{
48
48
  --card-border-color:rgba(255,255,255,0.2);
49
49
  }
50
- ._cardPlain_u9ppe7_36._modeClassic_u9ppe7_36._themeDark_u9ppe7_31:hover,
51
- ._cardPlain_u9ppe7_36._modeClassic_u9ppe7_36._themeDark_u9ppe7_31:focus,
52
- ._cardPlain_u9ppe7_36._modeClassic_u9ppe7_36._themeDark_u9ppe7_31:active,
53
- ._cardPlain_u9ppe7_36._modeRock_u9ppe7_37._themeDark_u9ppe7_31:hover,
54
- ._cardPlain_u9ppe7_36._modeRock_u9ppe7_37._themeDark_u9ppe7_31:focus,
55
- ._cardPlain_u9ppe7_36._modeRock_u9ppe7_37._themeDark_u9ppe7_31:active{
50
+ ._cardPlain_mkwy7t_36._modeClassic_mkwy7t_36._themeDark_mkwy7t_31:hover,
51
+ ._cardPlain_mkwy7t_36._modeClassic_mkwy7t_36._themeDark_mkwy7t_31:focus,
52
+ ._cardPlain_mkwy7t_36._modeClassic_mkwy7t_36._themeDark_mkwy7t_31:active,
53
+ ._cardPlain_mkwy7t_36._modeRock_mkwy7t_37._themeDark_mkwy7t_31:hover,
54
+ ._cardPlain_mkwy7t_36._modeRock_mkwy7t_37._themeDark_mkwy7t_31:focus,
55
+ ._cardPlain_mkwy7t_36._modeRock_mkwy7t_37._themeDark_mkwy7t_31:active{
56
56
  --card-border-color:rgba(255,255,255,0.2);
57
57
  }
58
- ._cardPlain_u9ppe7_36._modeClassic_u9ppe7_36._themeLight_u9ppe7_25:active, ._cardPlain_u9ppe7_36._modeClassic_u9ppe7_36._themeDark_u9ppe7_31:active, ._cardPlain_u9ppe7_36._modeRock_u9ppe7_37._themeLight_u9ppe7_25:active, ._cardPlain_u9ppe7_36._modeRock_u9ppe7_37._themeDark_u9ppe7_31:active{
58
+ ._cardPlain_mkwy7t_36._modeClassic_mkwy7t_36._themeLight_mkwy7t_25:active, ._cardPlain_mkwy7t_36._modeClassic_mkwy7t_36._themeDark_mkwy7t_31:active, ._cardPlain_mkwy7t_36._modeRock_mkwy7t_37._themeLight_mkwy7t_25:active, ._cardPlain_mkwy7t_36._modeRock_mkwy7t_37._themeDark_mkwy7t_31:active{
59
59
  border-width:1px;
60
60
  }
61
- ._cardPlain_u9ppe7_36._modeClassic_u9ppe7_36._themeLight_u9ppe7_25:active._paddings16_u9ppe7_150, ._cardPlain_u9ppe7_36._modeClassic_u9ppe7_36._themeDark_u9ppe7_31:active._paddings16_u9ppe7_150, ._cardPlain_u9ppe7_36._modeRock_u9ppe7_37._themeLight_u9ppe7_25:active._paddings16_u9ppe7_150, ._cardPlain_u9ppe7_36._modeRock_u9ppe7_37._themeDark_u9ppe7_31:active._paddings16_u9ppe7_150{
61
+ ._cardPlain_mkwy7t_36._modeClassic_mkwy7t_36._themeLight_mkwy7t_25:active._paddings16_mkwy7t_150, ._cardPlain_mkwy7t_36._modeClassic_mkwy7t_36._themeDark_mkwy7t_31:active._paddings16_mkwy7t_150, ._cardPlain_mkwy7t_36._modeRock_mkwy7t_37._themeLight_mkwy7t_25:active._paddings16_mkwy7t_150, ._cardPlain_mkwy7t_36._modeRock_mkwy7t_37._themeDark_mkwy7t_31:active._paddings16_mkwy7t_150{
62
62
  padding:16px;
63
63
  }
64
- ._cardPlain_u9ppe7_36._modeClassic_u9ppe7_36._themeLight_u9ppe7_25:active._paddings24_u9ppe7_154, ._cardPlain_u9ppe7_36._modeClassic_u9ppe7_36._themeDark_u9ppe7_31:active._paddings24_u9ppe7_154, ._cardPlain_u9ppe7_36._modeRock_u9ppe7_37._themeLight_u9ppe7_25:active._paddings24_u9ppe7_154, ._cardPlain_u9ppe7_36._modeRock_u9ppe7_37._themeDark_u9ppe7_31:active._paddings24_u9ppe7_154{
64
+ ._cardPlain_mkwy7t_36._modeClassic_mkwy7t_36._themeLight_mkwy7t_25:active._paddings24_mkwy7t_154, ._cardPlain_mkwy7t_36._modeClassic_mkwy7t_36._themeDark_mkwy7t_31:active._paddings24_mkwy7t_154, ._cardPlain_mkwy7t_36._modeRock_mkwy7t_37._themeLight_mkwy7t_25:active._paddings24_mkwy7t_154, ._cardPlain_mkwy7t_36._modeRock_mkwy7t_37._themeDark_mkwy7t_31:active._paddings24_mkwy7t_154{
65
65
  padding:24px;
66
66
  }
67
- ._cardPlain_u9ppe7_36._modeClassic_u9ppe7_36._themeLight_u9ppe7_25:active._paddings32_u9ppe7_158, ._cardPlain_u9ppe7_36._modeClassic_u9ppe7_36._themeDark_u9ppe7_31:active._paddings32_u9ppe7_158, ._cardPlain_u9ppe7_36._modeRock_u9ppe7_37._themeLight_u9ppe7_25:active._paddings32_u9ppe7_158, ._cardPlain_u9ppe7_36._modeRock_u9ppe7_37._themeDark_u9ppe7_31:active._paddings32_u9ppe7_158{
67
+ ._cardPlain_mkwy7t_36._modeClassic_mkwy7t_36._themeLight_mkwy7t_25:active._paddings32_mkwy7t_158, ._cardPlain_mkwy7t_36._modeClassic_mkwy7t_36._themeDark_mkwy7t_31:active._paddings32_mkwy7t_158, ._cardPlain_mkwy7t_36._modeRock_mkwy7t_37._themeLight_mkwy7t_25:active._paddings32_mkwy7t_158, ._cardPlain_mkwy7t_36._modeRock_mkwy7t_37._themeDark_mkwy7t_31:active._paddings32_mkwy7t_158{
68
68
  padding:32px;
69
69
  }
70
- ._modeClassic_u9ppe7_36._themeLight_u9ppe7_25:hover,
71
- ._modeClassic_u9ppe7_36._themeLight_u9ppe7_25:focus,
72
- ._modeClassic_u9ppe7_36._themeLight_u9ppe7_25:active{
70
+ ._modeClassic_mkwy7t_36._themeLight_mkwy7t_25:hover,
71
+ ._modeClassic_mkwy7t_36._themeLight_mkwy7t_25:focus,
72
+ ._modeClassic_mkwy7t_36._themeLight_mkwy7t_25:active{
73
73
  --card-border-color:#19191C;
74
74
  }
75
- ._modeClassic_u9ppe7_36._themeDark_u9ppe7_31{
75
+ ._modeClassic_mkwy7t_36._themeDark_mkwy7t_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);
@@ -81,59 +81,59 @@ a._card_u9ppe7_5{
81
81
  --rs-typography-classic-link-underline-color:rgba(255,255,255,0.4);
82
82
  --rs-typography-rock-link-hover-color:#19191C;
83
83
  }
84
- ._modeClassic_u9ppe7_36._themeDark_u9ppe7_31:hover,
85
- ._modeClassic_u9ppe7_36._themeDark_u9ppe7_31:focus,
86
- ._modeClassic_u9ppe7_36._themeDark_u9ppe7_31:active{
84
+ ._modeClassic_mkwy7t_36._themeDark_mkwy7t_31:hover,
85
+ ._modeClassic_mkwy7t_36._themeDark_mkwy7t_31:focus,
86
+ ._modeClassic_mkwy7t_36._themeDark_mkwy7t_31:active{
87
87
  --card-border-color:#FFFFFF;
88
88
  }
89
- ._modeClassic_u9ppe7_36._glowHover_u9ppe7_89._themeLight_u9ppe7_25:hover,
90
- ._modeClassic_u9ppe7_36._glowHover_u9ppe7_89._themeLight_u9ppe7_25:focus,
91
- ._modeClassic_u9ppe7_36._glowHover_u9ppe7_89._themeLight_u9ppe7_25:active{
89
+ ._modeClassic_mkwy7t_36._glowHover_mkwy7t_89._themeLight_mkwy7t_25:hover,
90
+ ._modeClassic_mkwy7t_36._glowHover_mkwy7t_89._themeLight_mkwy7t_25:focus,
91
+ ._modeClassic_mkwy7t_36._glowHover_mkwy7t_89._themeLight_mkwy7t_25:active{
92
92
  --card-border-color:rgba(25,25,28,0.2);
93
93
  }
94
- ._modeClassic_u9ppe7_36._glowHover_u9ppe7_89._themeLight_u9ppe7_25:active{
94
+ ._modeClassic_mkwy7t_36._glowHover_mkwy7t_89._themeLight_mkwy7t_25:active{
95
95
  border-width:1px;
96
96
  }
97
- ._modeClassic_u9ppe7_36._glowHover_u9ppe7_89._themeLight_u9ppe7_25:active._paddings16_u9ppe7_150{
97
+ ._modeClassic_mkwy7t_36._glowHover_mkwy7t_89._themeLight_mkwy7t_25:active._paddings16_mkwy7t_150{
98
98
  padding:16px;
99
99
  }
100
- ._modeClassic_u9ppe7_36._glowHover_u9ppe7_89._themeLight_u9ppe7_25:active._paddings24_u9ppe7_154{
100
+ ._modeClassic_mkwy7t_36._glowHover_mkwy7t_89._themeLight_mkwy7t_25:active._paddings24_mkwy7t_154{
101
101
  padding:24px;
102
102
  }
103
- ._modeClassic_u9ppe7_36._glowHover_u9ppe7_89._themeLight_u9ppe7_25:active._paddings32_u9ppe7_158{
103
+ ._modeClassic_mkwy7t_36._glowHover_mkwy7t_89._themeLight_mkwy7t_25:active._paddings32_mkwy7t_158{
104
104
  padding:32px;
105
105
  }
106
- ._modeClassic_u9ppe7_36._glowHover_u9ppe7_89._themeDark_u9ppe7_31:hover,
107
- ._modeClassic_u9ppe7_36._glowHover_u9ppe7_89._themeDark_u9ppe7_31:focus,
108
- ._modeClassic_u9ppe7_36._glowHover_u9ppe7_89._themeDark_u9ppe7_31:active{
106
+ ._modeClassic_mkwy7t_36._glowHover_mkwy7t_89._themeDark_mkwy7t_31:hover,
107
+ ._modeClassic_mkwy7t_36._glowHover_mkwy7t_89._themeDark_mkwy7t_31:focus,
108
+ ._modeClassic_mkwy7t_36._glowHover_mkwy7t_89._themeDark_mkwy7t_31:active{
109
109
  --card-border-color:rgba(255,255,255,0.2);
110
110
  }
111
- ._modeClassic_u9ppe7_36._glowHover_u9ppe7_89._themeDark_u9ppe7_31:active{
111
+ ._modeClassic_mkwy7t_36._glowHover_mkwy7t_89._themeDark_mkwy7t_31:active{
112
112
  border-width:1px;
113
113
  }
114
- ._modeClassic_u9ppe7_36._glowHover_u9ppe7_89._themeDark_u9ppe7_31:active._paddings16_u9ppe7_150{
114
+ ._modeClassic_mkwy7t_36._glowHover_mkwy7t_89._themeDark_mkwy7t_31:active._paddings16_mkwy7t_150{
115
115
  padding:16px;
116
116
  }
117
- ._modeClassic_u9ppe7_36._glowHover_u9ppe7_89._themeDark_u9ppe7_31:active._paddings24_u9ppe7_154{
117
+ ._modeClassic_mkwy7t_36._glowHover_mkwy7t_89._themeDark_mkwy7t_31:active._paddings24_mkwy7t_154{
118
118
  padding:24px;
119
119
  }
120
- ._modeClassic_u9ppe7_36._glowHover_u9ppe7_89._themeDark_u9ppe7_31:active._paddings32_u9ppe7_158{
120
+ ._modeClassic_mkwy7t_36._glowHover_mkwy7t_89._themeDark_mkwy7t_31:active._paddings32_mkwy7t_158{
121
121
  padding:32px;
122
122
  }
123
- ._modeClassic_u9ppe7_36:active{
123
+ ._modeClassic_mkwy7t_36:active{
124
124
  border-width:2px;
125
125
  }
126
- ._modeClassic_u9ppe7_36:active._paddings16_u9ppe7_150{
126
+ ._modeClassic_mkwy7t_36:active._paddings16_mkwy7t_150{
127
127
  padding:15px;
128
128
  }
129
- ._modeClassic_u9ppe7_36:active._paddings24_u9ppe7_154{
129
+ ._modeClassic_mkwy7t_36:active._paddings24_mkwy7t_154{
130
130
  padding:23px;
131
131
  }
132
- ._modeClassic_u9ppe7_36:active._paddings32_u9ppe7_158{
132
+ ._modeClassic_mkwy7t_36:active._paddings32_mkwy7t_158{
133
133
  padding:31px;
134
134
  }
135
- ._modeRock_u9ppe7_37._themeLight_u9ppe7_25:hover,
136
- ._modeRock_u9ppe7_37._themeLight_u9ppe7_25:focus{
135
+ ._modeRock_mkwy7t_37._themeLight_mkwy7t_25:hover,
136
+ ._modeRock_mkwy7t_37._themeLight_mkwy7t_25:focus{
137
137
  --card-border-color:rgba(25,25,28,0.2);
138
138
  --card-background-color:#19191C;
139
139
  --rs-typography-color-hard:#FFFFFF;
@@ -144,7 +144,7 @@ a._card_u9ppe7_5{
144
144
  --rs-typography-classic-link-underline-color:rgba(255,255,255,0.4);
145
145
  --rs-typography-rock-link-hover-color:#19191C;
146
146
  }
147
- ._modeRock_u9ppe7_37._themeLight_u9ppe7_25:active{
147
+ ._modeRock_mkwy7t_37._themeLight_mkwy7t_25:active{
148
148
  background-color:#303033;
149
149
  --rs-typography-color-hard:#FFFFFF;
150
150
  --rs-typography-color-average:rgba(255,255,255,0.7);
@@ -154,7 +154,7 @@ a._card_u9ppe7_5{
154
154
  --rs-typography-classic-link-underline-color:rgba(255,255,255,0.4);
155
155
  --rs-typography-rock-link-hover-color:#19191C;
156
156
  }
157
- ._modeRock_u9ppe7_37._themeDark_u9ppe7_31{
157
+ ._modeRock_mkwy7t_37._themeDark_mkwy7t_31{
158
158
  --rs-typography-color-hard:#FFFFFF;
159
159
  --rs-typography-color-average:rgba(255,255,255,0.7);
160
160
  --rs-typography-color-pale:rgba(255,255,255,0.5);
@@ -163,8 +163,8 @@ a._card_u9ppe7_5{
163
163
  --rs-typography-classic-link-underline-color:rgba(255,255,255,0.4);
164
164
  --rs-typography-rock-link-hover-color:#19191C;
165
165
  }
166
- ._modeRock_u9ppe7_37._themeDark_u9ppe7_31:hover,
167
- ._modeRock_u9ppe7_37._themeDark_u9ppe7_31:focus{
166
+ ._modeRock_mkwy7t_37._themeDark_mkwy7t_31:hover,
167
+ ._modeRock_mkwy7t_37._themeDark_mkwy7t_31:focus{
168
168
  --card-background-color:#FFFFFF;
169
169
  --rs-typography-color-hard:#19191C;
170
170
  --rs-typography-color-average:rgba(25,25,28,0.7);
@@ -174,7 +174,7 @@ a._card_u9ppe7_5{
174
174
  --rs-typography-classic-link-underline-color:rgba(25,25,28,0.4);
175
175
  --rs-typography-rock-link-hover-color:#FFFFFF;
176
176
  }
177
- ._modeRock_u9ppe7_37._themeDark_u9ppe7_31:active{
177
+ ._modeRock_mkwy7t_37._themeDark_mkwy7t_31:active{
178
178
  --card-background-color:#F4F4F4;
179
179
  --rs-typography-color-hard:#19191C;
180
180
  --rs-typography-color-average:rgba(25,25,28,0.7);
@@ -184,34 +184,34 @@ a._card_u9ppe7_5{
184
184
  --rs-typography-classic-link-underline-color:rgba(25,25,28,0.4);
185
185
  --rs-typography-rock-link-hover-color:#FFFFFF;
186
186
  }
187
- ._paddings16_u9ppe7_150{
187
+ ._paddings16_mkwy7t_150{
188
188
  padding:16px;
189
189
  }
190
- ._paddings24_u9ppe7_154{
190
+ ._paddings24_mkwy7t_154{
191
191
  padding:24px;
192
192
  }
193
- ._paddings32_u9ppe7_158{
193
+ ._paddings32_mkwy7t_158{
194
194
  padding:32px;
195
195
  }
196
- ._bordersRadius0_u9ppe7_162{
196
+ ._bordersRadius0_mkwy7t_162{
197
197
  --rs-card-border-radius:0;
198
198
  }
199
- ._bordersRadius8_u9ppe7_166{
199
+ ._bordersRadius8_mkwy7t_166{
200
200
  --rs-card-border-radius:8px;
201
201
  }
202
- ._bordersRadius16_u9ppe7_170{
202
+ ._bordersRadius16_mkwy7t_170{
203
203
  --rs-card-border-radius:16px;
204
204
  }
205
- ._bordersRadius24_u9ppe7_174{
205
+ ._bordersRadius24_mkwy7t_174{
206
206
  --rs-card-border-radius:24px;
207
207
  }
208
- ._cardImage_u9ppe7_178{
208
+ ._cardImage_mkwy7t_178{
209
209
  -webkit-box-sizing:border-box;
210
210
  box-sizing:border-box;
211
211
  position:relative;
212
212
  overflow:hidden;
213
213
  }
214
- ._cardImageImg_u9ppe7_184{
214
+ ._cardImageImg_mkwy7t_184{
215
215
  display:block;
216
216
  -webkit-transition:-webkit-transform .2s;
217
217
  transition:-webkit-transform .2s;
@@ -220,32 +220,26 @@ a._card_u9ppe7_5{
220
220
  -webkit-transform:scaleX(1);
221
221
  transform:scaleX(1);
222
222
  }
223
- ._paddings16_u9ppe7_150 ._cardImageImg_u9ppe7_184{
223
+ ._paddings16_mkwy7t_150 ._cardImageImg_mkwy7t_184{
224
224
  top:-16px;
225
225
  left:-16px;
226
226
  width:calc(100% + 32px);
227
- height:204px;
228
- max-height:204px;
229
227
  }
230
- ._paddings24_u9ppe7_154 ._cardImageImg_u9ppe7_184{
228
+ ._paddings24_mkwy7t_154 ._cardImageImg_mkwy7t_184{
231
229
  top:-24px;
232
230
  left:-24px;
233
231
  width:calc(100% + 48px);
234
- height:212px;
235
- max-height:212px;
236
232
  }
237
- ._paddings32_u9ppe7_158 ._cardImageImg_u9ppe7_184{
233
+ ._paddings32_mkwy7t_158 ._cardImageImg_mkwy7t_184{
238
234
  top:-32px;
239
235
  left:-32px;
240
236
  width:calc(100% + 64px);
241
- height:220px;
242
- max-height:220px;
243
237
  }
244
- ._bordersRadius8_u9ppe7_166 ._cardImageImg_u9ppe7_184 img{
238
+ ._bordersRadius8_mkwy7t_166 ._cardImageImg_mkwy7t_184 img{
245
239
  overflow:hidden;
246
240
  border-radius:8px;
247
241
  }
248
- ._card_u9ppe7_5:hover ._cardImageImg_u9ppe7_184{
242
+ ._card_mkwy7t_5:hover ._cardImageImg_mkwy7t_184{
249
243
  -webkit-transition:-webkit-transform .2s;
250
244
  transition:-webkit-transform .2s;
251
245
  transition:transform .2s;
@@ -253,14 +247,14 @@ a._card_u9ppe7_5{
253
247
  -webkit-transform:scaleX(1.1);
254
248
  transform:scaleX(1.1);
255
249
  }
256
- ._card_u9ppe7_5:hover ._cardImageImg_u9ppe7_184 img{
250
+ ._card_mkwy7t_5:hover ._cardImageImg_mkwy7t_184 img{
257
251
  border-radius:8px;
258
252
  }
259
- ._card_u9ppe7_5._cardPlain_u9ppe7_36:hover ._cardImageImg_u9ppe7_184{
253
+ ._card_mkwy7t_5._cardPlain_mkwy7t_36:hover ._cardImageImg_mkwy7t_184{
260
254
  -webkit-transform:none;
261
255
  transform:none;
262
256
  }
263
- ._cardImageDiv_u9ppe7_222{
257
+ ._cardImageDiv_mkwy7t_222{
264
258
  display:-webkit-box;
265
259
  display:-ms-flexbox;
266
260
  display:flex;
@@ -278,47 +272,53 @@ a._card_u9ppe7_5{
278
272
  background-position:center;
279
273
  background-size:auto 100%;
280
274
  }
281
- ._paddings16_u9ppe7_150 ._cardImageDiv_u9ppe7_222{
275
+ ._paddings16_mkwy7t_150 ._cardImageDiv_mkwy7t_222{
282
276
  top:-16px;
283
277
  left:-16px;
284
278
  padding:16px;
285
279
  width:calc(100% + 32px);
286
- height:204px;
287
- max-height:204px;
288
280
  }
289
- ._card_u9ppe7_5:active ._paddings16_u9ppe7_150 ._cardImageDiv_u9ppe7_222{
281
+ ._card_mkwy7t_5:active ._paddings16_mkwy7t_150 ._cardImageDiv_mkwy7t_222{
290
282
  padding:calc(16px - 1);
291
283
  }
292
- ._paddings24_u9ppe7_154 ._cardImageDiv_u9ppe7_222{
284
+ ._paddings24_mkwy7t_154 ._cardImageDiv_mkwy7t_222{
293
285
  top:-24px;
294
286
  left:-24px;
295
287
  padding:24px;
296
288
  width:calc(100% + 48px);
297
- height:212px;
298
- max-height:212px;
299
289
  }
300
- ._card_u9ppe7_5:active ._paddings24_u9ppe7_154 ._cardImageDiv_u9ppe7_222{
290
+ ._card_mkwy7t_5:active ._paddings24_mkwy7t_154 ._cardImageDiv_mkwy7t_222{
301
291
  padding:calc(24px - 1);
302
292
  }
303
- ._paddings32_u9ppe7_158 ._cardImageDiv_u9ppe7_222{
293
+ ._paddings32_mkwy7t_158 ._cardImageDiv_mkwy7t_222{
304
294
  top:-32px;
305
295
  left:-32px;
306
296
  padding:32px;
307
297
  width:calc(100% + 64px);
308
- height:220px;
309
- max-height:220px;
310
298
  }
311
- ._card_u9ppe7_5:active ._paddings32_u9ppe7_158 ._cardImageDiv_u9ppe7_222{
299
+ ._card_mkwy7t_5:active ._paddings32_mkwy7t_158 ._cardImageDiv_mkwy7t_222{
312
300
  padding:calc(32px - 1);
313
301
  }
314
- ._card_u9ppe7_5:hover ._cardImageDiv_u9ppe7_222{
302
+ ._card_mkwy7t_5:hover ._cardImageDiv_mkwy7t_222{
315
303
  background-size:auto 110%;
316
304
  -webkit-transition:background-size .2s;
317
305
  transition:background-size .2s;
318
306
  }
319
- ._card_u9ppe7_5._cardPlain_u9ppe7_36:hover ._cardImageDiv_u9ppe7_222{
307
+ ._card_mkwy7t_5._cardPlain_mkwy7t_36:hover ._cardImageDiv_mkwy7t_222{
320
308
  background-size:auto 100%;
321
309
  }
310
+ ._paddings16_mkwy7t_150 ._fixedImageHeight_mkwy7t_256{
311
+ height:204px;
312
+ max-height:204px;
313
+ }
314
+ ._paddings24_mkwy7t_154 ._fixedImageHeight_mkwy7t_256{
315
+ height:212px;
316
+ max-height:212px;
317
+ }
318
+ ._paddings32_mkwy7t_158 ._fixedImageHeight_mkwy7t_256{
319
+ height:220px;
320
+ max-height:220px;
321
+ }
322
322
 
323
323
 
324
324
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/card",
3
- "version": "0.3.1",
3
+ "version": "0.4.0",
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.5.0",
30
+ "@rescui/typography": "^0.5.1",
31
31
  "@rescui/visual-regression": "^0.0.1"
32
32
  },
33
33
  "scripts": {
34
34
  "build": "rescui-scripts build"
35
35
  },
36
- "gitHead": "f07b6abc886028f74f129d1d7bfbf8fcfa5825af"
36
+ "gitHead": "24a3fbe87179468f1dc804374864b21042fa2dbe"
37
37
  }