carbon-react 111.4.2 → 111.5.0

package/lib/components/card/card.style.d.ts

@@ -0,0 +1,10 @@
+import { MarginProps } from "styled-system";
+import { CardSpacing } from "./card.config";
+export interface StyledCardProps extends MarginProps {
+    cardWidth: string;
+    interactive: boolean;
+    draggable: boolean;
+    spacing: CardSpacing;
+}
+declare const StyledCard: import("styled-components").StyledComponent<"div", any, StyledCardProps, never>;
+export default StyledCard;

package/lib/components/card/card.style.js

@@ -7,14 +7,10 @@ exports.default = void 0;
 
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _styledSystem = require("styled-system");
 
 var _base = _interopRequireDefault(require("../../style/themes/base"));
 
-var _card = require("./card.config");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
@@ -64,16 +60,7 @@ const StyledCard = _styledComponents.default.div`
   `}
 `;
 StyledCard.defaultProps = {
-  cardWidth: "500px",
-  spacing: "medium",
   theme: _base.default
 };
-StyledCard.propTypes = {
-  cardWidth: _propTypes.default.string,
-  interactive: _propTypes.default.bool,
-  draggable: _propTypes.default.bool,
-  spacing: _propTypes.default.oneOf(_card.CARD_SIZES),
-  theme: _propTypes.default.object
-};
 var _default = StyledCard;
 exports.default = _default;

package/lib/components/card/index.d.ts

@@ -1,4 +1,8 @@
-export { default, default as Card } from "./card";
+export { default, default as Card } from "./card.component";
+export type { CardProps } from "./card.component";
 export { default as CardColumn } from "./card-column";
+export type { CardColumnProps } from "./card-column";
 export { default as CardFooter } from "./card-footer";
+export type { CardFooterProps } from "./card-footer";
 export { default as CardRow } from "./card-row";
+export type { CardRowProps } from "./card-row";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "carbon-react",
-  "version": "111.4.2",
+  "version": "111.5.0",
   "description": "A library of reusable React components for easily building user interfaces.",
   "files": [
     "lib",

package/esm/components/card/card-column/card-column.d.ts

@@ -1,11 +0,0 @@
-import * as React from "react";
-
-export interface CardColumnProps {
-  children: React.ReactNode;
-  /** text alignment of the card section text */
-  align?: "left" | "center" | "right";
-}
-
-declare function CardColumn(props: CardColumnProps): JSX.Element;
-
-export default CardColumn;

package/esm/components/card/card-footer/card-footer.d.ts

@@ -1,16 +0,0 @@
-import * as React from "react";
-import { SpaceProps } from "styled-system";
-import { CardSizes } from "../card-types";
-
-export interface CardFooterProps extends SpaceProps {
-  children: React.ReactNode;
-  /**
-   * Predefined size of CardFooter for applying padding (small | medium | large).
-   * For more granular control these can be over-ridden by Spacing props from styled-system.
-   */
-  spacing?: CardSizes;
-}
-
-declare function CardFooter(props: CardFooterProps): JSX.Element;
-
-export default CardFooter;

package/esm/components/card/card-row/card-row.d.ts

@@ -1,16 +0,0 @@
-import * as React from "react";
-import { PaddingProps } from "styled-system";
-import { CardSizes } from "../card-types";
-
-export interface CardRowProps extends PaddingProps {
-  children: React.ReactNode;
-  /**
-   * Spacing prop is set in Card and defines the padding for the CardRow (the first CardRow has no padding by default).
-   * For more granular control of CardRow padding these can be over-ridden by Padding props from styled-system.
-   */
-  spacing?: CardSizes;
-}
-
-declare function CardRow(props: CardRowProps): JSX.Element;
-
-export default CardRow;

package/esm/components/card/card-types.d.ts

@@ -1 +0,0 @@
-export type CardSizes = "small" | "medium" | "large";

package/esm/components/card/card.d.ts

@@ -1,22 +0,0 @@
-import * as React from "react";
-import { MarginProps } from "styled-system";
-import { CardSizes } from "./card-types";
-
-export interface CardProps extends MarginProps {
-  /** action to be executed when card is clicked or enter pressed */
-  action?: (ev: React.MouseEvent<HTMLDivElement>) => void;
-  children: React.ReactNode;
-  /** style value for width of card */
-  cardWidth?: string;
-  /** flag to indicate if card is interactive */
-  interactive?: boolean;
-  /** flag to indicate if card is draggable */
-  draggable?: boolean;
-  /** size of card for applying padding (small | medium | large) */
-  spacing?: CardSizes;
-  dataRole?: string;
-}
-
-declare function Card(props: CardProps): JSX.Element;
-
-export default Card;

package/lib/components/card/card-column/card-column.d.ts

@@ -1,11 +0,0 @@
-import * as React from "react";
-
-export interface CardColumnProps {
-  children: React.ReactNode;
-  /** text alignment of the card section text */
-  align?: "left" | "center" | "right";
-}
-
-declare function CardColumn(props: CardColumnProps): JSX.Element;
-
-export default CardColumn;

package/lib/components/card/card-footer/card-footer.d.ts

@@ -1,16 +0,0 @@
-import * as React from "react";
-import { SpaceProps } from "styled-system";
-import { CardSizes } from "../card-types";
-
-export interface CardFooterProps extends SpaceProps {
-  children: React.ReactNode;
-  /**
-   * Predefined size of CardFooter for applying padding (small | medium | large).
-   * For more granular control these can be over-ridden by Spacing props from styled-system.
-   */
-  spacing?: CardSizes;
-}
-
-declare function CardFooter(props: CardFooterProps): JSX.Element;
-
-export default CardFooter;

package/lib/components/card/card-row/card-row.d.ts

@@ -1,16 +0,0 @@
-import * as React from "react";
-import { PaddingProps } from "styled-system";
-import { CardSizes } from "../card-types";
-
-export interface CardRowProps extends PaddingProps {
-  children: React.ReactNode;
-  /**
-   * Spacing prop is set in Card and defines the padding for the CardRow (the first CardRow has no padding by default).
-   * For more granular control of CardRow padding these can be over-ridden by Padding props from styled-system.
-   */
-  spacing?: CardSizes;
-}
-
-declare function CardRow(props: CardRowProps): JSX.Element;
-
-export default CardRow;

package/lib/components/card/card-types.d.ts

@@ -1 +0,0 @@
-export type CardSizes = "small" | "medium" | "large";

package/lib/components/card/card.d.ts

@@ -1,22 +0,0 @@
-import * as React from "react";
-import { MarginProps } from "styled-system";
-import { CardSizes } from "./card-types";
-
-export interface CardProps extends MarginProps {
-  /** action to be executed when card is clicked or enter pressed */
-  action?: (ev: React.MouseEvent<HTMLDivElement>) => void;
-  children: React.ReactNode;
-  /** style value for width of card */
-  cardWidth?: string;
-  /** flag to indicate if card is interactive */
-  interactive?: boolean;
-  /** flag to indicate if card is draggable */
-  draggable?: boolean;
-  /** size of card for applying padding (small | medium | large) */
-  spacing?: CardSizes;
-  dataRole?: string;
-}
-
-declare function Card(props: CardProps): JSX.Element;
-
-export default Card;