@instructure/ui-icons 11.7.4-snapshot-11 → 11.7.4-snapshot-49

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.4-snapshot-11](https://github.com/instructure/instructure-ui/compare/v11.7.3...v11.7.4-snapshot-11) (2026-05-19)
+## [11.7.4-snapshot-49](https://github.com/instructure/instructure-ui/compare/v11.7.3...v11.7.4-snapshot-49) (2026-06-17)
 
 **Note:** Version bump only for package @instructure/ui-icons
 

package/LICENSE.md

@@ -2,6 +2,7 @@
 title: The MIT License (MIT)
 category: Getting Started
 order: 9
+isWIP: true
 ---
 
 # The MIT License (MIT)

package/es/IconPropsProvider/IconPropsProvider.js

@@ -21,7 +21,8 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
-import { IconPropsContext } from "./IconPropsContext.js";
+
+import { IconPropsContext } from './IconPropsContext.js';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 const IconPropsProvider = ({
   children,

package/es/IconPropsProvider/index.js

@@ -21,7 +21,8 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
-export { IconPropsProvider } from "./IconPropsProvider.js";
-export { IconPropsContext } from "./IconPropsContext.js";
-export { useIconProps } from "./useIconProps.js";
-export { renderIconWithProps } from "./renderIconWithProps.js";
+
+export { IconPropsProvider } from './IconPropsProvider.js';
+export { IconPropsContext } from './IconPropsContext.js';
+export { useIconProps } from './useIconProps.js';
+export { renderIconWithProps } from './renderIconWithProps.js';

package/es/IconPropsProvider/renderIconWithProps.js

@@ -23,7 +23,7 @@
  */
 
 import React from 'react';
-import { IconPropsProvider } from "./IconPropsProvider.js";
+import { IconPropsProvider } from './IconPropsProvider.js';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 /**
  * Renders an icon wrapped in IconPropsProvider to apply size and color via React context.

package/es/IconPropsProvider/useIconProps.js

@@ -23,7 +23,7 @@
  */
 
 import { useContext } from 'react';
-import { IconPropsContext } from "./IconPropsContext.js";
+import { IconPropsContext } from './IconPropsContext.js';
 function useIconProps() {
   return useContext(IconPropsContext);
 }

package/es/custom/wrapCustomIcon.js

@@ -25,8 +25,9 @@
 import React, { useId, useContext } from 'react';
 import { useStyleNew } from '@instructure/emotion';
 import { passthroughProps } from '@instructure/ui-react-utils';
-import { IconPropsContext } from "../IconPropsProvider/index.js";
-import generateStyle from "../styles.js";
+import { IconPropsContext } from '../IconPropsProvider/index.js';
+import generateStyle from '../styles.js';
+
 /**
  * Unified wrapper for custom icons (both stroke and filled) rendered from a
  * JSX paths component.

package/es/index.js

@@ -21,10 +21,20 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
+
 // Shared icon utilities
-export { renderIconWithProps } from "./IconPropsProvider/index.js"; // Lucide icons
-export * from "./generated/lucide/index.js"; // Custom/brand icons
-export * from "./generated/custom/index.js"; // Re-export legacy icons for backwards compatibility
-export * from "./generated/index.js"; // Re-export as namespaces for cases where distinction is needed (e.g., icon gallery)
-export * as CustomIcons from "./generated/custom/index.js";
-export * as LucideIcons from "./generated/lucide/index.js";
+
+export { renderIconWithProps } from './IconPropsProvider/index.js';
+
+// Lucide icons
+export * from './generated/lucide/index.js';
+
+// Custom/brand icons
+export * from './generated/custom/index.js';
+
+// Re-export legacy icons for backwards compatibility
+export * from './generated/index.js';
+
+// Re-export as namespaces for cases where distinction is needed (e.g., icon gallery)
+export * as CustomIcons from './generated/custom/index.js';
+export * as LucideIcons from './generated/lucide/index.js';

package/es/lucide/wrapLucideIcon.js

@@ -25,8 +25,9 @@
 import React, { useId, useContext } from 'react';
 import { useStyleNew } from '@instructure/emotion';
 import { passthroughProps } from '@instructure/ui-react-utils';
-import { IconPropsContext } from "../IconPropsProvider/index.js";
-import generateStyle from "../styles.js";
+import { IconPropsContext } from '../IconPropsProvider/index.js';
+import generateStyle from '../styles.js';
+
 /**
  * Wraps a Lucide icon with InstUI theming, RTL support, and semantic sizing.
  * Only accepts InstUI semantic tokens (size="lg", color="baseColor").

package/lib/IconPropsProvider/IconPropsProvider.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.IconPropsProvider = void 0;
-var _IconPropsContext = require("./IconPropsContext");
+var _IconPropsContext = require("./IconPropsContext.js");
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
 /*
  * The MIT License (MIT)

package/lib/IconPropsProvider/index.js

@@ -27,7 +27,7 @@ Object.defineProperty(exports, "useIconProps", {
     return _useIconProps.useIconProps;
   }
 });
-var _IconPropsProvider = require("./IconPropsProvider");
-var _IconPropsContext = require("./IconPropsContext");
-var _useIconProps = require("./useIconProps");
-var _renderIconWithProps = require("./renderIconWithProps");
+var _IconPropsProvider = require("./IconPropsProvider.js");
+var _IconPropsContext = require("./IconPropsContext.js");
+var _useIconProps = require("./useIconProps.js");
+var _renderIconWithProps = require("./renderIconWithProps.js");

package/lib/IconPropsProvider/renderIconWithProps.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.renderIconWithProps = renderIconWithProps;
 var _react = _interopRequireDefault(require("react"));
-var _IconPropsProvider = require("./IconPropsProvider");
+var _IconPropsProvider = require("./IconPropsProvider.js");
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
 /*
  * The MIT License (MIT)

package/lib/IconPropsProvider/useIconProps.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useIconProps = useIconProps;
 var _react = require("react");
-var _IconPropsContext = require("./IconPropsContext");
+var _IconPropsContext = require("./IconPropsContext.js");
 /*
  * The MIT License (MIT)
  *

package/lib/custom/wrapCustomIcon.js

@@ -9,8 +9,8 @@ exports.wrapCustomIcon = wrapCustomIcon;
 var _react = _interopRequireWildcard(require("react"));
 var _emotion = require("@instructure/emotion");
 var _passthroughProps = require("@instructure/ui-react-utils/lib/passthroughProps.js");
-var _IconPropsProvider = require("../IconPropsProvider");
-var _styles = _interopRequireDefault(require("../styles"));
+var _index = require("../IconPropsProvider/index.js");
+var _styles = _interopRequireDefault(require("../styles.js"));
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
 /*
  * The MIT License (MIT)
@@ -66,7 +66,7 @@ function wrapCustomIcon(PathsComponent, iconName, viewBox = '0 0 24 24') {
       themeOverride,
       ...rest
     } = props;
-    const contextProps = (0, _react.useContext)(_IconPropsProvider.IconPropsContext);
+    const contextProps = (0, _react.useContext)(_index.IconPropsContext);
     const finalSize = contextProps?.size ?? size;
     const finalColor = contextProps?.color ?? color;
     const handleElementRef = el => {

package/lib/index.js

@@ -13,11 +13,11 @@ exports.LucideIcons = exports.CustomIcons = void 0;
 Object.defineProperty(exports, "renderIconWithProps", {
   enumerable: true,
   get: function () {
-    return _IconPropsProvider.renderIconWithProps;
+    return _index.renderIconWithProps;
   }
 });
-var _IconPropsProvider = require("./IconPropsProvider");
-var _LucideIcons = _interopRequireWildcard(require("./generated/lucide"));
+var _index = require("./IconPropsProvider/index.js");
+var _LucideIcons = _interopRequireWildcard(require("./generated/lucide/index.js"));
 exports.LucideIcons = _LucideIcons;
 Object.keys(_LucideIcons).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -30,7 +30,7 @@ Object.keys(_LucideIcons).forEach(function (key) {
     }
   });
 });
-var _CustomIcons = _interopRequireWildcard(require("./generated/custom"));
+var _CustomIcons = _interopRequireWildcard(require("./generated/custom/index.js"));
 exports.CustomIcons = _CustomIcons;
 Object.keys(_CustomIcons).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -43,15 +43,15 @@ Object.keys(_CustomIcons).forEach(function (key) {
     }
   });
 });
-var _generated = require("./generated");
-Object.keys(_generated).forEach(function (key) {
+var _index4 = require("./generated/index.js");
+Object.keys(_index4).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _generated[key]) return;
+  if (key in exports && exports[key] === _index4[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _generated[key];
+      return _index4[key];
     }
   });
 });

package/lib/lucide/wrapLucideIcon.js

@@ -9,8 +9,8 @@ exports.wrapLucideIcon = wrapLucideIcon;
 var _react = _interopRequireWildcard(require("react"));
 var _emotion = require("@instructure/emotion");
 var _passthroughProps = require("@instructure/ui-react-utils/lib/passthroughProps.js");
-var _IconPropsProvider = require("../IconPropsProvider");
-var _styles = _interopRequireDefault(require("../styles"));
+var _index = require("../IconPropsProvider/index.js");
+var _styles = _interopRequireDefault(require("../styles.js"));
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
 /*
  * The MIT License (MIT)
@@ -56,7 +56,7 @@ function wrapLucideIcon(Icon) {
       themeOverride,
       ...rest
     } = props;
-    const contextProps = (0, _react.useContext)(_IconPropsProvider.IconPropsContext);
+    const contextProps = (0, _react.useContext)(_index.IconPropsContext);
     const finalSize = contextProps?.size ?? size;
     const finalColor = contextProps?.color ?? color;
     const handleElementRef = el => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-icons",
-  "version": "11.7.4-snapshot-11",
+  "version": "11.7.4-snapshot-49",
   "description": "Icon set for Instructure, Inc. products",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -19,17 +19,17 @@
   "license": "MIT",
   "devDependencies": {
     "@types/node": "^22.5.4",
-    "@instructure/ui-babel-preset": "11.7.4-snapshot-11"
+    "@instructure/ui-babel-preset": "11.7.4-snapshot-49"
   },
   "dependencies": {
     "@babel/runtime": "^7.29.2",
     "lucide-react": "1.7.0",
-    "@instructure/emotion": "11.7.4-snapshot-11",
-    "@instructure/ui-react-utils": "11.7.4-snapshot-11",
-    "@instructure/ui-svg-images": "11.7.4-snapshot-11",
-    "@instructure/ui-themes": "11.7.4-snapshot-11",
-    "@instructure/shared-types": "11.7.4-snapshot-11",
-    "@instructure/ui-utils": "11.7.4-snapshot-11"
+    "@instructure/emotion": "11.7.4-snapshot-49",
+    "@instructure/shared-types": "11.7.4-snapshot-49",
+    "@instructure/ui-react-utils": "11.7.4-snapshot-49",
+    "@instructure/ui-svg-images": "11.7.4-snapshot-49",
+    "@instructure/ui-themes": "11.7.4-snapshot-49",
+    "@instructure/ui-utils": "11.7.4-snapshot-49"
   },
   "peerDependencies": {
     "react": ">=18 <=19"