@telus-uds/components-base 0.0.2-prerelease.7 → 1.0.1

package/lib/Link/InlinePressable.js

@@ -0,0 +1,56 @@
+"use strict";
+
+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
+ */
+
+/**
+ * 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.
+ *
+ * On Web it simply passes its props to Pressable and defaults to `inline-flex` instead of `flex`.
+ *
+ * @param {PressableProps} PressableProps
+ */
+// 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)(({
+  children,
+  style,
+  ...props
+}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Pressable.default, {
+  ref: ref,
+  style: pressState => [staticStyles.inline, typeof style === 'function' ? style(pressState) : style],
+  ...props,
+  children: pressState => typeof children === 'function' ? children(pressState) : children
+}));
+InlinePressable.displayName = 'InlinePressable';
+
+const staticStyles = _StyleSheet.default.create({
+  inline: {
+    // Stop Pressable defaulting to (block) flex
+    display: 'inline-flex'
+  }
+});
+
+var _default = InlinePressable;
+exports.default = _default;

package/lib/Link/InlinePressable.native.js

@@ -1,11 +1,30 @@
+"use strict";
+
+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 */
-import React, { useState } from 'react';
-import { Text, TouchableWithoutFeedback } from 'react-native';
+
 /**
  * @typedef {import('react-native').PressableProps} PressableProps
  */
 // TouchableWithoutFeedback and Pressable have similar but not identical props APIs
-
 const pressablePropsToTouchable = ({
   unstable_pressDelay,
   android_disableSound,
@@ -38,19 +57,19 @@ const pressablePropsToTouchable = ({
 // eslint-disable-next-line react/prop-types
 
 
-const InlinePressable = ({
+const InlinePressable = /*#__PURE__*/(0, _react.forwardRef)(({
   onPress,
   children,
   style,
   ...rest
-}) => {
-  const [isFocused, setIsFocused] = useState(false);
+}, ref) => {
+  const [isFocused, setIsFocused] = (0, _react.useState)(false);
 
   const handleFocus = () => setIsFocused(true);
 
   const handleBlur = () => setIsFocused(false);
 
-  const [isPressed, setIsPressed] = useState(false);
+  const [isPressed, setIsPressed] = (0, _react.useState)(false);
 
   const handlePressIn = () => setIsPressed(true);
 
@@ -64,15 +83,20 @@ const InlinePressable = ({
 
   };
   const currentStyle = typeof style === 'function' ? style(pressState) : style;
-  return /*#__PURE__*/React.createElement(TouchableWithoutFeedback, Object.assign({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TouchableWithoutFeedback.default, {
     onPress: onPress,
     onPressIn: handlePressIn,
     onPressOut: handlePressOut,
     onFocus: handleFocus,
-    onBlur: handleBlur
-  }, pressablePropsToTouchable(rest)), /*#__PURE__*/React.createElement(Text, {
-    style: currentStyle
-  }, typeof children === 'function' ? children(pressState) : children));
-};
-
-export default InlinePressable;
+    onBlur: handleBlur,
+    ref: ref,
+    ...pressablePropsToTouchable(rest),
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
+      style: currentStyle,
+      children: typeof children === 'function' ? children(pressState) : children
+    })
+  });
+});
+InlinePressable.displayName = 'InlinePressable';
+var _default = InlinePressable;
+exports.default = _default;

package/lib/Link/Link.js

@@ -1,22 +1,45 @@
-import React from 'react';
-import { useThemeTokensCallback } from '../ThemeProvider';
-import LinkBase from './LinkBase';
+"use strict";
 
-const Link = ({
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _ThemeProvider = require("../ThemeProvider");
+
+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; }
+
+const Link = /*#__PURE__*/(0, _react.forwardRef)(({
   href,
   children,
   accessibilityRole = 'link',
   variant = {},
   tokens,
+  dataSet,
   ...linkProps
-}) => {
-  const getTokens = useThemeTokensCallback('Link', tokens, variant);
-  return /*#__PURE__*/React.createElement(LinkBase, Object.assign({
+}, ref) => {
+  const getTokens = (0, _ThemeProvider.useThemeTokensCallback)('Link', tokens, variant);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_LinkBase.default, {
     href: href,
     accessibilityRole: accessibilityRole,
-    tokens: getTokens
-  }, linkProps), children);
-};
-
-Link.propTypes = LinkBase.propTypes;
-export default Link;
+    tokens: getTokens,
+    ref: ref,
+    dataSet: dataSet,
+    ...linkProps,
+    children: children
+  });
+});
+Link.displayName = 'Link';
+Link.propTypes = _LinkBase.default.propTypes;
+var _default = Link;
+exports.default = _default;

