@rescui/card 0.14.0 → 0.14.2-RUI-296-Build-docs-md-files-for-each-docs-section-2a311c841.14

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 (7) hide show
  1. package/README.md +5 -1
  2. package/lib/card.d.ts +75 -75
  3. package/lib/card.p.module.css.js +26 -26
  4. package/lib/index.css +53 -53
  5. package/lib/index.d.ts +3 -3
  6. package/lib/use-card-cn.d.ts +2 -2
  7. package/package.json +8 -8
package/README.md CHANGED
@@ -1,3 +1,7 @@
1
- #Card
1
+ # Card
2
2
 
3
3
  `cardCn` is a style generator to create styled card on top of chosen tag.
4
+
5
+ ## LLM
6
+
7
+ To get the docs for the LLM, check out [this index](./llm/index.md).
package/lib/card.d.ts CHANGED
@@ -1,75 +1,75 @@
1
- export declare type CardIsClickable = boolean;
2
- export declare type CardTheme = 'light' | 'dark';
3
- export declare type CardMode = 'classic' | 'rock';
4
- export declare type CardPaddings = 0 | 16 | 24 | 32;
5
- export declare type CardBorderRadius = 0 | 8 | 16 | 24;
6
- export declare type CardGlowHover = boolean;
7
- export declare type CardImageType = 'cardImageImg' | 'cardImageDiv';
8
- export declare type CardProps = {
9
- /** Clickable property
10
- * @default false
11
- * */
12
- isClickable?: CardIsClickable;
13
- /** Appearance theme
14
- * @default auto
15
- * */
16
- theme?: CardTheme;
17
- /** Appearance mode, only works for `clickable` cards
18
- * @default classic
19
- * */
20
- mode?: CardMode;
21
- /** Appearance paddings
22
- * @default 24
23
- * */
24
- padding?: CardPaddings;
25
- /**
26
- * @default 24
27
- * @deprecated use `padding` instead
28
- * */
29
- paddings?: CardPaddings;
30
- /** Card borders style
31
- * @default 8
32
- * */
33
- borderRadius?: CardBorderRadius;
34
- /**
35
- * @default false
36
- * @deprecated with latest `@rescui/use-glow-hover` version it resolves automatically
37
- * */
38
- hasGlowHover?: CardGlowHover;
39
- /** Disables border
40
- * @default false
41
- * */
42
- disableBorder?: boolean;
43
- /** Make borders of solid color. This prop is useful when using `cardImageCn` helper so the border wouldn't mix with the image.
44
- *
45
- * @default false
46
- * */
47
- disableBorderTransparency?: boolean;
48
- /**
49
- * @default false
50
- * @deprecated Render card borders using legacy `border` CSS property.
51
- *
52
- * Use only as a last resort. The reason is that `border` width scales with display scaling, and it's not possible to offset it using padding reliably. [More info](https://stackoverflow.com/questions/46105681/get-wrong-border-width-on-firefox).
53
- *
54
- * Customize borders using [CSS vars](/components/card-cn/css/) instead.
55
- */
56
- legacyBorder?: boolean;
57
- };
58
- export declare type CardImgType = {
59
- /** Sets a type of image in a card
60
- * @default cardImageDiv
61
- * */
62
- cardImageType?: CardImageType;
63
- /** Disable predefined image height, when using this prop manually equalize image heights within cards in one row or group
64
- * @default false
65
- * */
66
- disableFixedHeight?: boolean;
67
- /** Disable stretching the image to the card width, only applies to the `cardImageImg` card image type
68
- * @default false
69
- * */
70
- disableFullWidth?: boolean;
71
- };
72
- export declare const cardLinkCn: () => any;
73
- export declare const cardButtonCn: () => any;
74
- export declare const cardCn: ({ isClickable, theme, mode, padding, borderRadius, disableBorder, disableBorderTransparency, paddings, hasGlowHover, legacyBorder }?: CardProps) => string;
75
- export declare const cardImageCn: ({ cardImageType, disableFixedHeight, disableFullWidth }: CardImgType) => string;
1
+ export type CardIsClickable = boolean;
2
+ export type CardTheme = 'light' | 'dark';
3
+ export type CardMode = 'classic' | 'rock';
4
+ export type CardPaddings = 0 | 16 | 24 | 32;
5
+ export type CardBorderRadius = 0 | 8 | 16 | 24;
6
+ export type CardGlowHover = boolean;
7
+ export type CardImageType = 'cardImageImg' | 'cardImageDiv';
8
+ export type CardProps = {
9
+ /** Clickable property
10
+ * @default false
11
+ * */
12
+ isClickable?: CardIsClickable;
13
+ /** Appearance theme
14
+ * @default auto
15
+ * */
16
+ theme?: CardTheme;
17
+ /** Appearance mode, only works for `clickable` cards
18
+ * @default classic
19
+ * */
20
+ mode?: CardMode;
21
+ /** Appearance paddings
22
+ * @default 24
23
+ * */
24
+ padding?: CardPaddings;
25
+ /**
26
+ * @default 24
27
+ * @deprecated use `padding` instead
28
+ * */
29
+ paddings?: CardPaddings;
30
+ /** Card borders style
31
+ * @default 8
32
+ * */
33
+ borderRadius?: CardBorderRadius;
34
+ /**
35
+ * @default false
36
+ * @deprecated with latest `@rescui/use-glow-hover` version it resolves automatically
37
+ * */
38
+ hasGlowHover?: CardGlowHover;
39
+ /** Disables border
40
+ * @default false
41
+ * */
42
+ disableBorder?: boolean;
43
+ /** Make borders of solid color. This prop is useful when using `cardImageCn` helper so the border wouldn't mix with the image.
44
+ *
45
+ * @default false
46
+ * */
47
+ disableBorderTransparency?: boolean;
48
+ /**
49
+ * @default false
50
+ * @deprecated Render card borders using legacy `border` CSS property.
51
+ *
52
+ * Use only as a last resort. The reason is that `border` width scales with display scaling, and it's not possible to offset it using padding reliably. [More info](https://stackoverflow.com/questions/46105681/get-wrong-border-width-on-firefox).
53
+ *
54
+ * Customize borders using [CSS vars](/components/card-cn/css/) instead.
55
+ */
56
+ legacyBorder?: boolean;
57
+ };
58
+ export type CardImgType = {
59
+ /** Sets a type of image in a card
60
+ * @default cardImageDiv
61
+ * */
62
+ cardImageType?: CardImageType;
63
+ /** Disable predefined image height, when using this prop manually equalize image heights within cards in one row or group
64
+ * @default false
65
+ * */
66
+ disableFixedHeight?: boolean;
67
+ /** Disable stretching the image to the card width, only applies to the `cardImageImg` card image type
68
+ * @default false
69
+ * */
70
+ disableFullWidth?: boolean;
71
+ };
72
+ export declare const cardLinkCn: () => any;
73
+ export declare const cardButtonCn: () => any;
74
+ export declare const cardCn: ({ isClickable, theme, mode, padding, borderRadius, disableBorder, disableBorderTransparency, paddings, hasGlowHover, legacyBorder }?: CardProps) => string;
75
+ export declare const cardImageCn: ({ cardImageType, disableFixedHeight, disableFullWidth }: CardImgType) => string;
package/lib/card.p.module.css.js CHANGED
@@ -1,29 +1,29 @@
1
1
  var styles = {
2
- "themeLight": "_themeLight_cg72xb_8",
3
- "themeDark": "_themeDark_cg72xb_11",
4
- "padding0": "_padding0_cg72xb_15",
5
- "padding16": "_padding16_cg72xb_18",
6
- "padding24": "_padding24_cg72xb_21",
7
- "padding32": "_padding32_cg72xb_24",
8
- "borderRadius0": "_borderRadius0_cg72xb_28",
9
- "borderRadius8": "_borderRadius8_cg72xb_31",
10
- "borderRadius16": "_borderRadius16_cg72xb_34",
11
- "borderRadius24": "_borderRadius24_cg72xb_37",
12
- "modeClassic": "_modeClassic_cg72xb_41",
13
- "modeRock": "_modeRock_cg72xb_51",
14
- "transparentBorderTrue": "_transparentBorderTrue_cg72xb_60",
15
- "transparentBorderFalse": "_transparentBorderFalse_cg72xb_63",
16
- "clickable": "_clickable_cg72xb_111",
17
- "disableBorder": "_disableBorder_cg72xb_70",
18
- "hasGlowHover": "_hasGlowHover_cg72xb_88",
19
- "legacyBorder": "_legacyBorder_cg72xb_133",
20
- "tile": "_tile_cg72xb_247",
21
- "fixedImageHeight": "_fixedImageHeight_cg72xb_323",
22
- "fullImageWidth": "_fullImageWidth_cg72xb_332",
23
- "cardImage": "_cardImage_cg72xb_336",
24
- "cardImageImg": "_cardImageImg_cg72xb_344",
25
- "cardImageDiv": "_cardImageDiv_cg72xb_369",
26
- "innerLink": "_innerLink_cg72xb_394",
27
- "innerButton": "_innerButton_cg72xb_406"
2
+ "themeLight": "_themeLight_g2s6j9_8",
3
+ "themeDark": "_themeDark_g2s6j9_11",
4
+ "padding0": "_padding0_g2s6j9_15",
5
+ "padding16": "_padding16_g2s6j9_18",
6
+ "padding24": "_padding24_g2s6j9_21",
7
+ "padding32": "_padding32_g2s6j9_24",
8
+ "borderRadius0": "_borderRadius0_g2s6j9_28",
9
+ "borderRadius8": "_borderRadius8_g2s6j9_31",
10
+ "borderRadius16": "_borderRadius16_g2s6j9_34",
11
+ "borderRadius24": "_borderRadius24_g2s6j9_37",
12
+ "modeClassic": "_modeClassic_g2s6j9_41",
13
+ "modeRock": "_modeRock_g2s6j9_51",
14
+ "transparentBorderTrue": "_transparentBorderTrue_g2s6j9_60",
15
+ "transparentBorderFalse": "_transparentBorderFalse_g2s6j9_63",
16
+ "clickable": "_clickable_g2s6j9_111",
17
+ "disableBorder": "_disableBorder_g2s6j9_70",
18
+ "hasGlowHover": "_hasGlowHover_g2s6j9_88",
19
+ "legacyBorder": "_legacyBorder_g2s6j9_133",
20
+ "tile": "_tile_g2s6j9_247",
21
+ "fixedImageHeight": "_fixedImageHeight_g2s6j9_323",
22
+ "fullImageWidth": "_fullImageWidth_g2s6j9_332",
23
+ "cardImage": "_cardImage_g2s6j9_336",
24
+ "cardImageImg": "_cardImageImg_g2s6j9_344",
25
+ "cardImageDiv": "_cardImageDiv_g2s6j9_369",
26
+ "innerLink": "_innerLink_g2s6j9_394",
27
+ "innerButton": "_innerButton_g2s6j9_406"
28
28
  };
