@telus-uds/components-web 2.21.1 → 2.22.0

package/lib/Table/Table.js

@@ -4,34 +4,21 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useTableContext = 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 _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 }; }
-
 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 StyledContainer = /*#__PURE__*/_styledComponents.default.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({
   displayName: "Table__StyledTable",
   componentId: "components-web__sc-10d9q3m-1"
@@ -41,10 +28,9 @@ const StyledTable = /*#__PURE__*/_styledComponents.default.table.withConfig({
   } = _ref;
   return `${tableWidth}px`;
 }, props => `${props.borderWidth}px solid ${props.borderColor}`);
-
 const TableContext = /*#__PURE__*/_react.default.createContext({});
-
 const useTableContext = () => (0, _react.useContext)(TableContext);
+
 /**
  * Use `Table` to display tabular data.
  *
@@ -59,10 +45,7 @@ const useTableContext = () => (0, _react.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,
@@ -89,12 +72,12 @@ const Table = _ref2 => {
       setContainerWidth(containerClientWidth);
       setTableWidth(responsiveTableWidth);
     };
-
     const throttledUpdateDimensions = (0, _lodash.default)(updateDimensions, 100, {
       leading: false
     });
-    updateDimensions(); // a pretty naive way of repeating the measurement after the fonts are loaded
+    updateDimensions();
 
+    // a pretty naive way of repeating the measurement after the fonts are loaded
     window.addEventListener('load', updateDimensions);
     window.addEventListener('resize', throttledUpdateDimensions);
     return () => {
@@ -126,11 +109,10 @@ const Table = _ref2 => {
     })
   });
 };
-
-Table.propTypes = { ...selectedSystemPropTypes,
+Table.propTypes = {
+  ...selectedSystemPropTypes,
   tokens: (0, _componentsBase.getTokensPropType)('Table'),
   children: _propTypes.default.node,
-
   /**
    * Sets text style
    */

package/lib/Table/index.js

@@ -4,21 +4,13 @@ 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;

package/lib/TermsAndConditions/ExpandCollapse.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 _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 }; }
-
 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 ExpandCollapseControl = /*#__PURE__*/_styledComponents.default.div.withConfig({
   displayName: "ExpandCollapse__ExpandCollapseControl",
   componentId: "components-web__sc-1l2mmq7-0"
@@ -31,7 +22,6 @@ const ExpandCollapseControl = /*#__PURE__*/_styledComponents.default.div.withCon
   flex: 1,
   justifyContent: 'flex-start'
 });
-
 const ExpandCollapseIconContainer = /*#__PURE__*/_styledComponents.default.div.withConfig({
   displayName: "ExpandCollapse__ExpandCollapseIconContainer",
   componentId: "components-web__sc-1l2mmq7-1"
@@ -47,7 +37,6 @@ const ExpandCollapseIconContainer = /*#__PURE__*/_styledComponents.default.div.w
     width: tokens.expandIconContainerWidth
   };
 });
-
 const ExpandCollapseTitle = /*#__PURE__*/_styledComponents.default.h4.withConfig({
   displayName: "ExpandCollapse__ExpandCollapseTitle",
   componentId: "components-web__sc-1l2mmq7-2"
@@ -63,7 +52,6 @@ const ExpandCollapseTitle = /*#__PURE__*/_styledComponents.default.h4.withConfig
     margin: `${tokens.expandTitleMarginX}px ${tokens.expandTitleMarginY}px`
   };
 });
