@instructure/canvas-high-contrast-theme 11.7.2-snapshot-27 → 11.7.2-snapshot-31

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 (5) hide show
  1. package/CHANGELOG.md +1 -1
  2. package/package.json +4 -4
  3. package/tokens/scss/_variables.scss +24 -15
  4. package/tokens/source.json +1 -1
  5. 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-27](https://github.com/instructure/instructure-ui/compare/v11.7.1...v11.7.2-snapshot-27) (2026-04-02)
6
+ ## [11.7.2-snapshot-31](https://github.com/instructure/instructure-ui/compare/v11.7.1...v11.7.2-snapshot-31) (2026-04-07)
7
7
 
8
8
  **Note:** Version bump only for package @instructure/canvas-high-contrast-theme
9
9
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@instructure/canvas-high-contrast-theme",
3
- "version": "11.7.2-snapshot-27",
3
+ "version": "11.7.2-snapshot-31",
4
4
  "description": "A high contrast theme for Canvas LMS made by Instructure Inc.",
5
5
  "author": "Instructure, Inc. Engineering and Product Design",
6
6
  "module": "./es/index.js",
@@ -15,11 +15,11 @@
15
15
  "license": "MIT",
16
16
  "dependencies": {
17
17
  "@babel/runtime": "^7.27.6",
18
- "@instructure/shared-types": "11.7.2-snapshot-27",
19
- "@instructure/ui-themes": "11.7.2-snapshot-27"
18
+ "@instructure/shared-types": "11.7.2-snapshot-31",
19
+ "@instructure/ui-themes": "11.7.2-snapshot-31"
20
20
  },
21
21
  "devDependencies": {
22
- "@instructure/ui-babel-preset": "11.7.2-snapshot-27"
22
+ "@instructure/ui-babel-preset": "11.7.2-snapshot-31"
23
23
  },
24
24
  "publishConfig": {
25
25
  "access": "public"
package/tokens/scss/_variables.scss CHANGED
@@ -587,6 +587,15 @@ $instui-canvas-high-contrast-new-theme-semantics-color-icon-accent-aurora: #0266
587
587
  $instui-canvas-high-contrast-new-theme-semantics-color-drop-shadow-shadow-color1: rgba(0,0,0,0.1);
588
588
  $instui-canvas-high-contrast-new-theme-semantics-color-drop-shadow-shadow-color2: rgba(0,0,0,0.2);
589
589
  $instui-canvas-high-contrast-new-theme-semantics-color-transparent-color: #00000000;
590
+ $instui-canvas-high-contrast-new-theme-semantics-color-institutional-brand-primary: #2B7ABC;
591
+ $instui-canvas-high-contrast-new-theme-semantics-color-institutional-brand-font-color-dark: #273540;
592
+ $instui-canvas-high-contrast-new-theme-semantics-color-institutional-link-color: #2B7ABC;
593
+ $instui-canvas-high-contrast-new-theme-semantics-color-institutional-brand-button-primary-bgd: #2B7ABC;
594
+ $instui-canvas-high-contrast-new-theme-semantics-color-institutional-brand-button-primary-text: #ffffff;
595
+ $instui-canvas-high-contrast-new-theme-semantics-color-institutional-brand-global-nav-bgd: #334450;
596
+ $instui-canvas-high-contrast-new-theme-semantics-color-institutional-global-nav-link-hover: #273540;
597
+ $instui-canvas-high-contrast-new-theme-semantics-color-institutional-brand-global-nav-menu-item-text-color: #ffffff;
598
+ $instui-canvas-high-contrast-new-theme-semantics-color-institutional-brand-global-nav-menu-item-text-color-active: #273540;
590
599
  $instui-canvas-high-contrast-new-theme-semantics-drop-shadow-x-elevation1-dropshadow1: 0px;
591
600
  $instui-canvas-high-contrast-new-theme-semantics-drop-shadow-x-elevation1-dropshadow2: 0px;
592
601
  $instui-canvas-high-contrast-new-theme-semantics-drop-shadow-x-elevation2-dropshadow1: 0px;
@@ -1241,7 +1250,7 @@ $instui-canvas-high-contrast-new-theme-components-text-letter-spacing-expanded:
1241
1250
  $instui-canvas-high-contrast-new-theme-components-text-letter-spacing-normal: 0rem;
1242
1251
  $instui-canvas-high-contrast-new-theme-components-text-ai-background-color: #F3E5F7;
1243
1252
  $instui-canvas-high-contrast-new-theme-components-text-ai-color: #522965;
1244
- $instui-canvas-high-contrast-new-theme-components-text-primary-color: #1E5C90;
1253
+ $instui-canvas-high-contrast-new-theme-components-text-primary-color: #2B7ABC;
1245
1254
  $instui-canvas-high-contrast-new-theme-components-text-error-color: #991418;
1246
1255
  $instui-canvas-high-contrast-new-theme-components-text-base-color: #273540;
1247
1256
  $instui-canvas-high-contrast-new-theme-components-text-base-on-color: #ffffff;
@@ -1633,7 +1642,7 @@ $instui-canvas-high-contrast-new-theme-components-tabs-panel-font-weight: 400;
1633
1642
  $instui-canvas-high-contrast-new-theme-components-tabs-panel-line-height: 150%;
1634
1643
  $instui-canvas-high-contrast-new-theme-components-tabs-tab-default-text-color: #273540;
1635
1644
  $instui-canvas-high-contrast-new-theme-components-tabs-tab-default-hover-border-color: #6A7883;
1636
- $instui-canvas-high-contrast-new-theme-components-tabs-tab-default-selected-border-color: #1E5C90;
1645
+ $instui-canvas-high-contrast-new-theme-components-tabs-tab-default-selected-border-color: #2B7ABC;
1637
1646
  $instui-canvas-high-contrast-new-theme-components-tabs-tab-font-family: Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;
1638
1647
  $instui-canvas-high-contrast-new-theme-components-tabs-tab-font-size: 1rem;
1639
1648
  $instui-canvas-high-contrast-new-theme-components-tabs-tab-font-weight: 400;
@@ -1643,11 +1652,11 @@ $instui-canvas-high-contrast-new-theme-components-tabs-tab-secondary-selected-te
1643
1652
  $instui-canvas-high-contrast-new-theme-components-tabs-tab-secondary-selected-background: #ffffff;
1644
1653
  $instui-canvas-high-contrast-new-theme-components-tabs-tab-secondary-selected-border-color: #6A7883;
1645
1654
  $instui-canvas-high-contrast-new-theme-components-tabs-tab-z-index: 1;
1646
- $instui-canvas-high-contrast-new-theme-components-range-input-handle-background: #1A5281;
1647
- $instui-canvas-high-contrast-new-theme-components-range-input-handle-hover-background: #1A5281;
1648
- $instui-canvas-high-contrast-new-theme-components-range-input-handle-focus-background: #1A5281;
1649
- $instui-canvas-high-contrast-new-theme-components-range-input-handle-focus-outline-color: #1A5281;
1650
- $instui-canvas-high-contrast-new-theme-components-range-input-handle-shadow-color: #1A5281;
1655
+ $instui-canvas-high-contrast-new-theme-components-range-input-handle-background: #2B7ABC;
1656
+ $instui-canvas-high-contrast-new-theme-components-range-input-handle-hover-background: #2B7ABC;
1657
+ $instui-canvas-high-contrast-new-theme-components-range-input-handle-focus-background: #2B7ABC;
1658
+ $instui-canvas-high-contrast-new-theme-components-range-input-handle-focus-outline-color: #2B7ABC;
1659
+ $instui-canvas-high-contrast-new-theme-components-range-input-handle-shadow-color: #2B7ABC;
1651
1660
  $instui-canvas-high-contrast-new-theme-components-range-input-handle-border-color: #ffffff;
1652
1661
  $instui-canvas-high-contrast-new-theme-components-range-input-handle-border-size: 0.125rem;
1653
1662
  $instui-canvas-high-contrast-new-theme-components-range-input-handle-focus-outline-width: 0.75em;
@@ -1685,7 +1694,7 @@ $instui-canvas-high-contrast-new-theme-components-file-drop-border-color: #3F515
1685
1694
  $instui-canvas-high-contrast-new-theme-components-file-drop-border-radius: 0.25rem;
1686
1695
  $instui-canvas-high-contrast-new-theme-components-file-drop-border-style: dashed;
1687
1696
  $instui-canvas-high-contrast-new-theme-components-file-drop-border-width: 0.125rem;
1688
- $instui-canvas-high-contrast-new-theme-components-file-drop-hover-border-color: #1E5C90;
1697
+ $instui-canvas-high-contrast-new-theme-components-file-drop-hover-border-color: #2B7ABC;
1689
1698
  $instui-canvas-high-contrast-new-theme-components-file-drop-rejected-color: #991418;
1690
1699
  $instui-canvas-high-contrast-new-theme-components-popover-border-color: #6A7883;
1691
1700
  $instui-canvas-high-contrast-new-theme-components-popover-border-radius: 0.25rem;
@@ -1695,7 +1704,7 @@ $instui-canvas-high-contrast-new-theme-components-badge-color: #ffffff;
1695
1704
  $instui-canvas-high-contrast-new-theme-components-badge-color-inverse: #1C222B;
1696
1705
  $instui-canvas-high-contrast-new-theme-components-badge-color-danger: #991418;
1697
1706
  $instui-canvas-high-contrast-new-theme-components-badge-color-success: #015B26;
1698
- $instui-canvas-high-contrast-new-theme-components-badge-color-primary: #1A5281;
1707
+ $instui-canvas-high-contrast-new-theme-components-badge-color-primary: #2B7ABC;
1699
1708
  $instui-canvas-high-contrast-new-theme-components-badge-font-size: 0.875rem;
1700
1709
  $instui-canvas-high-contrast-new-theme-components-badge-font-weight: 700;
1701
1710
  $instui-canvas-high-contrast-new-theme-components-badge-size-notification: 0.75rem;
@@ -1749,7 +1758,7 @@ $instui-canvas-high-contrast-new-theme-components-calendar-day-outside-month-col
1749
1758
  $instui-canvas-high-contrast-new-theme-components-calendar-day-selected-background: #02672C;
1750
1759
  $instui-canvas-high-contrast-new-theme-components-calendar-day-selected-color: #ffffff;
1751
1760
  $instui-canvas-high-contrast-new-theme-components-calendar-day-today-color: #ffffff;
1752
- $instui-canvas-high-contrast-new-theme-components-calendar-day-today-background: #1E5C90;
1761
+ $instui-canvas-high-contrast-new-theme-components-calendar-day-today-background: #2B7ABC;
1753
1762
  $instui-canvas-high-contrast-new-theme-components-calendar-day-font-size: 1rem;
1754
1763
  $instui-canvas-high-contrast-new-theme-components-calendar-day-height: 1.75rem;
1755
1764
  $instui-canvas-high-contrast-new-theme-components-calendar-day-min-width: 1.75rem;
@@ -1799,7 +1808,7 @@ $instui-canvas-high-contrast-new-theme-components-menu-group-font-weight: 700;
1799
1808
  $instui-canvas-high-contrast-new-theme-components-menu-group-color: #273540;
1800
1809
  $instui-canvas-high-contrast-new-theme-components-menu-group-padding-horizontal: 0.75rem;
1801
1810
  $instui-canvas-high-contrast-new-theme-components-menu-group-padding-vertical: 0.5rem;
1802
- $instui-canvas-high-contrast-new-theme-components-menu-item-active-background: #1E5C90;
1811
+ $instui-canvas-high-contrast-new-theme-components-menu-item-active-background: #2B7ABC;
1803
1812
  $instui-canvas-high-contrast-new-theme-components-menu-item-active-label-color: #ffffff;
1804
1813
  $instui-canvas-high-contrast-new-theme-components-menu-item-background: #ffffff;
1805
1814
  $instui-canvas-high-contrast-new-theme-components-menu-item-font-family: Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;
@@ -2066,7 +2075,7 @@ $instui-canvas-high-contrast-new-theme-components-table-row-header-padding-horiz
2066
2075
  $instui-canvas-high-contrast-new-theme-components-table-row-background: #ffffff;
2067
2076
  $instui-canvas-high-contrast-new-theme-components-table-row-color: #273540;
2068
2077
  $instui-canvas-high-contrast-new-theme-components-table-row-border-color: #6A7883;
2069
- $instui-canvas-high-contrast-new-theme-components-table-row-hover-border-color: #1E5C90;
2078
+ $instui-canvas-high-contrast-new-theme-components-table-row-hover-border-color: #2B7ABC;
2070
2079
  $instui-canvas-high-contrast-new-theme-components-table-row-font-family: Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;
2071
2080
  $instui-canvas-high-contrast-new-theme-components-table-row-font-size: 1rem;
2072
2081
  $instui-canvas-high-contrast-new-theme-components-table-row-font-weight: 400;
@@ -2330,7 +2339,7 @@ $instui-canvas-high-contrast-new-theme-components-progress-circle-track-border-c
2330
2339
  $instui-canvas-high-contrast-new-theme-components-progress-circle-track-border-color-inverse: #ffffff;
2331
2340
  $instui-canvas-high-contrast-new-theme-components-progress-circle-meter-color-alert: #1A5281;
2332
2341
  $instui-canvas-high-contrast-new-theme-components-progress-circle-meter-color-alert-inverse: #ffffff;
2333
- $instui-canvas-high-contrast-new-theme-components-progress-circle-meter-color-brand: #1E5C90;
2342
+ $instui-canvas-high-contrast-new-theme-components-progress-circle-meter-color-brand: #2B7ABC;
2334
2343
  $instui-canvas-high-contrast-new-theme-components-progress-circle-meter-color-brand-inverse: #ffffff;
2335
2344
  $instui-canvas-high-contrast-new-theme-components-progress-circle-meter-color-danger: #991418;
2336
2345
  $instui-canvas-high-contrast-new-theme-components-progress-circle-meter-color-danger-inverse: #ffffff;
@@ -2398,8 +2407,6 @@ $instui-canvas-high-contrast-new-theme-components-top-nav-bar-brand-icon-padding
2398
2407
  $instui-canvas-high-contrast-new-theme-components-top-nav-bar-item-font-size: 1rem;
2399
2408
  $instui-canvas-high-contrast-new-theme-components-top-nav-bar-item-font-family: Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;
2400
2409
  $instui-canvas-high-contrast-new-theme-components-top-nav-bar-item-font-weight: 400;
2401
- $instui-canvas-high-contrast-new-theme-components-top-nav-bar-item-color: #273540;
2402
- $instui-canvas-high-contrast-new-theme-components-top-nav-bar-item-color-inverse: #ffffff;
2403
2410
  $instui-canvas-high-contrast-new-theme-components-top-nav-bar-item-item-inline-padding: 0.5rem;
2404
2411
  $instui-canvas-high-contrast-new-theme-components-top-nav-bar-item-item-spacing: 0.5rem;
2405
2412
  $instui-canvas-high-contrast-new-theme-components-top-nav-bar-item-icon-text-gap: 0.5rem;
@@ -2408,6 +2415,8 @@ $instui-canvas-high-contrast-new-theme-components-top-nav-bar-item-active-item-i
2408
2415
  $instui-canvas-high-contrast-new-theme-components-top-nav-bar-item-active-indicator-color: #ffffff;
2409
2416
  $instui-canvas-high-contrast-new-theme-components-top-nav-bar-item-active-indicator-color-inverse: #273540;
2410
2417
  $instui-canvas-high-contrast-new-theme-components-top-nav-bar-item-active-indicator-width: 0.125rem;
2418
+ $instui-canvas-high-contrast-new-theme-components-top-nav-bar-item-color: inherit;
2419
+ $instui-canvas-high-contrast-new-theme-components-top-nav-bar-item-color-inverse: inherit;
2411
2420
  $instui-canvas-high-contrast-new-theme-components-top-nav-bar-menu-items-desktop-submenu-active-option-indicator-width: 0.125rem;
2412
2421
  $instui-canvas-high-contrast-new-theme-components-top-nav-bar-menu-items-desktop-item-spacing: 1rem;
2413
2422
  $instui-canvas-high-contrast-new-theme-components-top-nav-bar-menu-items-desktop-submenu-active-option-indicator-spacing: 0.25rem;