@instructure/ui-themes 11.7.0 → 11.7.1-snapshot-4

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 (48) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/es/themes/newThemes/dark/components/dataPermissionLevels.js +1 -1
  3. package/es/themes/newThemes/dark/components/sideNavBarNew.js +1 -0
  4. package/es/themes/newThemes/legacyCanvas/components/dataPermissionLevels.js +1 -1
  5. package/es/themes/newThemes/legacyCanvas/components/menuItem.js +3 -3
  6. package/es/themes/newThemes/legacyCanvas/components/optionsItem.js +2 -2
  7. package/es/themes/newThemes/legacyCanvas/components/sideNavBarNew.js +2 -1
  8. package/es/themes/newThemes/legacyCanvasHighContrast/components/dataPermissionLevels.js +1 -1
  9. package/es/themes/newThemes/legacyCanvasHighContrast/components/menuItem.js +3 -3
  10. package/es/themes/newThemes/legacyCanvasHighContrast/components/optionsItem.js +2 -2
  11. package/es/themes/newThemes/legacyCanvasHighContrast/components/sideNavBarNew.js +2 -1
  12. package/es/themes/newThemes/light/components/dataPermissionLevels.js +1 -1
  13. package/es/themes/newThemes/light/components/sideNavBarNew.js +1 -0
  14. package/lib/themes/newThemes/dark/components/dataPermissionLevels.js +1 -1
  15. package/lib/themes/newThemes/dark/components/sideNavBarNew.js +1 -0
  16. package/lib/themes/newThemes/legacyCanvas/components/dataPermissionLevels.js +1 -1
  17. package/lib/themes/newThemes/legacyCanvas/components/menuItem.js +3 -3
  18. package/lib/themes/newThemes/legacyCanvas/components/optionsItem.js +2 -2
  19. package/lib/themes/newThemes/legacyCanvas/components/sideNavBarNew.js +2 -1
  20. package/lib/themes/newThemes/legacyCanvasHighContrast/components/dataPermissionLevels.js +1 -1
  21. package/lib/themes/newThemes/legacyCanvasHighContrast/components/menuItem.js +3 -3
  22. package/lib/themes/newThemes/legacyCanvasHighContrast/components/optionsItem.js +2 -2
  23. package/lib/themes/newThemes/legacyCanvasHighContrast/components/sideNavBarNew.js +2 -1
  24. package/lib/themes/newThemes/light/components/dataPermissionLevels.js +1 -1
  25. package/lib/themes/newThemes/light/components/sideNavBarNew.js +1 -0
  26. package/package.json +3 -3
  27. package/src/themes/newThemes/componentTypes/sideNavBarNew.ts +1 -0
  28. package/src/themes/newThemes/dark/components/dataPermissionLevels.ts +1 -1
  29. package/src/themes/newThemes/dark/components/sideNavBarNew.ts +1 -0
  30. package/src/themes/newThemes/legacyCanvas/components/dataPermissionLevels.ts +1 -1
  31. package/src/themes/newThemes/legacyCanvas/components/menuItem.ts +3 -3
  32. package/src/themes/newThemes/legacyCanvas/components/optionsItem.ts +2 -2
  33. package/src/themes/newThemes/legacyCanvas/components/sideNavBarNew.ts +1 -0
  34. package/src/themes/newThemes/legacyCanvasHighContrast/components/dataPermissionLevels.ts +1 -1
  35. package/src/themes/newThemes/legacyCanvasHighContrast/components/menuItem.ts +3 -3
  36. package/src/themes/newThemes/legacyCanvasHighContrast/components/optionsItem.ts +2 -2
  37. package/src/themes/newThemes/legacyCanvasHighContrast/components/sideNavBarNew.ts +1 -0
  38. package/src/themes/newThemes/light/components/dataPermissionLevels.ts +1 -1
  39. package/src/themes/newThemes/light/components/sideNavBarNew.ts +1 -0
  40. package/tokens/canvas/scss/_variables.scss +7 -6
  41. package/tokens/canvas/source.json +1 -1
  42. package/tsconfig.build.tsbuildinfo +1 -1
  43. package/types/themes/newThemes/componentTypes/sideNavBarNew.d.ts +1 -0
  44. package/types/themes/newThemes/componentTypes/sideNavBarNew.d.ts.map +1 -1
  45. package/types/themes/newThemes/dark/components/sideNavBarNew.d.ts.map +1 -1
  46. package/types/themes/newThemes/legacyCanvas/components/sideNavBarNew.d.ts.map +1 -1
  47. package/types/themes/newThemes/legacyCanvasHighContrast/components/sideNavBarNew.d.ts.map +1 -1
  48. package/types/themes/newThemes/light/components/sideNavBarNew.d.ts.map +1 -1
