@instructure/ui-link 8.33.1-snapshot-1 → 8.33.2-snapshot-5

package/CHANGELOG.md

@@ -3,7 +3,7 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## [8.33.1-snapshot-1](https://github.com/instructure/instructure-ui/compare/v8.33.0...v8.33.1-snapshot-1) (2023-01-06)
+## [8.33.2-snapshot-5](https://github.com/instructure/instructure-ui/compare/v8.33.1...v8.33.2-snapshot-5) (2023-01-23)
 
 **Note:** Version bump only for package @instructure/ui-link
 
@@ -11,22 +11,18 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 
 
 
-# [8.33.0](https://github.com/instructure/instructure-ui/compare/v8.32.1...v8.33.0) (2023-01-04)
+## [8.33.1](https://github.com/instructure/instructure-ui/compare/v8.33.0...v8.33.1) (2023-01-06)
 
 **Note:** Version bump only for package @instructure/ui-link
 
+# [8.33.0](https://github.com/instructure/instructure-ui/compare/v8.32.1...v8.33.0) (2023-01-04)
 
-
-
+**Note:** Version bump only for package @instructure/ui-link
 
 ## [8.32.1](https://github.com/instructure/instructure-ui/compare/v8.30.0...v8.32.1) (2022-12-01)
 
 **Note:** Version bump only for package @instructure/ui-link
 
-
-
-
-
 # [8.32.0](https://github.com/instructure/instructure-ui/compare/v8.31.0...v8.32.0) (2022-11-23)
 
 **Note:** Version bump only for package @instructure/ui-link

package/es/Link/LinkLocator.js

@@ -21,16 +21,17 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
+
 import { locator } from '@instructure/ui-test-locator';
 import { find } from '@instructure/ui-test-queries';
-import { Link } from './index'; // @ts-expect-error ts-migrate(2339) FIXME: Property 'selector' does not exist on type 'typeof... Remove this comment to see the full error message
+import { Link } from './index';
 
+// @ts-expect-error ts-migrate(2339) FIXME: Property 'selector' does not exist on type 'typeof... Remove this comment to see the full error message
 export const LinkLocator = locator(Link.selector, {
   click: async function (element) {
     for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
       args[_key - 1] = arguments[_key];
     }
-
     return (await find(element, 'a,button,[role="button"]')).click(...args);
   }
 });

package/es/Link/__examples__/Link.examples.js

@@ -21,6 +21,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
+
 import { IconTrashSolid } from '@instructure/ui-icons';
 const longString = 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat';
 const shortString = 'Delete';

package/es/Link/index.js

@@ -1,8 +1,6 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["children", "onClick", "color", "href", "margin", "renderIcon", "iconPlacement", "isWithinText"];
-
 var _dec, _dec2, _class, _class2;
-
 /*
  * The MIT License (MIT)
  *
@@ -39,7 +37,6 @@ import { withStyle, jsx } from '@instructure/emotion';
 import generateStyle from './styles';
 import generateComponentTheme from './theme';
 import { propTypes, allowedProps } from './props';
-
 /**
 ---
 category: components
@@ -53,27 +50,22 @@ let Link = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = tes
       hasFocus: false
     };
     this.ref = null;
-
     this.makeStyleProps = () => {
       return {
         containsTruncateText: this.containsTruncateText,
         hasVisibleChildren: this.hasVisibleChildren
       };
     };
-
     this.handleElementRef = el => {
       const elementRef = this.props.elementRef;
       this.ref = el;
-
       if (typeof elementRef === 'function') {
         elementRef(el);
       }
     };
-
     this.handleClick = event => {
       const onClick = this.props.onClick;
       const interaction = this.interaction;
-
       if (interaction === 'disabled') {
         event.preventDefault();
         event.stopPropagation();
@@ -81,44 +73,34 @@ let Link = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = tes
         onClick(event);
       }
     };
-
     this.handleFocus = event => {
       this.setState({
         hasFocus: true
       });
-
       if (typeof this.props.onFocus === 'function') {
         this.props.onFocus(event);
       }
     };
-
     this.handleBlur = event => {
       this.setState({
         hasFocus: false
       });
-
       if (typeof this.props.onBlur === 'function') {
         this.props.onBlur(event);
       }
     };
   }
-
   get _link() {
     return this.ref;
   }
-
   componentDidMount() {
     var _this$props$makeStyle, _this$props;
-
     (_this$props$makeStyle = (_this$props = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props, this.makeStyleProps());
   }
-
   componentDidUpdate() {
     var _this$props$makeStyle2, _this$props2;
-
     (_this$props$makeStyle2 = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props2, this.makeStyleProps());
   }
-
   get containsTruncateText() {
     let truncateText = false;
     React.Children.forEach(this.props.children, child => {
@@ -126,89 +108,75 @@ let Link = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = tes
         truncateText = true;
       }
     });
-    warn( // if display prop is used, warn about icon or TruncateText
+    warn(
+    // if display prop is used, warn about icon or TruncateText
     !truncateText || this.props.display === void 0, '[Link] Using the display property with TruncateText may cause layout issues.');
     return truncateText;
   }
-
   get display() {
     if (this.props.display) {
       return this.props.display; // user-entered display property
     }
 
     const containsTruncateText = this.containsTruncateText;
-
     if (this.props.renderIcon) {
       return containsTruncateText ? 'inline-flex' : 'inline-block';
     } else {
       return containsTruncateText ? 'block' : 'auto';
     }
   }
-
   get interaction() {
     return getInteraction({
       props: this.props,
       interactionTypes: ['disabled']
     });
   }
-
   get element() {
     return getElementType(Link, this.props);
   }
-
   get focused() {
     return isActiveElement(this.ref);
   }
-
   get focusable() {
     return findFocusable(this.ref);
   }
-
   get hasVisibleChildren() {
     return hasVisibleChildren(this.props.children);
   }
-
   get role() {
     const _this$props3 = this.props,
-          role = _this$props3.role,
-          forceButtonRole = _this$props3.forceButtonRole,
-          onClick = _this$props3.onClick;
-
+      role = _this$props3.role,
+      forceButtonRole = _this$props3.forceButtonRole,
+      onClick = _this$props3.onClick;
     if (forceButtonRole) {
       return onClick && this.element !== 'button' ? 'button' : role;
     }
-
     return role;
   }
-
   focus() {
     this.ref && this.ref.focus();
   }
-
   renderIcon() {
     var _this$props$styles;
-
-    warn( // if display prop is used, warn about icon or TruncateText
+    warn(
+    // if display prop is used, warn about icon or TruncateText
     this.props.display === void 0, '[Link] Using the display property with an icon may cause layout issues.');
     return jsx("span", {
       css: (_this$props$styles = this.props.styles) === null || _this$props$styles === void 0 ? void 0 : _this$props$styles.icon
     }, callRenderProp(this.props.renderIcon));
   }
-
   render() {
     var _this$props$styles2;
-
     const _this$props4 = this.props,
-          children = _this$props4.children,
-          onClick = _this$props4.onClick,
-          color = _this$props4.color,
-          href = _this$props4.href,
-          margin = _this$props4.margin,
-          renderIcon = _this$props4.renderIcon,
-          iconPlacement = _this$props4.iconPlacement,
-          isWithinText = _this$props4.isWithinText,
-          props = _objectWithoutProperties(_this$props4, _excluded);
-
+      children = _this$props4.children,
+      onClick = _this$props4.onClick,
+      color = _this$props4.color,
+      href = _this$props4.href,
+      margin = _this$props4.margin,
+      renderIcon = _this$props4.renderIcon,
+      iconPlacement = _this$props4.iconPlacement,
+      isWithinText = _this$props4.isWithinText,
+      props = _objectWithoutProperties(_this$props4, _excluded);
     const interaction = this.interaction;
     const isDisabled = interaction === 'disabled';
     const type = this.element === 'button' || this.element === 'input' ? 'button' : void 0;
@@ -229,7 +197,6 @@ let Link = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = tes
       css: (_this$props$styles2 = this.props.styles) === null || _this$props$styles2 === void 0 ? void 0 : _this$props$styles2.link
     }), renderIcon && iconPlacement === 'start' && this.renderIcon(), children, renderIcon && iconPlacement === 'end' && this.renderIcon());
   }
-
 }, _class2.displayName = "Link", _class2.componentId = 'Link', _class2.propTypes = propTypes, _class2.allowedProps = allowedProps, _class2.defaultProps = {
   // Leave interaction default undefined so that `disabled` can also be supplied
   interaction: void 0,

package/es/Link/locator.js

@@ -21,6 +21,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
+
 import { LinkLocator } from './LinkLocator';
 export { LinkLocator };
 export default LinkLocator;

package/es/Link/props.js

@@ -21,6 +21,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
+
 import PropTypes from 'prop-types';
 import { ThemeablePropTypes } from '@instructure/emotion';
 const propTypes = {

package/es/Link/styles.js

@@ -34,11 +34,11 @@
  */
 const generateStyle = (componentTheme, props, state) => {
   const isWithinText = props.isWithinText,
-        renderIcon = props.renderIcon,
-        iconPlacement = props.iconPlacement,
-        color = props.color;
+    renderIcon = props.renderIcon,
+    iconPlacement = props.iconPlacement,
+    color = props.color;
   const containsTruncateText = state.containsTruncateText,
-        hasVisibleChildren = state.hasVisibleChildren;
+    hasVisibleChildren = state.hasVisibleChildren;
   const inverseStyle = color === 'link-inverse';
   const baseStyles = {
     boxSizing: 'border-box',
@@ -65,11 +65,12 @@ const generateStyle = (componentTheme, props, state) => {
     },
     '&::-moz-focus-inner': {
       border: 0 // removes default dotted focus outline in Firefox
-
     }
-  }; // If Link is a button or link, it should look clickable
+  };
 
