@instructure/ui-top-nav-bar 8.55.0 → 8.55.1-snapshot-3

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 (9) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/es/TopNavBar/TopNavBarLayout/DesktopLayout/theme.js +1 -1
  3. package/es/TopNavBar/TopNavBarLayout/SmallViewportLayout/theme.js +1 -1
  4. package/lib/TopNavBar/TopNavBarLayout/DesktopLayout/theme.js +1 -1
  5. package/lib/TopNavBar/TopNavBarLayout/SmallViewportLayout/theme.js +1 -1
  6. package/package.json +30 -30
  7. package/src/TopNavBar/TopNavBarLayout/DesktopLayout/theme.ts +1 -1
  8. package/src/TopNavBar/TopNavBarLayout/SmallViewportLayout/theme.ts +1 -1
  9. package/tsconfig.build.tsbuildinfo +1 -1
package/CHANGELOG.md CHANGED
@@ -3,6 +3,22 @@
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
+ ## [8.55.1-snapshot-3](https://github.com/instructure/instructure-ui/compare/v8.55.0...v8.55.1-snapshot-3) (2024-04-17)
7
+
8
+
9
+ ### Bug Fixes
10
+
11
+ * **ui-top-nav-bar:** change topnavbar secondary color to porcelaine ([056696c](https://github.com/instructure/instructure-ui/commit/056696cf5a89eec4b4e6c631053c6c3427e5c0c8))
12
+
13
+
14
+ ### BREAKING CHANGES
15
+
16
+ * **ui-top-nav-bar:** topnavbar secondary color changes
17
+
18
+
19
+
20
+
21
+
6
22
  # [8.55.0](https://github.com/instructure/instructure-ui/compare/v8.54.0...v8.55.0) (2024-04-09)
7
23
 
8
24
  **Note:** Version bump only for package @instructure/ui-top-nav-bar
package/es/TopNavBar/TopNavBarLayout/DesktopLayout/theme.js CHANGED
@@ -38,7 +38,7 @@ const generateComponentTheme = theme => {
38
38
  desktopFontFamily: typography === null || typography === void 0 ? void 0 : typography.fontFamily,
39
39
  desktopFontWeight: typography === null || typography === void 0 ? void 0 : typography.fontWeightNormal,
40
40
  desktopBackground: colors === null || colors === void 0 ? void 0 : colors.backgroundBrandSecondary,
41
- desktopBackgroundInverse: colors === null || colors === void 0 ? void 0 : colors.backgroundLightest,
41
+ desktopBackgroundInverse: colors === null || colors === void 0 ? void 0 : colors.backgroundLight,
42
42
  desktopBottomBorder: 'none',
43
43
  desktopBottomBorderInverse: `${borders === null || borders === void 0 ? void 0 : borders.widthSmall} ${borders === null || borders === void 0 ? void 0 : borders.style} ${colors === null || colors === void 0 ? void 0 : colors.borderMedium}`,
44
44
  desktopHeight: '4rem',
package/es/TopNavBar/TopNavBarLayout/SmallViewportLayout/theme.js CHANGED
@@ -38,7 +38,7 @@ const generateComponentTheme = theme => {
38
38
  smallViewportFontFamily: typography === null || typography === void 0 ? void 0 : typography.fontFamily,
39
39
  smallViewportFontWeight: typography === null || typography === void 0 ? void 0 : typography.fontWeightNormal,
40
40
  smallViewportBackground: colors === null || colors === void 0 ? void 0 : colors.backgroundBrandSecondary,
41
- smallViewportBackgroundInverse: colors === null || colors === void 0 ? void 0 : colors.backgroundLightest,
41
+ smallViewportBackgroundInverse: colors === null || colors === void 0 ? void 0 : colors.backgroundLight,
42
42
  smallViewportBottomBorder: 'none',
43
43
  smallViewportBottomBorderInverse: `${borders === null || borders === void 0 ? void 0 : borders.widthSmall} ${borders === null || borders === void 0 ? void 0 : borders.style} ${colors === null || colors === void 0 ? void 0 : colors.borderMedium}`,
44
44
  smallViewportHeight: '3.5rem',
package/lib/TopNavBar/TopNavBarLayout/DesktopLayout/theme.js CHANGED
@@ -44,7 +44,7 @@ const generateComponentTheme = theme => {
44
44
  desktopFontFamily: typography === null || typography === void 0 ? void 0 : typography.fontFamily,
45
45
  desktopFontWeight: typography === null || typography === void 0 ? void 0 : typography.fontWeightNormal,
46
46
  desktopBackground: colors === null || colors === void 0 ? void 0 : colors.backgroundBrandSecondary,
47
- desktopBackgroundInverse: colors === null || colors === void 0 ? void 0 : colors.backgroundLightest,
47
+ desktopBackgroundInverse: colors === null || colors === void 0 ? void 0 : colors.backgroundLight,
48
48
  desktopBottomBorder: 'none',
49
49
  desktopBottomBorderInverse: `${borders === null || borders === void 0 ? void 0 : borders.widthSmall} ${borders === null || borders === void 0 ? void 0 : borders.style} ${colors === null || colors === void 0 ? void 0 : colors.borderMedium}`,
50
50
  desktopHeight: '4rem',
package/lib/TopNavBar/TopNavBarLayout/SmallViewportLayout/theme.js CHANGED
@@ -44,7 +44,7 @@ const generateComponentTheme = theme => {
44
44
  smallViewportFontFamily: typography === null || typography === void 0 ? void 0 : typography.fontFamily,
45
45
  smallViewportFontWeight: typography === null || typography === void 0 ? void 0 : typography.fontWeightNormal,
46
46
  smallViewportBackground: colors === null || colors === void 0 ? void 0 : colors.backgroundBrandSecondary,
47
- smallViewportBackgroundInverse: colors === null || colors === void 0 ? void 0 : colors.backgroundLightest,
47
+ smallViewportBackgroundInverse: colors === null || colors === void 0 ? void 0 : colors.backgroundLight,
48
48
  smallViewportBottomBorder: 'none',
49
49
  smallViewportBottomBorderInverse: `${borders === null || borders === void 0 ? void 0 : borders.widthSmall} ${borders === null || borders === void 0 ? void 0 : borders.style} ${colors === null || colors === void 0 ? void 0 : colors.borderMedium}`,
50
50
  smallViewportHeight: '3.5rem',
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@instructure/ui-top-nav-bar",
3
- "version": "8.55.0",
3
+ "version": "8.55.1-snapshot-3",
4
4
  "description": "A UI component library made by Instructure Inc.",
5
5
  "author": "Instructure, Inc. Engineering and Product Design",
6
6
  "module": "./es/index.js",
@@ -24,38 +24,38 @@
24
24
  "license": "MIT",
25
25
  "dependencies": {
26
26
  "@babel/runtime": "^7.23.2",
27
- "@instructure/console": "8.55.0",
28
- "@instructure/emotion": "8.55.0",
29
- "@instructure/shared-types": "8.55.0",
30
- "@instructure/ui-a11y-content": "8.55.0",
31
- "@instructure/ui-avatar": "8.55.0",
32
- "@instructure/ui-breadcrumb": "8.55.0",
33
- "@instructure/ui-buttons": "8.55.0",
34
- "@instructure/ui-dialog": "8.55.0",
35
- "@instructure/ui-dom-utils": "8.55.0",
36
- "@instructure/ui-drilldown": "8.55.0",
37
- "@instructure/ui-icons": "8.55.0",
38
- "@instructure/ui-link": "8.55.0",
39
- "@instructure/ui-popover": "8.55.0",
40
- "@instructure/ui-prop-types": "8.55.0",
41
- "@instructure/ui-react-utils": "8.55.0",
42
- "@instructure/ui-responsive": "8.55.0",
43
- "@instructure/ui-testable": "8.55.0",
44
- "@instructure/ui-tooltip": "8.55.0",
45
- "@instructure/ui-tray": "8.55.0",
46
- "@instructure/ui-truncate-list": "8.55.0",
47
- "@instructure/ui-utils": "8.55.0",
48
- "@instructure/ui-view": "8.55.0",
27
+ "@instructure/console": "8.55.1-snapshot-3",
28
+ "@instructure/emotion": "8.55.1-snapshot-3",
29
+ "@instructure/shared-types": "8.55.1-snapshot-3",
30
+ "@instructure/ui-a11y-content": "8.55.1-snapshot-3",
31
+ "@instructure/ui-avatar": "8.55.1-snapshot-3",
32
+ "@instructure/ui-breadcrumb": "8.55.1-snapshot-3",
33
+ "@instructure/ui-buttons": "8.55.1-snapshot-3",
34
+ "@instructure/ui-dialog": "8.55.1-snapshot-3",
35
+ "@instructure/ui-dom-utils": "8.55.1-snapshot-3",
36
+ "@instructure/ui-drilldown": "8.55.1-snapshot-3",
37
+ "@instructure/ui-icons": "8.55.1-snapshot-3",
38
+ "@instructure/ui-link": "8.55.1-snapshot-3",
39
+ "@instructure/ui-popover": "8.55.1-snapshot-3",
40
+ "@instructure/ui-prop-types": "8.55.1-snapshot-3",
41
+ "@instructure/ui-react-utils": "8.55.1-snapshot-3",
42
+ "@instructure/ui-responsive": "8.55.1-snapshot-3",
43
+ "@instructure/ui-testable": "8.55.1-snapshot-3",
44
+ "@instructure/ui-tooltip": "8.55.1-snapshot-3",
45
+ "@instructure/ui-tray": "8.55.1-snapshot-3",
46
+ "@instructure/ui-truncate-list": "8.55.1-snapshot-3",
47
+ "@instructure/ui-utils": "8.55.1-snapshot-3",
48
+ "@instructure/ui-view": "8.55.1-snapshot-3",
49
49
  "prop-types": "^15.8.1"
50
50
  },
51
51
  "devDependencies": {
52
- "@instructure/ui-axe-check": "8.55.0",
53
- "@instructure/ui-babel-preset": "8.55.0",
54
- "@instructure/ui-color-utils": "8.55.0",
55
- "@instructure/ui-scripts": "8.55.0",
56
- "@instructure/ui-test-locator": "8.55.0",
57
- "@instructure/ui-test-utils": "8.55.0",
58
- "@instructure/ui-themes": "8.55.0",
52
+ "@instructure/ui-axe-check": "8.55.1-snapshot-3",
53
+ "@instructure/ui-babel-preset": "8.55.1-snapshot-3",
54
+ "@instructure/ui-color-utils": "8.55.1-snapshot-3",
55
+ "@instructure/ui-scripts": "8.55.1-snapshot-3",
56
+ "@instructure/ui-test-locator": "8.55.1-snapshot-3",
57
+ "@instructure/ui-test-utils": "8.55.1-snapshot-3",
58
+ "@instructure/ui-themes": "8.55.1-snapshot-3",
59
59
  "@testing-library/jest-dom": "^6.1.4",
60
60
  "@testing-library/react": "^14.1.2",
61
61
  "@testing-library/user-event": "^14.5.1"
package/src/TopNavBar/TopNavBarLayout/DesktopLayout/theme.ts CHANGED
@@ -39,7 +39,7 @@ const generateComponentTheme = (theme: Theme): TopNavBarLayoutDesktopTheme => {
39
39
  desktopFontWeight: typography?.fontWeightNormal,
40
40
 
41
41
  desktopBackground: colors?.backgroundBrandSecondary,
42
- desktopBackgroundInverse: colors?.backgroundLightest,
42
+ desktopBackgroundInverse: colors?.backgroundLight,
43
43
  desktopBottomBorder: 'none',
44
44
  desktopBottomBorderInverse: `${borders?.widthSmall} ${borders?.style} ${colors?.borderMedium}`,
45
45
  desktopHeight: '4rem',
package/src/TopNavBar/TopNavBarLayout/SmallViewportLayout/theme.ts CHANGED
@@ -41,7 +41,7 @@ const generateComponentTheme = (
41
41
  smallViewportFontWeight: typography?.fontWeightNormal,
42
42
 
43
43
  smallViewportBackground: colors?.backgroundBrandSecondary,
44
- smallViewportBackgroundInverse: colors?.backgroundLightest,
44
+ smallViewportBackgroundInverse: colors?.backgroundLight,
45
45
  smallViewportBottomBorder: 'none',
46
46
  smallViewportBottomBorderInverse: `${borders?.widthSmall} ${borders?.style} ${colors?.borderMedium}`,
47
47
  smallViewportHeight: '3.5rem',