@instructure/ui-themes 11.7.2-snapshot-25 → 11.7.2-snapshot-28

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 (32) hide show
  1. package/CHANGELOG.md +1 -1
  2. package/es/themes/newThemes/dark/components/topNavBarItem.js +2 -2
  3. package/es/themes/newThemes/dark/components/topNavBarLayout.js +2 -2
  4. package/es/themes/newThemes/legacyCanvas/components/topNavBarItem.js +2 -2
  5. package/es/themes/newThemes/legacyCanvas/components/topNavBarLayout.js +2 -2
  6. package/es/themes/newThemes/legacyCanvasHighContrast/components/topNavBarItem.js +2 -2
  7. package/es/themes/newThemes/legacyCanvasHighContrast/components/topNavBarLayout.js +2 -2
  8. package/es/themes/newThemes/light/components/topNavBarItem.js +2 -2
  9. package/es/themes/newThemes/light/components/topNavBarLayout.js +2 -2
  10. package/lib/themes/newThemes/dark/components/topNavBarItem.js +2 -2
  11. package/lib/themes/newThemes/dark/components/topNavBarLayout.js +2 -2
  12. package/lib/themes/newThemes/legacyCanvas/components/topNavBarItem.js +2 -2
  13. package/lib/themes/newThemes/legacyCanvas/components/topNavBarLayout.js +2 -2
  14. package/lib/themes/newThemes/legacyCanvasHighContrast/components/topNavBarItem.js +2 -2
  15. package/lib/themes/newThemes/legacyCanvasHighContrast/components/topNavBarLayout.js +2 -2
  16. package/lib/themes/newThemes/light/components/topNavBarItem.js +2 -2
  17. package/lib/themes/newThemes/light/components/topNavBarLayout.js +2 -2
  18. package/package.json +3 -3
  19. package/src/themes/newThemes/componentTypes/topNavBarLayout.ts +1 -1
  20. package/src/themes/newThemes/dark/components/topNavBarItem.ts +2 -2
  21. package/src/themes/newThemes/dark/components/topNavBarLayout.ts +1 -1
  22. package/src/themes/newThemes/legacyCanvas/components/topNavBarItem.ts +2 -2
  23. package/src/themes/newThemes/legacyCanvas/components/topNavBarLayout.ts +1 -1
  24. package/src/themes/newThemes/legacyCanvasHighContrast/components/topNavBarItem.ts +2 -2
  25. package/src/themes/newThemes/legacyCanvasHighContrast/components/topNavBarLayout.ts +1 -1
  26. package/src/themes/newThemes/light/components/topNavBarItem.ts +2 -2
  27. package/src/themes/newThemes/light/components/topNavBarLayout.ts +1 -1
  28. package/tokens/canvas/scss/_variables.scss +3 -3
  29. package/tokens/canvas/source.json +1 -1
  30. package/tsconfig.build.tsbuildinfo +1 -1
  31. package/types/themes/newThemes/componentTypes/topNavBarLayout.d.ts +1 -1
  32. package/types/themes/newThemes/componentTypes/topNavBarLayout.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-25](https://github.com/instructure/instructure-ui/compare/v11.7.1...v11.7.2-snapshot-25) (2026-04-02)
6
+ ## [11.7.2-snapshot-28](https://github.com/instructure/instructure-ui/compare/v11.7.1...v11.7.2-snapshot-28) (2026-04-07)
7
7
 
8
8
 
9
9
  ### Bug Fixes
@@ -26,8 +26,8 @@ const topNavBarItem = {
26
26
  fontSize: semantics.fontSize.textBase,
27
27
  fontFamily: semantics.fontFamily.base,
28
28
  fontWeight: semantics.fontWeight.body.base,
29
- color: semantics.color.text.inverse,
30
- colorInverse: semantics.color.text.base,
29
+ color: semantics.color.text.base,
30
+ colorInverse: semantics.color.text.inverse,
31
31
  itemInlinePadding: semantics.spacing.spaceSm,
32
32
  itemSpacing: semantics.spacing.spaceSm,
33
33
  iconTextGap: semantics.spacing.spaceSm,
@@ -57,9 +57,9 @@ const topNavBarLayout = {
57
57
  smallViewportTrayZIndex: 9998,
58
58
  smallViewportZIndex: 10000,
59
59
  desktopBottomBorderInverse: semantics.color.stroke.inverse,
60
- desktopActionItemsContainerInlineMargin: semantics.spacing.spaceXs,
61
60
  smallViewportFontSize: semantics.fontSize.textSm,
62
61
  smallViewportTrayFixTopPosition: "undefined",
63
- desktopBrandContainerInlineMargin: "0 1.5rem"
62
+ desktopBrandContainerInlineMargin: "0 1.5rem",
63
+ desktopActionItemsContainerInlineMargin: "0.25rem 0"
64
64
  };
65
65
  export default topNavBarLayout;
@@ -26,8 +26,8 @@ const topNavBarItem = {
26
26
  fontSize: semantics.fontSize.textBase,
27
27
  fontFamily: semantics.fontFamily.base,
28
28
  fontWeight: semantics.fontWeight.body.base,
29
- color: semantics.color.text.inverse,
30
- colorInverse: semantics.color.text.base,
29
+ color: semantics.color.text.base,
30
+ colorInverse: semantics.color.text.inverse,
31
31
  itemInlinePadding: semantics.spacing.spaceSm,
32
32
  itemSpacing: semantics.spacing.spaceSm,
33
33
  iconTextGap: semantics.spacing.spaceSm,
@@ -57,9 +57,9 @@ const topNavBarLayout = {
57
57
  smallViewportTrayZIndex: 9998,
58
58
  smallViewportZIndex: 10000,
59
59
  desktopBottomBorderInverse: semantics.color.stroke.inverse,
60
- desktopActionItemsContainerInlineMargin: semantics.spacing.spaceXs,
61
60
  smallViewportFontSize: semantics.fontSize.textSm,
62
61
  smallViewportTrayFixTopPosition: "undefined",
63
- desktopBrandContainerInlineMargin: "0 1.5rem"
62
+ desktopBrandContainerInlineMargin: "0 1.5rem",
63
+ desktopActionItemsContainerInlineMargin: "0.25rem 0"
64
64
  };
65
65
  export default topNavBarLayout;
@@ -26,8 +26,8 @@ const topNavBarItem = {
26
26
  fontSize: semantics.fontSize.textBase,
27
27
  fontFamily: semantics.fontFamily.base,
28
28
  fontWeight: semantics.fontWeight.body.base,
29
- color: semantics.color.text.inverse,
30
- colorInverse: semantics.color.text.base,
29
+ color: semantics.color.text.base,
30
+ colorInverse: semantics.color.text.inverse,
31
31
  itemInlinePadding: semantics.spacing.spaceSm,
32
32
  itemSpacing: semantics.spacing.spaceSm,
33
33
  iconTextGap: semantics.spacing.spaceSm,
@@ -57,9 +57,9 @@ const topNavBarLayout = {
57
57
  smallViewportTrayZIndex: 9998,
58
58
  smallViewportZIndex: 10000,
59
59
  desktopBottomBorderInverse: semantics.color.stroke.inverse,
60
- desktopActionItemsContainerInlineMargin: semantics.spacing.spaceXs,
61
60
  smallViewportFontSize: semantics.fontSize.textSm,
62
61
  smallViewportTrayFixTopPosition: "undefined",
63
- desktopBrandContainerInlineMargin: "0 1.5rem"
62
+ desktopBrandContainerInlineMargin: "0 1.5rem",
63
+ desktopActionItemsContainerInlineMargin: "0.25rem 0"
64
64
  };
65
65
  export default topNavBarLayout;
@@ -26,8 +26,8 @@ const topNavBarItem = {
26
26
  fontSize: semantics.fontSize.textBase,
27
27
  fontFamily: semantics.fontFamily.base,
28
28
  fontWeight: semantics.fontWeight.body.base,
29
- color: semantics.color.text.inverse,
30
- colorInverse: semantics.color.text.base,
29
+ color: semantics.color.text.base,
30
+ colorInverse: semantics.color.text.inverse,
31
31
  itemInlinePadding: semantics.spacing.spaceSm,
32
32
  itemSpacing: semantics.spacing.spaceSm,
33
33
  iconTextGap: semantics.spacing.spaceSm,
@@ -57,9 +57,9 @@ const topNavBarLayout = {
57
57
  smallViewportTrayZIndex: 9998,
58
58
  smallViewportZIndex: 10000,
59
59
  desktopBottomBorderInverse: semantics.color.stroke.inverse,
60
- desktopActionItemsContainerInlineMargin: semantics.spacing.spaceXs,
61
60
  smallViewportFontSize: semantics.fontSize.textSm,
62
61
  smallViewportTrayFixTopPosition: "undefined",
63
- desktopBrandContainerInlineMargin: "0 1.5rem"
62
+ desktopBrandContainerInlineMargin: "0 1.5rem",
63
+ desktopActionItemsContainerInlineMargin: "0.25rem 0"
64
64
  };
65
65
  export default topNavBarLayout;
@@ -34,8 +34,8 @@ const topNavBarItem = {
34
34
  fontSize: _semantics.default.fontSize.textBase,
35
35
  fontFamily: _semantics.default.fontFamily.base,
36
36
  fontWeight: _semantics.default.fontWeight.body.base,
37
- color: _semantics.default.color.text.inverse,
38
- colorInverse: _semantics.default.color.text.base,
37
+ color: _semantics.default.color.text.base,
38
+ colorInverse: _semantics.default.color.text.inverse,
39
39
  itemInlinePadding: _semantics.default.spacing.spaceSm,
40
40
  itemSpacing: _semantics.default.spacing.spaceSm,
41
41
  iconTextGap: _semantics.default.spacing.spaceSm,
@@ -65,9 +65,9 @@ const topNavBarLayout = {
65
65
  smallViewportTrayZIndex: 9998,
66
66
  smallViewportZIndex: 10000,
67
67
  desktopBottomBorderInverse: _semantics.default.color.stroke.inverse,
68
- desktopActionItemsContainerInlineMargin: _semantics.default.spacing.spaceXs,
69
68
  smallViewportFontSize: _semantics.default.fontSize.textSm,
70
69
  smallViewportTrayFixTopPosition: "undefined",
71
- desktopBrandContainerInlineMargin: "0 1.5rem"
70
+ desktopBrandContainerInlineMargin: "0 1.5rem",
71
+ desktopActionItemsContainerInlineMargin: "0.25rem 0"
72
72
  };
73
73
  var _default = exports.default = topNavBarLayout;
@@ -34,8 +34,8 @@ const topNavBarItem = {
34
34
  fontSize: _semantics.default.fontSize.textBase,
35
35
  fontFamily: _semantics.default.fontFamily.base,
36
36
  fontWeight: _semantics.default.fontWeight.body.base,
37
- color: _semantics.default.color.text.inverse,
38
- colorInverse: _semantics.default.color.text.base,
37
+ color: _semantics.default.color.text.base,
38
+ colorInverse: _semantics.default.color.text.inverse,
39
39
  itemInlinePadding: _semantics.default.spacing.spaceSm,
40
40
  itemSpacing: _semantics.default.spacing.spaceSm,
41
41
  iconTextGap: _semantics.default.spacing.spaceSm,
@@ -65,9 +65,9 @@ const topNavBarLayout = {
65
65
  smallViewportTrayZIndex: 9998,
66
66
  smallViewportZIndex: 10000,
67
67
  desktopBottomBorderInverse: _semantics.default.color.stroke.inverse,
68
- desktopActionItemsContainerInlineMargin: _semantics.default.spacing.spaceXs,
69
68
  smallViewportFontSize: _semantics.default.fontSize.textSm,
70
69
  smallViewportTrayFixTopPosition: "undefined",
71
- desktopBrandContainerInlineMargin: "0 1.5rem"
70
+ desktopBrandContainerInlineMargin: "0 1.5rem",
71
+ desktopActionItemsContainerInlineMargin: "0.25rem 0"
72
72
  };
73
73
  var _default = exports.default = topNavBarLayout;
@@ -34,8 +34,8 @@ const topNavBarItem = {
34
34
  fontSize: _semantics.default.fontSize.textBase,
35
35
  fontFamily: _semantics.default.fontFamily.base,
36
36
  fontWeight: _semantics.default.fontWeight.body.base,
37
- color: _semantics.default.color.text.inverse,
38
- colorInverse: _semantics.default.color.text.base,
37
+ color: _semantics.default.color.text.base,
38
+ colorInverse: _semantics.default.color.text.inverse,
39
39
  itemInlinePadding: _semantics.default.spacing.spaceSm,
40
40
  itemSpacing: _semantics.default.spacing.spaceSm,
41
41
  iconTextGap: _semantics.default.spacing.spaceSm,
@@ -65,9 +65,9 @@ const topNavBarLayout = {
65
65
  smallViewportTrayZIndex: 9998,
66
66
  smallViewportZIndex: 10000,
67
67
  desktopBottomBorderInverse: _semantics.default.color.stroke.inverse,
68
- desktopActionItemsContainerInlineMargin: _semantics.default.spacing.spaceXs,
69
68
  smallViewportFontSize: _semantics.default.fontSize.textSm,
70
69
  smallViewportTrayFixTopPosition: "undefined",
71
- desktopBrandContainerInlineMargin: "0 1.5rem"
70
+ desktopBrandContainerInlineMargin: "0 1.5rem",
71
+ desktopActionItemsContainerInlineMargin: "0.25rem 0"
72
72
  };
73
73
  var _default = exports.default = topNavBarLayout;
@@ -34,8 +34,8 @@ const topNavBarItem = {
34
34
  fontSize: _semantics.default.fontSize.textBase,
35
35
  fontFamily: _semantics.default.fontFamily.base,
36
36
  fontWeight: _semantics.default.fontWeight.body.base,
37
- color: _semantics.default.color.text.inverse,
38
- colorInverse: _semantics.default.color.text.base,
37
+ color: _semantics.default.color.text.base,
38
+ colorInverse: _semantics.default.color.text.inverse,
39
39
  itemInlinePadding: _semantics.default.spacing.spaceSm,
40
40
  itemSpacing: _semantics.default.spacing.spaceSm,
41
41
  iconTextGap: _semantics.default.spacing.spaceSm,
@@ -65,9 +65,9 @@ const topNavBarLayout = {
65
65
  smallViewportTrayZIndex: 9998,
66
66
  smallViewportZIndex: 10000,
67
67
  desktopBottomBorderInverse: _semantics.default.color.stroke.inverse,
68
- desktopActionItemsContainerInlineMargin: _semantics.default.spacing.spaceXs,
69
68
  smallViewportFontSize: _semantics.default.fontSize.textSm,
70
69
  smallViewportTrayFixTopPosition: "undefined",
71
- desktopBrandContainerInlineMargin: "0 1.5rem"
70
+ desktopBrandContainerInlineMargin: "0 1.5rem",
71
+ desktopActionItemsContainerInlineMargin: "0.25rem 0"
72
72
  };
73
73
  var _default = exports.default = topNavBarLayout;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@instructure/ui-themes",
3
- "version": "11.7.2-snapshot-25",
3
+ "version": "11.7.2-snapshot-28",
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-25"
20
+ "@instructure/ui-babel-preset": "11.7.2-snapshot-28"
21
21
  },
22
22
  "dependencies": {
23
23
  "@tokens-studio/types": "^0.5.2",
24
- "@instructure/shared-types": "11.7.2-snapshot-25"
24
+ "@instructure/shared-types": "11.7.2-snapshot-28"
25
25
  },
26
26
  "publishConfig": {
27
27
  "access": "public"
@@ -57,10 +57,10 @@ export type TopNavBarLayout = {
57
57
  smallViewportTrayZIndex: string | number
58
58
  smallViewportZIndex: string | number
59
59
  desktopBottomBorderInverse: string
60
- desktopActionItemsContainerInlineMargin: string
61
60
  smallViewportFontSize: string
62
61
  smallViewportTrayFixTopPosition: string | number
63
62
  desktopBrandContainerInlineMargin: string | number
63
+ desktopActionItemsContainerInlineMargin: string | number
64
64
  }
65
65
 
66
66
  export default TopNavBarLayout
@@ -29,8 +29,8 @@ const topNavBarItem: TopNavBarItem = {
29
29
  fontSize: semantics.fontSize.textBase,
30
30
  fontFamily: semantics.fontFamily.base,
31
31
  fontWeight: semantics.fontWeight.body.base,
32
- color: semantics.color.text.inverse,
33
- colorInverse: semantics.color.text.base,
32
+ color: semantics.color.text.base,
33
+ colorInverse: semantics.color.text.inverse,
34
34
  itemInlinePadding: semantics.spacing.spaceSm,
35
35
  itemSpacing: semantics.spacing.spaceSm,
36
36
  iconTextGap: semantics.spacing.spaceSm,
@@ -60,9 +60,9 @@ const topNavBarLayout: TopNavBarLayout = {
60
60
  smallViewportTrayZIndex: 9998,
61
61
  smallViewportZIndex: 10000,
62
62
  desktopBottomBorderInverse: semantics.color.stroke.inverse,
63
- desktopActionItemsContainerInlineMargin: semantics.spacing.spaceXs,
64
63
  smallViewportFontSize: semantics.fontSize.textSm,
65
64
  smallViewportTrayFixTopPosition: "undefined",
66
65
  desktopBrandContainerInlineMargin: "0 1.5rem",
66
+ desktopActionItemsContainerInlineMargin: "0.25rem 0",
67
67
  }
68
68
  export default topNavBarLayout
@@ -29,8 +29,8 @@ const topNavBarItem: TopNavBarItem = {
29
29
  fontSize: semantics.fontSize.textBase,
30
30
  fontFamily: semantics.fontFamily.base,
31
31
  fontWeight: semantics.fontWeight.body.base,
32
- color: semantics.color.text.inverse,
33
- colorInverse: semantics.color.text.base,
32
+ color: semantics.color.text.base,
33
+ colorInverse: semantics.color.text.inverse,
34
34
  itemInlinePadding: semantics.spacing.spaceSm,
35
35
  itemSpacing: semantics.spacing.spaceSm,
36
36
  iconTextGap: semantics.spacing.spaceSm,
@@ -60,9 +60,9 @@ const topNavBarLayout: TopNavBarLayout = {
60
60
  smallViewportTrayZIndex: 9998,
61
61
  smallViewportZIndex: 10000,
62
62
  desktopBottomBorderInverse: semantics.color.stroke.inverse,
63
- desktopActionItemsContainerInlineMargin: semantics.spacing.spaceXs,
64
63
  smallViewportFontSize: semantics.fontSize.textSm,
65
64
  smallViewportTrayFixTopPosition: "undefined",
66
65
  desktopBrandContainerInlineMargin: "0 1.5rem",
66
+ desktopActionItemsContainerInlineMargin: "0.25rem 0",
67
67
  }
68
68
  export default topNavBarLayout
@@ -29,8 +29,8 @@ const topNavBarItem: TopNavBarItem = {
29
29
  fontSize: semantics.fontSize.textBase,
30
30
  fontFamily: semantics.fontFamily.base,
31
31
  fontWeight: semantics.fontWeight.body.base,
32
- color: semantics.color.text.inverse,
33
- colorInverse: semantics.color.text.base,
32
+ color: semantics.color.text.base,
33
+ colorInverse: semantics.color.text.inverse,
34
34
  itemInlinePadding: semantics.spacing.spaceSm,
35
35
  itemSpacing: semantics.spacing.spaceSm,
36
36
  iconTextGap: semantics.spacing.spaceSm,
@@ -60,9 +60,9 @@ const topNavBarLayout: TopNavBarLayout = {
60
60
  smallViewportTrayZIndex: 9998,
61
61
  smallViewportZIndex: 10000,
62
62
  desktopBottomBorderInverse: semantics.color.stroke.inverse,
63
- desktopActionItemsContainerInlineMargin: semantics.spacing.spaceXs,
64
63
  smallViewportFontSize: semantics.fontSize.textSm,
65
64
  smallViewportTrayFixTopPosition: "undefined",
66
65
  desktopBrandContainerInlineMargin: "0 1.5rem",
66
+ desktopActionItemsContainerInlineMargin: "0.25rem 0",
67
67
  }
68
68
  export default topNavBarLayout
@@ -29,8 +29,8 @@ const topNavBarItem: TopNavBarItem = {
29
29
  fontSize: semantics.fontSize.textBase,
30
30
  fontFamily: semantics.fontFamily.base,
31
31
  fontWeight: semantics.fontWeight.body.base,
32
- color: semantics.color.text.inverse,
33
- colorInverse: semantics.color.text.base,
32
+ color: semantics.color.text.base,
33
+ colorInverse: semantics.color.text.inverse,
34
34
  itemInlinePadding: semantics.spacing.spaceSm,
35
35
  itemSpacing: semantics.spacing.spaceSm,
36
36
  iconTextGap: semantics.spacing.spaceSm,
@@ -60,9 +60,9 @@ const topNavBarLayout: TopNavBarLayout = {
60
60
  smallViewportTrayZIndex: 9998,
61
61
  smallViewportZIndex: 10000,
62
62
  desktopBottomBorderInverse: semantics.color.stroke.inverse,
63
- desktopActionItemsContainerInlineMargin: semantics.spacing.spaceXs,
64
63
  smallViewportFontSize: semantics.fontSize.textSm,
65
64
  smallViewportTrayFixTopPosition: "undefined",
66
65
  desktopBrandContainerInlineMargin: "0 1.5rem",
66
+ desktopActionItemsContainerInlineMargin: "0.25rem 0",
67
67
  }
68
68
  export default topNavBarLayout
@@ -2388,18 +2388,18 @@ $instui-canvas-new-theme-components-top-nav-bar-layout-small-viewport-tray-posit
2388
2388
  $instui-canvas-new-theme-components-top-nav-bar-layout-small-viewport-tray-z-index: 9998;
2389
2389
  $instui-canvas-new-theme-components-top-nav-bar-layout-small-viewport-z-index: 10000;
2390
2390
  $instui-canvas-new-theme-components-top-nav-bar-layout-desktop-bottom-border-inverse: #ffffff;
2391
- $instui-canvas-new-theme-components-top-nav-bar-layout-desktop-action-items-container-inline-margin: 0.25rem;
2392
2391
  $instui-canvas-new-theme-components-top-nav-bar-layout-small-viewport-font-size: 0.875rem;
2393
2392
  $instui-canvas-new-theme-components-top-nav-bar-layout-small-viewport-tray-fix-top-position: undefined;
2394
2393
  $instui-canvas-new-theme-components-top-nav-bar-layout-desktop-brand-container-inline-margin: 0 1.5rem;
2394
+ $instui-canvas-new-theme-components-top-nav-bar-layout-desktop-action-items-container-inline-margin: 0.25rem 0;
2395
2395
  $instui-canvas-new-theme-components-top-nav-bar-brand-logo-height: 2.25rem;
2396
2396
  $instui-canvas-new-theme-components-top-nav-bar-brand-focus-outline-inset: -0.25rem;
2397
2397
  $instui-canvas-new-theme-components-top-nav-bar-brand-icon-padding: 0.75rem;
2398
2398
  $instui-canvas-new-theme-components-top-nav-bar-item-font-size: 1rem;
2399
2399
  $instui-canvas-new-theme-components-top-nav-bar-item-font-family: Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;
2400
2400
  $instui-canvas-new-theme-components-top-nav-bar-item-font-weight: 400;
2401
- $instui-canvas-new-theme-components-top-nav-bar-item-color: #ffffff;
2402
- $instui-canvas-new-theme-components-top-nav-bar-item-color-inverse: #273540;
2401
+ $instui-canvas-new-theme-components-top-nav-bar-item-color: #273540;
2402
+ $instui-canvas-new-theme-components-top-nav-bar-item-color-inverse: #ffffff;
2403
2403
  $instui-canvas-new-theme-components-top-nav-bar-item-item-inline-padding: 0.5rem;
2404
2404
  $instui-canvas-new-theme-components-top-nav-bar-item-item-spacing: 0.5rem;
2405
2405
  $instui-canvas-new-theme-components-top-nav-bar-item-icon-text-gap: 0.5rem;