@telus-uds/components-web 2.21.1 → 2.22.0

package/lib-module/VideoPicker/VideoPicker.js

@@ -11,7 +11,6 @@ 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 framedContainerStyles = _ref => {
   let {
     framedContainerBackgroundColor,
@@ -22,7 +21,6 @@ const framedContainerStyles = _ref => {
   } = _ref;
   return css(["background-color:", ";border:", "px solid ", ";border-radius:", "px;& > div{max-height:", "px;}"], framedContainerBackgroundColor, framedContainerBorderWidth, framedContainerBorderColor, framedContainerBorderRadius, framedMaxHeight);
 };
-
 const VideoPickerContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "VideoPicker__VideoPickerContainer",
   componentId: "components-web__sc-x6lxp0-0"
@@ -33,7 +31,6 @@ const VideoPickerContainer = /*#__PURE__*/styled.div.withConfig({
   } = _ref2;
   return isFramed && framedContainerStyles(tokens);
 });
-
 const framedPlayerContainerStyles = _ref3 => {
   let {
     framedMaxHeight,
@@ -41,7 +38,6 @@ const framedPlayerContainerStyles = _ref3 => {
   } = _ref3;
   return css(["width:66.67%;padding:", "px;max-height:", "px;flex-shrink:0;box-sizing:border-box;"], framedContainerPadding, framedMaxHeight);
 };
-
 const VideoPlayerContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "VideoPicker__VideoPlayerContainer",
   componentId: "components-web__sc-x6lxp0-1"
@@ -62,10 +58,8 @@ const VideoListContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "VideoPicker__VideoListContainer",
   componentId: "components-web__sc-x6lxp0-2"
 })(["display:flex;justify-content:flex-start;position:relative;flex-grow:1;flex-direction:column;", ""], props => props.isFramed && framedVideoListContainerStyle);
