@instructure/ui-themes 11.7.2-snapshot-9 → 11.7.2-snapshot-10

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 (43) hide show
  1. package/CHANGELOG.md +1 -1
  2. package/es/themes/newThemes/dark/components/topNavBarActionItems.js +2 -1
  3. package/es/themes/newThemes/dark/components/topNavBarItem.js +2 -1
  4. package/es/themes/newThemes/legacyCanvas/components/topNavBarActionItems.js +2 -1
  5. package/es/themes/newThemes/legacyCanvas/components/topNavBarItem.js +2 -1
  6. package/es/themes/newThemes/legacyCanvasHighContrast/components/topNavBarActionItems.js +2 -1
  7. package/es/themes/newThemes/legacyCanvasHighContrast/components/topNavBarItem.js +2 -1
  8. package/es/themes/newThemes/light/components/topNavBarActionItems.js +2 -1
  9. package/es/themes/newThemes/light/components/topNavBarItem.js +2 -1
  10. package/lib/themes/newThemes/dark/components/topNavBarActionItems.js +2 -1
  11. package/lib/themes/newThemes/dark/components/topNavBarItem.js +2 -1
  12. package/lib/themes/newThemes/legacyCanvas/components/topNavBarActionItems.js +2 -1
  13. package/lib/themes/newThemes/legacyCanvas/components/topNavBarItem.js +2 -1
  14. package/lib/themes/newThemes/legacyCanvasHighContrast/components/topNavBarActionItems.js +2 -1
  15. package/lib/themes/newThemes/legacyCanvasHighContrast/components/topNavBarItem.js +2 -1
  16. package/lib/themes/newThemes/light/components/topNavBarActionItems.js +2 -1
  17. package/lib/themes/newThemes/light/components/topNavBarItem.js +2 -1
  18. package/package.json +3 -3
  19. package/src/themes/newThemes/componentTypes/topNavBarActionItems.ts +1 -0
  20. package/src/themes/newThemes/componentTypes/topNavBarItem.ts +1 -0
  21. package/src/themes/newThemes/dark/components/topNavBarActionItems.ts +1 -0
  22. package/src/themes/newThemes/dark/components/topNavBarItem.ts +1 -0
  23. package/src/themes/newThemes/legacyCanvas/components/topNavBarActionItems.ts +1 -0
  24. package/src/themes/newThemes/legacyCanvas/components/topNavBarItem.ts +1 -0
  25. package/src/themes/newThemes/legacyCanvasHighContrast/components/topNavBarActionItems.ts +1 -0
  26. package/src/themes/newThemes/legacyCanvasHighContrast/components/topNavBarItem.ts +1 -0
  27. package/src/themes/newThemes/light/components/topNavBarActionItems.ts +1 -0
  28. package/src/themes/newThemes/light/components/topNavBarItem.ts +1 -0
  29. package/tokens/canvas/scss/_variables.scss +2 -0
  30. package/tokens/canvas/source.json +1 -1
  31. package/tsconfig.build.tsbuildinfo +1 -1
  32. package/types/themes/newThemes/componentTypes/topNavBarActionItems.d.ts +1 -0
  33. package/types/themes/newThemes/componentTypes/topNavBarActionItems.d.ts.map +1 -1
  34. package/types/themes/newThemes/componentTypes/topNavBarItem.d.ts +1 -0
  35. package/types/themes/newThemes/componentTypes/topNavBarItem.d.ts.map +1 -1
  36. package/types/themes/newThemes/dark/components/topNavBarActionItems.d.ts.map +1 -1
  37. package/types/themes/newThemes/dark/components/topNavBarItem.d.ts.map +1 -1
  38. package/types/themes/newThemes/legacyCanvas/components/topNavBarActionItems.d.ts.map +1 -1
  39. package/types/themes/newThemes/legacyCanvas/components/topNavBarItem.d.ts.map +1 -1
  40. package/types/themes/newThemes/legacyCanvasHighContrast/components/topNavBarActionItems.d.ts.map +1 -1
  41. package/types/themes/newThemes/legacyCanvasHighContrast/components/topNavBarItem.d.ts.map +1 -1
  42. package/types/themes/newThemes/light/components/topNavBarActionItems.d.ts.map +1 -1
  43. package/types/themes/newThemes/light/components/topNavBarItem.d.ts.map +1 -1
