@cleartrip/ct-design-card 4.0.0 → 5.0.0

package/dist/type.d.ts

@@ -1,48 +1,39 @@
-import { HtmlCompositeAttributes } from '@cleartrip/ct-design-types';
-export declare enum CardRadius {
-    NONE = "none",
-    SMALL = "sm",
-    MEDIUM = "md",
-    LARGE = "lg",
-    EXTRA_LARGE = "xl"
-}
+import type { ReactNode } from 'react';
+import type { Styles } from '@cleartrip/ct-design-types';
+import type { IContainer } from '@cleartrip/ct-design-container';
+import { CardSize, CardRadius, CardBorderWidth, CardShadowDirection, CardShadowVariant, CardBorderDirection, CardBorderColors } from './constants';
+export type CardSizeType = `${CardSize}`;
 export type CardRadiusType = `${CardRadius}`;
-export declare enum CardBorderWidth {
-    NONE = "none",
-    SMALL = "sm",
-    MEDIUM = "md",
-    LARGE = "lg"
-}
 export type CardBorderWidthType = `${CardBorderWidth}`;
-export declare enum CardShadowDirection {
-    TOP = "top",
-    BOTTOM = "bottom"
-}
 export type CardShadowDirectionType = `${CardShadowDirection}`;
-export declare enum CardShadowVariant {
-    E1 = "E1",
-    E2 = "E2",
-    E3 = "E3",
-    E4 = "E4"
-}
 export type CardShadowVariantType = `${CardShadowVariant}`;
-export declare enum CardBorderDirection {
-    TOP = "top",
-    BOTTOM = "bottom",
-    LEFT = "left",
-    RIGHT = "right",
-    DEFAULT = "default"
-}
 export type CardBorderDirectionType = `${CardBorderDirection}`;
