@instructure/ui-responsive 11.7.8 → 11.7.9-snapshot-1

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.
 
+## [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-responsive
+
+
+
+
+
 ## [11.7.8](https://github.com/instructure/instructure-ui/compare/v11.7.7...v11.7.8) (2026-10-02)
 
 **Note:** Version bump only for package @instructure/ui-responsive

package/lib/Responsive/v1/index.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.Responsive = void 0;
 var _react = require("react");
-var _deepEqual = require("@instructure/ui-utils/lib/deepEqual.js");
+var _uiUtils = require("@instructure/ui-utils");
 var _console = require("@instructure/console");
 var _addElementQueryMatchListener = require("../../utils/v1/addElementQueryMatchListener.js");
 var _addMediaQueryMatchListener = require("../../utils/v1/addMediaQueryMatchListener.js");
-var _findDOMNode = require("@instructure/ui-dom-utils/lib/findDOMNode.js");
+var _uiDomUtils = require("@instructure/ui-dom-utils");
 var _props = require("./props.js");
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
 /*
@@ -90,14 +90,14 @@ category: components
       match,
       query
     } = this.props;
-    if (match !== prevProps.match || !(0, _deepEqual.deepEqual)(query, prevProps.query)) {
+    if (match !== prevProps.match || !(0, _uiUtils.deepEqual)(query, prevProps.query)) {
       this.removeMatchListener();
       this._matchListener = this.addMatchListener(query, this.updateMatches, match);
     }
   }
   addMatchListener(query, updateMatches, match = this.props.match) {
     const matchListener = match === 'element' ? _addElementQueryMatchListener.addElementQueryMatchListener : _addMediaQueryMatchListener.addMediaQueryMatchListener;
-    return matchListener(query, () => (0, _findDOMNode.findDOMNode)(this), updateMatches);
+    return matchListener(query, () => (0, _uiDomUtils.findDOMNode)(this), updateMatches);
   }
   removeMatchListener() {
     if (this._matchListener) {

package/lib/utils/v1/addElementQueryMatchListener.js

@@ -6,8 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.addElementQueryMatchListener = void 0;
 exports.updateElementMatches = updateElementMatches;
 var _parseQuery = require("./parseQuery.js");
-var _findDOMNode = require("@instructure/ui-dom-utils/lib/findDOMNode.js");
-var _getBoundingClientRect = require("@instructure/ui-dom-utils/lib/getBoundingClientRect.js");
+var _uiDomUtils = require("@instructure/ui-dom-utils");
 var _debounce = require("@instructure/debounce");
 /*
  * The MIT License (MIT)
@@ -93,7 +92,7 @@ const addElementQueryMatchListener = (query, el, cb) => {
   const {
     width,
     height
-  } = (0, _getBoundingClientRect.getBoundingClientRect)(node);
+  } = (0, _uiDomUtils.getBoundingClientRect)(node);
   let matches = [];
   const update = size => {
     const newMatches = updateElementMatches(query, node, matches, size);
@@ -139,11 +138,11 @@ const addElementQueryMatchListener = (query, el, cb) => {
 };
 exports.addElementQueryMatchListener = addElementQueryMatchListener;
 function updateElementMatches(query, el, matches = [], size) {
-  const node = (0, _findDOMNode.findDOMNode)(el);
+  const node = (0, _uiDomUtils.findDOMNode)(el);
   let {
     width,
     height
-  } = size || (0, _getBoundingClientRect.getBoundingClientRect)(node);
+  } = size || (0, _uiDomUtils.getBoundingClientRect)(node);
 
   // round dimensions to make sure matcher can match queries with integer values
   width = Math.floor(width);

package/lib/utils/v1/addMediaQueryMatchListener.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.addMediaQueryMatchListener = void 0;
-var _matchMedia = require("@instructure/ui-dom-utils/lib/matchMedia.js");
+var _uiDomUtils = require("@instructure/ui-dom-utils");
 var _jsonToMediaQuery = require("./jsonToMediaQuery.js");
 /*
  * The MIT License (MIT)
@@ -82,7 +82,7 @@ var _jsonToMediaQuery = require("./jsonToMediaQuery.js");
  * @param {object} matchMedia - called with an array of the names of the currently matching queries whenever a matching query changes
  * @returns {function} remove() function to call to remove the listener
  */
