@cleartrip/ct-design-card 4.0.0 → 4.1.0-SNAPSHOT-native-main.1

package/README.md

@@ -0,0 +1,121 @@
+# Card
+
+A container component that displays content in a card-like layout with elevation.
+
+---
+
+## Installation
+
+```bash
+npm install @cleartrip/ct-design-card
+# or
+pnpm add @cleartrip/ct-design-card
+```
+
+### Peer dependencies
+
+```bash
+# Required for all targets
+npm install react
+
+# Web only
+npm install react-dom
+
+# React Native only
+npm install react-native
+```
+
+---
+
+## Usage
+
+### Basic
+
+```tsx
+import { Card } from '@cleartrip/ct-design-card';
+
+function Example() {
+  return (
+    <Card>
+      {/* Basic usage */}
+    </Card>
+  );
+}
+```
+
+---
+
+## Props
+
+| Prop | Type | Default | Required | Description |
+|------|------|---------|----------|-------------|
+| `borderWidth` | `CardBorderWidthType` | — | No | Set border width of card. Defaults to 'md'. |
+| `cornerRadius` | `CardRadiusType` | — | No | Set the radius of card corners. Defaults to 'md'. |
+| `showShadow` | `boolean` | — | No | Show shadow on the card. Defaults to true. |
+| `shadowDirection` | `CardShadowDirectionType` | — | No | Direction of the shadow. Defaults to 'top' (web only — RN uses standard |
+| `shadowVariant` | `CardShadowVariantType` | — | No | Variant of the shadow. Maps to the theme elevation tokens. Defaults to |
+| `borderDirection` | `CardBorderDirectionType` | — | No | Direction of the border. Defaults to 'default' (all sides). |
+| `noBorder` | `boolean` | — | No | When true, skips rendering the border but keeps the rounded corners. |
+| `children` | `ReactNode` | — | No | Content rendered inside the card. |
+| `styleConfig` | `ICardStyleConfig` | — | No | Style configuration overrides for the root container. |
+| `onClick` | `IContainer['onClick']` | — | No | Callback fired when the card is clicked or pressed. |
+| `onLayout` | `IContainer['onLayout']` | — | No | Callback fired when the card is layout changed. |
+
+---
+
+## CardRadius
+
+- `NONE` — none
+- `SMALL` — sm
+- `MEDIUM` — md
+- `LARGE` — lg
+- `EXTRA_LARGE` — xl
+---
+
+## CardBorderWidth
+
+- `NONE` — none
+- `SMALL` — sm
+- `MEDIUM` — md
+- `LARGE` — lg
+---
+
+## CardShadowDirection
+
+- `TOP` — top
+- `BOTTOM` — bottom
+---
+
+## CardShadowVariant
+
+- `E1` — E1
+- `E2` — E2
+- `E3` — E3
+- `E4` — E4
+---
+
+## CardBorderDirection
+
+- `TOP` — top
+- `BOTTOM` — bottom
+- `LEFT` — left
+- `RIGHT` — right
+- `DEFAULT` — default
+---
+
+## Accessibility
+
+- The component follows accessibility best practices
+- Ensure proper ARIA attributes are provided where needed
+- Test with screen readers to ensure usability
+
+---
+
+## Migration
+
+If migrating from a previous version:
+
+```diff
+- import { Card } from 'yagami/core/components';
++ import { Card } from '@cleartrip/ct-design-card';
+```

package/dist/Card.d.ts

@@ -1,6 +1,5 @@
-import { CardProps } from './type';
-import { ForwardRefComponentWithStyle } from '@cleartrip/ct-design-types';
-type PolymorphicCard = ForwardRefComponentWithStyle<'div', CardProps>;
-declare const Card: PolymorphicCard;
+import { ContainerRef } from '@cleartrip/ct-design-container';
+import { ICardProps } from './type';
+declare const Card: import("react").ForwardRefExoticComponent<ICardProps & import("react").RefAttributes<ContainerRef>>;
 export default Card;
 //# sourceMappingURL=Card.d.ts.map

package/dist/Card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../packages/components/Card/src/Card.tsx"],"names":[],"mappings":"AAIA,OAAO,EAGL,SAAS,EAIV,MAAM,QAAQ,CAAC;AAChB,OAAO,EAAE,4BAA4B,EAAY,MAAM,4BAA4B,CAAC;AAGpF,KAAK,eAAe,GAAG,4BAA4B,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;AAMtE,QAAA,MAAM,IAAI,iBAmCU,CAAC;AAErB,eAAe,IAAI,CAAC"}
+{"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"}

package/dist/Card.native.d.ts

@@ -0,0 +1,4 @@
+import { ContainerRef } from '@cleartrip/ct-design-container';
+declare const Card: import("react").ForwardRefExoticComponent<import("./type").ICardProps & import("react").RefAttributes<ContainerRef>>;
+export default Card;
+//# sourceMappingURL=Card.native.d.ts.map

package/dist/Card.native.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.native.d.ts","sourceRoot":"","sources":["../packages/components/Card/src/Card.native.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAa,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAOzE,QAAA,MAAM,IAAI,sHAsDT,CAAC;AAIF,eAAe,IAAI,CAAC"}

package/dist/constants.d.ts

@@ -0,0 +1,43 @@
+export declare enum CardSize {
+    NONE = "none",
+    SMALL = "sm",
+    MEDIUM = "md",
+    LARGE = "lg",
+    EXTRA_LARGE = "xl"
+}
+export declare enum CardRadius {
+    NONE = "none",
+    SMALL = "sm",
+    MEDIUM = "md",
+    LARGE = "lg",
+    EXTRA_LARGE = "xl"
+}
+export declare enum CardBorderWidth {
+    NONE = "none",
+    SMALL = "sm",
+    MEDIUM = "md",
+    LARGE = "lg"
+}
+export declare enum CardShadowDirection {
+    TOP = "top",
+    BOTTOM = "bottom"
+}
+export declare enum CardShadowVariant {
+    E1 = "E1",
+    E2 = "E2",
+    E3 = "E3",
+    E4 = "E4"
+}
+export declare enum CardBorderDirection {
+    TOP = "top",
+    BOTTOM = "bottom",
+    LEFT = "left",
+    RIGHT = "right",
+    DEFAULT = "default"
+}
+export declare const CardBorderColors: {
+    readonly PRIMARY: string;
+    readonly SECONDARY: string;
+    readonly TERTIARY: string;
+};
+//# sourceMappingURL=constants.d.ts.map

package/dist/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../packages/components/Card/src/constants.ts"],"names":[],"mappings":"AAEA,oBAAY,QAAQ;IAClB,IAAI,SAAS;IACb,KAAK,OAAO;IACZ,MAAM,OAAO;IACb,KAAK,OAAO;IACZ,WAAW,OAAO;CACnB;AAED,oBAAY,UAAU;IACpB,IAAI,SAAS;IACb,KAAK,OAAO;IACZ,MAAM,OAAO;IACb,KAAK,OAAO;IACZ,WAAW,OAAO;CACnB;AAED,oBAAY,eAAe;IACzB,IAAI,SAAS;IACb,KAAK,OAAO;IACZ,MAAM,OAAO;IACb,KAAK,OAAO;CACb;AAED,oBAAY,mBAAmB;IAC7B,GAAG,QAAQ;IACX,MAAM,WAAW;CAClB;AAED,oBAAY,iBAAiB;IAC3B,EAAE,OAAO;IACT,EAAE,OAAO;IACT,EAAE,OAAO;IACT,EAAE,OAAO;CACV;AAED,oBAAY,mBAAmB;IAC7B,GAAG,QAAQ;IACX,MAAM,WAAW;IACjB,IAAI,SAAS;IACb,KAAK,UAAU;IACf,OAAO,YAAY;CACpB;AAED,eAAO,MAAM,gBAAgB;;;;CAInB,CAAC"}

package/dist/ct-design-card.browser.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var r=require("tslib"),e=require("react/jsx-runtime"),o=require("react"),t=require("@cleartrip/ct-design-theme");function d(r){return r&&r.__esModule?r:{default:r}}var a,i,s,n,c,u=d(require("styled-components"));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,(s=exports.CardShadowDirection||(exports.CardShadowDirection={})).TOP="top",s.BOTTOM="bottom",exports.CardShadowVariant=void 0,(n=exports.CardShadowVariant||(exports.CardShadowVariant={})).E1="E1",n.E2="E2",n.E3="E3",n.E4="E4",exports.CardBorderDirection=void 0,(c=exports.CardBorderDirection||(exports.CardBorderDirection={})).TOP="top",c.BOTTOM="bottom",c.LEFT="left",c.RIGHT="right",c.DEFAULT="default";var h=function(r,e){switch(r){case exports.CardRadius.NONE:return e.border.radius[0];case exports.CardRadius.SMALL:return e.border.radius[6];case exports.CardRadius.MEDIUM:return e.border.radius[8];case exports.CardRadius.LARGE:return e.border.radius[12];case exports.CardRadius.EXTRA_LARGE:return e.border.radius[16];default:return e.border.radius[8]}},p=function(r,e){switch(r){case exports.CardRadius.NONE:return e.border.width.none;case exports.CardRadius.SMALL:return e.border.width.sm;case exports.CardRadius.MEDIUM:return e.border.width.md;case exports.CardRadius.LARGE:return e.border.width.lg;default:return e.border.width.md}},b=function(r,e,o,t){switch(r){case exports.CardBorderDirection.DEFAULT:return{border:"".concat(e," ").concat(o," ").concat(t)};case exports.CardBorderDirection.TOP:return{borderTop:"".concat(e," ").concat(o," ").concat(t)};case exports.CardBorderDirection.BOTTOM:return{borderBottom:"".concat(e," ").concat(o," ").concat(t)};case exports.CardBorderDirection.LEFT:return{borderLeft:"".concat(e," ").concat(o," ").concat(t)};case exports.CardBorderDirection.RIGHT:return{borderRight:"".concat(e," ").concat(o," ").concat(t)};default:return{border:"".concat(e," ").concat(o," ").concat(t)}}},x=function(e,o,t,d,a){var i=h(o,d),s=d.border.style.solid,n=d.color.border.default,c=p(e,d),u=b(t,c,s,n);return a?{borderRadius:i}:r.__assign({borderRadius:i},u)},C=function(r,e){switch(r){case exports.CardShadowVariant.E1:return e.elevation.topE1;case exports.CardShadowVariant.E2:return e.elevation.topE2;case exports.CardShadowVariant.E3:return e.elevation.topE3;case exports.CardShadowVariant.E4:return e.elevation.topE4;default:return e.elevation.topE2}},w=function(r,e){switch(r){case exports.CardShadowVariant.E1:return e.elevation.bottomE1;case exports.CardShadowVariant.E2:return e.elevation.bottomE2;case exports.CardShadowVariant.E3:return e.elevation.bottomE3;case exports.CardShadowVariant.E4:return e.elevation.bottomE4;default:return e.elevation.bottomE2}},E=function(r,e,o){switch(r){case exports.CardShadowDirection.TOP:return C(e,o);case exports.CardShadowDirection.BOTTOM:default:return w(e,o)}},l=function(e){var o=e.cornerRadius,t=e.borderWidth,d=e.showShadow,a=e.shadowDirection,i=e.shadowVariant,s=e.borderDirection,n=e.theme,c=e.noBorder;return r.__assign({boxShadow:d?E(a,i,n):"none"},x(t,o,s,n,c))},R=u.default.div((function(e){var o=e.css,t=e.theme,d=r.__rest(e,["css","theme"]);return function(e){var o=e.borderRadius,t=e.border,d=e.borderTop,a=e.borderBottom,i=e.borderLeft,s=e.borderRight,n=e.boxShadow,c=e.borderColor,u=e.theme,h=r.__rest(e,["borderRadius","border","borderTop","borderBottom","borderLeft","borderRight","boxShadow","borderColor","theme"]);return r.__assign({borderRadius:o,border:t,borderTop:d,borderBottom:a,borderLeft:i,borderRight:s,boxShadow:n,borderColor:c,backgroundColor:u.color.background.neutral},h)}(r.__assign(r.__assign(r.__assign({},o),{theme:t}),d))})),S=o.forwardRef((function(o,d){var a=o.children,i=o.cornerRadius,s=void 0===i?exports.CardRadius.MEDIUM:i,n=o.borderWidth,c=void 0===n?exports.CardBorderWidth.MEDIUM:n,u=o.showShadow,h=void 0===u||u,p=o.shadowDirection,b=void 0===p?exports.CardShadowDirection.TOP:p,x=o.shadowVariant,C=void 0===x?exports.CardShadowVariant.E2:x,w=o.borderDirection,E=void 0===w?exports.CardBorderDirection.DEFAULT:w,S=o.css;o.onChange;var D=o.noBorder,v=void 0!==D&&D,m=r.__rest(o,["children","cornerRadius","borderWidth","showShadow","shadowDirection","shadowVariant","borderDirection","css","onChange","noBorder"]),f=t.useTheme(),g=l({cornerRadius:s,borderWidth:c,showShadow:h,shadowDirection:b,shadowVariant:C,borderDirection:E,theme:f,noBorder:v});return e.jsx(R,r.__assign({ref:d,css:r.__assign(r.__assign({},g),S)},m,{theme:f},{children:a}))}));exports.Card=S,exports.getBorderDirectionStyles=b,exports.getBottomShadow=w,exports.getCardBorderRadius=h,exports.getCardBorderStyles=x,exports.getCardBorderWidth=p,exports.getCardShadowStyles=E,exports.getCardStyles=l,exports.getTopShadow=C;
+"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}}};
 //# sourceMappingURL=ct-design-card.browser.cjs.js.map

package/dist/ct-design-card.browser.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"ct-design-card.browser.cjs.js","sources":["../packages/components/Card/src/type.ts","../packages/components/Card/src/style.ts","../packages/components/Card/src/Card.tsx","../packages/components/Card/src/StyledCard/style.ts"],"sourcesContent":[null,null,null,null],"names":["CardRadius","CardBorderWidth","CardShadowDirection","CardShadowVariant","CardBorderDirection","getCardBorderRadius","cornerRadius","theme","NONE","border","radius","SMALL","MEDIUM","LARGE","EXTRA_LARGE","getCardBorderWidth","borderWidth","width","none","sm","md","lg","getBorderDirectionStyles","borderDirection","borderStyle","borderColor","DEFAULT","concat","TOP","borderTop","BOTTOM","borderBottom","LEFT","borderLeft","RIGHT","borderRight","getCardBorderStyles","cardBorderWidth","noBorder","borderRadius","style","solid","color","default","getTopShadow","shadowVariant","E1","elevation","topE1","E2","topE2","E3","topE3","E4","topE4","getBottomShadow","bottomE1","bottomE2","bottomE3","bottomE4","getCardShadowStyles","shadowDirection","getCardStyles","_a","showShadow","__assign","boxShadow","StyledCard","styled","div","css","rest","__rest","backgroundColor","background","neutral","getStyledCardStyled","Card","forwardRef","forwardedRef","children","_b","_c","_d","_e","_f","_g","onChange","_h","useTheme","cardStyles","_jsx","ref"],"mappings":"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"}
+{"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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"}

