@telus-uds/components-web 2.44.0 → 3.0.0

package/lib-module/TermsAndConditions/ExpandCollapse.js

@@ -1,153 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { ExpandCollapse as ExpandCollapseBase, IconButton, useThemeTokensCallback } from '@telus-uds/components-base';
-import styled from 'styled-components';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-const ExpandCollapseControl = /*#__PURE__*/styled.div.withConfig({
-  displayName: "ExpandCollapse__ExpandCollapseControl",
-  componentId: "components-web__sc-1l2mmq7-0"
-})({
-  alignItems: 'center',
-  cursor: 'pointer',
-  display: 'flex',
-  flex: 1,
-  justifyContent: 'flex-start'
-});
-const ExpandCollapseIconContainer = /*#__PURE__*/styled.div.withConfig({
-  displayName: "ExpandCollapse__ExpandCollapseIconContainer",
-  componentId: "components-web__sc-1l2mmq7-1"
-})(_ref => {
-  let {
-    tokens
-  } = _ref;
-  return {
-    alignItems: tokens.expandIconContainerAlignItems,
-    justifyContent: tokens.expandIconContainerJustifyContent,
-    marginLeft: `${tokens.expandIconContainerMarginY}px`,
-    marginRight: `${tokens.expandIconContainerMarginY}px`,
-    width: tokens.expandIconContainerWidth
-  };
-});
-const ExpandCollapseTitle = /*#__PURE__*/styled.h4.withConfig({
-  displayName: "ExpandCollapse__ExpandCollapseTitle",
-  componentId: "components-web__sc-1l2mmq7-2"
-})(_ref2 => {
-  let {
-    tokens
-  } = _ref2;
-  return {
-    color: tokens.expandTitleColor,
-    fontFamily: `${tokens.expandTitleFontName}${tokens.expandTitleFontWeight}normal`,
-    fontSize: tokens.expandTitleFontSize,
-    lineHeight: tokens.expandTitleLineHeight,
-    margin: `${tokens.expandTitleMarginX}px ${tokens.expandTitleMarginY}px`
-  };
-});
-const getIconButtonTokens = _ref3 => {
-  let {
-    icon,
-    iconBackgroundColor,
-    iconBorderColor,
-    iconColor,
-    iconOuterBorderColor,
-    iconOuterBorderGap,
-    iconOuterBorderWidth
-  } = _ref3;
-  return {
-    icon,
-    backgroundColor: iconBackgroundColor,
-    borderColor: iconBorderColor,
-    iconColor,
-    outerBorderColor: iconOuterBorderColor,
-    outerBorderGap: iconOuterBorderGap,
-    outerBorderWidth: iconOuterBorderWidth
-  };
-};
-const ExpandCollapse = /*#__PURE__*/React.forwardRef((_ref4, ref) => {
-  let {
-    children,
-    collapseTitle,
-    expandTitle = collapseTitle,
-    expandLabel,
-    collapseLabel
-  } = _ref4;
-  const getTokens = useThemeTokensCallback('TermsAndConditions', {}, {});
-  const {
-    expandBaseBorderWidth,
-    expandContentPaddingBottom,
-    expandContentPaddingLeft,
-    expandContentPaddingRight,
-    expandContentPaddingTop,
-    contentBorderColor,
-    contentMarginBottom,
-    headerBackgroundColor,
-    expandTitlePaddingLeft,
-    expandTitleBorder,
-    expandTitleBorderColor,
-    expandTitleUnderline
-  } = getTokens();
-  return /*#__PURE__*/_jsx(ExpandCollapseBase, {
-    tokens: {
-      borderWidth: expandBaseBorderWidth
-    },
-    children: expandProps => /*#__PURE__*/_jsx(ExpandCollapseBase.Panel, {
-      ...expandProps,
-      panelId: "ExpandCollapsePanel",
-      controlTokens: {
-        icon: null,
-        backgroundColor: 'transparent',
-        paddingLeft: expandTitlePaddingLeft,
-        borderColor: expandTitleBorderColor,
-        borderWidth: expandTitleBorder,
-        textLine: expandTitleUnderline
-      }
-      // TODO refactor
-      // eslint-disable-next-line react/no-unstable-nested-components
-      ,
-      control: pressableState => {
-        const {
-          expanded
-        } = pressableState || {};
-        const iconTokens = getIconButtonTokens(getTokens(pressableState || {}));
-        const label = expanded ? collapseLabel : expandLabel;
-        return /*#__PURE__*/_jsxs(ExpandCollapseControl, {
-          ref: ref,
-          children: [/*#__PURE__*/_jsx(ExpandCollapseIconContainer, {
-            tokens: getTokens(),
-            children: /*#__PURE__*/_jsx(IconButton, {
-              variant: {
-                size: 'small'
-              },
-              tokens: iconTokens,
-              focusable: false,
-              accessibilityLabel: label
-            })
-          }), /*#__PURE__*/_jsx(ExpandCollapseTitle, {
-            tokens: getTokens(),
-            children: expanded ? expandTitle : collapseTitle
-          })]
-        });
-      },
-      tokens: {
-        contentPaddingBottom: expandContentPaddingBottom,
-        contentPaddingLeft: expandContentPaddingLeft,
-        contentPaddingRight: expandContentPaddingRight,
-        contentPaddingTop: expandContentPaddingTop,
-        contentPanelBackgroundColor: headerBackgroundColor,
-        borderColor: contentBorderColor,
-        marginBottom: contentMarginBottom
-      },
-      children: children
-    })
-  });
-});
-ExpandCollapse.displayName = 'ExpandCollapse';
-ExpandCollapse.propTypes = {
-  children: PropTypes.node.isRequired,
-  collapseTitle: PropTypes.string.isRequired,
-  expandTitle: PropTypes.string,
-  collapseLabel: PropTypes.string,
-  expandLabel: PropTypes.string
-};
-export default ExpandCollapse;