-
 const VideoPicker = _ref6 => {
   var _videoList$;
-
   let {
     videoList = [],
     selectedVideo = (_videoList$ = videoList[0]) === null || _videoList$ === void 0 ? void 0 : _videoList$.videoId,
@@ -85,8 +79,9 @@ const VideoPicker = _ref6 => {
   useEffect(() => {
     // Update current video if parent changes which video id it passes down
     setCurrentVideoId(selectedVideo);
-  }, [selectedVideo]); // `frame` variant should only work on larger screens
+  }, [selectedVideo]);
 
+  // `frame` variant should only work on larger screens
   const isFramed = frame && [viewports.lg, viewports.xl].includes(viewport);
   const hasSlider = !frame && [viewports.md, viewports.lg, viewports.xl].includes(viewport);
   const listElements = videoList.map((video, index) => /*#__PURE__*/_jsx(VideoPickerThumbnail, {
@@ -118,7 +113,8 @@ const VideoPicker = _ref6 => {
       space: isFramed ? 0 : 4 // everything has internal padding in `frame` variant
       ,
       direction: isFramed ? 'row' : 'column',
-      children: [/*#__PURE__*/_jsx(VideoPlayerContainer, { ...themeTokens,
+      children: [/*#__PURE__*/_jsx(VideoPlayerContainer, {
+        ...themeTokens,
         isFramed: isFramed,
         children: /*#__PURE__*/_jsx(VideoPickerPlayer, {
           video: currentVideo,
@@ -136,31 +132,26 @@ const VideoPicker = _ref6 => {
     })
   });
 };
-
-VideoPicker.propTypes = { ...selectedSystemPropTypes,
+VideoPicker.propTypes = {
+  ...selectedSystemPropTypes,
   tokens: getTokensPropType('VideoPicker'),
-
   /**
    * Id of the currently selected video (defaults to the first video if not set).
    */
   selectedVideo: PropTypes.string,
-
   /**
    * An array of Video objects.
    */
   videoList: PropTypes.arrayOf(VideoPropType),
-
   /**
    * Use to display the picker in a container and the playlist as a sidebar (only available for breakpoints LG and larger)
    */
   frame: PropTypes.bool,
-
   /**
    * Callback function trigerred when the video player starts playing video.
    * @param {object} video - The video object that is playing.
    */
   onStartVideo: PropTypes.func,
-
   /**
    * Callback function trigerred when a video is selected from the thumbnail list.
    * @param {object} video - The video object that is selected.

package/lib-module/VideoPicker/VideoPickerPlayer.js

@@ -5,7 +5,6 @@ import WebVideo from '../WebVideo/WebVideo';
 import { VideoPropType, RefPropType } from './videoPropType';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-
 const VideoPickerPlayer = _ref => {
   let {
     video = {},
@@ -19,7 +18,8 @@ const VideoPickerPlayer = _ref => {
     },
     children: [/*#__PURE__*/_jsx("div", {
       ref: videoPlayerRef,
-      children: video.videoId && /*#__PURE__*/_jsx(WebVideo, { ...video,
+      children: video.videoId && /*#__PURE__*/_jsx(WebVideo, {
+        ...video,
         onStart: () => onStartVideo(video)
       })
     }), /*#__PURE__*/_jsxs(StackView, {
@@ -38,7 +38,6 @@ const VideoPickerPlayer = _ref => {
     })]
   });
 };
-
 VideoPickerPlayer.propTypes = {
   video: VideoPropType,
   videoPlayerRef: RefPropType,

package/lib-module/VideoPicker/VideoPickerThumbnail.js

@@ -13,9 +13,10 @@ import { jsxs as _jsxs } from "react/jsx-runtime";
 const {
   getItemPositionLayoutHandler,
   itemPositionsPropType
-} = horizontalScrollUtils; // Use a React Native (web) outer container so it can take an onLayout callback, to
-// access position in VideoSlider's UDS HorizontalScroll and update its itemPositions
+} = horizontalScrollUtils;
 
+// Use a React Native (web) outer container so it can take an onLayout callback, to
+// access position in VideoSlider's UDS HorizontalScroll and update its itemPositions
 const createReactNativeStyles = _ref => {
   let {
     pressablePaddingBottom,
@@ -41,7 +42,6 @@ const createReactNativeStyles = _ref => {
     }
   });
 };
-
 const ImageContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "VideoPickerThumbnail__ImageContainer",
   componentId: "components-web__sc-1glxurq-0"
@@ -79,7 +79,6 @@ const ThumbnailTitleContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "VideoPickerThumbnail__ThumbnailTitleContainer",
   componentId: "components-web__sc-1glxurq-2"
 })(["display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;"]);
-
 const VideoPickerThumbnail = _ref7 => {
   let {
     videoPlayerRef,
@@ -98,9 +97,9 @@ const VideoPickerThumbnail = _ref7 => {
     timestamp
   } = getTimestamp(video.videoLength, video.copy);
   const isPlaying = selectedVideoId === video.videoId;
-
   const renderThumbnailImage = themeTokens => {
-    return /*#__PURE__*/_jsx(VideoThumbnail, { ...themeTokens,
+    return /*#__PURE__*/_jsx(VideoThumbnail, {
+      ...themeTokens,
       isPlaying: isPlaying,
       layout: layout,
       children: /*#__PURE__*/_jsx(VideoSplash, {
@@ -111,7 +110,6 @@ const VideoPickerThumbnail = _ref7 => {
       })
     });
   };
-
   const renderThumbnailInfo = _ref8 => {
     let {
       titleColor,
@@ -144,19 +142,15 @@ const VideoPickerThumbnail = _ref7 => {
       })]
     });
   };
-
   const handleLayout = itemPositions !== undefined ? getItemPositionLayoutHandler(itemPositions.positions, index) : undefined;
-
   const onKeyPress = event => {
     if (['Space', 'Enter'].includes(event.key)) {
       var _videoPlayerRef$curre;
-
       onSelectVideo(video);
       const splashButton = (_videoPlayerRef$curre = videoPlayerRef.current) === null || _videoPlayerRef$curre === void 0 ? void 0 : _videoPlayerRef$curre.querySelector('button');
       if (splashButton) splashButton.focus();
     }
   };
-
   return /*#__PURE__*/_jsx(Pressable, {
     onLayout: handleLayout,
     onPress: () => onSelectVideo(video),
@@ -200,14 +194,14 @@ const VideoPickerThumbnail = _ref7 => {
       return /*#__PURE__*/_jsxs(StackView, {
         space: layout === 'vertical' ? 2 : 3,
         direction: layout === 'vertical' ? 'column' : 'row',
-        children: [/*#__PURE__*/_jsx(ImageContainer, { ...themeTokens,
+        children: [/*#__PURE__*/_jsx(ImageContainer, {
+          ...themeTokens,
           children: renderThumbnailImage(themeTokens)
         }), renderThumbnailInfo(themeTokens)]
       });
     }
   }, video.videoId);
 };
-
 VideoPickerThumbnail.propTypes = {
   selectedVideoId: PropTypes.string,
   onSelectVideo: PropTypes.func,

package/lib-module/VideoPicker/VideoSlider.js

@@ -6,7 +6,6 @@ import { jsx as _jsx } from "react/jsx-runtime";
 const {
   useItemPositions
 } = horizontalScrollUtils;
-
 const VideoSlider = _ref => {
   let {
     children
@@ -18,7 +17,6 @@ const VideoSlider = _ref => {
     previousIcon: PreviousIcon,
     nextIcon: NextIcon
   } = useThemeTokens('VideoPickerSlider');
-
   const onLayout = _ref2 => {
     let {
       nativeEvent: {
@@ -29,13 +27,13 @@ const VideoSlider = _ref => {
     } = _ref2;
     setContainerWidth(width);
   };
-
   const itemsGap = 32; // '5' on spacing scale
-
   const itemsCount = viewport === 'lg' || viewport === 'xl' ? 4 : 3;
   const itemGapPortioned = (itemsCount - 1) * itemsGap / itemsCount;
-  const itemWidth = containerWidth === null ? // For first render, we don't know container width, so avoid flicker with static % width
-  `calc(${Math.round(100 / itemsCount)}% - ${Math.round(itemGapPortioned)}px)` : // After first render, can't use % widths because parent is > 100% width horizontal scroll area
+  const itemWidth = containerWidth === null ?
+  // For first render, we don't know container width, so avoid flicker with static % width
+  `calc(${Math.round(100 / itemsCount)}% - ${Math.round(itemGapPortioned)}px)` :
+  // After first render, can't use % widths because parent is > 100% width horizontal scroll area
   Math.max(containerWidth / itemsCount - itemGapPortioned, 0 // Prevent negative width breaking layout on very narrow containers
   );
 
@@ -52,7 +50,6 @@ const VideoSlider = _ref => {
       width: itemWidth
     }))
   });
-
   const overflow = containerWidth === null && {
     overflow: 'hidden'
   };
@@ -67,7 +64,8 @@ const VideoSlider = _ref => {
   return /*#__PURE__*/_jsx(View, {
     onLayout: onLayout,
     style: overflow,
-    children: containerWidth === null ? // Use a 100% width non-scrollable parent until containerWidth is known, to avoid flicker
+    children: containerWidth === null ?
+    // Use a 100% width non-scrollable parent until containerWidth is known, to avoid flicker
     content : /*#__PURE__*/_jsx(HorizontalScroll, {
       ScrollButton: HorizontalScrollButton,
       itemPositions: itemPositions,
@@ -76,7 +74,6 @@ const VideoSlider = _ref => {
     })
   });
 };
-
 VideoSlider.propTypes = {
   children: PropTypes.node
 };

package/lib-module/VideoPicker/videoPropType.js

@@ -1,6 +1,7 @@
 import PropTypes from 'prop-types';
 import { VideoProps } from '../WebVideo/WebVideo';
-export const VideoPropType = PropTypes.shape({ ...VideoProps,
+export const VideoPropType = PropTypes.shape({
+  ...VideoProps,
   title: PropTypes.string,
   description: PropTypes.string
 });

package/lib-module/WaffleGrid/WaffleGrid.js

@@ -10,7 +10,6 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import { createElement as _createElement } from "react";
 const [selectProps, selectedSystemPropTypes] = selectSystemProps([htmlAttrs]);
-
 const row = (rowSize, rowBorderWidth) => ({
   flexBasis: `calc(100% / ${rowSize})`,
   [`:not(:nth-of-type(${rowSize}n + 1))`]: {
@@ -20,7 +19,6 @@ const row = (rowSize, rowBorderWidth) => ({
     borderTopWidth: `${rowBorderWidth}px`
   }
 });
-
 const Container = /*#__PURE__*/styled(OrderedListBase).withConfig({
   displayName: "WaffleGrid__Container",
   componentId: "components-web__sc-ec8g0a-0"
@@ -67,10 +65,10 @@ const Center = /*#__PURE__*/styled('div').withConfig({
   alignItems: 'center',
   textAlign: 'center'
 });
+
 /**
  * The WaffleGrid is used to show items in a waffle like manner with borders surrounding the element
  */
-
 const WaffleGrid = _ref2 => {
   let {
     items,
@@ -86,14 +84,17 @@ const WaffleGrid = _ref2 => {
     viewport
   });
   const currentRowSize = useResponsiveProp(rowSize);
-  return /*#__PURE__*/_jsx(Container, { ...selectProps(rest),
-    children: items.map(child => /*#__PURE__*/_createElement(Item, { ...themeTokens,
+  return /*#__PURE__*/_jsx(Container, {
+    ...selectProps(rest),
+    children: items.map(child => /*#__PURE__*/_createElement(Item, {
+      ...themeTokens,
       key: child.href,
       rowSize: rowSize ? currentRowSize : themeTokens.rowSize
     }, /*#__PURE__*/_jsx(Link, {
       href: child.href,
       LinkRouter: child.LinkRouter || LinkRouter,
-      linkRouterProps: { ...linkRouterProps,
+      linkRouterProps: {
+        ...linkRouterProps,
         ...child.linkRouterProps
       },
       children: /*#__PURE__*/_jsxs(Center, {
@@ -105,7 +106,8 @@ const WaffleGrid = _ref2 => {
           alt: child.imageAltText,
           width: 96,
           height: 128
-        }) : // Otherwise it must be an arbitrary content, which we just display by itself
+        }) :
+        // Otherwise it must be an arbitrary content, which we just display by itself
         child.image, /*#__PURE__*/_jsx(Typography, {
           variant: {
             weight: 'semibold'
@@ -116,9 +118,8 @@ const WaffleGrid = _ref2 => {
     })))
   });
 };
-
-WaffleGrid.propTypes = { ...selectedSystemPropTypes,
-
+WaffleGrid.propTypes = {
+  ...selectedSystemPropTypes,
   /**
    * The image and the link to display. `items` should be an array of objects with the following keys:
    */
@@ -127,30 +128,25 @@ WaffleGrid.propTypes = { ...selectedSystemPropTypes,
      * The src attribute for the HTML img element or custom JSX content to render instead
      */
     image: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
-
     /**
      * The alt attribute for the HTML img element (note that this is ignored if a custom
      * JSX content is used instead of an image URL)
      */
     imageAltText: PropTypes.string,
-
     /**
      * The text displayed under the image
      */
     text: PropTypes.string,
-
     /**
      * Target URL
      */
     href: PropTypes.string,
     ...withLinkRouter.propTypes
   })).isRequired,
-
   /**
    * Sets the tokens for WaffleGrid element.
    */
   tokens: getTokensPropType('WaffleGrid'),
-
   /**
    * Row size, optionally depending on the viewport
    */

package/lib-module/WebPortal/WebPortal.js

@@ -1,5 +1,6 @@
 import { useEffect } from 'react';
 import ReactDOM from 'react-dom';
+
 /**
  * WebPortal component renders its children in a separate portal container appended to the document body.
  *
@@ -31,5 +32,4 @@ const WebPortal = _ref => {
   }, [portalContainer]);
   return /*#__PURE__*/ReactDOM.createPortal(children, portalContainer);
 };
-
 export default WebPortal;

package/lib-module/WebVideo/WebVideo.js

@@ -39,10 +39,10 @@ const aspectRatios = {
 const AspectLimiter = /*#__PURE__*/styled.div.withConfig({
   displayName: "WebVideo__AspectLimiter",
   componentId: "components-web__sc-327a6k-2"
-})(props => ({ ...aspectRatios[props.aspectRatio],
+})(props => ({
+  ...aspectRatios[props.aspectRatio],
   position: 'relative'
 }));
-
 const WebVideo = _ref => {
   let {
     videoId,
@@ -56,14 +56,11 @@ const WebVideo = _ref => {
     ...rest
   } = _ref;
   const [started, setStarted] = useState(false);
-
   const initializeYoutubePlayer = event => {
     onStart();
-
     if (beginMuted) {
       event.target.mute();
     }
-
     event.target.setVolume(defaultVolume);
     event.target.playVideo(); // This plays the video after passing the splash screen on mobile.
   };
@@ -97,44 +94,36 @@ const WebVideo = _ref => {
     })
   });
 };
-
-export const VideoProps = { ...selectedSystemPropTypes,
-
+export const VideoProps = {
+  ...selectedSystemPropTypes,
   /**
    * The video's ID, typically available via the video's URL.
    */
   videoId: PropTypes.string.isRequired,
-
   /**
    * The aspect ratio of the player.
    */
   aspectRatio: PropTypes.oneOf(['16:9', '4:3', '1:1']),
-
   /**
    * A path of the image that will be displayed on the video's splash screen. If this is undefined, it will pull an image from the defined web video if available.
    */
   posterSrc: PropTypes.string,
-
   /**
    * The video's default volume, defined from 1 to 100. Please use the `beginMuted` prop to have the video start silenced.
    */
   defaultVolume: PropTypes.number,
-
   /**
    * Defines if the video should start muted.
    */
   beginMuted: PropTypes.bool,
-
   /**
    * The video's length, which will be displayed on the splash screen. This is defined in seconds.
    */
   videoLength: PropTypes.number.isRequired,
-
   /**
    * The splash screen UI's language as an ISO language code. It currently supports English and French.
    */
   copy: PropTypes.oneOf(['en', 'fr']),
-
   /**
    * A function to be run when the play button is pressed on the video splash screen and the video is ready to play.
    */

package/lib-module/baseExports.js

@@ -5,11 +5,12 @@ export {
 /**
  * Most base components should be re-exported as-is.
  */
-A11yText, ActivityIndicator, Autocomplete, Box, Button, BaseProvider, A11yInfoProvider, ViewportProvider, ThemeProvider, ButtonDropdown, ButtonGroup, ButtonLink, Carousel, CarouselTabs, Checkbox, CheckboxGroup, ChevronLink, Divider, ExpandCollapse, Feedback, FlexGrid, Icon, InputLabel, InputSupports, Link, Listbox, MultiSelectFilter, Notification, Pagination, QuickLinks, QuickLinksFeature, Radio, RadioGroup, RadioCard, RadioCardGroup, Responsive, Search, Select, SideNav, Skeleton, SkipLink, Spacer, StackView, StackWrap, StepTracker, Tabs, Tags, TextButton, TextArea, TextInput, Timeline, ToggleSwitch, ToggleSwitchGroup, TooltipButton, Tooltip, Typography, Validator,
+A11yText, ActivityIndicator, Autocomplete, Box, Button, BaseProvider, A11yInfoProvider, ViewportProvider, ThemeProvider, ButtonDropdown, ButtonGroup, ButtonLink, Carousel, CarouselTabs, Checkbox, CheckboxGroup, ChevronLink, Divider, ExpandCollapse, Feedback, FlexGrid, Icon, InputLabel, InputSupports, Link, Listbox, Modal, MultiSelectFilter, Notification, Pagination, QuickLinks, QuickLinksFeature, Radio, RadioGroup, RadioCard, RadioCardGroup, Responsive, Search, Select, SideNav, Skeleton, SkipLink, Spacer, StackView, StackWrap, StepTracker, Tabs, Tags, TextButton, TextArea, TextInput, Timeline, ToggleSwitch, ToggleSwitchGroup, TooltipButton, Tooltip, Typography, Validator,
 /*
  * Most utilities exported from @telus-uds/components-base are for building systems, not apps.
  * Re-export only those utilities with a stable API and known use cases within apps / pages.
  */
 // Enable access to the viewports system for app-specific responsive layouts and features
-useResponsiveProp, useViewport, // TODO reenable ViewportContext once published from base  // enable localised viewport overrides e.g. in tests, narrow columns, etc
+useResponsiveProp, useViewport,
+// TODO reenable ViewportContext once published from base  // enable localised viewport overrides e.g. in tests, narrow columns, etc
 useCarousel, useSetTheme } from '@telus-uds/components-base';

package/lib-module/index.js

@@ -1,5 +1,4 @@
 export { default as Badge } from './Badge';
-export { default as Modal } from './Modal';
 export { default as OrderedList } from './OrderedList';
 export { default as PreviewCard } from './PreviewCard';
 export { default as ResponsiveImage } from './ResponsiveImage';

package/lib-module/shared/FullBleedContent/FullBleedContent.js

@@ -3,7 +3,6 @@ import PropTypes from 'prop-types';
 import styled from 'styled-components';
 import ResponsiveImage from '../../ResponsiveImage';
 import { jsx as _jsx } from "react/jsx-runtime";
-
 const selectFullBleedContentProps = _ref => {
   let {
     alt,
@@ -32,7 +31,6 @@ const selectFullBleedContentProps = _ref => {
     xsSrc
   };
 };
-
 const FullBleedContentContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "FullBleedContent__FullBleedContentContainer",
   componentId: "components-web__sc-1130ea5-0"
@@ -51,24 +49,25 @@ const FullBleedContentContainer = /*#__PURE__*/styled.div.withConfig({
     borderTopRightRadius
   };
 });
+
 /**
  * Full bleed content component can accept either a single source,
  * a number of sources corresponding to the `ResponsiveImage` component API,
  * or a custom component.
  */
-
 const FullBleedContent = _ref3 => {
   let {
     borderRadius,
     content,
     ...rest
   } = _ref3;
-  return /*#__PURE__*/_jsx(FullBleedContentContainer, { ...borderRadius,
-    children: content ?? /*#__PURE__*/_jsx(ResponsiveImage, { ...selectFullBleedContentProps(rest)
+  return /*#__PURE__*/_jsx(FullBleedContentContainer, {
+    ...borderRadius,
+    children: content ?? /*#__PURE__*/_jsx(ResponsiveImage, {
+      ...selectFullBleedContentProps(rest)
     })
   });
 };
-
 FullBleedContent.propTypes = {
   /**
    * Content border radius matching the edge values on the parent card.
@@ -79,22 +78,18 @@ FullBleedContent.propTypes = {
     borderTopLeftRadius: PropTypes.number,
     borderTopRightRadius: PropTypes.number
   }),
-
   /**
    * Custom JSX to be used for rendering the content (defaults to `ResponsiveImage` receiving other props).
    */
   content: PropTypes.node,
-
   /**
    * Image source.
    */
   src: PropTypes.string,
-
   /**
    * Also accept props for `ResponsiveImage`...
    */
   ...ResponsiveImage.propTypes,
-
   /**
    * ...but make the required ones optional.
    */

package/lib-module/shared/FullBleedContent/getFullBleedBorderRadius.js

@@ -18,7 +18,6 @@ const getFullBleedBorderRadius = function (borderRadius, position) {
     borderTopLeftRadius: 0,
     borderTopRightRadius: 0
   };
-
   if (position && position !== 'none') {
     if (borderRadius) {
       // Depending on the position of the image, we need to round some
@@ -29,37 +28,28 @@ const getFullBleedBorderRadius = function (borderRadius, position) {
             innerBorderRadius.borderBottomLeftRadius = borderRadius;
             innerBorderRadius.borderBottomRightRadius = borderRadius;
           }
-
           break;
-
         case 'left':
           if (!hasFooter) {
             innerBorderRadius.borderBottomLeftRadius = borderRadius;
           }
-
           innerBorderRadius.borderTopLeftRadius = borderRadius;
           break;
-
         case 'right':
           if (!hasFooter) {
             innerBorderRadius.borderBottomRightRadius = borderRadius;
           }
-
           innerBorderRadius.borderTopRightRadius = borderRadius;
           break;
-
         case 'top':
           innerBorderRadius.borderTopLeftRadius = borderRadius;
           innerBorderRadius.borderTopRightRadius = borderRadius;
           break;
-
         default:
           break;
       }
     }
   }
-
   return innerBorderRadius;
 };
-
 export default getFullBleedBorderRadius;

package/lib-module/shared/FullBleedContent/useFullBleedContentProps.js

@@ -1,38 +1,31 @@
 import { useResponsiveProp } from '@telus-uds/components-base';
-
 const getContentStackDirection = fullBleedContentPosition => {
   switch (fullBleedContentPosition) {
     case 'left':
       return 'row-reverse';
-
     case 'right':
       return 'row';
-
     case 'top':
       return 'column-reverse';
-
     default:
       return 'column';
   }
 };
-
 const getContentStackAlign = fullBleedContentAlign => {
   switch (fullBleedContentAlign) {
     case 'center':
       return 'center';
-
     case 'end':
     case 'flex-end':
       return 'flex-end';
-
     case 'start':
     case 'flex-start':
       return 'flex-start';
-
     default:
       return 'stretch';
   }
 };
+
 /**
  * Resolves a set of `FullBleedContent` props into the variables a container needs to
  * correctly position a `FullBleedContent` component for the current viewport.
@@ -40,8 +33,6 @@ const getContentStackAlign = fullBleedContentAlign => {
  * @param {object} [fullBleedContent] - a set of valid proptypes for FullBleedContent
  * @returns
  */
-
-
 const useFullBleedContentProps = fullBleedContent => {
   const {
     align: fullBleedContentAlignProp,
@@ -61,5 +52,4 @@ const useFullBleedContentProps = fullBleedContent => {
     fullBleedContentProps
   };
 };
-
 export default useFullBleedContentProps;

package/lib-module/shared/VideoSplash/SplashButton/SplashButton.js

@@ -45,7 +45,6 @@ const ButtonContent = /*#__PURE__*/styled.div.withConfig({
     }
   }
 });
-
 const SplashButton = _ref3 => {
   let {
     copy,
@@ -66,7 +65,8 @@ const SplashButton = _ref3 => {
   const ariaLabel = getAriaLabel(getTimestamp(videoLength), copy);
   return /*#__PURE__*/_jsx(ButtonContainer, {
     "aria-label": ariaLabel,
-    children: /*#__PURE__*/_jsx(ButtonContent, { ...themeTokens,
+    children: /*#__PURE__*/_jsx(ButtonContent, {
+      ...themeTokens,
       buttonContentChildrenBackground: buttonContentChildrenBackground,
       children: /*#__PURE__*/_jsx(PlayIcon, {
         size: 27,
@@ -75,7 +75,6 @@ const SplashButton = _ref3 => {
     })
   });
 };
-
 SplashButton.propTypes = {
   videoLength: PropTypes.number,
   tokens: PropTypes.object,