-export type CardDefaultProps = {
-    borderWidth?: 'none' | 'sm' | 'md' | 'lg';
-    cornerRadius?: 'none' | 'sm' | 'md' | 'lg' | 'xl';
+export type CardBorderColor = 'primary' | 'secondary' | 'tertiary';
+export type CardBorderColorType = (typeof CardBorderColors)[keyof typeof CardBorderColors];
+export interface ICardStyleConfig {
+    root?: Styles[];
+}
+export interface ICardProps {
+    borderWidth?: CardBorderWidthType;
+    cornerRadius?: CardRadiusType;
     showShadow?: boolean;
-    shadowDirection?: 'top' | 'bottom';
-    shadowVariant?: 'E1' | 'E2' | 'E3' | 'E4';
-    borderDirection?: 'top' | 'bottom' | 'left' | 'right' | 'default';
+    shadowDirection?: CardShadowDirectionType;
+    shadowVariant?: CardShadowVariantType;
+    shadowColor?: string;
+    shadowOffset?: {
+        width: number;
+        height: number;
+    };
+    elevation?: number;
+    shadowOpacity?: number;
+    borderColor?: CardBorderColorType;
+    borderDirection?: CardBorderDirectionType;
     noBorder?: boolean;
-};
-export interface CardProps extends HtmlCompositeAttributes<CardDefaultProps, 'Div'>, CardDefaultProps {
+    children?: ReactNode;
+    styleConfig?: ICardStyleConfig;
+    onClick?: IContainer['onClick'];
+    onLayout?: IContainer['onLayout'];
 }
+export type CardDefaultProps = ICardProps;
+export type CardProps = ICardProps;
 //# sourceMappingURL=type.d.ts.map

package/dist/type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../packages/components/Card/src/type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AAErF,oBAAY,UAAU;IACpB,IAAI,SAAS;IACb,KAAK,OAAO;IACZ,MAAM,OAAO;IACb,KAAK,OAAO;IACZ,WAAW,OAAO;CACnB;AAED,MAAM,MAAM,cAAc,GAAG,GAAG,UAAU,EAAE,CAAC;AAE7C,oBAAY,eAAe;IACzB,IAAI,SAAS;IACb,KAAK,OAAO;IACZ,MAAM,OAAO;IACb,KAAK,OAAO;CACb;AAED,MAAM,MAAM,mBAAmB,GAAG,GAAG,eAAe,EAAE,CAAC;AAEvD,oBAAY,mBAAmB;IAC7B,GAAG,QAAQ;IACX,MAAM,WAAW;CAClB;AAED,MAAM,MAAM,uBAAuB,GAAG,GAAG,mBAAmB,EAAE,CAAC;AAE/D,oBAAY,iBAAiB;IAC3B,EAAE,OAAO;IACT,EAAE,OAAO;IACT,EAAE,OAAO;IACT,EAAE,OAAO;CACV;AAED,MAAM,MAAM,qBAAqB,GAAG,GAAG,iBAAiB,EAAE,CAAC;AAE3D,oBAAY,mBAAmB;IAC7B,GAAG,QAAQ;IACX,MAAM,WAAW;IACjB,IAAI,SAAS;IACb,KAAK,UAAU;IACf,OAAO,YAAY;CACpB;AAED,MAAM,MAAM,uBAAuB,GAAG,GAAG,mBAAmB,EAAE,CAAC;AAE/D,MAAM,MAAM,gBAAgB,GAAG;IAK7B,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAK1C,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAKlD,UAAU,CAAC,EAAE,OAAO,CAAC;IAKrB,eAAe,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAKnC,aAAa,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAI1C,eAAe,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;IAElE,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,WAAW,SAAU,SAAQ,uBAAuB,CAAC,gBAAgB,EAAE,KAAK,CAAC,EAAE,gBAAgB;CAAG"}
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../packages/components/Card/src/type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACzD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAEjE,OAAO,EACL,QAAQ,EACR,UAAU,EACV,eAAe,EACf,mBAAmB,EACnB,iBAAiB,EACjB,mBAAmB,EACnB,gBAAgB,EACjB,MAAM,aAAa,CAAC;AAErB,MAAM,MAAM,YAAY,GAAG,GAAG,QAAQ,EAAE,CAAC;AAEzC,MAAM,MAAM,cAAc,GAAG,GAAG,UAAU,EAAE,CAAC;AAE7C,MAAM,MAAM,mBAAmB,GAAG,GAAG,eAAe,EAAE,CAAC;AAEvD,MAAM,MAAM,uBAAuB,GAAG,GAAG,mBAAmB,EAAE,CAAC;AAE/D,MAAM,MAAM,qBAAqB,GAAG,GAAG,iBAAiB,EAAE,CAAC;AAE3D,MAAM,MAAM,uBAAuB,GAAG,GAAG,mBAAmB,EAAE,CAAC;AAE/D,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;AAEnE,MAAM,MAAM,mBAAmB,GAAG,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,OAAO,gBAAgB,CAAC,CAAC;AAE3F,MAAM,WAAW,gBAAgB;IAI/B,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;CACjB;AAED,MAAM,WAAW,UAAU;IAIzB,WAAW,CAAC,EAAE,mBAAmB,CAAC;IAIlC,YAAY,CAAC,EAAE,cAAc,CAAC;IAI9B,UAAU,CAAC,EAAE,OAAO,CAAC;IAKrB,eAAe,CAAC,EAAE,uBAAuB,CAAC;IAK1C,aAAa,CAAC,EAAE,qBAAqB,CAAC;IAItC,WAAW,CAAC,EAAE,MAAM,CAAC;IAIrB,YAAY,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IAIjD,SAAS,CAAC,EAAE,MAAM,CAAC;IAInB,aAAa,CAAC,EAAE,MAAM,CAAC;IAIvB,WAAW,CAAC,EAAE,mBAAmB,CAAC;IAIlC,eAAe,CAAC,EAAE,uBAAuB,CAAC;IAI1C,QAAQ,CAAC,EAAE,OAAO,CAAC;IAInB,QAAQ,CAAC,EAAE,SAAS,CAAC;IAIrB,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAI/B,OAAO,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;IAIhC,QAAQ,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC;CACnC;AAMD,MAAM,MAAM,gBAAgB,GAAG,UAAU,CAAC;AAM1C,MAAM,MAAM,SAAS,GAAG,UAAU,CAAC"}

package/package.json

@@ -1,30 +1,46 @@
 {
   "name": "@cleartrip/ct-design-card",
-  "version": "4.0.0",
+  "version": "5.0.0",
   "description": "",
   "types": "dist/index.d.ts",
-  "main": "dist/ct-design-card.cjs.js",
+  "main": "./dist/ct-design-card.cjs.js",
   "jsnext:main": "dist/ct-design-card.esm.js",
   "module": "dist/ct-design-card.esm.js",
+  "react-native": "src/index.native.ts",
   "sideEffects": false,
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/ct-design-card.esm.js",
+      "default": "./dist/ct-design-card.cjs.js"
+    }
+  },
   "browser": {
     "./dist/ct-design-card.esm.js": "./dist/ct-design-card.browser.esm.js",
     "./dist/ct-design-card.cjs.js": "./dist/ct-design-card.browser.cjs.js"
   },
   "files": [
-    "dist"
+    "dist",
+    "src"
   ],
   "dependencies": {
-    "@cleartrip/ct-design-theme": "4.0.0"
+    "@cleartrip/ct-design-container": "5.0.0",
+    "@cleartrip/ct-design-style-manager": "5.0.0",
+    "@cleartrip/ct-design-theme": "5.0.0",
+    "@cleartrip/ct-design-tokens": "5.0.0"
   },
   "devDependencies": {
-    "@cleartrip/ct-design-container": "4.0.0",
-    "@cleartrip/ct-design-types": "4.0.0"
+    "@cleartrip/ct-design-types": "5.0.0"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0",
-    "styled-components": "^5.3.6"
+    "react-native": ">=0.68.0"
+  },
+  "peerDependenciesMeta": {
+    "react-native": {
+      "optional": true
+    }
   },
   "publishConfig": {
     "access": "public"
@@ -35,6 +51,8 @@
     "test": "echo \"Error: no test specified\" && exit 1",
     "watch-package": "rollup -c -w",
     "build-package": "rollup -c",
-    "build-package:clean": "rm -rf dist && rollup -c"
+    "build-package:clean": "rm -rf dist && rollup -c",
+    "publish-package:local": "yalc publish --no-scripts",
+    "publish-package:local:registry": "pnpm publish --registry http://localhost:4873 --no-git-checks --access public"
   }
 }