package/lib-module/TermsAndConditions/TermsAndConditions.js

@@ -1,277 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import styled from 'styled-components';
-import { Box, Divider, selectSystemProps, Typography, useCopy, useThemeTokens, useViewport, getTokensPropType, useTheme, useResponsiveThemeTokens, createMediaQueryStyles, StyleSheet } from '@telus-uds/components-base';
-import ExpandCollapse from './ExpandCollapse';
-import OrderedListBase from '../OrderedList/OrderedListBase';
-import { htmlAttrs, media, renderStructuredContent } from '../utils';
-import defaultDictionary from './dictionary';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-const [selectProps, selectedSystemPropTypes] = selectSystemProps([htmlAttrs]);
-const ContentContainer = /*#__PURE__*/styled.div.withConfig({
-  displayName: "TermsAndConditions__ContentContainer",
-  componentId: "components-web__sc-1199epn-0"
-})(_ref => {
-  let {
-    tokens
-  } = _ref;
-  return {
-    paddingBottom: tokens.contentPaddingBottom,
-    paddingLeft: tokens.contentPaddingLeft,
-    ...media().from('md').css({
-      paddingBottom: tokens.mdContentPaddingBottom,
-      paddingLeft: tokens.mdContentPaddingLeft
-    })
-  };
-});
-const Ordered = /*#__PURE__*/styled(OrderedListBase).withConfig({
-  displayName: "TermsAndConditions__Ordered",
-  componentId: "components-web__sc-1199epn-1"
-})(_ref2 => {
-  let {
-    tokens
-  } = _ref2;
-  return {
-    listStylePosition: 'outside',
-    padding: tokens.orderedPadding
-  };
-});
-const Unordered = /*#__PURE__*/styled.ul.withConfig({
-  displayName: "TermsAndConditions__Unordered",
-  componentId: "components-web__sc-1199epn-2"
-})(_ref3 => {
-  let {
-    tokens
-  } = _ref3;
-  return {
-    listStyleType: 'none',
-    margin: 0,
-    padding: 0,
-    paddingTop: tokens.unorderedPadding
-  };
-});
-const ListItem = /*#__PURE__*/styled(OrderedListBase.Item).withConfig({
-  displayName: "TermsAndConditions__ListItem",
-  componentId: "components-web__sc-1199epn-3"
-})(_ref4 => {
-  let {
-    tokens
-  } = _ref4;
-  return {
-    display: 'list-item',
-    '&::marker': {
-      fontFamily: `${tokens.listFontName}${tokens.listFontWeight}normal`,
-      fontSize: tokens.listFontSize,
-      lineHeight: tokens.listLineHeight,
-      textAlign: 'end !important'
-    },
-    color: tokens.listColor,
-    fontFamily: `${tokens.listFontName}${tokens.listFontWeight}normal`,
-    fontSize: tokens.listFontSize,
-    lineHeight: tokens.listLineHeight,
-    marginBottom: tokens.listMarginBottom,
-    marginLeft: tokens.listMarginLeft,
-    wordBreak: 'break-word'
-  };
-});
-const NonIndexedContentTitle = /*#__PURE__*/styled.div.withConfig({
-  displayName: "TermsAndConditions__NonIndexedContentTitle",
-  componentId: "components-web__sc-1199epn-4"
-})(_ref5 => {
-  let {
-    tokens
-  } = _ref5;
-  return {
-    color: tokens.titleColor,
-    fontSize: tokens.titleFontSize,
-    lineHeight: tokens.titleLineHeight,
-    paddingLeft: tokens.titlePaddingLeft
-  };
-});
-
-/**
- * Use `TermsAndConditions` to display important legal content.
- *
- * ## Usage Criteria
- *
- * - Display before the page footer, except for call-to-action callback cards
- * - Responsive display based on breakpoints
- * - Use `copy` to set language, ‘en’ for English or ‘fr’ for French
- */
-const TermsAndConditions = /*#__PURE__*/React.forwardRef((_ref6, ref) => {
-  let {
-    copy = 'en',
-    indexedContent = [],
-    nonIndexedContent = [],
-    tokens = {},
-    variant = {},
-    dictionary = defaultDictionary,
-    ...rest
-  } = _ref6;
-  const getCopy = useCopy({
-    dictionary,
-    copy
-  });
-  const hasIndexedContent = indexedContent.length > 0;
-  const hasNonIndexedContent = nonIndexedContent.length > 0;
-  const viewport = useViewport();
-  const {
-    themeOptions
-  } = useTheme();
-  const {
-    enableMediaQueryStyleSheet
-  } = themeOptions;
-  const useTokens = enableMediaQueryStyleSheet ? useResponsiveThemeTokens : useThemeTokens;
-  const themeTokens = useTokens('TermsAndConditions', tokens, variant, !enableMediaQueryStyleSheet && {
-    viewport
-  });
-  let listItemStyles;
-  let listItemMediaIds;
-  let nonIndexedContentStyles;
-  let nonIndexedContentMediaIds;
-  if (enableMediaQueryStyleSheet) {
-    const {
-      transformedListItemThemeTokens,
-      transformedNonIndexedContentThemeTokens
-    } = Object.entries(themeTokens).reduce((acc, _ref7) => {
-      let [vp, viewportTokens] = _ref7;
-      acc.transformedListItemThemeTokens[vp] = {
-        marginLeft: viewportTokens.listMarginLeft
-      };
-      acc.transformedNonIndexedContentThemeTokens[vp] = {
-        paddingLeft: viewportTokens.titlePaddingLeft
-      };
-      return acc;
-    }, {
-      transformedListItemThemeTokens: {},
-      transformedNonIndexedContentThemeTokens: {}
-    });
-    const listItemMediaQueryStyles = createMediaQueryStyles(transformedListItemThemeTokens);
-    const nonIndexedContentMediaQueryStyles = createMediaQueryStyles(transformedNonIndexedContentThemeTokens);
-    const {
-      ids,
-      styles
-    } = StyleSheet.create({
-      listItem: {
-        ...themeTokens[viewport],
-        ...listItemMediaQueryStyles
-      },
-      nonIndexedContent: {
-        ...themeTokens[viewport],
-        ...nonIndexedContentMediaQueryStyles
-      }
-    });
-    listItemStyles = styles.listItem;
-    listItemMediaIds = ids.listItem;
-    nonIndexedContentStyles = styles.nonIndexedContent;
-    nonIndexedContentMediaIds = ids.nonIndexedContent;
-  } else {
-    listItemStyles = themeTokens;
-    nonIndexedContentStyles = themeTokens;
-  }
-  return /*#__PURE__*/_jsxs("div", {
-    ...selectProps(rest),
-    children: [/*#__PURE__*/_jsx(Divider, {
-      tokens: {
-        color: themeTokens.dividerColor
-      }
-    }), /*#__PURE__*/_jsx(ExpandCollapse, {
-      collapseTitle: getCopy('headingView'),
-      expandTitle: getCopy('headingHide'),
-      collapseLabel: getCopy('collapseLabel'),
-      expandLabel: getCopy('expandLabel'),
-      ref: ref,
-      children: /*#__PURE__*/_jsxs(ContentContainer, {
-        tokens: themeTokens,
-        children: [hasIndexedContent && /*#__PURE__*/_jsx(Ordered, {
-          tokens: themeTokens,
-          children: indexedContent.map((contentItem, idx) =>
-          /*#__PURE__*/
-          // eslint-disable-next-line react/no-array-index-key
-          _jsx(ListItem, {
-            tokens: listItemStyles,
-            media: listItemMediaIds,
-            children: renderStructuredContent(contentItem)
-          }, idx))
-        }), hasNonIndexedContent && /*#__PURE__*/_jsxs(Box, {
-          between: 3,
-          children: [/*#__PURE__*/_jsx(NonIndexedContentTitle, {
-            tokens: nonIndexedContentStyles,
-            media: nonIndexedContentMediaIds,
-            children: /*#__PURE__*/_jsx(Typography, {
-              block: true,
-              heading: true,
-              tokens: {
-                fontName: themeTokens.expandTitleFontName,
-                fontWeight: themeTokens.expandTitleFontWeight,
-                fontSize: themeTokens.titleFontSize,
-                lineHeight: themeTokens.titleLineHeight
-              },
-              children: getCopy('nonIndexedTitle')
-            })
-          }), /*#__PURE__*/_jsx(Unordered, {
-            tokens: themeTokens,
-            children: nonIndexedContent.map((contentItem, idx) =>
-            /*#__PURE__*/
-            // eslint-disable-next-line react/no-array-index-key
-            _jsx(ListItem, {
-              tokens: listItemStyles,
-              media: listItemMediaIds,
-              children: renderStructuredContent(contentItem)
-            }, idx))
-          })]
-        })]
-      })
-    }), /*#__PURE__*/_jsx(Divider, {
-      tokens: {
-        color: themeTokens.dividerColor
-      }
-    })]
-  });
-});
-TermsAndConditions.displayName = 'TermsAndConditions';
-
-// If a language dictionary entry is provided, it must contain every key
-const dictionaryContentShape = PropTypes.shape({
-  headingHide: PropTypes.string.isRequired,
-  headingView: PropTypes.string.isRequired,
-  nonIndexedTitle: PropTypes.string.isRequired
-});
-TermsAndConditions.propTypes = {
-  ...selectedSystemPropTypes,
-  /**
-   * Use the `copy` prop to either select provided English or French copy by passing 'en' or 'fr' respectively.
-   *
-   * To provide your own, pass a JSON object with the keys `headingView`, `headingHide`, and `nonIndexedTitle`.
-   */
-  copy: PropTypes.oneOfType([PropTypes.oneOf(['en', 'fr']), PropTypes.shape({
-    headingView: PropTypes.string,
-    headingHide: PropTypes.string,
-    nonIndexedTitle: PropTypes.string
-  })]),
-  /**
-   * Sets the tokens for TermsAndConditions element.
-   */
-  tokens: getTokensPropType('TermsAndConditions'),
-  /**
-   * An array of nodes, strings, or a combination to be displayed in an ordered list.
-   *
-   * Each item in the array must have a corresponding superscript in the page.
-   */
-  indexedContent: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.node, PropTypes.string])),
-  /**
-   * An array of nodes, strings, or a combination to be displayed in an unordered list.
-   *
-   * nonIndexedContent do not have a corresponding superscript and instead apply to the page as a whole.
-   */
-  nonIndexedContent: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.node, PropTypes.string])),
-  /**
-   * Custom dictionary containing the labels to use for `TermsAndConditions`
-   */
-  dictionary: PropTypes.shape({
-    en: dictionaryContentShape,
-    fr: dictionaryContentShape
-  })
-};
-export default TermsAndConditions;

