@instructure/ui-theme-tokens 11.7.2-snapshot-28 → 11.7.2-snapshot-36

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/CHANGELOG.md +1 -1
  2. package/package.json +3 -3
  3. package/tokens/canvas/scss/_variables.scss +14 -5
  4. package/tokens/canvas/source.json +1 -1
  5. package/tokens/canvas-high-contrast/scss/_variables.scss +28 -19
  6. package/tokens/canvas-high-contrast/source.json +1 -1
  7. package/tsconfig.build.tsbuildinfo +1 -1
package/CHANGELOG.md CHANGED
@@ -3,7 +3,7 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
- ## [11.7.2-snapshot-28](https://github.com/instructure/instructure-ui/compare/v11.7.1...v11.7.2-snapshot-28) (2026-04-07)
6
+ ## [11.7.2-snapshot-36](https://github.com/instructure/instructure-ui/compare/v11.7.1...v11.7.2-snapshot-36) (2026-04-08)
7
7
 
8
8
  **Note:** Version bump only for package @instructure/ui-theme-tokens
9
9
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@instructure/ui-theme-tokens",
3
- "version": "11.7.2-snapshot-28",
3
+ "version": "11.7.2-snapshot-36",
4
4
  "description": "Cross-platform theme tokens for Instructure products",
5
5
  "author": "Instructure, Inc. Engineering and Product Design",
6
6
  "module": "./es/index.js",
@@ -15,10 +15,10 @@
15
15
  "license": "MIT",
16
16
  "dependencies": {
17
17
  "@babel/runtime": "^7.27.6",
18
- "@instructure/ui-themes": "11.7.2-snapshot-28"
18
+ "@instructure/ui-themes": "11.7.2-snapshot-36"
19
19
  },
20
20
  "devDependencies": {
21
- "@instructure/ui-babel-preset": "11.7.2-snapshot-28"
21
+ "@instructure/ui-babel-preset": "11.7.2-snapshot-36"
22
22
  },
