@instructure/ui-instructure 11.7.3-snapshot-4 → 11.7.3-snapshot-7

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-4](https://github.com/instructure/instructure-ui/compare/v11.7.2...v11.7.3-snapshot-4) (2026-04-28)
+## [11.7.3-snapshot-7](https://github.com/instructure/instructure-ui/compare/v11.7.2...v11.7.3-snapshot-7) (2026-04-29)
 
 **Note:** Version bump only for package @instructure/ui-instructure
 

package/es/AiInformation/v2/styles.js

@@ -28,11 +28,9 @@
  * ---
  * Generates the style object from the theme and provided additional information
  * @param componentTheme The theme variable object.
- * @param params Additional parameters to customize the style.
- * @param sharedTokens Shared token object that stores common values for the theme.
  * @return The final style object, which will be used in the component
  */
-const generateStyle = (componentTheme, _params, _sharedTokens) => {
+const generateStyle = componentTheme => {
   return {
     aiInformation: {
       label: 'ai-information',

package/es/DataPermissionLevels/v2/styles.js

@@ -28,11 +28,9 @@
  * ---
  * Generates the style object from the theme and provided additional information
  * @param componentTheme The theme variable object.
- * @param params Additional parameters to customize the style.
- * @param sharedTokens Shared token object that stores common values for the theme.
  * @return The final style object, which will be used in the component
  */
-const generateStyle = (componentTheme, _params, _sharedTokens) => {
+const generateStyle = componentTheme => {
   return {
     dataPermissionLevels: {
       label: 'data-permission-levels'

package/es/NutritionFacts/v2/styles.js

@@ -28,11 +28,9 @@
  * ---
  * Generates the style object from the theme and provided additional information
  * @param componentTheme The theme variable object.
- * @param params Additional parameters to customize the style.
- * @param sharedTokens Shared token object that stores common values for the theme.
  * @return The final style object, which will be used in the component
  */
-const generateStyle = (componentTheme, _params, _sharedTokens) => {
+const generateStyle = componentTheme => {
   return {
     segmentCard: {
       label: 'nutrition-facts__segment-card',

package/lib/AiInformation/v2/styles.js

@@ -34,11 +34,9 @@ exports.default = void 0;
  * ---
  * Generates the style object from the theme and provided additional information
  * @param componentTheme The theme variable object.
- * @param params Additional parameters to customize the style.
- * @param sharedTokens Shared token object that stores common values for the theme.
  * @return The final style object, which will be used in the component
  */
-const generateStyle = (componentTheme, _params, _sharedTokens) => {
+const generateStyle = componentTheme => {
   return {
     aiInformation: {
       label: 'ai-information',

package/lib/DataPermissionLevels/v2/styles.js

@@ -34,11 +34,9 @@ exports.default = void 0;
  * ---
  * Generates the style object from the theme and provided additional information
  * @param componentTheme The theme variable object.
- * @param params Additional parameters to customize the style.
- * @param sharedTokens Shared token object that stores common values for the theme.
  * @return The final style object, which will be used in the component
  */
-const generateStyle = (componentTheme, _params, _sharedTokens) => {
+const generateStyle = componentTheme => {
   return {
     dataPermissionLevels: {
       label: 'data-permission-levels'

package/lib/NutritionFacts/v2/styles.js

@@ -34,11 +34,9 @@ exports.default = void 0;
  * ---
  * Generates the style object from the theme and provided additional information
  * @param componentTheme The theme variable object.
- * @param params Additional parameters to customize the style.
- * @param sharedTokens Shared token object that stores common values for the theme.
  * @return The final style object, which will be used in the component
  */
-const generateStyle = (componentTheme, _params, _sharedTokens) => {
+const generateStyle = componentTheme => {
   return {
     segmentCard: {
       label: 'nutrition-facts__segment-card',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-instructure",
-  "version": "11.7.3-snapshot-4",
+  "version": "11.7.3-snapshot-7",
   "description": "Collection of specific components for Instructure products",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -15,26 +15,26 @@
   "license": "MIT",
   "dependencies": {
     "@babel/runtime": "^7.27.6",
-    "@instructure/emotion": "11.7.3-snapshot-4",
-    "@instructure/ui-buttons": "11.7.3-snapshot-4",
-    "@instructure/shared-types": "11.7.3-snapshot-4",
-    "@instructure/ui-heading": "11.7.3-snapshot-4",
-    "@instructure/ui-icons": "11.7.3-snapshot-4",
-    "@instructure/ui-link": "11.7.3-snapshot-4",
-    "@instructure/ui-modal": "11.7.3-snapshot-4",
-    "@instructure/ui-text": "11.7.3-snapshot-4",
-    "@instructure/ui-react-utils": "11.7.3-snapshot-4",
-    "@instructure/ui-view": "11.7.3-snapshot-4",
-    "@instructure/ui-popover": "11.7.3-snapshot-4"
+    "@instructure/ui-buttons": "11.7.3-snapshot-7",
+    "@instructure/emotion": "11.7.3-snapshot-7",
+    "@instructure/ui-heading": "11.7.3-snapshot-7",
+    "@instructure/ui-icons": "11.7.3-snapshot-7",
+    "@instructure/ui-link": "11.7.3-snapshot-7",
+    "@instructure/ui-modal": "11.7.3-snapshot-7",
+    "@instructure/ui-popover": "11.7.3-snapshot-7",
+    "@instructure/ui-react-utils": "11.7.3-snapshot-7",
+    "@instructure/ui-text": "11.7.3-snapshot-7",
+    "@instructure/ui-themes": "11.7.3-snapshot-7",
+    "@instructure/ui-view": "11.7.3-snapshot-7",
+    "@instructure/shared-types": "11.7.3-snapshot-7"
   },
   "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-4",
-    "@instructure/ui-babel-preset": "11.7.3-snapshot-4",
-    "@instructure/ui-themes": "11.7.3-snapshot-4",
-    "@instructure/ui-color-utils": "11.7.3-snapshot-4"
+    "@instructure/ui-axe-check": "11.7.3-snapshot-7",
+    "@instructure/ui-babel-preset": "11.7.3-snapshot-7",
+    "@instructure/ui-color-utils": "11.7.3-snapshot-7"
   },
   "peerDependencies": {
     "react": ">=18 <=19"

package/src/AiInformation/v2/props.ts

@@ -21,10 +21,12 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
-import type { ComponentStyle, ThemeOverrideValue } from '@instructure/emotion'
+
+import type { ComponentStyle, NewThemeOverrideProp } from '@instructure/emotion'
 import type { OtherHTMLAttributes, Renderable } from '@instructure/shared-types'
 import type { NutritionFactsProps } from '../../NutritionFacts/v1/props'
 import type { DataPermissionLevelsProps } from '../../DataPermissionLevels/v1/props'
+import type { NewComponentTypes } from '@instructure/ui-themes'
 
 type AiInformationOwnProps = {
   /**
@@ -119,9 +121,9 @@ type PropKeys = keyof AiInformationOwnProps
 
 type AllowedPropKeys = Readonly<Array<PropKeys>>
 
-type AiInformationProps = AiInformationOwnProps & {
-  themeOverride?: ThemeOverrideValue
-} & OtherHTMLAttributes<AiInformationOwnProps>
+type AiInformationProps = AiInformationOwnProps &
+  NewThemeOverrideProp<ReturnType<NewComponentTypes['AiInformation']>> &
+  OtherHTMLAttributes<AiInformationOwnProps>
 
 type AiInformationStyle = ComponentStyle<
   | 'aiInformation'

package/src/AiInformation/v2/styles.ts

@@ -22,8 +22,8 @@
  * SOFTWARE.
  */
 
-import type { NewComponentTypes, SharedTokens } from '@instructure/ui-themes'
-import type { AiInformationStyle, AiInformationProps } from './props'
+import type { NewComponentTypes } from '@instructure/ui-themes'
+import type { AiInformationStyle } from './props'
 
 /**
  * ---
@@ -31,14 +31,10 @@ import type { AiInformationStyle, AiInformationProps } from './props'
  * ---
  * Generates the style object from the theme and provided additional information
  * @param componentTheme The theme variable object.
- * @param params Additional parameters to customize the style.
- * @param sharedTokens Shared token object that stores common values for the theme.
  * @return The final style object, which will be used in the component
  */
 const generateStyle = (
-  componentTheme: ReturnType<NewComponentTypes['AiInformation']>,
-  _params: AiInformationProps,
-  _sharedTokens: SharedTokens
+  componentTheme: ReturnType<NewComponentTypes['AiInformation']>
 ): AiInformationStyle => {
   return {
     aiInformation: {

package/src/DataPermissionLevels/v2/props.ts

@@ -22,8 +22,9 @@
  * SOFTWARE.
  */
 
-import type { ComponentStyle, ThemeOverrideValue } from '@instructure/emotion'
+import type { ComponentStyle, NewThemeOverrideProp } from '@instructure/emotion'
 import type { OtherHTMLAttributes } from '@instructure/shared-types'
+import type { NewComponentTypes } from '@instructure/ui-themes'
 
 type DataPermissionLevelsOwnProps = {
   /**
@@ -73,9 +74,9 @@ type PropKeys = keyof DataPermissionLevelsOwnProps
 
 type AllowedPropKeys = Readonly<Array<PropKeys>>
 
-type DataPermissionLevelsProps = DataPermissionLevelsOwnProps & {
-  themeOverride?: ThemeOverrideValue
-} & OtherHTMLAttributes<DataPermissionLevelsOwnProps>
+type DataPermissionLevelsProps = DataPermissionLevelsOwnProps &
+  NewThemeOverrideProp<ReturnType<NewComponentTypes['DataPermissionLevels']>> &
+  OtherHTMLAttributes<DataPermissionLevelsOwnProps>
 
 type DataPermissionLevelsStyle = ComponentStyle<
   | 'dataPermissionLevels'

package/src/DataPermissionLevels/v2/styles.ts

@@ -22,11 +22,8 @@
  * SOFTWARE.
  */
 
-import type { NewComponentTypes, SharedTokens } from '@instructure/ui-themes'
-import type {
-  DataPermissionLevelsProps,
-  DataPermissionLevelsStyle
-} from './props'
+import type { NewComponentTypes } from '@instructure/ui-themes'
+import type { DataPermissionLevelsStyle } from './props'
 
 /**
  * ---
@@ -34,14 +31,10 @@ import type {
  * ---
  * Generates the style object from the theme and provided additional information
  * @param componentTheme The theme variable object.
- * @param params Additional parameters to customize the style.
- * @param sharedTokens Shared token object that stores common values for the theme.
  * @return The final style object, which will be used in the component
  */
 const generateStyle = (
-  componentTheme: ReturnType<NewComponentTypes['DataPermissionLevels']>,
-  _params: DataPermissionLevelsProps,
-  _sharedTokens: SharedTokens
+  componentTheme: ReturnType<NewComponentTypes['DataPermissionLevels']>
 ): DataPermissionLevelsStyle => {
   return {
     dataPermissionLevels: {

package/src/NutritionFacts/v2/props.ts

@@ -22,8 +22,9 @@
  * SOFTWARE.
  */
 
-import type { ComponentStyle, ThemeOverrideValue } from '@instructure/emotion'
+import type { ComponentStyle, NewThemeOverrideProp } from '@instructure/emotion'
 import type { OtherHTMLAttributes } from '@instructure/shared-types'
+import type { NewComponentTypes } from '@instructure/ui-themes'
 
 type BlockType = {
   blockTitle: string
@@ -74,9 +75,9 @@ type PropKeys = keyof NutritionFactsOwnProps
 
 type AllowedPropKeys = Readonly<Array<PropKeys>>
 
-type NutritionFactsProps = NutritionFactsOwnProps & {
-  themeOverride?: ThemeOverrideValue
-} & OtherHTMLAttributes<NutritionFactsOwnProps>
+type NutritionFactsProps = NutritionFactsOwnProps &
+  NewThemeOverrideProp<ReturnType<NewComponentTypes['NutritionFacts']>> &
+  OtherHTMLAttributes<NutritionFactsOwnProps>
 
 type NutritionFactsStyle = ComponentStyle<
   | 'segmentCard'

package/src/NutritionFacts/v2/styles.ts

@@ -22,8 +22,8 @@
  * SOFTWARE.
  */
 
-import type { NewComponentTypes, SharedTokens } from '@instructure/ui-themes'
-import type { NutritionFactsProps, NutritionFactsStyle } from './props'
+import type { NewComponentTypes } from '@instructure/ui-themes'
+import type { NutritionFactsStyle } from './props'
 
 /**
  * ---
@@ -31,14 +31,10 @@ import type { NutritionFactsProps, NutritionFactsStyle } from './props'
  * ---
  * Generates the style object from the theme and provided additional information
  * @param componentTheme The theme variable object.
- * @param params Additional parameters to customize the style.
- * @param sharedTokens Shared token object that stores common values for the theme.
  * @return The final style object, which will be used in the component
  */
 const generateStyle = (
-  componentTheme: ReturnType<NewComponentTypes['NutritionFacts']>,
-  _params: NutritionFactsProps,
-  _sharedTokens: SharedTokens
+  componentTheme: ReturnType<NewComponentTypes['NutritionFacts']>
 ): NutritionFactsStyle => {
   return {
     segmentCard: {