package/lib-module/TermsAndConditions/dictionary.js

@@ -1,16 +0,0 @@
-export default {
-  en: {
-    headingHide: 'Hide terms and conditions',
-    headingView: 'View terms and conditions',
-    nonIndexedTitle: 'The following applies to all terms and conditions above',
-    expandLabel: 'Expand',
-    collapseLabel: 'Collapse'
-  },
-  fr: {
-    headingHide: 'Masquer les modalités et conditions',
-    headingView: 'Voir les modalités et conditions',
-    nonIndexedTitle: 'Ce qui suit s’applique aux modalités et conditions ci-dessus',
-    expandLabel: 'Détailler',
-    collapseLabel: 'Réduire'
-  }
-};

package/lib-module/TermsAndConditions/index.js

@@ -1 +0,0 @@
-export { default } from './TermsAndConditions';

package/lib-module/Testimonial/Testimonial.js

@@ -1,234 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import styled from 'styled-components';
-import { Icon, selectSystemProps, Typography, useThemeTokens, useViewport, getTokensPropType } from '@telus-uds/components-base';
-import Image from '../Image';
-import { htmlAttrs } from '../utils';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-const [selectProps, selectedSystemPropTypes] = selectSystemProps([htmlAttrs]);
-const TestimonialContainer = /*#__PURE__*/styled.figure.withConfig({
-  displayName: "Testimonial__TestimonialContainer",
-  componentId: "components-web__sc-1az53gr-0"
-})(_ref => {
-  let {
-    testimonialContainerGap
-  } = _ref;
-  return {
-    display: 'flex',
-    flexDirection: 'column',
-    gap: testimonialContainerGap,
-    margin: 0
-  };
-});
-const QuoteContainer = /*#__PURE__*/styled.div.withConfig({
-  displayName: "Testimonial__QuoteContainer",
-  componentId: "components-web__sc-1az53gr-1"
-})(_ref2 => {
-  let {
-    quoteContainerGap
-  } = _ref2;
-  return {
-    display: 'flex',
-    alignItems: 'center',
-    gap: quoteContainerGap
-  };
-});
-const Divider = /*#__PURE__*/styled.div.withConfig({
-  displayName: "Testimonial__Divider",
-  componentId: "components-web__sc-1az53gr-2"
-})(_ref3 => {
-  let {
-    dividerBorder,
-    dividerBackgroundColor
-  } = _ref3;
-  return {
-    height: dividerBorder,
-    background: dividerBackgroundColor,
-    width: '100%'
-  };
-});
-const BlockQuote = /*#__PURE__*/styled.blockquote.withConfig({
-  displayName: "Testimonial__BlockQuote",
-  componentId: "components-web__sc-1az53gr-3"
-})({
-  margin: 0
-});
-const AuthorInfoContainer = /*#__PURE__*/styled.div.withConfig({
-  displayName: "Testimonial__AuthorInfoContainer",
-  componentId: "components-web__sc-1az53gr-4"
-})({
-  display: 'flex',
-  flexDirection: 'column'
-});
-const Figcaption = /*#__PURE__*/styled.figcaption.withConfig({
-  displayName: "Testimonial__Figcaption",
-  componentId: "components-web__sc-1az53gr-5"
-})(_ref4 => {
-  let {
-    figcaptionGap
-  } = _ref4;
-  return {
-    display: 'flex',
-    alignItems: 'center',
-    gap: figcaptionGap
-  };
-});
-const Testimonial = /*#__PURE__*/React.forwardRef((_ref5, ref) => {
-  let {
-    showDivider,
-    testimonial,
-    title,
-    imageSrc,
-    image = imageSrc,
-    additionalInfo,
-    testimonialStyle = 'large',
-    tokens,
-    copy = 'en',
-    variant = {},
-    ...rest
-  } = _ref5;
-  const viewport = useViewport();
-  const {
-    testimonialContainerGap,
-    quoteContainerGap,
-    dividerBorder,
-    dividerBackgroundColor,
-    figcaptionGap,
-    textColor,
-    icon,
-    iconFr,
-    iconColor,
-    imageSize,
-    testimonialFontSizeLarge,
-    testimonialLineHeightLarge,
-    testimonialFontWeightLarge,
-    testimonialFontSizeHeading,
-    testimonialLineHeightHeading,
-    testimonialFontNameHeading,
-    testimonialFontWeightHeading,
-    authorFontSize,
-    authorLineHeight,
-    authorFontName,
-    authorFontWeight,
-    additionalFontSize,
-    additionalLineHeight,
-    additionalFontName,
-    additionalFontWeight
-  } = useThemeTokens('Testimonial', tokens, variant, {
-    viewport
-  });
-  const getQuoteTestimonial = open => {
-    let quote = '';
-    if (copy === 'en') quote = open ? '\u201C' : '\u201D';else quote = open ? '\u00AB ' : ' \u00BB';
-    return quote;
-  };
-  return /*#__PURE__*/_jsxs(TestimonialContainer, {
-    testimonialContainerGap: testimonialContainerGap,
-    ref: ref,
-    ...selectProps(rest),
-    children: [/*#__PURE__*/_jsxs(QuoteContainer, {
-      quoteContainerGap: quoteContainerGap,
-      children: [/*#__PURE__*/_jsx(Icon, {
-        tokens: {
-          color: iconColor
-        },
-        variant: {
-          size: 'micro'
-        },
-        icon: copy === 'en' ? icon : iconFr
-      }), showDivider && /*#__PURE__*/_jsx(Divider, {
-        dividerBackgroundColor: dividerBackgroundColor,
-        dividerBorder: dividerBorder,
-        role: "separator"
-      })]
-    }), /*#__PURE__*/_jsx(BlockQuote, {
-      children: /*#__PURE__*/_jsx(Typography, {
-        variant: {
-          size: testimonialStyle === 'large' ? 'large' : 'h3'
-        },
-        tokens: {
-          color: textColor,
-          fontSize: testimonialStyle === 'heading' ? testimonialFontSizeHeading : testimonialFontSizeLarge,
-          lineHeight: testimonialStyle === 'heading' ? testimonialLineHeightHeading : testimonialLineHeightLarge,
-          fontName: testimonialFontNameHeading,
-          fontWeight: testimonialStyle === 'heading' ? testimonialFontWeightHeading : testimonialFontWeightLarge
-        },
-        children: `${getQuoteTestimonial(true)}${testimonial}${getQuoteTestimonial()}`
-      })
-    }), (image || title || additionalInfo) && /*#__PURE__*/_jsxs(Figcaption, {
-      figcaptionGap: figcaptionGap,
-      children: [image && (typeof image === 'string' ? /*#__PURE__*/_jsx(Image, {
-        rounded: "circle",
-        src: image,
-        alt: title,
-        width: imageSize,
-        height: imageSize
-      }) : image), (title || additionalInfo) && /*#__PURE__*/_jsxs(AuthorInfoContainer, {
-        children: [title && /*#__PURE__*/_jsx(Typography, {
-          variant: {
-            size: 'small'
-          },
-          tokens: {
-            color: textColor,
-            fontSize: authorFontSize,
-            lineHeight: authorLineHeight,
-            fontName: authorFontName,
-            fontWeight: authorFontWeight
-          },
-          children: title
-        }), additionalInfo && /*#__PURE__*/_jsx(Typography, {
-          variant: {
-            size: 'small'
-          },
-          tokens: {
-            color: textColor,
-            fontSize: additionalFontSize,
-            lineHeight: additionalLineHeight,
-            fontName: additionalFontName,
-            fontWeight: additionalFontWeight
-          },
-          children: additionalInfo
-        })]
-      })]
-    }), showDivider && /*#__PURE__*/_jsx(Divider, {
-      dividerBackgroundColor: dividerBackgroundColor,
-      dividerBorder: dividerBorder,
-      role: "separator"
-    })]
-  });
-});
-Testimonial.displayName = 'Testimonial';
-Testimonial.propTypes = {
-  ...selectedSystemPropTypes,
-  tokens: getTokensPropType('Testimonial'),
-  /**
-   * Testimonial content
-   */
-  testimonial: PropTypes.string.isRequired,
-  /**
-   * Testimonial author or source
-   */
-  title: PropTypes.string,
-  /**
-   * Additional information on the author or source
-   */
-  additionalInfo: PropTypes.string,
-  /**
-   * Testimonial style
-   */
-  testimonialStyle: PropTypes.oneOf(['large', 'heading']),
-  /**
-   * Whether to show or not dividers at the top and the bottom of the testimonial
-  showDivider: PropTypes.bool,
-  /**
-   * The src attribute for the Image component or custom JSX content to render instead
-   */
-  image: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
-  /**
-   * The src attribute for the `Image` component to be displayed on the testimonial
-   * @deprecated please use the `image` prop instead
-   */
-  imageSrc: PropTypes.string
-};
-export default Testimonial;

package/lib-module/Testimonial/index.js

@@ -1,2 +0,0 @@
-import Testimonial from './Testimonial';
-export default Testimonial;