@telus-uds/components-base 2.0.0 → 2.0.1

package/lib/InputSupports/InputSupports.js

@@ -1,33 +1,13 @@
-"use strict";
-
-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) => {
+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',
@@ -35,29 +15,31 @@ const InputSupports = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     hint,
     hintPosition = 'inline',
     feedback,
+    feedbackTokens = {},
+    feedbackProps = {},
     tooltip,
     validation,
     nativeID
   } = _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,
@@ -68,57 +50,58 @@ const InputSupports = /*#__PURE__*/(0, _react.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
-    })]
+      validation: validation,
+      tokens: feedbackTokens,
+      ...feedbackProps
+    }) : null]
   });
 });
 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: getTokensPropType('Feedback'),
+  /**
+   * Additional props to pass to the `Feedback` component.
+   */
+  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,13 +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,16 +1,5 @@
-"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 {
     label,
@@ -20,14 +9,15 @@ 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]),
     // 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 +28,4 @@ const useInputSupports = _ref => {
     a11yProps
   };
 };
-
-var _default = useInputSupports;
-exports.default = _default;
+export default useInputSupports;

package/lib/Link/ChevronLink.js

@@ -1,27 +1,8 @@
-"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 _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; }
+import React from 'react';
+import PropTypes from 'prop-types';
+import { useThemeTokensCallback } from '../ThemeProvider';
+import { selectTokens, getTokensPropType, linkProps } from '../utils';
+import LinkBase from './LinkBase';
 
 /**
  * `ChevronLink` is a convenience wrapper around the `Link` component to enable "directional" links.
@@ -29,32 +10,38 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  *
  * ChevronLink is not intended to be deeply themable; variants passed to ChevronLink are forwarded to Link.
  */
-const ChevronLink = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+import { jsx as _jsx } from "react/jsx-runtime";
+const ChevronLink = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     direction = 'right',
     children,
-    tokens,
+    tokens = {},
     variant,
     dataSet,
-    ...linkProps
+    ...otherlinkProps
   } = _ref;
-  const getChevronTokens = (0, _ThemeProvider.useThemeTokensCallback)('ChevronLink', tokens, variant);
-
+  const getChevronTokens = useThemeTokensCallback('ChevronLink', tokens, variant);
   const applyChevronTokens = linkState => {
     const {
       leftIcon,
       rightIcon,
       iconDisplace,
+      height,
+      fontSize,
       ...otherTokens
     } = getChevronTokens(linkState);
-    return { ...(0, _utils.selectTokens)('Link', otherTokens),
+    const linkTokens = selectTokens('Link', otherTokens);
+    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, { ...linkProps,
+  const getTokens = useThemeTokensCallback('Link', applyChevronTokens, variant);
+  return /*#__PURE__*/_jsx(LinkBase, {
+    ...otherlinkProps,
     iconPosition: direction,
     tokens: getTokens,
     dataSet: dataSet,
@@ -63,9 +50,19 @@ const ChevronLink = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   });
 });
 ChevronLink.displayName = 'ChevronLink';
-ChevronLink.propTypes = { ..._LinkBase.default.propTypes,
-  tokens: (0, _utils.getTokensPropType)('ChevronLink', 'Link'),
-  direction: _propTypes.default.oneOf(['left', 'right'])
+ChevronLink.propTypes = {
+  ...LinkBase.propTypes,
+  children: PropTypes.node,
+  variant: PropTypes.exact({
+    size: PropTypes.oneOf(['large', 'small', 'micro']),
+    alternative: PropTypes.bool,
+    inverse: PropTypes.bool
+  }),
+  ...linkProps.types,
+  tokens: getTokensPropType('ChevronLink', 'Link'),
+  /**
+   * Changes direction of chevron icon
+   */
+  direction: PropTypes.oneOf(['left', 'right'])
 };
-var _default = ChevronLink;
-exports.default = _default;
+export default ChevronLink;

package/lib/Link/InlinePressable.js

@@ -1,23 +1,7 @@
-"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; }
+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';
 
 /**
  * @typedef {import('react-native').PressableProps} PressableProps
@@ -31,16 +15,15 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  *
  * @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)((_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,
@@ -48,8 +31,12 @@ const InlinePressable = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   });
 });
 InlinePressable.displayName = 'InlinePressable';
-
-const staticStyles = _StyleSheet.default.create({
+InlinePressable.propTypes = {
+  children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
+  inlineFlex: PropTypes.bool,
+  style: PropTypes.oneOfType([PropTypes.object, PropTypes.array, PropTypes.func])
+};
+const staticStyles = StyleSheet.create({
   inline: {
     // Stop Pressable defaulting to (block) flex
     display: 'inline'
@@ -58,6 +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,30 +1,15 @@
-"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 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,
@@ -33,11 +18,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.
@@ -56,38 +43,27 @@ const pressablePropsToTouchable = _ref => {
  *
  * @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)((_ref2, ref) => {
+const InlinePressable = /*#__PURE__*/React.forwardRef((_ref2, ref) => {
   let {
     onPress,
     children,
     style,
     ...rest
   } = _ref2;
-  const [isFocused, setIsFocused] = (0, _react.useState)(false);
-
+  const [isFocused, setIsFocused] = React.useState(false);
   const handleFocus = () => setIsFocused(true);
-
   const handleBlur = () => setIsFocused(false);
-
-  const [isPressed, setIsPressed] = (0, _react.useState)(false);
-
+  const [isPressed, setIsPressed] = 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, {
+  return /*#__PURE__*/_jsx(TouchableWithoutFeedback, {
     onPress: onPress,
     onPressIn: handlePressIn,
     onPressOut: handlePressOut,
@@ -95,12 +71,16 @@ const InlinePressable = /*#__PURE__*/(0, _react.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
     })
   });
 });
 InlinePressable.displayName = 'InlinePressable';
-var _default = InlinePressable;
-exports.default = _default;
+InlinePressable.propTypes = {
+  children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
+  style: PropTypes.oneOfType([PropTypes.object, PropTypes.array, PropTypes.func]),
+  onPress: PropTypes.func
+};
+export default InlinePressable;

package/lib/Link/Link.js

@@ -1,25 +1,8 @@
-"use strict";
-
-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)((_ref, ref) => {
+import React from 'react';
+import { useThemeTokensCallback } from '../ThemeProvider';
+import LinkBase from './LinkBase';
+import { jsx as _jsx } from "react/jsx-runtime";
+const Link = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     href,
     children,
@@ -29,8 +12,8 @@ const Link = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     dataSet,
     ...linkProps
   } = _ref;
-  const getTokens = (0, _ThemeProvider.useThemeTokensCallback)('Link', tokens, variant);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_LinkBase.default, {
+  const getTokens = useThemeTokensCallback('Link', tokens, variant);
+  return /*#__PURE__*/_jsx(LinkBase, {
     href: href,
     accessibilityRole: accessibilityRole,
     tokens: getTokens,
@@ -41,6 +24,5 @@ const Link = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   });
 });
 Link.displayName = 'Link';
-Link.propTypes = _LinkBase.default.propTypes;
-var _default = Link;
-exports.default = _default;
+Link.propTypes = LinkBase.propTypes;
+export default Link;