29
29
  export { styles as default };
package/lib/index.css CHANGED
@@ -1,44 +1,44 @@
1
- ._themeLight_cg72xb_8{
1
+ ._themeLight_g2s6j9_8{
2
2
  --rs-theme-dark:0;
3
3
  }
4
4
 
5
- ._themeDark_cg72xb_11{
5
+ ._themeDark_g2s6j9_11{
6
6
  --rs-theme-dark:1;
7
7
  }
8
8
 
9
- ._padding0_cg72xb_15{
9
+ ._padding0_g2s6j9_15{
10
10
  --_rs-card-padding:0px;
11
11
  }
12
12
 
13
- ._padding16_cg72xb_18{
13
+ ._padding16_g2s6j9_18{
14
14
  --_rs-card-padding:16px;
15
15
  }
16
16
 
17
- ._padding24_cg72xb_21{
17
+ ._padding24_g2s6j9_21{
18
18
  --_rs-card-padding:24px;
19
19
  }
20
20
 
21
- ._padding32_cg72xb_24{
21
+ ._padding32_g2s6j9_24{
22
22
  --_rs-card-padding:32px;
23
23
  }
24
24
 
25
- ._borderRadius0_cg72xb_28{
25
+ ._borderRadius0_g2s6j9_28{
26
26
  --_rs-card-border-radius:0px;
27
27
  }
28
28
 
29
- ._borderRadius8_cg72xb_31{
29
+ ._borderRadius8_g2s6j9_31{
30
30
  --_rs-card-border-radius:8px;
31
31
  }
32
32
 
33
- ._borderRadius16_cg72xb_34{
33
+ ._borderRadius16_g2s6j9_34{
34
34
  --_rs-card-border-radius:16px;
35
35
  }
36
36
 
37
- ._borderRadius24_cg72xb_37{
37
+ ._borderRadius24_g2s6j9_37{
38
38
  --_rs-card-border-radius:24px;
39
39
  }
40
40
 
41
- ._modeClassic_cg72xb_41{
41
+ ._modeClassic_g2s6j9_41{
42
42
  --_rs-card-states-theme-flip:0;
43
43
 
44
44
  --_rs-card-hover-focus-active-border-color:rgb(
@@ -49,7 +49,7 @@
49
49
  --_rs-card-active-background:rgb(calc(255 - var(--_rs-theme-dark-coefficient, 0)*207), calc(255 - var(--_rs-theme-dark-coefficient, 0)*207), calc(255 - var(--_rs-theme-dark-coefficient, 0)*204));
50
50
  }
51
51
 
52
- ._modeRock_cg72xb_51{
52
+ ._modeRock_g2s6j9_51{
53
53
  --_rs-card-states-theme-flip:1;
54
54
 
55
55
  --_rs-card-hover-focus-active-border-color:transparent;
@@ -58,15 +58,15 @@
58
58
  --_rs-card-active-background: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));
59
59
  }
60
60
 
61
- ._transparentBorderTrue_cg72xb_60{
61
+ ._transparentBorderTrue_g2s6j9_60{
62
62
  --_rs-card-grey-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), 0.2);
63
63
  }
64
64
 
65
- ._transparentBorderFalse_cg72xb_63{
65
+ ._transparentBorderFalse_g2s6j9_63{
66
66
  --_rs-card-grey-border-color:rgb(calc(209 - var(--_rs-theme-dark-coefficient, 0)*115), calc(209 - var(--_rs-theme-dark-coefficient, 0)*115), calc(210 - var(--_rs-theme-dark-coefficient, 0)*114));
67
67
  }
68
68
 
69
- ._clickable_cg72xb_111{
69
+ ._clickable_g2s6j9_111{
70
70
  --_rs-theme-dark:var(
71
71
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
72
72
  var(--rs-theme-dark, 0)
@@ -77,11 +77,11 @@
77
77
  --_rs-card-native-static-border-color:var(--_rs-card-grey-border-color);
78
78
  }
79
79
 
80
- ._clickable_cg72xb_111._disableBorder_cg72xb_70{
80
+ ._clickable_g2s6j9_111._disableBorder_g2s6j9_70{
81
81
  --_rs-card-native-static-border-color:transparent;
82
82
  }
83
83
 
84
- ._clickable_cg72xb_111 {
84
+ ._clickable_g2s6j9_111 {
85
85
  --_rs-card-native-hover-border-color:var(
86
86
  --_rs-card-hover-focus-active-border-color
87
87
  );
@@ -91,26 +91,26 @@
91
91
  );
92
92
  }
93
93
 
94
- ._clickable_cg72xb_111:is([data-extra-hover-effect], ._hasGlowHover_cg72xb_88){
94
+ ._clickable_g2s6j9_111:is([data-extra-hover-effect], ._hasGlowHover_g2s6j9_88){
95
95
  --_rs-card-native-hover-border-color:var(--_rs-card-grey-border-color);
96
96
  }
97
97
 
98
- ._clickable_cg72xb_111:is([data-extra-hover-effect], ._hasGlowHover_cg72xb_88)[data-extra-active-effect]{
98
+ ._clickable_g2s6j9_111:is([data-extra-hover-effect], ._hasGlowHover_g2s6j9_88)[data-extra-active-effect]{
99
99
  --_rs-card-native-active-border-width:1px;
100
100
  --_rs-card-native-active-border-color:var(--_rs-card-grey-border-color);
101
101
  }
102
102
 
103
- ._clickable_cg72xb_111:is([data-extra-hover-effect], ._hasGlowHover_cg72xb_88)._disableBorder_cg72xb_70{
103
+ ._clickable_g2s6j9_111:is([data-extra-hover-effect], ._hasGlowHover_g2s6j9_88)._disableBorder_g2s6j9_70{
104
104
  --_rs-card-native-hover-border-color:transparent;
105
105
 
106
106
  --_rs-card-native-active-border-width:1px;
107
107
  }
108
108
 
109
- ._clickable_cg72xb_111:is([data-extra-hover-effect], ._hasGlowHover_cg72xb_88)._disableBorder_cg72xb_70[data-extra-active-effect]{
109
+ ._clickable_g2s6j9_111:is([data-extra-hover-effect], ._hasGlowHover_g2s6j9_88)._disableBorder_g2s6j9_70[data-extra-active-effect]{
110
110
  --_rs-card-native-active-border-color:transparent;
111
111
  }
112
112
 
113
- ._clickable_cg72xb_111 {
113
+ ._clickable_g2s6j9_111 {
114
114
 
115
115
  --_rs-card-env-background:var(
116
116
  --rs-card-static-background,
@@ -131,12 +131,12 @@
131
131
  --_rs-card-css-border:none;
132
132
  }
133
133
 
134
- ._clickable_cg72xb_111._legacyBorder_cg72xb_133{
134
+ ._clickable_g2s6j9_111._legacyBorder_g2s6j9_133{
135
135
  --_rs-card-css-padding:calc(var(--_rs-card-padding-final) - var(--_rs-card-env-border-width));
136
136
  --_rs-card-css-border:var(--_rs-card-env-border-width) solid var(--_rs-card-env-border-color);
137
137
  }
138
138
 
139
- ._clickable_cg72xb_111 {
139
+ ._clickable_g2s6j9_111 {
140
140
  --rs-out-card-padding:var(--_rs-card-padding-final);
141
141
  --rs-out-card-border-radius:var(--_rs-card-border-radius-final);
142
142
  --rs-out-card-border-width:var(--_rs-card-env-border-width);
@@ -167,7 +167,7 @@
167
167
  appearance:none;
168
168
  }
169
169
 
170
- ._clickable_cg72xb_111:not(._legacyBorder_cg72xb_133)::after{
170
+ ._clickable_g2s6j9_111:not(._legacyBorder_g2s6j9_133)::after{
171
171
  position:absolute;
172
172
  top:0;
173
173
  right:0;
@@ -186,13 +186,13 @@
186
186
  transition:box-shadow 100ms var(--rs-transition-function, ease);
187
187
  }
188
188
 
189
- ._clickable_cg72xb_111,
190
- ._clickable_cg72xb_111:hover{
189
+ ._clickable_g2s6j9_111,
190
+ ._clickable_g2s6j9_111:hover{
191
191
  text-decoration:none;
192
192
  }
193
193
 
194
194
  @media (hover: hover){
195
- ._clickable_cg72xb_111:hover{
195
+ ._clickable_g2s6j9_111:hover{
196
196
  --rs-theme-flip:var(--_rs-card-states-theme-flip);
197
197
 
198
198
  --_rs-card-env-background:var(
@@ -207,7 +207,7 @@
207
207
  }
208
208
  }
209
209
 
210
- ._clickable_cg72xb_111:focus-visible{
210
+ ._clickable_g2s6j9_111:focus-visible{
211
211
  --rs-theme-flip:var(--_rs-card-states-theme-flip);
212
212
 
213
213
  --_rs-card-env-background:var(
@@ -222,7 +222,7 @@
222
222
  outline:none;
223
223
  }
224
224
 
225
- ._clickable_cg72xb_111:active{
225
+ ._clickable_g2s6j9_111:active{
226
226
  --rs-theme-flip:var(--_rs-card-states-theme-flip);
227
227
 
228
228
  --_rs-card-env-background:var(
@@ -239,7 +239,7 @@
239
239
  );
240
240
  }
241
241
 
242
- ._tile_cg72xb_247{
242
+ ._tile_g2s6j9_247{
243
243
  --_rs-theme-dark:var(
244
244
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
245
245
  var(--rs-theme-dark, 0)
@@ -250,11 +250,11 @@
250
250
  --_rs-card-native-static-border-color:var(--_rs-card-grey-border-color);
251
251
  }
252
252
 
253
- ._tile_cg72xb_247._disableBorder_cg72xb_70{
253
+ ._tile_g2s6j9_247._disableBorder_g2s6j9_70{
254
254
  --_rs-card-native-static-border-color:transparent;
255
255
  }
256
256
 
257
- ._tile_cg72xb_247 {
257
+ ._tile_g2s6j9_247 {
258
258
 
259
259
  --_rs-card-env-background:var(
260
260
  --rs-card-static-background,
@@ -275,12 +275,12 @@
275
275
  --_rs-card-css-border:none;
276
276
  }
277
277
 
278
- ._tile_cg72xb_247._legacyBorder_cg72xb_133{
278
+ ._tile_g2s6j9_247._legacyBorder_g2s6j9_133{
279
279
  --_rs-card-css-padding:calc(var(--_rs-card-padding-final) - var(--_rs-card-env-border-width));
280
280
  --_rs-card-css-border:var(--_rs-card-env-border-width) solid var(--_rs-card-env-border-color);
281
281
  }
282
282
 
283
- ._tile_cg72xb_247 {
283
+ ._tile_g2s6j9_247 {
284
284
  --rs-out-card-padding:var(--_rs-card-padding-final);
285
285
  --rs-out-card-border-radius:var(--_rs-card-border-radius-final);
286
286
  --rs-out-card-border-width:var(--_rs-card-env-border-width);
@@ -312,7 +312,7 @@
312
312
  appearance:none;
313
313
  }
314
314
 
315
- ._tile_cg72xb_247:not(._legacyBorder_cg72xb_133)::after{
315
+ ._tile_g2s6j9_247:not(._legacyBorder_g2s6j9_133)::after{
316
316
  position:absolute;
317
317
  top:0;
318
318
  right:0;
@@ -329,20 +329,20 @@
329
329
  box-shadow:inset 0 0 0 var(--_rs-card-env-border-width) var(--_rs-card-env-border-color);
330
330
  }
331
331
 
332
- ._fixedImageHeight_cg72xb_323{
332
+ ._fixedImageHeight_g2s6j9_323{
333
333
  height:calc(188px + var(--_rs-card-padding-final));
334
334
  max-height:calc(188px + var(--_rs-card-padding-final));
335
335
  }
336
336
 
337
- ._fixedImageHeight_cg72xb_323 img{
337
+ ._fixedImageHeight_g2s6j9_323 img{
338
338
  height:100%;
339
339
  }
340
340
 
341
- ._fullImageWidth_cg72xb_332 img{
341
+ ._fullImageWidth_g2s6j9_332 img{
342
342
  width:100%;
343
343
  }
344
344
 
345
- ._cardImage_cg72xb_336{
345
+ ._cardImage_g2s6j9_336{
346
346
  position:relative;
347
347
 
348
348
  overflow:hidden;
@@ -350,7 +350,7 @@
350
350
  box-sizing:border-box;
351
351
  }
352
352
 
353
- ._cardImageImg_cg72xb_344{
353
+ ._cardImageImg_g2s6j9_344{
354
354
  top:calc(var(--_rs-card-padding-final)*-1);
355
355
  left:calc(var(--_rs-card-padding-final)*-1);
356
356
 
@@ -361,21 +361,21 @@
361
361
  width:calc(100% + var(--_rs-card-padding-final)*2);
362
362
  }
363
363
 
364
- ._cardImageImg_cg72xb_344 img{
364
+ ._cardImageImg_g2s6j9_344 img{
365
365
  max-width:100%;
366
366
  max-height:100%;
367
367
  }
368
368
 
369
- ._clickable_cg72xb_111 ._cardImageImg_cg72xb_344 img{
369
+ ._clickable_g2s6j9_111 ._cardImageImg_g2s6j9_344 img{
370
370
  transition:transform 0.2s var(--rs-transition-function, ease);
371
371
  transform:scale(1);
372
372
  }
373
373
 
374
- ._clickable_cg72xb_111:hover ._cardImageImg_cg72xb_344 img{
374
+ ._clickable_g2s6j9_111:hover ._cardImageImg_g2s6j9_344 img{
375
375
  transform:scale(1.1);
376
376
  }
377
377
 
378
- ._cardImageDiv_cg72xb_369{
378
+ ._cardImageDiv_g2s6j9_369{
379
379
  top:calc(var(--_rs-card-padding-final)*-1);
380
380
  left:calc(var(--_rs-card-padding-final)*-1);
381
381
 
@@ -392,16 +392,16 @@
392
392
  background-size:100% 100%;
393
393
  }
394
394
 
395
- ._clickable_cg72xb_111 ._cardImageDiv_cg72xb_369{
395
+ ._clickable_g2s6j9_111 ._cardImageDiv_g2s6j9_369{
396
396
  transition:background-size 0.2s var(--rs-transition-function, ease);
397
397
  }
398
398
 
399
- ._clickable_cg72xb_111:hover ._cardImageDiv_cg72xb_369{
399
+ ._clickable_g2s6j9_111:hover ._cardImageDiv_g2s6j9_369{
400
400
  background-size:110% 110%;
401
401
  }
402
402
 
403
403
  @media (hover: hover){
404
- ._clickable_cg72xb_111:hover ._innerLink_cg72xb_394{
404
+ ._clickable_g2s6j9_111:hover ._innerLink_g2s6j9_394{
405
405
  --_rs-typography-link-padding-bottom-from-state-hover:calc(1px - var(--_rs-typography-link-hover-underline-width-difference-wf));
406
406
  --_rs-typography-link-border-bottom-width-from-state-hover:calc(var(--_rs-typography-link-border-bottom-width-wf) + var(--_rs-typography-link-hover-underline-width-difference-wf));
407
407
  --_rs-typography-link-border-bottom-color-from-state-hover:var(
@@ -423,14 +423,14 @@
423
423
  }
424
424
  }
425
425
 
426
- ._clickable_cg72xb_111:focus-visible ._innerLink_cg72xb_394{
426
+ ._clickable_g2s6j9_111:focus-visible ._innerLink_g2s6j9_394{
427
427
  --_rs-typography-link-box-shadow-from-state-focus-visible:var(
428
428
  --_rs-color-primary
429
429
  ) 0 0 0 4px;
430
430
  }
431
431
 
432
432
  @media (hover: hover){
433
- ._clickable_cg72xb_111:hover ._innerButton_cg72xb_406{
433
+ ._clickable_g2s6j9_111:hover ._innerButton_g2s6j9_406{
434
434
  --_rs-button-border-inner-color:rgba(
435
435
  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),
436
436
  calc(0.3 + var(--_rs-theme-dark-coefficient, 0)*0.1)
@@ -439,7 +439,7 @@
439
439
  }
440
440
  }
441
441
 
442
- ._clickable_cg72xb_111:active ._innerButton_cg72xb_406{
442
+ ._clickable_g2s6j9_111:active ._innerButton_g2s6j9_406{
443
443
  --_rs-button-border-inner-width:2px;
444
444
  --_rs-button-border-inner-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));
445
445
  --_rs-button-background-from-state-active:var(
@@ -447,13 +447,13 @@
447
447
  );
448
448
  }
449
449
 
450
- ._clickable_cg72xb_111:focus-visible ._innerButton_cg72xb_406{
450
+ ._clickable_g2s6j9_111:focus-visible ._innerButton_g2s6j9_406{
451
451
  --_rs-button-box-shadow-from-state-focus-visible:var(
452
452
  --_rs-color-primary-t-dim
453
453
  ) 0 0 0 4px;
454
454
  }
455
455
 
456
- ._clickable_cg72xb_111:active:focus-visible:not(:hover) ._innerButton_cg72xb_406{
456
+ ._clickable_g2s6j9_111:active:focus-visible:not(:hover) ._innerButton_g2s6j9_406{
457
457
  --_rs-button-background-from-state-active-focus-visible-no-hover:var(
458
458
  --_rs-button-active-focus-visible-no-hover-background
459
459
  );
package/lib/index.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- export { cardCn, cardImageCn, cardButtonCn, cardLinkCn } from './card';
2
- export type { CardProps, CardImgType } from './card';
3
- export { useCardCn } from './use-card-cn';
1
+ export { cardCn, cardImageCn, cardButtonCn, cardLinkCn } from './card';
2
+ export type { CardProps, CardImgType } from './card';
3
+ export { useCardCn } from './use-card-cn';
package/lib/use-card-cn.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- import { CardProps } from './card';
2
- export declare const useCardCn: () => (cardCnOptions?: CardProps) => string;
1
+ import { CardProps } from './card';
2
+ export declare const useCardCn: () => (cardCnOptions?: CardProps) => string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/card",
3
- "version": "0.14.0",
3
+ "version": "0.14.2-RUI-296-Build-docs-md-files-for-each-docs-section-2a311c841.14+2a311c841",
4
4
  "description": "",
5
5
  "main": "lib/index.js",
6
6
  "module": "lib/index.js",
@@ -23,16 +23,16 @@
23
23
  },
24
24
  "devDependencies": {
25
25
  "@jetbrains/logos": "^1.4.16",
26
- "@rescui/button": "^0.24.0",
27
- "@rescui/colors": "^0.3.0",
28
- "@rescui/postcss-preset-library": "^0.2.2",
29
- "@rescui/scripts": "^0.5.1",
30
- "@rescui/typography": "^0.27.0",
31
- "@rescui/visual-regression": "^0.1.4"
26
+ "@rescui/button": "0.24.2-RUI-296-Build-docs-md-files-for-each-docs-section-2a311c841.14+2a311c841",
27
+ "@rescui/colors": "0.3.1-RUI-296-Build-docs-md-files-for-each-docs-section-2a311c841.53+2a311c841",
28
+ "@rescui/postcss-preset-library": "0.2.2",
29
+ "@rescui/scripts": "0.5.2",
30
+ "@rescui/typography": "0.27.1-RUI-296-Build-docs-md-files-for-each-docs-section-2a311c841.18+2a311c841",
31
+ "@rescui/visual-regression": "0.1.4"
32
32
  },
33
33
  "scripts": {
34
34
  "build": "rescui-scripts build"
35
35
  },
36
36
  "nx": {},
37
- "gitHead": "e9aedd97a4cc372540ec8d75dda4f122baacca10"
37
+ "gitHead": "2a311c841551a48c46895aff5609fe099bbe1a61"
38
38
  }