@rescui/card 0.1.1 → 0.4.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 (5) hide show
  1. package/lib/card.d.ts +5 -3
  2. package/lib/card.js +5 -4
  3. package/lib/card.module.pcss.js +18 -17
  4. package/lib/index.css +119 -103
  5. package/package.json +6 -7
package/lib/card.d.ts CHANGED
@@ -17,10 +17,12 @@ export declare type CardProps = {
17
17
  /** Card borders style */
18
18
  borderRadius?: CardBorderRadius;
19
19
  /** Card has glowHover */
20
- glowHover?: CardGlowHover;
20
+ hasGlowHover?: CardGlowHover;
21
21
  };
22
22
  export declare type CardImgType = {
23
23
  cardImageType?: CardImageType;
24
+ /** Disable predefined image height, if you use this prop you should manually equalize image heights between cards on one row/group */
25
+ disableFixedHeight?: boolean;
24
26
  };
25
- export declare const cardCn: ({ isClickable, theme, mode, paddings, borderRadius, glowHover }?: CardProps) => string;
26
- export declare const cardImageCn: ({ cardImageType }: CardImgType) => string;
27
+ export declare const cardCn: ({ isClickable, theme, mode, paddings, borderRadius, hasGlowHover }?: CardProps) => string;
28
+ export declare const cardImageCn: ({ cardImageType, disableFixedHeight }: CardImgType) => string;
package/lib/card.js CHANGED
@@ -34,7 +34,7 @@ var cardCn = function cardCn() {
34
34
  mode = _ref.mode,
35
35
  paddings = _ref.paddings,
36
36
  borderRadius = _ref.borderRadius,
37
- glowHover = _ref.glowHover;
37
+ hasGlowHover = _ref.hasGlowHover;
38
38
 
39
39
  var isClickableClass = _defineProperty({}, styles.cardPlain, !isClickable);
40
40
 
@@ -43,7 +43,7 @@ var cardCn = function cardCn() {
43
43
  var paddingsClass = (_PADDINGS_STYLES$padd = PADDINGS_STYLES[paddings]) !== null && _PADDINGS_STYLES$padd !== void 0 ? _PADDINGS_STYLES$padd : PADDINGS_STYLES[24];
44
44
  var bordersClass = (_BORDER_RADIUS_STYLES = BORDER_RADIUS_STYLES[borderRadius]) !== null && _BORDER_RADIUS_STYLES !== void 0 ? _BORDER_RADIUS_STYLES : BORDER_RADIUS_STYLES[8];
45
45
 
46
- var glowHoverStyles = _defineProperty({}, styles.glowHover, glowHover);
46
+ var glowHoverStyles = _defineProperty({}, styles.glowHover, hasGlowHover);
47
47
 
48
48
  return cn(styles.card, isClickableClass, themeClass, modeClass, paddingsClass, bordersClass, glowHoverStyles);
49
49
  };
@@ -51,9 +51,10 @@ var cardCn = function cardCn() {
51
51
  var cardImageCn = function cardImageCn(_ref2) {
52
52
  var _CARD_IMAGE_STYLES$ca;
53
53
 
54
- var cardImageType = _ref2.cardImageType;
54
+ var cardImageType = _ref2.cardImageType,
55
+ disableFixedHeight = _ref2.disableFixedHeight;
55
56
  var cardImgExtraStyles = (_CARD_IMAGE_STYLES$ca = CARD_IMAGE_STYLES[cardImageType]) !== null && _CARD_IMAGE_STYLES$ca !== void 0 ? _CARD_IMAGE_STYLES$ca : CARD_IMAGE_STYLES.cardImageDiv;
56
- return cn(styles.cardImage, cardImgExtraStyles);
57
+ return cn(styles.cardImage, cardImgExtraStyles, !disableFixedHeight && styles.fixedImageHeight);
57
58
  };
58
59
 
59
60
  export { cardCn, cardImageCn };
package/lib/card.module.pcss.js CHANGED
@@ -1,20 +1,21 @@
1
1
  var styles = {
2
- "card": "_card_tg0ybw_5",
3
- "themeLight": "_themeLight_tg0ybw_22",
4
- "themeDark": "_themeDark_tg0ybw_28",
5
- "cardPlain": "_cardPlain_tg0ybw_33",
6
- "modeClassic": "_modeClassic_tg0ybw_33",
7
- "modeRock": "_modeRock_tg0ybw_34",
8
- "paddings16": "_paddings16_tg0ybw_147",
9
- "paddings24": "_paddings24_tg0ybw_151",
10
- "paddings32": "_paddings32_tg0ybw_155",
11
- "glowHover": "_glowHover_tg0ybw_86",
12
- "bordersRadius0": "_bordersRadius0_tg0ybw_159",
13
- "bordersRadius8": "_bordersRadius8_tg0ybw_163",
14
- "bordersRadius16": "_bordersRadius16_tg0ybw_167",
15
- "bordersRadius24": "_bordersRadius24_tg0ybw_171",
16
- "cardImage": "_cardImage_tg0ybw_175",
17
- "cardImageImg": "_cardImageImg_tg0ybw_181",
18
- "cardImageDiv": "_cardImageDiv_tg0ybw_208"
2
+ "card": "_card_mkwy7t_5",
3
+ "themeLight": "_themeLight_mkwy7t_25",
4
+ "themeDark": "_themeDark_mkwy7t_31",
5
+ "cardPlain": "_cardPlain_mkwy7t_36",
6
+ "modeClassic": "_modeClassic_mkwy7t_36",
7
+ "modeRock": "_modeRock_mkwy7t_37",
8
+ "paddings16": "_paddings16_mkwy7t_150",
9
+ "paddings24": "_paddings24_mkwy7t_154",
10
+ "paddings32": "_paddings32_mkwy7t_158",
11
+ "glowHover": "_glowHover_mkwy7t_89",
12
+ "bordersRadius0": "_bordersRadius0_mkwy7t_162",
13
+ "bordersRadius8": "_bordersRadius8_mkwy7t_166",
14
+ "bordersRadius16": "_bordersRadius16_mkwy7t_170",
15
+ "bordersRadius24": "_bordersRadius24_mkwy7t_174",
16
+ "cardImage": "_cardImage_mkwy7t_178",
17
+ "cardImageImg": "_cardImageImg_mkwy7t_184",
18
+ "cardImageDiv": "_cardImageDiv_mkwy7t_222",
19
+ "fixedImageHeight": "_fixedImageHeight_mkwy7t_256"
19
20
  };
20
21
  export default styles;
package/lib/index.css CHANGED
@@ -1,4 +1,4 @@
1
- ._card_tg0ybw_5{
1
+ ._card_mkwy7t_5{
2
2
  overflow:hidden;
3
3
  cursor:pointer;
4
4
  min-height:0;
@@ -11,200 +11,207 @@
11
11
  border-style:solid;
12
12
  border-radius:0;
13
13
  border-radius:var(--rs-card-border-radius, 0);
14
+ -webkit-mask-image:-webkit-radial-gradient(white, black);
14
15
  }
15
- a._card_tg0ybw_5{
16
+ a._card_mkwy7t_5{
16
17
  display:block;
17
18
  text-decoration:none;
18
19
  }
19
- ._themeLight_tg0ybw_22{
20
+ ._themeLight_mkwy7t_25{
20
21
  border-color:rgba(25,25,28,0.2);
21
22
  border-color:var(--card-border-color, rgba(25,25,28,0.2));
22
23
  background-color:#FFFFFF;
23
24
  background-color:var(--card-background-color, #FFFFFF);
24
25
  }
25
- ._themeDark_tg0ybw_28{
26
+ ._themeDark_mkwy7t_31{
26
27
  border-color:rgba(255,255,255,0.2);
27
28
  border-color:var(--card-border-color, rgba(255,255,255,0.2));
28
29
  background-color:#303033;
29
30
  background-color:var(--card-background-color, #303033);
30
31
  }
31
- ._cardPlain_tg0ybw_33._modeClassic_tg0ybw_33,
32
- ._cardPlain_tg0ybw_33._modeRock_tg0ybw_34{
32
+ ._cardPlain_mkwy7t_36._modeClassic_mkwy7t_36,
33
+ ._cardPlain_mkwy7t_36._modeRock_mkwy7t_37{
33
34
  cursor:default;
34
35
  }
35
- ._cardPlain_tg0ybw_33._modeClassic_tg0ybw_33._themeLight_tg0ybw_22, ._cardPlain_tg0ybw_33._modeRock_tg0ybw_34._themeLight_tg0ybw_22{
36
+ ._cardPlain_mkwy7t_36._modeClassic_mkwy7t_36._themeLight_mkwy7t_25, ._cardPlain_mkwy7t_36._modeRock_mkwy7t_37._themeLight_mkwy7t_25{
36
37
  --card-border-color:rgba(25,25,28,0.2);
37
38
  }
38
- ._cardPlain_tg0ybw_33._modeClassic_tg0ybw_33._themeLight_tg0ybw_22:hover,
39
- ._cardPlain_tg0ybw_33._modeClassic_tg0ybw_33._themeLight_tg0ybw_22:focus,
40
- ._cardPlain_tg0ybw_33._modeClassic_tg0ybw_33._themeLight_tg0ybw_22:active,
41
- ._cardPlain_tg0ybw_33._modeRock_tg0ybw_34._themeLight_tg0ybw_22:hover,
42
- ._cardPlain_tg0ybw_33._modeRock_tg0ybw_34._themeLight_tg0ybw_22:focus,
43
- ._cardPlain_tg0ybw_33._modeRock_tg0ybw_34._themeLight_tg0ybw_22:active{
39
+ ._cardPlain_mkwy7t_36._modeClassic_mkwy7t_36._themeLight_mkwy7t_25:hover,
40
+ ._cardPlain_mkwy7t_36._modeClassic_mkwy7t_36._themeLight_mkwy7t_25:focus,
41
+ ._cardPlain_mkwy7t_36._modeClassic_mkwy7t_36._themeLight_mkwy7t_25:active,
42
+ ._cardPlain_mkwy7t_36._modeRock_mkwy7t_37._themeLight_mkwy7t_25:hover,
43
+ ._cardPlain_mkwy7t_36._modeRock_mkwy7t_37._themeLight_mkwy7t_25:focus,
44
+ ._cardPlain_mkwy7t_36._modeRock_mkwy7t_37._themeLight_mkwy7t_25:active{
44
45
  --card-border-color:rgba(25,25,28,0.2);
45
46
  }
46
- ._cardPlain_tg0ybw_33._modeClassic_tg0ybw_33._themeDark_tg0ybw_28, ._cardPlain_tg0ybw_33._modeRock_tg0ybw_34._themeDark_tg0ybw_28{
47
+ ._cardPlain_mkwy7t_36._modeClassic_mkwy7t_36._themeDark_mkwy7t_31, ._cardPlain_mkwy7t_36._modeRock_mkwy7t_37._themeDark_mkwy7t_31{
47
48
  --card-border-color:rgba(255,255,255,0.2);
48
49
  }
49
- ._cardPlain_tg0ybw_33._modeClassic_tg0ybw_33._themeDark_tg0ybw_28:hover,
50
- ._cardPlain_tg0ybw_33._modeClassic_tg0ybw_33._themeDark_tg0ybw_28:focus,
51
- ._cardPlain_tg0ybw_33._modeClassic_tg0ybw_33._themeDark_tg0ybw_28:active,
52
- ._cardPlain_tg0ybw_33._modeRock_tg0ybw_34._themeDark_tg0ybw_28:hover,
53
- ._cardPlain_tg0ybw_33._modeRock_tg0ybw_34._themeDark_tg0ybw_28:focus,
54
- ._cardPlain_tg0ybw_33._modeRock_tg0ybw_34._themeDark_tg0ybw_28:active{
50
+ ._cardPlain_mkwy7t_36._modeClassic_mkwy7t_36._themeDark_mkwy7t_31:hover,
51
+ ._cardPlain_mkwy7t_36._modeClassic_mkwy7t_36._themeDark_mkwy7t_31:focus,
52
+ ._cardPlain_mkwy7t_36._modeClassic_mkwy7t_36._themeDark_mkwy7t_31:active,
53
+ ._cardPlain_mkwy7t_36._modeRock_mkwy7t_37._themeDark_mkwy7t_31:hover,
54
+ ._cardPlain_mkwy7t_36._modeRock_mkwy7t_37._themeDark_mkwy7t_31:focus,
55
+ ._cardPlain_mkwy7t_36._modeRock_mkwy7t_37._themeDark_mkwy7t_31:active{
55
56
  --card-border-color:rgba(255,255,255,0.2);
56
57
  }
57
- ._cardPlain_tg0ybw_33._modeClassic_tg0ybw_33._themeLight_tg0ybw_22:active, ._cardPlain_tg0ybw_33._modeClassic_tg0ybw_33._themeDark_tg0ybw_28:active, ._cardPlain_tg0ybw_33._modeRock_tg0ybw_34._themeLight_tg0ybw_22:active, ._cardPlain_tg0ybw_33._modeRock_tg0ybw_34._themeDark_tg0ybw_28:active{
58
+ ._cardPlain_mkwy7t_36._modeClassic_mkwy7t_36._themeLight_mkwy7t_25:active, ._cardPlain_mkwy7t_36._modeClassic_mkwy7t_36._themeDark_mkwy7t_31:active, ._cardPlain_mkwy7t_36._modeRock_mkwy7t_37._themeLight_mkwy7t_25:active, ._cardPlain_mkwy7t_36._modeRock_mkwy7t_37._themeDark_mkwy7t_31:active{
58
59
  border-width:1px;
59
60
  }
60
- ._cardPlain_tg0ybw_33._modeClassic_tg0ybw_33._themeLight_tg0ybw_22:active._paddings16_tg0ybw_147, ._cardPlain_tg0ybw_33._modeClassic_tg0ybw_33._themeDark_tg0ybw_28:active._paddings16_tg0ybw_147, ._cardPlain_tg0ybw_33._modeRock_tg0ybw_34._themeLight_tg0ybw_22:active._paddings16_tg0ybw_147, ._cardPlain_tg0ybw_33._modeRock_tg0ybw_34._themeDark_tg0ybw_28:active._paddings16_tg0ybw_147{
61
+ ._cardPlain_mkwy7t_36._modeClassic_mkwy7t_36._themeLight_mkwy7t_25:active._paddings16_mkwy7t_150, ._cardPlain_mkwy7t_36._modeClassic_mkwy7t_36._themeDark_mkwy7t_31:active._paddings16_mkwy7t_150, ._cardPlain_mkwy7t_36._modeRock_mkwy7t_37._themeLight_mkwy7t_25:active._paddings16_mkwy7t_150, ._cardPlain_mkwy7t_36._modeRock_mkwy7t_37._themeDark_mkwy7t_31:active._paddings16_mkwy7t_150{
61
62
  padding:16px;
62
63
  }
63
- ._cardPlain_tg0ybw_33._modeClassic_tg0ybw_33._themeLight_tg0ybw_22:active._paddings24_tg0ybw_151, ._cardPlain_tg0ybw_33._modeClassic_tg0ybw_33._themeDark_tg0ybw_28:active._paddings24_tg0ybw_151, ._cardPlain_tg0ybw_33._modeRock_tg0ybw_34._themeLight_tg0ybw_22:active._paddings24_tg0ybw_151, ._cardPlain_tg0ybw_33._modeRock_tg0ybw_34._themeDark_tg0ybw_28:active._paddings24_tg0ybw_151{
64
+ ._cardPlain_mkwy7t_36._modeClassic_mkwy7t_36._themeLight_mkwy7t_25:active._paddings24_mkwy7t_154, ._cardPlain_mkwy7t_36._modeClassic_mkwy7t_36._themeDark_mkwy7t_31:active._paddings24_mkwy7t_154, ._cardPlain_mkwy7t_36._modeRock_mkwy7t_37._themeLight_mkwy7t_25:active._paddings24_mkwy7t_154, ._cardPlain_mkwy7t_36._modeRock_mkwy7t_37._themeDark_mkwy7t_31:active._paddings24_mkwy7t_154{
64
65
  padding:24px;
65
66
  }
66
- ._cardPlain_tg0ybw_33._modeClassic_tg0ybw_33._themeLight_tg0ybw_22:active._paddings32_tg0ybw_155, ._cardPlain_tg0ybw_33._modeClassic_tg0ybw_33._themeDark_tg0ybw_28:active._paddings32_tg0ybw_155, ._cardPlain_tg0ybw_33._modeRock_tg0ybw_34._themeLight_tg0ybw_22:active._paddings32_tg0ybw_155, ._cardPlain_tg0ybw_33._modeRock_tg0ybw_34._themeDark_tg0ybw_28:active._paddings32_tg0ybw_155{
67
+ ._cardPlain_mkwy7t_36._modeClassic_mkwy7t_36._themeLight_mkwy7t_25:active._paddings32_mkwy7t_158, ._cardPlain_mkwy7t_36._modeClassic_mkwy7t_36._themeDark_mkwy7t_31:active._paddings32_mkwy7t_158, ._cardPlain_mkwy7t_36._modeRock_mkwy7t_37._themeLight_mkwy7t_25:active._paddings32_mkwy7t_158, ._cardPlain_mkwy7t_36._modeRock_mkwy7t_37._themeDark_mkwy7t_31:active._paddings32_mkwy7t_158{
67
68
  padding:32px;
68
69
  }
69
- ._modeClassic_tg0ybw_33._themeLight_tg0ybw_22:hover,
70
- ._modeClassic_tg0ybw_33._themeLight_tg0ybw_22:focus,
71
- ._modeClassic_tg0ybw_33._themeLight_tg0ybw_22:active{
70
+ ._modeClassic_mkwy7t_36._themeLight_mkwy7t_25:hover,
71
+ ._modeClassic_mkwy7t_36._themeLight_mkwy7t_25:focus,
72
+ ._modeClassic_mkwy7t_36._themeLight_mkwy7t_25:active{
72
73
  --card-border-color:#19191C;
73
74
  }
74
- ._modeClassic_tg0ybw_33._themeDark_tg0ybw_28{
75
+ ._modeClassic_mkwy7t_36._themeDark_mkwy7t_31{
75
76
  --rs-typography-color-hard:#FFFFFF;
76
77
  --rs-typography-color-average:rgba(255,255,255,0.7);
77
78
  --rs-typography-color-pale:rgba(255,255,255,0.5);
78
79
  --rs-typography-pre-color:rgba(255,255,255,0.7);
79
- --rs-typography-pre-bg-color:#303033;
80
- --rs-typography-text-link-hover-color:#19191C;
80
+ --rs-typography-pre-bg-color:rgba(255,255,255,0.1);
81
+ --rs-typography-classic-link-underline-color:rgba(255,255,255,0.4);
82
+ --rs-typography-rock-link-hover-color:#19191C;
81
83
  }
82
- ._modeClassic_tg0ybw_33._themeDark_tg0ybw_28:hover,
83
- ._modeClassic_tg0ybw_33._themeDark_tg0ybw_28:focus,
84
- ._modeClassic_tg0ybw_33._themeDark_tg0ybw_28:active{
84
+ ._modeClassic_mkwy7t_36._themeDark_mkwy7t_31:hover,
85
+ ._modeClassic_mkwy7t_36._themeDark_mkwy7t_31:focus,
86
+ ._modeClassic_mkwy7t_36._themeDark_mkwy7t_31:active{
85
87
  --card-border-color:#FFFFFF;
86
88
  }
87
- ._modeClassic_tg0ybw_33._glowHover_tg0ybw_86._themeLight_tg0ybw_22:hover,
88
- ._modeClassic_tg0ybw_33._glowHover_tg0ybw_86._themeLight_tg0ybw_22:focus,
89
- ._modeClassic_tg0ybw_33._glowHover_tg0ybw_86._themeLight_tg0ybw_22:active{
89
+ ._modeClassic_mkwy7t_36._glowHover_mkwy7t_89._themeLight_mkwy7t_25:hover,
90
+ ._modeClassic_mkwy7t_36._glowHover_mkwy7t_89._themeLight_mkwy7t_25:focus,
91
+ ._modeClassic_mkwy7t_36._glowHover_mkwy7t_89._themeLight_mkwy7t_25:active{
90
92
  --card-border-color:rgba(25,25,28,0.2);
91
93
  }
92
- ._modeClassic_tg0ybw_33._glowHover_tg0ybw_86._themeLight_tg0ybw_22:active{
94
+ ._modeClassic_mkwy7t_36._glowHover_mkwy7t_89._themeLight_mkwy7t_25:active{
93
95
  border-width:1px;
94
96
  }
95
- ._modeClassic_tg0ybw_33._glowHover_tg0ybw_86._themeLight_tg0ybw_22:active._paddings16_tg0ybw_147{
97
+ ._modeClassic_mkwy7t_36._glowHover_mkwy7t_89._themeLight_mkwy7t_25:active._paddings16_mkwy7t_150{
96
98
  padding:16px;
97
99
  }
98
- ._modeClassic_tg0ybw_33._glowHover_tg0ybw_86._themeLight_tg0ybw_22:active._paddings24_tg0ybw_151{
100
+ ._modeClassic_mkwy7t_36._glowHover_mkwy7t_89._themeLight_mkwy7t_25:active._paddings24_mkwy7t_154{
99
101
  padding:24px;
100
102
  }
101
- ._modeClassic_tg0ybw_33._glowHover_tg0ybw_86._themeLight_tg0ybw_22:active._paddings32_tg0ybw_155{
103
+ ._modeClassic_mkwy7t_36._glowHover_mkwy7t_89._themeLight_mkwy7t_25:active._paddings32_mkwy7t_158{
102
104
  padding:32px;
103
105
  }
104
- ._modeClassic_tg0ybw_33._glowHover_tg0ybw_86._themeDark_tg0ybw_28:hover,
105
- ._modeClassic_tg0ybw_33._glowHover_tg0ybw_86._themeDark_tg0ybw_28:focus,
106
- ._modeClassic_tg0ybw_33._glowHover_tg0ybw_86._themeDark_tg0ybw_28:active{
106
+ ._modeClassic_mkwy7t_36._glowHover_mkwy7t_89._themeDark_mkwy7t_31:hover,
107
+ ._modeClassic_mkwy7t_36._glowHover_mkwy7t_89._themeDark_mkwy7t_31:focus,
108
+ ._modeClassic_mkwy7t_36._glowHover_mkwy7t_89._themeDark_mkwy7t_31:active{
107
109
  --card-border-color:rgba(255,255,255,0.2);
108
110
  }
109
- ._modeClassic_tg0ybw_33._glowHover_tg0ybw_86._themeDark_tg0ybw_28:active{
111
+ ._modeClassic_mkwy7t_36._glowHover_mkwy7t_89._themeDark_mkwy7t_31:active{
110
112
  border-width:1px;
111
113
  }
112
- ._modeClassic_tg0ybw_33._glowHover_tg0ybw_86._themeDark_tg0ybw_28:active._paddings16_tg0ybw_147{
114
+ ._modeClassic_mkwy7t_36._glowHover_mkwy7t_89._themeDark_mkwy7t_31:active._paddings16_mkwy7t_150{
113
115
  padding:16px;
114
116
  }
115
- ._modeClassic_tg0ybw_33._glowHover_tg0ybw_86._themeDark_tg0ybw_28:active._paddings24_tg0ybw_151{
117
+ ._modeClassic_mkwy7t_36._glowHover_mkwy7t_89._themeDark_mkwy7t_31:active._paddings24_mkwy7t_154{
116
118
  padding:24px;
117
119
  }
118
- ._modeClassic_tg0ybw_33._glowHover_tg0ybw_86._themeDark_tg0ybw_28:active._paddings32_tg0ybw_155{
120
+ ._modeClassic_mkwy7t_36._glowHover_mkwy7t_89._themeDark_mkwy7t_31:active._paddings32_mkwy7t_158{
119
121
  padding:32px;
120
122
  }
121
- ._modeClassic_tg0ybw_33:active{
123
+ ._modeClassic_mkwy7t_36:active{
122
124
  border-width:2px;
123
125
  }
124
- ._modeClassic_tg0ybw_33:active._paddings16_tg0ybw_147{
126
+ ._modeClassic_mkwy7t_36:active._paddings16_mkwy7t_150{
125
127
  padding:15px;
126
128
  }
127
- ._modeClassic_tg0ybw_33:active._paddings24_tg0ybw_151{
129
+ ._modeClassic_mkwy7t_36:active._paddings24_mkwy7t_154{
128
130
  padding:23px;
129
131
  }
130
- ._modeClassic_tg0ybw_33:active._paddings32_tg0ybw_155{
132
+ ._modeClassic_mkwy7t_36:active._paddings32_mkwy7t_158{
131
133
  padding:31px;
132
134
  }
133
- ._modeRock_tg0ybw_34._themeLight_tg0ybw_22:hover,
134
- ._modeRock_tg0ybw_34._themeLight_tg0ybw_22:focus{
135
+ ._modeRock_mkwy7t_37._themeLight_mkwy7t_25:hover,
136
+ ._modeRock_mkwy7t_37._themeLight_mkwy7t_25:focus{
135
137
  --card-border-color:rgba(25,25,28,0.2);
136
138
  --card-background-color:#19191C;
137
139
  --rs-typography-color-hard:#FFFFFF;
138
140
  --rs-typography-color-average:rgba(255,255,255,0.7);
139
141
  --rs-typography-color-pale:rgba(255,255,255,0.5);
140
142
  --rs-typography-pre-color:rgba(255,255,255,0.7);
141
- --rs-typography-pre-bg-color:#303033;
142
- --rs-typography-text-link-hover-color:#19191C;
143
+ --rs-typography-pre-bg-color:rgba(255,255,255,0.1);
144
+ --rs-typography-classic-link-underline-color:rgba(255,255,255,0.4);
145
+ --rs-typography-rock-link-hover-color:#19191C;
143
146
  }
144
- ._modeRock_tg0ybw_34._themeLight_tg0ybw_22:active{
147
+ ._modeRock_mkwy7t_37._themeLight_mkwy7t_25:active{
145
148
  background-color:#303033;
146
149
  --rs-typography-color-hard:#FFFFFF;
147
150
  --rs-typography-color-average:rgba(255,255,255,0.7);
148
151
  --rs-typography-color-pale:rgba(255,255,255,0.5);
149
152
  --rs-typography-pre-color:rgba(255,255,255,0.7);
150
- --rs-typography-pre-bg-color:#303033;
151
- --rs-typography-text-link-hover-color:#19191C;
153
+ --rs-typography-pre-bg-color:rgba(255,255,255,0.1);
154
+ --rs-typography-classic-link-underline-color:rgba(255,255,255,0.4);
155
+ --rs-typography-rock-link-hover-color:#19191C;
152
156
  }
153
- ._modeRock_tg0ybw_34._themeDark_tg0ybw_28{
157
+ ._modeRock_mkwy7t_37._themeDark_mkwy7t_31{
154
158
  --rs-typography-color-hard:#FFFFFF;
155
159
  --rs-typography-color-average:rgba(255,255,255,0.7);
156
160
  --rs-typography-color-pale:rgba(255,255,255,0.5);
157
161
  --rs-typography-pre-color:rgba(255,255,255,0.7);
158
- --rs-typography-pre-bg-color:#303033;
159
- --rs-typography-text-link-hover-color:#19191C;
162
+ --rs-typography-pre-bg-color:rgba(255,255,255,0.1);
163
+ --rs-typography-classic-link-underline-color:rgba(255,255,255,0.4);
164
+ --rs-typography-rock-link-hover-color:#19191C;
160
165
  }
161
- ._modeRock_tg0ybw_34._themeDark_tg0ybw_28:hover,
162
- ._modeRock_tg0ybw_34._themeDark_tg0ybw_28:focus{
166
+ ._modeRock_mkwy7t_37._themeDark_mkwy7t_31:hover,
167
+ ._modeRock_mkwy7t_37._themeDark_mkwy7t_31:focus{
163
168
  --card-background-color:#FFFFFF;
164
169
  --rs-typography-color-hard:#19191C;
165
170
  --rs-typography-color-average:rgba(25,25,28,0.7);
166
171
  --rs-typography-color-pale:rgba(25,25,28,0.5);
167
172
  --rs-typography-pre-color:#19191C;
168
- --rs-typography-pre-bg-color:#E8E8E8;
169
- --rs-typography-text-link-hover-color:#FFFFFF;
173
+ --rs-typography-pre-bg-color:rgba(25,25,28,0.1);
174
+ --rs-typography-classic-link-underline-color:rgba(25,25,28,0.4);
175
+ --rs-typography-rock-link-hover-color:#FFFFFF;
170
176
  }
171
- ._modeRock_tg0ybw_34._themeDark_tg0ybw_28:active{
177
+ ._modeRock_mkwy7t_37._themeDark_mkwy7t_31:active{
172
178
  --card-background-color:#F4F4F4;
173
179
  --rs-typography-color-hard:#19191C;
174
180
  --rs-typography-color-average:rgba(25,25,28,0.7);
175
181
  --rs-typography-color-pale:rgba(25,25,28,0.5);
176
182
  --rs-typography-pre-color:#19191C;
177
- --rs-typography-pre-bg-color:#E8E8E8;
178
- --rs-typography-text-link-hover-color:#FFFFFF;
183
+ --rs-typography-pre-bg-color:rgba(25,25,28,0.1);
184
+ --rs-typography-classic-link-underline-color:rgba(25,25,28,0.4);
185
+ --rs-typography-rock-link-hover-color:#FFFFFF;
179
186
  }
180
- ._paddings16_tg0ybw_147{
187
+ ._paddings16_mkwy7t_150{
181
188
  padding:16px;
182
189
  }
183
- ._paddings24_tg0ybw_151{
190
+ ._paddings24_mkwy7t_154{
184
191
  padding:24px;
185
192
  }
186
- ._paddings32_tg0ybw_155{
193
+ ._paddings32_mkwy7t_158{
187
194
  padding:32px;
188
195
  }
189
- ._bordersRadius0_tg0ybw_159{
196
+ ._bordersRadius0_mkwy7t_162{
190
197
  --rs-card-border-radius:0;
191
198
  }
192
- ._bordersRadius8_tg0ybw_163{
199
+ ._bordersRadius8_mkwy7t_166{
193
200
  --rs-card-border-radius:8px;
194
201
  }
195
- ._bordersRadius16_tg0ybw_167{
202
+ ._bordersRadius16_mkwy7t_170{
196
203
  --rs-card-border-radius:16px;
197
204
  }
198
- ._bordersRadius24_tg0ybw_171{
205
+ ._bordersRadius24_mkwy7t_174{
199
206
  --rs-card-border-radius:24px;
200
207
  }
201
- ._cardImage_tg0ybw_175{
208
+ ._cardImage_mkwy7t_178{
202
209
  -webkit-box-sizing:border-box;
203
210
  box-sizing:border-box;
204
211
  position:relative;
205
212
  overflow:hidden;
206
213
  }
207
- ._cardImageImg_tg0ybw_181{
214
+ ._cardImageImg_mkwy7t_184{
208
215
  display:block;
209
216
  -webkit-transition:-webkit-transform .2s;
210
217
  transition:-webkit-transform .2s;
@@ -213,28 +220,26 @@ a._card_tg0ybw_5{
213
220
  -webkit-transform:scaleX(1);
214
221
  transform:scaleX(1);
215
222
  }
216
- ._paddings16_tg0ybw_147 ._cardImageImg_tg0ybw_181{
223
+ ._paddings16_mkwy7t_150 ._cardImageImg_mkwy7t_184{
217
224
  top:-16px;
218
225
  left:-16px;
219
226
  width:calc(100% + 32px);
220
- height:204px;
221
- max-height:204px;
222
227
  }
223
- ._paddings24_tg0ybw_151 ._cardImageImg_tg0ybw_181{
228
+ ._paddings24_mkwy7t_154 ._cardImageImg_mkwy7t_184{
224
229
  top:-24px;
225
230
  left:-24px;
226
231
  width:calc(100% + 48px);
227
- height:212px;
228
- max-height:212px;
229
232
  }
230
- ._paddings32_tg0ybw_155 ._cardImageImg_tg0ybw_181{
233
+ ._paddings32_mkwy7t_158 ._cardImageImg_mkwy7t_184{
231
234
  top:-32px;
232
235
  left:-32px;
233
236
  width:calc(100% + 64px);
234
- height:220px;
235
- max-height:220px;
236
237
  }
237
- ._card_tg0ybw_5:hover ._cardImageImg_tg0ybw_181{
238
+ ._bordersRadius8_mkwy7t_166 ._cardImageImg_mkwy7t_184 img{
239
+ overflow:hidden;
240
+ border-radius:8px;
241
+ }
242
+ ._card_mkwy7t_5:hover ._cardImageImg_mkwy7t_184{
238
243
  -webkit-transition:-webkit-transform .2s;
239
244
  transition:-webkit-transform .2s;
240
245
  transition:transform .2s;
@@ -242,11 +247,14 @@ a._card_tg0ybw_5{
242
247
  -webkit-transform:scaleX(1.1);
243
248
  transform:scaleX(1.1);
244
249
  }
245
- ._card_tg0ybw_5._cardPlain_tg0ybw_33:hover ._cardImageImg_tg0ybw_181{
250
+ ._card_mkwy7t_5:hover ._cardImageImg_mkwy7t_184 img{
251
+ border-radius:8px;
252
+ }
253
+ ._card_mkwy7t_5._cardPlain_mkwy7t_36:hover ._cardImageImg_mkwy7t_184{
246
254
  -webkit-transform:none;
247
255
  transform:none;
248
256
  }
249
- ._cardImageDiv_tg0ybw_208{
257
+ ._cardImageDiv_mkwy7t_222{
250
258
  display:-webkit-box;
251
259
  display:-ms-flexbox;
252
260
  display:flex;
@@ -264,45 +272,53 @@ a._card_tg0ybw_5{
264
272
  background-position:center;
265
273
  background-size:auto 100%;
266
274
  }
267
- ._paddings16_tg0ybw_147 ._cardImageDiv_tg0ybw_208{
275
+ ._paddings16_mkwy7t_150 ._cardImageDiv_mkwy7t_222{
268
276
  top:-16px;
269
277
  left:-16px;
270
278
  padding:16px;
271
279
  width:calc(100% + 32px);
272
- height:204px;
273
- max-height:204px;
274
280
  }
275
- ._card_tg0ybw_5:active ._paddings16_tg0ybw_147 ._cardImageDiv_tg0ybw_208{
281
+ ._card_mkwy7t_5:active ._paddings16_mkwy7t_150 ._cardImageDiv_mkwy7t_222{
276
282
  padding:calc(16px - 1);
277
283
  }
278
- ._paddings24_tg0ybw_151 ._cardImageDiv_tg0ybw_208{
284
+ ._paddings24_mkwy7t_154 ._cardImageDiv_mkwy7t_222{
279
285
  top:-24px;
280
286
  left:-24px;
281
287
  padding:24px;
282
288
  width:calc(100% + 48px);
283
- height:212px;
284
- max-height:212px;
285
289
  }
286
- ._card_tg0ybw_5:active ._paddings24_tg0ybw_151 ._cardImageDiv_tg0ybw_208{
290
+ ._card_mkwy7t_5:active ._paddings24_mkwy7t_154 ._cardImageDiv_mkwy7t_222{
287
291
  padding:calc(24px - 1);
288
292
  }
289
- ._paddings32_tg0ybw_155 ._cardImageDiv_tg0ybw_208{
293
+ ._paddings32_mkwy7t_158 ._cardImageDiv_mkwy7t_222{
290
294
  top:-32px;
291
295
  left:-32px;
292
296
  padding:32px;
293
297
  width:calc(100% + 64px);
294
- height:220px;
295
- max-height:220px;
296
298
  }
297
- ._card_tg0ybw_5:active ._paddings32_tg0ybw_155 ._cardImageDiv_tg0ybw_208{
299
+ ._card_mkwy7t_5:active ._paddings32_mkwy7t_158 ._cardImageDiv_mkwy7t_222{
298
300
  padding:calc(32px - 1);
299
301
  }
300
- ._card_tg0ybw_5:hover ._cardImageDiv_tg0ybw_208{
302
+ ._card_mkwy7t_5:hover ._cardImageDiv_mkwy7t_222{
301
303
  background-size:auto 110%;
304
+ -webkit-transition:background-size .2s;
305
+ transition:background-size .2s;
302
306
  }
303
- ._card_tg0ybw_5._cardPlain_tg0ybw_33:hover ._cardImageDiv_tg0ybw_208{
307
+ ._card_mkwy7t_5._cardPlain_mkwy7t_36:hover ._cardImageDiv_mkwy7t_222{
304
308
  background-size:auto 100%;
305
309
  }
310
+ ._paddings16_mkwy7t_150 ._fixedImageHeight_mkwy7t_256{
311
+ height:204px;
312
+ max-height:204px;
313
+ }
314
+ ._paddings24_mkwy7t_154 ._fixedImageHeight_mkwy7t_256{
315
+ height:212px;
316
+ max-height:212px;
317
+ }
318
+ ._paddings32_mkwy7t_158 ._fixedImageHeight_mkwy7t_256{
319
+ height:220px;
320
+ max-height:220px;
321
+ }
306
322
 
307
323
 
308
324
 
package/package.json CHANGED
@@ -1,11 +1,10 @@
1
1
  {
2
2
  "name": "@rescui/card",
3
- "version": "0.1.1",
3
+ "version": "0.4.0",
4
4
  "description": "",
5
5
  "main": "lib/index.js",
6
6
  "module": "lib/index.ts",
7
7
  "src:main": "src/index.ts",
8
- "typings": "index.d.ts",
9
8
  "files": [
10
9
  "lib",
11
10
  "LICENSE.txt"
@@ -25,14 +24,14 @@
25
24
  },
26
25
  "devDependencies": {
27
26
  "@jetbrains/logos": "^1.4.16",
28
- "@rescui/colors": "^0.0.4",
29
- "@rescui/postcss-preset-library": "^0.0.3",
30
- "@rescui/scripts": "^0.1.2",
31
- "@rescui/typography": "^0.2.1",
27
+ "@rescui/colors": "^0.1.0",
28
+ "@rescui/postcss-preset-library": "^0.0.4",
29
+ "@rescui/scripts": "^0.1.4",
30
+ "@rescui/typography": "^0.5.1",
32
31
  "@rescui/visual-regression": "^0.0.1"
33
32
  },
34
33
  "scripts": {
35
34
  "build": "rescui-scripts build"
36
35
  },
37
- "gitHead": "66df4ba6f30f960f8d9a77db3ef079f8b0ad40ca"
36
+ "gitHead": "24a3fbe87179468f1dc804374864b21042fa2dbe"
38
37
  }