package/CHANGELOG.md CHANGED
@@ -3,7 +3,7 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
- ## [11.7.2-snapshot-9](https://github.com/instructure/instructure-ui/compare/v11.7.1...v11.7.2-snapshot-9) (2026-03-27)
6
+ ## [11.7.2-snapshot-10](https://github.com/instructure/instructure-ui/compare/v11.7.1...v11.7.2-snapshot-10) (2026-03-27)
7
7
 
8
8
  **Note:** Version bump only for package @instructure/ui-themes
9
9
 
package/es/themes/newThemes/dark/components/topNavBarActionItems.js CHANGED
@@ -27,6 +27,7 @@ const topNavBarActionItems = {
27
27
  smallViewportActionItemContainerMaxWidth: "50%",
28
28
  smallViewportDropdownMenuActiveOptionFontWeight: semantics.fontWeight.body.strong,
29
29
  smallViewportDropdownMenuActiveOptionIndicatorSpacing: semantics.spacing.spaceXs,
30
- smallViewportDropdownMenuActiveOptionIndicatorWidth: semantics.borderWidth.lg
30
+ smallViewportDropdownMenuActiveOptionIndicatorWidth: semantics.borderWidth.lg,
31
+ smallViewportDropdownMenuActiveOptionIndicatorColor: "currentColor"
31
32
  };
32
33
  export default topNavBarActionItems;
package/es/themes/newThemes/dark/components/topNavBarItem.js CHANGED
@@ -34,6 +34,7 @@ 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
37
+ activeIndicatorColorInverse: semantics.color.text.base,
38
+ activeIndicatorWidth: semantics.borderWidth.md
38
39
  };
39
40
  export default topNavBarItem;
package/es/themes/newThemes/legacyCanvas/components/topNavBarActionItems.js CHANGED
@@ -27,6 +27,7 @@ const topNavBarActionItems = {
27
27
  smallViewportActionItemContainerMaxWidth: "50%",
28
28
  smallViewportDropdownMenuActiveOptionFontWeight: semantics.fontWeight.body.strong,
29
29
  smallViewportDropdownMenuActiveOptionIndicatorSpacing: semantics.spacing.spaceXs,
30
- smallViewportDropdownMenuActiveOptionIndicatorWidth: semantics.borderWidth.lg
30
+ smallViewportDropdownMenuActiveOptionIndicatorWidth: semantics.borderWidth.lg,
31
+ smallViewportDropdownMenuActiveOptionIndicatorColor: "currentColor"
31
32
  };
32
33
  export default topNavBarActionItems;
package/es/themes/newThemes/legacyCanvas/components/topNavBarItem.js CHANGED
@@ -34,6 +34,7 @@ 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
37
+ activeIndicatorColorInverse: semantics.color.text.base,
38
+ activeIndicatorWidth: semantics.borderWidth.md
38
39
  };
39
40
  export default topNavBarItem;
package/es/themes/newThemes/legacyCanvasHighContrast/components/topNavBarActionItems.js CHANGED
@@ -27,6 +27,7 @@ const topNavBarActionItems = {
27
27
  smallViewportActionItemContainerMaxWidth: "50%",
28
28
  smallViewportDropdownMenuActiveOptionFontWeight: semantics.fontWeight.body.strong,
29
29
  smallViewportDropdownMenuActiveOptionIndicatorSpacing: semantics.spacing.spaceXs,
30
- smallViewportDropdownMenuActiveOptionIndicatorWidth: semantics.borderWidth.lg
30
+ smallViewportDropdownMenuActiveOptionIndicatorWidth: semantics.borderWidth.lg,
31
+ smallViewportDropdownMenuActiveOptionIndicatorColor: "currentColor"
31
32
  };
32
33
  export default topNavBarActionItems;
package/es/themes/newThemes/legacyCanvasHighContrast/components/topNavBarItem.js CHANGED
@@ -34,6 +34,7 @@ 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
37
+ activeIndicatorColorInverse: semantics.color.text.base,
38
+ activeIndicatorWidth: semantics.borderWidth.md
38
39
  };
39
40
  export default topNavBarItem;
package/es/themes/newThemes/light/components/topNavBarActionItems.js CHANGED
@@ -27,6 +27,7 @@ const topNavBarActionItems = {
27
27
  smallViewportActionItemContainerMaxWidth: "50%",
28
28
  smallViewportDropdownMenuActiveOptionFontWeight: semantics.fontWeight.body.strong,
29
29
  smallViewportDropdownMenuActiveOptionIndicatorSpacing: semantics.spacing.spaceXs,
30
- smallViewportDropdownMenuActiveOptionIndicatorWidth: semantics.borderWidth.lg
30
+ smallViewportDropdownMenuActiveOptionIndicatorWidth: semantics.borderWidth.lg,
31
+ smallViewportDropdownMenuActiveOptionIndicatorColor: "currentColor"
31
32
  };
