@ohos-ports/sprucelabs-react-heartwood-components 9.1.0-beta.0

package/lib/components/Card/components/CardBody.d.ts

@@ -0,0 +1,27 @@
+import React from 'react';
+export interface ICardBodyProps {
+    /** Children to show in the Card */
+    children?: React.ReactNode;
+    /** Whether to wrap children in CardSection */
+    isSectioned?: boolean;
+    /** Set true to display line separators between CardSection components */
+    areSectionSeparatorsVisible?: boolean;
+    /** Does card include top padding */
+    hasTopPadding?: boolean;
+    /** Does card include bottom padding */
+    hasBottomPadding?: boolean;
+    /** Set to true to remove horizontal padding */
+    isFullBleed?: boolean;
+}
+declare const CardBody: {
+    (props: ICardBodyProps): React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)>;
+    displayName: string;
+    defaultProps: {
+        isSectioned: boolean;
+        areSectionSeparatorsVisible: boolean;
+        hasTopPadding: boolean;
+        hasBottomPadding: boolean;
+    };
+};
+export default CardBody;
+//# sourceMappingURL=CardBody.d.ts.map

package/lib/components/Card/components/CardBody.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardBody.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/components/CardBody.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,MAAM,WAAW,cAAc;IAC9B,mCAAmC;IACnC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAE1B,8CAA8C;IAC9C,WAAW,CAAC,EAAE,OAAO,CAAA;IAErB,yEAAyE;IACzE,2BAA2B,CAAC,EAAE,OAAO,CAAA;IAErC,oCAAoC;IACpC,aAAa,CAAC,EAAE,OAAO,CAAA;IAEvB,uCAAuC;IACvC,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAE1B,+CAA+C;IAC/C,WAAW,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,QAAA,MAAM,QAAQ;;;;;;;;;CAuBb,CAAA;AAUD,eAAe,QAAQ,CAAA"}

package/lib/components/Card/components/CardBody.js

@@ -0,0 +1,45 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _CardSection = _interopRequireDefault(require("./CardSection"));
+
+var CardBody = function CardBody(props) {
+  var children = props.children,
+      isSectioned = props.isSectioned,
+      hasTopPadding = props.hasTopPadding,
+      hasBottomPadding = props.hasBottomPadding,
+      areSectionSeparatorsVisible = props.areSectionSeparatorsVisible,
+      _props$isFullBleed = props.isFullBleed,
+      isFullBleed = _props$isFullBleed === void 0 ? false : _props$isFullBleed;
+  var className = (0, _classnames["default"])('card__body', {
+    'card__body--section-separators-visible': areSectionSeparatorsVisible,
+    'card__body--no-top-padding': !hasTopPadding,
+    'card__body--no-bottom-padding': !hasBottomPadding
+  });
+  return _react["default"].createElement("div", {
+    className: className
+  }, isSectioned ? _react["default"].createElement(_CardSection["default"], {
+    isFullBleed: isFullBleed
+  }, children) : children);
+};
+
+CardBody.displayName = 'Card.Body';
+CardBody.defaultProps = {
+  isSectioned: true,
+  areSectionSeparatorsVisible: false,
+  hasTopPadding: true,
+  hasBottomPadding: true
+};
+var _default = CardBody;
+exports["default"] = _default;
+//# sourceMappingURL=CardBody.js.map

package/lib/components/Card/components/CardBody.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Card/components/CardBody.tsx"],"names":["CardBody","props","children","isSectioned","hasTopPadding","hasBottomPadding","areSectionSeparatorsVisible","isFullBleed","className","displayName","defaultProps"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AAuBA,IAAMA,QAAQ,GAAG,SAAXA,QAAW,CAACC,KAAD,EAA+C;AAAA,MAE9DC,QAF8D,GAQ3DD,KAR2D,CAE9DC,QAF8D;AAAA,MAG9DC,WAH8D,GAQ3DF,KAR2D,CAG9DE,WAH8D;AAAA,MAI9DC,aAJ8D,GAQ3DH,KAR2D,CAI9DG,aAJ8D;AAAA,MAK9DC,gBAL8D,GAQ3DJ,KAR2D,CAK9DI,gBAL8D;AAAA,MAM9DC,2BAN8D,GAQ3DL,KAR2D,CAM9DK,2BAN8D;AAAA,2BAQ3DL,KAR2D,CAO9DM,WAP8D;AAAA,MAO9DA,WAP8D,mCAOhD,KAPgD;AAS/D,MAAMC,SAAS,GAAG,4BAAG,YAAH,EAAiB;AAClC,8CAA0CF,2BADR;AAElC,kCAA8B,CAACF,aAFG;AAGlC,qCAAiC,CAACC;AAHA,GAAjB,CAAlB;AAKA,SACC;AAAK,IAAA,SAAS,EAAEG;AAAhB,KACEL,WAAW,GACX,gCAAC,uBAAD;AAAa,IAAA,WAAW,EAAEI;AAA1B,KAAwCL,QAAxC,CADW,GAGXA,QAJF,CADD;AASA,CAvBD;;AAyBAF,QAAQ,CAACS,WAAT,GAAuB,WAAvB;AACAT,QAAQ,CAACU,YAAT,GAAwB;AACvBP,EAAAA,WAAW,EAAE,IADU;AAEvBG,EAAAA,2BAA2B,EAAE,KAFN;AAGvBF,EAAAA,aAAa,EAAE,IAHQ;AAIvBC,EAAAA,gBAAgB,EAAE;AAJK,CAAxB;eAOeL,Q","sourcesContent":["import React from 'react'\nimport cx from 'classnames'\nimport CardSection from './CardSection'\n\n// Card Body\nexport interface ICardBodyProps {\n\t/** Children to show in the Card */\n\tchildren?: React.ReactNode\n\n\t/** Whether to wrap children in CardSection */\n\tisSectioned?: boolean\n\n\t/** Set true to display line separators between CardSection components */\n\tareSectionSeparatorsVisible?: boolean\n\n\t/** Does card include top padding */\n\thasTopPadding?: boolean\n\n\t/** Does card include bottom padding */\n\thasBottomPadding?: boolean\n\n\t/** Set to true to remove horizontal padding */\n\tisFullBleed?: boolean\n}\n\nconst CardBody = (props: ICardBodyProps): React.ReactElement => {\n\tconst {\n\t\tchildren,\n\t\tisSectioned,\n\t\thasTopPadding,\n\t\thasBottomPadding,\n\t\tareSectionSeparatorsVisible,\n\t\tisFullBleed = false\n\t} = props\n\tconst className = cx('card__body', {\n\t\t'card__body--section-separators-visible': areSectionSeparatorsVisible,\n\t\t'card__body--no-top-padding': !hasTopPadding,\n\t\t'card__body--no-bottom-padding': !hasBottomPadding\n\t})\n\treturn (\n\t\t<div className={className}>\n\t\t\t{isSectioned ? (\n\t\t\t\t<CardSection isFullBleed={isFullBleed}>{children}</CardSection>\n\t\t\t) : (\n\t\t\t\tchildren\n\t\t\t)}\n\t\t</div>\n\t)\n}\n\nCardBody.displayName = 'Card.Body'\nCardBody.defaultProps = {\n\tisSectioned: true,\n\tareSectionSeparatorsVisible: false,\n\thasTopPadding: true,\n\thasBottomPadding: true\n}\n\nexport default CardBody\n"],"file":"CardBody.js"}