-
 const ExpandCollapse = /*#__PURE__*/(0, _react.forwardRef)((_ref3, ref) => {
   let {
     children,
@@ -89,7 +77,8 @@ const ExpandCollapse = /*#__PURE__*/(0, _react.forwardRef)((_ref3, ref) => {
     tokens: {
       borderWidth: expandBaseBorderWidth
     },
-    children: expandProps => /*#__PURE__*/(0, _jsxRuntime.jsx)(_componentsBase.ExpandCollapse.Panel, { ...expandProps,
+    children: expandProps => /*#__PURE__*/(0, _jsxRuntime.jsx)(_componentsBase.ExpandCollapse.Panel, {
+      ...expandProps,
       panelId: "ExpandCollapsePanel",
       controlTokens: {
         icon: null,
@@ -98,7 +87,8 @@ const ExpandCollapse = /*#__PURE__*/(0, _react.forwardRef)((_ref3, ref) => {
         borderColor: expandTitleBorderColor,
         borderWidth: expandTitleBorder,
         textLine: expandTitleUnderline
-      } // TODO refactor
+      }
+      // TODO refactor
       // eslint-disable-next-line react/no-unstable-nested-components
       ,
       control: pressableState => {

package/lib/TermsAndConditions/TermsAndConditions.js

@@ -4,33 +4,19 @@ 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 _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 }; }
-
 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 ContentContainer = /*#__PURE__*/_styledComponents.default.div.withConfig({
   displayName: "TermsAndConditions__ContentContainer",
   componentId: "components-web__sc-1199epn-0"
@@ -47,7 +33,6 @@ const ContentContainer = /*#__PURE__*/_styledComponents.default.div.withConfig({
     })
   };
 });
-
 const Ordered = /*#__PURE__*/(0, _styledComponents.default)(_OrderedListBase.default).withConfig({
   displayName: "TermsAndConditions__Ordered",
   componentId: "components-web__sc-1199epn-1"
@@ -60,7 +45,6 @@ const Ordered = /*#__PURE__*/(0, _styledComponents.default)(_OrderedListBase.def
     padding: tokens.orderedPadding
   };
 });
-
 const Unordered = /*#__PURE__*/_styledComponents.default.ul.withConfig({
   displayName: "TermsAndConditions__Unordered",
   componentId: "components-web__sc-1199epn-2"
@@ -75,7 +59,6 @@ const Unordered = /*#__PURE__*/_styledComponents.default.ul.withConfig({
     paddingTop: tokens.unorderedPadding
   };
 });
-
 const ListItem = /*#__PURE__*/(0, _styledComponents.default)(_OrderedListBase.default.Item).withConfig({
   displayName: "TermsAndConditions__ListItem",
   componentId: "components-web__sc-1199epn-3"
@@ -100,7 +83,6 @@ const ListItem = /*#__PURE__*/(0, _styledComponents.default)(_OrderedListBase.de
     wordBreak: 'break-word'
   };
 });
-
 const NonIndexedContentTitle = /*#__PURE__*/_styledComponents.default.div.withConfig({
   displayName: "TermsAndConditions__NonIndexedContentTitle",
   componentId: "components-web__sc-1199epn-4"
@@ -115,6 +97,7 @@ const NonIndexedContentTitle = /*#__PURE__*/_styledComponents.default.div.withCo
     paddingLeft: tokens.titlePaddingLeft
   };
 });
+
 /**
  * Use `TermsAndConditions` to display important legal content.
  *
@@ -124,8 +107,6 @@ 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__*/(0, _react.forwardRef)((_ref6, ref) => {
   let {
     copy = 'en',
@@ -146,7 +127,8 @@ const TermsAndConditions = /*#__PURE__*/(0, _react.forwardRef)((_ref6, ref) => {
   const themeTokens = (0, _componentsBase.useThemeTokens)('TermsAndConditions', tokens, variant, {
     viewport
   });
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", { ...selectProps(rest),
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    ...selectProps(rest),
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_componentsBase.Divider, {
       tokens: {
         color: themeTokens.dividerColor
@@ -200,16 +182,16 @@ const TermsAndConditions = /*#__PURE__*/(0, _react.forwardRef)((_ref6, ref) => {
     })]
   });
 });
-TermsAndConditions.displayName = 'TermsAndConditions'; // If a language dictionary entry is provided, it must contain every key
+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
 });
-
-TermsAndConditions.propTypes = { ...selectedSystemPropTypes,
-
+TermsAndConditions.propTypes = {
+  ...selectedSystemPropTypes,
   /**
    * Use the `copy` prop to either select provided English or French copy by passing 'en' or 'fr' respectively.
    *
@@ -220,26 +202,22 @@ TermsAndConditions.propTypes = { ...selectedSystemPropTypes,
     headingHide: _propTypes.default.string,
     nonIndexedTitle: _propTypes.default.string
   })]),
-
   /**
    * Sets the tokens for TermsAndConditions element.
    */
   tokens: (0, _componentsBase.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])),
-
   /**
    * 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])),
-
   /**
    * Custom dictionary containing the labels to use for `TermsAndConditions`
    */

package/lib/TermsAndConditions/index.js

@@ -9,7 +9,5 @@ Object.defineProperty(exports, "default", {
     return _TermsAndConditions.default;
   }
 });
-
 var _TermsAndConditions = _interopRequireDefault(require("./TermsAndConditions"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/Testimonial/Testimonial.js

@@ -4,25 +4,15 @@ 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 _Image = _interopRequireDefault(require("../Image"));
-
 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 TestimonialContainer = /*#__PURE__*/_styledComponents.default.figure.withConfig({
   displayName: "Testimonial__TestimonialContainer",
   componentId: "components-web__sc-1az53gr-0"
@@ -37,7 +27,6 @@ const TestimonialContainer = /*#__PURE__*/_styledComponents.default.figure.withC
     margin: 0
   };
 });
-
 const QuoteContainer = /*#__PURE__*/_styledComponents.default.div.withConfig({
   displayName: "Testimonial__QuoteContainer",
   componentId: "components-web__sc-1az53gr-1"
@@ -51,7 +40,6 @@ const QuoteContainer = /*#__PURE__*/_styledComponents.default.div.withConfig({
     gap: quoteContainerGap
   };
 });
-
 const Divider = /*#__PURE__*/_styledComponents.default.div.withConfig({
   displayName: "Testimonial__Divider",
   componentId: "components-web__sc-1az53gr-2"
@@ -66,14 +54,12 @@ const Divider = /*#__PURE__*/_styledComponents.default.div.withConfig({
     width: '100%'
   };
 });
-
 const BlockQuote = /*#__PURE__*/_styledComponents.default.blockquote.withConfig({
   displayName: "Testimonial__BlockQuote",
   componentId: "components-web__sc-1az53gr-3"
 })({
   margin: 0
 });
-
 const AuthorInfoContainer = /*#__PURE__*/_styledComponents.default.div.withConfig({
   displayName: "Testimonial__AuthorInfoContainer",
   componentId: "components-web__sc-1az53gr-4"
@@ -81,7 +67,6 @@ const AuthorInfoContainer = /*#__PURE__*/_styledComponents.default.div.withConfi
   display: 'flex',
   flexDirection: 'column'
 });
-
 const Figcaption = /*#__PURE__*/_styledComponents.default.figcaption.withConfig({
   displayName: "Testimonial__Figcaption",
   componentId: "components-web__sc-1az53gr-5"
@@ -95,7 +80,6 @@ const Figcaption = /*#__PURE__*/_styledComponents.default.figcaption.withConfig(
     gap: figcaptionGap
   };
 });
-
 const Testimonial = _ref5 => {
   let {
     showDivider,
@@ -140,13 +124,11 @@ const Testimonial = _ref5 => {
   } = (0, _componentsBase.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__*/(0, _jsxRuntime.jsxs)(TestimonialContainer, {
     testimonialContainerGap: testimonialContainerGap,
     ...selectProps(rest),
@@ -221,30 +203,25 @@ const Testimonial = _ref5 => {
     })]
   });
 };
-
-Testimonial.propTypes = { ...selectedSystemPropTypes,
+Testimonial.propTypes = {
+  ...selectedSystemPropTypes,
   tokens: (0, _componentsBase.getTokensPropType)('Testimonial'),
-
   /**
    * Testimonial content
    */
   testimonial: _propTypes.default.string.isRequired,
-
   /**
    * Testimonial author or source
    */
   title: _propTypes.default.string,
-
   /**
    * Additional information on the author or source
    */
   additionalInfo: _propTypes.default.string,
-
   /**
    * Testimonial style
    */
   testimonialStyle: _propTypes.default.oneOf(['large', 'heading']),
-
   /**
    * Whether to show or not dividers at the top and the bottom of the testimonial
   showDivider: PropTypes.bool,
@@ -252,7 +229,6 @@ Testimonial.propTypes = { ...selectedSystemPropTypes,
    * The src attribute for the Image component or custom JSX content to render instead
    */
   image: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node]),
-
   /**
    * The src attribute for the `Image` component to be displayed on the testimonial
    * @deprecated please use the `image` prop instead

package/lib/Testimonial/index.js

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

package/lib/Toast/Toast.js

@@ -4,38 +4,23 @@ 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 = _interopRequireWildcard(require("styled-components"));
-
 var _utils = require("../utils");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _withLinkRouter$propT, _withLinkRouter$propT2;
-
 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 }; }
-
 const [selectProps, selectedSystemPropTypes] = (0, _componentsBase.selectSystemProps)([_utils.htmlAttrs]);
-
 const transform = property => (from, to) => (0, _styledComponents.keyframes)(["from{", ":", ";}to{", ":", ";}"], property, from, property, to);
-
 const slideDown = property => function (from, to) {
   let end = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : to;
   return (0, _styledComponents.keyframes)(["0%{", ":", ";}99%{", ":", ";}100%{", ":", ";}"], property, from, property, to, property, end);
 };
-
 const animation = props => (0, _styledComponents.css)(["", " 1s ease-in-out 2s forwards,", " 1s ease-in-out 2s forwards,", " 1s ease-in-out 2s forwards,", " 1s ease-in-out 3.2s forwards;& *{animation:", " 1s ease-in-out 3s forwards;}& > a div{animation:", " 1s ease-in-out 3s forwards;}& > a svg{animation:", " 1s ease-in-out 3s forwards;}& > a div{animation:", " 1s ease-in-out 3s forwards;}"], slideDown('height')(`${props.animationHeightBefore}px`, `${props.animationHeightAfter}px`, 'auto'), transform('padding-bottom')(`${props.animationPaddingBottomBefore}px`, `${props.animationPaddingBottomAfter}px`), transform('padding-top')(`${props.animationPaddingTopBefore}px`, `${props.animationPaddingTopAfter}px`), transform('background')(props.animationBackgroundColorBefore, props.animationBackgroundColorAfter), transform('color')(props.animationColorBefore, props.animationColorAfter), transform('color')(props.animationDivColorBefore, props.animationDivColorAfter), transform('fill')(props.animationFillColorBefore, props.animationFillColorAfter), transform('color')(props.animationFillColorBefore, props.animationFillColorAfter));
-
 const ToastContainer = /*#__PURE__*/_styledComponents.default.div.withConfig({
   displayName: "Toast__ToastContainer",
   componentId: "components-web__sc-p78jdh-0"
@@ -60,7 +45,6 @@ const ToastContainer = /*#__PURE__*/_styledComponents.default.div.withConfig({
   } = _ref4;
   return containerGap;
 }, animation);
-
 const Toast = _ref5 => {
   let {
     toast,
@@ -90,8 +74,9 @@ const Toast = _ref5 => {
     ...extraTokens
   } = (0, _componentsBase.useThemeTokens)('Toast', tokens, variant, {
     viewport
-  }); // inherit ChevronLink tokens for animation colors
+  });
 
+  // inherit ChevronLink tokens for animation colors
   const {
     color: chevronDefaultColor
   } = (0, _componentsBase.useThemeTokens)('ChevronLink', {}, {});
@@ -100,11 +85,9 @@ const Toast = _ref5 => {
   } = (0, _componentsBase.useThemeTokens)('ChevronLink', {}, {
     inverse: true
   });
-
   if (!toast) {
     return null;
   }
-
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(ToastContainer, {
     containerBackgroundColor: containerBackgroundColor,
     containerGap: containerGap,
@@ -153,25 +136,21 @@ const Toast = _ref5 => {
     })]
   });
 };
-
-Toast.propTypes = { ...selectedSystemPropTypes,
+Toast.propTypes = {
+  ...selectedSystemPropTypes,
   tokens: (0, _componentsBase.getTokensPropType)('Toast'),
-
   /**
    * If true, the toast will be displayed
    */
   toast: _propTypes.default.bool,
-
   /**
    * The copy to display in the toast
    */
   copy: _propTypes.default.string.isRequired,
-
   /**
    * The headline to display in the toast (before copy)
    */
   headline: _propTypes.default.string,
-
   /**
    * The link to display in the toast (after copy)
    */

package/lib/Toast/index.js

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

package/lib/Video/ControlBar/ControlBar.js

@@ -4,37 +4,22 @@ 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 _VideoProgressBar = _interopRequireDefault(require("./Controls/VideoProgressBar/VideoProgressBar"));
-
 var _VolumeSlider = _interopRequireDefault(require("./Controls/VolumeSlider/VolumeSlider"));
-
 var _VideoButton = _interopRequireDefault(require("./Controls/VideoButton/VideoButton"));
-
 var _VideoMenu = _interopRequireDefault(require("./Controls/VideoMenu/VideoMenu"));
-
 var _videoText = _interopRequireDefault(require("../videoText"));
-
 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 getIcon = icon => /*#__PURE__*/(0, _jsxRuntime.jsx)(_componentsBase.Icon, {
   icon: icon
 });
-
 const ControlBarContainer = /*#__PURE__*/_styledComponents.default.div.withConfig({
   displayName: "ControlBar__ControlBarContainer",
   componentId: "components-web__sc-13y61ky-0"
@@ -51,7 +36,6 @@ const ControlBarContainer = /*#__PURE__*/_styledComponents.default.div.withConfi
     display: isMobile ? 'none' : undefined
   };
 });
-
 const StyledControlBar = /*#__PURE__*/_styledComponents.default.div.withConfig({
   displayName: "ControlBar__StyledControlBar",
   componentId: "components-web__sc-13y61ky-1"
@@ -75,7 +59,6 @@ const StyledControlBar = /*#__PURE__*/_styledComponents.default.div.withConfig({
     zIndex: 9
   };
 });
-
 const VideoProgressBarContainer = /*#__PURE__*/_styledComponents.default.div.withConfig({
   displayName: "ControlBar__VideoProgressBarContainer",
   componentId: "components-web__sc-13y61ky-2"
@@ -83,7 +66,6 @@ const VideoProgressBarContainer = /*#__PURE__*/_styledComponents.default.div.wit
   display: 'flex',
   flexGrow: 1
 });
-
 const MenuContainer = /*#__PURE__*/_styledComponents.default.div.withConfig({
   displayName: "ControlBar__MenuContainer",
   componentId: "components-web__sc-13y61ky-3"
@@ -102,7 +84,6 @@ const MenuContainer = /*#__PURE__*/_styledComponents.default.div.withConfig({
     marginLeft: menuMarginLeft
   };
 });
-
 const ControlBar = _ref4 => {
   let {
     videoPlayer,
@@ -159,7 +140,6 @@ const ControlBar = _ref4 => {
   } = (0, _componentsBase.useThemeTokens)('VideoControlBar', tokens, variant, {
     viewport
   });
-
   const parseVideoQuality = () => {
     return sources.map(source => {
       if (!source.isFallback) {
@@ -168,11 +148,9 @@ const ControlBar = _ref4 => {
           value: source.qualityRank
         };
       }
-
       return {};
     });
   };
-
   const parseTracks = () => {
     const parsed = tracks.map((track, trackNumber) => {
       return {
@@ -186,7 +164,6 @@ const ControlBar = _ref4 => {
     });
     return parsed;
   };
-
   const menuContainerStyleProps = {
     menuBottom,
     menuRight,
@@ -278,8 +255,8 @@ const ControlBar = _ref4 => {
     })
   });
 };
-
-ControlBar.propTypes = { ...selectedSystemPropTypes,
+ControlBar.propTypes = {
+  ...selectedSystemPropTypes,
   videoPlayer: _propTypes.default.object.isRequired,
   videoPlayerContainer: _propTypes.default.object.isRequired,
   sources: _propTypes.default.array.isRequired,