@instructure/ui-alerts 11.7.8-snapshot-5 → 11.7.8-snapshot-6

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

package/es/Alert/v2/index.js

@@ -36,13 +36,15 @@ import { logError as error } from '@instructure/console';
 import { withStyleNew } from '@instructure/emotion';
 import generateStyle from './styles.js';
 import { allowedProps } from './props.js';
-import { jsxs as _jsxs, jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { frozenThemesDesignTokensV1 } from '@instructure/ui-themes';
+
 /**
 ---
 category: components
 ---
 **/
-let Alert = (_dec = withDeterministicId(), _dec2 = withStyleNew(generateStyle), _dec(_class = _dec2(_class = class Alert extends Component {
+import { jsxs as _jsxs, jsx as _jsx } from "@emotion/react/jsx-runtime";
+let Alert = (_dec = withDeterministicId(), _dec2 = withStyleNew(generateStyle, null, frozenThemesDesignTokensV1), _dec(_class = _dec2(_class = class Alert extends Component {
   static displayName = 'Alert';
   static componentId = 'Alert';
   static allowedProps = allowedProps;

package/lib/Alert/v2/index.js

@@ -20,6 +20,7 @@ var _console = require("@instructure/console");
 var _emotion = require("@instructure/emotion");
 var _styles = _interopRequireDefault(require("./styles.js"));
 var _props = require("./props.js");
+var _uiThemes = require("@instructure/ui-themes");
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
 var _dec, _dec2, _class;
 /*
@@ -50,7 +51,7 @@ var _dec, _dec2, _class;
 category: components
 ---
 **/
-let Alert = exports.Alert = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0, _emotion.withStyleNew)(_styles.default), _dec(_class = _dec2(_class = class Alert extends _react.Component {
+let Alert = exports.Alert = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0, _emotion.withStyleNew)(_styles.default, null, _uiThemes.frozenThemesDesignTokensV1), _dec(_class = _dec2(_class = class Alert extends _react.Component {
   static displayName = 'Alert';
   static componentId = 'Alert';
   static allowedProps = _props.allowedProps;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-alerts",
-  "version": "11.7.8-snapshot-5",
+  "version": "11.7.8-snapshot-6",
   "description": "An alert component",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -16,23 +16,23 @@
   "dependencies": {
     "@babel/runtime": "^7.29.7",
     "keycode": "^2",
-    "@instructure/console": "11.7.8-snapshot-5",
-    "@instructure/shared-types": "11.7.8-snapshot-5",
-    "@instructure/ui-a11y-content": "11.7.8-snapshot-5",
-    "@instructure/emotion": "11.7.8-snapshot-5",
-    "@instructure/ui-buttons": "11.7.8-snapshot-5",
-    "@instructure/ui-icons": "11.7.8-snapshot-5",
-    "@instructure/ui-motion": "11.7.8-snapshot-5",
-    "@instructure/ui-react-utils": "11.7.8-snapshot-5",
-    "@instructure/ui-view": "11.7.8-snapshot-5",
-    "@instructure/ui-themes": "11.7.8-snapshot-5"
+    "@instructure/console": "11.7.8-snapshot-6",
+    "@instructure/emotion": "11.7.8-snapshot-6",
+    "@instructure/shared-types": "11.7.8-snapshot-6",
+    "@instructure/ui-a11y-content": "11.7.8-snapshot-6",
+    "@instructure/ui-buttons": "11.7.8-snapshot-6",
+    "@instructure/ui-icons": "11.7.8-snapshot-6",
+    "@instructure/ui-react-utils": "11.7.8-snapshot-6",
+    "@instructure/ui-motion": "11.7.8-snapshot-6",
+    "@instructure/ui-view": "11.7.8-snapshot-6",
+    "@instructure/ui-themes": "11.7.8-snapshot-6"
   },
   "devDependencies": {
     "vitest": "^5.0.0",
-    "@instructure/ui-babel-preset": "11.7.8-snapshot-5",
-    "@instructure/ui-color-utils": "11.7.8-snapshot-5",
-    "@instructure/ui-axe-check": "11.7.8-snapshot-5",
-    "@instructure/ui-scripts": "11.7.8-snapshot-5"
+    "@instructure/ui-axe-check": "11.7.8-snapshot-6",
+    "@instructure/ui-babel-preset": "11.7.8-snapshot-6",
+    "@instructure/ui-color-utils": "11.7.8-snapshot-6",
+    "@instructure/ui-scripts": "11.7.8-snapshot-6"
   },
   "peerDependencies": {
     "react": ">=18 <=19",

package/src/Alert/v2/index.tsx

@@ -49,6 +49,7 @@ import generateStyle from './styles.js'
 
 import { allowedProps } from './props.js'
 import type { AlertProps, AlertState } from './props'
+import { frozenThemesDesignTokensV1 } from '@instructure/ui-themes'
 
 /**
 ---
@@ -56,7 +57,7 @@ category: components
 ---
 **/
 @withDeterministicId()
-@withStyleNew(generateStyle)
+@withStyleNew(generateStyle, null, frozenThemesDesignTokensV1)
 class Alert extends Component<AlertProps, AlertState> {
   static displayName = 'Alert'
   static readonly componentId = 'Alert'

package/src/Alert/v2/props.ts

@@ -29,9 +29,9 @@ import type {
   WithStyleProps,
   ComponentStyle
 } from '@instructure/emotion'
-import type { NewComponentTypes } from '@instructure/ui-themes'
 import type { Renderable } from '@instructure/shared-types'
 import type { WithDeterministicIdProps } from '@instructure/ui-react-utils'
+import type { DesignTokensV1ComponentTypes } from '@instructure/ui-themes'
 
 type AlertOwnProps = {
   /**
@@ -122,7 +122,10 @@ type PropKeys = keyof AlertOwnProps
 type AllowedPropKeys = Readonly<Array<PropKeys>>
 
 type AlertProps = AlertOwnProps &
-  WithStyleProps<ReturnType<NewComponentTypes['Alert']>, AlertStyle> &
+  WithStyleProps<
+    ReturnType<DesignTokensV1ComponentTypes['Alert']>,
+    AlertStyle
+  > &
   WithDeterministicIdProps
 
 type AlertStyle = ComponentStyle<

package/src/Alert/v2/styles.ts

@@ -22,8 +22,9 @@
  * SOFTWARE.
  */
 import { boxShadowObjectsToCSSString } from '@instructure/ui-themes'
-import type { NewComponentTypes, SharedTokens } from '@instructure/ui-themes'
+import type { SharedTokens } from '@instructure/ui-themes'
 import type { AlertProps, AlertStyle } from './props'
+import type { DesignTokensV1ComponentTypes } from '@instructure/ui-themes'
 
 /**
  * ---
@@ -36,7 +37,7 @@ import type { AlertProps, AlertStyle } from './props'
  * @return {Object} The final style object, which will be used in the component
  */
 const generateStyle = (
-  componentTheme: ReturnType<NewComponentTypes['Alert']>,
+  componentTheme: ReturnType<DesignTokensV1ComponentTypes['Alert']>,
   props: AlertProps,
   sharedTokens: SharedTokens
 ): AlertStyle => {