@instructure/ui-top-nav-bar 8.55.2-snapshot-0 → 8.56.1

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 (11) hide show
  1. package/CHANGELOG.md +13 -1
  2. package/es/TopNavBar/TopNavBarBreadcrumb/index.js +1 -1
  3. package/es/TopNavBar/TopNavBarItem/styles.js +2 -1
  4. package/lib/TopNavBar/TopNavBarBreadcrumb/index.js +1 -1
  5. package/lib/TopNavBar/TopNavBarItem/styles.js +2 -1
  6. package/package.json +30 -30
  7. package/src/TopNavBar/TopNavBarBreadcrumb/index.tsx +9 -7
  8. package/src/TopNavBar/TopNavBarItem/styles.ts +2 -1
  9. package/tsconfig.build.tsbuildinfo +1 -1
  10. package/types/TopNavBar/TopNavBarBreadcrumb/index.d.ts.map +1 -1
  11. package/types/TopNavBar/TopNavBarItem/styles.d.ts.map +1 -1
package/CHANGELOG.md CHANGED
@@ -3,7 +3,19 @@
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.2-snapshot-0](https://github.com/instructure/instructure-ui/compare/v8.55.1...v8.55.2-snapshot-0) (2024-05-06)
6
+ ## [8.56.1](https://github.com/instructure/instructure-ui/compare/v8.56.0...v8.56.1) (2024-06-13)
7
+
8
+
9
+ ### Bug Fixes
10
+
11
+ * **ui-top-nav-bar:** keep width unchanged when active status is set to topnavbar.item ([f00503e](https://github.com/instructure/instructure-ui/commit/f00503e157a95ac8d365977a939366e543e5b4d2))
12
+ * **ui-top-nav-bar:** show nothing in smallviewportlayout when there is one crumb link ([ccce4c8](https://github.com/instructure/instructure-ui/commit/ccce4c8831dac2ee10f739c1a49e0cc08b4462f4))
13
+
14
+
15
+
16
+
17
+
18
+ # [8.56.0](https://github.com/instructure/instructure-ui/compare/v8.55.1...v8.56.0) (2024-05-06)
7
19
 
8
20
 
9
21
  ### Features
package/es/TopNavBar/TopNavBarBreadcrumb/index.js CHANGED
@@ -100,7 +100,7 @@ let TopNavBarBreadcrumb = (_dec = withStyle(generateStyle, null), _dec2 = testab
100
100
  css: styles === null || styles === void 0 ? void 0 : styles.topNavBarBreadcrumb
101
101
  }, jsx("div", {
102
102
  css: styles === null || styles === void 0 ? void 0 : styles.linkContainer
103
- }, jsx(Link, {
103
+ }, lastButOneLink && jsx(Link, {
104
104
  href: lastButOneLink.props.href,
105
105
  isWithinText: false,
106
106
  renderIcon: IconArrowOpenStartLine
package/es/TopNavBar/TopNavBarItem/styles.js CHANGED
@@ -91,7 +91,8 @@ const generateStyle = (componentTheme, props, state) => {
91
91
  alignItems: 'center',
92
92
  color: inverseColor ? componentTheme.colorInverse : componentTheme.color,
93
93
  ...(isActive && {
94
- fontWeight: componentTheme.activeItemFontWeight
94
+ fontWeight: componentTheme.activeItemFontWeight,
95
+ letterSpacing: -0.1818
95
96
  }),
96
97
  '*': {
97
98
  pointerEvents: 'none'
package/lib/TopNavBar/TopNavBarBreadcrumb/index.js CHANGED
@@ -107,7 +107,7 @@ let TopNavBarBreadcrumb = exports.TopNavBarBreadcrumb = (_dec = (0, _emotion.wit
107
107
  css: styles === null || styles === void 0 ? void 0 : styles.topNavBarBreadcrumb
108
108
  }, (0, _emotion.jsx)("div", {
109
109
  css: styles === null || styles === void 0 ? void 0 : styles.linkContainer
110
- }, (0, _emotion.jsx)(_Link.Link, {
110
+ }, lastButOneLink && (0, _emotion.jsx)(_Link.Link, {
111
111
  href: lastButOneLink.props.href,
112
112
  isWithinText: false,
113
113
  renderIcon: _IconArrowOpenStartLine.IconArrowOpenStartLine
package/lib/TopNavBar/TopNavBarItem/styles.js CHANGED
@@ -97,7 +97,8 @@ const generateStyle = (componentTheme, props, state) => {
97
97
  alignItems: 'center',
98
98
  color: inverseColor ? componentTheme.colorInverse : componentTheme.color,
99
99
  ...(isActive && {
100
- fontWeight: componentTheme.activeItemFontWeight
100
+ fontWeight: componentTheme.activeItemFontWeight,
101
+ letterSpacing: -0.1818
101
102
  }),
102
103
  '*': {
103
104
  pointerEvents: 'none'
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@instructure/ui-top-nav-bar",
3
- "version": "8.55.2-snapshot-0",
3
+ "version": "8.56.1",
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.2-snapshot-0",
28
- "@instructure/emotion": "8.55.2-snapshot-0",
29
- "@instructure/shared-types": "8.55.2-snapshot-0",
30
- "@instructure/ui-a11y-content": "8.55.2-snapshot-0",
31
- "@instructure/ui-avatar": "8.55.2-snapshot-0",
32
- "@instructure/ui-breadcrumb": "8.55.2-snapshot-0",
33
- "@instructure/ui-buttons": "8.55.2-snapshot-0",
34
- "@instructure/ui-dialog": "8.55.2-snapshot-0",
35
- "@instructure/ui-dom-utils": "8.55.2-snapshot-0",
36
- "@instructure/ui-drilldown": "8.55.2-snapshot-0",
37
- "@instructure/ui-icons": "8.55.2-snapshot-0",
38
- "@instructure/ui-link": "8.55.2-snapshot-0",
39
- "@instructure/ui-popover": "8.55.2-snapshot-0",
40
- "@instructure/ui-prop-types": "8.55.2-snapshot-0",
41
- "@instructure/ui-react-utils": "8.55.2-snapshot-0",
42
- "@instructure/ui-responsive": "8.55.2-snapshot-0",
43
- "@instructure/ui-testable": "8.55.2-snapshot-0",
44
- "@instructure/ui-tooltip": "8.55.2-snapshot-0",
45
- "@instructure/ui-tray": "8.55.2-snapshot-0",
46
- "@instructure/ui-truncate-list": "8.55.2-snapshot-0",
47
- "@instructure/ui-utils": "8.55.2-snapshot-0",
48
- "@instructure/ui-view": "8.55.2-snapshot-0",
27
+ "@instructure/console": "8.56.1",
28
+ "@instructure/emotion": "8.56.1",
29
+ "@instructure/shared-types": "8.56.1",
30
+ "@instructure/ui-a11y-content": "8.56.1",
31
+ "@instructure/ui-avatar": "8.56.1",
32
+ "@instructure/ui-breadcrumb": "8.56.1",
33
+ "@instructure/ui-buttons": "8.56.1",
34
+ "@instructure/ui-dialog": "8.56.1",
35
+ "@instructure/ui-dom-utils": "8.56.1",
36
+ "@instructure/ui-drilldown": "8.56.1",
37
+ "@instructure/ui-icons": "8.56.1",
38
+ "@instructure/ui-link": "8.56.1",
39
+ "@instructure/ui-popover": "8.56.1",
40
+ "@instructure/ui-prop-types": "8.56.1",
41
+ "@instructure/ui-react-utils": "8.56.1",
42
+ "@instructure/ui-responsive": "8.56.1",
43
+ "@instructure/ui-testable": "8.56.1",
44
+ "@instructure/ui-tooltip": "8.56.1",
45
+ "@instructure/ui-tray": "8.56.1",
46
+ "@instructure/ui-truncate-list": "8.56.1",
47
+ "@instructure/ui-utils": "8.56.1",
48
+ "@instructure/ui-view": "8.56.1",
49
49
  "prop-types": "^15.8.1"
50
50
  },
51
51
  "devDependencies": {
52
- "@instructure/ui-axe-check": "8.55.2-snapshot-0",
53
- "@instructure/ui-babel-preset": "8.55.2-snapshot-0",
54
- "@instructure/ui-color-utils": "8.55.2-snapshot-0",
55
- "@instructure/ui-scripts": "8.55.2-snapshot-0",
56
- "@instructure/ui-test-locator": "8.55.2-snapshot-0",
57
- "@instructure/ui-test-utils": "8.55.2-snapshot-0",
58
- "@instructure/ui-themes": "8.55.2-snapshot-0",
52
+ "@instructure/ui-axe-check": "8.56.1",
53
+ "@instructure/ui-babel-preset": "8.56.1",
54
+ "@instructure/ui-color-utils": "8.56.1",
55
+ "@instructure/ui-scripts": "8.56.1",
56
+ "@instructure/ui-test-locator": "8.56.1",
57
+ "@instructure/ui-test-utils": "8.56.1",
58
+ "@instructure/ui-themes": "8.56.1",
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/TopNavBarBreadcrumb/index.tsx CHANGED
@@ -126,13 +126,15 @@ class TopNavBarBreadcrumb extends Component<
126
126
  ) : (
127
127
  <div ref={this.handleRef} css={styles?.topNavBarBreadcrumb}>
128
128
  <div css={styles?.linkContainer}>
129
- <Link
130
- href={lastButOneLink.props.href}
131
- isWithinText={false}
132
- renderIcon={IconArrowOpenStartLine}
133
- >
134
- {lastButOneLink.props.children}
135
- </Link>
129
+ {lastButOneLink && (
130
+ <Link
131
+ href={lastButOneLink.props.href}
132
+ isWithinText={false}
133
+ renderIcon={IconArrowOpenStartLine}
134
+ >
135
+ {lastButOneLink.props.children}
136
+ </Link>
137
+ )}
136
138
  </div>
137
139
  </div>
138
140
  ))
package/src/TopNavBar/TopNavBarItem/styles.ts CHANGED
@@ -108,7 +108,8 @@ const generateStyle = (
108
108
  color: inverseColor ? componentTheme.colorInverse : componentTheme.color,
109
109
 
110
110
  ...(isActive && {
111
- fontWeight: componentTheme.activeItemFontWeight
111
+ fontWeight: componentTheme.activeItemFontWeight,
112
+ letterSpacing: -0.1818
112
113
  }),
113
114
 
114
115
  '*': {