package/CHANGELOG.md CHANGED
@@ -3,6 +3,14 @@
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.1-snapshot-4](https://github.com/instructure/instructure-ui/compare/v11.7.0...v11.7.1-snapshot-4) (2026-03-19)
7
+
8
+ **Note:** Version bump only for package @instructure/ui-themes
9
+
10
+
11
+
12
+
13
+
6
14
  # [11.7.0](https://github.com/instructure/instructure-ui/compare/v11.6.0...v11.7.0) (2026-03-18)
7
15
 
8
16
 
package/es/themes/newThemes/dark/components/dataPermissionLevels.js CHANGED
@@ -33,7 +33,7 @@ const dataPermissionLevels = {
33
33
  levelColor: semantics.color.text.aiColor,
34
34
  aiTextLeftGradientColor: semantics.color.background.aiTopGradient,
35
35
  aiTextRightGradientColor: semantics.color.background.aiBottomGradient,
36
- bodyPadding: semantics.spacing.gap.cards.lg,
36
+ bodyPadding: "0rem",
37
37
  contentContainerColor: semantics.color.background.elevatedSurface.base
38
38
  };
39
39
  export default dataPermissionLevels;
package/es/themes/newThemes/dark/components/sideNavBarNew.js CHANGED
@@ -25,6 +25,7 @@ import semantics from "../semantics.js";
25
25
  const sideNavBarNew = {
26
26
  backgroundColor: semantics.color.background.elevatedSurface.base,
27
27
  fill: semantics.color.icon.interactive.action.primaryOnColor.base,
28
+ borderColor: semantics.color.stroke.muted,
28
29
  fontColor: semantics.color.text.base,
29
30
  minimizedWidth: "3.75rem",
30
31
  toggleTransition: "300ms",
package/es/themes/newThemes/legacyCanvas/components/dataPermissionLevels.js CHANGED
@@ -32,7 +32,7 @@ const dataPermissionLevels = {
32
32
  levelColor: semantics.color.text.aiColor,
33
33
  aiTextLeftGradientColor: semantics.color.background.aiTopGradient,
34
34
  aiTextRightGradientColor: semantics.color.background.aiBottomGradient,
35
- bodyPadding: semantics.spacing.gap.cards.lg,
35
+ bodyPadding: "0rem",
36
36
  contentContainerColor: semantics.color.background.elevatedSurface.base,
37
37
  contentContainerBorderRadius: "0rem"
38
38
  };
package/es/themes/newThemes/legacyCanvas/components/menuItem.js CHANGED
@@ -36,9 +36,9 @@ const menuItem = {
36
36
  labelPadding: "2.25rem",
37
37
  paddingVertical: semantics.spacing.spaceSm,
38
38
  paddingHorizontal: semantics.spacing.spaceMd,
39
- highlightedBackground: semantics.color.background.interactive.action.primary.hover,
39
+ highlightedBackground: semantics.color.background.muted,
40
40
  selectedHighlightedBackground: semantics.color.background.interactive.action.primary.hover,
41
- highlightedLabelColor: semantics.color.text.interactive.action.primary.base,
42
- highlightedLabelInfoColor: semantics.color.text.interactive.action.primary.base
41
+ highlightedLabelColor: semantics.color.text.base,
42
+ highlightedLabelInfoColor: semantics.color.text.muted
43
43
  };
44
44
  export default menuItem;
package/es/themes/newThemes/legacyCanvas/components/optionsItem.js CHANGED
@@ -35,8 +35,8 @@ const optionsItem = {
35
35
  fontSize: semantics.fontSize.textBase,
36
36
  fontWeight: semantics.fontWeight.body.base,
37
37
  fontWeightSelected: semantics.fontWeight.body.base,
38
- highlightedBackground: semantics.color.background.interactive.action.primary.hover,
39
- highlightedLabelColor: semantics.color.text.interactive.action.primary.base,
38
+ highlightedBackground: semantics.color.background.muted,
39
+ highlightedLabelColor: semantics.color.text.base,
40
40
  iconPadding: semantics.spacing.spaceMd,
41
41
  lineHeight: semantics.lineHeight.standalone.base,
42
42
  paddingHorizontal: semantics.spacing.spaceMd,
package/es/themes/newThemes/legacyCanvas/components/sideNavBarNew.js CHANGED
@@ -52,6 +52,7 @@ const sideNavBarNew = {
52
52
  }
53
53
  },
54
54
  borderRadius: "0rem",
55
- minimizedBorderRadius: "0rem"
55
+ minimizedBorderRadius: "0rem",
56
+ borderColor: semantics.color.stroke.base
56
57
  };
57
58
  export default sideNavBarNew;
package/es/themes/newThemes/legacyCanvasHighContrast/components/dataPermissionLevels.js CHANGED
@@ -32,7 +32,7 @@ const dataPermissionLevels = {
32
32
  levelColor: semantics.color.text.aiColor,
33
33
  aiTextLeftGradientColor: semantics.color.background.aiTopGradient,
34
34
  aiTextRightGradientColor: semantics.color.background.aiBottomGradient,
35
- bodyPadding: semantics.spacing.gap.cards.lg,
35
+ bodyPadding: "0rem",
36
36
  contentContainerColor: semantics.color.background.elevatedSurface.base,
37
37
  contentContainerBorderRadius: "0rem"
38
38
  };
package/es/themes/newThemes/legacyCanvasHighContrast/components/menuItem.js CHANGED
@@ -36,9 +36,9 @@ const menuItem = {
36
36
  labelPadding: "2.25rem",
37
37
  paddingVertical: semantics.spacing.spaceSm,
38
38
  paddingHorizontal: semantics.spacing.spaceMd,
39
- highlightedBackground: semantics.color.background.interactive.action.primary.hover,
39
+ highlightedBackground: semantics.color.background.muted,
40
40
  selectedHighlightedBackground: semantics.color.background.interactive.action.primary.hover,
41
- highlightedLabelColor: semantics.color.text.interactive.action.primary.base,
42
- highlightedLabelInfoColor: semantics.color.text.interactive.action.primary.base
41
+ highlightedLabelColor: semantics.color.text.base,
42
+ highlightedLabelInfoColor: semantics.color.text.muted
43
43
  };
44
44
  export default menuItem;
package/es/themes/newThemes/legacyCanvasHighContrast/components/optionsItem.js CHANGED
@@ -35,8 +35,8 @@ const optionsItem = {
35
35
  fontSize: semantics.fontSize.textBase,
36
36
  fontWeight: semantics.fontWeight.body.base,
37
37
  fontWeightSelected: semantics.fontWeight.body.base,
38
- highlightedBackground: semantics.color.background.interactive.action.primary.hover,
39
- highlightedLabelColor: semantics.color.text.interactive.action.primary.base,
38
+ highlightedBackground: semantics.color.background.muted,
39
+ highlightedLabelColor: semantics.color.text.base,
40
40
  iconPadding: semantics.spacing.spaceMd,
41
41
  lineHeight: semantics.lineHeight.standalone.base,
42
42
  paddingHorizontal: semantics.spacing.spaceMd,
package/es/themes/newThemes/legacyCanvasHighContrast/components/sideNavBarNew.js CHANGED
@@ -52,6 +52,7 @@ const sideNavBarNew = {
52
52
  }
53
53
  },
54
54
  borderRadius: "0rem",
55
- minimizedBorderRadius: "0rem"
55
+ minimizedBorderRadius: "0rem",
56
+ borderColor: semantics.color.stroke.base
56
57
  };
