@telus-uds/components-web 2.43.0 → 3.0.0

package/lib/Table/Table.js

@@ -1,23 +1,16 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useTableContext = 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 _lodash = _interopRequireDefault(require("lodash.throttle"));
-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 StyledContainer = /*#__PURE__*/_styledComponents.default.div.withConfig({
+import React from 'react';
+import PropTypes from 'prop-types';
+import styled from 'styled-components';
+import { selectSystemProps, useSafeLayoutEffect, useThemeTokens, getTokensPropType } from '@telus-uds/components-base';
+import throttle from 'lodash.throttle';
+import { htmlAttrs } from '../utils';
+import { jsx as _jsx } from "react/jsx-runtime";
+const [selectProps, selectedSystemPropTypes] = selectSystemProps([htmlAttrs]);
+const StyledContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "Table__StyledContainer",
   componentId: "components-web__sc-10d9q3m-0"
 })(["overflow:auto;padding-bottom:", ";"], props => props.isScrollable ? `${props.tablePaddingBottom}px` : 0);
-const StyledTable = /*#__PURE__*/_styledComponents.default.table.withConfig({
+const StyledTable = /*#__PURE__*/styled.table.withConfig({
   displayName: "Table__StyledTable",
   componentId: "components-web__sc-10d9q3m-1"
 })(["margin:0;padding:0;width:", ";border:", ";"], _ref => {
@@ -27,8 +20,8 @@ const StyledTable = /*#__PURE__*/_styledComponents.default.table.withConfig({
   } = _ref;
   return fullWidth ? '100%' : `${tableWidth}px`;
 }, props => `${props.borderWidth}px solid ${props.borderColor}`);
-const TableContext = /*#__PURE__*/_react.default.createContext({});
-const useTableContext = () => _react.default.useContext(TableContext);
+const TableContext = /*#__PURE__*/React.createContext({});
+export const useTableContext = () => React.useContext(TableContext);
 
 /**
  * Use `Table` to display tabular data.
@@ -44,7 +37,6 @@ const useTableContext = () => _react.default.useContext(TableContext);
  * - Use `Table.Row` and `Table.Cell` to build up the tabular data
  * - Use `Cell`'s `type` prop to visually mark it as a row heading (`type="rowHeading"`)
  */
-exports.useTableContext = useTableContext;
 const Table = _ref2 => {
   let {
     children,
@@ -59,12 +51,12 @@ const Table = _ref2 => {
     tablePaddingBottom,
     borderColor,
     borderWidth
-  } = (0, _componentsBase.useThemeTokens)('Table', tokens, variant);
-  const containerRef = _react.default.useRef();
-  const tableRef = _react.default.useRef();
-  const [containerWidth, setContainerWidth] = _react.default.useState(0);
-  const [tableWidth, setTableWidth] = _react.default.useState(0);
-  (0, _componentsBase.useSafeLayoutEffect)(() => {
+  } = useThemeTokens('Table', tokens, variant);
+  const containerRef = React.useRef();
+  const tableRef = React.useRef();
+  const [containerWidth, setContainerWidth] = React.useState(0);
+  const [tableWidth, setTableWidth] = React.useState(0);
+  useSafeLayoutEffect(() => {
     const updateDimensions = () => {
       var _containerRef$current, _tableRef$current;
       const containerClientWidth = (_containerRef$current = containerRef.current) === null || _containerRef$current === void 0 ? void 0 : _containerRef$current.clientWidth;
@@ -72,7 +64,7 @@ const Table = _ref2 => {
       setContainerWidth(containerClientWidth);
       setTableWidth(responsiveTableWidth);
     };
-    const throttledUpdateDimensions = (0, _lodash.default)(updateDimensions, 100, {
+    const throttledUpdateDimensions = throttle(updateDimensions, 100, {
       leading: false
     });
     updateDimensions();
@@ -86,18 +78,18 @@ const Table = _ref2 => {
     };
   }, []);
   const isScrollable = tableWidth > containerWidth;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledContainer, {
+  return /*#__PURE__*/_jsx(StyledContainer, {
     ref: containerRef,
     isScrollable: isScrollable,
     tablePaddingBottom: tablePaddingBottom,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(TableContext.Provider, {
+    children: /*#__PURE__*/_jsx(TableContext.Provider, {
       value: {
         text,
         isScrollable,
         tokens,
         spacing
       },
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledTable, {
+      children: /*#__PURE__*/_jsx(StyledTable, {
         borderColor: borderColor,
         borderWidth: borderWidth,
         tableWidth: tableWidth,
@@ -112,12 +104,11 @@ const Table = _ref2 => {
 };
 Table.propTypes = {
   ...selectedSystemPropTypes,
-  tokens: (0, _componentsBase.getTokensPropType)('Table'),
-  children: _propTypes.default.node,
+  tokens: getTokensPropType('Table'),
+  children: PropTypes.node,
   /**
    * Sets text style
    */
-  text: _propTypes.default.oneOf(['medium', 'small'])
+  text: PropTypes.oneOf(['medium', 'small'])
 };
-var _default = Table;
-exports.default = _default;
+export default Table;

package/lib/Table/index.js

@@ -1,20 +1,12 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _Table = _interopRequireDefault(require("./Table"));
-var _Header = _interopRequireDefault(require("./Header"));
-var _Body = _interopRequireDefault(require("./Body"));
-var _Row = _interopRequireDefault(require("./Row"));
-var _SubHeading = _interopRequireDefault(require("./SubHeading"));
-var _Cell = _interopRequireDefault(require("./Cell"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-_Table.default.Header = _Header.default;
-_Table.default.Body = _Body.default;
-_Table.default.Row = _Row.default;
-_Table.default.SubHeading = _SubHeading.default;
-_Table.default.Cell = _Cell.default;
-var _default = _Table.default;
-exports.default = _default;
+import Table from './Table';
+import Header from './Header';
+import Body from './Body';
+import Row from './Row';
+import SubHeading from './SubHeading';
+import Cell from './Cell';
+Table.Header = Header;
+Table.Body = Body;
+Table.Row = Row;
+Table.SubHeading = SubHeading;
+Table.Cell = Cell;
+export default Table;

package/lib/TermsAndConditions/ExpandCollapse.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 _componentsBase = require("@telus-uds/components-base");
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const ExpandCollapseControl = /*#__PURE__*/_styledComponents.default.div.withConfig({
+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, jsxs as _jsxs } from "react/jsx-runtime";
+const ExpandCollapseControl = /*#__PURE__*/styled.div.withConfig({
   displayName: "ExpandCollapse__ExpandCollapseControl",
   componentId: "components-web__sc-1l2mmq7-0"
 })({
@@ -20,7 +13,7 @@ const ExpandCollapseControl = /*#__PURE__*/_styledComponents.default.div.withCon
   flex: 1,
   justifyContent: 'flex-start'
 });
-const ExpandCollapseIconContainer = /*#__PURE__*/_styledComponents.default.div.withConfig({
+const ExpandCollapseIconContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "ExpandCollapse__ExpandCollapseIconContainer",
   componentId: "components-web__sc-1l2mmq7-1"
 })(_ref => {
@@ -35,7 +28,7 @@ const ExpandCollapseIconContainer = /*#__PURE__*/_styledComponents.default.div.w
     width: tokens.expandIconContainerWidth
   };
 });
-const ExpandCollapseTitle = /*#__PURE__*/_styledComponents.default.h4.withConfig({
+const ExpandCollapseTitle = /*#__PURE__*/styled.h4.withConfig({
   displayName: "ExpandCollapse__ExpandCollapseTitle",
   componentId: "components-web__sc-1l2mmq7-2"
 })(_ref2 => {
@@ -70,7 +63,7 @@ const getIconButtonTokens = _ref3 => {
     outerBorderWidth: iconOuterBorderWidth
   };
 };
-const ExpandCollapse = /*#__PURE__*/_react.default.forwardRef((_ref4, ref) => {
+const ExpandCollapse = /*#__PURE__*/React.forwardRef((_ref4, ref) => {
   let {
     children,
     collapseTitle,
@@ -78,7 +71,7 @@ const ExpandCollapse = /*#__PURE__*/_react.default.forwardRef((_ref4, ref) => {
     expandLabel,
     collapseLabel
   } = _ref4;
-  const getTokens = (0, _componentsBase.useThemeTokensCallback)('TermsAndConditions', {}, {});
+  const getTokens = useThemeTokensCallback('TermsAndConditions', {}, {});
   const {
     expandBaseBorderWidth,
     expandContentPaddingBottom,
@@ -93,11 +86,11 @@ const ExpandCollapse = /*#__PURE__*/_react.default.forwardRef((_ref4, ref) => {
     expandTitleBorderColor,
     expandTitleUnderline
   } = getTokens();
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_componentsBase.ExpandCollapse, {
+  return /*#__PURE__*/_jsx(ExpandCollapseBase, {
     tokens: {
       borderWidth: expandBaseBorderWidth
     },
-    children: expandProps => /*#__PURE__*/(0, _jsxRuntime.jsx)(_componentsBase.ExpandCollapse.Panel, {
+    children: expandProps => /*#__PURE__*/_jsx(ExpandCollapseBase.Panel, {
       ...expandProps,
       panelId: "ExpandCollapsePanel",
       controlTokens: {
@@ -117,11 +110,11 @@ const ExpandCollapse = /*#__PURE__*/_react.default.forwardRef((_ref4, ref) => {
         } = pressableState || {};
         const iconTokens = getIconButtonTokens(getTokens(pressableState || {}));
         const label = expanded ? collapseLabel : expandLabel;
-        return /*#__PURE__*/(0, _jsxRuntime.jsxs)(ExpandCollapseControl, {
+        return /*#__PURE__*/_jsxs(ExpandCollapseControl, {
           ref: ref,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(ExpandCollapseIconContainer, {
+          children: [/*#__PURE__*/_jsx(ExpandCollapseIconContainer, {
             tokens: getTokens(),
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_componentsBase.IconButton, {
+            children: /*#__PURE__*/_jsx(IconButton, {
               variant: {
                 size: 'small'
               },
@@ -129,7 +122,7 @@ const ExpandCollapse = /*#__PURE__*/_react.default.forwardRef((_ref4, ref) => {
               focusable: false,
               accessibilityLabel: label
             })
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(ExpandCollapseTitle, {
+          }), /*#__PURE__*/_jsx(ExpandCollapseTitle, {
             tokens: getTokens(),
             children: expanded ? expandTitle : collapseTitle
           })]
@@ -150,11 +143,10 @@ const ExpandCollapse = /*#__PURE__*/_react.default.forwardRef((_ref4, ref) => {
 });
 ExpandCollapse.displayName = 'ExpandCollapse';
 ExpandCollapse.propTypes = {
-  children: _propTypes.default.node.isRequired,
-  collapseTitle: _propTypes.default.string.isRequired,
-  expandTitle: _propTypes.default.string,
-  collapseLabel: _propTypes.default.string,
-  expandLabel: _propTypes.default.string
+  children: PropTypes.node.isRequired,
+  collapseTitle: PropTypes.string.isRequired,
+  expandTitle: PropTypes.string,
+  collapseLabel: PropTypes.string,
+  expandLabel: PropTypes.string
 };
-var _default = ExpandCollapse;
-exports.default = _default;
+export default ExpandCollapse;

package/lib/TermsAndConditions/TermsAndConditions.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 _ExpandCollapse = _interopRequireDefault(require("./ExpandCollapse"));
-var _OrderedListBase = _interopRequireDefault(require("../OrderedList/OrderedListBase"));
-var _utils = require("../utils");
-var _dictionary = _interopRequireDefault(require("./dictionary"));
-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 ContentContainer = /*#__PURE__*/_styledComponents.default.div.withConfig({
+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, 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 => {
@@ -25,13 +18,13 @@ const ContentContainer = /*#__PURE__*/_styledComponents.default.div.withConfig({
   return {
     paddingBottom: tokens.contentPaddingBottom,
     paddingLeft: tokens.contentPaddingLeft,
-    ...(0, _utils.media)().from('md').css({
+    ...media().from('md').css({
       paddingBottom: tokens.mdContentPaddingBottom,
       paddingLeft: tokens.mdContentPaddingLeft
     })
   };
 });
-const Ordered = /*#__PURE__*/(0, _styledComponents.default)(_OrderedListBase.default).withConfig({
+const Ordered = /*#__PURE__*/styled(OrderedListBase).withConfig({
   displayName: "TermsAndConditions__Ordered",
   componentId: "components-web__sc-1199epn-1"
 })(_ref2 => {
@@ -43,7 +36,7 @@ const Ordered = /*#__PURE__*/(0, _styledComponents.default)(_OrderedListBase.def
     padding: tokens.orderedPadding
   };
 });
-const Unordered = /*#__PURE__*/_styledComponents.default.ul.withConfig({
+const Unordered = /*#__PURE__*/styled.ul.withConfig({
   displayName: "TermsAndConditions__Unordered",
   componentId: "components-web__sc-1199epn-2"
 })(_ref3 => {
@@ -57,7 +50,7 @@ const Unordered = /*#__PURE__*/_styledComponents.default.ul.withConfig({
     paddingTop: tokens.unorderedPadding
   };
 });
-const ListItem = /*#__PURE__*/(0, _styledComponents.default)(_OrderedListBase.default.Item).withConfig({
+const ListItem = /*#__PURE__*/styled(OrderedListBase.Item).withConfig({
   displayName: "TermsAndConditions__ListItem",
   componentId: "components-web__sc-1199epn-3"
 })(_ref4 => {
@@ -81,7 +74,7 @@ const ListItem = /*#__PURE__*/(0, _styledComponents.default)(_OrderedListBase.de
     wordBreak: 'break-word'
   };
 });
-const NonIndexedContentTitle = /*#__PURE__*/_styledComponents.default.div.withConfig({
+const NonIndexedContentTitle = /*#__PURE__*/styled.div.withConfig({
   displayName: "TermsAndConditions__NonIndexedContentTitle",
   componentId: "components-web__sc-1199epn-4"
 })(_ref5 => {
@@ -105,30 +98,30 @@ const NonIndexedContentTitle = /*#__PURE__*/_styledComponents.default.div.withCo
  * - Responsive display based on breakpoints
  * - Use `copy` to set language, ‘en’ for English or ‘fr’ for French
  */
-const TermsAndConditions = /*#__PURE__*/_react.default.forwardRef((_ref6, ref) => {
+const TermsAndConditions = /*#__PURE__*/React.forwardRef((_ref6, ref) => {
   let {
     copy = 'en',
     indexedContent = [],
     nonIndexedContent = [],
     tokens = {},
     variant = {},
-    dictionary = _dictionary.default,
+    dictionary = defaultDictionary,
     ...rest
   } = _ref6;
-  const getCopy = (0, _componentsBase.useCopy)({
+  const getCopy = useCopy({
     dictionary,
     copy
   });
   const hasIndexedContent = indexedContent.length > 0;
   const hasNonIndexedContent = nonIndexedContent.length > 0;
-  const viewport = (0, _componentsBase.useViewport)();
+  const viewport = useViewport();
   const {
     themeOptions
-  } = (0, _componentsBase.useTheme)();
+  } = useTheme();
   const {
     enableMediaQueryStyleSheet
   } = themeOptions;
-  const useTokens = enableMediaQueryStyleSheet ? _componentsBase.useResponsiveThemeTokens : _componentsBase.useThemeTokens;
+  const useTokens = enableMediaQueryStyleSheet ? useResponsiveThemeTokens : useThemeTokens;
   const themeTokens = useTokens('TermsAndConditions', tokens, variant, !enableMediaQueryStyleSheet && {
     viewport
   });
@@ -153,12 +146,12 @@ const TermsAndConditions = /*#__PURE__*/_react.default.forwardRef((_ref6, ref) =
       transformedListItemThemeTokens: {},
       transformedNonIndexedContentThemeTokens: {}
     });
-    const listItemMediaQueryStyles = (0, _componentsBase.createMediaQueryStyles)(transformedListItemThemeTokens);
-    const nonIndexedContentMediaQueryStyles = (0, _componentsBase.createMediaQueryStyles)(transformedNonIndexedContentThemeTokens);
+    const listItemMediaQueryStyles = createMediaQueryStyles(transformedListItemThemeTokens);
+    const nonIndexedContentMediaQueryStyles = createMediaQueryStyles(transformedNonIndexedContentThemeTokens);
     const {
       ids,
       styles
-    } = _componentsBase.StyleSheet.create({
+    } = StyleSheet.create({
       listItem: {
         ...themeTokens[viewport],
         ...listItemMediaQueryStyles
@@ -176,36 +169,36 @@ const TermsAndConditions = /*#__PURE__*/_react.default.forwardRef((_ref6, ref) =
     listItemStyles = themeTokens;
     nonIndexedContentStyles = themeTokens;
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+  return /*#__PURE__*/_jsxs("div", {
     ...selectProps(rest),
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_componentsBase.Divider, {
+    children: [/*#__PURE__*/_jsx(Divider, {
       tokens: {
         color: themeTokens.dividerColor
       }
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ExpandCollapse.default, {
+    }), /*#__PURE__*/_jsx(ExpandCollapse, {
       collapseTitle: getCopy('headingView'),
       expandTitle: getCopy('headingHide'),
       collapseLabel: getCopy('collapseLabel'),
       expandLabel: getCopy('expandLabel'),
       ref: ref,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(ContentContainer, {
+      children: /*#__PURE__*/_jsxs(ContentContainer, {
         tokens: themeTokens,
-        children: [hasIndexedContent && /*#__PURE__*/(0, _jsxRuntime.jsx)(Ordered, {
+        children: [hasIndexedContent && /*#__PURE__*/_jsx(Ordered, {
           tokens: themeTokens,
           children: indexedContent.map((contentItem, idx) =>
           /*#__PURE__*/
           // eslint-disable-next-line react/no-array-index-key
-          (0, _jsxRuntime.jsx)(ListItem, {
+          _jsx(ListItem, {
             tokens: listItemStyles,
             media: listItemMediaIds,
-            children: (0, _utils.renderStructuredContent)(contentItem)
+            children: renderStructuredContent(contentItem)
           }, idx))
-        }), hasNonIndexedContent && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_componentsBase.Box, {
+        }), hasNonIndexedContent && /*#__PURE__*/_jsxs(Box, {
           between: 3,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(NonIndexedContentTitle, {
+          children: [/*#__PURE__*/_jsx(NonIndexedContentTitle, {
             tokens: nonIndexedContentStyles,
             media: nonIndexedContentMediaIds,
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_componentsBase.Typography, {
+            children: /*#__PURE__*/_jsx(Typography, {
               block: true,
               heading: true,
               tokens: {
@@ -216,20 +209,20 @@ const TermsAndConditions = /*#__PURE__*/_react.default.forwardRef((_ref6, ref) =
               },
               children: getCopy('nonIndexedTitle')
             })
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Unordered, {
+          }), /*#__PURE__*/_jsx(Unordered, {
             tokens: themeTokens,
             children: nonIndexedContent.map((contentItem, idx) =>
             /*#__PURE__*/
             // eslint-disable-next-line react/no-array-index-key
-            (0, _jsxRuntime.jsx)(ListItem, {
+            _jsx(ListItem, {
               tokens: listItemStyles,
               media: listItemMediaIds,
-              children: (0, _utils.renderStructuredContent)(contentItem)
+              children: renderStructuredContent(contentItem)
             }, idx))
           })]
         })]
       })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_componentsBase.Divider, {
+    }), /*#__PURE__*/_jsx(Divider, {
       tokens: {
         color: themeTokens.dividerColor
       }
@@ -239,10 +232,10 @@ const TermsAndConditions = /*#__PURE__*/_react.default.forwardRef((_ref6, ref) =
 TermsAndConditions.displayName = 'TermsAndConditions';
 
 // If a language dictionary entry is provided, it must contain every key
-const dictionaryContentShape = _propTypes.default.shape({
-  headingHide: _propTypes.default.string.isRequired,
-  headingView: _propTypes.default.string.isRequired,
-  nonIndexedTitle: _propTypes.default.string.isRequired
+const dictionaryContentShape = PropTypes.shape({
+  headingHide: PropTypes.string.isRequired,
+  headingView: PropTypes.string.isRequired,
+  nonIndexedTitle: PropTypes.string.isRequired
 });
 TermsAndConditions.propTypes = {
   ...selectedSystemPropTypes,
@@ -251,34 +244,33 @@ TermsAndConditions.propTypes = {
    *
    * To provide your own, pass a JSON object with the keys `headingView`, `headingHide`, and `nonIndexedTitle`.
    */
-  copy: _propTypes.default.oneOfType([_propTypes.default.oneOf(['en', 'fr']), _propTypes.default.shape({
-    headingView: _propTypes.default.string,
-    headingHide: _propTypes.default.string,
-    nonIndexedTitle: _propTypes.default.string
+  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: (0, _componentsBase.getTokensPropType)('TermsAndConditions'),
+  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.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.string])),
+  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.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.string])),
+  nonIndexedContent: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.node, PropTypes.string])),
   /**
    * Custom dictionary containing the labels to use for `TermsAndConditions`
    */
-  dictionary: _propTypes.default.shape({
+  dictionary: PropTypes.shape({
     en: dictionaryContentShape,
     fr: dictionaryContentShape
   })
 };
-var _default = TermsAndConditions;
-exports.default = _default;
+export default TermsAndConditions;

package/lib/TermsAndConditions/dictionary.js

@@ -1,10 +1,4 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _default = {
+export default {
   en: {
     headingHide: 'Hide terms and conditions',
     headingView: 'View terms and conditions',
@@ -19,5 +13,4 @@ var _default = {
     expandLabel: 'Détailler',
     collapseLabel: 'Réduire'
   }
-};
-exports.default = _default;
+};

package/lib/TermsAndConditions/index.js

@@ -1,13 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _TermsAndConditions.default;
-  }
-});
-var _TermsAndConditions = _interopRequireDefault(require("./TermsAndConditions"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+export { default } from './TermsAndConditions';