package/lib/components/Card/components/CardBuilder.d.ts

@@ -0,0 +1,50 @@
+import { IHWAction, IHWCardBuilder, IHWCardBuilderBody, IHWCardBuilderBodyItem, IHWCardBuilderFooter, IHWHeading, IHWScoreCard } from '@sprucelabs/spruce-types';
+import React from 'react';
+import { IButtonProps } from '../../Button/Button';
+import { IButtonGroupProps } from '../../ButtonGroup/ButtonGroup';
+import { IImageProps } from '../../Image/Image';
+import { IListProps } from '../../List/List';
+import { ITextProps } from '../../Text/Text';
+import { IToastProps } from '../../Toast/Toast';
+import { ICardHeaderProps } from './CardHeader';
+import { IOnboardingCardProps } from './OnboardingCard';
+export interface ICardBuilderFooter extends Omit<IHWCardBuilderFooter, 'buttonGroup'> {
+    /** Render buttons in the Card Footer */
+    buttonGroup?: IButtonGroupProps | null;
+}
+export declare type CardBuilderBodyItemViewModel = IButtonProps | IImageProps | IHWHeading | ITextProps | IHWScoreCard | IToastProps | IListProps;
+export interface ICardBuilderBodyItem extends Omit<IHWCardBuilderBodyItem, 'viewModel'> {
+    viewModel: CardBuilderBodyItemViewModel;
+}
+export interface ICardBuilderBodyProps extends Omit<IHWCardBuilderBody, 'items'> {
+    /** array of items to be rendered */
+    items?: ICardBuilderBodyItem[];
+    /** optional child that will be rendered as the body */
+    children?: React.ReactNode;
+}
+export interface ICardBuilderProps extends Omit<IHWCardBuilder, 'id' | 'header' | 'onboarding' | 'body' | 'footer' | 'headerImage'> {
+    /** optional id for view caching */
+    id?: string;
+    /** Card Header props */
+    header?: ICardHeaderProps | null;
+    /** Image rendered as header */
+    headerImage?: IImageProps | null;
+    /** all onboarding props */
+    onboarding?: IOnboardingCardProps | null;
+    /** Card Body props */
+    body?: ICardBuilderBodyProps | null;
+    /** Card Footer props */
+    footer?: ICardBuilderFooter | null;
+    /** so we can use directly and set our own children */
+    children?: any;
+    /** optional, provide a handler for Actions */
+    onAction?: (action: IHWAction) => any;
+}
+declare const CardBuilder: {
+    (props: ICardBuilderProps): React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)>;
+    defaultProps: {
+        footer: null;
+    };
+};
+export default CardBuilder;
+//# sourceMappingURL=CardBuilder.d.ts.map

package/lib/components/Card/components/CardBuilder.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardBuilder.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/components/CardBuilder.tsx"],"names":[],"mappings":"AAAA,OAAO,EACN,SAAS,EACT,cAAc,EACd,kBAAkB,EAClB,sBAAsB,EACtB,oBAAoB,EACpB,UAAU,EACV,YAAY,EACZ,MAAM,0BAA0B,CAAA;AACjC,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAe,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAA;AAC1D,OAAoB,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAA;AAE9E,OAAc,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AACtD,OAAa,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAClD,OAAa,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAClD,OAAc,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAItD,OAAmB,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAA;AAC3D,OAAuB,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAA;AAIvE,MAAM,WAAW,kBAChB,SAAQ,IAAI,CAAC,oBAAoB,EAAE,aAAa,CAAC;IACjD,wCAAwC;IACxC,WAAW,CAAC,EAAE,iBAAiB,GAAG,IAAI,CAAA;CACtC;AAED,oBAAY,4BAA4B,GACrC,YAAY,GACZ,WAAW,GACX,UAAU,GACV,UAAU,GACV,YAAY,GACZ,WAAW,GACX,UAAU,CAAA;AAEb,MAAM,WAAW,oBAChB,SAAQ,IAAI,CAAC,sBAAsB,EAAE,WAAW,CAAC;IACjD,SAAS,EAAE,4BAA4B,CAAA;CACvC;AAED,MAAM,WAAW,qBAChB,SAAQ,IAAI,CAAC,kBAAkB,EAAE,OAAO,CAAC;IACzC,oCAAoC;IACpC,KAAK,CAAC,EAAE,oBAAoB,EAAE,CAAA;IAE9B,uDAAuD;IACvD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAED,MAAM,WAAW,iBAChB,SAAQ,IAAI,CACX,cAAc,EACd,IAAI,GAAG,QAAQ,GAAG,YAAY,GAAG,MAAM,GAAG,QAAQ,GAAG,aAAa,CAClE;IACD,mCAAmC;IACnC,EAAE,CAAC,EAAE,MAAM,CAAA;IAEX,wBAAwB;IACxB,MAAM,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAA;IAEhC,+BAA+B;IAC/B,WAAW,CAAC,EAAE,WAAW,GAAG,IAAI,CAAA;IAEhC,2BAA2B;IAC3B,UAAU,CAAC,EAAE,oBAAoB,GAAG,IAAI,CAAA;IAExC,sBAAsB;IACtB,IAAI,CAAC,EAAE,qBAAqB,GAAG,IAAI,CAAA;IAEnC,wBAAwB;IACxB,MAAM,CAAC,EAAE,kBAAkB,GAAG,IAAI,CAAA;IAElC,sDAAsD;IACtD,QAAQ,CAAC,EAAE,GAAG,CAAA;IAEd,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,KAAK,GAAG,CAAA;CACrC;AAyCD,QAAA,MAAM,WAAW;;;;;CA2DhB,CAAA;AAMD,eAAe,WAAW,CAAA"}