package/dist/ct-design-card.browser.esm.js

@@ -1,2 +1,2 @@
-import{__rest as r,__assign as o}from"tslib";import{jsx as e}from"react/jsx-runtime";import{forwardRef as t}from"react";import{useTheme as n}from"@cleartrip/ct-design-theme";import d from"styled-components";var a,c,i,s,u;!function(r){r.NONE="none",r.SMALL="sm",r.MEDIUM="md",r.LARGE="lg",r.EXTRA_LARGE="xl"}(a||(a={})),function(r){r.NONE="none",r.SMALL="sm",r.MEDIUM="md",r.LARGE="lg"}(c||(c={})),function(r){r.TOP="top",r.BOTTOM="bottom"}(i||(i={})),function(r){r.E1="E1",r.E2="E2",r.E3="E3",r.E4="E4"}(s||(s={})),function(r){r.TOP="top",r.BOTTOM="bottom",r.LEFT="left",r.RIGHT="right",r.DEFAULT="default"}(u||(u={}));var b=function(r,o){switch(r){case a.NONE:return o.border.radius[0];case a.SMALL:return o.border.radius[6];case a.MEDIUM:return o.border.radius[8];case a.LARGE:return o.border.radius[12];case a.EXTRA_LARGE:return o.border.radius[16];default:return o.border.radius[8]}},h=function(r,o){switch(r){case a.NONE:return o.border.width.none;case a.SMALL:return o.border.width.sm;case a.MEDIUM:return o.border.width.md;case a.LARGE:return o.border.width.lg;default:return o.border.width.md}},E=function(r,o,e,t){switch(r){case u.DEFAULT:return{border:"".concat(o," ").concat(e," ").concat(t)};case u.TOP:return{borderTop:"".concat(o," ").concat(e," ").concat(t)};case u.BOTTOM:return{borderBottom:"".concat(o," ").concat(e," ").concat(t)};case u.LEFT:return{borderLeft:"".concat(o," ").concat(e," ").concat(t)};case u.RIGHT:return{borderRight:"".concat(o," ").concat(e," ").concat(t)};default:return{border:"".concat(o," ").concat(e," ").concat(t)}}},m=function(r,e,t,n,d){var a=b(e,n),c=n.border.style.solid,i=n.color.border.default,s=h(r,n),u=E(t,s,c,i);return d?{borderRadius:a}:o({borderRadius:a},u)},l=function(r,o){switch(r){case s.E1:return o.elevation.topE1;case s.E2:return o.elevation.topE2;case s.E3:return o.elevation.topE3;case s.E4:return o.elevation.topE4;default:return o.elevation.topE2}},f=function(r,o){switch(r){case s.E1:return o.elevation.bottomE1;case s.E2:return o.elevation.bottomE2;case s.E3:return o.elevation.bottomE3;case s.E4:return o.elevation.bottomE4;default:return o.elevation.bottomE2}},w=function(r,o,e){switch(r){case i.TOP:return l(o,e);case i.BOTTOM:default:return f(o,e)}},v=function(r){var e=r.cornerRadius,t=r.borderWidth,n=r.showShadow,d=r.shadowDirection,a=r.shadowVariant,c=r.borderDirection,i=r.theme,s=r.noBorder;return o({boxShadow:n?w(d,a,i):"none"},m(t,e,c,i,s))},T=d.div((function(e){var t=e.css,n=e.theme,d=r(e,["css","theme"]);return function(e){var t=e.borderRadius,n=e.border,d=e.borderTop,a=e.borderBottom,c=e.borderLeft,i=e.borderRight,s=e.boxShadow,u=e.borderColor,b=e.theme,h=r(e,["borderRadius","border","borderTop","borderBottom","borderLeft","borderRight","boxShadow","borderColor","theme"]);return o({borderRadius:t,border:n,borderTop:d,borderBottom:a,borderLeft:c,borderRight:i,boxShadow:s,borderColor:u,backgroundColor:b.color.background.neutral},h)}(o(o(o({},t),{theme:n}),d))})),L=t((function(t,d){var b=t.children,h=t.cornerRadius,E=void 0===h?a.MEDIUM:h,m=t.borderWidth,l=void 0===m?c.MEDIUM:m,f=t.showShadow,w=void 0===f||f,L=t.shadowDirection,R=void 0===L?i.TOP:L,M=t.shadowVariant,p=void 0===M?s.E2:M,D=t.borderDirection,O=void 0===D?u.DEFAULT:D,A=t.css;t.onChange;var g=t.noBorder,B=void 0!==g&&g,S=r(t,["children","cornerRadius","borderWidth","showShadow","shadowDirection","shadowVariant","borderDirection","css","onChange","noBorder"]),U=n(),G=v({cornerRadius:E,borderWidth:l,showShadow:w,shadowDirection:R,shadowVariant:p,borderDirection:O,theme:U,noBorder:B});return e(T,o({ref:d,css:o(o({},G),A)},S,{theme:U},{children:b}))}));export{L as Card,u as CardBorderDirection,c as CardBorderWidth,a as CardRadius,i as CardShadowDirection,s as CardShadowVariant,E as getBorderDirectionStyles,f as getBottomShadow,b as getCardBorderRadius,m as getCardBorderStyles,h as getCardBorderWidth,w as getCardShadowStyles,v as getCardStyles,l as getTopShadow};
+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};
 //# sourceMappingURL=ct-design-card.browser.esm.js.map

