@telus-uds/components-base 1.96.0 → 1.97.1

package/lib/PriceLockup/PriceLockup.js

@@ -1,23 +1,16 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _StyleSheet = _interopRequireDefault(require("react-native-web/dist/cjs/exports/StyleSheet"));
-var _View = _interopRequireDefault(require("react-native-web/dist/cjs/exports/View"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _Divider = _interopRequireDefault(require("../Divider"));
-var _ViewportProvider = require("../ViewportProvider");
-var _ThemeProvider = require("../ThemeProvider");
-var _utils = require("../utils");
-var _renderFootnoteContent = _interopRequireDefault(require("./utils/renderFootnoteContent"));
-var _renderPrice = _interopRequireDefault(require("./utils/renderPrice"));
-var _renderTypography = _interopRequireDefault(require("./utils/renderTypography"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const [selectProps, selectedSystemPropTypes] = (0, _utils.selectSystemProps)([_utils.htmlAttrs, _utils.viewProps]);
+import React from 'react';
+import StyleSheet from "react-native-web/dist/exports/StyleSheet";
+import View from "react-native-web/dist/exports/View";
+import PropTypes from 'prop-types';
+import Divider from '../Divider';
+import { useViewport } from '../ViewportProvider';
+import { useThemeTokens } from '../ThemeProvider';
+import { selectSystemProps, getTokensPropType, htmlAttrs, viewProps } from '../utils';
+import renderFootnoteContent from './utils/renderFootnoteContent';
+import renderPrice from './utils/renderPrice';
+import renderTypography from './utils/renderTypography';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+const [selectProps, selectedSystemPropTypes] = selectSystemProps([htmlAttrs, viewProps]);
 const selectTopTextTypographyTokens = _ref => {
   let {
     topTextFontSize,
@@ -100,7 +93,7 @@ const selectContainertokens = _ref7 => {
     alignItems: alignItemsText
   };
 };
-const PriceLockup = /*#__PURE__*/_react.default.forwardRef((_ref8, ref) => {
+const PriceLockup = /*#__PURE__*/React.forwardRef((_ref8, ref) => {
   let {
     size = 'medium',
     signDirection = 'left',
@@ -118,7 +111,7 @@ const PriceLockup = /*#__PURE__*/_react.default.forwardRef((_ref8, ref) => {
     variant = {},
     ...rest
   } = _ref8;
-  const viewport = (0, _ViewportProvider.useViewport)();
+  const viewport = useViewport();
   const {
     footnoteMarginTop,
     footnoteGap,
@@ -128,7 +121,7 @@ const PriceLockup = /*#__PURE__*/_react.default.forwardRef((_ref8, ref) => {
     fontColor,
     dividerColor,
     ...themeTokens
-  } = (0, _ThemeProvider.useThemeTokens)('PriceLockup', priceLockupTokens, {
+  } = useThemeTokens('PriceLockup', priceLockupTokens, {
     ...variant,
     size
   }, {
@@ -141,21 +134,21 @@ const PriceLockup = /*#__PURE__*/_react.default.forwardRef((_ref8, ref) => {
   const rateTypographyTokens = selectRateTypographyTokens(themeTokens);
   const topTextTypographyTokens = selectTopTextTypographyTokens(themeTokens);
   const bottomTextTypographyTokens = selectBottomTextTypographyTokens(themeTokens);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_View.default, {
+  return /*#__PURE__*/_jsxs(View, {
     style: [staticStyles.priceLockupContainer, selectContainertokens(themeTokens)],
     ref: ref,
     ...selectProps(rest),
-    children: [topText ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_View.default, {
+    children: [topText ? /*#__PURE__*/_jsx(View, {
       style: staticStyles.topText,
-      children: (0, _renderTypography.default)(topText, topTextTypographyTokens)
-    }) : null, (0, _renderPrice.default)(price, rateText, ratePosition, signDirection, currencySymbol, currencySymbolTypographyTokens, amountTypographyTokens, centsTypographyTokens, rateTypographyTokens, fontColor, strikeThrough, a11yText, bottomText, bottomLinksMarginLeft, footnoteLinks, onClickFootnote, themeTokens), bottomText ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Divider.default, {
+      children: renderTypography(topText, topTextTypographyTokens)
+    }) : null, renderPrice(price, rateText, ratePosition, signDirection, currencySymbol, currencySymbolTypographyTokens, amountTypographyTokens, centsTypographyTokens, rateTypographyTokens, fontColor, strikeThrough, a11yText, bottomText, bottomLinksMarginLeft, footnoteLinks, onClickFootnote, themeTokens), bottomText ? /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx(Divider, {
         testID: "price-lockup-divider",
         role: "separator",
         tokens: {
           color: dividerColor
         }
-      }), (0, _renderFootnoteContent.default)(footnoteMarginTop, bottomTextMarginTop, bottomText, bottomTextTypographyTokens, fontColor, footnoteLinks, bottomLinksMarginLeft, onClickFootnote, themeTokens)]
+      }), renderFootnoteContent(footnoteMarginTop, bottomTextMarginTop, bottomText, bottomTextTypographyTokens, fontColor, footnoteLinks, bottomLinksMarginLeft, onClickFootnote, themeTokens)]
     }) : null]
   });
 });
@@ -167,61 +160,60 @@ PriceLockup.propTypes = {
    *
    * Small for pricing in product catalogue pages, medium for pricing in product comparison cards.
    */
-  size: _propTypes.default.oneOf(['small', 'medium']),
+  size: PropTypes.oneOf(['small', 'medium']),
   /**
    * If currency symbol other than `$` to be used
    */
-  currencySymbol: _propTypes.default.string,
+  currencySymbol: PropTypes.string,
   /**
    * Shows additional info above the price
    */
-  topText: _propTypes.default.string,
+  topText: PropTypes.string,
   /**
    * Monetary value (including decimals separated by ".")
    */
-  price: _propTypes.default.string.isRequired,
+  price: PropTypes.string.isRequired,
   /**
    * Shows month/year unit
    */
-  rateText: _propTypes.default.string,
+  rateText: PropTypes.string,
   /**
    * Shows additional info below the price with a `Divider`
    */
-  bottomText: _propTypes.default.string,
+  bottomText: PropTypes.string,
   /**
    * Displays which side the currency should appear (left, right)
    */
-  signDirection: _propTypes.default.oneOf(['right', 'left']),
+  signDirection: PropTypes.oneOf(['right', 'left']),
   /**
    * Displays where the rate should appear (bottom, right)
    */
-  ratePosition: _propTypes.default.oneOf(['right', 'bottom']),
+  ratePosition: PropTypes.oneOf(['right', 'bottom']),
   /**
    * Shows additional link for context
    */
-  footnoteLinks: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string])),
+  footnoteLinks: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])),
   /**
    * Function to be called when a footnote link is clicked
    */
-  onClickFootnote: _propTypes.default.func,
+  onClickFootnote: PropTypes.func,
   /**
    * To show price savings comparison
    */
-  strikeThrough: _propTypes.default.bool,
+  strikeThrough: PropTypes.bool,
   /**
    * To provide a11y text for `PriceLockup` component
    *
    * **Note:** a11yText will override strikethrough price, so it must include price (ie. "was 50 dollars per month")
    */
-  a11yText: _propTypes.default.string,
+  a11yText: PropTypes.string,
   /**
    * `PriceLockup` tokens
    */
-  tokens: (0, _utils.getTokensPropType)('PriceLockup')
+  tokens: getTokensPropType('PriceLockup')
 };
-var _default = PriceLockup;
-exports.default = _default;
-const staticStyles = _StyleSheet.default.create({
+export default PriceLockup;
+const staticStyles = StyleSheet.create({
   priceLockupContainer: {
     alignSelf: 'flex-start'
   },

package/lib/PriceLockup/index.js

@@ -1,10 +1,2 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _PriceLockup = _interopRequireDefault(require("./PriceLockup"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var _default = _PriceLockup.default;
-exports.default = _default;
+import PriceLockup from './PriceLockup';
+export default PriceLockup;

package/lib/PriceLockup/utils/renderFootnoteContent.js

@@ -1,18 +1,11 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _StyleSheet = _interopRequireDefault(require("react-native-web/dist/cjs/exports/StyleSheet"));
-var _View = _interopRequireDefault(require("react-native-web/dist/cjs/exports/View"));
-var _Text = _interopRequireDefault(require("react-native-web/dist/cjs/exports/Text"));
-var _Platform = _interopRequireDefault(require("react-native-web/dist/cjs/exports/Platform"));
-var _renderTypography = _interopRequireDefault(require("./renderTypography"));
-var _renderFootnoteLinks = _interopRequireDefault(require("./renderFootnoteLinks"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+import React from 'react';
+import StyleSheet from "react-native-web/dist/exports/StyleSheet";
+import View from "react-native-web/dist/exports/View";
+import Text from "react-native-web/dist/exports/Text";
+import Platform from "react-native-web/dist/exports/Platform";
+import renderTypography from './renderTypography';
+import renderFootnoteLinks from './renderFootnoteLinks';
+import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 const selectFootnoteContainer = _ref => {
   let {
     footnoteMarginTop
@@ -39,37 +32,36 @@ const selectFootnoteLinksStyles = _ref3 => {
 };
 const renderFootnoteContent = (footnoteMarginTop, bottomTextMarginTop, bottomText, bottomTextTypographyTokens, fontColor, footnoteLinks, bottomLinksMarginLeft, onClickFootnote, themeTokens) => {
   const MAX_FOOTNOTE_LINKS_ALLOWED = 3;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_View.default, {
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsxs(View, {
       style: [staticStyles.footnoteContainer, selectFootnoteContainer({
         footnoteMarginTop
       })],
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Text.default, {
+      children: [/*#__PURE__*/_jsxs(Text, {
         style: selectFootnoteBottomTextContainer({
           bottomTextMarginTop
         }),
-        children: [(0, _renderTypography.default)(bottomText, bottomTextTypographyTokens, undefined, fontColor), ' ']
-      }), (footnoteLinks === null || footnoteLinks === void 0 ? void 0 : footnoteLinks.length) <= MAX_FOOTNOTE_LINKS_ALLOWED ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_View.default, {
+        children: [renderTypography(bottomText, bottomTextTypographyTokens, undefined, fontColor), ' ']
+      }), (footnoteLinks === null || footnoteLinks === void 0 ? void 0 : footnoteLinks.length) <= MAX_FOOTNOTE_LINKS_ALLOWED ? /*#__PURE__*/_jsx(View, {
         style: [staticStyles.footnoteLinkContainer, selectFootnoteLinksStyles({
           bottomLinksMarginLeft
         })],
-        children: (0, _renderFootnoteLinks.default)(footnoteLinks, themeTokens, onClickFootnote)
+        children: renderFootnoteLinks(footnoteLinks, themeTokens, onClickFootnote)
       }) : null]
-    }), (footnoteLinks === null || footnoteLinks === void 0 ? void 0 : footnoteLinks.length) > MAX_FOOTNOTE_LINKS_ALLOWED ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_View.default, {
+    }), (footnoteLinks === null || footnoteLinks === void 0 ? void 0 : footnoteLinks.length) > MAX_FOOTNOTE_LINKS_ALLOWED ? /*#__PURE__*/_jsx(View, {
       style: staticStyles.verticalFootnoteLinkContainer,
-      children: (0, _renderFootnoteLinks.default)(footnoteLinks, themeTokens, onClickFootnote)
+      children: renderFootnoteLinks(footnoteLinks, themeTokens, onClickFootnote)
     }) : null]
   });
 };
-var _default = renderFootnoteContent;
-exports.default = _default;
-const staticStyles = _StyleSheet.default.create({
+export default renderFootnoteContent;
+const staticStyles = StyleSheet.create({
   footnoteContainer: {
     flexDirection: 'row'
   },
   footnoteLinkContainer: {
     flexDirection: 'row',
-    ..._Platform.default.select({
+    ...Platform.select({
       ios: {
         alignSelf: 'flex-end',
         top: 2
@@ -81,7 +73,7 @@ const staticStyles = _StyleSheet.default.create({
     })
   },
   verticalFootnoteLinkContainer: {
-    ..._Platform.default.select({
+    ...Platform.select({
       ios: {
         top: 10
       },

package/lib/PriceLockup/utils/renderFootnoteLinks.js

@@ -1,13 +1,6 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _FootnoteLink = _interopRequireDefault(require("../../Footnote/FootnoteLink"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+import React from 'react';
+import FootnoteLink from '../../Footnote/FootnoteLink';
+import { jsx as _jsx } from "react/jsx-runtime";
 const selectFootnoteLinkStyles = (_ref, footnoteLinks) => {
   let {
     footnoteLinkColor,
@@ -27,10 +20,9 @@ const selectFootnoteLinkStyles = (_ref, footnoteLinks) => {
     fontSize: footnoteLinkFontSize
   };
 };
-const renderFootnoteLinks = (footnoteLinks, themeTokens, onClickFootnote) => (footnoteLinks === null || footnoteLinks === void 0 ? void 0 : footnoteLinks.length) > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_FootnoteLink.default, {
+const renderFootnoteLinks = (footnoteLinks, themeTokens, onClickFootnote) => (footnoteLinks === null || footnoteLinks === void 0 ? void 0 : footnoteLinks.length) > 0 ? /*#__PURE__*/_jsx(FootnoteLink, {
   tokens: selectFootnoteLinkStyles(themeTokens, footnoteLinks),
   content: footnoteLinks,
   onClick: onClickFootnote
 }) : null;
-var _default = renderFootnoteLinks;
-exports.default = _default;
+export default renderFootnoteLinks;

package/lib/PriceLockup/utils/renderPrice.js

@@ -1,19 +1,12 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _StyleSheet = _interopRequireDefault(require("react-native-web/dist/cjs/exports/StyleSheet"));
-var _View = _interopRequireDefault(require("react-native-web/dist/cjs/exports/View"));
-var _Text = _interopRequireDefault(require("react-native-web/dist/cjs/exports/Text"));
-var _Platform = _interopRequireDefault(require("react-native-web/dist/cjs/exports/Platform"));
-var _A11yText = _interopRequireDefault(require("../../A11yText"));
-var _renderTypography = _interopRequireDefault(require("./renderTypography"));
-var _renderFootnoteLinks = _interopRequireDefault(require("./renderFootnoteLinks"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+import React from 'react';
+import StyleSheet from "react-native-web/dist/exports/StyleSheet";
+import View from "react-native-web/dist/exports/View";
+import Text from "react-native-web/dist/exports/Text";
+import Platform from "react-native-web/dist/exports/Platform";
+import A11yText from '../../A11yText';
+import renderTypography from './renderTypography';
+import renderFootnoteLinks from './renderFootnoteLinks';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 const selectStrikeThroughStyles = _ref => {
   let {
     strikeThroughColor
@@ -30,14 +23,14 @@ const selectFootnoteLinksStyles = _ref2 => {
     marginLeft: bottomLinksMarginLeft
   };
 };
-const renderCurrencySymbol = (currencySymbol, currencySymbolTypographyTokens, ratePosition, fontColor) => (0, _renderTypography.default)(`${currencySymbol}`, currencySymbolTypographyTokens, ratePosition, fontColor);
+const renderCurrencySymbol = (currencySymbol, currencySymbolTypographyTokens, ratePosition, fontColor) => renderTypography(`${currencySymbol}`, currencySymbolTypographyTokens, ratePosition, fontColor);
 const renderAmount = (amount, amountTypographyTokens, strikeThrough, a11yText, fontColor, themeTokens) => {
-  const amountText = (0, _renderTypography.default)(amount, amountTypographyTokens, undefined, fontColor); // undefined is ratePosition
+  const amountText = renderTypography(amount, amountTypographyTokens, undefined, fontColor); // undefined is ratePosition
   if (strikeThrough) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_A11yText.default, {
+    return /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx(A11yText, {
         text: a11yText
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
+      }), /*#__PURE__*/_jsx(Text, {
         style: [staticStyles.strikeThroughContainer, selectStrikeThroughStyles(themeTokens)],
         children: amountText
       })]
@@ -59,35 +52,34 @@ const renderPrice = (price, rateText, ratePosition, signDirection, currencySymbo
   const cents = hasCents ? priceString.substring(separatorPosition + 1) : null;
   const footnoteLinkPositionStyles = rateText ? staticStyles.footnoteLinksWithoutBottomText : staticStyles.footnoteLinksWithoutBottomTextAndRateText;
   const MAX_FOOTNOTE_LINKS_ALLOWED = 3;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_View.default, {
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsxs(View, {
       style: ratePosition === 'bottom' ? staticStyles.priceContainerColumn : staticStyles.priceContainerRow,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_View.default, {
+      children: [/*#__PURE__*/_jsxs(View, {
         style: staticStyles.priceContainer,
-        children: [signDirection === 'left' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
+        children: [signDirection === 'left' ? /*#__PURE__*/_jsx(Text, {
           children: renderCurrencySymbol(currencySymbol, currencySymbolTypographyTokens, ratePosition, fontColor)
-        }) : null, renderAmount(amount, amountTypographyTokens, strikeThrough, a11yText, fontColor, themeTokens), cents ? (0, _renderTypography.default)(`${separator}${cents}`, centsTypographyTokens, undefined, fontColor) : null, signDirection === 'right' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
+        }) : null, renderAmount(amount, amountTypographyTokens, strikeThrough, a11yText, fontColor, themeTokens), cents ? renderTypography(`${separator}${cents}`, centsTypographyTokens, undefined, fontColor) : null, signDirection === 'right' ? /*#__PURE__*/_jsx(Text, {
           style: staticStyles.currencySymbol,
           children: renderCurrencySymbol(currencySymbol, currencySymbolTypographyTokens, ratePosition, fontColor)
         }) : null]
-      }), rateText ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
+      }), rateText ? /*#__PURE__*/_jsx(Text, {
         style: ratePosition === 'bottom' ? staticStyles.rateTextVerticalPosition : [staticStyles.rateTextPosition, staticStyles.rateTextVerticalPosition],
-        children: (0, _renderTypography.default)(rateText, rateTypographyTokens, ratePosition, fontColor)
-      }) : null, !bottomText && (footnoteLinks === null || footnoteLinks === void 0 ? void 0 : footnoteLinks.length) <= MAX_FOOTNOTE_LINKS_ALLOWED ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
+        children: renderTypography(rateText, rateTypographyTokens, ratePosition, fontColor)
+      }) : null, !bottomText && (footnoteLinks === null || footnoteLinks === void 0 ? void 0 : footnoteLinks.length) <= MAX_FOOTNOTE_LINKS_ALLOWED ? /*#__PURE__*/_jsx(Text, {
         style: [footnoteLinkPositionStyles, selectFootnoteLinksStyles({
           bottomLinksMarginLeft
         })],
-        children: (0, _renderFootnoteLinks.default)(footnoteLinks, themeTokens, onClickFootnote)
+        children: renderFootnoteLinks(footnoteLinks, themeTokens, onClickFootnote)
       }) : null]
-    }), !bottomText && (footnoteLinks === null || footnoteLinks === void 0 ? void 0 : footnoteLinks.length) > MAX_FOOTNOTE_LINKS_ALLOWED ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_View.default, {
+    }), !bottomText && (footnoteLinks === null || footnoteLinks === void 0 ? void 0 : footnoteLinks.length) > MAX_FOOTNOTE_LINKS_ALLOWED ? /*#__PURE__*/_jsx(View, {
       style: staticStyles.verticalFootnoteLinkContainer,
-      children: (0, _renderFootnoteLinks.default)(footnoteLinks, themeTokens, onClickFootnote)
+      children: renderFootnoteLinks(footnoteLinks, themeTokens, onClickFootnote)
     }) : null]
   });
 };
-var _default = renderPrice;
-exports.default = _default;
-const staticStyles = _StyleSheet.default.create({
+export default renderPrice;
+const staticStyles = StyleSheet.create({
   priceContainerRow: {
     flexDirection: 'row'
   },
@@ -103,7 +95,7 @@ const staticStyles = _StyleSheet.default.create({
     paddingLeft: 4
   },
   verticalFootnoteLinkContainer: {
-    ..._Platform.default.select({
+    ...Platform.select({
       ios: {
         top: 10
       },
@@ -113,7 +105,7 @@ const staticStyles = _StyleSheet.default.create({
     })
   },
   footnoteLinksWithoutBottomText: {
-    ..._Platform.default.select({
+    ...Platform.select({
       ios: {
         alignSelf: 'flex-end',
         top: -10
@@ -125,7 +117,7 @@ const staticStyles = _StyleSheet.default.create({
     })
   },
   footnoteLinksWithoutBottomTextAndRateText: {
-    ..._Platform.default.select({
+    ...Platform.select({
       ios: {
         alignSelf: 'center'
       },

package/lib/PriceLockup/utils/renderTypography.js

@@ -1,13 +1,6 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _Typography = _interopRequireDefault(require("../../Typography"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+import React from 'react';
+import Typography from '../../Typography';
+import { jsx as _jsx } from "react/jsx-runtime";
 const renderTypography = (value, themeTokens, ratePosition, fontColor) => {
   const customProps = ratePosition === 'bottom' && value !== '$' ? {
     variant: {
@@ -22,10 +15,9 @@ const renderTypography = (value, themeTokens, ratePosition, fontColor) => {
       color: fontColor
     }
   };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+  return /*#__PURE__*/_jsx(Typography, {
     ...customProps,
     children: value
   });
 };
-var _default = renderTypography;
-exports.default = _default;
+export default renderTypography;