@rescui/card 0.3.1 → 0.5.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 +123 -93
  5. package/package.json +5 -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_b067hq_6",
3
+ "themeLight": "_themeLight_b067hq_26",
4
+ "themeDark": "_themeDark_b067hq_32",
5
+ "cardPlain": "_cardPlain_b067hq_37",
6
+ "modeClassic": "_modeClassic_b067hq_37",
7
+ "modeRock": "_modeRock_b067hq_38",
8
+ "paddings16": "_paddings16_b067hq_157",
9
+ "paddings24": "_paddings24_b067hq_161",
10
+ "paddings32": "_paddings32_b067hq_165",
11
+ "glowHover": "_glowHover_b067hq_91",
12
+ "bordersRadius0": "_bordersRadius0_b067hq_169",
13
+ "bordersRadius8": "_bordersRadius8_b067hq_173",
14
+ "bordersRadius16": "_bordersRadius16_b067hq_177",
15
+ "bordersRadius24": "_bordersRadius24_b067hq_181",
16
+ "cardImage": "_cardImage_b067hq_185",
17
+ "cardImageImg": "_cardImageImg_b067hq_191",
18
+ "cardImageDiv": "_cardImageDiv_b067hq_229",
19
+ "fixedImageHeight": "_fixedImageHeight_b067hq_263"
19
20
  };
20
21
  export default styles;