57
58
  export default sideNavBarNew;
package/es/themes/newThemes/light/components/dataPermissionLevels.js CHANGED
@@ -33,7 +33,7 @@ const dataPermissionLevels = {
33
33
  levelColor: semantics.color.text.aiColor,
34
34
  aiTextLeftGradientColor: semantics.color.background.aiTopGradient,
35
35
  aiTextRightGradientColor: semantics.color.background.aiBottomGradient,
36
- bodyPadding: semantics.spacing.gap.cards.lg,
36
+ bodyPadding: "0rem",
37
37
  contentContainerColor: semantics.color.background.elevatedSurface.base
38
38
  };
39
39
  export default dataPermissionLevels;
package/es/themes/newThemes/light/components/sideNavBarNew.js CHANGED
@@ -25,6 +25,7 @@ import semantics from "../semantics.js";
25
25
  const sideNavBarNew = {
26
26
  backgroundColor: semantics.color.background.elevatedSurface.base,
27
27
  fill: semantics.color.icon.interactive.action.primaryOnColor.base,
28
+ borderColor: semantics.color.stroke.muted,
28
29
  fontColor: semantics.color.text.base,
29
30
  minimizedWidth: "3.75rem",
30
31
  toggleTransition: "300ms",
package/lib/themes/newThemes/dark/components/dataPermissionLevels.js CHANGED
@@ -41,7 +41,7 @@ const dataPermissionLevels = {
41
41
  levelColor: _semantics.default.color.text.aiColor,
42
42
  aiTextLeftGradientColor: _semantics.default.color.background.aiTopGradient,
43
43
  aiTextRightGradientColor: _semantics.default.color.background.aiBottomGradient,
44
- bodyPadding: _semantics.default.spacing.gap.cards.lg,
44
+ bodyPadding: "0rem",
45
45
  contentContainerColor: _semantics.default.color.background.elevatedSurface.base
46
46
  };
47
47
  var _default = exports.default = dataPermissionLevels;
package/lib/themes/newThemes/dark/components/sideNavBarNew.js CHANGED
@@ -33,6 +33,7 @@ var _semantics = _interopRequireDefault(require("../semantics"));
33
33
  const sideNavBarNew = {
34
34
  backgroundColor: _semantics.default.color.background.elevatedSurface.base,
35
35
  fill: _semantics.default.color.icon.interactive.action.primaryOnColor.base,
36
+ borderColor: _semantics.default.color.stroke.muted,
36
37
  fontColor: _semantics.default.color.text.base,
37
38
  minimizedWidth: "3.75rem",
38
39
  toggleTransition: "300ms",
package/lib/themes/newThemes/legacyCanvas/components/dataPermissionLevels.js CHANGED
@@ -40,7 +40,7 @@ const dataPermissionLevels = {
40
40
  levelColor: _semantics.default.color.text.aiColor,
41
41
  aiTextLeftGradientColor: _semantics.default.color.background.aiTopGradient,
42
42
  aiTextRightGradientColor: _semantics.default.color.background.aiBottomGradient,
43
- bodyPadding: _semantics.default.spacing.gap.cards.lg,
43
+ bodyPadding: "0rem",
44
44
  contentContainerColor: _semantics.default.color.background.elevatedSurface.base,
45
45
  contentContainerBorderRadius: "0rem"
46
46
  };
package/lib/themes/newThemes/legacyCanvas/components/menuItem.js CHANGED
@@ -44,9 +44,9 @@ const menuItem = {
44
44
  labelPadding: "2.25rem",
45
45
  paddingVertical: _semantics.default.spacing.spaceSm,
46
46
  paddingHorizontal: _semantics.default.spacing.spaceMd,
47
- highlightedBackground: _semantics.default.color.background.interactive.action.primary.hover,
47
+ highlightedBackground: _semantics.default.color.background.muted,
48
48
  selectedHighlightedBackground: _semantics.default.color.background.interactive.action.primary.hover,
49
- highlightedLabelColor: _semantics.default.color.text.interactive.action.primary.base,
50
- highlightedLabelInfoColor: _semantics.default.color.text.interactive.action.primary.base
49
+ highlightedLabelColor: _semantics.default.color.text.base,
50
+ highlightedLabelInfoColor: _semantics.default.color.text.muted
51
51
  };
52
52
  var _default = exports.default = menuItem;
package/lib/themes/newThemes/legacyCanvas/components/optionsItem.js CHANGED
@@ -43,8 +43,8 @@ const optionsItem = {
43
43
  fontSize: _semantics.default.fontSize.textBase,
44
44
  fontWeight: _semantics.default.fontWeight.body.base,
45
45
  fontWeightSelected: _semantics.default.fontWeight.body.base,
46
- highlightedBackground: _semantics.default.color.background.interactive.action.primary.hover,
47
- highlightedLabelColor: _semantics.default.color.text.interactive.action.primary.base,
46
+ highlightedBackground: _semantics.default.color.background.muted,
47
+ highlightedLabelColor: _semantics.default.color.text.base,
48
48
  iconPadding: _semantics.default.spacing.spaceMd,
49
49
  lineHeight: _semantics.default.lineHeight.standalone.base,
50
50
  paddingHorizontal: _semantics.default.spacing.spaceMd,
package/lib/themes/newThemes/legacyCanvas/components/sideNavBarNew.js CHANGED
@@ -60,6 +60,7 @@ const sideNavBarNew = {
60
60
  }
61
61
  },
62
62
  borderRadius: "0rem",
63
- minimizedBorderRadius: "0rem"
63
+ minimizedBorderRadius: "0rem",
64
+ borderColor: _semantics.default.color.stroke.base
64
65
  };
65
66
  var _default = exports.default = sideNavBarNew;
package/lib/themes/newThemes/legacyCanvasHighContrast/components/dataPermissionLevels.js CHANGED
@@ -40,7 +40,7 @@ const dataPermissionLevels = {
40
40
  levelColor: _semantics.default.color.text.aiColor,
41
41
  aiTextLeftGradientColor: _semantics.default.color.background.aiTopGradient,
42
42
  aiTextRightGradientColor: _semantics.default.color.background.aiBottomGradient,
43
- bodyPadding: _semantics.default.spacing.gap.cards.lg,
43
+ bodyPadding: "0rem",
44
44
  contentContainerColor: _semantics.default.color.background.elevatedSurface.base,
45
45
  contentContainerBorderRadius: "0rem"
46
46
  };
package/lib/themes/newThemes/legacyCanvasHighContrast/components/menuItem.js CHANGED
@@ -44,9 +44,9 @@ const menuItem = {
44
44
  labelPadding: "2.25rem",
45
45
  paddingVertical: _semantics.default.spacing.spaceSm,
46
46
  paddingHorizontal: _semantics.default.spacing.spaceMd,
47
- highlightedBackground: _semantics.default.color.background.interactive.action.primary.hover,
47
+ highlightedBackground: _semantics.default.color.background.muted,
48
48
  selectedHighlightedBackground: _semantics.default.color.background.interactive.action.primary.hover,
49
- highlightedLabelColor: _semantics.default.color.text.interactive.action.primary.base,
50
- highlightedLabelInfoColor: _semantics.default.color.text.interactive.action.primary.base
49
+ highlightedLabelColor: _semantics.default.color.text.base,
50
+ highlightedLabelInfoColor: _semantics.default.color.text.muted
51
51
  };
52
52
  var _default = exports.default = menuItem;
package/lib/themes/newThemes/legacyCanvasHighContrast/components/optionsItem.js CHANGED
@@ -43,8 +43,8 @@ const optionsItem = {
43
43
  fontSize: _semantics.default.fontSize.textBase,
44
44
  fontWeight: _semantics.default.fontWeight.body.base,
45
45
  fontWeightSelected: _semantics.default.fontWeight.body.base,
46
- highlightedBackground: _semantics.default.color.background.interactive.action.primary.hover,
47
- highlightedLabelColor: _semantics.default.color.text.interactive.action.primary.base,
46
+ highlightedBackground: _semantics.default.color.background.muted,
47
+ highlightedLabelColor: _semantics.default.color.text.base,
48
48
  iconPadding: _semantics.default.spacing.spaceMd,
49
49
  lineHeight: _semantics.default.lineHeight.standalone.base,
50
50
  paddingHorizontal: _semantics.default.spacing.spaceMd,
package/lib/themes/newThemes/legacyCanvasHighContrast/components/sideNavBarNew.js CHANGED
@@ -60,6 +60,7 @@ const sideNavBarNew = {
60
60
  }
61
61
  },
62
62
  borderRadius: "0rem",
63
- minimizedBorderRadius: "0rem"
63
+ minimizedBorderRadius: "0rem",
64
+ borderColor: _semantics.default.color.stroke.base
64
65
  };
