@carbon/ibm-products 2.23.0 → 2.25.0

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

@@ -0,0 +1,2 @@
+export let Card: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+import React from 'react';

package/lib/components/Card/Card.js

@@ -1,34 +1,30 @@
-"use strict";
+/**
+ * Copyright IBM Corp. 2020, 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var index$1 = require('../../node_modules/classnames/index.js');
+var react = require('@carbon/react');
+var index = require('../../node_modules/prop-types/index.js');
+var CardHeader = require('./CardHeader.js');
+var CardFooter = require('./CardFooter.js');
+var settings = require('../../settings.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof3 = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Card = void 0;
-var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireWildcard(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _react2 = require("@carbon/react");
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _CardHeader = require("./CardHeader");
-var _CardFooter = require("./CardFooter");
-var _settings = require("../../settings");
 var _excluded = ["actionIcons", "actionsPlacement", "children", "className", "clickZone", "description", "label", "media", "mediaPosition", "onClick", "onKeyDown", "onPrimaryButtonClick", "overflowActions", "overflowAriaLabel", "onSecondaryButtonClick", "pictogram", "primaryButtonDisabled", "primaryButtonHref", "primaryButtonIcon", "primaryButtonKind", "primaryButtonPlacement", "primaryButtonText", "productive", "secondaryButtonDisabled", "secondaryButtonHref", "secondaryButtonIcon", "secondaryButtonKind", "secondaryButtonPlacement", "secondaryButtonText", "slug", "title", "titleSize"],
   _excluded2 = ["id"],
-  _excluded3 = ["id", "icon", "onClick", "iconDescription", "href"]; //
-// Copyright IBM Corp. 2020, 2023
-//
-// This source code is licensed under the Apache-2.0 license found in the
-// LICENSE file in the root directory of this source tree.
-//
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof3(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+  _excluded3 = ["id", "icon", "onClick", "iconDescription", "href"];
 var componentName = 'Card';
 
 // Default values for props
@@ -45,7 +41,7 @@ var defaults = {
   secondaryButtonPlacement: 'bottom',
   titleSize: 'default'
 };
-var Card = exports.Card = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+var Card = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _ref$actionIcons = _ref.actionIcons,
     actionIcons = _ref$actionIcons === void 0 ? defaults.actionIcons : _ref$actionIcons,
     _ref$actionsPlacement = _ref.actionsPlacement,
@@ -89,8 +85,8 @@ var Card = exports.Card = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, re
     title = _ref.title,
     _ref$titleSize = _ref.titleSize,
     titleSize = _ref$titleSize === void 0 ? defaults.titleSize : _ref$titleSize,
-    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var blockClass = "".concat(_settings.pkg.prefix, "--card");
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  var blockClass = "".concat(settings.pkg.prefix, "--card");
   var hasActions = actionIcons.length > 0 || overflowActions.length > 0 || !!primaryButtonText && primaryButtonPlacement === 'top';
   var hasFooterActions = hasActions && actionsPlacement === 'bottom';
   var hasFooterButton = !!secondaryButtonText || !!primaryButtonText && primaryButtonPlacement === 'bottom';
@@ -108,17 +104,17 @@ var Card = exports.Card = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, re
     if (overflowActions.length > 0) {
       var pos = actionsPlacement === 'top' ? 'bottom' : 'top';
       var size = actionsPlacement === 'top' ? 'sm' : 'md';
-      return /*#__PURE__*/_react.default.createElement(_react2.Layer, {
+      return /*#__PURE__*/React__default["default"].createElement(react.Layer, {
         level: 2
-      }, /*#__PURE__*/_react.default.createElement(_react2.OverflowMenu, {
+      }, /*#__PURE__*/React__default["default"].createElement(react.OverflowMenu, {
         size: size,
         direction: pos,
         flipped: true,
         "aria-label": overflowAriaLabel
       }, overflowActions.map(function (_ref2) {
         var id = _ref2.id,
-          rest = (0, _objectWithoutProperties2.default)(_ref2, _excluded2);
-        return /*#__PURE__*/_react.default.createElement(_react2.OverflowMenuItem, (0, _extends2.default)({
+          rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref2, _excluded2);
+        return /*#__PURE__*/React__default["default"].createElement(react.OverflowMenuItem, _rollupPluginBabelHelpers["extends"]({
           key: id
         }, rest));
       })));
@@ -129,9 +125,9 @@ var Card = exports.Card = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, re
         onClick = _ref3.onClick,
         iconDescription = _ref3.iconDescription,
         href = _ref3.href,
-        rest = (0, _objectWithoutProperties2.default)(_ref3, _excluded3);
+        rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref3, _excluded3);
       if (productive) {
-        return /*#__PURE__*/_react.default.createElement(_react2.Button, (0, _extends2.default)({}, rest, {
+        return /*#__PURE__*/React__default["default"].createElement(react.Button, _rollupPluginBabelHelpers["extends"]({}, rest, {
           key: id,
           renderIcon: Icon,
           hasIconOnly: true,
@@ -143,23 +139,23 @@ var Card = exports.Card = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, re
         }));
       }
       if (href) {
-        return /*#__PURE__*/_react.default.createElement("a", {
+        return /*#__PURE__*/React__default["default"].createElement("a", {
           key: id,
           className: "".concat(blockClass, "__icon"),
           href: href,
           onClick: onClick
-        }, /*#__PURE__*/_react.default.createElement(Icon, {
+        }, /*#__PURE__*/React__default["default"].createElement(Icon, {
           "aria-label": iconDescription
         }));
       }
-      return /*#__PURE__*/_react.default.createElement(_react2.IconButton, {
+      return /*#__PURE__*/React__default["default"].createElement(react.IconButton, {
         key: id,
         label: iconDescription,
         className: "".concat(blockClass, "__icon"),
         onClick: onClick,
         kind: "ghost",
         size: "sm"
-      }, /*#__PURE__*/_react.default.createElement(Icon, {
+      }, /*#__PURE__*/React__default["default"].createElement(Icon, {
         "aria-label": iconDescription
       }));
     });
@@ -167,9 +163,9 @@ var Card = exports.Card = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, re
   };
   var getCardProps = function getCardProps() {
     var clickable = hasClickEvent && !productive || hasClickEvent && productive && clickZone === 'one';
-    var cardProps = _objectSpread(_objectSpread({}, rest), {}, {
+    var cardProps = _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, rest), {}, {
       ref: ref,
-      className: (0, _classnames.default)(blockClass, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, "".concat(blockClass, "__productive"), productive), "".concat(blockClass, "__clickable"), clickable), "".concat(blockClass, "__media-left"), mediaPosition === 'left'), "".concat(blockClass, "--has-slug"), clickable && slug === true || (0, _typeof2.default)(slug) === 'object'), className)
+      className: index$1["default"](blockClass, _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__productive"), productive), "".concat(blockClass, "__clickable"), clickable), "".concat(blockClass, "__media-left"), mediaPosition === 'left'), "".concat(blockClass, "--has-slug"), !!slug), className)
     }, clickable && clickableProps);
     return cardProps;
   };
@@ -177,8 +173,8 @@ var Card = exports.Card = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, re
   // the only reason this is necessary is for click zone 2
   var getHeaderBodyProps = function getHeaderBodyProps() {
     var clickable = hasClickEvent && clickZone === 'two';
-    var headerBodyProps = _objectSpread({
-      className: (0, _classnames.default)("".concat(blockClass, "__header-body-container"), (0, _defineProperty2.default)({}, "".concat(blockClass, "__clickable"), clickable))
+    var headerBodyProps = _rollupPluginBabelHelpers.objectSpread2({
+      className: index$1["default"]("".concat(blockClass, "__header-body-container"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__clickable"), clickable))
     }, clickable && clickableProps);
     return headerBodyProps;
   };
@@ -209,8 +205,8 @@ var Card = exports.Card = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, re
   };
   var getBodyProps = function getBodyProps() {
     var clickable = hasClickEvent && clickZone === 'three';
-    var bodyProps = _objectSpread({
-      className: (0, _classnames.default)("".concat(blockClass, "__body"), (0, _defineProperty2.default)({}, "".concat(blockClass, "__clickable"), clickable))
+    var bodyProps = _rollupPluginBabelHelpers.objectSpread2({
+      className: index$1["default"]("".concat(blockClass, "__body"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__clickable"), clickable))
     }, clickable && clickableProps);
     return bodyProps;
   };
@@ -237,62 +233,64 @@ var Card = exports.Card = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, re
       secondaryButtonText: secondaryButtonText
     };
   };
-  return /*#__PURE__*/_react.default.createElement("div", getCardProps(), media && /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/React__default["default"].createElement("div", getCardProps(), media && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "".concat(blockClass, "__media")
-  }, media), Pictogram && /*#__PURE__*/_react.default.createElement("div", {
+  }, media), Pictogram && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "".concat(blockClass, "__pictogram")
-  }, /*#__PURE__*/_react.default.createElement(Pictogram, null)), /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/React__default["default"].createElement(Pictogram, null)), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "".concat(blockClass, "__content-container")
-  }, /*#__PURE__*/_react.default.createElement("div", getHeaderBodyProps(), /*#__PURE__*/_react.default.createElement(_CardHeader.CardHeader, getHeaderProps()), /*#__PURE__*/_react.default.createElement("div", getBodyProps(), children)), hasBottomBar && /*#__PURE__*/_react.default.createElement(_CardFooter.CardFooter, getFooterProps())));
+  }, /*#__PURE__*/React__default["default"].createElement("div", getHeaderBodyProps(), /*#__PURE__*/React__default["default"].createElement(CardHeader.CardHeader, getHeaderProps()), /*#__PURE__*/React__default["default"].createElement("div", getBodyProps(), children)), hasBottomBar && /*#__PURE__*/React__default["default"].createElement(CardFooter.CardFooter, getFooterProps())));
 });
 Card.propTypes = {
-  actionIcons: _propTypes.default.arrayOf(_propTypes.default.shape({
-    id: _propTypes.default.string,
-    icon: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
-    onKeyDown: _propTypes.default.func,
-    onClick: _propTypes.default.func,
-    iconDescription: _propTypes.default.string,
-    href: _propTypes.default.string
+  actionIcons: index["default"].arrayOf(index["default"].shape({
+    id: index["default"].string,
+    icon: index["default"].oneOfType([index["default"].func, index["default"].object]),
+    onKeyDown: index["default"].func,
+    onClick: index["default"].func,
+    iconDescription: index["default"].string,
+    href: index["default"].string
   })),
-  actionsPlacement: _propTypes.default.oneOf(['top', 'bottom']),
-  children: _propTypes.default.node,
-  className: _propTypes.default.string,
-  clickZone: _propTypes.default.oneOf(['one', 'two', 'three']),
-  description: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object, _propTypes.default.node]),
-  label: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object, _propTypes.default.node]),
-  media: _propTypes.default.node,
-  mediaPosition: _propTypes.default.oneOf(['top', 'left']),
-  onClick: _propTypes.default.func,
-  onKeyDown: _propTypes.default.func,
-  onPrimaryButtonClick: _propTypes.default.func,
-  onSecondaryButtonClick: _propTypes.default.func,
-  overflowActions: _propTypes.default.arrayOf(_propTypes.default.shape({
-    id: _propTypes.default.string,
-    itemText: _propTypes.default.string,
-    onClick: _propTypes.default.func,
-    onKeyDown: _propTypes.default.func
+  actionsPlacement: index["default"].oneOf(['top', 'bottom']),
+  children: index["default"].node,
+  className: index["default"].string,
+  clickZone: index["default"].oneOf(['one', 'two', 'three']),
+  description: index["default"].oneOfType([index["default"].string, index["default"].object, index["default"].node]),
+  label: index["default"].oneOfType([index["default"].string, index["default"].object, index["default"].node]),
+  media: index["default"].node,
+  mediaPosition: index["default"].oneOf(['top', 'left']),
+  onClick: index["default"].func,
+  onKeyDown: index["default"].func,
+  onPrimaryButtonClick: index["default"].func,
+  onSecondaryButtonClick: index["default"].func,
+  overflowActions: index["default"].arrayOf(index["default"].shape({
+    id: index["default"].string,
+    itemText: index["default"].string,
+    onClick: index["default"].func,
+    onKeyDown: index["default"].func
   })),
-  overflowAriaLabel: _propTypes.default.string,
-  pictogram: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
-  primaryButtonDisabled: _propTypes.default.bool,
-  primaryButtonHref: _propTypes.default.string,
-  primaryButtonIcon: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
-  primaryButtonKind: _propTypes.default.oneOf(['primary', 'ghost']),
-  primaryButtonPlacement: _propTypes.default.oneOf(['top', 'bottom']),
-  primaryButtonText: _propTypes.default.node,
-  productive: _propTypes.default.bool,
-  secondaryButtonDisabled: _propTypes.default.bool,
-  secondaryButtonHref: _propTypes.default.string,
-  secondaryButtonIcon: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
-  secondaryButtonKind: _propTypes.default.oneOf(['secondary', 'ghost']),
-  secondaryButtonPlacement: _propTypes.default.oneOf(['top', 'bottom']),
-  secondaryButtonText: _propTypes.default.string,
+  overflowAriaLabel: index["default"].string,
+  pictogram: index["default"].oneOfType([index["default"].func, index["default"].object]),
+  primaryButtonDisabled: index["default"].bool,
+  primaryButtonHref: index["default"].string,
+  primaryButtonIcon: index["default"].oneOfType([index["default"].func, index["default"].object]),
+  primaryButtonKind: index["default"].oneOf(['primary', 'ghost']),
+  primaryButtonPlacement: index["default"].oneOf(['top', 'bottom']),
+  primaryButtonText: index["default"].node,
+  productive: index["default"].bool,
+  secondaryButtonDisabled: index["default"].bool,
+  secondaryButtonHref: index["default"].string,
+  secondaryButtonIcon: index["default"].oneOfType([index["default"].func, index["default"].object]),
+  secondaryButtonKind: index["default"].oneOf(['secondary', 'ghost']),
+  secondaryButtonPlacement: index["default"].oneOf(['top', 'bottom']),
+  secondaryButtonText: index["default"].string,
   /**
    * **Experimental:** For all cases a `Slug` component can be provided.
    * Clickable tiles only accept a boolean value of true and display a hollow slug.
    */
-  slug: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.bool]),
-  title: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object, _propTypes.default.node]),
-  titleSize: _propTypes.default.oneOf(['default', 'large'])
+  slug: index["default"].oneOfType([index["default"].node, index["default"].bool]),
+  title: index["default"].oneOfType([index["default"].string, index["default"].object, index["default"].node]),
+  titleSize: index["default"].oneOf(['default', 'large'])
 };