package/dist/ct-design-card.browser.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ct-design-card.browser.esm.js","sources":["../packages/components/Card/src/StyledCard/style.ts","../packages/components/Card/src/type.ts","../packages/components/Card/src/style.ts","../packages/components/Card/src/Card.tsx"],"sourcesContent":[null,null,null,null],"names":["CardRadius","CardBorderWidth","CardShadowDirection","CardShadowVariant","CardBorderDirection","getCardBorderRadius","cornerRadius","theme","NONE","border","radius","SMALL","MEDIUM","LARGE","EXTRA_LARGE","getCardBorderWidth","borderWidth","width","none","sm","md","lg","getBorderDirectionStyles","borderDirection","borderStyle","borderColor","DEFAULT","concat","TOP","borderTop","BOTTOM","borderBottom","LEFT","borderLeft","RIGHT","borderRight","getCardBorderStyles","cardBorderWidth","noBorder","borderRadius","style","solid","color","default","getTopShadow","shadowVariant","E1","elevation","topE1","E2","topE2","E3","topE3","E4","topE4","getBottomShadow","bottomE1","bottomE2","bottomE3","bottomE4","getCardShadowStyles","shadowDirection","getCardStyles","_a","showShadow","__assign","boxShadow","StyledCard","styled","div","css","rest","__rest","backgroundColor","background","neutral","getStyledCardStyled","Card","forwardRef","forwardedRef","children","_b","_c","_d","_e","_f","_g","onChange","_h","useTheme","cardStyles","_jsx","ref"],"mappings":"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"}
+{"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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"}

