@instructure/ui-themes 11.7.2-snapshot-37 → 11.7.2-snapshot-40

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 (23) hide show
  1. package/CHANGELOG.md +1 -1
  2. package/es/themes/newThemes/dark/components/topNavBarLayout.js +1 -1
  3. package/es/themes/newThemes/legacyCanvas/components/baseButton.js +1 -1
  4. package/es/themes/newThemes/legacyCanvas/components/icon.js +1 -1
  5. package/es/themes/newThemes/legacyCanvasHighContrast/components/baseButton.js +1 -1
  6. package/es/themes/newThemes/legacyCanvasHighContrast/components/icon.js +1 -1
  7. package/es/themes/newThemes/light/components/topNavBarLayout.js +1 -1
  8. package/lib/themes/newThemes/dark/components/topNavBarLayout.js +1 -1
  9. package/lib/themes/newThemes/legacyCanvas/components/baseButton.js +1 -1
  10. package/lib/themes/newThemes/legacyCanvas/components/icon.js +1 -1
  11. package/lib/themes/newThemes/legacyCanvasHighContrast/components/baseButton.js +1 -1
  12. package/lib/themes/newThemes/legacyCanvasHighContrast/components/icon.js +1 -1
  13. package/lib/themes/newThemes/light/components/topNavBarLayout.js +1 -1
  14. package/package.json +3 -3
  15. package/src/themes/newThemes/dark/components/topNavBarLayout.ts +1 -1
  16. package/src/themes/newThemes/legacyCanvas/components/baseButton.ts +1 -1
  17. package/src/themes/newThemes/legacyCanvas/components/icon.ts +1 -1
  18. package/src/themes/newThemes/legacyCanvasHighContrast/components/baseButton.ts +1 -1
  19. package/src/themes/newThemes/legacyCanvasHighContrast/components/icon.ts +1 -1
  20. package/src/themes/newThemes/light/components/topNavBarLayout.ts +1 -1
  21. package/tokens/canvas/scss/_variables.scss +1 -1
  22. package/tokens/canvas/source.json +1 -1
  23. 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-37](https://github.com/instructure/instructure-ui/compare/v11.7.1...v11.7.2-snapshot-37) (2026-04-08)
6
+ ## [11.7.2-snapshot-40](https://github.com/instructure/instructure-ui/compare/v11.7.1...v11.7.2-snapshot-40) (2026-04-09)
7
7
 
8
8
 
9
9
  ### Bug Fixes
package/es/themes/newThemes/dark/components/topNavBarLayout.js CHANGED
@@ -23,7 +23,7 @@
23
23
  */
24
24
  import semantics from "../semantics.js";
25
25
  const topNavBarLayout = {
26
- desktopBackground: semantics.color.background.elevatedSurface.inverse,
26
+ desktopBackground: semantics.color.background.container,
27
27
  desktopBackgroundInverse: semantics.color.background.container,
28
28
  desktopBottomBorder: "none",
29
29
  desktopFontFamily: semantics.fontFamily.base,
package/es/themes/newThemes/legacyCanvas/components/baseButton.js CHANGED
@@ -34,7 +34,7 @@ const baseButton = {
34
34
  primaryDisabledTextColor: semantics.color.text.interactive.action.primary.disabled,
35
35
  primaryGhostActiveBackground: semantics.color.background.interactive.action.tertiary.active,
36
36
  primaryGhostBorderColor: semantics.color.stroke.interactive.action.tertiary.base,
37
- primaryGhostColor: semantics.color.text.interactive.action.tertiary.base,
37
+ primaryGhostColor: semantics.color.institutional.brandButtonPrimaryBgd,
38
38
  primaryGhostHoverBackground: semantics.color.background.interactive.action.tertiary.hover,
39
39
  primaryHoverBackground: semantics.color.background.interactive.action.primary.hover,
40
40
  primaryHoverBorderColor: semantics.color.stroke.interactive.action.primary.hover,
package/es/themes/newThemes/legacyCanvas/components/icon.js CHANGED
@@ -53,7 +53,7 @@ const icon = {
53
53
  disabledOnColor: semantics.color.icon.interactive.disabled.onColor,
54
54
  dark: semantics.color.icon.dark,
55
55
  sideNavColor: semantics.color.icon.onColor,
56
- sideNavActiveColor: semantics.color.icon.info,
56
+ sideNavActiveColor: semantics.color.institutional.brandGlobalNavMenuItemTextColorActive,
57
57
  navigationPrimaryBaseColor: semantics.color.icon.interactive.navigation.primary.base,
58
58
  navigationPrimaryHoverColor: semantics.color.icon.interactive.navigation.primary.hover,
59
59
  navigationPrimaryActiveColor: semantics.color.icon.interactive.navigation.primary.active,
package/es/themes/newThemes/legacyCanvasHighContrast/components/baseButton.js CHANGED
@@ -34,7 +34,7 @@ const baseButton = {
34
34
  primaryDisabledTextColor: semantics.color.text.interactive.action.primary.disabled,
35
35
  primaryGhostActiveBackground: semantics.color.background.interactive.action.tertiary.active,
36
36
  primaryGhostBorderColor: semantics.color.stroke.interactive.action.tertiary.base,
37
- primaryGhostColor: semantics.color.text.interactive.action.tertiary.base,
37
+ primaryGhostColor: semantics.color.institutional.brandButtonPrimaryBgd,
38
38
  primaryGhostHoverBackground: semantics.color.background.interactive.action.tertiary.hover,
39
39
  primaryHoverBackground: semantics.color.background.interactive.action.primary.hover,
40
40
  primaryHoverBorderColor: semantics.color.stroke.interactive.action.primary.hover,
package/es/themes/newThemes/legacyCanvasHighContrast/components/icon.js CHANGED
@@ -53,7 +53,7 @@ const icon = {
53
53
  disabledOnColor: semantics.color.icon.interactive.disabled.onColor,
54
54
  dark: semantics.color.icon.dark,
55
55
  sideNavColor: semantics.color.icon.onColor,
56
- sideNavActiveColor: semantics.color.icon.info,
56
+ sideNavActiveColor: semantics.color.institutional.brandGlobalNavMenuItemTextColorActive,
57
57
  navigationPrimaryBaseColor: semantics.color.icon.interactive.navigation.primary.base,
58
58
  navigationPrimaryHoverColor: semantics.color.icon.interactive.navigation.primary.hover,
59
59
  navigationPrimaryActiveColor: semantics.color.icon.interactive.navigation.primary.active,
package/es/themes/newThemes/light/components/topNavBarLayout.js CHANGED
@@ -23,7 +23,7 @@
23
23
  */
24
24
  import semantics from "../semantics.js";
25
25
  const topNavBarLayout = {
26
- desktopBackground: semantics.color.background.elevatedSurface.inverse,
26
+ desktopBackground: semantics.color.background.container,
27
27
  desktopBackgroundInverse: semantics.color.background.container,
28
28
  desktopBottomBorder: "none",
29
29
  desktopFontFamily: semantics.fontFamily.base,
package/lib/themes/newThemes/dark/components/topNavBarLayout.js CHANGED
@@ -31,7 +31,7 @@ var _semantics = _interopRequireDefault(require("../semantics"));
31
31
  */
32
32
 
33
33
  const topNavBarLayout = {
34
- desktopBackground: _semantics.default.color.background.elevatedSurface.inverse,
34
+ desktopBackground: _semantics.default.color.background.container,
35
35
  desktopBackgroundInverse: _semantics.default.color.background.container,
36
36
  desktopBottomBorder: "none",
37
37
  desktopFontFamily: _semantics.default.fontFamily.base,
package/lib/themes/newThemes/legacyCanvas/components/baseButton.js CHANGED
@@ -42,7 +42,7 @@ const baseButton = {
42
42
  primaryDisabledTextColor: _semantics.default.color.text.interactive.action.primary.disabled,
43
43
  primaryGhostActiveBackground: _semantics.default.color.background.interactive.action.tertiary.active,
44
44
  primaryGhostBorderColor: _semantics.default.color.stroke.interactive.action.tertiary.base,
45
- primaryGhostColor: _semantics.default.color.text.interactive.action.tertiary.base,
45
+ primaryGhostColor: _semantics.default.color.institutional.brandButtonPrimaryBgd,
46
46
  primaryGhostHoverBackground: _semantics.default.color.background.interactive.action.tertiary.hover,
47
47
  primaryHoverBackground: _semantics.default.color.background.interactive.action.primary.hover,
48
48
  primaryHoverBorderColor: _semantics.default.color.stroke.interactive.action.primary.hover,
package/lib/themes/newThemes/legacyCanvas/components/icon.js CHANGED
@@ -61,7 +61,7 @@ const icon = {
61
61
  disabledOnColor: _semantics.default.color.icon.interactive.disabled.onColor,
62
62
  dark: _semantics.default.color.icon.dark,
63
63
  sideNavColor: _semantics.default.color.icon.onColor,
64
- sideNavActiveColor: _semantics.default.color.icon.info,
64
+ sideNavActiveColor: _semantics.default.color.institutional.brandGlobalNavMenuItemTextColorActive,
65
65
  navigationPrimaryBaseColor: _semantics.default.color.icon.interactive.navigation.primary.base,
66
66
  navigationPrimaryHoverColor: _semantics.default.color.icon.interactive.navigation.primary.hover,
67
67
  navigationPrimaryActiveColor: _semantics.default.color.icon.interactive.navigation.primary.active,
package/lib/themes/newThemes/legacyCanvasHighContrast/components/baseButton.js CHANGED
@@ -42,7 +42,7 @@ const baseButton = {
42
42
  primaryDisabledTextColor: _semantics.default.color.text.interactive.action.primary.disabled,
43
43
  primaryGhostActiveBackground: _semantics.default.color.background.interactive.action.tertiary.active,
44
44
  primaryGhostBorderColor: _semantics.default.color.stroke.interactive.action.tertiary.base,
45
- primaryGhostColor: _semantics.default.color.text.interactive.action.tertiary.base,
45
+ primaryGhostColor: _semantics.default.color.institutional.brandButtonPrimaryBgd,
46
46
  primaryGhostHoverBackground: _semantics.default.color.background.interactive.action.tertiary.hover,
47
47
  primaryHoverBackground: _semantics.default.color.background.interactive.action.primary.hover,
48
48
  primaryHoverBorderColor: _semantics.default.color.stroke.interactive.action.primary.hover,
package/lib/themes/newThemes/legacyCanvasHighContrast/components/icon.js CHANGED
@@ -61,7 +61,7 @@ const icon = {
61
61
  disabledOnColor: _semantics.default.color.icon.interactive.disabled.onColor,
62
62
  dark: _semantics.default.color.icon.dark,
63
63
  sideNavColor: _semantics.default.color.icon.onColor,
64
- sideNavActiveColor: _semantics.default.color.icon.info,
64
+ sideNavActiveColor: _semantics.default.color.institutional.brandGlobalNavMenuItemTextColorActive,
65
65
  navigationPrimaryBaseColor: _semantics.default.color.icon.interactive.navigation.primary.base,
66
66
  navigationPrimaryHoverColor: _semantics.default.color.icon.interactive.navigation.primary.hover,
67
67
  navigationPrimaryActiveColor: _semantics.default.color.icon.interactive.navigation.primary.active,
package/lib/themes/newThemes/light/components/topNavBarLayout.js CHANGED
@@ -31,7 +31,7 @@ var _semantics = _interopRequireDefault(require("../semantics"));
31
31
  */
32
32
 
33
33
  const topNavBarLayout = {
34
- desktopBackground: _semantics.default.color.background.elevatedSurface.inverse,
34
+ desktopBackground: _semantics.default.color.background.container,
35
35
  desktopBackgroundInverse: _semantics.default.color.background.container,
36
36
  desktopBottomBorder: "none",
37
37
  desktopFontFamily: _semantics.default.fontFamily.base,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@instructure/ui-themes",
3
- "version": "11.7.2-snapshot-37",
3
+ "version": "11.7.2-snapshot-40",
4
4
  "description": "A library of instructure themes",
5
5
  "author": "Instructure, Inc. Engineering and Product Design",
6
6
  "module": "./es/index.js",
@@ -17,11 +17,11 @@
17
17
  "@testing-library/jest-dom": "^6.6.3",
18
18
  "@testing-library/react": "15.0.7",
19
19
  "vitest": "^3.2.2",
20
- "@instructure/ui-babel-preset": "11.7.2-snapshot-37"
20
+ "@instructure/ui-babel-preset": "11.7.2-snapshot-40"
21
21
  },
22
22
  "dependencies": {
23
23
  "@tokens-studio/types": "^0.5.2",
24
- "@instructure/shared-types": "11.7.2-snapshot-37"
24
+ "@instructure/shared-types": "11.7.2-snapshot-40"
25
25
  },
26
26
  "publishConfig": {
27
27
  "access": "public"
package/src/themes/newThemes/dark/components/topNavBarLayout.ts CHANGED
@@ -26,7 +26,7 @@ import type { TopNavBarLayout } from "../../componentTypes/topNavBarLayout"
26
26
  import semantics from "../semantics"
27
27
 
28
28
  const topNavBarLayout: TopNavBarLayout = {
29
- desktopBackground: semantics.color.background.elevatedSurface.inverse,
29
+ desktopBackground: semantics.color.background.container,
30
30
  desktopBackgroundInverse: semantics.color.background.container,
31
31
  desktopBottomBorder: "none",
32
32
  desktopFontFamily: semantics.fontFamily.base,
package/src/themes/newThemes/legacyCanvas/components/baseButton.ts CHANGED
@@ -37,7 +37,7 @@ const baseButton: BaseButton = {
37
37
  primaryDisabledTextColor: semantics.color.text.interactive.action.primary.disabled,
38
38
  primaryGhostActiveBackground: semantics.color.background.interactive.action.tertiary.active,
39
39
  primaryGhostBorderColor: semantics.color.stroke.interactive.action.tertiary.base,
40
- primaryGhostColor: semantics.color.text.interactive.action.tertiary.base,
40
+ primaryGhostColor: semantics.color.institutional.brandButtonPrimaryBgd,
41
41
  primaryGhostHoverBackground: semantics.color.background.interactive.action.tertiary.hover,
42
42
  primaryHoverBackground: semantics.color.background.interactive.action.primary.hover,
43
43
  primaryHoverBorderColor: semantics.color.stroke.interactive.action.primary.hover,
package/src/themes/newThemes/legacyCanvas/components/icon.ts CHANGED
@@ -56,7 +56,7 @@ const icon: Icon = {
56
56
  disabledOnColor: semantics.color.icon.interactive.disabled.onColor,
57
57
  dark: semantics.color.icon.dark,
58
58
  sideNavColor: semantics.color.icon.onColor,
59
- sideNavActiveColor: semantics.color.icon.info,
59
+ sideNavActiveColor: semantics.color.institutional.brandGlobalNavMenuItemTextColorActive,
60
60
  navigationPrimaryBaseColor: semantics.color.icon.interactive.navigation.primary.base,
61
61
  navigationPrimaryHoverColor: semantics.color.icon.interactive.navigation.primary.hover,
62
62
  navigationPrimaryActiveColor: semantics.color.icon.interactive.navigation.primary.active,
package/src/themes/newThemes/legacyCanvasHighContrast/components/baseButton.ts CHANGED
@@ -37,7 +37,7 @@ const baseButton: BaseButton = {
37
37
  primaryDisabledTextColor: semantics.color.text.interactive.action.primary.disabled,
38
38
  primaryGhostActiveBackground: semantics.color.background.interactive.action.tertiary.active,
39
39
  primaryGhostBorderColor: semantics.color.stroke.interactive.action.tertiary.base,
40
- primaryGhostColor: semantics.color.text.interactive.action.tertiary.base,
40
+ primaryGhostColor: semantics.color.institutional.brandButtonPrimaryBgd,
41
41
  primaryGhostHoverBackground: semantics.color.background.interactive.action.tertiary.hover,
42
42
  primaryHoverBackground: semantics.color.background.interactive.action.primary.hover,
43
43
  primaryHoverBorderColor: semantics.color.stroke.interactive.action.primary.hover,
package/src/themes/newThemes/legacyCanvasHighContrast/components/icon.ts CHANGED
@@ -56,7 +56,7 @@ const icon: Icon = {
56
56
  disabledOnColor: semantics.color.icon.interactive.disabled.onColor,
57
57
  dark: semantics.color.icon.dark,
58
58
  sideNavColor: semantics.color.icon.onColor,
59
- sideNavActiveColor: semantics.color.icon.info,
59
+ sideNavActiveColor: semantics.color.institutional.brandGlobalNavMenuItemTextColorActive,
60
60
  navigationPrimaryBaseColor: semantics.color.icon.interactive.navigation.primary.base,
61
61
  navigationPrimaryHoverColor: semantics.color.icon.interactive.navigation.primary.hover,
62
62
  navigationPrimaryActiveColor: semantics.color.icon.interactive.navigation.primary.active,
package/src/themes/newThemes/light/components/topNavBarLayout.ts CHANGED
@@ -26,7 +26,7 @@ import type { TopNavBarLayout } from "../../componentTypes/topNavBarLayout"
26
26
  import semantics from "../semantics"
27
27
 
28
28
  const topNavBarLayout: TopNavBarLayout = {
29
- desktopBackground: semantics.color.background.elevatedSurface.inverse,
29
+ desktopBackground: semantics.color.background.container,
30
30
  desktopBackgroundInverse: semantics.color.background.container,
31
31
  desktopBottomBorder: "none",
32
32
  desktopFontFamily: semantics.fontFamily.base,
package/tokens/canvas/scss/_variables.scss CHANGED
@@ -1846,7 +1846,7 @@ $instui-canvas-new-theme-components-base-button-primary-disabled-border-color: #
1846
1846
  $instui-canvas-new-theme-components-base-button-primary-disabled-text-color: #ffffff;
1847
1847
  $instui-canvas-new-theme-components-base-button-primary-ghost-active-background: #DEEBFF;
1848
1848
  $instui-canvas-new-theme-components-base-button-primary-ghost-border-color: #1E5C90;
1849
- $instui-canvas-new-theme-components-base-button-primary-ghost-color: #1E5C90;
1849
+ $instui-canvas-new-theme-components-base-button-primary-ghost-color: #2B7ABC;
1850
1850
  $instui-canvas-new-theme-components-base-button-primary-ghost-hover-background: #DEEBFF;
1851
1851
  $instui-canvas-new-theme-components-base-button-primary-hover-background: #2369A4;
1852
1852
  $instui-canvas-new-theme-components-base-button-primary-hover-border-color: #2369A4;