-Card.displayName = componentName;
+Card.displayName = componentName;
+
+exports.Card = Card;

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

@@ -0,0 +1,46 @@
+export function CardFooter({ actions, hasActions, hasButton, onPrimaryButtonClick, onSecondaryButtonClick, primaryButtonDisabled, primaryButtonHref, primaryButtonIcon, primaryButtonKind, primaryButtonPlacement, primaryButtonText, productive, secondaryButtonDisabled, secondaryButtonHref, secondaryButtonIcon, secondaryButtonKind, secondaryButtonPlacement, secondaryButtonText, }: {
+    actions?: any[] | undefined;
+    hasActions: any;
+    hasButton: any;
+    onPrimaryButtonClick: any;
+    onSecondaryButtonClick: any;
+    primaryButtonDisabled: any;
+    primaryButtonHref: any;
+    primaryButtonIcon: any;
+    primaryButtonKind?: string | undefined;
+    primaryButtonPlacement: any;
+    primaryButtonText: any;
+    productive?: boolean | undefined;
+    secondaryButtonDisabled: any;
+    secondaryButtonHref: any;
+    secondaryButtonIcon: any;
+    secondaryButtonKind?: string | undefined;
+    secondaryButtonPlacement: any;
+    secondaryButtonText: any;
+}): import("react/jsx-runtime").JSX.Element;
+export namespace CardFooter {
+    export namespace propTypes {
+        let actions: PropTypes.Requireable<NonNullable<any[] | PropTypes.ReactNodeLike>>;
+        let hasActions: PropTypes.Requireable<boolean>;
+        let hasButton: PropTypes.Requireable<boolean>;
+        let onPrimaryButtonClick: PropTypes.Requireable<(...args: any[]) => any>;
+        let onSecondaryButtonClick: PropTypes.Requireable<(...args: any[]) => any>;
+        let primaryButtonDisabled: PropTypes.Requireable<boolean>;
+        let primaryButtonHref: PropTypes.Requireable<string>;
+        let primaryButtonIcon: PropTypes.Requireable<object>;
+        let primaryButtonKind: PropTypes.Requireable<string>;
+        let primaryButtonPlacement: PropTypes.Requireable<string>;
+        let primaryButtonText: PropTypes.Requireable<string>;
+        let productive: PropTypes.Requireable<boolean>;
+        let secondaryButtonDisabled: PropTypes.Requireable<boolean>;
+        let secondaryButtonHref: PropTypes.Requireable<string>;
+        let secondaryButtonIcon: PropTypes.Requireable<object>;
+        let secondaryButtonKind: PropTypes.Requireable<string>;
+        let secondaryButtonPlacement: PropTypes.Requireable<string>;
+        let secondaryButtonText: PropTypes.Requireable<string>;
+    }
+    export { componentName as displayName };
+}
+import PropTypes from 'prop-types';
+declare const componentName: "CardFooter";
+export {};