package/lib/components/Card/components/CardBuilder.js

@@ -0,0 +1,139 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Button = _interopRequireDefault(require("../../Button/Button"));
+
+var _ButtonGroup = _interopRequireDefault(require("../../ButtonGroup/ButtonGroup"));
+
+var _Heading = _interopRequireDefault(require("../../Heading/Heading"));
+
+var _Image = _interopRequireDefault(require("../../Image/Image"));
+
+var _List = _interopRequireDefault(require("../../List/List"));
+
+var _Text = _interopRequireDefault(require("../../Text/Text"));
+
+var _Toast = _interopRequireDefault(require("../../Toast/Toast"));
+
+var _Card = _interopRequireDefault(require("../Card"));
+
+var _CardBody = _interopRequireDefault(require("./CardBody"));
+
+var _CardFooter = _interopRequireDefault(require("./CardFooter"));
+
+var _CardHeader = _interopRequireDefault(require("./CardHeader"));
+
+var _OnboardingCard = _interopRequireDefault(require("./OnboardingCard"));
+
+var _Scores = _interopRequireDefault(require("./Scores"));
+
+var _ = require("../../..");
+
+// COMPONENTS THAT CAN GO INTO THIS COMPONENT, KEEP MINIMAL
+var renderItem = function renderItem(item, onAction) {
+  var CardBuilderKey = {
+    CardBodyButton: _Button["default"],
+    CardBodyImage: _Image["default"],
+    CardBodyHeading: _Heading["default"],
+    CardBodyText: _Text["default"],
+    CardBodyList: _List["default"],
+    CardBodyScores: _Scores["default"],
+    CardBodyToast: _Toast["default"],
+    button: _Button["default"],
+    image: _Image["default"],
+    heading: _Heading["default"],
+    text: _Text["default"],
+    list: _List["default"],
+    scoreCard: _Scores["default"],
+    toast: _Toast["default"]
+  };
+  var type = item.type,
+      viewModel = item.viewModel;
+  var Handler = CardBuilderKey[type];
+
+  if (!Handler) {
+    return _react["default"].createElement("div", null, "Could not render type $", type, ".");
+  }
+
+  return typeof Handler.prototype === 'undefined' || !Handler.prototype.render ? // TODO figure out why these don't pass
+  Handler((0, _objectSpread2["default"])({}, viewModel, {
+    onAction: onAction
+  })) : // @ts-ignore
+  _react["default"].createElement(Handler, (0, _extends2["default"])({}, viewModel, {
+    onAction: onAction
+  }));
+};
+
+var CardBuilder = function CardBuilder(props) {
+  var header = props.header,
+      headerImage = props.headerImage,
+      body = props.body,
+      footer = props.footer,
+      onboarding = props.onboarding,
+      onAction = props.onAction;
+
+  if (onboarding) {
+    return _react["default"].createElement(_OnboardingCard["default"], onboarding);
+  } // NOTE: Destructuring stopped working after tsx conversion
+
+
+  var _ref = body || {
+    items: undefined,
+    isSectioned: true,
+    isFullBleed: false,
+    areSectionSeparatorsVisible: false,
+    hasTopPadding: true,
+    hasBottomPadding: true
+  },
+      items = _ref.items,
+      _ref$isSectioned = _ref.isSectioned,
+      isSectioned = _ref$isSectioned === void 0 ? true : _ref$isSectioned,
+      _ref$isFullBleed = _ref.isFullBleed,
+      isFullBleed = _ref$isFullBleed === void 0 ? false : _ref$isFullBleed,
+      _ref$areSectionSepara = _ref.areSectionSeparatorsVisible,
+      areSectionSeparatorsVisible = _ref$areSectionSepara === void 0 ? false : _ref$areSectionSepara,
+      _ref$hasTopPadding = _ref.hasTopPadding,
+      hasTopPadding = _ref$hasTopPadding === void 0 ? true : _ref$hasTopPadding,
+      _ref$hasBottomPadding = _ref.hasBottomPadding,
+      hasBottomPadding = _ref$hasBottomPadding === void 0 ? true : _ref$hasBottomPadding;
+
+  var _ref2 = body || {
+    children: undefined
+  },
+      children = _ref2.children;
+
+  return _react["default"].createElement(_Card["default"], null, header && _react["default"].createElement(_CardHeader["default"], (0, _extends2["default"])({}, header, {
+    onAction: onAction
+  })), headerImage && _react["default"].createElement(_Image["default"], headerImage), (items || children) && _react["default"].createElement(_CardBody["default"], {
+    hasBottomPadding: hasBottomPadding === null ? true : hasBottomPadding,
+    hasTopPadding: hasTopPadding === null ? true : hasTopPadding,
+    areSectionSeparatorsVisible: areSectionSeparatorsVisible === null ? false : areSectionSeparatorsVisible,
+    isSectioned: !!isSectioned,
+    isFullBleed: !!isFullBleed
+  }, children, Array.isArray(items) ? (0, _.unionArray)(items).map(function (item) {
+    return renderItem(item, onAction);
+  }) : items), footer && _react["default"].createElement(_CardFooter["default"], null, footer.buttonGroup && _react["default"].createElement(_ButtonGroup["default"], (0, _extends2["default"])({}, footer.buttonGroup, {
+    onAction: onAction
+  })), footer.helper && _react["default"].createElement("div", {
+    className: 'card__footer__helper'
+  }, footer.helper)));
+};
+
+CardBuilder.defaultProps = {
+  footer: null
+};
+var _default = CardBuilder;
+exports["default"] = _default;
+//# sourceMappingURL=CardBuilder.js.map

