@rescui/card 0.11.0 → 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 +58 -59
  3. package/package.json +2 -2
package/lib/card.p.module.css.js CHANGED
@@ -1,24 +1,24 @@
1
1
  var styles = {
2
- "card": "_card_hljjiz_6",
3
- "themeLight": "_themeLight_hljjiz_47",
4
- "themeDark": "_themeDark_hljjiz_52",
5
- "withStaticBorder": "_withStaticBorder_hljjiz_56",
6
- "cardPlain": "_cardPlain_hljjiz_60",
7
- "modeClassic": "_modeClassic_hljjiz_60",
8
- "modeRock": "_modeRock_hljjiz_61",
9
- "withStatesBorder": "_withStatesBorder_hljjiz_66",
10
- "paddings16": "_paddings16_hljjiz_95",
11
- "paddings24": "_paddings24_hljjiz_99",
12
- "paddings32": "_paddings32_hljjiz_103",
13
- "glowHover": "_glowHover_hljjiz_71",
14
- "bordersRadius0": "_bordersRadius0_hljjiz_107",
15
- "bordersRadius8": "_bordersRadius8_hljjiz_111",
16
- "bordersRadius16": "_bordersRadius16_hljjiz_115",
17
- "bordersRadius24": "_bordersRadius24_hljjiz_119",
18
- "cardImage": "_cardImage_hljjiz_123",
19
- "cardImageImg": "_cardImageImg_hljjiz_131",
20
- "cardImageDiv": "_cardImageDiv_hljjiz_165",
21
- "fixedImageHeight": "_fixedImageHeight_hljjiz_200",
22
- "fullImageWidth": "_fullImageWidth_hljjiz_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_hljjiz_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_hljjiz_6:focus-visible{
35
+ ._card_wsgoz9_6:focus-visible{
33
36
  outline:none;
34
37
  }
35
- a._card_hljjiz_6{
38
+ a._card_wsgoz9_6{
36
39
  display:block;
37
40
 
38
41
  text-decoration:none;
39
42
  }
40
- a._card_hljjiz_6:hover{
43
+ a._card_wsgoz9_6:hover{
41
44
  text-decoration:none;
42
45
  }
43
- ._themeLight_hljjiz_47{
46
+ ._themeLight_wsgoz9_50{
44
47
  --rs-theme-dark:0;
45
48
  }
46
- ._themeDark_hljjiz_52{
49
+ ._themeDark_wsgoz9_54{
47
50
  --rs-theme-dark:1;
48
51
  }
49
- ._withStaticBorder_hljjiz_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_hljjiz_60._modeClassic_hljjiz_60,
53
- ._cardPlain_hljjiz_60._modeRock_hljjiz_61{
55
+ ._cardPlain_wsgoz9_62._modeClassic_wsgoz9_62,
56
+ ._cardPlain_wsgoz9_62._modeRock_wsgoz9_63{
54
57
  cursor:auto;
55
58
  }
56
- ._modeClassic_hljjiz_60._withStatesBorder_hljjiz_66:active{
59
+ ._modeClassic_wsgoz9_62._withStatesBorder_wsgoz9_67:active{
57
60
  border-width:2px;
58
61
  }
59
- ._modeClassic_hljjiz_60._withStatesBorder_hljjiz_66:active._paddings16_hljjiz_95{
62
+ ._modeClassic_wsgoz9_62._withStatesBorder_wsgoz9_67:active._paddings16_wsgoz9_96{
60
63
  padding:calc(var(--rs-card-padding, 16px) - 1px);
61
64
  }
62
- ._modeClassic_hljjiz_60._withStatesBorder_hljjiz_66:active._paddings24_hljjiz_99{
65
+ ._modeClassic_wsgoz9_62._withStatesBorder_wsgoz9_67:active._paddings24_wsgoz9_100{
63
66
  padding:calc(var(--rs-card-padding, 24px) - 1px);
64
67
  }
65
- ._modeClassic_hljjiz_60._withStatesBorder_hljjiz_66:active._paddings32_hljjiz_103{
68
+ ._modeClassic_wsgoz9_62._withStatesBorder_wsgoz9_67:active._paddings32_wsgoz9_104{
66
69
  padding:calc(var(--rs-card-padding, 32px) - 1px);
67
70
  }
68
- ._modeClassic_hljjiz_60._withStatesBorder_hljjiz_66:not(._glowHover_hljjiz_71):hover,
69
- ._modeClassic_hljjiz_60._withStatesBorder_hljjiz_66:not(._glowHover_hljjiz_71):focus[data-focus-method='key'],
70
- ._modeClassic_hljjiz_60._withStatesBorder_hljjiz_66:not(._glowHover_hljjiz_71):focus-visible,
71
- ._modeClassic_hljjiz_60._withStatesBorder_hljjiz_66:not(._glowHover_hljjiz_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_hljjiz_61:hover,
75
- ._modeRock_hljjiz_61:focus[data-focus-method='key'],
76
- ._modeRock_hljjiz_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_hljjiz_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_hljjiz_95{
87
+ ._paddings16_wsgoz9_96{
85
88
  padding:var(--rs-card-padding, 16px);
86
89
  }
87
- ._paddings24_hljjiz_99{
90
+ ._paddings24_wsgoz9_100{
88
91
  padding:var(--rs-card-padding, 24px);
89
92
  }
90
- ._paddings32_hljjiz_103{
93
+ ._paddings32_wsgoz9_104{
91
94
  padding:var(--rs-card-padding, 32px);
92
95
  }
93
- ._bordersRadius0_hljjiz_107{
94
- --rs-card-border-radius:0;
96
+ ._bordersRadius0_wsgoz9_108{
97
+ --_rs-card-border-radius:0;
95
98
  }
96
- ._bordersRadius8_hljjiz_111{
97
- --rs-card-border-radius:8px;
99
+ ._bordersRadius8_wsgoz9_112{
100
+ --_rs-card-border-radius:8px;
98
101
  }
99
- ._bordersRadius16_hljjiz_115{
100
- --rs-card-border-radius:16px;
102
+ ._bordersRadius16_wsgoz9_116{
103
+ --_rs-card-border-radius:16px;
101
104
  }
102
- ._bordersRadius24_hljjiz_119{
103
- --rs-card-border-radius:24px;
105
+ ._bordersRadius24_wsgoz9_120{
106
+ --_rs-card-border-radius:24px;
104
107
  }
105
- ._cardImage_hljjiz_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_hljjiz_131{
115
+ ._cardImageImg_wsgoz9_132{
113
116
  display:flex;
114
117
  justify-content:center;
115
118
  align-items:center;
116
119
  }
117
- ._paddings16_hljjiz_95 ._cardImageImg_hljjiz_131{
120
+ ._paddings16_wsgoz9_96 ._cardImageImg_wsgoz9_132{
118
121
  top:calc(var(--rs-card-padding, 16px)*-1);
119
122
  left:calc(var(--rs-card-padding, 16px)*-1);
120
123
  width:calc(100% + var(--rs-card-padding, 16px)*2);
121
124
  }
122
- ._paddings24_hljjiz_99 ._cardImageImg_hljjiz_131{
125
+ ._paddings24_wsgoz9_100 ._cardImageImg_wsgoz9_132{
123
126
  top:calc(var(--rs-card-padding, 24px)*-1);
124
127
  left:calc(var(--rs-card-padding, 24px)*-1);
125
128
  width:calc(100% + var(--rs-card-padding, 24px)*2);
126
129
  }
127
- ._paddings32_hljjiz_103 ._cardImageImg_hljjiz_131{
130
+ ._paddings32_wsgoz9_104 ._cardImageImg_wsgoz9_132{
128
131
  top:calc(var(--rs-card-padding, 32px)*-1);
129
132
  left:calc(var(--rs-card-padding, 32px)*-1);
130
133
  width:calc(100% + var(--rs-card-padding, 32px)*2);
131
134
  }
132
- ._cardImageImg_hljjiz_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_hljjiz_6:hover ._cardImageImg_hljjiz_131 img{
142
+ ._card_wsgoz9_6:hover ._cardImageImg_wsgoz9_132 img{
140
143
  transform:scale(1.1);
141
144
  }
142
- ._card_hljjiz_6._cardPlain_hljjiz_60:hover ._cardImageImg_hljjiz_131 img{
145
+ ._card_wsgoz9_6._cardPlain_wsgoz9_62:hover ._cardImageImg_wsgoz9_132 img{
143
146
  transform:none;
144
147
  }
145
- ._cardImageDiv_hljjiz_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_hljjiz_6:hover{
155
157
 
156
158
  transition:background-size .2s;
157
159
  }
158
- ._paddings16_hljjiz_95 ._cardImageDiv_hljjiz_165{
160
+ ._paddings16_wsgoz9_96 ._cardImageDiv_wsgoz9_166{
159
161
  top:calc(var(--rs-card-padding, 16px)*-1);
160
162
  left:calc(var(--rs-card-padding, 16px)*-1);
161
163
  padding:var(--rs-card-padding, 16px);
162
164
  width:calc(100% + var(--rs-card-padding, 16px)*2);
163
165
  }
164
- ._card_hljjiz_6:active ._paddings16_hljjiz_95 ._cardImageDiv_hljjiz_165{
166
+ ._card_wsgoz9_6:active ._paddings16_wsgoz9_96 ._cardImageDiv_wsgoz9_166{
165
167
  padding:calc(var(--rs-card-padding, 16px) - 1);
166
168
  }
167
- ._paddings24_hljjiz_99 ._cardImageDiv_hljjiz_165{
169
+ ._paddings24_wsgoz9_100 ._cardImageDiv_wsgoz9_166{
168
170
  top:calc(var(--rs-card-padding, 24px)*-1);
169
171
  left:calc(var(--rs-card-padding, 24px)*-1);
170
172
  padding:var(--rs-card-padding, 24px);
171
173
  width:calc(100% + var(--rs-card-padding, 24px)*2);
172
174
  }
173
- ._card_hljjiz_6:active ._paddings24_hljjiz_99 ._cardImageDiv_hljjiz_165{
175
+ ._card_wsgoz9_6:active ._paddings24_wsgoz9_100 ._cardImageDiv_wsgoz9_166{
174
176
  padding:calc(var(--rs-card-padding, 24px) - 1);
175
177
  }
176
- ._paddings32_hljjiz_103 ._cardImageDiv_hljjiz_165{
178
+ ._paddings32_wsgoz9_104 ._cardImageDiv_wsgoz9_166{
177
179
  top:calc(var(--rs-card-padding, 32px)*-1);
178
180
  left:calc(var(--rs-card-padding, 32px)*-1);
179
181
  padding:var(--rs-card-padding, 32px);
180
182
  width:calc(100% + var(--rs-card-padding, 32px)*2);
181
183
  }
182
- ._card_hljjiz_6:active ._paddings32_hljjiz_103 ._cardImageDiv_hljjiz_165{
184
+ ._card_wsgoz9_6:active ._paddings32_wsgoz9_104 ._cardImageDiv_wsgoz9_166{
183
185
  padding:calc(var(--rs-card-padding, 32px) - 1);
184
186
  }
185
- ._card_hljjiz_6:hover ._cardImageDiv_hljjiz_165{
187
+ ._card_wsgoz9_6:hover ._cardImageDiv_wsgoz9_166{
186
188
  background-size:110% 110%;
187
189
  }
188
- ._card_hljjiz_6._cardPlain_hljjiz_60:hover ._cardImageDiv_hljjiz_165{
190
+ ._card_wsgoz9_6._cardPlain_wsgoz9_62:hover ._cardImageDiv_wsgoz9_166{
189
191
  background-size:100% 100%;
190
192
  }
191
- ._fixedImageHeight_hljjiz_200 img{
193
+ ._fixedImageHeight_wsgoz9_199 img{
192
194
  height:100%;
193
195
  }
194
- ._paddings16_hljjiz_95 ._fixedImageHeight_hljjiz_200{
196
+ ._paddings16_wsgoz9_96 ._fixedImageHeight_wsgoz9_199{
195
197
  height:calc(188px + var(--rs-card-padding, 16px));
196
198
  max-height:calc(188px + var(--rs-card-padding, 16px));
197
199
  }
198
- ._paddings24_hljjiz_99 ._fixedImageHeight_hljjiz_200{
200
+ ._paddings24_wsgoz9_100 ._fixedImageHeight_wsgoz9_199{
199
201
  height:calc(188px + var(--rs-card-padding, 24px));
200
202
  max-height:calc(188px + var(--rs-card-padding, 24px));
201
203
  }
202
- ._paddings32_hljjiz_103 ._fixedImageHeight_hljjiz_200{
204
+ ._paddings32_wsgoz9_104 ._fixedImageHeight_wsgoz9_199{
203
205
  height:calc(188px + var(--rs-card-padding, 32px));
204
206
  max-height:calc(188px + var(--rs-card-padding, 32px));
205
207
  }
206
- ._fullImageWidth_hljjiz_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.11.0",
3
+ "version": "0.11.1",
4
4
  "description": "",
5
5
  "main": "lib/index.js",
6
6
  "src:main": "src/index.ts",
@@ -32,5 +32,5 @@
32
32
  "build": "rescui-scripts build"
33
33
  },
34
34
  "nx": {},
35
- "gitHead": "1643043a602c3434ef3b73c895188e9f5819f357"
35
+ "gitHead": "f8dcebeb3bf1c6c66ce284c6863bbd8938dcf1c0"
36
36
  }