32
33
  export default topNavBarActionItems;
package/es/themes/newThemes/light/components/topNavBarItem.js CHANGED
@@ -34,6 +34,7 @@ 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
37
+ activeIndicatorColorInverse: semantics.color.text.base,
38
+ activeIndicatorWidth: semantics.borderWidth.md
38
39
  };
39
40
  export default topNavBarItem;
package/lib/themes/newThemes/dark/components/topNavBarActionItems.js CHANGED
@@ -35,6 +35,7 @@ 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
38
+ smallViewportDropdownMenuActiveOptionIndicatorWidth: _semantics.default.borderWidth.lg,
39
+ smallViewportDropdownMenuActiveOptionIndicatorColor: "currentColor"
39
40
  };
40
41
  var _default = exports.default = topNavBarActionItems;
package/lib/themes/newThemes/dark/components/topNavBarItem.js CHANGED
@@ -42,6 +42,7 @@ 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
45
+ activeIndicatorColorInverse: _semantics.default.color.text.base,
46
+ activeIndicatorWidth: _semantics.default.borderWidth.md
46
47
  };
47
48
  var _default = exports.default = topNavBarItem;
package/lib/themes/newThemes/legacyCanvas/components/topNavBarActionItems.js CHANGED
@@ -35,6 +35,7 @@ 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
38
+ smallViewportDropdownMenuActiveOptionIndicatorWidth: _semantics.default.borderWidth.lg,
39
+ smallViewportDropdownMenuActiveOptionIndicatorColor: "currentColor"
39
40
  };
40
41
  var _default = exports.default = topNavBarActionItems;
package/lib/themes/newThemes/legacyCanvas/components/topNavBarItem.js CHANGED
@@ -42,6 +42,7 @@ 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
45
+ activeIndicatorColorInverse: _semantics.default.color.text.base,
46
+ activeIndicatorWidth: _semantics.default.borderWidth.md
46
47
  };
47
48
  var _default = exports.default = topNavBarItem;
package/lib/themes/newThemes/legacyCanvasHighContrast/components/topNavBarActionItems.js CHANGED
@@ -35,6 +35,7 @@ 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
38
+ smallViewportDropdownMenuActiveOptionIndicatorWidth: _semantics.default.borderWidth.lg,
39
+ smallViewportDropdownMenuActiveOptionIndicatorColor: "currentColor"
39
40
  };
40
41
  var _default = exports.default = topNavBarActionItems;
package/lib/themes/newThemes/legacyCanvasHighContrast/components/topNavBarItem.js CHANGED
@@ -42,6 +42,7 @@ 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
45
+ activeIndicatorColorInverse: _semantics.default.color.text.base,
46
+ activeIndicatorWidth: _semantics.default.borderWidth.md
46
47
  };
47
48
  var _default = exports.default = topNavBarItem;
package/lib/themes/newThemes/light/components/topNavBarActionItems.js CHANGED
@@ -35,6 +35,7 @@ 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
38
+ smallViewportDropdownMenuActiveOptionIndicatorWidth: _semantics.default.borderWidth.lg,
39
+ smallViewportDropdownMenuActiveOptionIndicatorColor: "currentColor"
39
40
  };
40
41
  var _default = exports.default = topNavBarActionItems;
package/lib/themes/newThemes/light/components/topNavBarItem.js CHANGED
@@ -42,6 +42,7 @@ 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
45
+ activeIndicatorColorInverse: _semantics.default.color.text.base,
46
+ activeIndicatorWidth: _semantics.default.borderWidth.md
46
47
  };
47
48
  var _default = exports.default = topNavBarItem;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@instructure/ui-themes",
3
- "version": "11.7.2-snapshot-9",
3
+ "version": "11.7.2-snapshot-10",
4
4
  "description": "A library of instructure themes",
5
5
  "author": "Instructure, Inc. Engineering and Product Design",
6
6
  "module": "./es/index.js",
@@ -17,11 +17,11 @@
17
17
  "@testing-library/jest-dom": "^6.6.3",
18
18
  "@testing-library/react": "15.0.7",
