@cleartrip/ct-design-card 5.7.0-SNAPSHOT-native-main.6 → 5.7.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/dist/Card.d.ts.map +1 -1
- 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 +6 -23
- package/dist/ct-design-card.cjs.js.map +1 -1
- package/dist/ct-design-card.esm.js +6 -23
- package/dist/ct-design-card.esm.js.map +1 -1
- package/dist/ct-design-card.umd.js +10 -26
- package/dist/ct-design-card.umd.js.map +1 -1
- package/package.json +6 -6
- package/src/Card.tsx +8 -56
package/dist/Card.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../packages/components/Card/src/Card.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAa,YAAY,EAAE,MAAM,gCAAgC,CAAC;
|
|
1
|
+
{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../packages/components/Card/src/Card.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAa,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAEzE,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAEpC,QAAA,MAAM,IAAI,qGAQR,CAAC;AAGH,eAAe,IAAI,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var r
|
|
1
|
+
"use strict";var r=require("react/jsx-runtime"),e=require("react"),o=require("@cleartrip/ct-design-container"),d=require("@cleartrip/ct-design-tokens");const t=e.forwardRef(({children:e,styleConfig:d,onClick:t},s)=>{const{root:a=[]}=d||{};return r.jsx(o.Container,{ref:s,onClick:t,styleConfig:{root:[...a]},children:e})});var s,a,i,n,c,u;t.displayName="Card",exports.CardSize=void 0,(s=exports.CardSize||(exports.CardSize={})).NONE="none",s.SMALL="sm",s.MEDIUM="md",s.LARGE="lg",s.EXTRA_LARGE="xl",exports.CardRadius=void 0,(a=exports.CardRadius||(exports.CardRadius={})).NONE="none",a.SMALL="sm",a.MEDIUM="md",a.LARGE="lg",a.EXTRA_LARGE="xl",exports.CardBorderWidth=void 0,(i=exports.CardBorderWidth||(exports.CardBorderWidth={})).NONE="none",i.SMALL="sm",i.MEDIUM="md",i.LARGE="lg",exports.CardShadowDirection=void 0,(n=exports.CardShadowDirection||(exports.CardShadowDirection={})).TOP="top",n.BOTTOM="bottom",exports.CardShadowVariant=void 0,(c=exports.CardShadowVariant||(exports.CardShadowVariant={})).E1="E1",c.E2="E2",c.E3="E3",c.E4="E4",exports.CardBorderDirection=void 0,(u=exports.CardBorderDirection||(exports.CardBorderDirection={})).TOP="top",u.BOTTOM="bottom",u.LEFT="left",u.RIGHT="right",u.DEFAULT="default";const l={PRIMARY:d.colors.black,SECONDARY:d.colors.success,TERTIARY:d.colors.warning},C=(r,e)=>{switch(r){case exports.CardSize.NONE:return e.border.radius[0];case exports.CardSize.SMALL:return e.border.radius[6];case exports.CardSize.MEDIUM:return e.border.radius[8];case exports.CardSize.LARGE:return e.border.radius[12];case exports.CardSize.EXTRA_LARGE:return e.border.radius[16];default:return e.border.radius[8]}},p=(r,e)=>{switch(r){case exports.CardSize.NONE:return e.border.width.none;case exports.CardSize.SMALL:return e.border.width.sm;case exports.CardSize.MEDIUM:return e.border.width.md;case exports.CardSize.LARGE:return e.border.width.lg;default:return e.border.width.md}},b=(r,e,o,d)=>({borderWidth:e,borderStyle:o,borderColor:d}),x=(r,e,o,d,t,s)=>{const a=C(e,t),i=t.border.style.solid,n=p(r,t),c=b(0,n,i,d);return s?{borderRadius:a}:Object.assign({borderRadius:a},c)};exports.Card=t,exports.CardBorderColors=l,exports.getBorderDirectionStyles=b,exports.getCardBorderRadius=C,exports.getCardBorderStyles=x,exports.getCardBorderWidth=p,exports.getCardStyles=({borderColor:r,cornerRadius:e,borderWidth:o,showShadow:d,shadowColor:t,shadowOffset:s,shadowOpacity:a,elevation:i,borderDirection:n,theme:c})=>{const u=d?{shadowColor:t,shadowOffset:s,shadowOpacity:a,shadowRadius:2,elevation:i}:{},l=x(o,e,0,r,c);return Object.assign(Object.assign({},u),l)},exports.getDefaultCardStyles=(r,e)=>{switch(e){case exports.CardSize.LARGE:return{height:r.size[12],borderRadius:r.border.radius[24],borderStyle:r.border.style.solid};case exports.CardSize.MEDIUM:return{height:r.size[10],borderRadius:r.border.radius[20],borderStyle:r.border.style.solid};case exports.CardSize.SMALL:return{height:r.size[8],borderRadius:r.border.radius[16],borderStyle:r.border.style.solid};default:return{height:r.size[10],borderRadius:r.border.radius[20],borderStyle:r.border.style.solid}}};
|
|
2
2
|
//# sourceMappingURL=ct-design-card.browser.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ct-design-card.browser.cjs.js","sources":["../packages/components/Card/src/
|
|
1
|
+
{"version":3,"file":"ct-design-card.browser.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":["Card","forwardRef","children","styleConfig","onClick","forwardedRef","root","_jsx","Container","ref","CardSize","CardRadius","CardBorderWidth","CardShadowDirection","CardShadowVariant","CardBorderDirection","displayName","CardBorderColors","PRIMARY","colors","black","SECONDARY","success","TERTIARY","warning","getCardBorderRadius","cornerRadius","theme","NONE","border","radius","SMALL","MEDIUM","LARGE","EXTRA_LARGE","getCardBorderWidth","borderWidth","width","none","sm","md","lg","getBorderDirectionStyles","_borderDirection","borderStyle","borderColor","getCardBorderStyles","cardBorderWidth","borderDirection","noBorder","borderRadius","style","solid","Object","assign","showShadow","shadowColor","shadowOffset","shadowOpacity","elevation","shadowStyles","shadowRadius","borderStyles","size","height"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsx as r}from"react/jsx-runtime";import{forwardRef as e}from"react";import{Container as o}from"@cleartrip/ct-design-container";import{
|
|
1
|
+
import{jsx as r}from"react/jsx-runtime";import{forwardRef as e}from"react";import{Container as o}from"@cleartrip/ct-design-container";import{colors as t}from"@cleartrip/ct-design-tokens";const d=e(({children:e,styleConfig:t,onClick:d},s)=>{const{root:i=[]}=t||{};return r(o,{ref:s,onClick:d,styleConfig:{root:[...i]},children:e})});var s,i,n,a,u,c;d.displayName="Card",function(r){r.NONE="none",r.SMALL="sm",r.MEDIUM="md",r.LARGE="lg",r.EXTRA_LARGE="xl"}(s||(s={})),function(r){r.NONE="none",r.SMALL="sm",r.MEDIUM="md",r.LARGE="lg",r.EXTRA_LARGE="xl"}(i||(i={})),function(r){r.NONE="none",r.SMALL="sm",r.MEDIUM="md",r.LARGE="lg"}(n||(n={})),function(r){r.TOP="top",r.BOTTOM="bottom"}(a||(a={})),function(r){r.E1="E1",r.E2="E2",r.E3="E3",r.E4="E4"}(u||(u={})),function(r){r.TOP="top",r.BOTTOM="bottom",r.LEFT="left",r.RIGHT="right",r.DEFAULT="default"}(c||(c={}));const b={PRIMARY:t.black,SECONDARY:t.success,TERTIARY:t.warning},l=(r,e)=>{switch(r){case s.NONE:return e.border.radius[0];case s.SMALL:return e.border.radius[6];case s.MEDIUM:return e.border.radius[8];case s.LARGE:return e.border.radius[12];case s.EXTRA_LARGE:return e.border.radius[16];default:return e.border.radius[8]}},E=(r,e)=>{switch(r){case s.NONE:return e.border.width.none;case s.SMALL:return e.border.width.sm;case s.MEDIUM:return e.border.width.md;case s.LARGE:return e.border.width.lg;default:return e.border.width.md}},h=(r,e,o,t)=>({borderWidth:e,borderStyle:o,borderColor:t}),R=(r,e,o,t,d,s)=>{const i=l(e,d),n=d.border.style.solid,a=E(r,d),u=h(0,a,n,t);return s?{borderRadius:i}:Object.assign({borderRadius:i},u)},L=(r,e)=>{switch(e){case s.LARGE:return{height:r.size[12],borderRadius:r.border.radius[24],borderStyle:r.border.style.solid};case s.MEDIUM:return{height:r.size[10],borderRadius:r.border.radius[20],borderStyle:r.border.style.solid};case s.SMALL:return{height:r.size[8],borderRadius:r.border.radius[16],borderStyle:r.border.style.solid};default:return{height:r.size[10],borderRadius:r.border.radius[20],borderStyle:r.border.style.solid}}},f=({borderColor:r,cornerRadius:e,borderWidth:o,showShadow:t,shadowColor:d,shadowOffset:s,shadowOpacity:i,elevation:n,borderDirection:a,theme:u})=>{const c=t?{shadowColor:d,shadowOffset:s,shadowOpacity:i,shadowRadius:2,elevation:n}:{},b=R(o,e,0,r,u);return Object.assign(Object.assign({},c),b)};export{d as Card,b as CardBorderColors,c as CardBorderDirection,n as CardBorderWidth,i as CardRadius,a as CardShadowDirection,u as CardShadowVariant,s as CardSize,h as getBorderDirectionStyles,l as getCardBorderRadius,R as getCardBorderStyles,E as getCardBorderWidth,f as getCardStyles,L as getDefaultCardStyles};
|
|
2
2
|
//# sourceMappingURL=ct-design-card.browser.esm.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ct-design-card.browser.esm.js","sources":["../packages/components/Card/src/
|
|
1
|
+
{"version":3,"file":"ct-design-card.browser.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":["Card","forwardRef","children","styleConfig","onClick","forwardedRef","root","_jsx","Container","ref","CardSize","CardRadius","CardBorderWidth","CardShadowDirection","CardShadowVariant","CardBorderDirection","displayName","CardBorderColors","PRIMARY","colors","black","SECONDARY","success","TERTIARY","warning","getCardBorderRadius","cornerRadius","theme","NONE","border","radius","SMALL","MEDIUM","LARGE","EXTRA_LARGE","getCardBorderWidth","borderWidth","width","none","sm","md","lg","getBorderDirectionStyles","_borderDirection","borderStyle","borderColor","getCardBorderStyles","cardBorderWidth","borderDirection","noBorder","borderRadius","style","solid","Object","assign","getDefaultCardStyles","size","height","getCardStyles","showShadow","shadowColor","shadowOffset","shadowOpacity","elevation","shadowStyles","shadowRadius","borderStyles"],"mappings":"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"}
|
|
@@ -3,9 +3,14 @@
|
|
|
3
3
|
var jsxRuntime = require('react/jsx-runtime');
|
|
4
4
|
var react = require('react');
|
|
5
5
|
var ctDesignContainer = require('@cleartrip/ct-design-container');
|
|
6
|
-
var ctDesignStyleManager = require('@cleartrip/ct-design-style-manager');
|
|
7
6
|
var ctDesignTokens = require('@cleartrip/ct-design-tokens');
|
|
8
7
|
|
|
8
|
+
const Card = react.forwardRef(({ children, styleConfig, onClick }, forwardedRef) => {
|
|
9
|
+
const { root = [] } = styleConfig || {};
|
|
10
|
+
return (jsxRuntime.jsx(ctDesignContainer.Container, { ref: forwardedRef, onClick: onClick, styleConfig: { root: [...root] }, children: children }));
|
|
11
|
+
});
|
|
12
|
+
Card.displayName = 'Card';
|
|
13
|
+
|
|
9
14
|
exports.CardSize = void 0;
|
|
10
15
|
(function (CardSize) {
|
|
11
16
|
CardSize["NONE"] = "none";
|
|
@@ -154,28 +159,6 @@ const getCardStyles = ({ borderColor, cornerRadius, borderWidth, showShadow, sha
|
|
|
154
159
|
return Object.assign(Object.assign({}, shadowStyles), borderStyles);
|
|
155
160
|
};
|
|
156
161
|
|
|
157
|
-
const Card = react.forwardRef(({ borderWidth = 'sm', borderColor = ctDesignTokens.colors.black, borderDirection = 'default', cornerRadius = 'md', showShadow = true, shadowColor = '#000', shadowOffset = { width: 0, height: 1 }, shadowOpacity = 0.8, elevation = 1, styleConfig, children, onClick, onLayout, }, ref) => {
|
|
158
|
-
const cardStyles = ctDesignStyleManager.useStyles((theme) => ({
|
|
159
|
-
root: getCardStyles({
|
|
160
|
-
theme,
|
|
161
|
-
borderWidth,
|
|
162
|
-
borderColor,
|
|
163
|
-
cornerRadius,
|
|
164
|
-
showShadow,
|
|
165
|
-
shadowColor,
|
|
166
|
-
shadowOffset,
|
|
167
|
-
shadowOpacity,
|
|
168
|
-
elevation,
|
|
169
|
-
borderDirection,
|
|
170
|
-
}),
|
|
171
|
-
}), [cornerRadius, borderWidth, showShadow, shadowColor, shadowOffset, shadowOpacity, elevation, borderDirection]);
|
|
172
|
-
const { root: customRootStyles = [] } = styleConfig || {};
|
|
173
|
-
return (jsxRuntime.jsx(ctDesignContainer.Container, { ref: ref, onClick: onClick, onLayout: onLayout, styleConfig: {
|
|
174
|
-
root: [cardStyles.root, ...customRootStyles],
|
|
175
|
-
}, children: children }));
|
|
176
|
-
});
|
|
177
|
-
Card.displayName = 'Card';
|
|
178
|
-
|
|
179
162
|
exports.Card = Card;
|
|
180
163
|
exports.CardBorderColors = CardBorderColors;
|
|
181
164
|
exports.getBorderDirectionStyles = getBorderDirectionStyles;
|
|
@@ -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,9 +1,14 @@
|
|
|
1
1
|
import { jsx } from 'react/jsx-runtime';
|
|
2
2
|
import { forwardRef } from 'react';
|
|
3
3
|
import { Container } from '@cleartrip/ct-design-container';
|
|
4
|
-
import { useStyles } from '@cleartrip/ct-design-style-manager';
|
|
5
4
|
import { colors } from '@cleartrip/ct-design-tokens';
|
|
6
5
|
|
|
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
|
+
|
|
7
12
|
var CardSize;
|
|
8
13
|
(function (CardSize) {
|
|
9
14
|
CardSize["NONE"] = "none";
|
|
@@ -152,27 +157,5 @@ const getCardStyles = ({ borderColor, cornerRadius, borderWidth, showShadow, sha
|
|
|
152
157
|
return Object.assign(Object.assign({}, shadowStyles), borderStyles);
|
|
153
158
|
};
|
|
154
159
|
|
|
155
|
-
const Card = forwardRef(({ borderWidth = 'sm', borderColor = colors.black, borderDirection = 'default', cornerRadius = 'md', showShadow = true, shadowColor = '#000', shadowOffset = { width: 0, height: 1 }, shadowOpacity = 0.8, elevation = 1, styleConfig, children, onClick, onLayout, }, ref) => {
|
|
156
|
-
const cardStyles = useStyles((theme) => ({
|
|
157
|
-
root: getCardStyles({
|
|
158
|
-
theme,
|
|
159
|
-
borderWidth,
|
|
160
|
-
borderColor,
|
|
161
|
-
cornerRadius,
|
|
162
|
-
showShadow,
|
|
163
|
-
shadowColor,
|
|
164
|
-
shadowOffset,
|
|
165
|
-
shadowOpacity,
|
|
166
|
-
elevation,
|
|
167
|
-
borderDirection,
|
|
168
|
-
}),
|
|
169
|
-
}), [cornerRadius, borderWidth, showShadow, shadowColor, shadowOffset, shadowOpacity, elevation, borderDirection]);
|
|
170
|
-
const { root: customRootStyles = [] } = styleConfig || {};
|
|
171
|
-
return (jsx(Container, { ref: ref, onClick: onClick, onLayout: onLayout, styleConfig: {
|
|
172
|
-
root: [cardStyles.root, ...customRootStyles],
|
|
173
|
-
}, children: children }));
|
|
174
|
-
});
|
|
175
|
-
Card.displayName = 'Card';
|
|
176
|
-
|
|
177
160
|
export { Card, CardBorderColors, CardBorderDirection, CardBorderWidth, CardRadius, CardShadowDirection, CardShadowVariant, CardSize, getBorderDirectionStyles, getCardBorderRadius, getCardBorderStyles, getCardBorderWidth, getCardStyles, getDefaultCardStyles };
|
|
178
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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"}
|
|
@@ -1,8 +1,14 @@
|
|
|
1
1
|
(function (global, factory) {
|
|
2
|
-
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react/jsx-runtime'), require('react'), require('@cleartrip/ct-design-container'), require('@cleartrip/ct-design-
|
|
3
|
-
typeof define === 'function' && define.amd ? define(['exports', 'react/jsx-runtime', 'react', '@cleartrip/ct-design-container', '@cleartrip/ct-design-
|
|
4
|
-
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.CTDesignSystemCard = {}, global.jsxRuntime, global.React, global.ctDesignContainer, global.
|
|
5
|
-
})(this, (function (exports, jsxRuntime, react, ctDesignContainer,
|
|
2
|
+
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react/jsx-runtime'), require('react'), require('@cleartrip/ct-design-container'), require('@cleartrip/ct-design-tokens')) :
|
|
3
|
+
typeof define === 'function' && define.amd ? define(['exports', 'react/jsx-runtime', 'react', '@cleartrip/ct-design-container', '@cleartrip/ct-design-tokens'], factory) :
|
|
4
|
+
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.CTDesignSystemCard = {}, global.jsxRuntime, global.React, global.ctDesignContainer, global.ctDesignTokens));
|
|
5
|
+
})(this, (function (exports, jsxRuntime, react, ctDesignContainer, ctDesignTokens) { 'use strict';
|
|
6
|
+
|
|
7
|
+
const Card = react.forwardRef(({ children, styleConfig, onClick }, forwardedRef) => {
|
|
8
|
+
const { root = [] } = styleConfig || {};
|
|
9
|
+
return (jsxRuntime.jsx(ctDesignContainer.Container, { ref: forwardedRef, onClick: onClick, styleConfig: { root: [...root] }, children: children }));
|
|
10
|
+
});
|
|
11
|
+
Card.displayName = 'Card';
|
|
6
12
|
|
|
7
13
|
exports.CardSize = void 0;
|
|
8
14
|
(function (CardSize) {
|
|
@@ -152,28 +158,6 @@
|
|
|
152
158
|
return Object.assign(Object.assign({}, shadowStyles), borderStyles);
|
|
153
159
|
};
|
|
154
160
|
|
|
155
|
-
const Card = react.forwardRef(({ borderWidth = 'sm', borderColor = ctDesignTokens.colors.black, borderDirection = 'default', cornerRadius = 'md', showShadow = true, shadowColor = '#000', shadowOffset = { width: 0, height: 1 }, shadowOpacity = 0.8, elevation = 1, styleConfig, children, onClick, onLayout, }, ref) => {
|
|
156
|
-
const cardStyles = ctDesignStyleManager.useStyles((theme) => ({
|
|
157
|
-
root: getCardStyles({
|
|
158
|
-
theme,
|
|
159
|
-
borderWidth,
|
|
160
|
-
borderColor,
|
|
161
|
-
cornerRadius,
|
|
162
|
-
showShadow,
|
|
163
|
-
shadowColor,
|
|
164
|
-
shadowOffset,
|
|
165
|
-
shadowOpacity,
|
|
166
|
-
elevation,
|
|
167
|
-
borderDirection,
|
|
168
|
-
}),
|
|
169
|
-
}), [cornerRadius, borderWidth, showShadow, shadowColor, shadowOffset, shadowOpacity, elevation, borderDirection]);
|
|
170
|
-
const { root: customRootStyles = [] } = styleConfig || {};
|
|
171
|
-
return (jsxRuntime.jsx(ctDesignContainer.Container, { ref: ref, onClick: onClick, onLayout: onLayout, styleConfig: {
|
|
172
|
-
root: [cardStyles.root, ...customRootStyles],
|
|
173
|
-
}, children: children }));
|
|
174
|
-
});
|
|
175
|
-
Card.displayName = 'Card';
|
|
176
|
-
|
|
177
161
|
exports.Card = Card;
|
|
178
162
|
exports.CardBorderColors = CardBorderColors;
|
|
179
163
|
exports.getBorderDirectionStyles = getBorderDirectionStyles;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ct-design-card.umd.js","sources":["../packages/components/Card/src/
|
|
1
|
+
{"version":3,"file":"ct-design-card.umd.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":";;;;;;AAMA,UAAM,IAAI,GAAGA,gBAAU,CAA2B,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE,OAAO,EAAE,EAAE,YAAY,KAAI;QACrG,MAAM,EAAE,IAAI,GAAG,EAAE,EAAE,GAAG,WAAW,IAAI,EAAE,CAAC;QAExC,QACEC,cAAC,CAAAC,2BAAS,EAAC,EAAA,GAAG,EAAE,YAAY,EAAE,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,EAAE,IAAI,EAAE,CAAC,GAAG,IAAI,CAAC,EAAE,EAC7E,QAAA,EAAA,QAAQ,EACC,CAAA,EACZ;IACJ,CAAC,EAAE;IAEH,IAAI,CAAC,WAAW,GAAG,MAAM;;ACdbC,8BAMX;IAND,CAAA,UAAY,QAAQ,EAAA;IAClB,IAAA,QAAA,CAAA,MAAA,CAAA,GAAA,MAAa,CAAA;IACb,IAAA,QAAA,CAAA,OAAA,CAAA,GAAA,IAAY,CAAA;IACZ,IAAA,QAAA,CAAA,QAAA,CAAA,GAAA,IAAa,CAAA;IACb,IAAA,QAAA,CAAA,OAAA,CAAA,GAAA,IAAY,CAAA;IACZ,IAAA,QAAA,CAAA,aAAA,CAAA,GAAA,IAAkB,CAAA;IACpB,CAAC,EANWA,gBAAQ,KAARA,gBAAQ,GAMnB,EAAA,CAAA,CAAA,CAAA;AAEWC,gCAMX;IAND,CAAA,UAAY,UAAU,EAAA;IACpB,IAAA,UAAA,CAAA,MAAA,CAAA,GAAA,MAAa,CAAA;IACb,IAAA,UAAA,CAAA,OAAA,CAAA,GAAA,IAAY,CAAA;IACZ,IAAA,UAAA,CAAA,QAAA,CAAA,GAAA,IAAa,CAAA;IACb,IAAA,UAAA,CAAA,OAAA,CAAA,GAAA,IAAY,CAAA;IACZ,IAAA,UAAA,CAAA,aAAA,CAAA,GAAA,IAAkB,CAAA;IACpB,CAAC,EANWA,kBAAU,KAAVA,kBAAU,GAMrB,EAAA,CAAA,CAAA,CAAA;AAEWC,qCAKX;IALD,CAAA,UAAY,eAAe,EAAA;IACzB,IAAA,eAAA,CAAA,MAAA,CAAA,GAAA,MAAa,CAAA;IACb,IAAA,eAAA,CAAA,OAAA,CAAA,GAAA,IAAY,CAAA;IACZ,IAAA,eAAA,CAAA,QAAA,CAAA,GAAA,IAAa,CAAA;IACb,IAAA,eAAA,CAAA,OAAA,CAAA,GAAA,IAAY,CAAA;IACd,CAAC,EALWA,uBAAe,KAAfA,uBAAe,GAK1B,EAAA,CAAA,CAAA,CAAA;AAEWC,yCAGX;IAHD,CAAA,UAAY,mBAAmB,EAAA;IAC7B,IAAA,mBAAA,CAAA,KAAA,CAAA,GAAA,KAAW,CAAA;IACX,IAAA,mBAAA,CAAA,QAAA,CAAA,GAAA,QAAiB,CAAA;IACnB,CAAC,EAHWA,2BAAmB,KAAnBA,2BAAmB,GAG9B,EAAA,CAAA,CAAA,CAAA;AAEWC,uCAKX;IALD,CAAA,UAAY,iBAAiB,EAAA;IAC3B,IAAA,iBAAA,CAAA,IAAA,CAAA,GAAA,IAAS,CAAA;IACT,IAAA,iBAAA,CAAA,IAAA,CAAA,GAAA,IAAS,CAAA;IACT,IAAA,iBAAA,CAAA,IAAA,CAAA,GAAA,IAAS,CAAA;IACT,IAAA,iBAAA,CAAA,IAAA,CAAA,GAAA,IAAS,CAAA;IACX,CAAC,EALWA,yBAAiB,KAAjBA,yBAAiB,GAK5B,EAAA,CAAA,CAAA,CAAA;AAEWC,yCAMX;IAND,CAAA,UAAY,mBAAmB,EAAA;IAC7B,IAAA,mBAAA,CAAA,KAAA,CAAA,GAAA,KAAW,CAAA;IACX,IAAA,mBAAA,CAAA,QAAA,CAAA,GAAA,QAAiB,CAAA;IACjB,IAAA,mBAAA,CAAA,MAAA,CAAA,GAAA,MAAa,CAAA;IACb,IAAA,mBAAA,CAAA,OAAA,CAAA,GAAA,OAAe,CAAA;IACf,IAAA,mBAAA,CAAA,SAAA,CAAA,GAAA,SAAmB,CAAA;IACrB,CAAC,EANWA,2BAAmB,KAAnBA,2BAAmB,GAM9B,EAAA,CAAA,CAAA,CAAA;AAEY,UAAA,gBAAgB,GAAG;QAC9B,OAAO,EAAEC,qBAAM,CAAC,KAAK;QACrB,SAAS,EAAEA,qBAAM,CAAC,OAAO;QACzB,QAAQ,EAAEA,qBAAM,CAAC,OAAO;;;UC3Cb,mBAAmB,GAAG,CAAC,YAA0B,EAAE,KAAY,KAAY;QACtF,QAAQ,YAAY;IAClB,QAAA,KAAKN,gBAAQ,CAAC,IAAI,EAAE;gBAClB,OAAO,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;aAC/B;IACD,QAAA,KAAKA,gBAAQ,CAAC,KAAK,EAAE;gBACnB,OAAO,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;aAC/B;IACD,QAAA,KAAKA,gBAAQ,CAAC,MAAM,EAAE;gBACpB,OAAO,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;aAC/B;IACD,QAAA,KAAKA,gBAAQ,CAAC,KAAK,EAAE;gBACnB,OAAO,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;aAChC;IACD,QAAA,KAAKA,gBAAQ,CAAC,WAAW,EAAE;gBACzB,OAAO,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;aAChC;YACD,SAAS;gBACP,OAAO,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;aAC/B;SACF;IACH,EAAE;UAEW,kBAAkB,GAAG,CAAC,WAAgC,EAAE,KAAY,KAAY;QAC3F,QAAQ,WAAW;IACjB,QAAA,KAAKA,gBAAQ,CAAC,IAAI,EAAE;IAClB,YAAA,OAAO,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC;aAChC;IACD,QAAA,KAAKA,gBAAQ,CAAC,KAAK,EAAE;IACnB,YAAA,OAAO,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC;aAC9B;IACD,QAAA,KAAKA,gBAAQ,CAAC,MAAM,EAAE;IACpB,YAAA,OAAO,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC;aAC9B;IACD,QAAA,KAAKA,gBAAQ,CAAC,KAAK,EAAE;IACnB,YAAA,OAAO,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC;aAC9B;YACD,SAAS;IACP,YAAA,OAAO,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC;aAC9B;SACF;IACH,EAAE;AAQK,UAAM,wBAAwB,GAAG,CACtC,gBAAyC,EACzC,WAAmB,EACnB,WAAoB,EACpB,WAAmB,KACC;QACpB,OAAO;YACL,WAAW;YACX,WAAW;YACX,WAAW;SACZ,CAAC;IACJ,EAAE;AAEW,UAAA,mBAAmB,GAAG,CACjC,eAAoC,EACpC,YAA0B,EAC1B,eAAwC,EACxC,WAAgC,EAChC,KAAY,EACZ,QAAkB,KAC0D;QAC5E,MAAM,YAAY,GAAG,mBAAmB,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC;QAC9D,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC;QAC7C,MAAM,WAAW,GAAG,kBAAkB,CAAC,eAAe,EAAE,KAAK,CAAC,CAAC;IAC/D,IAAA,MAAM,MAAM,GAAG,wBAAwB,CAAC,eAAe,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,CAAC,CAAC;IAChG,IAAA,OAAO,QAAQ;cACX,EAAE,YAAY,EAAE;IAClB,UACI,MAAA,CAAA,MAAA,CAAA,EAAA,YAAY,EACT,EAAA,MAAM,CACV,CAAC;IACR,EAAE;UAQW,oBAAoB,GAAG,CAAC,KAAY,EAAE,IAAkB,KAAoB;QACvF,QAAQ,IAAI;YACV,KAAKA,gBAAQ,CAAC,KAAK;gBACjB,OAAO;IACL,gBAAA,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC;oBACtB,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC;IACrC,gBAAA,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK;iBACtC,CAAC;YACJ,KAAKA,gBAAQ,CAAC,MAAM;gBAClB,OAAO;IACL,gBAAA,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC;oBACtB,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC;IACrC,gBAAA,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK;iBACtC,CAAC;YACJ,KAAKA,gBAAQ,CAAC,KAAK;gBACjB,OAAO;IACL,gBAAA,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC;oBACrB,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC;IACrC,gBAAA,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK;iBACtC,CAAC;IACJ,QAAA;gBACE,OAAO;IACL,gBAAA,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC;oBACtB,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC;IACrC,gBAAA,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK;iBACtC,CAAC;SACL;IACH,EAAE;AAcW,UAAA,aAAa,GAAG,CAAC,EAC5B,WAAW,EACX,YAAY,EACZ,WAAW,EACX,UAAU,EACV,WAAW,EACX,YAAY,EACZ,aAAa,EACb,SAAS,EACT,eAAe,EACf,KAAK,GAYN,KAAyB;QACxB,MAAM,YAAY,GAAG,UAAU;IAC7B,UAAE;gBACE,WAAW;gBACX,YAAY;gBACZ,aAAa;IACb,YAAA,YAAY,EAAE,CAAC;gBACf,SAAS;IACV,SAAA;cACD,EAAE,CAAC;IAEP,IAAA,MAAM,YAAY,GAAG,mBAAmB,CAAC,WAAW,EAAE,YAAY,EAAE,eAAe,EAAE,WAAW,EAAE,KAAK,CAAC,CAAC;QAEzG,OACK,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,YAAY,CACZ,EAAA,YAAY,CACf,CAAA;IACJ;;;;;;;;;;;;;;;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@cleartrip/ct-design-card",
|
|
3
|
-
"version": "5.7.0
|
|
3
|
+
"version": "5.7.0",
|
|
4
4
|
"description": "",
|
|
5
5
|
"types": "dist/index.d.ts",
|
|
6
6
|
"main": "./dist/ct-design-card.cjs.js",
|
|
@@ -24,13 +24,13 @@
|
|
|
24
24
|
"src"
|
|
25
25
|
],
|
|
26
26
|
"dependencies": {
|
|
27
|
-
"@cleartrip/ct-design-container": "5.7.0
|
|
28
|
-
"@cleartrip/ct-design-
|
|
29
|
-
"@cleartrip/ct-design-
|
|
30
|
-
"@cleartrip/ct-design-
|
|
27
|
+
"@cleartrip/ct-design-container": "5.7.0",
|
|
28
|
+
"@cleartrip/ct-design-tokens": "5.7.0",
|
|
29
|
+
"@cleartrip/ct-design-style-manager": "5.7.0",
|
|
30
|
+
"@cleartrip/ct-design-theme": "5.7.0"
|
|
31
31
|
},
|
|
32
32
|
"devDependencies": {
|
|
33
|
-
"@cleartrip/ct-design-types": "5.7.0
|
|
33
|
+
"@cleartrip/ct-design-types": "5.7.0"
|
|
34
34
|
},
|
|
35
35
|
"peerDependencies": {
|
|
36
36
|
"react": ">=16.8.0",
|
package/src/Card.tsx
CHANGED
|
@@ -1,66 +1,18 @@
|
|
|
1
1
|
import { forwardRef } from 'react';
|
|
2
2
|
|
|
3
3
|
import { Container, ContainerRef } from '@cleartrip/ct-design-container';
|
|
4
|
-
import { useStyles } from '@cleartrip/ct-design-style-manager';
|
|
5
|
-
import { colors } from '@cleartrip/ct-design-tokens';
|
|
6
4
|
|
|
7
|
-
import { getCardStyles } from './style';
|
|
8
5
|
import { ICardProps } from './type';
|
|
9
6
|
|
|
10
|
-
const Card = forwardRef<ContainerRef, ICardProps>(
|
|
11
|
-
|
|
12
|
-
{
|
|
13
|
-
borderWidth = 'sm',
|
|
14
|
-
borderColor = colors.black,
|
|
15
|
-
borderDirection = 'default',
|
|
16
|
-
cornerRadius = 'md',
|
|
17
|
-
showShadow = true,
|
|
18
|
-
shadowColor = '#000',
|
|
19
|
-
shadowOffset = { width: 0, height: 1 },
|
|
20
|
-
shadowOpacity = 0.8,
|
|
21
|
-
elevation = 1,
|
|
22
|
-
styleConfig,
|
|
23
|
-
children,
|
|
24
|
-
onClick,
|
|
25
|
-
onLayout,
|
|
26
|
-
},
|
|
27
|
-
ref,
|
|
28
|
-
) => {
|
|
29
|
-
const cardStyles = useStyles(
|
|
30
|
-
(theme) => ({
|
|
31
|
-
root: getCardStyles({
|
|
32
|
-
theme,
|
|
33
|
-
borderWidth,
|
|
34
|
-
borderColor,
|
|
35
|
-
cornerRadius,
|
|
36
|
-
showShadow,
|
|
37
|
-
shadowColor,
|
|
38
|
-
shadowOffset,
|
|
39
|
-
shadowOpacity,
|
|
40
|
-
elevation,
|
|
41
|
-
borderDirection,
|
|
42
|
-
}),
|
|
43
|
-
}),
|
|
44
|
-
[cornerRadius, borderWidth, showShadow, shadowColor, shadowOffset, shadowOpacity, elevation, borderDirection],
|
|
45
|
-
);
|
|
7
|
+
const Card = forwardRef<ContainerRef, ICardProps>(({ children, styleConfig, onClick }, forwardedRef) => {
|
|
8
|
+
const { root = [] } = styleConfig || {};
|
|
46
9
|
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
onLayout={onLayout}
|
|
54
|
-
styleConfig={{
|
|
55
|
-
root: [cardStyles.root, ...customRootStyles],
|
|
56
|
-
}}
|
|
57
|
-
>
|
|
58
|
-
{children}
|
|
59
|
-
</Container>
|
|
60
|
-
);
|
|
61
|
-
},
|
|
62
|
-
);
|
|
10
|
+
return (
|
|
11
|
+
<Container ref={forwardedRef} onClick={onClick} styleConfig={{ root: [...root] }}>
|
|
12
|
+
{children}
|
|
13
|
+
</Container>
|
|
14
|
+
);
|
|
15
|
+
});
|
|
63
16
|
|
|
64
17
|
Card.displayName = 'Card';
|
|
65
|
-
|
|
66
18
|
export default Card;
|