@telus-uds/components-web 2.21.2 → 2.22.0

package/lib/OrderedList/Item.js

@@ -4,31 +4,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _componentsBase = require("@telus-uds/components-base");
-
 var _ItemBase = _interopRequireDefault(require("./ItemBase"));
-
 var _utils = require("../utils");
-
 var _constants = require("./constants");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 const [selectProps, selectedSystemPropTypes] = (0, _componentsBase.selectSystemProps)([_utils.htmlAttrs]);
-
 const selectItemTextStyles = (_ref, themeOptions) => {
   let {
     itemFontWeight,
@@ -46,7 +33,6 @@ const selectItemTextStyles = (_ref, themeOptions) => {
     lineHeight: itemLineHeight
   });
 };
-
 const StyledItemBase = /*#__PURE__*/(0, _styledComponents.default)(_ItemBase.default).withConfig({
   displayName: "Item__StyledItemBase",
   componentId: "components-web__sc-7jzwcq-0"
@@ -85,14 +71,12 @@ const StyledItemBase = /*#__PURE__*/(0, _styledComponents.default)(_ItemBase.def
     }
   };
 });
-
 const ItemContent = /*#__PURE__*/_styledComponents.default.div.withConfig({
   displayName: "Item__ItemContent",
   componentId: "components-web__sc-7jzwcq-1"
 })({
   flex: 1
 });
-
 const Item = /*#__PURE__*/(0, _react.forwardRef)((_ref3, ref) => {
   let {
     children,
@@ -134,25 +118,24 @@ const Item = /*#__PURE__*/(0, _react.forwardRef)((_ref3, ref) => {
         },
         tokens: headingTokens,
         children: title
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(ItemContent, { ...themeTokens,
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(ItemContent, {
+        ...themeTokens,
         children: itemContent
       })]
     }) : itemContent
   });
 });
 Item.displayName = 'OrderedListItem';
