@rescui/card 0.10.12 → 0.11.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.p.module.css.js +21 -21
  2. package/lib/index.css +94 -95
  3. package/package.json +3 -3
package/lib/card.p.module.css.js CHANGED
@@ -1,24 +1,24 @@
1
1
  var styles = {
2
- "card": "_card_1i1av0g_6",
3
- "themeLight": "_themeLight_1i1av0g_47",
4
- "themeDark": "_themeDark_1i1av0g_52",
5
- "withStaticBorder": "_withStaticBorder_1i1av0g_56",
6
- "cardPlain": "_cardPlain_1i1av0g_60",
7
- "modeClassic": "_modeClassic_1i1av0g_60",
8
- "modeRock": "_modeRock_1i1av0g_61",
9
- "withStatesBorder": "_withStatesBorder_1i1av0g_66",
10
- "paddings16": "_paddings16_1i1av0g_95",
11
- "paddings24": "_paddings24_1i1av0g_99",
12
- "paddings32": "_paddings32_1i1av0g_103",
13
- "glowHover": "_glowHover_1i1av0g_71",
14
- "bordersRadius0": "_bordersRadius0_1i1av0g_107",
15
- "bordersRadius8": "_bordersRadius8_1i1av0g_111",
16
- "bordersRadius16": "_bordersRadius16_1i1av0g_115",
17
- "bordersRadius24": "_bordersRadius24_1i1av0g_119",
18
- "cardImage": "_cardImage_1i1av0g_123",
19
- "cardImageImg": "_cardImageImg_1i1av0g_131",
20
- "cardImageDiv": "_cardImageDiv_1i1av0g_165",
21
- "fixedImageHeight": "_fixedImageHeight_1i1av0g_200",
22
- "fullImageWidth": "_fullImageWidth_1i1av0g_218"
2
+ "card": "_card_wsgoz9_6",
3
+ "themeLight": "_themeLight_wsgoz9_50",
4
+ "themeDark": "_themeDark_wsgoz9_54",
5
+ "withStaticBorder": "_withStaticBorder_wsgoz9_58",
6
+ "cardPlain": "_cardPlain_wsgoz9_62",
7
+ "modeClassic": "_modeClassic_wsgoz9_62",
8
+ "modeRock": "_modeRock_wsgoz9_63",
9
+ "withStatesBorder": "_withStatesBorder_wsgoz9_67",
10
+ "paddings16": "_paddings16_wsgoz9_96",
11
+ "paddings24": "_paddings24_wsgoz9_100",
12
+ "paddings32": "_paddings32_wsgoz9_104",
13
+ "glowHover": "_glowHover_wsgoz9_72",
14
+ "bordersRadius0": "_bordersRadius0_wsgoz9_108",
15
+ "bordersRadius8": "_bordersRadius8_wsgoz9_112",
16
+ "bordersRadius16": "_bordersRadius16_wsgoz9_116",
17
+ "bordersRadius24": "_bordersRadius24_wsgoz9_120",
18
+ "cardImage": "_cardImage_wsgoz9_124",
19
+ "cardImageImg": "_cardImageImg_wsgoz9_132",
20
+ "cardImageDiv": "_cardImageDiv_wsgoz9_166",
21
+ "fixedImageHeight": "_fixedImageHeight_wsgoz9_199",
22
+ "fullImageWidth": "_fullImageWidth_wsgoz9_217"
23
23
  };
24
24
  export { styles as default };