package/lib/components/Card/CardFooter.js

@@ -1,22 +1,24 @@
-"use strict";
+/**
+ * Copyright IBM Corp. 2020, 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.CardFooter = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireDefault(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _react2 = require("@carbon/react");
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _settings = require("../../settings");
-//
-// Copyright IBM Corp. 2020, 2021
-//
-// This source code is licensed under the Apache-2.0 license found in the
-// LICENSE file in the root directory of this source tree.
-//
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var index = require('../../node_modules/classnames/index.js');
+var react = require('@carbon/react');
+var index$1 = require('../../node_modules/prop-types/index.js');
+var settings = require('../../settings.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 var componentName = 'CardFooter';
 var defaults = {
@@ -25,7 +27,7 @@ var defaults = {
   productive: false,
   secondaryButtonKind: 'secondary'
 };
-var CardFooter = exports.CardFooter = function CardFooter(_ref) {
+var CardFooter = function CardFooter(_ref) {
   var _ref$actions = _ref.actions,
     actions = _ref$actions === void 0 ? defaults.actions : _ref$actions,
     hasActions = _ref.hasActions,
@@ -48,47 +50,49 @@ var CardFooter = exports.CardFooter = function CardFooter(_ref) {
     secondaryButtonKind = _ref$secondaryButtonK === void 0 ? defaults.secondaryButtonKind : _ref$secondaryButtonK,
     secondaryButtonPlacement = _ref.secondaryButtonPlacement,
     secondaryButtonText = _ref.secondaryButtonText;
-  var blockClass = "".concat(_settings.pkg.prefix, "--card");
-  var footerClass = "".concat(_settings.pkg.prefix, "--card__footer");
-  var footerClasses = (0, _classnames.default)(footerClass, (0, _defineProperty2.default)({}, "".concat(footerClass, "-no-button"), !hasButton));
-  return /*#__PURE__*/_react.default.createElement("div", {
+  var blockClass = "".concat(settings.pkg.prefix, "--card");
+  var footerClass = "".concat(settings.pkg.prefix, "--card__footer");
+  var footerClasses = index["default"](footerClass, _rollupPluginBabelHelpers.defineProperty({}, "".concat(footerClass, "-no-button"), !hasButton));
+  return /*#__PURE__*/React__default["default"].createElement("div", {
     className: footerClasses
-  }, secondaryButtonText && secondaryButtonPlacement === 'bottom' && /*#__PURE__*/_react.default.createElement(_react2.Button, {
+  }, secondaryButtonText && secondaryButtonPlacement === 'bottom' && /*#__PURE__*/React__default["default"].createElement(react.Button, {
     kind: productive ? 'ghost' : secondaryButtonKind,
     onClick: onSecondaryButtonClick,
     size: "md",
     renderIcon: secondaryButtonIcon,
     href: secondaryButtonHref,
     disabled: secondaryButtonDisabled
-  }, secondaryButtonText), primaryButtonText && primaryButtonPlacement === 'bottom' && /*#__PURE__*/_react.default.createElement(_react2.Button, {
+  }, secondaryButtonText), primaryButtonText && primaryButtonPlacement === 'bottom' && /*#__PURE__*/React__default["default"].createElement(react.Button, {
     kind: productive ? 'ghost' : primaryButtonKind,
     onClick: onPrimaryButtonClick,
     size: "md",
     renderIcon: primaryButtonIcon,
     href: primaryButtonHref,
     disabled: primaryButtonDisabled
-  }, primaryButtonText), hasActions && /*#__PURE__*/_react.default.createElement("div", {
+  }, primaryButtonText), hasActions && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "".concat(blockClass, "__actions")
   }, actions));
 };
 CardFooter.propTypes = {
-  actions: _propTypes.default.oneOfType([_propTypes.default.array, _propTypes.default.node]),
-  hasActions: _propTypes.default.bool,
-  hasButton: _propTypes.default.bool,
-  onPrimaryButtonClick: _propTypes.default.func,
-  onSecondaryButtonClick: _propTypes.default.func,
-  primaryButtonDisabled: _propTypes.default.bool,
-  primaryButtonHref: _propTypes.default.string,
-  primaryButtonIcon: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
-  primaryButtonKind: _propTypes.default.oneOf(['primary', 'ghost']),
-  primaryButtonPlacement: _propTypes.default.oneOf(['top', 'bottom']),
-  primaryButtonText: _propTypes.default.string,
-  productive: _propTypes.default.bool,
-  secondaryButtonDisabled: _propTypes.default.bool,
-  secondaryButtonHref: _propTypes.default.string,
-  secondaryButtonIcon: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
-  secondaryButtonKind: _propTypes.default.oneOf(['secondary', 'ghost']),
-  secondaryButtonPlacement: _propTypes.default.oneOf(['top', 'bottom']),
-  secondaryButtonText: _propTypes.default.string
+  actions: index$1["default"].oneOfType([index$1["default"].array, index$1["default"].node]),
+  hasActions: index$1["default"].bool,
+  hasButton: index$1["default"].bool,
+  onPrimaryButtonClick: index$1["default"].func,
+  onSecondaryButtonClick: index$1["default"].func,
+  primaryButtonDisabled: index$1["default"].bool,
+  primaryButtonHref: index$1["default"].string,
+  primaryButtonIcon: index$1["default"].oneOfType([index$1["default"].func, index$1["default"].object]),
+  primaryButtonKind: index$1["default"].oneOf(['primary', 'ghost']),
+  primaryButtonPlacement: index$1["default"].oneOf(['top', 'bottom']),
+  primaryButtonText: index$1["default"].string,
+  productive: index$1["default"].bool,
+  secondaryButtonDisabled: index$1["default"].bool,
+  secondaryButtonHref: index$1["default"].string,
+  secondaryButtonIcon: index$1["default"].oneOfType([index$1["default"].func, index$1["default"].object]),
+  secondaryButtonKind: index$1["default"].oneOf(['secondary', 'ghost']),
+  secondaryButtonPlacement: index$1["default"].oneOf(['top', 'bottom']),
+  secondaryButtonText: index$1["default"].string
 };
