@instructure/ui-top-nav-bar 9.0.2-snapshot-18 → 9.0.2-snapshot-20

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 (7) hide show
  1. package/CHANGELOG.md +2 -1
  2. package/es/TopNavBar/TopNavBarItem/styles.js +2 -1
  3. package/lib/TopNavBar/TopNavBarItem/styles.js +2 -1
  4. package/package.json +30 -30
  5. package/src/TopNavBar/TopNavBarItem/styles.ts +2 -1
  6. package/tsconfig.build.tsbuildinfo +1 -1
  7. package/types/TopNavBar/TopNavBarItem/styles.d.ts.map +1 -1
package/CHANGELOG.md CHANGED
@@ -3,11 +3,12 @@
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
- ## [9.0.2-snapshot-18](https://github.com/instructure/instructure-ui/compare/v9.0.1...v9.0.2-snapshot-18) (2024-06-13)
6
+ ## [9.0.2-snapshot-20](https://github.com/instructure/instructure-ui/compare/v9.0.1...v9.0.2-snapshot-20) (2024-06-13)
7
7
 
8
8
 
9
9
  ### Bug Fixes
10
10
 
11
+ * **ui-top-nav-bar:** keep width unchanged when active status is set to topnavbar.item ([9770827](https://github.com/instructure/instructure-ui/commit/9770827de8968745d9b1c71cea19b3dd94315d0f))
11
12
  * **ui-top-nav-bar:** show nothing in smallviewportlayout when there is one crumb link ([1c380a9](https://github.com/instructure/instructure-ui/commit/1c380a9943ffc1213d19961dc840181fb26a0308))
12
13
 
13
14
 
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/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": "9.0.2-snapshot-18",
3
+ "version": "9.0.2-snapshot-20",
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.24.5",
27
- "@instructure/console": "9.0.2-snapshot-18",
28
- "@instructure/emotion": "9.0.2-snapshot-18",
29
- "@instructure/shared-types": "9.0.2-snapshot-18",
30
- "@instructure/ui-a11y-content": "9.0.2-snapshot-18",
31
- "@instructure/ui-avatar": "9.0.2-snapshot-18",
32
- "@instructure/ui-breadcrumb": "9.0.2-snapshot-18",
33
- "@instructure/ui-buttons": "9.0.2-snapshot-18",
34
- "@instructure/ui-dialog": "9.0.2-snapshot-18",
35
- "@instructure/ui-dom-utils": "9.0.2-snapshot-18",
36
- "@instructure/ui-drilldown": "9.0.2-snapshot-18",
37
- "@instructure/ui-icons": "9.0.2-snapshot-18",
38
- "@instructure/ui-link": "9.0.2-snapshot-18",
39
- "@instructure/ui-popover": "9.0.2-snapshot-18",
40
- "@instructure/ui-prop-types": "9.0.2-snapshot-18",
41
- "@instructure/ui-react-utils": "9.0.2-snapshot-18",
42
- "@instructure/ui-responsive": "9.0.2-snapshot-18",
43
- "@instructure/ui-testable": "9.0.2-snapshot-18",
44
- "@instructure/ui-tooltip": "9.0.2-snapshot-18",
45
- "@instructure/ui-tray": "9.0.2-snapshot-18",
46
- "@instructure/ui-truncate-list": "9.0.2-snapshot-18",
47
- "@instructure/ui-utils": "9.0.2-snapshot-18",
48
- "@instructure/ui-view": "9.0.2-snapshot-18",
27
+ "@instructure/console": "9.0.2-snapshot-20",
28
+ "@instructure/emotion": "9.0.2-snapshot-20",
29
+ "@instructure/shared-types": "9.0.2-snapshot-20",
30
+ "@instructure/ui-a11y-content": "9.0.2-snapshot-20",
31
+ "@instructure/ui-avatar": "9.0.2-snapshot-20",
32
+ "@instructure/ui-breadcrumb": "9.0.2-snapshot-20",
33
+ "@instructure/ui-buttons": "9.0.2-snapshot-20",
34
+ "@instructure/ui-dialog": "9.0.2-snapshot-20",
35
+ "@instructure/ui-dom-utils": "9.0.2-snapshot-20",
36
+ "@instructure/ui-drilldown": "9.0.2-snapshot-20",
37
+ "@instructure/ui-icons": "9.0.2-snapshot-20",
38
+ "@instructure/ui-link": "9.0.2-snapshot-20",
39
+ "@instructure/ui-popover": "9.0.2-snapshot-20",
40
+ "@instructure/ui-prop-types": "9.0.2-snapshot-20",
41
+ "@instructure/ui-react-utils": "9.0.2-snapshot-20",
42
+ "@instructure/ui-responsive": "9.0.2-snapshot-20",
43
+ "@instructure/ui-testable": "9.0.2-snapshot-20",
44
+ "@instructure/ui-tooltip": "9.0.2-snapshot-20",
45
+ "@instructure/ui-tray": "9.0.2-snapshot-20",
46
+ "@instructure/ui-truncate-list": "9.0.2-snapshot-20",
47
+ "@instructure/ui-utils": "9.0.2-snapshot-20",
48
+ "@instructure/ui-view": "9.0.2-snapshot-20",
49
49
  "prop-types": "^15.8.1"
50
50
  },
51
51
  "devDependencies": {
52
- "@instructure/ui-axe-check": "9.0.2-snapshot-18",
53
- "@instructure/ui-babel-preset": "9.0.2-snapshot-18",
54
- "@instructure/ui-color-utils": "9.0.2-snapshot-18",
55
- "@instructure/ui-scripts": "9.0.2-snapshot-18",
56
- "@instructure/ui-test-locator": "9.0.2-snapshot-18",
57
- "@instructure/ui-test-utils": "9.0.2-snapshot-18",
58
- "@instructure/ui-themes": "9.0.2-snapshot-18",
52
+ "@instructure/ui-axe-check": "9.0.2-snapshot-20",
53
+ "@instructure/ui-babel-preset": "9.0.2-snapshot-20",
54
+ "@instructure/ui-color-utils": "9.0.2-snapshot-20",
55
+ "@instructure/ui-scripts": "9.0.2-snapshot-20",
56
+ "@instructure/ui-test-locator": "9.0.2-snapshot-20",
57
+ "@instructure/ui-test-utils": "9.0.2-snapshot-20",
58
+ "@instructure/ui-themes": "9.0.2-snapshot-20",
59
59
  "@testing-library/jest-dom": "^6.4.5",
60
60
  "@testing-library/react": "^15.0.7",
61
61
  "@testing-library/user-event": "^14.5.2"
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
  '*': {