65
66
  var _default = exports.default = sideNavBarNew;
package/lib/themes/newThemes/light/components/dataPermissionLevels.js CHANGED
@@ -41,7 +41,7 @@ const dataPermissionLevels = {
41
41
  levelColor: _semantics.default.color.text.aiColor,
42
42
  aiTextLeftGradientColor: _semantics.default.color.background.aiTopGradient,
43
43
  aiTextRightGradientColor: _semantics.default.color.background.aiBottomGradient,
44
- bodyPadding: _semantics.default.spacing.gap.cards.lg,
44
+ bodyPadding: "0rem",
45
45
  contentContainerColor: _semantics.default.color.background.elevatedSurface.base
46
46
  };
47
47
  var _default = exports.default = dataPermissionLevels;
package/lib/themes/newThemes/light/components/sideNavBarNew.js CHANGED
@@ -33,6 +33,7 @@ var _semantics = _interopRequireDefault(require("../semantics"));
33
33
  const sideNavBarNew = {
34
34
  backgroundColor: _semantics.default.color.background.elevatedSurface.base,
35
35
  fill: _semantics.default.color.icon.interactive.action.primaryOnColor.base,
36
+ borderColor: _semantics.default.color.stroke.muted,
36
37
  fontColor: _semantics.default.color.text.base,
37
38
  minimizedWidth: "3.75rem",
38
39
  toggleTransition: "300ms",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@instructure/ui-themes",
3
- "version": "11.7.0",
3
+ "version": "11.7.1-snapshot-4",
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.0"
20
+ "@instructure/ui-babel-preset": "11.7.1-snapshot-4"
21
21
  },
