@telus-uds/components-web 2.21.2 → 2.22.0

package/lib/Footnote/Footnote.js

@@ -4,29 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
 var _componentsBase = require("@telus-uds/components-base");
-
 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 viewportBreakpoint = 1440;
 const GlobalBodyScrollLock = /*#__PURE__*/(0, _styledComponents.createGlobalStyle)({
@@ -34,7 +22,6 @@ const GlobalBodyScrollLock = /*#__PURE__*/(0, _styledComponents.createGlobalStyl
     overflow: 'hidden'
   })
 });
-
 const StyledFootnote = /*#__PURE__*/_styledComponents.default.div.withConfig({
   displayName: "Footnote__StyledFootnote",
   componentId: "components-web__sc-1563bo5-0"
@@ -74,16 +61,13 @@ const StyledFootnote = /*#__PURE__*/_styledComponents.default.div.withConfig({
   let {
     isOpen
   } = _ref2;
-
   if (isOpen) {
     return {
       transform: 'translateY(0)'
     };
   }
-
   return {};
 });
-
 const StyledFootnoteHeader = /*#__PURE__*/_styledComponents.default.div.withConfig({
   displayName: "Footnote__StyledFootnoteHeader",
   componentId: "components-web__sc-1563bo5-1"
@@ -91,7 +75,6 @@ const StyledFootnoteHeader = /*#__PURE__*/_styledComponents.default.div.withConf
   position: 'relative',
   width: '100%'
 }));
-
 const StyledHeader = /*#__PURE__*/_styledComponents.default.div.withConfig({
   displayName: "Footnote__StyledHeader",
   componentId: "components-web__sc-1563bo5-2"
@@ -113,7 +96,6 @@ const StyledHeader = /*#__PURE__*/_styledComponents.default.div.withConfig({
     paddingLeft: footnoteHeaderPaddingLeft
   };
 });
-
 const StyledFootnoteBody = /*#__PURE__*/_styledComponents.default.div.withConfig({
   displayName: "Footnote__StyledFootnoteBody",
   componentId: "components-web__sc-1563bo5-3"
@@ -142,7 +124,6 @@ const StyledFootnoteBody = /*#__PURE__*/_styledComponents.default.div.withConfig
     opacity: isTextVisible ? 1 : 0
   };
 });
-
 const List = /*#__PURE__*/(0, _styledComponents.default)(_OrderedListBase.default).withConfig({
   displayName: "Footnote__List",
   componentId: "components-web__sc-1563bo5-4"
@@ -182,7 +163,6 @@ const ListItem = /*#__PURE__*/(0, _styledComponents.default)(_OrderedListBase.de
     paddingLeft: listItemPaddingLeft
   };
 });
-
 const CloseButton = /*#__PURE__*/_styledComponents.default.button.withConfig({
   displayName: "Footnote__CloseButton",
   componentId: "components-web__sc-1563bo5-6"
@@ -207,7 +187,6 @@ const CloseButton = /*#__PURE__*/_styledComponents.default.button.withConfig({
     width: closeButtonWidth
   };
 });
-
 const ContentContainer = /*#__PURE__*/_styledComponents.default.div.withConfig({
   displayName: "Footnote__ContentContainer",
   componentId: "components-web__sc-1563bo5-7"
@@ -225,7 +204,6 @@ const ContentContainer = /*#__PURE__*/_styledComponents.default.div.withConfig({
     width: maxWidth
   };
 });
-
 const StyledCustomContentContainer = /*#__PURE__*/_styledComponents.default.div.withConfig({
   displayName: "Footnote__StyledCustomContentContainer",
   componentId: "components-web__sc-1563bo5-8"
@@ -244,19 +222,17 @@ const StyledCustomContentContainer = /*#__PURE__*/_styledComponents.default.div.
     fontFamily: 'HelveticaNow400normal'
   };
 });
-
 const usePrevious = value => {
   const ref = (0, _react.useRef)();
   (0, _react.useEffect)(() => {
     ref.current = value;
   });
-
   if (ref.current) {
     return ref.current;
   }
-
   return {};
 };
+
 /**
  * Use `Footnote` to display a single legal content.
  *
@@ -275,11 +251,8 @@ const usePrevious = value => {
  * - When `Footnote` is open, the inert prop must be set on all children of body excluding the Footnote
  * - When `Footnote` is closed, focus must return to the initiating element
  */
-
-
 const Footnote = props => {
   var _theme$themeOptions;
-
   const viewport = (0, _componentsBase.useViewport)();
   const {
     copy,
@@ -352,15 +325,14 @@ const Footnote = props => {
   const [isScrollable, setIsScrollable] = (0, _react.useState)(false);
   const closeFootnote = (0, _react.useCallback)((event, options) => {
     onClose(event, options);
-  }, [onClose]); // Listen for ESCAPE, close button clicks, and clicks outside of the Footnote. Call onClose.
+  }, [onClose]);
 
+  // Listen for ESCAPE, close button clicks, and clicks outside of the Footnote. Call onClose.
   const handleClose = (0, _react.useCallback)(event => {
     var _footnoteRef$current, _footnoteRef$current2;
-
     if (!isVisible) {
       return;
     }
-
     if (event.type === 'keydown') {
       if (event.key === 'Escape' || event.key === 27) {
         closeFootnote(event, {
@@ -377,18 +349,15 @@ const Footnote = props => {
       });
     }
   }, [closeFootnote, isVisible]);
-
   const saveCurrentHeight = () => {
     const oldHeight = contentRef.current.offsetHeight;
     setBodyHeight(oldHeight);
   };
-
   const focusHeading = () => {
     if (Boolean(content) && isVisible && headingRef && headingRef.current !== null) {
       headingRef.current.focus();
     }
   };
-
   const handleStyledFootnoteTransitionEnd = event => {
     if (event.propertyName === 'transform' && !isOpen) {
       setIsVisible(false);
@@ -396,16 +365,13 @@ const Footnote = props => {
       focusHeading();
     }
   };
-
   const handleTransitionEnd = event => {
     event.persist();
-
     if (event.propertyName === 'opacity' && !isTextVisible) {
       setData({
         content,
         number
       });
-
       if (bodyHeight !== contentRef.current.offsetHeight) {
         // Set new height
         setBodyHeight(contentRef.current.offsetHeight);
@@ -415,34 +381,30 @@ const Footnote = props => {
     } else {
       setBodyHeight(contentRef.current.offsetHeight);
     }
-
     if (event.propertyName === 'height' && !isTextVisible) {
       setIsTextVisible(true);
     }
   };
-
   const resetFootnote = () => {
     // Reset footnote state if closed
     if (!isOpen) {
       setBodyHeight('auto');
       setIsTextVisible(true);
     }
-  }; // Set height of header on mount
-
+  };
 
+  // Set height of header on mount
   (0, _react.useEffect)(() => {
     var _headerRef$current;
-
     setHeaderHeight((_headerRef$current = headerRef.current) === null || _headerRef$current === void 0 ? void 0 : _headerRef$current.offsetHeight);
   }, []);
-
   const preventDefault = event => {
     if (!bodyRef.current.contains(event.touches[0].target)) {
       event.preventDefault();
     }
-  }; // Add listeners for mouse clicks outside of Footnote and for ESCAPE key presses
-
+  };
 
+  // Add listeners for mouse clicks outside of Footnote and for ESCAPE key presses
   (0, _react.useEffect)(() => {
     if (isOpen) {
       setIsVisible(true);
@@ -454,7 +416,6 @@ const Footnote = props => {
         passive: false
       });
     }
-
     return () => {
       if (isOpen) {
         document.removeEventListener('mousedown', handleClose);
@@ -464,8 +425,9 @@ const Footnote = props => {
         window.removeEventListener('touchmove', preventDefault);
       }
     };
-  }, [handleClose, isOpen]); // Set data if opening a new footnote
+  }, [handleClose, isOpen]);
 
+  // Set data if opening a new footnote
   (0, _react.useEffect)(() => {
     if (isOpen && !prevProps.isOpen) {
       setData({
@@ -479,14 +441,14 @@ const Footnote = props => {
       saveCurrentHeight();
       setIsTextVisible(false);
     }
-  }, [number, isOpen, prevProps.isOpen, prevProps.number]); // Reset footnote on close
+  }, [number, isOpen, prevProps.isOpen, prevProps.number]);
 
+  // Reset footnote on close
   (0, _react.useEffect)(resetFootnote, [isOpen]);
   const getFootnoteBodyContent = (0, _react.useCallback)(() => {
     if (!data.number || !data.content) {
       return null;
     }
-
     if ( /*#__PURE__*/_react.default.isValidElement(data.content)) {
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledCustomContentContainer, {
         listItemColor: listItemColor,
@@ -497,7 +459,6 @@ const Footnote = props => {
         children: data.content
       });
     }
-
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(List, {
       start: data.number,
       ref: contentRef,
@@ -521,7 +482,6 @@ const Footnote = props => {
   }, [data.content, data.number, listItemColor, listItemFontSize, listItemLineHeight, listItemMarkerFontSize, listItemMarkerLineHeight, listItemPaddingLeft, listPaddingLeft]);
   const checkIfScrollable = (0, _react.useCallback)(() => {
     const footnoteElement = footnoteRef.current;
-
     if (footnoteElement) {
       const footnoteViewportHeight = footnoteElement.clientHeight ? footnoteElement.clientHeight : 0;
       const contentHeight = contentRef.current ? contentRef.current.offsetHeight : 0;
@@ -536,7 +496,8 @@ const Footnote = props => {
     }
   }, [isOpen, checkIfScrollable]);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_componentsBase.Portal, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", { ...selectProps(rest),
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      ...selectProps(rest),
       children: [isOpen && /*#__PURE__*/(0, _jsxRuntime.jsx)(GlobalBodyScrollLock, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledFootnote, {
         ref: footnoteRef,
         isOpen: isOpen,
@@ -603,43 +564,37 @@ const Footnote = props => {
     })
   });
 };
-
 const copyShape = _propTypes.default.shape({
   close: _propTypes.default.string.isRequired,
   heading: _propTypes.default.string.isRequired
-}); // If a language dictionary entry is provided, it must contain every key
-
+});
 
+// If a language dictionary entry is provided, it must contain every key
 const dictionaryContentShape = _propTypes.default.shape({
   a11yLabel: _propTypes.default.string.isRequired,
   close: _propTypes.default.string.isRequired,
   heading: _propTypes.default.string.isRequired
 });
-
-Footnote.propTypes = { ...selectedSystemPropTypes,
+Footnote.propTypes = {
+  ...selectedSystemPropTypes,
   tokens: (0, _componentsBase.getTokensPropType)('Footnote'),
-
   /**
    * The content.
    */
   content: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.element]),
-
   /**
    * 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 `heading` and `close`.
    */
   copy: _propTypes.default.oneOfType([_propTypes.default.oneOf(['en', 'fr']), copyShape]),
-
   /**
    * A boolean flag used hide or show the `Footnote`. Set to `true` to open the `Footnote`.
    */
   isOpen: _propTypes.default.bool,
-
   /**
    * The number, must match the number of the `FootnoteLink` that initiated the `Footnote`.
    */
   number: _propTypes.default.number,
-
   /**
    * A callback function to handle the closing of the footnote.
    *
@@ -648,7 +603,6 @@ Footnote.propTypes = { ...selectedSystemPropTypes,
    * @param {boolean} options.returnFocus Should the `Footnote` return focus on close
    */
   onClose: _propTypes.default.func.isRequired,
-
   /**
    * Override the default dictionary, by passing the complete dictionary object for `en` and `fr`
    */

package/lib/Footnote/FootnoteLink.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 _dictionary = _interopRequireDefault(require("./dictionary"));
-
 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 StyledSup = /*#__PURE__*/_styledComponents.default.sup.withConfig({
   displayName: "FootnoteLink__StyledSup",
   componentId: "components-web__sc-17nd7xo-0"
@@ -50,6 +40,7 @@ const StyledSup = /*#__PURE__*/_styledComponents.default.sup.withConfig({
     ...(0, _componentsBase.applyTextStyles)(fontNameAndWeight)
   };
 });
+
 /**
  * Use `FootnoteLink` to open `Footnote` component and display related legal content.
  *
@@ -59,8 +50,6 @@ const StyledSup = /*#__PURE__*/_styledComponents.default.sup.withConfig({
  * - Avoid using FootnoteLink if there is only one annotation on a page. Consider including
  *   the annotation as part of the content whenever possible.
  */
-
-
 const FootnoteLink = _ref2 => {
   let {
     copy = 'en',
@@ -74,28 +63,23 @@ const FootnoteLink = _ref2 => {
   const themeTokens = (0, _componentsBase.useThemeTokens)('FootnoteLink', tokens, variant);
   const numbers = Array.isArray(number) ? number : [number];
   const refs = numbers.map(() => /*#__PURE__*/_react.default.createRef());
-
   const handleClick = index => {
     onClick(numbers[index], refs[index]);
   };
-
   const getCopy = (0, _componentsBase.useCopy)({
     dictionary: _dictionary.default,
     copy
   });
-
   const handleOnClick = (event, index) => {
     event.preventDefault();
     event.stopPropagation();
     handleClick(index);
   };
-
   const handleOnKeyDown = (event, index) => {
     if (event.key === 'Enter' || event.key === 13) {
       handleClick(index);
     }
   };
-
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
     children: numbers.map((num, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledSup, {
       onKeyDown: event => handleOnKeyDown(event, index),
@@ -110,30 +94,25 @@ const FootnoteLink = _ref2 => {
     }, num))
   });
 };
-
 const copyShape = _propTypes.default.shape({
   a11yLabel: _propTypes.default.string.isRequired
 });
-
-FootnoteLink.propTypes = { ...selectedSystemPropTypes,
-
+FootnoteLink.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 key `a11yLabel`.
    */
   copy: _propTypes.default.oneOfType([_propTypes.default.oneOf(['en', 'fr']), copyShape]),
-
   /**
    * The footnote number, or multiple numbers if passed as an array.
    * If using an array, a comma-separated group of numbers will be rendered as superscript.
    */
   number: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.arrayOf(_propTypes.default.number), _propTypes.default.string, _propTypes.default.arrayOf(_propTypes.default.string)]).isRequired,
-
   /**
    * A callback function to handle the click of a FootnoteLink.
    */
   onClick: _propTypes.default.func.isRequired,
-
   /**
    * Override default `fontSize` to set specific font size value
    */

package/lib/Footnote/index.js

@@ -4,13 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _Footnote = _interopRequireDefault(require("./Footnote"));
-
 var _FootnoteLink = _interopRequireDefault(require("./FootnoteLink"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 _Footnote.default.Link = _FootnoteLink.default;
 var _default = _Footnote.default;
 exports.default = _default;

package/lib/IconButton/IconButton.js

@@ -4,21 +4,13 @@ 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 _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 IconButton = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
     icon,
@@ -27,7 +19,8 @@ const IconButton = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     variant = {},
     ...iconButtonProps
   } = _ref;
-  const variantWithAction = action && !variant.action ? { ...variant,
+  const variantWithAction = action && !variant.action ? {
+    ...variant,
     action
   } : variant;
   const {
@@ -49,7 +42,6 @@ const IconButton = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
 });
 const multiBrandIconNames = ['add', 'subtract', 'close', 'play', 'moveUp', 'moveDown', 'moveLeft', 'moveRight', 'expand'];
 IconButton.displayName = 'IconButton';
-
 const propsWithoutIcon = _ref2 => {
   let {
     icon,
@@ -57,16 +49,14 @@ const propsWithoutIcon = _ref2 => {
   } = _ref2;
   return props;
 };
-
-IconButton.propTypes = { ...propsWithoutIcon(_componentsBase.IconButton.propTypes),
+IconButton.propTypes = {
+  ...propsWithoutIcon(_componentsBase.IconButton.propTypes),
   tokens: (0, _componentsBase.getTokensPropType)('IconButton'),
-
   /**
    * To set the icon to a multi-brand compatabile icon
    */
   // eslint-disable-next-line react/require-default-props
   action: _propTypes.default.oneOf(multiBrandIconNames),
-
   /**
    * To set a custom icon
    */

package/lib/IconButton/index.js

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

package/lib/Image/Image.js

@@ -4,23 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _componentsBase = require("@telus-uds/components-base");
-
 var _utils = require("../utils");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const [selectProps, selectedSystemPropTypes] = (0, _componentsBase.selectSystemProps)([_utils.htmlAttrs]);
-
 const StyledImage = /*#__PURE__*/_styledComponents.default.img.withConfig({
   displayName: "Image__StyledImage",
   componentId: "components-web__sc-blwu4l-0"
@@ -33,7 +24,6 @@ const StyledImage = /*#__PURE__*/_styledComponents.default.img.withConfig({
     maxWidth: '100%'
   };
 });
-
 const StyledRoundedImage = /*#__PURE__*/(0, _styledComponents.default)(StyledImage).withConfig({
   displayName: "Image__StyledRoundedImage",
   componentId: "components-web__sc-blwu4l-1"
@@ -49,7 +39,6 @@ const StyledCircularImage = /*#__PURE__*/(0, _styledComponents.default)(StyledIm
 })({
   borderRadius: '50%'
 });
-
 const Image = _ref3 => {
   let {
     src,
@@ -68,13 +57,10 @@ const Image = _ref3 => {
   const isCircle = rounded === 'circle';
   const isCorners = rounded === 'corners';
   const isSquare = width === height;
-
   if (isCircle && !isSquare) {
     (0, _utils.warn)('Image', 'rounded="circle" is not supported for non-square images. Please provide a square image, otherwise the resulting shape will not be a circle.');
   }
-
   let ImageComponent;
-
   if (isCircle) {
     ImageComponent = StyledCircularImage;
   } else if (isCorners) {
@@ -82,8 +68,8 @@ const Image = _ref3 => {
   } else {
     ImageComponent = StyledImage;
   }
-
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ImageComponent, { ...selectProps(rest),
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ImageComponent, {
+    ...selectProps(rest),
     borderRadius: borderRadius,
     src: src,
     width: width,
@@ -92,36 +78,31 @@ const Image = _ref3 => {
     loading: loading
   });
 };
-
-Image.propTypes = { ...selectedSystemPropTypes,
-
+Image.propTypes = {
+  ...selectedSystemPropTypes,
   /**
    * The src attribute for the HTML img element.
    */
-  src: _propTypes.default.string.isRequired,
 
+  src: _propTypes.default.string.isRequired,
   /**
    * The alt attribute for the HTML img element. Setting this attribute to an empty string (alt="") indicates that this image is not a key part of the content, and that non-visual browsers may omit it from rendering.
    */
   alt: _propTypes.default.string.isRequired,
-
   /**
    * The image's width.
    */
   width: _propTypes.default.number.isRequired,
-
   /**
    * The image's height.
    */
   height: _propTypes.default.number,
-
   /**
    * Loading strategy.
    * @default 'eager'
    * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#attr-loading
    */
   loading: _propTypes.default.oneOf(['eager', 'lazy']),
-
   /**
    * Make image render as a circle or with rounded corners.
    */

package/lib/Image/index.js

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

package/lib/List/List.js

@@ -4,8 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _componentsBase = require("@telus-uds/components-base");
-
 var _default = _componentsBase.ListBase;
 exports.default = _default;

package/lib/List/ListItem.js

@@ -4,21 +4,13 @@ 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 _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 ListItem = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
     children,