@instructure/ui-link 11.7.9-snapshot-0 → 11.7.9-snapshot-1

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.
 
-## [11.7.9-snapshot-0](https://github.com/instructure/instructure-ui/compare/v11.7.8...v11.7.9-snapshot-0) (2026-10-05)
+## [11.7.9-snapshot-1](https://github.com/instructure/instructure-ui/compare/v11.7.8...v11.7.9-snapshot-1) (2026-10-06)
 
 **Note:** Version bump only for package @instructure/ui-link
 

package/lib/Link/v1/index.js

@@ -7,16 +7,10 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.Link = void 0;
 var _react = require("react");
 var _v11_ = require("@instructure/ui-view/v11_6");
-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 _combineDataCid = require("@instructure/ui-utils/lib/combineDataCid.js");
-var _safeLinkProps = require("@instructure/ui-utils/lib/safeLinkProps.js");
+var _uiA11yUtils = require("@instructure/ui-a11y-utils");
+var _uiDomUtils = require("@instructure/ui-dom-utils");
+var _uiReactUtils = require("@instructure/ui-react-utils");
+var _uiUtils = require("@instructure/ui-utils");
 var _console = require("@instructure/console");
 var _emotion = require("@instructure/emotion");
 var _styles = _interopRequireDefault(require("./styles.js"));
