@rescui/card 0.4.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 (3) hide show
  1. package/lib/card.module.pcss.js +18 -18
  2. package/lib/index.css +116 -86
  3. package/package.json +4 -3
package/lib/card.module.pcss.js CHANGED
@@ -1,21 +1,21 @@
1
1
  var styles = {
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"
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"
20
20
  };
21
21
  export default styles;
package/lib/index.css CHANGED
@@ -1,4 +1,4 @@
1
- ._card_e6dx53_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_e6dx53_5{
16
+ a._card_b067hq_6{
17
17
  display:block;
18
18
  text-decoration:none;
19
19
  }
20
- ._themeLight_e6dx53_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_e6dx53_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_e6dx53_36._modeClassic_e6dx53_36,
33
- ._cardPlain_e6dx53_36._modeRock_e6dx53_37{
32
+ ._cardPlain_b067hq_37._modeClassic_b067hq_37,
33
+ ._cardPlain_b067hq_37._modeRock_b067hq_38{
34
34
  cursor:default;
35
35
  }
36
- ._cardPlain_e6dx53_36._modeClassic_e6dx53_36._themeLight_e6dx53_25, ._cardPlain_e6dx53_36._modeRock_e6dx53_37._themeLight_e6dx53_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_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{
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_e6dx53_36._modeClassic_e6dx53_36._themeDark_e6dx53_31, ._cardPlain_e6dx53_36._modeRock_e6dx53_37._themeDark_e6dx53_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_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{
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_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{
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_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{
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_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{
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_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{
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_e6dx53_36._themeLight_e6dx53_25:hover,
71
- ._modeClassic_e6dx53_36._themeLight_e6dx53_25:focus,
72
- ._modeClassic_e6dx53_36._themeLight_e6dx53_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_e6dx53_36._themeDark_e6dx53_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_e6dx53_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
- }
84
- ._modeClassic_e6dx53_36._themeDark_e6dx53_31:hover,
85
- ._modeClassic_e6dx53_36._themeDark_e6dx53_31:focus,
86
- ._modeClassic_e6dx53_36._themeDark_e6dx53_31:active{
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);
88
+ }
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_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{
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_e6dx53_36._glowHover_e6dx53_89._themeLight_e6dx53_25:active{
99
+ ._modeClassic_b067hq_37._glowHover_b067hq_91._themeLight_b067hq_26:active{
95
100
  border-width:1px;
96
101
  }
97
- ._modeClassic_e6dx53_36._glowHover_e6dx53_89._themeLight_e6dx53_25:active._paddings16_e6dx53_150{
102
+ ._modeClassic_b067hq_37._glowHover_b067hq_91._themeLight_b067hq_26:active._paddings16_b067hq_157{
98
103
  padding:16px;
99
104
  }
100
- ._modeClassic_e6dx53_36._glowHover_e6dx53_89._themeLight_e6dx53_25:active._paddings24_e6dx53_154{
105
+ ._modeClassic_b067hq_37._glowHover_b067hq_91._themeLight_b067hq_26:active._paddings24_b067hq_161{
101
106
  padding:24px;
102
107
  }
103
- ._modeClassic_e6dx53_36._glowHover_e6dx53_89._themeLight_e6dx53_25:active._paddings32_e6dx53_158{
108
+ ._modeClassic_b067hq_37._glowHover_b067hq_91._themeLight_b067hq_26:active._paddings32_b067hq_165{
104
109
  padding:32px;
105
110
  }
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{
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_e6dx53_36._glowHover_e6dx53_89._themeDark_e6dx53_31:active{
116
+ ._modeClassic_b067hq_37._glowHover_b067hq_91._themeDark_b067hq_32:active{
112
117
  border-width:1px;
113
118
  }
114
- ._modeClassic_e6dx53_36._glowHover_e6dx53_89._themeDark_e6dx53_31:active._paddings16_e6dx53_150{
119
+ ._modeClassic_b067hq_37._glowHover_b067hq_91._themeDark_b067hq_32:active._paddings16_b067hq_157{
115
120
  padding:16px;
116
121
  }
117
- ._modeClassic_e6dx53_36._glowHover_e6dx53_89._themeDark_e6dx53_31:active._paddings24_e6dx53_154{
122
+ ._modeClassic_b067hq_37._glowHover_b067hq_91._themeDark_b067hq_32:active._paddings24_b067hq_161{
118
123
  padding:24px;
119
124
  }
120
- ._modeClassic_e6dx53_36._glowHover_e6dx53_89._themeDark_e6dx53_31:active._paddings32_e6dx53_158{
125
+ ._modeClassic_b067hq_37._glowHover_b067hq_91._themeDark_b067hq_32:active._paddings32_b067hq_165{
121
126
  padding:32px;
122
127
  }
123
- ._modeClassic_e6dx53_36:active{
128
+ ._modeClassic_b067hq_37:active{
124
129
  border-width:2px;
125
130
  }
126
- ._modeClassic_e6dx53_36:active._paddings16_e6dx53_150{
131
+ ._modeClassic_b067hq_37:active._paddings16_b067hq_157{
127
132
  padding:15px;
128
133
  }
129
- ._modeClassic_e6dx53_36:active._paddings24_e6dx53_154{
134
+ ._modeClassic_b067hq_37:active._paddings24_b067hq_161{
130
135
  padding:23px;
131
136
  }
132
- ._modeClassic_e6dx53_36:active._paddings32_e6dx53_158{
137
+ ._modeClassic_b067hq_37:active._paddings32_b067hq_165{
133
138
  padding:31px;
134
139
  }
135
- ._modeRock_e6dx53_37._themeLight_e6dx53_25:hover,
136
- ._modeRock_e6dx53_37._themeLight_e6dx53_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_e6dx53_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_e6dx53_37._themeLight_e6dx53_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_e6dx53_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_e6dx53_37._themeDark_e6dx53_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_e6dx53_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;
165
- }
166
- ._modeRock_e6dx53_37._themeDark_e6dx53_31:hover,
167
- ._modeRock_e6dx53_37._themeDark_e6dx53_31:focus{
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);
185
+ }
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_e6dx53_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_e6dx53_37._themeDark_e6dx53_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_e6dx53_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_e6dx53_150{
217
+ ._paddings16_b067hq_157{
188
218
  padding:16px;
189
219
  }
190
- ._paddings24_e6dx53_154{
220
+ ._paddings24_b067hq_161{
191
221
  padding:24px;
192
222
  }
193
- ._paddings32_e6dx53_158{
223
+ ._paddings32_b067hq_165{
194
224
  padding:32px;
195
225
  }
196
- ._bordersRadius0_e6dx53_162{
226
+ ._bordersRadius0_b067hq_169{
197
227
  --rs-card-border-radius:0;
198
228
  }
199
- ._bordersRadius8_e6dx53_166{
229
+ ._bordersRadius8_b067hq_173{
200
230
  --rs-card-border-radius:8px;
201
231
  }
202
- ._bordersRadius16_e6dx53_170{
232
+ ._bordersRadius16_b067hq_177{
203
233
  --rs-card-border-radius:16px;
204
234
  }
205
- ._bordersRadius24_e6dx53_174{
235
+ ._bordersRadius24_b067hq_181{
206
236
  --rs-card-border-radius:24px;
207
237
  }
208
- ._cardImage_e6dx53_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_e6dx53_184{
244
+ ._cardImageImg_b067hq_191{
215
245
  display:block;
216
246
  -webkit-transition:-webkit-transform .2s;
217
247
  transition:-webkit-transform .2s;
@@ -220,26 +250,26 @@ a._card_e6dx53_5{
220
250
  -webkit-transform:scaleX(1);
221
251
  transform:scaleX(1);
222
252
  }
223
- ._paddings16_e6dx53_150 ._cardImageImg_e6dx53_184{
253
+ ._paddings16_b067hq_157 ._cardImageImg_b067hq_191{
224
254
  top:-16px;
225
255
  left:-16px;
226
256
  width:calc(100% + 32px);
227
257
  }
228
- ._paddings24_e6dx53_154 ._cardImageImg_e6dx53_184{
258
+ ._paddings24_b067hq_161 ._cardImageImg_b067hq_191{
229
259
  top:-24px;
230
260
  left:-24px;
231
261
  width:calc(100% + 48px);
232
262
  }
233
- ._paddings32_e6dx53_158 ._cardImageImg_e6dx53_184{
263
+ ._paddings32_b067hq_165 ._cardImageImg_b067hq_191{
234
264
  top:-32px;
235
265
  left:-32px;
236
266
  width:calc(100% + 64px);
237
267
  }
238
- ._bordersRadius8_e6dx53_166 ._cardImageImg_e6dx53_184 img{
268
+ ._bordersRadius8_b067hq_173 ._cardImageImg_b067hq_191 img{
239
269
  overflow:hidden;
240
270
  border-radius:8px;
241
271
  }
242
- ._card_e6dx53_5:hover ._cardImageImg_e6dx53_184{
272
+ ._card_b067hq_6:hover ._cardImageImg_b067hq_191{
243
273
  -webkit-transition:-webkit-transform .2s;
244
274
  transition:-webkit-transform .2s;
245
275
  transition:transform .2s;
@@ -247,14 +277,14 @@ a._card_e6dx53_5{
247
277
  -webkit-transform:scaleX(1.1);
248
278
  transform:scaleX(1.1);
249
279
  }
250
- ._card_e6dx53_5:hover ._cardImageImg_e6dx53_184 img{
280
+ ._card_b067hq_6:hover ._cardImageImg_b067hq_191 img{
251
281
  border-radius:8px;
252
282
  }
253
- ._card_e6dx53_5._cardPlain_e6dx53_36:hover ._cardImageImg_e6dx53_184{
283
+ ._card_b067hq_6._cardPlain_b067hq_37:hover ._cardImageImg_b067hq_191{
254
284
  -webkit-transform:none;
255
285
  transform:none;
256
286
  }
257
- ._cardImageDiv_e6dx53_222{
287
+ ._cardImageDiv_b067hq_229{
258
288
  display:-webkit-box;
259
289
  display:-ms-flexbox;
260
290
  display:flex;
@@ -272,50 +302,50 @@ a._card_e6dx53_5{
272
302
  background-position:center;
273
303
  background-size:auto 100%;
274
304
  }
275
- ._paddings16_e6dx53_150 ._cardImageDiv_e6dx53_222{
305
+ ._paddings16_b067hq_157 ._cardImageDiv_b067hq_229{
276
306
  top:-16px;
277
307
  left:-16px;
278
308
  padding:16px;
279
309
  width:calc(100% + 32px);
280
310
  }
281
- ._card_e6dx53_5:active ._paddings16_e6dx53_150 ._cardImageDiv_e6dx53_222{
311
+ ._card_b067hq_6:active ._paddings16_b067hq_157 ._cardImageDiv_b067hq_229{
282
312
  padding:calc(16px - 1);
283
313
  }
284
- ._paddings24_e6dx53_154 ._cardImageDiv_e6dx53_222{
314
+ ._paddings24_b067hq_161 ._cardImageDiv_b067hq_229{
285
315
  top:-24px;
286
316
  left:-24px;
287
317
  padding:24px;
288
318
  width:calc(100% + 48px);
289
319
  }
290
- ._card_e6dx53_5:active ._paddings24_e6dx53_154 ._cardImageDiv_e6dx53_222{
320
+ ._card_b067hq_6:active ._paddings24_b067hq_161 ._cardImageDiv_b067hq_229{
291
321
  padding:calc(24px - 1);
292
322
  }
293
- ._paddings32_e6dx53_158 ._cardImageDiv_e6dx53_222{
323
+ ._paddings32_b067hq_165 ._cardImageDiv_b067hq_229{
294
324
  top:-32px;
295
325
  left:-32px;
296
326
  padding:32px;
297
327
  width:calc(100% + 64px);
298
328
  }
299
- ._card_e6dx53_5:active ._paddings32_e6dx53_158 ._cardImageDiv_e6dx53_222{
329
+ ._card_b067hq_6:active ._paddings32_b067hq_165 ._cardImageDiv_b067hq_229{
300
330
  padding:calc(32px - 1);
301
331
  }
302
- ._card_e6dx53_5:hover ._cardImageDiv_e6dx53_222{
332
+ ._card_b067hq_6:hover ._cardImageDiv_b067hq_229{
303
333
  background-size:auto 110%;
304
334
  -webkit-transition:background-size .2s;
305
335
  transition:background-size .2s;
306
336
  }
307
- ._card_e6dx53_5._cardPlain_e6dx53_36:hover ._cardImageDiv_e6dx53_222{
337
+ ._card_b067hq_6._cardPlain_b067hq_37:hover ._cardImageDiv_b067hq_229{
308
338
  background-size:auto 100%;
309
339
  }
310
- ._paddings16_e6dx53_150 ._fixedImageHeight_e6dx53_256{
340
+ ._paddings16_b067hq_157 ._fixedImageHeight_b067hq_263{
311
341
  height:204px;
312
342
  max-height:204px;
313
343
  }
314
- ._paddings24_e6dx53_154 ._fixedImageHeight_e6dx53_256{
344
+ ._paddings24_b067hq_161 ._fixedImageHeight_b067hq_263{
315
345
  height:212px;
316
346
  max-height:212px;
317
347
  }
318
- ._paddings32_e6dx53_158 ._fixedImageHeight_e6dx53_256{
348
+ ._paddings32_b067hq_165 ._fixedImageHeight_b067hq_263{
319
349
  height:220px;
320
350
  max-height:220px;
321
351
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/card",
3
- "version": "0.4.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/button": "^0.6.1",
27
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.6.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": "91cb43cee6ffc54aae5360a73437d97c3f4ed36d"
37
+ "gitHead": "90715a8ea8c558b23c243bc092be4ded23e4192c"
37
38
  }