package/lib/Link/LinkBase.js

@@ -1,28 +1,55 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { Text, Platform, StyleSheet } from 'react-native';
-import { a11yProps, hrefAttrsProp, variantProp, linkProps, getTokensPropType } from '../utils/propTypes';
-import { resolvePressableTokens } from '../utils/pressability';
-import InlinePressable from './InlinePressable';
-import { applyTextStyles } from '../ThemeProvider';
-import { IconText, iconComponentPropTypes } from '../Icon';
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _Text = _interopRequireDefault(require("react-native-web/dist/cjs/exports/Text"));
+
+var _Platform = _interopRequireDefault(require("react-native-web/dist/cjs/exports/Platform"));
+
+var _StyleSheet = _interopRequireDefault(require("react-native-web/dist/cjs/exports/StyleSheet"));
+
+var _propTypes2 = require("../utils/propTypes");
+
+var _pressability = require("../utils/pressability");
+
+var _InlinePressable = _interopRequireDefault(require("./InlinePressable"));
+
+var _ThemeProvider = require("../ThemeProvider");
+
+var _Icon = 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; }
 
 const selectOuterBorderStyles = ({
   outerBorderColor,
   outerBorderWidth,
   outerBorderGap,
-  outerBorderRadius,
+  borderRadius,
   outerBorderOutline
 }) => // A view wrapper with a border on native messes up inline text alignment
 // so for now make focus styles strictly web-only