@@ -125,7 +119,7 @@ let Link = exports.Link = (_dec = (0, _emotion.withStyle)(_styles.default, _them
   get containsTruncateText() {
     let truncateText = false;
     _react.Children.forEach(this.props.children, child => {
-      if (child && (0, _matchComponentTypes.matchComponentTypes)(child, ['TruncateText'])) {
+      if (child && (0, _uiReactUtils.matchComponentTypes)(child, ['TruncateText'])) {
         truncateText = true;
       }
     });
@@ -148,22 +142,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 {
@@ -185,7 +179,7 @@ let Link = exports.Link = (_dec = (0, _emotion.withStyle)(_styles.default, _them
     this.props.display === undefined, '[Link] Using the display property with an icon may cause layout issues.');
     return (0, _jsxRuntime.jsx)("span", {
       css: this.props.styles?.icon,
-      children: (0, _callRenderProp.callRenderProp)(this.props.renderIcon)
+      children: (0, _uiReactUtils.callRenderProp)(this.props.renderIcon)
     });
   }
   render() {
@@ -204,7 +198,7 @@ let Link = exports.Link = (_dec = (0, _emotion.withStyle)(_styles.default, _them
     const {
       href,
       rel
-    } = (0, _safeLinkProps.safeLinkProps)({
+    } = (0, _uiUtils.safeLinkProps)({
       attr: 'href',
       tag: typeof this.element === 'string' ? this.element : 'a',
       href: rawHref,
@@ -218,7 +212,7 @@ let Link = exports.Link = (_dec = (0, _emotion.withStyle)(_styles.default, _them
     const type = this.element === 'button' || this.element === 'input' ? 'button' : undefined;
     const tabIndex = this.role === 'button' && !isDisabled ? 0 : undefined;
     return (0, _jsxRuntime.jsxs)(_v11_.View, {
-      ...(0, _passthroughProps.passthroughProps)(props),
+      ...(0, _uiReactUtils.passthroughProps)(props),
       elementRef: this.handleElementRef,
       as: this.element,
       display: this.display,
@@ -234,7 +228,7 @@ let Link = exports.Link = (_dec = (0, _emotion.withStyle)(_styles.default, _them
       type: type,
       tabIndex: tabIndex,
       css: this.props.styles?.link,
-      "data-cid": (0, _combineDataCid.combineDataCid)('Link', this.props),
+      "data-cid": (0, _uiUtils.combineDataCid)('Link', this.props),
       children: [renderIcon && iconPlacement === 'start' ? this.renderIcon() : null, children, renderIcon && iconPlacement === 'end' ? this.renderIcon() : null]
     });
   }

package/lib/Link/v1/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)
  *
@@ -49,7 +49,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',
@@ -73,7 +73,7 @@ const generateComponentTheme = theme => {
     focusOutlineColor: colors?.contrasts?.blue4570,
     focusOutlineStyle: borders?.style,
     focusOutlineBorderRadius: borders?.radiusSmall,
-    hoverColor: (0, _darken.darken)(colors?.contrasts?.blue5782, 10),
+    hoverColor: (0, _uiColorUtils.darken)(colors?.contrasts?.blue5782, 10),
     colorInverse: colors?.contrasts?.grey1111,
     focusInverseOutlineColor: colors?.contrasts?.white1010,
     focusInverseIconOutlineColor: colors?.contrasts?.white1010,

package/lib/Link/v2/index.js

@@ -7,16 +7,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.Link = void 0;
 var _react = require("react");
 var _latest = require("@instructure/ui-view/latest");
-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 _combineDataCid = require("@instructure/ui-utils/lib/combineDataCid.js");
-var _safeLinkProps = require("@instructure/ui-utils/lib/safeLinkProps.js");
+var _uiDomUtils = require("@instructure/ui-dom-utils");
+var _uiReactUtils = require("@instructure/ui-react-utils");
+var _uiUtils = require("@instructure/ui-utils");
 var _console = require("@instructure/console");
-var _renderIconWithProps = require("@instructure/ui-icons/lib/IconPropsProvider/renderIconWithProps.js");
+var _uiIcons = require("@instructure/ui-icons");
 var _emotion = require("@instructure/emotion");
 var _styles = _interopRequireDefault(require("./styles.js"));
 var _props = require("./props.js");
@@ -113,7 +108,7 @@ let Link = exports.Link = (_dec = (0, _emotion.withStyleNew)(_styles.default), _
   get containsTruncateText() {
     let truncateText = false;
     _react.Children.forEach(this.props.children, child => {
-      if (child && (0, _matchComponentTypes.matchComponentTypes)(child, ['TruncateText'])) {
+      if (child && (0, _uiReactUtils.matchComponentTypes)(child, ['TruncateText'])) {
         truncateText = true;
       }
     });
@@ -136,19 +131,19 @@ let Link = exports.Link = (_dec = (0, _emotion.withStyleNew)(_styles.default), _
     }
   }
   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 role() {
     const {
@@ -188,7 +183,7 @@ let Link = exports.Link = (_dec = (0, _emotion.withStyleNew)(_styles.default), _
     const iconSize = linkSizeToIconSize[size || 'medium'];
     return (0, _jsxRuntime.jsx)("span", {
       css: this.props.styles?.icon,
-      children: (0, _renderIconWithProps.renderIconWithProps)(renderIcon, iconSize, undefined)
+      children: (0, _uiIcons.renderIconWithProps)(renderIcon, iconSize, undefined)
     });
   }
   render() {
@@ -206,7 +201,7 @@ let Link = exports.Link = (_dec = (0, _emotion.withStyleNew)(_styles.default), _
     const {
       href,
       rel
-    } = (0, _safeLinkProps.safeLinkProps)({
+    } = (0, _uiUtils.safeLinkProps)({
       attr: 'href',
       tag: typeof this.element === 'string' ? this.element : 'a',
       href: rawHref,
@@ -220,7 +215,7 @@ let Link = exports.Link = (_dec = (0, _emotion.withStyleNew)(_styles.default), _
     const type = this.element === 'button' || this.element === 'input' ? 'button' : undefined;
     const tabIndex = this.role === 'button' && !isDisabled ? 0 : undefined;
     return (0, _jsxRuntime.jsxs)(_latest.View, {
-      ...(0, _passthroughProps.passthroughProps)(props),
+      ...(0, _uiReactUtils.passthroughProps)(props),
       elementRef: this.handleElementRef,
       as: this.element,
       display: this.display,
@@ -236,7 +231,7 @@ let Link = exports.Link = (_dec = (0, _emotion.withStyleNew)(_styles.default), _
       type: type,
       tabIndex: tabIndex,
       css: this.props.styles?.link,
-      "data-cid": (0, _combineDataCid.combineDataCid)('Link', this.props),
+      "data-cid": (0, _uiUtils.combineDataCid)('Link', this.props),
       children: [renderIcon && iconPlacement === 'start' ? this.renderIcon() : null, children, renderIcon && iconPlacement === 'end' ? this.renderIcon() : null]
     });
   }

package/lib/Link/v2/styles.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _hasVisibleChildren = require("@instructure/ui-a11y-utils/lib/hasVisibleChildren.js");
+var _uiA11yUtils = require("@instructure/ui-a11y-utils");
 var _emotion = require("@instructure/emotion");
 /*
  * The MIT License (MIT)
@@ -51,7 +51,7 @@ const generateStyle = (componentTheme, props, sharedTokens) => {
     children
   } = props;
   const size = !props.size && (variant === 'inline' || variant === 'standalone') ? 'medium' : props.size;
-  const hasVisibleContent = (0, _hasVisibleChildren.hasVisibleChildren)(children);
+  const hasVisibleContent = (0, _uiA11yUtils.hasVisibleChildren)(children);
   const isInverseStyle = color === 'link-inverse';
   const inlineLinkSizeStyles = {
     small: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-link",
-  "version": "11.7.9-snapshot-0",
+  "version": "11.7.9-snapshot-1",
   "description": "A component for creating links",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -15,22 +15,22 @@
   "license": "MIT",
   "dependencies": {
     "@babel/runtime": "^7.29.7",
-    "@instructure/console": "11.7.9-snapshot-0",
-    "@instructure/emotion": "11.7.9-snapshot-0",
-    "@instructure/ui-a11y-utils": "11.7.9-snapshot-0",
-    "@instructure/ui-color-utils": "11.7.9-snapshot-0",
-    "@instructure/shared-types": "11.7.9-snapshot-0",
-    "@instructure/ui-icons": "11.7.9-snapshot-0",
-    "@instructure/ui-react-utils": "11.7.9-snapshot-0",
-    "@instructure/ui-themes": "11.7.9-snapshot-0",
-    "@instructure/ui-dom-utils": "11.7.9-snapshot-0",
-    "@instructure/ui-view": "11.7.9-snapshot-0",
-    "@instructure/ui-utils": "11.7.9-snapshot-0"
+    "@instructure/console": "11.7.9-snapshot-1",
+    "@instructure/shared-types": "11.7.9-snapshot-1",
+    "@instructure/ui-a11y-utils": "11.7.9-snapshot-1",
+    "@instructure/ui-color-utils": "11.7.9-snapshot-1",
+    "@instructure/emotion": "11.7.9-snapshot-1",
+    "@instructure/ui-dom-utils": "11.7.9-snapshot-1",
+    "@instructure/ui-icons": "11.7.9-snapshot-1",
+    "@instructure/ui-react-utils": "11.7.9-snapshot-1",
+    "@instructure/ui-themes": "11.7.9-snapshot-1",
+    "@instructure/ui-view": "11.7.9-snapshot-1",
+    "@instructure/ui-utils": "11.7.9-snapshot-1"
   },
   "devDependencies": {
     "vitest": "^5.0.0",
-    "@instructure/ui-axe-check": "11.7.9-snapshot-0",
-    "@instructure/ui-babel-preset": "11.7.9-snapshot-0"
+    "@instructure/ui-axe-check": "11.7.9-snapshot-1",
+    "@instructure/ui-babel-preset": "11.7.9-snapshot-1"
   },
   "peerDependencies": {
     "react": ">=18 <=19"