package/src/Card.native.tsx

@@ -0,0 +1,68 @@
+import { forwardRef } from 'react';
+
+import { Container, ContainerRef } from '@cleartrip/ct-design-container';
+import { useStyles } from '@cleartrip/ct-design-style-manager';
+import { colors } from '@cleartrip/ct-design-tokens';
+
+import { getCardStyles } from './style';
+import { CardDefaultProps } from './type';
+
+const Card = forwardRef<ContainerRef, CardDefaultProps>(
+  (
+    {
+      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,
+  ) => {
+    const cardStyles = useStyles(
+      (theme) => {
+        return {
+          root: getCardStyles({
+            theme,
+            borderWidth,
+            borderColor,
+            cornerRadius,
+            showShadow,
+            shadowColor,
+            shadowOffset,
+            shadowOpacity,
+            elevation,
+            borderDirection,
+          }),
+        };
+      },
+      [cornerRadius, borderWidth, showShadow, shadowColor, shadowOffset, shadowOpacity, elevation, borderDirection],
+    );
+
+    const { root: customRootStyles = [] } = styleConfig || {};
+
+    return (
+      <Container
+        styleConfig={{
+          root: [cardStyles.root, ...customRootStyles],
+        }}
+        onClick={onClick}
+        ref={ref}
+        onLayout={onLayout}
+      >
+        {children}
+      </Container>
+    );
+  },
+);
+
+Card.displayName = 'Card';
+
+export default Card;

package/src/Card.tsx

@@ -0,0 +1,18 @@
+import { forwardRef } from 'react';
+
+import { Container, ContainerRef } from '@cleartrip/ct-design-container';
+
+import { ICardProps } from './type';
+
+const Card = forwardRef<ContainerRef, ICardProps>(({ children, styleConfig, onClick }, forwardedRef) => {
+  const { root = [] } = styleConfig || {};
+
+  return (
+    <Container ref={forwardedRef} onClick={onClick} styleConfig={{ root: [...root] }}>
+      {children}
+    </Container>
+  );
+});
+
+Card.displayName = 'Card';
+export default Card;

package/src/constants.ts

@@ -0,0 +1,50 @@
+import { colors } from '@cleartrip/ct-design-tokens';
+
+export enum CardSize {
+  NONE = 'none',
+  SMALL = 'sm',
+  MEDIUM = 'md',
+  LARGE = 'lg',
+  EXTRA_LARGE = 'xl',
+}
+
+export enum CardRadius {
+  NONE = 'none',
+  SMALL = 'sm',
+  MEDIUM = 'md',
+  LARGE = 'lg',
+  EXTRA_LARGE = 'xl',
+}
+
+export enum CardBorderWidth {
+  NONE = 'none',
+  SMALL = 'sm',
+  MEDIUM = 'md',
+  LARGE = 'lg',
+}
+
+export enum CardShadowDirection {
+  TOP = 'top',
+  BOTTOM = 'bottom',
+}
+
+export enum CardShadowVariant {
+  E1 = 'E1',
+  E2 = 'E2',
+  E3 = 'E3',
+  E4 = 'E4',
+}
+
+export enum CardBorderDirection {
+  TOP = 'top',
+  BOTTOM = 'bottom',
+  LEFT = 'left',
+  RIGHT = 'right',
+  DEFAULT = 'default',
+}
+
+export const CardBorderColors = {
+  PRIMARY: colors.black,
+  SECONDARY: colors.success,
+  TERTIARY: colors.warning,
+} as const;

package/src/index.native.ts

@@ -0,0 +1,3 @@
+export { default as Card } from './Card.native';
+export type * from './type';
+export * from './constants';

package/src/index.ts

@@ -0,0 +1,4 @@
+export { default as Card } from './Card';
+export type * from './type';
+export * from './constants';
+export * from './style';

package/src/style.ts

@@ -0,0 +1,174 @@
+import { Theme } from '@cleartrip/ct-design-theme';
+
+import { CardBorderColorType, CardBorderDirectionType, CardBorderWidthType, CardSizeType } from './type';
+import { CardSize } from './constants';
+
+export const getCardBorderRadius = (cornerRadius: CardSizeType, theme: Theme): number => {
+  switch (cornerRadius) {
+    case CardSize.NONE: {
+      return theme.border.radius[0];
+    }
+    case CardSize.SMALL: {
+      return theme.border.radius[6];
+    }
+    case CardSize.MEDIUM: {
+      return theme.border.radius[8];
+    }
+    case CardSize.LARGE: {
+      return theme.border.radius[12];
+    }
+    case CardSize.EXTRA_LARGE: {
+      return theme.border.radius[16];
+    }
+    default: {
+      return theme.border.radius[8];
+    }
+  }
+};
+
+export const getCardBorderWidth = (borderWidth: CardBorderWidthType, theme: Theme): number => {
+  switch (borderWidth) {
+    case CardSize.NONE: {
+      return theme.border.width.none;
+    }
+    case CardSize.SMALL: {
+      return theme.border.width.sm;
+    }
+    case CardSize.MEDIUM: {
+      return theme.border.width.md;
+    }
+    case CardSize.LARGE: {
+      return theme.border.width.lg;
+    }
+    default: {
+      return theme.border.width.md;
+    }
+  }
+};
+
+interface BorderStyleProps {
+  borderWidth: number;
+  borderStyle: 'solid';
+  borderColor: string;
+}
+
+export const getBorderDirectionStyles = (
+  _borderDirection: CardBorderDirectionType,
+  borderWidth: number,
+  borderStyle: 'solid',
+  borderColor: string,
+): BorderStyleProps => {
+  return {
+    borderWidth,
+    borderStyle,
+    borderColor,
+  };
+};
+
+export const getCardBorderStyles = (
+  cardBorderWidth: CardBorderWidthType,
+  cornerRadius: CardSizeType,
+  borderDirection: CardBorderDirectionType,
+  borderColor: CardBorderColorType,
+  theme: Theme,
+  noBorder?: boolean,
+): { borderRadius: number } | ({ borderRadius: number } & BorderStyleProps) => {
+  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 }
+    : {
+        borderRadius,
+        ...border,
+      };
+};
+
+interface CardStyleProps {
+  height: number;
+  borderRadius: number;
+  borderStyle: string;
+}
+
+export const getDefaultCardStyles = (theme: Theme, size: CardSizeType): CardStyleProps => {
+  switch (size) {
+    case CardSize.LARGE:
+      return {
+        height: theme.size[12],
+        borderRadius: theme.border.radius[24],
+        borderStyle: theme.border.style.solid,
+      };
+    case CardSize.MEDIUM:
+      return {
+        height: theme.size[10],
+        borderRadius: theme.border.radius[20],
+        borderStyle: theme.border.style.solid,
+      };
+    case CardSize.SMALL:
+      return {
+        height: theme.size[8],
+        borderRadius: theme.border.radius[16],
+        borderStyle: theme.border.style.solid,
+      };
+    default:
+      return {
+        height: theme.size[10],
+        borderRadius: theme.border.radius[20],
+        borderStyle: theme.border.style.solid,
+      };
+  }
+};
+
+interface CardStyleReturnType {
+  borderRadius: number;
+  borderWidth?: number;
+  borderStyle?: 'solid';
+  borderColor?: string;
+  shadowColor?: string;
+  shadowOffset?: { width: number; height: number };
+  shadowOpacity?: number;
+  shadowRadius?: number;
+  elevation?: number;
+}
+
+export const getCardStyles = ({
+  borderColor,
+  cornerRadius,
+  borderWidth,
+  showShadow,
+  shadowColor,
+  shadowOffset,
+  shadowOpacity,
+  elevation,
+  borderDirection,
+  theme,
+}: {
+  borderColor: CardBorderColorType;
+  cornerRadius: CardSizeType;
+  borderWidth: CardBorderWidthType;
+  borderDirection: CardBorderDirectionType;
+  showShadow: boolean;
+  shadowColor: string;
+  shadowOffset: { width: number; height: number };
+  shadowOpacity: number;
+  elevation: number;
+  theme: Theme;
+}): CardStyleReturnType => {
+  const shadowStyles = showShadow
+    ? {
+        shadowColor,
+        shadowOffset,
+        shadowOpacity,
+        shadowRadius: 2,
+        elevation,
+      }
+    : {};
+
+  const borderStyles = getCardBorderStyles(borderWidth, cornerRadius, borderDirection, borderColor, theme);
+
+  return {
+    ...shadowStyles,
+    ...borderStyles,
+  };
+};