package/lib/components/Card/components/CardBuilder.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Card/components/CardBuilder.tsx"],"names":["renderItem","item","onAction","CardBuilderKey","CardBodyButton","Button","CardBodyImage","Image","CardBodyHeading","Heading","CardBodyText","Text","CardBodyList","List","CardBodyScores","Scores","CardBodyToast","Toast","button","image","heading","text","list","scoreCard","toast","type","viewModel","Handler","prototype","render","CardBuilder","props","header","headerImage","body","footer","onboarding","items","undefined","isSectioned","isFullBleed","areSectionSeparatorsVisible","hasTopPadding","hasBottomPadding","children","Array","isArray","map","buttonGroup","helper","defaultProps"],"mappings":"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","sourcesContent":["import {\n\tIHWAction,\n\tIHWCardBuilder,\n\tIHWCardBuilderBody,\n\tIHWCardBuilderBodyItem,\n\tIHWCardBuilderFooter,\n\tIHWHeading,\n\tIHWScoreCard\n} from '@sprucelabs/spruce-types'\nimport React from 'react'\n// COMPONENTS THAT CAN GO INTO THIS COMPONENT, KEEP MINIMAL\nimport Button, { IButtonProps } from '../../Button/Button'\nimport ButtonGroup, { IButtonGroupProps } from '../../ButtonGroup/ButtonGroup'\nimport Heading from '../../Heading/Heading'\nimport Image, { IImageProps } from '../../Image/Image'\nimport List, { IListProps } from '../../List/List'\nimport Text, { ITextProps } from '../../Text/Text'\nimport Toast, { IToastProps } from '../../Toast/Toast'\nimport Card from '../Card'\nimport CardBody from './CardBody'\nimport CardFooter from './CardFooter'\nimport CardHeader, { ICardHeaderProps } from './CardHeader'\nimport OnboardingCard, { IOnboardingCardProps } from './OnboardingCard'\nimport Scores from './Scores'\nimport { unionArray } from '../../..'\n\nexport interface ICardBuilderFooter\n\textends Omit<IHWCardBuilderFooter, 'buttonGroup'> {\n\t/** Render buttons in the Card Footer */\n\tbuttonGroup?: IButtonGroupProps | null\n}\n\nexport type CardBuilderBodyItemViewModel =\n\t| IButtonProps\n\t| IImageProps\n\t| IHWHeading\n\t| ITextProps\n\t| IHWScoreCard\n\t| IToastProps\n\t| IListProps\n\nexport interface ICardBuilderBodyItem\n\textends Omit<IHWCardBuilderBodyItem, 'viewModel'> {\n\tviewModel: CardBuilderBodyItemViewModel\n}\n\nexport interface ICardBuilderBodyProps\n\textends Omit<IHWCardBuilderBody, 'items'> {\n\t/** array of items to be rendered */\n\titems?: ICardBuilderBodyItem[]\n\n\t/** optional child that will be rendered as the body */\n\tchildren?: React.ReactNode\n}\n\nexport interface ICardBuilderProps\n\textends Omit<\n\t\tIHWCardBuilder,\n\t\t'id' | 'header' | 'onboarding' | 'body' | 'footer' | 'headerImage'\n\t> {\n\t/** optional id for view caching */\n\tid?: string\n\n\t/** Card Header props */\n\theader?: ICardHeaderProps | null\n\n\t/** Image rendered as header */\n\theaderImage?: IImageProps | null\n\n\t/** all onboarding props */\n\tonboarding?: IOnboardingCardProps | null\n\n\t/** Card Body props */\n\tbody?: ICardBuilderBodyProps | null\n\n\t/** Card Footer props */\n\tfooter?: ICardBuilderFooter | null\n\n\t/** so we can use directly and set our own children */\n\tchildren?: any\n\n\t/** optional, provide a handler for Actions */\n\tonAction?: (action: IHWAction) => any\n}\n\nconst renderItem = (\n\titem: ICardBuilderBodyItem | IHWCardBuilderBodyItem,\n\tonAction?: (action: IHWAction) => any\n): React.ReactElement => {\n\tconst CardBuilderKey = {\n\t\tCardBodyButton: Button,\n\t\tCardBodyImage: Image,\n\t\tCardBodyHeading: Heading,\n\t\tCardBodyText: Text,\n\t\tCardBodyList: List,\n\t\tCardBodyScores: Scores,\n\t\tCardBodyToast: Toast,\n\t\tbutton: Button,\n\t\timage: Image,\n\t\theading: Heading,\n\t\ttext: Text,\n\t\tlist: List,\n\t\tscoreCard: Scores,\n\t\ttoast: Toast\n\t}\n\n\tconst { type, viewModel } = item\n\tconst Handler = CardBuilderKey[type]\n\n\tif (!Handler) {\n\t\treturn <div>Could not render type ${type}.</div>\n\t}\n\n\treturn typeof Handler.prototype === 'undefined' ||\n\t\t!Handler.prototype.render ? (\n\t\t// TODO figure out why these don't pass\n\t\t// @ts-ignore\n\t\tHandler({ ...viewModel, onAction })\n\t) : (\n\t\t// @ts-ignore\n\t\t<Handler {...viewModel} onAction={onAction} />\n\t)\n}\n\nconst CardBuilder = (props: ICardBuilderProps): React.ReactElement => {\n\tconst { header, headerImage, body, footer, onboarding, onAction } = props\n\tif (onboarding) {\n\t\treturn <OnboardingCard {...onboarding} />\n\t}\n\n\t// NOTE: Destructuring stopped working after tsx conversion\n\tconst {\n\t\titems,\n\t\tisSectioned = true,\n\t\tisFullBleed = false,\n\t\tareSectionSeparatorsVisible = false,\n\t\thasTopPadding = true,\n\t\thasBottomPadding = true\n\t} = body || {\n\t\titems: undefined,\n\t\tisSectioned: true,\n\t\tisFullBleed: false,\n\t\tareSectionSeparatorsVisible: false,\n\t\thasTopPadding: true,\n\t\thasBottomPadding: true\n\t}\n\n\tconst { children } = (body as ICardBuilderProps) || { children: undefined }\n\n\treturn (\n\t\t<Card>\n\t\t\t{header && <CardHeader {...header} onAction={onAction} />}\n\t\t\t{headerImage && <Image {...headerImage} />}\n\t\t\t{(items || children) && (\n\t\t\t\t<CardBody\n\t\t\t\t\thasBottomPadding={hasBottomPadding === null ? true : hasBottomPadding}\n\t\t\t\t\thasTopPadding={hasTopPadding === null ? true : hasTopPadding}\n\t\t\t\t\tareSectionSeparatorsVisible={\n\t\t\t\t\t\tareSectionSeparatorsVisible === null\n\t\t\t\t\t\t\t? false\n\t\t\t\t\t\t\t: areSectionSeparatorsVisible\n\t\t\t\t\t}\n\t\t\t\t\tisSectioned={!!isSectioned}\n\t\t\t\t\tisFullBleed={!!isFullBleed}\n\t\t\t\t>\n\t\t\t\t\t{children}\n\t\t\t\t\t{Array.isArray(items)\n\t\t\t\t\t\t? unionArray(items).map(item => renderItem(item, onAction))\n\t\t\t\t\t\t: items}\n\t\t\t\t</CardBody>\n\t\t\t)}\n\t\t\t{footer && (\n\t\t\t\t<CardFooter>\n\t\t\t\t\t{footer.buttonGroup && (\n\t\t\t\t\t\t<ButtonGroup {...footer.buttonGroup} onAction={onAction} />\n\t\t\t\t\t)}\n\t\t\t\t\t{footer.helper && (\n\t\t\t\t\t\t<div className={'card__footer__helper'}>{footer.helper}</div>\n\t\t\t\t\t)}\n\t\t\t\t</CardFooter>\n\t\t\t)}\n\t\t</Card>\n\t)\n}\n\nCardBuilder.defaultProps = {\n\tfooter: null\n}\n\nexport default CardBuilder\n"],"file":"CardBuilder.js"}

