@telus-uds/components-base 1.97.0 → 1.97.1

package/lib/InputLabel/InputLabel.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 _Text = _interopRequireDefault(require("react-native-web/dist/cjs/exports/Text"));
-var _View = _interopRequireDefault(require("react-native-web/dist/cjs/exports/View"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _ThemeProvider = require("../ThemeProvider");
-var _utils = require("../utils");
-var _LabelContent = _interopRequireDefault(require("./LabelContent"));
-var _Tooltip = _interopRequireDefault(require("../Tooltip"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const [selectProps, selectedSystemPropTypes] = (0, _utils.selectSystemProps)([_utils.a11yProps, _utils.viewProps]);
-const selectLabelStyles = (tokens, themeOptions) => (0, _ThemeProvider.applyTextStyles)({
-  ...(0, _utils.selectTokens)('Typography', tokens),
+import React from 'react';
+import StyleSheet from "react-native-web/dist/exports/StyleSheet";
+import Text from "react-native-web/dist/exports/Text";
+import View from "react-native-web/dist/exports/View";
+import PropTypes from 'prop-types';
+import { applyTextStyles, useTheme, useThemeTokens } from '../ThemeProvider';
+import { a11yProps, getTokensPropType, selectSystemProps, selectTokens, variantProp, viewProps } from '../utils';
+import LabelContent from './LabelContent';
+import Tooltip from '../Tooltip';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+const [selectProps, selectedSystemPropTypes] = selectSystemProps([a11yProps, viewProps]);
+const selectLabelStyles = (tokens, themeOptions) => applyTextStyles({
+  ...selectTokens('Typography', tokens),
   themeOptions
 });
 const selectHintStyles = (_ref, themeOptions) => {
@@ -28,7 +21,7 @@ const selectHintStyles = (_ref, themeOptions) => {
     hintFontWeight,
     hintLineHeight
   } = _ref;
-  return (0, _ThemeProvider.applyTextStyles)({
+  return applyTextStyles({
     color: hintColor,
     fontName: hintFontName,
     fontSize: hintFontSize,
@@ -45,7 +38,7 @@ const selectGapStyles = _ref2 => {
     marginRight: gap
   };
 };
-const InputLabel = /*#__PURE__*/_react.default.forwardRef((_ref3, ref) => {
+const InputLabel = /*#__PURE__*/React.forwardRef((_ref3, ref) => {
   let {
     copy = 'en',
     label,
@@ -58,38 +51,38 @@ const InputLabel = /*#__PURE__*/_react.default.forwardRef((_ref3, ref) => {
     variant,
     ...rest
   } = _ref3;
-  const themeTokens = (0, _ThemeProvider.useThemeTokens)('InputLabel', tokens, variant);
+  const themeTokens = useThemeTokens('InputLabel', tokens, variant);
   const hasTooltip = tooltip !== undefined;
   const isHintInline = hintPosition === 'inline';
   const {
     themeOptions
-  } = (0, _ThemeProvider.useTheme)();
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_View.default, {
+  } = useTheme();
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsxs(View, {
       ref: ref,
       style: staticStyles.container,
       ...selectProps(rest),
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
+      children: [/*#__PURE__*/_jsx(Text, {
         style: [selectLabelStyles(themeTokens, themeOptions), selectGapStyles(themeTokens), staticStyles.label],
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_LabelContent.default, {
+        children: /*#__PURE__*/_jsx(LabelContent, {
           forId: forId,
           children: label
         })
-      }), hint && isHintInline && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
+      }), hint && isHintInline && /*#__PURE__*/_jsx(Text, {
         style: [selectHintStyles(themeTokens, themeOptions), hasTooltip && selectGapStyles(themeTokens), staticStyles.label],
         nativeID: hintId,
         children: hint
-      }), hasTooltip && /*#__PURE__*/(0, _jsxRuntime.jsx)(_View.default, {
+      }), hasTooltip && /*#__PURE__*/_jsx(View, {
         style: [staticStyles.tooltipAlign, {
           height: themeTokens.fontSize * themeTokens.lineHeight,
           color: themeTokens.color
         }],
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
+        children: /*#__PURE__*/_jsx(Tooltip, {
           content: tooltip,
           copy: copy
         })
       })]
-    }), hint && !isHintInline && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
+    }), hint && !isHintInline && /*#__PURE__*/_jsx(Text, {
       style: [selectHintStyles(themeTokens), staticStyles.hintBelow],
       nativeID: hintId,
       children: hint
@@ -102,37 +95,36 @@ InputLabel.propTypes = {
   /**
    * Whether the English or French copy will be used (e.g. for accessibility labels).
    */
-  copy: _propTypes.default.oneOf(['en', 'fr']),
+  copy: PropTypes.oneOf(['en', 'fr']),
   /**
    * The input label.
    */
-  label: _propTypes.default.string.isRequired,
+  label: PropTypes.string.isRequired,
   /**
    * The id attribute of the input which this label refers to.
    */
-  forId: _propTypes.default.string,
+  forId: PropTypes.string,
   /**
    * A short description of the expected input.
    */
-  hint: _propTypes.default.string,
+  hint: PropTypes.string,
   /**
    * Position of the hint relative to label. Use `below` to display a larger hint below the label.
    */
-  hintPosition: _propTypes.default.oneOf(['inline', 'below']),
+  hintPosition: PropTypes.oneOf(['inline', 'below']),
   /**
    * The id attribute passed down to the hint element.
    */
-  hintId: _propTypes.default.string,
+  hintId: PropTypes.string,
   /**
    * Content of an optional `Tooltip`. If set, a tooltip button will be shown next to the label.
    */
-  tooltip: _propTypes.default.string,
-  tokens: (0, _utils.getTokensPropType)('InputLabel'),
-  variant: _utils.variantProp.propType
+  tooltip: PropTypes.string,
+  tokens: getTokensPropType('InputLabel'),
+  variant: variantProp.propType
 };
-var _default = InputLabel;
-exports.default = _default;
-const staticStyles = _StyleSheet.default.create({
+export default InputLabel;
+const staticStyles = StyleSheet.create({
   container: {
     flexShrink: 1,
     flexDirection: 'row'

package/lib/InputLabel/LabelContent.js

@@ -1,19 +1,12 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const LabelContent = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
+import React from 'react';
+import PropTypes from 'prop-types';
+import { jsx as _jsx } from "react/jsx-runtime";
+const LabelContent = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     children,
     forId
   } = _ref;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
+  return /*#__PURE__*/_jsx("label", {
     ref: ref,
     htmlFor: forId,
     style: staticStyles.inheritCursor,
@@ -22,8 +15,8 @@ const LabelContent = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
 });
 LabelContent.displayName = 'LabelContent';
 LabelContent.propTypes = {
-  children: _propTypes.default.string,
-  forId: _propTypes.default.string
+  children: PropTypes.string,
+  forId: PropTypes.string
 };
 
 // Note that <label> is not React Native, so we can't use `StyleSheet.create` here
@@ -32,5 +25,4 @@ const staticStyles = {
     cursor: 'inherit'
   }
 };
-var _default = LabelContent;
-exports.default = _default;
+export default LabelContent;

package/lib/InputLabel/LabelContent.native.js

@@ -1,27 +1,18 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _View = _interopRequireDefault(require("react-native-web/dist/cjs/exports/View"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-// Since there's no equivalent for web's <label> element we're simply rendering whatever is passed to this component.
-const LabelContent = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
+import React from 'react';
+import PropTypes from 'prop-types';
+import View from "react-native-web/dist/exports/View"; // Since there's no equivalent for web's <label> element we're simply rendering whatever is passed to this component.
+import { jsx as _jsx } from "react/jsx-runtime";
+const LabelContent = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     children
   } = _ref;
-  return ref ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_View.default, {
+  return ref ? /*#__PURE__*/_jsx(View, {
     ref: ref,
     children: children
   }) : children;
 });
 LabelContent.displayName = 'LabelContent';
 LabelContent.propTypes = {
-  children: _propTypes.default.node
+  children: PropTypes.node
 };
-var _default = LabelContent;
-exports.default = _default;
+export default LabelContent;

package/lib/InputLabel/index.js

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

package/lib/InputSupports/InputSupports.js

@@ -1,20 +1,13 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _InputLabel = _interopRequireDefault(require("../InputLabel"));
-var _Feedback = _interopRequireDefault(require("../Feedback"));
-var _StackView = _interopRequireDefault(require("../StackView"));
-var _ThemeProvider = require("../ThemeProvider");
-var _useInputSupports = _interopRequireDefault(require("./useInputSupports"));
-var _utils = require("../utils");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const InputSupports = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
+import React from 'react';
+import PropTypes from 'prop-types';
+import InputLabel from '../InputLabel';
+import Feedback from '../Feedback';
+import StackView from '../StackView';
+import { useThemeTokens } from '../ThemeProvider';
+import useInputSupports from './useInputSupports';
+import { getTokensPropType } from '../utils';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const InputSupports = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     children,
     copy = 'en',
@@ -30,23 +23,23 @@ const InputSupports = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
   } = _ref;
   const {
     space
-  } = (0, _ThemeProvider.useThemeTokens)('InputSupports');
+  } = useThemeTokens('InputSupports');
   const {
     inputId,
     hintId,
     feedbackId,
     a11yProps
-  } = (0, _useInputSupports.default)({
+  } = useInputSupports({
     feedback,
     hint,
     label,
     validation,
     nativeID
   });
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_StackView.default, {
+  return /*#__PURE__*/_jsxs(StackView, {
     space: space,
     ref: ref,
-    children: [label && /*#__PURE__*/(0, _jsxRuntime.jsx)(_InputLabel.default, {
+    children: [label && /*#__PURE__*/_jsx(InputLabel, {
       copy: copy,
       label: label,
       hint: hint,
@@ -57,7 +50,7 @@ const InputSupports = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
     }), typeof children === 'function' ? children({
       inputId,
       ...a11yProps
-    }) : children, feedback ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Feedback.default, {
+    }) : children, feedback ? /*#__PURE__*/_jsx(Feedback, {
       id: feedbackId,
       title: feedback,
       validation: validation,
@@ -68,48 +61,47 @@ const InputSupports = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
 });
 InputSupports.displayName = 'InputSupports';
 InputSupports.propTypes = {
-  children: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.node]),
+  children: PropTypes.oneOfType([PropTypes.func, PropTypes.node]),
   /**
    * Whether the English or French copy will be used (e.g. for accessibility labels).
    */
-  copy: _propTypes.default.oneOf(['en', 'fr']),
+  copy: PropTypes.oneOf(['en', 'fr']),
   /**
    * The input label.
    */
-  label: _propTypes.default.string,
+  label: PropTypes.string,
   /**
    * A short description of the expected input.
    */
-  hint: _propTypes.default.string,
+  hint: PropTypes.string,
   /**
    * Position of the hint relative to label.
    */
-  hintPosition: _propTypes.default.oneOf(['inline', 'below']),
+  hintPosition: PropTypes.oneOf(['inline', 'below']),
   /**
    * A detailed description of validation error/success or additional instructions.
    * Visual variant is determined based on the `validation` prop.
    */
-  feedback: _propTypes.default.string,
+  feedback: PropTypes.string,
   /**
    * Additional tokens to override the default feedback tokens.
    */
-  feedbackTokens: (0, _utils.getTokensPropType)('Feedback'),
+  feedbackTokens: getTokensPropType('Feedback'),
   /**
    * Additional props to pass to the `Feedback` component.
    */
-  feedbackProps: _propTypes.default.object,
+  feedbackProps: PropTypes.object,
   /**
    * Content of an optional `Tooltip`. If set, a tooltip button will be shown next to the label.
    */
-  tooltip: _propTypes.default.string,
+  tooltip: PropTypes.string,
   /**
    * Use to visually mark an input as valid or invalid.
    */
-  validation: _propTypes.default.oneOf(['error', 'success']),
+  validation: PropTypes.oneOf(['error', 'success']),
   /**
    * ID for DOM element on web
    */
-  nativeID: _propTypes.default.string
+  nativeID: PropTypes.string
 };
-var _default = InputSupports;
-exports.default = _default;
+export default InputSupports;

package/lib/InputSupports/index.js

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

package/lib/InputSupports/useInputSupports.js

@@ -1,11 +1,4 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _useUniqueId = _interopRequireDefault(require("../utils/useUniqueId"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+import useUniqueId from '../utils/useUniqueId';
 const joinDefined = array => array.filter(item => item !== undefined).join(' ');
 const useInputSupports = _ref => {
   let {
@@ -16,9 +9,9 @@ const useInputSupports = _ref => {
     nativeID
   } = _ref;
   const hasValidationError = validation === 'error';
-  const inputId = (0, _useUniqueId.default)('input');
-  const hintId = (0, _useUniqueId.default)('input-hint');
-  const feedbackId = (0, _useUniqueId.default)('input-feedback');
+  const inputId = useUniqueId('input');
+  const hintId = useUniqueId('input-hint');
+  const feedbackId = useUniqueId('input-feedback');
   const a11yProps = {
     accessibilityLabel: label,
     accessibilityHint: joinDefined([!hasValidationError && feedback, hint]),
@@ -35,5 +28,4 @@ const useInputSupports = _ref => {
     a11yProps
   };
 };
-var _default = useInputSupports;
-exports.default = _default;
+export default useInputSupports;

package/lib/Link/ChevronLink.js

@@ -1,22 +1,17 @@
-"use strict";
+import React from 'react';
+import PropTypes from 'prop-types';
+import { useThemeTokensCallback } from '../ThemeProvider';
+import { selectTokens, getTokensPropType, linkProps } from '../utils';
+import LinkBase from './LinkBase';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _ThemeProvider = require("../ThemeProvider");
-var _utils = require("../utils");
-var _LinkBase = _interopRequireDefault(require("./LinkBase"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /**
  * `ChevronLink` is a convenience wrapper around the `Link` component to enable "directional" links.
  * It effectively pre-binds left and right icons, and a directional translation of the icon on hover.
  *
  * ChevronLink is not intended to be deeply themable; variants passed to ChevronLink are forwarded to Link.
- */const ChevronLink = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
+ */
+import { jsx as _jsx } from "react/jsx-runtime";
+const ChevronLink = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     direction = 'right',
     children,
@@ -25,7 +20,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
     dataSet,
     ...otherlinkProps
   } = _ref;
-  const getChevronTokens = (0, _ThemeProvider.useThemeTokensCallback)('ChevronLink', tokens, variant);
+  const getChevronTokens = useThemeTokensCallback('ChevronLink', tokens, variant);
   const applyChevronTokens = linkState => {
     const {
       leftIcon,
@@ -35,7 +30,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
       fontSize,
       ...otherTokens
     } = getChevronTokens(linkState);
-    const linkTokens = (0, _utils.selectTokens)('Link', otherTokens);
+    const linkTokens = selectTokens('Link', otherTokens);
     return {
       ...linkTokens,
       height,
@@ -44,8 +39,8 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
       iconTranslateX: iconDisplace * (direction === 'right' ? 1 : -1) || 0
     };
   };
-  const getTokens = (0, _ThemeProvider.useThemeTokensCallback)('Link', applyChevronTokens, variant);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_LinkBase.default, {
+  const getTokens = useThemeTokensCallback('Link', applyChevronTokens, variant);
+  return /*#__PURE__*/_jsx(LinkBase, {
     ...otherlinkProps,
     iconPosition: direction,
     tokens: getTokens,
@@ -56,19 +51,18 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 });
 ChevronLink.displayName = 'ChevronLink';
 ChevronLink.propTypes = {
-  ..._LinkBase.default.propTypes,
-  children: _propTypes.default.node,
-  variant: _propTypes.default.exact({
-    size: _propTypes.default.oneOf(['large', 'small', 'micro']),
-    alternative: _propTypes.default.bool,
-    inverse: _propTypes.default.bool
+  ...LinkBase.propTypes,
+  children: PropTypes.node,
+  variant: PropTypes.exact({
+    size: PropTypes.oneOf(['large', 'small', 'micro']),
+    alternative: PropTypes.bool,
+    inverse: PropTypes.bool
   }),
-  ..._utils.linkProps.types,
-  tokens: (0, _utils.getTokensPropType)('ChevronLink', 'Link'),
+  ...linkProps.types,
+  tokens: getTokensPropType('ChevronLink', 'Link'),
   /**
    * Changes direction of chevron icon
    */
-  direction: _propTypes.default.oneOf(['left', 'right'])
+  direction: PropTypes.oneOf(['left', 'right'])
 };
-var _default = ChevronLink;
-exports.default = _default;
+export default ChevronLink;

package/lib/Link/InlinePressable.js

@@ -1,15 +1,8 @@
-"use strict";
+import React from 'react';
+import Pressable from "react-native-web/dist/exports/Pressable";
+import StyleSheet from "react-native-web/dist/exports/StyleSheet";
+import PropTypes from 'prop-types';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _Pressable = _interopRequireDefault(require("react-native-web/dist/cjs/exports/Pressable"));
-var _StyleSheet = _interopRequireDefault(require("react-native-web/dist/cjs/exports/StyleSheet"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /**
  * @typedef {import('react-native').PressableProps} PressableProps
  */
@@ -21,14 +14,16 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  * On Web it simply passes its props to Pressable and defaults to `inline-flex` instead of `flex`.
  *
  * @param {PressableProps} PressableProps
- */const InlinePressable = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
+ */
+import { jsx as _jsx } from "react/jsx-runtime";
+const InlinePressable = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     children,
     inlineFlex = true,
     style,
     ...props
   } = _ref;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Pressable.default, {
+  return /*#__PURE__*/_jsx(Pressable, {
     ref: ref,
     style: pressState => [typeof style === 'function' ? style(pressState) : style, staticStyles[inlineFlex ? 'inlineFlex' : 'inline']],
     ...props,
@@ -37,11 +32,11 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 });
 InlinePressable.displayName = 'InlinePressable';
 InlinePressable.propTypes = {
-  children: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]),
-  inlineFlex: _propTypes.default.bool,
-  style: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.array, _propTypes.default.func])
+  children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
+  inlineFlex: PropTypes.bool,
+  style: PropTypes.oneOfType([PropTypes.object, PropTypes.array, PropTypes.func])
 };
-const staticStyles = _StyleSheet.default.create({
+const staticStyles = StyleSheet.create({
   inline: {
     // Stop Pressable defaulting to (block) flex
     display: 'inline'
@@ -50,5 +45,4 @@ const staticStyles = _StyleSheet.default.create({
     display: 'inline-flex'
   }
 });
-var _default = InlinePressable;
-exports.default = _default;
+export default InlinePressable;

package/lib/Link/InlinePressable.native.js

@@ -1,22 +1,15 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _Text = _interopRequireDefault(require("react-native-web/dist/cjs/exports/Text"));
-var _TouchableWithoutFeedback = _interopRequireDefault(require("react-native-web/dist/cjs/exports/TouchableWithoutFeedback"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /* eslint-disable camelcase */
+import React from 'react';
+import Text from "react-native-web/dist/exports/Text";
+import TouchableWithoutFeedback from "react-native-web/dist/exports/TouchableWithoutFeedback";
+import PropTypes from 'prop-types';
 
 /**
  * @typedef {import('react-native').PressableProps} PressableProps
  */
 
 // TouchableWithoutFeedback and Pressable have similar but not identical props APIs
+import { jsx as _jsx } from "react/jsx-runtime";
 const pressablePropsToTouchable = _ref => {
   let {
     unstable_pressDelay,
@@ -50,17 +43,17 @@ const pressablePropsToTouchable = _ref => {
  *
  * @param {PressableProps} PressableProps
  */
-const InlinePressable = /*#__PURE__*/_react.default.forwardRef((_ref2, ref) => {
+const InlinePressable = /*#__PURE__*/React.forwardRef((_ref2, ref) => {
   let {
     onPress,
     children,
     style,
     ...rest
   } = _ref2;
-  const [isFocused, setIsFocused] = _react.default.useState(false);
+  const [isFocused, setIsFocused] = React.useState(false);
   const handleFocus = () => setIsFocused(true);
   const handleBlur = () => setIsFocused(false);
-  const [isPressed, setIsPressed] = _react.default.useState(false);
+  const [isPressed, setIsPressed] = React.useState(false);
   const handlePressIn = () => setIsPressed(true);
   const handlePressOut = () => setIsPressed(false);
   const pressState = {
@@ -69,9 +62,8 @@ const InlinePressable = /*#__PURE__*/_react.default.forwardRef((_ref2, ref) => {
     // limited support on native
     hover: false // not yet supported on native
   };
-
   const currentStyle = typeof style === 'function' ? style(pressState) : style;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TouchableWithoutFeedback.default, {
+  return /*#__PURE__*/_jsx(TouchableWithoutFeedback, {
     onPress: onPress,
     onPressIn: handlePressIn,
     onPressOut: handlePressOut,
@@ -79,7 +71,7 @@ const InlinePressable = /*#__PURE__*/_react.default.forwardRef((_ref2, ref) => {
     onBlur: handleBlur,
     ref: ref,
     ...pressablePropsToTouchable(rest),
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
+    children: /*#__PURE__*/_jsx(Text, {
       style: currentStyle,
       children: typeof children === 'function' ? children(pressState) : children
     })
@@ -87,9 +79,8 @@ const InlinePressable = /*#__PURE__*/_react.default.forwardRef((_ref2, ref) => {
 });
 InlinePressable.displayName = 'InlinePressable';
 InlinePressable.propTypes = {
-  children: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]),
-  style: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.array, _propTypes.default.func]),
-  onPress: _propTypes.default.func
+  children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
+  style: PropTypes.oneOfType([PropTypes.object, PropTypes.array, PropTypes.func]),
+  onPress: PropTypes.func
 };
-var _default = InlinePressable;
-exports.default = _default;
+export default InlinePressable;