@cleartrip/ct-design-card 4.0.0 → 5.0.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.
- package/README.md +121 -0
- package/dist/Card.d.ts +3 -4
- package/dist/Card.d.ts.map +1 -1
- package/dist/Card.native.d.ts +4 -0
- package/dist/Card.native.d.ts.map +1 -0
- package/dist/constants.d.ts +43 -0
- package/dist/constants.d.ts.map +1 -0
- package/dist/ct-design-card.browser.cjs.js +1 -1
- package/dist/ct-design-card.browser.cjs.js.map +1 -1
- package/dist/ct-design-card.browser.esm.js +1 -1
- package/dist/ct-design-card.browser.esm.js.map +1 -1
- package/dist/ct-design-card.cjs.js +79 -133
- package/dist/ct-design-card.cjs.js.map +1 -1
- package/dist/ct-design-card.esm.js +78 -127
- package/dist/ct-design-card.esm.js.map +1 -1
- package/dist/ct-design-card.umd.js +81 -173
- package/dist/ct-design-card.umd.js.map +1 -1
- package/dist/index.d.ts +2 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.native.d.ts +4 -0
- package/dist/index.native.d.ts.map +1 -0
- package/dist/style.d.ts +46 -125
- package/dist/style.d.ts.map +1 -1
- package/dist/type.d.ts +30 -39
- package/dist/type.d.ts.map +1 -1
- package/package.json +26 -8
- package/src/Card.native.tsx +68 -0
- package/src/Card.tsx +18 -0
- package/src/constants.ts +50 -0
- package/src/index.native.ts +3 -0
- package/src/index.ts +4 -0
- package/src/style.ts +174 -0
- package/src/type.ts +118 -0
- package/dist/StyledCard/style.d.ts +0 -4
- package/dist/StyledCard/style.d.ts.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ct-design-card.cjs.js","sources":["../packages/components/Card/src/
|
|
1
|
+
{"version":3,"file":"ct-design-card.cjs.js","sources":["../packages/components/Card/src/Card.tsx","../packages/components/Card/src/constants.ts","../packages/components/Card/src/style.ts"],"sourcesContent":[null,null,null],"names":["forwardRef","_jsx","Container","CardSize","CardRadius","CardBorderWidth","CardShadowDirection","CardShadowVariant","CardBorderDirection","colors"],"mappings":"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"}
|
|
@@ -1,14 +1,22 @@
|
|
|
1
|
-
import { __rest, __assign } from 'tslib';
|
|
2
1
|
import { jsx } from 'react/jsx-runtime';
|
|
3
2
|
import { forwardRef } from 'react';
|
|
4
|
-
import {
|
|
5
|
-
import
|
|
3
|
+
import { Container } from '@cleartrip/ct-design-container';
|
|
4
|
+
import { colors } from '@cleartrip/ct-design-tokens';
|
|
6
5
|
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
return
|
|
10
|
-
};
|
|
6
|
+
const Card = forwardRef(({ children, styleConfig, onClick }, forwardedRef) => {
|
|
7
|
+
const { root = [] } = styleConfig || {};
|
|
8
|
+
return (jsx(Container, { ref: forwardedRef, onClick: onClick, styleConfig: { root: [...root] }, children: children }));
|
|
9
|
+
});
|
|
10
|
+
Card.displayName = 'Card';
|
|
11
11
|
|
|
12
|
+
var CardSize;
|
|
13
|
+
(function (CardSize) {
|
|
14
|
+
CardSize["NONE"] = "none";
|
|
15
|
+
CardSize["SMALL"] = "sm";
|
|
16
|
+
CardSize["MEDIUM"] = "md";
|
|
17
|
+
CardSize["LARGE"] = "lg";
|
|
18
|
+
CardSize["EXTRA_LARGE"] = "xl";
|
|
19
|
+
})(CardSize || (CardSize = {}));
|
|
12
20
|
var CardRadius;
|
|
13
21
|
(function (CardRadius) {
|
|
14
22
|
CardRadius["NONE"] = "none";
|
|
@@ -44,22 +52,27 @@ var CardBorderDirection;
|
|
|
44
52
|
CardBorderDirection["RIGHT"] = "right";
|
|
45
53
|
CardBorderDirection["DEFAULT"] = "default";
|
|
46
54
|
})(CardBorderDirection || (CardBorderDirection = {}));
|
|
55
|
+
const CardBorderColors = {
|
|
56
|
+
PRIMARY: colors.black,
|
|
57
|
+
SECONDARY: colors.success,
|
|
58
|
+
TERTIARY: colors.warning,
|
|
59
|
+
};
|
|
47
60
|
|
|
48
|
-
|
|
61
|
+
const getCardBorderRadius = (cornerRadius, theme) => {
|
|
49
62
|
switch (cornerRadius) {
|
|
50
|
-
case
|
|
63
|
+
case CardSize.NONE: {
|
|
51
64
|
return theme.border.radius[0];
|
|
52
65
|
}
|
|
53
|
-
case
|
|
66
|
+
case CardSize.SMALL: {
|
|
54
67
|
return theme.border.radius[6];
|
|
55
68
|
}
|
|
56
|
-
case
|
|
69
|
+
case CardSize.MEDIUM: {
|
|
57
70
|
return theme.border.radius[8];
|
|
58
71
|
}
|
|
59
|
-
case
|
|
72
|
+
case CardSize.LARGE: {
|
|
60
73
|
return theme.border.radius[12];
|
|
61
74
|
}
|
|
62
|
-
case
|
|
75
|
+
case CardSize.EXTRA_LARGE: {
|
|
63
76
|
return theme.border.radius[16];
|
|
64
77
|
}
|
|
65
78
|
default: {
|
|
@@ -67,18 +80,18 @@ var getCardBorderRadius = function (cornerRadius, theme) {
|
|
|
67
80
|
}
|
|
68
81
|
}
|
|
69
82
|
};
|
|
70
|
-
|
|
83
|
+
const getCardBorderWidth = (borderWidth, theme) => {
|
|
71
84
|
switch (borderWidth) {
|
|
72
|
-
case
|
|
85
|
+
case CardSize.NONE: {
|
|
73
86
|
return theme.border.width.none;
|
|
74
87
|
}
|
|
75
|
-
case
|
|
88
|
+
case CardSize.SMALL: {
|
|
76
89
|
return theme.border.width.sm;
|
|
77
90
|
}
|
|
78
|
-
case
|
|
91
|
+
case CardSize.MEDIUM: {
|
|
79
92
|
return theme.border.width.md;
|
|
80
93
|
}
|
|
81
|
-
case
|
|
94
|
+
case CardSize.LARGE: {
|
|
82
95
|
return theme.border.width.lg;
|
|
83
96
|
}
|
|
84
97
|
default: {
|
|
@@ -86,125 +99,63 @@ var getCardBorderWidth = function (borderWidth, theme) {
|
|
|
86
99
|
}
|
|
87
100
|
}
|
|
88
101
|
};
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
+
const getBorderDirectionStyles = (_borderDirection, borderWidth, borderStyle, borderColor) => {
|
|
103
|
+
return {
|
|
104
|
+
borderWidth,
|
|
105
|
+
borderStyle,
|
|
106
|
+
borderColor,
|
|
107
|
+
};
|
|
108
|
+
};
|
|
109
|
+
const getCardBorderStyles = (cardBorderWidth, cornerRadius, borderDirection, borderColor, theme, noBorder) => {
|
|
110
|
+
const borderRadius = getCardBorderRadius(cornerRadius, theme);
|
|
111
|
+
const borderStyle = theme.border.style.solid;
|
|
112
|
+
const borderWidth = getCardBorderWidth(cardBorderWidth, theme);
|
|
113
|
+
const border = getBorderDirectionStyles(borderDirection, borderWidth, borderStyle, borderColor);
|
|
114
|
+
return noBorder
|
|
115
|
+
? { borderRadius }
|
|
116
|
+
: Object.assign({ borderRadius }, border);
|
|
117
|
+
};
|
|
118
|
+
const getDefaultCardStyles = (theme, size) => {
|
|
119
|
+
switch (size) {
|
|
120
|
+
case CardSize.LARGE:
|
|
102
121
|
return {
|
|
103
|
-
|
|
122
|
+
height: theme.size[12],
|
|
123
|
+
borderRadius: theme.border.radius[24],
|
|
124
|
+
borderStyle: theme.border.style.solid,
|
|
104
125
|
};
|
|
105
|
-
|
|
106
|
-
case CardBorderDirection.LEFT: {
|
|
126
|
+
case CardSize.MEDIUM:
|
|
107
127
|
return {
|
|
108
|
-
|
|
128
|
+
height: theme.size[10],
|
|
129
|
+
borderRadius: theme.border.radius[20],
|
|
130
|
+
borderStyle: theme.border.style.solid,
|
|
109
131
|
};
|
|
110
|
-
|
|
111
|
-
case CardBorderDirection.RIGHT: {
|
|
132
|
+
case CardSize.SMALL:
|
|
112
133
|
return {
|
|
113
|
-
|
|
134
|
+
height: theme.size[8],
|
|
135
|
+
borderRadius: theme.border.radius[16],
|
|
136
|
+
borderStyle: theme.border.style.solid,
|
|
114
137
|
};
|
|
115
|
-
|
|
116
|
-
default: {
|
|
138
|
+
default:
|
|
117
139
|
return {
|
|
118
|
-
|
|
140
|
+
height: theme.size[10],
|
|
141
|
+
borderRadius: theme.border.radius[20],
|
|
142
|
+
borderStyle: theme.border.style.solid,
|
|
119
143
|
};
|
|
120
|
-
}
|
|
121
|
-
}
|
|
122
|
-
};
|
|
123
|
-
var getCardBorderStyles = function (cardBorderWidth, cornerRadius, borderDirection, theme, noBorder) {
|
|
124
|
-
var borderRadius = getCardBorderRadius(cornerRadius, theme);
|
|
125
|
-
var borderStyle = theme.border.style.solid;
|
|
126
|
-
var borderColor = theme.color.border.default;
|
|
127
|
-
var borderWidth = getCardBorderWidth(cardBorderWidth, theme);
|
|
128
|
-
var border = getBorderDirectionStyles(borderDirection, borderWidth, borderStyle, borderColor);
|
|
129
|
-
return noBorder
|
|
130
|
-
? { borderRadius: borderRadius }
|
|
131
|
-
: __assign({ borderRadius: borderRadius }, border);
|
|
132
|
-
};
|
|
133
|
-
var getTopShadow = function (shadowVariant, theme) {
|
|
134
|
-
switch (shadowVariant) {
|
|
135
|
-
case CardShadowVariant.E1: {
|
|
136
|
-
return theme.elevation.topE1;
|
|
137
|
-
}
|
|
138
|
-
case CardShadowVariant.E2: {
|
|
139
|
-
return theme.elevation.topE2;
|
|
140
|
-
}
|
|
141
|
-
case CardShadowVariant.E3: {
|
|
142
|
-
return theme.elevation.topE3;
|
|
143
|
-
}
|
|
144
|
-
case CardShadowVariant.E4: {
|
|
145
|
-
return theme.elevation.topE4;
|
|
146
|
-
}
|
|
147
|
-
default: {
|
|
148
|
-
return theme.elevation.topE2;
|
|
149
|
-
}
|
|
150
|
-
}
|
|
151
|
-
};
|
|
152
|
-
var getBottomShadow = function (shadowVariant, theme) {
|
|
153
|
-
switch (shadowVariant) {
|
|
154
|
-
case CardShadowVariant.E1: {
|
|
155
|
-
return theme.elevation.bottomE1;
|
|
156
|
-
}
|
|
157
|
-
case CardShadowVariant.E2: {
|
|
158
|
-
return theme.elevation.bottomE2;
|
|
159
|
-
}
|
|
160
|
-
case CardShadowVariant.E3: {
|
|
161
|
-
return theme.elevation.bottomE3;
|
|
162
|
-
}
|
|
163
|
-
case CardShadowVariant.E4: {
|
|
164
|
-
return theme.elevation.bottomE4;
|
|
165
|
-
}
|
|
166
|
-
default: {
|
|
167
|
-
return theme.elevation.bottomE2;
|
|
168
|
-
}
|
|
169
144
|
}
|
|
170
145
|
};
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
}
|
|
183
|
-
};
|
|
184
|
-
var getCardStyles = function (_a) {
|
|
185
|
-
var cornerRadius = _a.cornerRadius, borderWidth = _a.borderWidth, showShadow = _a.showShadow, shadowDirection = _a.shadowDirection, shadowVariant = _a.shadowVariant, borderDirection = _a.borderDirection, theme = _a.theme, noBorder = _a.noBorder;
|
|
186
|
-
return __assign({ boxShadow: showShadow ? getCardShadowStyles(shadowDirection, shadowVariant, theme) : 'none' }, getCardBorderStyles(borderWidth, cornerRadius, borderDirection, theme, noBorder));
|
|
146
|
+
const getCardStyles = ({ borderColor, cornerRadius, borderWidth, showShadow, shadowColor, shadowOffset, shadowOpacity, elevation, borderDirection, theme, }) => {
|
|
147
|
+
const shadowStyles = showShadow
|
|
148
|
+
? {
|
|
149
|
+
shadowColor,
|
|
150
|
+
shadowOffset,
|
|
151
|
+
shadowOpacity,
|
|
152
|
+
shadowRadius: 2,
|
|
153
|
+
elevation,
|
|
154
|
+
}
|
|
155
|
+
: {};
|
|
156
|
+
const borderStyles = getCardBorderStyles(borderWidth, cornerRadius, borderDirection, borderColor, theme);
|
|
157
|
+
return Object.assign(Object.assign({}, shadowStyles), borderStyles);
|
|
187
158
|
};
|
|
188
159
|
|
|
189
|
-
|
|
190
|
-
var css = _a.css, theme = _a.theme, rest = __rest(_a, ["css", "theme"]);
|
|
191
|
-
return getStyledCardStyled(__assign(__assign(__assign({}, css), { theme: theme }), rest));
|
|
192
|
-
});
|
|
193
|
-
var Card = forwardRef(function (_a, forwardedRef) {
|
|
194
|
-
var children = _a.children, _b = _a.cornerRadius, cornerRadius = _b === void 0 ? CardRadius.MEDIUM : _b, _c = _a.borderWidth, borderWidth = _c === void 0 ? CardBorderWidth.MEDIUM : _c, _d = _a.showShadow, showShadow = _d === void 0 ? true : _d, _e = _a.shadowDirection, shadowDirection = _e === void 0 ? CardShadowDirection.TOP : _e, _f = _a.shadowVariant, shadowVariant = _f === void 0 ? CardShadowVariant.E2 : _f, _g = _a.borderDirection, borderDirection = _g === void 0 ? CardBorderDirection.DEFAULT : _g, css = _a.css; _a.onChange; var _h = _a.noBorder, noBorder = _h === void 0 ? false : _h, rest = __rest(_a, ["children", "cornerRadius", "borderWidth", "showShadow", "shadowDirection", "shadowVariant", "borderDirection", "css", "onChange", "noBorder"]);
|
|
195
|
-
var theme = useTheme();
|
|
196
|
-
var cardStyles = getCardStyles({
|
|
197
|
-
cornerRadius: cornerRadius,
|
|
198
|
-
borderWidth: borderWidth,
|
|
199
|
-
showShadow: showShadow,
|
|
200
|
-
shadowDirection: shadowDirection,
|
|
201
|
-
shadowVariant: shadowVariant,
|
|
202
|
-
borderDirection: borderDirection,
|
|
203
|
-
theme: theme,
|
|
204
|
-
noBorder: noBorder,
|
|
205
|
-
});
|
|
206
|
-
return (jsx(StyledCard, __assign({ ref: forwardedRef, css: __assign(__assign({}, cardStyles), css) }, rest, { theme: theme }, { children: children })));
|
|
207
|
-
});
|
|
208
|
-
|
|
209
|
-
export { Card, CardBorderDirection, CardBorderWidth, CardRadius, CardShadowDirection, CardShadowVariant, getBorderDirectionStyles, getBottomShadow, getCardBorderRadius, getCardBorderStyles, getCardBorderWidth, getCardShadowStyles, getCardStyles, getTopShadow };
|
|
160
|
+
export { Card, CardBorderColors, CardBorderDirection, CardBorderWidth, CardRadius, CardShadowDirection, CardShadowVariant, CardSize, getBorderDirectionStyles, getCardBorderRadius, getCardBorderStyles, getCardBorderWidth, getCardStyles, getDefaultCardStyles };
|
|
210
161
|
//# sourceMappingURL=ct-design-card.esm.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ct-design-card.esm.js","sources":["../packages/components/Card/src/
|
|
1
|
+
{"version":3,"file":"ct-design-card.esm.js","sources":["../packages/components/Card/src/Card.tsx","../packages/components/Card/src/constants.ts","../packages/components/Card/src/style.ts"],"sourcesContent":[null,null,null],"names":["_jsx"],"mappings":"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"}
|