package/dist/ct-design-card.cjs.js

@@ -1,20 +1,24 @@
 'use strict';
 
-var tslib = require('tslib');
 var jsxRuntime = require('react/jsx-runtime');
 var react = require('react');
-var ctDesignTheme = require('@cleartrip/ct-design-theme');
-var styled = require('styled-components');
+var ctDesignContainer = require('@cleartrip/ct-design-container');
+var ctDesignTokens = require('@cleartrip/ct-design-tokens');
 
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var styled__default = /*#__PURE__*/_interopDefault(styled);
-
-var getStyledCardStyled = function (_a) {
-    var borderRadius = _a.borderRadius, border = _a.border, borderTop = _a.borderTop, borderBottom = _a.borderBottom, borderLeft = _a.borderLeft, borderRight = _a.borderRight, boxShadow = _a.boxShadow, borderColor = _a.borderColor, theme = _a.theme, rest = tslib.__rest(_a, ["borderRadius", "border", "borderTop", "borderBottom", "borderLeft", "borderRight", "boxShadow", "borderColor", "theme"]);
-    return tslib.__assign({ borderRadius: borderRadius, border: border, borderTop: borderTop, borderBottom: borderBottom, borderLeft: borderLeft, borderRight: borderRight, boxShadow: boxShadow, borderColor: borderColor, backgroundColor: theme.color.background.neutral }, rest);
-};
+const Card = react.forwardRef(({ children, styleConfig, onClick }, forwardedRef) => {
+    const { root = [] } = styleConfig || {};
+    return (jsxRuntime.jsx(ctDesignContainer.Container, { ref: forwardedRef, onClick: onClick, styleConfig: { root: [...root] }, children: children }));
+});
+Card.displayName = 'Card';
 
