@instructure/ui-link 8.56.1 → 8.56.2-pr-snapshot-1721749364069

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [8.56.2-pr-snapshot-1721749364069](https://github.com/instructure/instructure-ui/compare/v8.56.1...v8.56.2-pr-snapshot-1721749364069) (2024-07-23)
+
+**Note:** Version bump only for package @instructure/ui-link
+
+
+
+
+
 ## [8.56.1](https://github.com/instructure/instructure-ui/compare/v8.56.0...v8.56.1) (2024-06-13)
 
 **Note:** Version bump only for package @instructure/ui-link

package/lib/Link/LinkLocator.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.LinkLocator = void 0;
-var _locator = require("@instructure/ui-test-locator/lib/utils/locator.js");
+var _uiTestLocator = require("@instructure/ui-test-locator");
 var _uiTestQueries = require("@instructure/ui-test-queries");
 var _index = require("./index");
 /*
@@ -32,7 +32,7 @@ var _index = require("./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
-const LinkLocator = exports.LinkLocator = (0, _locator.locator)(_index.Link.selector, {
+const LinkLocator = exports.LinkLocator = (0, _uiTestLocator.locator)(_index.Link.selector, {
   click: async (element, ...args) => {
     return (await (0, _uiTestQueries.find)(element, 'a,button,[role="button"]')).click(...args);
   }

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _IconTrashSolid = require("@instructure/ui-icons/lib/IconTrashSolid.js");
+var _uiIcons = require("@instructure/ui-icons");
 /*
  * The MIT License (MIT)
  *
@@ -36,7 +36,7 @@ var _default = exports.default = {
   propValues: {
     children: [shortString, longString],
     iconPlacement: [null, 'start', 'end'],
-    renderIcon: [null, _IconTrashSolid.IconTrashSolid]
+    renderIcon: [null, _uiIcons.IconTrashSolid]
   },
   getComponentProps: () => {
     return {

package/lib/Link/index.js

@@ -8,17 +8,12 @@ Object.defineProperty(exports, "__esModule", {
 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 _uiView = require("@instructure/ui-view");
+var _uiA11yUtils = require("@instructure/ui-a11y-utils");
+var _uiDomUtils = require("@instructure/ui-dom-utils");
+var _uiReactUtils = require("@instructure/ui-react-utils");
 var _console = require("@instructure/console");
-var _testable = require("@instructure/ui-testable/lib/testable.js");
+var _uiTestable = require("@instructure/ui-testable");
 var _emotion = require("@instructure/emotion");
 var _styles = _interopRequireDefault(require("./styles"));
 var _theme = _interopRequireDefault(require("./theme"));
@@ -54,7 +49,7 @@ var _dec, _dec2, _class, _class2;
 category: components
 ---
 **/
-let Link = exports.Link = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_class2 = class Link extends _react.Component {
+let Link = exports.Link = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _uiTestable.testable)(), _dec(_class = _dec2(_class = (_class2 = class Link extends _react.Component {
   constructor(...args) {
     super(...args);
     this.state = {
@@ -115,7 +110,7 @@ let Link = exports.Link = (_dec = (0, _emotion.withStyle)(_styles.default, _them
   get containsTruncateText() {
     let truncateText = false;
     _react.default.Children.forEach(this.props.children, child => {
-      if (child && (0, _matchComponentTypes.matchComponentTypes)(child, ['TruncateText'])) {
+      if (child && (0, _uiReactUtils.matchComponentTypes)(child, ['TruncateText'])) {
         truncateText = true;
       }
     });
@@ -137,22 +132,22 @@ let Link = exports.Link = (_dec = (0, _emotion.withStyle)(_styles.default, _them
     }
   }
   get interaction() {
-    return (0, _getInteraction.getInteraction)({
+    return (0, _uiReactUtils.getInteraction)({
       props: this.props,
       interactionTypes: ['disabled']
     });
   }
   get element() {
-    return (0, _getElementType.getElementType)(Link, this.props);
+    return (0, _uiReactUtils.getElementType)(Link, this.props);
   }
   get focused() {
-    return (0, _isActiveElement.isActiveElement)(this.ref);
+    return (0, _uiDomUtils.isActiveElement)(this.ref);
   }
   get focusable() {
-    return (0, _findFocusable.findFocusable)(this.ref);
+    return (0, _uiDomUtils.findFocusable)(this.ref);
   }
   get hasVisibleChildren() {
-    return (0, _hasVisibleChildren.hasVisibleChildren)(this.props.children);
+    return (0, _uiA11yUtils.hasVisibleChildren)(this.props.children);
   }
   get role() {
     const _this$props3 = this.props,
@@ -174,7 +169,7 @@ let Link = exports.Link = (_dec = (0, _emotion.withStyle)(_styles.default, _them
     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));
+    }, (0, _uiReactUtils.callRenderProp)(this.props.renderIcon));
   }
   render() {
     var _this$props$styles2;
@@ -193,7 +188,7 @@ let Link = exports.Link = (_dec = (0, _emotion.withStyle)(_styles.default, _them
     const isDisabled = interaction === 'disabled';
     const type = this.element === 'button' || this.element === 'input' ? 'button' : void 0;
     const tabIndex = this.role === 'button' && !isDisabled ? 0 : void 0;
-    return (0, _emotion.jsx)(_View.View, Object.assign({}, (0, _passthroughProps.passthroughProps)(props), {
+    return (0, _emotion.jsx)(_uiView.View, Object.assign({}, (0, _uiReactUtils.passthroughProps)(props), {
       elementRef: this.handleElementRef,
       as: this.element,
       display: this.display,

package/lib/Link/theme.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _darken = require("@instructure/ui-color-utils/lib/darken.js");
+var _uiColorUtils = require("@instructure/ui-color-utils");
 /*
  * The MIT License (MIT)
  *
@@ -47,7 +47,7 @@ const generateComponentTheme = theme => {
     canvas: {
       color: theme['ic-link-color'],
       focusOutlineColor: theme['ic-brand-primary'],
-      hoverColor: (0, _darken.darken)(theme['ic-link-color'], 10)
+      hoverColor: (0, _uiColorUtils.darken)(theme['ic-link-color'], 10)
     },
     'canvas-high-contrast': {
       textDecorationOutsideText: 'underline',
@@ -68,7 +68,7 @@ const generateComponentTheme = theme => {
     focusOutlineColor: colors === null || colors === void 0 ? void 0 : colors.borderBrand,
     focusOutlineStyle: borders === null || borders === void 0 ? void 0 : borders.style,
     focusOutlineBorderRadius: borders === null || borders === void 0 ? void 0 : borders.radiusSmall,
-    hoverColor: (0, _darken.darken)(colors === null || colors === void 0 ? void 0 : colors.textLink, 10),
+    hoverColor: (0, _uiColorUtils.darken)(colors === null || colors === void 0 ? void 0 : colors.textLink, 10),
     colorInverse: colors === null || colors === void 0 ? void 0 : colors.textLight,
     focusInverseOutlineColor: colors === null || colors === void 0 ? void 0 : colors.borderLightest,
     focusInverseIconOutlineColor: colors === null || colors === void 0 ? void 0 : colors.borderLightest,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-link",
-  "version": "8.56.1",
+  "version": "8.56.2-pr-snapshot-1721749364069",
   "description": "A component for creating links",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -24,25 +24,25 @@
   "license": "MIT",
   "dependencies": {
     "@babel/runtime": "^7.23.2",
-    "@instructure/console": "8.56.1",
-    "@instructure/emotion": "8.56.1",
-    "@instructure/shared-types": "8.56.1",
-    "@instructure/ui-a11y-utils": "8.56.1",
-    "@instructure/ui-color-utils": "8.56.1",
-    "@instructure/ui-dom-utils": "8.56.1",
-    "@instructure/ui-icons": "8.56.1",
-    "@instructure/ui-prop-types": "8.56.1",
-    "@instructure/ui-react-utils": "8.56.1",
-    "@instructure/ui-testable": "8.56.1",
-    "@instructure/ui-view": "8.56.1",
+    "@instructure/console": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/emotion": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/shared-types": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-a11y-utils": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-color-utils": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-dom-utils": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-icons": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-prop-types": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-react-utils": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-testable": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-view": "8.56.2-pr-snapshot-1721749364069",
     "prop-types": "^15.8.1"
   },
   "devDependencies": {
-    "@instructure/ui-babel-preset": "8.56.1",
-    "@instructure/ui-test-locator": "8.56.1",
-    "@instructure/ui-test-queries": "8.56.1",
-    "@instructure/ui-test-utils": "8.56.1",
-    "@instructure/ui-themes": "8.56.1"
+    "@instructure/ui-babel-preset": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-test-locator": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-test-queries": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-test-utils": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-themes": "8.56.2-pr-snapshot-1721749364069"
   },
   "peerDependencies": {
     "react": ">=16.8 <=18"