@rescui/card 0.9.4 → 0.10.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 (4) hide show
  1. package/lib/card.js +3 -3
  2. package/lib/card.p.module.css.js +21 -21
  3. package/lib/index.css +81 -212
  4. package/package.json +7 -7
package/lib/card.js CHANGED
@@ -12,7 +12,7 @@ function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (
12
12
  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? Object.defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
13
13
 
14
14
  import cn from 'classnames';
15
- import { useTheme } from '@rescui/ui-contexts';
15
+ import { useThemeWithUndefined } from '@rescui/ui-contexts';
16
16
  import styles from './card.p.module.css.js';
17
17
  var THEME_STYLES = {
18
18
  light: styles.themeLight,
@@ -50,7 +50,7 @@ var cardCn = function cardCn() {
50
50
  hasGlowHover = _ref.hasGlowHover,
51
51
  disableBorder = _ref.disableBorder;
52
52
 
53
- var themeClass = (_THEME_STYLES$theme = THEME_STYLES[theme]) !== null && _THEME_STYLES$theme !== void 0 ? _THEME_STYLES$theme : THEME_STYLES.light;
53
+ var themeClass = (_THEME_STYLES$theme = THEME_STYLES[theme]) !== null && _THEME_STYLES$theme !== void 0 ? _THEME_STYLES$theme : '';
54
54
  var modeClass = (_MODE_STYLES$mode = MODE_STYLES[mode]) !== null && _MODE_STYLES$mode !== void 0 ? _MODE_STYLES$mode : MODE_STYLES.classic;
55
55
  var paddingsClass = (_PADDINGS_STYLES$padd = PADDINGS_STYLES[paddings]) !== null && _PADDINGS_STYLES$padd !== void 0 ? _PADDINGS_STYLES$padd : PADDINGS_STYLES[24];
56
56
  var borderRadiusClass = (_BORDER_RADIUS_STYLES = BORDER_RADIUS_STYLES[borderRadius]) !== null && _BORDER_RADIUS_STYLES !== void 0 ? _BORDER_RADIUS_STYLES : BORDER_RADIUS_STYLES[8];
@@ -69,7 +69,7 @@ var cardImageCn = function cardImageCn(_ref2) {
69
69
  };
70
70
 
71
71
  var useCardCn = function useCardCn() {
72
- var theme = useTheme();
72
+ var theme = useThemeWithUndefined();
73
73
  return function (cardCnOptions) {
74
74
  return cardCn(_objectSpread({
75
75
  theme: theme
package/lib/card.p.module.css.js CHANGED
@@ -1,24 +1,24 @@
1
1
  var styles = {
2
- "card": "_card_8eiijj_6",
3
- "themeLight": "_themeLight_8eiijj_40",
4
- "withStaticBorder": "_withStaticBorder_8eiijj_43",
5
- "themeDark": "_themeDark_8eiijj_49",
6
- "cardPlain": "_cardPlain_8eiijj_59",
7
- "modeClassic": "_modeClassic_8eiijj_59",
8
- "modeRock": "_modeRock_8eiijj_60",
9
- "paddings16": "_paddings16_8eiijj_197",
10
- "paddings24": "_paddings24_8eiijj_201",
11
- "paddings32": "_paddings32_8eiijj_205",
12
- "withStatesBorder": "_withStatesBorder_8eiijj_81",
13
- "glowHover": "_glowHover_8eiijj_120",
14
- "bordersRadius0": "_bordersRadius0_8eiijj_209",
15
- "bordersRadius8": "_bordersRadius8_8eiijj_213",
16
- "bordersRadius16": "_bordersRadius16_8eiijj_217",
17
- "bordersRadius24": "_bordersRadius24_8eiijj_221",
18
- "cardImage": "_cardImage_8eiijj_225",
19
- "cardImageImg": "_cardImageImg_8eiijj_233",
20
- "cardImageDiv": "_cardImageDiv_8eiijj_266",
21
- "fixedImageHeight": "_fixedImageHeight_8eiijj_301",
22
- "fullImageWidth": "_fullImageWidth_8eiijj_318"
2
+ "card": "_card_130u94y_6",
3
+ "themeLight": "_themeLight_130u94y_47",
4
+ "themeDark": "_themeDark_130u94y_52",
5
+ "withStaticBorder": "_withStaticBorder_130u94y_56",
6
+ "cardPlain": "_cardPlain_130u94y_60",
7
+ "modeClassic": "_modeClassic_130u94y_60",
8
+ "modeRock": "_modeRock_130u94y_61",
9
+ "withStatesBorder": "_withStatesBorder_130u94y_66",
10
+ "glowHover": "_glowHover_130u94y_66",
11
+ "paddings16": "_paddings16_130u94y_93",
12
+ "paddings24": "_paddings24_130u94y_97",
13
+ "paddings32": "_paddings32_130u94y_101",
14
+ "bordersRadius0": "_bordersRadius0_130u94y_105",
15
+ "bordersRadius8": "_bordersRadius8_130u94y_109",
16
+ "bordersRadius16": "_bordersRadius16_130u94y_113",
17
+ "bordersRadius24": "_bordersRadius24_130u94y_117",
18
+ "cardImage": "_cardImage_130u94y_121",
19
+ "cardImageImg": "_cardImageImg_130u94y_129",
20
+ "cardImageDiv": "_cardImageDiv_130u94y_163",
21
+ "fixedImageHeight": "_fixedImageHeight_130u94y_198",
22
+ "fullImageWidth": "_fullImageWidth_130u94y_216"
23
23
  };
24
24
  export { styles as default };
package/lib/index.css CHANGED
@@ -1,9 +1,13 @@
1
- ._card_8eiijj_6{
1
+ ._card_130u94y_6{
2
+ --_rs-theme-dark:var(
3
+ --_rs-internal-force-theme-dark-consult-rescui-before-using,
4
+ var(--rs-theme-dark, 0)
5
+ );
6
+ --_rs-theme-flip:var(--rs-theme-flip, 0);
7
+ --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
8
+ --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
9
+
2
10
  overflow:hidden;
3
- -webkit-appearance:none;
4
- -moz-appearance:none;
5
- appearance:none;
6
- text-align:inherit;
7
11
 
8
12
  -webkit-box-sizing:border-box;
9
13
 
@@ -12,236 +16,97 @@
12
16
 
13
17
  border-width:1px;
14
18
  border-style:solid;
15
- border-radius:0;
19
+
20
+ border-color:var(--rs-card-border-color, transparent);
16
21
  border-radius:var(--rs-card-border-radius, 0);
17
22
 
18
23
  cursor:pointer;
24
+ text-align:inherit;
25
+
26
+ background-color:var(--rs-card-background-color, 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)));
19
27
 
20
28
  -webkit-transition:color 100ms, background-color 100ms, border-color 100ms;
21
29
 
22
30
  transition:color 100ms, background-color 100ms, border-color 100ms;
31
+ -webkit-appearance:none;
32
+ -moz-appearance:none;
33
+ appearance:none;
23
34
  -webkit-mask-image:-webkit-radial-gradient(white, black);
24
35
  }
25
- ._card_8eiijj_6:focus-visible{
36
+ ._card_130u94y_6:focus-visible{
26
37
  outline:none;
27
38
  }
28
- a._card_8eiijj_6{
39
+ a._card_130u94y_6{
29
40
  display:block;
30
41
 
31
42
  text-decoration:none;
32
43
  }
33
- a._card_8eiijj_6:hover{
44
+ a._card_130u94y_6:hover{
34
45
  text-decoration:none;
35
46
  }
36
- ._themeLight_8eiijj_40{
37
- border-color:transparent;
38
- border-color:var(--rs-card-border-color, transparent);
39
- background-color:#FFFFFF;
40
- background-color:var(--rs-card-background-color, #FFFFFF);
47
+ ._themeLight_130u94y_47{
48
+ --rs-theme-dark:0;
41
49
  }
42
- ._themeLight_8eiijj_40._withStaticBorder_8eiijj_43{
43
- border-color:rgba(25,25,28,0.2);
44
- border-color:var(--rs-card-border-color, rgba(25,25,28,0.2));
45
- }
46
- ._themeDark_8eiijj_49{
47
- border-color:transparent;
48
- border-color:var(--rs-card-border-color, transparent);
49
-
50
- background-color:#303033;
51
-
52
- background-color:var(--rs-card-background-color, #303033);
50
+ ._themeDark_130u94y_52{
51
+ --rs-theme-dark:1;
53
52
  }
54
- ._themeDark_8eiijj_49._withStaticBorder_8eiijj_43{
55
- border-color:rgba(255,255,255,0.2);
56
- border-color:var(--rs-card-border-color, rgba(255,255,255,0.2));
57
- }
58
- ._cardPlain_8eiijj_59._modeClassic_8eiijj_59,
59
- ._cardPlain_8eiijj_59._modeRock_8eiijj_60{
53
+ ._withStaticBorder_130u94y_56{
54
+ 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));
55
+ }
56
+ ._cardPlain_130u94y_60._modeClassic_130u94y_60,
57
+ ._cardPlain_130u94y_60._modeRock_130u94y_61{
60
58
  cursor:auto;
61
59
  }
62
- ._cardPlain_8eiijj_59._modeClassic_8eiijj_59._themeLight_8eiijj_40:active, ._cardPlain_8eiijj_59._modeClassic_8eiijj_59._themeDark_8eiijj_49:active, ._cardPlain_8eiijj_59._modeRock_8eiijj_60._themeLight_8eiijj_40:active, ._cardPlain_8eiijj_59._modeRock_8eiijj_60._themeDark_8eiijj_49:active{
63
- border-width:1px;
64
- }
65
- ._cardPlain_8eiijj_59._modeClassic_8eiijj_59._themeLight_8eiijj_40:active._paddings16_8eiijj_197, ._cardPlain_8eiijj_59._modeClassic_8eiijj_59._themeDark_8eiijj_49:active._paddings16_8eiijj_197, ._cardPlain_8eiijj_59._modeRock_8eiijj_60._themeLight_8eiijj_40:active._paddings16_8eiijj_197, ._cardPlain_8eiijj_59._modeRock_8eiijj_60._themeDark_8eiijj_49:active._paddings16_8eiijj_197{
66
- padding:16px;
67
- }
68
- ._cardPlain_8eiijj_59._modeClassic_8eiijj_59._themeLight_8eiijj_40:active._paddings24_8eiijj_201, ._cardPlain_8eiijj_59._modeClassic_8eiijj_59._themeDark_8eiijj_49:active._paddings24_8eiijj_201, ._cardPlain_8eiijj_59._modeRock_8eiijj_60._themeLight_8eiijj_40:active._paddings24_8eiijj_201, ._cardPlain_8eiijj_59._modeRock_8eiijj_60._themeDark_8eiijj_49:active._paddings24_8eiijj_201{
69
- padding:24px;
70
- }
71
- ._cardPlain_8eiijj_59._modeClassic_8eiijj_59._themeLight_8eiijj_40:active._paddings32_8eiijj_205, ._cardPlain_8eiijj_59._modeClassic_8eiijj_59._themeDark_8eiijj_49:active._paddings32_8eiijj_205, ._cardPlain_8eiijj_59._modeRock_8eiijj_60._themeLight_8eiijj_40:active._paddings32_8eiijj_205, ._cardPlain_8eiijj_59._modeRock_8eiijj_60._themeDark_8eiijj_49:active._paddings32_8eiijj_205{
72
- padding:32px;
73
- }
74
- ._cardPlain_8eiijj_59._withStaticBorder_8eiijj_43._themeLight_8eiijj_40{
75
- --rs-card-border-color:rgba(25,25,28,0.2);
76
- }
77
- ._cardPlain_8eiijj_59._withStaticBorder_8eiijj_43._themeDark_8eiijj_49{
78
- --rs-card-border-color:rgba(255,255,255,0.2);
60
+ ._modeClassic_130u94y_60._withStatesBorder_130u94y_66:not(._glowHover_130u94y_66):hover,
61
+ ._modeClassic_130u94y_60._withStatesBorder_130u94y_66:not(._glowHover_130u94y_66):focus[data-focus-method='key'],
62
+ ._modeClassic_130u94y_60._withStatesBorder_130u94y_66:not(._glowHover_130u94y_66):focus-visible,
63
+ ._modeClassic_130u94y_60._withStatesBorder_130u94y_66:not(._glowHover_130u94y_66):active{
64
+ --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));
79
65
  }
80
- ._cardPlain_8eiijj_59._withStatesBorder_8eiijj_81._themeLight_8eiijj_40:hover,
81
- ._cardPlain_8eiijj_59._withStatesBorder_8eiijj_81._themeLight_8eiijj_40:focus[data-focus-method='key'],
82
- ._cardPlain_8eiijj_59._withStatesBorder_8eiijj_81._themeLight_8eiijj_40:focus-visible,
83
- ._cardPlain_8eiijj_59._withStatesBorder_8eiijj_81._themeLight_8eiijj_40:active{
84
- --rs-card-border-color:rgba(25,25,28,0.2);
85
- }
86
- ._cardPlain_8eiijj_59._withStatesBorder_8eiijj_81._themeDark_8eiijj_49:hover,
87
- ._cardPlain_8eiijj_59._withStatesBorder_8eiijj_81._themeDark_8eiijj_49:focus[data-focus-method='key'],
88
- ._cardPlain_8eiijj_59._withStatesBorder_8eiijj_81._themeDark_8eiijj_49:focus-visible,
89
- ._cardPlain_8eiijj_59._withStatesBorder_8eiijj_81._themeDark_8eiijj_49:active{
90
- --rs-card-border-color:rgba(255,255,255,0.2);
91
- }
92
- ._modeClassic_8eiijj_59._themeDark_8eiijj_49{
93
- --rs-typography-color-hard:#FFFFFF;
94
- --rs-typography-color-average:rgba(255,255,255,0.7);
95
- --rs-typography-color-pale:rgba(255,255,255,0.5);
96
- --rs-typography-pre-color:rgba(255,255,255,0.7);
97
- --rs-typography-pre-bg-color:rgba(255,255,255,0.1);
98
- --rs-typography-classic-link-underline-color:rgba(255,255,255,0.4);
99
- --rs-typography-rock-link-hover-color:#19191C;
100
- --rs-rock-button-text-color:#19191C;
101
- --rs-rock-button-bg-color:#FFFFFF;
102
- --rs-rock-button-hover-bg-color:rgba(255,255,255,0.8);
103
- --rs-rock-button-disabled-text-color:rgba(255,255,255,0.5);
104
- --rs-rock-button-disabled-bg-color:rgba(255,255,255,0.2);
105
- }
106
- ._modeClassic_8eiijj_59._withStatesBorder_8eiijj_81._themeLight_8eiijj_40:hover,
107
- ._modeClassic_8eiijj_59._withStatesBorder_8eiijj_81._themeLight_8eiijj_40:focus[data-focus-method='key'],
108
- ._modeClassic_8eiijj_59._withStatesBorder_8eiijj_81._themeLight_8eiijj_40:focus-visible,
109
- ._modeClassic_8eiijj_59._withStatesBorder_8eiijj_81._themeLight_8eiijj_40:active{
110
- --rs-card-border-color:#19191C;
111
- }
112
- ._modeClassic_8eiijj_59._withStatesBorder_8eiijj_81._themeLight_8eiijj_40._glowHover_8eiijj_120:hover,
113
- ._modeClassic_8eiijj_59._withStatesBorder_8eiijj_81._themeLight_8eiijj_40._glowHover_8eiijj_120:focus[data-focus-method='key'],
114
- ._modeClassic_8eiijj_59._withStatesBorder_8eiijj_81._themeLight_8eiijj_40._glowHover_8eiijj_120:focus-visible,
115
- ._modeClassic_8eiijj_59._withStatesBorder_8eiijj_81._themeLight_8eiijj_40._glowHover_8eiijj_120:active{
116
- --rs-card-border-color:rgba(25,25,28,0.2);
117
- }
118
- ._modeClassic_8eiijj_59._withStatesBorder_8eiijj_81._themeDark_8eiijj_49:hover,
119
- ._modeClassic_8eiijj_59._withStatesBorder_8eiijj_81._themeDark_8eiijj_49:focus[data-focus-method='key'],
120
- ._modeClassic_8eiijj_59._withStatesBorder_8eiijj_81._themeDark_8eiijj_49:focus-visible,
121
- ._modeClassic_8eiijj_59._withStatesBorder_8eiijj_81._themeDark_8eiijj_49:active{
122
- --rs-card-border-color:#FFFFFF;
123
- }
124
- ._modeClassic_8eiijj_59._withStatesBorder_8eiijj_81._themeDark_8eiijj_49._glowHover_8eiijj_120:hover,
125
- ._modeClassic_8eiijj_59._withStatesBorder_8eiijj_81._themeDark_8eiijj_49._glowHover_8eiijj_120:focus[data-focus-method='key'],
126
- ._modeClassic_8eiijj_59._withStatesBorder_8eiijj_81._themeDark_8eiijj_49._glowHover_8eiijj_120:focus-visible,
127
- ._modeClassic_8eiijj_59._withStatesBorder_8eiijj_81._themeDark_8eiijj_49._glowHover_8eiijj_120:active{
128
- --rs-card-border-color:rgba(255,255,255,0.2);
129
- }
130
- ._modeClassic_8eiijj_59:active{
66
+ ._modeClassic_130u94y_60._withStatesBorder_130u94y_66:not(._glowHover_130u94y_66):active{
131
67
  border-width:2px;
132
68
  }
133
- ._modeClassic_8eiijj_59:active._paddings16_8eiijj_197{
69
+ ._modeClassic_130u94y_60._withStatesBorder_130u94y_66:not(._glowHover_130u94y_66):active._paddings16_130u94y_93{
134
70
  padding:15px;
135
71
  }
136
- ._modeClassic_8eiijj_59:active._paddings24_8eiijj_201{
72
+ ._modeClassic_130u94y_60._withStatesBorder_130u94y_66:not(._glowHover_130u94y_66):active._paddings24_130u94y_97{
137
73
  padding:23px;
138
74
  }
139
- ._modeClassic_8eiijj_59:active._paddings32_8eiijj_205{
75
+ ._modeClassic_130u94y_60._withStatesBorder_130u94y_66:not(._glowHover_130u94y_66):active._paddings32_130u94y_101{
140
76
  padding:31px;
141
77
  }
142
- ._modeRock_8eiijj_60._themeLight_8eiijj_40:hover,
143
- ._modeRock_8eiijj_60._themeLight_8eiijj_40:focus[data-focus-method='key'],
144
- ._modeRock_8eiijj_60._themeLight_8eiijj_40:focus-visible{
145
- --rs-card-background-color:#19191C;
146
- --rs-typography-color-hard:#FFFFFF;
147
- --rs-typography-color-average:rgba(255,255,255,0.7);
148
- --rs-typography-color-pale:rgba(255,255,255,0.5);
149
- --rs-typography-pre-color:rgba(255,255,255,0.7);
150
- --rs-typography-pre-bg-color:rgba(255,255,255,0.1);
151
- --rs-typography-classic-link-underline-color:rgba(255,255,255,0.4);
152
- --rs-typography-rock-link-hover-color:#19191C;
153
- --rs-rock-button-text-color:#19191C;
154
- --rs-rock-button-bg-color:#FFFFFF;
155
- --rs-rock-button-hover-bg-color:rgba(255,255,255,0.8);
156
- --rs-rock-button-disabled-text-color:rgba(255,255,255,0.5);
157
- --rs-rock-button-disabled-bg-color:rgba(255,255,255,0.2);
158
- }
159
- ._modeRock_8eiijj_60._themeLight_8eiijj_40:hover._withStatesBorder_8eiijj_81, ._modeRock_8eiijj_60._themeLight_8eiijj_40:focus[data-focus-method='key']._withStatesBorder_8eiijj_81, ._modeRock_8eiijj_60._themeLight_8eiijj_40:focus-visible._withStatesBorder_8eiijj_81{
160
- --rs-card-border-color:rgba(25,25,28,0.2);
161
- }
162
- ._modeRock_8eiijj_60._themeLight_8eiijj_40:active{
163
- background-color:#303033;
164
- --rs-typography-color-hard:#FFFFFF;
165
- --rs-typography-color-average:rgba(255,255,255,0.7);
166
- --rs-typography-color-pale:rgba(255,255,255,0.5);
167
- --rs-typography-pre-color:rgba(255,255,255,0.7);
168
- --rs-typography-pre-bg-color:rgba(255,255,255,0.1);
169
- --rs-typography-classic-link-underline-color:rgba(255,255,255,0.4);
170
- --rs-typography-rock-link-hover-color:#19191C;
171
- --rs-rock-button-text-color:#19191C;
172
- --rs-rock-button-bg-color:#FFFFFF;
173
- --rs-rock-button-hover-bg-color:rgba(255,255,255,0.8);
174
- --rs-rock-button-disabled-text-color:rgba(255,255,255,0.5);
175
- --rs-rock-button-disabled-bg-color:rgba(255,255,255,0.2);
176
- }
177
- ._modeRock_8eiijj_60._themeDark_8eiijj_49{
178
- --rs-typography-color-hard:#FFFFFF;
179
- --rs-typography-color-average:rgba(255,255,255,0.7);
180
- --rs-typography-color-pale:rgba(255,255,255,0.5);
181
- --rs-typography-pre-color:rgba(255,255,255,0.7);
182
- --rs-typography-pre-bg-color:rgba(255,255,255,0.1);
183
- --rs-typography-classic-link-underline-color:rgba(255,255,255,0.4);
184
- --rs-typography-rock-link-hover-color:#19191C;
185
- --rs-rock-button-text-color:#19191C;
186
- --rs-rock-button-bg-color:#FFFFFF;
187
- --rs-rock-button-hover-bg-color:rgba(255,255,255,0.8);
188
- --rs-rock-button-disabled-text-color:rgba(255,255,255,0.5);
189
- --rs-rock-button-disabled-bg-color:rgba(255,255,255,0.2);
78
+ ._modeRock_130u94y_61:hover,
79
+ ._modeRock_130u94y_61:focus[data-focus-method='key'],
80
+ ._modeRock_130u94y_61:focus-visible{
81
+ --rs-theme-flip:1;
82
+ 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));
83
+ }
84
+ ._modeRock_130u94y_61:active{
85
+ --rs-theme-flip:1;
86
+ 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));
190
87
  }
191
- ._modeRock_8eiijj_60._themeDark_8eiijj_49:hover,
192
- ._modeRock_8eiijj_60._themeDark_8eiijj_49:focus[data-focus-method='key'],
193
- ._modeRock_8eiijj_60._themeDark_8eiijj_49:focus-visible{
194
- --rs-card-background-color:#FFFFFF;
195
- --rs-typography-color-hard:#19191C;
196
- --rs-typography-color-average:rgba(25,25,28,0.7);
197
- --rs-typography-color-pale:rgba(25,25,28,0.5);
198
- --rs-typography-pre-color:#19191C;
199
- --rs-typography-pre-bg-color:rgba(25,25,28,0.1);
200
- --rs-typography-classic-link-underline-color:rgba(25,25,28,0.4);
201
- --rs-typography-rock-link-hover-color:#FFFFFF;
202
- --rs-rock-button-text-color:#FFFFFF;
203
- --rs-rock-button-bg-color:#19191C;
204
- --rs-rock-button-hover-bg-color:rgba(25,25,28,0.8);
205
- --rs-rock-button-disabled-text-color:rgba(25,25,28,0.5);
206
- --rs-rock-button-disabled-bg-color:rgba(25,25,28,0.2);
207
- }
208
- ._modeRock_8eiijj_60._themeDark_8eiijj_49:active{
209
- --rs-card-background-color:#F4F4F4;
210
- --rs-typography-color-hard:#19191C;
211
- --rs-typography-color-average:rgba(25,25,28,0.7);
212
- --rs-typography-color-pale:rgba(25,25,28,0.5);
213
- --rs-typography-pre-color:#19191C;
214
- --rs-typography-pre-bg-color:rgba(25,25,28,0.1);
215
- --rs-typography-classic-link-underline-color:rgba(25,25,28,0.4);
216
- --rs-typography-rock-link-hover-color:#FFFFFF;
217
- --rs-rock-button-text-color:#FFFFFF;
218
- --rs-rock-button-bg-color:#19191C;
219
- --rs-rock-button-hover-bg-color:rgba(25,25,28,0.8);
220
- --rs-rock-button-disabled-text-color:rgba(25,25,28,0.5);
221
- --rs-rock-button-disabled-bg-color:rgba(25,25,28,0.2);
222
- }
223
- ._paddings16_8eiijj_197{
88
+ ._paddings16_130u94y_93{
224
89
  padding:16px;
225
90
  }
226
- ._paddings24_8eiijj_201{
91
+ ._paddings24_130u94y_97{
227
92
  padding:24px;
228
93
  }
229
- ._paddings32_8eiijj_205{
94
+ ._paddings32_130u94y_101{
230
95
  padding:32px;
231
96
  }
232
- ._bordersRadius0_8eiijj_209{
97
+ ._bordersRadius0_130u94y_105{
233
98
  --rs-card-border-radius:0;
234
99
  }
235
- ._bordersRadius8_8eiijj_213{
100
+ ._bordersRadius8_130u94y_109{
236
101
  --rs-card-border-radius:8px;
237
102
  }
238
- ._bordersRadius16_8eiijj_217{
103
+ ._bordersRadius16_130u94y_113{
239
104
  --rs-card-border-radius:16px;
240
105
  }
241
- ._bordersRadius24_8eiijj_221{
106
+ ._bordersRadius24_130u94y_117{
242
107
  --rs-card-border-radius:24px;
243
108
  }
244
- ._cardImage_8eiijj_225{
109
+ ._cardImage_130u94y_121{
245
110
  position:relative;
246
111
 
247
112
  overflow:hidden;
@@ -250,7 +115,7 @@ a._card_8eiijj_6:hover{
250
115
 
251
116
  box-sizing:border-box;
252
117
  }
253
- ._cardImageImg_8eiijj_233{
118
+ ._cardImageImg_130u94y_129{
254
119
  display:-webkit-box;
255
120
  display:-ms-flexbox;
256
121
  display:flex;
@@ -261,40 +126,44 @@ a._card_8eiijj_6:hover{
261
126
  -ms-flex-align:center;
262
127
  align-items:center;
263
128
  }
264
- ._paddings16_8eiijj_197 ._cardImageImg_8eiijj_233{
129
+ ._paddings16_130u94y_93 ._cardImageImg_130u94y_129{
265
130
  top:-16px;
266
131
  left:-16px;
267
132
  width:calc(100% + 32px);
268
133
  }
269
- ._paddings24_8eiijj_201 ._cardImageImg_8eiijj_233{
134
+ ._paddings24_130u94y_97 ._cardImageImg_130u94y_129{
270
135
  top:-24px;
271
136
  left:-24px;
272
137
  width:calc(100% + 48px);
273
138
  }
274
- ._paddings32_8eiijj_205 ._cardImageImg_8eiijj_233{
139
+ ._paddings32_130u94y_101 ._cardImageImg_130u94y_129{
275
140
  top:-32px;
276
141
  left:-32px;
277
142
  width:calc(100% + 64px);
278
143
  }
279
- ._cardImageImg_8eiijj_233 img{
280
- max-height:100%;
144
+ ._cardImageImg_130u94y_129 img{
281
145
  max-width:100%;
146
+ max-height:100%;
147
+
282
148
  -webkit-transition:-webkit-transform .2s;
149
+
283
150
  transition:-webkit-transform .2s;
151
+
284
152
  transition:transform .2s;
153
+
285
154
  transition:transform .2s, -webkit-transform .2s;
286
155
  -webkit-transform:scale(1);
287
156
  transform:scale(1);
288
157
  }
289
- ._card_8eiijj_6:hover ._cardImageImg_8eiijj_233 img{
158
+ ._card_130u94y_6:hover ._cardImageImg_130u94y_129 img{
290
159
  -webkit-transform:scale(1.1);
291
160
  transform:scale(1.1);
292
161
  }
293
- ._card_8eiijj_6._cardPlain_8eiijj_59:hover ._cardImageImg_8eiijj_233 img{
162
+ ._card_130u94y_6._cardPlain_130u94y_60:hover ._cardImageImg_130u94y_129 img{
294
163
  -webkit-transform:none;
295
164
  transform:none;
296
165
  }
297
- ._cardImageDiv_8eiijj_266{
166
+ ._cardImageDiv_130u94y_163{
298
167
  display:-webkit-box;
299
168
  display:-ms-flexbox;
300
169
  display:flex;
@@ -316,55 +185,55 @@ a._card_8eiijj_6:hover{
316
185
 
317
186
  transition:background-size .2s;
318
187
  }
319
- ._paddings16_8eiijj_197 ._cardImageDiv_8eiijj_266{
188
+ ._paddings16_130u94y_93 ._cardImageDiv_130u94y_163{
320
189
  top:-16px;
321
190
  left:-16px;
322
191
  padding:16px;
323
192
  width:calc(100% + 32px);
324
193
  }
325
- ._card_8eiijj_6:active ._paddings16_8eiijj_197 ._cardImageDiv_8eiijj_266{
194
+ ._card_130u94y_6:active ._paddings16_130u94y_93 ._cardImageDiv_130u94y_163{
326
195
  padding:calc(16px - 1);
327
196
  }
328
- ._paddings24_8eiijj_201 ._cardImageDiv_8eiijj_266{
197
+ ._paddings24_130u94y_97 ._cardImageDiv_130u94y_163{
329
198
  top:-24px;
330
199
  left:-24px;
331
200
  padding:24px;
332
201
  width:calc(100% + 48px);
333
202
  }
334
- ._card_8eiijj_6:active ._paddings24_8eiijj_201 ._cardImageDiv_8eiijj_266{
203
+ ._card_130u94y_6:active ._paddings24_130u94y_97 ._cardImageDiv_130u94y_163{
335
204
  padding:calc(24px - 1);
336
205
  }
337
- ._paddings32_8eiijj_205 ._cardImageDiv_8eiijj_266{
206
+ ._paddings32_130u94y_101 ._cardImageDiv_130u94y_163{
338
207
  top:-32px;
339
208
  left:-32px;
340
209
  padding:32px;
341
210
  width:calc(100% + 64px);
342
211
  }
343
- ._card_8eiijj_6:active ._paddings32_8eiijj_205 ._cardImageDiv_8eiijj_266{
212
+ ._card_130u94y_6:active ._paddings32_130u94y_101 ._cardImageDiv_130u94y_163{
344
213
  padding:calc(32px - 1);
345
214
  }
346
- ._card_8eiijj_6:hover ._cardImageDiv_8eiijj_266{
215
+ ._card_130u94y_6:hover ._cardImageDiv_130u94y_163{
347
216
  background-size:110% 110%;
348
217
  }
349
- ._card_8eiijj_6._cardPlain_8eiijj_59:hover ._cardImageDiv_8eiijj_266{
218
+ ._card_130u94y_6._cardPlain_130u94y_60:hover ._cardImageDiv_130u94y_163{
350
219
  background-size:100% 100%;
351
220
  }
352
- ._fixedImageHeight_8eiijj_301 img{
221
+ ._fixedImageHeight_130u94y_198 img{
353
222
  height:100%;
354
223
  }
355
- ._paddings16_8eiijj_197 ._fixedImageHeight_8eiijj_301{
224
+ ._paddings16_130u94y_93 ._fixedImageHeight_130u94y_198{
356
225
  height:204px;
357
226
  max-height:204px;
358
227
  }
359
- ._paddings24_8eiijj_201 ._fixedImageHeight_8eiijj_301{
228
+ ._paddings24_130u94y_97 ._fixedImageHeight_130u94y_198{
360
229
  height:212px;
361
230
  max-height:212px;
362
231
  }
363
- ._paddings32_8eiijj_205 ._fixedImageHeight_8eiijj_301{
232
+ ._paddings32_130u94y_101 ._fixedImageHeight_130u94y_198{
364
233
  height:220px;
365
234
  max-height:220px;
366
235
  }
367
- ._fullImageWidth_8eiijj_318 img{
236
+ ._fullImageWidth_130u94y_216 img{
368
237
  width:100%;
369
238
  }
370
239
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/card",
3
- "version": "0.9.4",
3
+ "version": "0.10.1",
4
4
  "description": "",
5
5
  "main": "lib/index.js",
6
6
  "src:main": "src/index.ts",
@@ -17,20 +17,20 @@
17
17
  "core-js": "^3.9.1"
18
18
  },
19
19
  "peerDependencies": {
20
- "@rescui/ui-contexts": "^0.4.0",
20
+ "@rescui/ui-contexts": "^0.5.0",
21
21
  "prop-types": "^15.7.2",
22
22
  "react": ">=16.8.0 <19"
23
23
  },
24
24
  "devDependencies": {
25
25
  "@jetbrains/logos": "^1.4.16",
26
- "@rescui/colors": "^0.1.11",
27
- "@rescui/postcss-preset-library": "^0.1.1",
28
- "@rescui/scripts": "^0.2.3",
29
- "@rescui/typography": "^0.15.0",
26
+ "@rescui/colors": "^0.2.0",
27
+ "@rescui/postcss-preset-library": "^0.2.0",
28
+ "@rescui/scripts": "^0.3.0",
29
+ "@rescui/typography": "^0.16.1",
30
30
  "@rescui/visual-regression": "^0.1.1"
31
31
  },
32
32
  "scripts": {
33
33
  "build": "rescui-scripts build"
34
34
  },
35
- "gitHead": "e21b6f80037993b094ceaff022db6d4cd176a88d"
35
+ "gitHead": "6457f4265a1a30050b9f4cc1f0dd808c005d1ca0"
36
36
  }