package/lib/components/Card/components/CardFooter.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export interface ICardFooterProps {
+    /** Children to show in the Card Footer */
+    children?: React.ReactNode;
+}
+declare const CardFooter: {
+    (props: ICardFooterProps): React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)>;
+    displayName: string;
+};
+export default CardFooter;
+//# sourceMappingURL=CardFooter.d.ts.map

package/lib/components/Card/components/CardFooter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardFooter.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/components/CardFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,MAAM,WAAW,gBAAgB;IAChC,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAED,QAAA,MAAM,UAAU;;;CAGf,CAAA;AAGD,eAAe,UAAU,CAAA"}

package/lib/components/Card/components/CardFooter.js

@@ -0,0 +1,22 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var CardFooter = function CardFooter(props) {
+  var children = props.children;
+  return _react["default"].createElement("div", {
+    className: "card__footer"
+  }, children);
+};
+
+CardFooter.displayName = 'Card.Footer';
+var _default = CardFooter;
+exports["default"] = _default;
+//# sourceMappingURL=CardFooter.js.map

package/lib/components/Card/components/CardFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Card/components/CardFooter.tsx"],"names":["CardFooter","props","children","displayName"],"mappings":";;;;;;;;;AAAA;;AAQA,IAAMA,UAAU,GAAG,SAAbA,UAAa,CAACC,KAAD,EAAiD;AAAA,MAC3DC,QAD2D,GAC9CD,KAD8C,CAC3DC,QAD2D;AAEnE,SAAO;AAAK,IAAA,SAAS,EAAC;AAAf,KAA+BA,QAA/B,CAAP;AACA,CAHD;;AAKAF,UAAU,CAACG,WAAX,GAAyB,aAAzB;eACeH,U","sourcesContent":["import React from 'react'\n\n// Card Footer\nexport interface ICardFooterProps {\n\t/** Children to show in the Card Footer */\n\tchildren?: React.ReactNode\n}\n\nconst CardFooter = (props: ICardFooterProps): React.ReactElement => {\n\tconst { children } = props\n\treturn <div className=\"card__footer\">{children}</div>\n}\n\nCardFooter.displayName = 'Card.Footer'\nexport default CardFooter\n"],"file":"CardFooter.js"}

