carbon-react 106.2.2 → 106.3.2

package/esm/components/link/link.component.js

@@ -1,19 +1,4 @@
-function _extends() {
-  _extends =
-    Object.assign ||
-    function (target) {
-      for (var i = 1; i < arguments.length; i++) {
-        var source = arguments[i];
-        for (var key in source) {
-          if (Object.prototype.hasOwnProperty.call(source, key)) {
-            target[key] = source[key];
-          }
-        }
-      }
-      return target;
-    };
-  return _extends.apply(this, arguments);
-}
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 import React, { useMemo } from "react";
 import PropTypes from "prop-types";
@@ -22,1258 +7,168 @@ import Event from "../../__internal__/utils/helpers/events";
 import { StyledLink, StyledContent } from "./link.style";
 import tagComponent from "../../__internal__/utils/helpers/tags/tags";
 import useLocale from "../../hooks/__internal__/useLocale";
-const Link = /*#__PURE__*/ React.forwardRef(
-  (
-    {
-      children,
-      className,
-      onKeyDown,
-      href,
-      onClick,
-      onMouseDown,
-      icon,
-      iconAlign = "left",
-      isSkipLink,
-      disabled,
-      ariaLabel,
-      rel,
-      tooltipMessage,
-      tooltipPosition,
-      tabbable = true,
-      target,
-      ...rest
-    },
-    ref
-  ) => {
-    const l = useLocale();
-    const tabIndex = tabbable && !disabled ? "0" : "-1";
+const Link = /*#__PURE__*/React.forwardRef(({
+  children,
+  className,
+  onKeyDown,
+  href,
+  onClick,
+  onMouseDown,
+  icon,
+  iconAlign = "left",
+  isSkipLink,
+  disabled,
+  ariaLabel,
+  rel,
+  tooltipMessage,
+  tooltipPosition,
+  tabbable = true,
+  target,
+  ...rest
+}, ref) => {
+  const l = useLocale();
+  const tabIndex = tabbable && !disabled ? "0" : "-1";
 
-    const handleOnKeyDown = (ev) => {
-      if (onKeyDown) {
-        onKeyDown(ev);
-      } // return early if there is no onClick or there is a href prop
-      // or the event is not an enter key
+  const handleOnKeyDown = ev => {
+    if (onKeyDown) {
+      onKeyDown(ev);
+    } // return early if there is no onClick or there is a href prop
+    // or the event is not an enter key
 
-      if (href || (!Event.isEnterKey(ev) && !Event.isSpaceKey(ev))) {
-        return;
-      }
 
-      if (onClick) {
-        onClick(ev);
-      }
-    };
+    if (href || !Event.isEnterKey(ev) && !Event.isSpaceKey(ev)) {
+      return;
+    }
 
-    const renderLinkIcon = (currentAlignment = "left") => {
-      const hasProperAlignment = icon && iconAlign === currentAlignment;
-      return hasProperAlignment
-        ? /*#__PURE__*/ React.createElement(Icon, {
-            type: icon,
-            bgSize: "extra-small",
-            color: "--colorsActionMajor500",
-            disabled: disabled,
-            ariaLabel: ariaLabel,
-            tooltipMessage: tooltipMessage,
-            tooltipPosition: tooltipPosition,
-          })
-        : null;
-    };
+    if (onClick) {
+      onClick(ev);
+    }
+  };
 
-    const ariaProps = useMemo(() => {
-      const restObject = rest;
-      return Object.keys(restObject)
-        .filter((key) => key.startsWith("aria"))
-        .reduce((obj, key) => {
-          obj[key] = restObject[key];
-          return obj;
-        }, {});
-    }, [rest]);
-    const componentProps = {
-      onKeyDown: handleOnKeyDown,
-      onMouseDown,
-      onClick,
-      disabled,
-      tabIndex,
-      target,
-      ref,
-      href,
-      rel,
-      "aria-label": ariaLabel,
-      ...ariaProps,
-    };
+  const renderLinkIcon = (currentAlignment = "left") => {
+    const hasProperAlignment = icon && iconAlign === currentAlignment;
+    return hasProperAlignment ? /*#__PURE__*/React.createElement(Icon, {
+      type: icon,
+      bgSize: "extra-small",
+      color: "--colorsActionMajor500",
+      disabled: disabled,
+      ariaLabel: ariaLabel,
+      tooltipMessage: tooltipMessage,
+      tooltipPosition: tooltipPosition
+    }) : null;
+  };
 
-    const createLinkBasedOnType = () => {
-      let type = "a";
+  const ariaProps = useMemo(() => {
+    const restObject = rest;
+    return Object.keys(restObject).filter(key => key.startsWith("aria")).reduce((obj, key) => {
+      obj[key] = restObject[key];
+      return obj;
+    }, {});
+  }, [rest]);
+  const componentProps = {
+    onKeyDown: handleOnKeyDown,
+    onMouseDown,
+    onClick,
+    disabled,
+    tabIndex,
+    target,
+    ref,
+    href,
+    rel,
+    "aria-label": ariaLabel,
+    ...ariaProps
+  };
 
-      if (onClick && !href) {
-        type = "button";
-      }
+  const createLinkBasedOnType = () => {
+    let type = "a";
 
-      return /*#__PURE__*/ React.createElement(
-        type,
-        {
-          ...componentProps,
-          ...(type === "button" && {
-            role: "link",
-          }),
-        },
-        /*#__PURE__*/ React.createElement(
-          React.Fragment,
-          null,
-          renderLinkIcon(),
-          /*#__PURE__*/ React.createElement(
-            StyledContent,
-            null,
-            isSkipLink ? l.link.skipLinkLabel() : children
-          ),
-          renderLinkIcon("right")
-        )
-      );
-    };
+    if (onClick && !href) {
+      type = "button";
+    }
 
-    return /*#__PURE__*/ React.createElement(
-      StyledLink,
-      _extends(
-        {
-          isSkipLink: isSkipLink,
-          disabled: disabled,
-          className: className,
-          iconAlign: iconAlign,
-          hasContent: Boolean(children),
-        },
-        tagComponent("link", rest),
-        isSkipLink && {
-          "data-element": "skip-link",
-        }
-      ),
-      createLinkBasedOnType()
-    );
-  }
-);
+    return /*#__PURE__*/React.createElement(type, { ...componentProps,
+      ...(type === "button" && {
+        role: "link"
+      })
+    }, /*#__PURE__*/React.createElement(React.Fragment, null, renderLinkIcon(), /*#__PURE__*/React.createElement(StyledContent, null, isSkipLink ? l.link.skipLinkLabel() : children), renderLinkIcon("right")));
+  };
 
+  return /*#__PURE__*/React.createElement(StyledLink, _extends({
+    isSkipLink: isSkipLink,
+    disabled: disabled,
+    className: className,
+    iconAlign: iconAlign,
+    hasContent: Boolean(children)
+  }, tagComponent("link", rest), isSkipLink && {
+    "data-element": "skip-link"
+  }), createLinkBasedOnType());
+});
 Link.propTypes = {
-  /**
-   * Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.
-   */
   "aria-activedescendant": PropTypes.string,
-  /**
-   * Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute.
-   */
-  "aria-atomic": PropTypes.oneOfType([
-    PropTypes.oneOf(["false", "true"]),
-    PropTypes.bool,
-  ]),
-  /**
-   * Indicates whether inputting text could trigger display of one or more predictions of the user's intended value for an input and specifies how predictions would be
-   * presented if they are made.
-   */
+  "aria-atomic": PropTypes.oneOfType([PropTypes.oneOf(["false", "true"]), PropTypes.bool]),
   "aria-autocomplete": PropTypes.oneOf(["both", "inline", "list", "none"]),
-  /**
-   * Indicates an element is being modified and that assistive technologies MAY want to wait until the modifications are complete before exposing them to the user.
-   */
-  "aria-busy": PropTypes.oneOfType([
-    PropTypes.oneOf(["false", "true"]),
-    PropTypes.bool,
-  ]),
-  /**
-   * Indicates the current "checked" state of checkboxes, radio buttons, and other widgets.
-   * @see aria-pressed @see aria-selected.
-   */
-  "aria-checked": PropTypes.oneOfType([
-    PropTypes.oneOf(["false", "mixed", "true"]),
-    PropTypes.bool,
-  ]),
-  /**
-   * Defines the total number of columns in a table, grid, or treegrid.
-   * @see aria-colindex.
-   */
+  "aria-busy": PropTypes.oneOfType([PropTypes.oneOf(["false", "true"]), PropTypes.bool]),
+  "aria-checked": PropTypes.oneOfType([PropTypes.oneOf(["false", "mixed", "true"]), PropTypes.bool]),
   "aria-colcount": PropTypes.number,
-  /**
-   * Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid.
-   * @see aria-colcount @see aria-colspan.
-   */
   "aria-colindex": PropTypes.number,
-  /**
-   * Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.
-   * @see aria-colindex @see aria-rowspan.
-   */
   "aria-colspan": PropTypes.number,
-  /**
-   * Identifies the element (or elements) whose contents or presence are controlled by the current element.
-   * @see aria-owns.
-   */
   "aria-controls": PropTypes.string,
-  /**
-   * Indicates the element that represents the current item within a container or set of related elements.
-   */
-  "aria-current": PropTypes.oneOfType([
-    PropTypes.oneOf([
-      "date",
-      "false",
-      "location",
-      "page",
-      "step",
-      "time",
-      "true",
-    ]),
-    PropTypes.bool,
-  ]),
-  /**
-   * Identifies the element (or elements) that describes the object.
-   * @see aria-labelledby
-   */
+  "aria-current": PropTypes.oneOfType([PropTypes.oneOf(["date", "false", "location", "page", "step", "time", "true"]), PropTypes.bool]),
   "aria-describedby": PropTypes.string,
-  /**
-   * Identifies the element that provides a detailed, extended description for the object.
-   * @see aria-describedby.
-   */
   "aria-details": PropTypes.string,
-  /**
-   * Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.
-   * @see aria-hidden @see aria-readonly.
-   */
-  "aria-disabled": PropTypes.oneOfType([
-    PropTypes.oneOf(["false", "true"]),
-    PropTypes.bool,
-  ]),
-  /**
-   * Indicates what functions can be performed when a dragged object is released on the drop target.
-   * @deprecated in ARIA 1.1
-   */
-  "aria-dropeffect": PropTypes.oneOf([
-    "copy",
-    "execute",
-    "link",
-    "move",
-    "none",
-    "popup",
-  ]),
-  /**
-   * Identifies the element that provides an error message for the object.
-   * @see aria-invalid @see aria-describedby.
-   */
+  "aria-disabled": PropTypes.oneOfType([PropTypes.oneOf(["false", "true"]), PropTypes.bool]),
+  "aria-dropeffect": PropTypes.oneOf(["copy", "execute", "link", "move", "none", "popup"]),
   "aria-errormessage": PropTypes.string,
-  /**
-   * Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed.
-   */
-  "aria-expanded": PropTypes.oneOfType([
-    PropTypes.oneOf(["false", "true"]),
-    PropTypes.bool,
-  ]),
-  /**
-   * Identifies the next element (or elements) in an alternate reading order of content which, at the user's discretion,
-   * allows assistive technology to override the general default of reading in document source order.
-   */
+  "aria-expanded": PropTypes.oneOfType([PropTypes.oneOf(["false", "true"]), PropTypes.bool]),
   "aria-flowto": PropTypes.string,
-  /**
-   * Indicates an element's "grabbed" state in a drag-and-drop operation.
-   * @deprecated in ARIA 1.1
-   */
-  "aria-grabbed": PropTypes.oneOfType([
-    PropTypes.oneOf(["false", "true"]),
-    PropTypes.bool,
-  ]),
-  /**
-   * Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element.
-   */
-  "aria-haspopup": PropTypes.oneOfType([
-    PropTypes.oneOf([
-      "dialog",
-      "false",
-      "grid",
-      "listbox",
-      "menu",
-      "tree",
-      "true",
-    ]),
-    PropTypes.bool,
-  ]),
-  /**
-   * Indicates whether the element is exposed to an accessibility API.
-   * @see aria-disabled.
-   */
-  "aria-hidden": PropTypes.oneOfType([
-    PropTypes.oneOf(["false", "true"]),
-    PropTypes.bool,
-  ]),
-  /**
-   * Indicates the entered value does not conform to the format expected by the application.
-   * @see aria-errormessage.
-   */
-  "aria-invalid": PropTypes.oneOfType([
-    PropTypes.oneOf(["false", "grammar", "spelling", "true"]),
-    PropTypes.bool,
-  ]),
-  /**
-   * Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element.
-   */
+  "aria-grabbed": PropTypes.oneOfType([PropTypes.oneOf(["false", "true"]), PropTypes.bool]),
+  "aria-haspopup": PropTypes.oneOfType([PropTypes.oneOf(["dialog", "false", "grid", "listbox", "menu", "tree", "true"]), PropTypes.bool]),
+  "aria-hidden": PropTypes.oneOfType([PropTypes.oneOf(["false", "true"]), PropTypes.bool]),
+  "aria-invalid": PropTypes.oneOfType([PropTypes.oneOf(["false", "grammar", "spelling", "true"]), PropTypes.bool]),
   "aria-keyshortcuts": PropTypes.string,
-  /**
-   * Defines a string value that labels the current element.
-   * @see aria-labelledby.
-   */
   "aria-label": PropTypes.string,
-  /**
-   * Identifies the element (or elements) that labels the current element.
-   * @see aria-describedby.
-   */
   "aria-labelledby": PropTypes.string,
-  /**
-   * Defines the hierarchical level of an element within a structure.
-   */
   "aria-level": PropTypes.number,
-  /**
-   * Indicates that an element will be updated, and describes the types of updates the user agents, assistive technologies, and user can expect from the live region.
-   */
   "aria-live": PropTypes.oneOf(["assertive", "off", "polite"]),
-  /**
-   * Indicates whether an element is modal when displayed.
-   */
-  "aria-modal": PropTypes.oneOfType([
-    PropTypes.oneOf(["false", "true"]),
-    PropTypes.bool,
-  ]),
-  /**
-   * Indicates whether a text box accepts multiple lines of input or only a single line.
-   */
-  "aria-multiline": PropTypes.oneOfType([
-    PropTypes.oneOf(["false", "true"]),
-    PropTypes.bool,
-  ]),
-  /**
-   * Indicates that the user may select more than one item from the current selectable descendants.
-   */
-  "aria-multiselectable": PropTypes.oneOfType([
-    PropTypes.oneOf(["false", "true"]),
-    PropTypes.bool,
-  ]),
-  /**
-   * Indicates whether the element's orientation is horizontal, vertical, or unknown/ambiguous.
-   */
+  "aria-modal": PropTypes.oneOfType([PropTypes.oneOf(["false", "true"]), PropTypes.bool]),
+  "aria-multiline": PropTypes.oneOfType([PropTypes.oneOf(["false", "true"]), PropTypes.bool]),
+  "aria-multiselectable": PropTypes.oneOfType([PropTypes.oneOf(["false", "true"]), PropTypes.bool]),
   "aria-orientation": PropTypes.oneOf(["horizontal", "vertical"]),
-  /**
-   * Identifies an element (or elements) in order to define a visual, functional, or contextual parent/child relationship
-   * between DOM elements where the DOM hierarchy cannot be used to represent the relationship.
-   * @see aria-controls.
-   */
   "aria-owns": PropTypes.string,
-  /**
-   * Defines a short hint (a word or short phrase) intended to aid the user with data entry when the control has no value.
-   * A hint could be a sample value or a brief description of the expected format.
-   */
   "aria-placeholder": PropTypes.string,
-  /**
-   * Defines an element's number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.
-   * @see aria-setsize.
-   */
   "aria-posinset": PropTypes.number,
-  /**
-   * Indicates the current "pressed" state of toggle buttons.
-   * @see aria-checked @see aria-selected.
-   */
-  "aria-pressed": PropTypes.oneOfType([
-    PropTypes.oneOf(["false", "mixed", "true"]),
-    PropTypes.bool,
-  ]),
-  /**
-   * Indicates that the element is not editable, but is otherwise operable.
-   * @see aria-disabled.
-   */
-  "aria-readonly": PropTypes.oneOfType([
-    PropTypes.oneOf(["false", "true"]),
-    PropTypes.bool,
-  ]),
-  /**
-   * Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified.
-   * @see aria-atomic.
-   */
-  "aria-relevant": PropTypes.oneOf([
-    "additions removals",
-    "additions text",
-    "additions",
-    "all",
-    "removals additions",
-    "removals text",
-    "removals",
-    "text additions",
-    "text removals",
-    "text",
-  ]),
-  /**
-   * Indicates that user input is required on the element before a form may be submitted.
-   */
-  "aria-required": PropTypes.oneOfType([
-    PropTypes.oneOf(["false", "true"]),
-    PropTypes.bool,
-  ]),
-  /**
-   * Defines a human-readable, author-localized description for the role of an element.
-   */
+  "aria-pressed": PropTypes.oneOfType([PropTypes.oneOf(["false", "mixed", "true"]), PropTypes.bool]),
+  "aria-readonly": PropTypes.oneOfType([PropTypes.oneOf(["false", "true"]), PropTypes.bool]),
+  "aria-relevant": PropTypes.oneOf(["additions removals", "additions text", "additions", "all", "removals additions", "removals text", "removals", "text additions", "text removals", "text"]),
+  "aria-required": PropTypes.oneOfType([PropTypes.oneOf(["false", "true"]), PropTypes.bool]),
   "aria-roledescription": PropTypes.string,
-  /**
-   * Defines the total number of rows in a table, grid, or treegrid.
-   * @see aria-rowindex.
-   */
   "aria-rowcount": PropTypes.number,
-  /**
-   * Defines an element's row index or position with respect to the total number of rows within a table, grid, or treegrid.
-   * @see aria-rowcount @see aria-rowspan.
-   */
   "aria-rowindex": PropTypes.number,
-  /**
-   * Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.
-   * @see aria-rowindex @see aria-colspan.
-   */
   "aria-rowspan": PropTypes.number,
-  /**
-   * Indicates the current "selected" state of various widgets.
-   * @see aria-checked @see aria-pressed.
-   */
-  "aria-selected": PropTypes.oneOfType([
-    PropTypes.oneOf(["false", "true"]),
-    PropTypes.bool,
-  ]),
-  /**
-   * Defines the number of items in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.
-   * @see aria-posinset.
-   */
+  "aria-selected": PropTypes.oneOfType([PropTypes.oneOf(["false", "true"]), PropTypes.bool]),
   "aria-setsize": PropTypes.number,
-  /**
-   * Indicates if items in a table or grid are sorted in ascending or descending order.
-   */
   "aria-sort": PropTypes.oneOf(["ascending", "descending", "none", "other"]),
-  /**
-   * Defines the maximum allowed value for a range widget.
-   */
   "aria-valuemax": PropTypes.number,
-  /**
-   * Defines the minimum allowed value for a range widget.
-   */
   "aria-valuemin": PropTypes.number,
-  /**
-   * Defines the current value for a range widget.
-   * @see aria-valuetext.
-   */
   "aria-valuenow": PropTypes.number,
-  /**
-   * Defines the human readable text alternative of aria-valuenow for a range widget.
-   */
   "aria-valuetext": PropTypes.string,
-  /**
-   * Aria label for accessibility purposes
-   */
-  ariaLabel: PropTypes.string,
-  /**
-   * Child content to render in the link.
-   */
-  children: PropTypes.node,
-  /**
-   * Classes to apply to the component.
-   */
-  className: PropTypes.string,
-  /**
-   * The disabled state of the link.
-   */
-  disabled: PropTypes.bool,
-  /**
-   * An href for an anchor tag.
-   */
-  href: PropTypes.string,
-  /**
-   * An icon to display next to the link.
-   */
-  icon: PropTypes.oneOf([
-    "add",
-    "alert",
-    "analysis",
-    "arrow_down",
-    "arrow_left_boxed",
-    "arrow_left_right_small",
-    "arrow_left_small",
-    "arrow_left",
-    "arrow_right_small",
-    "arrow_right",
-    "arrow_up",
-    "attach",
-    "bank",
-    "basket_with_squares",
-    "basket",
-    "bin",
-    "block_arrow_right",
-    "blocked_square",
-    "blocked",
-    "bold",
-    "boxed_shapes",
-    "bulk_destroy",
-    "bullet_list_dotted",
-    "bullet_list_numbers",
-    "bullet_list",
-    "business",
-    "calendar_today",
-    "calendar",
-    "call",
-    "camera",
-    "card_view",
-    "caret_down",
-    "caret_large_down",
-    "caret_large_left",
-    "caret_large_right",
-    "caret_large_up",
-    "caret_left",
-    "caret_right",
-    "caret_up",
-    "cart",
-    "chart_bar",
-    "chart_line",
-    "chart_pie",
-    "chat_notes",
-    "chat",
-    "chevron_down_thick",
-    "chevron_down",
-    "chevron_left_thick",
-    "chevron_left",
-    "chevron_right_thick",
-    "chevron_right",
-    "chevron_up_thick",
-    "chevron_up",
-    "circle_with_dots",
-    "circles_connection",
-    "clock",
-    "close",
-    "coins",
-    "collaborate",
-    "computer_clock",
-    "connect",
-    "copy",
-    "credit_card_slash",
-    "credit_card",
-    "cross_circle",
-    "cross",
-    "csv",
-    "delete",
-    "delivery",
-    "disconnect",
-    "disputed",
-    "document_right_align",
-    "document_tick",
-    "document_vertical_lines",
-    "download",
-    "draft",
-    "drag_vertical",
-    "drag",
-    "dropdown",
-    "duplicate",
-    "edit",
-    "edited",
-    "ellipsis_horizontal",
-    "ellipsis_vertical",
-    "email_switch",
-    "email",
-    "error_square",
-    "error",
-    "euro",
-    "expand",
-    "factory",
-    "favourite_lined",
-    "favourite",
-    "fax",
-    "feedback",
-    "file_excel",
-    "file_generic",
-    "file_image",
-    "file_pdf",
-    "file_word",
-    "files_leaning",
-    "filter_new",
-    "filter",
-    "fit_height",
-    "fit_width",
-    "flag",
-    "folder",
-    "gift",
-    "graph",
-    "grid",
-    "help",
-    "hide",
-    "home",
-    "image",
-    "in_progress",
-    "in_transit",
-    "individual",
-    "info",
-    "italic",
-    "key",
-    "ledger_arrow_left",
-    "ledger_arrow_right",
-    "ledger",
-    "link",
-    "list_view",
-    "location",
-    "locked",
-    "logout",
-    "lookup",
-    "marker",
-    "message",
-    "messages",
-    "minus_large",
-    "minus",
-    "mobile",
-    "money_bag",
-    "pause_circle",
-    "pause",
-    "pdf",
-    "people_switch",
-    "people",
-    "person_info",
-    "person_tick",
-    "person",
-    "phone",
-    "play_circle",
-    "play",
-    "plus_large",
-    "plus",
-    "pound",
-    "print",
-    "progress",
-    "progressed",
-    "question",
-    "refresh_clock",
-    "refresh",
-    "remove",
-    "sage_coin",
-    "save",
-    "scan",
-    "search",
-    "services",
-    "settings",
-    "share",
-    "shop",
-    "sort_down",
-    "sort_up",
-    "spanner",
-    "split_container",
-    "split",
-    "square_dot",
-    "squares_nine",
-    "stacked_boxes",
-    "stacked_squares",
-    "submitted",
-    "sync",
-    "tag",
-    "three_boxes",
-    "tick_circle",
-    "tick",
-    "unlocked",
-    "upload",
-    "uploaded",
-    "video",
-    "view",
-    "warning",
-  ]),
-  /**
-   * Which side of the link to the render the link.
-   */
-  iconAlign: PropTypes.oneOf(["left", "right"]),
-  /**
-   * Allows to create skip link
-   */
-  isSkipLink: PropTypes.bool,
-  key: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-  /**
-   * Function called when the mouse is clicked.
-   */
-  onClick: PropTypes.func,
-  /**
-   * Function called when a key is pressed.
-   */
-  onKeyDown: PropTypes.func,
-  /**
-   * Function called when a mouse down event triggers.
-   */
-  onMouseDown: PropTypes.func,
-  /**
-   * allows to set rel property in <a> tag
-   */
-  rel: PropTypes.string,
-  /**
-   * Whether to include the link in the tab order of the page
-   */
-  tabbable: PropTypes.bool,
-  /**
-   * Target property in which link should open ie: _blank, _self, _parent, _top
-   */
-  target: PropTypes.string,
-  /**
-   * A message to display as a tooltip to the link.
-   */
-  tooltipMessage: PropTypes.string,
-  /**
-   * Positions the tooltip with the link.
-   */
-  tooltipPosition: PropTypes.oneOf(["bottom", "left", "right", "top"]),
+  "ariaLabel": PropTypes.string,
+  "children": PropTypes.node,
+  "className": PropTypes.string,
+  "disabled": PropTypes.bool,
+  "href": PropTypes.string,
+  "icon": PropTypes.oneOf(["add", "alert", "analysis", "arrow_down", "arrow_left_boxed", "arrow_left_right_small", "arrow_left_small", "arrow_left", "arrow_right_small", "arrow_right", "arrow_up", "attach", "bank", "basket_with_squares", "basket", "bin", "block_arrow_right", "blocked_square", "blocked", "bold", "boxed_shapes", "bulk_destroy", "bullet_list_dotted", "bullet_list_numbers", "bullet_list", "business", "calendar_today", "calendar", "call", "camera", "card_view", "caret_down", "caret_large_down", "caret_large_left", "caret_large_right", "caret_large_up", "caret_left", "caret_right", "caret_up", "cart", "chart_bar", "chart_line", "chart_pie", "chat_notes", "chat", "chevron_down_thick", "chevron_down", "chevron_left_thick", "chevron_left", "chevron_right_thick", "chevron_right", "chevron_up_thick", "chevron_up", "circle_with_dots", "circles_connection", "clock", "close", "coins", "collaborate", "computer_clock", "connect", "copy", "credit_card_slash", "credit_card", "cross_circle", "cross", "csv", "delete", "delivery", "disconnect", "disputed", "document_right_align", "document_tick", "document_vertical_lines", "download", "draft", "drag_vertical", "drag", "dropdown", "duplicate", "edit", "edited", "ellipsis_horizontal", "ellipsis_vertical", "email_switch", "email", "error_square", "error", "euro", "expand", "factory", "favourite_lined", "favourite", "fax", "feedback", "file_excel", "file_generic", "file_image", "file_pdf", "file_word", "files_leaning", "filter_new", "filter", "fit_height", "fit_width", "flag", "folder", "gift", "graph", "grid", "help", "hide", "home", "image", "in_progress", "in_transit", "individual", "info", "italic", "key", "ledger_arrow_left", "ledger_arrow_right", "ledger", "link", "list_view", "location", "locked", "logout", "lookup", "marker", "message", "messages", "minus_large", "minus", "mobile", "money_bag", "pause_circle", "pause", "pdf", "people_switch", "people", "person_info", "person_tick", "person", "phone", "play_circle", "play", "plus_large", "plus", "pound", "print", "progress", "progressed", "question", "refresh_clock", "refresh", "remove", "sage_coin", "save", "scan", "search", "services", "settings", "share", "shop", "sort_down", "sort_up", "spanner", "split_container", "split", "square_dot", "squares_nine", "stacked_boxes", "stacked_squares", "submitted", "sync", "tag", "three_boxes", "tick_circle", "tick", "unlocked", "upload", "uploaded", "video", "view", "warning"]),
+  "iconAlign": PropTypes.oneOf(["left", "right"]),
+  "isSkipLink": PropTypes.bool,
+  "onClick": PropTypes.func,
+  "onKeyDown": PropTypes.func,
+  "onMouseDown": PropTypes.func,
+  "rel": PropTypes.string,
+  "tabbable": PropTypes.bool,
+  "target": PropTypes.string,
+  "tooltipMessage": PropTypes.string,
+  "tooltipPosition": PropTypes.oneOf(["bottom", "left", "right", "top"])
 };