19
19
  "vitest": "^3.2.2",
20
- "@instructure/ui-babel-preset": "11.7.2-snapshot-9"
20
+ "@instructure/ui-babel-preset": "11.7.2-snapshot-10"
21
21
  },
22
22
  "dependencies": {
23
23
  "@tokens-studio/types": "^0.5.2",
24
- "@instructure/shared-types": "11.7.2-snapshot-9"
24
+ "@instructure/shared-types": "11.7.2-snapshot-10"
25
25
  },
26
26
  "publishConfig": {
27
27
  "access": "public"
package/src/themes/newThemes/componentTypes/topNavBarActionItems.ts CHANGED
@@ -28,6 +28,7 @@ export type TopNavBarActionItems = {
28
28
  smallViewportDropdownMenuActiveOptionFontWeight: string | number
29
29
  smallViewportDropdownMenuActiveOptionIndicatorSpacing: string
30
30
  smallViewportDropdownMenuActiveOptionIndicatorWidth: string
31
+ smallViewportDropdownMenuActiveOptionIndicatorColor: string | number
31
32
  }
32
33
 
33
34
  export default TopNavBarActionItems
package/src/themes/newThemes/componentTypes/topNavBarItem.ts CHANGED
@@ -35,6 +35,7 @@ export type TopNavBarItem = {
35
35
  activeItemIndicatorSpacing: string
36
36
  activeIndicatorColor: string
37
37
  activeIndicatorColorInverse: string
38
+ activeIndicatorWidth: string
38
39
  }
39
40
 
40
41
  export default TopNavBarItem
package/src/themes/newThemes/dark/components/topNavBarActionItems.ts CHANGED
@@ -31,5 +31,6 @@ const topNavBarActionItems: TopNavBarActionItems = {
31
31
  smallViewportDropdownMenuActiveOptionFontWeight: semantics.fontWeight.body.strong,
32
32
  smallViewportDropdownMenuActiveOptionIndicatorSpacing: semantics.spacing.spaceXs,
33
33
  smallViewportDropdownMenuActiveOptionIndicatorWidth: semantics.borderWidth.lg,
34
+ smallViewportDropdownMenuActiveOptionIndicatorColor: "currentColor",
34
35
  }
35
36
  export default topNavBarActionItems
package/src/themes/newThemes/dark/components/topNavBarItem.ts CHANGED
@@ -38,5 +38,6 @@ const topNavBarItem: TopNavBarItem = {
38
38
  activeItemIndicatorSpacing: semantics.spacing.spaceXs,
39
39
  activeIndicatorColor: semantics.color.text.inverse,
40
40
  activeIndicatorColorInverse: semantics.color.text.base,
41
+ activeIndicatorWidth: semantics.borderWidth.md,
41
42
  }
42
43
  export default topNavBarItem
package/src/themes/newThemes/legacyCanvas/components/topNavBarActionItems.ts CHANGED
@@ -31,5 +31,6 @@ const topNavBarActionItems: TopNavBarActionItems = {
31
31
  smallViewportDropdownMenuActiveOptionFontWeight: semantics.fontWeight.body.strong,
32
32
  smallViewportDropdownMenuActiveOptionIndicatorSpacing: semantics.spacing.spaceXs,
33
33
  smallViewportDropdownMenuActiveOptionIndicatorWidth: semantics.borderWidth.lg,
34
+ smallViewportDropdownMenuActiveOptionIndicatorColor: "currentColor",
34
35
  }
35
36
  export default topNavBarActionItems
package/src/themes/newThemes/legacyCanvas/components/topNavBarItem.ts CHANGED
@@ -38,5 +38,6 @@ const topNavBarItem: TopNavBarItem = {
38
38
  activeItemIndicatorSpacing: semantics.spacing.spaceXs,
39
39
  activeIndicatorColor: semantics.color.text.inverse,
40
40
  activeIndicatorColorInverse: semantics.color.text.base,
41
+ activeIndicatorWidth: semantics.borderWidth.md,
41
42
  }
42
43
  export default topNavBarItem
package/src/themes/newThemes/legacyCanvasHighContrast/components/topNavBarActionItems.ts CHANGED
@@ -31,5 +31,6 @@ const topNavBarActionItems: TopNavBarActionItems = {
31
31
  smallViewportDropdownMenuActiveOptionFontWeight: semantics.fontWeight.body.strong,
32
32
  smallViewportDropdownMenuActiveOptionIndicatorSpacing: semantics.spacing.spaceXs,
33
33
  smallViewportDropdownMenuActiveOptionIndicatorWidth: semantics.borderWidth.lg,
34
+ smallViewportDropdownMenuActiveOptionIndicatorColor: "currentColor",
34
35
  }
35
36
  export default topNavBarActionItems
package/src/themes/newThemes/legacyCanvasHighContrast/components/topNavBarItem.ts CHANGED
@@ -38,5 +38,6 @@ const topNavBarItem: TopNavBarItem = {
38
38
  activeItemIndicatorSpacing: semantics.spacing.spaceXs,
39
39
  activeIndicatorColor: semantics.color.text.inverse,
40
40
  activeIndicatorColorInverse: semantics.color.text.base,
41
+ activeIndicatorWidth: semantics.borderWidth.md,
41
42
  }
42
43
  export default topNavBarItem
package/src/themes/newThemes/light/components/topNavBarActionItems.ts CHANGED
@@ -31,5 +31,6 @@ const topNavBarActionItems: TopNavBarActionItems = {
31
31
  smallViewportDropdownMenuActiveOptionFontWeight: semantics.fontWeight.body.strong,
32
32
  smallViewportDropdownMenuActiveOptionIndicatorSpacing: semantics.spacing.spaceXs,
33
33
  smallViewportDropdownMenuActiveOptionIndicatorWidth: semantics.borderWidth.lg,
34
+ smallViewportDropdownMenuActiveOptionIndicatorColor: "currentColor",
34
35
  }
35
36
  export default topNavBarActionItems
package/src/themes/newThemes/light/components/topNavBarItem.ts CHANGED
@@ -38,5 +38,6 @@ const topNavBarItem: TopNavBarItem = {
38
38
  activeItemIndicatorSpacing: semantics.spacing.spaceXs,
39
39
  activeIndicatorColor: semantics.color.text.inverse,
40
40
  activeIndicatorColorInverse: semantics.color.text.base,
41
+ activeIndicatorWidth: semantics.borderWidth.md,
41
42
  }
42
43
  export default topNavBarItem
package/tokens/canvas/scss/_variables.scss CHANGED
@@ -2353,6 +2353,7 @@ $instui-canvas-new-theme-components-top-nav-bar-action-items-small-viewport-acti
2353
2353
  $instui-canvas-new-theme-components-top-nav-bar-action-items-small-viewport-dropdown-menu-active-option-font-weight: 700;
2354
2354
  $instui-canvas-new-theme-components-top-nav-bar-action-items-small-viewport-dropdown-menu-active-option-indicator-spacing: 0.25rem;
2355
2355
  $instui-canvas-new-theme-components-top-nav-bar-action-items-small-viewport-dropdown-menu-active-option-indicator-width: 0.25rem;
2356
+ $instui-canvas-new-theme-components-top-nav-bar-action-items-small-viewport-dropdown-menu-active-option-indicator-color: currentColor;
2356
2357
  $instui-canvas-new-theme-components-top-nav-bar-layout-small-viewport-dropdown-menu-active-option-indicator-spacing: 0.25rem;
2357
2358
  $instui-canvas-new-theme-components-top-nav-bar-layout-small-viewport-dropdown-menu-active-option-indicator-width: 0.25rem;
2358
2359
  $instui-canvas-new-theme-components-top-nav-bar-layout-desktop-height: 4rem;
@@ -2406,6 +2407,7 @@ $instui-canvas-new-theme-components-top-nav-bar-item-active-item-font-weight: 70
2406
2407
  $instui-canvas-new-theme-components-top-nav-bar-item-active-item-indicator-spacing: 0.25rem;
2407
2408
  $instui-canvas-new-theme-components-top-nav-bar-item-active-indicator-color: #ffffff;
2408
2409
  $instui-canvas-new-theme-components-top-nav-bar-item-active-indicator-color-inverse: #273540;
2410
+ $instui-canvas-new-theme-components-top-nav-bar-item-active-indicator-width: 0.125rem;
2409
2411
  $instui-canvas-new-theme-components-top-nav-bar-menu-items-desktop-submenu-active-option-indicator-width: 0.125rem;
2410
2412
  $instui-canvas-new-theme-components-top-nav-bar-menu-items-desktop-item-spacing: 1rem;
2411
2413
  $instui-canvas-new-theme-components-top-nav-bar-menu-items-desktop-submenu-active-option-indicator-spacing: 0.25rem;