+exports.CardSize = void 0;
+(function (CardSize) {
+    CardSize["NONE"] = "none";
+    CardSize["SMALL"] = "sm";
+    CardSize["MEDIUM"] = "md";
+    CardSize["LARGE"] = "lg";
+    CardSize["EXTRA_LARGE"] = "xl";
+})(exports.CardSize || (exports.CardSize = {}));
 exports.CardRadius = void 0;
 (function (CardRadius) {
     CardRadius["NONE"] = "none";
@@ -50,22 +54,27 @@ exports.CardBorderDirection = void 0;
     CardBorderDirection["RIGHT"] = "right";
     CardBorderDirection["DEFAULT"] = "default";
 })(exports.CardBorderDirection || (exports.CardBorderDirection = {}));
+const CardBorderColors = {
+    PRIMARY: ctDesignTokens.colors.black,
+    SECONDARY: ctDesignTokens.colors.success,
+    TERTIARY: ctDesignTokens.colors.warning,
+};
 
-var getCardBorderRadius = function (cornerRadius, theme) {
+const getCardBorderRadius = (cornerRadius, theme) => {
     switch (cornerRadius) {
-        case exports.CardRadius.NONE: {
+        case exports.CardSize.NONE: {
             return theme.border.radius[0];
         }
-        case exports.CardRadius.SMALL: {
+        case exports.CardSize.SMALL: {
             return theme.border.radius[6];
         }
-        case exports.CardRadius.MEDIUM: {
+        case exports.CardSize.MEDIUM: {
             return theme.border.radius[8];
         }
-        case exports.CardRadius.LARGE: {
+        case exports.CardSize.LARGE: {
             return theme.border.radius[12];
         }
-        case exports.CardRadius.EXTRA_LARGE: {
+        case exports.CardSize.EXTRA_LARGE: {
             return theme.border.radius[16];
         }
         default: {
@@ -73,18 +82,18 @@ var getCardBorderRadius = function (cornerRadius, theme) {
         }
     }
 };
-var getCardBorderWidth = function (borderWidth, theme) {
+const getCardBorderWidth = (borderWidth, theme) => {
     switch (borderWidth) {
-        case exports.CardRadius.NONE: {
+        case exports.CardSize.NONE: {
             return theme.border.width.none;
         }
-        case exports.CardRadius.SMALL: {
+        case exports.CardSize.SMALL: {
             return theme.border.width.sm;
         }
-        case exports.CardRadius.MEDIUM: {
+        case exports.CardSize.MEDIUM: {
             return theme.border.width.md;
         }
-        case exports.CardRadius.LARGE: {
+        case exports.CardSize.LARGE: {
             return theme.border.width.lg;
         }
         default: {
@@ -92,133 +101,70 @@ var getCardBorderWidth = function (borderWidth, theme) {
         }
     }
 };
-var getBorderDirectionStyles = function (borderDirection, borderWidth, borderStyle, borderColor) {
-    switch (borderDirection) {
-        case exports.CardBorderDirection.DEFAULT: {
-            return {
-                border: "".concat(borderWidth, " ").concat(borderStyle, " ").concat(borderColor),
-            };
-        }
-        case exports.CardBorderDirection.TOP: {
-            return {
-                borderTop: "".concat(borderWidth, " ").concat(borderStyle, " ").concat(borderColor),
-            };
-        }
-        case exports.CardBorderDirection.BOTTOM: {
+const getBorderDirectionStyles = (_borderDirection, borderWidth, borderStyle, borderColor) => {
+    return {
+        borderWidth,
+        borderStyle,
+        borderColor,
+    };
+};
+const getCardBorderStyles = (cardBorderWidth, cornerRadius, borderDirection, borderColor, theme, noBorder) => {
+    const borderRadius = getCardBorderRadius(cornerRadius, theme);
+    const borderStyle = theme.border.style.solid;
+    const borderWidth = getCardBorderWidth(cardBorderWidth, theme);
+    const border = getBorderDirectionStyles(borderDirection, borderWidth, borderStyle, borderColor);
+    return noBorder
+        ? { borderRadius }
+        : Object.assign({ borderRadius }, border);
+};
+const getDefaultCardStyles = (theme, size) => {
+    switch (size) {
+        case exports.CardSize.LARGE:
             return {
-                borderBottom: "".concat(borderWidth, " ").concat(borderStyle, " ").concat(borderColor),
+                height: theme.size[12],
+                borderRadius: theme.border.radius[24],
+                borderStyle: theme.border.style.solid,
             };
-        }
-        case exports.CardBorderDirection.LEFT: {
+        case exports.CardSize.MEDIUM:
             return {
-                borderLeft: "".concat(borderWidth, " ").concat(borderStyle, " ").concat(borderColor),
+                height: theme.size[10],
+                borderRadius: theme.border.radius[20],
+                borderStyle: theme.border.style.solid,
             };
-        }
-        case exports.CardBorderDirection.RIGHT: {
+        case exports.CardSize.SMALL:
             return {
-                borderRight: "".concat(borderWidth, " ").concat(borderStyle, " ").concat(borderColor),
+                height: theme.size[8],
+                borderRadius: theme.border.radius[16],
+                borderStyle: theme.border.style.solid,
             };
-        }
-        default: {
+        default:
             return {
-                border: "".concat(borderWidth, " ").concat(borderStyle, " ").concat(borderColor),
+                height: theme.size[10],
+                borderRadius: theme.border.radius[20],
+                borderStyle: theme.border.style.solid,
             };
-        }
-    }
-};
-var getCardBorderStyles = function (cardBorderWidth, cornerRadius, borderDirection, theme, noBorder) {
-    var borderRadius = getCardBorderRadius(cornerRadius, theme);
-    var borderStyle = theme.border.style.solid;
-    var borderColor = theme.color.border.default;
-    var borderWidth = getCardBorderWidth(cardBorderWidth, theme);
-    var border = getBorderDirectionStyles(borderDirection, borderWidth, borderStyle, borderColor);
-    return noBorder
-        ? { borderRadius: borderRadius }
-        : tslib.__assign({ borderRadius: borderRadius }, border);
-};
-var getTopShadow = function (shadowVariant, theme) {
-    switch (shadowVariant) {
-        case exports.CardShadowVariant.E1: {
-            return theme.elevation.topE1;
-        }
-        case exports.CardShadowVariant.E2: {
-            return theme.elevation.topE2;
-        }
-        case exports.CardShadowVariant.E3: {
-            return theme.elevation.topE3;
-        }
-        case exports.CardShadowVariant.E4: {
-            return theme.elevation.topE4;
-        }
-        default: {
-            return theme.elevation.topE2;
-        }
     }
 };
-var getBottomShadow = function (shadowVariant, theme) {
-    switch (shadowVariant) {
-        case exports.CardShadowVariant.E1: {
-            return theme.elevation.bottomE1;
-        }
-        case exports.CardShadowVariant.E2: {
-            return theme.elevation.bottomE2;
-        }
-        case exports.CardShadowVariant.E3: {
-            return theme.elevation.bottomE3;
-        }
-        case exports.CardShadowVariant.E4: {
-            return theme.elevation.bottomE4;
-        }
-        default: {
-            return theme.elevation.bottomE2;
-        }
-    }
+const getCardStyles = ({ borderColor, cornerRadius, borderWidth, showShadow, shadowColor, shadowOffset, shadowOpacity, elevation, borderDirection, theme, }) => {
+    const shadowStyles = showShadow
+        ? {
+            shadowColor,
+            shadowOffset,
+            shadowOpacity,
+            shadowRadius: 2,
+            elevation,
+        }
+        : {};
+    const borderStyles = getCardBorderStyles(borderWidth, cornerRadius, borderDirection, borderColor, theme);
+    return Object.assign(Object.assign({}, shadowStyles), borderStyles);
 };
-var getCardShadowStyles = function (shadowDirection, shadowVariant, theme) {
-    switch (shadowDirection) {
-        case exports.CardShadowDirection.TOP: {
-            return getTopShadow(shadowVariant, theme);
-        }
-        case exports.CardShadowDirection.BOTTOM: {
-            return getBottomShadow(shadowVariant, theme);
-        }
-        default: {
-            return getBottomShadow(shadowVariant, theme);
-        }
-    }
-};
-var getCardStyles = function (_a) {
-    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;
-    return tslib.__assign({ boxShadow: showShadow ? getCardShadowStyles(shadowDirection, shadowVariant, theme) : 'none' }, getCardBorderStyles(borderWidth, cornerRadius, borderDirection, theme, noBorder));
-};
-
-var StyledCard = styled__default.default.div(function (_a) {
-    var css = _a.css, theme = _a.theme, rest = tslib.__rest(_a, ["css", "theme"]);
-    return getStyledCardStyled(tslib.__assign(tslib.__assign(tslib.__assign({}, css), { theme: theme }), rest));
-});
-var Card = react.forwardRef(function (_a, forwardedRef) {
-    var children = _a.children, _b = _a.cornerRadius, cornerRadius = _b === void 0 ? exports.CardRadius.MEDIUM : _b, _c = _a.borderWidth, borderWidth = _c === void 0 ? exports.CardBorderWidth.MEDIUM : _c, _d = _a.showShadow, showShadow = _d === void 0 ? true : _d, _e = _a.shadowDirection, shadowDirection = _e === void 0 ? exports.CardShadowDirection.TOP : _e, _f = _a.shadowVariant, shadowVariant = _f === void 0 ? exports.CardShadowVariant.E2 : _f, _g = _a.borderDirection, borderDirection = _g === void 0 ? exports.CardBorderDirection.DEFAULT : _g, css = _a.css; _a.onChange; var _h = _a.noBorder, noBorder = _h === void 0 ? false : _h, rest = tslib.__rest(_a, ["children", "cornerRadius", "borderWidth", "showShadow", "shadowDirection", "shadowVariant", "borderDirection", "css", "onChange", "noBorder"]);
-    var theme = ctDesignTheme.useTheme();
-    var cardStyles = getCardStyles({
-        cornerRadius: cornerRadius,
-        borderWidth: borderWidth,
-        showShadow: showShadow,
-        shadowDirection: shadowDirection,
-        shadowVariant: shadowVariant,
-        borderDirection: borderDirection,
-        theme: theme,
-        noBorder: noBorder,
-    });
-    return (jsxRuntime.jsx(StyledCard, tslib.__assign({ ref: forwardedRef, css: tslib.__assign(tslib.__assign({}, cardStyles), css) }, rest, { theme: theme }, { children: children })));
-});
 
 exports.Card = Card;
+exports.CardBorderColors = CardBorderColors;
 exports.getBorderDirectionStyles = getBorderDirectionStyles;
-exports.getBottomShadow = getBottomShadow;
 exports.getCardBorderRadius = getCardBorderRadius;
 exports.getCardBorderStyles = getCardBorderStyles;
 exports.getCardBorderWidth = getCardBorderWidth;
-exports.getCardShadowStyles = getCardShadowStyles;
 exports.getCardStyles = getCardStyles;
-exports.getTopShadow = getTopShadow;
+exports.getDefaultCardStyles = getDefaultCardStyles;
 //# sourceMappingURL=ct-design-card.cjs.js.map