@rescui/card 0.6.0 → 0.6.2

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.js +1 -1
  2. package/lib/card.p.module.css.js +22 -0
  3. package/lib/index.css +88 -85
  4. package/package.json +9 -9
  5. package/lib/card.module.pcss.js +0 -22
package/lib/card.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
2
2
  import cn from 'classnames';
3
- import styles from './card.module.pcss.js';
3
+ import styles from './card.p.module.css.js';
4
4
  var THEME_STYLES = {
5
5
  light: styles.themeLight,
6
6
  dark: styles.themeDark
package/lib/card.p.module.css.js ADDED
@@ -0,0 +1,22 @@
1
+ var styles = {
2
+ "card": "_card_zn2pbv_6",
3
+ "themeLight": "_themeLight_zn2pbv_34",
4
+ "themeDark": "_themeDark_zn2pbv_41",
5
+ "cardPlain": "_cardPlain_zn2pbv_47",
6
+ "modeClassic": "_modeClassic_zn2pbv_47",
7
+ "modeRock": "_modeRock_zn2pbv_48",
8
+ "paddings16": "_paddings16_zn2pbv_167",
9
+ "paddings24": "_paddings24_zn2pbv_171",
10
+ "paddings32": "_paddings32_zn2pbv_175",
11
+ "glowHover": "_glowHover_zn2pbv_101",
12
+ "bordersRadius0": "_bordersRadius0_zn2pbv_179",
13
+ "bordersRadius8": "_bordersRadius8_zn2pbv_183",
14
+ "bordersRadius16": "_bordersRadius16_zn2pbv_187",
15
+ "bordersRadius24": "_bordersRadius24_zn2pbv_191",
16
+ "cardImage": "_cardImage_zn2pbv_195",
17
+ "cardImageImg": "_cardImageImg_zn2pbv_203",
18
+ "cardImageDiv": "_cardImageDiv_zn2pbv_236",
19
+ "fixedImageHeight": "_fixedImageHeight_zn2pbv_271",
20
+ "fullImageWidth": "_fullImageWidth_zn2pbv_288"
21
+ };
22
+ export { styles as default };
package/lib/index.css CHANGED
@@ -1,4 +1,4 @@
1
- ._card_1dn5yub_6{
1
+ ._card_zn2pbv_6{
2
2
  overflow:hidden;
3
3
 
4
4
  -webkit-box-sizing:border-box;
@@ -18,12 +18,15 @@
18
18
  transition:color 100ms, background-color 100ms, border-color 100ms;
19
19
  -webkit-mask-image:-webkit-radial-gradient(white, black);
20
20
  }
21
- a._card_1dn5yub_6{
21
+ a._card_zn2pbv_6{
22
22
  display:block;
23
23
 
24
24
  text-decoration:none;
25
25
  }
26
- ._themeLight_1dn5yub_30{
26
+ a._card_zn2pbv_6:hover{
27
+ text-decoration:none;
28
+ }
29
+ ._themeLight_zn2pbv_34{
27
30
  border-color:rgba(25,25,28,0.2);
28
31
  border-color:var(--card-border-color, rgba(25,25,28,0.2));
29
32
 
@@ -31,7 +34,7 @@ a._card_1dn5yub_6{
31
34
 
32
35
  background-color:var(--card-background-color, #FFFFFF);
33
36
  }
34
- ._themeDark_1dn5yub_37{
37
+ ._themeDark_zn2pbv_41{
35
38
  border-color:rgba(255,255,255,0.2);
36
39
  border-color:var(--card-border-color, rgba(255,255,255,0.2));
37
40
 
@@ -39,50 +42,50 @@ a._card_1dn5yub_6{
39
42
 
40
43
  background-color:var(--card-background-color, #303033);
41
44
  }
42
- ._cardPlain_1dn5yub_43._modeClassic_1dn5yub_43,
43
- ._cardPlain_1dn5yub_43._modeRock_1dn5yub_44{
45
+ ._cardPlain_zn2pbv_47._modeClassic_zn2pbv_47,
46
+ ._cardPlain_zn2pbv_47._modeRock_zn2pbv_48{
44
47
  cursor:default;
45
48
  }
46
- ._cardPlain_1dn5yub_43._modeClassic_1dn5yub_43._themeLight_1dn5yub_30, ._cardPlain_1dn5yub_43._modeRock_1dn5yub_44._themeLight_1dn5yub_30{
49
+ ._cardPlain_zn2pbv_47._modeClassic_zn2pbv_47._themeLight_zn2pbv_34, ._cardPlain_zn2pbv_47._modeRock_zn2pbv_48._themeLight_zn2pbv_34{
47
50
  --card-border-color:rgba(25,25,28,0.2);
48
51
  }
49
- ._cardPlain_1dn5yub_43._modeClassic_1dn5yub_43._themeLight_1dn5yub_30:hover,
50
- ._cardPlain_1dn5yub_43._modeClassic_1dn5yub_43._themeLight_1dn5yub_30:focus,
51
- ._cardPlain_1dn5yub_43._modeClassic_1dn5yub_43._themeLight_1dn5yub_30:active,
52
- ._cardPlain_1dn5yub_43._modeRock_1dn5yub_44._themeLight_1dn5yub_30:hover,
53
- ._cardPlain_1dn5yub_43._modeRock_1dn5yub_44._themeLight_1dn5yub_30:focus,
54
- ._cardPlain_1dn5yub_43._modeRock_1dn5yub_44._themeLight_1dn5yub_30:active{
52
+ ._cardPlain_zn2pbv_47._modeClassic_zn2pbv_47._themeLight_zn2pbv_34:hover,
53
+ ._cardPlain_zn2pbv_47._modeClassic_zn2pbv_47._themeLight_zn2pbv_34:focus,
54
+ ._cardPlain_zn2pbv_47._modeClassic_zn2pbv_47._themeLight_zn2pbv_34:active,
55
+ ._cardPlain_zn2pbv_47._modeRock_zn2pbv_48._themeLight_zn2pbv_34:hover,
56
+ ._cardPlain_zn2pbv_47._modeRock_zn2pbv_48._themeLight_zn2pbv_34:focus,
57
+ ._cardPlain_zn2pbv_47._modeRock_zn2pbv_48._themeLight_zn2pbv_34:active{
55
58
  --card-border-color:rgba(25,25,28,0.2);
56
59
  }
57
- ._cardPlain_1dn5yub_43._modeClassic_1dn5yub_43._themeDark_1dn5yub_37, ._cardPlain_1dn5yub_43._modeRock_1dn5yub_44._themeDark_1dn5yub_37{
60
+ ._cardPlain_zn2pbv_47._modeClassic_zn2pbv_47._themeDark_zn2pbv_41, ._cardPlain_zn2pbv_47._modeRock_zn2pbv_48._themeDark_zn2pbv_41{
58
61
  --card-border-color:rgba(255,255,255,0.2);
59
62
  }
60
- ._cardPlain_1dn5yub_43._modeClassic_1dn5yub_43._themeDark_1dn5yub_37:hover,
61
- ._cardPlain_1dn5yub_43._modeClassic_1dn5yub_43._themeDark_1dn5yub_37:focus,
62
- ._cardPlain_1dn5yub_43._modeClassic_1dn5yub_43._themeDark_1dn5yub_37:active,
63
- ._cardPlain_1dn5yub_43._modeRock_1dn5yub_44._themeDark_1dn5yub_37:hover,
64
- ._cardPlain_1dn5yub_43._modeRock_1dn5yub_44._themeDark_1dn5yub_37:focus,
65
- ._cardPlain_1dn5yub_43._modeRock_1dn5yub_44._themeDark_1dn5yub_37:active{
63
+ ._cardPlain_zn2pbv_47._modeClassic_zn2pbv_47._themeDark_zn2pbv_41:hover,
64
+ ._cardPlain_zn2pbv_47._modeClassic_zn2pbv_47._themeDark_zn2pbv_41:focus,
65
+ ._cardPlain_zn2pbv_47._modeClassic_zn2pbv_47._themeDark_zn2pbv_41:active,
66
+ ._cardPlain_zn2pbv_47._modeRock_zn2pbv_48._themeDark_zn2pbv_41:hover,
67
+ ._cardPlain_zn2pbv_47._modeRock_zn2pbv_48._themeDark_zn2pbv_41:focus,
68
+ ._cardPlain_zn2pbv_47._modeRock_zn2pbv_48._themeDark_zn2pbv_41:active{
66
69
  --card-border-color:rgba(255,255,255,0.2);
67
70
  }
68
- ._cardPlain_1dn5yub_43._modeClassic_1dn5yub_43._themeLight_1dn5yub_30:active, ._cardPlain_1dn5yub_43._modeClassic_1dn5yub_43._themeDark_1dn5yub_37:active, ._cardPlain_1dn5yub_43._modeRock_1dn5yub_44._themeLight_1dn5yub_30:active, ._cardPlain_1dn5yub_43._modeRock_1dn5yub_44._themeDark_1dn5yub_37:active{
71
+ ._cardPlain_zn2pbv_47._modeClassic_zn2pbv_47._themeLight_zn2pbv_34:active, ._cardPlain_zn2pbv_47._modeClassic_zn2pbv_47._themeDark_zn2pbv_41:active, ._cardPlain_zn2pbv_47._modeRock_zn2pbv_48._themeLight_zn2pbv_34:active, ._cardPlain_zn2pbv_47._modeRock_zn2pbv_48._themeDark_zn2pbv_41:active{
69
72
  border-width:1px;
70
73
  }
71
- ._cardPlain_1dn5yub_43._modeClassic_1dn5yub_43._themeLight_1dn5yub_30:active._paddings16_1dn5yub_163, ._cardPlain_1dn5yub_43._modeClassic_1dn5yub_43._themeDark_1dn5yub_37:active._paddings16_1dn5yub_163, ._cardPlain_1dn5yub_43._modeRock_1dn5yub_44._themeLight_1dn5yub_30:active._paddings16_1dn5yub_163, ._cardPlain_1dn5yub_43._modeRock_1dn5yub_44._themeDark_1dn5yub_37:active._paddings16_1dn5yub_163{
74
+ ._cardPlain_zn2pbv_47._modeClassic_zn2pbv_47._themeLight_zn2pbv_34:active._paddings16_zn2pbv_167, ._cardPlain_zn2pbv_47._modeClassic_zn2pbv_47._themeDark_zn2pbv_41:active._paddings16_zn2pbv_167, ._cardPlain_zn2pbv_47._modeRock_zn2pbv_48._themeLight_zn2pbv_34:active._paddings16_zn2pbv_167, ._cardPlain_zn2pbv_47._modeRock_zn2pbv_48._themeDark_zn2pbv_41:active._paddings16_zn2pbv_167{
72
75
  padding:16px;
73
76
  }
74
- ._cardPlain_1dn5yub_43._modeClassic_1dn5yub_43._themeLight_1dn5yub_30:active._paddings24_1dn5yub_167, ._cardPlain_1dn5yub_43._modeClassic_1dn5yub_43._themeDark_1dn5yub_37:active._paddings24_1dn5yub_167, ._cardPlain_1dn5yub_43._modeRock_1dn5yub_44._themeLight_1dn5yub_30:active._paddings24_1dn5yub_167, ._cardPlain_1dn5yub_43._modeRock_1dn5yub_44._themeDark_1dn5yub_37:active._paddings24_1dn5yub_167{
77
+ ._cardPlain_zn2pbv_47._modeClassic_zn2pbv_47._themeLight_zn2pbv_34:active._paddings24_zn2pbv_171, ._cardPlain_zn2pbv_47._modeClassic_zn2pbv_47._themeDark_zn2pbv_41:active._paddings24_zn2pbv_171, ._cardPlain_zn2pbv_47._modeRock_zn2pbv_48._themeLight_zn2pbv_34:active._paddings24_zn2pbv_171, ._cardPlain_zn2pbv_47._modeRock_zn2pbv_48._themeDark_zn2pbv_41:active._paddings24_zn2pbv_171{
75
78
  padding:24px;
76
79
  }
77
- ._cardPlain_1dn5yub_43._modeClassic_1dn5yub_43._themeLight_1dn5yub_30:active._paddings32_1dn5yub_171, ._cardPlain_1dn5yub_43._modeClassic_1dn5yub_43._themeDark_1dn5yub_37:active._paddings32_1dn5yub_171, ._cardPlain_1dn5yub_43._modeRock_1dn5yub_44._themeLight_1dn5yub_30:active._paddings32_1dn5yub_171, ._cardPlain_1dn5yub_43._modeRock_1dn5yub_44._themeDark_1dn5yub_37:active._paddings32_1dn5yub_171{
80
+ ._cardPlain_zn2pbv_47._modeClassic_zn2pbv_47._themeLight_zn2pbv_34:active._paddings32_zn2pbv_175, ._cardPlain_zn2pbv_47._modeClassic_zn2pbv_47._themeDark_zn2pbv_41:active._paddings32_zn2pbv_175, ._cardPlain_zn2pbv_47._modeRock_zn2pbv_48._themeLight_zn2pbv_34:active._paddings32_zn2pbv_175, ._cardPlain_zn2pbv_47._modeRock_zn2pbv_48._themeDark_zn2pbv_41:active._paddings32_zn2pbv_175{
78
81
  padding:32px;
79
82
  }
80
- ._modeClassic_1dn5yub_43._themeLight_1dn5yub_30:hover,
81
- ._modeClassic_1dn5yub_43._themeLight_1dn5yub_30:focus,
82
- ._modeClassic_1dn5yub_43._themeLight_1dn5yub_30:active{
83
+ ._modeClassic_zn2pbv_47._themeLight_zn2pbv_34:hover,
84
+ ._modeClassic_zn2pbv_47._themeLight_zn2pbv_34:focus,
85
+ ._modeClassic_zn2pbv_47._themeLight_zn2pbv_34:active{
83
86
  --card-border-color:#19191C;
84
87
  }
85
- ._modeClassic_1dn5yub_43._themeDark_1dn5yub_37{
88
+ ._modeClassic_zn2pbv_47._themeDark_zn2pbv_41{
86
89
  --rs-typography-color-hard:#FFFFFF;
87
90
  --rs-typography-color-average:rgba(255,255,255,0.7);
88
91
  --rs-typography-color-pale:rgba(255,255,255,0.5);
@@ -96,59 +99,59 @@ a._card_1dn5yub_6{
96
99
  --rs-rock-button-disabled-text-color:rgba(255,255,255,0.5);
97
100
  --rs-rock-button-disabled-bg-color:rgba(255,255,255,0.2);
98
101
  }
99
- ._modeClassic_1dn5yub_43._themeDark_1dn5yub_37:hover,
100
- ._modeClassic_1dn5yub_43._themeDark_1dn5yub_37:focus,
101
- ._modeClassic_1dn5yub_43._themeDark_1dn5yub_37:active{
102
+ ._modeClassic_zn2pbv_47._themeDark_zn2pbv_41:hover,
103
+ ._modeClassic_zn2pbv_47._themeDark_zn2pbv_41:focus,
104
+ ._modeClassic_zn2pbv_47._themeDark_zn2pbv_41:active{
102
105
  --card-border-color:#FFFFFF;
103
106
  }
104
- ._modeClassic_1dn5yub_43._glowHover_1dn5yub_97._themeLight_1dn5yub_30:hover,
105
- ._modeClassic_1dn5yub_43._glowHover_1dn5yub_97._themeLight_1dn5yub_30:focus,
106
- ._modeClassic_1dn5yub_43._glowHover_1dn5yub_97._themeLight_1dn5yub_30:active{
107
+ ._modeClassic_zn2pbv_47._glowHover_zn2pbv_101._themeLight_zn2pbv_34:hover,
108
+ ._modeClassic_zn2pbv_47._glowHover_zn2pbv_101._themeLight_zn2pbv_34:focus,
109
+ ._modeClassic_zn2pbv_47._glowHover_zn2pbv_101._themeLight_zn2pbv_34:active{
107
110
  --card-border-color:rgba(25,25,28,0.2);
108
111
  }
109
- ._modeClassic_1dn5yub_43._glowHover_1dn5yub_97._themeLight_1dn5yub_30:active{
112
+ ._modeClassic_zn2pbv_47._glowHover_zn2pbv_101._themeLight_zn2pbv_34:active{
110
113
  border-width:1px;
111
114
  }
112
- ._modeClassic_1dn5yub_43._glowHover_1dn5yub_97._themeLight_1dn5yub_30:active._paddings16_1dn5yub_163{
115
+ ._modeClassic_zn2pbv_47._glowHover_zn2pbv_101._themeLight_zn2pbv_34:active._paddings16_zn2pbv_167{
113
116
  padding:16px;
114
117
  }
115
- ._modeClassic_1dn5yub_43._glowHover_1dn5yub_97._themeLight_1dn5yub_30:active._paddings24_1dn5yub_167{
118
+ ._modeClassic_zn2pbv_47._glowHover_zn2pbv_101._themeLight_zn2pbv_34:active._paddings24_zn2pbv_171{
116
119
  padding:24px;
117
120
  }
118
- ._modeClassic_1dn5yub_43._glowHover_1dn5yub_97._themeLight_1dn5yub_30:active._paddings32_1dn5yub_171{
121
+ ._modeClassic_zn2pbv_47._glowHover_zn2pbv_101._themeLight_zn2pbv_34:active._paddings32_zn2pbv_175{
119
122
  padding:32px;
120
123
  }
121
- ._modeClassic_1dn5yub_43._glowHover_1dn5yub_97._themeDark_1dn5yub_37:hover,
122
- ._modeClassic_1dn5yub_43._glowHover_1dn5yub_97._themeDark_1dn5yub_37:focus,
123
- ._modeClassic_1dn5yub_43._glowHover_1dn5yub_97._themeDark_1dn5yub_37:active{
124
+ ._modeClassic_zn2pbv_47._glowHover_zn2pbv_101._themeDark_zn2pbv_41:hover,
125
+ ._modeClassic_zn2pbv_47._glowHover_zn2pbv_101._themeDark_zn2pbv_41:focus,
126
+ ._modeClassic_zn2pbv_47._glowHover_zn2pbv_101._themeDark_zn2pbv_41:active{
124
127
  --card-border-color:rgba(255,255,255,0.2);
125
128
  }
126
- ._modeClassic_1dn5yub_43._glowHover_1dn5yub_97._themeDark_1dn5yub_37:active{
129
+ ._modeClassic_zn2pbv_47._glowHover_zn2pbv_101._themeDark_zn2pbv_41:active{
127
130
  border-width:1px;
128
131
  }
129
- ._modeClassic_1dn5yub_43._glowHover_1dn5yub_97._themeDark_1dn5yub_37:active._paddings16_1dn5yub_163{
132
+ ._modeClassic_zn2pbv_47._glowHover_zn2pbv_101._themeDark_zn2pbv_41:active._paddings16_zn2pbv_167{
130
133
  padding:16px;
131
134
  }
132
- ._modeClassic_1dn5yub_43._glowHover_1dn5yub_97._themeDark_1dn5yub_37:active._paddings24_1dn5yub_167{
135
+ ._modeClassic_zn2pbv_47._glowHover_zn2pbv_101._themeDark_zn2pbv_41:active._paddings24_zn2pbv_171{
133
136
  padding:24px;
134
137
  }
135
- ._modeClassic_1dn5yub_43._glowHover_1dn5yub_97._themeDark_1dn5yub_37:active._paddings32_1dn5yub_171{
138
+ ._modeClassic_zn2pbv_47._glowHover_zn2pbv_101._themeDark_zn2pbv_41:active._paddings32_zn2pbv_175{
136
139
  padding:32px;
137
140
  }
138
- ._modeClassic_1dn5yub_43:active{
141
+ ._modeClassic_zn2pbv_47:active{
139
142
  border-width:2px;
140
143
  }
141
- ._modeClassic_1dn5yub_43:active._paddings16_1dn5yub_163{
144
+ ._modeClassic_zn2pbv_47:active._paddings16_zn2pbv_167{
142
145
  padding:15px;
143
146
  }
144
- ._modeClassic_1dn5yub_43:active._paddings24_1dn5yub_167{
147
+ ._modeClassic_zn2pbv_47:active._paddings24_zn2pbv_171{
145
148
  padding:23px;
146
149
  }
147
- ._modeClassic_1dn5yub_43:active._paddings32_1dn5yub_171{
150
+ ._modeClassic_zn2pbv_47:active._paddings32_zn2pbv_175{
148
151
  padding:31px;
149
152
  }
150
- ._modeRock_1dn5yub_44._themeLight_1dn5yub_30:hover,
151
- ._modeRock_1dn5yub_44._themeLight_1dn5yub_30:focus{
153
+ ._modeRock_zn2pbv_48._themeLight_zn2pbv_34:hover,
154
+ ._modeRock_zn2pbv_48._themeLight_zn2pbv_34:focus{
152
155
  --card-border-color:rgba(25,25,28,0.2);
153
156
  --card-background-color:#19191C;
154
157
  --rs-typography-color-hard:#FFFFFF;
@@ -164,7 +167,7 @@ a._card_1dn5yub_6{
164
167
  --rs-rock-button-disabled-text-color:rgba(255,255,255,0.5);
165
168
  --rs-rock-button-disabled-bg-color:rgba(255,255,255,0.2);
166
169
  }
167
- ._modeRock_1dn5yub_44._themeLight_1dn5yub_30:active{
170
+ ._modeRock_zn2pbv_48._themeLight_zn2pbv_34:active{
168
171
  background-color:#303033;
169
172
  --rs-typography-color-hard:#FFFFFF;
170
173
  --rs-typography-color-average:rgba(255,255,255,0.7);
@@ -179,7 +182,7 @@ a._card_1dn5yub_6{
179
182
  --rs-rock-button-disabled-text-color:rgba(255,255,255,0.5);
180
183
  --rs-rock-button-disabled-bg-color:rgba(255,255,255,0.2);
181
184
  }
182
- ._modeRock_1dn5yub_44._themeDark_1dn5yub_37{
185
+ ._modeRock_zn2pbv_48._themeDark_zn2pbv_41{
183
186
  --rs-typography-color-hard:#FFFFFF;
184
187
  --rs-typography-color-average:rgba(255,255,255,0.7);
185
188
  --rs-typography-color-pale:rgba(255,255,255,0.5);
@@ -193,8 +196,8 @@ a._card_1dn5yub_6{
193
196
  --rs-rock-button-disabled-text-color:rgba(255,255,255,0.5);
194
197
  --rs-rock-button-disabled-bg-color:rgba(255,255,255,0.2);
195
198
  }
196
- ._modeRock_1dn5yub_44._themeDark_1dn5yub_37:hover,
197
- ._modeRock_1dn5yub_44._themeDark_1dn5yub_37:focus{
199
+ ._modeRock_zn2pbv_48._themeDark_zn2pbv_41:hover,
200
+ ._modeRock_zn2pbv_48._themeDark_zn2pbv_41:focus{
198
201
  --card-background-color:#FFFFFF;
199
202
  --rs-typography-color-hard:#19191C;
200
203
  --rs-typography-color-average:rgba(25,25,28,0.7);
@@ -209,7 +212,7 @@ a._card_1dn5yub_6{
209
212
  --rs-rock-button-disabled-text-color:rgba(25,25,28,0.5);
210
213
  --rs-rock-button-disabled-bg-color:rgba(25,25,28,0.2);
211
214
  }
212
- ._modeRock_1dn5yub_44._themeDark_1dn5yub_37:active{
215
+ ._modeRock_zn2pbv_48._themeDark_zn2pbv_41:active{
213
216
  --card-background-color:#F4F4F4;
214
217
  --rs-typography-color-hard:#19191C;
215
218
  --rs-typography-color-average:rgba(25,25,28,0.7);
@@ -224,28 +227,28 @@ a._card_1dn5yub_6{
224
227
  --rs-rock-button-disabled-text-color:rgba(25,25,28,0.5);
225
228
  --rs-rock-button-disabled-bg-color:rgba(25,25,28,0.2);
226
229
  }
227
- ._paddings16_1dn5yub_163{
230
+ ._paddings16_zn2pbv_167{
228
231
  padding:16px;
229
232
  }
230
- ._paddings24_1dn5yub_167{
233
+ ._paddings24_zn2pbv_171{
231
234
  padding:24px;
232
235
  }
233
- ._paddings32_1dn5yub_171{
236
+ ._paddings32_zn2pbv_175{
234
237
  padding:32px;
235
238
  }
236
- ._bordersRadius0_1dn5yub_175{
239
+ ._bordersRadius0_zn2pbv_179{
237
240
  --rs-card-border-radius:0;
238
241
  }
239
- ._bordersRadius8_1dn5yub_179{
242
+ ._bordersRadius8_zn2pbv_183{
240
243
  --rs-card-border-radius:8px;
241
244
  }
242
- ._bordersRadius16_1dn5yub_183{
245
+ ._bordersRadius16_zn2pbv_187{
243
246
  --rs-card-border-radius:16px;
244
247
  }
245
- ._bordersRadius24_1dn5yub_187{
248
+ ._bordersRadius24_zn2pbv_191{
246
249
  --rs-card-border-radius:24px;
247
250
  }
248
- ._cardImage_1dn5yub_191{
251
+ ._cardImage_zn2pbv_195{
249
252
  position:relative;
250
253
 
251
254
  overflow:hidden;
@@ -254,7 +257,7 @@ a._card_1dn5yub_6{
254
257
 
255
258
  box-sizing:border-box;
256
259
  }
257
- ._cardImageImg_1dn5yub_199{
260
+ ._cardImageImg_zn2pbv_203{
258
261
  display:-webkit-box;
259
262
  display:-ms-flexbox;
260
263
  display:flex;
@@ -265,22 +268,22 @@ a._card_1dn5yub_6{
265
268
  -ms-flex-align:center;
266
269
  align-items:center;
267
270
  }
268
- ._paddings16_1dn5yub_163 ._cardImageImg_1dn5yub_199{
271
+ ._paddings16_zn2pbv_167 ._cardImageImg_zn2pbv_203{
269
272
  top:-16px;
270
273
  left:-16px;
271
274
  width:calc(100% + 32px);
272
275
  }
273
- ._paddings24_1dn5yub_167 ._cardImageImg_1dn5yub_199{
276
+ ._paddings24_zn2pbv_171 ._cardImageImg_zn2pbv_203{
274
277
  top:-24px;
275
278
  left:-24px;
276
279
  width:calc(100% + 48px);
277
280
  }
278
- ._paddings32_1dn5yub_171 ._cardImageImg_1dn5yub_199{
281
+ ._paddings32_zn2pbv_175 ._cardImageImg_zn2pbv_203{
279
282
  top:-32px;
280
283
  left:-32px;
281
284
  width:calc(100% + 64px);
282
285
  }
283
- ._cardImageImg_1dn5yub_199 img{
286
+ ._cardImageImg_zn2pbv_203 img{
284
287
  max-height:100%;
285
288
  max-width:100%;
286
289
  -webkit-transition:-webkit-transform .2s;
@@ -290,15 +293,15 @@ a._card_1dn5yub_6{
290
293
  -webkit-transform:scale(1);
291
294
  transform:scale(1);
292
295
  }
293
- ._card_1dn5yub_6:hover ._cardImageImg_1dn5yub_199 img{
296
+ ._card_zn2pbv_6:hover ._cardImageImg_zn2pbv_203 img{
294
297
  -webkit-transform:scale(1.1);
295
298
  transform:scale(1.1);
296
299
  }
297
- ._card_1dn5yub_6._cardPlain_1dn5yub_43:hover ._cardImageImg_1dn5yub_199 img{
300
+ ._card_zn2pbv_6._cardPlain_zn2pbv_47:hover ._cardImageImg_zn2pbv_203 img{
298
301
  -webkit-transform:none;
299
302
  transform:none;
300
303
  }
301
- ._cardImageDiv_1dn5yub_232{
304
+ ._cardImageDiv_zn2pbv_236{
302
305
  display:-webkit-box;
303
306
  display:-ms-flexbox;
304
307
  display:flex;
@@ -320,55 +323,55 @@ a._card_1dn5yub_6{
320
323
 
321
324
  transition:background-size .2s;
322
325
  }
323
- ._paddings16_1dn5yub_163 ._cardImageDiv_1dn5yub_232{
326
+ ._paddings16_zn2pbv_167 ._cardImageDiv_zn2pbv_236{
324
327
  top:-16px;
325
328
  left:-16px;
326
329
  padding:16px;
327
330
  width:calc(100% + 32px);
328
331
  }
329
- ._card_1dn5yub_6:active ._paddings16_1dn5yub_163 ._cardImageDiv_1dn5yub_232{
332
+ ._card_zn2pbv_6:active ._paddings16_zn2pbv_167 ._cardImageDiv_zn2pbv_236{
330
333
  padding:calc(16px - 1);
331
334
  }
332
- ._paddings24_1dn5yub_167 ._cardImageDiv_1dn5yub_232{
335
+ ._paddings24_zn2pbv_171 ._cardImageDiv_zn2pbv_236{
333
336
  top:-24px;
334
337
  left:-24px;
335
338
  padding:24px;
336
339
  width:calc(100% + 48px);
337
340
  }
338
- ._card_1dn5yub_6:active ._paddings24_1dn5yub_167 ._cardImageDiv_1dn5yub_232{
341
+ ._card_zn2pbv_6:active ._paddings24_zn2pbv_171 ._cardImageDiv_zn2pbv_236{
339
342
  padding:calc(24px - 1);
340
343
  }
341
- ._paddings32_1dn5yub_171 ._cardImageDiv_1dn5yub_232{
344
+ ._paddings32_zn2pbv_175 ._cardImageDiv_zn2pbv_236{
342
345
  top:-32px;
343
346
  left:-32px;
344
347
  padding:32px;
345
348
  width:calc(100% + 64px);
346
349
  }
347
- ._card_1dn5yub_6:active ._paddings32_1dn5yub_171 ._cardImageDiv_1dn5yub_232{
350
+ ._card_zn2pbv_6:active ._paddings32_zn2pbv_175 ._cardImageDiv_zn2pbv_236{
348
351
  padding:calc(32px - 1);
349
352
  }
350
- ._card_1dn5yub_6:hover ._cardImageDiv_1dn5yub_232{
353
+ ._card_zn2pbv_6:hover ._cardImageDiv_zn2pbv_236{
351
354
  background-size:110% 110%;
352
355
  }
353
- ._card_1dn5yub_6._cardPlain_1dn5yub_43:hover ._cardImageDiv_1dn5yub_232{
356
+ ._card_zn2pbv_6._cardPlain_zn2pbv_47:hover ._cardImageDiv_zn2pbv_236{
354
357
  background-size:100% 100%;
355
358
  }
356
- ._fixedImageHeight_1dn5yub_267 img{
359
+ ._fixedImageHeight_zn2pbv_271 img{
357
360
  height:100%;
358
361
  }
359
- ._paddings16_1dn5yub_163 ._fixedImageHeight_1dn5yub_267{
362
+ ._paddings16_zn2pbv_167 ._fixedImageHeight_zn2pbv_271{
360
363
  height:204px;
361
364
  max-height:204px;
362
365
  }
363
- ._paddings24_1dn5yub_167 ._fixedImageHeight_1dn5yub_267{
366
+ ._paddings24_zn2pbv_171 ._fixedImageHeight_zn2pbv_271{
364
367
  height:212px;
365
368
  max-height:212px;
366
369
  }
367
- ._paddings32_1dn5yub_171 ._fixedImageHeight_1dn5yub_267{
370
+ ._paddings32_zn2pbv_175 ._fixedImageHeight_zn2pbv_271{
368
371
  height:220px;
369
372
  max-height:220px;
370
373
  }
371
- ._fullImageWidth_1dn5yub_284 img{
374
+ ._fullImageWidth_zn2pbv_288 img{
372
375
  width:100%;
373
376
  }
374
377
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/card",
3
- "version": "0.6.0",
3
+ "version": "0.6.2",
4
4
  "description": "",
5
5
  "main": "lib/index.js",
6
6
  "module": "lib/index.ts",
@@ -18,21 +18,21 @@
18
18
  "core-js": "^3.9.1"
19
19
  },
20
20
  "peerDependencies": {
21
- "@rescui/ui-contexts": "<0.3.0",
21
+ "@rescui/ui-contexts": "<0.4.0",
22
22
  "prop-types": "^15.7.2",
23
23
  "react": ">=16.8.0 <18"
24
24
  },
25
25
  "devDependencies": {
26
26
  "@jetbrains/logos": "^1.4.16",
27
- "@rescui/button": "^0.6.6",
28
- "@rescui/colors": "^0.1.1",
29
- "@rescui/postcss-preset-library": "^0.0.5",
30
- "@rescui/scripts": "^0.1.5",
31
- "@rescui/typography": "^0.7.2",
32
- "@rescui/visual-regression": "^0.0.1"
27
+ "@rescui/button": "^0.6.8",
28
+ "@rescui/colors": "^0.1.2",
29
+ "@rescui/postcss-preset-library": "^0.0.6",
30
+ "@rescui/scripts": "^0.1.6",
31
+ "@rescui/typography": "^0.7.4",
32
+ "@rescui/visual-regression": "^0.0.2"
33
33
  },
34
34
  "scripts": {
35
35
  "build": "rescui-scripts build"
36
36
  },
37
- "gitHead": "67f695b72d13fd8445542c48f096b65656fdd7d9"
37
+ "gitHead": "c5b48e321608ae1755e691238aa5db5977318c75"
38
38
  }
package/lib/card.module.pcss.js DELETED
@@ -1,22 +0,0 @@
1
- var styles = {
2
- "card": "_card_1dn5yub_6",
3
- "themeLight": "_themeLight_1dn5yub_30",
4
- "themeDark": "_themeDark_1dn5yub_37",
5
- "cardPlain": "_cardPlain_1dn5yub_43",
6
- "modeClassic": "_modeClassic_1dn5yub_43",
7
- "modeRock": "_modeRock_1dn5yub_44",
8
- "paddings16": "_paddings16_1dn5yub_163",
9
- "paddings24": "_paddings24_1dn5yub_167",
10
- "paddings32": "_paddings32_1dn5yub_171",
11
- "glowHover": "_glowHover_1dn5yub_97",
12
- "bordersRadius0": "_bordersRadius0_1dn5yub_175",
13
- "bordersRadius8": "_bordersRadius8_1dn5yub_179",
14
- "bordersRadius16": "_bordersRadius16_1dn5yub_183",
15
- "bordersRadius24": "_bordersRadius24_1dn5yub_187",
16
- "cardImage": "_cardImage_1dn5yub_191",
17
- "cardImageImg": "_cardImageImg_1dn5yub_199",
18
- "cardImageDiv": "_cardImageDiv_1dn5yub_232",
19
- "fixedImageHeight": "_fixedImageHeight_1dn5yub_267",
20
- "fullImageWidth": "_fullImageWidth_1dn5yub_284"
21
- };
22
- export { styles as default };