@instructure/ui-avatar 11.7.3-snapshot-33 → 11.7.3-snapshot-38

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.3-snapshot-33](https://github.com/instructure/instructure-ui/compare/v11.7.2...v11.7.3-snapshot-33) (2026-05-07)
+## [11.7.3-snapshot-38](https://github.com/instructure/instructure-ui/compare/v11.7.2...v11.7.3-snapshot-38) (2026-05-07)
 
 
 ### Bug Fixes
@@ -11,6 +11,11 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 * **many:** update dependencies, remove lots of Babel plugins, remove Webpack 4 support ([f916fca](https://github.com/instructure/instructure-ui/commit/f916fcafdddcb2d7de401f93e8ff92cfdfa47bba))
 
 
+### Features
+
+* **many:** add a way for consumers to pass their own component theme definition so they can build their own components with InstUI ([ce01c3e](https://github.com/instructure/instructure-ui/commit/ce01c3eedc46aa2588f4c8309a6eabf4461aaec7))
+
+
 
 
 

package/es/Avatar/v1/index.js

@@ -22,7 +22,7 @@
  * SOFTWARE.
  */
 
-import { useStyleLegacy as useStyle } from '@instructure/emotion';
+import { useStyle as useStyleNew } from '@instructure/emotion';
 import { useState, useEffect, forwardRef, useRef } from 'react';
 import { View } from '@instructure/ui-view/v11_6';
 import { callRenderProp, passthroughProps } from '@instructure/ui-react-utils';
@@ -54,7 +54,7 @@ const Avatar = /*#__PURE__*/forwardRef(({
 }, ref) => {
   const imgRef = useRef(null);
   const [loaded, setLoaded] = useState(false);
-  const styles = useStyle({
+  const styles = useStyleNew({
     generateStyle,
     generateComponentTheme,
     params: {

package/es/Avatar/v2/index.js

@@ -22,7 +22,7 @@
  * SOFTWARE.
  */
 
-import { useStyle } from '@instructure/emotion';
+import { useStyleNew } from '@instructure/emotion';
 import { useState, useEffect, forwardRef } from 'react';
 import { passthroughProps } from '@instructure/ui-react-utils';
 import { renderIconWithProps } from '@instructure/ui-icons';
@@ -61,7 +61,7 @@ const Avatar = /*#__PURE__*/forwardRef((props, ref) => {
     margin
   } = props;
   const [loaded, setLoaded] = useState(false);
-  const styles = useStyle({
+  const styles = useStyleNew({
     generateStyle,
     themeOverride,
     params: {

package/lib/Avatar/v1/index.js

@@ -61,7 +61,7 @@ category: components
 }, ref) => {
   const imgRef = (0, _react.useRef)(null);
   const [loaded, setLoaded] = (0, _react.useState)(false);
-  const styles = (0, _emotion.useStyleLegacy)({
+  const styles = (0, _emotion.useStyle)({
     generateStyle: _styles.default,
     generateComponentTheme: _theme.default,
     params: {

package/lib/Avatar/v2/index.js

@@ -68,7 +68,7 @@ const Avatar = exports.Avatar = /*#__PURE__*/(0, _react.forwardRef)((props, ref)
     margin
   } = props;
   const [loaded, setLoaded] = (0, _react.useState)(false);
-  const styles = (0, _emotion.useStyle)({
+  const styles = (0, _emotion.useStyleNew)({
     generateStyle: _styles.default,
     themeOverride,
     params: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-avatar",
-  "version": "11.7.3-snapshot-33",
+  "version": "11.7.3-snapshot-38",
   "description": "An image or letters that represents a user.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -15,20 +15,20 @@
   "license": "MIT",
   "dependencies": {
     "@babel/runtime": "^7.29.2",
-    "@instructure/emotion": "11.7.3-snapshot-33",
-    "@instructure/shared-types": "11.7.3-snapshot-33",
-    "@instructure/ui-icons": "11.7.3-snapshot-33",
-    "@instructure/ui-react-utils": "11.7.3-snapshot-33",
-    "@instructure/ui-themes": "11.7.3-snapshot-33",
-    "@instructure/ui-view": "11.7.3-snapshot-33"
+    "@instructure/emotion": "11.7.3-snapshot-38",
+    "@instructure/shared-types": "11.7.3-snapshot-38",
+    "@instructure/ui-icons": "11.7.3-snapshot-38",
+    "@instructure/ui-react-utils": "11.7.3-snapshot-38",
+    "@instructure/ui-themes": "11.7.3-snapshot-38",
+    "@instructure/ui-view": "11.7.3-snapshot-38"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "15.0.7",
     "vitest": "^3.2.2",
-    "@instructure/ui-axe-check": "11.7.3-snapshot-33",
-    "@instructure/ui-babel-preset": "11.7.3-snapshot-33",
-    "@instructure/ui-color-utils": "11.7.3-snapshot-33"
+    "@instructure/ui-axe-check": "11.7.3-snapshot-38",
+    "@instructure/ui-babel-preset": "11.7.3-snapshot-38",
+    "@instructure/ui-color-utils": "11.7.3-snapshot-38"
   },
   "peerDependencies": {
     "react": ">=18 <=19"

package/src/Avatar/v1/index.tsx

@@ -22,7 +22,7 @@
  * SOFTWARE.
  */
 
-import { useStyleLegacy as useStyle } from '@instructure/emotion'
+import { useStyle as useStyleNew } from '@instructure/emotion'
 import {
   useState,
   SyntheticEvent,
@@ -69,7 +69,7 @@ const Avatar = forwardRef(
     const imgRef = useRef<HTMLImageElement>(null)
     const [loaded, setLoaded] = useState(false)
 
-    const styles = useStyle({
+    const styles = useStyleNew({
       generateStyle,
       generateComponentTheme,
       params: {

package/src/Avatar/v2/index.tsx

@@ -22,7 +22,7 @@
  * SOFTWARE.
  */
 
-import { useStyle } from '@instructure/emotion'
+import { useStyleNew } from '@instructure/emotion'
 import { useState, useEffect, forwardRef, SyntheticEvent } from 'react'
 
 import { passthroughProps } from '@instructure/ui-react-utils'
@@ -65,7 +65,7 @@ const Avatar = forwardRef<HTMLDivElement, AvatarProps>(
     } = props
     const [loaded, setLoaded] = useState(false)
 
-    const styles = useStyle({
+    const styles = useStyleNew({
       generateStyle,
       themeOverride,
       params: {