-Platform.OS === 'web' ? {
-  margin: -1 * (outerBorderGap + outerBorderWidth) || 0,
-  padding: outerBorderGap,
+_Platform.default.OS === 'web' ? {
   // Allow theme to define outline, or, turn off outline and use border if rounded corners required
   outline: outerBorderOutline,
-  borderWidth: outerBorderWidth,
-  borderColor: outerBorderColor,
-  borderRadius: outerBorderRadius,
+  ...(0, _ThemeProvider.applyOuterBorder)({
+    outerBorderColor,
+    outerBorderWidth,
+    outerBorderGap,
+    borderRadius
+  }),
   // Stops focus ring stretching horizontally if parent has display: block
   // width: fit-content isn't supported on Firefox; can't cascade props like CSS `width: fit-content; width: --moz-fit-content;`
   display: 'inline-flex'
@@ -36,7 +63,7 @@ const selectTextStyles = ({
   color,
   textDecorationLine: textLine,
   textDecorationStyle: textLineStyle,
-  ...Platform.select({
+  ..._Platform.default.select({
     web: {
       // TODO: https://github.com/telus/universal-design-system/issues/487
       transition: 'color 200ms'
@@ -49,7 +76,7 @@ const selectBlockStyles = ({
   blockFontSize,
   blockLineHeight,
   blockFontName
-}) => applyTextStyles({
+}) => (0, _ThemeProvider.applyTextStyles)({
   fontWeight: blockFontWeight,
   fontSize: blockFontSize,
   lineHeight: blockLineHeight,
@@ -91,7 +118,7 @@ const selectIconTokens = ({
  */
 
 
-const LinkBase = ({
+const LinkBase = /*#__PURE__*/(0, _react.forwardRef)(({
   href,
   onPress,
   icon,
@@ -101,88 +128,96 @@ const LinkBase = ({
   tokens = {},
   children,
   accessibilityRole = 'link',
+  dataSet,
   ...props
-}) => {
+}, ref) => {
   const {
     hrefAttrs,
     rest
-  } = hrefAttrsProp.bundle(props);
-  const linkPropSet = linkProps.select({
+  } = _propTypes2.hrefAttrsProp.bundle(props);
+
+  const linkPropSet = _propTypes2.linkProps.select({
     accessibilityRole,
     href,
-    onPress: linkProps.handleHref({
+    onPress: _propTypes2.linkProps.handleHref({
       href,
       onPress
     }),
-    ...hrefAttrsProp.spread(hrefAttrs),
+    hrefAttrs,
     ...rest
   });
 
-  const resolveTokens = pressState => resolvePressableTokens(tokens, pressState, {
+  const resolveLinkTokens = pressState => (0, _pressability.resolvePressableTokens)(tokens, pressState, {
     iconPosition
   }); // On web, this makes focus rings wrap only the link, not the entire block
 
 
-  const blockLeftStyle = Platform.OS === 'web' && staticStyles.blockLeft;
-  return /*#__PURE__*/React.createElement(InlinePressable, Object.assign({}, linkPropSet, {
+  const blockLeftStyle = _Platform.default.OS === 'web' && staticStyles.blockLeft;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_InlinePressable.default, { ...linkPropSet,
+    ref: ref,
+    dataSet: dataSet,
     style: linkState => {
-      const themeTokens = resolveTokens(linkState);
+      const themeTokens = resolveLinkTokens(linkState);
       const outerBorderStyles = selectOuterBorderStyles(themeTokens);
       const hasIcon = Boolean(icon || themeTokens.icon);
       return [outerBorderStyles, blockLeftStyle, hasIcon && staticStyles.rowContainer];
+    },
+    children: linkState => {
+      const themeTokens = resolveLinkTokens(linkState);
+      const textStyles = selectTextStyles(themeTokens);
+      const iconTokens = selectIconTokens(themeTokens); // TODO: may need to apply some smarter text inheritance here if inline to avoid native
+      // issues like double-application of line heights breaking align-items: baseline
+
+      const blockTextStyles = selectBlockStyles(themeTokens);
+      const IconComponent = icon || themeTokens.icon;
+      const {
+        iconSpace
+      } = themeTokens;
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.IconText, {
+        icon: IconComponent,
+        iconPosition: iconPosition,
+        space: iconSpace,
+        iconProps: { ...iconProps,
+          tokens: iconTokens
+        },
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
+          style: [textStyles, blockTextStyles, staticStyles.baseline],
+          children: children
+        })
+      });
     }
-  }), linkState => {
-    const themeTokens = resolveTokens(linkState);
-    const textStyles = selectTextStyles(themeTokens);
-    const iconTokens = selectIconTokens(themeTokens); // TODO: may need to apply some smarter text inheritance here if inline to avoid native
-    // issues like double-application of line heights breaking align-items: baseline
-
-    const blockTextStyles = selectBlockStyles(themeTokens);
-    const IconComponent = icon || themeTokens.icon;
-    const {
-      iconSpace
-    } = themeTokens;
-    return /*#__PURE__*/React.createElement(IconText, {
-      icon: IconComponent,
-      iconPosition: iconPosition,
-      space: iconSpace,
-      iconProps: { ...iconProps,
-        tokens: iconTokens
-      }
-    }, /*#__PURE__*/React.createElement(Text, {
-      style: [textStyles, blockTextStyles, staticStyles.baseline]
-    }, children));
   });
-};
-
-LinkBase.propTypes = { ...a11yProps.types,
-  ...linkProps.types,
-  tokens: getTokensPropType('Link'),
-  variant: variantProp.propType,
+});
+LinkBase.displayName = 'LinkBase';
+LinkBase.propTypes = { ..._propTypes2.a11yProps.types,
+  ..._propTypes2.linkProps.types,
+  tokens: (0, _propTypes2.getTokensPropType)('Link'),
+  variant: _propTypes2.variantProp.propType,
 
   /**
    * Optional variant that may be passed down to the link's icon if there is one
    */
-  iconProps: PropTypes.exact(iconComponentPropTypes),
+  iconProps: _propTypes.default.exact(_Icon.iconComponentPropTypes),
 
   /**
    * A function component for an SVG icon to render inside the link. Inherits size and color from
    * the link and any Typography the link is nested inside.
    */
-  icon: PropTypes.func,
+  icon: _propTypes.default.func,
 
   /**
    * When `icon` is provided, use `iconPosition` to place the Icon to the left or right side of Link.
    */
-  iconPosition: PropTypes.oneOf(['left', 'right']),
+  iconPosition: _propTypes.default.oneOf(['left', 'right']),
 
   /**
    * On Web if href is passed, React Native Web maps this object's props to
-   * `rel`, `target` and (>= RNW 0.15.0) `download` attrs.
+   * `rel`, `target` and `download` attrs.
    */
-  hrefAttrs: PropTypes.shape(hrefAttrsProp.types)
+  hrefAttrs: _propTypes.default.shape(_propTypes2.hrefAttrsProp.types)
 };
-const staticStyles = StyleSheet.create({
+
+const staticStyles = _StyleSheet.default.create({
   blockLeft: {
     alignSelf: 'flex-start'
   },
@@ -195,4 +230,6 @@ const staticStyles = StyleSheet.create({
     alignSelf: 'baseline'
   }
 });
-export default LinkBase;
+
+var _default = LinkBase;
+exports.default = _default;

package/lib/Link/TextButton.js

@@ -1,14 +1,34 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { useThemeTokensCallback } from '../ThemeProvider';
-import LinkBase from './LinkBase';
+"use strict";
+
+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 _LinkBase = _interopRequireDefault(require("./LinkBase"));
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+var _TextButton$propTypes;
+
+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; }
+
 /**
  * `TextButton` is a button that looks like a Link. It uses the same theming and variants as
  * Link but has the accessibility role of a `Button`. It should be used for actions that
  * take place on the current page, or for navigation within an app.
  */
-
-const TextButton = ({
+const TextButton = /*#__PURE__*/(0, _react.forwardRef)(({
   onPress,
   children,
   variant,
@@ -17,21 +37,25 @@ const TextButton = ({
   // `onPress` in an omniplatform app that uses React Navigation's useLinkProps for internal nav.
   accessibilityRole = 'button',
   ...linkProps
-}) => {
-  const getTokens = useThemeTokensCallback('Link', tokens, variant);
-  return /*#__PURE__*/React.createElement(LinkBase, Object.assign({
+}, ref) => {
+  const getTokens = (0, _ThemeProvider.useThemeTokensCallback)('Link', tokens, variant);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_LinkBase.default, {
     onPress: onPress,
     accessibilityRole: accessibilityRole,
-    tokens: getTokens
-  }, linkProps), children);
-};
-
-TextButton.propTypes = { ...LinkBase.propTypes,
-  onPress: PropTypes.func.isRequired
+    tokens: getTokens,
+    ref: ref,
+    ...linkProps,
+    children: children
+  });
+});
+TextButton.displayName = 'TextButton';
+TextButton.propTypes = { ..._LinkBase.default.propTypes,
+  onPress: _propTypes.default.func.isRequired
 }; // Remove incompatible Link prop (if this build includes propTypes)
 // TODO: test if this works with web navigation in omniplatform React Navigation
 // https://github.com/telus/universal-design-system/issues/665
 // eslint-disable-next-line react/forbid-foreign-prop-types
 
-if (TextButton.propTypes?.href) delete TextButton.propTypes.href;
-export default TextButton;
+if ((_TextButton$propTypes = TextButton.propTypes) !== null && _TextButton$propTypes !== void 0 && _TextButton$propTypes.href) delete TextButton.propTypes.href;
+var _default = TextButton;
+exports.default = _default;

package/lib/Link/index.js

@@ -1,5 +1,39 @@
-import ChevronLink from './ChevronLink';
-import Link from './Link';
-import LinkBase from './LinkBase';
-import TextButton from './TextButton';
-export { ChevronLink, Link, LinkBase, TextButton };
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "ChevronLink", {
+  enumerable: true,
+  get: function () {
+    return _ChevronLink.default;
+  }
+});
+Object.defineProperty(exports, "Link", {
+  enumerable: true,
+  get: function () {
+    return _Link.default;
+  }
+});
+Object.defineProperty(exports, "LinkBase", {
+  enumerable: true,
+  get: function () {
+    return _LinkBase.default;
+  }
+});
+Object.defineProperty(exports, "TextButton", {
+  enumerable: true,
+  get: function () {
+    return _TextButton.default;
+  }
+});
+
+var _ChevronLink = _interopRequireDefault(require("./ChevronLink"));
+
+var _Link = _interopRequireDefault(require("./Link"));
+
+var _LinkBase = _interopRequireDefault(require("./LinkBase"));
+
+var _TextButton = _interopRequireDefault(require("./TextButton"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }