@instructure/ui-link 8.8.1-snapshot.7 → 8.9.1-snapshot.2

package/CHANGELOG.md

@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [8.9.0](https://github.com/instructure/instructure-ui/compare/v8.8.0...v8.9.0) (2021-09-15)
+
+### Bug Fixes
+
+- fix shared-types TS errors ([7b83164](https://github.com/instructure/instructure-ui/commit/7b83164f4c5872f3a217e010563f59bf584ae4fc))
+
 # [8.8.0](https://github.com/instructure/instructure-ui/compare/v8.7.0...v8.8.0) (2021-08-27)
 
 **Note:** Version bump only for package @instructure/ui-link

package/es/Link/index.js

@@ -29,16 +29,16 @@ var _dec, _dec2, _class, _class2, _temp;
 
 /** @jsx jsx */
 import React, { Component } from 'react';
-import PropTypes from 'prop-types';
 import { View } from '@instructure/ui-view';
 import { hasVisibleChildren } from '@instructure/ui-a11y-utils';
 import { isActiveElement, findFocusable } from '@instructure/ui-dom-utils';
 import { getElementType, getInteraction, matchComponentTypes, passthroughProps, callRenderProp } from '@instructure/ui-react-utils';
 import { logWarn as warn } from '@instructure/console';
 import { testable } from '@instructure/ui-testable';
-import { withStyle, jsx, ThemeablePropTypes } from '@instructure/emotion';
+import { withStyle, jsx } from '@instructure/emotion';
 import generateStyle from './styles';
 import generateComponentTheme from './theme';
+import { propTypes, allowedProps } from './props';
 
 /**
 ---
@@ -160,14 +160,18 @@ let Link = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = tes
   }
 
   renderIcon() {
+    var _this$props$styles;
+
     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.icon
+      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$props = this.props,
           children = _this$props.children,
           onClick = _this$props.onClick,
@@ -197,102 +201,16 @@ let Link = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = tes
       role: role,
       type: type,
       tabIndex: tabIndex,
-      css: this.props.styles.link
+      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 = {
-  /**
-   * The text and/or icon displayed by the link
-   */
-  children: PropTypes.node.isRequired,
-
-  /**
-   * Sets the link's `href` attribute
-   */
-  href: PropTypes.string,
-
-  /**
-   * Designates Link's text color to accommodate light and dark backgrounds
-   */
-  color: PropTypes.oneOf(['link', 'link-inverse']),
-
-  /**
-   * Provides a reference to the underlying HTML element
-   */
-  elementRef: PropTypes.func,
-
-  /**
-   * The element type to render as (will default to `<a>` if href is provided)
-   */
-  as: PropTypes.elementType,
-
-  /**
-   * Determines if the link is enabled or disabled
-   */
-  interaction: PropTypes.oneOf(['enabled', 'disabled']),
-
-  /**
-   * Valid values are `0`, `none`, `auto`, `xxx-small`, `xx-small`, `x-small`,
-   * `small`, `medium`, `large`, `x-large`, `xx-large`. Apply these values via
-   * familiar CSS-like shorthand. For example: `margin="small auto large"`.
-   */
-  margin: ThemeablePropTypes.spacing,
-
-  /**
-   * Add an SVG icon to the Link. Do not add icons directly as
-   * children.
-   */
-  renderIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.node]),
-
-  /**
-   * Place the icon before or after the text in the Link.
-   */
-  iconPlacement: PropTypes.oneOf(['start', 'end']),
-
-  /**
-   * Set the CSS display property of the Link element. 'auto' sets no display property.
-   */
-  display: PropTypes.oneOf(['auto', 'block', 'inline-block', 'flex', 'inline-flex']),
-
-  /**
-   * Set `false` to remove default underline if Link does not appear inline with text
-   */
-  isWithinText: PropTypes.bool,
-
-  /**
-   * Fires when the Link is clicked
-   */
-  onClick: PropTypes.func,
-
-  /**
-   * Fires when the Link gains focus
-   */
-  onFocus: PropTypes.func,
-
-  /**
-   * Fires when the Link loses focus
-   */
-  onBlur: PropTypes.func,
-  // eslint-disable-next-line react/require-default-props
-  makeStyles: PropTypes.func,
-  // eslint-disable-next-line react/require-default-props
-  styles: PropTypes.object
-}, _class2.defaultProps = {
-  href: void 0,
-  elementRef: void 0,
+}, _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,
-  margin: void 0,
-  renderIcon: void 0,
-  display: void 0,
   color: 'link',
-  as: void 0,
   iconPlacement: 'start',
-  isWithinText: true,
-  onClick: void 0,
-  onFocus: void 0,
-  onBlur: void 0
+  isWithinText: true
 }, _temp)) || _class) || _class);
 export default Link;
 export { Link };

package/es/Link/props.js

@@ -0,0 +1,101 @@
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2015 - present Instructure, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * 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 = {
+  /**
+   * The text and/or icon displayed by the link
+   */
+  children: PropTypes.node.isRequired,
+
+  /**
+   * Sets the link's `href` attribute
+   */
+  href: PropTypes.string,
+
+  /**
+   * Designates Link's text color to accommodate light and dark backgrounds
+   */
+  color: PropTypes.oneOf(['link', 'link-inverse']),
+
+  /**
+   * Provides a reference to the underlying HTML element
+   */
+  elementRef: PropTypes.func,
+
+  /**
+   * The element type to render as (will default to `<a>` if href is provided)
+   */
+  as: PropTypes.elementType,
+
+  /**
+   * Determines if the link is enabled or disabled
+   */
+  interaction: PropTypes.oneOf(['enabled', 'disabled']),
+
+  /**
+   * Valid values are `0`, `none`, `auto`, `xxx-small`, `xx-small`, `x-small`,
+   * `small`, `medium`, `large`, `x-large`, `xx-large`. Apply these values via
+   * familiar CSS-like shorthand. For example: `margin="small auto large"`.
+   */
+  margin: ThemeablePropTypes.spacing,
+
+  /**
+   * Add an SVG icon to the Link. Do not add icons directly as
+   * children.
+   */
+  renderIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.node]),
+
+  /**
+   * Place the icon before or after the text in the Link.
+   */
+  iconPlacement: PropTypes.oneOf(['start', 'end']),
+
+  /**
+   * Set the CSS display property of the Link element. 'auto' sets no display property.
+   */
+  display: PropTypes.oneOf(['auto', 'block', 'inline-block', 'flex', 'inline-flex']),
+
+  /**
+   * Set `false` to remove default underline if Link does not appear inline with text
+   */
+  isWithinText: PropTypes.bool,
+
+  /**
+   * Fires when the Link is clicked
+   */
+  onClick: PropTypes.func,
+
+  /**
+   * Fires when the Link gains focus
+   */
+  onFocus: PropTypes.func,
+
+  /**
+   * Fires when the Link loses focus
+   */
+  onBlur: PropTypes.func
+};
+const allowedProps = ['children', 'href', 'color', 'elementRef', 'as', 'interaction', 'margin', 'renderIcon', 'iconPlacement', 'display', 'isWithinText', 'onClick', 'onFocus', 'onBlur'];
+export { propTypes, allowedProps };

package/lib/Link/index.js

@@ -13,8 +13,6 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _View = require("@instructure/ui-view/lib/View");
 
 var _hasVisibleChildren = require("@instructure/ui-a11y-utils/lib/hasVisibleChildren.js");
@@ -43,6 +41,8 @@ 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, _temp;
@@ -169,14 +169,18 @@ let Link = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _de
   }
 
   renderIcon() {
+    var _this$props$styles;
+
     (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.icon
+      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$props = this.props,
           children = _this$props.children,
           onClick = _this$props.onClick,
@@ -205,102 +209,16 @@ let Link = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _de
       role: role,
       type: type,
       tabIndex: tabIndex,
-      css: this.props.styles.link
+      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 = {
-  /**
-   * The text and/or icon displayed by the link
-   */
-  children: _propTypes.default.node.isRequired,
-
-  /**
-   * Sets the link's `href` attribute
-   */
-  href: _propTypes.default.string,
-
-  /**
-   * Designates Link's text color to accommodate light and dark backgrounds
-   */
-  color: _propTypes.default.oneOf(['link', 'link-inverse']),
-
-  /**
-   * Provides a reference to the underlying HTML element
-   */
-  elementRef: _propTypes.default.func,
-
-  /**
-   * The element type to render as (will default to `<a>` if href is provided)
-   */
-  as: _propTypes.default.elementType,
-
-  /**
-   * Determines if the link is enabled or disabled
-   */
-  interaction: _propTypes.default.oneOf(['enabled', 'disabled']),
-
-  /**
-   * Valid values are `0`, `none`, `auto`, `xxx-small`, `xx-small`, `x-small`,
-   * `small`, `medium`, `large`, `x-large`, `xx-large`. Apply these values via
-   * familiar CSS-like shorthand. For example: `margin="small auto large"`.
-   */
-  margin: _emotion.ThemeablePropTypes.spacing,
-
-  /**
-   * Add an SVG icon to the Link. Do not add icons directly as
-   * children.
-   */
-  renderIcon: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.node]),
-
-  /**
-   * Place the icon before or after the text in the Link.
-   */
-  iconPlacement: _propTypes.default.oneOf(['start', 'end']),
-
-  /**
-   * Set the CSS display property of the Link element. 'auto' sets no display property.
-   */
-  display: _propTypes.default.oneOf(['auto', 'block', 'inline-block', 'flex', 'inline-flex']),
-
-  /**
-   * Set `false` to remove default underline if Link does not appear inline with text
-   */
-  isWithinText: _propTypes.default.bool,
-
-  /**
-   * Fires when the Link is clicked
-   */
-  onClick: _propTypes.default.func,
-
-  /**
-   * Fires when the Link gains focus
-   */
-  onFocus: _propTypes.default.func,
-
-  /**
-   * Fires when the Link loses focus
-   */
-  onBlur: _propTypes.default.func,
-  // eslint-disable-next-line react/require-default-props
-  makeStyles: _propTypes.default.func,
-  // eslint-disable-next-line react/require-default-props
-  styles: _propTypes.default.object
-}, _class2.defaultProps = {
-  href: void 0,
-  elementRef: void 0,
+}, _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,
-  margin: void 0,
-  renderIcon: void 0,
-  display: void 0,
   color: 'link',
-  as: void 0,
   iconPlacement: 'start',
-  isWithinText: true,
-  onClick: void 0,
-  onFocus: void 0,
-  onBlur: void 0
+  isWithinText: true
 }, _temp)) || _class) || _class);
 exports.Link = Link;
 var _default = Link;

package/lib/Link/props.js

@@ -0,0 +1,113 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.allowedProps = exports.propTypes = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _emotion = require("@instructure/emotion");
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2015 - present Instructure, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+const propTypes = {
+  /**
+   * The text and/or icon displayed by the link
+   */
+  children: _propTypes.default.node.isRequired,
+
+  /**
+   * Sets the link's `href` attribute
+   */
+  href: _propTypes.default.string,
+
+  /**
+   * Designates Link's text color to accommodate light and dark backgrounds
+   */
+  color: _propTypes.default.oneOf(['link', 'link-inverse']),
+
+  /**
+   * Provides a reference to the underlying HTML element
+   */
+  elementRef: _propTypes.default.func,
+
+  /**
+   * The element type to render as (will default to `<a>` if href is provided)
+   */
+  as: _propTypes.default.elementType,
+
+  /**
+   * Determines if the link is enabled or disabled
+   */
+  interaction: _propTypes.default.oneOf(['enabled', 'disabled']),
+
+  /**
+   * Valid values are `0`, `none`, `auto`, `xxx-small`, `xx-small`, `x-small`,
+   * `small`, `medium`, `large`, `x-large`, `xx-large`. Apply these values via
+   * familiar CSS-like shorthand. For example: `margin="small auto large"`.
+   */
+  margin: _emotion.ThemeablePropTypes.spacing,
+
+  /**
+   * Add an SVG icon to the Link. Do not add icons directly as
+   * children.
+   */
+  renderIcon: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.node]),
+
+  /**
+   * Place the icon before or after the text in the Link.
+   */
+  iconPlacement: _propTypes.default.oneOf(['start', 'end']),
+
+  /**
+   * Set the CSS display property of the Link element. 'auto' sets no display property.
+   */
+  display: _propTypes.default.oneOf(['auto', 'block', 'inline-block', 'flex', 'inline-flex']),
+
+  /**
+   * Set `false` to remove default underline if Link does not appear inline with text
+   */
+  isWithinText: _propTypes.default.bool,
+
+  /**
+   * Fires when the Link is clicked
+   */
+  onClick: _propTypes.default.func,
+
+  /**
+   * Fires when the Link gains focus
+   */
+  onFocus: _propTypes.default.func,
+
+  /**
+   * Fires when the Link loses focus
+   */
+  onBlur: _propTypes.default.func
+};
+exports.propTypes = propTypes;
+const allowedProps = ['children', 'href', 'color', 'elementRef', 'as', 'interaction', 'margin', 'renderIcon', 'iconPlacement', 'display', 'isWithinText', 'onClick', 'onFocus', 'onBlur'];
+exports.allowedProps = allowedProps;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-link",
-  "version": "8.8.1-snapshot.7+90b251d58",
+  "version": "8.9.1-snapshot.2+7f5faa3df",
   "description": "A component for creating links",
   "author": "Instructure, Inc. Engineering and Product Design",
   "type": "commonjs",
@@ -25,25 +25,25 @@
   "license": "MIT",
   "dependencies": {
     "@babel/runtime": "^7.13.10",
-    "@instructure/console": "8.8.1-snapshot.7+90b251d58",
-    "@instructure/emotion": "8.8.1-snapshot.7+90b251d58",
-    "@instructure/ui-a11y-utils": "8.8.1-snapshot.7+90b251d58",
-    "@instructure/ui-color-utils": "8.8.1-snapshot.7+90b251d58",
-    "@instructure/ui-dom-utils": "8.8.1-snapshot.7+90b251d58",
-    "@instructure/ui-icons": "8.8.1-snapshot.7+90b251d58",
-    "@instructure/ui-prop-types": "8.8.1-snapshot.7+90b251d58",
-    "@instructure/ui-react-utils": "8.8.1-snapshot.7+90b251d58",
-    "@instructure/ui-testable": "8.8.1-snapshot.7+90b251d58",
-    "@instructure/ui-view": "8.8.1-snapshot.7+90b251d58",
+    "@instructure/console": "8.9.1-snapshot.2+7f5faa3df",
+    "@instructure/emotion": "8.9.1-snapshot.2+7f5faa3df",
+    "@instructure/shared-types": "8.9.1-snapshot.2+7f5faa3df",
+    "@instructure/ui-a11y-utils": "8.9.1-snapshot.2+7f5faa3df",
+    "@instructure/ui-color-utils": "8.9.1-snapshot.2+7f5faa3df",
+    "@instructure/ui-dom-utils": "8.9.1-snapshot.2+7f5faa3df",
+    "@instructure/ui-icons": "8.9.1-snapshot.2+7f5faa3df",
+    "@instructure/ui-prop-types": "8.9.1-snapshot.2+7f5faa3df",
+    "@instructure/ui-react-utils": "8.9.1-snapshot.2+7f5faa3df",
+    "@instructure/ui-testable": "8.9.1-snapshot.2+7f5faa3df",
+    "@instructure/ui-view": "8.9.1-snapshot.2+7f5faa3df",
     "prop-types": "^15"
   },
   "devDependencies": {
-    "@instructure/shared-types": "8.8.1-snapshot.7+90b251d58",
-    "@instructure/ui-babel-preset": "8.8.1-snapshot.7+90b251d58",
-    "@instructure/ui-test-locator": "8.8.1-snapshot.7+90b251d58",
-    "@instructure/ui-test-queries": "8.8.1-snapshot.7+90b251d58",
-    "@instructure/ui-test-utils": "8.8.1-snapshot.7+90b251d58",
-    "@instructure/ui-themes": "8.8.1-snapshot.7+90b251d58"
+    "@instructure/ui-babel-preset": "8.9.1-snapshot.2+7f5faa3df",
+    "@instructure/ui-test-locator": "8.9.1-snapshot.2+7f5faa3df",
+    "@instructure/ui-test-queries": "8.9.1-snapshot.2+7f5faa3df",
+    "@instructure/ui-test-utils": "8.9.1-snapshot.2+7f5faa3df",
+    "@instructure/ui-themes": "8.9.1-snapshot.2+7f5faa3df"
   },
   "peerDependencies": {
     "react": ">=16.8 <=17"
@@ -52,5 +52,5 @@
     "access": "public"
   },
   "sideEffects": false,
-  "gitHead": "90b251d580c75205b6cbb884fe922059cfc494dd"
+  "gitHead": "7f5faa3df83667636304e0901ef1008d98dffc9a"
 }

package/src/Link/index.tsx

@@ -24,7 +24,6 @@
 
 /** @jsx jsx */
 import React, { Component } from 'react'
-import PropTypes from 'prop-types'
 
 import { View } from '@instructure/ui-view'
 import { hasVisibleChildren } from '@instructure/ui-a11y-utils'
@@ -39,10 +38,12 @@ import {
 import { logWarn as warn } from '@instructure/console'
 import { testable } from '@instructure/ui-testable'
 
-import { withStyle, jsx, ThemeablePropTypes } from '@instructure/emotion'
+import { withStyle, jsx } from '@instructure/emotion'
 import generateStyle from './styles'
 import generateComponentTheme from './theme'
-import { LinkProps, LinkStyleProps } from './types'
+
+import { propTypes, allowedProps } from './props'
+import type { LinkProps, LinkStyleProps } from './props'
 
 /**
 ---
@@ -54,94 +55,14 @@ category: components
 class Link extends Component<LinkProps> {
   static readonly componentId = 'Link'
 
-  static propTypes = {
-    /**
-     * The text and/or icon displayed by the link
-     */
-    children: PropTypes.node.isRequired,
-    /**
-     * Sets the link's `href` attribute
-     */
-    href: PropTypes.string,
-    /**
-     * Designates Link's text color to accommodate light and dark backgrounds
-     */
-    color: PropTypes.oneOf(['link', 'link-inverse']),
-    /**
-     * Provides a reference to the underlying HTML element
-     */
-    elementRef: PropTypes.func,
-    /**
-     * The element type to render as (will default to `<a>` if href is provided)
-     */
-    as: PropTypes.elementType,
-    /**
-     * Determines if the link is enabled or disabled
-     */
-    interaction: PropTypes.oneOf(['enabled', 'disabled']),
-    /**
-     * Valid values are `0`, `none`, `auto`, `xxx-small`, `xx-small`, `x-small`,
-     * `small`, `medium`, `large`, `x-large`, `xx-large`. Apply these values via
-     * familiar CSS-like shorthand. For example: `margin="small auto large"`.
-     */
-    margin: ThemeablePropTypes.spacing,
-    /**
-     * Add an SVG icon to the Link. Do not add icons directly as
-     * children.
-     */
-    renderIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.node]),
-    /**
-     * Place the icon before or after the text in the Link.
-     */
-    iconPlacement: PropTypes.oneOf(['start', 'end']),
-    /**
-     * Set the CSS display property of the Link element. 'auto' sets no display property.
-     */
-    display: PropTypes.oneOf([
-      'auto',
-      'block',
-      'inline-block',
-      'flex',
-      'inline-flex'
-    ]),
-    /**
-     * Set `false` to remove default underline if Link does not appear inline with text
-     */
-    isWithinText: PropTypes.bool,
-    /**
-     * Fires when the Link is clicked
-     */
-    onClick: PropTypes.func,
-    /**
-     * Fires when the Link gains focus
-     */
-    onFocus: PropTypes.func,
-    /**
-     * Fires when the Link loses focus
-     */
-    onBlur: PropTypes.func,
-
-    // eslint-disable-next-line react/require-default-props
-    makeStyles: PropTypes.func,
-    // eslint-disable-next-line react/require-default-props
-    styles: PropTypes.object
-  } as const
-
+  static propTypes = propTypes
+  static allowedProps = allowedProps
   static defaultProps = {
-    href: undefined,
-    elementRef: undefined,
     // Leave interaction default undefined so that `disabled` can also be supplied
     interaction: undefined,
-    margin: undefined,
-    renderIcon: undefined,
-    display: undefined,
     color: 'link',
-    as: undefined,
     iconPlacement: 'start',
-    isWithinText: true,
-    onClick: undefined,
-    onFocus: undefined,
-    onBlur: undefined
+    isWithinText: true
   } as const
 
   state = { hasFocus: false }
