@telus-uds/components-web 2.43.0 → 3.0.0

package/lib/OrderedList/ItemBase.js

@@ -1,15 +1,8 @@
-"use strict";
-
-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({
+import React from 'react';
+import PropTypes from 'prop-types';
+import styled from 'styled-components';
+import { jsx as _jsx } from "react/jsx-runtime";
+const StyledItem = /*#__PURE__*/styled.li.withConfig({
   displayName: "ItemBase__StyledItem",
   componentId: "components-web__sc-o0oiv5-0"
 })({
@@ -20,7 +13,7 @@ const Item = _ref => {
     children,
     ...rest
   } = _ref;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledItem, {
+  return /*#__PURE__*/_jsx(StyledItem, {
     ...rest,
     children: children
   });
@@ -29,7 +22,6 @@ Item.propTypes = {
   /**
    * Item content
    */
-  children: _propTypes.default.node.isRequired
+  children: PropTypes.node.isRequired
 };
-var _default = Item;
-exports.default = _default;
+export default Item;

package/lib/OrderedList/OrderedList.js

@@ -1,21 +1,14 @@
-"use strict";
-
-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 _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 }; }
-const [selectProps, selectedSystemPropTypes] = (0, _componentsBase.selectSystemProps)([_utils.htmlAttrs]);
-const StyledOrderedListBase = /*#__PURE__*/(0, _styledComponents.default)(_OrderedListBase.default).withConfig({
+import React from 'react';
+import PropTypes from 'prop-types';
+import styled from 'styled-components';
+import { getTokensPropType, selectSystemProps, variantProp } from '@telus-uds/components-base';
+import { htmlAttrs } from '../utils';
+import OrderedListBase from './OrderedListBase';
+import Item from './Item';
+import { OL_COUNTER_NAME } from './constants';
+import { jsx as _jsx } from "react/jsx-runtime";
+const [selectProps, selectedSystemPropTypes] = selectSystemProps([htmlAttrs]);
+const StyledOrderedListBase = /*#__PURE__*/styled(OrderedListBase).withConfig({
   displayName: "OrderedList__StyledOrderedListBase",
   componentId: "components-web__sc-t5az8z-0"
 })(_ref => {
@@ -25,14 +18,14 @@ const StyledOrderedListBase = /*#__PURE__*/(0, _styledComponents.default)(_Order
   return {
     // Using CSS counters here to have better control over the number styling
     listStyle: 'none',
-    counterReset: `${_constants.OL_COUNTER_NAME} ${start - 1}`
+    counterReset: `${OL_COUNTER_NAME} ${start - 1}`
   };
 });
 
 /**
  * Themed semantic ordered list.
  */
-const OrderedList = /*#__PURE__*/_react.default.forwardRef((_ref2, ref) => {
+const OrderedList = /*#__PURE__*/React.forwardRef((_ref2, ref) => {
   let {
     children,
     start = 1,
@@ -44,12 +37,12 @@ const OrderedList = /*#__PURE__*/_react.default.forwardRef((_ref2, ref) => {
   const isChildrenArray = Array.isArray(children);
 
   // Pass any variants and tokens "OrderedList" receives down to the individual list items.
-  const childrenWithParentVariantsAndTokens = _react.default.useMemo(() => {
+  const childrenWithParentVariantsAndTokens = React.useMemo(() => {
     const addVariantAndTokensToProps = child => {
       var _child$props, _child$props2;
       const existingChildVariants = ((_child$props = child.props) === null || _child$props === void 0 ? void 0 : _child$props.variant) ?? {};
       const existingChildTokens = ((_child$props2 = child.props) === null || _child$props2 === void 0 ? void 0 : _child$props2.tokens) ?? {};
-      return /*#__PURE__*/_react.default.cloneElement(child, {
+      return /*#__PURE__*/React.cloneElement(child, {
         variant: {
           ...existingChildVariants,
           ...variant
@@ -68,7 +61,7 @@ const OrderedList = /*#__PURE__*/_react.default.forwardRef((_ref2, ref) => {
     }
     return children;
   }, [children, variant, isChildrenArray, tokens]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledOrderedListBase, {
+  return /*#__PURE__*/_jsx(StyledOrderedListBase, {
     ...selectProps(rest),
     ref: ref,
     start: start,
@@ -81,14 +74,13 @@ OrderedList.propTypes = {
   /**
    * A list of ordered items wrapped in `OrderedList.Item`.
    */
-  children: _propTypes.default.node.isRequired,
+  children: PropTypes.node.isRequired,
   /**
    * The position to start the list with.
    */
-  start: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
-  variant: _componentsBase.variantProp.propType,
-  tokens: (0, _componentsBase.getTokensPropType)('OrderedList')
+  start: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+  variant: variantProp.propType,
+  tokens: getTokensPropType('OrderedList')
 };
-OrderedList.Item = _Item.default;
-var _default = OrderedList;
-exports.default = _default;
+OrderedList.Item = Item;
+export default OrderedList;

package/lib/OrderedList/OrderedListBase.js

@@ -1,16 +1,9 @@
-"use strict";
-
-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 _ItemBase = _interopRequireDefault(require("./ItemBase"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const StyledList = /*#__PURE__*/_styledComponents.default.ol.withConfig({
+import React from 'react';
+import PropTypes from 'prop-types';
+import styled from 'styled-components';
+import ItemBase from './ItemBase';
+import { jsx as _jsx } from "react/jsx-runtime";
+const StyledList = /*#__PURE__*/styled.ol.withConfig({
   displayName: "OrderedListBase__StyledList",
   componentId: "components-web__sc-4m9lgj-0"
 })({
@@ -24,13 +17,13 @@ const StyledList = /*#__PURE__*/_styledComponents.default.ol.withConfig({
 /**
  * Semantic ordered list.
  */
-const OrderedListBase = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
+const OrderedListBase = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     children,
     start = 1,
     ...rest
   } = _ref;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledList, {
+  return /*#__PURE__*/_jsx(StyledList, {
     ...rest,
     ref: ref,
     start: start,
@@ -42,12 +35,11 @@ OrderedListBase.propTypes = {
   /**
    * A list of ordered items wrapped in `OrderedListBase.Item`.
    */
-  children: _propTypes.default.node.isRequired,
+  children: PropTypes.node.isRequired,
   /**
    * The position to start the list with.
    */
-  start: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string])
+  start: PropTypes.oneOfType([PropTypes.number, PropTypes.string])
 };
-OrderedListBase.Item = _ItemBase.default;
-var _default = OrderedListBase;
-exports.default = _default;
+OrderedListBase.Item = ItemBase;
+export default OrderedListBase;

package/lib/OrderedList/constants.js

@@ -1,9 +1,2 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.OL_COUNTER_NAME = void 0;
 // eslint-disable-next-line import/prefer-default-export
-const OL_COUNTER_NAME = 'allium-ordered-list-counter';
-exports.OL_COUNTER_NAME = OL_COUNTER_NAME;
+export const OL_COUNTER_NAME = 'allium-ordered-list-counter';

package/lib/OrderedList/index.js

@@ -1,12 +1,4 @@
-"use strict";
-
-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;
+import OrderedList from './OrderedList';
+import Item from './Item';
+OrderedList.Item = Item;
+export default OrderedList;

package/lib/Paragraph/Paragraph.js

@@ -1,18 +1,11 @@
-"use strict";
-
-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({
+import React from 'react';
+import PropTypes from 'prop-types';
+import styled from 'styled-components';
+import { getTokensPropType, selectSystemProps } from '@telus-uds/components-base';
+import { htmlAttrs, useTypographyTheme } from '../utils';
+import { jsx as _jsx } from "react/jsx-runtime";
+const [selectProps, selectedSystemPropTypes] = selectSystemProps([htmlAttrs]);
+const StyledParagraph = /*#__PURE__*/styled.p.withConfig({
   displayName: "Paragraph__StyledParagraph",
   componentId: "components-web__sc-1bg9r8p-0"
 })(["", " ", " &:first-child{margin-block-start:0em;}&:last-child{margin-block-end:0em;}"], _ref => {
@@ -40,7 +33,7 @@ const StyledParagraph = /*#__PURE__*/_styledComponents.default.p.withConfig({
 	contrast.
 	* - All Allium Typography variants other than header size variants are supported.
 	*/
-const Paragraph = /*#__PURE__*/_react.default.forwardRef((_ref3, ref) => {
+const Paragraph = /*#__PURE__*/React.forwardRef((_ref3, ref) => {
   let {
     children,
     variant,
@@ -50,8 +43,8 @@ const Paragraph = /*#__PURE__*/_react.default.forwardRef((_ref3, ref) => {
     linesBetween = 1,
     ...rest
   } = _ref3;
-  const style = (0, _utils.useTypographyTheme)(variant, tokens);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledParagraph, {
+  const style = useTypographyTheme(variant, tokens);
+  return /*#__PURE__*/_jsx(StyledParagraph, {
     ref: ref,
     linesBetween: linesBetween,
     "data-testid": testID,
@@ -64,35 +57,34 @@ const Paragraph = /*#__PURE__*/_react.default.forwardRef((_ref3, ref) => {
 Paragraph.displayName = 'Paragraph';
 Paragraph.propTypes = {
   ...selectedSystemPropTypes,
-  children: _propTypes.default.node.isRequired,
+  children: PropTypes.node.isRequired,
   /**
    * Adds a `data-testid` attribute to the element for testing purposes
    */
-  testID: _propTypes.default.string,
+  testID: PropTypes.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']),
+  align: PropTypes.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,
+  linesBetween: PropTypes.number,
   /**
    * Paragraph takes the same tokens overrides as Typography
    */
-  tokens: (0, _componentsBase.getTokensPropType)('Typography'),
+  tokens: getTokensPropType('Typography'),
   /**
    * Paragraph takes any of Typography's theme variants except for header sizes
    */
-  variant: _propTypes.default.exact({
-    bold: _propTypes.default.bool,
-    colour: _propTypes.default.oneOf(['secondary', 'tertiary']),
-    inverse: _propTypes.default.bool,
-    size: _propTypes.default.oneOf(['micro', 'small', 'large'])
+  variant: PropTypes.exact({
+    bold: PropTypes.bool,
+    colour: PropTypes.oneOf(['secondary', 'tertiary']),
+    inverse: PropTypes.bool,
+    size: PropTypes.oneOf(['micro', 'small', 'large'])
   })
 };
-var _default = Paragraph;
-exports.default = _default;
+export default Paragraph;

package/lib/Paragraph/index.js

@@ -1,10 +1,2 @@
-"use strict";
-
-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;
+import Paragraph from './Paragraph';
+export default Paragraph;

package/lib/PreviewCard/AuthorDate.js

@@ -1,37 +1,33 @@
-"use strict";
+import React from 'react';
+import PropTypes from 'prop-types';
+import { StackWrap, Typography, useThemeTokens } from '@telus-uds/components-base';
 
-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 => {
+ */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const AuthorDate = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     author,
     date
   } = _ref;
   const {
     separatorColor: color
-  } = (0, _componentsBase.useThemeTokens)('PreviewCard', {}, {});
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_componentsBase.StackWrap, {
+  } = useThemeTokens('PreviewCard', {}, {});
+  return /*#__PURE__*/_jsxs(StackWrap, {
     space: 2,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_componentsBase.Typography, {
+    ref: ref,
+    children: [/*#__PURE__*/_jsx(Typography, {
       variant: {
         size: 'small',
         colour: 'secondary'
       },
       children: author
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_componentsBase.Typography, {
+    }), /*#__PURE__*/_jsx(Typography, {
       variant: {
         size: 'small'
       },
@@ -39,7 +35,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
         color
       },
       children: "\xB7"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_componentsBase.Typography, {
+    }), /*#__PURE__*/_jsx(Typography, {
       variant: {
         size: 'small',
         colour: 'secondary'
@@ -47,16 +43,16 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
       children: date
     })]
   });
-};
+});
+AuthorDate.displayName = 'AuthorDate';
 AuthorDate.propTypes = {
   /**
    * Name of the author
    */
-  author: _propTypes.default.string.isRequired,
+  author: PropTypes.string.isRequired,
   /**
    * Date of the post
    */
-  date: _propTypes.default.string.isRequired
+  date: PropTypes.string.isRequired
 };
-var _default = AuthorDate;
-exports.default = _default;
+export default AuthorDate;

package/lib/PreviewCard/PreviewCard.js

@@ -1,26 +1,18 @@
-"use strict";
+import React from 'react';
+import PropTypes from 'prop-types';
+import omit from 'lodash.omit';
+import { Box, getThemeTokens, hrefAttrsProp, PressableCardBase, selectSystemProps, Spacer, StackView, Typography, a11yProps, focusHandlerProps, viewProps, withLinkRouter, useTheme, getTokensPropType } from '@telus-uds/components-base';
+import styled from 'styled-components';
+import FullBleedContent, { getFullBleedBorderRadius, useFullBleedContentProps } from '../shared/FullBleedContent';
+import AuthorDate from './AuthorDate';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(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 _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; }
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 // Passes React Native-oriented system props through UDS PressableCardBase
-const [selectProps, selectedSystemPropTypes] = (0, _componentsBase.selectSystemProps)([_componentsBase.a11yProps, _componentsBase.focusHandlerProps, _componentsBase.viewProps]);
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+const [selectProps, selectedSystemPropTypes] = selectSystemProps([a11yProps, focusHandlerProps, 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({
+const FullBleedOffsetOuter = /*#__PURE__*/styled.div.withConfig({
   displayName: "PreviewCard__FullBleedOffsetOuter",
   componentId: "components-web__sc-1yfz4de-0"
 })(_ref => {
@@ -32,7 +24,7 @@ const FullBleedOffsetOuter = /*#__PURE__*/_styledComponents.default.div.withConf
     marginTop: borderOffset * 2
   };
 });
-const FullBleedOffsetInner = /*#__PURE__*/_styledComponents.default.div.withConfig({
+const FullBleedOffsetInner = /*#__PURE__*/styled.div.withConfig({
   displayName: "PreviewCard__FullBleedOffsetInner",
   componentId: "components-web__sc-1yfz4de-1"
 })(_ref2 => {
@@ -63,7 +55,7 @@ const defaultTokens = {
  * - Use `href` to set the target URL
  * - Use `fullBleedContent` to set the thumbnail image
  */
-const PreviewCard = /*#__PURE__*/_react.default.forwardRef((_ref3, ref) => {
+const PreviewCard = /*#__PURE__*/React.forwardRef((_ref3, ref) => {
   let {
     tag,
     title,
@@ -78,7 +70,7 @@ const PreviewCard = /*#__PURE__*/_react.default.forwardRef((_ref3, ref) => {
     fullBleedContentPosition,
     contentStackDirection,
     fullBleedContentProps
-  } = (0, _FullBleedContent.useFullBleedContentProps)({
+  } = useFullBleedContentProps({
     ...fullBleedContent,
     position: 'bottom'
   });
@@ -86,16 +78,16 @@ const PreviewCard = /*#__PURE__*/_react.default.forwardRef((_ref3, ref) => {
     components: {
       PreviewCard: theme
     }
-  } = (0, _componentsBase.useTheme)();
+  } = useTheme();
   const getPressableCardTokens = cardState => ({
-    ...(0, _lodash.default)((0, _componentsBase.getThemeTokens)(theme, {}, {}, cardState), 'separatorColor'),
+    ...omit(getThemeTokens(theme, {}, {}, cardState), 'separatorColor'),
     ...defaultTokens
   });
   const {
     hrefAttrs,
     rest: unusedRest
-  } = _componentsBase.hrefAttrsProp.bundle(rest);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_componentsBase.PressableCardBase, {
+  } = hrefAttrsProp.bundle(rest);
+  return /*#__PURE__*/_jsx(PressableCardBase, {
     onPress: onPress,
     href: href,
     hrefAttrs: hrefAttrs,
@@ -109,14 +101,14 @@ const PreviewCard = /*#__PURE__*/_react.default.forwardRef((_ref3, ref) => {
       } = 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, {
+      const fullBleedBorderRadius = getFullBleedBorderRadius(borderRadius + borderOffset, fullBleedContentPosition);
+      return /*#__PURE__*/_jsxs(StackView, {
         direction: contentStackDirection,
         tokens: {
           justifyContent: 'space-between',
           flexGrow: 1
         },
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_componentsBase.Box, {
+        children: [/*#__PURE__*/_jsxs(Box, {
           horizontal: {
             xs: 4,
             lg: 5,
@@ -131,35 +123,35 @@ const PreviewCard = /*#__PURE__*/_react.default.forwardRef((_ref3, ref) => {
               subtract: borderOffset
             }
           },
-          children: [Boolean(tag) && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_componentsBase.Typography, {
+          children: [Boolean(tag) && /*#__PURE__*/_jsxs(_Fragment, {
+            children: [/*#__PURE__*/_jsx(Typography, {
               variant: {
                 size: 'eyebrow'
               },
               children: tag
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_componentsBase.Spacer, {
+            }), /*#__PURE__*/_jsx(Spacer, {
               space: 2
             })]
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_componentsBase.Typography, {
+          }), /*#__PURE__*/_jsx(Typography, {
             variant: {
               size: 'h4'
             },
             children: title
-          }), Boolean(footer) && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_componentsBase.Spacer, {
+          }), Boolean(footer) && /*#__PURE__*/_jsxs(_Fragment, {
+            children: [/*#__PURE__*/_jsx(Spacer, {
               space: 2
-            }), typeof footer === 'string' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_componentsBase.Typography, {
+            }), typeof footer === 'string' ? /*#__PURE__*/_jsx(Typography, {
               variant: {
                 size: 'small'
               },
               children: footer
             }) : footer]
           })]
-        }), Boolean(fullBleedContentProps.src || fullBleedContentProps.content) && /*#__PURE__*/(0, _jsxRuntime.jsx)(FullBleedOffsetOuter, {
+        }), Boolean(fullBleedContentProps.src || fullBleedContentProps.content) && /*#__PURE__*/_jsx(FullBleedOffsetOuter, {
           borderOffset: borderOffset,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(FullBleedOffsetInner, {
+          children: /*#__PURE__*/_jsx(FullBleedOffsetInner, {
             borderOffset: borderOffset,
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_FullBleedContent.default, {
+            children: /*#__PURE__*/_jsx(FullBleedContent, {
               borderRadius: fullBleedBorderRadius,
               ...fullBleedContentProps
             })
@@ -172,10 +164,10 @@ const PreviewCard = /*#__PURE__*/_react.default.forwardRef((_ref3, ref) => {
 PreviewCard.displayName = 'PreviewCard';
 
 // Provide standard author/date footer as a preset with the export
-PreviewCard.AuthorDate = _AuthorDate.default;
+PreviewCard.AuthorDate = AuthorDate;
 PreviewCard.propTypes = {
   ...selectedSystemPropTypes,
-  tokens: (0, _componentsBase.getTokensPropType)('PreviewCard'),
+  tokens: 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).
@@ -183,34 +175,33 @@ PreviewCard.propTypes = {
    *
    * @see https://github.com/telus/allium-design-system/issues/6
    */
-  href: _propTypes.default.string,
+  href: PropTypes.string,
   /**
    * Optional function to be called on press e.g. for within-page navigation.
    */
-  onPress: _propTypes.default.func,
+  onPress: PropTypes.func,
   /**
    * Text stating the category of the content.
    */
-  tag: _propTypes.default.string,
+  tag: PropTypes.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]),
+  footer: PropTypes.oneOfType([PropTypes.node, PropTypes.string]),
   /**
    * Text stating the title or headline of the story.
    */
-  title: _propTypes.default.string.isRequired,
+  title: PropTypes.string.isRequired,
   /**
    * Full bleed image to be placed on the card, deprecated in favor of `fullBleedContent`.
    *
    * @deprecated
    */
-  fullBleedImage: _propTypes.default.exact(_FullBleedContent.default.propTypes || {}),
+  fullBleedImage: PropTypes.exact(FullBleedContent.propTypes || {}),
   /**
    * Full bleed content to be placed on the card.
    */
-  fullBleedContent: _propTypes.default.exact(_FullBleedContent.default.propTypes || {})
+  fullBleedContent: PropTypes.exact(FullBleedContent.propTypes || {})
 };
-var _default = (0, _componentsBase.withLinkRouter)(PreviewCard);
-exports.default = _default;
+export default withLinkRouter(PreviewCard);

package/lib/PreviewCard/index.js

@@ -1,10 +1,2 @@
-"use strict";
-
-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;
+import PreviewCard from './PreviewCard';
+export default PreviewCard;