-CardFooter.displayName = componentName;
+CardFooter.displayName = componentName;
+
+exports.CardFooter = CardFooter;

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

@@ -0,0 +1,51 @@
+export function CardHeader({ actions, noActionIcons, onPrimaryButtonClick, onSecondaryButtonClick, primaryButtonIcon, primaryButtonPlacement, primaryButtonText, primaryButtonDisabled, description, hasActions, inClickableCard, label, secondaryButtonDisabled, secondaryButtonHref, secondaryButtonIcon, secondaryButtonPlacement, secondaryButtonText, slug, title, titleSize, }: {
+    actions: any;
+    noActionIcons: any;
+    onPrimaryButtonClick: any;
+    onSecondaryButtonClick: any;
+    primaryButtonIcon: any;
+    primaryButtonPlacement: any;
+    primaryButtonText: any;
+    primaryButtonDisabled: any;
+    description: any;
+    hasActions?: boolean | undefined;
+    inClickableCard: any;
+    label: any;
+    secondaryButtonDisabled: any;
+    secondaryButtonHref: any;
+    secondaryButtonIcon: any;
+    secondaryButtonPlacement: any;
+    secondaryButtonText: any;
+    slug: any;
+    title: any;
+    titleSize?: string | undefined;
+}): import("react/jsx-runtime").JSX.Element;
+export namespace CardHeader {
+    export namespace propTypes {
+        let actions: PropTypes.Requireable<NonNullable<any[] | PropTypes.ReactNodeLike>>;
+        let description: PropTypes.Requireable<NonNullable<object | PropTypes.ReactNodeLike>>;
+        let hasActions: PropTypes.Requireable<boolean>;
+        let inClickableCard: PropTypes.Requireable<boolean>;
+        let label: PropTypes.Requireable<string>;
+        let noActionIcons: PropTypes.Requireable<boolean>;
+        let onPrimaryButtonClick: PropTypes.Requireable<(...args: any[]) => any>;
+        let onSecondaryButtonClick: PropTypes.Requireable<(...args: any[]) => any>;
+        let primaryButtonDisabled: PropTypes.Requireable<boolean>;
+        let primaryButtonIcon: PropTypes.Requireable<object>;
+        let primaryButtonPlacement: PropTypes.Requireable<string>;
+        let primaryButtonText: PropTypes.Requireable<string>;
+        let secondaryButtonDisabled: PropTypes.Requireable<boolean>;
+        let secondaryButtonHref: PropTypes.Requireable<string>;
+        let secondaryButtonIcon: PropTypes.Requireable<object>;
+        let secondaryButtonKind: PropTypes.Requireable<string>;
+        let secondaryButtonPlacement: PropTypes.Requireable<string>;
+        let secondaryButtonText: PropTypes.Requireable<string>;
+        let slug: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
+        let title: PropTypes.Requireable<NonNullable<object | PropTypes.ReactNodeLike>>;
+        let titleSize: PropTypes.Requireable<string>;
+    }
+    export { componentName as displayName };
+}
+import PropTypes from 'prop-types';
+declare const componentName: "CardHeader";
+export {};