@instructure/canvas-theme 10.22.1-snapshot-1 → 10.23.0

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.
 
-## [10.22.1-snapshot-1](https://github.com/instructure/instructure-ui/compare/v10.22.0...v10.22.1-snapshot-1) (2025-07-09)
+# [10.23.0](https://github.com/instructure/instructure-ui/compare/v10.22.0...v10.23.0) (2025-07-09)
 
 **Note:** Version bump only for package @instructure/canvas-theme
 

package/README.md

@@ -1,16 +1,12 @@
----
-category: packages
----
-
 ## canvas-theme
 
 [![npm][npm]][npm-url]
 [![MIT License][license-badge]][license]
 [![Code of Conduct][coc-badge]][coc]
 
-A UI component theme for Canvas LMS made by Instructure Inc.
+A UI component theme made by Instructure Inc.
 
-This theme has a 3:1 minimum contrast requirement.
+This theme has WCAG 2.1 Level AA minimum contrast requirement.
 
 ### Installation
 
@@ -22,50 +18,30 @@ npm install @instructure/canvas-theme
 
 Before mounting (rendering) your React application:
 
-- global theming:
-
-  ```js
-  import { theme } from '@instructure/canvas-theme'
-
-  theme.use()
-  ```
+```jsx
+import { theme } from '@instructure/canvas-theme'
 
-- application level theming:
-
-  ```jsx
-  import { theme } from '@instructure/canvas-theme'
-
-  ReactDOM.render(
-    <InstUISettingsProvider theme={theme}>
-      <App />
-    </InstUISettingsProvider>,
-    element
-  )
-  ```
+ReactDOM.render(
+  <InstUISettingsProvider theme={theme}>
+    <App />
+  </InstUISettingsProvider>,
+  element
+)
+```
 
 To override the variables:
 
-- globally:
+```jsx
+import { theme } from '@instructure/canvas-theme'
+const themeOverrides = { spacing: { xxxSmall: '0.3rem' } }
 
-  ```js
-  import { theme } from '@instructure/canvas-theme'
-
-  theme.use({ overrides: { spacing: { xxxSmall: '0.3rem' } } })
-  ```
-
-- application level:
-
-  ```jsx
-  import { theme } from '@instructure/canvas-theme'
-  const themeOverrides = { spacing: { xxxSmall: '0.3rem' } }
-
-  ReactDOM.render(
-    <InstUISettingsProvider theme={{ ...theme, ...themeOverrides }}>
-      <App />
-    </InstUISettingsProvider>,
-    element
-  )
-  ```
+ReactDOM.render(
+  <InstUISettingsProvider theme={{ ...theme, ...themeOverrides }}>
+    <App />
+  </InstUISettingsProvider>,
+  element
+)
+```
 
 [npm]: https://img.shields.io/npm/v/@instructure/canvas-theme.svg
 [npm-url]: https://npmjs.com/package/@instructure/canvas-theme

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/canvas-theme",
-  "version": "10.22.1-snapshot-1",
+  "version": "10.23.0",
   "description": "A theme for Canvas LMS made by Instructure Inc.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -22,13 +22,13 @@
   },
   "license": "MIT",
   "devDependencies": {
-    "@instructure/ui-babel-preset": "10.22.1-snapshot-1"
+    "@instructure/ui-babel-preset": "10.23.0"
   },
   "dependencies": {
     "@babel/runtime": "^7.27.6",
-    "@instructure/shared-types": "10.22.1-snapshot-1",
-    "@instructure/theme-registry": "10.22.1-snapshot-1",
-    "@instructure/ui-themes": "10.22.1-snapshot-1"
+    "@instructure/shared-types": "10.23.0",
+    "@instructure/theme-registry": "10.23.0",
+    "@instructure/ui-themes": "10.23.0"
   },
   "publishConfig": {
     "access": "public"