-  const isClickableStyles = { ...baseStyles,
+  // If Link is a button or link, it should look clickable
+  const isClickableStyles = {
+    ...baseStyles,
     cursor: 'pointer',
     color: componentTheme.color,
     textDecoration: isWithinText ? componentTheme.textDecorationWithinText : componentTheme.textDecorationOutsideText,
@@ -111,7 +112,8 @@ const generateStyle = (componentTheme, props, state) => {
       '&:-webkit-any(a), &:-webkit-any(button)': isClickableStyles,
       '&:is(button)': buttonStyle,
       '&:-webkit-any(button)': buttonStyle,
-      ...(inverseStyle && { ...inverseStyles,
+      ...(inverseStyle && {
+        ...inverseStyles,
         '&:is(a):link, &:is(a):visited, &:is(button)': inverseStyles,
         '&:-webkit-any(a):link, &:-webkit-any(a):visited, &:-webkit-any(button)': inverseStyles
       })
@@ -127,5 +129,4 @@ const generateStyle = (componentTheme, props, state) => {
     }
   };
 };
-
 export default generateStyle;

package/es/Link/theme.js

@@ -21,8 +21,8 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
-import { darken } from '@instructure/ui-color-utils';
 
+import { darken } from '@instructure/ui-color-utils';
 /**
  * Generates the theme object for the component from the theme and provided additional information
  * @param  {Object} theme The actual theme object.
@@ -30,12 +30,13 @@ import { darken } from '@instructure/ui-color-utils';
  */
 const generateComponentTheme = theme => {
   const colors = theme.colors,
-        borders = theme.borders,
-        typography = theme.typography,
-        spacing = theme.spacing,
-        themeName = theme.key; // if any styling should depend on the theme itself,
-  // this object should specify it
+    borders = theme.borders,
+    typography = theme.typography,
+    spacing = theme.spacing,
+    themeName = theme.key;
 
+  // if any styling should depend on the theme itself,
+  // this object should specify it
   const themeSpecificStyle = {
     canvas: {
       color: theme['ic-link-color'],
@@ -46,8 +47,9 @@ const generateComponentTheme = theme => {
       textDecorationOutsideText: 'underline',
       hoverTextDecorationOutsideText: 'none'
     }
-  }; // maps the theme variables to component specific style variables
+  };
 
+  // maps the theme variables to component specific style variables
   const componentVariables = {
     fontFamily: typography === null || typography === void 0 ? void 0 : typography.fontFamily,
     fontWeight: typography === null || typography === void 0 ? void 0 : typography.fontWeightNormal,
@@ -67,9 +69,9 @@ const generateComponentTheme = theme => {
     // make icon slightly larger than inherited font-size,
     iconPlusTextMargin: spacing === null || spacing === void 0 ? void 0 : spacing.xxSmall
   };
-  return { ...componentVariables,
+  return {
+    ...componentVariables,
     ...themeSpecificStyle[themeName]
   };
 };
-
 export default generateComponentTheme;

package/es/index.js

@@ -21,4 +21,5 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
+
 export { Link } from './Link';

package/lib/Link/LinkLocator.js

@@ -4,13 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.LinkLocator = void 0;
-
 var _locator = require("@instructure/ui-test-locator/lib/utils/locator.js");
-
 var _uiTestQueries = require("@instructure/ui-test-queries");
-
 var _index = require("./index");
-
 /*
  * The MIT License (MIT)
  *
@@ -34,13 +30,13 @@ var _index = require("./index");
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
+
 // @ts-expect-error ts-migrate(2339) FIXME: Property 'selector' does not exist on type 'typeof... Remove this comment to see the full error message
 const LinkLocator = (0, _locator.locator)(_index.Link.selector, {
   click: async function (element) {
     for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
       args[_key - 1] = arguments[_key];
     }
-
     return (await (0, _uiTestQueries.find)(element, 'a,button,[role="button"]')).click(...args);
   }
 });

package/lib/Link/__examples__/Link.examples.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _IconTrashSolid = require("@instructure/ui-icons/lib/IconTrashSolid.js");
-
 /*
  * The MIT License (MIT)
  *
@@ -30,6 +28,7 @@ var _IconTrashSolid = require("@instructure/ui-icons/lib/IconTrashSolid.js");
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
+
 const longString = 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat';
 const shortString = 'Delete';
 var _default = {

package/lib/Link/index.js

@@ -1,52 +1,30 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.Link = void 0;
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _View = require("@instructure/ui-view/lib/View");
-
 var _hasVisibleChildren = require("@instructure/ui-a11y-utils/lib/hasVisibleChildren.js");
-
 var _isActiveElement = require("@instructure/ui-dom-utils/lib/isActiveElement.js");
-
 var _findFocusable = require("@instructure/ui-dom-utils/lib/findFocusable.js");
-
 var _getElementType = require("@instructure/ui-react-utils/lib/getElementType.js");
-
 var _getInteraction = require("@instructure/ui-react-utils/lib/getInteraction.js");
-
 var _matchComponentTypes = require("@instructure/ui-react-utils/lib/matchComponentTypes.js");
-
 var _passthroughProps = require("@instructure/ui-react-utils/lib/passthroughProps.js");
-
 var _callRenderProp = require("@instructure/ui-react-utils/lib/callRenderProp.js");
-
 var _console = require("@instructure/console");
-
 var _testable = require("@instructure/ui-testable/lib/testable.js");
-
 var _emotion = require("@instructure/emotion");
-
 var _styles = _interopRequireDefault(require("./styles"));
-
 var _theme = _interopRequireDefault(require("./theme"));
-
 var _props = require("./props");
-
 const _excluded = ["children", "onClick", "color", "href", "margin", "renderIcon", "iconPlacement", "isWithinText"];
-
 var _dec, _dec2, _class, _class2;
-
 /**
 ---
 category: components
@@ -60,27 +38,22 @@ let Link = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _de
       hasFocus: false
     };
     this.ref = null;
-
     this.makeStyleProps = () => {
       return {
         containsTruncateText: this.containsTruncateText,
         hasVisibleChildren: this.hasVisibleChildren
       };
     };
-
     this.handleElementRef = el => {
       const elementRef = this.props.elementRef;
       this.ref = el;
-
       if (typeof elementRef === 'function') {
         elementRef(el);
       }
     };
-
     this.handleClick = event => {
       const onClick = this.props.onClick;
       const interaction = this.interaction;
-
       if (interaction === 'disabled') {
         event.preventDefault();
         event.stopPropagation();
@@ -88,135 +61,110 @@ let Link = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _de
         onClick(event);
       }
     };
-
     this.handleFocus = event => {
       this.setState({
         hasFocus: true
       });
-
       if (typeof this.props.onFocus === 'function') {
         this.props.onFocus(event);
       }
     };
-
     this.handleBlur = event => {
       this.setState({
         hasFocus: false
       });
-
       if (typeof this.props.onBlur === 'function') {
         this.props.onBlur(event);
       }
     };
   }
-
   get _link() {
     return this.ref;
   }
-
   componentDidMount() {
     var _this$props$makeStyle, _this$props;
-
     (_this$props$makeStyle = (_this$props = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props, this.makeStyleProps());
   }
-
   componentDidUpdate() {
     var _this$props$makeStyle2, _this$props2;
-
     (_this$props$makeStyle2 = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props2, this.makeStyleProps());
   }
-
   get containsTruncateText() {
     let truncateText = false;
-
     _react.default.Children.forEach(this.props.children, child => {
       if (child && (0, _matchComponentTypes.matchComponentTypes)(child, ['TruncateText'])) {
         truncateText = true;
       }
     });
-
-    (0, _console.logWarn)( // if display prop is used, warn about icon or TruncateText
+    (0, _console.logWarn)(
+    // if display prop is used, warn about icon or TruncateText
     !truncateText || this.props.display === void 0, '[Link] Using the display property with TruncateText may cause layout issues.');
     return truncateText;
   }
-
   get display() {
     if (this.props.display) {
       return this.props.display; // user-entered display property
     }
 
     const containsTruncateText = this.containsTruncateText;
-
     if (this.props.renderIcon) {
       return containsTruncateText ? 'inline-flex' : 'inline-block';
     } else {
       return containsTruncateText ? 'block' : 'auto';
     }
   }
-
   get interaction() {
     return (0, _getInteraction.getInteraction)({
       props: this.props,
       interactionTypes: ['disabled']
     });
   }
-
   get element() {
     return (0, _getElementType.getElementType)(Link, this.props);
   }
-
   get focused() {
     return (0, _isActiveElement.isActiveElement)(this.ref);
   }
-
   get focusable() {
     return (0, _findFocusable.findFocusable)(this.ref);
   }
-
   get hasVisibleChildren() {
     return (0, _hasVisibleChildren.hasVisibleChildren)(this.props.children);
   }
-
   get role() {
     const _this$props3 = this.props,
-          role = _this$props3.role,
-          forceButtonRole = _this$props3.forceButtonRole,
-          onClick = _this$props3.onClick;
-
+      role = _this$props3.role,
+      forceButtonRole = _this$props3.forceButtonRole,
+      onClick = _this$props3.onClick;
     if (forceButtonRole) {
       return onClick && this.element !== 'button' ? 'button' : role;
     }
-
     return role;
   }
-
   focus() {
     this.ref && this.ref.focus();
   }
-
   renderIcon() {
     var _this$props$styles;
-
-    (0, _console.logWarn)( // if display prop is used, warn about icon or TruncateText
+    (0, _console.logWarn)(
+    // if display prop is used, warn about icon or TruncateText
     this.props.display === void 0, '[Link] Using the display property with an icon may cause layout issues.');
     return (0, _emotion.jsx)("span", {
       css: (_this$props$styles = this.props.styles) === null || _this$props$styles === void 0 ? void 0 : _this$props$styles.icon
     }, (0, _callRenderProp.callRenderProp)(this.props.renderIcon));
   }
-
   render() {
     var _this$props$styles2;
-
     const _this$props4 = this.props,
-          children = _this$props4.children,
-          onClick = _this$props4.onClick,
-          color = _this$props4.color,
-          href = _this$props4.href,
-          margin = _this$props4.margin,
-          renderIcon = _this$props4.renderIcon,
-          iconPlacement = _this$props4.iconPlacement,
-          isWithinText = _this$props4.isWithinText,
-          props = (0, _objectWithoutProperties2.default)(_this$props4, _excluded);
+      children = _this$props4.children,
+      onClick = _this$props4.onClick,
+      color = _this$props4.color,
+      href = _this$props4.href,
+      margin = _this$props4.margin,
+      renderIcon = _this$props4.renderIcon,
+      iconPlacement = _this$props4.iconPlacement,
+      isWithinText = _this$props4.isWithinText,
+      props = (0, _objectWithoutProperties2.default)(_this$props4, _excluded);
     const interaction = this.interaction;
     const isDisabled = interaction === 'disabled';
     const type = this.element === 'button' || this.element === 'input' ? 'button' : void 0;
@@ -237,7 +185,6 @@ let Link = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _de
       css: (_this$props$styles2 = this.props.styles) === null || _this$props$styles2 === void 0 ? void 0 : _this$props$styles2.link
     }), renderIcon && iconPlacement === 'start' && this.renderIcon(), children, renderIcon && iconPlacement === 'end' && this.renderIcon());
   }
-
 }, _class2.displayName = "Link", _class2.componentId = 'Link', _class2.propTypes = _props.propTypes, _class2.allowedProps = _props.allowedProps, _class2.defaultProps = {
   // Leave interaction default undefined so that `disabled` can also be supplied
   interaction: void 0,