@rescui/card 0.1.0 → 0.3.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 (5) hide show
  1. package/lib/card.d.ts +2 -2
  2. package/lib/card.js +2 -2
  3. package/lib/card.module.pcss.js +17 -17
  4. package/lib/index.css +107 -91
  5. package/package.json +6 -7
package/lib/card.d.ts CHANGED
@@ -17,10 +17,10 @@ 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
24
  };
25
- export declare const cardCn: ({ isClickable, theme, mode, paddings, borderRadius, glowHover }?: CardProps) => string;
25
+ export declare const cardCn: ({ isClickable, theme, mode, paddings, borderRadius, hasGlowHover }?: CardProps) => string;
26
26
  export declare const cardImageCn: ({ cardImageType }: 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
  };
package/lib/card.module.pcss.js CHANGED
@@ -1,20 +1,20 @@
1
1
  var styles = {
2
- "card": "_card_15ibzq1_5",
3
- "themeLight": "_themeLight_15ibzq1_22",
4
- "themeDark": "_themeDark_15ibzq1_28",
5
- "cardPlain": "_cardPlain_15ibzq1_33",
6
- "modeClassic": "_modeClassic_15ibzq1_33",
7
- "modeRock": "_modeRock_15ibzq1_34",
8
- "paddings16": "_paddings16_15ibzq1_147",
9
- "paddings24": "_paddings24_15ibzq1_151",
10
- "paddings32": "_paddings32_15ibzq1_155",
11
- "glowHover": "_glowHover_15ibzq1_86",
12
- "bordersRadius0": "_bordersRadius0_15ibzq1_159",
13
- "bordersRadius8": "_bordersRadius8_15ibzq1_163",
14
- "bordersRadius16": "_bordersRadius16_15ibzq1_167",
15
- "bordersRadius24": "_bordersRadius24_15ibzq1_171",
16
- "cardImage": "_cardImage_15ibzq1_175",
17
- "cardImageImg": "_cardImageImg_15ibzq1_181",
18
- "cardImageDiv": "_cardImageDiv_15ibzq1_208"
2
+ "card": "_card_u9ppe7_5",
3
+ "themeLight": "_themeLight_u9ppe7_25",
4
+ "themeDark": "_themeDark_u9ppe7_31",
5
+ "cardPlain": "_cardPlain_u9ppe7_36",
6
+ "modeClassic": "_modeClassic_u9ppe7_36",
7
+ "modeRock": "_modeRock_u9ppe7_37",
8
+ "paddings16": "_paddings16_u9ppe7_150",
9
+ "paddings24": "_paddings24_u9ppe7_154",
10
+ "paddings32": "_paddings32_u9ppe7_158",
11
+ "glowHover": "_glowHover_u9ppe7_89",
12
+ "bordersRadius0": "_bordersRadius0_u9ppe7_162",
13
+ "bordersRadius8": "_bordersRadius8_u9ppe7_166",
14
+ "bordersRadius16": "_bordersRadius16_u9ppe7_170",
15
+ "bordersRadius24": "_bordersRadius24_u9ppe7_174",
16
+ "cardImage": "_cardImage_u9ppe7_178",
17
+ "cardImageImg": "_cardImageImg_u9ppe7_184",
18
+ "cardImageDiv": "_cardImageDiv_u9ppe7_222"
19
19
  };
20
20
  export default styles;
