@telus-uds/components-web 4.19.2 → 5.0.0-alpha.1

package/lib/cjs/shared/FullBleedContent/index.js

@@ -3,11 +3,16 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+Object.defineProperty(exports, "FullBleedContent", {
+  enumerable: true,
+  get: function () {
+    return _FullBleedContent.FullBleedContent;
+  }
+});
 Object.defineProperty(exports, "getFullBleedBorderRadius", {
   enumerable: true,
   get: function () {
-    return _getFullBleedBorderRadius.default;
+    return _getFullBleedBorderRadius.getFullBleedBorderRadius;
   }
 });
 Object.defineProperty(exports, "getFullBleedPaddingSides", {
@@ -19,12 +24,9 @@ Object.defineProperty(exports, "getFullBleedPaddingSides", {
 Object.defineProperty(exports, "useFullBleedContentProps", {
   enumerable: true,
   get: function () {
-    return _useFullBleedContentProps.default;
+    return _useFullBleedContentProps.useFullBleedContentProps;
   }
 });
-var _FullBleedContent = _interopRequireDefault(require("./FullBleedContent"));
-var _getFullBleedBorderRadius = _interopRequireDefault(require("./getFullBleedBorderRadius"));
-var _useFullBleedContentProps = _interopRequireWildcard(require("./useFullBleedContentProps"));
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var _default = exports.default = _FullBleedContent.default;
+var _FullBleedContent = require("./FullBleedContent");
+var _getFullBleedBorderRadius = require("./getFullBleedBorderRadius");
+var _useFullBleedContentProps = require("./useFullBleedContentProps");

package/lib/cjs/shared/FullBleedContent/useFullBleedContentProps.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getFullBleedPaddingSides = exports.default = void 0;
+exports.useFullBleedContentProps = exports.getFullBleedPaddingSides = void 0;
 var _componentsBase = require("@telus-uds/components-base");
 const getContentStackDirection = fullBleedContentPosition => {
   switch (fullBleedContentPosition) {
@@ -81,4 +81,4 @@ const useFullBleedContentProps = fullBleedContent => {
     fullBleedPaddingSides
   };
 };
-var _default = exports.default = useFullBleedContentProps;
+exports.useFullBleedContentProps = useFullBleedContentProps;

package/lib/cjs/shared/VideoSplash/SplashButton/SplashButton.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.SplashButton = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _componentsBase = require("@telus-uds/components-base");
@@ -37,18 +37,18 @@ const ButtonContent = /*#__PURE__*/_styledComponents.default.div.withConfig({
   height: 64,
   background: _ref => {
     let {
-      buttonContentBackground
+      $buttonContentBackground
     } = _ref;
-    return buttonContentBackground ?? 'none';
+    return $buttonContentBackground ?? 'none';
   },
   borderRadius: '100%',
   transition: 'background 0.2s ease-in-out',
   [`${ButtonContainer}:hover &`]: {
     background: _ref2 => {
       let {
-        buttonContentChildrenBackground
+        $buttonContentChildrenBackground
       } = _ref2;
-      return buttonContentChildrenBackground;
+      return $buttonContentChildrenBackground;
     }
   }
 });
@@ -73,8 +73,8 @@ const SplashButton = _ref3 => {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(ButtonContainer, {
     "aria-label": ariaLabel,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(ButtonContent, {
-      ...themeTokens,
-      buttonContentChildrenBackground: buttonContentChildrenBackground,
+      $buttonContentBackground: themeTokens.buttonContentBackground,
+      $buttonContentChildrenBackground: buttonContentChildrenBackground,
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(PlayIcon, {
         size: 27,
         color: playIconColor
@@ -82,10 +82,10 @@ const SplashButton = _ref3 => {
     })
   });
 };
+exports.SplashButton = SplashButton;
 SplashButton.propTypes = {
   videoLength: _propTypes.default.number,
   tokens: _propTypes.default.object,
   variant: _propTypes.default.object,
   copy: _propTypes.default.oneOf(['en', 'fr'])
-};
-var _default = exports.default = SplashButton;
+};

package/lib/cjs/shared/VideoSplash/SplashButtonWithDetails/SplashButtonWithDetails.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.SplashButtonWithDetails = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _componentsBase = require("@telus-uds/components-base");
@@ -29,63 +29,63 @@ const ButtonContent = /*#__PURE__*/_styledComponents.default.div.withConfig({
 })({
   background: _ref => {
     let {
-      buttonBackground
+      $buttonBackground
     } = _ref;
-    return buttonBackground;
+    return $buttonBackground;
   },
   border: _ref2 => {
     let {
-      buttonBorderColor
+      $buttonBorderColor
     } = _ref2;
-    return `1px solid ${buttonBorderColor}`;
+    return `1px solid ${$buttonBorderColor}`;
   },
   borderRadius: _ref3 => {
     let {
-      buttonRadius
+      $buttonRadius
     } = _ref3;
-    return `${buttonRadius}px`;
+    return `${$buttonRadius}px`;
   },
   position: 'absolute',
   left: _ref4 => {
     let {
-      buttonLeftPosition
+      $buttonLeftPosition
     } = _ref4;
-    return `${buttonLeftPosition}px`;
+    return `${$buttonLeftPosition}px`;
   },
   bottom: _ref5 => {
     let {
-      buttonBottomPosition
+      $buttonBottomPosition
     } = _ref5;
-    return `${buttonBottomPosition}px`;
+    return `${$buttonBottomPosition}px`;
   },
   boxSizing: 'border-box',
   display: 'flex',
   alignItems: 'center',
   minHeight: _ref6 => {
     let {
-      buttonMinHeight
+      $buttonMinHeight
     } = _ref6;
-    return `${buttonMinHeight}px`;
+    return `${$buttonMinHeight}px`;
   },
   paddingRight: _ref7 => {
     let {
-      buttonPaddingLeft
+      $buttonPaddingLeft
     } = _ref7;
-    return `${buttonPaddingLeft}px`;
+    return `${$buttonPaddingLeft}px`;
   },
   paddingLeft: _ref8 => {
     let {
-      buttonPaddingRight
+      $buttonPaddingRight
     } = _ref8;
-    return `${buttonPaddingRight}px`;
+    return `${$buttonPaddingRight}px`;
   },
   transition: 'background 0.2s ease-in-out',
   [`${ButtonContainer}:hover &`]: {
     background: _ref9 => {
       let {
-        buttonContentChildrenBackground
+        $buttonContentChildrenBackground
       } = _ref9;
-      return buttonContentChildrenBackground;
+      return $buttonContentChildrenBackground;
     }
   }
 });
@@ -100,9 +100,9 @@ const PlayIconContainer = /*#__PURE__*/_styledComponents.default.div.withConfig(
   height: 32,
   background: _ref0 => {
     let {
-      playIconContainerBackground
+      $playIconContainerBackground
     } = _ref0;
-    return playIconContainerBackground ?? 'none';
+    return $playIconContainerBackground ?? 'none';
   },
   borderRadius: '100%',
   transition: 'background 0.2s ease-in-out'
@@ -116,9 +116,9 @@ const DetailsContainer = /*#__PURE__*/_styledComponents.default.div.withConfig({
   alignItems: 'flex-start',
   paddingLeft: _ref1 => {
     let {
-      detailsContainerPadding
+      $detailsContainerPadding
     } = _ref1;
-    return `${detailsContainerPadding}px`;
+    return `${$detailsContainerPadding}px`;
   }
 });
 const selectPlayIconContainerTokens = _ref10 => {
@@ -126,7 +126,7 @@ const selectPlayIconContainerTokens = _ref10 => {
     playIconContainerBackground
   } = _ref10;
   return {
-    playIconContainerBackground
+    $playIconContainerBackground: playIconContainerBackground
   };
 };
 const selectDetailsContainerTokens = _ref11 => {
@@ -134,7 +134,7 @@ const selectDetailsContainerTokens = _ref11 => {
     detailsContainerPadding
   } = _ref11;
   return {
-    detailsContainerPadding
+    $detailsContainerPadding: detailsContainerPadding
   };
 };
 const selectButtonContentTokens = _ref12 => {
@@ -149,14 +149,14 @@ const selectButtonContentTokens = _ref12 => {
     buttonPaddingRight
   } = _ref12;
   return {
-    buttonBackground,
-    buttonBorderColor,
-    buttonRadius,
-    buttonLeftPosition,
-    buttonBottomPosition,
-    buttonMinHeight,
-    buttonPaddingLeft,
-    buttonPaddingRight
+    $buttonBackground: buttonBackground,
+    $buttonBorderColor: buttonBorderColor,
+    $buttonRadius: buttonRadius,
+    $buttonLeftPosition: buttonLeftPosition,
+    $buttonBottomPosition: buttonBottomPosition,
+    $buttonMinHeight: buttonMinHeight,
+    $buttonPaddingLeft: buttonPaddingLeft,
+    $buttonPaddingRight: buttonPaddingRight
   };
 };
 const getLabelTokens = _ref13 => {
@@ -193,7 +193,7 @@ const SplashButtonWithDetails = _ref14 => {
     "aria-label": ariaLabel,
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(ButtonContent, {
       ...selectButtonContentTokens(themeTokens),
-      buttonContentChildrenBackground: buttonContentChildrenBackground,
+      $buttonContentChildrenBackground: buttonContentChildrenBackground,
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(PlayIconContainer, {
         ...selectPlayIconContainerTokens(themeTokens),
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(PlayIcon, {
@@ -219,11 +219,11 @@ const SplashButtonWithDetails = _ref14 => {
     })
   });
 };
+exports.SplashButtonWithDetails = SplashButtonWithDetails;
 SplashButtonWithDetails.propTypes = {
   label: _propTypes.default.string,
   tokens: _propTypes.default.object,
   variant: _propTypes.default.object,
   videoLength: _propTypes.default.number,
   copy: _propTypes.default.oneOf(['en', 'fr'])
-};
-var _default = exports.default = SplashButtonWithDetails;
+};

package/lib/cjs/shared/VideoSplash/VideoSplash.js

@@ -3,15 +3,15 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.VideoSplash = 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 _systemConstants = require("@telus-uds/system-constants");
-var _SplashButton = _interopRequireDefault(require("./SplashButton/SplashButton"));
-var _SplashButtonWithDetails = _interopRequireDefault(require("./SplashButtonWithDetails/SplashButtonWithDetails"));
-var _videoText = _interopRequireDefault(require("../../Video/videoText"));
+var _SplashButton = require("./SplashButton/SplashButton");
+var _SplashButtonWithDetails = require("./SplashButtonWithDetails/SplashButtonWithDetails");
+var _videoText = require("../../Video/videoText");
 var _utils = require("../../utils");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -21,10 +21,10 @@ const SplashBackground = /*#__PURE__*/_styledComponents.default.div.withConfig({
   componentId: "components-web__sc-1ejxt6-0"
 })(_ref => {
   let {
-    videoPoster
+    $videoPoster
   } = _ref;
   return {
-    backgroundImage: `url(${videoPoster})`,
+    backgroundImage: `url(${$videoPoster})`,
     backgroundSize: 'cover',
     backgroundPosition: 'center',
     position: 'absolute',
@@ -46,21 +46,22 @@ const VideoSplash = _ref2 => {
   } = _ref2;
   const viewport = (0, _componentsBase.useViewport)();
   const showDetails = !simpleMode && viewport !== _systemConstants.viewports.xs;
-  const label = _videoText.default[copy].watch;
+  const label = _videoText.videoText[copy].watch;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(SplashBackground, {
     ...selectProps(rest),
     onClick: onClick,
-    videoPoster: poster,
-    children: showDetails ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_SplashButtonWithDetails.default, {
+    $videoPoster: poster,
+    children: showDetails ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_SplashButtonWithDetails.SplashButtonWithDetails, {
       videoLength: videoLength,
       copy: copy,
       label: label
-    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_SplashButton.default, {
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_SplashButton.SplashButton, {
       videoLength: videoLength,
       copy: copy
     })
   });
 };
+exports.VideoSplash = VideoSplash;
 VideoSplash.propTypes = {
   ...selectedSystemPropTypes,
   onClick: _propTypes.default.func,
@@ -68,5 +69,4 @@ VideoSplash.propTypes = {
   videoLength: _propTypes.default.number.isRequired,
   simpleMode: _propTypes.default.bool,
   copy: _propTypes.default.oneOf(['en', 'fr'])
-};
-var _default = exports.default = VideoSplash;
+};

package/lib/cjs/shared/VideoSplash/helpers.js

@@ -4,8 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getTimestamp = exports.getAriaLabel = void 0;
-var _videoText = _interopRequireDefault(require("../../Video/videoText"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _videoText = require("../../Video/videoText");
 const getTimestamp = (videoLength, copy) => {
   const minutes = Math.floor(videoLength / 60);
   const seconds = Math.ceil(videoLength % 60);
@@ -24,7 +23,7 @@ const getAriaLabel = (timestamp, copy) => {
     minutes,
     seconds
   } = timestamp;
-  const text = _videoText.default[copy];
+  const text = _videoText.videoText[copy];
   const minutesText = `${minutes} ${minutes !== 1 ? text.minutes : text.minute}`;
   const secondsText = `${seconds} ${seconds !== 1 ? text.seconds : text.second}`;
   return text.ariaLabel.replace('{minutes}', minutesText).replace('{seconds}', secondsText);

package/lib/cjs/utils/index.js

@@ -24,31 +24,31 @@ Object.defineProperty(exports, "htmlAttrs", {
 Object.defineProperty(exports, "isElementFocusable", {
   enumerable: true,
   get: function () {
-    return _isElementFocusable.default;
+    return _isElementFocusable.isElementFocusable;
   }
 });
 Object.defineProperty(exports, "media", {
   enumerable: true,
   get: function () {
-    return _media.default;
+    return _media.media;
   }
 });
 Object.defineProperty(exports, "renderStructuredContent", {
   enumerable: true,
   get: function () {
-    return _renderStructuredContent.default;
+    return _renderStructuredContent.renderStructuredContent;
   }
 });
 Object.defineProperty(exports, "scrollToAnchor", {
   enumerable: true,
   get: function () {
-    return _scrollToAnchor.default;
+    return _scrollToAnchor.scrollToAnchor;
   }
 });
 Object.defineProperty(exports, "ssrStyles", {
   enumerable: true,
   get: function () {
-    return _ssr.default;
+    return _ssr.ssrStyles;
   }
 });
 Object.defineProperty(exports, "transformGradient", {
@@ -60,13 +60,13 @@ Object.defineProperty(exports, "transformGradient", {
 Object.defineProperty(exports, "useOverlaidPosition", {
   enumerable: true,
   get: function () {
-    return _useOverlaidPosition.default;
+    return _useOverlaidPosition.useOverlaidPosition;
   }
 });
 Object.defineProperty(exports, "useTypographyTheme", {
   enumerable: true,
   get: function () {
-    return _useTypographyTheme.default;
+    return _useTypographyTheme.useTypographyTheme;
   }
 });
 Object.defineProperty(exports, "warn", {
@@ -78,11 +78,10 @@ Object.defineProperty(exports, "warn", {
 var _componentsBase = require("@telus-uds/components-base");
 var _logger = require("./logger");
 var _transforms = require("./transforms");
-var _useTypographyTheme = _interopRequireDefault(require("./useTypographyTheme"));
-var _media = _interopRequireDefault(require("./media"));
-var _ssr = _interopRequireDefault(require("./ssr"));
-var _isElementFocusable = _interopRequireDefault(require("./isElementFocusable"));
-var _renderStructuredContent = _interopRequireDefault(require("./renderStructuredContent"));
-var _useOverlaidPosition = _interopRequireDefault(require("./useOverlaidPosition"));
-var _scrollToAnchor = _interopRequireDefault(require("./scrollToAnchor"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _useTypographyTheme = require("./useTypographyTheme");
+var _media = require("./media");
+var _ssr = require("./ssr");
+var _isElementFocusable = require("./isElementFocusable");
+var _renderStructuredContent = require("./renderStructuredContent");
+var _useOverlaidPosition = require("./useOverlaidPosition");
+var _scrollToAnchor = require("./scrollToAnchor");

package/lib/cjs/utils/isElementFocusable.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.isElementFocusable = void 0;
 /**
  * Returns focusable elements inside of the Footnote
  */
@@ -11,4 +11,4 @@ const isElementFocusable = element => {
   const focusableElements = `a[href], button, textarea, input, select, form, label, audio, video, source, track, canvas, rect, polygon, iframe[data-src], [tabindex]:not([tabindex="-1"]), [contenteditable]`;
   return element.matches(focusableElements) && !element.hasAttribute('disabled') && !element.matches('[tabindex="-1"]');
 };
-var _default = exports.default = isElementFocusable;
+exports.isElementFocusable = isElementFocusable;

package/lib/cjs/utils/logger.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.warn = exports.deprecate = exports.default = void 0;
+exports.warn = exports.deprecate = void 0;
 const deprecate = (componentName, message) => {
   if (process.env.NODE_ENV === 'production') {
     return;
@@ -17,8 +17,4 @@ const warn = (componentName, message) => {
   }
   console.warn(`[Allium] ${componentName}: ${message}`);
 };
-exports.warn = warn;
-var _default = exports.default = {
-  deprecate,
-  warn
-};
+exports.warn = warn;

package/lib/cjs/utils/media.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = media;
+exports.media = media;
 var _systemConstants = require("@telus-uds/system-constants");
 function media() {
   return {

package/lib/cjs/utils/renderStructuredContent.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.renderStructuredContent = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _componentsBase = require("@telus-uds/components-base");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -67,4 +67,4 @@ const renderStructuredContent = content => {
   }
   return generateBreaks(generateLinks(content));
 };
-var _default = exports.default = renderStructuredContent;
+exports.renderStructuredContent = renderStructuredContent;

package/lib/cjs/utils/scrollToAnchor.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.scrollToAnchor = void 0;
 /**
  * Scrolls smoothly to the anchor element specified by the href.
  *
@@ -22,4 +22,4 @@ const scrollToAnchor = (href, event, onAfterScroll) => {
     onAfterScroll(event);
   }
 };
-var _default = exports.default = scrollToAnchor;
+exports.scrollToAnchor = scrollToAnchor;

package/lib/cjs/utils/ssr.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.ssrStyles = void 0;
 var _styledComponents = require("styled-components");
 var _componentsBase = require("@telus-uds/components-base");
 /**
@@ -47,4 +47,4 @@ const ssrStyles = function () {
     collectStyles: renderedApp => collectStyles(sheet.collectStyles(renderedApp))
   });
 };
-var _default = exports.default = ssrStyles;
+exports.ssrStyles = ssrStyles;

package/lib/cjs/utils/theming/get-theme-from-server.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = getTheme;
+exports.getTheme = getTheme;
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const cachedTheme = {};
 const theme = process.env.UDS_THEME;

package/lib/cjs/utils/theming/with-client-theme.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.withClientTheme = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _componentsBase = require("@telus-uds/components-base");
@@ -28,4 +28,4 @@ const withClientTheme = Component => {
   };
   return UdsStyledComponent;
 };
-var _default = exports.default = withClientTheme;
+exports.withClientTheme = withClientTheme;

package/lib/cjs/utils/theming/with-server-theme.js

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.withServerTheme = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _server = require("@telus-uds/components-base/server");
-var _getThemeFromServer = _interopRequireDefault(require("./get-theme-from-server"));
+var _getThemeFromServer = require("./get-theme-from-server");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const withServerTheme = (Component, componentName) => {
@@ -17,7 +17,7 @@ const withServerTheme = (Component, componentName) => {
       variant,
       ...props
     } = _ref;
-    const componentTheme = await (0, _getThemeFromServer.default)(componentName);
+    const componentTheme = await (0, _getThemeFromServer.getTheme)(componentName);
     const themeTokens = (0, _server.getThemeTokens)(componentTheme, tokenOverrides, variant);
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
       theme: themeTokens,
@@ -30,4 +30,4 @@ const withServerTheme = (Component, componentName) => {
   };
   return UdsStyledComponent;
 };
-var _default = exports.default = withServerTheme;
+exports.withServerTheme = withServerTheme;

package/lib/cjs/utils/transforms.js

@@ -3,9 +3,6 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.transformGradient = exports.default = void 0;
+exports.transformGradient = void 0;
 const transformGradient = gradient => `${gradient.type}-gradient(${gradient.angle}deg, ${gradient.stops[0].color} ${gradient.stops[0].stop * 100}%, ${gradient.stops[1].color} ${gradient.stops[1].stop * 100}%)`;
-exports.transformGradient = transformGradient;
-var _default = exports.default = {
-  transformGradient
-};
+exports.transformGradient = transformGradient;

package/lib/cjs/utils/useOverlaidPosition.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.useOverlaidPosition = void 0;
 var _react = require("react");
 var _Dimensions = _interopRequireDefault(require("react-native-web/dist/cjs/exports/Dimensions"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -229,4 +229,4 @@ const useOverlaidPosition = _ref3 => {
     isReady
   };
 };
-var _default = exports.default = useOverlaidPosition;
+exports.useOverlaidPosition = useOverlaidPosition;

package/lib/cjs/utils/useTypographyTheme.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.useTypographyTheme = void 0;
 var _componentsBase = require("@telus-uds/components-base");
 const useTypographyTheme = (variant, tokens) => {
   const viewport = (0, _componentsBase.useViewport)();
@@ -27,4 +27,4 @@ const useTypographyTheme = (variant, tokens) => {
     lineHeight: `${lineHeight}px`
   };
 };
-var _default = exports.default = useTypographyTheme;
+exports.useTypographyTheme = useTypographyTheme;