-const addMediaQueryMatchListener = (query, el, cb, matchMedia = _matchMedia.matchMedia) => {
+const addMediaQueryMatchListener = (query, el, cb, matchMedia = _uiDomUtils.matchMedia) => {
   const node = typeof el === 'function' ? el() : el;
   const updateMediaMatches = mediaQueryLists => {
     const matches = Object.keys(mediaQueryLists).filter(key => mediaQueryLists[key].matches).map(key => key);

package/lib/utils/v1/jsonToMediaQuery.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 exports.jsonToMediaQuery = jsonToMediaQuery;
-var _px = require("@instructure/ui-utils/lib/px.js");
+var _uiUtils = require("@instructure/ui-utils");
 /*
  * The MIT License (MIT)
  *
@@ -75,7 +75,7 @@ function jsonToMediaQuery(query, el) {
     if (!value) {
       throw new Error('No value supplied for query object');
     }
-    mediaQuery += `(${hyphenateQueryKey(key)}: ${(0, _px.px)(value, el)}px) ${QUERY_SEPARATOR} `;
+    mediaQuery += `(${hyphenateQueryKey(key)}: ${(0, _uiUtils.px)(value, el)}px) ${QUERY_SEPARATOR} `;
   }
   return mediaQuery.slice(0, -QUERY_SEPARATOR.length - 2);
 }

package/lib/utils/v1/parseQuery.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 exports.parseQuery = parseQuery;
-var _px = require("@instructure/ui-utils/lib/px.js");
+var _uiUtils = require("@instructure/ui-utils");
 /*
  * The MIT License (MIT)
  *
@@ -62,10 +62,10 @@ function parseQuery(query, el) {
       maxHeight
     } = query[selectorName];
     rules[selectorName] = {
-      minWidth: minWidth && (0, _px.px)(minWidth, el) || 0,
-      maxWidth: maxWidth && (0, _px.px)(maxWidth, el) || Infinity,
-      minHeight: minHeight && (0, _px.px)(minHeight, el) || 0,
-      maxHeight: maxHeight && (0, _px.px)(maxHeight, el) || Infinity
+      minWidth: minWidth && (0, _uiUtils.px)(minWidth, el) || 0,
+      maxWidth: maxWidth && (0, _uiUtils.px)(maxWidth, el) || Infinity,
+      minHeight: minHeight && (0, _uiUtils.px)(minHeight, el) || 0,
+      maxHeight: maxHeight && (0, _uiUtils.px)(maxHeight, el) || Infinity
     };
   });
   return function ({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-responsive",
-  "version": "11.7.8",
+  "version": "11.7.9-snapshot-1",
   "description": "A component that allows for rendering a component differently based on either the element or the viewport size",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -15,17 +15,17 @@
   "license": "MIT",
   "dependencies": {
     "@babel/runtime": "^7.29.7",
-    "@instructure/console": "11.7.8",
-    "@instructure/ui-dom-utils": "11.7.8",
-    "@instructure/debounce": "11.7.8",
-    "@instructure/shared-types": "11.7.8",
-    "@instructure/ui-react-utils": "11.7.8",
-    "@instructure/ui-utils": "11.7.8"
+    "@instructure/console": "11.7.9-snapshot-1",
+    "@instructure/ui-dom-utils": "11.7.9-snapshot-1",
+    "@instructure/shared-types": "11.7.9-snapshot-1",
+    "@instructure/debounce": "11.7.9-snapshot-1",
+    "@instructure/ui-react-utils": "11.7.9-snapshot-1",
+    "@instructure/ui-utils": "11.7.9-snapshot-1"
   },
   "devDependencies": {
     "vitest": "^5.0.0",
-    "@instructure/ui-babel-preset": "11.7.8",
-    "@instructure/ui-color-utils": "11.7.8"
+    "@instructure/ui-babel-preset": "11.7.9-snapshot-1",
+    "@instructure/ui-color-utils": "11.7.9-snapshot-1"
   },
   "peerDependencies": {
     "react": ">=18 <=19"