@cleartrip/ct-design-card 5.6.0 → 5.7.0-SNAPSHOT-native-main.2
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 +23 -6
- package/dist/ct-design-card.cjs.js.map +1 -1
- package/dist/ct-design-card.esm.js +23 -6
- package/dist/ct-design-card.esm.js.map +1 -1
- package/dist/ct-design-card.umd.js +26 -10
- package/dist/ct-design-card.umd.js.map +1 -1
- package/package.json +6 -6
- package/src/Card.tsx +56 -8
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;AAKzE,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAEpC,QAAA,MAAM,IAAI,qGAoDT,CAAC;AAIF,eAAe,IAAI,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var r=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";var r,e,o,d,t,s,a=require("react/jsx-runtime"),i=require("react"),n=require("@cleartrip/ct-design-container"),l=require("@cleartrip/ct-design-style-manager"),c=require("@cleartrip/ct-design-tokens");exports.CardSize=void 0,(r=exports.CardSize||(exports.CardSize={})).NONE="none",r.SMALL="sm",r.MEDIUM="md",r.LARGE="lg",r.EXTRA_LARGE="xl",exports.CardRadius=void 0,(e=exports.CardRadius||(exports.CardRadius={})).NONE="none",e.SMALL="sm",e.MEDIUM="md",e.LARGE="lg",e.EXTRA_LARGE="xl",exports.CardBorderWidth=void 0,(o=exports.CardBorderWidth||(exports.CardBorderWidth={})).NONE="none",o.SMALL="sm",o.MEDIUM="md",o.LARGE="lg",exports.CardShadowDirection=void 0,(d=exports.CardShadowDirection||(exports.CardShadowDirection={})).TOP="top",d.BOTTOM="bottom",exports.CardShadowVariant=void 0,(t=exports.CardShadowVariant||(exports.CardShadowVariant={})).E1="E1",t.E2="E2",t.E3="E3",t.E4="E4",exports.CardBorderDirection=void 0,(s=exports.CardBorderDirection||(exports.CardBorderDirection={})).TOP="top",s.BOTTOM="bottom",s.LEFT="left",s.RIGHT="right",s.DEFAULT="default";const u={PRIMARY:c.colors.black,SECONDARY:c.colors.success,TERTIARY:c.colors.warning},h=(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]}},C=(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}),p=(r,e,o,d,t,s)=>{const a=h(e,t),i=t.border.style.solid,n=C(r,t),l=b(0,n,i,d);return s?{borderRadius:a}:Object.assign({borderRadius:a},l)},x=({borderColor:r,cornerRadius:e,borderWidth:o,showShadow:d,shadowColor:t,shadowOffset:s,shadowOpacity:a,elevation:i,borderDirection:n,theme:l})=>{const c=d?{shadowColor:t,shadowOffset:s,shadowOpacity:a,shadowRadius:2,elevation:i}:{},u=p(o,e,0,r,l);return Object.assign(Object.assign({},c),u)},S=i.forwardRef(({borderWidth:r="sm",borderColor:e=c.colors.black,borderDirection:o="default",cornerRadius:d="md",showShadow:t=!0,shadowColor:s="#000",shadowOffset:i={width:0,height:1},shadowOpacity:u=.8,elevation:h=1,styleConfig:C,children:b,onClick:p,onLayout:S},w)=>{const E=l.useStyles(a=>({root:x({theme:a,borderWidth:r,borderColor:e,cornerRadius:d,showShadow:t,shadowColor:s,shadowOffset:i,shadowOpacity:u,elevation:h,borderDirection:o})}),[d,r,t,s,i,u,h,o]),{root:R=[]}=C||{};return a.jsx(n.Container,{ref:w,onClick:p,onLayout:S,styleConfig:{root:[E.root,...R]},children:b})});S.displayName="Card",exports.Card=S,exports.CardBorderColors=u,exports.getBorderDirectionStyles=b,exports.getCardBorderRadius=h,exports.getCardBorderStyles=p,exports.getCardBorderWidth=C,exports.getCardStyles=x,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/constants.ts","../packages/components/Card/src/style.ts","../packages/components/Card/src/Card.tsx"],"sourcesContent":[null,null,null],"names":["CardSize","CardRadius","CardBorderWidth","CardShadowDirection","CardShadowVariant","CardBorderDirection","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","getCardStyles","showShadow","shadowColor","shadowOffset","shadowOpacity","elevation","shadowStyles","shadowRadius","borderStyles","Card","forwardRef","height","styleConfig","children","onClick","onLayout","ref","cardStyles","useStyles","root","customRootStyles","_jsx","jsx","Container","displayName","size"],"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{useStyles as t}from"@cleartrip/ct-design-style-manager";import{colors as d}from"@cleartrip/ct-design-tokens";var s,i,a,n,c,u;!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"}(a||(a={})),function(r){r.TOP="top",r.BOTTOM="bottom"}(n||(n={})),function(r){r.E1="E1",r.E2="E2",r.E3="E3",r.E4="E4"}(c||(c={})),function(r){r.TOP="top",r.BOTTOM="bottom",r.LEFT="left",r.RIGHT="right",r.DEFAULT="default"}(u||(u={}));const l={PRIMARY:d.black,SECONDARY:d.success,TERTIARY:d.warning},b=(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]}},h=(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}},E=(r,e,o,t)=>({borderWidth:e,borderStyle:o,borderColor:t}),w=(r,e,o,t,d,s)=>{const i=b(e,d),a=d.border.style.solid,n=h(r,d),c=E(0,n,a,t);return s?{borderRadius:i}:Object.assign({borderRadius:i},c)},f=(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}}},m=({borderColor:r,cornerRadius:e,borderWidth:o,showShadow:t,shadowColor:d,shadowOffset:s,shadowOpacity:i,elevation:a,borderDirection:n,theme:c})=>{const u=t?{shadowColor:d,shadowOffset:s,shadowOpacity:i,shadowRadius:2,elevation:a}:{},l=w(o,e,0,r,c);return Object.assign(Object.assign({},u),l)},R=e(({borderWidth:e="sm",borderColor:s=d.black,borderDirection:i="default",cornerRadius:a="md",showShadow:n=!0,shadowColor:c="#000",shadowOffset:u={width:0,height:1},shadowOpacity:l=.8,elevation:b=1,styleConfig:h,children:E,onClick:w,onLayout:f},R)=>{const L=t(r=>({root:m({theme:r,borderWidth:e,borderColor:s,cornerRadius:a,showShadow:n,shadowColor:c,shadowOffset:u,shadowOpacity:l,elevation:b,borderDirection:i})}),[a,e,n,c,u,l,b,i]),{root:O=[]}=h||{};return r(o,{ref:R,onClick:w,onLayout:f,styleConfig:{root:[L.root,...O]},children:E})});R.displayName="Card";export{R as Card,l as CardBorderColors,u as CardBorderDirection,a as CardBorderWidth,i as CardRadius,n as CardShadowDirection,c as CardShadowVariant,s as CardSize,E as getBorderDirectionStyles,b as getCardBorderRadius,w as getCardBorderStyles,h as getCardBorderWidth,m as getCardStyles,f 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/constants.ts","../packages/components/Card/src/style.ts","../packages/components/Card/src/Card.tsx"],"sourcesContent":[null,null,null],"names":["CardSize","CardRadius","CardBorderWidth","CardShadowDirection","CardShadowVariant","CardBorderDirection","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","Card","forwardRef","styleConfig","children","onClick","onLayout","ref","cardStyles","useStyles","root","customRootStyles","_jsx","Container","displayName"],"mappings":"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"}
|
|
@@ -3,14 +3,9 @@
|
|
|
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');
|
|
6
7
|
var ctDesignTokens = require('@cleartrip/ct-design-tokens');
|
|
7
8
|
|
|
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
|
-
|
|
14
9
|
exports.CardSize = void 0;
|
|
15
10
|
(function (CardSize) {
|
|
16
11
|
CardSize["NONE"] = "none";
|
|
@@ -159,6 +154,28 @@ const getCardStyles = ({ borderColor, cornerRadius, borderWidth, showShadow, sha
|
|
|
159
154
|
return Object.assign(Object.assign({}, shadowStyles), borderStyles);
|
|
160
155
|
};
|
|
161
156
|
|
|
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
|
+
|
|
162
179
|
exports.Card = Card;
|
|
163
180
|
exports.CardBorderColors = CardBorderColors;
|
|
164
181
|
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/constants.ts","../packages/components/Card/src/style.ts","../packages/components/Card/src/Card.tsx"],"sourcesContent":[null,null,null],"names":["CardSize","CardRadius","CardBorderWidth","CardShadowDirection","CardShadowVariant","CardBorderDirection","colors","forwardRef","useStyles","_jsx","Container"],"mappings":"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"}
|
|
@@ -1,14 +1,9 @@
|
|
|
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';
|
|
4
5
|
import { colors } from '@cleartrip/ct-design-tokens';
|
|
5
6
|
|
|
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
|
-
|
|
12
7
|
var CardSize;
|
|
13
8
|
(function (CardSize) {
|
|
14
9
|
CardSize["NONE"] = "none";
|
|
@@ -157,5 +152,27 @@ const getCardStyles = ({ borderColor, cornerRadius, borderWidth, showShadow, sha
|
|
|
157
152
|
return Object.assign(Object.assign({}, shadowStyles), borderStyles);
|
|
158
153
|
};
|
|
159
154
|
|
|
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
|
+
|
|
160
177
|
export { Card, CardBorderColors, CardBorderDirection, CardBorderWidth, CardRadius, CardShadowDirection, CardShadowVariant, CardSize, getBorderDirectionStyles, getCardBorderRadius, getCardBorderStyles, getCardBorderWidth, getCardStyles, getDefaultCardStyles };
|
|
161
178
|
//# 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/constants.ts","../packages/components/Card/src/style.ts","../packages/components/Card/src/Card.tsx"],"sourcesContent":[null,null,null],"names":["_jsx"],"mappings":"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"}
|
|
@@ -1,14 +1,8 @@
|
|
|
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-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';
|
|
2
|
+
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react/jsx-runtime'), require('react'), require('@cleartrip/ct-design-container'), require('@cleartrip/ct-design-style-manager'), require('@cleartrip/ct-design-tokens')) :
|
|
3
|
+
typeof define === 'function' && define.amd ? define(['exports', 'react/jsx-runtime', 'react', '@cleartrip/ct-design-container', '@cleartrip/ct-design-style-manager', '@cleartrip/ct-design-tokens'], factory) :
|
|
4
|
+
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.CTDesignSystemCard = {}, global.jsxRuntime, global.React, global.ctDesignContainer, global.ctDesignStyleManager, global.ctDesignTokens));
|
|
5
|
+
})(this, (function (exports, jsxRuntime, react, ctDesignContainer, ctDesignStyleManager, ctDesignTokens) { 'use strict';
|
|
12
6
|
|
|
13
7
|
exports.CardSize = void 0;
|
|
14
8
|
(function (CardSize) {
|
|
@@ -158,6 +152,28 @@
|
|
|
158
152
|
return Object.assign(Object.assign({}, shadowStyles), borderStyles);
|
|
159
153
|
};
|
|
160
154
|
|
|
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
|
+
|
|
161
177
|
exports.Card = Card;
|
|
162
178
|
exports.CardBorderColors = CardBorderColors;
|
|
163
179
|
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/constants.ts","../packages/components/Card/src/style.ts","../packages/components/Card/src/Card.tsx"],"sourcesContent":[null,null,null],"names":["CardSize","CardRadius","CardBorderWidth","CardShadowDirection","CardShadowVariant","CardBorderDirection","colors","forwardRef","useStyles","_jsx","Container"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@cleartrip/ct-design-card",
|
|
3
|
-
"version": "5.
|
|
3
|
+
"version": "5.7.0-SNAPSHOT-native-main.2",
|
|
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.
|
|
28
|
-
"@cleartrip/ct-design-tokens": "5.
|
|
29
|
-
"@cleartrip/ct-design-style-manager": "5.
|
|
30
|
-
"@cleartrip/ct-design-theme": "5.
|
|
27
|
+
"@cleartrip/ct-design-container": "5.7.0-SNAPSHOT-native-main.2",
|
|
28
|
+
"@cleartrip/ct-design-tokens": "5.7.0-SNAPSHOT-native-main.2",
|
|
29
|
+
"@cleartrip/ct-design-style-manager": "5.7.0-SNAPSHOT-native-main.2",
|
|
30
|
+
"@cleartrip/ct-design-theme": "5.7.0-SNAPSHOT-native-main.2"
|
|
31
31
|
},
|
|
32
32
|
"devDependencies": {
|
|
33
|
-
"@cleartrip/ct-design-types": "5.
|
|
33
|
+
"@cleartrip/ct-design-types": "5.7.0-SNAPSHOT-native-main.2"
|
|
34
34
|
},
|
|
35
35
|
"peerDependencies": {
|
|
36
36
|
"react": ">=16.8.0",
|
package/src/Card.tsx
CHANGED
|
@@ -1,18 +1,66 @@
|
|
|
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';
|
|
4
6
|
|
|
7
|
+
import { getCardStyles } from './style';
|
|
5
8
|
import { ICardProps } from './type';
|
|
6
9
|
|
|
7
|
-
const Card = forwardRef<ContainerRef, ICardProps>(
|
|
8
|
-
|
|
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
|
+
);
|
|
9
46
|
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
}
|
|
47
|
+
const { root: customRootStyles = [] } = styleConfig || {};
|
|
48
|
+
|
|
49
|
+
return (
|
|
50
|
+
<Container
|
|
51
|
+
ref={ref}
|
|
52
|
+
onClick={onClick}
|
|
53
|
+
onLayout={onLayout}
|
|
54
|
+
styleConfig={{
|
|
55
|
+
root: [cardStyles.root, ...customRootStyles],
|
|
56
|
+
}}
|
|
57
|
+
>
|
|
58
|
+
{children}
|
|
59
|
+
</Container>
|
|
60
|
+
);
|
|
61
|
+
},
|
|
62
|
+
);
|
|
16
63
|
|
|
17
64
|
Card.displayName = 'Card';
|
|
65
|
+
|
|
18
66
|
export default Card;
|