@instructure/canvas-theme 11.7.2-snapshot-12 → 11.7.2-snapshot-18

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.2-snapshot-12](https://github.com/instructure/instructure-ui/compare/v11.7.1...v11.7.2-snapshot-12) (2026-03-31)
+## [11.7.2-snapshot-18](https://github.com/instructure/instructure-ui/compare/v11.7.1...v11.7.2-snapshot-18) (2026-04-01)
 
 **Note:** Version bump only for package @instructure/canvas-theme
 

package/package.json

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

package/tokens/scss/_variables.scss

@@ -2542,13 +2542,16 @@ $instui-canvas-new-theme-components-byline-small: 30em;
 $instui-canvas-new-theme-components-side-nav-bar-new-background-color: #334450;
 $instui-canvas-new-theme-components-side-nav-bar-new-fill: #ffffff;
 $instui-canvas-new-theme-components-side-nav-bar-new-font-color: #ffffff;
-$instui-canvas-new-theme-components-side-nav-bar-new-minimized-width: 3.375rem;
+$instui-canvas-new-theme-components-side-nav-bar-new-minimizedmin-width: 3.375rem;
 $instui-canvas-new-theme-components-side-nav-bar-new-toggle-transition: 300ms;
-$instui-canvas-new-theme-components-side-nav-bar-new-width: 5.25rem;
+$instui-canvas-new-theme-components-side-nav-bar-new-min-width: 5.25rem;
 $instui-canvas-new-theme-components-side-nav-bar-new-margin: 0rem;
 $instui-canvas-new-theme-components-side-nav-bar-new-minimized-margin: 0rem;
-$instui-canvas-new-theme-components-side-nav-bar-new-content-margin: 0rem;
-$instui-canvas-new-theme-components-side-nav-bar-new-content-gap: 0rem;
+$instui-canvas-new-theme-components-side-nav-bar-new-main-nav-margin: 0rem;
+$instui-canvas-new-theme-components-side-nav-bar-new-main-nav-minimized-margin: 0rem;
+$instui-canvas-new-theme-components-side-nav-bar-new-main-nav-gap: 0.5rem;
+$instui-canvas-new-theme-components-side-nav-bar-new-main-nav-minimized-gap: 0rem;
+$instui-canvas-new-theme-components-side-nav-bar-new-nav-items-gap: 0rem;
 $instui-canvas-new-theme-components-side-nav-bar-new-box-shadow-0-x: 0rem;
 $instui-canvas-new-theme-components-side-nav-bar-new-box-shadow-0-y: 0rem;
 $instui-canvas-new-theme-components-side-nav-bar-new-box-shadow-0-blur: 0rem;
@@ -2567,7 +2570,8 @@ $instui-canvas-new-theme-components-side-nav-bar-new-border-color: #8D959F;
 $instui-canvas-new-theme-components-side-nav-bar-item-new-icon-wrapper-height: 2.25rem;
 $instui-canvas-new-theme-components-side-nav-bar-item-new-border-radius: 0rem;
 $instui-canvas-new-theme-components-side-nav-bar-item-new-background-color: transparent;
-$instui-canvas-new-theme-components-side-nav-bar-item-new-content-padding: 0.375rem;
+$instui-canvas-new-theme-components-side-nav-bar-item-new-horizontal-padding: 0.375rem;
+$instui-canvas-new-theme-components-side-nav-bar-item-new-vertical-padding: 0.25rem;
 $instui-canvas-new-theme-components-side-nav-bar-item-new-font-color: #ffffff;
 $instui-canvas-new-theme-components-side-nav-bar-item-new-font-family: Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;
 $instui-canvas-new-theme-components-side-nav-bar-item-new-font-size: 0.875rem;
@@ -2581,6 +2585,8 @@ $instui-canvas-new-theme-components-side-nav-bar-item-new-inner-focus-outline-co
 $instui-canvas-new-theme-components-side-nav-bar-item-new-selected-inner-focus-outline-color: #2B7ABC;
 $instui-canvas-new-theme-components-side-nav-bar-item-new-outer-focus-outline-color: #8D959F;
 $instui-canvas-new-theme-components-side-nav-bar-item-new-selected-outer-focus-outline-color: #ffffff;
+$instui-canvas-new-theme-components-img-effect-transition-duration: 1s;
+$instui-canvas-new-theme-components-img-image-blur-amount: 0.25em;
 $instui-canvas-borders-radius-small: 0.125rem;
 $instui-canvas-borders-radius-medium: 0.25rem;
 $instui-canvas-borders-radius-large: 0.5rem;