@instructure/ui-themes 11.7.1 → 11.7.2-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 (87) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/es/themes/newThemes/dark/components/topNavBarActionItems.js +1 -2
  3. package/es/themes/newThemes/dark/components/topNavBarItem.js +1 -2
  4. package/es/themes/newThemes/dark/components/topNavBarLayout.js +6 -1
  5. package/es/themes/newThemes/dark/components/topNavBarMenuItems.js +0 -1
  6. package/es/themes/newThemes/legacyCanvas/components/tag.js +1 -1
  7. package/es/themes/newThemes/legacyCanvas/components/topNavBarActionItems.js +1 -2
  8. package/es/themes/newThemes/legacyCanvas/components/topNavBarItem.js +0 -1
  9. package/es/themes/newThemes/legacyCanvas/components/topNavBarLayout.js +6 -1
  10. package/es/themes/newThemes/legacyCanvas/components/topNavBarMenuItems.js +0 -1
  11. package/es/themes/newThemes/legacyCanvasHighContrast/components/tag.js +1 -1
  12. package/es/themes/newThemes/legacyCanvasHighContrast/components/topNavBarActionItems.js +1 -2
  13. package/es/themes/newThemes/legacyCanvasHighContrast/components/topNavBarItem.js +0 -1
  14. package/es/themes/newThemes/legacyCanvasHighContrast/components/topNavBarLayout.js +6 -1
  15. package/es/themes/newThemes/legacyCanvasHighContrast/components/topNavBarMenuItems.js +0 -1
  16. package/es/themes/newThemes/light/components/topNavBarActionItems.js +1 -2
  17. package/es/themes/newThemes/light/components/topNavBarItem.js +1 -2
  18. package/es/themes/newThemes/light/components/topNavBarLayout.js +6 -1
  19. package/es/themes/newThemes/light/components/topNavBarMenuItems.js +0 -1
  20. package/lib/themes/newThemes/dark/components/topNavBarActionItems.js +1 -2
  21. package/lib/themes/newThemes/dark/components/topNavBarItem.js +1 -2
  22. package/lib/themes/newThemes/dark/components/topNavBarLayout.js +6 -1
  23. package/lib/themes/newThemes/dark/components/topNavBarMenuItems.js +0 -1
  24. package/lib/themes/newThemes/legacyCanvas/components/tag.js +1 -1
  25. package/lib/themes/newThemes/legacyCanvas/components/topNavBarActionItems.js +1 -2
  26. package/lib/themes/newThemes/legacyCanvas/components/topNavBarItem.js +0 -1
  27. package/lib/themes/newThemes/legacyCanvas/components/topNavBarLayout.js +6 -1
  28. package/lib/themes/newThemes/legacyCanvas/components/topNavBarMenuItems.js +0 -1
  29. package/lib/themes/newThemes/legacyCanvasHighContrast/components/tag.js +1 -1
  30. package/lib/themes/newThemes/legacyCanvasHighContrast/components/topNavBarActionItems.js +1 -2
  31. package/lib/themes/newThemes/legacyCanvasHighContrast/components/topNavBarItem.js +0 -1
  32. package/lib/themes/newThemes/legacyCanvasHighContrast/components/topNavBarLayout.js +6 -1
  33. package/lib/themes/newThemes/legacyCanvasHighContrast/components/topNavBarMenuItems.js +0 -1
  34. package/lib/themes/newThemes/light/components/topNavBarActionItems.js +1 -2
  35. package/lib/themes/newThemes/light/components/topNavBarItem.js +1 -2
  36. package/lib/themes/newThemes/light/components/topNavBarLayout.js +6 -1
  37. package/lib/themes/newThemes/light/components/topNavBarMenuItems.js +0 -1
  38. package/package.json +3 -3
  39. package/src/themes/newThemes/componentTypes/topNavBarActionItems.ts +0 -1
  40. package/src/themes/newThemes/componentTypes/topNavBarItem.ts +0 -1
  41. package/src/themes/newThemes/componentTypes/topNavBarLayout.ts +5 -0
  42. package/src/themes/newThemes/componentTypes/topNavBarMenuItems.ts +0 -1
  43. package/src/themes/newThemes/dark/components/topNavBarActionItems.ts +0 -1
  44. package/src/themes/newThemes/dark/components/topNavBarItem.ts +0 -1
  45. package/src/themes/newThemes/dark/components/topNavBarLayout.ts +5 -0
  46. package/src/themes/newThemes/dark/components/topNavBarMenuItems.ts +0 -1
  47. package/src/themes/newThemes/legacyCanvas/components/tag.ts +1 -1
  48. package/src/themes/newThemes/legacyCanvas/components/topNavBarActionItems.ts +0 -1
  49. package/src/themes/newThemes/legacyCanvas/components/topNavBarItem.ts +0 -1
  50. package/src/themes/newThemes/legacyCanvas/components/topNavBarLayout.ts +5 -0
  51. package/src/themes/newThemes/legacyCanvas/components/topNavBarMenuItems.ts +0 -1
  52. package/src/themes/newThemes/legacyCanvasHighContrast/components/tag.ts +1 -1
  53. package/src/themes/newThemes/legacyCanvasHighContrast/components/topNavBarActionItems.ts +0 -1
  54. package/src/themes/newThemes/legacyCanvasHighContrast/components/topNavBarItem.ts +0 -1
  55. package/src/themes/newThemes/legacyCanvasHighContrast/components/topNavBarLayout.ts +5 -0
  56. package/src/themes/newThemes/legacyCanvasHighContrast/components/topNavBarMenuItems.ts +0 -1
  57. package/src/themes/newThemes/light/components/topNavBarActionItems.ts +0 -1
  58. package/src/themes/newThemes/light/components/topNavBarItem.ts +0 -1
  59. package/src/themes/newThemes/light/components/topNavBarLayout.ts +5 -0
  60. package/src/themes/newThemes/light/components/topNavBarMenuItems.ts +0 -1
  61. package/tokens/canvas/scss/_variables.scss +6 -4
  62. package/tokens/canvas/source.json +1 -1
  63. package/tsconfig.build.tsbuildinfo +1 -1
  64. package/types/themes/newThemes/componentTypes/topNavBarActionItems.d.ts +0 -1
  65. package/types/themes/newThemes/componentTypes/topNavBarActionItems.d.ts.map +1 -1
  66. package/types/themes/newThemes/componentTypes/topNavBarItem.d.ts +0 -1
  67. package/types/themes/newThemes/componentTypes/topNavBarItem.d.ts.map +1 -1
  68. package/types/themes/newThemes/componentTypes/topNavBarLayout.d.ts +5 -0
  69. package/types/themes/newThemes/componentTypes/topNavBarLayout.d.ts.map +1 -1
  70. package/types/themes/newThemes/componentTypes/topNavBarMenuItems.d.ts +0 -1
  71. package/types/themes/newThemes/componentTypes/topNavBarMenuItems.d.ts.map +1 -1
  72. package/types/themes/newThemes/dark/components/topNavBarActionItems.d.ts.map +1 -1
  73. package/types/themes/newThemes/dark/components/topNavBarItem.d.ts.map +1 -1
  74. package/types/themes/newThemes/dark/components/topNavBarLayout.d.ts.map +1 -1
  75. package/types/themes/newThemes/dark/components/topNavBarMenuItems.d.ts.map +1 -1
  76. package/types/themes/newThemes/legacyCanvas/components/topNavBarActionItems.d.ts.map +1 -1
  77. package/types/themes/newThemes/legacyCanvas/components/topNavBarItem.d.ts.map +1 -1
  78. package/types/themes/newThemes/legacyCanvas/components/topNavBarLayout.d.ts.map +1 -1
  79. package/types/themes/newThemes/legacyCanvas/components/topNavBarMenuItems.d.ts.map +1 -1
  80. package/types/themes/newThemes/legacyCanvasHighContrast/components/topNavBarActionItems.d.ts.map +1 -1
  81. package/types/themes/newThemes/legacyCanvasHighContrast/components/topNavBarItem.d.ts.map +1 -1
  82. package/types/themes/newThemes/legacyCanvasHighContrast/components/topNavBarLayout.d.ts.map +1 -1
  83. package/types/themes/newThemes/legacyCanvasHighContrast/components/topNavBarMenuItems.d.ts.map +1 -1
  84. package/types/themes/newThemes/light/components/topNavBarActionItems.d.ts.map +1 -1
  85. package/types/themes/newThemes/light/components/topNavBarItem.d.ts.map +1 -1
  86. package/types/themes/newThemes/light/components/topNavBarLayout.d.ts.map +1 -1
  87. package/types/themes/newThemes/light/components/topNavBarMenuItems.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.2-snapshot-4](https://github.com/instructure/instructure-ui/compare/v11.7.1...v11.7.2-snapshot-4) (2026-03-20)
7
+
8
+ **Note:** Version bump only for package @instructure/ui-themes
9
+
10
+
11
+
12
+
13
+
6
14
  ## [11.7.1](https://github.com/instructure/instructure-ui/compare/v11.7.0...v11.7.1) (2026-03-20)
7
15
 
8
16
  **Note:** Version bump only for package @instructure/ui-themes
package/es/themes/newThemes/dark/components/topNavBarActionItems.js CHANGED
@@ -27,7 +27,6 @@ const topNavBarActionItems = {
27
27
  smallViewportActionItemContainerMaxWidth: "50%",
28
28
  smallViewportDropdownMenuActiveOptionFontWeight: semantics.fontWeight.body.strong,
29
29
  smallViewportDropdownMenuActiveOptionIndicatorSpacing: semantics.spacing.spaceXs,
30
- smallViewportDropdownMenuActiveOptionIndicatorWidth: semantics.borderWidth.lg,
31
- activeIndicatorWidth: semantics.borderWidth.md
30
+ smallViewportDropdownMenuActiveOptionIndicatorWidth: semantics.borderWidth.lg
32
31
  };
33
32
  export default topNavBarActionItems;
package/es/themes/newThemes/dark/components/topNavBarItem.js CHANGED
@@ -34,7 +34,6 @@ const topNavBarItem = {
34
34
  activeItemFontWeight: semantics.fontWeight.body.strong,
35
35
  activeItemIndicatorSpacing: semantics.spacing.spaceXs,
36
36
  activeIndicatorColor: semantics.color.text.inverse,
37
- activeIndicatorColorInverse: semantics.color.text.base,
38
- smallViewportFontSize: semantics.fontSize.textBase
37
+ activeIndicatorColorInverse: semantics.color.text.base
39
38
  };
40
39
  export default topNavBarItem;
package/es/themes/newThemes/dark/components/topNavBarLayout.js CHANGED
@@ -55,6 +55,11 @@ const topNavBarLayout = {
55
55
  smallViewportInlinePadding: "0.25rem",
56
56
  smallViewportTrayPosition: "fixed",
57
57
  smallViewportTrayZIndex: 9998,
58
- smallViewportZIndex: 10000
58
+ smallViewportZIndex: 10000,
59
+ desktopBottomBorderInverse: semantics.color.stroke.inverse,
60
+ desktopBrandContainerInlineMargin: semantics.spacing.spaceMd,
61
+ desktopActionItemsContainerInlineMargin: semantics.spacing.spaceXs,
62
+ smallViewportFontSize: semantics.fontSize.textSm,
63
+ smallViewportTrayFixTopPosition: "undefined"
59
64
  };
60
65
  export default topNavBarLayout;
package/es/themes/newThemes/dark/components/topNavBarMenuItems.js CHANGED
@@ -24,7 +24,6 @@
24
24
  import semantics from "../semantics.js";
25
25
  const topNavBarMenuItems = {
26
26
  desktopItemSpacing: semantics.spacing.spaceLg,
27
- desktopMaxWidth: "100%",
28
27
  desktopSubmenuActiveOptionFontWeight: semantics.fontWeight.body.strong,
29
28
  desktopSubmenuActiveOptionIndicatorColor: "currentColor",
30
29
  desktopSubmenuActiveOptionIndicatorSpacing: semantics.spacing.spaceXs,
package/es/themes/newThemes/legacyCanvas/components/tag.js CHANGED
@@ -26,7 +26,7 @@ const tag = {
26
26
  defaultBackground: semantics.color.background.interactive.action.secondary.base,
27
27
  defaultBackgroundHover: semantics.color.background.interactive.action.secondary.hover,
28
28
  defaultBorderColor: semantics.color.stroke.interactive.action.secondary.base,
29
- defaultBorderRadius: semantics.borderRadius.md,
29
+ defaultBorderRadius: semantics.borderRadius.full,
30
30
  defaultBorderStyle: "solid",
31
31
  inlineBorderStyle: "solid",
32
32
  defaultBorderWidth: semantics.borderWidth.sm,
package/es/themes/newThemes/legacyCanvas/components/topNavBarActionItems.js CHANGED
@@ -27,7 +27,6 @@ const topNavBarActionItems = {
27
27
  smallViewportActionItemContainerMaxWidth: "50%",
28
28
  smallViewportDropdownMenuActiveOptionFontWeight: semantics.fontWeight.body.strong,
29
29
  smallViewportDropdownMenuActiveOptionIndicatorSpacing: semantics.spacing.spaceXs,
30
- smallViewportDropdownMenuActiveOptionIndicatorWidth: semantics.borderWidth.lg,
31
- activeIndicatorWidth: semantics.borderWidth.md
30
+ smallViewportDropdownMenuActiveOptionIndicatorWidth: semantics.borderWidth.lg
32
31
  };
33
32
  export default topNavBarActionItems;
package/es/themes/newThemes/legacyCanvas/components/topNavBarItem.js CHANGED
@@ -24,7 +24,6 @@
24
24
  import semantics from "../semantics.js";
25
25
  const topNavBarItem = {
26
26
  fontSize: semantics.fontSize.textBase,
27
- smallViewportFontSize: semantics.fontSize.textBase,
28
27
  fontFamily: semantics.fontFamily.base,
29
28
  fontWeight: semantics.fontWeight.body.base,
30
29
  color: semantics.color.text.inverse,
package/es/themes/newThemes/legacyCanvas/components/topNavBarLayout.js CHANGED
@@ -55,6 +55,11 @@ const topNavBarLayout = {
55
55
  smallViewportInlinePadding: "0.25rem",
56
56
  smallViewportTrayPosition: "fixed",
57
57
  smallViewportTrayZIndex: 9998,
58
- smallViewportZIndex: 10000
58
+ smallViewportZIndex: 10000,
59
+ desktopBottomBorderInverse: semantics.color.stroke.inverse,
60
+ desktopBrandContainerInlineMargin: semantics.spacing.spaceMd,
61
+ desktopActionItemsContainerInlineMargin: semantics.spacing.spaceXs,
62
+ smallViewportFontSize: semantics.fontSize.textSm,
63
+ smallViewportTrayFixTopPosition: "undefined"
59
64
  };
60
65
  export default topNavBarLayout;
package/es/themes/newThemes/legacyCanvas/components/topNavBarMenuItems.js CHANGED
@@ -27,7 +27,6 @@ const topNavBarMenuItems = {
27
27
  desktopItemSpacing: semantics.spacing.spaceLg,
28
28
  desktopSubmenuActiveOptionIndicatorSpacing: semantics.spacing.spaceXs,
29
29
  desktopSubmenuActiveOptionFontWeight: semantics.fontWeight.body.strong,
30
- desktopMaxWidth: "100%",
31
30
  desktopSubmenuActiveOptionIndicatorColor: "currentColor"
32
31
  };
33
32
  export default topNavBarMenuItems;
package/es/themes/newThemes/legacyCanvasHighContrast/components/tag.js CHANGED
@@ -26,7 +26,7 @@ const tag = {
26
26
  defaultBackground: semantics.color.background.interactive.action.secondary.base,
27
27
  defaultBackgroundHover: semantics.color.background.interactive.action.secondary.hover,
28
28
  defaultBorderColor: semantics.color.stroke.interactive.action.secondary.base,
29
- defaultBorderRadius: semantics.borderRadius.md,
29
+ defaultBorderRadius: semantics.borderRadius.full,
30
30
  defaultBorderStyle: "solid",
31
31
  inlineBorderStyle: "solid",
32
32
  defaultBorderWidth: semantics.borderWidth.sm,
package/es/themes/newThemes/legacyCanvasHighContrast/components/topNavBarActionItems.js CHANGED
@@ -27,7 +27,6 @@ const topNavBarActionItems = {
27
27
  smallViewportActionItemContainerMaxWidth: "50%",
28
28
  smallViewportDropdownMenuActiveOptionFontWeight: semantics.fontWeight.body.strong,
29
29
  smallViewportDropdownMenuActiveOptionIndicatorSpacing: semantics.spacing.spaceXs,
30
- smallViewportDropdownMenuActiveOptionIndicatorWidth: semantics.borderWidth.lg,
31
- activeIndicatorWidth: semantics.borderWidth.md
30
+ smallViewportDropdownMenuActiveOptionIndicatorWidth: semantics.borderWidth.lg
32
31
  };
33
32
  export default topNavBarActionItems;
package/es/themes/newThemes/legacyCanvasHighContrast/components/topNavBarItem.js CHANGED
@@ -24,7 +24,6 @@
24
24
  import semantics from "../semantics.js";
25
25
  const topNavBarItem = {
26
26
  fontSize: semantics.fontSize.textBase,
27
- smallViewportFontSize: semantics.fontSize.textBase,
28
27
  fontFamily: semantics.fontFamily.base,
29
28
  fontWeight: semantics.fontWeight.body.base,
30
29
  color: semantics.color.text.inverse,
package/es/themes/newThemes/legacyCanvasHighContrast/components/topNavBarLayout.js CHANGED
@@ -55,6 +55,11 @@ const topNavBarLayout = {
55
55
  smallViewportInlinePadding: "0.25rem",
56
56
  smallViewportTrayPosition: "fixed",
57
57
  smallViewportTrayZIndex: 9998,
58
- smallViewportZIndex: 10000
58
+ smallViewportZIndex: 10000,
59
+ desktopBottomBorderInverse: semantics.color.stroke.inverse,
60
+ desktopBrandContainerInlineMargin: semantics.spacing.spaceMd,
61
+ desktopActionItemsContainerInlineMargin: semantics.spacing.spaceXs,
62
+ smallViewportFontSize: semantics.fontSize.textSm,
63
+ smallViewportTrayFixTopPosition: "undefined"
59
64
  };
60
65
  export default topNavBarLayout;
package/es/themes/newThemes/legacyCanvasHighContrast/components/topNavBarMenuItems.js CHANGED
@@ -27,7 +27,6 @@ const topNavBarMenuItems = {
27
27
  desktopItemSpacing: semantics.spacing.spaceLg,
28
28
  desktopSubmenuActiveOptionIndicatorSpacing: semantics.spacing.spaceXs,
29
29
  desktopSubmenuActiveOptionFontWeight: semantics.fontWeight.body.strong,
30
- desktopMaxWidth: "100%",
31
30
  desktopSubmenuActiveOptionIndicatorColor: "currentColor"
32
31
  };
33
32
  export default topNavBarMenuItems;
package/es/themes/newThemes/light/components/topNavBarActionItems.js CHANGED
@@ -27,7 +27,6 @@ const topNavBarActionItems = {
27
27
  smallViewportActionItemContainerMaxWidth: "50%",
28
28
  smallViewportDropdownMenuActiveOptionFontWeight: semantics.fontWeight.body.strong,
29
29
  smallViewportDropdownMenuActiveOptionIndicatorSpacing: semantics.spacing.spaceXs,
30
- smallViewportDropdownMenuActiveOptionIndicatorWidth: semantics.borderWidth.lg,
31
- activeIndicatorWidth: semantics.borderWidth.md
30
+ smallViewportDropdownMenuActiveOptionIndicatorWidth: semantics.borderWidth.lg
32
31
  };
33
32
  export default topNavBarActionItems;
package/es/themes/newThemes/light/components/topNavBarItem.js CHANGED
@@ -34,7 +34,6 @@ const topNavBarItem = {
34
34
  activeItemFontWeight: semantics.fontWeight.body.strong,
35
35
  activeItemIndicatorSpacing: semantics.spacing.spaceXs,
36
36
  activeIndicatorColor: semantics.color.text.inverse,
37
- activeIndicatorColorInverse: semantics.color.text.base,
38
- smallViewportFontSize: semantics.fontSize.textBase
37
+ activeIndicatorColorInverse: semantics.color.text.base
39
38
  };
40
39
  export default topNavBarItem;
package/es/themes/newThemes/light/components/topNavBarLayout.js CHANGED
@@ -55,6 +55,11 @@ const topNavBarLayout = {
55
55
  smallViewportInlinePadding: "0.25rem",
56
56
  smallViewportTrayPosition: "fixed",
57
57
  smallViewportTrayZIndex: 9998,
58
- smallViewportZIndex: 10000
58
+ smallViewportZIndex: 10000,
59
+ desktopBottomBorderInverse: semantics.color.stroke.inverse,
60
+ desktopBrandContainerInlineMargin: semantics.spacing.spaceMd,
61
+ desktopActionItemsContainerInlineMargin: semantics.spacing.spaceXs,
62
+ smallViewportFontSize: semantics.fontSize.textSm,
63
+ smallViewportTrayFixTopPosition: "undefined"
59
64
  };
60
65
  export default topNavBarLayout;
package/es/themes/newThemes/light/components/topNavBarMenuItems.js CHANGED
@@ -24,7 +24,6 @@
24
24
  import semantics from "../semantics.js";
25
25
  const topNavBarMenuItems = {
26
26
  desktopItemSpacing: semantics.spacing.spaceLg,
27
- desktopMaxWidth: "100%",
28
27
  desktopSubmenuActiveOptionFontWeight: semantics.fontWeight.body.strong,
29
28
  desktopSubmenuActiveOptionIndicatorColor: "currentColor",
30
29
  desktopSubmenuActiveOptionIndicatorSpacing: semantics.spacing.spaceXs,
package/lib/themes/newThemes/dark/components/topNavBarActionItems.js CHANGED
@@ -35,7 +35,6 @@ const topNavBarActionItems = {
35
35
  smallViewportActionItemContainerMaxWidth: "50%",
36
36
  smallViewportDropdownMenuActiveOptionFontWeight: _semantics.default.fontWeight.body.strong,
37
37
  smallViewportDropdownMenuActiveOptionIndicatorSpacing: _semantics.default.spacing.spaceXs,
38
- smallViewportDropdownMenuActiveOptionIndicatorWidth: _semantics.default.borderWidth.lg,
39
- activeIndicatorWidth: _semantics.default.borderWidth.md
38
+ smallViewportDropdownMenuActiveOptionIndicatorWidth: _semantics.default.borderWidth.lg
40
39
  };
41
40
  var _default = exports.default = topNavBarActionItems;
package/lib/themes/newThemes/dark/components/topNavBarItem.js CHANGED
@@ -42,7 +42,6 @@ const topNavBarItem = {
42
42
  activeItemFontWeight: _semantics.default.fontWeight.body.strong,
43
43
  activeItemIndicatorSpacing: _semantics.default.spacing.spaceXs,
44
44
  activeIndicatorColor: _semantics.default.color.text.inverse,
45
- activeIndicatorColorInverse: _semantics.default.color.text.base,
46
- smallViewportFontSize: _semantics.default.fontSize.textBase
45
+ activeIndicatorColorInverse: _semantics.default.color.text.base
47
46
  };
48
47
  var _default = exports.default = topNavBarItem;
package/lib/themes/newThemes/dark/components/topNavBarLayout.js CHANGED
@@ -63,6 +63,11 @@ const topNavBarLayout = {
63
63
  smallViewportInlinePadding: "0.25rem",
64
64
  smallViewportTrayPosition: "fixed",
65
65
  smallViewportTrayZIndex: 9998,
66
- smallViewportZIndex: 10000
66
+ smallViewportZIndex: 10000,
67
+ desktopBottomBorderInverse: _semantics.default.color.stroke.inverse,
68
+ desktopBrandContainerInlineMargin: _semantics.default.spacing.spaceMd,
69
+ desktopActionItemsContainerInlineMargin: _semantics.default.spacing.spaceXs,
70
+ smallViewportFontSize: _semantics.default.fontSize.textSm,
71
+ smallViewportTrayFixTopPosition: "undefined"
67
72
  };
68
73
  var _default = exports.default = topNavBarLayout;
package/lib/themes/newThemes/dark/components/topNavBarMenuItems.js CHANGED
@@ -32,7 +32,6 @@ var _semantics = _interopRequireDefault(require("../semantics"));
32
32
 
33
33
  const topNavBarMenuItems = {
34
34
  desktopItemSpacing: _semantics.default.spacing.spaceLg,
35
- desktopMaxWidth: "100%",
36
35
  desktopSubmenuActiveOptionFontWeight: _semantics.default.fontWeight.body.strong,
37
36
  desktopSubmenuActiveOptionIndicatorColor: "currentColor",
38
37
  desktopSubmenuActiveOptionIndicatorSpacing: _semantics.default.spacing.spaceXs,
package/lib/themes/newThemes/legacyCanvas/components/tag.js CHANGED
@@ -34,7 +34,7 @@ const tag = {
34
34
  defaultBackground: _semantics.default.color.background.interactive.action.secondary.base,
35
35
  defaultBackgroundHover: _semantics.default.color.background.interactive.action.secondary.hover,
36
36
  defaultBorderColor: _semantics.default.color.stroke.interactive.action.secondary.base,
37
- defaultBorderRadius: _semantics.default.borderRadius.md,
37
+ defaultBorderRadius: _semantics.default.borderRadius.full,
38
38
  defaultBorderStyle: "solid",
39
39
  inlineBorderStyle: "solid",
40
40
  defaultBorderWidth: _semantics.default.borderWidth.sm,
package/lib/themes/newThemes/legacyCanvas/components/topNavBarActionItems.js CHANGED
@@ -35,7 +35,6 @@ const topNavBarActionItems = {
35
35
  smallViewportActionItemContainerMaxWidth: "50%",
36
36
  smallViewportDropdownMenuActiveOptionFontWeight: _semantics.default.fontWeight.body.strong,
37
37
  smallViewportDropdownMenuActiveOptionIndicatorSpacing: _semantics.default.spacing.spaceXs,
38
- smallViewportDropdownMenuActiveOptionIndicatorWidth: _semantics.default.borderWidth.lg,
39
- activeIndicatorWidth: _semantics.default.borderWidth.md
38
+ smallViewportDropdownMenuActiveOptionIndicatorWidth: _semantics.default.borderWidth.lg
40
39
  };
41
40
  var _default = exports.default = topNavBarActionItems;
package/lib/themes/newThemes/legacyCanvas/components/topNavBarItem.js CHANGED
@@ -32,7 +32,6 @@ var _semantics = _interopRequireDefault(require("../semantics"));
32
32
 
33
33
  const topNavBarItem = {
34
34
  fontSize: _semantics.default.fontSize.textBase,
35
- smallViewportFontSize: _semantics.default.fontSize.textBase,
36
35
  fontFamily: _semantics.default.fontFamily.base,
37
36
  fontWeight: _semantics.default.fontWeight.body.base,
38
37
  color: _semantics.default.color.text.inverse,
package/lib/themes/newThemes/legacyCanvas/components/topNavBarLayout.js CHANGED
@@ -63,6 +63,11 @@ const topNavBarLayout = {
63
63
  smallViewportInlinePadding: "0.25rem",
64
64
  smallViewportTrayPosition: "fixed",
65
65
  smallViewportTrayZIndex: 9998,
66
- smallViewportZIndex: 10000
66
+ smallViewportZIndex: 10000,
67
+ desktopBottomBorderInverse: _semantics.default.color.stroke.inverse,
68
+ desktopBrandContainerInlineMargin: _semantics.default.spacing.spaceMd,
69
+ desktopActionItemsContainerInlineMargin: _semantics.default.spacing.spaceXs,
70
+ smallViewportFontSize: _semantics.default.fontSize.textSm,
71
+ smallViewportTrayFixTopPosition: "undefined"
67
72
  };
68
73
  var _default = exports.default = topNavBarLayout;
package/lib/themes/newThemes/legacyCanvas/components/topNavBarMenuItems.js CHANGED
@@ -35,7 +35,6 @@ const topNavBarMenuItems = {
35
35
  desktopItemSpacing: _semantics.default.spacing.spaceLg,
36
36
  desktopSubmenuActiveOptionIndicatorSpacing: _semantics.default.spacing.spaceXs,
37
37
  desktopSubmenuActiveOptionFontWeight: _semantics.default.fontWeight.body.strong,
38
- desktopMaxWidth: "100%",
39
38
  desktopSubmenuActiveOptionIndicatorColor: "currentColor"
40
39
  };
41
40
  var _default = exports.default = topNavBarMenuItems;
package/lib/themes/newThemes/legacyCanvasHighContrast/components/tag.js CHANGED
@@ -34,7 +34,7 @@ const tag = {
34
34
  defaultBackground: _semantics.default.color.background.interactive.action.secondary.base,
35
35
  defaultBackgroundHover: _semantics.default.color.background.interactive.action.secondary.hover,
36
36
  defaultBorderColor: _semantics.default.color.stroke.interactive.action.secondary.base,
37
- defaultBorderRadius: _semantics.default.borderRadius.md,
37
+ defaultBorderRadius: _semantics.default.borderRadius.full,
38
38
  defaultBorderStyle: "solid",
39
39
  inlineBorderStyle: "solid",
40
40
  defaultBorderWidth: _semantics.default.borderWidth.sm,
package/lib/themes/newThemes/legacyCanvasHighContrast/components/topNavBarActionItems.js CHANGED
@@ -35,7 +35,6 @@ const topNavBarActionItems = {
35
35
  smallViewportActionItemContainerMaxWidth: "50%",
36
36
  smallViewportDropdownMenuActiveOptionFontWeight: _semantics.default.fontWeight.body.strong,
37
37
  smallViewportDropdownMenuActiveOptionIndicatorSpacing: _semantics.default.spacing.spaceXs,
38
- smallViewportDropdownMenuActiveOptionIndicatorWidth: _semantics.default.borderWidth.lg,
39
- activeIndicatorWidth: _semantics.default.borderWidth.md
38
+ smallViewportDropdownMenuActiveOptionIndicatorWidth: _semantics.default.borderWidth.lg
40
39
  };
41
40
  var _default = exports.default = topNavBarActionItems;
package/lib/themes/newThemes/legacyCanvasHighContrast/components/topNavBarItem.js CHANGED
@@ -32,7 +32,6 @@ var _semantics = _interopRequireDefault(require("../semantics"));
32
32
 
33
33
  const topNavBarItem = {
34
34
  fontSize: _semantics.default.fontSize.textBase,
35
- smallViewportFontSize: _semantics.default.fontSize.textBase,
36
35
  fontFamily: _semantics.default.fontFamily.base,
37
36
  fontWeight: _semantics.default.fontWeight.body.base,
38
37
  color: _semantics.default.color.text.inverse,
package/lib/themes/newThemes/legacyCanvasHighContrast/components/topNavBarLayout.js CHANGED
@@ -63,6 +63,11 @@ const topNavBarLayout = {
63
63
  smallViewportInlinePadding: "0.25rem",
64
64
  smallViewportTrayPosition: "fixed",
65
65
  smallViewportTrayZIndex: 9998,
66
- smallViewportZIndex: 10000
66
+ smallViewportZIndex: 10000,
67
+ desktopBottomBorderInverse: _semantics.default.color.stroke.inverse,
68
+ desktopBrandContainerInlineMargin: _semantics.default.spacing.spaceMd,
69
+ desktopActionItemsContainerInlineMargin: _semantics.default.spacing.spaceXs,
70
+ smallViewportFontSize: _semantics.default.fontSize.textSm,
71
+ smallViewportTrayFixTopPosition: "undefined"
67
72
  };
68
73
  var _default = exports.default = topNavBarLayout;
package/lib/themes/newThemes/legacyCanvasHighContrast/components/topNavBarMenuItems.js CHANGED
@@ -35,7 +35,6 @@ const topNavBarMenuItems = {
35
35
  desktopItemSpacing: _semantics.default.spacing.spaceLg,
36
36
  desktopSubmenuActiveOptionIndicatorSpacing: _semantics.default.spacing.spaceXs,
37
37
  desktopSubmenuActiveOptionFontWeight: _semantics.default.fontWeight.body.strong,
38
- desktopMaxWidth: "100%",
39
38
  desktopSubmenuActiveOptionIndicatorColor: "currentColor"
40
39
  };
41
40
  var _default = exports.default = topNavBarMenuItems;
package/lib/themes/newThemes/light/components/topNavBarActionItems.js CHANGED
@@ -35,7 +35,6 @@ const topNavBarActionItems = {
35
35
  smallViewportActionItemContainerMaxWidth: "50%",
36
36
  smallViewportDropdownMenuActiveOptionFontWeight: _semantics.default.fontWeight.body.strong,
37
37
  smallViewportDropdownMenuActiveOptionIndicatorSpacing: _semantics.default.spacing.spaceXs,
38
- smallViewportDropdownMenuActiveOptionIndicatorWidth: _semantics.default.borderWidth.lg,
39
- activeIndicatorWidth: _semantics.default.borderWidth.md
38
+ smallViewportDropdownMenuActiveOptionIndicatorWidth: _semantics.default.borderWidth.lg
40
39
  };
41
40
  var _default = exports.default = topNavBarActionItems;
package/lib/themes/newThemes/light/components/topNavBarItem.js CHANGED
@@ -42,7 +42,6 @@ const topNavBarItem = {
42
42
  activeItemFontWeight: _semantics.default.fontWeight.body.strong,
43
43
  activeItemIndicatorSpacing: _semantics.default.spacing.spaceXs,
44
44
  activeIndicatorColor: _semantics.default.color.text.inverse,
45
- activeIndicatorColorInverse: _semantics.default.color.text.base,
46
- smallViewportFontSize: _semantics.default.fontSize.textBase
45
+ activeIndicatorColorInverse: _semantics.default.color.text.base
47
46
  };
48
47
  var _default = exports.default = topNavBarItem;
package/lib/themes/newThemes/light/components/topNavBarLayout.js CHANGED
@@ -63,6 +63,11 @@ const topNavBarLayout = {
63
63
  smallViewportInlinePadding: "0.25rem",
64
64
  smallViewportTrayPosition: "fixed",
65
65
  smallViewportTrayZIndex: 9998,
66
- smallViewportZIndex: 10000
66
+ smallViewportZIndex: 10000,
67
+ desktopBottomBorderInverse: _semantics.default.color.stroke.inverse,
68
+ desktopBrandContainerInlineMargin: _semantics.default.spacing.spaceMd,
69
+ desktopActionItemsContainerInlineMargin: _semantics.default.spacing.spaceXs,
70
+ smallViewportFontSize: _semantics.default.fontSize.textSm,
71
+ smallViewportTrayFixTopPosition: "undefined"
67
72
  };
68
73
  var _default = exports.default = topNavBarLayout;
package/lib/themes/newThemes/light/components/topNavBarMenuItems.js CHANGED
@@ -32,7 +32,6 @@ var _semantics = _interopRequireDefault(require("../semantics"));
32
32
 
33
33
  const topNavBarMenuItems = {
34
34
  desktopItemSpacing: _semantics.default.spacing.spaceLg,
35
- desktopMaxWidth: "100%",
36
35
  desktopSubmenuActiveOptionFontWeight: _semantics.default.fontWeight.body.strong,
37
36
  desktopSubmenuActiveOptionIndicatorColor: "currentColor",
38
37
  desktopSubmenuActiveOptionIndicatorSpacing: _semantics.default.spacing.spaceXs,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@instructure/ui-themes",
3
- "version": "11.7.1",
3
+ "version": "11.7.2-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.1"
20
+ "@instructure/ui-babel-preset": "11.7.2-snapshot-4"
21
21
  },
22
22
  "dependencies": {
23
23
  "@tokens-studio/types": "^0.5.2",
24
- "@instructure/shared-types": "11.7.1"
24
+ "@instructure/shared-types": "11.7.2-snapshot-4"
25
25
  },
26
26
  "publishConfig": {
27
27
  "access": "public"
package/src/themes/newThemes/componentTypes/topNavBarActionItems.ts CHANGED
@@ -28,7 +28,6 @@ export type TopNavBarActionItems = {
28
28
  smallViewportDropdownMenuActiveOptionFontWeight: string | number
29
29
  smallViewportDropdownMenuActiveOptionIndicatorSpacing: string
30
30
  smallViewportDropdownMenuActiveOptionIndicatorWidth: string
31
- activeIndicatorWidth: string
32
31
  }
33
32
 
34
33
  export default TopNavBarActionItems
package/src/themes/newThemes/componentTypes/topNavBarItem.ts CHANGED
@@ -35,7 +35,6 @@ export type TopNavBarItem = {
35
35
  activeItemIndicatorSpacing: string
36
36
  activeIndicatorColor: string
37
37
  activeIndicatorColorInverse: string
38
- smallViewportFontSize: string
39
38
  }
40
39
 
41
40
  export default TopNavBarItem
package/src/themes/newThemes/componentTypes/topNavBarLayout.ts CHANGED
@@ -56,6 +56,11 @@ export type TopNavBarLayout = {
56
56
  smallViewportTrayPosition: string | number
57
57
  smallViewportTrayZIndex: string | number
58
58
  smallViewportZIndex: string | number
59
+ desktopBottomBorderInverse: string
60
+ desktopBrandContainerInlineMargin: string
61
+ desktopActionItemsContainerInlineMargin: string
62
+ smallViewportFontSize: string
63
+ smallViewportTrayFixTopPosition: string | number
59
64
  }
60
65
 
61
66
  export default TopNavBarLayout
package/src/themes/newThemes/componentTypes/topNavBarMenuItems.ts CHANGED
@@ -24,7 +24,6 @@
24
24
 
25
25
  export type TopNavBarMenuItems = {
26
26
  desktopItemSpacing: string
27
- desktopMaxWidth: string | number
28
27
  desktopSubmenuActiveOptionFontWeight: string | number
29
28
  desktopSubmenuActiveOptionIndicatorColor: string | number
30
29
  desktopSubmenuActiveOptionIndicatorSpacing: string
package/src/themes/newThemes/dark/components/topNavBarActionItems.ts CHANGED
@@ -31,6 +31,5 @@ const topNavBarActionItems: TopNavBarActionItems = {
31
31
  smallViewportDropdownMenuActiveOptionFontWeight: semantics.fontWeight.body.strong,
32
32
  smallViewportDropdownMenuActiveOptionIndicatorSpacing: semantics.spacing.spaceXs,
33
33
  smallViewportDropdownMenuActiveOptionIndicatorWidth: semantics.borderWidth.lg,
34
- activeIndicatorWidth: semantics.borderWidth.md,
35
34
  }
36
35
  export default topNavBarActionItems
package/src/themes/newThemes/dark/components/topNavBarItem.ts CHANGED
@@ -38,6 +38,5 @@ const topNavBarItem: TopNavBarItem = {
38
38
  activeItemIndicatorSpacing: semantics.spacing.spaceXs,
39
39
  activeIndicatorColor: semantics.color.text.inverse,
40
40
  activeIndicatorColorInverse: semantics.color.text.base,
41
- smallViewportFontSize: semantics.fontSize.textBase,
42
41
  }
43
42
  export default topNavBarItem
package/src/themes/newThemes/dark/components/topNavBarLayout.ts CHANGED
@@ -59,5 +59,10 @@ const topNavBarLayout: TopNavBarLayout = {
59
59
  smallViewportTrayPosition: "fixed",
60
60
  smallViewportTrayZIndex: 9998,
61
61
  smallViewportZIndex: 10000,
62
+ desktopBottomBorderInverse: semantics.color.stroke.inverse,
63
+ desktopBrandContainerInlineMargin: semantics.spacing.spaceMd,
64
+ desktopActionItemsContainerInlineMargin: semantics.spacing.spaceXs,
65
+ smallViewportFontSize: semantics.fontSize.textSm,
66
+ smallViewportTrayFixTopPosition: "undefined",
62
67
  }
63
68
  export default topNavBarLayout
package/src/themes/newThemes/dark/components/topNavBarMenuItems.ts CHANGED
@@ -27,7 +27,6 @@ import semantics from "../semantics"
27
27
 
28
28
  const topNavBarMenuItems: TopNavBarMenuItems = {
29
29
  desktopItemSpacing: semantics.spacing.spaceLg,
30
- desktopMaxWidth: "100%",
31
30
  desktopSubmenuActiveOptionFontWeight: semantics.fontWeight.body.strong,
32
31
  desktopSubmenuActiveOptionIndicatorColor: "currentColor",
33
32
  desktopSubmenuActiveOptionIndicatorSpacing: semantics.spacing.spaceXs,
package/src/themes/newThemes/legacyCanvas/components/tag.ts CHANGED
@@ -29,7 +29,7 @@ const tag: Tag = {
29
29
  defaultBackground: semantics.color.background.interactive.action.secondary.base,
30
30
  defaultBackgroundHover: semantics.color.background.interactive.action.secondary.hover,
31
31
  defaultBorderColor: semantics.color.stroke.interactive.action.secondary.base,
32
- defaultBorderRadius: semantics.borderRadius.md,
32
+ defaultBorderRadius: semantics.borderRadius.full,
33
33
  defaultBorderStyle: "solid",
34
34
  inlineBorderStyle: "solid",
35
35
  defaultBorderWidth: semantics.borderWidth.sm,
package/src/themes/newThemes/legacyCanvas/components/topNavBarActionItems.ts CHANGED
@@ -31,6 +31,5 @@ const topNavBarActionItems: TopNavBarActionItems = {
31
31
  smallViewportDropdownMenuActiveOptionFontWeight: semantics.fontWeight.body.strong,
32
32
  smallViewportDropdownMenuActiveOptionIndicatorSpacing: semantics.spacing.spaceXs,
33
33
  smallViewportDropdownMenuActiveOptionIndicatorWidth: semantics.borderWidth.lg,
34
- activeIndicatorWidth: semantics.borderWidth.md,
35
34
  }
36
35
  export default topNavBarActionItems
package/src/themes/newThemes/legacyCanvas/components/topNavBarItem.ts CHANGED
@@ -27,7 +27,6 @@ import semantics from "../semantics"
27
27
 
28
28
  const topNavBarItem: TopNavBarItem = {
29
29
  fontSize: semantics.fontSize.textBase,
30
- smallViewportFontSize: semantics.fontSize.textBase,
31
30
  fontFamily: semantics.fontFamily.base,
32
31
  fontWeight: semantics.fontWeight.body.base,
33
32
  color: semantics.color.text.inverse,
package/src/themes/newThemes/legacyCanvas/components/topNavBarLayout.ts CHANGED
@@ -59,5 +59,10 @@ const topNavBarLayout: TopNavBarLayout = {
59
59
  smallViewportTrayPosition: "fixed",
60
60
  smallViewportTrayZIndex: 9998,
61
61
  smallViewportZIndex: 10000,
62
+ desktopBottomBorderInverse: semantics.color.stroke.inverse,
63
+ desktopBrandContainerInlineMargin: semantics.spacing.spaceMd,
64
+ desktopActionItemsContainerInlineMargin: semantics.spacing.spaceXs,
65
+ smallViewportFontSize: semantics.fontSize.textSm,
66
+ smallViewportTrayFixTopPosition: "undefined",
62
67
  }
63
68
  export default topNavBarLayout
package/src/themes/newThemes/legacyCanvas/components/topNavBarMenuItems.ts CHANGED
@@ -30,7 +30,6 @@ const topNavBarMenuItems: TopNavBarMenuItems = {
30
30
  desktopItemSpacing: semantics.spacing.spaceLg,
31
31
  desktopSubmenuActiveOptionIndicatorSpacing: semantics.spacing.spaceXs,
32
32
  desktopSubmenuActiveOptionFontWeight: semantics.fontWeight.body.strong,
33
- desktopMaxWidth: "100%",
34
33
  desktopSubmenuActiveOptionIndicatorColor: "currentColor",
35
34
  }
36
35
  export default topNavBarMenuItems
package/src/themes/newThemes/legacyCanvasHighContrast/components/tag.ts CHANGED
@@ -29,7 +29,7 @@ const tag: Tag = {
29
29
  defaultBackground: semantics.color.background.interactive.action.secondary.base,
30
30
  defaultBackgroundHover: semantics.color.background.interactive.action.secondary.hover,
31
31
  defaultBorderColor: semantics.color.stroke.interactive.action.secondary.base,
32
- defaultBorderRadius: semantics.borderRadius.md,
32
+ defaultBorderRadius: semantics.borderRadius.full,
33
33
  defaultBorderStyle: "solid",
34
34
  inlineBorderStyle: "solid",
35
35
  defaultBorderWidth: semantics.borderWidth.sm,
package/src/themes/newThemes/legacyCanvasHighContrast/components/topNavBarActionItems.ts CHANGED
@@ -31,6 +31,5 @@ const topNavBarActionItems: TopNavBarActionItems = {
31
31
  smallViewportDropdownMenuActiveOptionFontWeight: semantics.fontWeight.body.strong,
32
32
  smallViewportDropdownMenuActiveOptionIndicatorSpacing: semantics.spacing.spaceXs,
33
33
  smallViewportDropdownMenuActiveOptionIndicatorWidth: semantics.borderWidth.lg,
34
- activeIndicatorWidth: semantics.borderWidth.md,
35
34
  }
36
35
  export default topNavBarActionItems
package/src/themes/newThemes/legacyCanvasHighContrast/components/topNavBarItem.ts CHANGED
@@ -27,7 +27,6 @@ import semantics from "../semantics"
27
27
 
28
28
  const topNavBarItem: TopNavBarItem = {
29
29
  fontSize: semantics.fontSize.textBase,
30
- smallViewportFontSize: semantics.fontSize.textBase,
31
30
  fontFamily: semantics.fontFamily.base,
32
31
  fontWeight: semantics.fontWeight.body.base,
33
32
  color: semantics.color.text.inverse,
package/src/themes/newThemes/legacyCanvasHighContrast/components/topNavBarLayout.ts CHANGED
@@ -59,5 +59,10 @@ const topNavBarLayout: TopNavBarLayout = {
59
59
  smallViewportTrayPosition: "fixed",
60
60
  smallViewportTrayZIndex: 9998,
61
61
  smallViewportZIndex: 10000,
62
+ desktopBottomBorderInverse: semantics.color.stroke.inverse,
63
+ desktopBrandContainerInlineMargin: semantics.spacing.spaceMd,
64
+ desktopActionItemsContainerInlineMargin: semantics.spacing.spaceXs,
65
+ smallViewportFontSize: semantics.fontSize.textSm,
66
+ smallViewportTrayFixTopPosition: "undefined",
62
67
  }
63
68
  export default topNavBarLayout
package/src/themes/newThemes/legacyCanvasHighContrast/components/topNavBarMenuItems.ts CHANGED
@@ -30,7 +30,6 @@ const topNavBarMenuItems: TopNavBarMenuItems = {
30
30
  desktopItemSpacing: semantics.spacing.spaceLg,
31
31
  desktopSubmenuActiveOptionIndicatorSpacing: semantics.spacing.spaceXs,
32
32
  desktopSubmenuActiveOptionFontWeight: semantics.fontWeight.body.strong,
33
- desktopMaxWidth: "100%",
34
33
  desktopSubmenuActiveOptionIndicatorColor: "currentColor",
35
34
  }
36
35
  export default topNavBarMenuItems
package/src/themes/newThemes/light/components/topNavBarActionItems.ts CHANGED
@@ -31,6 +31,5 @@ const topNavBarActionItems: TopNavBarActionItems = {
31
31
  smallViewportDropdownMenuActiveOptionFontWeight: semantics.fontWeight.body.strong,
32
32
  smallViewportDropdownMenuActiveOptionIndicatorSpacing: semantics.spacing.spaceXs,
33
33
  smallViewportDropdownMenuActiveOptionIndicatorWidth: semantics.borderWidth.lg,
34
- activeIndicatorWidth: semantics.borderWidth.md,
35
34
  }
36
35
  export default topNavBarActionItems
package/src/themes/newThemes/light/components/topNavBarItem.ts CHANGED
@@ -38,6 +38,5 @@ const topNavBarItem: TopNavBarItem = {
38
38
  activeItemIndicatorSpacing: semantics.spacing.spaceXs,
39
39
  activeIndicatorColor: semantics.color.text.inverse,
40
40
  activeIndicatorColorInverse: semantics.color.text.base,
41
- smallViewportFontSize: semantics.fontSize.textBase,
42
41
  }
43
42
  export default topNavBarItem