package/lib/index.css CHANGED
@@ -1,4 +1,4 @@
1
- ._card_1i1av0g_6{
1
+ ._card_wsgoz9_6{
2
2
  --_rs-theme-dark:var(
3
3
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
4
4
  var(--rs-theme-dark, 0)
@@ -16,7 +16,10 @@
16
16
  border-style:solid;
17
17
 
18
18
  border-color:var(--rs-card-border-color, transparent);
19
- border-radius:var(--rs-card-border-radius, 0);
19
+ border-radius:var(
20
+ --rs-card-border-radius,
21
+ var(--_rs-card-border-radius, 0)
22
+ );
20
23
 
21
24
  cursor:pointer;
22
25
  text-align:inherit;
@@ -29,125 +32,124 @@
29
32
  appearance:none;
30
33
  -webkit-mask-image:-webkit-radial-gradient(white, black);
31
34
  }
32
- ._card_1i1av0g_6:focus-visible{
35
+ ._card_wsgoz9_6:focus-visible{
33
36
  outline:none;
34
37
  }
35
- a._card_1i1av0g_6{
38
+ a._card_wsgoz9_6{
36
39
  display:block;
37
40
 
38
41
  text-decoration:none;
39
42
  }
40
- a._card_1i1av0g_6:hover{
43
+ a._card_wsgoz9_6:hover{
41
44
  text-decoration:none;
42
45
  }
43
- ._themeLight_1i1av0g_47{
46
+ ._themeLight_wsgoz9_50{
44
47
  --rs-theme-dark:0;
45
48
  }
46
- ._themeDark_1i1av0g_52{
49
+ ._themeDark_wsgoz9_54{
47
50
  --rs-theme-dark:1;
48
51
  }
49
- ._withStaticBorder_1i1av0g_56{
52
+ ._withStaticBorder_wsgoz9_58{
50
53
  border-color:var(--rs-card-border-color, rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), .2));
51
54
  }
52
- ._cardPlain_1i1av0g_60._modeClassic_1i1av0g_60,
53
- ._cardPlain_1i1av0g_60._modeRock_1i1av0g_61{
55
+ ._cardPlain_wsgoz9_62._modeClassic_wsgoz9_62,
56
+ ._cardPlain_wsgoz9_62._modeRock_wsgoz9_63{
54
57
  cursor:auto;
55
58
  }
56
- ._modeClassic_1i1av0g_60._withStatesBorder_1i1av0g_66:active{
59
+ ._modeClassic_wsgoz9_62._withStatesBorder_wsgoz9_67:active{
57
60
  border-width:2px;
58
61
  }
59
- ._modeClassic_1i1av0g_60._withStatesBorder_1i1av0g_66:active._paddings16_1i1av0g_95{
60
- padding:15px;
62
+ ._modeClassic_wsgoz9_62._withStatesBorder_wsgoz9_67:active._paddings16_wsgoz9_96{
63
+ padding:calc(var(--rs-card-padding, 16px) - 1px);
61
64
  }
62
- ._modeClassic_1i1av0g_60._withStatesBorder_1i1av0g_66:active._paddings24_1i1av0g_99{
63
- padding:23px;
65
+ ._modeClassic_wsgoz9_62._withStatesBorder_wsgoz9_67:active._paddings24_wsgoz9_100{
66
+ padding:calc(var(--rs-card-padding, 24px) - 1px);
64
67
  }
65
- ._modeClassic_1i1av0g_60._withStatesBorder_1i1av0g_66:active._paddings32_1i1av0g_103{
66
- padding:31px;
68
+ ._modeClassic_wsgoz9_62._withStatesBorder_wsgoz9_67:active._paddings32_wsgoz9_104{
69
+ padding:calc(var(--rs-card-padding, 32px) - 1px);
67
70
  }
68
- ._modeClassic_1i1av0g_60._withStatesBorder_1i1av0g_66:not(._glowHover_1i1av0g_71):hover,
69
- ._modeClassic_1i1av0g_60._withStatesBorder_1i1av0g_66:not(._glowHover_1i1av0g_71):focus[data-focus-method='key'],
70
- ._modeClassic_1i1av0g_60._withStatesBorder_1i1av0g_66:not(._glowHover_1i1av0g_71):focus-visible,
71
- ._modeClassic_1i1av0g_60._withStatesBorder_1i1av0g_66:not(._glowHover_1i1av0g_71):active{
71
+ ._modeClassic_wsgoz9_62._withStatesBorder_wsgoz9_67:not(._glowHover_wsgoz9_72):hover,
72
+ ._modeClassic_wsgoz9_62._withStatesBorder_wsgoz9_67:not(._glowHover_wsgoz9_72):focus[data-focus-method='key'],
73
+ ._modeClassic_wsgoz9_62._withStatesBorder_wsgoz9_67:not(._glowHover_wsgoz9_72):focus-visible,
74
+ ._modeClassic_wsgoz9_62._withStatesBorder_wsgoz9_67:not(._glowHover_wsgoz9_72):active{
72
75
  --rs-card-border-color:rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227));
73
76
  }
74
- ._modeRock_1i1av0g_61:hover,
75
- ._modeRock_1i1av0g_61:focus[data-focus-method='key'],
76
- ._modeRock_1i1av0g_61:focus-visible{
77
+ ._modeRock_wsgoz9_63:hover,
78
+ ._modeRock_wsgoz9_63:focus[data-focus-method='key'],
79
+ ._modeRock_wsgoz9_63:focus-visible{
77
80
  --rs-theme-flip:1;
78
81
  background-color:rgb(calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*227));
79
82
  }
80
- ._modeRock_1i1av0g_61:active{
83
+ ._modeRock_wsgoz9_63:active{
81
84
  --rs-theme-flip:1;
82
85
  background-color:rgb(calc(244 - var(--_rs-theme-dark-coefficient, 0)*196), calc(244 - var(--_rs-theme-dark-coefficient, 0)*196), calc(244 - var(--_rs-theme-dark-coefficient, 0)*193));
83
86
  }
84
- ._paddings16_1i1av0g_95{
85
- padding:16px;
87
+ ._paddings16_wsgoz9_96{
88
+ padding:var(--rs-card-padding, 16px);
86
89
  }
87
- ._paddings24_1i1av0g_99{
88
- padding:24px;
90
+ ._paddings24_wsgoz9_100{
91
+ padding:var(--rs-card-padding, 24px);
89
92
  }
90
- ._paddings32_1i1av0g_103{
91
- padding:32px;
93
+ ._paddings32_wsgoz9_104{
94
+ padding:var(--rs-card-padding, 32px);
92
95
  }
93
- ._bordersRadius0_1i1av0g_107{
94
- --rs-card-border-radius:0;
96
+ ._bordersRadius0_wsgoz9_108{
97
+ --_rs-card-border-radius:0;
95
98
  }
96
- ._bordersRadius8_1i1av0g_111{
97
- --rs-card-border-radius:8px;
99
+ ._bordersRadius8_wsgoz9_112{
100
+ --_rs-card-border-radius:8px;
98
101
  }
99
- ._bordersRadius16_1i1av0g_115{
100
- --rs-card-border-radius:16px;
102
+ ._bordersRadius16_wsgoz9_116{
103
+ --_rs-card-border-radius:16px;
101
104
  }
102
- ._bordersRadius24_1i1av0g_119{
103
- --rs-card-border-radius:24px;
105
+ ._bordersRadius24_wsgoz9_120{
106
+ --_rs-card-border-radius:24px;
104
107
  }
105
- ._cardImage_1i1av0g_123{
108
+ ._cardImage_wsgoz9_124{
106
109
  position:relative;
107
110
 
108
111
  overflow:hidden;
109
112
 
110
113
  box-sizing:border-box;
111
114
  }
112
- ._cardImageImg_1i1av0g_131{
115
+ ._cardImageImg_wsgoz9_132{
113
116
  display:flex;
114
117
  justify-content:center;
115
118
  align-items:center;
116
119
  }
117
- ._paddings16_1i1av0g_95 ._cardImageImg_1i1av0g_131{
118
- top:-16px;
119
- left:-16px;
120
- width:calc(100% + 32px);
120
+ ._paddings16_wsgoz9_96 ._cardImageImg_wsgoz9_132{
121
+ top:calc(var(--rs-card-padding, 16px)*-1);
122
+ left:calc(var(--rs-card-padding, 16px)*-1);
123
+ width:calc(100% + var(--rs-card-padding, 16px)*2);
121
124
  }
122
- ._paddings24_1i1av0g_99 ._cardImageImg_1i1av0g_131{
123
- top:-24px;
124
- left:-24px;
125
- width:calc(100% + 48px);
125
+ ._paddings24_wsgoz9_100 ._cardImageImg_wsgoz9_132{
126
+ top:calc(var(--rs-card-padding, 24px)*-1);
127
+ left:calc(var(--rs-card-padding, 24px)*-1);
128
+ width:calc(100% + var(--rs-card-padding, 24px)*2);
126
129
  }
127
- ._paddings32_1i1av0g_103 ._cardImageImg_1i1av0g_131{
128
- top:-32px;
129
- left:-32px;
130
- width:calc(100% + 64px);
130
+ ._paddings32_wsgoz9_104 ._cardImageImg_wsgoz9_132{
131
+ top:calc(var(--rs-card-padding, 32px)*-1);
132
+ left:calc(var(--rs-card-padding, 32px)*-1);
133
+ width:calc(100% + var(--rs-card-padding, 32px)*2);
131
134
  }
132
- ._cardImageImg_1i1av0g_131 img{
135
+ ._cardImageImg_wsgoz9_132 img{
133
136
  max-width:100%;
134
137
  max-height:100%;
135
138
 
136
139
  transition:transform .2s;
137
140
  transform:scale(1);
138
141
  }
139
- ._card_1i1av0g_6:hover ._cardImageImg_1i1av0g_131 img{
142
+ ._card_wsgoz9_6:hover ._cardImageImg_wsgoz9_132 img{
140
143
  transform:scale(1.1);
141
144
  }
142
- ._card_1i1av0g_6._cardPlain_1i1av0g_60:hover ._cardImageImg_1i1av0g_131 img{
145
+ ._card_wsgoz9_6._cardPlain_wsgoz9_62:hover ._cardImageImg_wsgoz9_132 img{
143
146
  transform:none;
144
147
  }
145
- ._cardImageDiv_1i1av0g_165{
148
+ ._cardImageDiv_wsgoz9_166{
146
149
  display:flex;
147
150
  flex-direction:column;
148
151
  justify-content:flex-end;
149
152
 
150
-
151
153
  background-color:transparent;
152
154
  background-repeat:no-repeat;
153
155
  background-position:center;
@@ -155,57 +157,54 @@ a._card_1i1av0g_6:hover{
155
157
 
156
158
  transition:background-size .2s;
157
159
  }
158
- ._paddings16_1i1av0g_95 ._cardImageDiv_1i1av0g_165{
159
- top:-16px;
160
- left:-16px;
161
- padding:16px;
162
- width:calc(100% + 32px);
160
+ ._paddings16_wsgoz9_96 ._cardImageDiv_wsgoz9_166{
161
+ top:calc(var(--rs-card-padding, 16px)*-1);
162
+ left:calc(var(--rs-card-padding, 16px)*-1);
163
+ padding:var(--rs-card-padding, 16px);
164
+ width:calc(100% + var(--rs-card-padding, 16px)*2);
163
165
  }
164
- ._card_1i1av0g_6:active ._paddings16_1i1av0g_95 ._cardImageDiv_1i1av0g_165{
165
- padding:calc(16px - 1);
166
+ ._card_wsgoz9_6:active ._paddings16_wsgoz9_96 ._cardImageDiv_wsgoz9_166{
167
+ padding:calc(var(--rs-card-padding, 16px) - 1);
166
168
  }
167
- ._paddings24_1i1av0g_99 ._cardImageDiv_1i1av0g_165{
168
- top:-24px;
169
- left:-24px;
170
- padding:24px;
171
- width:calc(100% + 48px);
169
+ ._paddings24_wsgoz9_100 ._cardImageDiv_wsgoz9_166{
170
+ top:calc(var(--rs-card-padding, 24px)*-1);
171
+ left:calc(var(--rs-card-padding, 24px)*-1);
172
+ padding:var(--rs-card-padding, 24px);
173
+ width:calc(100% + var(--rs-card-padding, 24px)*2);
172
174
  }
173
- ._card_1i1av0g_6:active ._paddings24_1i1av0g_99 ._cardImageDiv_1i1av0g_165{
174
- padding:calc(24px - 1);
175
+ ._card_wsgoz9_6:active ._paddings24_wsgoz9_100 ._cardImageDiv_wsgoz9_166{
176
+ padding:calc(var(--rs-card-padding, 24px) - 1);
175
177
  }
176
- ._paddings32_1i1av0g_103 ._cardImageDiv_1i1av0g_165{
177
- top:-32px;
178
- left:-32px;
179
- padding:32px;
180
- width:calc(100% + 64px);
178
+ ._paddings32_wsgoz9_104 ._cardImageDiv_wsgoz9_166{
179
+ top:calc(var(--rs-card-padding, 32px)*-1);
180
+ left:calc(var(--rs-card-padding, 32px)*-1);
181
+ padding:var(--rs-card-padding, 32px);
182
+ width:calc(100% + var(--rs-card-padding, 32px)*2);
181
183
  }
182
- ._card_1i1av0g_6:active ._paddings32_1i1av0g_103 ._cardImageDiv_1i1av0g_165{
183
- padding:calc(32px - 1);
184
+ ._card_wsgoz9_6:active ._paddings32_wsgoz9_104 ._cardImageDiv_wsgoz9_166{
185
+ padding:calc(var(--rs-card-padding, 32px) - 1);
184
186
  }
185
- ._card_1i1av0g_6:hover ._cardImageDiv_1i1av0g_165{
187
+ ._card_wsgoz9_6:hover ._cardImageDiv_wsgoz9_166{
186
188
  background-size:110% 110%;
187
189
  }
188
- ._card_1i1av0g_6._cardPlain_1i1av0g_60:hover ._cardImageDiv_1i1av0g_165{
190
+ ._card_wsgoz9_6._cardPlain_wsgoz9_62:hover ._cardImageDiv_wsgoz9_166{
189
191
  background-size:100% 100%;
190
192
  }
191
- ._fixedImageHeight_1i1av0g_200 img{
193
+ ._fixedImageHeight_wsgoz9_199 img{
192
194
  height:100%;
193
195
  }
194
- ._paddings16_1i1av0g_95 ._fixedImageHeight_1i1av0g_200{
195
- height:204px;
196
- max-height:204px;
196
+ ._paddings16_wsgoz9_96 ._fixedImageHeight_wsgoz9_199{
197
+ height:calc(188px + var(--rs-card-padding, 16px));
198
+ max-height:calc(188px + var(--rs-card-padding, 16px));
197
199
  }
198
- ._paddings24_1i1av0g_99 ._fixedImageHeight_1i1av0g_200{
199
- height:212px;
200
- max-height:212px;
200
+ ._paddings24_wsgoz9_100 ._fixedImageHeight_wsgoz9_199{
201
+ height:calc(188px + var(--rs-card-padding, 24px));
202
+ max-height:calc(188px + var(--rs-card-padding, 24px));
201
203
  }
202
- ._paddings32_1i1av0g_103 ._fixedImageHeight_1i1av0g_200{
203
- height:220px;
204
- max-height:220px;
204
+ ._paddings32_wsgoz9_104 ._fixedImageHeight_wsgoz9_199{
205
+ height:calc(188px + var(--rs-card-padding, 32px));
206
+ max-height:calc(188px + var(--rs-card-padding, 32px));
205
207
  }
206
- ._fullImageWidth_1i1av0g_218 img{
208
+ ._fullImageWidth_wsgoz9_217 img{
207
209
  width:100%;
208
210
  }
209
-
210
-
211
-
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/card",
3
- "version": "0.10.12",
3
+ "version": "0.11.1",
4
4
  "description": "",
5
5
  "main": "lib/index.js",
6
6
  "src:main": "src/index.ts",
@@ -25,12 +25,12 @@
25
25
  "@rescui/colors": "^0.2.6",
26
26
  "@rescui/postcss-preset-library": "^0.2.2",
27
27
  "@rescui/scripts": "^0.3.5",
28
- "@rescui/typography": "^0.20.0",
28
+ "@rescui/typography": "^0.21.0",
29
29
  "@rescui/visual-regression": "^0.1.2"
30
30
  },
31
31
  "scripts": {
32
32
  "build": "rescui-scripts build"
33
33
  },
34
34
  "nx": {},
35
- "gitHead": "5531e3d285d6e38bf5536ff0690a252f1308c49b"
35
+ "gitHead": "f8dcebeb3bf1c6c66ce284c6863bbd8938dcf1c0"
36
36
  }