package/lib/components/Card/components/CardHeader.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+import { IIconProps } from '../../Icon/Icon';
+import { IContextMenuProps } from '../../ContextMenu/ContextMenu';
+import { IButtonProps } from '../../Button/Button';
+import { IHWAction, IHWCardHeader } from '@sprucelabs/spruce-types';
+export interface ICardHeaderProps extends Omit<IHWCardHeader, 'labelIcon' | 'actions' | 'contextMenu'> {
+    /** Optional icon to show above the title and before the label */
+    labelIcon?: IIconProps | null;
+    /** Render buttons in the Card Header */
+    actions?: IButtonProps[] | null;
+    /** Renders a Context Menu in the Card Header */
+    contextMenu?: IContextMenuProps | null;
+    /** optional, provide a handler for Actions */
+    onAction?: (action: IHWAction) => any;
+}
+declare const CardHeader: {
+    (props: IHWCardHeader | ICardHeaderProps): React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)>;
+    displayName: string;
+    defaultProps: {
+        title: string;
+        labelText: string;
+        labelIcon: null;
+        headerActions: never[];
+        contextMenu: null;
+    };
+};
+export default CardHeader;
+//# sourceMappingURL=CardHeader.d.ts.map

package/lib/components/Card/components/CardHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/components/CardHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAGvC,OAAa,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAClD,OAAoB,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAA;AAE9E,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAA;AAClD,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAA;AAGnE,MAAM,WAAW,gBAChB,SAAQ,IAAI,CAAC,aAAa,EAAE,WAAW,GAAG,SAAS,GAAG,aAAa,CAAC;IACpE,iEAAiE;IACjE,SAAS,CAAC,EAAE,UAAU,GAAG,IAAI,CAAA;IAE7B,wCAAwC;IACxC,OAAO,CAAC,EAAE,YAAY,EAAE,GAAG,IAAI,CAAA;IAE/B,gDAAgD;IAChD,WAAW,CAAC,EAAE,iBAAiB,GAAG,IAAI,CAAA;IAEtC,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,KAAK,GAAG,CAAA;CACrC;AAED,QAAA,MAAM,UAAU;;;;;;;;;;CAqDf,CAAA;AAWD,eAAe,UAAU,CAAA"}

package/lib/components/Card/components/CardHeader.js

@@ -0,0 +1,70 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _Button = _interopRequireWildcard(require("../../Button/Button"));
+
+var _Icon = _interopRequireDefault(require("../../Icon/Icon"));
+
+var _ContextMenu = _interopRequireDefault(require("../../ContextMenu/ContextMenu"));
+
+var CardHeader = function CardHeader(props) {
+  var reactHeartwoodProps = props;
+  var commonProps = props;
+  var title = commonProps.title,
+      labelText = commonProps.labelText,
+      actions = commonProps.actions,
+      contextMenu = commonProps.contextMenu;
+  var labelIcon = reactHeartwoodProps.labelIcon,
+      onAction = reactHeartwoodProps.onAction;
+  return _react["default"].createElement("div", {
+    className: "card__header"
+  }, (title || labelText || labelIcon) && _react["default"].createElement("div", {
+    className: "card__header-text"
+  }, (labelText || labelIcon) && _react["default"].createElement("div", {
+    className: "card__header-label"
+  }, labelIcon && _react["default"].createElement(_Icon["default"], {
+    customIcon: labelIcon.customIcon ? labelIcon.customIcon : undefined,
+    name: labelIcon.name,
+    isLineIcon: labelIcon.isLineIcon,
+    className: (0, _classnames["default"])('card__header-label-icon', labelIcon.className)
+  }), labelText && _react["default"].createElement("span", {
+    className: "card__header-label-text"
+  }, labelText)), title && _react["default"].createElement("h3", {
+    className: "card__title"
+  }, title)), (actions || contextMenu) && _react["default"].createElement("div", {
+    className: "card__header-actions"
+  }, _react["default"].createElement(_react.Fragment, null, actions && actions.length > 0 && actions.map(function (action) {
+    return _react["default"].createElement(_Button["default"], (0, _extends2["default"])({
+      key: action.id,
+      kind: _Button.ButtonKinds.Simple,
+      isSmall: true,
+      onAction: onAction
+    }, action));
+  }), contextMenu && _react["default"].createElement(_ContextMenu["default"], contextMenu))));
+};
+
+CardHeader.displayName = 'Card.Header';
+CardHeader.defaultProps = {
+  title: '',
+  labelText: '',
+  labelIcon: null,
+  headerActions: [],
+  contextMenu: null
+};
+var _default = CardHeader;
+exports["default"] = _default;
+//# sourceMappingURL=CardHeader.js.map

