@instructure/ui-themes 11.7.2-snapshot-27 → 11.7.2-snapshot-31

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-27](https://github.com/instructure/instructure-ui/compare/v11.7.1...v11.7.2-snapshot-27) (2026-04-02)
+## [11.7.2-snapshot-31](https://github.com/instructure/instructure-ui/compare/v11.7.1...v11.7.2-snapshot-31) (2026-04-07)
 
 
 ### Bug Fixes

package/es/themes/newThemes/dark/components/topNavBarItem.js

@@ -26,8 +26,6 @@ const topNavBarItem = {
   fontSize: semantics.fontSize.textBase,
   fontFamily: semantics.fontFamily.base,
   fontWeight: semantics.fontWeight.body.base,
-  color: semantics.color.text.base,
-  colorInverse: semantics.color.text.inverse,
   itemInlinePadding: semantics.spacing.spaceSm,
   itemSpacing: semantics.spacing.spaceSm,
   iconTextGap: semantics.spacing.spaceSm,
@@ -35,6 +33,8 @@ const topNavBarItem = {
   activeItemIndicatorSpacing: semantics.spacing.spaceXs,
   activeIndicatorColor: semantics.color.text.inverse,
   activeIndicatorColorInverse: semantics.color.text.base,
-  activeIndicatorWidth: semantics.borderWidth.md
+  activeIndicatorWidth: semantics.borderWidth.md,
+  color: "inherit",
+  colorInverse: "inherit"
 };
 export default topNavBarItem;

package/es/themes/newThemes/dark/semantics.js

@@ -505,7 +505,18 @@ const semantics = {
       "shadowColor1": "rgba(0,0,0,0.3)",
       "shadowColor2": "rgba(0,0,0,0.15)"
     },
-    "transparentColor": primitives.color.transparent
+    "transparentColor": primitives.color.transparent,
+    "institutional": {
+      "brandPrimary": primitives.color.blue.blue100,
+      "brandFontColorDark": primitives.color.grey.grey170,
+      "linkColor": primitives.color.blue.blue100,
+      "brandButtonPrimaryBgd": primitives.color.blue.blue100,
+      "brandButtonPrimaryText": primitives.color.white,
+      "brandGlobalNavBgd": primitives.color.grey.grey150,
+      "globalNavLinkHover": primitives.color.grey.grey170,
+      "brandGlobalNavMenuItemTextColor": primitives.color.white,
+      "brandGlobalNavMenuItemTextColorActive": primitives.color.grey.grey170
+    }
   },
   "dropShadow": {
     "x": {

package/es/themes/newThemes/legacyCanvas/components/badge.js

@@ -29,7 +29,7 @@ const badge = {
   colorInverse: semantics.color.text.dark,
   colorDanger: semantics.color.background.error,
   colorSuccess: semantics.color.background.success,
-  colorPrimary: semantics.color.background.info,
+  colorPrimary: semantics.color.institutional.brandPrimary,
   fontSize: semantics.fontSize.textSm,
   fontWeight: semantics.fontWeight.body.strong,
   sizeNotification: "0.75rem",

package/es/themes/newThemes/legacyCanvas/components/calendarDay.js

@@ -29,7 +29,7 @@ const calendarDay = {
   selectedBackground: semantics.color.background.interactive.action.success.base,
   selectedColor: semantics.color.text.onColor,
   todayColor: semantics.color.text.onColor,
-  todayBackground: semantics.color.background.interactive.action.primary.base,
+  todayBackground: semantics.color.institutional.brandPrimary,
   fontSize: semantics.fontSize.textBase,
   height: semantics.size.interactive.height.sm,
   minWidth: semantics.size.interactive.height.sm,

package/es/themes/newThemes/legacyCanvas/components/fileDrop.js

@@ -29,7 +29,7 @@ const fileDrop = {
   borderRadius: semantics.borderRadius.container.sm,
   borderStyle: "dashed",
   borderWidth: semantics.borderWidth.md,
-  hoverBorderColor: semantics.color.stroke.brand,
+  hoverBorderColor: semantics.color.institutional.brandPrimary,
   rejectedColor: semantics.color.stroke.interactive.action.destructive.secondary.base
 };
 export default fileDrop;

package/es/themes/newThemes/legacyCanvas/components/menuItem.js

@@ -23,7 +23,7 @@
  */
 import semantics from "../semantics.js";
 const menuItem = {
-  activeBackground: semantics.color.background.interactive.action.primary.base,
+  activeBackground: semantics.color.institutional.brandPrimary,
   activeLabelColor: semantics.color.text.interactive.action.primary.base,
   background: semantics.color.background.elevatedSurface.base,
   fontFamily: semantics.fontFamily.base,

package/es/themes/newThemes/legacyCanvas/components/progressCircle.js

@@ -50,7 +50,7 @@ const progressCircle = {
   trackBorderColorInverse: semantics.color.stroke.inverse,
   meterColorAlert: semantics.color.stroke.info,
   meterColorAlertInverse: semantics.color.stroke.inverse,
-  meterColorBrand: semantics.color.stroke.brand,
+  meterColorBrand: semantics.color.institutional.brandPrimary,
   meterColorBrandInverse: semantics.color.stroke.inverse,
   meterColorDanger: semantics.color.stroke.error,
   meterColorDangerInverse: semantics.color.stroke.inverse,

package/es/themes/newThemes/legacyCanvas/components/rangeInput.js

@@ -23,11 +23,11 @@
  */
 import semantics from "../semantics.js";
 const rangeInput = {
-  handleBackground: semantics.color.background.brand,
-  handleHoverBackground: semantics.color.background.brand,
-  handleFocusBackground: semantics.color.background.brand,
-  handleFocusOutlineColor: semantics.color.background.brand,
-  handleShadowColor: semantics.color.background.brand,
+  handleBackground: semantics.color.institutional.brandPrimary,
+  handleHoverBackground: semantics.color.institutional.brandPrimary,
+  handleFocusBackground: semantics.color.institutional.brandPrimary,
+  handleFocusOutlineColor: semantics.color.institutional.brandPrimary,
+  handleShadowColor: semantics.color.institutional.brandPrimary,
   handleBorderColor: semantics.color.stroke.onColor,
   handleBorderSize: semantics.borderWidth.md,
   handleFocusOutlineWidth: "0.75em",

package/es/themes/newThemes/legacyCanvas/components/tableRow.js

@@ -26,7 +26,7 @@ const tableRow = {
   background: semantics.color.background.base,
   color: semantics.color.text.base,
   borderColor: semantics.color.stroke.base,
-  hoverBorderColor: semantics.color.stroke.brand,
+  hoverBorderColor: semantics.color.institutional.brandPrimary,
   fontFamily: semantics.fontFamily.base,
   fontSize: semantics.fontSize.textBase,
   fontWeight: semantics.fontWeight.body.base,

package/es/themes/newThemes/legacyCanvas/components/tabsTab.js

@@ -25,7 +25,7 @@ import semantics from "../semantics.js";
 const tabsTab = {
   defaultTextColor: semantics.color.text.base,
   defaultHoverBorderColor: semantics.color.stroke.base,
-  defaultSelectedBorderColor: semantics.color.stroke.brand,
+  defaultSelectedBorderColor: semantics.color.institutional.brandPrimary,
   fontFamily: semantics.fontFamily.base,
   fontSize: semantics.fontSize.textBase,
   fontWeight: semantics.fontWeight.body.base,

package/es/themes/newThemes/legacyCanvas/components/text.js

@@ -47,7 +47,7 @@ const text = {
   letterSpacingNormal: "0rem",
   aiBackgroundColor: semantics.color.background.aiText,
   aiColor: semantics.color.text.aiColor,
-  primaryColor: semantics.color.text.interactive.navigation.primary.base,
+  primaryColor: semantics.color.institutional.brandPrimary,
   errorColor: semantics.color.text.error,
   baseColor: semantics.color.text.base,
   baseOnColor: semantics.color.text.onColor,

package/es/themes/newThemes/legacyCanvas/components/topNavBarItem.js

@@ -26,8 +26,6 @@ const topNavBarItem = {
   fontSize: semantics.fontSize.textBase,
   fontFamily: semantics.fontFamily.base,
   fontWeight: semantics.fontWeight.body.base,
-  color: semantics.color.text.base,
-  colorInverse: semantics.color.text.inverse,
   itemInlinePadding: semantics.spacing.spaceSm,
   itemSpacing: semantics.spacing.spaceSm,
   iconTextGap: semantics.spacing.spaceSm,
@@ -35,6 +33,8 @@ const topNavBarItem = {
   activeItemIndicatorSpacing: semantics.spacing.spaceXs,
   activeIndicatorColor: semantics.color.text.inverse,
   activeIndicatorColorInverse: semantics.color.text.base,
-  activeIndicatorWidth: semantics.borderWidth.md
+  activeIndicatorWidth: semantics.borderWidth.md,
+  color: "inherit",
+  colorInverse: "inherit"
 };
 export default topNavBarItem;

package/es/themes/newThemes/legacyCanvas/semantics.js

@@ -505,7 +505,18 @@ const semantics = {
       "shadowColor1": "rgba(0,0,0,0.1)",
       "shadowColor2": "rgba(0,0,0,0.2)"
     },
-    "transparentColor": primitives.color.transparent
+    "transparentColor": primitives.color.transparent,
+    "institutional": {
+      "brandPrimary": primitives.color.blue.blue100,
+      "brandFontColorDark": primitives.color.grey.grey170,
+      "linkColor": primitives.color.blue.blue100,
+      "brandButtonPrimaryBgd": primitives.color.blue.blue100,
+      "brandButtonPrimaryText": primitives.color.white,
+      "brandGlobalNavBgd": primitives.color.grey.grey150,
+      "globalNavLinkHover": primitives.color.grey.grey170,
+      "brandGlobalNavMenuItemTextColor": primitives.color.white,
+      "brandGlobalNavMenuItemTextColorActive": primitives.color.grey.grey170
+    }
   },
   "dropShadow": {
     "x": {

package/es/themes/newThemes/legacyCanvasHighContrast/components/badge.js

@@ -29,7 +29,7 @@ const badge = {
   colorInverse: semantics.color.text.dark,
   colorDanger: semantics.color.background.error,
   colorSuccess: semantics.color.background.success,
-  colorPrimary: semantics.color.background.info,
+  colorPrimary: semantics.color.institutional.brandPrimary,
   fontSize: semantics.fontSize.textSm,
   fontWeight: semantics.fontWeight.body.strong,
   sizeNotification: "0.75rem",

package/es/themes/newThemes/legacyCanvasHighContrast/components/calendarDay.js

@@ -29,7 +29,7 @@ const calendarDay = {
   selectedBackground: semantics.color.background.interactive.action.success.base,
   selectedColor: semantics.color.text.onColor,
   todayColor: semantics.color.text.onColor,
-  todayBackground: semantics.color.background.interactive.action.primary.base,
+  todayBackground: semantics.color.institutional.brandPrimary,
   fontSize: semantics.fontSize.textBase,
   height: semantics.size.interactive.height.sm,
   minWidth: semantics.size.interactive.height.sm,

package/es/themes/newThemes/legacyCanvasHighContrast/components/fileDrop.js

@@ -29,7 +29,7 @@ const fileDrop = {
   borderRadius: semantics.borderRadius.container.sm,
   borderStyle: "dashed",
   borderWidth: semantics.borderWidth.md,
-  hoverBorderColor: semantics.color.stroke.brand,
+  hoverBorderColor: semantics.color.institutional.brandPrimary,
   rejectedColor: semantics.color.stroke.interactive.action.destructive.secondary.base
 };
 export default fileDrop;

package/es/themes/newThemes/legacyCanvasHighContrast/components/menuItem.js

@@ -23,7 +23,7 @@
  */
 import semantics from "../semantics.js";
 const menuItem = {
-  activeBackground: semantics.color.background.interactive.action.primary.base,
+  activeBackground: semantics.color.institutional.brandPrimary,
   activeLabelColor: semantics.color.text.interactive.action.primary.base,
   background: semantics.color.background.elevatedSurface.base,
   fontFamily: semantics.fontFamily.base,

package/es/themes/newThemes/legacyCanvasHighContrast/components/progressCircle.js

@@ -50,7 +50,7 @@ const progressCircle = {
   trackBorderColorInverse: semantics.color.stroke.inverse,
   meterColorAlert: semantics.color.stroke.info,
   meterColorAlertInverse: semantics.color.stroke.inverse,
-  meterColorBrand: semantics.color.stroke.brand,
+  meterColorBrand: semantics.color.institutional.brandPrimary,
   meterColorBrandInverse: semantics.color.stroke.inverse,
   meterColorDanger: semantics.color.stroke.error,
   meterColorDangerInverse: semantics.color.stroke.inverse,

package/es/themes/newThemes/legacyCanvasHighContrast/components/rangeInput.js

@@ -23,11 +23,11 @@
  */
 import semantics from "../semantics.js";
 const rangeInput = {
-  handleBackground: semantics.color.background.brand,
-  handleHoverBackground: semantics.color.background.brand,
-  handleFocusBackground: semantics.color.background.brand,
-  handleFocusOutlineColor: semantics.color.background.brand,
-  handleShadowColor: semantics.color.background.brand,
+  handleBackground: semantics.color.institutional.brandPrimary,
+  handleHoverBackground: semantics.color.institutional.brandPrimary,
+  handleFocusBackground: semantics.color.institutional.brandPrimary,
+  handleFocusOutlineColor: semantics.color.institutional.brandPrimary,
+  handleShadowColor: semantics.color.institutional.brandPrimary,
   handleBorderColor: semantics.color.stroke.onColor,
   handleBorderSize: semantics.borderWidth.md,
   handleFocusOutlineWidth: "0.75em",

package/es/themes/newThemes/legacyCanvasHighContrast/components/tableRow.js

@@ -26,7 +26,7 @@ const tableRow = {
   background: semantics.color.background.base,
   color: semantics.color.text.base,
   borderColor: semantics.color.stroke.base,
-  hoverBorderColor: semantics.color.stroke.brand,
+  hoverBorderColor: semantics.color.institutional.brandPrimary,
   fontFamily: semantics.fontFamily.base,
   fontSize: semantics.fontSize.textBase,
   fontWeight: semantics.fontWeight.body.base,

package/es/themes/newThemes/legacyCanvasHighContrast/components/tabsTab.js

@@ -25,7 +25,7 @@ import semantics from "../semantics.js";
 const tabsTab = {
   defaultTextColor: semantics.color.text.base,
   defaultHoverBorderColor: semantics.color.stroke.base,
-  defaultSelectedBorderColor: semantics.color.stroke.brand,
+  defaultSelectedBorderColor: semantics.color.institutional.brandPrimary,
   fontFamily: semantics.fontFamily.base,
   fontSize: semantics.fontSize.textBase,
   fontWeight: semantics.fontWeight.body.base,

package/es/themes/newThemes/legacyCanvasHighContrast/components/text.js

@@ -47,7 +47,7 @@ const text = {
   letterSpacingNormal: "0rem",
   aiBackgroundColor: semantics.color.background.aiText,
   aiColor: semantics.color.text.aiColor,
-  primaryColor: semantics.color.text.interactive.navigation.primary.base,
+  primaryColor: semantics.color.institutional.brandPrimary,
   errorColor: semantics.color.text.error,
   baseColor: semantics.color.text.base,
   baseOnColor: semantics.color.text.onColor,

package/es/themes/newThemes/legacyCanvasHighContrast/components/topNavBarItem.js

@@ -26,8 +26,6 @@ const topNavBarItem = {
   fontSize: semantics.fontSize.textBase,
   fontFamily: semantics.fontFamily.base,
   fontWeight: semantics.fontWeight.body.base,
-  color: semantics.color.text.base,
-  colorInverse: semantics.color.text.inverse,
   itemInlinePadding: semantics.spacing.spaceSm,
   itemSpacing: semantics.spacing.spaceSm,
   iconTextGap: semantics.spacing.spaceSm,
@@ -35,6 +33,8 @@ const topNavBarItem = {
   activeItemIndicatorSpacing: semantics.spacing.spaceXs,
   activeIndicatorColor: semantics.color.text.inverse,
   activeIndicatorColorInverse: semantics.color.text.base,
-  activeIndicatorWidth: semantics.borderWidth.md
+  activeIndicatorWidth: semantics.borderWidth.md,
+  color: "inherit",
+  colorInverse: "inherit"
 };
 export default topNavBarItem;

package/es/themes/newThemes/legacyCanvasHighContrast/semantics.js

@@ -505,7 +505,18 @@ const semantics = {
       "shadowColor1": "rgba(0,0,0,0.1)",
       "shadowColor2": "rgba(0,0,0,0.2)"
     },
-    "transparentColor": primitives.color.transparent
+    "transparentColor": primitives.color.transparent,
+    "institutional": {
+      "brandPrimary": primitives.color.blue.blue100,
+      "brandFontColorDark": primitives.color.grey.grey170,
+      "linkColor": primitives.color.blue.blue100,
+      "brandButtonPrimaryBgd": primitives.color.blue.blue100,
+      "brandButtonPrimaryText": primitives.color.white,
+      "brandGlobalNavBgd": primitives.color.grey.grey150,
+      "globalNavLinkHover": primitives.color.grey.grey170,
+      "brandGlobalNavMenuItemTextColor": primitives.color.white,
+      "brandGlobalNavMenuItemTextColorActive": primitives.color.grey.grey170
+    }
   },
   "dropShadow": {
     "x": {

package/es/themes/newThemes/light/components/topNavBarItem.js

@@ -26,8 +26,6 @@ const topNavBarItem = {
   fontSize: semantics.fontSize.textBase,
   fontFamily: semantics.fontFamily.base,
   fontWeight: semantics.fontWeight.body.base,
-  color: semantics.color.text.base,
-  colorInverse: semantics.color.text.inverse,
   itemInlinePadding: semantics.spacing.spaceSm,
   itemSpacing: semantics.spacing.spaceSm,
   iconTextGap: semantics.spacing.spaceSm,
@@ -35,6 +33,8 @@ const topNavBarItem = {
   activeItemIndicatorSpacing: semantics.spacing.spaceXs,
   activeIndicatorColor: semantics.color.text.inverse,
   activeIndicatorColorInverse: semantics.color.text.base,
-  activeIndicatorWidth: semantics.borderWidth.md
+  activeIndicatorWidth: semantics.borderWidth.md,
+  color: "inherit",
+  colorInverse: "inherit"
 };
 export default topNavBarItem;

package/es/themes/newThemes/light/semantics.js

@@ -505,7 +505,18 @@ const semantics = {
       "shadowColor1": "rgba(35,68,101,0.15)",
       "shadowColor2": "rgba(35,68,101,0.1)"
     },
-    "transparentColor": primitives.color.transparent
+    "transparentColor": primitives.color.transparent,
+    "institutional": {
+      "brandPrimary": primitives.color.blue.blue100,
+      "brandFontColorDark": primitives.color.grey.grey170,
+      "linkColor": primitives.color.blue.blue100,
+      "brandButtonPrimaryBgd": primitives.color.blue.blue100,
+      "brandButtonPrimaryText": primitives.color.white,
+      "brandGlobalNavBgd": primitives.color.grey.grey150,
+      "globalNavLinkHover": primitives.color.grey.grey170,
+      "brandGlobalNavMenuItemTextColor": primitives.color.white,
+      "brandGlobalNavMenuItemTextColorActive": primitives.color.grey.grey170
+    }
   },
   "dropShadow": {
     "x": {

package/lib/themes/newThemes/dark/components/topNavBarItem.js

@@ -34,8 +34,6 @@ const topNavBarItem = {
   fontSize: _semantics.default.fontSize.textBase,
   fontFamily: _semantics.default.fontFamily.base,
   fontWeight: _semantics.default.fontWeight.body.base,
-  color: _semantics.default.color.text.base,
-  colorInverse: _semantics.default.color.text.inverse,
   itemInlinePadding: _semantics.default.spacing.spaceSm,
   itemSpacing: _semantics.default.spacing.spaceSm,
   iconTextGap: _semantics.default.spacing.spaceSm,
@@ -43,6 +41,8 @@ const topNavBarItem = {
   activeItemIndicatorSpacing: _semantics.default.spacing.spaceXs,
   activeIndicatorColor: _semantics.default.color.text.inverse,
   activeIndicatorColorInverse: _semantics.default.color.text.base,
-  activeIndicatorWidth: _semantics.default.borderWidth.md
+  activeIndicatorWidth: _semantics.default.borderWidth.md,
+  color: "inherit",
+  colorInverse: "inherit"
 };
 var _default = exports.default = topNavBarItem;

package/lib/themes/newThemes/dark/semantics.js

@@ -513,7 +513,18 @@ const semantics = {
       "shadowColor1": "rgba(0,0,0,0.3)",
       "shadowColor2": "rgba(0,0,0,0.15)"
     },
-    "transparentColor": _primitives.default.color.transparent
+    "transparentColor": _primitives.default.color.transparent,
+    "institutional": {
+      "brandPrimary": _primitives.default.color.blue.blue100,
+      "brandFontColorDark": _primitives.default.color.grey.grey170,
+      "linkColor": _primitives.default.color.blue.blue100,
+      "brandButtonPrimaryBgd": _primitives.default.color.blue.blue100,
+      "brandButtonPrimaryText": _primitives.default.color.white,
+      "brandGlobalNavBgd": _primitives.default.color.grey.grey150,
+      "globalNavLinkHover": _primitives.default.color.grey.grey170,
+      "brandGlobalNavMenuItemTextColor": _primitives.default.color.white,
+      "brandGlobalNavMenuItemTextColorActive": _primitives.default.color.grey.grey170
+    }
   },
   "dropShadow": {
     "x": {

package/lib/themes/newThemes/legacyCanvas/components/badge.js

@@ -37,7 +37,7 @@ const badge = {
   colorInverse: _semantics.default.color.text.dark,
   colorDanger: _semantics.default.color.background.error,
   colorSuccess: _semantics.default.color.background.success,
-  colorPrimary: _semantics.default.color.background.info,
+  colorPrimary: _semantics.default.color.institutional.brandPrimary,
   fontSize: _semantics.default.fontSize.textSm,
   fontWeight: _semantics.default.fontWeight.body.strong,
   sizeNotification: "0.75rem",

package/lib/themes/newThemes/legacyCanvas/components/calendarDay.js

@@ -37,7 +37,7 @@ const calendarDay = {
   selectedBackground: _semantics.default.color.background.interactive.action.success.base,
   selectedColor: _semantics.default.color.text.onColor,
   todayColor: _semantics.default.color.text.onColor,
-  todayBackground: _semantics.default.color.background.interactive.action.primary.base,
+  todayBackground: _semantics.default.color.institutional.brandPrimary,
   fontSize: _semantics.default.fontSize.textBase,
   height: _semantics.default.size.interactive.height.sm,
   minWidth: _semantics.default.size.interactive.height.sm,

package/lib/themes/newThemes/legacyCanvas/components/fileDrop.js

@@ -37,7 +37,7 @@ const fileDrop = {
   borderRadius: _semantics.default.borderRadius.container.sm,
   borderStyle: "dashed",
   borderWidth: _semantics.default.borderWidth.md,
-  hoverBorderColor: _semantics.default.color.stroke.brand,
+  hoverBorderColor: _semantics.default.color.institutional.brandPrimary,
   rejectedColor: _semantics.default.color.stroke.interactive.action.destructive.secondary.base
 };
 var _default = exports.default = fileDrop;

package/lib/themes/newThemes/legacyCanvas/components/menuItem.js

@@ -31,7 +31,7 @@ var _semantics = _interopRequireDefault(require("../semantics"));
  */
 
 const menuItem = {
-  activeBackground: _semantics.default.color.background.interactive.action.primary.base,
+  activeBackground: _semantics.default.color.institutional.brandPrimary,
   activeLabelColor: _semantics.default.color.text.interactive.action.primary.base,
   background: _semantics.default.color.background.elevatedSurface.base,
   fontFamily: _semantics.default.fontFamily.base,

package/lib/themes/newThemes/legacyCanvas/components/progressCircle.js

@@ -58,7 +58,7 @@ const progressCircle = {
   trackBorderColorInverse: _semantics.default.color.stroke.inverse,
   meterColorAlert: _semantics.default.color.stroke.info,
   meterColorAlertInverse: _semantics.default.color.stroke.inverse,
-  meterColorBrand: _semantics.default.color.stroke.brand,
+  meterColorBrand: _semantics.default.color.institutional.brandPrimary,
   meterColorBrandInverse: _semantics.default.color.stroke.inverse,
   meterColorDanger: _semantics.default.color.stroke.error,
   meterColorDangerInverse: _semantics.default.color.stroke.inverse,

package/lib/themes/newThemes/legacyCanvas/components/rangeInput.js

@@ -31,11 +31,11 @@ var _semantics = _interopRequireDefault(require("../semantics"));
  */
 
 const rangeInput = {
-  handleBackground: _semantics.default.color.background.brand,
-  handleHoverBackground: _semantics.default.color.background.brand,
-  handleFocusBackground: _semantics.default.color.background.brand,
-  handleFocusOutlineColor: _semantics.default.color.background.brand,
-  handleShadowColor: _semantics.default.color.background.brand,
+  handleBackground: _semantics.default.color.institutional.brandPrimary,
+  handleHoverBackground: _semantics.default.color.institutional.brandPrimary,
+  handleFocusBackground: _semantics.default.color.institutional.brandPrimary,
+  handleFocusOutlineColor: _semantics.default.color.institutional.brandPrimary,
+  handleShadowColor: _semantics.default.color.institutional.brandPrimary,
   handleBorderColor: _semantics.default.color.stroke.onColor,
   handleBorderSize: _semantics.default.borderWidth.md,
   handleFocusOutlineWidth: "0.75em",

package/lib/themes/newThemes/legacyCanvas/components/tableRow.js

@@ -34,7 +34,7 @@ const tableRow = {
   background: _semantics.default.color.background.base,
   color: _semantics.default.color.text.base,
   borderColor: _semantics.default.color.stroke.base,
-  hoverBorderColor: _semantics.default.color.stroke.brand,
+  hoverBorderColor: _semantics.default.color.institutional.brandPrimary,
   fontFamily: _semantics.default.fontFamily.base,
   fontSize: _semantics.default.fontSize.textBase,
   fontWeight: _semantics.default.fontWeight.body.base,

package/lib/themes/newThemes/legacyCanvas/components/tabsTab.js

@@ -33,7 +33,7 @@ var _semantics = _interopRequireDefault(require("../semantics"));
 const tabsTab = {
   defaultTextColor: _semantics.default.color.text.base,
   defaultHoverBorderColor: _semantics.default.color.stroke.base,
-  defaultSelectedBorderColor: _semantics.default.color.stroke.brand,
+  defaultSelectedBorderColor: _semantics.default.color.institutional.brandPrimary,
   fontFamily: _semantics.default.fontFamily.base,
   fontSize: _semantics.default.fontSize.textBase,
   fontWeight: _semantics.default.fontWeight.body.base,

package/lib/themes/newThemes/legacyCanvas/components/text.js

@@ -55,7 +55,7 @@ const text = {
   letterSpacingNormal: "0rem",
   aiBackgroundColor: _semantics.default.color.background.aiText,
   aiColor: _semantics.default.color.text.aiColor,
-  primaryColor: _semantics.default.color.text.interactive.navigation.primary.base,
+  primaryColor: _semantics.default.color.institutional.brandPrimary,
   errorColor: _semantics.default.color.text.error,
   baseColor: _semantics.default.color.text.base,
   baseOnColor: _semantics.default.color.text.onColor,

package/lib/themes/newThemes/legacyCanvas/components/topNavBarItem.js

@@ -34,8 +34,6 @@ const topNavBarItem = {
   fontSize: _semantics.default.fontSize.textBase,
   fontFamily: _semantics.default.fontFamily.base,
   fontWeight: _semantics.default.fontWeight.body.base,
-  color: _semantics.default.color.text.base,
-  colorInverse: _semantics.default.color.text.inverse,
   itemInlinePadding: _semantics.default.spacing.spaceSm,
   itemSpacing: _semantics.default.spacing.spaceSm,
   iconTextGap: _semantics.default.spacing.spaceSm,
@@ -43,6 +41,8 @@ const topNavBarItem = {
   activeItemIndicatorSpacing: _semantics.default.spacing.spaceXs,
   activeIndicatorColor: _semantics.default.color.text.inverse,
   activeIndicatorColorInverse: _semantics.default.color.text.base,
-  activeIndicatorWidth: _semantics.default.borderWidth.md
+  activeIndicatorWidth: _semantics.default.borderWidth.md,
+  color: "inherit",
+  colorInverse: "inherit"
 };
 var _default = exports.default = topNavBarItem;

package/lib/themes/newThemes/legacyCanvas/semantics.js

@@ -513,7 +513,18 @@ const semantics = {
       "shadowColor1": "rgba(0,0,0,0.1)",
       "shadowColor2": "rgba(0,0,0,0.2)"
     },
-    "transparentColor": _primitives.default.color.transparent
+    "transparentColor": _primitives.default.color.transparent,
+    "institutional": {
+      "brandPrimary": _primitives.default.color.blue.blue100,
+      "brandFontColorDark": _primitives.default.color.grey.grey170,
+      "linkColor": _primitives.default.color.blue.blue100,
+      "brandButtonPrimaryBgd": _primitives.default.color.blue.blue100,
+      "brandButtonPrimaryText": _primitives.default.color.white,
+      "brandGlobalNavBgd": _primitives.default.color.grey.grey150,
+      "globalNavLinkHover": _primitives.default.color.grey.grey170,
+      "brandGlobalNavMenuItemTextColor": _primitives.default.color.white,
+      "brandGlobalNavMenuItemTextColorActive": _primitives.default.color.grey.grey170
+    }
   },
   "dropShadow": {
     "x": {

package/lib/themes/newThemes/legacyCanvasHighContrast/components/badge.js

@@ -37,7 +37,7 @@ const badge = {
   colorInverse: _semantics.default.color.text.dark,
   colorDanger: _semantics.default.color.background.error,
   colorSuccess: _semantics.default.color.background.success,
-  colorPrimary: _semantics.default.color.background.info,
+  colorPrimary: _semantics.default.color.institutional.brandPrimary,
   fontSize: _semantics.default.fontSize.textSm,
   fontWeight: _semantics.default.fontWeight.body.strong,
   sizeNotification: "0.75rem",

package/lib/themes/newThemes/legacyCanvasHighContrast/components/calendarDay.js

@@ -37,7 +37,7 @@ const calendarDay = {
   selectedBackground: _semantics.default.color.background.interactive.action.success.base,
   selectedColor: _semantics.default.color.text.onColor,
   todayColor: _semantics.default.color.text.onColor,
-  todayBackground: _semantics.default.color.background.interactive.action.primary.base,
+  todayBackground: _semantics.default.color.institutional.brandPrimary,
   fontSize: _semantics.default.fontSize.textBase,
   height: _semantics.default.size.interactive.height.sm,
   minWidth: _semantics.default.size.interactive.height.sm,

package/lib/themes/newThemes/legacyCanvasHighContrast/components/fileDrop.js

@@ -37,7 +37,7 @@ const fileDrop = {
   borderRadius: _semantics.default.borderRadius.container.sm,
   borderStyle: "dashed",
   borderWidth: _semantics.default.borderWidth.md,
-  hoverBorderColor: _semantics.default.color.stroke.brand,
+  hoverBorderColor: _semantics.default.color.institutional.brandPrimary,
   rejectedColor: _semantics.default.color.stroke.interactive.action.destructive.secondary.base
 };
 var _default = exports.default = fileDrop;

package/lib/themes/newThemes/legacyCanvasHighContrast/components/menuItem.js

@@ -31,7 +31,7 @@ var _semantics = _interopRequireDefault(require("../semantics"));
  */
 
 const menuItem = {
-  activeBackground: _semantics.default.color.background.interactive.action.primary.base,
+  activeBackground: _semantics.default.color.institutional.brandPrimary,
   activeLabelColor: _semantics.default.color.text.interactive.action.primary.base,
   background: _semantics.default.color.background.elevatedSurface.base,
   fontFamily: _semantics.default.fontFamily.base,

package/lib/themes/newThemes/legacyCanvasHighContrast/components/progressCircle.js

@@ -58,7 +58,7 @@ const progressCircle = {
   trackBorderColorInverse: _semantics.default.color.stroke.inverse,
   meterColorAlert: _semantics.default.color.stroke.info,
   meterColorAlertInverse: _semantics.default.color.stroke.inverse,
-  meterColorBrand: _semantics.default.color.stroke.brand,
+  meterColorBrand: _semantics.default.color.institutional.brandPrimary,
   meterColorBrandInverse: _semantics.default.color.stroke.inverse,
   meterColorDanger: _semantics.default.color.stroke.error,
   meterColorDangerInverse: _semantics.default.color.stroke.inverse,

package/lib/themes/newThemes/legacyCanvasHighContrast/components/rangeInput.js

@@ -31,11 +31,11 @@ var _semantics = _interopRequireDefault(require("../semantics"));
  */
 
 const rangeInput = {
-  handleBackground: _semantics.default.color.background.brand,
-  handleHoverBackground: _semantics.default.color.background.brand,
-  handleFocusBackground: _semantics.default.color.background.brand,
-  handleFocusOutlineColor: _semantics.default.color.background.brand,
-  handleShadowColor: _semantics.default.color.background.brand,
+  handleBackground: _semantics.default.color.institutional.brandPrimary,
+  handleHoverBackground: _semantics.default.color.institutional.brandPrimary,
+  handleFocusBackground: _semantics.default.color.institutional.brandPrimary,
+  handleFocusOutlineColor: _semantics.default.color.institutional.brandPrimary,
+  handleShadowColor: _semantics.default.color.institutional.brandPrimary,
   handleBorderColor: _semantics.default.color.stroke.onColor,
   handleBorderSize: _semantics.default.borderWidth.md,
   handleFocusOutlineWidth: "0.75em",