@rescui/card 0.3.0 → 0.3.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/lib/card.module.pcss.js +17 -17
  2. package/lib/index.css +93 -87
  3. package/package.json +3 -3
package/lib/card.module.pcss.js CHANGED
@@ -1,20 +1,20 @@
1
1
  var styles = {
2
- "card": "_card_1t123uy_5",
3
- "themeLight": "_themeLight_1t123uy_25",
4
- "themeDark": "_themeDark_1t123uy_31",
5
- "cardPlain": "_cardPlain_1t123uy_36",
6
- "modeClassic": "_modeClassic_1t123uy_36",
7
- "modeRock": "_modeRock_1t123uy_37",
8
- "paddings16": "_paddings16_1t123uy_150",
9
- "paddings24": "_paddings24_1t123uy_154",
10
- "paddings32": "_paddings32_1t123uy_158",
11
- "glowHover": "_glowHover_1t123uy_89",
12
- "bordersRadius0": "_bordersRadius0_1t123uy_162",
13
- "bordersRadius8": "_bordersRadius8_1t123uy_166",
14
- "bordersRadius16": "_bordersRadius16_1t123uy_170",
15
- "bordersRadius24": "_bordersRadius24_1t123uy_174",
16
- "cardImage": "_cardImage_1t123uy_178",
17
- "cardImageImg": "_cardImageImg_1t123uy_184",
18
- "cardImageDiv": "_cardImageDiv_1t123uy_222"
2
+ "card": "_card_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"
19
19
  };
20
20
  export default styles;
