@rescui/card 0.10.10 → 0.10.11

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 +39 -50
  2. package/lib/card.p.module.css.js +21 -21
  3. package/lib/index.css +60 -90
  4. package/package.json +7 -8
package/lib/card.js CHANGED
@@ -1,80 +1,69 @@
1
- import "core-js/modules/es.object.to-string.js";
2
- import "core-js/modules/web.dom-collections.for-each.js";
3
- import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
4
- import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
5
- import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
6
- import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
7
- import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
8
- import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
9
-
10
- function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
11
-
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
-
14
1
  import cn from 'classnames';
15
2
  import { useThemeWithUndefined } from '@rescui/ui-contexts';
16
3
  import styles from './card.p.module.css.js';
17
- var THEME_STYLES = {
4
+ const THEME_STYLES = {
18
5
  light: styles.themeLight,
19
6
  dark: styles.themeDark
20
7
  };
21
- var MODE_STYLES = {
8
+ const MODE_STYLES = {
22
9
  classic: styles.modeClassic,
23
10
  rock: styles.modeRock
24
11
  };
25
- var PADDINGS_STYLES = {
12
+ const PADDINGS_STYLES = {
26
13
  16: styles.paddings16,
27
14
  24: styles.paddings24,
28
15
  32: styles.paddings32
29
16
  };
30
- var BORDER_RADIUS_STYLES = {
17
+ const BORDER_RADIUS_STYLES = {
31
18
  0: styles.bordersRadius0,
32
19
  8: styles.bordersRadius8,
33
20
  16: styles.bordersRadius16,
34
21
  24: styles.bordersRadius24
35
22
  };
36
- var CARD_IMAGE_STYLES = {
23
+ const CARD_IMAGE_STYLES = {
37
24
  cardImageImg: styles.cardImageImg,
38
25
  cardImageDiv: styles.cardImageDiv
39
26
  }; // eslint-disable-next-line complexity
40
27
 
41
- var cardCn = function cardCn() {
42
- var _THEME_STYLES$theme, _MODE_STYLES$mode, _PADDINGS_STYLES$padd, _BORDER_RADIUS_STYLES, _cn;
43
-
44
- var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
45
- isClickable = _ref.isClickable,
46
- theme = _ref.theme,
47
- mode = _ref.mode,
48
- paddings = _ref.paddings,
49
- borderRadius = _ref.borderRadius,
50
- hasGlowHover = _ref.hasGlowHover,
51
- disableBorder = _ref.disableBorder;
52
-
53
- var themeClass = (_THEME_STYLES$theme = THEME_STYLES[theme]) !== null && _THEME_STYLES$theme !== void 0 ? _THEME_STYLES$theme : '';
54
- var modeClass = (_MODE_STYLES$mode = MODE_STYLES[mode]) !== null && _MODE_STYLES$mode !== void 0 ? _MODE_STYLES$mode : MODE_STYLES.classic;
55
- var paddingsClass = (_PADDINGS_STYLES$padd = PADDINGS_STYLES[paddings]) !== null && _PADDINGS_STYLES$padd !== void 0 ? _PADDINGS_STYLES$padd : PADDINGS_STYLES[24];
56
- var borderRadiusClass = (_BORDER_RADIUS_STYLES = BORDER_RADIUS_STYLES[borderRadius]) !== null && _BORDER_RADIUS_STYLES !== void 0 ? _BORDER_RADIUS_STYLES : BORDER_RADIUS_STYLES[8];
57
- var showBorderStatesClass = isClickable && (!disableBorder || !hasGlowHover);
58
- return cn(styles.card, themeClass, modeClass, paddingsClass, borderRadiusClass, (_cn = {}, _defineProperty(_cn, styles.cardPlain, !isClickable), _defineProperty(_cn, styles.glowHover, hasGlowHover), _defineProperty(_cn, styles.withStaticBorder, !disableBorder), _defineProperty(_cn, styles.withStatesBorder, showBorderStatesClass), _cn));
28
+ const cardCn = function () {
29
+ let {
30
+ isClickable,
31
+ theme,
32
+ mode,
33
+ paddings,
34
+ borderRadius,
35
+ hasGlowHover,
36
+ disableBorder
37
+ } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
38
+ const themeClass = THEME_STYLES[theme] ?? '';
39
+ const modeClass = MODE_STYLES[mode] ?? MODE_STYLES.classic;
40
+ const paddingsClass = PADDINGS_STYLES[paddings] ?? PADDINGS_STYLES[24];
41
+ const borderRadiusClass = BORDER_RADIUS_STYLES[borderRadius] ?? BORDER_RADIUS_STYLES[8];
42
+ const showBorderStatesClass = isClickable && (!disableBorder || !hasGlowHover);
43
+ return cn(styles.card, themeClass, modeClass, paddingsClass, borderRadiusClass, {
44
+ [styles.cardPlain]: !isClickable,
45
+ [styles.glowHover]: hasGlowHover,
46
+ [styles.withStaticBorder]: !disableBorder,
47
+ [styles.withStatesBorder]: showBorderStatesClass
48
+ });
59
49
  };
60
50
 
61
- var cardImageCn = function cardImageCn(_ref2) {
62
- var _CARD_IMAGE_STYLES$ca;
63
-
64
- var cardImageType = _ref2.cardImageType,
65
- disableFixedHeight = _ref2.disableFixedHeight,
66
- disableFullWidth = _ref2.disableFullWidth;
67
- 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;
51
+ const cardImageCn = _ref => {
52
+ let {
53
+ cardImageType,
54
+ disableFixedHeight,
55
+ disableFullWidth
56
+ } = _ref;
57
+ const cardImgExtraStyles = CARD_IMAGE_STYLES[cardImageType] ?? CARD_IMAGE_STYLES.cardImageDiv;
68
58
  return cn(styles.cardImage, cardImgExtraStyles, !disableFixedHeight && styles.fixedImageHeight, !disableFullWidth && styles.fullImageWidth);
69
59
  };
70
60
 
71
- var useCardCn = function useCardCn() {
72
- var theme = useThemeWithUndefined();
73
- return function (cardCnOptions) {
74
- return cardCn(_objectSpread({
75
- theme: theme
76
- }, cardCnOptions));
77
- };
61
+ const useCardCn = () => {
62
+ const theme = useThemeWithUndefined();
63
+ return cardCnOptions => cardCn({
64
+ theme,
65
+ ...cardCnOptions
66
+ });
78
67
  };
79
68
 
80
69
  export { cardCn, cardImageCn, useCardCn };
package/lib/card.p.module.css.js CHANGED
@@ -1,24 +1,24 @@
1
1
  var styles = {
2
- "card": "_card_1fxi8cx_6",
3
- "themeLight": "_themeLight_1fxi8cx_47",
4
- "themeDark": "_themeDark_1fxi8cx_52",
5
- "withStaticBorder": "_withStaticBorder_1fxi8cx_56",
6
- "cardPlain": "_cardPlain_1fxi8cx_60",
7
- "modeClassic": "_modeClassic_1fxi8cx_60",
8
- "modeRock": "_modeRock_1fxi8cx_61",
9
- "withStatesBorder": "_withStatesBorder_1fxi8cx_66",
10
- "paddings16": "_paddings16_1fxi8cx_95",
11
- "paddings24": "_paddings24_1fxi8cx_99",
12
- "paddings32": "_paddings32_1fxi8cx_103",
13
- "glowHover": "_glowHover_1fxi8cx_71",
14
- "bordersRadius0": "_bordersRadius0_1fxi8cx_107",
15
- "bordersRadius8": "_bordersRadius8_1fxi8cx_111",
16
- "bordersRadius16": "_bordersRadius16_1fxi8cx_115",
17
- "bordersRadius24": "_bordersRadius24_1fxi8cx_119",
18
- "cardImage": "_cardImage_1fxi8cx_123",
19
- "cardImageImg": "_cardImageImg_1fxi8cx_131",
20
- "cardImageDiv": "_cardImageDiv_1fxi8cx_165",
21
- "fixedImageHeight": "_fixedImageHeight_1fxi8cx_200",
22
- "fullImageWidth": "_fullImageWidth_1fxi8cx_218"
2
+ "card": "_card_12rk3bb_6",
3
+ "themeLight": "_themeLight_12rk3bb_47",
4
+ "themeDark": "_themeDark_12rk3bb_52",
5
+ "withStaticBorder": "_withStaticBorder_12rk3bb_56",
6
+ "cardPlain": "_cardPlain_12rk3bb_60",
7
+ "modeClassic": "_modeClassic_12rk3bb_60",
8
+ "modeRock": "_modeRock_12rk3bb_61",
9
+ "withStatesBorder": "_withStatesBorder_12rk3bb_66",
10
+ "paddings16": "_paddings16_12rk3bb_95",
11
+ "paddings24": "_paddings24_12rk3bb_99",
12
+ "paddings32": "_paddings32_12rk3bb_103",
13
+ "glowHover": "_glowHover_12rk3bb_71",
14
+ "bordersRadius0": "_bordersRadius0_12rk3bb_107",
15
+ "bordersRadius8": "_bordersRadius8_12rk3bb_111",
16
+ "bordersRadius16": "_bordersRadius16_12rk3bb_115",
17
+ "bordersRadius24": "_bordersRadius24_12rk3bb_119",
18
+ "cardImage": "_cardImage_12rk3bb_123",
19
+ "cardImageImg": "_cardImageImg_12rk3bb_131",
20
+ "cardImageDiv": "_cardImageDiv_12rk3bb_165",
21
+ "fixedImageHeight": "_fixedImageHeight_12rk3bb_200",
22
+ "fullImageWidth": "_fullImageWidth_12rk3bb_218"
23
23
  };
24
24
  export { styles as default };
package/lib/index.css CHANGED
@@ -1,4 +1,4 @@
1
- ._card_1fxi8cx_6{
1
+ ._card_12rk3bb_6{
2
2
  --_rs-theme-dark:var(
3
3
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
4
4
  var(--rs-theme-dark, 0)
@@ -9,9 +9,7 @@
9
9
 
10
10
  overflow:hidden;
11
11
 
12
- -webkit-box-sizing:border-box;
13
-
14
- box-sizing:border-box;
12
+ box-sizing:border-box;
15
13
  min-height:0;
16
14
 
17
15
  border-width:1px;
@@ -25,155 +23,129 @@
25
23
 
26
24
  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)));
27
25
 
28
- -webkit-transition:color 100ms, background-color 100ms, border-color 100ms;
29
-
30
26
  transition:color 100ms, background-color 100ms, border-color 100ms;
31
27
  -webkit-appearance:none;
32
28
  -moz-appearance:none;
33
29
  appearance:none;
34
30
  -webkit-mask-image:-webkit-radial-gradient(white, black);
35
31
  }
36
- ._card_1fxi8cx_6:focus-visible{
32
+ ._card_12rk3bb_6:focus-visible{
37
33
  outline:none;
38
34
  }
39
- a._card_1fxi8cx_6{
35
+ a._card_12rk3bb_6{
40
36
  display:block;
41
37
 
42
38
  text-decoration:none;
43
39
  }
44
- a._card_1fxi8cx_6:hover{
40
+ a._card_12rk3bb_6:hover{
45
41
  text-decoration:none;
46
42
  }
47
- ._themeLight_1fxi8cx_47{
43
+ ._themeLight_12rk3bb_47{
48
44
  --rs-theme-dark:0;
49
45
  }
50
- ._themeDark_1fxi8cx_52{
46
+ ._themeDark_12rk3bb_52{
51
47
  --rs-theme-dark:1;
52
48
  }
53
- ._withStaticBorder_1fxi8cx_56{
49
+ ._withStaticBorder_12rk3bb_56{
54
50
  border-color:var(--rs-card-border-color, rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), .2));
55
51
  }
56
- ._cardPlain_1fxi8cx_60._modeClassic_1fxi8cx_60,
57
- ._cardPlain_1fxi8cx_60._modeRock_1fxi8cx_61{
52
+ ._cardPlain_12rk3bb_60._modeClassic_12rk3bb_60,
53
+ ._cardPlain_12rk3bb_60._modeRock_12rk3bb_61{
58
54
  cursor:auto;
59
55
  }
60
- ._modeClassic_1fxi8cx_60._withStatesBorder_1fxi8cx_66:active{
56
+ ._modeClassic_12rk3bb_60._withStatesBorder_12rk3bb_66:active{
61
57
  border-width:2px;
62
58
  }
63
- ._modeClassic_1fxi8cx_60._withStatesBorder_1fxi8cx_66:active._paddings16_1fxi8cx_95{
59
+ ._modeClassic_12rk3bb_60._withStatesBorder_12rk3bb_66:active._paddings16_12rk3bb_95{
64
60
  padding:15px;
65
61
  }
66
- ._modeClassic_1fxi8cx_60._withStatesBorder_1fxi8cx_66:active._paddings24_1fxi8cx_99{
62
+ ._modeClassic_12rk3bb_60._withStatesBorder_12rk3bb_66:active._paddings24_12rk3bb_99{
67
63
  padding:23px;
68
64
  }
69
- ._modeClassic_1fxi8cx_60._withStatesBorder_1fxi8cx_66:active._paddings32_1fxi8cx_103{
65
+ ._modeClassic_12rk3bb_60._withStatesBorder_12rk3bb_66:active._paddings32_12rk3bb_103{
70
66
  padding:31px;
71
67
  }
72
- ._modeClassic_1fxi8cx_60._withStatesBorder_1fxi8cx_66:not(._glowHover_1fxi8cx_71):hover,
73
- ._modeClassic_1fxi8cx_60._withStatesBorder_1fxi8cx_66:not(._glowHover_1fxi8cx_71):focus[data-focus-method='key'],
74
- ._modeClassic_1fxi8cx_60._withStatesBorder_1fxi8cx_66:not(._glowHover_1fxi8cx_71):focus-visible,
75
- ._modeClassic_1fxi8cx_60._withStatesBorder_1fxi8cx_66:not(._glowHover_1fxi8cx_71):active{
68
+ ._modeClassic_12rk3bb_60._withStatesBorder_12rk3bb_66:not(._glowHover_12rk3bb_71):hover,
69
+ ._modeClassic_12rk3bb_60._withStatesBorder_12rk3bb_66:not(._glowHover_12rk3bb_71):focus[data-focus-method='key'],
70
+ ._modeClassic_12rk3bb_60._withStatesBorder_12rk3bb_66:not(._glowHover_12rk3bb_71):focus-visible,
71
+ ._modeClassic_12rk3bb_60._withStatesBorder_12rk3bb_66:not(._glowHover_12rk3bb_71):active{
76
72
  --rs-card-border-color:rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227));
77
73
  }
78
- ._modeRock_1fxi8cx_61:hover,
79
- ._modeRock_1fxi8cx_61:focus[data-focus-method='key'],
80
- ._modeRock_1fxi8cx_61:focus-visible{
74
+ ._modeRock_12rk3bb_61:hover,
75
+ ._modeRock_12rk3bb_61:focus[data-focus-method='key'],
76
+ ._modeRock_12rk3bb_61:focus-visible{
81
77
  --rs-theme-flip:1;
82
78
  background-color:rgb(calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*227));
83
79
  }
84
- ._modeRock_1fxi8cx_61:active{
80
+ ._modeRock_12rk3bb_61:active{
85
81
  --rs-theme-flip:1;
86
82
  background-color:rgb(calc(244 - var(--_rs-theme-dark-coefficient, 0)*196), calc(244 - var(--_rs-theme-dark-coefficient, 0)*196), calc(244 - var(--_rs-theme-dark-coefficient, 0)*193));
87
83
  }
88
- ._paddings16_1fxi8cx_95{
84
+ ._paddings16_12rk3bb_95{
89
85
  padding:16px;
90
86
  }
91
- ._paddings24_1fxi8cx_99{
87
+ ._paddings24_12rk3bb_99{
92
88
  padding:24px;
93
89
  }
94
- ._paddings32_1fxi8cx_103{
90
+ ._paddings32_12rk3bb_103{
95
91
  padding:32px;
96
92
  }
97
- ._bordersRadius0_1fxi8cx_107{
93
+ ._bordersRadius0_12rk3bb_107{
98
94
  --rs-card-border-radius:0;
99
95
  }
100
- ._bordersRadius8_1fxi8cx_111{
96
+ ._bordersRadius8_12rk3bb_111{
101
97
  --rs-card-border-radius:8px;
102
98
  }
103
- ._bordersRadius16_1fxi8cx_115{
99
+ ._bordersRadius16_12rk3bb_115{
104
100
  --rs-card-border-radius:16px;
105
101
  }
106
- ._bordersRadius24_1fxi8cx_119{
102
+ ._bordersRadius24_12rk3bb_119{
107
103
  --rs-card-border-radius:24px;
108
104
  }
109
- ._cardImage_1fxi8cx_123{
105
+ ._cardImage_12rk3bb_123{
110
106
  position:relative;
111
107
 
112
108
  overflow:hidden;
113
109
 
114
- -webkit-box-sizing:border-box;
115
-
116
- box-sizing:border-box;
110
+ box-sizing:border-box;
117
111
  }
118
- ._cardImageImg_1fxi8cx_131{
119
- display:-webkit-box;
120
- display:-ms-flexbox;
112
+ ._cardImageImg_12rk3bb_131{
121
113
  display:flex;
122
- -webkit-box-pack:center;
123
- -ms-flex-pack:center;
124
- justify-content:center;
125
- -webkit-box-align:center;
126
- -ms-flex-align:center;
127
- align-items:center;
128
- }
129
- ._paddings16_1fxi8cx_95 ._cardImageImg_1fxi8cx_131{
114
+ justify-content:center;
115
+ align-items:center;
116
+ }
117
+ ._paddings16_12rk3bb_95 ._cardImageImg_12rk3bb_131{
130
118
  top:-16px;
131
119
  left:-16px;
132
120
  width:calc(100% + 32px);
133
121
  }
134
- ._paddings24_1fxi8cx_99 ._cardImageImg_1fxi8cx_131{
122
+ ._paddings24_12rk3bb_99 ._cardImageImg_12rk3bb_131{
135
123
  top:-24px;
136
124
  left:-24px;
137
125
  width:calc(100% + 48px);
138
126
  }
139
- ._paddings32_1fxi8cx_103 ._cardImageImg_1fxi8cx_131{
127
+ ._paddings32_12rk3bb_103 ._cardImageImg_12rk3bb_131{
140
128
  top:-32px;
141
129
  left:-32px;
142
130
  width:calc(100% + 64px);
143
131
  }
144
- ._cardImageImg_1fxi8cx_131 img{
132
+ ._cardImageImg_12rk3bb_131 img{
145
133
  max-width:100%;
146
134
  max-height:100%;
147
135
 
148
- -webkit-transition:-webkit-transform .2s;
149
-
150
- transition:-webkit-transform .2s;
151
-
152
136
  transition:transform .2s;
153
-
154
- transition:transform .2s, -webkit-transform .2s;
155
- -webkit-transform:scale(1);
156
- transform:scale(1);
137
+ transform:scale(1);
157
138
  }
158
- ._card_1fxi8cx_6:hover ._cardImageImg_1fxi8cx_131 img{
159
- -webkit-transform:scale(1.1);
160
- transform:scale(1.1);
139
+ ._card_12rk3bb_6:hover ._cardImageImg_12rk3bb_131 img{
140
+ transform:scale(1.1);
161
141
  }
162
- ._card_1fxi8cx_6._cardPlain_1fxi8cx_60:hover ._cardImageImg_1fxi8cx_131 img{
163
- -webkit-transform:none;
164
- transform:none;
142
+ ._card_12rk3bb_6._cardPlain_12rk3bb_60:hover ._cardImageImg_12rk3bb_131 img{
143
+ transform:none;
165
144
  }
166
- ._cardImageDiv_1fxi8cx_165{
167
- display:-webkit-box;
168
- display:-ms-flexbox;
145
+ ._cardImageDiv_12rk3bb_165{
169
146
  display:flex;
170
- -webkit-box-orient:vertical;
171
- -webkit-box-direction:normal;
172
- -ms-flex-direction:column;
173
- flex-direction:column;
174
- -webkit-box-pack:end;
175
- -ms-flex-pack:end;
176
- justify-content:flex-end;
147
+ flex-direction:column;
148
+ justify-content:flex-end;
177
149
 
178
150
 
179
151
  background-color:transparent;
@@ -181,59 +153,57 @@ a._card_1fxi8cx_6:hover{
181
153
  background-position:center;
182
154
  background-size:100% 100%;
183
155
 
184
- -webkit-transition:background-size .2s;
185
-
186
156
  transition:background-size .2s;
187
157
  }
188
- ._paddings16_1fxi8cx_95 ._cardImageDiv_1fxi8cx_165{
158
+ ._paddings16_12rk3bb_95 ._cardImageDiv_12rk3bb_165{
189
159
  top:-16px;
190
160
  left:-16px;
191
161
  padding:16px;
192
162
  width:calc(100% + 32px);
193
163
  }
194
- ._card_1fxi8cx_6:active ._paddings16_1fxi8cx_95 ._cardImageDiv_1fxi8cx_165{
164
+ ._card_12rk3bb_6:active ._paddings16_12rk3bb_95 ._cardImageDiv_12rk3bb_165{
195
165
  padding:calc(16px - 1);
196
166
  }
197
- ._paddings24_1fxi8cx_99 ._cardImageDiv_1fxi8cx_165{
167
+ ._paddings24_12rk3bb_99 ._cardImageDiv_12rk3bb_165{
198
168
  top:-24px;
199
169
  left:-24px;
200
170
  padding:24px;
201
171
  width:calc(100% + 48px);
202
172
  }
203
- ._card_1fxi8cx_6:active ._paddings24_1fxi8cx_99 ._cardImageDiv_1fxi8cx_165{
173
+ ._card_12rk3bb_6:active ._paddings24_12rk3bb_99 ._cardImageDiv_12rk3bb_165{
204
174
  padding:calc(24px - 1);
205
175
  }
206
- ._paddings32_1fxi8cx_103 ._cardImageDiv_1fxi8cx_165{
176
+ ._paddings32_12rk3bb_103 ._cardImageDiv_12rk3bb_165{
207
177
  top:-32px;
208
178
  left:-32px;
209
179
  padding:32px;
210
180
  width:calc(100% + 64px);
211
181
  }
212
- ._card_1fxi8cx_6:active ._paddings32_1fxi8cx_103 ._cardImageDiv_1fxi8cx_165{
182
+ ._card_12rk3bb_6:active ._paddings32_12rk3bb_103 ._cardImageDiv_12rk3bb_165{
213
183
  padding:calc(32px - 1);
214
184
  }
215
- ._card_1fxi8cx_6:hover ._cardImageDiv_1fxi8cx_165{
185
+ ._card_12rk3bb_6:hover ._cardImageDiv_12rk3bb_165{
216
186
  background-size:110% 110%;
217
187
  }
218
- ._card_1fxi8cx_6._cardPlain_1fxi8cx_60:hover ._cardImageDiv_1fxi8cx_165{
188
+ ._card_12rk3bb_6._cardPlain_12rk3bb_60:hover ._cardImageDiv_12rk3bb_165{
219
189
  background-size:100% 100%;
220
190
  }
221
- ._fixedImageHeight_1fxi8cx_200 img{
191
+ ._fixedImageHeight_12rk3bb_200 img{
222
192
  height:100%;
223
193
  }
224
- ._paddings16_1fxi8cx_95 ._fixedImageHeight_1fxi8cx_200{
194
+ ._paddings16_12rk3bb_95 ._fixedImageHeight_12rk3bb_200{
225
195
  height:204px;
226
196
  max-height:204px;
227
197
  }
228
- ._paddings24_1fxi8cx_99 ._fixedImageHeight_1fxi8cx_200{
198
+ ._paddings24_12rk3bb_99 ._fixedImageHeight_12rk3bb_200{
229
199
  height:212px;
230
200
  max-height:212px;
231
201
  }
232
- ._paddings32_1fxi8cx_103 ._fixedImageHeight_1fxi8cx_200{
202
+ ._paddings32_12rk3bb_103 ._fixedImageHeight_12rk3bb_200{
233
203
  height:220px;
234
204
  max-height:220px;
235
205
  }
236
- ._fullImageWidth_1fxi8cx_218 img{
206
+ ._fullImageWidth_12rk3bb_218 img{
237
207
  width:100%;
238
208
  }
239
209
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/card",
3
- "version": "0.10.10",
3
+ "version": "0.10.11",
4
4
  "description": "",
5
5
  "main": "lib/index.js",
6
6
  "src:main": "src/index.ts",
@@ -12,9 +12,8 @@
12
12
  "access": "public"
13
13
  },
14
14
  "dependencies": {
15
- "@babel/runtime-corejs3": "^7.14.0",
16
- "classnames": "^2.2.6",
17
- "core-js": "^3.9.1"
15
+ "@babel/runtime-corejs3": "^7.26.0",
16
+ "classnames": "^2.2.6"
18
17
  },
19
18
  "peerDependencies": {
20
19
  "@rescui/ui-contexts": "^0.5.0",
@@ -23,15 +22,15 @@
23
22
  },
24
23
  "devDependencies": {
25
24
  "@jetbrains/logos": "^1.4.16",
26
- "@rescui/colors": "^0.2.5",
25
+ "@rescui/colors": "^0.2.6",
27
26
  "@rescui/postcss-preset-library": "^0.2.2",
28
- "@rescui/scripts": "^0.3.4",
29
- "@rescui/typography": "^0.19.0",
27
+ "@rescui/scripts": "^0.3.5",
28
+ "@rescui/typography": "^0.19.1",
30
29
  "@rescui/visual-regression": "^0.1.2"
31
30
  },
32
31
  "scripts": {
33
32
  "build": "rescui-scripts build"
34
33
  },
35
34
  "nx": {},
36
- "gitHead": "69a84812628809943698f0b27643c83dc449f119"
35
+ "gitHead": "67627f69be3de4b4c6a21244fd7de36e841f01f0"
37
36
  }