@@ -268,7 +189,7 @@ class Link extends Component<LinkProps> {
       '[Link] Using the display property with an icon may cause layout issues.'
     )
     return (
-      <span css={this.props.styles.icon}>
+      <span css={this.props.styles?.icon}>
         {callRenderProp(this.props.renderIcon)}
       </span>
     )
@@ -313,7 +234,7 @@ class Link extends Component<LinkProps> {
         type={type}
         //@ts-expect-error fix to be number
         tabIndex={tabIndex}
-        css={this.props.styles.link}
+        css={this.props.styles?.link}
       >
         {renderIcon && iconPlacement === 'start' && this.renderIcon()}
         {children}

package/src/Link/props.ts

@@ -0,0 +1,147 @@
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2015 - present Instructure, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+
+import React from 'react'
+import PropTypes from 'prop-types'
+
+import { ThemeablePropTypes } from '@instructure/emotion'
+
+import type { AsElementType, PropValidators } from '@instructure/shared-types'
+import type { Spacing, WithStyleProps } from '@instructure/emotion'
+
+type LinkOwnProps = {
+  children: React.ReactNode
+  href?: string
+  color?: 'link' | 'link-inverse'
+  elementRef?: (...args: any[]) => any
+  as?: AsElementType
+  interaction?: 'enabled' | 'disabled'
+  margin?: Spacing
+  renderIcon?: ((...args: any[]) => any) | React.ReactNode
+  iconPlacement?: 'start' | 'end'
+  display?: 'auto' | 'block' | 'inline-block' | 'flex' | 'inline-flex'
+  isWithinText?: boolean
+  onClick?: (...args: any[]) => any
+  onFocus?: (...args: any[]) => any
+  onBlur?: (...args: any[]) => any
+}
+
+export type LinkStyleProps = {
+  containsTruncateText: boolean
+  hasVisibleChildren: boolean
+}
+
+type PropKeys = keyof LinkOwnProps
+
+type AllowedPropKeys = Readonly<Array<PropKeys>>
+
+type LinkProps = LinkOwnProps & WithStyleProps
+
+const propTypes: PropValidators<PropKeys> = {
+  /**
+   * The text and/or icon displayed by the link
+   */
+  children: PropTypes.node.isRequired,
+  /**
+   * Sets the link's `href` attribute
+   */
+  href: PropTypes.string,
+  /**
+   * Designates Link's text color to accommodate light and dark backgrounds
+   */
+  color: PropTypes.oneOf(['link', 'link-inverse']),
+  /**
+   * Provides a reference to the underlying HTML element
+   */
+  elementRef: PropTypes.func,
+  /**
+   * The element type to render as (will default to `<a>` if href is provided)
+   */
+  as: PropTypes.elementType,
+  /**
+   * Determines if the link is enabled or disabled
+   */
+  interaction: PropTypes.oneOf(['enabled', 'disabled']),
+  /**
+   * Valid values are `0`, `none`, `auto`, `xxx-small`, `xx-small`, `x-small`,
+   * `small`, `medium`, `large`, `x-large`, `xx-large`. Apply these values via
+   * familiar CSS-like shorthand. For example: `margin="small auto large"`.
+   */
+  margin: ThemeablePropTypes.spacing,
+  /**
+   * Add an SVG icon to the Link. Do not add icons directly as
+   * children.
+   */
+  renderIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.node]),
+  /**
+   * Place the icon before or after the text in the Link.
+   */
+  iconPlacement: PropTypes.oneOf(['start', 'end']),
+  /**
+   * Set the CSS display property of the Link element. 'auto' sets no display property.
+   */
+  display: PropTypes.oneOf([
+    'auto',
+    'block',
+    'inline-block',
+    'flex',
+    'inline-flex'
+  ]),
+  /**
+   * Set `false` to remove default underline if Link does not appear inline with text
+   */
+  isWithinText: PropTypes.bool,
+  /**
+   * Fires when the Link is clicked
+   */
+  onClick: PropTypes.func,
+  /**
+   * Fires when the Link gains focus
+   */
+  onFocus: PropTypes.func,
+  /**
+   * Fires when the Link loses focus
+   */
+  onBlur: PropTypes.func
+}
+
+const allowedProps: AllowedPropKeys = [
+  'children',
+  'href',
+  'color',
+  'elementRef',
+  'as',
+  'interaction',
+  'margin',
+  'renderIcon',
+  'iconPlacement',
+  'display',
+  'isWithinText',
+  'onClick',
+  'onFocus',
+  'onBlur'
+]
+
+export type { LinkProps }
+export { propTypes, allowedProps }