23
23
  "publishConfig": {
24
24
  "access": "public"
package/tokens/canvas/scss/_variables.scss CHANGED
@@ -587,6 +587,15 @@ $instui-canvas-new-theme-semantics-color-icon-accent-aurora: #048660;
587
587
  $instui-canvas-new-theme-semantics-color-drop-shadow-shadow-color1: rgba(0,0,0,0.1);
588
588
  $instui-canvas-new-theme-semantics-color-drop-shadow-shadow-color2: rgba(0,0,0,0.2);
589
589
  $instui-canvas-new-theme-semantics-color-transparent-color: #00000000;
590
+ $instui-canvas-new-theme-semantics-color-institutional-brand-primary: #2B7ABC;
591
+ $instui-canvas-new-theme-semantics-color-institutional-brand-font-color-dark: #273540;
592
+ $instui-canvas-new-theme-semantics-color-institutional-link-color: #2B7ABC;
593
+ $instui-canvas-new-theme-semantics-color-institutional-brand-button-primary-bgd: #2B7ABC;
594
+ $instui-canvas-new-theme-semantics-color-institutional-brand-button-primary-text: #ffffff;
595
+ $instui-canvas-new-theme-semantics-color-institutional-brand-global-nav-bgd: #334450;
596
+ $instui-canvas-new-theme-semantics-color-institutional-global-nav-link-hover: #273540;
597
+ $instui-canvas-new-theme-semantics-color-institutional-brand-global-nav-menu-item-text-color: #ffffff;
598
+ $instui-canvas-new-theme-semantics-color-institutional-brand-global-nav-menu-item-text-color-active: #2B7ABC;
590
599
  $instui-canvas-new-theme-semantics-drop-shadow-x-elevation1-dropshadow1: 0px;
591
600
  $instui-canvas-new-theme-semantics-drop-shadow-x-elevation1-dropshadow2: 0px;
592
601
  $instui-canvas-new-theme-semantics-drop-shadow-x-elevation2-dropshadow1: 0px;
@@ -1285,7 +1294,7 @@ $instui-canvas-new-theme-components-radio-input-background-hover-color: #ffffff;
1285
1294
  $instui-canvas-new-theme-components-radio-input-background-readonly-color: #ffffff;
1286
1295
  $instui-canvas-new-theme-components-radio-input-background-disabled-color: #F2F4F5;
1287
1296
  $instui-canvas-new-theme-components-radio-input-border-color: #8D959F;
1288
- $instui-canvas-new-theme-components-radio-input-border-hover-color: #8D959F;
1297
+ $instui-canvas-new-theme-components-radio-input-border-hover-color: #273540;
1289
1298
  $instui-canvas-new-theme-components-radio-input-border-readonly-color: #8D959F;
1290
1299
  $instui-canvas-new-theme-components-radio-input-border-disabled-color: #C7CACD;
1291
1300
  $instui-canvas-new-theme-components-radio-input-border-selected-color: #273540;
@@ -1830,7 +1839,7 @@ $instui-canvas-new-theme-components-base-button-primary-active-background: #2369
1830
1839
  $instui-canvas-new-theme-components-base-button-primary-active-border-color: #2369A4;
1831
1840
  $instui-canvas-new-theme-components-base-button-primary-active-text-color: #ffffff;
1832
1841
  $instui-canvas-new-theme-components-base-button-primary-background: #2B7ABC;
1833
- $instui-canvas-new-theme-components-base-button-primary-border-color: #2369A4;
1842
+ $instui-canvas-new-theme-components-base-button-primary-border-color: #2B7ABC;
1834
1843
  $instui-canvas-new-theme-components-base-button-primary-color: #ffffff;
1835
1844
  $instui-canvas-new-theme-components-base-button-primary-disabled-background-color: #2B7ABC;
1836
1845
  $instui-canvas-new-theme-components-base-button-primary-disabled-border-color: #2369A4;
@@ -2237,7 +2246,7 @@ $instui-canvas-new-theme-components-side-nav-bar-item-font-color: #ffffff;
2237
2246
  $instui-canvas-new-theme-components-side-nav-bar-item-font-family: Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;
2238
2247
  $instui-canvas-new-theme-components-side-nav-bar-item-font-size: 0.875rem;
2239
2248
  $instui-canvas-new-theme-components-side-nav-bar-item-font-weight: 400;
2240
- $instui-canvas-new-theme-components-side-nav-bar-item-hover-background-color: #2369A4;
2249
+ $instui-canvas-new-theme-components-side-nav-bar-item-hover-background-color: #273540;
2241
2250
  $instui-canvas-new-theme-components-side-nav-bar-item-line-height: 150%;
2242
2251
  $instui-canvas-new-theme-components-side-nav-bar-item-link-text-decoration: none;
2243
2252
  $instui-canvas-new-theme-components-side-nav-bar-item-selected-background-color: #ffffff;
@@ -2398,8 +2407,6 @@ $instui-canvas-new-theme-components-top-nav-bar-brand-icon-padding: 0.75rem;
2398
2407
  $instui-canvas-new-theme-components-top-nav-bar-item-font-size: 1rem;
2399
2408
  $instui-canvas-new-theme-components-top-nav-bar-item-font-family: Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;
2400
2409
  $instui-canvas-new-theme-components-top-nav-bar-item-font-weight: 400;
2401
- $instui-canvas-new-theme-components-top-nav-bar-item-color: #273540;
2402
- $instui-canvas-new-theme-components-top-nav-bar-item-color-inverse: #ffffff;
2403
2410
  $instui-canvas-new-theme-components-top-nav-bar-item-item-inline-padding: 0.5rem;
2404
2411
  $instui-canvas-new-theme-components-top-nav-bar-item-item-spacing: 0.5rem;
2405
2412
  $instui-canvas-new-theme-components-top-nav-bar-item-icon-text-gap: 0.5rem;
@@ -2408,6 +2415,8 @@ $instui-canvas-new-theme-components-top-nav-bar-item-active-item-indicator-spaci
2408
2415
  $instui-canvas-new-theme-components-top-nav-bar-item-active-indicator-color: #ffffff;
2409
2416
  $instui-canvas-new-theme-components-top-nav-bar-item-active-indicator-color-inverse: #273540;
2410
2417
  $instui-canvas-new-theme-components-top-nav-bar-item-active-indicator-width: 0.125rem;
2418
+ $instui-canvas-new-theme-components-top-nav-bar-item-color: inherit;
2419
+ $instui-canvas-new-theme-components-top-nav-bar-item-color-inverse: inherit;
2411
2420
  $instui-canvas-new-theme-components-top-nav-bar-menu-items-desktop-submenu-active-option-indicator-width: 0.125rem;
2412
2421
  $instui-canvas-new-theme-components-top-nav-bar-menu-items-desktop-item-spacing: 1rem;
2413
2422
  $instui-canvas-new-theme-components-top-nav-bar-menu-items-desktop-submenu-active-option-indicator-spacing: 0.25rem;