@instructure/ui-heading 11.7.4-snapshot-4 → 11.7.4-snapshot-183

package/CHANGELOG.md

@@ -3,9 +3,54 @@
 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-4](https://github.com/instructure/instructure-ui/compare/v11.7.3...v11.7.4-snapshot-4) (2026-05-12)
+## [11.7.4-snapshot-183](https://github.com/instructure/instructure-ui/compare/v11.6.0...v11.7.4-snapshot-183) (2026-05-14)
 
-**Note:** Version bump only for package @instructure/ui-heading
+
+### Bug Fixes
+
+* **many:** fix doc component previews, update dark theme text and code block styles, and replace old icons ([34b7369](https://github.com/instructure/instructure-ui/commit/34b73699cefaf5877b1e497c50a41a27d15c88aa))
+* **many:** update dependencies, remove lots of Babel plugins, remove Webpack 4 support ([98ff8e8](https://github.com/instructure/instructure-ui/commit/98ff8e8126a70d8496d6967795a8fbb2779c6fd9))
+
+
+### Features
+
+* **many:** add solution for using both old and new token system in the same app ([688a713](https://github.com/instructure/instructure-ui/commit/688a713ff715433bb085323dbad61285387c5141))
+* **many:** remove deprecated v2 items ([eaf8876](https://github.com/instructure/instructure-ui/commit/eaf88767c9beb95c4e09ee5705c387dfd79e4cb7))
+* **ui-heading:** rework Heading ([b8d5995](https://github.com/instructure/instructure-ui/commit/b8d5995bd0b7d11db6a4d83a96cef74c434ab40f))
+* **ui-instructure:** rework DataPermissionLevels and NutritionFacts ([62c090a](https://github.com/instructure/instructure-ui/commit/62c090aebabd1b39669d06c844a2533a93c6e65d))
+
+
+### BREAKING CHANGES
+
+* **many:** Removed FormFieldLabel component
+
+Removed _content prop from DrawerLayout.Tray and DrawerLayout.Content
+
+Removed _link prop from Link
+
+Removed _node prop from Menu.Item
+
+Removed _root prop from Pagination, TreeBrowser
+
+Removed _select prop from SimpleSelect and TimeSelect
+
+Removed _ref prop from TruncateText
+
+Removed _element prop from View
+
+Removed color="ai" from Heading
+
+Removed variant="inline-small" and variant="standalone-small" from Link
+
+Removed title prop from Tag
+
+Removed focusRingBorderRadius prop from View
+
+Removed hideActionsUserSeparator prop from TopNavBar.Layout
+
+Removed handleFocusOutlineColor, handleFocusOutlineWidth, handleShadowColor from RangeInput
+
+INSTUI-5025
 
 
 

package/es/Heading/v2/styles.js

@@ -140,16 +140,6 @@ const generateStyle = (componentTheme, props) => {
     },
     'secondary-on': {
       color: componentTheme.mutedOnColor
-    },
-    ai: {
-      background: `
-        linear-gradient(to bottom, ${componentTheme.aiTextTopGradientColor} 0%, ${componentTheme.aiTextBottomGradientColor} 100%) text`,
-      border: 'solid transparent',
-      WebkitTextFillColor: 'transparent',
-      '@media print': {
-        background: 'transparent',
-        WebkitTextFillColor: 'unset'
-      }
     }
   };
   const borderStyles = {

package/lib/Heading/v2/styles.js

@@ -146,16 +146,6 @@ const generateStyle = (componentTheme, props) => {
     },
     'secondary-on': {
       color: componentTheme.mutedOnColor
-    },
-    ai: {
-      background: `
-        linear-gradient(to bottom, ${componentTheme.aiTextTopGradientColor} 0%, ${componentTheme.aiTextBottomGradientColor} 100%) text`,
-      border: 'solid transparent',
-      WebkitTextFillColor: 'transparent',
-      '@media print': {
-        background: 'transparent',
-        WebkitTextFillColor: 'unset'
-      }
     }
   };
   const borderStyles = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-heading",
-  "version": "11.7.4-snapshot-4",
+  "version": "11.7.4-snapshot-183",
   "description": "A component for creating typographic headings",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -15,20 +15,20 @@
   "license": "MIT",
   "dependencies": {
     "@babel/runtime": "^7.29.2",
-    "@instructure/console": "11.7.4-snapshot-4",
-    "@instructure/emotion": "11.7.4-snapshot-4",
-    "@instructure/shared-types": "11.7.4-snapshot-4",
-    "@instructure/ui-icons": "11.7.4-snapshot-4",
-    "@instructure/ui-react-utils": "11.7.4-snapshot-4",
-    "@instructure/ui-themes": "11.7.4-snapshot-4",
-    "@instructure/ui-view": "11.7.4-snapshot-4"
+    "@instructure/emotion": "11.7.4-snapshot-183",
+    "@instructure/console": "11.7.4-snapshot-183",
+    "@instructure/shared-types": "11.7.4-snapshot-183",
+    "@instructure/ui-icons": "11.7.4-snapshot-183",
+    "@instructure/ui-react-utils": "11.7.4-snapshot-183",
+    "@instructure/ui-themes": "11.7.4-snapshot-183",
+    "@instructure/ui-view": "11.7.4-snapshot-183"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "15.0.7",
     "vitest": "^3.2.2",
-    "@instructure/ui-axe-check": "11.7.4-snapshot-4",
-    "@instructure/ui-babel-preset": "11.7.4-snapshot-4"
+    "@instructure/ui-axe-check": "11.7.4-snapshot-183",
+    "@instructure/ui-babel-preset": "11.7.4-snapshot-183"
   },
   "peerDependencies": {
     "react": ">=18 <=19"

package/src/Heading/v2/props.ts

@@ -51,7 +51,7 @@ type HeadingOwnProps = {
    */
   border?: 'none' | 'top' | 'bottom'
   /**
-   * The font color to render, NOTE: `ai` color is deprecated. Use the `aiVariant` prop instead
+   * The font color to render
    */
   color?:
     | 'primary'
@@ -61,7 +61,6 @@ type HeadingOwnProps = {
     | 'inherit'
     | 'primary-on'
     | 'secondary-on'
-    | 'ai'
   /**
    * The level of the heading in the DOM: h1 is largest; h6 is smallest.
    */

package/src/Heading/v2/styles.ts

@@ -129,17 +129,7 @@ const generateStyle = (
     'primary-inverse': { color: componentTheme.inverseColor },
     'secondary-inverse': { color: componentTheme.inverseColor },
     'primary-on': { color: componentTheme.baseOnColor },
-    'secondary-on': { color: componentTheme.mutedOnColor },
-    ai: {
-      background: `
-        linear-gradient(to bottom, ${componentTheme.aiTextTopGradientColor} 0%, ${componentTheme.aiTextBottomGradientColor} 100%) text`,
-      border: 'solid transparent',
-      WebkitTextFillColor: 'transparent',
-      '@media print': {
-        background: 'transparent',
-        WebkitTextFillColor: 'unset'
-      }
-    }
+    'secondary-on': { color: componentTheme.mutedOnColor }
   }
 
   const borderStyles = {