package/lib/components/Card/components/CardHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Card/components/CardHeader.tsx"],"names":["CardHeader","props","reactHeartwoodProps","commonProps","title","labelText","actions","contextMenu","labelIcon","onAction","customIcon","undefined","name","isLineIcon","className","length","map","action","id","ButtonKinds","Simple","displayName","defaultProps","headerActions"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAqBA,IAAMA,UAAU,GAAG,SAAbA,UAAa,CAClBC,KADkB,EAEM;AACxB,MAAMC,mBAAmB,GAAGD,KAA5B;AACA,MAAME,WAAW,GAAGF,KAApB;AAFwB,MAIhBG,KAJgB,GAI2BD,WAJ3B,CAIhBC,KAJgB;AAAA,MAITC,SAJS,GAI2BF,WAJ3B,CAITE,SAJS;AAAA,MAIEC,OAJF,GAI2BH,WAJ3B,CAIEG,OAJF;AAAA,MAIWC,WAJX,GAI2BJ,WAJ3B,CAIWI,WAJX;AAAA,MAKhBC,SALgB,GAKQN,mBALR,CAKhBM,SALgB;AAAA,MAKLC,QALK,GAKQP,mBALR,CAKLO,QALK;AAOxB,SACC;AAAK,IAAA,SAAS,EAAC;AAAf,KACE,CAACL,KAAK,IAAIC,SAAT,IAAsBG,SAAvB,KACA;AAAK,IAAA,SAAS,EAAC;AAAf,KACE,CAACH,SAAS,IAAIG,SAAd,KACA;AAAK,IAAA,SAAS,EAAC;AAAf,KACEA,SAAS,IACT,gCAAC,gBAAD;AACC,IAAA,UAAU,EACTA,SAAS,CAACE,UAAV,GAAuBF,SAAS,CAACE,UAAjC,GAA8CC,SAFhD;AAIC,IAAA,IAAI,EAAEH,SAAS,CAACI,IAJjB;AAKC,IAAA,UAAU,EAAEJ,SAAS,CAACK,UALvB;AAMC,IAAA,SAAS,EAAE,4BAAG,yBAAH,EAA8BL,SAAS,CAACM,SAAxC;AANZ,IAFF,EAWET,SAAS,IACT;AAAM,IAAA,SAAS,EAAC;AAAhB,KAA2CA,SAA3C,CAZF,CAFF,EAkBED,KAAK,IAAI;AAAI,IAAA,SAAS,EAAC;AAAd,KAA6BA,KAA7B,CAlBX,CAFF,EAuBE,CAACE,OAAO,IAAIC,WAAZ,KACA;AAAK,IAAA,SAAS,EAAC;AAAf,KACC,gCAAC,eAAD,QACED,OAAO,IACPA,OAAO,CAACS,MAAR,GAAiB,CADjB,IAEAT,OAAO,CAACU,GAAR,CAAY,UAAAC,MAAM;AAAA,WACjB,gCAAC,kBAAD;AACC,MAAA,GAAG,EAAEA,MAAM,CAACC,EADb;AAEC,MAAA,IAAI,EAAEC,oBAAYC,MAFnB;AAGC,MAAA,OAAO,MAHR;AAIC,MAAA,QAAQ,EAAEX;AAJX,OAKKQ,MALL,EADiB;AAAA,GAAlB,CAHF,EAYEV,WAAW,IAAI,gCAAC,uBAAD,EAAiBA,WAAjB,CAZjB,CADD,CAxBF,CADD;AA4CA,CArDD;;AAuDAP,UAAU,CAACqB,WAAX,GAAyB,aAAzB;AACArB,UAAU,CAACsB,YAAX,GAA0B;AACzBlB,EAAAA,KAAK,EAAE,EADkB;AAEzBC,EAAAA,SAAS,EAAE,EAFc;AAGzBG,EAAAA,SAAS,EAAE,IAHc;AAIzBe,EAAAA,aAAa,EAAE,EAJU;AAKzBhB,EAAAA,WAAW,EAAE;AALY,CAA1B;eAQeP,U","sourcesContent":["import React, { Fragment } from 'react'\nimport cx from 'classnames'\nimport Button, { ButtonKinds } from '../../Button/Button'\nimport Icon, { IIconProps } from '../../Icon/Icon'\nimport ContextMenu, { IContextMenuProps } from '../../ContextMenu/ContextMenu'\n\nimport { IButtonProps } from '../../Button/Button'\nimport { IHWAction, IHWCardHeader } from '@sprucelabs/spruce-types'\n\n// Card Header\nexport interface ICardHeaderProps\n\textends Omit<IHWCardHeader, 'labelIcon' | 'actions' | 'contextMenu'> {\n\t/** Optional icon to show above the title and before the label */\n\tlabelIcon?: IIconProps | null\n\n\t/** Render buttons in the Card Header */\n\tactions?: IButtonProps[] | null\n\n\t/** Renders a Context Menu in the Card Header */\n\tcontextMenu?: IContextMenuProps | null\n\n\t/** optional, provide a handler for Actions */\n\tonAction?: (action: IHWAction) => any\n}\n\nconst CardHeader = (\n\tprops: ICardHeaderProps | IHWCardHeader\n): React.ReactElement => {\n\tconst reactHeartwoodProps = props as ICardHeaderProps\n\tconst commonProps = props as IHWCardHeader\n\n\tconst { title, labelText, actions, contextMenu } = commonProps\n\tconst { labelIcon, onAction } = reactHeartwoodProps\n\n\treturn (\n\t\t<div className=\"card__header\">\n\t\t\t{(title || labelText || labelIcon) && (\n\t\t\t\t<div className=\"card__header-text\">\n\t\t\t\t\t{(labelText || labelIcon) && (\n\t\t\t\t\t\t<div className=\"card__header-label\">\n\t\t\t\t\t\t\t{labelIcon && (\n\t\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\t\tcustomIcon={\n\t\t\t\t\t\t\t\t\t\tlabelIcon.customIcon ? labelIcon.customIcon : undefined\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tname={labelIcon.name}\n\t\t\t\t\t\t\t\t\tisLineIcon={labelIcon.isLineIcon}\n\t\t\t\t\t\t\t\t\tclassName={cx('card__header-label-icon', labelIcon.className)}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{labelText && (\n\t\t\t\t\t\t\t\t<span className=\"card__header-label-text\">{labelText}</span>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t{title && <h3 className=\"card__title\">{title}</h3>}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t{(actions || contextMenu) && (\n\t\t\t\t<div className=\"card__header-actions\">\n\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t{actions &&\n\t\t\t\t\t\t\tactions.length > 0 &&\n\t\t\t\t\t\t\tactions.map(action => (\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tkey={action.id}\n\t\t\t\t\t\t\t\t\tkind={ButtonKinds.Simple}\n\t\t\t\t\t\t\t\t\tisSmall\n\t\t\t\t\t\t\t\t\tonAction={onAction}\n\t\t\t\t\t\t\t\t\t{...action}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t{contextMenu && <ContextMenu {...contextMenu} />}\n\t\t\t\t\t</Fragment>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t)\n}\n\nCardHeader.displayName = 'Card.Header'\nCardHeader.defaultProps = {\n\ttitle: '',\n\tlabelText: '',\n\tlabelIcon: null,\n\theaderActions: [],\n\tcontextMenu: null\n}\n\nexport default CardHeader\n"],"file":"CardHeader.js"}