package/src/Link/styles.ts

@@ -23,7 +23,7 @@
  */
 
 import { LinkTheme } from '@instructure/shared-types'
-import { LinkProps, LinkStyleProps } from './types'
+import { LinkProps, LinkStyleProps } from './props'
 
 /**
  * ---

package/src/index.ts

@@ -23,4 +23,4 @@
  */
 
 export { Link } from './Link'
-export type { LinkProps } from './Link/types'
+export type { LinkProps } from './Link/props'

package/types/Link/index.d.ts

@@ -1,8 +1,7 @@
 /** @jsx jsx */
-import { Component } from 'react';
-import PropTypes from 'prop-types';
+import React, { Component } from 'react';
 import { jsx } from '@instructure/emotion';
-import { LinkProps, LinkStyleProps } from './types';
+import type { LinkProps, LinkStyleProps } from './props';
 /**
 ---
 category: components
@@ -10,83 +9,43 @@ category: components
 **/
 declare class Link extends Component<LinkProps> {
     static readonly componentId = "Link";
-    static propTypes: {
-        /**
-         * The text and/or icon displayed by the link
-         */
-        readonly children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
-        /**
-         * Sets the link's `href` attribute
-         */
-        readonly href: PropTypes.Requireable<string>;
-        /**
-         * Designates Link's text color to accommodate light and dark backgrounds
-         */
-        readonly color: PropTypes.Requireable<string>;
-        /**
-         * Provides a reference to the underlying HTML element
-         */
-        readonly elementRef: PropTypes.Requireable<(...args: any[]) => any>;
-        /**
-         * The element type to render as (will default to `<a>` if href is provided)
-         */
-        readonly as: PropTypes.Requireable<PropTypes.ReactComponentLike>;
-        /**
-         * Determines if the link is enabled or disabled
-         */
-        readonly interaction: PropTypes.Requireable<string>;
-        /**
-         * Valid values are `0`, `none`, `auto`, `xxx-small`, `xx-small`, `x-small`,
-         * `small`, `medium`, `large`, `x-large`, `xx-large`. Apply these values via
-         * familiar CSS-like shorthand. For example: `margin="small auto large"`.
-         */
-        readonly margin: (props: any, propName: any, componentName: any, location: any) => any;
-        /**
-         * Add an SVG icon to the Link. Do not add icons directly as
-         * children.
-         */
-        readonly renderIcon: PropTypes.Requireable<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
-        /**
-         * Place the icon before or after the text in the Link.
-         */
-        readonly iconPlacement: PropTypes.Requireable<string>;
-        /**
-         * Set the CSS display property of the Link element. 'auto' sets no display property.
-         */
-        readonly display: PropTypes.Requireable<string>;
-        /**
-         * Set `false` to remove default underline if Link does not appear inline with text
-         */
-        readonly isWithinText: PropTypes.Requireable<boolean>;
-        /**
-         * Fires when the Link is clicked
-         */
-        readonly onClick: PropTypes.Requireable<(...args: any[]) => any>;
-        /**
-         * Fires when the Link gains focus
-         */
-        readonly onFocus: PropTypes.Requireable<(...args: any[]) => any>;
-        /**
-         * Fires when the Link loses focus
-         */
-        readonly onBlur: PropTypes.Requireable<(...args: any[]) => any>;
-        readonly makeStyles: PropTypes.Requireable<(...args: any[]) => any>;
-        readonly styles: PropTypes.Requireable<object>;
-    };
+    static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<keyof {
+        children: React.ReactNode;
+        href?: string | undefined;
+        color?: "link" | "link-inverse" | undefined;
+        elementRef?: ((...args: any[]) => any) | undefined;
+        as?: import("@instructure/shared-types/types/CommonProps").AsElementType | undefined;
+        interaction?: "enabled" | "disabled" | undefined;
+        margin?: import("@instructure/emotion/types/styleUtils/ThemeablePropValues").Spacing | undefined;
+        renderIcon?: React.ReactNode | ((...args: any[]) => any);
+        iconPlacement?: "start" | "end" | undefined;
+        display?: "auto" | "block" | "inline-block" | "flex" | "inline-flex" | undefined;
+        isWithinText?: boolean | undefined;
+        onClick?: ((...args: any[]) => any) | undefined;
+        onFocus?: ((...args: any[]) => any) | undefined;
+        onBlur?: ((...args: any[]) => any) | undefined;
+    }>;
+    static allowedProps: readonly (keyof {
+        children: React.ReactNode;
+        href?: string | undefined;
+        color?: "link" | "link-inverse" | undefined;
+        elementRef?: ((...args: any[]) => any) | undefined;
+        as?: import("@instructure/shared-types/types/CommonProps").AsElementType | undefined;
+        interaction?: "enabled" | "disabled" | undefined;
+        margin?: import("@instructure/emotion/types/styleUtils/ThemeablePropValues").Spacing | undefined;
+        renderIcon?: React.ReactNode | ((...args: any[]) => any);
+        iconPlacement?: "start" | "end" | undefined;
+        display?: "auto" | "block" | "inline-block" | "flex" | "inline-flex" | undefined;
+        isWithinText?: boolean | undefined;
+        onClick?: ((...args: any[]) => any) | undefined;
+        onFocus?: ((...args: any[]) => any) | undefined;
+        onBlur?: ((...args: any[]) => any) | undefined;
+    })[];
     static defaultProps: {
-        readonly href: undefined;
-        readonly elementRef: undefined;
         readonly interaction: undefined;
-        readonly margin: undefined;
-        readonly renderIcon: undefined;
-        readonly display: undefined;
         readonly color: "link";
-        readonly as: undefined;
         readonly iconPlacement: "start";
         readonly isWithinText: true;
-        readonly onClick: undefined;
-        readonly onFocus: undefined;
-        readonly onBlur: undefined;
     };
     state: {
         hasFocus: boolean;

package/types/Link/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Link/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACxC,OAAO,SAAS,MAAM,YAAY,CAAA;AAelC,OAAO,EAAa,GAAG,EAAsB,MAAM,sBAAsB,CAAA;AAGzE,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAEnD;;;;GAIG;AACH,cAEM,IAAK,SAAQ,SAAS,CAAC,SAAS,CAAC;IACrC,MAAM,CAAC,QAAQ,CAAC,WAAW,UAAS;IAEpC,MAAM,CAAC,SAAS;QACd;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;QAEH;;;;WAIG;;QAEH;;;WAGG;;QAEH;;WAEG;;QAEH;;WAEG;;QAQH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;;;MAOK;IAEV,MAAM,CAAC,YAAY;;;;;;;;;;;;;;MAeT;IAEV,KAAK;;MAAsB;IAE3B,iBAAiB;IAMjB,kBAAkB,CAAC,SAAS,KAAA,EAAE,SAAS,KAAA,EAAE,QAAQ,KAAA;IAKjD,cAAc,QAAO,cAAc,CAKlC;IAGD,gBAAgB,oBAMf;IAGD,WAAW,uBAUV;IAGD,WAAW,uBAKV;IAGD,UAAU,uBAKT;IAED,IAAI,oBAAoB,YAgBvB;IAED,IAAI,OAAO,+DAYV;IAED,IAAI,WAAW,0DAEd;IAED,IAAI,OAAO,wEAEV;IAED,IAAI,OAAO,YAGV;IAED,IAAI,SAAS,cAGZ;IAED,IAAI,kBAAkB,YAErB;IAED,KAAK;IAKL,UAAU;IAaV,MAAM;CA+CP;AAED,eAAe,IAAI,CAAA;AACnB,OAAO,EAAE,IAAI,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Link/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAexC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAKrD,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAExD;;;;GAIG;AACH,cAEM,IAAK,SAAQ,SAAS,CAAC,SAAS,CAAC;IACrC,MAAM,CAAC,QAAQ,CAAC,WAAW,UAAS;IAEpC,MAAM,CAAC,SAAS;;;;;;;;;;;;;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;;;MAMT;IAEV,KAAK;;MAAsB;IAE3B,iBAAiB;IAMjB,kBAAkB,CAAC,SAAS,KAAA,EAAE,SAAS,KAAA,EAAE,QAAQ,KAAA;IAKjD,cAAc,QAAO,cAAc,CAKlC;IAGD,gBAAgB,oBAMf;IAGD,WAAW,uBAUV;IAGD,WAAW,uBAKV;IAGD,UAAU,uBAKT;IAED,IAAI,oBAAoB,YAgBvB;IAED,IAAI,OAAO,+DAYV;IAED,IAAI,WAAW,0DAEd;IAED,IAAI,OAAO,wEAEV;IAED,IAAI,OAAO,YAGV;IAED,IAAI,SAAS,cAGZ;IAED,IAAI,kBAAkB,YAErB;IAED,KAAK;IAKL,UAAU;IAaV,MAAM;CA+CP;AAED,eAAe,IAAI,CAAA;AACnB,OAAO,EAAE,IAAI,EAAE,CAAA"}

package/types/Link/{types.d.ts → props.d.ts}

@@ -1,7 +1,8 @@
-import { AsElementType } from '@instructure/shared-types';
-import type { Spacing } from '@instructure/emotion';
 import React from 'react';
-export declare type LinkProps = {
+import type { AsElementType, PropValidators } from '@instructure/shared-types';
+import type { Spacing, WithStyleProps } from '@instructure/emotion';
+declare type LinkOwnProps = {
+    children: React.ReactNode;
     href?: string;
     color?: 'link' | 'link-inverse';
     elementRef?: (...args: any[]) => any;
@@ -15,11 +16,16 @@ export declare type LinkProps = {
     onClick?: (...args: any[]) => any;
     onFocus?: (...args: any[]) => any;
     onBlur?: (...args: any[]) => any;
-    makeStyles?: (...args: any[]) => any;
-    styles?: any;
 };
 export declare type LinkStyleProps = {
     containsTruncateText: boolean;
     hasVisibleChildren: boolean;
 };
-//# sourceMappingURL=types.d.ts.map
+declare type PropKeys = keyof LinkOwnProps;
+declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
+declare type LinkProps = LinkOwnProps & WithStyleProps;
+declare const propTypes: PropValidators<PropKeys>;
+declare const allowedProps: AllowedPropKeys;
+export type { LinkProps };
+export { propTypes, allowedProps };
+//# sourceMappingURL=props.d.ts.map

package/types/Link/props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/Link/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAC9E,OAAO,KAAK,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAEnE,aAAK,YAAY,GAAG;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,GAAG,cAAc,CAAA;IAC/B,UAAU,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACpC,EAAE,CAAC,EAAE,aAAa,CAAA;IAClB,WAAW,CAAC,EAAE,SAAS,GAAG,UAAU,CAAA;IACpC,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,UAAU,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC,GAAG,KAAK,CAAC,SAAS,CAAA;IACxD,aAAa,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;IAC/B,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,cAAc,GAAG,MAAM,GAAG,aAAa,CAAA;IACpE,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,OAAO,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACjC,OAAO,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACjC,MAAM,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;CACjC,CAAA;AAED,oBAAY,cAAc,GAAG;IAC3B,oBAAoB,EAAE,OAAO,CAAA;IAC7B,kBAAkB,EAAE,OAAO,CAAA;CAC5B,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,YAAY,CAAA;AAElC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,SAAS,GAAG,YAAY,GAAG,cAAc,CAAA;AAE9C,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAkEvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAenB,CAAA;AAED,YAAY,EAAE,SAAS,EAAE,CAAA;AACzB,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}

package/types/Link/styles.d.ts

@@ -1,5 +1,5 @@
 import { LinkTheme } from '@instructure/shared-types';
-import { LinkProps, LinkStyleProps } from './types';
+import { LinkProps, LinkStyleProps } from './props';
 /**
  * ---
  * private: true

package/types/index.d.ts

@@ -1,3 +1,3 @@
 export { Link } from './Link';
-export type { LinkProps } from './Link/types';
+export type { LinkProps } from './Link/props';
 //# sourceMappingURL=index.d.ts.map

package/es/Link/types.js

@@ -1 +0,0 @@
-export {};

package/lib/Link/types.js

@@ -1 +0,0 @@
-"use strict";

package/src/Link/types.ts

@@ -1,50 +0,0 @@
-/*
- * The MIT License (MIT)
- *
- * Copyright (c) 2015 - present Instructure, Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all
- * copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- */
-
-import { AsElementType } from '@instructure/shared-types'
-import type { Spacing } from '@instructure/emotion'
-import React from 'react'
-
-export type LinkProps = {
-  href?: string
-  color?: 'link' | 'link-inverse'
-  elementRef?: (...args: any[]) => any
-  as?: AsElementType
-  interaction?: 'enabled' | 'disabled'
-  margin?: Spacing
-  renderIcon?: ((...args: any[]) => any) | React.ReactNode
-  iconPlacement?: 'start' | 'end'
-  display?: 'auto' | 'block' | 'inline-block' | 'flex' | 'inline-flex'
-  isWithinText?: boolean
-  onClick?: (...args: any[]) => any
-  onFocus?: (...args: any[]) => any
-  onBlur?: (...args: any[]) => any
-  makeStyles?: (...args: any[]) => any
-  styles?: any
-}
-
-export type LinkStyleProps = {
-  containsTruncateText: boolean
-  hasVisibleChildren: boolean
-}

package/types/Link/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/Link/types.ts"],"names":[],"mappings":"AAwBA,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AACzD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AACnD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,oBAAY,SAAS,GAAG;IACtB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,GAAG,cAAc,CAAA;IAC/B,UAAU,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACpC,EAAE,CAAC,EAAE,aAAa,CAAA;IAClB,WAAW,CAAC,EAAE,SAAS,GAAG,UAAU,CAAA;IACpC,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,UAAU,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC,GAAG,KAAK,CAAC,SAAS,CAAA;IACxD,aAAa,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;IAC/B,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,cAAc,GAAG,MAAM,GAAG,aAAa,CAAA;IACpE,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,OAAO,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACjC,OAAO,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACjC,MAAM,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IAChC,UAAU,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACpC,MAAM,CAAC,EAAE,GAAG,CAAA;CACb,CAAA;AAED,oBAAY,cAAc,GAAG;IAC3B,oBAAoB,EAAE,OAAO,CAAA;IAC7B,kBAAkB,EAAE,OAAO,CAAA;CAC5B,CAAA"}