-Item.propTypes = { ...selectedSystemPropTypes,
-
+Item.propTypes = {
+  ...selectedSystemPropTypes,
   /**
    * Item content
    */
   children: _propTypes.default.node.isRequired,
-
   /**
    * Defines the title of the `OrderedList.Item`
    */
   title: _propTypes.default.string,
-
   /**
    * Item tokens
    */

package/lib/OrderedList/ItemBase.js

@@ -4,34 +4,27 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const StyledItem = /*#__PURE__*/_styledComponents.default.li.withConfig({
   displayName: "ItemBase__StyledItem",
   componentId: "components-web__sc-o0oiv5-0"
 })({
   display: 'flex'
 });
-
 const Item = _ref => {
   let {
     children,
     ...rest
   } = _ref;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledItem, { ...rest,
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledItem, {
+    ...rest,
     children: children
   });
 };
-
 Item.propTypes = {
   /**
    * Item content

package/lib/OrderedList/OrderedList.js

@@ -4,31 +4,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _componentsBase = require("@telus-uds/components-base");
-
 var _utils = require("../utils");
-
 var _OrderedListBase = _interopRequireDefault(require("./OrderedListBase"));
-
 var _Item = _interopRequireDefault(require("./Item"));
-
 var _constants = require("./constants");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 const [selectProps, selectedSystemPropTypes] = (0, _componentsBase.selectSystemProps)([_utils.htmlAttrs]);
 const StyledOrderedListBase = /*#__PURE__*/(0, _styledComponents.default)(_OrderedListBase.default).withConfig({
   displayName: "OrderedList__StyledOrderedListBase",
@@ -43,10 +30,10 @@ const StyledOrderedListBase = /*#__PURE__*/(0, _styledComponents.default)(_Order
     counterReset: `${_constants.OL_COUNTER_NAME} ${start - 1}`
   };
 });
+
 /**
  * Themed semantic ordered list.
  */
-
 const OrderedList = /*#__PURE__*/(0, _react.forwardRef)((_ref2, ref) => {
   let {
     children,
@@ -57,31 +44,33 @@ const OrderedList = /*#__PURE__*/(0, _react.forwardRef)((_ref2, ref) => {
   // Pass any variants "OrderedList" receives down to the individual list items.
   const childrenWithParentVariants = variant ? children.map(child => {
     var _child$props;
-
     const existingChildVariants = ((_child$props = child.props) === null || _child$props === void 0 ? void 0 : _child$props.variant) ?? {};
-    return { ...child,
-      props: { ...child.props,
-        variant: { ...existingChildVariants,
+    return {
+      ...child,
+      props: {
+        ...child.props,
+        variant: {
+          ...existingChildVariants,
           ...variant
         }
       }
     };
   }) : children;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledOrderedListBase, { ...selectProps(rest),
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledOrderedListBase, {
+    ...selectProps(rest),
     ref: ref,
     start: start,
     children: childrenWithParentVariants
   });
 });
 OrderedList.displayName = 'OrderedList';
-OrderedList.propTypes = { ...selectedSystemPropTypes,
+OrderedList.propTypes = {
+  ...selectedSystemPropTypes,
   tokens: (0, _componentsBase.getTokensPropType)('OrderedList'),
-
   /**
    * A list of ordered items wrapped in `OrderedList.Item`.
    */
   children: _propTypes.default.node.isRequired,
-
   /**
    * The position to start the list with.
    */

package/lib/OrderedList/OrderedListBase.js

@@ -4,23 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _ItemBase = _interopRequireDefault(require("./ItemBase"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 const StyledList = /*#__PURE__*/_styledComponents.default.ol.withConfig({
   displayName: "OrderedListBase__StyledList",
   componentId: "components-web__sc-4m9lgj-0"
@@ -31,18 +22,18 @@ const StyledList = /*#__PURE__*/_styledComponents.default.ol.withConfig({
   margin: 0,
   padding: 0
 });
+
 /**
  * Semantic ordered list.
  */
-
-
 const OrderedListBase = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
     children,
     start,
     ...rest
   } = _ref;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledList, { ...rest,
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledList, {
+    ...rest,
     ref: ref,
     start: start,
     children: children
@@ -54,7 +45,6 @@ OrderedListBase.propTypes = {
    * A list of ordered items wrapped in `OrderedListBase.Item`.
    */
   children: _propTypes.default.node.isRequired,
-
   /**
    * The position to start the list with.
    */

package/lib/OrderedList/index.js

@@ -4,13 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _OrderedList = _interopRequireDefault(require("./OrderedList"));
-
 var _Item = _interopRequireDefault(require("./Item"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 _OrderedList.default.Item = _Item.default;
 var _default = _OrderedList.default;
 exports.default = _default;

package/lib/Paragraph/Paragraph.js

@@ -4,23 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _componentsBase = require("@telus-uds/components-base");
-
 var _utils = require("../utils");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const [selectProps, selectedSystemPropTypes] = (0, _componentsBase.selectSystemProps)([_utils.htmlAttrs]);
-
 const StyledParagraph = /*#__PURE__*/_styledComponents.default.p.withConfig({
   displayName: "Paragraph__StyledParagraph",
   componentId: "components-web__sc-1bg9r8p-0"
@@ -38,6 +29,7 @@ const StyledParagraph = /*#__PURE__*/_styledComponents.default.p.withConfig({
     margin-block-end: ${linesBetween}em;
   `;
 });
+
 /**
 * Block text as an HTML ```<p>``` element.
 	*
@@ -48,8 +40,6 @@ const StyledParagraph = /*#__PURE__*/_styledComponents.default.p.withConfig({
 	contrast.
 	* - All Allium Typography variants other than header size variants are supported.
 	*/
-
-
 const Paragraph = _ref3 => {
   let {
     children,
@@ -70,33 +60,28 @@ const Paragraph = _ref3 => {
     children: children
   });
 };
-
-Paragraph.propTypes = { ...selectedSystemPropTypes,
+Paragraph.propTypes = {
+  ...selectedSystemPropTypes,
   children: _propTypes.default.node.isRequired,
-
   /**
    * Adds a `data-testid` attribute to the element for testing purposes
    */
   testID: _propTypes.default.string,
-
   /**
    * Sets the alignment style for the paragraph. Same options as Typography's `align` prop.
    * 'justify' should be avoided as it usually reduces ease of reading.
    */
   align: _propTypes.default.oneOf(['auto', 'left', 'right', 'center', 'justify']),
-
   /**
    * How much space between consecutive paragraphs, or between a paragraph and its siblings, in CSS
    * `em` units: 1 gives space equal to one line of paragraph text, 0.5 would be half a line, etc.
    * @default 1
    */
   linesBetween: _propTypes.default.number,
-
   /**
    * Paragraph takes the same tokens overrides as Typography
    */
   tokens: _propTypes.default.oneOf([_propTypes.default.object, _propTypes.default.func]),
-
   /**
    * Paragraph takes any of Typography's theme variants except for header sizes
    */

package/lib/Paragraph/index.js

@@ -4,10 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _Paragraph = _interopRequireDefault(require("./Paragraph"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var _default = _Paragraph.default;
 exports.default = _default;

package/lib/PreviewCard/AuthorDate.js

@@ -4,25 +4,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _componentsBase = require("@telus-uds/components-base");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 /**
  * A footer for PreviewCard that composes author and date in a standard way
  *
  * @TODO
  * Add same locale-based date formatting as StoryCard when ready.
  * Get locale based on decision of https://github.com/telus/universal-design-system/issues/715
- */
-const AuthorDate = _ref => {
+ */const AuthorDate = _ref => {
   let {
     author,
     date
@@ -55,13 +48,11 @@ const AuthorDate = _ref => {
     })]
   });
 };
-
 AuthorDate.propTypes = {
   /**
    * Name of the author
    */
   author: _propTypes.default.string.isRequired,
-
   /**
    * Date of the post
    */

package/lib/PreviewCard/PreviewCard.js

@@ -4,34 +4,24 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _lodash = _interopRequireDefault(require("lodash.omit"));
-
 var _componentsBase = require("@telus-uds/components-base");
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _FullBleedContent = _interopRequireWildcard(require("../shared/FullBleedContent"));
-
 var _AuthorDate = _interopRequireDefault(require("./AuthorDate"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 /* eslint-disable react/require-default-props */
+
 // Passes React Native-oriented system props through UDS PressableCardBase
-const [selectProps, selectedSystemPropTypes] = (0, _componentsBase.selectSystemProps)([_componentsBase.a11yProps, _componentsBase.focusHandlerProps, _componentsBase.viewProps]); // Stop changes to the card's inner border width causing the size and
-// apparent position of the full bleed image to change.
+const [selectProps, selectedSystemPropTypes] = (0, _componentsBase.selectSystemProps)([_componentsBase.a11yProps, _componentsBase.focusHandlerProps, _componentsBase.viewProps]);
 
+// Stop changes to the card's inner border width causing the size and
+// apparent position of the full bleed image to change.
 const FullBleedOffsetOuter = /*#__PURE__*/_styledComponents.default.div.withConfig({
   displayName: "PreviewCard__FullBleedOffsetOuter",
   componentId: "components-web__sc-1yfz4de-0"
@@ -44,7 +34,6 @@ const FullBleedOffsetOuter = /*#__PURE__*/_styledComponents.default.div.withConf
     marginTop: borderOffset * 2
   };
 });
-
 const FullBleedOffsetInner = /*#__PURE__*/_styledComponents.default.div.withConfig({
   displayName: "PreviewCard__FullBleedOffsetInner",
   componentId: "components-web__sc-1yfz4de-1"
@@ -57,7 +46,6 @@ const FullBleedOffsetInner = /*#__PURE__*/_styledComponents.default.div.withConf
     margin: 0 - borderOffset
   };
 });
-
 const defaultTokens = {
   minWidth: 0,
   shadow: null,
@@ -66,6 +54,7 @@ const defaultTokens = {
   contentFlexGrow: 0,
   contentFlexShrink: 0
 };
+
 /**
  * Showcase and guide users to another page, with a preview containing title and a footer.
  * Whole card is interactive, width expands based on column or container.
@@ -76,7 +65,6 @@ const defaultTokens = {
  * - Use `href` to set the target URL
  * - Use `fullBleedContent` to set the thumbnail image
  */
-
 const PreviewCard = /*#__PURE__*/(0, _react.forwardRef)((_ref3, ref) => {
   let {
     tag,
@@ -92,7 +80,8 @@ const PreviewCard = /*#__PURE__*/(0, _react.forwardRef)((_ref3, ref) => {
     fullBleedContentPosition,
     contentStackDirection,
     fullBleedContentProps
-  } = (0, _FullBleedContent.useFullBleedContentProps)({ ...fullBleedContent,
+  } = (0, _FullBleedContent.useFullBleedContentProps)({
+    ...fullBleedContent,
     position: 'bottom'
   });
   const {
@@ -100,16 +89,14 @@ const PreviewCard = /*#__PURE__*/(0, _react.forwardRef)((_ref3, ref) => {
       PreviewCard: theme
     }
   } = (0, _componentsBase.useTheme)();
-
-  const getPressableCardTokens = cardState => ({ ...(0, _lodash.default)((0, _componentsBase.getThemeTokens)(theme, {}, {}, cardState), 'separatorColor'),
+  const getPressableCardTokens = cardState => ({
+    ...(0, _lodash.default)((0, _componentsBase.getThemeTokens)(theme, {}, {}, cardState), 'separatorColor'),
     ...defaultTokens
   });
-
   const {
     hrefAttrs,
     rest: unusedRest
   } = _componentsBase.hrefAttrsProp.bundle(rest);
-
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_componentsBase.PressableCardBase, {
     onPress: onPress,
     href: href,
@@ -121,8 +108,8 @@ const PreviewCard = /*#__PURE__*/(0, _react.forwardRef)((_ref3, ref) => {
       const {
         borderRadius,
         borderWidth
-      } = getPressableCardTokens(cardState); // Stop content jumping around as border size changes
-
+      } = getPressableCardTokens(cardState);
+      // Stop content jumping around as border size changes
       const borderOffset = borderWidth - theme.tokens.borderWidth;
       const fullBleedBorderRadius = (0, _FullBleedContent.getFullBleedBorderRadius)(borderRadius + borderOffset, fullBleedContentPosition);
       return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_componentsBase.StackView, {
@@ -184,12 +171,13 @@ const PreviewCard = /*#__PURE__*/(0, _react.forwardRef)((_ref3, ref) => {
     }
   });
 });
-PreviewCard.displayName = 'PreviewCard'; // Provide standard author/date footer as a preset with the export
+PreviewCard.displayName = 'PreviewCard';
 
+// Provide standard author/date footer as a preset with the export
 PreviewCard.AuthorDate = _AuthorDate.default;
-PreviewCard.propTypes = { ...selectedSystemPropTypes,
+PreviewCard.propTypes = {
+  ...selectedSystemPropTypes,
   tokens: (0, _componentsBase.getTokensPropType)('PreviewCard'),
-
   /**
    * The URL of the story to be navigated to. Note that `Video` component does not play well when used within
    * a `PreviewCard` with `href` prop set (the volume and progress sliders can be clicked but are not draggable).
@@ -198,41 +186,33 @@ PreviewCard.propTypes = { ...selectedSystemPropTypes,
    * @see https://github.com/telus/allium-design-system/issues/6
    */
   href: _propTypes.default.string,
-
   /**
    * Optional function to be called on press e.g. for within-page navigation.
    */
   onPress: _propTypes.default.func,
-
   /**
    * Text stating the category of the content.
    */
   tag: _propTypes.default.string,
-
   /**
    * Section containing additional information, such as author and date.
    * Use `<PreviewCard.AuthorDate author={...} date={...} />` here for author and date.
    */
   footer: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.string]),
-
   /**
    * Text stating the title or headline of the story.
    */
   title: _propTypes.default.string.isRequired,
-
   /**
    * Full bleed image to be placed on the card, deprecated in favor of `fullBleedContent`.
    *
    * @deprecated
    */
   fullBleedImage: _propTypes.default.exact(_FullBleedContent.default.propTypes || {}),
-
   /**
    * Full bleed content to be placed on the card.
    */
   fullBleedContent: _propTypes.default.exact(_FullBleedContent.default.propTypes || {})
 };
-
 var _default = (0, _componentsBase.withLinkRouter)(PreviewCard);
-
 exports.default = _default;

package/lib/PreviewCard/index.js

@@ -4,10 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _PreviewCard = _interopRequireDefault(require("./PreviewCard"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var _default = _PreviewCard.default;
 exports.default = _default;