package/lib/components/Card/components/CardSection.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export interface ICardSectionProps {
+    /** Children to show in the Card */
+    children?: React.ReactNode;
+    /** Set to true to remove horizontal padding */
+    isFullBleed?: boolean;
+}
+declare const CardSection: (props: ICardSectionProps) => React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)>;
+export default CardSection;
+//# sourceMappingURL=CardSection.d.ts.map

package/lib/components/Card/components/CardSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardSection.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/components/CardSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,MAAM,WAAW,iBAAiB;IACjC,mCAAmC;IACnC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAE1B,+CAA+C;IAC/C,WAAW,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,QAAA,MAAM,WAAW,8OAMhB,CAAA;AAED,eAAe,WAAW,CAAA"}

package/lib/components/Card/components/CardSection.js

@@ -0,0 +1,27 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var CardSection = function CardSection(props) {
+  var children = props.children,
+      isFullBleed = props.isFullBleed;
+  var className = (0, _classnames["default"])('card__section', {
+    'card__section--full-bleed': isFullBleed
+  });
+  return _react["default"].createElement("div", {
+    className: className
+  }, children);
+};
+
+var _default = CardSection;
+exports["default"] = _default;
+//# sourceMappingURL=CardSection.js.map

package/lib/components/Card/components/CardSection.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Card/components/CardSection.tsx"],"names":["CardSection","props","children","isFullBleed","className"],"mappings":";;;;;;;;;AAAA;;AAEA;;AAWA,IAAMA,WAAW,GAAG,SAAdA,WAAc,CAACC,KAAD,EAAkD;AAAA,MAC7DC,QAD6D,GACnCD,KADmC,CAC7DC,QAD6D;AAAA,MACnDC,WADmD,GACnCF,KADmC,CACnDE,WADmD;AAErE,MAAMC,SAAS,GAAG,4BAAG,eAAH,EAAoB;AACrC,iCAA6BD;AADQ,GAApB,CAAlB;AAGA,SAAO;AAAK,IAAA,SAAS,EAAEC;AAAhB,KAA4BF,QAA5B,CAAP;AACA,CAND;;eAQeF,W","sourcesContent":["import React from 'react'\n\nimport cx from 'classnames'\n\n// Card Section\nexport interface ICardSectionProps {\n\t/** Children to show in the Card */\n\tchildren?: React.ReactNode\n\n\t/** Set to true to remove horizontal padding */\n\tisFullBleed?: boolean\n}\n\nconst CardSection = (props: ICardSectionProps): React.ReactElement => {\n\tconst { children, isFullBleed } = props\n\tconst className = cx('card__section', {\n\t\t'card__section--full-bleed': isFullBleed\n\t})\n\treturn <div className={className}>{children}</div>\n}\n\nexport default CardSection\n"],"file":"CardSection.js"}

package/lib/components/Card/components/OnboardingCard.d.ts

@@ -0,0 +1,27 @@
+import React, { Component } from 'react';
+import { IButtonProps } from '../../Button/Button';
+import { IHWOnboardingCard, IHWOnboardingCardStep } from '@sprucelabs/spruce-types';
+import { IIconProps } from '../../Icon/Icon';
+export interface IStep extends Omit<IHWOnboardingCardStep, 'panelCTA' | 'tabIcon'> {
+    /** Primary CTA of this step */
+    panelCTA?: IButtonProps | null;
+    tabIcon?: IIconProps | null;
+}
+export interface IOnboardingCardProps extends Omit<IHWOnboardingCard, 'steps'> {
+    /** Steps for onboarding */
+    steps: IStep[];
+    /** Optional class to add */
+    className?: string;
+}
+interface IOnboardingCardState {
+    currentStep: number;
+}
+export default class OnboardingCard extends Component<IOnboardingCardProps | IHWOnboardingCard, IOnboardingCardState> {
+    state: {
+        currentStep: number;
+    };
+    handleClick: (idx: number) => void;
+    render(): React.ReactElement;
+}
+export {};
+//# sourceMappingURL=OnboardingCard.d.ts.map

package/lib/components/Card/components/OnboardingCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OnboardingCard.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/components/OnboardingCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAMxC,OAAe,EAAE,YAAY,EAAe,MAAM,qBAAqB,CAAA;AACvE,OAAO,EACN,iBAAiB,EACjB,qBAAqB,EACrB,MAAM,0BAA0B,CAAA;AACjC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAG5C,MAAM,WAAW,KAChB,SAAQ,IAAI,CAAC,qBAAqB,EAAE,UAAU,GAAG,SAAS,CAAC;IAC3D,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,YAAY,GAAG,IAAI,CAAA;IAE9B,OAAO,CAAC,EAAE,UAAU,GAAG,IAAI,CAAA;CAC3B;AAED,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,iBAAiB,EAAE,OAAO,CAAC;IAC7E,2BAA2B;IAC3B,KAAK,EAAE,KAAK,EAAE,CAAA;IAEd,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,UAAU,oBAAoB;IAC7B,WAAW,EAAE,MAAM,CAAA;CACnB;AAcD,MAAM,CAAC,OAAO,OAAO,cAAe,SAAQ,SAAS,CACpD,oBAAoB,GAAG,iBAAiB,EACxC,oBAAoB,CACpB;IACO,KAAK;;MAEX;IAEM,WAAW,wBAIjB;IAEM,MAAM,IAAI,KAAK,CAAC,YAAY;CAgCnC"}