22
22
  "dependencies": {
23
23
  "@tokens-studio/types": "^0.5.2",
24
- "@instructure/shared-types": "11.7.0"
24
+ "@instructure/shared-types": "11.7.1-snapshot-4"
25
25
  },
26
26
  "publishConfig": {
27
27
  "access": "public"
package/src/themes/newThemes/componentTypes/sideNavBarNew.ts CHANGED
@@ -27,6 +27,7 @@ import type { TokenBoxshadowValueInst } from "../commonTypes"
27
27
  export type SideNavBarNew = {
28
28
  backgroundColor: string
29
29
  fill: string
30
+ borderColor: string
30
31
  fontColor: string
31
32
  minimizedWidth: string
32
33
  toggleTransition: string | number
package/src/themes/newThemes/dark/components/dataPermissionLevels.ts CHANGED
@@ -36,7 +36,7 @@ const dataPermissionLevels: DataPermissionLevels = {
36
36
  levelColor: semantics.color.text.aiColor,
37
37
  aiTextLeftGradientColor: semantics.color.background.aiTopGradient,
38
38
  aiTextRightGradientColor: semantics.color.background.aiBottomGradient,
39
- bodyPadding: semantics.spacing.gap.cards.lg,
39
+ bodyPadding: "0rem",
40
40
  contentContainerColor: semantics.color.background.elevatedSurface.base,
41
41
  }
42
42
  export default dataPermissionLevels
package/src/themes/newThemes/dark/components/sideNavBarNew.ts CHANGED
@@ -28,6 +28,7 @@ import semantics from "../semantics"
28
28
  const sideNavBarNew: SideNavBarNew = {
29
29
  backgroundColor: semantics.color.background.elevatedSurface.base,
30
30
  fill: semantics.color.icon.interactive.action.primaryOnColor.base,
31
+ borderColor: semantics.color.stroke.muted,
31
32
  fontColor: semantics.color.text.base,
32
33
  minimizedWidth: "3.75rem",
33
34
  toggleTransition: "300ms",
package/src/themes/newThemes/legacyCanvas/components/dataPermissionLevels.ts CHANGED
@@ -35,7 +35,7 @@ const dataPermissionLevels: DataPermissionLevels = {
35
35
  levelColor: semantics.color.text.aiColor,
36
36
  aiTextLeftGradientColor: semantics.color.background.aiTopGradient,
37
37
  aiTextRightGradientColor: semantics.color.background.aiBottomGradient,
38
- bodyPadding: semantics.spacing.gap.cards.lg,
38
+ bodyPadding: "0rem",
39
39
  contentContainerColor: semantics.color.background.elevatedSurface.base,
40
40
  contentContainerBorderRadius: "0rem",
41
41
  }
package/src/themes/newThemes/legacyCanvas/components/menuItem.ts CHANGED
@@ -39,9 +39,9 @@ const menuItem: MenuItem = {
39
39
  labelPadding: "2.25rem",
40
40
  paddingVertical: semantics.spacing.spaceSm,
41
41
  paddingHorizontal: semantics.spacing.spaceMd,
42
- highlightedBackground: semantics.color.background.interactive.action.primary.hover,
42
+ highlightedBackground: semantics.color.background.muted,
43
43
  selectedHighlightedBackground: semantics.color.background.interactive.action.primary.hover,
44
- highlightedLabelColor: semantics.color.text.interactive.action.primary.base,
45
- highlightedLabelInfoColor: semantics.color.text.interactive.action.primary.base,
44
+ highlightedLabelColor: semantics.color.text.base,
45
+ highlightedLabelInfoColor: semantics.color.text.muted,
46
46
  }
47
47
  export default menuItem
package/src/themes/newThemes/legacyCanvas/components/optionsItem.ts CHANGED
@@ -38,8 +38,8 @@ const optionsItem: OptionsItem = {
38
38
  fontSize: semantics.fontSize.textBase,
39
39
  fontWeight: semantics.fontWeight.body.base,
40
40
  fontWeightSelected: semantics.fontWeight.body.base,
41
- highlightedBackground: semantics.color.background.interactive.action.primary.hover,
42
- highlightedLabelColor: semantics.color.text.interactive.action.primary.base,
41
+ highlightedBackground: semantics.color.background.muted,
42
+ highlightedLabelColor: semantics.color.text.base,
43
43
  iconPadding: semantics.spacing.spaceMd,
44
44
  lineHeight: semantics.lineHeight.standalone.base,
45
45
  paddingHorizontal: semantics.spacing.spaceMd,
package/src/themes/newThemes/legacyCanvas/components/sideNavBarNew.ts CHANGED
@@ -56,5 +56,6 @@ const sideNavBarNew: SideNavBarNew = {
56
56
  },
57
57
  borderRadius: "0rem",
58
58
  minimizedBorderRadius: "0rem",
59
+ borderColor: semantics.color.stroke.base,
59
60
  }
60
61
  export default sideNavBarNew
package/src/themes/newThemes/legacyCanvasHighContrast/components/dataPermissionLevels.ts CHANGED
@@ -35,7 +35,7 @@ const dataPermissionLevels: DataPermissionLevels = {
35
35
  levelColor: semantics.color.text.aiColor,
36
36
  aiTextLeftGradientColor: semantics.color.background.aiTopGradient,
37
37
  aiTextRightGradientColor: semantics.color.background.aiBottomGradient,
38
- bodyPadding: semantics.spacing.gap.cards.lg,
38
+ bodyPadding: "0rem",
39
39
  contentContainerColor: semantics.color.background.elevatedSurface.base,
40
40
  contentContainerBorderRadius: "0rem",
41
41
  }
package/src/themes/newThemes/legacyCanvasHighContrast/components/menuItem.ts CHANGED
@@ -39,9 +39,9 @@ const menuItem: MenuItem = {
39
39
  labelPadding: "2.25rem",
40
40
  paddingVertical: semantics.spacing.spaceSm,
41
41
  paddingHorizontal: semantics.spacing.spaceMd,
42
- highlightedBackground: semantics.color.background.interactive.action.primary.hover,
42
+ highlightedBackground: semantics.color.background.muted,
43
43
  selectedHighlightedBackground: semantics.color.background.interactive.action.primary.hover,
44
- highlightedLabelColor: semantics.color.text.interactive.action.primary.base,
45
- highlightedLabelInfoColor: semantics.color.text.interactive.action.primary.base,
44
+ highlightedLabelColor: semantics.color.text.base,
45
+ highlightedLabelInfoColor: semantics.color.text.muted,
46
46
  }
47
47
  export default menuItem
package/src/themes/newThemes/legacyCanvasHighContrast/components/optionsItem.ts CHANGED
@@ -38,8 +38,8 @@ const optionsItem: OptionsItem = {
38
38
  fontSize: semantics.fontSize.textBase,
39
39
  fontWeight: semantics.fontWeight.body.base,
40
40
  fontWeightSelected: semantics.fontWeight.body.base,
41
- highlightedBackground: semantics.color.background.interactive.action.primary.hover,
42
- highlightedLabelColor: semantics.color.text.interactive.action.primary.base,
41
+ highlightedBackground: semantics.color.background.muted,
42
+ highlightedLabelColor: semantics.color.text.base,
43
43
  iconPadding: semantics.spacing.spaceMd,
44
44
  lineHeight: semantics.lineHeight.standalone.base,
45
45
  paddingHorizontal: semantics.spacing.spaceMd,
package/src/themes/newThemes/legacyCanvasHighContrast/components/sideNavBarNew.ts CHANGED
@@ -56,5 +56,6 @@ const sideNavBarNew: SideNavBarNew = {
56
56
  },
57
57
  borderRadius: "0rem",
58
58
  minimizedBorderRadius: "0rem",
59
+ borderColor: semantics.color.stroke.base,
59
60
  }
60
61
  export default sideNavBarNew
package/src/themes/newThemes/light/components/dataPermissionLevels.ts CHANGED
@@ -36,7 +36,7 @@ const dataPermissionLevels: DataPermissionLevels = {
36
36
  levelColor: semantics.color.text.aiColor,
37
37
  aiTextLeftGradientColor: semantics.color.background.aiTopGradient,
38
38
  aiTextRightGradientColor: semantics.color.background.aiBottomGradient,
39
- bodyPadding: semantics.spacing.gap.cards.lg,
39
+ bodyPadding: "0rem",
40
40
  contentContainerColor: semantics.color.background.elevatedSurface.base,
41
41
  }
42
42
  export default dataPermissionLevels
package/src/themes/newThemes/light/components/sideNavBarNew.ts CHANGED
@@ -28,6 +28,7 @@ import semantics from "../semantics"
28
28
  const sideNavBarNew: SideNavBarNew = {
29
29
  backgroundColor: semantics.color.background.elevatedSurface.base,
30
30
  fill: semantics.color.icon.interactive.action.primaryOnColor.base,
31
+ borderColor: semantics.color.stroke.muted,
31
32
  fontColor: semantics.color.text.base,
32
33
  minimizedWidth: "3.75rem",
33
34
  toggleTransition: "300ms",
package/tokens/canvas/scss/_variables.scss CHANGED
@@ -1813,10 +1813,10 @@ $instui-canvas-new-theme-components-menu-item-line-height: 1.25rem;
1813
1813
  $instui-canvas-new-theme-components-menu-item-label-padding: 2.25rem;
1814
1814
  $instui-canvas-new-theme-components-menu-item-padding-vertical: 0.5rem;
1815
1815
  $instui-canvas-new-theme-components-menu-item-padding-horizontal: 0.75rem;
1816
- $instui-canvas-new-theme-components-menu-item-highlighted-background: #2369A4;
1816
+ $instui-canvas-new-theme-components-menu-item-highlighted-background: #F2F4F5;
1817
1817
  $instui-canvas-new-theme-components-menu-item-selected-highlighted-background: #2369A4;
1818
- $instui-canvas-new-theme-components-menu-item-highlighted-label-color: #ffffff;
1819
- $instui-canvas-new-theme-components-menu-item-highlighted-label-info-color: #ffffff;
1818
+ $instui-canvas-new-theme-components-menu-item-highlighted-label-color: #273540;
1819
+ $instui-canvas-new-theme-components-menu-item-highlighted-label-info-color: #576773;
1820
1820
  $instui-canvas-new-theme-components-menu-separator-background: #8D959F;
1821
1821
  $instui-canvas-new-theme-components-menu-separator-height: 0.0625rem;
1822
1822
  $instui-canvas-new-theme-components-menu-separator-margin-vertical: 0rem;
@@ -2096,8 +2096,8 @@ $instui-canvas-new-theme-components-options-item-font-family: Lato, "Helvetica N
2096
2096
  $instui-canvas-new-theme-components-options-item-font-size: 1rem;
2097
2097
  $instui-canvas-new-theme-components-options-item-font-weight: 400;
2098
2098
  $instui-canvas-new-theme-components-options-item-font-weight-selected: 400;
2099
- $instui-canvas-new-theme-components-options-item-highlighted-background: #2369A4;
2100
- $instui-canvas-new-theme-components-options-item-highlighted-label-color: #ffffff;
2099
+ $instui-canvas-new-theme-components-options-item-highlighted-background: #F2F4F5;
2100
+ $instui-canvas-new-theme-components-options-item-highlighted-label-color: #273540;
2101
2101
  $instui-canvas-new-theme-components-options-item-icon-padding: 0.75rem;
2102
2102
  $instui-canvas-new-theme-components-options-item-line-height: 125%;
2103
2103
  $instui-canvas-new-theme-components-options-item-padding-horizontal: 0.75rem;
@@ -2287,7 +2287,7 @@ $instui-canvas-new-theme-components-data-permission-levels-permission-title-bott
2287
2287
  $instui-canvas-new-theme-components-data-permission-levels-level-color: #8A49A7;
2288
2288
  $instui-canvas-new-theme-components-data-permission-levels-ai-text-left-gradient-color: #9E58BD;
2289
2289
  $instui-canvas-new-theme-components-data-permission-levels-ai-text-right-gradient-color: #00828E;
2290
- $instui-canvas-new-theme-components-data-permission-levels-body-padding: 1.5rem;
2290
+ $instui-canvas-new-theme-components-data-permission-levels-body-padding: 0rem;
2291
2291
  $instui-canvas-new-theme-components-data-permission-levels-content-container-color: #ffffff;
2292
2292
  $instui-canvas-new-theme-components-data-permission-levels-content-container-border-radius: 0rem;
2293
2293
  $instui-canvas-new-theme-components-nutrition-facts-border-radius: 0.25rem;
@@ -2560,6 +2560,7 @@ $instui-canvas-new-theme-components-side-nav-bar-new-box-shadow-1-color: #000000
2560
2560
  $instui-canvas-new-theme-components-side-nav-bar-new-box-shadow-1-type: dropShadow;
2561
2561
  $instui-canvas-new-theme-components-side-nav-bar-new-border-radius: 0rem;
2562
2562
  $instui-canvas-new-theme-components-side-nav-bar-new-minimized-border-radius: 0rem;
2563
+ $instui-canvas-new-theme-components-side-nav-bar-new-border-color: #8D959F;
2563
2564
  $instui-canvas-new-theme-components-side-nav-bar-item-new-icon-wrapper-height: 2.25rem;
2564
2565
  $instui-canvas-new-theme-components-side-nav-bar-item-new-border-radius: 0rem;
2565
2566
  $instui-canvas-new-theme-components-side-nav-bar-item-new-background-color: transparent;