@hh.ru/magritte-ui-card 6.2.2 → 7.0.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.
- package/Card.d.ts +3 -1
- package/Card.js +41 -19
- package/Card.js.map +1 -1
- package/Skeleton.d.ts +9 -3
- package/index.css +1173 -420
- package/package.json +7 -7
- package/types.d.ts +27 -36
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@hh.ru/magritte-ui-card",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "7.0.1",
|
|
4
4
|
"main": "index.js",
|
|
5
5
|
"types": "index.d.ts",
|
|
6
6
|
"sideEffects": [
|
|
@@ -28,17 +28,17 @@
|
|
|
28
28
|
"@hh.ru/magritte-common-keyboard": "4.1.0",
|
|
29
29
|
"@hh.ru/magritte-common-mouse": "1.1.13",
|
|
30
30
|
"@hh.ru/magritte-common-use-disabled": "1.0.10",
|
|
31
|
-
"@hh.ru/magritte-design-tokens": "21.
|
|
31
|
+
"@hh.ru/magritte-design-tokens": "21.3.0",
|
|
32
32
|
"@hh.ru/magritte-types": "5.0.1",
|
|
33
33
|
"@hh.ru/magritte-ui-breakpoint": "5.0.0",
|
|
34
|
-
"@hh.ru/magritte-ui-icon": "8.0.
|
|
34
|
+
"@hh.ru/magritte-ui-icon": "8.0.3",
|
|
35
35
|
"@hh.ru/magritte-ui-mock-component": "1.0.12",
|
|
36
|
-
"@hh.ru/magritte-ui-skeleton": "2.1.
|
|
37
|
-
"@hh.ru/magritte-ui-theme-provider": "1.1.
|
|
38
|
-
"@hh.ru/magritte-ui-typography": "3.0.
|
|
36
|
+
"@hh.ru/magritte-ui-skeleton": "2.1.24",
|
|
37
|
+
"@hh.ru/magritte-ui-theme-provider": "1.1.39",
|
|
38
|
+
"@hh.ru/magritte-ui-typography": "3.0.29"
|
|
39
39
|
},
|
|
40
40
|
"publishConfig": {
|
|
41
41
|
"access": "public"
|
|
42
42
|
},
|
|
43
|
-
"gitHead": "
|
|
43
|
+
"gitHead": "8e3283085153762bfe4c8097d90e9ad2d34ee178"
|
|
44
44
|
}
|
package/types.d.ts
CHANGED
|
@@ -1,6 +1,9 @@
|
|
|
1
|
-
|
|
2
|
-
export type
|
|
3
|
-
export type
|
|
1
|
+
import { TokenColorBackground, TokenBaseStaticBorderRadius, TokenBaseStaticSpace, TokenColorStroke, TokenShadow } from '@hh.ru/magritte-design-tokens/types';
|
|
2
|
+
export type CardPadding = TokenBaseStaticSpace;
|
|
3
|
+
export type CardBorderRadius = TokenBaseStaticBorderRadius | 'halfHeight';
|
|
4
|
+
export type CardStyle = TokenColorBackground;
|
|
5
|
+
export type BorderStyle = TokenColorStroke;
|
|
6
|
+
export type CardShadow = TokenShadow;
|
|
4
7
|
export interface CommonCardProps {
|
|
5
8
|
/** Кастомный элемент 'a', 'div' или функция */
|
|
6
9
|
Element?: 'a' | 'div';
|
|
@@ -8,8 +11,6 @@ export interface CommonCardProps {
|
|
|
8
11
|
stretched?: boolean;
|
|
9
12
|
/** Флаг включающий растягивание на всю высоту контейнера */
|
|
10
13
|
verticalStretched?: boolean;
|
|
11
|
-
/** Флаг включающий отображение рамки */
|
|
12
|
-
showBorder?: boolean;
|
|
13
14
|
/** Размер паддинга */
|
|
14
15
|
padding?: CardPadding;
|
|
15
16
|
/** Размер паддинга слева */
|
|
@@ -30,41 +31,31 @@ export interface CommonCardProps {
|
|
|
30
31
|
borderBottomLeftRadius?: CardBorderRadius;
|
|
31
32
|
/** Радиус скругления нижнего правого угла */
|
|
32
33
|
borderBottomRightRadius?: CardBorderRadius;
|
|
33
|
-
}
|
|
34
|
-
interface BlankCardProps {
|
|
35
|
-
/**
|
|
36
|
-
* Флаг включающий отображение тени, если это action карточка,
|
|
37
|
-
* то при наведении будет отображаться тень второго уровня
|
|
38
|
-
* */
|
|
39
|
-
showShadow?: boolean;
|
|
40
34
|
/** Цвет карточки */
|
|
41
|
-
style?:
|
|
42
|
-
/**
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
showShadow?: never;
|
|
47
|
-
style: CardStyle;
|
|
48
|
-
showShadowOnHover?: never;
|
|
49
|
-
}
|
|
50
|
-
interface StaticCardProps {
|
|
51
|
-
/** Флаг включающий action поведение карточки */
|
|
52
|
-
actionCard?: false;
|
|
35
|
+
style?: CardStyle;
|
|
36
|
+
/** Цвет рамки */
|
|
37
|
+
borderStyle?: BorderStyle;
|
|
38
|
+
/** Толшина рамки */
|
|
39
|
+
borderWidth?: 'none' | 'default' | 'selected';
|
|
53
40
|
/** Флаг отключения карточки */
|
|
54
|
-
disabled?: never;
|
|
55
|
-
showShadowOnHover?: never;
|
|
56
|
-
/** Функция обработчик клика */
|
|
57
|
-
onClick?: never;
|
|
58
|
-
hoverStyle?: never;
|
|
59
|
-
}
|
|
60
|
-
interface ActionCardProps {
|
|
61
|
-
actionCard: true;
|
|
62
41
|
disabled?: boolean;
|
|
63
42
|
/** Цвет карточки при наведении */
|
|
64
43
|
hoverStyle?: CardStyle;
|
|
65
|
-
|
|
44
|
+
/** Вариант тени карточки. level-0 отключает тень */
|
|
45
|
+
shadow?: CardShadow;
|
|
46
|
+
/** Флаг включающий увеличение уровня тени на 1 если для карточки включен hover */
|
|
47
|
+
increaseShadow?: boolean;
|
|
48
|
+
/**
|
|
49
|
+
* Включает реакцию карточки на hover. Проп автоматически включается если задан
|
|
50
|
+
* обработчик onClick или проп pressEnabled
|
|
51
|
+
**/
|
|
52
|
+
hoverEnabled?: boolean;
|
|
53
|
+
/**
|
|
54
|
+
* Включает реакцию карточки на нажатие. Кроме того меняет тип курсора.
|
|
55
|
+
* Проп автоматически включается если задан обработчик onClick
|
|
56
|
+
**/
|
|
57
|
+
pressEnabled?: boolean;
|
|
58
|
+
/** Обработчик клика по карточке */
|
|
66
59
|
onClick?: (event: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>) => void;
|
|
67
60
|
}
|
|
68
|
-
type
|
|
69
|
-
export type CardProps = React.PropsWithChildren<CommonCardProps & CardVariants>;
|
|
70
|
-
export {};
|
|
61
|
+
export type CardProps = React.PropsWithChildren<CommonCardProps>;
|