carbon-react 106.0.1 → 106.1.0

package/lib/components/carbon-provider/carbon-provider.component.js

@@ -1,45 +1,140 @@
 "use strict";
 
 Object.defineProperty(exports, "__esModule", {
-  value: true
+  value: true,
 });
-exports.default = exports.NewValidationContext = void 0;
 
-var _react = _interopRequireWildcard(require("react"));
+exports.default = exports.CarbonProvider = exports.NewValidationContext = void 0;
 
+var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _styledComponents = require("styled-components");
 
 var _mint = _interopRequireDefault(require("../../style/themes/mint"));
 
-var _carbonScopedTokensProvider = _interopRequireDefault(require("../../style/design-tokens/carbon-scoped-tokens-provider"));
+var _carbonScopedTokensProvider = _interopRequireDefault(
+  require("../../style/design-tokens/carbon-scoped-tokens-provider")
+);
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
 
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+function _getRequireWildcardCache() {
+  if (typeof WeakMap !== "function") return null;
+  var cache = new WeakMap();
+  _getRequireWildcardCache = function () {
+    return cache;
+  };
+  return cache;
+}
 
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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 _interopRequireWildcard(obj) {
+  if (obj && obj.__esModule) {
+    return obj;
+  }
+  if (obj === null || (typeof obj !== "object" && typeof obj !== "function")) {
+    return { default: obj };
+  }
+  var cache = _getRequireWildcardCache();
+  if (cache && cache.has(obj)) {
+    return cache.get(obj);
+  }
+  var newObj = {};
+  var hasPropertyDescriptor =
+    Object.defineProperty && Object.getOwnPropertyDescriptor;
+  for (var key in obj) {
+    if (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 NewValidationContext = /*#__PURE__*/(0, _react.createContext)({});
+const NewValidationContext = /*#__PURE__*/ (0, _react.createContext)({});
 exports.NewValidationContext = NewValidationContext;
 
 const CarbonProvider = ({
   children,
   theme = _mint.default,
-  validationRedesignOptIn = false
-}) => /*#__PURE__*/_react.default.createElement(_styledComponents.ThemeProvider, {
-  theme: theme
-}, /*#__PURE__*/_react.default.createElement(_carbonScopedTokensProvider.default, null, /*#__PURE__*/_react.default.createElement(NewValidationContext.Provider, {
-  value: {
-    validationRedesignOptIn
-  }
-}, children)));
+  validationRedesignOptIn = false,
+}) =>
+  /*#__PURE__*/ _react.default.createElement(
+    _styledComponents.ThemeProvider,
+    {
+      theme: theme,
+    },
+    /*#__PURE__*/ _react.default.createElement(
+      _carbonScopedTokensProvider.default,
+      null,
+      /*#__PURE__*/ _react.default.createElement(
+        NewValidationContext.Provider,
+        {
+          value: {
+            validationRedesignOptIn,
+          },
+        },
+        children
+      )
+    )
+  );
 
 CarbonProvider.propTypes = {
-  children: _propTypes.default.node.isRequired,
-  theme: _propTypes.default.object,
-  validationRedesignOptIn: _propTypes.default.bool
+  children: _propTypes.default.node,
+  theme: _propTypes.default.shape({
+    colors: _propTypes.default.shape({
+      destructive: _propTypes.default.shape({
+        hover: _propTypes.default.string.isRequired,
+      }).isRequired,
+      error: _propTypes.default.string.isRequired,
+      focus: _propTypes.default.string.isRequired,
+      info: _propTypes.default.string.isRequired,
+      loadingBarBackground: _propTypes.default.string.isRequired,
+      placeholder: _propTypes.default.string.isRequired,
+      primary: _propTypes.default.string.isRequired,
+      secondary: _propTypes.default.string.isRequired,
+      tertiary: _propTypes.default.string.isRequired,
+      warning: _propTypes.default.string.isRequired,
+      warningText: _propTypes.default.string.isRequired,
+      white: _propTypes.default.oneOf(["#FFFFFF"]).isRequired,
+    }).isRequired,
+    disabled: _propTypes.default.shape({
+      background: _propTypes.default.string.isRequired,
+    }).isRequired,
+    name: _propTypes.default.string.isRequired,
+    palette: _propTypes.default.shape({
+      blackOpacity: _propTypes.default.func.isRequired,
+      whiteOpacity: _propTypes.default.func.isRequired,
+    }).isRequired,
+    space: _propTypes.default.arrayOf(_propTypes.default.string).isRequired,
+    spacing: _propTypes.default.number.isRequired,
+    zIndex: _propTypes.default.shape({
+      aboveAll: _propTypes.default.number.isRequired,
+      fullScreenModal: _propTypes.default.number.isRequired,
+      header: _propTypes.default.number.isRequired,
+      modal: _propTypes.default.number.isRequired,
+      nav: _propTypes.default.number.isRequired,
+      notification: _propTypes.default.number.isRequired,
+      overlay: _propTypes.default.number.isRequired,
+      popover: _propTypes.default.number.isRequired,
+      smallOverlay: _propTypes.default.number.isRequired,
+    }).isRequired,
+  }),
+  validationRedesignOptIn: _propTypes.default.bool,
 };
+
+exports.CarbonProvider = CarbonProvider;
 var _default = CarbonProvider;
-exports.default = _default;
+exports.default = _default;

package/lib/components/carbon-provider/index.d.ts

@@ -1 +1,2 @@
-export { default } from "./carbon-provider";
+export { default } from "./carbon-provider.component";
+export type { CarbonProviderProps } from "./carbon-provider.component";

package/lib/components/date-range/date-range.style.js

@@ -11,9 +11,9 @@ var _styledSystem = require("styled-system");
 
 var _date = _interopRequireDefault(require("../date/date.style"));
 
-var _labelStyle = require("../../__internal__/label/label.style.js");
+var _label = require("../../__internal__/label/label.style");
 
-var _inputPresentationStyle = require("../../__internal__/input/input-presentation.style.js");
+var _inputPresentation = require("../../__internal__/input/input-presentation.style");
 
 var _base = _interopRequireDefault(require("../../style/themes/base"));
 
@@ -34,11 +34,11 @@ const StyledDateRange = _styledComponents.default.div`
     margin-right: var(--spacing300);
   }
 
-  ${_labelStyle.StyledLabelContainer} {
+  ${_label.StyledLabelContainer} {
     width: auto;
   }
 
-  ${_inputPresentationStyle.StyledInputPresentationContainer} {
+  ${_inputPresentation.StyledInputPresentationContainer} {
     flex: auto;
   }
 `;

package/lib/components/decimal/decimal.component.js

@@ -211,7 +211,8 @@ const Decimal = ({
     onChange: handleOnChange,
     onBlur: handleOnBlur,
     value: stateValue,
-    "data-component": "decimal"
+    "data-component": "decimal",
+    id: id
   }, rest)), /*#__PURE__*/_react.default.createElement("input", {
     name: name,
     value: toStandardDecimal(stateValue),

package/lib/components/heading/heading.style.d.ts

@@ -7,9 +7,8 @@ export const StyledHeaderHelp: import("styled-components").StyledComponent<typeo
 export const StyledHeadingTitle: import("styled-components").StyledComponent<typeof Typography, any, {}, never>;
 export const StyledDivider: import("styled-components").StyledComponent<({ adaptiveMxBreakpoint, ml, mr, ...rest }: import("../hr/hr.component").HrProps) => JSX.Element, any, {}, never>;
 export const StyledHeaderContent: import("styled-components").StyledComponent<"div", any, {}, never>;
-export const StyledHeadingBackButton: import("styled-components").StyledComponent<typeof Link, any, {}, never>;
+export const StyledHeadingBackButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../link/link.component").LinkProps & import("react").RefAttributes<HTMLLinkElement | HTMLButtonElement>>, any, {}, never>;
 export const StyledHeadingPills: import("styled-components").StyledComponent<"span", any, {}, never>;
 import Icon from "../icon";
 import Help from "../help";
 import Typography from "../typography";
-import Link from "../link";

package/lib/components/inline-inputs/index.d.ts

@@ -1 +1,2 @@
-export { default } from "./inline-inputs";
+export { default, InlineInputsContext } from "./inline-inputs.component";
+export type { InlineInputsProps } from "./inline-inputs.component";

package/lib/components/inline-inputs/index.js

@@ -9,7 +9,15 @@ Object.defineProperty(exports, "default", {
     return _inlineInputs.default;
   }
 });
+Object.defineProperty(exports, "InlineInputsContext", {
+  enumerable: true,
+  get: function () {
+    return _inlineInputs.InlineInputsContext;
+  }
+});
+
+var _inlineInputs = _interopRequireWildcard(require("./inline-inputs.component"));
 
-var _inlineInputs = _interopRequireDefault(require("./inline-inputs.component"));
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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; }

