@telus-uds/components-base 1.66.0 → 1.67.1

package/lib/IconButton/IconButton.js

@@ -4,33 +4,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _Pressable = _interopRequireDefault(require("react-native-web/dist/cjs/exports/Pressable"));
-
 var _Platform = _interopRequireDefault(require("react-native-web/dist/cjs/exports/Platform"));
-
 var _StyleSheet = _interopRequireDefault(require("react-native-web/dist/cjs/exports/StyleSheet"));
-
 var _View = _interopRequireDefault(require("react-native-web/dist/cjs/exports/View"));
-
 var _ThemeProvider = require("../ThemeProvider");
-
 var _utils = require("../utils");
-
 var _Icon = _interopRequireDefault(require("../Icon"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 // function to get the dimentionals of the conditionals
 const getPasswordDimensions = (password, width, height) => {
   return password ? {
@@ -38,9 +24,7 @@ const getPasswordDimensions = (password, width, height) => {
     height
   } : {};
 };
-
 const [selectProps, selectedSystemPropTypes] = (0, _utils.selectSystemProps)([_utils.a11yProps, _utils.viewProps]);
-
 const selectOuterStyle = (_ref, password) => {
   let {
     backgroundColor,
@@ -80,10 +64,8 @@ const selectOuterStyle = (_ref, password) => {
     })
   }, staticStyles.outer];
 };
-
 const calculatePadding = (padding, borderWidth) => padding && Math.max(0, padding - borderWidth); // Stable size as border changes
 
-
 const selectInnerStyle = (_ref2, password) => {
   let {
     borderColor,
@@ -134,13 +116,12 @@ const selectInnerStyle = (_ref2, password) => {
     ...getPasswordDimensions(password, width, height)
   };
 };
+
 /**
  * A pressable themeless base component that handles pressable states and passes tokens
  * based on these to an outer border and a base Card component. Not intended to be used in
  * apps or sites directly: build themed components on top of this.
  */
-
-
 const IconButton = /*#__PURE__*/(0, _react.forwardRef)((_ref3, ref) => {
   let {
     tokens,
@@ -152,19 +133,16 @@ const IconButton = /*#__PURE__*/(0, _react.forwardRef)((_ref3, ref) => {
     accessibilityRole = href ? 'link' : 'button',
     ...rawRest
   } = _ref3;
-
   const {
     onPress,
     ...rest
   } = _utils.clickProps.toPressProps(rawRest);
-
-  const selectedProps = selectProps({ ...rest,
+  const selectedProps = selectProps({
+    ...rest,
     accessibilityRole
   });
-
   const handlePress = () => {
     var _ref$current;
-
     _utils.linkProps.handleHref({
       href,
       onPress
@@ -174,11 +152,8 @@ const IconButton = /*#__PURE__*/(0, _react.forwardRef)((_ref3, ref) => {
       }
     });
   };
-
   const getTokens = (0, _ThemeProvider.useThemeTokensCallback)('IconButton', tokens, variant);
-
   const getOuterStyle = pressableState => selectOuterStyle(getTokens((0, _utils.resolvePressableState)(pressableState), variant.password));
-
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Pressable.default, {
     ref: ref,
     href: href,
@@ -202,43 +177,36 @@ const IconButton = /*#__PURE__*/(0, _react.forwardRef)((_ref3, ref) => {
   });
 });
 IconButton.displayName = 'IconButton';
-IconButton.propTypes = { ...selectedSystemPropTypes,
+IconButton.propTypes = {
+  ...selectedSystemPropTypes,
   variant: _utils.variantProp.propType,
   tokens: (0, _utils.getTokensPropType)('IconButton'),
-
   /**
    * A unique identifier for testing purposes.
    * Will be added as a `data-testid` attribute.
    */
   testID: _propTypes.default.string,
-
   /**
    * Defines the icon to be rendered
    */
   icon: _propTypes.default.elementType,
-
   /**
    * URL to navigate to when the `Iconbutton` is pressed
    */
   href: _propTypes.default.string,
-
   /**
    * URL options to navigate to when the `Iconbutton` is pressed
    */
   hrefAttrs: _propTypes.default.shape(_utils.hrefAttrsProp.types),
-
   /**
    * Function to execute when the `Iconbutton` is pressed
    */
   onPress: _propTypes.default.func
 };
-
 const staticStyles = _StyleSheet.default.create({
   outer: {
     alignSelf: 'baseline'
   }
 });
-
 var _default = (0, _utils.withLinkRouter)(IconButton);
-
 exports.default = _default;

package/lib/IconButton/index.js

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

package/lib/InputLabel/InputLabel.js

@@ -4,39 +4,24 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(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 }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 const [selectProps, selectedSystemPropTypes] = (0, _utils.selectSystemProps)([_utils.a11yProps, _utils.viewProps]);
-
-const selectLabelStyles = (tokens, themeOptions) => (0, _ThemeProvider.applyTextStyles)({ ...(0, _utils.selectTokens)('Typography', tokens),
+const selectLabelStyles = (tokens, themeOptions) => (0, _ThemeProvider.applyTextStyles)({
+  ...(0, _utils.selectTokens)('Typography', tokens),
   themeOptions
 });
-
 const selectHintStyles = (_ref, themeOptions) => {
   let {
     hintColor,
@@ -54,7 +39,6 @@ const selectHintStyles = (_ref, themeOptions) => {
     themeOptions
   });
 };
-
 const selectGapStyles = _ref2 => {
   let {
     gap
@@ -63,7 +47,6 @@ const selectGapStyles = _ref2 => {
     marginRight: gap
   };
 };
-
 const InputLabel = /*#__PURE__*/(0, _react.forwardRef)((_ref3, ref) => {
   let {
     copy = 'en',
@@ -116,38 +99,32 @@ const InputLabel = /*#__PURE__*/(0, _react.forwardRef)((_ref3, ref) => {
   });
 });
 InputLabel.displayName = 'InputLabel';
-InputLabel.propTypes = { ...selectedSystemPropTypes,
-
+InputLabel.propTypes = {
+  ...selectedSystemPropTypes,
   /**
    * Whether the English or French copy will be used (e.g. for accessibility labels).
    */
   copy: _propTypes.default.oneOf(['en', 'fr']),
-
   /**
    * The input label.
    */
   label: _propTypes.default.string.isRequired,
-
   /**
    * The id attribute of the input which this label refers to.
    */
   forId: _propTypes.default.string,
-
   /**
    * A short description of the expected input.
    */
   hint: _propTypes.default.string,
-
   /**
    * Position of the hint relative to label. Use `below` to display a larger hint below the label.
    */
   hintPosition: _propTypes.default.oneOf(['inline', 'below']),
-
   /**
    * The id attribute passed down to the hint element.
    */
   hintId: _propTypes.default.string,
-
   /**
    * Content of an optional `Tooltip`. If set, a tooltip button will be shown next to the label.
    */
@@ -157,7 +134,6 @@ InputLabel.propTypes = { ...selectedSystemPropTypes,
 };
 var _default = InputLabel;
 exports.default = _default;
-
 const staticStyles = _StyleSheet.default.create({
   container: {
     flexShrink: 1,

package/lib/InputLabel/LabelContent.js

@@ -4,19 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 const LabelContent = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
     children,
@@ -33,8 +26,9 @@ LabelContent.displayName = 'LabelContent';
 LabelContent.propTypes = {
   children: _propTypes.default.string,
   forId: _propTypes.default.string
-}; // Note that <label> is not React Native, so we can't use `StyleSheet.create` here
+};
 
+// Note that <label> is not React Native, so we can't use `StyleSheet.create` here
 const staticStyles = {
   inheritCursor: {
     cursor: 'inherit'

package/lib/InputLabel/LabelContent.native.js

@@ -4,21 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _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 }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 // Since there's no equivalent for web's <label> element we're simply rendering whatever is passed to this component.
 const LabelContent = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {

package/lib/InputLabel/index.js

@@ -4,10 +4,7 @@ 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;

package/lib/InputSupports/InputSupports.js

@@ -4,29 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _InputLabel = _interopRequireDefault(require("../InputLabel"));
-
 var _Feedback = _interopRequireDefault(require("../Feedback"));
-
 var _StackView = _interopRequireDefault(require("../StackView"));
-
 var _ThemeProvider = require("../ThemeProvider");
-
 var _useInputSupports = _interopRequireDefault(require("./useInputSupports"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 const InputSupports = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
     children,
@@ -80,48 +68,39 @@ const InputSupports = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
 InputSupports.displayName = 'InputSupports';
 InputSupports.propTypes = {
   children: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.node]),
-
   /**
    * Whether the English or French copy will be used (e.g. for accessibility labels).
    */
   copy: _propTypes.default.oneOf(['en', 'fr']),
-
   /**
    * The input label.
    */
   label: _propTypes.default.string,
-
   /**
    * A short description of the expected input.
    */
   hint: _propTypes.default.string,
-
   /**
    * Position of the hint relative to label.
    */
   hintPosition: _propTypes.default.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,
-
   /**
    * Additional tokens to override the default feedback tokens.
    */
   feedbackTokens: _propTypes.default.objectOf(_propTypes.default.string),
-
   /**
    * Content of an optional `Tooltip`. If set, a tooltip button will be shown next to the label.
    */
   tooltip: _propTypes.default.string,
-
   /**
    * Use to visually mark an input as valid or invalid.
    */
   validation: _propTypes.default.oneOf(['error', 'success']),
-
   /**
    * ID for DOM element on web
    */

package/lib/InputSupports/index.js

@@ -4,10 +4,7 @@ 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;

package/lib/InputSupports/useInputSupports.js

@@ -4,13 +4,9 @@ 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 }; }
-
 const joinDefined = array => array.filter(item => item !== undefined).join(' ');
-
 const useInputSupports = _ref => {
   let {
     label,
@@ -27,7 +23,8 @@ const useInputSupports = _ref => {
     accessibilityLabel: label,
     accessibilityHint: joinDefined([!hasValidationError && feedback, hint]),
     // native only -> replaced with describedBy on web
-    accessibilityDescribedBy: joinDefined([!hasValidationError && feedback && feedbackId, // feedback receives a11yRole=alert on error, so there's no need to include it here
+    accessibilityDescribedBy: joinDefined([!hasValidationError && feedback && feedbackId,
+    // feedback receives a11yRole=alert on error, so there's no need to include it here
     hint && hintId]),
     accessibilityInvalid: hasValidationError
   };
@@ -38,6 +35,5 @@ const useInputSupports = _ref => {
     a11yProps
   };
 };
-
 var _default = useInputSupports;
 exports.default = _default;

package/lib/Link/ChevronLink.js

@@ -4,32 +4,21 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(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 }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 /**
  * `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__*/(0, _react.forwardRef)((_ref, ref) => {
+ */const ChevronLink = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
     direction = 'right',
     children,
@@ -39,7 +28,6 @@ const ChevronLink = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     ...otherlinkProps
   } = _ref;
   const getChevronTokens = (0, _ThemeProvider.useThemeTokensCallback)('ChevronLink', tokens, variant);
-
   const applyChevronTokens = linkState => {
     const {
       leftIcon,
@@ -50,16 +38,17 @@ const ChevronLink = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
       ...otherTokens
     } = getChevronTokens(linkState);
     const linkTokens = (0, _utils.selectTokens)('Link', otherTokens);
-    return { ...linkTokens,
+    return {
+      ...linkTokens,
       height,
       blockFontSize: tokens.fontSize ?? fontSize,
       icon: direction === 'right' ? rightIcon : leftIcon,
       iconTranslateX: iconDisplace * (direction === 'right' ? 1 : -1) || 0
     };
   };
-
   const getTokens = (0, _ThemeProvider.useThemeTokensCallback)('Link', applyChevronTokens, variant);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_LinkBase.default, { ...otherlinkProps,
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_LinkBase.default, {
+    ...otherlinkProps,
     iconPosition: direction,
     tokens: getTokens,
     dataSet: dataSet,
@@ -68,7 +57,8 @@ const ChevronLink = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   });
 });
 ChevronLink.displayName = 'ChevronLink';
-ChevronLink.propTypes = { ..._LinkBase.default.propTypes,
+ChevronLink.propTypes = {
+  ..._LinkBase.default.propTypes,
   children: _propTypes.default.node,
   variant: _propTypes.default.exact({
     size: _propTypes.default.oneOf(['large', 'small', 'micro']),
@@ -77,7 +67,6 @@ ChevronLink.propTypes = { ..._LinkBase.default.propTypes,
   }),
   ..._utils.linkProps.types,
   tokens: (0, _utils.getTokensPropType)('ChevronLink', 'Link'),
-
   /**
    * Changes direction of chevron icon
    */

package/lib/Link/InlinePressable.js

@@ -4,21 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(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 _jsxRuntime = require("react/jsx-runtime");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 /**
  * @typedef {import('react-native').PressableProps} PressableProps
  */
@@ -48,7 +40,6 @@ const InlinePressable = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   });
 });
 InlinePressable.displayName = 'InlinePressable';
-
 const staticStyles = _StyleSheet.default.create({
   inline: {
     // Stop Pressable defaulting to (block) flex
@@ -58,6 +49,5 @@ const staticStyles = _StyleSheet.default.create({
     display: 'inline-flex'
   }
 });
-
 var _default = InlinePressable;
 exports.default = _default;

package/lib/Link/InlinePressable.native.js

@@ -4,26 +4,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(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 _jsxRuntime = require("react/jsx-runtime");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 /* eslint-disable camelcase */
 
 /**
  * @typedef {import('react-native').PressableProps} PressableProps
  */
+
 // TouchableWithoutFeedback and Pressable have similar but not identical props APIs
 const pressablePropsToTouchable = _ref => {
   let {
@@ -33,11 +26,13 @@ const pressablePropsToTouchable = _ref => {
     // Unsupported, discard it
     ...props
   } = _ref;
-  return { ...props,
+  return {
+    ...props,
     touchSoundDisabled: android_disableSound,
     delayPressIn: unstable_pressDelay
   };
 };
+
 /**
  * InlinePressable is an alternative to React Native's Pressable that works better when nested
  * inline inside Text. It accepts the same props as React Native's Pressable.
@@ -58,8 +53,6 @@ const pressablePropsToTouchable = _ref => {
  */
 // React Native exports prop Types but not propTypes, use JSDoc types here rather than duplicate RN
 // eslint-disable-next-line react/prop-types
-
-
 const InlinePressable = /*#__PURE__*/(0, _react.forwardRef)((_ref2, ref) => {
   let {
     onPress,
@@ -68,24 +61,18 @@ const InlinePressable = /*#__PURE__*/(0, _react.forwardRef)((_ref2, ref) => {
     ...rest
   } = _ref2;
   const [isFocused, setIsFocused] = (0, _react.useState)(false);
-
   const handleFocus = () => setIsFocused(true);
-
   const handleBlur = () => setIsFocused(false);
-
   const [isPressed, setIsPressed] = (0, _react.useState)(false);
-
   const handlePressIn = () => setIsPressed(true);
-
   const handlePressOut = () => setIsPressed(false);
-
   const pressState = {
     pressed: isPressed,
     focus: isFocused,
     // 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, {
     onPress: onPress,