package/src/type.ts

@@ -0,0 +1,118 @@
+import type { ReactNode } from 'react';
+
+import type { Styles } from '@cleartrip/ct-design-types';
+import type { IContainer } from '@cleartrip/ct-design-container';
+
+import {
+  CardSize,
+  CardRadius,
+  CardBorderWidth,
+  CardShadowDirection,
+  CardShadowVariant,
+  CardBorderDirection,
+  CardBorderColors,
+} from './constants';
+
+export type CardSizeType = `${CardSize}`;
+
+export type CardRadiusType = `${CardRadius}`;
+
+export type CardBorderWidthType = `${CardBorderWidth}`;
+
+export type CardShadowDirectionType = `${CardShadowDirection}`;
+
+export type CardShadowVariantType = `${CardShadowVariant}`;
+
+export type CardBorderDirectionType = `${CardBorderDirection}`;
+
+export type CardBorderColor = 'primary' | 'secondary' | 'tertiary';
+
+export type CardBorderColorType = (typeof CardBorderColors)[keyof typeof CardBorderColors];
+
+export interface ICardStyleConfig {
+  /**
+   * Styles for the root container of the card.
+   */
+  root?: Styles[];
+}
+
+export interface ICardProps {
+  /**
+   * Set border width of card. Defaults to 'md'.
+   */
+  borderWidth?: CardBorderWidthType;
+  /**
+   * Set the radius of card corners. Defaults to 'md'.
+   */
+  cornerRadius?: CardRadiusType;
+  /**
+   * Show shadow on the card. Defaults to true.
+   */
+  showShadow?: boolean;
+  /**
+   * Direction of the shadow. Defaults to 'top' (web only — RN uses standard
+   * drop shadow).
+   */
+  shadowDirection?: CardShadowDirectionType;
+  /**
+   * Variant of the shadow. Maps to the theme elevation tokens. Defaults to
+   * 'E2'.
+   */
+  shadowVariant?: CardShadowVariantType;
+  /**
+   * Custom color for the card's shadow.
+   */
+  shadowColor?: string;
+  /**
+   * Controls the offset of the shadow from the card.
+   */
+  shadowOffset?: { width: number; height: number };
+  /**
+   * Controls the elevation of the card (Android specific).
+   */
+  elevation?: number;
+  /**
+   * Controls the opacity of the card's shadow.
+   */
+  shadowOpacity?: number;
+  /**
+   * Color of the card's border.
+   */
+  borderColor?: CardBorderColorType;
+  /**
+   * Direction of the border. Defaults to 'default' (all sides).
+   */
+  borderDirection?: CardBorderDirectionType;
+  /**
+   * When true, skips rendering the border but keeps the rounded corners.
+   */
+  noBorder?: boolean;
+  /**
+   * Content rendered inside the card.
+   */
+  children?: ReactNode;
+  /**
+   * Style configuration overrides for the root container.
+   */
+  styleConfig?: ICardStyleConfig;
+  /**
+   * Callback fired when the card is clicked or pressed.
+   */
+  onClick?: IContainer['onClick'];
+  /**
+   * Callback fired when the card is layout changed.
+   */
+  onLayout?: IContainer['onLayout'];
+}
+
+/**
+ * @deprecated Retained for backward compatibility with the previous
+ * polymorphic props API; use `ICardProps` going forward.
+ */
+export type CardDefaultProps = ICardProps;
+
+/**
+ * @deprecated Retained for backward compatibility with the previous
+ * emotion-styled implementation; use `ICardProps` going forward.
+ */
+export type CardProps = ICardProps;

package/dist/StyledCard/style.d.ts

@@ -1,4 +0,0 @@
-import { CSSWithTheme } from '@cleartrip/ct-design-types';
-import { CSSObject } from 'styled-components';
-export declare const getStyledCardStyled: ({ borderRadius, border, borderTop, borderBottom, borderLeft, borderRight, boxShadow, borderColor, theme, ...rest }: CSSWithTheme) => CSSObject;
-//# sourceMappingURL=style.d.ts.map

package/dist/StyledCard/style.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../packages/components/Card/src/StyledCard/style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAE9C,eAAO,MAAM,mBAAmB,uHAW7B,YAAY,KAAG,SAajB,CAAC"}