package/lib/components/inline-inputs/inline-inputs.component.d.ts

@@ -1,24 +1,27 @@
-export const InlineInputsContext: React.Context<{}>;
-export default InlineInputs;
 import React from "react";
-declare function InlineInputs(props: any): JSX.Element;
-declare namespace InlineInputs {
-    namespace propTypes {
-        const children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        const className: PropTypes.Requireable<string>;
-        const label: PropTypes.Requireable<string>;
-        const htmlFor: PropTypes.Requireable<string>;
-        const gutter: PropTypes.Requireable<string>;
-        const inputWidth: PropTypes.Requireable<number>;
-        const labelWidth: PropTypes.Requireable<number>;
-    }
-    namespace defaultProps {
-        const children_1: null;
-        export { children_1 as children };
-        const className_1: string;
-        export { className_1 as className };
-        const gutter_1: string;
-        export { gutter_1 as gutter };
-    }
+interface InlineInputsContextProps {
+    ariaLabelledBy?: string;
+}
+declare type GutterOptions = "none" | "extra-small" | "small" | "medium-small" | "medium" | "medium-large" | "large" | "extra-large";
+export interface InlineInputsProps {
+    /** Children elements */
+    children?: React.ReactNode;
+    /** [Legacy prop] A custom class name for the component. */
+    className?: string;
+    /** Gutter prop gets passed down to Row component if false gutter value is "none" */
+    gutter?: GutterOptions;
+    /** The id of the corresponding input control for the label */
+    htmlFor?: string;
+    /** Width of the inline inputs container in percentage */
+    inputWidth?: number;
+    /** Defines the label text for the heading. */
+    label?: string;
+    /** Width of a label in percentage */
+    labelWidth?: number;
 }
-import PropTypes from "prop-types";
+export declare const InlineInputsContext: React.Context<InlineInputsContextProps>;
+declare const InlineInputs: {
+    ({ label, htmlFor, children, className, gutter, inputWidth, labelWidth, }: InlineInputsProps): JSX.Element;
+    displayName: string;
+};
+export default InlineInputs;

package/lib/components/inline-inputs/inline-inputs.component.js

@@ -1,103 +1,178 @@
 "use strict";
 
 Object.defineProperty(exports, "__esModule", {
-  value: true
+  value: true,
 });
+
 exports.default = exports.InlineInputsContext = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _label = _interopRequireDefault(require("../../__internal__/label"));
 
 var _inlineInputs = _interopRequireWildcard(require("./inline-inputs.style"));
 
-var _guid = _interopRequireDefault(require("../../__internal__/utils/helpers/guid"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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; }
+var _guid = _interopRequireDefault(
+  require("../../__internal__/utils/helpers/guid")
+);
+
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+function _getRequireWildcardCache() {
+  if (typeof WeakMap !== "function") return null;
+  var cache = new WeakMap();
+  _getRequireWildcardCache = function () {
+    return cache;
+  };
+  return cache;
+}
+
+function _interopRequireWildcard(obj) {
+  if (obj && obj.__esModule) {
+    return obj;
+  }
+  if (obj === null || (typeof obj !== "object" && typeof obj !== "function")) {
+    return { default: obj };
+  }
+  var cache = _getRequireWildcardCache();
+  if (cache && cache.has(obj)) {
+    return cache.get(obj);
+  }
+  var newObj = {};
+  var hasPropertyDescriptor =
+    Object.defineProperty && Object.getOwnPropertyDescriptor;
+  for (var key in obj) {
+    if (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 InlineInputsContext = /*#__PURE__*/_react.default.createContext({});
+const InlineInputsContext = /*#__PURE__*/ _react.default.createContext({});
 
 exports.InlineInputsContext = InlineInputsContext;
 
 const columnWrapper = (children, gutter, labelId) => {
-  return _react.default.Children.map(children, input => {
-    return /*#__PURE__*/_react.default.createElement(InlineInputsContext.Provider, {
-      value: {
-        ariaLabelledBy: labelId
-      }
-    }, /*#__PURE__*/_react.default.createElement(_inlineInputs.StyledInlineInput, {
-      gutter: gutter,
-      "data-element": "inline-input"
-    }, input));
+  return _react.default.Children.map(children, (input) => {
+    return /*#__PURE__*/ _react.default.createElement(
+      InlineInputsContext.Provider,
+      {
+        value: {
+          ariaLabelledBy: labelId,
+        },
+      },
+      /*#__PURE__*/ _react.default.createElement(
+        _inlineInputs.StyledInlineInput,
+        {
+          gutter: gutter,
+          "data-element": "inline-input",
+        },
+        input
+      )
+    );
   });
 };
 
-const InlineInputs = props => {
-  const {
-    label,
-    htmlFor,
-    children,
-    className,
-    gutter,
-    inputWidth,
-    labelWidth
-  } = props;
+const InlineInputs = ({
+  label,
+  htmlFor,
+  children = null,
+  className = "",
+  gutter = "none",
+  inputWidth,
+  labelWidth,
+}) => {
   const labelId = (0, _react.useRef)((0, _guid.default)());
 
   function renderLabel() {
     if (!label) return null;
-    return /*#__PURE__*/_react.default.createElement(_label.default, {
-      labelId: labelId.current,
-      inline: true,
-      htmlFor: htmlFor
-    }, label);
+    return /*#__PURE__*/ _react.default.createElement(
+      _label.default,
+      {
+        labelId: labelId.current,
+        inline: true,
+        htmlFor: htmlFor,
+      },
+      label
+    );
   }
 
-  return /*#__PURE__*/_react.default.createElement(_inlineInputs.default, {
-    gutter: gutter,
-    "data-component": "inline-inputs",
-    className: className,
-    labelWidth: labelWidth
-  }, renderLabel(), /*#__PURE__*/_react.default.createElement(_inlineInputs.StyledContentContainer, {
-    gutter: gutter,
-    "data-element": "inline-inputs-container",
-    inputWidth: inputWidth
-  }, columnWrapper(children, gutter, label ? labelId.current : undefined)));
-}; // Assign props over for demo site
-
+  return /*#__PURE__*/ _react.default.createElement(
+    _inlineInputs.default,
+    {
+      gutter: gutter,
+      "data-component": "inline-inputs",
+      className: className,
+      labelWidth: labelWidth,
+    },
+    renderLabel(),
+    /*#__PURE__*/ _react.default.createElement(
+      _inlineInputs.StyledContentContainer,
+      {
+        gutter: gutter,
+        "data-element": "inline-inputs-container",
+        inputWidth: inputWidth,
+      },
+      columnWrapper(children, gutter, label ? labelId.current : undefined)
+    )
+  );
+};
 
 InlineInputs.propTypes = {
-  /** Children elements */
+  /**
+   * Children elements
+   */
   children: _propTypes.default.node,
-
-  /** [Legacy prop] A custom class name for the component. */
+  /**
+   * [Legacy prop] A custom class name for the component.
+   */
   className: _propTypes.default.string,
-
-  /** Defines the label text for the heading. */
-  label: _propTypes.default.string,
-
-  /** The id of the corresponding input control for the label */
+  /**
+   * Gutter prop gets passed down to Row component if false gutter value is "none"
+   */
+  gutter: _propTypes.default.oneOf([
+    "extra-large",
+    "extra-small",
+    "large",
+    "medium-large",
+    "medium-small",
+    "medium",
+    "none",
+    "small",
+  ]),
+  /**
+   * The id of the corresponding input control for the label
+   */
   htmlFor: _propTypes.default.string,
-
-  /** Gutter prop gets passed down to Row component if false gutter value is "none" */
-  gutter: _propTypes.default.oneOf(["none", "extra-small", "small", "medium-small", "medium", "medium-large", "large", "extra-large"]),
-
-  /** Width of the inline inputs container in percentage */
+  /**
+   * Width of the inline inputs container in percentage
+   */
   inputWidth: _propTypes.default.number,
-
-  /** Width of a label in percentage */
-  labelWidth: _propTypes.default.number
-};
-InlineInputs.defaultProps = {
-  children: null,
-  className: "",
-  gutter: "none"
+  /**
+   * Defines the label text for the heading.
+   */
+  label: _propTypes.default.string,
+  /**
+   * Width of a label in percentage
+   */
+  labelWidth: _propTypes.default.number,
 };
+
+InlineInputs.displayName = "InlineInputs";
 var _default = InlineInputs;
-exports.default = _default;
+exports.default = _default;

package/lib/components/inline-inputs/inline-inputs.config.d.ts

@@ -1 +1 @@
-export const INLINE_INPUTS_SIZES: string[];
+export declare const INLINE_INPUTS_SIZES: string[];

package/lib/components/inline-inputs/inline-inputs.style.d.ts

@@ -1,4 +1,6 @@
+import { InlineInputsProps } from "./inline-inputs.component";
+declare const StyledInlineInput: import("styled-components").StyledComponent<"div", any, Pick<InlineInputsProps, "gutter">, never>;
+declare const StyledContentContainer: import("styled-components").StyledComponent<"div", any, Pick<InlineInputsProps, "inputWidth" | "gutter">, never>;
+declare const StyledInlineInputs: import("styled-components").StyledComponent<"div", any, Pick<InlineInputsProps, "labelWidth" | "gutter">, never>;
+export { StyledContentContainer, StyledInlineInput };
 export default StyledInlineInputs;
-export const StyledContentContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export const StyledInlineInput: import("styled-components").StyledComponent<"div", any, {}, never>;
-declare const StyledInlineInputs: import("styled-components").StyledComponent<"div", any, {}, never>;

package/lib/components/inline-inputs/inline-inputs.style.js

@@ -34,7 +34,7 @@ const StyledInlineInput = _styledComponents.default.div`
 
   ${({
   gutter
-}) => (0, _styledComponents.css)`
+}) => gutter && (0, _styledComponents.css)`
       margin-bottom: 0;
       padding-left: ${spacings[gutter]}px;
     `}
@@ -48,7 +48,7 @@ const StyledContentContainer = _styledComponents.default.div`
 
   ${({
   gutter
-}) => (0, _styledComponents.css)`
+}) => gutter && (0, _styledComponents.css)`
       margin-bottom: 0;
       margin-left: -${spacings[gutter]}px;
 

package/lib/components/link/index.d.ts

@@ -1,2 +1 @@
-export { default } from "./link";
-export * from "./link";
+export { default } from "./link.component";

package/lib/components/link/link.component.d.ts

@@ -1,3 +1,38 @@
-export default Link;
-declare const Link: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
 import React from "react";
+import { IconType } from "components/icon/icon";
+export interface LinkProps extends React.AriaAttributes {
+    /** The disabled state of the link. */
+    disabled?: boolean;
+    /** An href for an anchor tag. */
+    href?: string;
+    /** An icon to display next to the link. */
+    icon?: IconType;
+    /** Which side of the link to the render the link. */
+    iconAlign?: "left" | "right";
+    /** Function called when the mouse is clicked. */
+    onClick?: (ev: React.MouseEvent<HTMLAnchorElement> | React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent<HTMLAnchorElement> | React.KeyboardEvent<HTMLButtonElement>) => void;
+    /** Function called when a key is pressed. */
+    onKeyDown?: (ev: React.KeyboardEvent<HTMLAnchorElement> | React.KeyboardEvent<HTMLButtonElement>) => void;
+    /** Function called when a mouse down event triggers. */
+    onMouseDown?: (ev: React.MouseEvent<HTMLAnchorElement> | React.MouseEvent<HTMLButtonElement>) => void;
+    /** Whether to include the link in the tab order of the page */
+    tabbable?: boolean;
+    /** A message to display as a tooltip to the link. */
+    tooltipMessage?: string;
+    /** Positions the tooltip with the link. */
+    tooltipPosition?: "bottom" | "left" | "right" | "top";
+    /** Child content to render in the link. */
+    children?: React.ReactNode;
+    /** Classes to apply to the component. */
+    className?: string;
+    /** Target property in which link should open ie: _blank, _self, _parent, _top */
+    target?: string;
+    /** Aria label for accessibility purposes */
+    ariaLabel?: string;
+    /** Allows to create skip link */
+    isSkipLink?: boolean;
+    /** allows to set rel property in <a> tag */
+    rel?: string;
+}
+export declare const Link: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLLinkElement | HTMLButtonElement>>;
+export default Link;