package/lib/index.css CHANGED
@@ -1,4 +1,4 @@
1
- ._card_u9ppe7_5{
1
+ ._card_b067hq_6{
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_b067hq_6{
17
17
  display:block;
18
18
  text-decoration:none;
19
19
  }
20
- ._themeLight_u9ppe7_25{
20
+ ._themeLight_b067hq_26{
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_b067hq_32{
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_b067hq_37._modeClassic_b067hq_37,
33
+ ._cardPlain_b067hq_37._modeRock_b067hq_38{
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_b067hq_37._modeClassic_b067hq_37._themeLight_b067hq_26, ._cardPlain_b067hq_37._modeRock_b067hq_38._themeLight_b067hq_26{
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_b067hq_37._modeClassic_b067hq_37._themeLight_b067hq_26:hover,
40
+ ._cardPlain_b067hq_37._modeClassic_b067hq_37._themeLight_b067hq_26:focus,
41
+ ._cardPlain_b067hq_37._modeClassic_b067hq_37._themeLight_b067hq_26:active,
42
+ ._cardPlain_b067hq_37._modeRock_b067hq_38._themeLight_b067hq_26:hover,
43
+ ._cardPlain_b067hq_37._modeRock_b067hq_38._themeLight_b067hq_26:focus,
44
+ ._cardPlain_b067hq_37._modeRock_b067hq_38._themeLight_b067hq_26: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_b067hq_37._modeClassic_b067hq_37._themeDark_b067hq_32, ._cardPlain_b067hq_37._modeRock_b067hq_38._themeDark_b067hq_32{
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_b067hq_37._modeClassic_b067hq_37._themeDark_b067hq_32:hover,
51
+ ._cardPlain_b067hq_37._modeClassic_b067hq_37._themeDark_b067hq_32:focus,
52
+ ._cardPlain_b067hq_37._modeClassic_b067hq_37._themeDark_b067hq_32:active,
53
+ ._cardPlain_b067hq_37._modeRock_b067hq_38._themeDark_b067hq_32:hover,
54
+ ._cardPlain_b067hq_37._modeRock_b067hq_38._themeDark_b067hq_32:focus,
55
+ ._cardPlain_b067hq_37._modeRock_b067hq_38._themeDark_b067hq_32: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_b067hq_37._modeClassic_b067hq_37._themeLight_b067hq_26:active, ._cardPlain_b067hq_37._modeClassic_b067hq_37._themeDark_b067hq_32:active, ._cardPlain_b067hq_37._modeRock_b067hq_38._themeLight_b067hq_26:active, ._cardPlain_b067hq_37._modeRock_b067hq_38._themeDark_b067hq_32: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_b067hq_37._modeClassic_b067hq_37._themeLight_b067hq_26:active._paddings16_b067hq_157, ._cardPlain_b067hq_37._modeClassic_b067hq_37._themeDark_b067hq_32:active._paddings16_b067hq_157, ._cardPlain_b067hq_37._modeRock_b067hq_38._themeLight_b067hq_26:active._paddings16_b067hq_157, ._cardPlain_b067hq_37._modeRock_b067hq_38._themeDark_b067hq_32:active._paddings16_b067hq_157{
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_b067hq_37._modeClassic_b067hq_37._themeLight_b067hq_26:active._paddings24_b067hq_161, ._cardPlain_b067hq_37._modeClassic_b067hq_37._themeDark_b067hq_32:active._paddings24_b067hq_161, ._cardPlain_b067hq_37._modeRock_b067hq_38._themeLight_b067hq_26:active._paddings24_b067hq_161, ._cardPlain_b067hq_37._modeRock_b067hq_38._themeDark_b067hq_32:active._paddings24_b067hq_161{
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_b067hq_37._modeClassic_b067hq_37._themeLight_b067hq_26:active._paddings32_b067hq_165, ._cardPlain_b067hq_37._modeClassic_b067hq_37._themeDark_b067hq_32:active._paddings32_b067hq_165, ._cardPlain_b067hq_37._modeRock_b067hq_38._themeLight_b067hq_26:active._paddings32_b067hq_165, ._cardPlain_b067hq_37._modeRock_b067hq_38._themeDark_b067hq_32:active._paddings32_b067hq_165{
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_b067hq_37._themeLight_b067hq_26:hover,
71
+ ._modeClassic_b067hq_37._themeLight_b067hq_26:focus,
72
+ ._modeClassic_b067hq_37._themeLight_b067hq_26:active{
73
73
  --card-border-color:#19191C;
74
74
  }
75
- ._modeClassic_u9ppe7_36._themeDark_u9ppe7_31{
75
+ ._modeClassic_b067hq_37._themeDark_b067hq_32{
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);
@@ -80,60 +80,65 @@ a._card_u9ppe7_5{
80
80
  --rs-typography-pre-bg-color:rgba(255,255,255,0.1);
81
81
  --rs-typography-classic-link-underline-color:rgba(255,255,255,0.4);
82
82
  --rs-typography-rock-link-hover-color:#19191C;
83
+ --rs-rock-button-text-color:#19191C;
84
+ --rs-rock-button-bg-color:#FFFFFF;
85
+ --rs-rock-button-hover-bg-color:rgba(255,255,255,0.8);
86
+ --rs-rock-button-disabled-text-color:rgba(255,255,255,0.5);
87
+ --rs-rock-button-disabled-bg-color:rgba(255,255,255,0.2);
83
88
  }
84
- ._modeClassic_u9ppe7_36._themeDark_u9ppe7_31:hover,
85
- ._modeClassic_u9ppe7_36._themeDark_u9ppe7_31:focus,
86
- ._modeClassic_u9ppe7_36._themeDark_u9ppe7_31:active{
89
+ ._modeClassic_b067hq_37._themeDark_b067hq_32:hover,
90
+ ._modeClassic_b067hq_37._themeDark_b067hq_32:focus,
91
+ ._modeClassic_b067hq_37._themeDark_b067hq_32:active{
87
92
  --card-border-color:#FFFFFF;
88
93
  }
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{
94
+ ._modeClassic_b067hq_37._glowHover_b067hq_91._themeLight_b067hq_26:hover,
95
+ ._modeClassic_b067hq_37._glowHover_b067hq_91._themeLight_b067hq_26:focus,
96
+ ._modeClassic_b067hq_37._glowHover_b067hq_91._themeLight_b067hq_26:active{
92
97
  --card-border-color:rgba(25,25,28,0.2);
93
98
  }
94
- ._modeClassic_u9ppe7_36._glowHover_u9ppe7_89._themeLight_u9ppe7_25:active{
99
+ ._modeClassic_b067hq_37._glowHover_b067hq_91._themeLight_b067hq_26:active{
95
100
  border-width:1px;
96
101
  }
97
- ._modeClassic_u9ppe7_36._glowHover_u9ppe7_89._themeLight_u9ppe7_25:active._paddings16_u9ppe7_150{
102
+ ._modeClassic_b067hq_37._glowHover_b067hq_91._themeLight_b067hq_26:active._paddings16_b067hq_157{
98
103
  padding:16px;
99
104
  }
100
- ._modeClassic_u9ppe7_36._glowHover_u9ppe7_89._themeLight_u9ppe7_25:active._paddings24_u9ppe7_154{
105
+ ._modeClassic_b067hq_37._glowHover_b067hq_91._themeLight_b067hq_26:active._paddings24_b067hq_161{
101
106
  padding:24px;
102
107
  }
103
- ._modeClassic_u9ppe7_36._glowHover_u9ppe7_89._themeLight_u9ppe7_25:active._paddings32_u9ppe7_158{
108
+ ._modeClassic_b067hq_37._glowHover_b067hq_91._themeLight_b067hq_26:active._paddings32_b067hq_165{
104
109
  padding:32px;
105
110
  }
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{
111
+ ._modeClassic_b067hq_37._glowHover_b067hq_91._themeDark_b067hq_32:hover,
112
+ ._modeClassic_b067hq_37._glowHover_b067hq_91._themeDark_b067hq_32:focus,
113
+ ._modeClassic_b067hq_37._glowHover_b067hq_91._themeDark_b067hq_32:active{
109
114
  --card-border-color:rgba(255,255,255,0.2);
110
115
  }
111
- ._modeClassic_u9ppe7_36._glowHover_u9ppe7_89._themeDark_u9ppe7_31:active{
116
+ ._modeClassic_b067hq_37._glowHover_b067hq_91._themeDark_b067hq_32:active{
112
117
  border-width:1px;
113
118
  }
114
- ._modeClassic_u9ppe7_36._glowHover_u9ppe7_89._themeDark_u9ppe7_31:active._paddings16_u9ppe7_150{
119
+ ._modeClassic_b067hq_37._glowHover_b067hq_91._themeDark_b067hq_32:active._paddings16_b067hq_157{
115
120
  padding:16px;
116
121
  }
117
- ._modeClassic_u9ppe7_36._glowHover_u9ppe7_89._themeDark_u9ppe7_31:active._paddings24_u9ppe7_154{
122
+ ._modeClassic_b067hq_37._glowHover_b067hq_91._themeDark_b067hq_32:active._paddings24_b067hq_161{
118
123
  padding:24px;
119
124
  }
120
- ._modeClassic_u9ppe7_36._glowHover_u9ppe7_89._themeDark_u9ppe7_31:active._paddings32_u9ppe7_158{
125
+ ._modeClassic_b067hq_37._glowHover_b067hq_91._themeDark_b067hq_32:active._paddings32_b067hq_165{
121
126
  padding:32px;
122
127
  }
123
- ._modeClassic_u9ppe7_36:active{
128
+ ._modeClassic_b067hq_37:active{
124
129
  border-width:2px;
125
130
  }
126
- ._modeClassic_u9ppe7_36:active._paddings16_u9ppe7_150{
131
+ ._modeClassic_b067hq_37:active._paddings16_b067hq_157{
127
132
  padding:15px;
128
133
  }
129
- ._modeClassic_u9ppe7_36:active._paddings24_u9ppe7_154{
134
+ ._modeClassic_b067hq_37:active._paddings24_b067hq_161{
130
135
  padding:23px;
131
136
  }
132
- ._modeClassic_u9ppe7_36:active._paddings32_u9ppe7_158{
137
+ ._modeClassic_b067hq_37:active._paddings32_b067hq_165{
133
138
  padding:31px;
134
139
  }
135
- ._modeRock_u9ppe7_37._themeLight_u9ppe7_25:hover,
136
- ._modeRock_u9ppe7_37._themeLight_u9ppe7_25:focus{
140
+ ._modeRock_b067hq_38._themeLight_b067hq_26:hover,
141
+ ._modeRock_b067hq_38._themeLight_b067hq_26:focus{
137
142
  --card-border-color:rgba(25,25,28,0.2);
138
143
  --card-background-color:#19191C;
139
144
  --rs-typography-color-hard:#FFFFFF;
@@ -143,8 +148,13 @@ a._card_u9ppe7_5{
143
148
  --rs-typography-pre-bg-color:rgba(255,255,255,0.1);
144
149
  --rs-typography-classic-link-underline-color:rgba(255,255,255,0.4);
145
150
  --rs-typography-rock-link-hover-color:#19191C;
151
+ --rs-rock-button-text-color:#19191C;
152
+ --rs-rock-button-bg-color:#FFFFFF;
153
+ --rs-rock-button-hover-bg-color:rgba(255,255,255,0.8);
154
+ --rs-rock-button-disabled-text-color:rgba(255,255,255,0.5);
155
+ --rs-rock-button-disabled-bg-color:rgba(255,255,255,0.2);
146
156
  }
147
- ._modeRock_u9ppe7_37._themeLight_u9ppe7_25:active{
157
+ ._modeRock_b067hq_38._themeLight_b067hq_26:active{
148
158
  background-color:#303033;
149
159
  --rs-typography-color-hard:#FFFFFF;
150
160
  --rs-typography-color-average:rgba(255,255,255,0.7);
@@ -153,8 +163,13 @@ a._card_u9ppe7_5{
153
163
  --rs-typography-pre-bg-color:rgba(255,255,255,0.1);
154
164
  --rs-typography-classic-link-underline-color:rgba(255,255,255,0.4);
155
165
  --rs-typography-rock-link-hover-color:#19191C;
166
+ --rs-rock-button-text-color:#19191C;
167
+ --rs-rock-button-bg-color:#FFFFFF;
168
+ --rs-rock-button-hover-bg-color:rgba(255,255,255,0.8);
169
+ --rs-rock-button-disabled-text-color:rgba(255,255,255,0.5);
170
+ --rs-rock-button-disabled-bg-color:rgba(255,255,255,0.2);
156
171
  }
157
- ._modeRock_u9ppe7_37._themeDark_u9ppe7_31{
172
+ ._modeRock_b067hq_38._themeDark_b067hq_32{
158
173
  --rs-typography-color-hard:#FFFFFF;
159
174
  --rs-typography-color-average:rgba(255,255,255,0.7);
160
175
  --rs-typography-color-pale:rgba(255,255,255,0.5);
@@ -162,9 +177,14 @@ a._card_u9ppe7_5{
162
177
  --rs-typography-pre-bg-color:rgba(255,255,255,0.1);
163
178
  --rs-typography-classic-link-underline-color:rgba(255,255,255,0.4);
164
179
  --rs-typography-rock-link-hover-color:#19191C;
180
+ --rs-rock-button-text-color:#19191C;
181
+ --rs-rock-button-bg-color:#FFFFFF;
182
+ --rs-rock-button-hover-bg-color:rgba(255,255,255,0.8);
183
+ --rs-rock-button-disabled-text-color:rgba(255,255,255,0.5);
184
+ --rs-rock-button-disabled-bg-color:rgba(255,255,255,0.2);
165
185
  }
166
- ._modeRock_u9ppe7_37._themeDark_u9ppe7_31:hover,
167
- ._modeRock_u9ppe7_37._themeDark_u9ppe7_31:focus{
186
+ ._modeRock_b067hq_38._themeDark_b067hq_32:hover,
187
+ ._modeRock_b067hq_38._themeDark_b067hq_32:focus{
168
188
  --card-background-color:#FFFFFF;
169
189
  --rs-typography-color-hard:#19191C;
170
190
  --rs-typography-color-average:rgba(25,25,28,0.7);
@@ -173,8 +193,13 @@ a._card_u9ppe7_5{
173
193
  --rs-typography-pre-bg-color:rgba(25,25,28,0.1);
174
194
  --rs-typography-classic-link-underline-color:rgba(25,25,28,0.4);
175
195
  --rs-typography-rock-link-hover-color:#FFFFFF;
196
+ --rs-rock-button-text-color:#FFFFFF;
197
+ --rs-rock-button-bg-color:#19191C;
198
+ --rs-rock-button-hover-bg-color:rgba(25,25,28,0.8);
199
+ --rs-rock-button-disabled-text-color:rgba(25,25,28,0.5);
200
+ --rs-rock-button-disabled-bg-color:rgba(25,25,28,0.2);
176
201
  }
177
- ._modeRock_u9ppe7_37._themeDark_u9ppe7_31:active{
202
+ ._modeRock_b067hq_38._themeDark_b067hq_32:active{
178
203
  --card-background-color:#F4F4F4;
179
204
  --rs-typography-color-hard:#19191C;
180
205
  --rs-typography-color-average:rgba(25,25,28,0.7);
@@ -183,35 +208,40 @@ a._card_u9ppe7_5{
183
208
  --rs-typography-pre-bg-color:rgba(25,25,28,0.1);
184
209
  --rs-typography-classic-link-underline-color:rgba(25,25,28,0.4);
185
210
  --rs-typography-rock-link-hover-color:#FFFFFF;
211
+ --rs-rock-button-text-color:#FFFFFF;
212
+ --rs-rock-button-bg-color:#19191C;
213
+ --rs-rock-button-hover-bg-color:rgba(25,25,28,0.8);
214
+ --rs-rock-button-disabled-text-color:rgba(25,25,28,0.5);
215
+ --rs-rock-button-disabled-bg-color:rgba(25,25,28,0.2);
186
216
  }
187
- ._paddings16_u9ppe7_150{
217
+ ._paddings16_b067hq_157{
188
218
  padding:16px;
189
219
  }
190
- ._paddings24_u9ppe7_154{
220
+ ._paddings24_b067hq_161{
191
221
  padding:24px;
192
222
  }
193
- ._paddings32_u9ppe7_158{
223
+ ._paddings32_b067hq_165{
194
224
  padding:32px;
195
225
  }
196
- ._bordersRadius0_u9ppe7_162{
226
+ ._bordersRadius0_b067hq_169{
197
227
  --rs-card-border-radius:0;
198
228
  }
199
- ._bordersRadius8_u9ppe7_166{
229
+ ._bordersRadius8_b067hq_173{
200
230
  --rs-card-border-radius:8px;
201
231
  }
202
- ._bordersRadius16_u9ppe7_170{
232
+ ._bordersRadius16_b067hq_177{
203
233
  --rs-card-border-radius:16px;
204
234
  }
205
- ._bordersRadius24_u9ppe7_174{
235
+ ._bordersRadius24_b067hq_181{
206
236
  --rs-card-border-radius:24px;
207
237
  }
208
- ._cardImage_u9ppe7_178{
238
+ ._cardImage_b067hq_185{
209
239
  -webkit-box-sizing:border-box;
210
240
  box-sizing:border-box;
211
241
  position:relative;
212
242
  overflow:hidden;
213
243
  }
214
- ._cardImageImg_u9ppe7_184{
244
+ ._cardImageImg_b067hq_191{
215
245
  display:block;
216
246
  -webkit-transition:-webkit-transform .2s;
217
247
  transition:-webkit-transform .2s;
@@ -220,32 +250,26 @@ a._card_u9ppe7_5{
220
250
  -webkit-transform:scaleX(1);
221
251
  transform:scaleX(1);
222
252
  }
223
- ._paddings16_u9ppe7_150 ._cardImageImg_u9ppe7_184{
253
+ ._paddings16_b067hq_157 ._cardImageImg_b067hq_191{
224
254
  top:-16px;
225
255
  left:-16px;
226
256
  width:calc(100% + 32px);
227
- height:204px;
228
- max-height:204px;
229
257
  }
230
- ._paddings24_u9ppe7_154 ._cardImageImg_u9ppe7_184{
258
+ ._paddings24_b067hq_161 ._cardImageImg_b067hq_191{
231
259
  top:-24px;
232
260
  left:-24px;
233
261
  width:calc(100% + 48px);
234
- height:212px;
235
- max-height:212px;
236
262
  }
237
- ._paddings32_u9ppe7_158 ._cardImageImg_u9ppe7_184{
263
+ ._paddings32_b067hq_165 ._cardImageImg_b067hq_191{
238
264
  top:-32px;
239
265
  left:-32px;
240
266
  width:calc(100% + 64px);
241
- height:220px;
242
- max-height:220px;
243
267
  }
244
- ._bordersRadius8_u9ppe7_166 ._cardImageImg_u9ppe7_184 img{
268
+ ._bordersRadius8_b067hq_173 ._cardImageImg_b067hq_191 img{
245
269
  overflow:hidden;
246
270
  border-radius:8px;
247
271
  }
248
- ._card_u9ppe7_5:hover ._cardImageImg_u9ppe7_184{
272
+ ._card_b067hq_6:hover ._cardImageImg_b067hq_191{
249
273
  -webkit-transition:-webkit-transform .2s;
250
274
  transition:-webkit-transform .2s;
251
275
  transition:transform .2s;
@@ -253,14 +277,14 @@ a._card_u9ppe7_5{
253
277
  -webkit-transform:scaleX(1.1);
254
278
  transform:scaleX(1.1);
255
279
  }
256
- ._card_u9ppe7_5:hover ._cardImageImg_u9ppe7_184 img{
280
+ ._card_b067hq_6:hover ._cardImageImg_b067hq_191 img{
257
281
  border-radius:8px;
258
282
  }
259
- ._card_u9ppe7_5._cardPlain_u9ppe7_36:hover ._cardImageImg_u9ppe7_184{
283
+ ._card_b067hq_6._cardPlain_b067hq_37:hover ._cardImageImg_b067hq_191{
260
284
  -webkit-transform:none;
261
285
  transform:none;
262
286
  }
263
- ._cardImageDiv_u9ppe7_222{
287
+ ._cardImageDiv_b067hq_229{
264
288
  display:-webkit-box;
265
289
  display:-ms-flexbox;
266
290
  display:flex;
@@ -278,47 +302,53 @@ a._card_u9ppe7_5{
278
302
  background-position:center;
279
303
  background-size:auto 100%;
280
304
  }
281
- ._paddings16_u9ppe7_150 ._cardImageDiv_u9ppe7_222{
305
+ ._paddings16_b067hq_157 ._cardImageDiv_b067hq_229{
282
306
  top:-16px;
283
307
  left:-16px;
284
308
  padding:16px;
285
309
  width:calc(100% + 32px);
286
- height:204px;
287
- max-height:204px;
288
310
  }
289
- ._card_u9ppe7_5:active ._paddings16_u9ppe7_150 ._cardImageDiv_u9ppe7_222{
311
+ ._card_b067hq_6:active ._paddings16_b067hq_157 ._cardImageDiv_b067hq_229{
290
312
  padding:calc(16px - 1);
291
313
  }
292
- ._paddings24_u9ppe7_154 ._cardImageDiv_u9ppe7_222{
314
+ ._paddings24_b067hq_161 ._cardImageDiv_b067hq_229{
293
315
  top:-24px;
294
316
  left:-24px;
295
317
  padding:24px;
296
318
  width:calc(100% + 48px);
297
- height:212px;
298
- max-height:212px;
299
319
  }
300
- ._card_u9ppe7_5:active ._paddings24_u9ppe7_154 ._cardImageDiv_u9ppe7_222{
320
+ ._card_b067hq_6:active ._paddings24_b067hq_161 ._cardImageDiv_b067hq_229{
301
321
  padding:calc(24px - 1);
302
322
  }
303
- ._paddings32_u9ppe7_158 ._cardImageDiv_u9ppe7_222{
323
+ ._paddings32_b067hq_165 ._cardImageDiv_b067hq_229{
304
324
  top:-32px;
305
325
  left:-32px;
306
326
  padding:32px;
307
327
  width:calc(100% + 64px);
308
- height:220px;
309
- max-height:220px;
310
328
  }
311
- ._card_u9ppe7_5:active ._paddings32_u9ppe7_158 ._cardImageDiv_u9ppe7_222{
329
+ ._card_b067hq_6:active ._paddings32_b067hq_165 ._cardImageDiv_b067hq_229{
312
330
  padding:calc(32px - 1);
313
331
  }
314
- ._card_u9ppe7_5:hover ._cardImageDiv_u9ppe7_222{
332
+ ._card_b067hq_6:hover ._cardImageDiv_b067hq_229{
315
333
  background-size:auto 110%;
316
334
  -webkit-transition:background-size .2s;
317
335
  transition:background-size .2s;
318
336
  }
319
- ._card_u9ppe7_5._cardPlain_u9ppe7_36:hover ._cardImageDiv_u9ppe7_222{
337
+ ._card_b067hq_6._cardPlain_b067hq_37:hover ._cardImageDiv_b067hq_229{
320
338
  background-size:auto 100%;
321
339
  }
340
+ ._paddings16_b067hq_157 ._fixedImageHeight_b067hq_263{
341
+ height:204px;
342
+ max-height:204px;
343
+ }
344
+ ._paddings24_b067hq_161 ._fixedImageHeight_b067hq_263{
345
+ height:212px;
346
+ max-height:212px;
347
+ }
348
+ ._paddings32_b067hq_165 ._fixedImageHeight_b067hq_263{
349
+ height:220px;
350
+ max-height:220px;
351
+ }
322
352
 
323
353
 
324
354
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/card",
3
- "version": "0.3.1",
3
+ "version": "0.5.0",
4
4
  "description": "",
5
5
  "main": "lib/index.js",
6
6
  "module": "lib/index.ts",
@@ -24,14 +24,15 @@
24
24
  },
25
25
  "devDependencies": {
26
26
  "@jetbrains/logos": "^1.4.16",
27
- "@rescui/colors": "^0.0.6",
27
+ "@rescui/button": "^0.6.1",
28
+ "@rescui/colors": "^0.1.0",
28
29
  "@rescui/postcss-preset-library": "^0.0.4",
29
30
  "@rescui/scripts": "^0.1.4",
30
- "@rescui/typography": "^0.5.0",
31
+ "@rescui/typography": "^0.7.0",
31
32
  "@rescui/visual-regression": "^0.0.1"
32
33
  },
33
34
  "scripts": {
34
35
  "build": "rescui-scripts build"
35
36
  },
36
- "gitHead": "f07b6abc886028f74f129d1d7bfbf8fcfa5825af"
37
+ "gitHead": "90715a8ea8c558b23c243bc092be4ded23e4192c"
37
38
  }