@rescui/card 0.10.12 → 0.11.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.p.module.css.js +21 -21
  2. package/lib/index.css +86 -86
  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_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"
23
23
  };
24
24
  export { styles as default };
package/lib/index.css CHANGED
@@ -1,4 +1,4 @@
1
- ._card_1i1av0g_6{
1
+ ._card_hljjiz_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)
@@ -29,120 +29,120 @@
29
29
  appearance:none;
30
30
  -webkit-mask-image:-webkit-radial-gradient(white, black);
31
31
  }
32
- ._card_1i1av0g_6:focus-visible{
32
+ ._card_hljjiz_6:focus-visible{
33
33
  outline:none;
34
34
  }
35
- a._card_1i1av0g_6{
35
+ a._card_hljjiz_6{
36
36
  display:block;
37
37
 
38
38
  text-decoration:none;
39
39
  }
40
- a._card_1i1av0g_6:hover{
40
+ a._card_hljjiz_6:hover{
41
41
  text-decoration:none;
42
42
  }
43
- ._themeLight_1i1av0g_47{
43
+ ._themeLight_hljjiz_47{
44
44
  --rs-theme-dark:0;
45
45
  }
46
- ._themeDark_1i1av0g_52{
46
+ ._themeDark_hljjiz_52{
47
47
  --rs-theme-dark:1;
48
48
  }
49
- ._withStaticBorder_1i1av0g_56{
49
+ ._withStaticBorder_hljjiz_56{
50
50
  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
51
  }
52
- ._cardPlain_1i1av0g_60._modeClassic_1i1av0g_60,
53
- ._cardPlain_1i1av0g_60._modeRock_1i1av0g_61{
52
+ ._cardPlain_hljjiz_60._modeClassic_hljjiz_60,
53
+ ._cardPlain_hljjiz_60._modeRock_hljjiz_61{
54
54
  cursor:auto;
55
55
  }
56
- ._modeClassic_1i1av0g_60._withStatesBorder_1i1av0g_66:active{
56
+ ._modeClassic_hljjiz_60._withStatesBorder_hljjiz_66:active{
57
57
  border-width:2px;
58
58
  }
59
- ._modeClassic_1i1av0g_60._withStatesBorder_1i1av0g_66:active._paddings16_1i1av0g_95{
60
- padding:15px;
59
+ ._modeClassic_hljjiz_60._withStatesBorder_hljjiz_66:active._paddings16_hljjiz_95{
60
+ padding:calc(var(--rs-card-padding, 16px) - 1px);
61
61
  }
62
- ._modeClassic_1i1av0g_60._withStatesBorder_1i1av0g_66:active._paddings24_1i1av0g_99{
63
- padding:23px;
62
+ ._modeClassic_hljjiz_60._withStatesBorder_hljjiz_66:active._paddings24_hljjiz_99{
63
+ padding:calc(var(--rs-card-padding, 24px) - 1px);
64
64
  }
65
- ._modeClassic_1i1av0g_60._withStatesBorder_1i1av0g_66:active._paddings32_1i1av0g_103{
66
- padding:31px;
65
+ ._modeClassic_hljjiz_60._withStatesBorder_hljjiz_66:active._paddings32_hljjiz_103{
66
+ padding:calc(var(--rs-card-padding, 32px) - 1px);
67
67
  }
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{
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{
72
72
  --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
73
  }
74
- ._modeRock_1i1av0g_61:hover,
75
- ._modeRock_1i1av0g_61:focus[data-focus-method='key'],
76
- ._modeRock_1i1av0g_61:focus-visible{
74
+ ._modeRock_hljjiz_61:hover,
75
+ ._modeRock_hljjiz_61:focus[data-focus-method='key'],
76
+ ._modeRock_hljjiz_61:focus-visible{
77
77
  --rs-theme-flip:1;
78
78
  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
79
  }
80
- ._modeRock_1i1av0g_61:active{
80
+ ._modeRock_hljjiz_61:active{
81
81
  --rs-theme-flip:1;
82
82
  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
83
  }
84
- ._paddings16_1i1av0g_95{
85
- padding:16px;
84
+ ._paddings16_hljjiz_95{
85
+ padding:var(--rs-card-padding, 16px);
86
86
  }
87
- ._paddings24_1i1av0g_99{
88
- padding:24px;
87
+ ._paddings24_hljjiz_99{
88
+ padding:var(--rs-card-padding, 24px);
89
89
  }
90
- ._paddings32_1i1av0g_103{
91
- padding:32px;
90
+ ._paddings32_hljjiz_103{
91
+ padding:var(--rs-card-padding, 32px);
92
92
  }
93
- ._bordersRadius0_1i1av0g_107{
93
+ ._bordersRadius0_hljjiz_107{
94
94
  --rs-card-border-radius:0;
95
95
  }
96
- ._bordersRadius8_1i1av0g_111{
96
+ ._bordersRadius8_hljjiz_111{
97
97
  --rs-card-border-radius:8px;
98
98
  }
99
- ._bordersRadius16_1i1av0g_115{
99
+ ._bordersRadius16_hljjiz_115{
100
100
  --rs-card-border-radius:16px;
101
101
  }
102
- ._bordersRadius24_1i1av0g_119{
102
+ ._bordersRadius24_hljjiz_119{
103
103
  --rs-card-border-radius:24px;
104
104
  }
105
- ._cardImage_1i1av0g_123{
105
+ ._cardImage_hljjiz_123{
106
106
  position:relative;
107
107
 
108
108
  overflow:hidden;
109
109
 
110
110
  box-sizing:border-box;
111
111
  }
112
- ._cardImageImg_1i1av0g_131{
112
+ ._cardImageImg_hljjiz_131{
113
113
  display:flex;
114
114
  justify-content:center;
115
115
  align-items:center;
116
116
  }
117
- ._paddings16_1i1av0g_95 ._cardImageImg_1i1av0g_131{
118
- top:-16px;
119
- left:-16px;
120
- width:calc(100% + 32px);
117
+ ._paddings16_hljjiz_95 ._cardImageImg_hljjiz_131{
118
+ top:calc(var(--rs-card-padding, 16px)*-1);
119
+ left:calc(var(--rs-card-padding, 16px)*-1);
120
+ width:calc(100% + var(--rs-card-padding, 16px)*2);
121
121
  }
122
- ._paddings24_1i1av0g_99 ._cardImageImg_1i1av0g_131{
123
- top:-24px;
124
- left:-24px;
125
- width:calc(100% + 48px);
122
+ ._paddings24_hljjiz_99 ._cardImageImg_hljjiz_131{
123
+ top:calc(var(--rs-card-padding, 24px)*-1);
124
+ left:calc(var(--rs-card-padding, 24px)*-1);
125
+ width:calc(100% + var(--rs-card-padding, 24px)*2);
126
126
  }
127
- ._paddings32_1i1av0g_103 ._cardImageImg_1i1av0g_131{
128
- top:-32px;
129
- left:-32px;
130
- width:calc(100% + 64px);
127
+ ._paddings32_hljjiz_103 ._cardImageImg_hljjiz_131{
128
+ top:calc(var(--rs-card-padding, 32px)*-1);
129
+ left:calc(var(--rs-card-padding, 32px)*-1);
130
+ width:calc(100% + var(--rs-card-padding, 32px)*2);
131
131
  }
132
- ._cardImageImg_1i1av0g_131 img{
132
+ ._cardImageImg_hljjiz_131 img{
133
133
  max-width:100%;
134
134
  max-height:100%;
135
135
 
136
136
  transition:transform .2s;
137
137
  transform:scale(1);
138
138
  }
139
- ._card_1i1av0g_6:hover ._cardImageImg_1i1av0g_131 img{
139
+ ._card_hljjiz_6:hover ._cardImageImg_hljjiz_131 img{
140
140
  transform:scale(1.1);
141
141
  }
142
- ._card_1i1av0g_6._cardPlain_1i1av0g_60:hover ._cardImageImg_1i1av0g_131 img{
142
+ ._card_hljjiz_6._cardPlain_hljjiz_60:hover ._cardImageImg_hljjiz_131 img{
143
143
  transform:none;
144
144
  }
145
- ._cardImageDiv_1i1av0g_165{
145
+ ._cardImageDiv_hljjiz_165{
146
146
  display:flex;
147
147
  flex-direction:column;
148
148
  justify-content:flex-end;
@@ -155,55 +155,55 @@ a._card_1i1av0g_6:hover{
155
155
 
156
156
  transition:background-size .2s;
157
157
  }
158
- ._paddings16_1i1av0g_95 ._cardImageDiv_1i1av0g_165{
159
- top:-16px;
160
- left:-16px;
161
- padding:16px;
162
- width:calc(100% + 32px);
158
+ ._paddings16_hljjiz_95 ._cardImageDiv_hljjiz_165{
159
+ top:calc(var(--rs-card-padding, 16px)*-1);
160
+ left:calc(var(--rs-card-padding, 16px)*-1);
161
+ padding:var(--rs-card-padding, 16px);
162
+ width:calc(100% + var(--rs-card-padding, 16px)*2);
163
163
  }
164
- ._card_1i1av0g_6:active ._paddings16_1i1av0g_95 ._cardImageDiv_1i1av0g_165{
165
- padding:calc(16px - 1);
164
+ ._card_hljjiz_6:active ._paddings16_hljjiz_95 ._cardImageDiv_hljjiz_165{
165
+ padding:calc(var(--rs-card-padding, 16px) - 1);
166
166
  }
167
- ._paddings24_1i1av0g_99 ._cardImageDiv_1i1av0g_165{
168
- top:-24px;
169
- left:-24px;
170
- padding:24px;
171
- width:calc(100% + 48px);
167
+ ._paddings24_hljjiz_99 ._cardImageDiv_hljjiz_165{
168
+ top:calc(var(--rs-card-padding, 24px)*-1);
169
+ left:calc(var(--rs-card-padding, 24px)*-1);
170
+ padding:var(--rs-card-padding, 24px);
171
+ width:calc(100% + var(--rs-card-padding, 24px)*2);
172
172
  }
173
- ._card_1i1av0g_6:active ._paddings24_1i1av0g_99 ._cardImageDiv_1i1av0g_165{
174
- padding:calc(24px - 1);
173
+ ._card_hljjiz_6:active ._paddings24_hljjiz_99 ._cardImageDiv_hljjiz_165{
174
+ padding:calc(var(--rs-card-padding, 24px) - 1);
175
175
  }
176
- ._paddings32_1i1av0g_103 ._cardImageDiv_1i1av0g_165{
177
- top:-32px;
178
- left:-32px;
179
- padding:32px;
180
- width:calc(100% + 64px);
176
+ ._paddings32_hljjiz_103 ._cardImageDiv_hljjiz_165{
177
+ top:calc(var(--rs-card-padding, 32px)*-1);
178
+ left:calc(var(--rs-card-padding, 32px)*-1);
179
+ padding:var(--rs-card-padding, 32px);
180
+ width:calc(100% + var(--rs-card-padding, 32px)*2);
181
181
  }
182
- ._card_1i1av0g_6:active ._paddings32_1i1av0g_103 ._cardImageDiv_1i1av0g_165{
183
- padding:calc(32px - 1);
182
+ ._card_hljjiz_6:active ._paddings32_hljjiz_103 ._cardImageDiv_hljjiz_165{
183
+ padding:calc(var(--rs-card-padding, 32px) - 1);
184
184
  }
185
- ._card_1i1av0g_6:hover ._cardImageDiv_1i1av0g_165{
185
+ ._card_hljjiz_6:hover ._cardImageDiv_hljjiz_165{
186
186
  background-size:110% 110%;
187
187
  }
188
- ._card_1i1av0g_6._cardPlain_1i1av0g_60:hover ._cardImageDiv_1i1av0g_165{
188
+ ._card_hljjiz_6._cardPlain_hljjiz_60:hover ._cardImageDiv_hljjiz_165{
189
189
  background-size:100% 100%;
190
190
  }
191
- ._fixedImageHeight_1i1av0g_200 img{
191
+ ._fixedImageHeight_hljjiz_200 img{
192
192
  height:100%;
193
193
  }
194
- ._paddings16_1i1av0g_95 ._fixedImageHeight_1i1av0g_200{
195
- height:204px;
196
- max-height:204px;
194
+ ._paddings16_hljjiz_95 ._fixedImageHeight_hljjiz_200{
195
+ height:calc(188px + var(--rs-card-padding, 16px));
196
+ max-height:calc(188px + var(--rs-card-padding, 16px));
197
197
  }
198
- ._paddings24_1i1av0g_99 ._fixedImageHeight_1i1av0g_200{
199
- height:212px;
200
- max-height:212px;
198
+ ._paddings24_hljjiz_99 ._fixedImageHeight_hljjiz_200{
199
+ height:calc(188px + var(--rs-card-padding, 24px));
200
+ max-height:calc(188px + var(--rs-card-padding, 24px));
201
201
  }
202
- ._paddings32_1i1av0g_103 ._fixedImageHeight_1i1av0g_200{
203
- height:220px;
204
- max-height:220px;
202
+ ._paddings32_hljjiz_103 ._fixedImageHeight_hljjiz_200{
203
+ height:calc(188px + var(--rs-card-padding, 32px));
204
+ max-height:calc(188px + var(--rs-card-padding, 32px));
205
205
  }
206
- ._fullImageWidth_1i1av0g_218 img{
206
+ ._fullImageWidth_hljjiz_218 img{
207
207
  width:100%;
208
208
  }
209
209
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/card",
3
- "version": "0.10.12",
3
+ "version": "0.11.0",
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": "1643043a602c3434ef3b73c895188e9f5819f357"
36
36
  }