@instructure/ui-themes 11.7.2-snapshot-25 → 11.7.2-snapshot-27
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.
- package/CHANGELOG.md +1 -1
- package/es/themes/newThemes/dark/components/topNavBarItem.js +2 -2
- package/es/themes/newThemes/dark/components/topNavBarLayout.js +2 -2
- package/es/themes/newThemes/legacyCanvas/components/topNavBarItem.js +2 -2
- package/es/themes/newThemes/legacyCanvas/components/topNavBarLayout.js +2 -2
- package/es/themes/newThemes/legacyCanvasHighContrast/components/topNavBarItem.js +2 -2
- package/es/themes/newThemes/legacyCanvasHighContrast/components/topNavBarLayout.js +2 -2
- package/es/themes/newThemes/light/components/topNavBarItem.js +2 -2
- package/es/themes/newThemes/light/components/topNavBarLayout.js +2 -2
- package/lib/themes/newThemes/dark/components/topNavBarItem.js +2 -2
- package/lib/themes/newThemes/dark/components/topNavBarLayout.js +2 -2
- package/lib/themes/newThemes/legacyCanvas/components/topNavBarItem.js +2 -2
- package/lib/themes/newThemes/legacyCanvas/components/topNavBarLayout.js +2 -2
- package/lib/themes/newThemes/legacyCanvasHighContrast/components/topNavBarItem.js +2 -2
- package/lib/themes/newThemes/legacyCanvasHighContrast/components/topNavBarLayout.js +2 -2
- package/lib/themes/newThemes/light/components/topNavBarItem.js +2 -2
- package/lib/themes/newThemes/light/components/topNavBarLayout.js +2 -2
- package/package.json +3 -3
- package/src/themes/newThemes/componentTypes/topNavBarLayout.ts +1 -1
- package/src/themes/newThemes/dark/components/topNavBarItem.ts +2 -2
- package/src/themes/newThemes/dark/components/topNavBarLayout.ts +1 -1
- package/src/themes/newThemes/legacyCanvas/components/topNavBarItem.ts +2 -2
- package/src/themes/newThemes/legacyCanvas/components/topNavBarLayout.ts +1 -1
- package/src/themes/newThemes/legacyCanvasHighContrast/components/topNavBarItem.ts +2 -2
- package/src/themes/newThemes/legacyCanvasHighContrast/components/topNavBarLayout.ts +1 -1
- package/src/themes/newThemes/light/components/topNavBarItem.ts +2 -2
- package/src/themes/newThemes/light/components/topNavBarLayout.ts +1 -1
- package/tokens/canvas/scss/_variables.scss +3 -3
- package/tokens/canvas/source.json +1 -1
- package/tsconfig.build.tsbuildinfo +1 -1
- package/types/themes/newThemes/componentTypes/topNavBarLayout.d.ts +1 -1
- 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-
|
|
6
|
+
## [11.7.2-snapshot-27](https://github.com/instructure/instructure-ui/compare/v11.7.1...v11.7.2-snapshot-27) (2026-04-02)
|
|
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.
|
|
30
|
-
colorInverse: semantics.color.text.
|
|
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.
|
|
30
|
-
colorInverse: semantics.color.text.
|
|
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.
|
|
30
|
-
colorInverse: semantics.color.text.
|
|
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.
|
|
30
|
-
colorInverse: semantics.color.text.
|
|
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.
|
|
38
|
-
colorInverse: _semantics.default.color.text.
|
|
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.
|
|
38
|
-
colorInverse: _semantics.default.color.text.
|
|
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.
|
|
38
|
-
colorInverse: _semantics.default.color.text.
|
|
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.
|
|
38
|
-
colorInverse: _semantics.default.color.text.
|
|
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-
|
|
3
|
+
"version": "11.7.2-snapshot-27",
|
|
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-
|
|
20
|
+
"@instructure/ui-babel-preset": "11.7.2-snapshot-27"
|
|
21
21
|
},
|
|
22
22
|
"dependencies": {
|
|
23
23
|
"@tokens-studio/types": "^0.5.2",
|
|
24
|
-
"@instructure/shared-types": "11.7.2-snapshot-
|
|
24
|
+
"@instructure/shared-types": "11.7.2-snapshot-27"
|
|
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.
|
|
33
|
-
colorInverse: semantics.color.text.
|
|
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.
|
|
33
|
-
colorInverse: semantics.color.text.
|
|
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.
|
|
33
|
-
colorInverse: semantics.color.text.
|
|
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.
|
|
33
|
-
colorInverse: semantics.color.text.
|
|
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: #
|
|
2402
|
-
$instui-canvas-new-theme-components-top-nav-bar-item-color-inverse: #
|
|
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;
|