package/lib/index.css CHANGED
@@ -1,4 +1,4 @@
1
- ._card_1t123uy_5{
1
+ ._card_u9ppe7_5{
2
2
  overflow:hidden;
3
3
  cursor:pointer;
4
4
  min-height:0;
@@ -13,126 +13,127 @@
13
13
  border-radius:var(--rs-card-border-radius, 0);
14
14
  -webkit-mask-image:-webkit-radial-gradient(white, black);
15
15
  }
16
- a._card_1t123uy_5{
16
+ a._card_u9ppe7_5{
17
17
  display:block;
18
18
  text-decoration:none;
19
19
  }
20
- ._themeLight_1t123uy_25{
20
+ ._themeLight_u9ppe7_25{
21
21
  border-color:rgba(25,25,28,0.2);
22
22
  border-color:var(--card-border-color, rgba(25,25,28,0.2));
23
23
  background-color:#FFFFFF;
24
24
  background-color:var(--card-background-color, #FFFFFF);
25
25
  }
26
- ._themeDark_1t123uy_31{
26
+ ._themeDark_u9ppe7_31{
27
27
  border-color:rgba(255,255,255,0.2);
28
28
  border-color:var(--card-border-color, rgba(255,255,255,0.2));
29
29
  background-color:#303033;
30
30
  background-color:var(--card-background-color, #303033);
31
31
  }
32
- ._cardPlain_1t123uy_36._modeClassic_1t123uy_36,
33
- ._cardPlain_1t123uy_36._modeRock_1t123uy_37{
32
+ ._cardPlain_u9ppe7_36._modeClassic_u9ppe7_36,
33
+ ._cardPlain_u9ppe7_36._modeRock_u9ppe7_37{
34
34
  cursor:default;
35
35
  }
36
- ._cardPlain_1t123uy_36._modeClassic_1t123uy_36._themeLight_1t123uy_25, ._cardPlain_1t123uy_36._modeRock_1t123uy_37._themeLight_1t123uy_25{
36
+ ._cardPlain_u9ppe7_36._modeClassic_u9ppe7_36._themeLight_u9ppe7_25, ._cardPlain_u9ppe7_36._modeRock_u9ppe7_37._themeLight_u9ppe7_25{
37
37
  --card-border-color:rgba(25,25,28,0.2);
38
38
  }
39
- ._cardPlain_1t123uy_36._modeClassic_1t123uy_36._themeLight_1t123uy_25:hover,
40
- ._cardPlain_1t123uy_36._modeClassic_1t123uy_36._themeLight_1t123uy_25:focus,
41
- ._cardPlain_1t123uy_36._modeClassic_1t123uy_36._themeLight_1t123uy_25:active,
42
- ._cardPlain_1t123uy_36._modeRock_1t123uy_37._themeLight_1t123uy_25:hover,
43
- ._cardPlain_1t123uy_36._modeRock_1t123uy_37._themeLight_1t123uy_25:focus,
44
- ._cardPlain_1t123uy_36._modeRock_1t123uy_37._themeLight_1t123uy_25:active{
39
+ ._cardPlain_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{
45
45
  --card-border-color:rgba(25,25,28,0.2);
46
46
  }
47
- ._cardPlain_1t123uy_36._modeClassic_1t123uy_36._themeDark_1t123uy_31, ._cardPlain_1t123uy_36._modeRock_1t123uy_37._themeDark_1t123uy_31{
47
+ ._cardPlain_u9ppe7_36._modeClassic_u9ppe7_36._themeDark_u9ppe7_31, ._cardPlain_u9ppe7_36._modeRock_u9ppe7_37._themeDark_u9ppe7_31{
48
48
  --card-border-color:rgba(255,255,255,0.2);
49
49
  }
50
- ._cardPlain_1t123uy_36._modeClassic_1t123uy_36._themeDark_1t123uy_31:hover,
51
- ._cardPlain_1t123uy_36._modeClassic_1t123uy_36._themeDark_1t123uy_31:focus,
52
- ._cardPlain_1t123uy_36._modeClassic_1t123uy_36._themeDark_1t123uy_31:active,
53
- ._cardPlain_1t123uy_36._modeRock_1t123uy_37._themeDark_1t123uy_31:hover,
54
- ._cardPlain_1t123uy_36._modeRock_1t123uy_37._themeDark_1t123uy_31:focus,
55
- ._cardPlain_1t123uy_36._modeRock_1t123uy_37._themeDark_1t123uy_31:active{
50
+ ._cardPlain_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{
56
56
  --card-border-color:rgba(255,255,255,0.2);
57
57
  }
58
- ._cardPlain_1t123uy_36._modeClassic_1t123uy_36._themeLight_1t123uy_25:active, ._cardPlain_1t123uy_36._modeClassic_1t123uy_36._themeDark_1t123uy_31:active, ._cardPlain_1t123uy_36._modeRock_1t123uy_37._themeLight_1t123uy_25:active, ._cardPlain_1t123uy_36._modeRock_1t123uy_37._themeDark_1t123uy_31:active{
58
+ ._cardPlain_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{
59
59
  border-width:1px;
60
60
  }
61
- ._cardPlain_1t123uy_36._modeClassic_1t123uy_36._themeLight_1t123uy_25:active._paddings16_1t123uy_150, ._cardPlain_1t123uy_36._modeClassic_1t123uy_36._themeDark_1t123uy_31:active._paddings16_1t123uy_150, ._cardPlain_1t123uy_36._modeRock_1t123uy_37._themeLight_1t123uy_25:active._paddings16_1t123uy_150, ._cardPlain_1t123uy_36._modeRock_1t123uy_37._themeDark_1t123uy_31:active._paddings16_1t123uy_150{
61
+ ._cardPlain_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{
62
62
  padding:16px;
63
63
  }
64
- ._cardPlain_1t123uy_36._modeClassic_1t123uy_36._themeLight_1t123uy_25:active._paddings24_1t123uy_154, ._cardPlain_1t123uy_36._modeClassic_1t123uy_36._themeDark_1t123uy_31:active._paddings24_1t123uy_154, ._cardPlain_1t123uy_36._modeRock_1t123uy_37._themeLight_1t123uy_25:active._paddings24_1t123uy_154, ._cardPlain_1t123uy_36._modeRock_1t123uy_37._themeDark_1t123uy_31:active._paddings24_1t123uy_154{
64
+ ._cardPlain_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{
65
65
  padding:24px;
66
66
  }
67
- ._cardPlain_1t123uy_36._modeClassic_1t123uy_36._themeLight_1t123uy_25:active._paddings32_1t123uy_158, ._cardPlain_1t123uy_36._modeClassic_1t123uy_36._themeDark_1t123uy_31:active._paddings32_1t123uy_158, ._cardPlain_1t123uy_36._modeRock_1t123uy_37._themeLight_1t123uy_25:active._paddings32_1t123uy_158, ._cardPlain_1t123uy_36._modeRock_1t123uy_37._themeDark_1t123uy_31:active._paddings32_1t123uy_158{
67
+ ._cardPlain_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{
68
68
  padding:32px;
69
69
  }
70
- ._modeClassic_1t123uy_36._themeLight_1t123uy_25:hover,
71
- ._modeClassic_1t123uy_36._themeLight_1t123uy_25:focus,
72
- ._modeClassic_1t123uy_36._themeLight_1t123uy_25:active{
70
+ ._modeClassic_u9ppe7_36._themeLight_u9ppe7_25:hover,
71
+ ._modeClassic_u9ppe7_36._themeLight_u9ppe7_25:focus,
72
+ ._modeClassic_u9ppe7_36._themeLight_u9ppe7_25:active{
73
73
  --card-border-color:#19191C;
74
74
  }
75
- ._modeClassic_1t123uy_36._themeDark_1t123uy_31{
75
+ ._modeClassic_u9ppe7_36._themeDark_u9ppe7_31{
76
76
  --rs-typography-color-hard:#FFFFFF;
77
77
  --rs-typography-color-average:rgba(255,255,255,0.7);
78
78
  --rs-typography-color-pale:rgba(255,255,255,0.5);
79
79
  --rs-typography-pre-color:rgba(255,255,255,0.7);
80
80
  --rs-typography-pre-bg-color:rgba(255,255,255,0.1);
81
- --rs-typography-text-link-hover-color:#19191C;
81
+ --rs-typography-classic-link-underline-color:rgba(255,255,255,0.4);
82
+ --rs-typography-rock-link-hover-color:#19191C;
82
83
  }
83
- ._modeClassic_1t123uy_36._themeDark_1t123uy_31:hover,
84
- ._modeClassic_1t123uy_36._themeDark_1t123uy_31:focus,
85
- ._modeClassic_1t123uy_36._themeDark_1t123uy_31:active{
84
+ ._modeClassic_u9ppe7_36._themeDark_u9ppe7_31:hover,
85
+ ._modeClassic_u9ppe7_36._themeDark_u9ppe7_31:focus,
86
+ ._modeClassic_u9ppe7_36._themeDark_u9ppe7_31:active{
86
87
  --card-border-color:#FFFFFF;
87
88
  }
88
- ._modeClassic_1t123uy_36._glowHover_1t123uy_89._themeLight_1t123uy_25:hover,
89
- ._modeClassic_1t123uy_36._glowHover_1t123uy_89._themeLight_1t123uy_25:focus,
90
- ._modeClassic_1t123uy_36._glowHover_1t123uy_89._themeLight_1t123uy_25:active{
89
+ ._modeClassic_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{
91
92
  --card-border-color:rgba(25,25,28,0.2);
92
93
  }
93
- ._modeClassic_1t123uy_36._glowHover_1t123uy_89._themeLight_1t123uy_25:active{
94
+ ._modeClassic_u9ppe7_36._glowHover_u9ppe7_89._themeLight_u9ppe7_25:active{
94
95
  border-width:1px;
95
96
  }
96
- ._modeClassic_1t123uy_36._glowHover_1t123uy_89._themeLight_1t123uy_25:active._paddings16_1t123uy_150{
97
+ ._modeClassic_u9ppe7_36._glowHover_u9ppe7_89._themeLight_u9ppe7_25:active._paddings16_u9ppe7_150{
97
98
  padding:16px;
98
99
  }
99
- ._modeClassic_1t123uy_36._glowHover_1t123uy_89._themeLight_1t123uy_25:active._paddings24_1t123uy_154{
100
+ ._modeClassic_u9ppe7_36._glowHover_u9ppe7_89._themeLight_u9ppe7_25:active._paddings24_u9ppe7_154{
100
101
  padding:24px;
101
102
  }
102
- ._modeClassic_1t123uy_36._glowHover_1t123uy_89._themeLight_1t123uy_25:active._paddings32_1t123uy_158{
103
+ ._modeClassic_u9ppe7_36._glowHover_u9ppe7_89._themeLight_u9ppe7_25:active._paddings32_u9ppe7_158{
103
104
  padding:32px;
104
105
  }
105
- ._modeClassic_1t123uy_36._glowHover_1t123uy_89._themeDark_1t123uy_31:hover,
106
- ._modeClassic_1t123uy_36._glowHover_1t123uy_89._themeDark_1t123uy_31:focus,
107
- ._modeClassic_1t123uy_36._glowHover_1t123uy_89._themeDark_1t123uy_31:active{
106
+ ._modeClassic_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{
108
109
  --card-border-color:rgba(255,255,255,0.2);
109
110
  }
110
- ._modeClassic_1t123uy_36._glowHover_1t123uy_89._themeDark_1t123uy_31:active{
111
+ ._modeClassic_u9ppe7_36._glowHover_u9ppe7_89._themeDark_u9ppe7_31:active{
111
112
  border-width:1px;
112
113
  }
113
- ._modeClassic_1t123uy_36._glowHover_1t123uy_89._themeDark_1t123uy_31:active._paddings16_1t123uy_150{
114
+ ._modeClassic_u9ppe7_36._glowHover_u9ppe7_89._themeDark_u9ppe7_31:active._paddings16_u9ppe7_150{
114
115
  padding:16px;
115
116
  }
116
- ._modeClassic_1t123uy_36._glowHover_1t123uy_89._themeDark_1t123uy_31:active._paddings24_1t123uy_154{
117
+ ._modeClassic_u9ppe7_36._glowHover_u9ppe7_89._themeDark_u9ppe7_31:active._paddings24_u9ppe7_154{
117
118
  padding:24px;
118
119
  }
119
- ._modeClassic_1t123uy_36._glowHover_1t123uy_89._themeDark_1t123uy_31:active._paddings32_1t123uy_158{
120
+ ._modeClassic_u9ppe7_36._glowHover_u9ppe7_89._themeDark_u9ppe7_31:active._paddings32_u9ppe7_158{
120
121
  padding:32px;
121
122
  }
122
- ._modeClassic_1t123uy_36:active{
123
+ ._modeClassic_u9ppe7_36:active{
123
124
  border-width:2px;
124
125
  }
125
- ._modeClassic_1t123uy_36:active._paddings16_1t123uy_150{
126
+ ._modeClassic_u9ppe7_36:active._paddings16_u9ppe7_150{
126
127
  padding:15px;
127
128
  }
128
- ._modeClassic_1t123uy_36:active._paddings24_1t123uy_154{
129
+ ._modeClassic_u9ppe7_36:active._paddings24_u9ppe7_154{
129
130
  padding:23px;
130
131
  }
131
- ._modeClassic_1t123uy_36:active._paddings32_1t123uy_158{
132
+ ._modeClassic_u9ppe7_36:active._paddings32_u9ppe7_158{
132
133
  padding:31px;
133
134
  }
134
- ._modeRock_1t123uy_37._themeLight_1t123uy_25:hover,
135
- ._modeRock_1t123uy_37._themeLight_1t123uy_25:focus{
135
+ ._modeRock_u9ppe7_37._themeLight_u9ppe7_25:hover,
136
+ ._modeRock_u9ppe7_37._themeLight_u9ppe7_25:focus{
136
137
  --card-border-color:rgba(25,25,28,0.2);
137
138
  --card-background-color:#19191C;
138
139
  --rs-typography-color-hard:#FFFFFF;
@@ -140,72 +141,77 @@ a._card_1t123uy_5{
140
141
  --rs-typography-color-pale:rgba(255,255,255,0.5);
141
142
  --rs-typography-pre-color:rgba(255,255,255,0.7);
142
143
  --rs-typography-pre-bg-color:rgba(255,255,255,0.1);
143
- --rs-typography-text-link-hover-color:#19191C;
144
+ --rs-typography-classic-link-underline-color:rgba(255,255,255,0.4);
145
+ --rs-typography-rock-link-hover-color:#19191C;
144
146
  }
145
- ._modeRock_1t123uy_37._themeLight_1t123uy_25:active{
147
+ ._modeRock_u9ppe7_37._themeLight_u9ppe7_25:active{
146
148
  background-color:#303033;
147
149
  --rs-typography-color-hard:#FFFFFF;
148
150
  --rs-typography-color-average:rgba(255,255,255,0.7);
149
151
  --rs-typography-color-pale:rgba(255,255,255,0.5);
150
152
  --rs-typography-pre-color:rgba(255,255,255,0.7);
151
153
  --rs-typography-pre-bg-color:rgba(255,255,255,0.1);
152
- --rs-typography-text-link-hover-color:#19191C;
154
+ --rs-typography-classic-link-underline-color:rgba(255,255,255,0.4);
155
+ --rs-typography-rock-link-hover-color:#19191C;
153
156
  }
154
- ._modeRock_1t123uy_37._themeDark_1t123uy_31{
157
+ ._modeRock_u9ppe7_37._themeDark_u9ppe7_31{
155
158
  --rs-typography-color-hard:#FFFFFF;
156
159
  --rs-typography-color-average:rgba(255,255,255,0.7);
157
160
  --rs-typography-color-pale:rgba(255,255,255,0.5);
158
161
  --rs-typography-pre-color:rgba(255,255,255,0.7);
159
162
  --rs-typography-pre-bg-color:rgba(255,255,255,0.1);
160
- --rs-typography-text-link-hover-color:#19191C;
163
+ --rs-typography-classic-link-underline-color:rgba(255,255,255,0.4);
164
+ --rs-typography-rock-link-hover-color:#19191C;
161
165
  }
162
- ._modeRock_1t123uy_37._themeDark_1t123uy_31:hover,
163
- ._modeRock_1t123uy_37._themeDark_1t123uy_31:focus{
166
+ ._modeRock_u9ppe7_37._themeDark_u9ppe7_31:hover,
167
+ ._modeRock_u9ppe7_37._themeDark_u9ppe7_31:focus{
164
168
  --card-background-color:#FFFFFF;
165
169
  --rs-typography-color-hard:#19191C;
166
170
  --rs-typography-color-average:rgba(25,25,28,0.7);
167
171
  --rs-typography-color-pale:rgba(25,25,28,0.5);
168
172
  --rs-typography-pre-color:#19191C;
169
173
  --rs-typography-pre-bg-color:rgba(25,25,28,0.1);
170
- --rs-typography-text-link-hover-color:#FFFFFF;
174
+ --rs-typography-classic-link-underline-color:rgba(25,25,28,0.4);
175
+ --rs-typography-rock-link-hover-color:#FFFFFF;
171
176
  }
172
- ._modeRock_1t123uy_37._themeDark_1t123uy_31:active{
177
+ ._modeRock_u9ppe7_37._themeDark_u9ppe7_31:active{
173
178
  --card-background-color:#F4F4F4;
174
179
  --rs-typography-color-hard:#19191C;
175
180
  --rs-typography-color-average:rgba(25,25,28,0.7);
176
181
  --rs-typography-color-pale:rgba(25,25,28,0.5);
177
182
  --rs-typography-pre-color:#19191C;
178
183
  --rs-typography-pre-bg-color:rgba(25,25,28,0.1);
179
- --rs-typography-text-link-hover-color:#FFFFFF;
184
+ --rs-typography-classic-link-underline-color:rgba(25,25,28,0.4);
185
+ --rs-typography-rock-link-hover-color:#FFFFFF;
180
186
  }
181
- ._paddings16_1t123uy_150{
187
+ ._paddings16_u9ppe7_150{
182
188
  padding:16px;
183
189
  }
184
- ._paddings24_1t123uy_154{
190
+ ._paddings24_u9ppe7_154{
185
191
  padding:24px;
186
192
  }
187
- ._paddings32_1t123uy_158{
193
+ ._paddings32_u9ppe7_158{
188
194
  padding:32px;
189
195
  }
190
- ._bordersRadius0_1t123uy_162{
196
+ ._bordersRadius0_u9ppe7_162{
191
197
  --rs-card-border-radius:0;
192
198
  }
193
- ._bordersRadius8_1t123uy_166{
199
+ ._bordersRadius8_u9ppe7_166{
194
200
  --rs-card-border-radius:8px;
195
201
  }
196
- ._bordersRadius16_1t123uy_170{
202
+ ._bordersRadius16_u9ppe7_170{
197
203
  --rs-card-border-radius:16px;
198
204
  }
199
- ._bordersRadius24_1t123uy_174{
205
+ ._bordersRadius24_u9ppe7_174{
200
206
  --rs-card-border-radius:24px;
201
207
  }
202
- ._cardImage_1t123uy_178{
208
+ ._cardImage_u9ppe7_178{
203
209
  -webkit-box-sizing:border-box;
204
210
  box-sizing:border-box;
205
211
  position:relative;
206
212
  overflow:hidden;
207
213
  }
208
- ._cardImageImg_1t123uy_184{
214
+ ._cardImageImg_u9ppe7_184{
209
215
  display:block;
210
216
  -webkit-transition:-webkit-transform .2s;
211
217
  transition:-webkit-transform .2s;
@@ -214,32 +220,32 @@ a._card_1t123uy_5{
214
220
  -webkit-transform:scaleX(1);
215
221
  transform:scaleX(1);
216
222
  }
217
- ._paddings16_1t123uy_150 ._cardImageImg_1t123uy_184{
223
+ ._paddings16_u9ppe7_150 ._cardImageImg_u9ppe7_184{
218
224
  top:-16px;
219
225
  left:-16px;
220
226
  width:calc(100% + 32px);
221
227
  height:204px;
222
228
  max-height:204px;
223
229
  }
224
- ._paddings24_1t123uy_154 ._cardImageImg_1t123uy_184{
230
+ ._paddings24_u9ppe7_154 ._cardImageImg_u9ppe7_184{
225
231
  top:-24px;
226
232
  left:-24px;
227
233
  width:calc(100% + 48px);
228
234
  height:212px;
229
235
  max-height:212px;
230
236
  }
231
- ._paddings32_1t123uy_158 ._cardImageImg_1t123uy_184{
237
+ ._paddings32_u9ppe7_158 ._cardImageImg_u9ppe7_184{
232
238
  top:-32px;
233
239
  left:-32px;
234
240
  width:calc(100% + 64px);
235
241
  height:220px;
236
242
  max-height:220px;
237
243
  }
238
- ._bordersRadius8_1t123uy_166 ._cardImageImg_1t123uy_184 img{
244
+ ._bordersRadius8_u9ppe7_166 ._cardImageImg_u9ppe7_184 img{
239
245
  overflow:hidden;
240
246
  border-radius:8px;
241
247
  }
242
- ._card_1t123uy_5:hover ._cardImageImg_1t123uy_184{
248
+ ._card_u9ppe7_5:hover ._cardImageImg_u9ppe7_184{
243
249
  -webkit-transition:-webkit-transform .2s;
244
250
  transition:-webkit-transform .2s;
245
251
  transition:transform .2s;
@@ -247,14 +253,14 @@ a._card_1t123uy_5{
247
253
  -webkit-transform:scaleX(1.1);
248
254
  transform:scaleX(1.1);
249
255
  }
250
- ._card_1t123uy_5:hover ._cardImageImg_1t123uy_184 img{
256
+ ._card_u9ppe7_5:hover ._cardImageImg_u9ppe7_184 img{
251
257
  border-radius:8px;
252
258
  }
253
- ._card_1t123uy_5._cardPlain_1t123uy_36:hover ._cardImageImg_1t123uy_184{
259
+ ._card_u9ppe7_5._cardPlain_u9ppe7_36:hover ._cardImageImg_u9ppe7_184{
254
260
  -webkit-transform:none;
255
261
  transform:none;
256
262
  }
257
- ._cardImageDiv_1t123uy_222{
263
+ ._cardImageDiv_u9ppe7_222{
258
264
  display:-webkit-box;
259
265
  display:-ms-flexbox;
260
266
  display:flex;
@@ -272,7 +278,7 @@ a._card_1t123uy_5{
272
278
  background-position:center;
273
279
  background-size:auto 100%;
274
280
  }
275
- ._paddings16_1t123uy_150 ._cardImageDiv_1t123uy_222{
281
+ ._paddings16_u9ppe7_150 ._cardImageDiv_u9ppe7_222{
276
282
  top:-16px;
277
283
  left:-16px;
278
284
  padding:16px;
@@ -280,10 +286,10 @@ a._card_1t123uy_5{
280
286
  height:204px;
281
287
  max-height:204px;
282
288
  }
283
- ._card_1t123uy_5:active ._paddings16_1t123uy_150 ._cardImageDiv_1t123uy_222{
289
+ ._card_u9ppe7_5:active ._paddings16_u9ppe7_150 ._cardImageDiv_u9ppe7_222{
284
290
  padding:calc(16px - 1);
285
291
  }
286
- ._paddings24_1t123uy_154 ._cardImageDiv_1t123uy_222{
292
+ ._paddings24_u9ppe7_154 ._cardImageDiv_u9ppe7_222{
287
293
  top:-24px;
288
294
  left:-24px;
289
295
  padding:24px;
@@ -291,10 +297,10 @@ a._card_1t123uy_5{
291
297
  height:212px;
292
298
  max-height:212px;
293
299
  }
294
- ._card_1t123uy_5:active ._paddings24_1t123uy_154 ._cardImageDiv_1t123uy_222{
300
+ ._card_u9ppe7_5:active ._paddings24_u9ppe7_154 ._cardImageDiv_u9ppe7_222{
295
301
  padding:calc(24px - 1);
296
302
  }
297
- ._paddings32_1t123uy_158 ._cardImageDiv_1t123uy_222{
303
+ ._paddings32_u9ppe7_158 ._cardImageDiv_u9ppe7_222{
298
304
  top:-32px;
299
305
  left:-32px;
300
306
  padding:32px;
@@ -302,15 +308,15 @@ a._card_1t123uy_5{
302
308
  height:220px;
303
309
  max-height:220px;
304
310
  }
305
- ._card_1t123uy_5:active ._paddings32_1t123uy_158 ._cardImageDiv_1t123uy_222{
311
+ ._card_u9ppe7_5:active ._paddings32_u9ppe7_158 ._cardImageDiv_u9ppe7_222{
306
312
  padding:calc(32px - 1);
307
313
  }
308
- ._card_1t123uy_5:hover ._cardImageDiv_1t123uy_222{
314
+ ._card_u9ppe7_5:hover ._cardImageDiv_u9ppe7_222{
309
315
  background-size:auto 110%;
310
316
  -webkit-transition:background-size .2s;
311
317
  transition:background-size .2s;
312
318
  }
313
- ._card_1t123uy_5._cardPlain_1t123uy_36:hover ._cardImageDiv_1t123uy_222{
319
+ ._card_u9ppe7_5._cardPlain_u9ppe7_36:hover ._cardImageDiv_u9ppe7_222{
314
320
  background-size:auto 100%;
315
321
  }
316
322
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/card",
3
- "version": "0.3.0",
3
+ "version": "0.3.1",
4
4
  "description": "",
5
5
  "main": "lib/index.js",
6
6
  "module": "lib/index.ts",
@@ -27,11 +27,11 @@
27
27
  "@rescui/colors": "^0.0.6",
28
28
  "@rescui/postcss-preset-library": "^0.0.4",
29
29
  "@rescui/scripts": "^0.1.4",
30
- "@rescui/typography": "^0.4.0",
30
+ "@rescui/typography": "^0.5.0",
31
31
  "@rescui/visual-regression": "^0.0.1"
32
32
  },
33
33
  "scripts": {
34
34
  "build": "rescui-scripts build"
35
35
  },
36
- "gitHead": "6b1d206de2641861028760d73f33dee214c07911"
36
+ "gitHead": "f07b6abc886028f74f129d1d7bfbf8fcfa5825af"
37
37
  }