package/lib/index.css CHANGED
@@ -1,4 +1,4 @@
1
- ._card_15ibzq1_5{
1
+ ._card_u9ppe7_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_15ibzq1_5{
16
+ a._card_u9ppe7_5{
16
17
  display:block;
17
18
  text-decoration:none;
18
19
  }
19
- ._themeLight_15ibzq1_22{
20
+ ._themeLight_u9ppe7_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_15ibzq1_28{
26
+ ._themeDark_u9ppe7_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_15ibzq1_33._modeClassic_15ibzq1_33,
32
- ._cardPlain_15ibzq1_33._modeRock_15ibzq1_34{
32
+ ._cardPlain_u9ppe7_36._modeClassic_u9ppe7_36,
33
+ ._cardPlain_u9ppe7_36._modeRock_u9ppe7_37{
33
34
  cursor:default;
34
35
  }
35
- ._cardPlain_15ibzq1_33._modeClassic_15ibzq1_33._themeLight_15ibzq1_22, ._cardPlain_15ibzq1_33._modeRock_15ibzq1_34._themeLight_15ibzq1_22{
36
+ ._cardPlain_u9ppe7_36._modeClassic_u9ppe7_36._themeLight_u9ppe7_25, ._cardPlain_u9ppe7_36._modeRock_u9ppe7_37._themeLight_u9ppe7_25{
36
37
  --card-border-color:rgba(25,25,28,0.2);
37
38
  }
38
- ._cardPlain_15ibzq1_33._modeClassic_15ibzq1_33._themeLight_15ibzq1_22:hover,
39
- ._cardPlain_15ibzq1_33._modeClassic_15ibzq1_33._themeLight_15ibzq1_22:focus,
40
- ._cardPlain_15ibzq1_33._modeClassic_15ibzq1_33._themeLight_15ibzq1_22:active,
41
- ._cardPlain_15ibzq1_33._modeRock_15ibzq1_34._themeLight_15ibzq1_22:hover,
42
- ._cardPlain_15ibzq1_33._modeRock_15ibzq1_34._themeLight_15ibzq1_22:focus,
43
- ._cardPlain_15ibzq1_33._modeRock_15ibzq1_34._themeLight_15ibzq1_22:active{
39
+ ._cardPlain_u9ppe7_36._modeClassic_u9ppe7_36._themeLight_u9ppe7_25:hover,
40
+ ._cardPlain_u9ppe7_36._modeClassic_u9ppe7_36._themeLight_u9ppe7_25:focus,
41
+ ._cardPlain_u9ppe7_36._modeClassic_u9ppe7_36._themeLight_u9ppe7_25:active,
42
+ ._cardPlain_u9ppe7_36._modeRock_u9ppe7_37._themeLight_u9ppe7_25:hover,
43
+ ._cardPlain_u9ppe7_36._modeRock_u9ppe7_37._themeLight_u9ppe7_25:focus,
44
+ ._cardPlain_u9ppe7_36._modeRock_u9ppe7_37._themeLight_u9ppe7_25:active{
44
45
  --card-border-color:rgba(25,25,28,0.2);
45
46
  }
46
- ._cardPlain_15ibzq1_33._modeClassic_15ibzq1_33._themeDark_15ibzq1_28, ._cardPlain_15ibzq1_33._modeRock_15ibzq1_34._themeDark_15ibzq1_28{
47
+ ._cardPlain_u9ppe7_36._modeClassic_u9ppe7_36._themeDark_u9ppe7_31, ._cardPlain_u9ppe7_36._modeRock_u9ppe7_37._themeDark_u9ppe7_31{
47
48
  --card-border-color:rgba(255,255,255,0.2);
48
49
  }
49
- ._cardPlain_15ibzq1_33._modeClassic_15ibzq1_33._themeDark_15ibzq1_28:hover,
50
- ._cardPlain_15ibzq1_33._modeClassic_15ibzq1_33._themeDark_15ibzq1_28:focus,
51
- ._cardPlain_15ibzq1_33._modeClassic_15ibzq1_33._themeDark_15ibzq1_28:active,
52
- ._cardPlain_15ibzq1_33._modeRock_15ibzq1_34._themeDark_15ibzq1_28:hover,
53
- ._cardPlain_15ibzq1_33._modeRock_15ibzq1_34._themeDark_15ibzq1_28:focus,
54
- ._cardPlain_15ibzq1_33._modeRock_15ibzq1_34._themeDark_15ibzq1_28:active{
50
+ ._cardPlain_u9ppe7_36._modeClassic_u9ppe7_36._themeDark_u9ppe7_31:hover,
51
+ ._cardPlain_u9ppe7_36._modeClassic_u9ppe7_36._themeDark_u9ppe7_31:focus,
52
+ ._cardPlain_u9ppe7_36._modeClassic_u9ppe7_36._themeDark_u9ppe7_31:active,
53
+ ._cardPlain_u9ppe7_36._modeRock_u9ppe7_37._themeDark_u9ppe7_31:hover,
54
+ ._cardPlain_u9ppe7_36._modeRock_u9ppe7_37._themeDark_u9ppe7_31:focus,
55
+ ._cardPlain_u9ppe7_36._modeRock_u9ppe7_37._themeDark_u9ppe7_31:active{
55
56
  --card-border-color:rgba(255,255,255,0.2);
56
57
  }
57
- ._cardPlain_15ibzq1_33._modeClassic_15ibzq1_33._themeLight_15ibzq1_22:active, ._cardPlain_15ibzq1_33._modeClassic_15ibzq1_33._themeDark_15ibzq1_28:active, ._cardPlain_15ibzq1_33._modeRock_15ibzq1_34._themeLight_15ibzq1_22:active, ._cardPlain_15ibzq1_33._modeRock_15ibzq1_34._themeDark_15ibzq1_28:active{
58
+ ._cardPlain_u9ppe7_36._modeClassic_u9ppe7_36._themeLight_u9ppe7_25:active, ._cardPlain_u9ppe7_36._modeClassic_u9ppe7_36._themeDark_u9ppe7_31:active, ._cardPlain_u9ppe7_36._modeRock_u9ppe7_37._themeLight_u9ppe7_25:active, ._cardPlain_u9ppe7_36._modeRock_u9ppe7_37._themeDark_u9ppe7_31:active{
58
59
  border-width:1px;
59
60
  }
60
- ._cardPlain_15ibzq1_33._modeClassic_15ibzq1_33._themeLight_15ibzq1_22:active._paddings16_15ibzq1_147, ._cardPlain_15ibzq1_33._modeClassic_15ibzq1_33._themeDark_15ibzq1_28:active._paddings16_15ibzq1_147, ._cardPlain_15ibzq1_33._modeRock_15ibzq1_34._themeLight_15ibzq1_22:active._paddings16_15ibzq1_147, ._cardPlain_15ibzq1_33._modeRock_15ibzq1_34._themeDark_15ibzq1_28:active._paddings16_15ibzq1_147{
61
+ ._cardPlain_u9ppe7_36._modeClassic_u9ppe7_36._themeLight_u9ppe7_25:active._paddings16_u9ppe7_150, ._cardPlain_u9ppe7_36._modeClassic_u9ppe7_36._themeDark_u9ppe7_31:active._paddings16_u9ppe7_150, ._cardPlain_u9ppe7_36._modeRock_u9ppe7_37._themeLight_u9ppe7_25:active._paddings16_u9ppe7_150, ._cardPlain_u9ppe7_36._modeRock_u9ppe7_37._themeDark_u9ppe7_31:active._paddings16_u9ppe7_150{
61
62
  padding:16px;
62
63
  }
63
- ._cardPlain_15ibzq1_33._modeClassic_15ibzq1_33._themeLight_15ibzq1_22:active._paddings24_15ibzq1_151, ._cardPlain_15ibzq1_33._modeClassic_15ibzq1_33._themeDark_15ibzq1_28:active._paddings24_15ibzq1_151, ._cardPlain_15ibzq1_33._modeRock_15ibzq1_34._themeLight_15ibzq1_22:active._paddings24_15ibzq1_151, ._cardPlain_15ibzq1_33._modeRock_15ibzq1_34._themeDark_15ibzq1_28:active._paddings24_15ibzq1_151{
64
+ ._cardPlain_u9ppe7_36._modeClassic_u9ppe7_36._themeLight_u9ppe7_25:active._paddings24_u9ppe7_154, ._cardPlain_u9ppe7_36._modeClassic_u9ppe7_36._themeDark_u9ppe7_31:active._paddings24_u9ppe7_154, ._cardPlain_u9ppe7_36._modeRock_u9ppe7_37._themeLight_u9ppe7_25:active._paddings24_u9ppe7_154, ._cardPlain_u9ppe7_36._modeRock_u9ppe7_37._themeDark_u9ppe7_31:active._paddings24_u9ppe7_154{
64
65
  padding:24px;
65
66
  }
66
- ._cardPlain_15ibzq1_33._modeClassic_15ibzq1_33._themeLight_15ibzq1_22:active._paddings32_15ibzq1_155, ._cardPlain_15ibzq1_33._modeClassic_15ibzq1_33._themeDark_15ibzq1_28:active._paddings32_15ibzq1_155, ._cardPlain_15ibzq1_33._modeRock_15ibzq1_34._themeLight_15ibzq1_22:active._paddings32_15ibzq1_155, ._cardPlain_15ibzq1_33._modeRock_15ibzq1_34._themeDark_15ibzq1_28:active._paddings32_15ibzq1_155{
67
+ ._cardPlain_u9ppe7_36._modeClassic_u9ppe7_36._themeLight_u9ppe7_25:active._paddings32_u9ppe7_158, ._cardPlain_u9ppe7_36._modeClassic_u9ppe7_36._themeDark_u9ppe7_31:active._paddings32_u9ppe7_158, ._cardPlain_u9ppe7_36._modeRock_u9ppe7_37._themeLight_u9ppe7_25:active._paddings32_u9ppe7_158, ._cardPlain_u9ppe7_36._modeRock_u9ppe7_37._themeDark_u9ppe7_31:active._paddings32_u9ppe7_158{
67
68
  padding:32px;
68
69
  }
69
- ._modeClassic_15ibzq1_33._themeLight_15ibzq1_22:hover,
70
- ._modeClassic_15ibzq1_33._themeLight_15ibzq1_22:focus,
71
- ._modeClassic_15ibzq1_33._themeLight_15ibzq1_22:active{
70
+ ._modeClassic_u9ppe7_36._themeLight_u9ppe7_25:hover,
71
+ ._modeClassic_u9ppe7_36._themeLight_u9ppe7_25:focus,
72
+ ._modeClassic_u9ppe7_36._themeLight_u9ppe7_25:active{
72
73
  --card-border-color:#19191C;
73
74
  }
74
- ._modeClassic_15ibzq1_33._themeDark_15ibzq1_28{
75
+ ._modeClassic_u9ppe7_36._themeDark_u9ppe7_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_15ibzq1_33._themeDark_15ibzq1_28:hover,
83
- ._modeClassic_15ibzq1_33._themeDark_15ibzq1_28:focus,
84
- ._modeClassic_15ibzq1_33._themeDark_15ibzq1_28:active{
84
+ ._modeClassic_u9ppe7_36._themeDark_u9ppe7_31:hover,
85
+ ._modeClassic_u9ppe7_36._themeDark_u9ppe7_31:focus,
86
+ ._modeClassic_u9ppe7_36._themeDark_u9ppe7_31:active{
85
87
  --card-border-color:#FFFFFF;
86
88
  }
87
- ._modeClassic_15ibzq1_33._glowHover_15ibzq1_86._themeLight_15ibzq1_22:hover,
88
- ._modeClassic_15ibzq1_33._glowHover_15ibzq1_86._themeLight_15ibzq1_22:focus,
89
- ._modeClassic_15ibzq1_33._glowHover_15ibzq1_86._themeLight_15ibzq1_22:active{
89
+ ._modeClassic_u9ppe7_36._glowHover_u9ppe7_89._themeLight_u9ppe7_25:hover,
90
+ ._modeClassic_u9ppe7_36._glowHover_u9ppe7_89._themeLight_u9ppe7_25:focus,
91
+ ._modeClassic_u9ppe7_36._glowHover_u9ppe7_89._themeLight_u9ppe7_25:active{
90
92
  --card-border-color:rgba(25,25,28,0.2);
91
93
  }
92
- ._modeClassic_15ibzq1_33._glowHover_15ibzq1_86._themeLight_15ibzq1_22:active{
94
+ ._modeClassic_u9ppe7_36._glowHover_u9ppe7_89._themeLight_u9ppe7_25:active{
93
95
  border-width:1px;
94
96
  }
95
- ._modeClassic_15ibzq1_33._glowHover_15ibzq1_86._themeLight_15ibzq1_22:active._paddings16_15ibzq1_147{
97
+ ._modeClassic_u9ppe7_36._glowHover_u9ppe7_89._themeLight_u9ppe7_25:active._paddings16_u9ppe7_150{
96
98
  padding:16px;
97
99
  }
98
- ._modeClassic_15ibzq1_33._glowHover_15ibzq1_86._themeLight_15ibzq1_22:active._paddings24_15ibzq1_151{
100
+ ._modeClassic_u9ppe7_36._glowHover_u9ppe7_89._themeLight_u9ppe7_25:active._paddings24_u9ppe7_154{
99
101
  padding:24px;
100
102
  }
101
- ._modeClassic_15ibzq1_33._glowHover_15ibzq1_86._themeLight_15ibzq1_22:active._paddings32_15ibzq1_155{
103
+ ._modeClassic_u9ppe7_36._glowHover_u9ppe7_89._themeLight_u9ppe7_25:active._paddings32_u9ppe7_158{
102
104
  padding:32px;
103
105
  }
104
- ._modeClassic_15ibzq1_33._glowHover_15ibzq1_86._themeDark_15ibzq1_28:hover,
105
- ._modeClassic_15ibzq1_33._glowHover_15ibzq1_86._themeDark_15ibzq1_28:focus,
106
- ._modeClassic_15ibzq1_33._glowHover_15ibzq1_86._themeDark_15ibzq1_28:active{
106
+ ._modeClassic_u9ppe7_36._glowHover_u9ppe7_89._themeDark_u9ppe7_31:hover,
107
+ ._modeClassic_u9ppe7_36._glowHover_u9ppe7_89._themeDark_u9ppe7_31:focus,
108
+ ._modeClassic_u9ppe7_36._glowHover_u9ppe7_89._themeDark_u9ppe7_31:active{
107
109
  --card-border-color:rgba(255,255,255,0.2);
108
110
  }
109
- ._modeClassic_15ibzq1_33._glowHover_15ibzq1_86._themeDark_15ibzq1_28:active{
111
+ ._modeClassic_u9ppe7_36._glowHover_u9ppe7_89._themeDark_u9ppe7_31:active{
110
112
  border-width:1px;
111
113
  }
112
- ._modeClassic_15ibzq1_33._glowHover_15ibzq1_86._themeDark_15ibzq1_28:active._paddings16_15ibzq1_147{
114
+ ._modeClassic_u9ppe7_36._glowHover_u9ppe7_89._themeDark_u9ppe7_31:active._paddings16_u9ppe7_150{
113
115
  padding:16px;
114
116
  }
115
- ._modeClassic_15ibzq1_33._glowHover_15ibzq1_86._themeDark_15ibzq1_28:active._paddings24_15ibzq1_151{
117
+ ._modeClassic_u9ppe7_36._glowHover_u9ppe7_89._themeDark_u9ppe7_31:active._paddings24_u9ppe7_154{
116
118
  padding:24px;
117
119
  }
118
- ._modeClassic_15ibzq1_33._glowHover_15ibzq1_86._themeDark_15ibzq1_28:active._paddings32_15ibzq1_155{
120
+ ._modeClassic_u9ppe7_36._glowHover_u9ppe7_89._themeDark_u9ppe7_31:active._paddings32_u9ppe7_158{
119
121
  padding:32px;
120
122
  }
121
- ._modeClassic_15ibzq1_33:active{
123
+ ._modeClassic_u9ppe7_36:active{
122
124
  border-width:2px;
123
125
  }
124
- ._modeClassic_15ibzq1_33:active._paddings16_15ibzq1_147{
126
+ ._modeClassic_u9ppe7_36:active._paddings16_u9ppe7_150{
125
127
  padding:15px;
126
128
  }
127
- ._modeClassic_15ibzq1_33:active._paddings24_15ibzq1_151{
129
+ ._modeClassic_u9ppe7_36:active._paddings24_u9ppe7_154{
128
130
  padding:23px;
129
131
  }
130
- ._modeClassic_15ibzq1_33:active._paddings32_15ibzq1_155{
132
+ ._modeClassic_u9ppe7_36:active._paddings32_u9ppe7_158{
131
133
  padding:31px;
132
134
  }
133
- ._modeRock_15ibzq1_34._themeLight_15ibzq1_22:hover,
134
- ._modeRock_15ibzq1_34._themeLight_15ibzq1_22:focus{
135
+ ._modeRock_u9ppe7_37._themeLight_u9ppe7_25:hover,
136
+ ._modeRock_u9ppe7_37._themeLight_u9ppe7_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_15ibzq1_34._themeLight_15ibzq1_22:active{
147
+ ._modeRock_u9ppe7_37._themeLight_u9ppe7_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_15ibzq1_34._themeDark_15ibzq1_28{
157
+ ._modeRock_u9ppe7_37._themeDark_u9ppe7_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_15ibzq1_34._themeDark_15ibzq1_28:hover,
162
- ._modeRock_15ibzq1_34._themeDark_15ibzq1_28:focus{
166
+ ._modeRock_u9ppe7_37._themeDark_u9ppe7_31:hover,
167
+ ._modeRock_u9ppe7_37._themeDark_u9ppe7_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_15ibzq1_34._themeDark_15ibzq1_28:active{
177
+ ._modeRock_u9ppe7_37._themeDark_u9ppe7_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_15ibzq1_147{
187
+ ._paddings16_u9ppe7_150{
181
188
  padding:16px;
182
189
  }
183
- ._paddings24_15ibzq1_151{
190
+ ._paddings24_u9ppe7_154{
184
191
  padding:24px;
185
192
  }
186
- ._paddings32_15ibzq1_155{
193
+ ._paddings32_u9ppe7_158{
187
194
  padding:32px;
188
195
  }
189
- ._bordersRadius0_15ibzq1_159{
196
+ ._bordersRadius0_u9ppe7_162{
190
197
  --rs-card-border-radius:0;
191
198
  }
192
- ._bordersRadius8_15ibzq1_163{
199
+ ._bordersRadius8_u9ppe7_166{
193
200
  --rs-card-border-radius:8px;
194
201
  }
195
- ._bordersRadius16_15ibzq1_167{
202
+ ._bordersRadius16_u9ppe7_170{
196
203
  --rs-card-border-radius:16px;
197
204
  }
198
- ._bordersRadius24_15ibzq1_171{
205
+ ._bordersRadius24_u9ppe7_174{
199
206
  --rs-card-border-radius:24px;
200
207
  }
201
- ._cardImage_15ibzq1_175{
208
+ ._cardImage_u9ppe7_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_15ibzq1_181{
214
+ ._cardImageImg_u9ppe7_184{
208
215
  display:block;
209
216
  -webkit-transition:-webkit-transform .2s;
210
217
  transition:-webkit-transform .2s;
@@ -213,28 +220,32 @@ a._card_15ibzq1_5{
213
220
  -webkit-transform:scaleX(1);
214
221
  transform:scaleX(1);
215
222
  }
216
- ._paddings16_15ibzq1_147 ._cardImageImg_15ibzq1_181{
223
+ ._paddings16_u9ppe7_150 ._cardImageImg_u9ppe7_184{
217
224
  top:-16px;
218
225
  left:-16px;
219
226
  width:calc(100% + 32px);
220
227
  height:204px;
221
228
  max-height:204px;
222
229
  }
223
- ._paddings24_15ibzq1_151 ._cardImageImg_15ibzq1_181{
230
+ ._paddings24_u9ppe7_154 ._cardImageImg_u9ppe7_184{
224
231
  top:-24px;
225
232
  left:-24px;
226
233
  width:calc(100% + 48px);
227
234
  height:212px;
228
235
  max-height:212px;
229
236
  }
230
- ._paddings32_15ibzq1_155 ._cardImageImg_15ibzq1_181{
237
+ ._paddings32_u9ppe7_158 ._cardImageImg_u9ppe7_184{
231
238
  top:-32px;
232
239
  left:-32px;
233
240
  width:calc(100% + 64px);
234
241
  height:220px;
235
242
  max-height:220px;
236
243
  }
237
- ._card_15ibzq1_5:hover ._cardImageImg_15ibzq1_181{
244
+ ._bordersRadius8_u9ppe7_166 ._cardImageImg_u9ppe7_184 img{
245
+ overflow:hidden;
246
+ border-radius:8px;
247
+ }
248
+ ._card_u9ppe7_5:hover ._cardImageImg_u9ppe7_184{
238
249
  -webkit-transition:-webkit-transform .2s;
239
250
  transition:-webkit-transform .2s;
240
251
  transition:transform .2s;
@@ -242,11 +253,14 @@ a._card_15ibzq1_5{
242
253
  -webkit-transform:scaleX(1.1);
243
254
  transform:scaleX(1.1);
244
255
  }
245
- ._card_15ibzq1_5._cardPlain_15ibzq1_33:hover ._cardImageImg_15ibzq1_181{
256
+ ._card_u9ppe7_5:hover ._cardImageImg_u9ppe7_184 img{
257
+ border-radius:8px;
258
+ }
259
+ ._card_u9ppe7_5._cardPlain_u9ppe7_36:hover ._cardImageImg_u9ppe7_184{
246
260
  -webkit-transform:none;
247
261
  transform:none;
248
262
  }
249
- ._cardImageDiv_15ibzq1_208{
263
+ ._cardImageDiv_u9ppe7_222{
250
264
  display:-webkit-box;
251
265
  display:-ms-flexbox;
252
266
  display:flex;
@@ -264,7 +278,7 @@ a._card_15ibzq1_5{
264
278
  background-position:center;
265
279
  background-size:auto 100%;
266
280
  }
267
- ._paddings16_15ibzq1_147 ._cardImageDiv_15ibzq1_208{
281
+ ._paddings16_u9ppe7_150 ._cardImageDiv_u9ppe7_222{
268
282
  top:-16px;
269
283
  left:-16px;
270
284
  padding:16px;
@@ -272,10 +286,10 @@ a._card_15ibzq1_5{
272
286
  height:204px;
273
287
  max-height:204px;
274
288
  }
275
- ._card_15ibzq1_5:active ._paddings16_15ibzq1_147 ._cardImageDiv_15ibzq1_208{
289
+ ._card_u9ppe7_5:active ._paddings16_u9ppe7_150 ._cardImageDiv_u9ppe7_222{
276
290
  padding:calc(16px - 1);
277
291
  }
278
- ._paddings24_15ibzq1_151 ._cardImageDiv_15ibzq1_208{
292
+ ._paddings24_u9ppe7_154 ._cardImageDiv_u9ppe7_222{
279
293
  top:-24px;
280
294
  left:-24px;
281
295
  padding:24px;
@@ -283,10 +297,10 @@ a._card_15ibzq1_5{
283
297
  height:212px;
284
298
  max-height:212px;
285
299
  }
286
- ._card_15ibzq1_5:active ._paddings24_15ibzq1_151 ._cardImageDiv_15ibzq1_208{
300
+ ._card_u9ppe7_5:active ._paddings24_u9ppe7_154 ._cardImageDiv_u9ppe7_222{
287
301
  padding:calc(24px - 1);
288
302
  }
289
- ._paddings32_15ibzq1_155 ._cardImageDiv_15ibzq1_208{
303
+ ._paddings32_u9ppe7_158 ._cardImageDiv_u9ppe7_222{
290
304
  top:-32px;
291
305
  left:-32px;
292
306
  padding:32px;
@@ -294,13 +308,15 @@ a._card_15ibzq1_5{
294
308
  height:220px;
295
309
  max-height:220px;
296
310
  }
297
- ._card_15ibzq1_5:active ._paddings32_15ibzq1_155 ._cardImageDiv_15ibzq1_208{
311
+ ._card_u9ppe7_5:active ._paddings32_u9ppe7_158 ._cardImageDiv_u9ppe7_222{
298
312
  padding:calc(32px - 1);
299
313
  }
300
- ._card_15ibzq1_5:hover ._cardImageDiv_15ibzq1_208{
314
+ ._card_u9ppe7_5:hover ._cardImageDiv_u9ppe7_222{
301
315
  background-size:auto 110%;
316
+ -webkit-transition:background-size .2s;
317
+ transition:background-size .2s;
302
318
  }
303
- ._card_15ibzq1_5._cardPlain_15ibzq1_33:hover ._cardImageDiv_15ibzq1_208{
319
+ ._card_u9ppe7_5._cardPlain_u9ppe7_36:hover ._cardImageDiv_u9ppe7_222{
304
320
  background-size:auto 100%;
305
321
  }
306
322
 
package/package.json CHANGED
@@ -1,11 +1,10 @@
1
1
  {
2
2
  "name": "@rescui/card",
3
- "version": "0.1.0",
3
+ "version": "0.3.1",
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.3",
29
- "@rescui/postcss-preset-library": "^0.0.3",
30
- "@rescui/scripts": "^0.1.1",
31
- "@rescui/typography": "^0.2.0",
27
+ "@rescui/colors": "^0.0.6",
28
+ "@rescui/postcss-preset-library": "^0.0.4",
29
+ "@rescui/scripts": "^0.1.4",
30
+ "@rescui/typography": "^0.5.0",
32
31
  "@rescui/visual-regression": "^0.0.1"
33
32
  },
34
33
  "scripts": {
35
34
  "build": "rescui-scripts build"
36
35
  },
37
- "gitHead": "42f60242929cb7b0e9c371ecf99d658b32217c5f"
36
+ "gitHead": "f07b6abc886028f74f129d1d7bfbf8fcfa5825af"
38
37
  }