-
-Link.propTypes = {
-  /**
-   * Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.
-   */
-  "aria-activedescendant": PropTypes.string,
-  /**
-   * Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute.
-   */
-  "aria-atomic": PropTypes.oneOfType([
-    PropTypes.oneOf(["false", "true"]),
-    PropTypes.bool,
-  ]),
-  /**
-   * Indicates whether inputting text could trigger display of one or more predictions of the user's intended value for an input and specifies how predictions would be
-   * presented if they are made.
-   */
-  "aria-autocomplete": PropTypes.oneOf(["both", "inline", "list", "none"]),
-  /**
-   * Indicates an element is being modified and that assistive technologies MAY want to wait until the modifications are complete before exposing them to the user.
-   */
-  "aria-busy": PropTypes.oneOfType([
-    PropTypes.oneOf(["false", "true"]),
-    PropTypes.bool,
-  ]),
-  /**
-   * Indicates the current "checked" state of checkboxes, radio buttons, and other widgets.
-   * @see aria-pressed @see aria-selected.
-   */
-  "aria-checked": PropTypes.oneOfType([
-    PropTypes.oneOf(["false", "mixed", "true"]),
-    PropTypes.bool,
-  ]),
-  /**
-   * Defines the total number of columns in a table, grid, or treegrid.
-   * @see aria-colindex.
-   */
-  "aria-colcount": PropTypes.number,
-  /**
-   * Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid.
-   * @see aria-colcount @see aria-colspan.
-   */
-  "aria-colindex": PropTypes.number,
-  /**
-   * Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.
-   * @see aria-colindex @see aria-rowspan.
-   */
-  "aria-colspan": PropTypes.number,
-  /**
-   * Identifies the element (or elements) whose contents or presence are controlled by the current element.
-   * @see aria-owns.
-   */
-  "aria-controls": PropTypes.string,
-  /**
-   * Indicates the element that represents the current item within a container or set of related elements.
-   */
-  "aria-current": PropTypes.oneOfType([
-    PropTypes.oneOf([
-      "date",
-      "false",
-      "location",
-      "page",
-      "step",
-      "time",
-      "true",
-    ]),
-    PropTypes.bool,
-  ]),
-  /**
-   * Identifies the element (or elements) that describes the object.
-   * @see aria-labelledby
-   */
-  "aria-describedby": PropTypes.string,
-  /**
-   * Identifies the element that provides a detailed, extended description for the object.
-   * @see aria-describedby.
-   */
-  "aria-details": PropTypes.string,
-  /**
-   * Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.
-   * @see aria-hidden @see aria-readonly.
-   */
-  "aria-disabled": PropTypes.oneOfType([
-    PropTypes.oneOf(["false", "true"]),
-    PropTypes.bool,
-  ]),
-  /**
-   * Indicates what functions can be performed when a dragged object is released on the drop target.
-   * @deprecated in ARIA 1.1
-   */
-  "aria-dropeffect": PropTypes.oneOf([
-    "copy",
-    "execute",
-    "link",
-    "move",
-    "none",
-    "popup",
-  ]),
-  /**
-   * Identifies the element that provides an error message for the object.
-   * @see aria-invalid @see aria-describedby.
-   */
-  "aria-errormessage": PropTypes.string,
-  /**
-   * Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed.
-   */
-  "aria-expanded": PropTypes.oneOfType([
-    PropTypes.oneOf(["false", "true"]),
-    PropTypes.bool,
-  ]),
-  /**
-   * Identifies the next element (or elements) in an alternate reading order of content which, at the user's discretion,
-   * allows assistive technology to override the general default of reading in document source order.
-   */
-  "aria-flowto": PropTypes.string,
-  /**
-   * Indicates an element's "grabbed" state in a drag-and-drop operation.
-   * @deprecated in ARIA 1.1
-   */
-  "aria-grabbed": PropTypes.oneOfType([
-    PropTypes.oneOf(["false", "true"]),
-    PropTypes.bool,
-  ]),
-  /**
-   * Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element.
-   */
-  "aria-haspopup": PropTypes.oneOfType([
-    PropTypes.oneOf([
-      "dialog",
-      "false",
-      "grid",
-      "listbox",
-      "menu",
-      "tree",
-      "true",
-    ]),
-    PropTypes.bool,
-  ]),
-  /**
-   * Indicates whether the element is exposed to an accessibility API.
-   * @see aria-disabled.
-   */
-  "aria-hidden": PropTypes.oneOfType([
-    PropTypes.oneOf(["false", "true"]),
-    PropTypes.bool,
-  ]),
-  /**
-   * Indicates the entered value does not conform to the format expected by the application.
-   * @see aria-errormessage.
-   */
-  "aria-invalid": PropTypes.oneOfType([
-    PropTypes.oneOf(["false", "grammar", "spelling", "true"]),
-    PropTypes.bool,
-  ]),
-  /**
-   * Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element.
-   */
-  "aria-keyshortcuts": PropTypes.string,
-  /**
-   * Defines a string value that labels the current element.
-   * @see aria-labelledby.
-   */
-  "aria-label": PropTypes.string,
-  /**
-   * Identifies the element (or elements) that labels the current element.
-   * @see aria-describedby.
-   */
-  "aria-labelledby": PropTypes.string,
-  /**
-   * Defines the hierarchical level of an element within a structure.
-   */
-  "aria-level": PropTypes.number,
-  /**
-   * Indicates that an element will be updated, and describes the types of updates the user agents, assistive technologies, and user can expect from the live region.
-   */
-  "aria-live": PropTypes.oneOf(["assertive", "off", "polite"]),
-  /**
-   * Indicates whether an element is modal when displayed.
-   */
-  "aria-modal": PropTypes.oneOfType([
-    PropTypes.oneOf(["false", "true"]),
-    PropTypes.bool,
-  ]),
-  /**
-   * Indicates whether a text box accepts multiple lines of input or only a single line.
-   */
-  "aria-multiline": PropTypes.oneOfType([
-    PropTypes.oneOf(["false", "true"]),
-    PropTypes.bool,
-  ]),
-  /**
-   * Indicates that the user may select more than one item from the current selectable descendants.
-   */
-  "aria-multiselectable": PropTypes.oneOfType([
-    PropTypes.oneOf(["false", "true"]),
-    PropTypes.bool,
-  ]),
-  /**
-   * Indicates whether the element's orientation is horizontal, vertical, or unknown/ambiguous.
-   */
-  "aria-orientation": PropTypes.oneOf(["horizontal", "vertical"]),
-  /**
-   * Identifies an element (or elements) in order to define a visual, functional, or contextual parent/child relationship
-   * between DOM elements where the DOM hierarchy cannot be used to represent the relationship.
-   * @see aria-controls.
-   */
-  "aria-owns": PropTypes.string,
-  /**
-   * Defines a short hint (a word or short phrase) intended to aid the user with data entry when the control has no value.
-   * A hint could be a sample value or a brief description of the expected format.
-   */
-  "aria-placeholder": PropTypes.string,
-  /**
-   * Defines an element's number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.
-   * @see aria-setsize.
-   */
-  "aria-posinset": PropTypes.number,
-  /**
-   * Indicates the current "pressed" state of toggle buttons.
-   * @see aria-checked @see aria-selected.
-   */
-  "aria-pressed": PropTypes.oneOfType([
-    PropTypes.oneOf(["false", "mixed", "true"]),
-    PropTypes.bool,
-  ]),
-  /**
-   * Indicates that the element is not editable, but is otherwise operable.
-   * @see aria-disabled.
-   */
-  "aria-readonly": PropTypes.oneOfType([
-    PropTypes.oneOf(["false", "true"]),
-    PropTypes.bool,
-  ]),
-  /**
-   * Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified.
-   * @see aria-atomic.
-   */
-  "aria-relevant": PropTypes.oneOf([
-    "additions removals",
-    "additions text",
-    "additions",
-    "all",
-    "removals additions",
-    "removals text",
-    "removals",
-    "text additions",
-    "text removals",
-    "text",
-  ]),
-  /**
-   * Indicates that user input is required on the element before a form may be submitted.
-   */
-  "aria-required": PropTypes.oneOfType([
-    PropTypes.oneOf(["false", "true"]),
-    PropTypes.bool,
-  ]),
-  /**
-   * Defines a human-readable, author-localized description for the role of an element.
-   */
-  "aria-roledescription": PropTypes.string,
-  /**
-   * Defines the total number of rows in a table, grid, or treegrid.
-   * @see aria-rowindex.
-   */
-  "aria-rowcount": PropTypes.number,
-  /**
-   * Defines an element's row index or position with respect to the total number of rows within a table, grid, or treegrid.
-   * @see aria-rowcount @see aria-rowspan.
-   */
-  "aria-rowindex": PropTypes.number,
-  /**
-   * Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.
-   * @see aria-rowindex @see aria-colspan.
-   */
-  "aria-rowspan": PropTypes.number,
-  /**
-   * Indicates the current "selected" state of various widgets.
-   * @see aria-checked @see aria-pressed.
-   */
-  "aria-selected": PropTypes.oneOfType([
-    PropTypes.oneOf(["false", "true"]),
-    PropTypes.bool,
-  ]),
-  /**
-   * Defines the number of items in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.
-   * @see aria-posinset.
-   */
-  "aria-setsize": PropTypes.number,
-  /**
-   * Indicates if items in a table or grid are sorted in ascending or descending order.
-   */
-  "aria-sort": PropTypes.oneOf(["ascending", "descending", "none", "other"]),
-  /**
-   * Defines the maximum allowed value for a range widget.
-   */
-  "aria-valuemax": PropTypes.number,
-  /**
-   * Defines the minimum allowed value for a range widget.
-   */
-  "aria-valuemin": PropTypes.number,
-  /**
-   * Defines the current value for a range widget.
-   * @see aria-valuetext.
-   */
-  "aria-valuenow": PropTypes.number,
-  /**
-   * Defines the human readable text alternative of aria-valuenow for a range widget.
-   */
-  "aria-valuetext": PropTypes.string,
-  /**
-   * Aria label for accessibility purposes
-   */
-  ariaLabel: PropTypes.string,
-  /**
-   * Child content to render in the link.
-   */
-  children: PropTypes.node,
-  /**
-   * Classes to apply to the component.
-   */
-  className: PropTypes.string,
-  /**
-   * The disabled state of the link.
-   */
-  disabled: PropTypes.bool,
-  /**
-   * An href for an anchor tag.
-   */
-  href: PropTypes.string,
-  /**
-   * An icon to display next to the link.
-   */
-  icon: PropTypes.oneOf([
-    "add",
-    "alert",
-    "analysis",
-    "arrow_down",
-    "arrow_left_boxed",
-    "arrow_left_right_small",
-    "arrow_left_small",
-    "arrow_left",
-    "arrow_right_small",
-    "arrow_right",
-    "arrow_up",
-    "attach",
-    "bank",
-    "basket_with_squares",
-    "basket",
-    "bin",
-    "block_arrow_right",
-    "blocked_square",
-    "blocked",
-    "bold",
-    "boxed_shapes",
-    "bulk_destroy",
-    "bullet_list_dotted",
-    "bullet_list_numbers",
-    "bullet_list",
-    "business",
-    "calendar_today",
-    "calendar",
-    "call",
-    "camera",
-    "card_view",
-    "caret_down",
-    "caret_large_down",
-    "caret_large_left",
-    "caret_large_right",
-    "caret_large_up",
-    "caret_left",
-    "caret_right",
-    "caret_up",
-    "cart",
-    "chart_bar",
-    "chart_line",
-    "chart_pie",
-    "chat_notes",
-    "chat",
-    "chevron_down_thick",
-    "chevron_down",
-    "chevron_left_thick",
-    "chevron_left",
-    "chevron_right_thick",
-    "chevron_right",
-    "chevron_up_thick",
-    "chevron_up",
-    "circle_with_dots",
-    "circles_connection",
-    "clock",
-    "close",
-    "coins",
-    "collaborate",
-    "computer_clock",
-    "connect",
-    "copy",
-    "credit_card_slash",
-    "credit_card",
-    "cross_circle",
-    "cross",
-    "csv",
-    "delete",
-    "delivery",
-    "disconnect",
-    "disputed",
-    "document_right_align",
-    "document_tick",
-    "document_vertical_lines",
-    "download",
-    "draft",
-    "drag_vertical",
-    "drag",
-    "dropdown",
-    "duplicate",
-    "edit",
-    "edited",
-    "ellipsis_horizontal",
-    "ellipsis_vertical",
-    "email_switch",
-    "email",
-    "error_square",
-    "error",
-    "euro",
-    "expand",
-    "factory",
-    "favourite_lined",
-    "favourite",
-    "fax",
-    "feedback",
-    "file_excel",
-    "file_generic",
-    "file_image",
-    "file_pdf",
-    "file_word",
-    "files_leaning",
-    "filter_new",
-    "filter",
-    "fit_height",
-    "fit_width",
-    "flag",
-    "folder",
-    "gift",
-    "graph",
-    "grid",
-    "help",
-    "hide",
-    "home",
-    "image",
-    "in_progress",
-    "in_transit",
-    "individual",
-    "info",
-    "italic",
-    "key",
-    "ledger_arrow_left",
-    "ledger_arrow_right",
-    "ledger",
-    "link",
-    "list_view",
-    "location",
-    "locked",
-    "logout",
-    "lookup",
-    "marker",
-    "message",
-    "messages",
-    "minus_large",
-    "minus",
-    "mobile",
-    "money_bag",
-    "pause_circle",
-    "pause",
-    "pdf",
-    "people_switch",
-    "people",
-    "person_info",
-    "person_tick",
-    "person",
-    "phone",
-    "play_circle",
-    "play",
-    "plus_large",
-    "plus",
-    "pound",
-    "print",
-    "progress",
-    "progressed",
-    "question",
-    "refresh_clock",
-    "refresh",
-    "remove",
-    "sage_coin",
-    "save",
-    "scan",
-    "search",
-    "services",
-    "settings",
-    "share",
-    "shop",
-    "sort_down",
-    "sort_up",
-    "spanner",
-    "split_container",
-    "split",
-    "square_dot",
-    "squares_nine",
-    "stacked_boxes",
-    "stacked_squares",
-    "submitted",
-    "sync",
-    "tag",
-    "three_boxes",
-    "tick_circle",
-    "tick",
-    "unlocked",
-    "upload",
-    "uploaded",
-    "video",
-    "view",
-    "warning",
-  ]),
-  /**
-   * Which side of the link to the render the link.
-   */
-  iconAlign: PropTypes.oneOf(["left", "right"]),
-  /**
-   * Allows to create skip link
-   */
-  isSkipLink: PropTypes.bool,
-  key: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-  /**
-   * Function called when the mouse is clicked.
-   */
-  onClick: PropTypes.func,
-  /**
-   * Function called when a key is pressed.
-   */
-  onKeyDown: PropTypes.func,
-  /**
-   * Function called when a mouse down event triggers.
-   */
-  onMouseDown: PropTypes.func,
-  /**
-   * allows to set rel property in <a> tag
-   */
-  rel: PropTypes.string,
-  /**
-   * Whether to include the link in the tab order of the page
-   */
-  tabbable: PropTypes.bool,
-  /**
-   * Target property in which link should open ie: _blank, _self, _parent, _top
-   */
-  target: PropTypes.string,
-  /**
-   * A message to display as a tooltip to the link.
-   */
-  tooltipMessage: PropTypes.string,
-  /**
-   * Positions the tooltip with the link.
-   */
-  tooltipPosition: PropTypes.oneOf(["bottom", "left", "right", "top"]),
-};
-
 export { Link };
 Link.displayName = "Link";
-export default Link;
+export default Link;